@charset "utf-8";
/*============
MainVisual
==============*/
#mainvisual{position:relative;}
#mainvisual {position:relative;width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:hidden;}
#mainvisual li img,#mainvisual li video {width:100vw;/* height:100vh */}
#mainvisual h2{position:absolute;z-index:3;top:35%;left:50%;width:310px;margin:0 0 0 -155px;}
#mainvisual .more-top,#mainvisual .more-btm{width: 100%;position:absolute;left: 0;text-align: center;z-index:3;}
#mainvisual .more-top a,#mainvisual .more-btm a{display:block;}
#mainvisual .more-top{top: 66px;}
#mainvisual .more-top span{display:block;color:#fff;}
#mainvisual .more-top img{width: 1vw;}
#mainvisual .more-btm{bottom: 10px;}
#mainvisual .more-btm img{width: 3vw;}
@media screen and (max-width:1025px) {#mainvisual .pc{display: none;}#mainvisual .sp{display: block;}.more-top{display:none;}#mainvisual .more-btm img{width: 7vw;}}
@media screen and (max-width:767px) {
    #mainvisual .more-btm{bottom: 110px;}
}
/*============
News
==============*/
#news{width:100vw;height:100vh;padding:30px 0;background:#F3FBFB;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#news .inr{width:1000px;margin:0;padding:20px;background:#fff;}
#news h3{margin:20px 0;font-size:21px;line-height:1.4em;text-align:center;color:#C1A359;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;letter-spacing:0.1em;}
#news article:not(:last-child){margin:0 0 10px;padding:0 0 10px;border-bottom:solid 1px #C4B696;}
#news article a{color:#626262;}
#news article figure{width:23%;padding:0 10px 0 0;}
#news article figure img{width:100%;}
#news article .box{width:77%;}
#news article .date,#news article .cat{display:inline-block;font-size:0.667em;}
#news article .cat{margin:0 0 0 10px;padding:1px 2px;color:#B99D5A;border:solid 1px #B99D5A;font-size:8px;}
#news article .disc{text-decoration:underline;}
@media screen and (max-width:1200px) {#news .inr{padding: 20vw 20px;}#news article figure{width:30%;}#news article .box{width:70%;}}
@media screen and (max-width:767px) {
    #news .inr{width:100%;}
    #news article figure{width:40%;padding:0 10px 0 0;}
    #news article .box{width:60%;}
}
/*============
Service
==============*/
#service{width:100vw;height:100vh;padding:30px 0; background:url(../img/top/service-bg.jpg) center center/cover no-repeat;}
#service.flx,#service>.flx{-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#service>.inr{margin:0;}
#service figure{width:50%;text-align:right;}
#service .box{width:45%;}
#service h3{font-size:64px;line-height:1.2em;color:#85D5D2;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:100;letter-spacing:0.04em;}
#service .memo{margin:10px 0 14px;color:#85D5D2;}
#service .more{margin:10px 0 0;text-align:right;}
#service .more a{text-decoration:underline; color:#85D5D2;}
#service .bnr{margin:20px 0 0;}

@media screen and (max-width:1025px) {#service{ background-image:url(../img/top/service-bg-sp.jpg);}#service .box{margin: 25vw 0 0 -5vw;}}
@media screen and (max-width:767px) {
    #service>.inr{position:relative;width: 100%;height: 100%;}
    #service h3{font-size:4.6em;}
    #service figure{position: absolute;top: 0;left: 0;z-index: 1;width:100%;}
    #service .box{position: absolute;bottom: 40px;left: 0;z-index: 2;width:100%;margin:0;padding: 0 20px;}
    #service .txt-box{padding:5px;background:rgba(255,255,255,0.5);}
}
/*============
Company
==============*/
#company{width:100vw;height:100vh;padding:30px 0; background:url(../img/top/company-bg.jpg) center center/cover no-repeat;}
#company.flx,#company>.flx{-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#company figure{width:50%;order:2;}
#company .box{width:45%;}
#company h3{font-size:64px;line-height:1.2em;color:#C1A359;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:100;letter-spacing: 0.04em;}
#company .memo{margin:10px 0 14px;color:#C1A359;}
#company .more{margin:10px 0 0;text-align:right;}
#company .more a{text-decoration:underline; color:#C1A359;}
@media screen and (max-width:1025px) {#company{ background-image:url(../img/top/company-bg-sp.jpg);}#company .box{margin: 25vw 0 0 -5vw;}}
@media screen and (max-width:767px) {
    #company>.inr{position: relative;width: 100%;height: 100%;}
    #company h3{font-size:4.6em;}
    #company figure{position: absolute;top: 0;left: 0;z-index: 2;width:100%;}
    #company .box{position: absolute;bottom: 60px;left: 0;z-index: 3;width:100%;margin:0;padding: 0 20px;}
    #company .txt-box{padding:5px;background:rgba(255,255,255,0.5);}
}
/*============
Message
==============*/
#message{width:100vw;height:100vh;padding:30px 0; background:url(../img/top/message-bg.jpg) center center/cover no-repeat;}
#message.flx{-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#message>.inr{position:relative;align-items:flex-end;margin:0;}
#message figure{position:absolute;top: 0;left:0;z-index:3;width:40%;text-align:right;}
#message .box{position:relative;z-index:1;bottom:0;z-index:2;width: 95%;margin-top:5vw;margin-left:auto;padding:13% 5% 10% 32%;background:#fff;}
#message h3{font-size:64px;line-height:1.2em;color:#C1A359;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:100;letter-spacing:0.04em;}
#message .memo{margin:10px 0 14px;color:#C1A359;}
#message .more{margin:10px 0 0;text-align:right;}
#message .more a{text-decoration:underline; color:#C1A359;}
#message .bnr{margin:20px 0 0;}
@media screen and (max-width:1025px) {#message{ background-image:url(../img/top/message-bg-sp.jpg);}#message .box{bottom: -8vw;padding:13% 5% 10% 11%;}}
@media screen and (max-width:767px) {
    #message>.inr{position: relative;width: 100%;height: 100%;}
    #message figure{width:100%;top:0;left: 0;right: auto;bottom:auto;}
    #message .box{position: absolute;bottom: 55px;left: 0;width:100%;margin: 0;padding: 0 20px;background:none;z-index:3;}
    #message h3,#message .memo{text-align:right;}
    #message h3{font-size:4.6em;}
    #message .txt-box{padding:5px;background:rgba(255,255,255,0.5);}
}
/*============
QandA
==============*/
#qanda{width:100vw;height:100vh;position:relative;padding:30px 0;background:url(../img/top/qanda-bg.jpg) center center/cover no-repeat;}
#qanda .more-btm .inr{position:relative;}
#qanda .more-btm{position:absolute;bottom: 10px;left:0;width:100%;text-align:center;}
#qanda .more-btm img{width: 3vw;}
#qanda .more-btm a{display:block;}
#qanda.flx{-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#qanda  .inr{margin:0;}
#qanda h3{margin:0 0 20px;font-size:21px;line-height:1.2em;color:#C1A359;text-align:center;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;letter-spacing:0.1em;}
#qanda ol.list li{display:table;margin:0 0 3px;padding: 0;text-indent:0em;background: #fff;}#qanda ol.list li:before{counter-increment:ol_custom;content:counter(ol_custom);}#qanda ol.list li:before{counter-increment:a;content:counter(a);}#qanda ol.list{counter-reset:b;}#qanda ol.list li:before{counter-increment:b;content:"Q."counter(b, decimal);}#qanda ol.list li:before{display:table-cell;width:25px;background:#C1A359;color:#fff;line-height:1.6em;text-align:center;vertical-align:middle;text-indent:0;font-size:0.8em;letter-spacing:0;}
#qanda ol.list li dl{position:relative;display:table-cell;margin:0 0 0;padding:10px 30px 10px 10px;color:#626262;}
#qanda ol.list li dl:after{content:"\e313";position:absolute;top:15px;right:10px;display:inline-block;font-family:'Material Icons';vertical-align:middle;color:#c1a259;}
#qanda ol.list li dl:hover{cursor: pointer;}
#qanda ol.list li dl.acc-open:after{content:"\e316";}
#qanda ol.list li dd{display: none;margin: 10px 0 0;padding: 10px 0 0 2em;text-indent: -2em;border-top: solid 1px #c1a259;}
#qanda ol.list li dd:before{content:"A";margin:0 5px 0 0;padding:5px;background:#c1a259;color:#fff;}
@media screen and (max-width:1025px) {#qanda .more-btm img{width: 7vw;}}
@media screen and (max-width:767px) {
    #qanda .more-btm{bottom: 95px;}
}
/*============
Other
==============*/
#other{padding:70px 0;text-align:center;}
#other .inr{max-width:650px;}
#other h3{font-size:19px;line-height:1.2em;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;letter-spacing:0.1em;}
#other .bnr {margin:40px 0;font-size:1.25em;line-height:1.4em;}
#other .bnr li{display:inline-block;}
#other .bnr li a{position:relative;display:block;padding:23px 20px;color:#fff;}
#other .bnr li a:after{position:absolute;top:37%;right:10px;content:"\e315";display:inline-block;font-family:'Material Icons';vertical-align:middle;font-size:1.6em;}
#other .bnr li{display:inline-block;width:49%;color:#fff;}
#other .bnr li:first-child a{background:#85D5D2;}
#other .bnr li:last-child a{background:#C1A359;}
.slider{margin:0 0 30px;}
.slider li{margin:0 10px;}

#last.panel{height:auto!important;}
@media screen and (max-width:767px) {
    #other{padding:30px 0;}
    #other h3{font-weight:400;letter-spacing:0em;}
    #other .bnr li{width:100%;}
    #other .bnr li:first-child{margin:0 0 10px;}
}