@charset "UTF-8";
/* CSS Information
===============================
File name: Land.css
Description: sezonsya.jp
Date: 2018
Contents: *Land Page
Root EM:62.5%=10px
=============================== */
/*
Land
===============================*/
/* Visual */
.underlayer_visual{background:url("../img/land/visual_2000x340.jpg") no-repeat center 0; background-size:100% auto;}
/* Content */
.contents_inner{padding:0 0 4rem;}
/* Lead */
.contents_lead{width:100%; text-align:center; margin-bottom:7rem; line-height:1.8;}
.contents_lead span{display:block;}
/* Element */
.sentence span{display:block;}
.page_item{font-size:2.9rem;}
/* Plan */
.plan{width:100%; max-width:88rem; margin:0 auto 9rem; padding-top:3.5rem;}
.plan_slider{opacity:0; transition:opacity .1s linear; width:49.5rem; position:relative;}
.plan_slider.initialized{opacity:1;}
.plan_slider__crs-cell span{display:block; position:relative; width:100%; height:auto;}
.plan_slider__crs-cell span:before{display:block; content:""; padding-top:34rem;}
.plan_slider__crs-cell span img{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center 0; background-size:cover;}
.slick-prev{position:absolute; top:50%; left:1rem; z-index:100; width:3.9rem; height:3.9rem; background:rgba(255,255,255,.5); border-radius:50%; box-shadow:0 0 0.3rem 0.3rem rgba(0,0,0,0.4);}
.plan_slider .slick-prev:before{display:block; font-family:"FontAwesome"; content:"\f0d9"; color:#fff; margin-right:0.5rem; font-size:3.5rem;}
.slick-next{position:absolute; top:50%; right:1rem; z-index:100; width:3.9rem; height:3.9rem; background:rgba(255,255,255,.5); border-radius:50%; box-shadow:0 0 0.3rem 0.3rem rgba(0,0,0,0.4);}
.plan_slider .slick-next:before{display:block; font-family:"FontAwesome"; content:"\f0da"; color:#fff; margin-left:0.5rem; font-size:3.5rem;}
.slick-prev:hover, .slick-next:hover, .plan_slider__crs-cell span:hover{opacity:.8;}
.slick-dots{bottom:2.5rem;}
.slick-dots li button:before{font-size:1.6rem!important;}
.slick-dots li button:before{color:#fff!important; opacity:1;}
.slick-dots li.slick-active button:before{color:#bc5f87!important;}
.slick-dotted.slick-slider{margin-bottom:0;}
.plan_lead{width:calc(100% - 49.5rem); padding-left:3.5rem; line-height:1.8;}
.plan_slider__item{
position:absolute; bottom:0; padding:1.5rem; display:block; width:100%; color:#fff; text-align:center;
background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.85) 100%);
background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.85) 100%);
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.85) 100%);
}
/* Method */
.method{width:100%; margin-bottom:8rem;}
.method .page_item{margin-bottom:3.5rem;}
.method_field{margin-bottom:3rem;}
.method_field:last-child{margin-bottom:0;}
.method_field dt{font-size:1.9rem; margin-bottom:2rem; font-weight:bold;}
.method_field dd{padding-left:1em;}
/* Flow */
.flow{width:100%; margin-bottom:6rem;}
.flow_field li{width:100%; padding:3.5rem 2rem; border-bottom:solid 0.1rem #989898; font-size:1.8rem; font-weight:bold;}
.flow_field li:last-child{border-bottom:0;}
.flow_field li:nth-of-type(even){background:#f1f1f1;}
.flow_field li i{font-size:2.7rem; margin-right:0.5rem;}
/* F&Q */
.faq{width:100%; border:solid 0.1rem #989898;}
.faq_item{width:100%; text-align:center; border-bottom:solid 0.1rem #989898; padding:1.5rem 0; font-size:2.9rem; font-weight:bold;}
.faq_inner{padding:5rem;}
.faq_field{width:100%; margin-bottom:4rem;}
.faq_field:last-child{margin-bottom:0;}
.faq_field dt{width:100%; margin-bottom:1rem;}
.faq_field dt em{color:#0071bb; font-size:2.2rem; width:5rem; text-align:center;}
.faq_field dt span{padding-top:0.6rem; width:calc(100% - 5rem);}
.faq_field dd{width:100%;}
.faq_field dd em{color:#c0272d; font-size:2.2rem; width:5rem; text-align:center;}
.faq_field dd span{padding-top:0.6rem; width:calc(100% - 5rem);}
.faq_imgon{width:100%;}
.faq_imgon .faq_field{width:calc(100% - 19rem); margin-bottom:0;}
.faq_imgon .faq_thumbnail{width:19rem; padding-left:1rem;}
.faq_imgon .faq_thumbnail a{width:100%; display:block;}
.faq_imgon .faq_thumbnail a:hover{opacity:.8;}
.faq_thumbnail__img{display:block; width:100%; height:auto; position:relative;}
.faq_thumbnail__img:before{display:block; content:""; padding-top:15rem;}
.faq_thumbnail__img img{position:absolute; top:0; left:0; width:100%; height:100%;}