@charset "utf-8";
/* CSS Document */





/* スマホ */
@media screen and (min-width:300px) and (max-width:768px) { 

/* svg */

.no-smil .lp_ttl_01{
display:none;
}

.smil .lp_ttl_01_ie{
display:none;
}



/* 共通 */

body{
background:#fefaec;
}


.lp_ww{
width:100%;
background:#fefaec;
}




.lp_w{
width:100%;
margin:0 auto;
}


header.lp_header{
padding:15px 0 !important;
}

header.lp_header h1{
margin: 0 auto 0; !important;
}

.lp_header img {
width:100%;
}



/* タイトル */

.lp_ttl{
width:100%;
height:287px;
background:url(../images/ttl_bg.jpg) no-repeat center;
position:relative;


}

.lp_ttl_01{
}

.lp_ttl_01 img{
width: 100%;
height: auto;
overflow: hidden;
padding: 20px 15px 0;
}



.lp_ttl_02{
position:absolute;
left:20%;
bottom: 2%;
}

.lp_ttl_02 img{
width:80%;
}


.lp_ttl_03{
position:absolute;
left:0;
}

.lp_ttl_03 img{
width:80%;
}

.lp_ttl_04{
position:absolute;
right: -10%;
bottom: 2%;
}



.lp_ttl_04 img{
width:70%;
}





/* ナビ */
ul.lp_nav{
display:flex;
flex-wrap:wrap;
}

ul.lp_nav li{
width:50%;
line-height: 0;
}

ul.lp_nav li img{
width:100%;
}








/* 説明文 */

.lp_t01{
margin-top:50px;
margin-bottom:50px;
text-align:center;
width:100%;
text-align:center;
overflow:hidden;
}

.lp_t01 img{
display:inline-block;
width:90%;
margin:0 auto;
}




/* 見出し */

.lp_h_w{
position:relative;
height:196px;
margin-bottom:50px;
}

.lp_01_01{
position:absolute;
z-index:10;
top:69px;
width:100%;
background:#fff;
text-align:center;
}

.lp_01_01 img{
width:100%;
}

.lp_01_02{
position:absolute;
left:10%;
top:0;
z-index:1;
}

.lp_01_02 img{
width:100%;
}

.lp_sh_w{
margin-top:50px;
margin-bottom:50px;
text-align:center;
}

.lp_h_w img{
display:inline-block;
}

.lp_02_06{
margin-bottom:20px;
}

.lp_02_06 img{
width:90%;
}









/* bg */
.lp-w{
background:#fefaec;
}

.lp-w02{
background:#fefaec;
width:980px;
}







/* 1.受付 */
.lp_i_w{
position:relative;
margin-bottom:30px;
width:100%;
clear:both;
}

.lp_01_03{
position:;
z-index:1;
top:0;
}



.lp_01_04{
margin-top:-50px;
text-align:center;
}




.lp_01_05{
}

.lp_01_06{
margin-top:-50px;
text-align:center;
}

.lp_01_07{
}

.lp_01_08{
margin-top:-50px;
text-align:center;
}

.lp_01_03 img{
width:100%;
}

.lp_01_04 img{
width:90%;
}

.lp_01_05 img{
width:100%;
}

.lp_01_06 img{
width:90%;
}

.lp_01_07 img{
width:100%;
}

.lp_01_08 img{
width:90%;
}









/* 2 工場編 */
/* h */

.lp_h_w{
position:relative;
height:196px;
}

.lp_02_01{
position:absolute;
z-index:10;
top:69px;
width:100%;
background:#fff;
text-align:center;
}

.lp_02_01 img{
width:100%;
}

.lp_02_02{
position:absolute;
right:10%;
top:0;
z-index:1;
}





/* リスト */

ul.lp_02_03_w{
text-align:center;
}

ul.lp_02_03_w img{
width:80%;
display:inline-block;
}




ul.lp_02_06_w{
text-align:center;
}

ul.lp_02_06_w img{
width:80%;
display:inline-block;
}




ul.lp_03_19_w{
text-align:center;
}

.lp_03_w19 img{
width:80%;
display:inline-block;
}

.lp_03_w20 img{
width:80%;
display:inline-block;
}

.lp_03_w21 img{
width:100%;
display:inline-block;
}


.lp_03_w21 {
margin-bottom:30px;
}



















/* 見出し */

.lp_h_w{
position:relative;
height:196px;
margin-bottom:50px;
}

.lp_03_01{
position:absolute;
z-index:10;
top:69px;
width:100%;
background:#fff;
text-align:center;
}

.lp_03_01 img{
width:100%;
}

.lp_03_02{
position:absolute;
left:45%;
top:0;
z-index:1;
}





/* 見出し */

.lp_h_w{
position:relative;
height:196px;
margin-bottom:50px;
}

.lp_04_01{
position:absolute;
z-index:10;
top:69px;
width:100%;
background:#fff;
text-align:center;
}

.lp_04_01 img{
width:100%;
}

.lp_04_02{
position:absolute;
left:5%;
top:0;
z-index:1;
}


.lp_04_24 img{
width:100%;
}

.lp_04_25 img{
width:100%;
}







.sec_04{
margin-top:30px;
}


.sec_05{
margin-bottom:130px;
}


.lp_05_26{
padding-bottom:120px;
text-align:center;
padding-top:70px;
}


.lp_05_26 img{
width:90%;
}











.sa {
  opacity: 0;
  transition: all .5s ease;
}

.sa.show {
  opacity: 1;
  transform: none;
}

.sa--lr {
  transform: translate(-100px, 0);
}

.sa--rl {
  transform: translate(100px, 0);
}

.sa--up {
  transform: translate(0, 100px);
}

.sa--down {
  transform: translate(0, -100px);
}

.sa--scaleUp {
  transform: scale(.5);
}

.sa--scaleDown {
  transform: scale(1.5);
}

.sa--rotateL {
  transform: rotate(180deg);
}

.sa--rotateR {
  transform: rotate(-180deg);
}


.address{
font-size:1.2rem !important;
}




}





/* PC */

@media screen and (min-width:769px) {

/* svg */

.no-smil .lp_ttl_01{
display:none;
}

.smil .lp_ttl_01_ie{
display:none;
}



/* 共通 */

body{
background:#fefaec;
}


.lp_ww{
width:100%;
background:#fefaec;
}




.lp_w{
width:980px;
margin:0 auto;
}


/* 説明文 */

.lp_t01{
margin-top:20px;
margin-bottom:50px;
text-align:center;
}

.lp_t01 img{
display:inline-block;
}




/* 見出し */

.lp_h_w{
position:relative;
height:196px;
margin-bottom:50px;
}

.lp_01_01{
position:absolute;
z-index:10;
top:69px;
}

.lp_01_02{
position:absolute;
left:180px;
top:0;
z-index:1;
}



.lp_sh_w{
margin-top:50px;
margin-bottom:50px;
text-align:center;
}

.lp_h_w img{
display:inline-block;
}

.lp_02_06{
margin-bottom:20px;
}








/* ナビ */
ul.lp_nav{
display:flex;
flex-wrap:wrap;
}

ul.lp_nav li{
width:245px;
}




/* bg */
.lp-w{
background:#fefaec;
}

.lp-w02{
background:#fefaec;
width:980px;
}







/* 1.受付 */
.lp_i_w{
position:relative;
height:444px;
margin-bottom:30px;
}

.lp_01_03{
position:absolute;
z-index:1;
top:0;
}

.lp_01_04{
position:absolute;
left:511px;
top:82px;
z-index:10;
}


.lp_01_05{
position:absolute;
z-index:1;
top:0;
left:415px;
}

.lp_01_06{
position:absolute;
left:0;
top:92px;
z-index:10;
}

.lp_01_07{
position:absolute;
z-index:1;
top:0;
}

.lp_01_08{
position:absolute;
left:511px;
top:82px;
z-index:10;
}





/* 2 工場編 */
/* h */

.lp_h_w{
position:relative;
height:196px;
}

.lp_02_01{
position:absolute;
z-index:10;
top:69px;
}

.lp_02_02{
position:absolute;
left:827px;
top:0;
z-index:1;
}



/* リスト */

ul.lp_02_03_w{
display:flex;
flex-wrap:wrap;
justify-content:center;
}

ul.lp_nav li.lp_03_w01{
width:287px;
}

ul.lp_nav li.lp_03_w02{
width:346px;
}

ul.lp_nav li.lp_03_w03{
width:346px;
}


ul.lp_02_06_w{
display:flex;
flex-wrap:wrap;
}

ul.lp_nav li.lp_03_w01{
width:287px;
}

ul.lp_nav li.lp_03_w02{
width:346px;
}

ul.lp_nav li.lp_03_w03{
width:346px;
}




ul.lp_03_19_w{
display:flex;
flex-wrap:wrap;
margin-bottom:70px;
}

ul.lp_nav li.lp_03_w19{
width:490px;
}

ul.lp_nav li.lp_03_w20{
width:490px;
}

ul.lp_nav li.lp_03_w21{
width:980px;
}











/* タイトル */

.lp_ttl{
width:980px;
height:287px;
background:url(../images/ttl_bg.jpg) no-repeat center;
position:relative;


}

.lp_ttl_01{
position:absolute;
left:120px;
top:67px;
}

.lp_ttl_01 img{
width:756px;
height:168px;
}

.lp_ttl_01_ie_a{
position:absolute;
left:120px;
top:67px;
}

.lp_ttl_01_ie_a img{
width:713px;
height:77px;
}

.lp_ttl_01_ie_b{
position:absolute;
left:145px;
top:155px;
}

.lp_ttl_01_ie_b img{
width:713px;
height:72px;
}

.lp_ttl_02{
position:absolute;
left:591px;
top:0;
}


.lp_ttl_03{
position:absolute;
left:-15px;
top:140px;
}



.lp_ttl_04{
position:absolute;
left: 710px;
top: 10px;
}




/* 4.番外編 */

.lp_w_04{
width:980px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
}


.lp_05_26{
text-align:center;
width:980px;
}

.lp_05_26 img{
display:inline-block;
}

.lp_04_24{
margin-bottom:20px;
}

.lp_04_25{
margin-bottom:20px;
}



/* 見出し */

.lp_h_w{
position:relative;
height:196px;
margin-bottom:50px;
}

.lp_03_01{
position:absolute;
z-index:10;
top:69px;
}

.lp_03_02{
position:absolute;
left:450px;
top:0;
z-index:1;
}





/* 見出し */

.lp_h_w{
position:relative;
height:196px;
margin-bottom:50px;
}

.lp_04_01{
position:absolute;
z-index:10;
top:69px;
}

.lp_04_02{
position:absolute;
left:50px;
top:0;
z-index:1;
}










.sec_04{
margin-top:30px;
}


.sec_05{
margin-bottom:130px;
}


.lp_05_26{
padding-bottom:120px;
text-align:center;
padding-top:80px;
}





.sa {
  opacity: 0;
  transition: all .5s ease;
}

.sa.show {
  opacity: 1;
  transform: none;
}

.sa--lr {
  transform: translate(-100px, 0);
}

.sa--rl {
  transform: translate(100px, 0);
}

.sa--up {
  transform: translate(0, 100px);
}

.sa--down {
  transform: translate(0, -100px);
}

.sa--scaleUp {
  transform: scale(.5);
}

.sa--scaleDown {
  transform: scale(1.5);
}

.sa--rotateL {
  transform: rotate(180deg);
}

.sa--rotateR {
  transform: rotate(-180deg);
}

}