@charset "UTF-8";
/* CSS Information
===============================
File name: Commercial.css
Description: sezonsya.jp
Date: 2018
Contents: *Commercial Page
Root EM:62.5%=10px
=============================== */
/*
Commercial
===============================*/
/* Visual */
.underlayer_visual{background:url("../img/commercial/visual_2000x340.jpg") no-repeat center 0; background-size:100% auto;}
/* Content */
.contents_inner{padding:7rem 0 5rem;}
/* Lead */
.contents_lead{width:100%; text-align:center; margin-bottom:7rem; line-height:1.8;}
.contents_lead.end{margin-bottom:0;}
.contents_lead span{display:block;}
/* Gallery */
.gallery{width:100%; margin-bottom:0;}
.gallery_wrap{width:39rem; margin-bottom:3rem;}
.gallery_wrap a{display:block; width:100%; text-decoration:none; color:#000;}
.gallery_wrap a:hover{opacity:.8;}
.gallery_thumbnail{display:block; width:100%; height:auto; position:relative;}
.gallery_thumbnail:before{display:block; content:""; padding-top:20rem;}
.gallery_thumbnail img{position:absolute; top:0; left:0; width:100%; height:100%;}
.gallery_item{font-size:1.2rem; display:block; width:100%; text-align:center; padding-top:1.5rem;}
/* Element */
.sentence{font-size:1.4rem;}
.sentence span{display:block;}
.page_item{font-size:2.9rem;}
/* Flow */
.flow{width:100%; margin-bottom:3.5rem;}
.flow_field{width:100%; padding:3.5rem 1rem 3.5rem 2rem; border-bottom:solid 0.1rem #989898;}
.flow_field:last-child{border-bottom:0;}
.flow_field:nth-of-type(even){background:#f1f1f1;}
.flow_field dt{width:25rem; font-size:1.8rem; font-weight:bold;}
.flow_field dt i{font-size:2.7rem; margin-right:0.5rem;}
.flow_field dd{width:calc(100% - 25rem);}
/* 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:5rem;}
.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);}