@charset "utf-8";

body { min-width:initial; min-width:auto; position:relative; }

.dipc { display:none; }
.disp { display:block; }

header { display:none; }
.spMenu { display:block; position:fixed; left:0; top:0; z-index:999; width:100%; background:#fff;}
.spMenu button { display:block; outline:0; cursor:pointer; background:#5E9D9C; border-width:0; padding:0 15px; margin:0; float:right; box-sizing:border-box; -webkit-box-sizing:border-box; height:60px; }
.spMenu button span { color:#fff;  font-size:13px; font-weight:bold; }
.spMenu button:before { font-size:17px; font-weight:normal; color:#fff; }
.spMenu div { display:none; box-sizing:border-box; -webkit-box-sizing:border-box; background:#5E9D9C; padding:10px 10px 10px 10px; width:100%; float:none; clear:both; }
.spMenu ul { width:100%; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; box-sizing:border-box; -webkit-box-sizing:border-box; border:solid #fff; border-width:1px 0 0 1px; }
.spMenu ul li { width:50%; border:solid #fff; border-width:0 1px 1px 0; box-sizing:border-box; -webkit-box-sizing:border-box; }
.spMenu ul li a { background:#5E9D9C; color:#fff; text-decoration:none; transition: all 0.1s ease-in-out 0s; display:block; padding:20px 0 20px; text-align:center; font-size:13px; font-family:Helvetica, Helvetica Neue, "游ゴシック", YuGothic,"Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN W3, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif; font-weight:bold; }
.spMenu ul li a:hover { color:#5E9D9C; background:#fff; }
.fixed { position: fixed; left:0; top:0; }
.spMenu h1 { float:left; padding:18px 0 0 10px; margin:0; }

.pageTitle { padding:200px 0 0; margin:0 0 50px; }

.scContent { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 10px; margin:0 0 150px; }
.scPoint h2 { width:100%; margin:0; padding:30px 10px; }
.scPoint > div { flex-wrap:wrap; -webkit-flex-wrap:wrap; padding:80px 0 80px 0; }
.scPoint > div dl { min-width:initial; flex-wrap:wrap; -webkit-flex-wrap:wrap; width:100%; margin:0 0 1px; }
.scStudent { padding:100px 0 0; }
.scStudentContent { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 10px; }
.scStudentContent ul { margin:0 0 20px; }
.scStudent h2 { padding:25px 40px; margin:0 0 0 -129px; }
.aboutContent { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; display:block; margin:0 0 50px; padding:0 10px; }
.aboutContent > div:first-child { margin:0 0 10px; }
.aboutContent > div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }

.footContact div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; display:block; }
.footContact div > p { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; }
.contactTel { margin:0 0 10px; } 

.scContent h3 { font-size:23px; }
.scPoint dt { font-size:18px; }

.pageTitle div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.footLink { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; display:block; padding:20px 0 0; }
.footLink h5 { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; display:block; text-align:center; margin:0 0 20px; }
.footLink h5 em img { width:63px; }
.footLink div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.spMenu h1 a { color:#666; font-size:27px; font-weight:bold; font-family: 'Vollkorn', serif; font-weight:normal; color:#000; line-height:1; }
.footContact h3 { font-size:18px; }
.footLink div { display:block; }
.footLink div ul { display:block; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.footLink div ul li { margin:0; border:solid #ddd; border-width:1px 0 0; }
.footLink div ul li a { display:block; padding:7px 10px; }

.lessonContentGrade { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 20px; display:block; }
.lessonContentGrade > div:first-child { margin:0; height:200px; }
.lessonContentGrade > div:last-child { padding:20px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.lessonContentGrade > div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.wsTitle { font-size:26px; margin:0 0 20px; }
.gradeBg { padding:30px 0; }
.middleBg { padding:30px 0; }
.highBg { padding:30px 0; }
.lessonContentEng ul { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; display:block; }
.lessonContentEng { padding:40px 0 40px 0; }
.lessonContentEng ul li:first-child { margin:0 0 10px; }
.lessonContentEng ul li { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.lessonContentEng ul li p br { display:none; }
.lessonContentEng ul li h3 { font-size:23px; }

.lessonContentMiddle { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 20px; display:block; }
.lessonContentMiddle > div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.lessonContentMiddle > div:first-child { margin:0; height:200px; }
.lessonContentMiddle > div:last-child { padding:20px; }

.lessonContentHigh { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 20px; display:block; }
.lessonContentHigh > div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.lessonContentHigh > div:first-child { margin:0; height:200px; }
.lessonContentHigh > div:last-child { padding:20px; }

.singleContent { padding:20px 10px 20px 10px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.contact { display:block; }
.contactWrap > div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.contact tbody { display:block; width:auto; }
.contact tr { display:block; width:auto; }
.contact th { display:block; width:auto; }
.contact td { display:block; width:auto; }
#wa .contact td input.mRange { width:15em; }
#wa .contact td input.lRange { width:20em; }

.topHeader { display:none; }
.information h2 { background:#fff; margin:0; padding:40px 0 0; }
.information div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:30px 10px 30px 10px; }
.informationList { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; display:block; }
.informationList a { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 30px; }
.informationList a dl dt { width:100%; }
.informationList a dl dt img { max-width:initial; width:100%; }
.pickUpList { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; display:block; }
.pickUpList li { width:100%; border-width:0 0 1px; }
.pickUpList li a { padding:220px 0 0; }

.logo img { width:30px; margin:-2px 5px 0 0; vertical-align:bottom; }
.topVisual { min-height:400px; height:auto; padding:60px 0 0; }
.visualContent { min-height:400px; height:auto; }
.visualLogo { display:none; }
.visualContact { display:none; }
.visualContent section { padding:30px 0 0; position:relative; }
.visualContent section h3 { margin:0; font-size:18px; }
.visualContent section span { font-size:12px; letter-spacing:1px; padding:20px 10px; }
.visualContent section span br { display:none; }
.visualContent section div { padding:10px; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.visualContent section div h4 { font-size:13px; }
.visualContent section div p a { display:block; margin:0 0 10px; font-size:15px; }

.footContact h3 { font-size:16px; margin:0 0 15px; }
.contactTel span { font-size:35px; font-weight:bold; padding:0 0 0 40px; }
.contactTel time { font-size:10px; }
.contactTel span:before { font-size:32px; }
.contactMail a { padding:22px 70px 20px 70px; }

.bannerArea { width:100%; margin:20px 0 0; text-align:center; }
.bannerArea p { display:block; line-height:1; margin:0 0 20px; text-align:center; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.bannerArea p a { display:inline-block; }
.bannerArea p:last-child { margin:0 0 20px; }