@media screen and (max-width:1120px){header .inner,#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,header p.logo{ margin: 10px 0 4px 0;}
.main h2{margin-left:-10px;margin-right:-10px;}
}
@media screen and (max-width:900px){
.introArea .img-l{float:none;margin:0 auto 10px;text-align:center;}
 }
@media screen and (max-width:768px){
/* --- header --- */
header{height: auto;}
header h1,header p.logo{float:none;width: 100%;margin: 0 0 4px 0;text-align: center;}
header #unav {float:none;width: 100%;max-width: 768px;text-align: center;margin: 0 0 10px;}  
header #unav ul{width: 100%;max-width: 768px;}
/* --- messageArea --- */
.mainvisualWrap{clear:both;width:100%;margin:0 auto;background:url(../images/bg_topimg.jpg) 0 0 repeat;}
.mainvisual{width:100%;max-width: 768px;position: relative;margin:0 auto;padding: 56px 0 0;text-align: center;}
.mainvisual img{float: none;width:100%;max-width: 700px;height:auto;margin:0 0 10px 0;box-shadow: none;}
.mainvisualWrap .messageArea{float: none;position:inherit;top:0;left:0;text-align: center;line-height: 2.0;z-index: 9999;color:#e9cd4c;}
.mainvisualWrap .messageArea p{font-size:20px;font-size: 2.0rem; padding: 0.2em 1em;}
.mainvisualWrap .messageArea .messageArea_marker{margin: 0; padding: 0 0.3rem;}
.mainvisualWrap .messageArea .message3{ margin-left: 0; line-height: normal;}
.mainvisualWrap .messageArea .message2 .message2_mgn,.mainvisualWrap .messageArea .message3 .message3_mgn{ margin-left: 0;}
header,header h1,header p.logo,header div,{display:inherit;}
.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;}
.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){
.mainvisualWrap .messageArea,.mainvisualWrap .messageArea p{font-size:14px;font-size: 1.4rem;}
.mainvisualWrap .messageArea .messageArea_marker{margin: 0;}
.mainvisualWrap .messageArea .message1,.mainvisualWrap .messageArea .message2{ margin: 0;}
.dotLine{background: none;}
.inner{padding:30px 10px 0;}
#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 .scrollTable table th,.main .scrollTable table td{display: table-cell; white-space: nowrap;}
.main .scrollTable-sp{ width: 100%; overflow: auto; margin-bottom: 20px; -webkit-overflow-scrolling: touch;}
.main .scrollTable-sp table{ margin-bottom: 10px; max-width: initial;}
.main .scrollTable-sp::-webkit-scrollbar{ height:13px;}
.main .scrollTable-sp::-webkit-scrollbar-track{ background:#F1F1F1;}
.main .scrollTable-sp::-webkit-scrollbar-thumb{ background:#BCBCBC;}
.main .scrollTable-sp table th,.main .scrollTable-sp table td{ display: table-cell; white-space: nowrap}
.main .stylishTable td{background:none;}
#expenses.main .dlBox .col{ max-width: 100%;}
#course.main .school_hours table th, #course.main .school_hours table td{display: table-cell;}
.float-l{float:none;}
.float-r{float:none;}
}