@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;}
}
@media screen and (max-width:768px){	
/* meanmenu Customize */
header,header h1,header div,header div nav ul{display:inherit;}
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;}
.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;}
.newsTitle{float:none; width: 100%;}
.newsContents{float:none; width: 100%; background:#fff;}
#index .newsArea h2{float:none;width:100%;max-width:768px;margin:0.5em 0 10px 0;}
#index .newsArea dl{float:none;width:100%;}
#index .newsArea dl dt{clear:both;float:none;width:100%;margin-bottom:0px;}
#index .newsArea dl dd{padding:0 2em 0.5em 0;}
#index .newsArea .newsContents div.newReport{background:url(../images/arrow_bs.png) 100% 50% no-repeat;}
#index .newsArea .newsContents div.open {background:url(../images/arrow_us.png) 100% 50% no-repeat;}
.layout-3col-pr .extract{padding:20px 20px 10px;}
.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 img{width:100%; height:auto;}
.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;}
.ftAdd dl{width:100%;}
}
@media screen and (max-width:490px){
.inner{padding:30px 10px 0;}
header h1{padding:8px 10px 20px 10px;}
header h1 img{width:40%;}
#index h2,.main h2{font-size:22px;font-size:2.2rem;}
.main h3,.main .prArea h3,footer h2{font-size:18px;font-size:1.8rem;}
.main h4{font-size:16px;font-size:1.6rem;}
.f18{font-size:16px !important;font-size:1.6rem !important;}
.main table th,.main table td{padding-left:10px;white-space:normal;padding-right:10px;}
.float-l{float:none;}
.float-r{float:none;}
.layout-2col .contentBox,.layout-3col .contentBox,.layout-3col-pr .contentBox{width:100%; float:none;margin:0 auto 20px;position:relative;}
.layout-2col .contentBox:nth-child(even),
.layout-3col .contentBox:nth-child(even),
.layout-3col .contentBox:nth-child(3n),
.layout-3col-pr .contentBox:nth-child(even),
.layout-3col-pr .contentBox:nth-child(3){margin:0 auto 20px;}
.pageTitle h1{background:rgba(255,255,255,0.5);	margin: 0 -0.5em;padding: 0 0.5em;}
footer .ftBnr ul li,footer .ftBnr ul li.bnr_suwako{width:100%;}
.ftAdd dl dt{clear:both;float:none;background: #3b2213;padding: 0 0.5em;margin-right:0;}
.ftAdd dl dd{padding: 0;}
.main table.flowTable th.flowTitle,.main table.flowTable td.flowPattern{padding: 0.2em;}
.main table.basic th,.main table.basic td{display: block; white-space:normal;}
.main table.basic th{width:100%!important;}
}