@charset "UTF-8";
/* CSS Document */
/* PC HEADER */
#header { background-color: #fff; width: 100%; }
#header.fixed{ position: fixed; top:0; z-index: 999999; transform: translateY(-120%);}
#header.fixed.is-show {transform: translateY(0); box-shadow: 0px 5px 10px hsla(0,0%,0%,0.10); }
#header .inbox{ box-sizing: border-box; margin: 0 auto; padding: 10px 25px 0 ; width:100%; max-width:1450px; height: 187px; position: relative;}
#header .inbox.nomove{ height: 140px; position: relative;}
#header h1{ }
#header h1 img.logo_a{ height: 177px; width: 100%;}
#header h1 img.logo_b{ max-width: auto; height: 177px; width: 100%;}
#logo{ max-width: 300px; width: 100%; position: absolute; top:10px; left: 10px;}
#logo.nomove{ top:20px; left: 20px;}
#logo.nomove .logo_a { height: 100px; width: 100%;}
#logo.nomove .logo_c { height: 100px; width: 100%;}
#logo.nomove .logo_txt { display: none;}
#header.fixed #logo.nomove .logo_a{ display: none;}
#header.fixed #logo.nomove .logo_txt{ display: block; width: 300px; max-width: 300%;}
#header.fixed #logo { top: /*28px*/20px;}
#header.fixed #navigation{ max-width: 100%; padding: 0 0 20px 320px; box-sizing: border-box;}
#header.fixed .sns_lan{ float: right; width: auto; margin: 10px 0 0 25px;}
#header.fixed #gNavi { width: auto; margin: 10px 0 0 auto; float: right;}
#header.fixed ul.gnavi { height: 30px; margin: 0;}
#header.fixed .inbox{ height: auto;}

#header a{ color: #000;}
#navigation{ /*max-width: 700px;*/ width: 100%; float: right; padding: 25px 0 0 320px; box-sizing: border-box;}
.sns_lan{ width: 100%; display: flex; justify-content: flex-end;  }
#sns { width: 70px; height: 30px; }
ul.snsnavi{ display: flex; justify-content: space-between; align-items: center;}
ul.snsnavi li a{ color: #fff !important; height: 30px; width: 30px; background-color: #4d4d4d; border-radius: 15px; text-align: center; font-size: 17px; display: flex; align-items: center; justify-content: center;}
ul.snsnavi a.comingSoon { opacity:0.5; pointer-events: none; }
ul.snsnavi a:hover { background-color: #888; }
#language{ font-size: 14px; width: 82px; margin: 0 0 0 20px; font-family:'Barlow Semi Condensed', sans-serif;}
#language ul{ display: flex; justify-content: space-between; align-items: center; align-items: center; height: 24px; border-left: 1px solid #4d4d4d;}
#language li{ border-right: 1px solid #4d4d4d; width: 41px; box-sizing: border-box; text-align: center; letter-spacing: 0.1em;}
#language li a:hover{ opacity: 0.6; }
#language li a.comingSoon { opacity:0.5; pointer-events: none; }
#language li a.active{ pointer-events: none; opacity: 0.6; }
#gNavi { width: 100%; padding: 0; box-sizing: border-box; margin: 0 0 0 auto; }
ul.gnavi { display:block; width:100%; padding: 0; box-sizing: border-box; /*height: 63px;*/ display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center; margin: 20px 0 0 0; }
ul.gnavi li { margin: 0 0 5px 2em; display: inline-block;} 
ul.gnavi li a{ text-decoration: none; line-height: 18px; display: flex; align-items: center; color: #ea5504 !important; font-size: 17px;} 
ul.gnavi li a:before { opacity:0;  transition:opacity 0.5s linear 0s;}
ul.gnavi li a:hover:before,
ul.gnavi li a.active:before { opacity:1; }
ul.gnavi li a:hover{ opacity: 0.6;}
ul.gnavi li a.active{ opacity: 0.6;}
/*ul.gnavi li a.comingSoon { opacity:0.5; pointer-events: none; }
ul.gnavi li a span.en { display: inline; letter-spacing: 0.1em; font-family:'Barlow Semi Condensed', sans-serif; }*/
ul.gnavi li a span.jp { width: inherit; font-size: 15px;}
/*ul.gnavi li a:hover span.jp { display: none; }
ul.gnavi li a span.en { display: none; }
ul.gnavi li a:hover span.en { display: inline;}
ul.gnavi li a.active span.jp { display: none; }
ul.gnavi li a.active span.en { display: inline;}*/

/* SP HEADER for CONTENT PAGE */
#spHeaderContent { display:none; width:100%; z-index:99999999; overflow:visible; }
#spHeaderContent #spHeaderBox { /*position:relative;*/ z-index:99999999; }
#spHeaderContent #spHeaderBox a.spMenu { background: url(../../img/icon_spmenu.svg) center center no-repeat; background-size:100% auto; position:absolute; display:block; width:7.6vw; top:9.333vw; right:6.666vw; text-indent:-9999px;position:fixed; z-index: 99999999; }
#spHeaderContent #spHeaderBox a.spMenu.active { background: url(../../img/icon_spmenu_close.svg) center center no-repeat; background-size:6.133vw 4.666vw; top:9.333vw; height: 4.666vw;  right:6.666vw;}
#spHeaderContent #spHeaderBox h2 { display:block; width:40%; padding: 10px 0 0 10px; }
#spHeaderContent #spHeaderBox h2.nomove { width:/*25%*/50%; padding: 25px 0 0 25px }
#spHeaderContent #spHeaderBox h2 img {  display:block; width:100%; height:auto; }
#spHeaderContent #spHeaderBox h2.active { display: none;}
#spHeaderContent #spNavi { width:100%; height:0px; margin:0 0 0 0; overflow:hidden; position:fixed; top:0; left:0; transition:opacity 0.5s ease-in 0s; z-index:99999998; box-sizing:border-box; opacity:0; background:rgba(235,85,4,0.97) ; box-sizing: border-box; padding: 0 3.333vw; }
#spHeaderContent #spNavi.active { height:100%; opacity:1; }
#spHeaderContent #spNavi ul.language{ font-size: 3vw; width: 16.8vw; margin: 10vw 16vw 0 auto; font-family:'Barlow Semi Condensed', sans-serif; font-weight: 500; }
#spHeaderContent #spNavi ul.language { border-left: 1px solid #fff;}
#spHeaderContent #spNavi ul.language li{ border-right: 1px solid #fff; width: 50%; box-sizing: border-box; text-align: center; letter-spacing: 0.1em; float: left; line-height: 1;}
#spHeaderContent #spNavi ul.language li a{ color: #4d4d4d; }
#spHeaderContent #spNavi ul.language li a:hover{ opacity: 0.5; }
#spHeaderContent #spNavi ul.language li a.comingSoon { opacity:0.5; pointer-events: none; }
#spHeaderContent #spNavi ul.language li a.active{ pointer-events: none;}
#spHeaderContent #spNavi ul.gNavi { box-sizing:border-box; overflow:auto; padding: 20% 0 0 0; }
#spHeaderContent #spNavi ul.gNavi li { display:block; width:100%; float:none; z-index:99999999; }
#spHeaderContent #spNavi ul.gNavi li a { display:block; font-size:5.333vw; text-align:center; color:#fff; line-height:1.2em; padding:0.6em 0; text-decoration:none; }
/*#spHeaderContent #spNavi ul.gNavi a span.en { display: inline; letter-spacing: 0.1em; font-family:'Barlow Semi Condensed', sans-serif; font-weight: 400; }*/
#spHeaderContent #spNavi ul.gNavi a span.jp { text-align: center; width: inherit; font-size:4.4vw;}
#spHeaderContent #spNavi ul.gNavi a:hover{ opacity: 0.6;}
/*#spHeaderContent #spNavi ul.gNavi a:hover span.jp { display: none; }
#spHeaderContent #spNavi ul.gNavi a span.en { display: none; }
#spHeaderContent #spNavi ul.gNavi a:hover span.en { display: inline;}
#spHeaderContent #spNavi ul.gNavi a.active {  pointer-events: none;}
#spHeaderContent #spNavi ul.gNavi a.active span.jp { display: none; }
#spHeaderContent #spNavi ul.gNavi a.active span.en { display: inline;}*/
#spHeaderContent #spNavi ul.sns { width: 23.333vw; height: 8.6vw; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 20% 0 0 0;}
#spHeaderContent #spNavi ul.sns li a{ color: #fff; height: 8.6vw !important; width: 8.6vw; background-color: #4d4d4d; border-radius: 4.26vw; text-align: center; font-size: 4.5vw; display: flex; align-items: center; justify-content: center;  }
#spHeaderContent #spNavi ul.sns a.comingSoon { opacity:0.5; pointer-events: none; }
#spHeaderContent #spNavi ul.sns a:hover { background-color: #888; }

/* FOOTER */
#footer { box-sizing: border-box; margin: 0 auto; padding: 0 25px ; width:100%; max-width:1150px; }
#footer .inbox{ padding: 30px 0 80px; display: flex; align-items: center; justify-content: flex-end; position: relative;}
#footer .logo{ width: 260px; margin-right: auto; position: absolute; top:40px; left: 0;}
#footer .logo img{ width: 100%; }
#footer #footerNavi{ width: 100%; padding: 0 0 0 280px; box-sizing: border-box;}
#footer #footerNavi ul.gnavi li a{ display: flex; align-items: center; color: #333 !important; font-size: 15px;} 
#footer #footerNavi ul.gnavi li a span.jp { text-align: center; width: inherit; font-size: 13px;}
#footer #footersns{ margin: 0 0 0 2em; width: 80px; height: 30px; }
#footer #copyright{ text-align: center; font-size: 10px; line-height: 1; font-family:'Barlow Semi Condensed', sans-serif;  margin: 0 0 15px 0; }


/* COMMON PAGE */
#pankuzu{ font-size: 10px; line-height: 1; box-sizing: border-box; margin: 0 auto; padding: 0 25px 10px ; width:100%; max-width:1450px;}
#pankuzu a{ color: #333;}
#pankuzu a:hover{ opacity: 0.6}

#commonContent { padding:10px 0 50px; }
#commonContent h3 { margin:0 0 50px 0; line-height: 2em; color: #ea5504 ;}
#commonContent h3 span.jp{ font-size: 16px;}
#commonContent h3 span.en{ font-size: 31px; border-bottom: 2.3px solid #ea5504; font-family:'Barlow Semi Condensed', sans-serif; font-weight: 500; letter-spacing: 0.1em;}
.content { width:100%; max-width:1050px; padding:0 25px; box-sizing:border-box; margin:0 auto; }
.content a{ color: #999;}
.content dl{ position: relative; padding: 0;}
.content dl:last-child{ padding-bottom: 0;}
.content dt{ position: absolute; top: 0; left: 0; font-size: 16px;}
.content dd{ width: 100%; padding: 0 0 0 265px; box-sizing: border-box; }


/*STYLE*/
.imgover {}
.spChange
.mar_t10{ margin-top:10px !important;}
.mar_b10 { margin-bottom:10px !important; }
.mar_b20 { margin-bottom:20px !important; }
.mar_t20 {margin-top:20px;}
.caption12 { font-size: 12px; line-height: 18px; margin-top:10px; }
.txt_bold { font-weight: bold; }
.center { text-align:center;}
.lBox{ float: left;}
.rBox{ float: right;}
.pc{ display: block;}
.sp{ display: none;}

/* ANCHOR LINK */
a.anchorLink { display:block; margin:-220px 0 0 0 !important; padding:220px 0 0 0 !important; visibility:hidden; width:0px; height:0px; text-indent:-9999px; }


@media screen and (max-width:768px) {
/*body { padding:15.25% 0 0 0; }*/
.pc{ display: none;}
.sp{ display: block;}
	
/* HEADER */
#header { display:none; }	

/* SP HEADER for CONTENT PAGE */
#spHeaderContent { display:block; }

/* SP HEADER for TOP PAGE */
#spHeaderTop { display:block; }

#footer .inbox{ padding: 30px 0 50px; display: block; }
#footer .logo{ width: 44.2%; margin:0 auto; position:static;}
#footer #footerNavi{ display: none;}
#footer #footersns{ display: none; }

/* COMMON PAGE */
#pankuzu{ display: none;}
#commonContent { padding:30px 0 50px; }
#commonContent h3 { text-align: center; margin:0 0 30px 0;}
#commonContent h3 span.jp{ font-size: 12px;}
#commonContent h3 span.en{ font-size: 24px; }


/* ANCHOR LINK */
a.anchorLink { display:block; margin:-50px 0 0 0 !important; padding:50px 0 0 0 !important; visibility:hidden; width:0px; height:0px; text-indent:-9999px; }


}