@charset "utf-8";

/* Layout */
.lineLayout{width:1100px;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;margin:0 auto;}
.contents{max-width:1100px;margin:0 auto;padding:0 30px;}
.subWrap{padding:131px 0 54px;font-size:1.7rem;letter-spacing:-0.01em;color:#333;line-height:1.8;}
.pageTitle{padding-bottom:21px;text-align:center;font-size:5rem;font-family: 'Lora', serif;font-weight:700;letter-spacing:-0.02em;}

/* Header */
#header{width:1100px;height:85px;position:fixed;left:0;right:0;top:0;margin:auto;border-bottom:1px solid #c8c8c8;background:#fff;z-index:110;}
#header .headerWrap{height:85px;padding:18px 30px 20px;border-right:1px solid #c8c8c8;border-left:1px solid #c8c8c8;}
#header .headerCont{position:relative;}
#header .headerCont .logo{position:absolute;left:50%;top:0;transform:translateX(-50%);}
#header .headerCont .allNanView{padding-top:13px;font-size:0;}

.allNav{width:15%;min-width:224px;height:100%;display:none;position:fixed;left:0;top:0;background:#fff;z-index:10;}
.allNav .allNavList li{padding:0 32px;font-size:2.5rem;font-family: 'Lora', serif;font-weight:700;}
.allNav .allNavList li a{height:85px;display:flex;align-items:center;color:#333;letter-spacing:-0.02em;border-bottom:1px solid #c8c8c8;}
.allNav .allNavList li:hover a{color:#bebebe;}
.allNav .allNavList > li:last-child a{border-bottom:0;}
.allNav .allNavList li dl{display:flex;}
.allNav .allNavList li dl dt{width:420px;padding:0 60px;font-size:2.8rem;font-family: 'Lora', serif;font-weight:700;}
.allNav .allNavList li dl dt a{color:#fff;padding:51px 0 42px;display:block;letter-spacing:-0.02em;border-bottom:1px solid #c8c8c8;}
.allNav .allNavList li dl dd{display:none;}
.allNav .allNavList li:hover dl dt a{color:#5e5e5e;}
.allNav .allNavList li:hover dl dd{display:block;}
.allNav .allNavList li dl dd ul{width:415px;height:100%;overflow-y:auto;padding-top:90px;position:absolute;left:420px;top:0;background:#393030;}
.allNav .allNavList li dl dd ul li{margin:30px 0;}
.allNav .allNavList li dl dd ul li a{color:#bebaba;font-size:2rem;font-weight:500;letter-spacing:-0.02em;padding-left:60px;display:block;}
.allNav .allNavList li dl dd ul li:hover a{color:#fff;}
.allNav .allNavClose{position:fixed;left:50%;top:22px;margin-left:-525px;background:#fff;color:#fff;font-size:0;letter-spacing:-1000em;text-indent:-1000em;line-height:0;}
/*.allNav .allNavClose{position:absolute;right:30px;top:32px;color:#fff;font-size:0;letter-spacing:-1000em;text-indent:-1000em;line-height:0;}*/
.allNav .allNavClose a{width:34px;height:34px;display:inline-block;position:relative;}
.allNav .allNavClose a:before,
.allNav .allNavClose a:after{width:34px;height:2px;background:#333;position:absolute;top:19px;left:0;content:"";}
.allNav .allNavClose a:before{transform:rotate(-45deg);}
.allNav .allNavClose a:after{transform:rotate(45deg);}
#header.active .allNav{display:block;}

/* Sub Layout */

/* Footer */
#footer{text-align:center;position:relative;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;margin-top:40px;padding:40px 0;}
#footer .footerLogo{padding:0 0 26px;}
#footer .siteInfo{font-size:1.5rem;font-weight:300;color:#757575;line-height:1.7;}
#footer .siteInfo address{font-weight:300;}
#footer .siteInfo .siteInfoList span{display:inline-block;margin:0 11px;}


@media screen and (max-width:1500px){
/* Header */
.allNav .allNavClose{position:absolute;left:100%;margin-left:0;}
}

@media screen and (max-width:1150px){
/* Layout */
.lineLayout{width:95%;}
.contents{}

/* Header */
#header{width:95%;}
#header .headerWrap{padding:18px 30px 20px;}

.allNav .allNavList li dl dt{width:230px;padding:0 30px;font-size:2.2rem;}
.allNav .allNavList li dl dt a{padding:30px 0;}
.allNav .allNavList li dl dd ul{width:270px;left:230px;}
.allNav .allNavList li dl dd ul li a{padding-left:20px;}

/* Footer */
.contents .section.footer{padding:0;}
.contents .section.footer .fp-tableCell{padding-bottom:0;}
#footer{padding:25px 0;}
#footer .siteInfo{padding:0 20px;}
}

@media screen and (max-width:979px){
/* Header */
.allNav .allNavClose{left:160px;}
}
@media screen and (max-width:767px){
/* Layout */
.subWrap{padding:65px 0 54px;}
.contents{padding:0 15px;}

/* Header */
#header{height:60px;}
#header .headerWrap{height:100%;display:flex;align-items:center;padding:0 15px;}
#header .headerCont{width:100%;}
#header .headerCont .allNavCont .allNanView img{width:18px;}
#header .headerCont .allNanView{padding-top:0;}
#header .headerCont .logo{top:-7px;}
#header .headerCont h1{font-size:0;}
#header .headerCont h1 img{width:180px;}
.allNav .allNavList li{padding:0 20px;}
.allNav .allNavList li a{height:60px;}
.allNav .allNavList li dl dt{width:160px;padding:0 15px;}
.allNav .allNavList li dl dt a{padding:20px 0;}
.allNav .allNavList li dl dd ul{width:calc(100vw - 150px);left:160px;padding-top:50px;}
.allNav .allNavList li dl dd ul li{margin:20px 0;}
.allNav .allNavList li dl dd ul li a{padding:0 15px;}
.allNav .allNavClose{top:7px;}
.allNav .allNavClose a{width:30px;height:30px;}
.allNav .allNavClose a:before,
.allNav .allNavClose a:after{width:30px;}

/* Footer */
#footer .footerLogo{padding-bottom:15px;}
#footer .footerLogo img{width:170px;}
}