@charset "UTF-8";
.pcOnly{display:block!important;}
.spOnly{display:none	!important;}

@media screen and (max-width:1300px){
footer .fContainer{width:calc(100% - 200px);}
#jMap div.future{width:calc(100% - 40px);}
#jMap .jMap01{width:calc(100% - 200px);margin:100px auto 0 auto;}
}
@media screen and (max-width:1250px){
#jMap{height:640px;}
#jMap .jMap01{padding-right:400px;mix-blend-mode:unset;margin: 50px auto 0 auto;}
#jMap .jMap01 h2{margin-bottom:10px;}
#jMap div.future p{margin-left:80px;}
#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:144px;right:75px;}
#jMap.fade .jMap02 .img02 img{width:250px;}
#jMap .jMap02 .img02:before{width:210px;height:210px;right:-32px;top:-28px;}
#business-page .menuBOX .detail > *{width:calc(100% - 40px);}
.slideLEFT, .slideRIGHT{padding:30px 50px;}
#business-page .menuBOX .imgBOX{width:100%;}

section#news{background-attachment:inherit;}
section#fContact{background-attachment:inherit;}
#comLink{background-attachment:inherit;}
section#busLink{background-attachment:inherit;}
}
@media screen and (max-width:1200px){
p.scroll{display: none;}
    
footer .fContainer{width:calc(100% - 100px);}
#jMap div.future p{margin-left:50px;}
#jMap .jMap01{width:calc(100% - 100px);}

#company-page #com01 .com01-2{flex-direction:column;}
#company-page #com01 .com01-2 div.fadeLeft{width:100%;background-position:top center;background-size:auto 400px;padding-bottom:400px;min-height:auto;}
#company-page #com01 .com01-2 h4{width:fit-content;transform:none;padding:0 130px;margin:0 auto;}
#company-page #com01 .com01-2 div.fadeRight{width:100%;margin-top:50px;}
#company-page #com02{padding:50px;}
#company-page #com02 > div{padding:50px;}
#company-page #com02 h3{font-size:30px;}
#company-page #com02 table{width:calc(100% - 170px);}

main#news-page > div.wrap{width:100%;padding:0 30px;box-sizing:border-box;}
#news-page #archive .list-archive > li > a{display: block;}
#news-page #archive .list-archive em{display: block;width:100%;padding:0;padding-right:40px;}
#news-page #archive .list-archive time{display:block;margin-bottom:5px;}

#textList{width:calc(100% - 40px);margin: 0 auto 100px;}
#sitemap-page #wrap{width:calc(100% - 40px);margin: 0 auto;}
}
@media screen and (max-width:1150px){
#jMap .jMap01{padding-right:200px;}
}
@media screen and (max-width:1100px){
}
@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;}
#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;}


#company-page #com03 .com03_wrap{max-width:unset;margin:50px 20px;}

#news-page #sort p.scroll{display:none;}
#news-page #sort{padding-left:0;}
main#news-page > div.wrap > #archive,
main#news-page > div.wrap > #singlePost{width:100%;margin-left:40px;}
#news-page #singleField{padding:0;}
#news-page #singlePost .titleBOX{padding:30px 40px;}
.pagenation li.prev,
.pagenation li.next{width:10%;}
#thanks-page #pageField{padding: 200px 20px;box-sizing: border-box;}

#description .inner{width:calc(100% - 40px);}
}

@media screen and (max-width:900px){
#company-page #com03 .com03_box .com03_p{font-size:18px;}
}

@media screen and (max-width:850px){
#contact-page #con02{width:calc(100% - 40px);}
}

@media screen and (max-width:750px){
main#news-page > div.wrap{flex-wrap:wrap;flex-direction:column-reverse;}
#news-page #sort{display:flex;;width:100%;justify-content:space-between;}
#news-page #sort > div{width:48%;}
main#news-page > div.wrap > #archive,
main#news-page > div.wrap > #singlePost{margin-left:0;}
main#news-page #sort h2{display:none!important;}
main#news-page h2.tblet{display:block!important;padding:0 20px;transform:translateX(-100%)}

}

@media screen and (max-width:700px){
#company-page #com03 .com03_box{width:calc(50% - 50px);}
#company-page #com03 .com03_box:nth-of-type(2n){margin:100px 0 0 50px;}
#company-page #com03 .com03_box:nth-of-type(2n - 1){margin-right:50px;}
#company-page #com03 .com03_box .com03_year span{width:50px;}
#company-page #com03 .com03_box:nth-of-type(2n) .com03_year span{left:-50px;}
#company-page #com03 .com03_box .com03_year span{right:-50px;}

}

@media screen and (max-width:650px){
#company-page #com03 .com03_box .com03_year span{width:50px;}
#company-page #com03 .com03_box .com03_p{font-size:15px;}
#contact-page #con02 tr,
#contact-page #con02 tr th,
#contact-page #con02 tr td{display:block;padding:0;}
#contact-page #con02 tr{margin-bottom:20px;}
#contact-page #con02 tr th{text-align:left;margin-bottom:5px;}
#contact-page #con02 tr td span[data-name="todouhuken"] select{width: 100%;}
}

@media screen and (max-width:600px){
#news-page #singleField figure img{width: 100%;}
}