@media screen and (max-width:1366px){
.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){
header h1,
header p.logo,
header div.logo {height: 140px;}
#index .itemArea .itemIntro{height: 160px;}
.itemArea .itemIntro{height: 180px;}
}
@media screen and (max-width:960px){#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;}
header h1 img,header p.logo img , header div.logo img { max-height: 80px; width: 80%;}
#index .itemArea .itemIntro{height: 180px;}
.itemArea .itemIntro{height: 220px;}
}
@media screen and (max-width:768px){
.img-l{float:none;margin:0 auto 10px;text-align:center;}
.img-r{float:none;margin:0 auto 10px;text-align:center;}
.main#index .prArea h2{font-size:28px; font-size:2.8rem;}
.main#index .prArea h2 span{font-size:40px; font-size:4.0rem;}
.main#index .prArea p{margin-right:0;}
.pageTitle{	padding:80px 0px 30px;}
.main .path{width:100%; margin-left: 10px;}
header{ display: block; height: 50px;position: fixed !important;width: 100%;padding-bottom: 50px;}
header h1, header p.logo, header div.logo {height: auto;}
header div nav ul {	display: block;}
header h1,header p.logo,header div.logo { padding:5px 0px 5px 15px; display: block;}
header h1 img,header p.logo img , header div.logo img { max-height: 40px; width: auto;}
header div nav ul .meanmenuOnly {display: block; }
.meanmenu_area .contactNav{ display: none; }
header div nav ul li a:after {background: none;}
header div nav ul.sub-menu li {padding:0;}
#mainvisual{ margin-top: 50px;}
.broad-width { width: 100%;}
.narrow-width {width: 90%;margin: 0 auto;}   
footer .btn_corporate{margin-bottom: 30px;}
footer .foot-sns { max-height: inherit;}
footer ul.col_xs-1{margin: 0 5%;}
#index .caseArea .swiper-pagination {width: 50%;}
.ftContact li{display: block;}
.ftContact li a.btn_inquiry{width:100%;}
.listTable {width: 80%; }
.listTable .thead { display: none; }
.listTable tr { width: 100%;  }
.listTable td { display: block; text-align: right; width: 100%;}
.listTable td:first-child {background: #e9727e; color: #000;font-weight: bold;text-align: center;}
.listTable td:before {content: attr(data-label); float: left; font-weight: bold;margin-right: 10px;}
#index .itemArea .itemIntro{height: 140px;}
.itemArea .itemIntro{height: 160px;}
/* ページ内リンク位置修正 */
section[id^="gaiyou"],section h3[id^="r"],section h2[id^="g"]{
    margin-top: -50px;
    padding-top: 50px;
}
}

@media screen and (max-width:490px){
.inner{padding:30px 10px 0;}
.br{display:block;}
.float-l{float:none;text-align: center;}
.float-r{float:none;text-align: center;}
.main#index h2, .pageTitle h1{ font-size: 28px; font-size: 2.8rem;}
.main h2{ font-size: 24px; font-size: 2.4rem;}
.main h3{ font-size: 20px; font-size: 2.0rem;}
.main#index .reasonArea h3{ font-size: 26px; font-size: 2.6rem;}
a.btn, a.btn_l, .main .recruitArea .recruitBox .btn_stop{width: 100%; max-width: 260px;}
a.btn span{ font-size: 16px; font-size: 1.6rem;}
.main table th,.main table td{display: block; white-space:normal; width: auto;}
.main table .sp-hidden{ display: none;}
.main .stylishTable td{background:none; border-bottom: 1px solid #dde6f2;}
.pagetop {position: fixed;width: 50px;height: 70px;right: 10px;bottom: 10px;z-index: 1000;}
header h1,header p.logo{ padding:5px 0px 5px 10px;}
.linkArea .inner > ul {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.linkArea ul > li {width: 100%;}
.linkArea .inner > ul > li:first-child {border-right:none;margin-right: 0;pdding-right:0;}
.linkArea ul > li > ul > li {width: 50%;max-width: 220px;text-align: center;}
}