@charset "UTF-8";
/*トップページCSS*/
i{font-style:normal;}
a{color:#000;text-decoration:none;transition:0.3s ease-in-out;}
a:hover{opacity:0.85;filter:alpha(opacity=85);}
i,u,em{text-decoration:none;font-style:normal;font-weight:normal;}
em{font-family:"Oswald", sans-serif;font-weight:400;}
q{font-weight:bold;}
b{font-family:"Noto Sans JP",YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック",  "ヒラギノ角ゴ Pro W3", sans-serif;}

img{border-style:none;}
a img{border-style:none;}
html{max-width:100%;min-height:100%;-webkit-text-size-adjust:100%;font-size:15px;} 
body{font-family:"Noto Sans JP",YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック",  "ヒラギノ角ゴ Pro W3", sans-serif;font-weight:500;position:relative;overflow-x:hidden;-webkit-text-size-adjust:100%;width:100%;line-height:2.0;background:#fff;}
p{font-family:"Noto Sans JP",YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック",  "ヒラギノ角ゴ Pro W3", sans-serif;font-weight:500;font-size:16px;}
/*body.admin-bar #coverIMG{height:calc(130vh - 32px);}*/
main{background:#fff;box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:hidden;}
body{max-width:100%;overflow-x:hidden;}

time{display:block;line-height:15px;font-family:"Oswald", sans-serif;font-weight: 400;font-weight:bold;}
a.link{display: table;margin: 50px auto;min-width: 210px;box-sizing: border-box;background:#4D4D4D;font-size:17px;color: #fff !important;text-shadow:1px 1px 0 rgba(6, 6, 6, .7);text-align:center;padding:.6em 2em;font-weight:500;text-decoration: none !important;position:relative;box-shadow:1.5px 1.5px 3px rgba(0,0,0,0.3);}
a.BTN{display:block;width:350px;padding:15px;margin:0 auto;background-color:#a59759;border-radius:100px;border:3px solid #a59759;font-size:20px;color:#fff;text-align:center;cursor:pointer;}
a.BTN:hover{background:#fff;color:#a59759!important;opacity:1;}
a.BTN.blue{border-color:#069ee5;background:#069ee5;color:#fff;}
a.BTN.blue:hover{background:#fff;color:#069ee5!important;}
h2{font-family:"Noto Sans JP",YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック",  "ヒラギノ角ゴ Pro W3", sans-serif;font-size:60px;}
h3{font-family:"Noto Sans JP",YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック",  "ヒラギノ角ゴ Pro W3", sans-serif;font-size:30px;}
h4{font-family:"Noto Sans JP",YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック",  "ヒラギノ角ゴ Pro W3", sans-serif;font-size:25px;}
li{list-style:none;}
.ls00{letter-spacing:normal;}
.ls01{letter-spacing:0.05em;}
.ls02{letter-spacing:0.1em;}
.humBTN{display:none;}
.spHeader{display:none;}
#humBOX{display:none;}

.spOnly{display:none;}

main h2.title{text-align:center;font-size:40px;line-height:1.4;margin-bottom:40px;letter-spacing:0.25em;}
main h2.title em{display:block;font-family:"Oswald", sans-serif;font-size:80px;letter-spacing:0;line-height:1.2;}
main h3.title{font-family:"Marcellus", sans-serif;}

div.grecaptcha-badge{display:none!important;}

.flexBOX{width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.flexBOX > *{width:50%;}
.flexBOX img{width:100%;height:auto;}

.slideIN{display:flex;align-items:flex-start;justify-content:space-between;}
.slideIN{display:flex;align-items:center;justify-content:space-between;}
.slideLEFT , .slideRIGHT{width:50%;}
.slideLEFT img , .slideRIGHT img{width:100%;}
.slideLEFT{transform:translateX(-150%);}
.slideRIGHT{transform:translateX(150%);}
.fade .slideLEFT , .fade .slideRIGHT{animation:slideIN 0.6s ease-out 0.5s 1 forwards;padding:100px;box-sizing:border-box;}
.slideLEFT:has(img) , .slideRIGHT:has(img){padding:0!important;}
@keyframes slideIN{100%{transform:translateX(0%);opacity:1;}}

 
 


/*トップページスライダー*/
#coverIMG .bx-wrapper,#coverIMG .bx-viewport,#coverIMG #slider{width:100%!important;height:100%!important;padding:0;margin:0;border:0;box-shadow:none;background-color:inherit!important;}
body .bx-wrapper .bx-loading{background-color:inherit!important;}
@-webkit-keyframes fadein{0%{opacity:0;}100%{opacity:1.0;}}
@keyframes fadein{0%{opacity:0;}100%{opacity:1.0;}}
@-webkit-keyframes fadeout{0%{opacity:1.0;}100%{opacity:0;}}
@keyframes fadeout{0%{opacity:1.0;}100%{opacity:0;}}
body.admin-bar header.fixed{top:32px;}

body.admin-bar header.fixed{top:32px;}
header{position:absolute;height:60px;top:0;right:0;width:100%;z-index:5;transition:0.5s;opacity:0;animation:start02 0.8s ease-out 1 forwards;}
header h1{width:140px;height:150px;position:absolute;left:60px;top:40px;transition:0.5s;}
header h1 > a{display:block;width:100%;height:100%;background:url(../top/logo.webp) no-repeat center center / contain;}
header ul{position:absolute;top:40px;right:0;width:800px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;transition:0.5s;}
header ul li{height:60px;display:flex;align-items:center;justify-content:center;width:calc(100% / 6 - 20px);transition:0.25s;}
header ul li.gn06{width:calc(100% / 6 + 100px);}
header ul li a{font-size:16px;color:#fff;text-shadow:2px 2px 4px #0000004d;}
header ul li a:hover{opacity:.6;}
header.fixed{position:fixed;background:#000;}
header.fixed h1{width:150px;height:150px;left:0;top:0;margin:0;background-color:#fff;}
header.fixed h1 > a{background:#fff url(../top/logo.webp) no-repeat center center / 100px;}
header.fixed ul{margin:0;top:0;}
header.fixed ul li{width:calc(100% / 6);}
header.fixed ul li a{font-size:15px;}
header.fixed ul li.gn06{background:#a59759;}
header.fixed ul li.gn06 a{width:100%;height:100%;text-align:center;vertical-align:middle;display:flex;justify-content:center;align-items:center;}
header.fixed ul li.gn06:hover{opacity:.8;}

@keyframes start02{0%{opacity:0;}100%{opacity:1;}}

#coverIMG #slider a.link{display:block;border-radius:6px;padding:7px 30px;text-align:center;font-size:17px;color:#fff;background:url(../layout/linkBCKG01.webp);position:absolute;right:10px;bottom:10px;box-shadow:0 0 5px rgba(0,0,0,0.8);opacity:0;}
#coverIMG #slider a.link:hover{background:url(../layout/linkBCKG02.webp);}
#coverIMG #slider a.link{-webkit-animation:fadein 0.25s ease-in-out 2.0s 1 forwards,shake 5s 4.0s alternate infinite;animation:fadein 0.25s ease-in-out 2.0s 1 forwards,shake 5s 4.0s alternate infinite;transform:scale(1.0);}
@-webkit-keyframes shake{48%{transform:scale(1.0);}50%{transform:scale(1.1);}52%{transform:scale(1.0);}54%{transform:scale(1.1);}56%{transform:scale(1.0);}100%{transform:scale(1.0);}}
@keyframes shake{48%{transform:scale(1.0);}50%{transform:scale(1.1);}52%{transform:scale(1.0);}54%{transform:scale(1.1);}56%{transform:scale(1.0);}100%{transform:scale(1.0);}}
#coverIMG .bx-wrapper .bx-pager,#coverIMG .bx-wrapper .bx-controls-auto{bottom:-10px;}

#coverIMG{position:relative;width:100%;height:100vh;}
#coverIMG .topCover{height:100vh;width:100vw;z-index:-1;position:relative;}
#coverIMG #slider{background:#000;z-index:2;}
#coverIMG, #coverIMG .slide, #coverIMG .slick-list, #coverIMG .slick-track{height:100vh;}
#coverIMG .panel{height:100%;display:flex;flex-wrap:wrap;align-items:center;margin:0 auto;position:relative;box-sizing:border-box;overflow-y:visible;overflow-x:clip;}
#coverIMG li{width:100%;height:100%;}
#coverIMG li.active{}
#coverIMG li div{width:100%;height:100%;background:#ccc url() no-repeat center center/ cover;}
#coverIMG li.pl01 div{background-image:url(../top/slide01.webp);}
#coverIMG li.pl02 div{background-image:url(../top/slide02.webp);}
#coverIMG li.active div{animation:coverIMG 12s ease-in-out 0s 1 forwards;}
@keyframes coverIMG{0%{transform:scale(1);}100%{transform:scale(1.1);}}

#coverIMG h2{position:absolute;bottom:100px;right:0;text-align:center;z-index:3;background:#000;color:#a59759;font-size:40px;line-height:1.2;padding:20px 60px;transform:translateX(150%);animation:slideIN 0.8s ease-out 3s 1 forwards;letter-spacing:0.25em;}
#coverIMG h2 em{font-size:120px;display:block;letter-spacing:0;line-height: 1;margin-bottom: 10px;}

div.start{position:fixed;width:100%;height:100%;top:0;animation:start01 0s ease-in-out 2.3s 1 forwards;z-index:8;}
div.start:before{content:'';display:block;background:#000;width:100vw;height:50vh;position:absolute;left:0;top:0;animation:start01 1.5s ease-in-out 0.8s 1 forwards;}
div.start:after{content:'';display:block;background:#000;width:100vw;height:50vh;position:absolute;left:0;bottom:0;animation:start01 1.5s ease-in-out 0.8s 1 forwards;}
@keyframes start00{0%{opacity:1}100%{opacity:0;}}
@keyframes start01{0%{height:50vh;}100%{height:0;}}

p.scroll{color:#fff;position:absolute;bottom:200px;left:60px;writing-mode:vertical-lr;}
p.scroll:after{display:block;animation:scroll 2s infinite;background-color:#fff;bottom:-95px;content:"";height:80px;left:0;margin:auto;position:absolute;right:0;width:1px;}
@keyframes scroll{
  0%{transform:scale(1, 0);transform-origin:0 0;}
  50%{transform:scale(1, 1);transform-origin:0 0;}
  51%{transform:scale(1, 1);transform-origin:0 100%;}
  100%{transform:scale(1, 0);transform-origin:0 100%;}
}


@keyframes fadeIN{0%{opacity:0;}100%{opacity:1;}}

#coverIMG > p b:nth-of-type(1){opacity:0;animation:fadeIN 1.3s ease-in-out 3.3s 1 forwards;}
#coverIMG > p b:nth-of-type(2){opacity:0;animation:fadeIN 1.3s ease-in-out 5.0s 1 forwards;}


#coverIMG .bx-wrapper .bx-pager.bx-default-pager a{background-color:#ccc;}
#coverIMG .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#eea;}
#coverIMG .bx-wrapper .bx-prev,
#coverIMG .bx-wrapper .bx-next{width:50px;height:50px;z-index:2;opacity:0.3;}
#coverIMG .bx-wrapper .bx-prev{background:url(../layout/arrow-prev_wh.gif) no-repeat center;left:10px;}
#coverIMG .bx-wrapper .bx-next{background:url(../layout/arrow-next_wh.gif) no-repeat center;right:10px;}
#coverIMG .bx-wrapper .bx-prev:hover,
#coverIMG .bx-wrapper .bx-next:hover{opacity:1;}

#jMap .jMap01{width:1200px;margin:150px auto 0 auto;text-align:left;padding-right:500px;box-sizing:border-box;display:flex;justify-content:center;flex-direction:column;z-index:3;position:relative;}
#jMap .jMap01 h2{font-size:30px;margin-bottom:60px;letter-spacing:0.15em;text-align:left;transform:translateX(-200%);}
#jMap .jMap01 h2 span{font-size:50px;}
#jMap .jMap01 h3{font-size:30px;letter-spacing:0.13em;margin:40px 0;line-height:1.75;width:500px;transform:translateX(-200%);}
#jMap.fade .jMap01 h2{animation:slideIN 0.8s ease-out 0.5s 1 forwards;}
#jMap.fade .jMap01 h3{animation:slideIN 0.8s ease-out 0.9s 1 forwards;}
#jMap{background:#000;padding:50px 0;height:1000px;position:relative;}
#jMap > *{color:#a59759;}
#jMap .jMap02 .img01{display:block;height:751px;width:779px;position:absolute;top:-130px;bottom:0;right:230px;margin:auto 0;transform:translateX(150%);z-index:2;}
#jMap .jMap02 .img02{display:block;height:256px;width:418px;position:absolute;top:300px;bottom:0;right:130px;margin:auto 0;transform:translateX(150%);z-index:2;}
#jMap .jMap02 .img02:before{content:'';display:block;width:330px;height:330px;position:absolute;right:-40px;top:-40px;background:url(../top/top01-1-3.webp) no-repeat center center / contain;animation:Rotate 4s ease-in-out infinite;transform:rotate(360deg);}
@keyframes Rotate{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
#jMap.fade .jMap02 .img01{animation:slideIN 0.6s ease-out 0.5s 1 forwards;}
#jMap.fade .jMap02 .img02{animation:slideIN 0.6s ease-out 1.2s 1 forwards;}

section#menu{margin-bottom:100px;}
section#menu .slideIN{margin:50px auto;}
section#menu .titleBOX{background:url(../top/top02BG.webp) no-repeat top center / cover;padding:150px 0;background-attachment:fixed;}
section#menu .titleBOX h2.title{margin-bottom:0;opacity:0;}
section#menu .titleBOX.fade  h2.title{animation:fadeIN 0.8s ease-out 0.5s 1 forwards;}

section#menu h3{margin-bottom:30px;font-size:35px;font-weight:600;color:#069ee5;text-align:center;line-height:1.5;position:relative;}
section#menu h3:before,
section#menu h3:after{content:'';display:block;width:100%;height:8px;background:#069ee5;position:absolute;top:-10px;animation:line 1s 1 ease-in-out forwards;transform: translateX(-100%);}
section#menu h3:after{top:auto;bottom:-10px;}
@keyframes line{100%{transform: translateX(0%);opacity:1;}}
section#menu h4{font-size:25px;color:#a59759;margin-bottom:20px;line-height:1.7;position:relative;}
section#menu h4::after{content:'';display:block;width:100%;height:2px;background:#a59759;position:absolute;bottom: -7px;}

section#menu .menuBOX{display:flex;margin:50px auto;align-items: flex-start;}
section#menu .menuContainer .menuBOX:nth-child(odd){flex-direction:row-reverse;}
section#menu .menuBOX > div{width:50%;}
section#menu .menuBOX > .text{padding:30px 100px;box-sizing:border-box;}
section#menu .menuBOX > .slider span{display:block;width:100%;height:auto;aspect-ratio:8/5;background:#eee url() no-repeat center / cover;}
section#menu .slider span{height:100%;display:flex;flex-wrap:wrap;align-items:center;margin:0 auto;position:relative;box-sizing:border-box;overflow-y:visible;overflow-x:clip;}
section#menu .menuContainer .menuBOX:nth-child(odd){flex-direction:row-reverse;}
section#menu .menuBOX > .text{transform:translateX(-150%);}
section#menu .menuBOX > .slider{transform:translateX(150%);}
section#menu .menuBOX:nth-child(odd) > .text{transform:translateX(150%);}
section#menu .menuBOX:nth-child(odd) > .slider{transform:translateX(-150%);}
section#menu .menuBOX > .text.fade,
section#menu .menuBOX > .slider.fade{animation:slideIN .8s ease-out .3s 1 forwards;opacity:0;}
section#menu a.BTN{margin-top:100px;}



h3.title02{margin-bottom:50px;padding:30px 0;text-align:center;transform:translateX(-150%);}
section.fade h3.title02{background:#fff;animation:slideIN .5s ease-out 0s 1 forwards;opacity:0;}
h3.title02 b{font-size:35px;color:#000;line-height:1.4;opacity:0;}
section.fade h3.title02 b{animation:fadein 0.2s ease-in-out 0.6s 1 forwards;}

section#about h3.title02 b{color:#a59759;padding:0 20px;}
section#about h2.title{line-height:1.2;}
section#about h2.title span{font-size:25px;letter-spacing:0.05em;}
section#about{background-color:#a59759;letter-spacing:0.05em;padding:100px 0;}
section#about > * {color:#fff;}
section#about .flexBOX > div{padding:100px;box-sizing:border-box;}
section#about .flexBOX > div p:first-child{margin-bottom:30px;}
section#about .flexBOX > div p span{font-weight:bold;font-size:20px;border-bottom:1px solid #fff;margin:0 5px;}

section#company h2.title{line-height:1.2;}
section#company h2.title span{font-size:25px;letter-spacing:0.05em;}
section#company h2.title span{font-size:25px;letter-spacing:0.05em;}
section#company{background-color:#000;letter-spacing:0.05em;padding:100px 0;}
section#company > * {color:#fff;}
section#company .flexBOX{margin-bottom:50px;}
section#company .detail{padding:100px;box-sizing:border-box;}
section#company .detail h4{font-size:25px;margin-bottom:20px;}
section#company.fade .detail h4:after{content:'';display:block;width:0;height:1px;background:#fff;animation:drawLine .5s ease-out 1s 1 normal forwards running;}
@keyframes drawLine{100%{width:100%;}}
section#company .detail h4:not(:first-child) {margin-top:30px;}
section#company iframe{display:block;width:calc(100% - 200px);height:300px;margin:auto 100px 50px 100px;}



.slideLogo{width:100%;height:100px;background-image:url(../top/slideLogo.webp);background-repeat:repeat-x;background-size:auto 100px;animation:loop 40s linear infinite;margin:100px 0;}
@keyframes loop{from{background-position:0 0;}to{background-position:-2000px 0;}}

section#news{background:url(../top/newsBG.webp) no-repeat top center / cover;padding:100px;background-attachment:fixed;}
section#news > div{background-color:#ffffff9c;padding:100px;position:relative;margin-bottom:50px;}
section#news > div h2.title{position:absolute;left:100px;top:100px;margin:0;line-height:1;}
section#news > div > div{margin-left:250px;}
section#news article{display:flex;align-items:center;border-bottom:1px solid #666;}
section#news article:first-child{border-top:1px solid #666;}
section#news article time{font-family:"Oswald", sans-serif;color:#000;margin-right:30px;}
section#news article h3{font-size:20px;font-weight:normal;}

ul#fBanner{display:flex;padding:0;margin:0;}
ul#fBanner li{width:calc(100% / 3);height:auto;line-height:1;}
ul#fBanner li a{width:100%;height:auto;display:block;}
ul#fBanner li a img{width:100%;height:auto;border:2px solid #ccc;vertical-align:top;}

section#fContact{background:url(../top/contactBG.webp) no-repeat bottom center / cover;padding:80px 0;background-attachment:fixed;}
section#fContact h2.title{font-size:80px;line-height:1;color:#fff;font-family:"Oswald", sans-serif;letter-spacing:normal;text-shadow:3px 3px 5px rgba(0,0,0,0.5);}

footer{width:100%;position: relative;}
footer .fContainer{width:1200px;margin:0 auto;padding:50px 0;}
footer .fContainer nav.fNavi ul{width:900px;margin:0 auto;display:flex;justify-content:space-between;}
footer .fContainer nav.fNavi ul li{font-size:15px;margin-top:5px;}
footer .fContainer nav.fNavi ul li a{color:#000;}
footer .fContainer div.fLogo{text-align:center;font-size:17px;}
footer .fContainer div.fLogo a.fLogo{display:inline-block;width:100px;height:100px;background:url(../top/logo.webp) no-repeat right center / contain;margin:60px 0 20px 0;}
footer .fContainer div.fLogo address{font-size:13px;color:#000;}
footer .fContainer div.fLogo ul li a{color:#000;}
footer .fContainer nav.fNavi.second ul{width:fit-content;margin:0 auto 30px auto;}
footer .fContainer nav.fNavi.second ul li{padding:0 20px;font-size:12px;position: relative;}
footer .fContainer nav.fNavi.second ul li:last-child::after,
footer .fContainer nav.fNavi.second ul li:before{content:'';display: block;width: 1px;height: 10px;background:#666;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
footer .fContainer nav.fNavi.second ul li:last-child::after{left: auto;right: 0;}
/* ページトップへ*/
#pagetop{width:auto;display:block;position:absolute;right:50px;bottom:50px;transition:0s ease-in-out;z-index:4;transition:0s ease-in-out;}
#pagetop a{padding-right:13px;color: #a59759;font-weight:400;font-size:13px;position:relative;}
#pagetop a:after{content:"";display:block;width:1px;height:300px;background-color:#a59759;position:absolute;bottom:0;right:0;margin:auto;right:0;animation:pagetop 3s infinite;}
@keyframes pagetop{
  0%{transform:scale(1, 0);transform-origin:0 100%;}
  50%{transform:scale(1, 1);transform-origin:0 100%;}
  51%{transform:scale(1, 1);transform-origin:0 0;}
  100%{transform:scale(1, 0);transform-origin:0 0;}
}


@media screen and (max-width:1400px){
#coverIMG{overflow:hidden;}
#coverIMG > *{-ms-touch-action:none;touch-action:none;}
}

@media screen and (max-width:1300px){
footer .fContainer{width:calc(100% - 200px);}
#jMap .jMap01{width:calc(100% - 200px);margin:100px auto 0 auto;}
#jMap .jMap02 .img02{top:290px;right:130px;}

}
@media screen and (max-width:1250px){
#coverIMG h2 em{font-size:100px;}
#jMap{height:640px;}
#jMap .jMap01{padding-right:400px;}
#jMap .jMap02 .img01{height:500px;width:500px;top:0;right:120px;}
#jMap.fade .jMap02 .img01 img{width:500px;}
#jMap .jMap02 .img02{height:154px;width:250px;top:245px;right:73px;}
#jMap.fade .jMap02 .img02 img{width:250px;}
#jMap .jMap02 .img02:before{width:210px;height:210px;right:-32px;top:-28px;}

section#about{padding:50px 0;}
section#about .flexBOX > div{padding-right:50px;}
section#company{padding:50px 0;}
section#company .detail{padding-right:50px;}

section#menu .titleBOX{background-attachment:inherit;}
section#news{background-attachment:inherit;}
section#fContact{background-attachment:inherit;}
#comLink{background-attachment:inherit;}
}
@media screen and (max-width:1200px){
#jMap .jMap01{width:calc(100% - 100px);}

section#menu .titleBOX{padding:80px 0;}
section#menu .menuBOX > .text{padding:30px 50px;}

section#about .flexBOX > div{padding:50px;}


section#company .detail{padding:50px;}
.slideLogo{height:70px;margin:70px 0;background-size:auto 70px;}
section#news{padding:80px 50px;}
section#news > div{padding:80px 50px;}
section#news > div h2.title{left:60px;}

footer .fContainer{width:calc(100% - 100px);}
}
@media screen and (max-width:1150px) {
#jMap .jMap01 h2{font-size:27px;}
#jMap .jMap01 h3{font-size:25px;}
}
@media screen and (max-width:1100px) {
section#about .flexBOX > div{width:60%;}
section#about .flexBOX > figure{width:40%;}

}

@media screen and (max-width:1000px){
header .pcHeader{display:none;}
header .spHeader{display:block;position:relative;}
header{position:fixed;}
header h1{width:90px;height:100px;left:15px;top:15px;}
header .spHeader > a{display:block;position:absolute;right:75px;top:0;color:#fff;text-shadow:none;padding:15px;}
header.fixed h1{width:70px;height:80px;}
header.fixed h1 a{background:#fff url(../top/logo.webp) no-repeat center center / 50px auto;}
header.fixed +span +span:before{content:'';display:block;width:75px;height:60px;position:absolute;right:-20px;top:-25px;background:#a59759;}

.humBTN{display:block;width:35px;height:35px;position:fixed;right:20px;top:25px;margin:auto 0;cursor:pointer;z-index:7;}
.humBTN span{width:35px;height:2px;background:#fff;position:absolute;transition:0.5s ease-in-out;}
.humBTN span:last-child{top:10px;}
.humBTN.open span{top:10px;rotate:45deg;}
.humBTN.open span:last-child{rotate:-45deg;}

#humBOX{display:block;position:relative;box-sizing:border-box;background:#a59759;width:100vw;position:fixed;right:-100vw;top:0;z-index:6;transition:0.5s ease-in-out;padding:30px 30px 100px 30px;}
#humBOX.open{right:0;}
#humBOX ul li a{display:block;padding-bottom:4px;color:#fff;}
#humBOX #humLOGO{display:block;margin-bottom:40px;width:100px;height:100px;background:#fff url(../top/logo.webp) no-repeat center center / 70px auto;position:absolute;top:0;left:0;}
#humBOX ul#hMenu{margin-top:100px;}
#humBOX ul#hMenu li{font-size:16px;}
#humBOX ul#hMenu li:nth-child(6){margin-top:20px;}
#humBOX ul#hMenu li:nth-child(n + 6){font-size:13px;}
#humBOX ul.langMenu{margin-top:60px;display:flex;flex-wrap:nowrap;flex-direction:row;}
#humBOX ul.langMenu li a{display:inline;}
#humBOX ul.langMenu li:first-child:after{content:"/";margin:0 15px;color:#fff;}

section#about .flexBOX{flex-direction:column;}
section#about .flexBOX > div , section#about .flexBOX > figure{width:calc(100% - 40px);}
section#about h3.title02{line-height:1;}

#humSkin{display:none;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:5;}

#jMap .jMap01{padding-right:200px;}
}

@media screen and (max-width:950px){
}
@media screen and (max-width:900px){
main h2.title em{font-size:65px;}

section#menu h3{font-size:35px;}
section#menu h4{font-size:22px;}
section#news > div > div{margin-left:200px;}
}

@media screen and (max-width:800px){

}
@media screen and (max-width:767px){
.spOnly{display:block;}
.pcOnly{display:none;}
body.admin-bar header, body.admin-bar #humBOX,body.admin-bar header.fixed{top:46px;}
body.admin-bar .humBTN{top:70px;}
body.admin-bar #wpadminbar{position:fixed;}

main h2.title em{font-size:50px;}
main h2.title{font-size:20px;}
a.BTN{width:270px;padding:10px;font-size:16px;}
h3.title02{padding:20px;}
h3.title02 b{font-size:22px;}

#coverIMG{height:100svh;}
#coverIMG .topCover{height:100svh;}
#coverIMG h2{font-size:22px;width:100%;bottom:0;padding:50px 0;}
#coverIMG h2 em{font-size:50px;}

p.scroll{left:20px;}
#pagetop{bottom: auto;top: 300px;right:20px;}

#jMap{padding:10px 0 90px;}
#jMap .jMap01{padding:0 0 200px 0;margin:0 auto 50px;width:calc(100% - 100px);}
#jMap .jMap02 .img01{height:410px;width:410px;top:240px;right:80px;margin:0 auto;}
#jMap.fade .jMap02 .img01 img{width:410px;}
#jMap .jMap02 .img02{height:115px;width:180px;top:488px;right:66px;margin:0 auto;}
#jMap.fade .jMap02 .img02 img{width:140px;}
#jMap .jMap02 .img02:before{width:120px;height:120px;right:21px;top:-17px;}
#jMap .jMap01 h2{font-size:20px;margin-bottom:30px;}
#jMap .jMap01 h2 span{font-size:30px;}
#jMap .jMap01 h3{font-size:20px;width:auto;margin:0;}

section#menu .titleBOX{background-image:url(../top/top02BG_sp.webp);}
section#menu .menuBOX{display: block;}
section#menu .menuBOX > .text{width:calc(100% - 40px);margin:20px;padding:0;}
section#menu .menuBOX > .slider{width:90%;margin: 0 auto;}
section#menu .menuContainer .menuBOX:nth-child(even){flex-direction:column;align-items:flex-start;}
section#menu h4{text-align:center;}
	
.flexBOX{flex-direction:column;}
.flexBOX > *{width:calc(100% - 40px);}
section#company .flexBOX{margin-bottom:30px;}
section#about .flexBOX > div{padding:0 0 40px 0;}
section#about h3.title02{line-height:1;}
section#company .detail{padding:0 0 40px 0;}
section#company iframe{width:100%;height:150px;margin:0 auto 50px;}

section#news{padding:40px 20px;background-image:url(../top/newsBG_sp.webp);}
section#news > div{padding:20px;background-color:#ffffffd4;}
section#news > div > div{margin:150px 0 0 0;}
section#news > div h2.title{top:50px;left:0;right:0;margin:0 auto;}
section#news article h3 a{font-size:16px;}

section#fContact{background-image: url(../top/contactBG_sp.webp);}
section#fContact h2.title{font-size:65px;}

footer .fContainer{width:calc(100% - 40px);}
footer .fContainer nav.fNavi ul{width:auto;flex-direction:column;}
footer .fContainer nav.fNavi.second{display: none!important;}

}
@media screen and (max-width:700px){

}

@media screen and (max-width:650px){

}
@media screen and (max-width:600px){

}
@media screen and (max-width:580px){

}
@media screen and (max-width:500px){
#jMap{height:600px;}
#jMap .jMap01{width:calc(100% - 40px);}
#jMap .jMap02 .img01{height:320px;width:320px;top:300px;right:60px;margin:0 auto;}
#jMap.fade .jMap02 .img01 img{width:320px;}
#jMap .jMap02 .img02{height:98px;width:160px;top:489px;right:30px;margin:0 auto;}
#jMap.fade .jMap02 .img02 img{width:160px;}
#jMap .jMap02 .img02:before{width:130px;height:130px;right:-19px;top:-17px;}
#jMap .jMap01 h2{font-size:18px;margin-bottom:30px;text-align:center;}
#jMap .jMap01 h2 span{font-size:30px;}
#jMap .jMap01 h3{font-size:18px;text-align:center;width:auto;margin:30px 0;}

}
@media screen and (max-width:400px){
footer .fContainer div.fLogo a.fLogo{width:90px;height:100px;}
}
@media screen and (max-width:320px){

}