@charset "utf-8";
#form_landing {margin: 0 auto !important;}
/*====================================================
common
====================================================*/
div#logo{max-width:650px;margin:0 auto}
#wrapper-wrapper{margin:0 auto;padding:0;width:100%;max-width:750px;overflow-x:hidden;box-shadow: 0 6px 15px -8px #5c5959;}
#wrapper-wrapper a{transition:.2s opacity}
#wrapper-wrapper a:hover{opacity:.75}
div#index_03 div.chushaku {padding: 15px; font-size: 13px;}
div#index_03 div.chushaku a {color: #e14c13;}
/*====================================================
slick
====================================================*/
/* arrow */
.slick-arrow{z-index:2;top:50%;margin-top:-10px;width:33px;height:33px;border-top:12px solid #630;border-right:12px solid #630;opacity:1}
.slick-arrow::before{content:''}
.slick-prev{left:18px;transform:rotate(-135deg)}
.slick-next{right:18px;transform:rotate(45deg)}
/* dots */
.slick-dots{bottom:-25px;display:none}
.slick-dots li,.slick-dots li button,.slick-dots li button::before{width:12px;height:12px}
.slick-dots li{margin:0 7px}
.slick-dots li button{background-color:#fff;opacity:.8;border-radius:100%}
.slick-dots li.slick-active button{opacity:.4}
.slick-dots li button::before{content:''}
/*追記*/
#slider{margin:0;padding:0 8%;background-image:url(https://ureru-v2-webroot-published.s3-ap-northeast-1.amazonaws.com/Advanceds/1290/test_hareyaka/slider_bg.png)}
@media(max-width: 750px){
.slick-arrow{width:20px;height:20px;border-top:6px solid #630;border-right:6px solid #630}
.slick-prev{left:9px}
.slick-next{right:9px}
}
#confirm_button_disable img{margin-left:auto;margin-right:auto}
/*====================================================
video
====================================================*/
/* フレームあり */
div.video_area_frame{position:relative;height: auto;}
div.video_area_frame div.video_img{z-index:1;position:absolute;top:0;left:0;right:0;}
div.video_area_frame video{width:100%;position:absolute;top:0;}
div.video_area_frame div.video::before{content:"";display:block;padding-top:calc(((720 / 1280) * 244%))}
/* フレームなし */
div.video_area{position:relative;background-image:url(https://ureru-v2-webroot-published.s3-ap-northeast-1.amazonaws.com/Advanceds/1290/test_hareyaka/slider_bg.png);padding:0 8% 5%}
div.video_area video{display:block;margin:0 auto;max-width:530px;width:100%}
ul#slider_02{background-image:url(https://ureru-v2-webroot-published.s3-ap-northeast-1.amazonaws.com/Advanceds/1290/test_hareyaka/slider_bg.png);margin:0;padding:0 5% 0 8%}
ul#slider_02 ul{margin:0;padding:0}
ul#slider_02 div.video_list{width:47%;float:left;margin:0 3% 3% 0}
ul#slider_02 div.video_list video{max-width:100%;width:100%}
/* youtube */
ul#slider_03{padding:0 15% 7% 15%;background-image:url(https://ureru-v2-webroot-published.s3-ap-northeast-1.amazonaws.com/Advanceds/1290/test_hareyaka/slider_bg.png);margin: 0;}
ul#slider_03 .slick-next{right:70px;transform:rotate(45deg)}
ul#slider_03 .slick-prev{left:70px;transform:rotate(-135deg)}
.youtube{width:100%;aspect-ratio:9 / 16}
.youtube iframe{width:100%;height:100%}
/*====================================================
fv
====================================================*/
div.offer{position:relative}
div.offer a.btn{margin:auto;width:calc((900 / 1000)* 100%);display:block;position:absolute;bottom:11%;left:0;right:0}
div.offer_02{position: relative;}
div.offer_02 a.btn{margin:auto;width:calc((840 / 1000)* 100%);display:block;position:absolute;bottom:19.5%;left:0;right:0}
/*====================================================
question
====================================================*/
div#question{border:15px solid #f8f6ee;padding:6%;color:#333}
div#question h2{text-align:center;font-size:35px;margin:0 0 20px;color:#4f2323}
div#question div.accordion{border-bottom:1px solid #d3ceba}
div#question div.accordion:first-of-type{border-top:1px solid #d3ceba}
div#question div.accordion div.accordionTtl{font-size:25px;padding:15px;position:relative}
div#question div.accordion div.accordionTtl:after{content:"";display:block;width:20px;height:20px;border-top:2px solid #e14c13;border-right:2px solid #e14c13;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:44px;top:30%;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}
div#question div.accordion div.accordionTtl.active:after{content:"";-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none;top:33px;right:43px}
div#question div.accordion div.accordionBox{display:none;margin:0 15px 15px;font-size:20px;border-top:dashed 1px #d9d5c7;padding-top:20px}
@media screen and (max-width:750px) {
/* 
 SP 
*/
/*====================================================
video
====================================================*/
ul#slider_03 .slick-next{right:4%}
ul#slider_03 .slick-prev{left:4%}
/*====================================================
question
====================================================*/
div#question{border:10px solid #f8f6ee;padding:3%}
div#question h2{font-size:25px;margin:5% 0}
div#question div.accordion div.accordionTtl{font-size:16px;font-weight:700;padding:5% 15% 5% 5%}
div#question div.accordion div.accordionBox{font-size:16px;padding-top:15px}
div#question div.accordion div.accordionTtl:after{width:15px;height:15px;right:11px}
div#question div.accordion div.accordionTtl.active:after{right:11px;top:25px}

}