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

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 0;}
h3.title02 b{font-size:22px;}
#humBOX{width:100vw;right:-100vw;}

section#titleIMG h2{width:340px;max-width:340px;box-sizing:border-box;padding:20px;font-size:40px;line-height:1.3;}
section#titleIMG h2 em{margin:15px auto 0 auto;padding:10px;font-size:20px;line-height:1.5;}

#comLink{height:450px;background-image:url(../layout/aboutSP.webp);}
#comLink h3{font-size:22px;}
#comLink h3 em{margin-top:15px;font-size:35px;}

section#busLink{height:450px;background-image:url(../layout/busLink_sp.webp);}
section#busLink h3{font-size: 22px;}
section#busLink h3 em{margin-top: 10px;font-size:40px;}

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


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

#pagetop{bottom: auto;top: 300px;right:20px;}


/*事業内容*/
#jMap{height:770px;}
#jMap p.scroll{display:none;}
#jMap div.future{width:calc(100% - 40px);}
#jMap div.future p{font-size:25px;text-align:center;margin:0 auto;}
#jMap div.future em{font-size:65px;}
#jMap .jMap01{padding:0 0 200px 0;margin:50px auto;width: calc(100% - 40px);}
#jMap .jMap02 .img01{height:410px;width:410px;top:570px;right:130px;margin:0 auto;}
#jMap.fade .jMap02 .img01 img{width:410px;}
#jMap .jMap02 .img02{height:115px;width:180px;top:819px;right:116px;margin:0 auto;}
#jMap.fade .jMap02 .img02 img{width:140px;}
#jMap .jMap02 .img02:before{width:120px;height:120px;right:-19px;top:-17px;}
#jMap .jMap01 h2{font-size:18px;margin-bottom:30px;text-align:center;}
#jMap .jMap01 h2 span{font-size:25px;}
#jMap .jMap01 h3{font-size:18px;text-align:center;width:auto;}
#business-page .menuBOX{margin:100px 0;}
#business-page .menuBOX h3{font-size:30px;margin:0 auto;}
#business-page .menuBOX .detail{padding:50px 0;margin-bottom:0;}
#business-page .menuBOX .detail > *{width:calc(100% - 40px);}
#business-page .menuBOX .detail h4{font-size:23px;}
#business-page .menuBOX .detail p{font-size:16px;text-align:left;}
.slideIN{flex-direction:column-reverse;}
.slideLEFT, .slideRIGHT{width:100%;padding:50px 20px 30px;}
#business-page .menuBOX .slideIN:nth-of-type(2n){flex-direction:column;}
ul.imgContainer li{width:calc(100% / 2 - 30px);margin:0 20px 20px;}
ul.imgContainer li:nth-of-type(2n - 1){margin-right:0;}
section#menu .menuBOX{flex-direction:column;align-items:flex-end;}
section#menu .menuBOX > .text{width:calc(100% - 40px);margin:20px;padding:0;}
section#menu .menuBOX > .slider{width:90%;}
section#menu .menuContainer .menuBOX:nth-child(even){flex-direction:column;align-items:flex-start;}
#business-page .menuBOX .imgBOX{width:100%;margin:0;}
#business-page .menuBOX .imgBOX li{width:100%;margin:0;background-size:cover;}
.flexBOX{flex-direction:column;}
.flexBOX > *{width:calc(100% - 40px);}
section#company .flexBOX{margin-bottom:30px;}
section#about .flexBOX > p{padding:0 0 40px 0;}
section#company .detail{padding:0 0 40px 0;}
section#company iframe{width:100%;height:150px;margin:0 auto 50px;}

/*会社概要*/
#company-page #com01 .com01-1 p{padding:20px;line-height:1.4;}
#company-page #com01 .com01-1 p.scroll{display:none;}
#company-page #com01 .com01-1 h4{width:100%;}
#company-page #com01 .com01-2 div h5{line-height:1.7;font-size:23px;}
#company-page #com01 .com01-2 div h5 span{font-size:17px;font-weight:bold;}
#company-page #com01 .com01-message .com01-2 div h5:first-child:before{height:60px;}
#company-page #com01 .com01-message .com01-1 h4{margin-top:70px;}
#company-page #com02{padding:100px 40px;}
#company-page #com02 > div{padding:40px;flex-direction:column;}
#company-page #com02 h3{text-align:left;}
#company-page #com02 table{margin-top:30px;width:100%;}
#company-page ul.imgContainer{margin:10px;}
#company-page ul.imgContainer li{width:calc(100% / 3 - 20px);margin:10px;aspect-ratio:3 / 2;}
#company-page ul.imgContainer li:first-child{margin-bottom:0;}
#company-page ul.imgContainer li a{width:100%;height:100%;display:block;}

/*お問合せ*/
#contact-page #con02 div.privacy{padding:50px 20px;}
.mfp_buttons input, .mfp_buttons button{min-width: auto;}
.mfp_buttons input, .mfp_buttons button{padding:.4em 1.5em .6em 1.5em;}

main#news-page > div.wrap{padding:0 10px;}
#news-page #singlePost .titleBOX{padding:20px;}

#error-page #pageField section{padding:0 10px;}

@media screen and (max-width:550px){
#company-page #com01 .com01-2{margin:50px 20px;}
#company-page #com01 .com01-2 h4{padding:0 80px;font-size:25px;}
#textList a.BTN{margin:0 auto;}
}
@media screen and (max-width:500px){
#jMap .jMap02 .img01{height:320px;width:320px;top:660px;right:60px;margin:0 auto;}
#jMap.fade .jMap02 .img01 img{width:320px;}
#jMap .jMap02 .img02{height:98px;width:160px;top:848px;right:30px;margin:0 auto;}
#jMap.fade .jMap02 .img02 img{width:160px;}
#jMap .jMap02 .img02:before{width:130px;height:130px;right:-19px;top:-17px;}

#company-page #com01 .com01-1 p{font-size:25px;}
#company-page #com02{padding:60px 20px;margin-top:100px;}
#company-page #com02 > div{padding:40px 20px}
#company-page #com02 tr th{display:block;padding:10px;text-align:center;}
#company-page #com02 tr td{display:block;padding:10px;text-align:center;}
#company-page #com02 tr td:last-child{text-align:left;}
#company-page #com02 tr td iframe{height:170px;}
#company-page ul.imgContainer li{width:calc(100% / 3 - 12px);margin:6px;}

#news-page #sort{display:block;}
#news-page #sort > div{width:100%;}
.pagenation li.home a{padding:10px 20px;}

#sitemap-page nav ul{width: 100%;margin: 0 auto;}

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

.mfp_buttons input, .mfp_buttons button{padding:.4em 1em .6em 1em;}

}
@media screen and (max-width:350px){
.pagenation li em{display:none;}
section#titleIMG h2{font-size:30px;}
section#titleIMG h2 em{font-size:18px;}

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