@charset "utf-8";
/* CSS Document */

.uNavBox1{ width: 700px; margin: 0 auto;}
.uNavBox1 li.uNaviN a{ background:#000; color:#fff; border-color:#000; }
td, th{ border: 1px solid #EEE;}

/* コンテンツ */
.underPage .sectionInner h2{ font-size:175%; text-align:center; position:relative; margin:1.5em auto;}
.underPage .sectionInner h2:after{ content:""; display:block; width:60px; margin:0 auto; height:auto; border-bottom:3px solid #333;}
.underPage .sectionInner .contentsBox{ width:700px; margin:0 auto 3em;}
.underPage .sectionInner .contentsBox table{ width:100%; margin:0 auto 2em;}
.underPage .sectionInner .contentsBox table th,
.underPage .sectionInner .contentsBox table td{ border-left:none; border-right:none; padding:0.3em 0.5em; font-weight:500; line-height: 1.5em; font-size: 90%;}
.underPage .sectionInner .contentsBox table tr:first-child th,
.underPage .sectionInner .contentsBox table tr:first-child td{ border-top:none;}
.underPage .sectionInner .contentsBox table th{ width:130px;}
.underPage .sectionInner .contentsBox .tabBox li a{ -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.underPage .sectionInner .contentsBox .tabBox li a:hover{ opacity:0.6;}



/* 会社情報 */
#about{}
#about .mechanismDiagramBox{ margin:0 auto 3em;}
#about .mechanismDiagramBox h3{ font-size:125%; border-bottom:1px solid #ccc; border-left:5px solid #eb1e79; padding:0.3em 0 0.4em 0.5em; margin:0 0 1.5em;}
#about .mechanismDiagramBox #group_map{ text-align:center;}
#about .informationSec{ margin:0 auto 3em;}
#about .informationSec h3{ background-color:#000; color:#fff; padding:0.3em 0 0.2em 0.5em;}
#about .informationSec .sectionInner{ padding:1em;}
#about .informationSec .sectionInner dt{ color:#004875; font-size:100%;}
#about .informationSec .sectionInner dd{ padding:0 0 0 1em; margin:0 0 1.5em;}
/* group_map */
#group_map {display:flex; justify-content:space-between; align-items:flex-start;}
#group_map .group_map_logo_box {width: 140px;height: 140px;border: 1px solid #000;display: flex;justify-content: center;align-items: center;}
#group_map img {}
#group_map .group_map_company_box {margin-left: calc((700px - 140px - 510px) / 2);padding-left: calc((700px - 140px - 510px) / 2);flex: 1;position: relative;}
#group_map .company_list_box {}
#group_map .company_list_box > li:before{content:"";display:block;width:1px;height: calc(100% + 2em);position: absolute;top: 3.5em;left: -26px;background: #000;}
#group_map .company_list_box > li{display: flex;justify-content: space-between;align-items: normal;border: 1px solid #000;margin: 0 0 1em 0;position: relative;}
#group_map .company_list_box > li:last-child{margin:0;}
#group_map .company_list_box > li:first-child:after{content:"";display:block;width: 50px;height: 1px;position: absolute;top: 3.5em;right: calc(100% + 1px);background: #000;}
#group_map .company_list_box > li:nth-last-child(2):before{top: initial; bottom: 3.5em;}
#group_map .company_list_box > li:last-child:before{top: initial;bottom: 3.5em;}
#group_map .company_list_box > li:last-child:after{content:"";display:block;width: 25px;height: 1px;position: absolute;bottom: 3.5em;right: calc(100% + 1px);background: #000;}
#group_map .company_list_box .company_type_box {display: flex;justify-content: center;align-items: center;width: 210px;height: 7em;}
#group_map .company_list_box .company_name_box {align-content: center;flex: 1;padding: 10px;font-size: 13px;}
#group_map .company_list_box .company_name_box a:after {content:"";display: inline-block;width: 12px;height: 12px;background:url(/about/images/ico_popup.png) no-repeat center / cover;margin: 0 0 0 0.3em;}
#group_map .company_list_box .company_type_box h4{text-align:center;font-size: 100%;color: #fff;font-weight: normal;line-height: 1.5;}
#group_map .company_name_box li {line-height: 1.4;}
#group_map .company_name_box li a {color:#006699;}
#group_map .company_name_box li span {}
#group_map .company_name_box li .indent01{text-indent: 0.5em;display: inline-block;}
#group_map .type_Management .company_type_box {background:#98368F;}
#group_map .type_Language .company_type_box {background:#00B2C6;}
#group_map .type_Education .company_type_box {background:#DABA00;}
#group_map .type_Kinder .company_type_box {background:#ff7bac;}
#group_map .type_Study_abroad .company_type_box {background:#F08447; height: 8.1em;}
#group_map .type_New_Business .company_type_box {background:#00B0EC;}
#group_map .type_Life_enrich .company_type_box {background:#19828F;}
#group_map .type_Sports .company_type_box {background:#E9460A; height: 8.1em;}
#group_map .type_Design .company_type_box {background:#A5C705;}
#group_map .type_Workout .company_type_box {background:#AE4BBF;}
#group_map .type_Publishing .company_type_box {background:#4D4D94;}


/* ご挨拶 */
#aisatsu{}
#aisatsu .tabBox{ border-bottom:1px solid #ccc;}
#aisatsu .aisatsuSec{ margin:2em auto; padding:0 0 2em; border-bottom:1px solid #ccc;}
#aisatsu .aisatsuSec h3{ font-size:125%; margin:0 0 0.5em; position:relative;}
#aisatsu .aisatsuSec h3:before{ content:"■"; width:1em; height:1em; display:inline-block; color:#eb1e79; margin:0 0.3em 0 0;}
#aisatsu .aisatsuSec h3 span{ font-size:70%; font-weight:500; color:#666; margin:0 0 0 0.5em;}
#aisatsu .aisatsuSec .top01 {position: relative;}
#aisatsu .aisatsuSec .top01 h3{ font-size:125%; margin:0 0 0.5em;position: absolute;background-color: #fff;left:0px;top: 90px;font-weight:700; padding: 0.7em;line-height: 1.2em;}
#aisatsu .aisatsuSec .top01 h3 span{ font-size:86.7%;margin:0;font-weight:700;color: #231815;}
#aisatsu .aisatsuSec .top01 h3:before{ content: none;}
#aisatsu .aisatsuSec .comment{ width:75%;}
#aisatsu .aisatsuSec .comment p{ font-size:94%; font-weight:500;margin: 2px 0 8px 0;}
#aisatsu .aisatsuSec .comment .comment_ttl{font-weight: bold;font-size: 100%;margin: 0;}
#aisatsu .aisatsuSec .comment1{ width:100%;margin-top: 1.0em;}
#aisatsu .aisatsuSec .comment1 p{ font-size:94%; font-weight:500;margin: 2px 0 8px 0;}
#aisatsu .aisatsuSec .tit01{font-size:145%; font-weight:700;padding-top: 1.0em;color: #018A96;}

#aisatsu .aisatsuSec.lastBox{ border:none;}


/* 沿革 */
#history{}
#history .historyList{ display:block; padding:1em 0;}
#history .historyList:not(:last-child){ border-bottom:1px solid #ddd; margin:0 auto;}
#history .historyList th,
#history .historyList td{ border:none; padding:0;}
#history .historyList th{ width:70px; text-align:left; vertical-align:top; padding-left:0.5em;}
#history .historyList td{ width:630px; line-height:1.4em;}
#history .historyList td .historyItem:not(:last-child){ margin:0 0 1em; padding:0 0 1em; border-bottom:1px dashed #ccc;}
#history .historyList td span{ width:4em;}
#history .historyList td p{ width:calc(100% - 4em); margin:0;}



/* オフィス */
#office{}
#office .tabBox{ border-bottom:1px solid #ccc;}
#office .officeMapBox{ margin:2em auto 1em;}
#office .officeMapBox ul{ text-align:center; margin:3em auto;}
#office .officeMapBox li{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; display:inline-block; margin:0 1em; text-align:center;}
#office .officeMapBox li a{ width:250px; display:block; border:1px solid #ccc; border-radius:5px; padding:0.4em 0 0.5em; font-weight:bold; color:#34b3cc; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
#office .officeMapBox li a:hover{ text-decoration:none; background-color:#34b3cc; color:#fff;}
/* 国内オフィス一覧 */
#office_dom{}
#office_dom .officeList ul.dispFlex li:last-child{ margin:0 15px 1em;}
#office_dom .officeList ul.dispFlex li dt{ color:#E7227E;}
#office_dom .officeList ul.dispFlex li dt .mapBtn a{ background-color:#E7227E;}
#office_dom .officeList ul.dispFlex li dd .officeInfo li:last-child{ margin:0;}
#office_dom  p.tac a{ color:#00AAD2;}
#office_dom  p.tac a:hover{ background-color:#00AAD2; color:#fff;}
#office_dom .itenTxt{ font-size: 87.5%; margin: 2em auto 0; text-align:center;}
/* 海外オフィス一覧 */
#office_int{}
#office_int .officeList ul.dispFlex li:last-child{ margin:0 15px 1em;}
#office_int .officeList ul.dispFlex li dt{ color:#00AAD2;}
#office_int .officeList ul.dispFlex li dt .mapBtn a{ background-color:#00AAD2;}
#office_int .officeList ul.dispFlex li dd .officeInfo li:last-child{ margin:0;}
#office_int p.tac a{ color:#E7227E;}
#office_int p.tac a:hover{ background-color:#E7227E; color:#fff;}
/* オフィス一覧下層共通 */
.officeListPage .tabBox{ margin:0 auto 3em; border-bottom:1px solid #ccc;}
.officeListPage .officeList p.tac{ margin:3em auto; font-size:112.5%;}
.officeListPage .officeList ul.dispFlex li{ width:320px; font-weight:500; margin:0 auto 1em; padding:0 0 1em; border-bottom:1px dashed #ccc;}
.officeListPage .officeList ul.dispFlex li dt{ margin:0 0 0.2em;}
.officeListPage .officeList ul.dispFlex li dt .countryName{ font-size:67.5%; color:#999; margin:0 0 0 0.5em;}
.officeListPage .officeList ul.dispFlex li dt .mapBtn{ float:right;}
.officeListPage .officeList ul.dispFlex li dt .mapBtn a{ border-radius:5px; color:#fff; padding:0.2em 0.5em 0.1em; font-size:75%;}
.officeListPage .officeList ul.dispFlex li dt .mapBtn a:hover{ opacity:0.6;}
.officeListPage .officeList ul.dispFlex li dd .officeInfo li{ width:100%; font-size:75%; margin:0; padding:0; border:none;}
.officeListPage  p.tac a{ width:50%; margin:2em auto; display:block; border:1px solid #ccc; border-radius:5px; padding:0.4em 0 0.5em; font-weight:bold; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.officeListPage  p.tac a:hover{ text-decoration:none;}




/* 事業内容 */
#business{}
#business .sectionInner .contentsBox{ width:900px;}

/* #business .tabBox{ border-bottom:1px solid #ccc; margin:0 auto 2em;} */
#business .catchcopy{ font-size:125%; font-weight:500; text-align:center; line-height:1.8em; margin:0 auto 1.2em;}
#business .catchcopy strong{ font-size:200%; color:#00A0E9;}
#business .catchcopy span{ font-size:75%; color:#999;}
#business .businessCategoryBox{ margin:0 auto 4em;}
#business .businessCategoryBox h3{ font-size:125%; border-bottom:1px solid #ccc; border-left:5px solid #98358f; padding:0.3em 0 0.4em 0.5em; margin:0 0 1.5em;} 

#business .businessCategoryBox .boxInner{ width:860px; margin:0 auto;}
#business .businessCategoryBox ul.dispFlex{ margin:1em auto 0;}
#business .businessCategoryBox ul.dispFlex li{ width:170px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:1em; text-align:center;}
#business .businessCategoryBox ul.dispFlex li:first-child{ border-left:1px solid #ccc;}
#business .businessCategoryBox ul.dispFlex li dt,
#business .businessCategoryBox ul.dispFlex li dd{ text-align:center;}
#business .businessCategoryBox ul.dispFlex li dd.NoS{ margin:0.5em auto; font-weight:500; color:#F09; text-align:right;}
#business #tutoringSchools ul.dispFlex li:nth-child(5){ border-right:1px solid #ccc;}
#business .businessCategoryBox p{ font-weight:500;}
#business .businessCategoryBox p span{ float:right; margin:0 0 0.5em 1em;}
/* #business .businessCategoryBox dl{ margin:1em 0;} */
#business .businessCategoryBox dl dd li{ margin:0 1em 0 0; font-weight:500; position:relative; display: inline-block; width: 11em;}
#business .businessCategoryBox dl dd li:before{ content:"■"; width:1em; height:1em; display:inline-block; color:#ccc; font-size:70%; margin:0 0.5em 0 0; vertical-align:top;}
#business #publishing .longTxt{ width: auto;}

#business .businessCategoryBox h4{ font-size: 110%; }
/* #business .businessCategoryBox span{ float:left; margin:0 1em 0 0;} */
#business #englishSchools h3{ border-left:5px solid #00B2C6; color:#00B2C6; }
#business #englishSchools .boxInner{ margin: 2.2em auto;}
#business #tutoringSchools h3{ border-left:5px solid #DABA00; color:#DABA00; }
#business #tutoringSchools .borderBox{ background: #f6f6f6; padding: 1.3em; margin-top: 1em;}
#business #tutoringSchools .boxInner{ margin: 2.2em auto;}
#business #tutoringSchools #abroad dl{ margin-top: 1em;}
#business #kinder h3{ border-left:5px solid #ff7bac; color:#ff7bac; }
#business #kinder .borderBox{ background: #f6f6f6; padding: 1.3em; margin-top: 1em;}
#business #kinder .boxInner{ margin: 2.2em auto;}
#business #kinder #abroad dl{ margin-top: 1em;}
#business #study_abroad h3{ border-left:5px solid #F08447; color:#F08447; }
#business #study_abroad .borderBox{ background: #f6f6f6; padding: 1.3em; margin-top: 1em;}
#business #study_abroad .boxInner{ margin: 2.2em auto;}
#business #study_abroad #abroad dl{ margin-top: 1em;}
#business #sportsSchools h3{ border-left:5px solid #E9460A; color:#E9460A; }
#business #sportsSchools .boxInner{ margin: 1.5em auto;}
#business #sportsSchools dl dt{ margin-bottom: 1em; }
#business #sportsSchools .boxInner{ margin: 2.2em auto; border-bottom: 1px solid #CCC; padding-bottom: 2.2em;}
#business #sportsSchools .boxInner:last-of-type{ border: none;}
#business #otherBusiness h3{ border-left:5px solid #98358f; color:#98358f; }
#business #otherBusiness .boxInner{ margin: 2.2em auto; border-bottom: 1px solid #CCC; padding-bottom: 2.2em;}
#business #otherBusiness .boxInner:last-of-type{ border: none;}
#business #otherBusiness dl{ margin-top: 0.3em;}
#business #otherBusiness dl 
#business #otherBusiness dl dt{ font-size: 90%;}
#business #workout h3{ border-left:5px solid #AE4BBF; color:#AE4BBF; }
#business #workout .boxInner{ margin: 1.5em auto;}
#business #workout dl dt{ margin-bottom: 1em; }
#business #publishing h3{ border-left:5px solid #4D4D94; color:#4D4D94; }
#business #publishing .boxInner{ margin: 2.2em auto; border-bottom: 1px solid #CCC; padding-bottom: 2.2em;}
#business #publishing .boxInner:last-of-type{ border: none;}
#business #publishing dl{ margin-top: 0.3em;}
#business #publishing dl 
#business #publishing dl dt{ font-size: 90%;}

/* パブリシティ */
#publicity h3{ font-size:125%; position:relative;}
#publicity h3:before{ content:"■"; width:1em; height:1em; display:inline-block; color:#eb1e79; margin:0 0.3em 0 0;}
#publicity #pubBox{ width:800px; margin:0 auto 5em;}
#publicity #pubBox ul{ margin:0 auto 3em;}
#publicity #pubBox li{ border-top:1px solid #ccc; margin:0 auto 1em; padding:1em 0 0;}
#publicity #pubBox li .mDateDd{ -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1;}
#publicity #pubBox li .dDateDd{ -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;}
#publicity #pubBox li dt{ -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; width:720px; margin:0 0 0 10px;}
#publicity #pubBox li .conDd{ -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; width:100%; padding:0.5em 0 0 4.8em;}
#publicity #pubBox li .conDd strong{ font-weight:500; margin:0 0.5em 0 0;}
#publicity #pubBox li .conDd ul{ margin:0;}
#publicity #pubBox li .conDd li{ margin:0; padding:0; border:none;}
#publicity #pubBox li dt,
#publicity #pubBox li dd{ font-weight:500;}
#publicity #pubBox li dt .txtNote{ font-size:87.5%; color:#666;}
#publicity #pubBox li dd strong{ position:relative;}
#publicity #pubBox li dd strong:before{ content:"▶"; width:1em; height:1em; display:inline-block; color:#ccc; font-size:70%; margin:0 0.5em 0 0; vertical-align:top;}
#publicity #pubBox #radio_timetable{ border-collapse:separate; border:1px solid #ccc; border-radius:10px; padding:1em; margin:0.5em 0 2em 4.8em;}
#publicity #pubBox #radio_timetable th{ border-right:1px solid #ccc; border-top:none; border-bottom:none; border-left:none; padding:0 1.5em 0 0;}
#publicity #pubBox #radio_timetable td{ border:none; padding:0 0 0 1em;}
#publicity #pubBox #radio_timetable dt{ width:5em; float:left; margin:0;}
#publicity #pubBox #radio_timetable dd{ float:right;}
#publicity #pubBox #radio_timetable .onair{ float:right;}