@charset "UTF-8";
@font-face { 
font-family:'GOTHIC'; 
src:url('../font/GOTHIC.eot'); /* IE9以上用 */
src:url('../font/GOTHIC.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
	url('../font/GOTHIC.woff') format('woff'), /* モダンブラウザ用 */
	url('../font/GOTHIC.ttf') format('Opentype'); /* iOS, Android用 */
}

*{ margin:0px; padding:0px; border:none; box-sizing:border-box; font-family:"GOTHIC","メイリオ",Meiryo UI, arial, sans-serif; font-size:14px; }
html{ text-align:center; height:100%; color:#000; }
body{ text-a:center; width:100%; }

a{ outline:none; text-decoration:none; font-size:1em; font-family:"GOTHIC","メイリオ",Meiryo UI, arial, sans-serif; }
span{ font-size:1em; font-family:"GOTHIC","メイリオ",Meiryo UI, arial, sans-serif; }
ul{ list-style:none; }
p.clear{ clear:both; }

a img{ -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a img:hover{ opacity:0.7; filter:alpha(opacity=70); }

.waku{ position:relative; width:100%; max-width:1200px; margin:0px auto; z-index:1; }
.waku1200{ position:relative; width:100%; max-width:1200px; margin:0px auto; z-index:1; }

/*メニュー*/
div#menubg{ position:fixed; width:100%; left:0px; top:0px; z-index:100; }
div#menubg .waku{ height:100%; }
div#menubg .waku h1{ position:absolute; color:#000; font-weight:; font-family:"メイリオ"; }
div#menubg .waku ul{ width:100%; height:100%; overflow:hidden; }
div#menubg .waku ul li{ }
div#menubg .waku ul li a{ font-weight:bold; text-shadow:0px 0px 5px #000; font-family:"メイリオ"; -webkit-transition:0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
div#menubg .waku ul li a.act{ display:block; color:#FFF; text-shadow:0px 0px 5px #FFF; }
div#menubg .waku ul li a.non{ display:block; color:#FFF; }
div#menubg .waku ul li a.non:hover{ text-shadow:0px 0px 5px #DDD; }
div#menubg .waku ul li.ho{ float:left; }
div#menubg .waku ul li.ho a{ }
div#menubg .waku ul li.ho a img{ }
div#menubg .waku ul li.lm{ float:left; }
div#menubg .waku ul li.lm a{ display:block; font-family:"メイリオ"; background:no-repeat; }
div#menubg .waku ul li.te{ float:right; margin-right:0px; }
div#menubg .waku ul li.te a{ }
div#menubg .waku ul li.te a img{ }
div#menubg .waku ul li.sm{ float:right; }
div#menubg .waku ul li.sm a div{ display:inline-block; width:28px; cursor:pointer; color:#000; text-align:center; margin-top:4px; }
div#menubg .waku ul li.sm a div p{ margin:0px auto; }
div#menubg .waku ul li.sm a div p.c1{ border-bottom:3px solid #FFF; }
div#menubg .waku ul li.sm a div p.c2{ border-bottom:3px solid #FFF; margin:5px 0px; }
div#menubg .waku ul li.sm a div p.c3{ border-bottom:3px solid #FFF; margin-bottom:5px; }
div#menubg .waku ul li.sm a div p.c4{ font-size:9px; color:#FFF; line-height:9px; font-weight:normal; }
div#menubg .waku ul li.sm a:hover div{ color:#CCC; }
div#menubg .waku a.in{ position:absolute; top:10px; color:#FFF; text-shadow:0px 0px 5px #000; font-family:"メイリオ"; background:url(../img/i-info.png) left center no-repeat;  }
div#menubg .waku a.in:hover{ text-decoration:underline; }
div#menubg .waku a.ra{ position:absolute; top:10px; color:#FFF; text-shadow:0px 0px 5px #000; font-family:"メイリオ"; background:url(../img/i-rates.png) left center no-repeat; }
div#menubg .waku a.ra:hover{ text-decoration:underline; }
div#menubg .waku a.co{ position:absolute; top:10px; color:#FFF; text-shadow:0px 0px 5px #000; font-family:"メイリオ"; background:url(../img/mail-w.png) left center no-repeat;  }
div#menubg .waku a.co:hover{ text-decoration:underline; }
div#menubg .waku a.ac{ position:absolute; top:10px; color:#FFF; text-shadow:0px 0px 5px #000; font-family:"メイリオ"; background:url(../img/access-w.png) left center no-repeat; }
div#menubg .waku a.ac:hover{ text-decoration:underline; }

/* ドロップダウンメニュー */
ul#dmenu{ position:fixed; left:50%; top:5%; width:0px; padding:5% 0px; height:0%; overflow:auto; width:100%; z-index:2000; background:url(../img/b75.png); opacity:0.0; filter:alpha(opacity=000);  }
ul#dmenu li{ width:auto; border-top:1px dotted #CCC; margin:0px 5%; }
ul#dmenu li p{ border-bottom:1px dotted #666; line-height:35px; padding:0px 5%; text-align:left; color:#FFF; }
ul#dmenu li.las{ border-bottom:1px dotted #CCC; }
ul#dmenu li a{ display:block; line-height:40px; padding:0px 5%; text-align:left; }
ul#dmenu a{ font-family:"メイリオ",Meiryo UI, arial, sans-serif; color:#FFF; text-shadow:0px 1px 2px #000; white-space:nowrap; overflow:hidden; font-size:15px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
ul#dmenu a:hover{ text-shadow:0px 0px 7px #FFF; }
ul#dmenu a.ho{ }
ul#dmenu a.te{ font-size:25px; display:block; line-height:40px; margin:25px auto; color:#f9f1bc; }
ul#dmenu a.te:hover{ text-shadow:0px 0px 7px #f9f1bc; }
ul#dmenu a.cl{ font-size:25px; display:block; line-height:40px; font-weight:bold; margin-top:15px; }

ul#dmenu li.sub{ border:none; }
ul#dmenu li.sub a{ border:none; line-height:30px; padding:0px 5px 0px 10%; }

a.sns{ margin:0px 3px; }
a.sns img{ width:50px; }


/*トップスライドショー*/
div#openingbg{ position:relative; width:100%; height:100%; text-align:center; z-index:0; }
ul#view { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px auto; }
ul#view li{ position:absolute; width:100%; height:100%; text-align:center; background:center no-repeat; background-size:cover; overflow:hidden; z-index:1; }
ul#view li .waku{ height:100%; z-index:1; }
ul#view li .waku div.bgbg{ width:100%; height:100%; display:table; }
ul#view li .waku div.bg  { width:100%;  height:100%; display:table-cell; text-align:left; vertical-align:middle; }
ul#view li .waku div.bg img{ }
div#openwaku{ position:relative;  width:100%; max-width:1200px; height:100%; margin:0px auto; border:1px solid #FFF; z-index:1; opacity:0.5; filter:alpha(opacity=50); }

div#thumbBtnbg{ position:absolute; left:0px; width:100%; text-align:center; z-index:500; }
ul#thumbBtn{ margin:0px auto; text-align:center; }
ul#thumbBtn li{ position:relative; background:#AAA; cursor:pointer; overflow:hidden; direction:-moz-inline-box; display:inline-block; z-index:500; }
ul#thumbBtn li:hover{ background:#AAA; }
ul#thumbBtn li.active{ background:#FFF; box-shadow:0px 0px 5px #000; }

div.open{ position:relative; width:100%; }
div.open img{ position:absolute; left:50%; z-index:2; }
div.open a{ position:absolute; width:100%; text-align:center; color:#FFF; font-weight:bold; text-shadow:0px 0px 2px #000; left:0px; z-index:2; }
div.open a:hover{ text-decoration:underline;  text-shadow:0px 0px 3px #FFF; }

div#pagebg{ position:relative; width:100%; text-align:center; background:no-repeat; background-size:cover; z-index:0; }
div#pagebg h1{ color:#FFF; text-shadow:0px 1px 5px #000; white-space:nowrap; overflow:hidden; }
div#pagebg h2{ color:#C33; text-shadow:0px 1px 2px #FFF; white-space:nowrap; overflow:hidden; }

div.pass{ position:relative; width:100%; text-align:center; background:no-repeat; background-size:cover; z-index:0; }
div.pass h1{ color:#FFF; text-shadow:0px 1px 5px #000; white-space:nowrap; overflow:hidden; }
div.pass h2{ color:#C33; text-shadow:0px 1px 2px #FFF; white-space:nowrap; overflow:hidden; }
div.pass .passf{ position:absolute; }

a.msns{ position:absolute; }
a.msns img{ width:50px; }
.msns.s1{ top:116px; right:110px; margin-right:2%; }
.msns.s2{ top:116px; right:55px; margin-right:2%; }
.msns.s3{ top:116px; right:0px; margin-right:2%; }

/*ページルート*/
div#olbg{ width:100%; text-align:center; margin-bottom:50px; }
ol{ list-style:none; height:24px; overflow:hidden; border-bottom:1px solid #ddd; }
ol li{ float:left; height:24px; line-height:24px; color:#000; }
ol li.home{ padding-left:17px; background:url(../img/home.png) left center no-repeat; background-size:12px; }
ol li.back{ float:right; padding-left:15px; background:url(../img/yaji-b.png) left center no-repeat; background-size:12px; }
ol li.yaji{ padding-left:15px; margin-left:5px; background:url(../img/yaji.png) left center no-repeat; background-size:12px; }
ol li a{ line-height:24px; color:#999; font-size:11px; }
ol li a:hover{ color:#333; }

/*新着情報*/
div#infobg1{ position:absolute; left:0px; width:100%; z-index:1501; }
div#infobg1 .waku{ position:relative; }
div#infobg1 .waku ul#info{ position:absolute; bottom:0px; background:url(../img/cap-whats.png) 10px center no-repeat #FFF; border:2px solid #E72D2D; overflow:hidden; z-index:1502; }
div#infobg1 .waku ul#info li{ position:absolute; top:0px; width:100%; height:100%; text-align:left; overflow:hidden; }
div#infobg1 .waku ul#info li a{ display:block; padding:0px 15px 0px 0px; width:100%; height:100%; white-space:nowrap; overflow:hidden; }
div#infobg1 .waku ul#info li a span.dt{ color:#666; padding-right:8px; margin-right:8px; border-right:1px solid #FFF; font-size:1em; }
div#infobg1 .waku ul#info li a span.da{ color:#333; font-weight:bold; font-size:1em; }
div#infobg1 .waku ul#info li:hover a span.da{ text-decoration:underline; color:#000; }
div#infobg1 .waku ul#info li:hover a{ }

/*
div#infobg2{ position:relative; width:100%; border-top:1px dotted #000; }
div#infobg2 ul{ height:100%; overflow:hidden; }
div#infobg2 ul#info2 li{ width:100%; text-align:left; overflow:hidden; border-bottom:1px dotted #000; padding:2.5% 2.5% 2.5% 0px;  }
div#infobg2 ul#info2 li:hover{ opacity:0.7; filter:alpha(opacity=70); }
div#infobg2 ul#info2 li a{ display:block; }
div#infobg2 ul#info2 li div.img{ float:left; width:23%; margin-right:5%; padding-top:23%; background:center no-repeat; background-size:cover; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out; }
div#infobg2 ul#info2 li div.dta{ overflow:hidden; }
div#infobg2 ul#info2 li div.dta p.dt{ color:#76694B; font-size:12px; line-height:18px; }
div#infobg2 ul#info2 li div.dta p.da{ color:#000; font-size:13px; line-height:18px; height:36px; overflow:hidden; text-align:justify; text-justify:inter-ideograph; }
img.infobg2-cap{ margin:25px auto; width:50%; }
*/
ul#info2{ height:100%; }
ul#info2 li{ width:100%; text-align:left; }
ul#info2 li:hover{ opacity:0.9; filter:alpha(opacity=90); }
ul#info2 li a{ display:block; }
ul#info2 li div.img{ background:center no-repeat; background-size:cover; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out; }
ul#info2 li:hover div.img{ box-shadow:0px 1px 10px #555; }
ul#info2 li div.dta{ overflow:hidden; overflow:hidden; }
ul#info2 li div.dta p.dt{ color:#76694B; }
ul#info2 li div.dta p.da{ color:#000; overflow:hidden; text-align:justify; text-justify:inter-ideograph; }
img.infobg2-cap{ margin:25px auto; width:50%; }

div#sec1bg{ background:url(../img/sec1bg.webp) center no-repeat; background-size:cover; }
div#sec11bg{ position:relative; }

a.iview{ display:inline-block; margin:25px auto 0px; color:#FFF; width:200px; border:1px solid #E72D2D; line-height:36px; background:#E72D2D; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out; }
a.iview:hover{ color:#E72D2D; background:#FFF; }

/*キャプション*/
img.cap1{}
h2.cap2{ font-weight:normal; }

/*top ガイダンス*/
.mbg{ position:relative; overflow:hidden; background:center no-repeat; background-size:cover; }
.mbg .b{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../img/b50.png); opacity:0.7; filter:alpha(opacity=70); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.mbg:hover .b{ opacity:0.0; filter:alpha(opacity=000); }
.mbg img{ position:absolute; }
.mbg img.m{ }
.mbg img.v{ }
.mbg.m1{ background-image:url(../img/mbg222.webp); }
.mbg.m2{ background-image:url(../img/mbg4444.webp); }
.mbg.m3{ background-image:url(../img/mbg111.webp); }
.mbg.m4{ background-image:url(../img/mbg4444.webp); }
.mbg.m5{ background-image:url(../img/mbg333.webp); }
.mbg.m6{ background-image:url(../img/giftedbg1.webp); }
.mbg.m7{ background-image:url(../img/mbg99.webp); }

/*コンセプト*/
div.concept1{ background:url(../img/concept22bg.webp) center no-repeat; background-size:cover; }
div.concept2{ background:url(../img/concept11bg.webp) center no-repeat; background-size:cover; }
div.concept3{ position:relative; text-align:left; background:url(../img/w50.png); box-shadow:0px 0px 7px #333; }
div.concept3 img.ri{ position:absolute; }
div.concept3 img.ca{ width:150px; }
div.concept3 img.co{ width:60%; margin:25px auto; }
div.concept3 img.gi{ position:absolute; }

/*トップページコンテンツ左右*/
div.conbg{ position:relative; background:#EFEFEF; }
div.conbg h1{ width:100%; }
div.conbg h2{ width:100%; }
div.conbg1{ }
div.conbg2{ }
div.conbg1 h1{ }
div.conbg1 h2{ }
div.conbg2 h1{ }
div.conbg2 h2{ }
div.conbg  .img0{ position:relative; opacity:0.0; filter: alpha(opacity=000); z-index:0; }
div.conbg1 .img1{ }
div.conbg1 .det{ ba }
div.conbg2 .img1{ }
div.conbg2 .det{ }
div.conbg .img1{ background-size:cover; }
div.conbg .det{ background:#FFF; box-shadow:0px 0px 12px #555; }
div.conbg .det h3{ }
div.conbg .det p{ border-bottom:1px solid #036EB8; }
div.conbg .det div{ text-align:left; }
div.conbg .det a{ color:#FFF; text-shadow:0px 1px 2px #333; background:url(../img/bu50.png); text-align:center; display:inline-block; }
div.conbg .det a:hover{ text-shadow:0px 0px 4px #FFF; }

/**/
div.boxbg1{ position:relative; width:100%; z-index:0; }
div.boxbg1 div{ position:absolute; background:#DCDDDD; right:0px; z-index:0; }
div.boxbg2{ position:relative; width:100%; z-index:0; }
div.boxbg2 div{ position:absolute; background:#DCDDDD; left:0px; z-index:0; }
div.boxbg3{ position:relative; width:100%; z-index:0; }
div.boxbg3 div{ position:absolute; background:#F5F5F5; left:0%; z-index:0; }

/*トップページABOUT*/
div.abobg{ text-align:left; margin:50px auto; z-index:1; }
div.abobg h1{ }
div.abobg h2{ }
div.abobg div.abo{ background:#EEE; min-height:200px; padding:25px 0px; margin:10px auto 0px; }
.abo321{ position:relative; text-align:left; }
.abo321 .img{ width:100%; padding-top:56.25%; background:center no-repeat; background-size:cover; }
.abo321 .img span{ position:absolute; font-weight:bold; text-shadow:0px 1px 2px #FFF; }
.abo321 .det{ text-align: justify; text-justify: inter-ideograph; }
.abo321 .det h3{ }
.abo321 .det p{ margin:15px 0px; width:50px; }
.abo321.c1{ }
.abo321.c2{ }
.abo321.c3{ }

/*dl*/
dl.standard{ width:auto; }
dl.standard dt, dl.standard dd{ padding:3px 0px;  }
dl.standard dt{ float:left; clear:both; border-bottom:1px dotted #FFF; font-weight:bold; font-size:12px; }
dl.standard dd{ border-bottom:1px dotted #bbb; word-break: break-all; font-size:13px; }
dl.standard dd:after { content:" "; display:block; clear:both; height:0px; }
dl.standard a{ color:#000; }
dl.standard a:hover{ color:#E2750F; }

/* Youtube用	 */
div.youtube { position:relative; height:0px; overflow:hidden; }
div.youtube iframe{ position:absolute; top:0px; left:0px; width:100%; height:100%; }

/*アーカイブ*/
div.ibcap{ font-weight:bold; color:#ccc; text-align:left; font-size:1.2em; }
div.ibcap p{ width:20px; height:0px; border-bottom:1px solid #ccc; }

p.yyyy{ clear:both; line-height:20px; font-weight:bold; border-bottom:1px solid #ddd; }
p.yyyy a{ display:block; font-weight:normal; padding:5px; color:#555; }
p.yyyy a:hover{ color:#000; }
p.mmmm{ clear:both; line-height:20px; font-weight:bold; border-bottom:1px solid #ddd; }
p.mmmm a{ display:block; font-weight:normal; padding:5px 10px; color:#555; }
p.mmmm a:hover{ color:#000; }
ul.archives{ width:100%; border-top:1px solid #ddd; }
ul.archives li{ float:left; border-bottom:1px dotted #AAA; cursor:pointer; }
ul.archives li div.img{ float:left; margin:5px 5px 5px 0px; width:25%; padding-top:25%; background:center; background-size:cover; }
ul.archives li div.dta{ overflow:hidden; padding:5px; }
ul.archives li div.dta p.dt{ color:#666; font-size:0.8em; line-height:20px; height:20px; white-space:nowrap; }
ul.archives li div.dta p.da{ font-size:12px; line-height:22px; overflow:hidden; color:#777; }
ul.archives li:hover{ opacity:0.7; filter:alpha(opacity=70); }

/* お知らせ・ブログ */
div.responsive-l{ float:left; text-align:left; padding-bottom:50px; }
div.responsive-r{ float:left; text-align:left; padding-bottom:50px; }

p.ibdt{ color:#333; margin-bottom:25px; line-height:30px; border-top:1px solid #ddd; }
div.ibda{ font-size:1.5em; color:#ddd; font-weight:bold; margin-bottom:30px; }
div.ibda p{ width:20px; height:0px; border-bottom:1px solid #000; margin-top:5px; }
div.ibna{ line-height:25px; text-align:justify; text-justify:inter-ideograph; }
div.ibna a{ color:#ddd; }
div.ibna a:hover{ text-decoration:underline; }
div.ibna div.img{ width:100%; padding-top:56%; background-position:center; background-repeat:no-repeat; background-size:cover; }

p.ibli{ font-size:0.9em; margin-top:25px; }
p.ibli a{ color:#000; }
p.ibli a:hover{ text-decoration:underline; }
p.ibfb{ border-top:1px solid #ddd; padding-top:10px; margin-top:10px; }

/*受講をお考えの方へ*/
div.p-sub{ background:url(../img/attendingbg1.jpg) no-repeat; }
div.p-right{ position:relative; background:#E72D2D; text-align:center; }

img.fimg{ box-shadow:10px 10px 10px #AAA; }
div.fdet{ overflow:hidden; text-align:left; }

img.fimg2{ box-shadow:-10px 10px 10px #AAA; }
img.fimg3{ box-shadow:10px 10px 10px #AAA; }
div.fdet2{ overflow:hidden; text-align:left; }
div.fdet3{ overflow:hidden; text-align:left; }
div.fdet h1{ margin-bottom:10px; }
div.fdet2 h1{ margin-bottom:15px; color:#C66; }
div.fdet3 h1{ margin-bottom:15px; color:#C66; }

ul.fl{ list-style:disc outside; padding-left:20px; font-size:1em; }
ul.fl li{ font-size:1em; }

div.point{}
div.point h1{ margin-bottom:10px; border-bottom:1px dotted #AAA; padding-bottom:10px; }
div.p1{ background:url(../img/point1.png) no-repeat; }
div.p2{ background:url(../img/point2.png) no-repeat; }
div.p3{ background:url(../img/point3.png) no-repeat; }
div.p3 img{ }
div.p3 div{ overflow:hidden; }

/*授業料について*/
ul.ra{ margin:50px 0px; display:table; width:100%; border-left:1px solid #CCC; }
ul.ra li{ display:table-cell; width:50%; border-right:1px solid #CCC; padding:25px 15px; text-align:center; vertical-align:top; }
ul.ra li.c1{ background:#F5F5F5; }
ul.ra li.c2{ background:#EEE;}
ul.ra li.c3{ background:#EEE; }
ul.ra li.c4{ background:#E5E5E5;}
ul.ra li h1{ color:#F33; }
ul.ra li h2{ color:#000; }
ul.ra li h3{ color:#666; font-weight:normal; }

/*PREV_NEXT*/
div#prevback{ text-align:center; width:100%; margin:50px auto 0px; clear:both; border-top:1px solid #ddd; padding-top:25px; }
div#prevback ul{ margin:0px auto; display:inline-block;  }
div#prevback ul li{ float:left; color:#aaa;  }
div#prevback ul li a{ color:#9A8A61; display:inline-block; }
div#prevback ul li:hover a{ color:#837754;}
div#prevback ul li div.ppi{ float:left; background:center no-repeat; background-size:cover; opacity:0.7; filter: alpha(opacity=70); }
div#prevback ul li.prev:hover a div.ppi{ opacity:1.0; filter: alpha(opacity=100); box-shadow:0px 1px 5px #aaa; }
div#prevback ul li div.ppf{ overflow:hidden; padding:0px 10px; font-family:"メイリオ",Meiryo UI, arial, sans-serif; }
div#prevback ul li div.nni{ float:right; background:center no-repeat; background-size:cover; opacity:0.7; filter: alpha(opacity=70); }
div#prevback ul li.next:hover a div.nni{ opacity:1.0; filter: alpha(opacity=100); box-shadow:0px 1px 5px #aaa; }
div#prevback ul li div.nnf{ overflow:hidden; padding:0px 10px; font-family:"メイリオ",Meiryo UI, arial, sans-serif; }

ul.pageview{ clear:both; border-top:1px dotted #666; border-bottom:1px dotted #666; }
ul.pageview li{ float:left; font-size:1em; color:#333; font-family:"メイリオ",Meiryo UI, arial, sans-serif; }
ul.pageview li a{ font-size:1em; display:block; text-align:center; font-family:"メイリオ",Meiryo UI, arial, sans-serif; }
ul.pageview li a.act{ color:#FFF; background-color:#C41823; }
ul.pageview li a.non{ color:#555; background-color:#eee; }
ul.pageview li a.non:hover{ color:#333; background-color:#ddd; }

/*会社案内*/
div.g-sub{ background:no-repeat; }
div.g-right{ position:relative; background:#E72D2D; text-align:center; text-align:justify; text-justify:inter-ideograph; }

div.g-sub-l{ background:no-repeat; }
div.g-left{ position:relative; background:#E72D2D; text-align:center; text-align:justify; text-justify:inter-ideograph; }

div.com{ box-sizing:border-box; }
div.com a{ color:#000; background-position:center right; background-repeat:no-repeat; background-size:contain; padding-right:20px; }
div.com a.li{ background-image:url(../img/ic-link.png); }
div.com a.ma{ background-image:url(../img/ic-mail.png); }
div.com a.ad{ background-image:url(../img/icon-map.png); }
div.com a:hover{ color:#C41823; text-decoration:underline; }
.combg.las{ margin-bottom:0px; }
div.com1{ text-align:left; background:#E72D2D; border-bottom:1px solid #E72D2D; color:#FFF; font-weight:bold; vertical-align:middle; }
div.com1 span{ display:inline-block; padding:0px 5px; margin-left:5px; color:#fff; background:#066; font-weight:normal; font-size:0.7em; }
div.com2{ text-align:left; color:#000; border-right:1px solid #CCC; border-bottom:1px solid #CCC; }
div.com2 img{ }
div.com2 div{ color:#000; }
div.com2 span{ font-size:0.8em; color:#888; }
div.com2 span span{ font-size:1em; }
div.com21{ text-align:justify; text-justify:inter-ideograph; }
p.com{ clear:both; border-bottom:1px dotted #888; }
div.access{ border:3px solid #DCDDDD; }
div.access iframe{ width:100%; height:100%; }

div.ceo-l{ text-align:justify; text-justify:inter-ideograph; }
div.ceo-l img{ box-shadow:-10px 10px 10px #AAA; margin:15px auto 25px; width:100%; }
div.ceo-r{ text-align:justify; text-justify:inter-ideograph; }

/*写真一覧*/
.res32{ float:left; }
.res32 div.imgbg{ position:relative; width:100%; padding-top:56.25%; overflow:hidden; margin:5px 0px; }
.res32 div.imgbg div.img{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:center no-repeat; background-size:cover; z-index:1; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out; z-index:1; }
.res32 div.imgbg p.mai{ position:absolute; right:5px; bottom:5px; display:inline; color:#FFF; background:url(../img/img.png) no-repeat center left; background-size:12px; padding-left:15px; text-shadow:0px 0px 2px #000; z-index:2; }
a:hover .res32 div.imgbg div.img{ top:-2.5%; left:-2.5%; width:105%; height:105%; background:center no-repeat; background-size:cover; margin-bottom:5px; }
a:hover .res32 div.img{ opacity:0.7; filter:alpha(opacity=70); }
.res32 p.dt{ text-align:left; color:#000; }
.res32 p.da{ text-align:left; color:#000; }

/*あいさつ文*/
.c-left{ background:url(../img/ceo.jpg) center no-repeat; background-size:cover; width:25%; box-shadow:-10px 10px 10px #888; }
.c-right{ width:auto; overflow:hidden; text-align:left; }

/*Google*/
div#map{ width:100%; }

/*お問い合わせ*/
img.navi{ max-width:600px; margin:0px auto; width:100%; }
div.c1122bg{ margin-bottom:20px; width:100%; }
div.c1122bg div.c11{ text-align:left; font-size:1em; color:#888; }
div.c1122bg div.c11 span{ font-size:0.7em; color:#900; padding-left:10px; }
div.c1122bg div.c22{ text-align:left; font-size:1em; }
div.c1122bg div.c22 p{ color:#999; margin-top:5px; }
div.c1122bg div.c22 a{ color:#000; }
div.c1122bg div.c22 div.img{ float:left; background:center no-repeat; background-size:cover; }
div.c1122bg div.c22 div.det{ overflow:hidden;  }
div.c1122bg div.c22 div.det p.fac1{ color:#000; line-height:20px; font-weight:bold; }
div.c1122bg div.c22 div.det p.fac2{ color:#000; line-height:16px; }
div.c1122bg div.c22 div.det p.fac3{ color:#000; line-height:16px; }
div.c1122bg div.c22 div.det p.fac4{ color:#000; line-height:16px; }

ul.msg{ text-align:left; margin:50px auto; max-width:700px; list-style:disc; list-style:outside; padding-left:10px; }
ul.msg li{ font-size:1em; }

.btn{ -webkit-appearance:none; cursor:pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.btn.br{ background:#E72D2D; color:#FFF; border:1px solid #E72D2D; }
.btn.br:hover{ background:#FFF; color:#E72D2D; }
.btn.gr{ background:#999; color:#FFF; border:1px solid #999; }
.btn.gr:hover{ background:#FFF; color:#999; }

label.con{ padding:0px 15px 0px 5px; }
input.radio + label.con{}
input.radio:checked + label.con{ color:#3955A5; font-weight:bold; }

.txt{ -webkit-appearance:none; width:100%; padding:5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt:focus{ border:1px solid #000; }
.txt10{ -webkit-appearance:none; max-width:20%; padding:2px 5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt10:focus{ border:1px solid #000; }
.txt20{ -webkit-appearance:none; max-width:150px; width:45%; padding:5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt20:focus{ border:1px solid #000; }
.txt30{ -webkit-appearance:none; max-width:300px; width:100%; padding:5px; background-color:#FFF; border:1px solid #AAA;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt30:focus{ border:1px solid #000; }
.txt100{ -webkit-appearance:none; width:100px; padding:5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt100:focus{ border:1px solid #000; }

p.dmsg{ font-size:0.7em; text-align:center; }
p.dmsg span{ font-weight:bold; }
p.ccap{ font-size:0.7em; text-align:center; margin:15px 0px; }
div#jouken{ border:1px solid #AAA; padding:10px; width:100%; height:180px; overflow:auto; margin:0px auto; line-height:15px; text-align:left; font-size:12px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
div#jouken p.cap1{ font-weight:bold; margin-top:20px; }
div#jouken p.cap11{ font-weight:bold; margin-top:0px; margin-bottom:10px; }
div#jouken p{ font-size:0.9em; color:#555; }
div#jouken p strong{ font-size:1.1em; }
div#jouken a{ font-size:0.9em; color:#555; }
div#jouken a:hover{ color:#999; }
p.kanryo{ font-size:0.8em; line-height:25px; text-align:center; }


/*IELTS対策コース*/
.cammenu{ width:100%; margin-bottom:50px; border-right:1px solid #FFF; max-width:800px; }
.cammenu li{ float:left; width:50%; border-left:1px solid #FFF; font-size:1em; }
.cammenu li a{ display:block; font-weight:bold; font-size:1em; 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.cammenu li a.act{ display:block; background:#699; color:#FFF; text-shadow:0px 0px 4px #000; }
.cammenu li a.non{ background:#CCC; color:#555; }
.cammenu li a.non:hover{ color:#FFF; text-shadow:0px 0px 4px #000; background:#999; box-shadow:0px 0px 7px #555; }

.iebg{ margin-top:25px;}
h1.ie1{ color:#090; margin-bottom:10px; }
/*.pts7{ font-weight:bold; }
.pts7 span{ color:#F00; font-size:1em; }*/

h1.ie2{ color:#063; margin-bottom:25px; }
.iete{ }
.iete img{ float:left; }
.iete div{ overflow:hidden; text-align:left; }
.iete div p{ font-weight:bold; margin-bottom:25px; }
.iete1{ }
.iete2{ }

h1.ie3{ border-left:5px solid #39F; border-bottom:1px solid #CCC; padding:0px 10px; }

h1.ie4{ border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:20px 0px; text-align:left; margin-bottom:25px; }
.ie4{ text-align:left; }
.ie4 h1{ text-align:left; }
.ie4 h2{ margin:0px 0px 15px; }
.ie4 h3{ color:#900; margin:25px 0px 15px; }
.ie4 span{ font-weight:bold; font-size:1.1em; }
.ie4bg{ position:relative; background:url(../img/ielts03.jpg) center; background-size:cover; width:100%; max-width:800px; }
.ie4bg img{ }
.ie4bg img.ie4-1{ }
.ie4bg img.ie4-2{ }
.ie4bg img.ie4-3{ }
.ie4bg img.ie4-4{ }
.ie4{  }

ul.ieul{ display:inline-block; text-align:left; margin:25px auto; }
ul.ieul li{ background:url(../img/chk.png) left 4px no-repeat; background-size:15px; padding-left:25px; font-size:1em; margin-bottom:3px; padding-bottom:3px; border-bottom:1px dotted #888; padding-right:5px; }

h1.ie5{ color:#FFF; padding:10px; background:#0673a5; text-align:left; margin-bottom:30px; }
.ie5bg{ text-align:left; }
.ie5bg span{ font-size:1.5em; font-weight:bold; margin-right:2px; }
.ie5bg strong{ font-size:1.1em; }
.ie5bg div{ text-align:left; width:100%; height:250px; background:center no-repeat; background-size:cover; margin-top:25px; }

/*合格実績*/
table.achie{ width:100%; }
table.achie td{ vertical-align:top; border-bottom:1px dotted #aaa; padding:3px 2px 2px 2px; }
table.achie td.a0{ width:125px; font-weight:bold; }
table.achie td.a1{ width:75px; text-align:left; }
table.achie td.a2{ width:auto; text-align:left; }
table.achie td.a3{ width:75px; text-align:right; }
table.achie td.las{ border-bottom:none; }

/*鬼速LINE指導*/
.flow{ text-align:left; }
.flow img{ }
.flow div.det{ overflow:hidden; padding:5px; }
.flow div.det h2{ margin-bottom:5px; color:#76818c; white-space:nowrap; overflow:hidden; }
.flow div.det h2 span{}
.flow div.det p{ color:#000; background-image:url(../img/flow-y.png); background-repeat:no-repeat; }
.flowbg{ position:relative; margin-bottom:0px; z-index:1; }
.flowbg:hover{ z-index:2; background:#F5F5F5; box-shadow:0px 1px 15px #aaa; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.flowbg:hover .flow img{ }
.flowbg:hover .flow div.det h2{ color:#036; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.flowbg:hover .flow div.det p{ color:#036; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }


/*フッター*/
div.footbg{ background:url(../img/contactbg.webp) no-repeat; }
div.f-left{ position:relative; background:#E72D2D; }
div.f-left p{ color:#FFF; }
div.f-left a{ color:#FFF; }
div.f-left a.ho{ display:inline-block; }
div.f-left a.ho img{ width:100%; }
div.f-left p.na{ font-weight:bold; margin-bottom:15px; }
div.f-left p.ad{}
div.f-left p.ad a{ background:url(../img/access-w.png) right center no-repeat; background-size:14px; padding-right:20px; }
div.f-left p.ad a:hover{ text-decoration:underline; }
div.f-left a.te{ display:inline-block; }
div.f-left a.te img{ width:100%; }
div.f-left a.co{ background:#FFF; color:#000; display:inline-block; background:url(../img/mail-g.png) 20px center no-repeat #FFF; }
div.f-left a.co:hover{ background-coler:#EEE; box-shadow:0px 0px 8px #FFF; }

ul.follow{ }
ul.follow li{ direction:-moz-inline-box; display:inline-block; text-align:left; }
ul.follow li.tw{ width:80px; }
ul.follow li.fb{ width:101px; }

p.copy{ color:#AAA; line-height:50px; }

a#pagetop{ position:fixed; background:url(../img/pagetop.png) center no-repeat;  background-size:contain; width:60px; height:0px; bottom:25px; right:25px; z-index:1501; }

.accordion-container{ margin:25px auto 0px; width:100%; }
.accordion-list:not(:first-child){ margin-top:10px; }
.accordion-title{}
.accordion-title:hover{ opacity:0.7; filter:alpha(opacity=70); }
.accordion-title:before{ position:absolute; content:''; top:50%; right:25px; height:2px; width:15px; background:#333; transform:rotate(90deg); transition:all .3s ease-in-out; }
.accordion-title:after{ position:absolute; content:''; top:50%; right:25px; height:2px; width:15px; background:#333; transition:all .3s ease-in-out; }
.accordion-title.open:before{ transform:rotate(180deg); }
.accordion-title.open:after{ opacity:0; }
.accordion-text{ border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD; display:none; padding:20px 40px; }