@charset "UTF-8";
.pcOnly{display:block!important;}
.spOnly{display:none!important;}
body{max-width:100vw;overflow-x:hidden;}



#wrapper{width:95%;}
#single-blog #imgBOX figure{width: calc(100% / 2 - 20px);margin:0 10px 50px 10px;}
table.table{width:100%;box-sizing:border-box;}


@media screen and (max-width:900px){
header div .headerNAV ul{flex-wrap:wrap;}
header div .headerNAV ul li{width:calc(100% / 2);margin:10px 0;}

.fContact{display:block;margin:30px auto;}
.fContact .map,
.fContact .txt{width:100%;padding:0;}
.fContact .map{height:260px;margin-bottom:80px;}
.fContact table{width:100%;}
#company-page iframe{width:100%;margin-top:50px;}

}
@media screen and (max-width:800px){
header > div,
section,
.frontNAV,
.fContainer{margin-left:30px;margin-right:30px;}
}

@media screen and (max-width:768px){
#sort{font-size:11px;}
#sort select{width:auto;}

table.mailform input[name=name01]{margin-bottom:10px;}
}

@media screen and (max-width:550px){
header > p{line-height:1.3;padding:7px;font-size:13px;}
header > div{display:block;}
header div div h1{margin:0 auto 40px auto;}
header div .headerNAV{width:100%;}



table.mailform th,
table.mailform td{width:100%;display:block;padding:0;}
table.mailform tr{display:block;padding:20px 0;}
table.mailform input[name=name01],
table.mailform input[name=kana],
table.mailform input[name=email],
table.mailform input[name=tel]{width:100%!important;box-sizing:border-box;}
.mfp_buttons input[type=submit], .mfp_buttons button{min-width:160px;}

#thanks-page h2{font-size:25px;}

}
@media screen and (max-width:500px){
#wrapper{margin:40px auto 0 auto;}

.frontNAV ul{display:block;width:80%;margin:0 auto;}
.frontNAV ul li{width:100%;max-width:280px;margin-left:auto;margin-right:auto;margin-bottom:30px;}
.fContainer{display:block;}
.fContainer div.lark-nest{margin-bottom:30px;}

.mfp_buttons input[type=submit], .mfp_buttons button{min-width:140px;}

}
@media screen and (max-width:400px){
section#detail dl dd,
section#news ul.list-archive{padding:20px 15px;}
section#news h3{width:100%;box-sizing:border-box;margin:0;font-size:13px;}
section#news ul.list-archive li a span{display:block;margin-top:5px;}
body,
body:before{background-image:none;}
body:before{display:none;}
#wrapper{margin:0;width:100%;}
header div .headerNAV ul li{width:100%;}

.mfp_buttons input[type=submit], .mfp_buttons button{min-width:110px;padding:10px 14px;}

}