@media screen and (max-width:1366px){
.main#index .inner,.main .inner,footer .inner{padding-left:20px;padding-right:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
}
@media screen and (max-width:1280px){
.ftLink ul li{width:calc(100%/4);}
.ftLink ul li+li::before{border-left: none;}  
} 
@media screen and (max-width:1180px){
.main#index h2{font-size: 3.0rem;}
}
@media screen and (max-width:1024px){
.w20,.w30,.w40,.w50,.w60,.w70,.w80,.w90{width:100%!important;}
header h1,header p.logo{padding:10px 5px 8px;text-align: center; display: block;}
header h1 img,header p.logo img{width:80%;}
header {  display: flex; flex-direction: column;  width: 100%; align-items: center;height:auto;}
nav{ margin-left: auto;margin-right: 10px;width:100%;}
nav ul:not(header nav ul.sub-menu){  display: flex;  justify-content:center; align-items: center;  flex-wrap:nowrap;  margin-bottom: 0.5em;} 
.theadTable { width: 80%;}
.theadTable .thead { display: none; }
 .theadTable tr { width: 100%; }
 .theadTable td {display: block; text-align: left; width: 100%;}
 .theadTable td:first-child {text-align: left!important; background: #fff url("../images/bg_gray.jpg") repeat left bottom!important;;text-align: center; }
 .theadTable td:before {text-align: left;content: attr(data-label); font-weight:bold; margin-right: 5px; display:block;}
}
@media screen and (max-width:768px){
.pc{display:none!important;}
.tb{display:block!important;}
.sp{display:none!important;}
header { flex-direction: column;align-items:baseline;  background: #fff;}
header h1,header p.logo{padding:15px 20px;text-align: left;}
header h1 img,header p.logo img{max-height:50px;}
header nav ul .meanmenuOnly {display: block; }
.main{padding-top:60px;}
.pageTitle{margin-top: 4em; padding-bottom:1.5em;}
.main .titlePhoto{margin-top: -2em;}
.main h1{font-size:2.8rem;}
.main h2:not(.main#index h2) {font-size:2.2rem;}
.main h3:not(.worksArea h3){font-size:2.0rem;padding:0.5em 0.5em;}
.worksArea h3{font-size:1.6rem;}
.main h4{font-size:1.8rem;}
.main h5{font-size:1.6rem;}
header nav ul{max-width:100%;font-size: 16px;font-size: 1.6rem;}
header nav ul.sub-menu {opacity: 1;}
header nav ul.sub-menu li a {border-bottom:none;}
.main .path{width:100%;}
.img-l{float:none;margin:0 auto 10px;text-align:center;}
.img-r{float:none;margin:0 auto 10px;text-align:center;}
header nav ul li a:after{display:block;content:"";width:0;height:0;background-color:none;margin:none;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;}
header nav ul .meanmenuOnly {display: block; }
    .serviceWrap{padding:1em;}
/* ページ内リンク位置修正*/
#about{
    margin-top: -40px;
    padding-top: 40px;
} 
.mean-container .mean-nav ul li.tel a{height: auto; font-size:2.0rem!important;}
nav ul li{width:100%;padding:0 ;}
.br{display:block;}
.newsArea dl {float:none;	width:100%;overflow: hidden;margin-bottom: 1.5em;}
.newsArea dl dt {clear: both;float: none;padding:0.5em 0 0.2em;}
.newsArea dl dd {padding: 0;margin: 0 0 0.5em;}
.btnBox div {padding:2em 1em;}
.ftLink ul li{width:calc(100%/3);}

.conceptArea{ background: url(../images/rainbow.png) no-repeat 0 0px;background-size:contain;}    
.btn{padding:15px 70px 15px 20px;}
.hosyou{text-align: left;}

}
@media screen and (max-width:490px){
.inner{padding:30px 10px 0;}
.main table.verticalType th,.main table.verticalType td{display: block; white-space:normal; width: auto;}
.main table.stylishTable.verticalType td{background:none;border-bottom: 1px solid #ccc;}
.float-l{float:none;}
.float-r{float:none;}
.ftLink ul li{width:calc(100%/2);}
.main#index h2{font-size:2.8rem;}
.pc{display:none!important;}
.tb{display:none!important;}
.sp{display:block!important;}
.stArea [class*=col-], .stArea [class*=col_],.stArea [class~=col]{padding:0 0.5rem 2.5rem;letter-spacing: normal;}
}