@charset "utf-8";
/* CSS Document */
.spnone{
display: none;
}

.sp_m00{margin:0 !important;}
.sp_m05{margin:5px !important;}
.sp_m10{margin:10px !important;}
.sp_m15{margin:15px !important;}
.sp_m20{margin:20px !important;}
.sp_m25{margin:25px !important;}
.sp_m30{margin:30px !important;}

.sp_mt00{margin-top:0 !important;}
.sp_mt05{margin-top:5px !important;}
.sp_mt10{margin-top:10px !important;}
.sp_mt15{margin-top:15px !important;}
.sp_mt20{margin-top:20px !important;}
.sp_mt25{margin-top:25px !important;}
.sp_mt30{margin-top:30px !important;}
.sp_mt40{margin-top:40px !important;}
.sp_mt50{margin-top:50px !important;}
.sp_mt60{margin-top:60px !important;}
.sp_mt70{margin-top:70px !important;}
.sp_mt80{margin-top:80px !important;}
.sp_mt90{margin-top:90px !important;}
.sp_mt100{margin-top:100px !important;}
.sp_mt110{margin-top:110px !important;}
.sp_mt120{margin-top:120px !important;}
.sp_mt130{margin-top:130px !important;}
.sp_mt140{margin-top:140px !important;}
.sp_mt150{margin-top:150px !important;}
.sp_mt160{margin-top:160px !important;}
.sp_mt170{margin-top:170px !important;}
.sp_mt180{margin-top:180px !important;}
.sp_mt190{margin-top:190px !important;}
.sp_mt200{margin-top:200px !important;}

.sp_mb00{margin-bottom:0 !important;}
.sp_mb05{margin-bottom:5px !important;}
.sp_mb10{margin-bottom:10px !important;}
.sp_mb15{margin-bottom:15px !important;}
.sp_mb20{margin-bottom:20px !important;}
.sp_mb25{margin-bottom:25px !important;}
.sp_mb30{margin-bottom:30px !important;}
.sp_mb40{margin-bottom:40px !important;}
.sp_mb50{margin-bottom:50px !important;}
.sp_mb60{margin-bottom:60px !important;}
.sp_mb70{margin-bottom:70px !important;}
.sp_mb80{margin-bottom:80px !important;}
.sp_mb90{margin-bottom:90px !important;}
.sp_mb100{margin-bottom:100px !important;}
.sp_mb110{margin-bottom:110px !important;}
.sp_mb120{margin-bottom:120px !important;}
.sp_mb130{margin-bottom:130px !important;}
.sp_mb140{margin-bottom:140px !important;}
.sp_mb150{margin-bottom:150px !important;}
.sp_mb160{margin-bottom:160px !important;}
.sp_mb170{margin-bottom:170px !important;}
.sp_mb180{margin-bottom:180px !important;}
.sp_mb190{margin-bottom:190px !important;}
.sp_mb200{margin-bottom:200px !important;}

.sp_ml00{margin-left:0 !important;}
.sp_ml05{margin-left:5px !important;}
.sp_ml10{margin-left:10px !important;}
.sp_ml15{margin-left:15px !important;}
.sp_ml20{margin-left:20px !important;}
.sp_ml25{margin-left:25px !important;}
.sp_ml30{margin-left:30px !important;}
.sp_ml40{margin-left:40px !important;}
.sp_ml50{margin-left:50px !important;}
.sp_ml60{margin-left:60px !important;}
.sp_ml70{margin-left:70px !important;}
.sp_ml80{margin-left:80px !important;}
.sp_ml90{margin-left:90px !important;}
.sp_ml100{margin-left:100px !important;}

.sp_mr00{margin-right:0 !important;}
.sp_mr05{margin-right:5px !important;}
.sp_mr10{margin-right:10px !important;}
.sp_mr15{margin-right:15px !important;}
.sp_mr20{margin-right:20px !important;}
.sp_mr25{margin-right:20px !important;}
.sp_mr30{margin-right:30px !important;}
.sp_mr40{margin-right:40px !important;}
.sp_mr50{margin-right:50px !important;}
.sp_mr60{margin-right:60px !important;}
.sp_mr70{margin-right:70px !important;}
.sp_mr80{margin-right:80px !important;}
.sp_mr90{margin-right:90px !important;}
.sp_mr100{margin-right:100px !important;}

#lp{
width: 100%;
min-width: auto;
}
#lp p,#lp h2,#lp h3{
text-align: left;
}
#lp .align-center *{
text-align: center;
}


/* img change */
#lp img.pc{
display: none;
}
#lp img.sp{
display: block;
}
#lp .pcblock{
display: none;
}
#lp .spblock{
display:block;
}
/* heading style */
#lp h2,
#lp h3{
font-size:16px;
}
#lp p{
font-size: 12px;
}

/* a link style */
#lp a.link{
font-size: 16px;
}
#lp a.link:after{
width: 4px;
height: 4px;
}
#lp a.link:hover:after{
bottom:0;
}
#lp a.link_prev + a.link{
margin-left: 0;
}
#lp a.link + a.link{
margin-left: 0;
}
#lp a.togglebtn{
font-size: 12px;
line-height: 34px;
width: auto;
display: block;
margin: 20px 10px 40px;
}
.txt_wrap,
.col_txt_wrap{
padding:0 20px;
}

/* mainVisual ---------------------- */
#lp .main_visual_area{
padding:0;
}
#lp .main_visual_area .txt_wrap{
width:auto;
}

/* detailWrap ---------------------- */
.col_wrap{
width:100%;
padding: 0 0 40px;
}
.col_wrap_1400.col50 {
padding: 0;
margin-bottom: 40px;
}
/* imgColmun ---------------------- */
.img_wrap{
flex-direction: column;
-ms-flex-direction: column;
-webkit-box-direction: column;
-webkit-flex-direction: column;
margin: 0 auto 20px;
max-width: 100%;
}
.img_wrap li{
width: auto;
min-width: auto;
height:100%;
margin-right: 0;
flex: 1 1 auto;
}
.img_wrap li + li{
margin-top: 10px;
}
.lp_img_wrap{
margin: 0 auto 20px;
}

/* detailLink ---------------------- */
.detail_linkArea .col_wrap{
width:100%;
padding: 0 20px 50px;
box-sizing: border-box;
}
.detail_linkArea .img_wrap{
flex-direction:row;
-ms-flex-direction: row;
-webkit-box-direction: row;
-webkit-flex-direction: row;
justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
margin:20px auto 40px 0;
}
.detail_linkArea .img_wrap li{
flex:0 0 50%;
max-width:50%;
min-width: 50%;
}
.detail_linkArea .img_wrap li:nth-child(3){
max-width:50%;
}
.detail_linkArea .col_wrap > *:first-child a.link{
margin-top: 50px;
}
.detail_linkArea .col_wrap .img-wrap + a.link{
margin-top: 0;
}
#lp .detail_linkArea .img_wrap li a.link,
#lp .detail_linkArea_col4 li a.link{
font-size: 12px;
line-height: 34px;
width: auto;
display: block;
margin: 20px 10px 40px;
}
/* detailLink col4---------------------- */
.detail_linkArea_col4{
width:100%;
padding: 0 20px 50px;
box-sizing: border-box;
}
.detail_linkArea_col4 .col_wrap{
width: 100%;
padding: 0 0 40px;
}
.detail_linkArea_col4 .img_wrap{
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-direction: row;
-webkit-flex-direction: row;
justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
margin: 20px auto 40px 0;
column-gap: 20px;
row-gap: 20px;
}
.detail_linkArea_col4 .img_wrap li{
flex:0 0 50%;
max-width:50%;
min-width: 50%;
}
/* ttl_box ---------------------- */
#lp .ttl_box p{
padding: 20px;
font-size: 16px;
}

/* column half ---------------------- */
.col50{
flex-direction: column;
-ms-flex-direction: column;
-webkit-box-direction: column;
-webkit-flex-direction: column;
}
.col50 div:nth-child(2) {
margin-left:0;
}
.col50 .col_img_wrap{
order:1;
margin:0 0 20px;
height:100%;
}
.col50 .col_txt_wrap{
order:2;
}
.col50 div img {
max-width: 100%;
}


.dot-class li{
display: inline-block;
width:50px;
text-align: center;
}
.dot-class button{
padding: 0;
border: none;
width:48px;
height: 48px;
border-radius: 50%;
background-color: transparent;
color: transparent;
-webkit-appearance: none;
cursor : pointer;
position: relative;
}
.dot-class button:before{
position: absolute;
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
background-color: #eee;
}
.dot-class .slick-active button{
background-color: transparent;
}
.dot-class .slick-active button:before {
position: absolute;
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
background-color: #eee;
}
.dot-class .slick-active button:after {
position: absolute;
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
background-color: #999999;
}

/* facebookButton ---------------------- */
#lp .fb-like_outer{
text-align: center;
}
#lp .fb-like{
left:0;
}

/* faq ---------------------- */
.faq_dl{
font-size: 12px;
}
.faq_dl .question:after{
content: "";
width: 6px;
height: 6px;
border-top: 2px solid #004b96;
border-right: 2px solid #004b96;
transform: rotate(135deg);
position: absolute;
right: 20px;
top: 24px;
display: inline-block;
}
.faq_dl .question.open:after{
opacity: 0.6;
transform: rotate(-45deg);
top: 30px;
}