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

#sort{margin-top:0;padding:20px 0;}
main.main #pageField p.notice, main.main #postField p.notice{padding:20px 25px;}
#contact-page #pageField a.telNUM b{font-size:36px;padding-left:38px;background-size:28px auto;}

@media screen and (max-width:600px){
#news-list > li{width:100%;margin:0 0 70px;}
#news-list > li:nth-of-type(3n){margin-right:0;}
}
@media screen and (max-width:500px){	
main h3.title03{font-size:28px;text-align:left;margin-top:100px;line-height:1.5;}
main h4.title{font-size:24px;}

#titleIMG{height:170px;}
#titleIMG span.titleIMG img{top:0;bottom:0;}
#titleIMG h2{font-size:15px;}
#titleIMG h2 i{font-size:40px;}

a.link02{margin:20px auto 0 auto;}

.imgLEFT > div{margin-left:0;width:100%;}

ol.check li{font-size:17px;}
#service-page .oem00{width:100%;}

#service-page .oem01 p{font-size:16px;}
#service-page .oem02 div.items div{width:calc(100% / 2 - 20px);margin:0 10px 40px 10px;}
#service-page .oem03 ul{margin-top:30px;}
#service-page .oem03 ul li{padding-left:0;padding-top:0;margin-top:40px;}
#service-page .oem03 ul li b{top:auto;left:auto;right:auto;margin:0 0 20px 0;position:relative;}
#service-page .oem03 ul li b i{margin-top:5px;}

#service-page .oem04 div{width:calc(100% - 40px);padding:20px;margin:0 20px;}
#service-page .oem04 div h3.title03{font-size:28px;}
#service-page .oem05 h3.title03{font-size:27px;line-height:1.5;}
#service-page .oem05 > div.imgLEFT > div{width:100%;}

#thanks-page h3{font-size:28px;padding-top:200px;background-size:auto 150px;}
#thanks-page p{text-align:left;}
#company-page div.map iframe{height:270px;}
#pageField p.title{font-size:15px;text-align:left;}

#single-content div.single-head{padding:50px 20px 140px;}
#single-content div.single-head time{right:20px;top:25px;}
#single-content div.single-head h3{font-size:26px;margin:5px 0 15px;}
#single-content figure.topIMG{margin:-100px auto 50px;}
#single-content figure.topIMG a.topIMG img{max-width:280px;}
#singlePost h5.copy{font-size:24px;}
#singlePost h5.copy + p{font-size:18px;}
#singlePost h4{font-size:22px;}
#singlePost h4 i{font-size:32px;}
#singlePost h5{font-size:18px;}
#signature{margin:100px auto 50px auto;}

#sort select{display:block;margin-bottom:10px;}
#works-page .wr00 li,
#items-list li{width:calc(100% / 2 - 20px)!important;margin:0 10px 30px 10px;}

#error-page .error{padding-top:140px;background-size:130px;margin:0 auto;}
#error-page .error h3{font-size:48px;}
#contact-page #pageField h3{font-size:24px;}

form span[data-name='not-sales'] label input{width:16px;height:16px;}
.mailform tr.privacy td input{width:18px;height:18px;}
#items-list li,
#items-list li a{min-height:inherit;}

#privacy-policy-page #pageField h3.title02{font-size:20px;}
}
@media screen and (max-width:460px){
#service-page .oem02 div.items{display:block;}
#service-page .oem02 div.items div{width:100%;margin-left:auto;margin-right:auto;}
#service-page .oem02 div.items div a.thumIMG{width:270px;}
#service-page .oem05 > div.imgLEFT{display:block;}
#service-page .oem05 > div.imgLEFT span.thumIMG{width:100%;height:auto;aspect-ratio:1 / 1;}


}
@media screen and (max-width:400px){
#service-page .oem03 ul li b{margin-left:auto;margin-right:auto;}
#works-page .wr00 ul,
#items-list{display:block;}
#works-page .wr00 li,
#items-list li{width:100%;margin-left:auto;margin-right:auto;}
#works-page .wr00 li a span.thumIMG,
#items-list li a span.thumIMG{width:250px;height:auto;aspect-ratio:1 / 1;padding:0;margin-left:auto;margin-right:auto;}
#works-page .wr00 li.new a:before{left:calc(50% - 140px);}
.lock a:not(.linkMORE):before,
.lock a:not(.linkMORE):after,
.NG a:not(.linkMORE):after{width:100%;height:auto;aspect-ratio:1 / 1;bottom:45%;background-size:20px auto;margin:0 auto;}
.lock a:not(.linkMORE):before{height:1em;bottom:0;top:calc(0% + 1em);margin:auto;}

}
@media screen and (max-width:360px){
#titleIMG{height:130px;} 
#items-list li a b.title{font-size:14px;}
#items-list li a b.title span{display:none;}

}



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

}