@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Vollkorn);

/*--------------------------------------------------
RESET CSS 
---------------------------------------------------*/
html, body, header, hgroup, nav, section, menu, article, aside, footer,
div, dl, dt, dd, p, ol, ul, li, iframe, img, figure, figcaption, audio, video, canvas, details, time, mark,
table, thead, tbody, tfoot, tr, th, td, caption, fieldset, form, label, legend, summary, 
em, span, object, blockquote, pre, abbr, address, cite, code, del, dfn, ins, kbd, q, samp, strong, sub, sup, var, b, i
{ margin:0; padding:0; border:0; outline:0; background:transparent;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
line-height:1.7; color:#2d2d2d; letter-spacing:0; font-size:16px; font-weight:300; }
header, hgroup, nav, section, menu, article, aside, footer, figure, figcaption, details, form { display:block; }

* { -webkit-appearance: none; }

html { width:100%; height:100%; }
body { width:100%; height:100%; position:relative; -webkit-text-size-adjust:100%; min-width:1100px; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ul { list-style:none; padding:0; margin:0; }
li { list-style:none; padding:0; margin:0; }
img { vertical-align:bottom; }
em { font-style:normal; }
input,button { font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight:300; }

h1, h2, h3, h4, h5, h6 { line-height:1.5; margin:0; padding:0; border:0; outline:0; background:transparent; font-size:16px; font-weight:normal;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight:300; }
small { display:block; color:#666; text-align:center; padding:24px 0; font-family: 'Vollkorn', serif; font-style:normal; border:solid #ddd; border-width:1px 0 0; }

a { color:#1F8BDC; line-height:1.5; outline:0; text-decoration:none; transition: all 0.1s ease 0s; }
a:hover { color:#1E52A4; text-decoration: none; }
span { transition: all 0.1s ease 0s; }

.spMenu { display:none; }

/*--------------------------------------------------
CONTENT
---------------------------------------------------*/
.topVisual { height:100%; width:100%; min-height:800px; box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; }
.visualContent { height:100%; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; display:flex; display:-webkit-flex; min-height:800px; }
.visualContent section { width:50%; }
.visualContent section:nth-child(1) { background:transparent url(../img/topbg1.jpg) center top no-repeat; background-size:cover; }
.visualContent section:nth-child(2) { background:transparent url(../img/topbg2.jpg) center top no-repeat; background-size:cover; }
.visualContent section h3 { text-shadow:0px 0px 3px #666; margin:220px 0 35px 0; font-size:40px; color:#fff; letter-spacing:-1px; font-weight:bold; text-align:center; line-height:1.3; }
.visualContent section span { font-size:16px; color:#fff; font-weight:bold; display:block; text-align:center; padding:15px 0 0; line-height:1.4; }
.visualContent section div { padding:18px 0 22px 0; }
.visualContent section:nth-child(1) div { background:rgba(255,255,255,0.8); }
.visualContent section:nth-child(2) div { background:rgba(2,100,44,0.8); }
.visualContent section:nth-child(1) div h4 { color:#166B72; }
.visualContent section div h4 { color:#fff; text-align:center; font-size:18px; font-weight:bold; margin:0 0 15px; }
.visualContent section div p { text-align:center; }
.visualContent section div p a { -moz-border-radius:0.3em; -khtml-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; border:solid #145F65; border-width:0 0 1px; display:inline-block; padding:12px 15px; line-height:1; color:#fff; background:#166B72; margin:0 23px 0 0; font-size:20px; font-weight:bold; }
.visualContent section:nth-child(2) div p a { background:#fff; color:#02642C; border-color:#02642C; }

.visualLogo { text-shadow:0px 0px 3px #7d7d7d; position:absolute; left:0; top:65px; font-size:72px; font-family: 'Vollkorn', serif; font-weight:normal; color:#fff; line-height:1; text-align:center; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; letter-spacing:1px; }
.visualLogo span { text-shadow:0px 0px 3px #7d7d7d; padding:5px 0 0; font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; color:#fff; display:block; line-height:1; text-align:center; }
.visualLogo img { width:63px; margin:-3px 10px 0 0; vertical-align:top; }
.visualContact { text-shadow:0px 0px 3px #7d7d7d; position:absolute; right:20px; top:20px; color:#fff; font-size:13px; font-weight:bold; text-align:right; line-height:1; }
.visualContact span { text-shadow:0px 0px 3px #7d7d7d; display:block; color:#fff; font-size:30px; font-weight:400; letter-spacing:-1px; line-height:1; padding:7px 0 0; }

header { box-sizing:border-box; -webkit-box-sizing:border-box; position:fixed; width:100%; background:#fff; z-index:9999; }
header:after { content:""; display:block; clear:both; }
header h1 { font-size:28px; width:300px; float:left; font-family: 'Vollkorn', serif; font-weight:normal; font-style:normal; padding:13px 0 0 20px; }
header h1 a { color:#000; }
header h1 a img { width:36px; margin:0 10px 0 0; vertical-align:text-top; }
header h1 a:hover { color:#5E9D9C; }
header nav { float:right; }
header nav ul { display:flex; display:-webkit-flex; }
header nav ul li a { font-size:16px; color:#222; font-weight:bold; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; padding:20px; }
header nav ul li:last-child { margin:0; }
header nav ul li a:hover { color:#fff; background:#5E9D9C; }

.pageTitle { background:transparent url(../img/titlebg_sc.jpg) left center no-repeat; background-size:cover; padding:354px 0 0; margin:0 0 100px; }
.pageTitle div { width:1100px; margin:0 auto 0 auto; position:relative; }
.pageTitle div h2 { background:#fff; display:inline-block; padding:20px 32px; position:absolute; left:0; bottom:-30px; }
.pageTitle div h2 span { display:block; margin:0 0 15px; font-size:14px; font-weight:bold; line-height:1; }
.pageTitle div h2 strong { text-transform:uppercase; font-size:32px;  font-family: 'Vollkorn', serif; font-style:normal; letter-spacing:-1px; line-height:1; display:inline-block; position:relative; }
.pageTitle div h2 strong:after { content:""; display:inline-block; width:20px; height:3px; background:#000000; position:absolute; left:0; bottom:-15px; }

.scContent { width:1100px; margin:0 auto 200px auto; }
.scContent h3 { font-size:28px; text-align:center; font-weight:bold; margin:0 0 25px; letter-spacing:-1px; }
.scContent p { margin:0 0 25px; text-align:center; }
.scContent h4 { position:relative; text-align:center; margin:0 0 15px; }
.scContent h4:after { content:""; display:block; height:1px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; position:absolute; left:0; top:50%; background:#146B72; z-index:-1; }
.scContent h4 span { color:#146B72; display:inline-block; background:#fff; padding:10px 20px; font-weight:bold; font-size:18px; }
.scContentInnner { text-align:center; /*display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box;*/ }
/*.scContentInnner > div:first-child { width:49%; margin:0 2% 0 0; }
.scContentInnner > div:last-child { width:49%; }*/
.scContent .scContentInnner p { margin:0 0 40px; }
.scContentInnner p a { -moz-border-radius:0.3em; -khtml-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; border:solid #145F65; border-width:0 0 1px; display:inline-block; padding:12px 15px; line-height:1; color:#fff; background:#166B72; margin:0 23px 0 0; font-size:20px; font-weight:bold; }
.scContentInnner p a:last-child { margin:0; }

#wa .scC span { color:#02642C; }
#wa .scC:after { background:#02642C; }
#wa .scC a { background:#02642C; border-color:#034E28; }
.scPoint { background:#F0F7F7; position:relative; }
.scPoint > div { background:#F0F7F7; padding:130px 0 100px 0; display:flex; display:-webkit-flex; }
.scPoint > div dl { background:#fff; width:25%; min-width:274px; padding:40px 0; }
.scPoint h2 { position:absolute; left:0; top:-80px; margin:0 0 0 10%; width:90%; background:#5E9D9C; color:#fff; font-family: 'Vollkorn', serif; font-style:normal; font-size:34px; text-align:center; line-height:1; padding:50px 145px 50px 0;box-sizing:border-box; -webkit-box-sizing:border-box;  }
.scPoint h2 span { display:block; color:#fff; padding:8px 0 0; text-align:center; line-height:1; font-size:15px; }
.scPoint dt { color:#5E9D9A; font-weight:bold; text-align:center; font-size:20px; line-height:1.3; margin:0 0 15px; padding:170px 0 0; }
.scPoint dd { font-size:14px; text-align:center; }
.scPoint >div dl:nth-child(1) dt { background:transparent url(../img/scicon1.jpg) center top no-repeat; background-size:143px; }
.scPoint >div dl:nth-child(2) dt { background:transparent url(../img/scicon2.jpg) center 13px no-repeat; background-size:119px; }
.scPoint >div dl:nth-child(3) dt { background:transparent url(../img/scicon3.jpg) center 13px no-repeat; background-size:130px; }
.scPoint >div dl:nth-child(4) dt { background:transparent url(../img/scicon4.jpg) center 20px no-repeat; background-size:112px; }

.scStudent { background:transparent url(../img/scbg2.jpg) left top no-repeat; background-size:cover; padding:200px 0 0; position:relative; margin:0 0 80px; }
.scStudent h2 { position:absolute; left:50%; bottom:-60px; margin:0 0 0 -181px; display:inline-block; padding:25px 80px; background:#fff; font-family: 'Vollkorn', serif; font-weight:normal; font-style:normal; font-size:34px; line-height:1; text-align:center; }
.scStudent h2 span { display:block; font-size:14px; }

.scStudentContent { width:500px; margin:0 auto 80px auto; display:flex; display:-webkit-flex; }
.scStudentContent ul { width:48%; margin:0 2% 0 0; }
.scStudentContent ul li { position:relative; padding:0 0 0 15px; }
.scStudentContent ul:last-child { margin:0; }
.scStudentContent ul li:first-child { margin:0 0 17px; }
.scStudentContent ul li:first-child span { border:solid #5E9D9C; border-width:1px; padding:5px 15px; line-height:1; font-weight:bold; font-size:19px; color:#5E9D9C; display:inline-block; }
.scStudentContent ul li:before { position:absolute; left:0; top:0; bottom:0; margin:auto; content:""; display:inline-block; width:5px; height:5px; background:#5E9D9C; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.scStudentContent ul li:first-child:before { display:none; }

.commonTitle { font-size:36px; font-family: 'Vollkorn', serif; font-style:normal; text-align:center; margin:0 0 60px; line-height:1; }
.commonTitle span { font-size:15px; display:block; padding:1px 0 0; }

.wsTitle { font-size:36px; text-align:center; margin:0 0 60px; line-height:1; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight:bold; }
.wsTitle span { font-size:15px; display:block; padding:6px 0 0; font-family: 'Vollkorn', serif; font-style:normal; }
.wsTitle em { font-size:15px; font-weight:bold; }

.aboutContent { display:flex; display:-webkit-flex; width:1100px; margin:0 auto 100px auto; }
.aboutContent table { border-spacing:0; border-collapse:separate; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.aboutContent table th { font-size:95%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:12px 13px; color:#000; font-weight:bold; text-align:left; width:20%; vertical-align:top; }
.aboutContent td { font-size:95%; color:#000; box-sizing:border-box; -webkit-box-sizing:border-box; padding:12px 13px; vertical-align:top; }
.aboutContent > div { width:48%; }
.aboutContent > div:first-child { margin:0 4% 0 0; }

.basicTable { border-spacing:0; border-collapse:separate; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border:solid #bbb; border-width:1px 0 0 1px; margin:0 0 20px; }
.basicTable th { background:#eee; font-size:95%; border:solid #bbb; border-width:0 1px 1px 0; box-sizing:border-box; -webkit-box-sizing:border-box; padding:8px 13px; color:#000; font-weight:bold; text-align:left; width:25%; }
.basicTable td { font-size:95%; border:solid #bbb; color:#000; border-width:0 1px 1px 0; box-sizing:border-box; -webkit-box-sizing:border-box; padding:8px 13px; }
.basicTable ul li { font-size:90%; }
.basicTable td table { border-width:0; width:100%; }
.basicTable td table td { border-width:0; padding:0; }
.basicTable td table th { border-width:0; background:none; font-weight:normal; padding:0; width:25%; }

.gmap { padding:0; }
.gmap > div { width: 100%; overflow: hidden;height:450px;border:1px solid #ddd; border-width:1px; }
.gmapInner { border:0; margin-top: -225px; }

.footContact { background:#5E9D9C; padding:40px 0; }
.footContact h3 { color:#fff; text-align:center; margin:0 0 25px; font-size:20px; font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight:bold; }
.footContact div { width:740px; margin:0 auto 0 auto; display:flex; display:-webkit-flex; }
.footContact div > p { width:50%; }
.contactTel span { color:#fff; font-weight:500; font-size:46px; letter-spacing:-1px; line-height:1; display:inline-block; position:relative; padding:0 0 0 50px; }
.contactTel span:before { font-family: 'icomoon'; content: "\e942"; display:inline-block; position:absolute; left:0; top:2px; font-weight:normal; font-size:42px; }
.contactTel time { display:block; color:#fff; font-size:13px; padding:2px 0 0 4px; }

.contactMail a { display:inline-block; background:#274342; padding:22px 70px; text-align:center; line-height:1; }
.contactMail a span { padding:0 21px 0 35px; color:#fff; font-family: 'Vollkorn', serif; font-style:normal; font-size:25px; line-height:1; position:relative; background:transparent url(../img/mailicon.jpg) left 7px no-repeat; background-size:26px; }
.contactMail a span:after { right:0; top:9px; transition: all 0.1s ease 0s; position: absolute; content: ""; vertical-align: middle; width:10px; height:10px; border-top:3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#wa .fB { font-family: 'Vollkorn', serif; font-style:normal; font-size:17px; }
#wa .tW { font-family: 'Vollkorn', serif; font-style:normal; font-size:17px; }

.footLink { padding:50px 0; width:1100px; margin:0 auto 0 auto; display:flex; display:-webkit-flex; }
.footLink h5 { font-family: 'Vollkorn', serif; font-style:normal; font-size:30px; line-height:1; width:350px; }
.footLink span { font-size:12px; display:block; color:#444; padding:2px 0 0; margin:0 0 14px; }
.footLink div { width:700px; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.footLink div ul { width:32%; margin:0 1% 0 0; }
.footLink div ul:last-child { margin:0; }
.footLink div ul li { margin:0 0 3px; }
.footLink div ul li a { color:#000; font-size:14px; }
.footLink div ul li a:hover { text-decoration:underline; color:#5E9D9C; }

.bannerArea { width:100%; margin:30px 0 0; }
.bannerArea a { display:inline-block; }
.bannerArea a:last-child { margin:0; }
.bannerArea p { display:inline-block; width:200px; line-height:1; margin:0 20px 0 0; }
.bannerArea p:last-child { margin:0; }

.information { background:#f5f5f5 url(../img/topbg3.jpg) left top no-repeat; padding:70px 0; margin:0 0 70px; }
.information h2 { font-family: 'Vollkorn', serif; font-style:normal; font-size:36px; line-height:1; text-align:center; margin:0 0 40px; }
.information div { background:#fff; padding:30px; width:1100px; margin:0 auto 0 auto; }

.informationList { display:flex; display:-webkit-flex; margin:0 0 35px; }
.informationList a { display:block; width:250px; margin:0 33px 0 0; }
.informationList a:last-child { margin:0; }
.informationList a dl dt { overflow:hidden; margin:0 0 7px; position:relative; width:250px; height:150px; }
.informationList a dl dt time { z-index:1; font-family: 'Vollkorn', serif; font-style:normal; font-weight:100; display:inline-block; padding:5px 15px; font-size:16px; background:#5E9D9C; color:#fff; line-height:1; position:absolute; right:0; top:0; letter-spacing:-1px; }
.informationList a dl dd { font-size:14px; transition: all 0.1s ease 0s; }

.informationList a dl dt img { transition: all 0.7s ease 0s; max-width:100%; }
.informationList a:hover dl dt img{ -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
.informationList a:hover dd { color:#5E9D9C; }

.more { text-align:center; }
.more a { color:#000; border:solid #AAAAAA; border-width:1px; padding:7px 40px; display:inline-block; line-height:1; font-family: 'Vollkorn', serif; font-style:italic; font-weight:100; }
.more a:hover { color:#5E9D9C; border-color:#5E9D9C; }

.topHeader { width:1100px; margin:0 auto 0 auto; }
.topHeader nav ul { display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; }
.topHeader nav ul li { width:16%; }
.topHeader nav ul li:nth-child(2) { width:14%; }
.topHeader nav ul li:nth-child(3) { width:14%; }
.topHeader nav ul li:nth-child(4) { width:14%; }
.topHeader nav ul li:nth-child(6) { width:26%; }
.topHeader nav ul li a { transition: all 0.2s ease 0s; display:block; padding:25px 0; text-align:center; color:#000; font-weight:bold; }
.topHeader nav ul li a:hover { color:#5E9D9C; }

.pickUpList { display:flex; display:-webkit-flex;  margin:0 0 100px; }
.pickUpList li { width:33.3333%; border:solid #fff; border-width:0 1px 0 0; }
.pickUpList li:last-child { border-width:0; }
.pickUpList li a { display:block; position:relative; padding:360px 0 0; }
.pickUpList li a h4 span { transition: all 0.1s ease 0s; font-size:16px; color:#313131; font-style:normal; display:block; line-height:1; font-weight:bold; letter-spacing:-1px;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.pickUpList li a h4 { transition: all 0.1s ease 0s; font-family: 'Vollkorn', serif; font-style:normal; font-size:30px; transition: all 0.2s ease 0s; position:absolute; left:0; bottom:0; color:#000; padding:35px 25px 25px 25px; line-height:130%; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; background: -moz-linear-gradient(top, rgba(59,72,82,0) 0%, rgba(59,72,82,0.01) 1%, rgba(59,72,82,1) 100%);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.62) 46%, rgba(255,255,255,0.86) 80%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.62) 46%,rgba(255,255,255,0.86) 80%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.62) 46%,rgba(255,255,255,0.86) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#9effffff',GradientType=0 );
}
.pickUpList li a:hover h4 {
color:#5E9D9C;
}
.pickUpList li a:hover h4 span{
color:#5E9D9C;
}

.pickUpList li h4 p span { display:block; font-size:10px; color:#fff; font-weight:normal; }
.pickUpList li:nth-child(1) a { background:transparent url(../img/toplink1.jpg) center center no-repeat; background-size:cover; }
.pickUpList li:nth-child(2) a { background:transparent url(../img/toplink2.jpg) center center no-repeat; background-size:cover; }
.pickUpList li:nth-child(3) a { background:transparent url(../img/toplink3.jpg) center center no-repeat; background-size:cover; }

.gradeBg { padding:80px 0 0 0; background:#f0f5f9; }
.lessonContentGrade { display:flex; display:-webkit-flex; width:1100px; margin:0 auto 90px auto; }
.lessonContentGrade > div { width:48%; }
.lessonContentGrade > div:first-child { margin:0 4% 0 0; background:transparent url(../img/gr_bg.jpg) right top no-repeat; background-size:cover; }
.lessonContentGrade > div:first-child span { display:none; }
.lessonContentGrade ul li { margin:0 0 36px; padding:0 0 0 100px; }
.lessonContentGrade ul li:nth-child(1) { background:transparent url(../img/eng_icon.png) 0 0 no-repeat; background-size:80px; }
.lessonContentGrade ul li:nth-child(2) { background:transparent url(../img/gm_icon.png) left top no-repeat; background-size:80px; }
.lessonContentGrade ul li:nth-child(3) { background:transparent url(../img/k_icon.png) left top no-repeat; background-size:80px; }
.lessonContentGrade ul li:nth-child(4) { background:transparent url(../img/c_icon.png) left top no-repeat; background-size:80px; }
.lessonContentGrade ul li:last-child { background:transparent url(../img/h_icon.png) 7px 0 no-repeat; background-size:65px; margin:0; }
.lessonContentGrade ul li h3 { font-weight:bold; font-size:20px; color:#324C5E; margin:0 0 5px; }
.lessonContentGrade ul li h3 span { display:inline-block; margin:0 0 0 10px; }
.lessonContentGrade ul li p { font-size:14px; }

.lessonContentEng { padding:80px 0 80px 0; background:transparent url(../img/rodon_bg.jpg) center center no-repeat; background-size:cover; }
.lessonContentEng .wsTitle { color:#fff; }
.lessonContentEng .wsTitle span { color:#fff; }
.lessonContentEng ul { width:1100px; margin:0 auto 0 auto; display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; }
.lessonContentEng ul li { width:48%; background:rgba(2,100,44,0.8); padding:30px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.lessonContentEng ul li:first-child { margin:0 2% 0 0; }
.lessonContentEng ul li h3 { color:#fff; font-weight:bold; font-size:25px; margin:0 0 10px; text-align:center; padding:140px 0 0; }
.lessonContentEng ul li:first-child h3 { background:transparent url(../img/e_icon.png) center 20px no-repeat; background-size:150px; }
.lessonContentEng ul li:first-child h3 em { font-size:16px; color:#fff; display:block; }
.lessonContentEng ul li:last-child h3 { background:transparent url(../img/e2_icon.png) center top no-repeat; background-size:150px; }
.lessonContentEng ul li h3 span { color:#fff; display:inline-block; margin:0 0 0 5px; }
.lessonContentEng ul li p { color:#fff; text-align:center; }

.middleBg { padding:80px 0 0 0; background:#f8f9f0; }
.lessonContentMiddle { display:flex; display:-webkit-flex; width:1100px; margin:0 auto 90px auto; }
.lessonContentMiddle > div { width:48%; }
.lessonContentMiddle > div:first-child { margin:0 4% 0 0; background:transparent url(../img/jc_bg.jpg) left top no-repeat; background-size:cover; }
.lessonContentMiddle > div:first-child span { display:none; }
.lessonContentMiddle ul li { margin:0 0 36px; padding:0 0 0 100px; }
.lessonContentMiddle ul li:nth-child(1) { background:transparent url(../img/eng_icon.png) 0 0 no-repeat; background-size:80px; }
.lessonContentMiddle ul li:nth-child(2) { background:transparent url(../img/gm_icon.png) left top no-repeat; background-size:80px; }
.lessonContentMiddle ul li:nth-child(3) { background:transparent url(../img/k_icon.png) left top no-repeat; background-size:80px; }
.lessonContentMiddle ul li:nth-child(4) { background:transparent url(../img/c_icon.png) left top no-repeat; background-size:80px; }
.lessonContentMiddle ul li:last-child { background:transparent url(../img/h_icon.png) 7px 0 no-repeat; background-size:65px; margin:0; }
.lessonContentMiddle ul li h3 { font-weight:bold; font-size:20px; color:#324C5E; margin:0 0 5px; }
.lessonContentMiddle ul li h3 span { display:inline-block; margin:0 0 0 10px; }
.lessonContentMiddle ul li p { font-size:14px; }

#wa .yozemiTitle { font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; }

.highBg { padding:80px 0 0 0; background:#f9f0f0; }
.lessonContentHigh { display:flex; display:-webkit-flex; width:1100px; margin:0 auto 90px auto; }
.lessonContentHigh > div { width:48%; }
.lessonContentHigh > div:first-child { margin:0 4% 0 0; background:transparent url(../img/jk_bg.jpg) left top no-repeat; background-size:cover; }
.lessonContentHigh > div:first-child span { display:none; }
.lessonContentHigh ul li { margin:0 0 36px; padding:0 0 0 100px; }
.lessonContentHigh ul li:nth-child(1) { background:transparent url(../img/eng_icon.png) left top no-repeat; background-size:80px; }
.lessonContentHigh ul li:nth-child(2) { background:transparent url(../img/gm_icon.png) left top no-repeat; background-size:80px; min-height:80px; }
.lessonContentHigh ul li:nth-child(3) { background:transparent url(../img/k_icon.png) left top no-repeat; background-size:80px; }
.lessonContentHigh ul li:nth-child(4) { background:transparent url(../img/c_icon.png) left top no-repeat; background-size:80px; min-height:80px; }
.lessonContentHigh ul li:nth-child(5) { background:transparent url(../img/h_icon.png) 5px 0 no-repeat; background-size:65px; min-height:80px; }
.lessonContentHigh ul li:nth-child(6) { background:transparent url(../img/s_icon.png) -2px 0 no-repeat; background-size:80px; }
.lessonContentHigh ul li:last-child { margin:0; }
.lessonContentHigh ul li h3 { font-weight:bold; font-size:20px; color:#324C5E; margin:0 0 5px; }
.lessonContentHigh ul li h3 span { display:inline-block; margin:0 0 0 10px; }
.lessonContentHigh ul li p { font-size:14px; }

.yozemi { background:transparent url(../img/yozemi.jpg) center top no-repeat; background-size:cover; height:400px; }
.yozemi span { display:none; }

.singleContent { width:1100px; margin:0 auto 80px auto; }

#wa .nb { font-weight:normal; font-size:15px; display:block; margin:0 0 25px; }

.singleBase { margin:30px 0 0; }
#wa .singleTitle { font-size:26px; background:#5E9D9C; color:#fff; padding:12px 15px; line-height:1; }


/*--------------------------------------------------
CONTACT
---------------------------------------------------*/
.contact { width:100%;  border-collapse:collapse; border-spacing:0; border:#bbb solid; border-width:1px 0 0 1px; margin:0 0 30px; }
.contact th { font-size:15px; padding:15px 10px; border:#bbb solid; border-width:0 1px 1px 0; background:#F9F8F3; width:220px; text-align:left; font-weight:normal; }
.contact th span { background:transparent url("../img/check.png") 0 2px no-repeat; padding:0 0 0 35px; }

.contact td { padding:13px 10px; border:#bbb solid; border-width:0 1px 1px 0; background:#fff; }
.contact td input { outline:0; border:solid #bbb; border-width:1px; padding:8px 7px; margin:0 5px 0 0; }
.contact td textarea { outline:0; border:solid #bbb; border-width:1px; padding:8px 7px; min-height:170px; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; resize:none; }
.contact td span { margin:0 10px 0 0; font-size:15px; display:inline-block; }
.contact td em { font-style:normal; font-size:13px; color:#666; display:inline-block; margin:0 0 0 5px; }
.required { color:#DA3C14; }
.contact td input[type=text] { width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.contactWrap { padding:60px 0; background:#F5F5ED; }
.contactWrap > div { width:1100px; margin:0 auto 0 auto; }

.formList li { margin:0 0 10px; }
.formList li:last-child { margin:0; }

#wa .contact td input.ssRange { width:5em; }
#wa .contact td input.sRange { width:10em; }
#wa .contact td input.mRange { width:20em; }
#wa .contact td input.lRange { width:30em; }

.custom-select { outline:0; overflow: hidden;display: inline-block;*display: inline;*zoom: 1;position: relative;border: solid #ccc;border-width: 1px;vertical-align: middle;}
.custom-select > select { outline:0; width: 100%;padding: 10px 50px 10px 10px;height: 38px;font-size: 15px;-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;-ms-appearance: none;appearance: none;border-radius: 0;border: 0;margin: 0;background: #fff;vertical-align: middle;color: #333;-webkit-box-sizing: border-box;box-sizing: border-box;}
.custom-select:after { outline:0; position: absolute;top: 0;right: 0;bottom: 0;display: block;pointer-events: none;border: solid #ccc;border-width: 0 0 0 1px;background: #F9F8F3;content: "\ea50";font-family: 'icomoon';transform: rotateX(180deg);font-size: 18px;padding: 10px 8px;}

.sBtn { font-weight:bold; outline:0; color:#fff; padding:8px 30px; border:solid #093879; border-width:0 0 2px; font-size:16px; display:inline-block; background:#005ad9; cursor:pointer; -moz-border-radius:1.5em; -khtml-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em; transition: all 0.25s ease-in-out 0s; }
.red { background:#E74C3C; border-color:#DD2F1C; }
.red:hover { background:#DD2F1C; }
.gray { background:#ddd; border-color:#ccc; }
.gray:hover { background:#ccc; }

.formConfirm { width:1100px; margin:30px auto 0 auto; }
.formConfirmTitle { font-weight:bold; background:#009294; color:#fff; font-size:19px; padding:12px 15px; margin:0 0 20px; }
.success { font-size:24px; line-height:170%; font-weight:bold; color:#23af88; text-align:center; margin:0 0 20px; }

.formLineBtn { color:#0B86C1; background:#fff; position:relative; display:inline-block; text-decoration:none; padding:4px 15px; text-align:center; border:solid #bbb; border-width:1px 1px 1px 1px; -moz-border-radius:0.2em; -khtml-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em; }
.formLineBtn:hover { border-color:#0B86C1; background:#F5FCFE; color:#0B86C1; }


/*--------------------------------------------------
PROPERTY
---------------------------------------------------*/
#wa .fr { float:right; }
#wa .fl { float:left; }
#wa .tc { text-align:center; }
#wa .tr { text-align:right; }
#wa .tl { text-align:left; }
#wa .fs { font-size:12px; }
#wa .bTop:before { margin:0; top:10px; }
#wa .dib { display:inline-block; }
#wa .display { display:block; }
#wa .clear { clear:both; }
#wa .tcTh th { text-align:center; }


.presidentContent:after { display:block; content:""; clear:both; }
.presidentContent img { margin:0 20px 10px 0; }


.newsWrap > div { padding:30px; background:#fff; border:solid #ddd; border-width:1px; -moz-border-radius:0.4em; -khtml-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em; }
.newsWrap > div p { text-indent:1em; text-align:justify; }
.newsWrap > div p:last-child { margin:0; }
.newsList li { border:solid #eee; border-width:0 0 1px; }
.newsList li a { text-decoration:none; padding:14px 15px; display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; }
.newsList li a:after { top:-1px; transition: all 0.1s ease 0s; position: absolute; right:27px; bottom:0; margin: auto; content: ""; vertical-align: middle; width:8px; height:8px; border-top:1px solid #47413D; border-right: 1px solid #47413D; -webkit-transform: rotate(405deg); transform: rotate(405deg); }
.newsList li a:hover { background:#fafafa; }
.newsList li a:hover:after { border-color:#A283C2; }
.newsList li a time { margin:0 20px 0 0; min-width:67px; display:inline-block; }
.newsList li a span { background:#fafafa; color:#fff; display:inline-block; padding:2px; font-size:12px; text-align:center; letter-spacing:-1px; font-weight:bold; width:120px; }
.newsList li a p:first-child { flex-basis:100px; }
.newsList li a p:last-child { flex-basis:auto; -webkit-flex: 1; flex:1; text-decoration:none; }
.newsList li a span.cate1 { background:#7DD789; }
.newsList li a span.cate2 { background:#1C7EC8; }
.newsList li a span.cate3 { background:#D1C930; }
.newsList li a span.cate4 { background:#9BCC35; }

/*------------------------------------
WIDTH 75% 20%
-------------------------------------*/
#wa .w75 { width:585px; }
#wa .w20 { width:180px; }
#wa .tw2 { width:2% !important; }
#wa .tw5 { width:5% !important; }
#wa .tw8 { width:8% !important; }
#wa .tw10 { width:10% !important; }
#wa .tw12 { width:12% !important; }
#wa .tw13 { width:13% !important; }
#wa .tw15 { width:15% !important; }
#wa .tw18 { width:18% !important; }
#wa .tw20 { width:20% !important; }
#wa .tw30 { width:30% !important; }
#wa .tw40 { width:40% !important; }
#wa .tw45 { width:45% !important; }
#wa .tw50 { width:50% !important; }
#wa .tw55 { width:55% !important; }
#wa .tw60 { width:60% !important; }
#wa .tw70 { width:70% !important; }
#wa .tw80 { width:80% !important; }
#wa .w30 { width:260px; }
#wa .w40 { width:320px; }
#wa .w60 { width:440px; }
#wa .w70 { width:500px; }
#wa .w50 { width:49%; }
#wa .w100 { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
#wa .mr2 div:nth-child(1) { margin:0 2% 0 0; }
#wa .mr70 div:nth-child(1) { margin:0 20px 0 0; }
#wa .ttc th { text-align:center; }
#wa .ttd td { text-align:center; }
#wa .vtops td { vertical-align:top; }
#wa .vTop { vertical-align:middle; margin:0 5px 0 0; }

#wa .m0 { margin:0; }
#wa .ml5 { margin:0 0 0 5px; }
#wa .ml10 { margin:0 0 0 10px; }
#wa .m0c { margin:0 auto 0 auto; }
#wa .mb10 { margin:0 0 10px; }
#wa .mb15 { margin:0 0 15px; }
#wa .mb20 { margin:0 0 20px; }
#wa .mb25 { margin:0 0 25px; }
#wa .mb30 { margin:0 0 30px; }
#wa .mr10 { margin:0 10px 0 0; }
#wa .mr20 { margin:0 20px 0 0; }
#wa .mb40 { margin:0 0 40px; }
#wa .mb1 { margin:0 0 1px; }
#wa .mT5 { margin:5px 0 0; }
#wa .mT10 { margin:10px 0 0; }
#wa .mb50 { margin:0 0 50px; }
#wa .ml10 { margin:0 0 0 10px; }
#wa .ml20 { margin:0 0 0 20px; }
#wa .mlb20 { margin:0 0 20px 20px; }
#wa .pt40b80 { padding:40px 0 80px; }
#wa .of { overflow:hidden; }
#wa .nI { text-indent:0; }
#wa .bold { font-weight:bold; display:inline-block; line-height:1.4; }
#wa .sFont { font-size:80%; }
#wa .lFont { font-size:110%; }
#wa .bnone td { border-width:0; }
#wa .bline { border:solid #ddd; border-width:1px; padding:18px 15px 15px 40px; }
#wa .bline2 { border:solid #ddd; border-width:1px; padding:10px 15px; }
#wa .st { display:inline-block; margin:0 0 10px; }
#wa .p70 { padding:0; }
#wa .bt0 { border-width:0 0 0 1px; }
#wa .error_messe { color:red; margin:0 0 5px; font-weight:bold; font-size:100%; }
#wa .noIndent p { text-indent:0; }
#wa .fw { font-weight:bold; }
#wa .newImg { float:left; max-width:60px; margin:0 10px 0 0; }
#wa .semPoint { font-size:84%; }
#wa .cb { color:#075880; }
#wa .redPoint { color:#ff2413; font-weight:bold; font-size:110%; text-decoration:underline; }

.Dpc { display:block; }
.Dsp { display:none; }