@media screen and (max-width:1366px){
.infoArea { background-size:contain; }
}
@media screen and (max-width:1280px){
#index .inner,.main .inner,footer .inner,.main .infoArea .inner,.main#index .infoArea .inner{padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.ftLink ul li{width:calc(100%/4);}
.ftLink ul li+li::before{border-left: none;}  
} 
@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;} 
.shinryoubiBox{width: 100%;}
}
@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:10px;text-align: left;}
header h1 img,header p.logo img{max-height:50px;}
header nav ul .meanmenuOnly {display: block; }
.main{padding-top:60px;}
.main .pageTitle{ background-size: contain;}
.pageTitle h1{ padding:2em 0.5em 2em 1em;}
.main#index h2,.main h1{font-size:2.8rem;}
.main h2:not(.main#index h2) {font-size:2.6rem;	padding:1em 0.5em;}
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;}
/* ページ内リンク位置修正 */
#shika,#syougai,#kouku,#info,#dx{
    margin-top: -60px;
    padding-top: 60px;
}
.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;}
.circleBox{width: auto; height: auto;border-radius: 0; margin: 0 auto;position: inherit; padding:0 0.5em;}    
.main#index .infoArea .inner,.main .infoArea .inner{padding:0 15px 80px;}
    .specialty{font-size:1.4rem;}
.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);}
}
@media screen and (max-width:490px){
header h1,header p.logo{padding:10px;}
.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: 2px solid #d4eafa;}
.float-l{float:none;}
.float-r{float:none;}
.ftLink ul li{width:calc(100%/2);}
.pc{display:none!important;}
.tb{display:none!important;}
.sp{display:block!important;}
}