@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;}
.main h2{margin-left:-10px;margin-right:-10px;}
.ftAdd .addBox{width:100%;}
}
@media screen and (max-width:768px){
/* meanmenu Customize */
header,header h1,header div,header div nav ul{display:inherit;}
header h1{padding: 15px 10px 0 10px;}
header .entry{width:60px;height:66px;padding:20px 10px 0;display: block;position:absolute;top:0px;right:60px;font-size:12px;font-size:1.2rem;}
header .unav {position:absolute;top:0;right:0;}
header div nav ul{max-width:100%;}
/* --- subnav --- */
header div nav ul.sub-menu {opacity: 1;}
header div 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 div 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;}
.introArea .layout-2col .contentBox,#interview .layout-2col .contentBox{width:100%; max-width:768px; float:none; margin:0 auto 20px;position:relative;}
.layout-2col-intro .contentBoxLeft,.layout-2col-intro .contentBoxRight{width:90%; max-width:768px; float:none; margin:20px auto 20px;position:relative;}
.layout-3col .contentBox,
.layout-4col .contentBox,
.layout-6col .contentBox{width:47.87%;max-width:367px;float:left;margin:0 4.25% 10px 0;position:relative;}
.layout-3col .contentBox:nth-child(even),
.layout-4col .contentBox:nth-child(even),
.layout-6col .contentBox:nth-child(3),
.layout-6col .contentBox:nth-child(even){margin:0 0 10px 0;}
.layout-3col .contentBox:nth-child(3),
.layout-3col .contentBox:nth-child(9),
.layout-3col .contentBox:nth-child(15),
.layout-6col .contentBox:nth-child(3){margin:0 4.25% 10px 0;}
.layout-3col-pr{width:100%;max-width: 768px; margin:0 auto;overflow:hidden;}
.layout-3col-pr .contentBox{width:47.95%;max-width:364px; float:left;margin:0 4.08% 20px 0;position:relative;}
.layout-3col-pr .contentBox:nth-child(even){margin:0 0 20px 0;}
.layout-3col-pr .contentBox:nth-child(3){margin:0 4.08% 20px 0;}
.newsArea dl { float:none;	width:100%;overflow: hidden;margin-bottom: 1.5em;}
.newsArea dl dt {clear: both;float: none;}
.newsArea dl dd {padding: 0 0em 1em 0;margin: 0 0 1em;background:url(../images/dot.png) left bottom repeat-x;}
}
@media screen and (max-width:490px){
.inner{padding:30px 10px 0;}
header h1{padding:16px 10px 7px 10px;}
header h1 img{width:65%;}
#index h2,.main h2{font-size:22px;font-size:2.2rem;}
.br{display:block;}
.main table th,.main table td{display: block; white-space:normal;}
.main .stylishTable td{background:none;}
.float-l{float:none;}
.float-r{float:none;}
.layout-2col .contentBox,footer .layout-2col .contentBox,.layout-3col .contentBox,.layout-4col .contentBox{width:100%; float:none; margin:0 auto 20px;position:relative;}
.layout-2col .contentBox:nth-child(even),footer .layout-2col .contentBox:nth-child(even),
.layout-3col .contentBox:nth-child(even),
.layout-3col .contentBox:nth-child(3n),
.layout-4col .contentBox:nth-child(even){margin:0 auto 20px;}
.ftAdd dl{float: none;margin: 0 0em;}
.ftAdd dl dt{clear:both;float:none;background: #3b2213;padding: 0 0.5em;}
.ftAdd dl dd{padding: 0;text-align: center;}
}