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

/*----------------------------------------------------------------------------
 ***                                                          Container共通用
----------------------------------------------------------------------------*/
body {}
#wrap { width:950px; margin:0 auto;}
.pcHidden{ display:none;}
.pcBlock{ display:block;}
.spHidden{ }
.spBlock{ display:none;}


.listParts{ display:none;}
.listAtten{ color:#999;}
.hide{display:none;}
/*----------------------------------------------------------------------------
 ***                                                             Header共通用
----------------------------------------------------------------------------*/
#headerArea { margin-bottom:1.6%; padding-top:1.8%;}
#headerAreaLogo { float:left;}
#headerAreaLink { float:right;}

/*----------------------------------------------------------------------------
 ***                                                       contentsArea共通用
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}

/*----------------------------------------------------------------------------
 ***                                                    　 mainsection共通用
----------------------------------------------------------------------------*/
#mainSection { border:#000 solid 15px; margin:0;}
/* ↓↓2005追記↓↓ */
#mainSectionInner, #mainSectionInnerCon, #mainSectionInnerErr,#confirmSectionInner { margin:3.5%;}
/* ↑↑2005追記↑↑ */
#mainSection h3, #mainSectionInnerCon h3, #mainSectionInnerErr h3{font-size:180%; line-height:1.1em; border-bottom:#D9D9D9 solid 2px; margin-bottom:2%;}
#mainSectionInner #pageTitle{ font-size:180%; line-height:1.2em; background:url(../images/common/icon_list09.png) left 4px no-repeat; padding:0 0 16px 28px; border-bottom:#eee solid 6px;}

#titleImgBox{ height:auto;}
#titleImgBox .titleBoxH2{ background:#29ABE2; width:392px; height:116px;}
#titleImgBox .titleBoxH2 h2{ color:#FFF; font-size:220%; padding:23px 0 0 30px; font-weight:normal; line-height:1.2em}
#titleImgBox .titleTxtBox{background: url(../../common_images/ico_contents02.jpg) 30px 10px no-repeat;background-color:#000;background-size:50px auto;width:392px;height:71px;}
#titleImgBox .titleTxtBox p{ margin:0; color:#989898; font-size:120%; line-height:1.1em; padding:27px 0 0 90px}

/*----------------------------------------------------------------------------
 ***                                                             footer共通用
----------------------------------------------------------------------------*/
#footerArea { padding-top:2%;}
#footerArea p{ margin:0;}
#footerCopyright{ float:left; padding-top:0.5%;}
#footerAreaLogo{ float:right;}

/*----------------------------------------------------------------------------
 ***                                                            section共通用
----------------------------------------------------------------------------*/
section { margin-top:30px;}
.sectionInner { margin:0 20px;}
.sectionInner .sectionInner { margin:0 15px;}

/*----------------------------------------------------------------------------
 ***                                                    メインコンテンツ用
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
 ***                                                    requestフォーム画面用
----------------------------------------------------------------------------*/
.requestPage{}

.requestPage #titleImgBox .titleBoxH2{ background:#29ABE2;}
.requestPage #titleImgBox.nks .titleBoxH2{ background:#40b0c1;}
.requestPage #mainSection .normal{ background-image:url(../images/request/img_contents01.jpg); background-position: right top ;background-repeat: no-repeat; height:187px;}
.requestPage #mainSection .nks{ background-image:url(../images/request/img_contents03.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.requestPage #mainSection .jmh{ background-image:url(../images/request/img_contents03_jmh.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.requestPage #mainSection .kids{ background-image:url(../images/common/kids/img_contents02.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.requestPage #mainSection .kids_eiken{ background-image:url(../images/common/kids/main_eiken.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.requestPage #mainSection .kids_ocha{ background-image:url(../images/common/kids/main_ocha.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.requestPage #mainSection .kids_mtom{ background-image:url(../images/common/kids/main_mtom.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}

.requestPage #reqHeadTxtSec_normal { position:relative; background-image:url(../images/request/back_contents01.png) ;background-position: left top ;background-repeat: no-repeat; height:128px; margin:0;}
.requestPage #reqHeadTxtSec_normal  .sectionInner {padding:18px 0 0 22px;width:630px;margin:0 10px; }
.requestPage #reqHeadTxtSec_normal  .sectionInner h3{ margin:5px 0 2px -10px; border:none; color:#EE1F7A; font-size:140%; line-height:1.22em;}
.requestPage #reqHeadTxtSec_normal  .sectionInner #msgP{width:630px;margin-top:0px;}
.requestPage #reqHeadTxtSec_normal  .sectionInner #usagiP{ position:absolute; right:-20px; top:-51px; margin:0;}
.requestPage #reqHeadTxtSec_kids { position:relative; height:160px; margin:0;}
.requestPage #reqHeadTxtSec_kids .sectionInner {padding:23px 0 23px 0; width:630px}


.requestPage  .actionCom{}
.requestPage  .actionCom .backBtn{ text-align:center; margin-top:6%;}
.requestPage  .actionCom li{ margin-top:3%; text-align:center;}

/*----------------------------------------------------------------------------
 ***                                                     trialフォーム画面用
----------------------------------------------------------------------------*/
.trialPage{}

.trialPage #titleImgBox .titleBoxH2{ background:#EE1F7A;}
.trialPage #mainSection .normal{ background-image:url(../images/trial/img_contents01.jpg); background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #mainSection .nks{ background-image:url(../images/trial/img_contents03.jpg); background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #mainSection .jmh{ background-image:url(../images/trial/img_contents03_jmh.jpg); background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #mainSection .kids{ background-image:url(../images/common/kids/img_contents02.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #mainSection .kids_eiken{ background-image:url(../images/common/kids/main_eiken.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #mainSection .kids_ocha{ background-image:url(../images/common/kids/main_ocha.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #mainSection .kids_mtom{ background-image:url(../images/common/kids/main_mtom.jpg) ;background-position: right top ;background-repeat: no-repeat; height:187px;}
.trialPage #stepSec{}
.trialPage #stepSec .sectionInner{ margin:0 16px;}
/*
.trialPage #stepSec li{ float:left; background:url(../images/trial/ico_contents03.png) 150px 100px no-repeat; background-size:15px auto; width:164px; padding-right:18px;}
.trialPage #stepSec li#step4Li{ padding:0;background:none;}
 */
.trialPage #stepSec li{box-sizing:content-box;float:left;background:url(../trial/images/ico_contents03.png) 150px 100px no-repeat;background-size:15px auto;width: 225px;padding: 5px 24px;}
.trialPage #stepSec li#step5Li{/* padding:0; */}
.trialPage #stepSec li dt{ text-align:center; font-size:120%; color:#E81F7D;}
.trialPage #stepSec li dd.midashiDd{ text-align:center; margin-bottom:2px; font-weight:bold; font-size:85%;clear:both;}
/*
.trialPage #stepSec li dd.imgDd{ width:20%; float:left; margin-right:1%;clear:both;}
 */
.trialPage #stepSec .imgDd{text-align:center;}
.trialPage #stepSec li dd.commDd{ font-size:80%; margin-top:4px;clear:both;}
.trialPage #stepSec_nks{}
.trialPage #stepSec_nks .sectionInner{ margin:0 16px;}
.trialPage #stepSec_nks li{ float:left; background:url(../images/trial/ico_contents03.png) 193px 100px no-repeat; background-size:15px auto; width:187px; padding-right:25px; box-sizing: content-box;}
.trialPage #stepSec_nks li#step3Li{ padding-right:0;background:none;}
.trialPage #stepSec_nks li dt{ text-align:center; font-size:120%; color:#E81F7D;}
.trialPage #stepSec_nks li dd.midashiDd{ text-align:center; margin-bottom:10px; font-weight:bold; font-size:14px;clear:both;}
.trialPage #stepSec_nks li dd.imgDd{ text-align:center;}
.trialPage #stepSec_nks li dd.commDd{ font-size:13px; margin-top:10px;clear:both;}

.trialPage .actionCom{}
.trialPage .actionCom .backBtn{ text-align:center; margin-top:6%;}
.trialPage .actionCom li{ margin-top:3%; text-align:center;}

/* ↓↓2006追記↓↓ */
/*----------------------------------------------------------------------------
 ***                                                     Liveフォーム画面用
----------------------------------------------------------------------------*/
/*2020年6月16日追記ここから*/
#livestation_seitoType {width: 100%; text-align: center; margin: 50px 0;}
#livestation_seitoType .shinki {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
#livestation_seitoType .novaseito {display: inline-block; margin: 10px; border-radius: 10px; width: 300px; flex-wrap: wrap;}
#livestation_seitoType .shinki a {display: block;width: auto;height: 80px;line-height: 80px;background-color: #6BAF00;border-radius: 10px;color: #fff;font-size: 18px;font-weight: bold;text-align: center;}
#livestation_seitoType .shinki a:hover {text-decoration: none; opacity: .7;}
#livestation_seitoType .novaseito a {display: block; width: auto; height: 80px; line-height: 80px; background-color: #00a1c9; border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold; text-align: center;}
#livestation_seitoType .novaseito a:hover {text-decoration: none; opacity: .7;}

/*2020年7月17日追記ここから*/
#kyukaishaSelectLesson {width: 100%;padding: 0;}
#kyukaishaSelectLesson .lessonSelect {width: 100%; margin: 30px 0;}
#kyukaishaSelectLesson .lessonSaikai a, .nlsOnly a {display: inline-block; width: 100%; padding: 10px 5px; background-color:#269BC3; color: #fff;border-radius: 5px;}
#kyukaishaSelectLesson .lessonSaikai, .nlsOnly {width: 49%; text-align: center; margin:0 0 1em 0;}
#kyukaishaSelectLesson .lessonSaikai {float: left;}
#kyukaishaSelectLesson .nlsOnly {float: right;}
#kyukaishaSelectLesson a:hover {text-decoration: none;}
#creditCardKaisuInput select {margin-bottom:1.5em;}
/*2020年7月17日追記ここまで*/

#formTb label{ font-size:100%;}
#formTb select,
#formTb input,
#formTb textarea{ font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px;}
#formTb select{ background:#F2F2F2;}
#formTb select.seleW2{ width:10%;}
#formTb input[type=radio]{margin-right: 1%;margin-bottom:1%;}

#formTb #levelInput input[type=radio]{ margin-right:1%; margin-bottom:1%;}
#formTb #levelInput label{ margin-right:4%; margin-bottom:1%;}
#levelmeyasu p {display: block;width: 120px;background-color: #f2f2f2;color: #4d4d4d;padding: 9px;text-align: center;border-radius: 5px;cursor: pointer;border: #bbb 1px solid;margin-top: 10px;}
#livestation_levelmeyasu .modalArea { display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
#livestation_levelmeyasu .modalBg { width: 100%; height: 100%; background-color: rgba(30,30,30,0.9);}
#livestation_levelmeyasu .modalWrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 540px; padding: 10px 20px; background-color: #fff; height : 80%; max-height: 500px; overflow : auto;}
#livestation_levelmeyasu .closeModal { position: absolute; top: 0.5rem; right: 1rem; cursor: pointer;}
#livestation_levelmeyasu .toptitle {text-align: center; font-size: 125%; font-weight: bold; color: #ED1E79; margin: 20px 0; position: relative;}
#livestation_levelmeyasu dd { margin: 10px 10px 10px 20px;}
#confBtnBox .komeTxt2{ font-size:90%; width: auto; text-align: center;margin-bottom: 20px;}
.livePage{}
.livePage #titleImgBox{ background-image:url(../images/livestation/img_contents01.png); background-position: right top ;background-repeat: no-repeat; height:auto;}
.livePage #titleImgBox .titleBoxH2{ background:#EE93AD;}

.livePage #kaisiInput{}
.livePage #kaisiInput li{ float:left; margin:0 2% 0 0; width:220px;}
.livePage #kiyakuSec{}
/*2020年7月1日追記ここから*/
.livePage #kiyakuSec .btn{background: #d7d7d7;color:#0e7ea4;padding:1%;width: 15em;text-align: center;margin: 0 auto 1.5em;display: block;font-size:140%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.livePage .nagare img {max-width: 684px;width: 100%;height: auto;/* margin: 0 auto; */}
.livePage .nagare {width: 80%;margin: 0 auto 40px;text-align: center;}
.livePage .zeibetsu {padding-left: 1.5em;}
/*2020年7月1日追記ここまで*/

.livePage #ul_ryoukin dd{display: inline-block; margin: 0 0 10px 0; }
.livePage #ul_ryoukin dd input {margin-right: 10px;}
.livePage #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.livePage #kiyakuSec #point_submitarea {width: auto; text-align: center;}

.livePage #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.livePage #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.livePage #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.livePage #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.livePage #kiyakuSec #titleBox {padding:0 23px;}


#creditCardKaisuInput dd {margin-bottom: 20px;}
#ul_course .point {margin-left: 10px;}
#ul_course dt {margin-bottom: 10px;}
#moushikomiSec dt {margin: 15px 0;}
#confirmKibou .btn {font-size: 100%; padding: 10px; border-radius: 5px; line-height: 1.2em; border: #bbb solid 1px; margin-bottom: 3%; background: #d7d7d7; width: 15em; text-align: center; margin: 0 auto 1.5em; display: inline-block; color: #0e7ea4;}
.livePage .actionCom{}
.livePage .actionCom .backBtn{ text-align:center; margin-top:6%;}
.livePage .actionCom li{ margin-top:3%; text-align:center;}
#formTb #birthdayInput input, #formTb textarea { font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; width: 80px;vertical-align: middle;}
#formTb #birthdayInput select { font-size:140%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; width: 65px;vertical-align: middle;}
#formTb #birthdayInput label {margin: 0 10px;vertical-align: middle;}
#formTb #birthdayInput span {margin-right: 10px;}
/*2020年6月16日追記ここから*/
/* ↑↑2006追記↑↑ */
/*2020年7月1日追記ここから*/
#moushikomiFlow {width: 500px;background-color: #fffaf5;font-size: 14px;padding: 10px;margin: 0 auto;}
#moushikomiFlow li {margin: 10px 0;padding-left: 30px;}
#moushikomiFlow li:first-child {font-size: 20px;font-weight: bold;color: #FF3E89;text-align: center;margin: 0;padding: 0;border-bottom: 1px dashed #666;}
#courseInput dd {margin: 10px 0;padding-left: 1.5em;}
#courseInput input[type=radio] {margin-right: 1%; margin-bottom: 0%;}
#courseInput label:hover { cursor: pointer;}
/*2020年7月1日追記ここまで*/

/*----------------------------------------------------------------------------
 ***                                                     TOEIC対策講座フォーム画面用
----------------------------------------------------------------------------*/
.toeicPage #titleImgBox{background-image: url(../images/event/img_contents01.jpg);background-position: right top;background-repeat: no-repeat;height:auto;}
.toeicPage #titleImgBox .titleBoxH2{background: #f05f04;}
.toeicPage #kaisiInput{}
.toeicPage #kaisiInput li{ float:left; margin:0 2% 0 0; width:220px;}
.toeicPage #kiyakuSec{}
.toeicPage #kiyakuSec .btn{background: #d7d7d7;color:#0e7ea4;padding:1%;width: 19em;text-align: center;margin: 0 auto 1.5em;display: block;font-size: 141%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.toeicPage .nagare img {max-width: 684px;width: 100%;height: auto;/* margin: 0 auto; */}
.toeicPage .nagare {width: 80%;margin: 0 auto 0px;text-align: center;}
.toeicPage .zeibetsu {padding-left: 1.5em;}

.toeicPage #ul_ryoukin dd{display: inline-block; margin: 0 0 10px 0; }
.toeicPage #ul_ryoukin dd input {margin-right: 10px;}
.toeicPage #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.toeicPage #kiyakuSec #point_submitarea {width: auto; text-align: center;}

.toeicPage #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.toeicPage #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.toeicPage #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.toeicPage #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.toeicPage #kiyakuSec #titleBox {padding:0 23px;}

.toeicPage #formTb table.kibouCourseTable th{background: #f2f2f2;}

.toeicPage #formTb .courseSelectionBox{margin: 50px auto 30px;max-width: 685px;}
.toeicPage #formTb .courseSelectionBox .sectionInner{margin: 0 auto;}
.toeicPage #formTb .courseSelectionBox h3{font-size: 130%;display: flex;align-items: center;border-bottom: none;margin-bottom: 2%;}
.toeicPage #formTb .courseSelectionBox h3:before{content:"";display:inline-block;width: 14px;height: 16px;background:url(../images/toeic/icon_contents02.png) no-repeat center/100% auto;}
.toeicPage #formTb .courseSelectionBox #formKibouTikiInput{margin-top: 15px;}
.toeicPage #formTb .courseSelectionBox .formBox1 .radioChoice{width: 190px;float: left;margin: 0 2% 0 0;}
.toeicPage #formTb .courseSelectionBox .formBox1 .radioChoice.longLab{width: 280px; padding: 0;}
.toeicPage #formTb .courseSelectionBox .formBox1 .radioChoice.longLab label{padding: 10px; margin:10px 0;}
.toeicPage #formTb .courseSelectionBox select{font-size: 100%; width: 190px;}
.toeicPage #formTb .courseSelectionBox .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px;font-size: 120%;}
.toeicPage #formTb .courseSelectionBox .priceBox .itemName{display:inline-block;width: 6em;font-weight: bold;}
.toeicPage #formTb .courseSelectionBox .priceBox .itemContents{display:inline-block;padding-left:1em;}
.toeicPage #formTb .courseSelectionBox .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.toeicPage #formTb .courseSelectionBox .tableBox{margin-top: 20px;}
.toeicPage #formTb .courseSelectionBox .tableBox table{width:100%;}
.toeicPage #formTb .courseSelectionBox .tableBox table th{background:#f2f2f2;text-align:left;font-weight:bold;vertical-align:middle;padding: 10px;border: 1px solid #ccc;}
.toeicPage #formTb .courseSelectionBox .tableBox table td{vertical-align:middle;padding: 10px;border: 1px solid #ccc;}

.toeicPage #formTb .courseSelectionBox .attentionBox dt{font-weight:bold;}
.toeicPage #formTb .courseSelectionBox .attentionBox dt:before{content:""; display:inline-block; width:1em; height:1em; margin-right:0.3em; background:url(../images/toeic/icon_contents01.png) no-repeat center/100% auto;}
.toeicPage #formTb .courseSelectionBox .attentionBox dd{text-indent: -1em;padding-left: 2.3em;font-size:85%;line-height:1.8;}
.toeicPage #formTb .courseSelectionBox .attentionBox dd .txtLabel{background: linear-gradient(transparent 60%, #f8ed79 0%);}


.toeicPage #mainSectionInnerCon p#thanksTitle,#mainSectionInnerErr p#errorTitle{font-weight:bold;margin-bottom:20px;}
.toeicPage #mainSectionInnerCon #sectionTitle,#mainSectionInnerErr #sectionTitle{text-align:center;}
.toeicPage #mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:100%;line-height:1.2em;}
.toeicPage #mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:100%;line-height:1.2em;margin-left: 2em;}
.toeicPage #mainSectionInnerCon .message li{text-indent: -2em;padding-left: 1em;margin-bottom: 0.5em;}
.toeicPage #mainSectionInnerCon .message li a{border-bottom: 1px solid #006699;font-weight: bold;text-decoration: none;}

.toeicPage .actionCom .backBtn{ text-align:center;width: auto;margin: 8% 2% 4% 2%;}

.toeicPage #formTb #kokyakuSec #zip-code #btnSearchAddress{width:auto; height:auto;}

/*2021年11月11日ここから*/
#formKibouCourseInput2 .kibouCourseUl{margin-left: 25px;border: 1px solid #bbb;}
#formKibouCourseInput2 .kibouCourseLi{position: relative; border-bottom: 1px solid #bbb;}
#formKibouCourseInput2 .kibouCourseLi:last-Child {border-bottom: none;}
#formKibouCourseInput2 .kibouCourseLi.midashi {background-color: #f2f2f2;}
#formKibouCourseInput2 .kibouCourseLi span {display:block;text-align: center;padding: 0.5em 0;}
#formKibouCourseInput2 .kibouCourseLi .course,
#formKibouCourseInput2 .kibouCourseLi .kikan,
#formKibouCourseInput2 .kibouCourseLi .youbi,
#formKibouCourseInput2 .kibouCourseLi .time{border-right: 1px solid #bbb;}
#formKibouCourseInput2 .kibouCourseLi .inputBtn{width: 25px;position: absolute;left: -25px;top: 50%;transform: translateY(-50%);}
#formKibouCourseInput2 .kibouCourseLi .detailBox {display: flex;justify-content:space-between;padding: 0;}
#formKibouCourseInput2 .kibouCourseLi .detailBox:hover{background-color: #f5ffe2;}
#formKibouCourseInput2 .kibouCourseLi.midashi .detailBox:hover{background-color: #f2f2f2;}
#formKibouCourseInput2 .kibouCourseLi .course{width: 6em;}
#formKibouCourseInput2 .kibouCourseLi:nth-child(n+2) .course{line-height: 2.7;}
#formKibouCourseInput2 .kibouCourseLi .kikan{width: 15em;}
#formKibouCourseInput2 .kibouCourseLi .time {width: 8em;}
#formKibouCourseInput2 .kibouCourseLi:nth-child(n+2) .time{line-height: 2.6;}
#formKibouCourseInput2 .kibouCourseLi .kaijo {width: calc(100% - 29em);}
#formKibouCourseInput2 .kibouCourseLi .kaijo span{padding: 0;}
#formKibouCourseInput2 .kibouCourseLi .kaijo .detail{font-size:110%;padding-top: 0.1em;}
#formKibouCourseInput2 .kibouCourseLi .kaijo .dochirademo{font-size: 90%;}
.mainJukoUl li{display: inline-block; width: 30%; margin-bottom: 0.5em;}
/*2021年11月11日ここまで*/

/*2022年9月20日ここから*/
/*----------------------------------------------------------------------------
 ***                                                     eventlessonPage
----------------------------------------------------------------------------*/
.eventlessonPage #titleImgBox{background-image: url(../../images/event/img_contents01.jpg);background-position: right top;background-repeat: no-repeat;height:auto;}
.eventlessonPage #titleImgBox .titleBoxH2{background: #009EC6;}

.eventlessonPage #kaisiInput{}
.eventlessonPage #kaisiInput li{ float:left; margin:0 2% 0 0; width:220px;}
.eventlessonPage #kiyakuSec{}
.eventlessonPage #kiyakuSec .btn{background: #d7d7d7;color:#0e7ea4;padding:1%;width: 19em;text-align: center;margin: 0 auto 1.5em;display: block;font-size: 141%;border-radius:5px;line-height:1.2em;border:#bbb solid 1px;cursor: pointer;text-decoration: none;}
.eventlessonPage .nagare img {max-width: 684px;width: 100%;height: auto;/* margin: 0 auto; */}
.eventlessonPage .nagare {width: 80%;margin: 0 auto 0px;text-align: center;}
.eventlessonPage .zeibetsu {padding-left: 1.5em;}

.eventlessonPage #ul_ryoukin dd{display: inline-block; margin: 0 0 10px 0; }
.eventlessonPage #ul_ryoukin dd input {margin-right: 10px;}
.eventlessonPage #kiyakuSec #point_submitarea input {display: inline-block; width: 40%; max-width: 150px; margin: 10px; background: #269BC3; color: #fff;}
.eventlessonPage #kiyakuSec #point_submitarea {width: auto; text-align: center;}

.eventlessonPage #kiyakuSec #riyouKiyaku {width: auto; height:300px; overflow-y: scroll;background-color: #ffffeb; margin-bottom: 10px;}
.eventlessonPage #kiyakuSec #riyouKiyaku .kiyakutitle {text-align: center;font-size: 24px;color: #06BAB5;padding: 10px 0 15px;}
.eventlessonPage #kiyakuSec #riyouKiyaku .title {font-size: 17px;border-left: 10px solid #06BAB5;padding-left: 0.3em;line-height: 2em;margin-bottom: 10px;}
.eventlessonPage #kiyakuSec #riyouKiyaku section {border-bottom: none;}
.eventlessonPage #kiyakuSec #titleBox {padding:0 23px;}

.eventlessonPage #formTb table.kibouCourseTable th{background: #f2f2f2;}

.eventlessonPage #formTb .courseSelectionBox{margin: 50px auto 30px;max-width: 685px;}
.eventlessonPage #formTb .courseSelectionBox .sectionInner{margin: 0 auto;}
.eventlessonPage #formTb .courseSelectionBox h3{font-size: 130%;display: flex;align-items: center;border-bottom: none;margin-bottom: 2%;}
.eventlessonPage #formTb .courseSelectionBox h3:before{content:"";display:inline-block;width: 14px;height: 16px;background:url(../../images/event/icon_contents02.png) no-repeat center/100% auto;}
.eventlessonPage #formTb .courseSelectionBox #formKibouTikiInput{margin-top: 15px;}
.eventlessonPage #formTb .courseSelectionBox .formBox1 .radioChoice{width: 190px;float: left;margin: 0 2% 0 0;}
.eventlessonPage #formTb .courseSelectionBox .formBox1 .radioChoice.longLab{width: 280px; padding: 0;}
.eventlessonPage #formTb .courseSelectionBox .formBox1 .radioChoice.longLab label{padding: 10px; margin:10px 0;}
.eventlessonPage #formTb .courseSelectionBox select{font-size: 100%; width: 190px;}
.eventlessonPage #formTb .courseSelectionBox .priceBox{background:#f2f2f2;padding:20px 30px;margin-top: 20px;font-size: 120%;}
.eventlessonPage #formTb .courseSelectionBox .priceBox .itemName{display:inline-block;width: 6em;font-weight: bold;}
.eventlessonPage #formTb .courseSelectionBox .priceBox .itemContents{display:inline-block;padding-left:1em;}
.eventlessonPage #formTb .courseSelectionBox .priceBox .totalListItem{margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}

.eventlessonPage #formTb .courseSelectionBox .tableBox{margin-top: 20px;}
.eventlessonPage #formTb .courseSelectionBox .tableBox table{width:100%;}
.eventlessonPage #formTb .courseSelectionBox .tableBox table th{background:#f2f2f2;text-align:left;font-weight:bold;vertical-align:middle;padding: 10px;border: 1px solid #ccc;}
.eventlessonPage #formTb .courseSelectionBox .tableBox table td{vertical-align:middle;padding: 10px;border: 1px solid #ccc;}

.eventlessonPage #formTb .courseSelectionBox .attentionBox dt{font-weight:bold;}
.eventlessonPage #formTb .courseSelectionBox .attentionBox dt:before{content:""; display:inline-block; width:1em; height:1em; margin-right:0.3em; background:url(../images/toeic/icon_contents01.png) no-repeat center/100% auto;}
.eventlessonPage #formTb .courseSelectionBox .attentionBox dd{text-indent: -1em;padding-left: 2.3em;font-size:85%;line-height:1.8;}
.eventlessonPage #formTb .courseSelectionBox .attentionBox dd .txtLabel{background: linear-gradient(transparent 60%, #f8ed79 0%);}


.eventlessonPage #mainSectionInnerCon p#thanksTitle,#mainSectionInnerErr p#errorTitle{font-weight:bold;margin-bottom:20px;}
.eventlessonPage #mainSectionInnerCon #sectionTitle,#mainSectionInnerErr #sectionTitle{text-align:center;}
.eventlessonPage #mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:100%;line-height:1.2em;}
.eventlessonPage #mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:100%;line-height:1.2em;margin-left: 2em;}
.eventlessonPage #mainSectionInnerCon .message li{text-indent: -2em;padding-left: 1em;margin-bottom: 0.5em;}
.eventlessonPage #mainSectionInnerCon .message li a{border-bottom: 1px solid #006699;font-weight: bold;text-decoration: none;}

.eventlessonPage .actionCom .backBtn{ text-align:center;width: auto;margin: 8% 2% 4% 2%;}

.eventlessonPage #formTb #kokyakuSec #zip-code #btnSearchAddress{width:auto; height:auto;}
.eventlessonPage .postscriptBox {background: #FFE4E4; border: 2px solid #f00; padding: 1em; margin: 1em 0 0 0;}
.eventlessonPage .postscriptBox .ttl{font-weight: bold; font-size: 110%; color: #f00; text-align: center;}
/*2021年11月11日ここから*/
#formKibouCourseInput2 .kibouCourseUl{margin-left: 25px;border: 1px solid #bbb;}
#formKibouCourseInput2 .kibouCourseLi{position: relative; border-bottom: 1px solid #bbb;}
#formKibouCourseInput2 .kibouCourseLi:last-Child {border-bottom: none;}
#formKibouCourseInput2 .kibouCourseLi.midashi {background-color: #f2f2f2;}
#formKibouCourseInput2 .kibouCourseLi span {display:block;text-align: center;padding: 0.5em 0;}
#formKibouCourseInput2 .kibouCourseLi .course,
#formKibouCourseInput2 .kibouCourseLi .kikan,
#formKibouCourseInput2 .kibouCourseLi .youbi,
#formKibouCourseInput2 .kibouCourseLi .time{border-right: 1px solid #bbb;}
#formKibouCourseInput2 .kibouCourseLi .inputBtn{width: 25px;position: absolute;left: -25px;top: 50%;transform: translateY(-50%);}
#formKibouCourseInput2 .kibouCourseLi .detailBox {display: flex;justify-content:space-between;padding: 0;}
#formKibouCourseInput2 .kibouCourseLi .detailBox:hover{background-color: #f5ffe2;}
#formKibouCourseInput2 .kibouCourseLi.midashi .detailBox:hover{background-color: #f2f2f2;}
#formKibouCourseInput2 .kibouCourseLi .course{width: 6em;}
#formKibouCourseInput2 .kibouCourseLi:nth-child(n+2) .course{line-height: 2.7;}
#formKibouCourseInput2 .kibouCourseLi .kikan{width: 15em;}
#formKibouCourseInput2 .kibouCourseLi .time {width: 8em;}
#formKibouCourseInput2 .kibouCourseLi:nth-child(n+2) .time{line-height: 2.6;}
#formKibouCourseInput2 .kibouCourseLi .kaijo {width: calc(100% - 29em);}
#formKibouCourseInput2 .kibouCourseLi .kaijo span{padding: 0;}
#formKibouCourseInput2 .kibouCourseLi .kaijo .detail{font-size:110%;padding-top: 0.1em;}
#formKibouCourseInput2 .kibouCourseLi .kaijo .dochirademo{font-size: 90%;}
.mainJukoUl li{display: inline-block; width: 30%; margin-bottom: 0.5em;}
/*2021年11月11日ここまで*/
/*2022年9月20日ここまで*/
/*----------------------------------------------------------------------------
 ***                                                              form共通用
----------------------------------------------------------------------------*/
#formTb{}
#formTb .formBox1{}
#formTb input[type=checkbox]{ margin-right:1%; margin-bottom:0.7%;}
#formTb input[type=button]{background:#269BC3;color:#FFF;border:#DEEBFE solid 1px;padding:1%;width: 100%;max-width: 350px;text-align: center;height: 50px;}
#formTb input[type=submit]{ background:#269BC3; color:#FFF; border:#DEEBFE solid 1px; padding:1%;}
#formTb .radioChoice label{ display:block; padding:5%; border-radius:5px; line-height:1.2em; background:#F2F2F2; border:#bbb solid 1px;}
#formTb .radioChoice.longLabel label {width: 390px;}
#formTb h4{ border-left:#D9E021 solid 7px; line-height:1.2em; padding:1% 0 0.5% 1.5%; margin-bottom:2%; font-weight:normal; font-size:140%;}
#formTb h4 label{ font-size:100%;}

#formTb section{ border-bottom:#999 dotted 1px; padding-bottom:3%;}
#formTb section section{ margin:0 3%; padding-bottom:3%; border-bottom:#CCC solid 1px;}
#formTb section section .sectionInner{ margin-left:3%;}

#formTb .titleBoxForm{}
#formTb .titleBoxForm h4,
#formTb .titleBoxForm h5{ float:left; padding-right:2%; margin-bottom:2%;}
#formTb .formAtten{ float:left; padding-top:0.8%; color:#ED1E79;font-weight:bold;}
#formTb .formAttenS{ font-weight:nomal;color:#ED1E79;}

#formTb #formNaiyoInput{}
#formTb #formNaiyoInput li{ float:left; margin:0 2% 0 0; width:230px;}

#formTb #formSchoolInput{}
#formTb #formSchoolInput li{ float:left; margin:0 1.5% 0 0; }

#formTb #formGengo1Input{}
#formTb #formGengo1Input li{ float:left; width:160px; margin:1.5% 0;}
#formTb #formGengo1Input input{}

#formTb #formLevel1Input{}
#formTb #formLevel1Input li{ float:left; margin:0 2% 0 0; width:150px;}

#formTb #formKeitaiInput{}
#formTb #formKeitaiInput li{ float:left; margin:0 2% 0 0; width:200px;}

#formTb #formKeitaiInput{}
#formTb #formKeitaiInput li{ float:left; margin:0 2% 0 0; width:200px;}

#formTb #formNichiji1Input{}
#formTb #formNichiji1Input li.nichijiLi{ margin-bottom:1.5%;}
#formTb #formNichiji1Input li.nichijiLi p{ margin:0;}
#formTb #formNichiji1Input dt{ float:left; width:100px; font-size:140%; padding-top:1.5%;}
#formTb #formNichiji1Input select{ line-height:1.2em; padding:10px; font-size:140%; margin:0 0.5% 0 0;}
#formTb #formNichiji1Input label{ margin:0 1% 0 0;}
#formTb #formNichiji1Input .komeUl{ clear:both;}
#formTb #formNichiji1Input .komeUl li{ font-size:90%; margin:0; line-height:1.2em;}
#formTb #formNichiji1Input .komeUl .attentionR{}
#formTb #formNichiji1Input .komeUl .notice{ color:#000000;}
#formTb #formNichiji1Input .label {line-height: 1.4em;font-weight: bold;line-height: 1.6em;margin: 0px;padding: 0px;text-align: left;vertical-align: top;}

#formTb #formNichiji1Input .specialDateUl{ clear:both;}
#formTb #formNichiji1Input .specialDateUl li{ font-size:100%; margin:0 0 1% 0; }
#formTb #formNichiji1Input .specialDateUl .attentionR{}
#formTb #formNichiji1Input .komeUl .attentionR{ font-size:105%;}

#formTb #formMokuteki1Input{}

#formTb #formGengoLv1Input{}
#formTb #formGengoLv1Input textarea{ width:70%;}

#formTb #formJob1Input{}

#formTb #shiryouKibouUl{}
#formTb #shiryouKibouUl li{ float:left; margin:0 3% 0 0; width:200px;}

#formTb #kokyakuSec{}
#formTb #kokyakuSec #nameInput input,
#formTb #kokyakuSec #furiganaInput input,
#formTb #kokyakuSec #nameInputJr input{ margin:0 1.5%;}
#formTb #kokyakuSec dt{ font-size:100%; color:#000; margin-bottom:1.5%;}
#formTb #kokyakuSec dt label{ font-size:100%;}
#formTb #kokyakuSec dd{ margin-top:1.5%;}
#formTb #kokyakuSec li{ margin-bottom:3%;}
#formTb #kokyakuSec #Post1,
#formTb #kokyakuSec #Post2{ width:13%;}
#formTb #kokyakuSec #zip-code input{ margin:0 5px;}
#formTb #kokyakuSec li#formNameLi input,
#formTb #kokyakuSec li#formFuriganaLi input{ margin:0 1.5%;}
#formTb #kokyakuSec .komeTxt{ font-size:90%;}
#formTb #kokyakuSec #mailConInput{ margin-top:2%;}
#formTb #kokyakuSec #mailConInput label{ font-size:100%;}
#formTb #kokyakuSec #add1Input,
#formTb #kokyakuSec #add2Input{ margin-top:2%;}
#formTb #kokyakuSec #add1Input label,
#formTb #kokyakuSec #add2Input label{ font-size:100%;}

#formTb #addressSec{}
#formTb #addressSec #zip-code { margin-bottom:3%;}
#formTb #addressSec #post1,
#formTb #addressSec #post2{ width:18%; margin:0 1.5%;}
#formTb #addressSec #addr1,
#formTb #addressSec #addr2{ width:90%; margin-bottom:3%;}
#formTb #addressSec .komeTxt{ font-size:80%;}


#formTb #toiawaseAddSec h4{ border-left:#269BC3 solid 7px;}

#formTb .addContInput{ background:#E6E6E6; border:#CCC solid 1px; padding:1% 2%; margin-top:2%;}
#formTb .addContInput section:last-Child{ border:none;}
#formTb .addContInput h5{ color:#666; margin-bottom:3%;}
#formTb .addContInput section{ margin-top:3%;}

#formTb #confBtnBox{ margin-top:4%;}
#formTb #confBtnBox #submit-area{ text-align:center; margin-bottom:2%;}
#formTb #confBtnBox #ppSslUl li{ text-align:center; line-height:1.2em; margin:1.5% 0;}

#formTb #addressLi {}
#formTb #formSonohoka1Input textarea{ width:90%;}

#formTb #formcCurseInput{}
#formTb #formcCurseInput li{ float:left; margin:0 2% 0 0; width:220px;}

/*2021年11月11日ここから*/
#formTb .labelGlay label{background-color: #f2f2f2;border: 1px solid #ccc;display: inline-block;width: 100%;padding: 0.5em;border-radius: 5px;}
/*2021年11月11日ここまで*/
/*　一覧用　*/

#formid001a{}
#formid001a li{ float:left; margin:0 2% 3% 0; width:48%;}

/*----------------------------------------------------------------------------
 ***                                                             テンプレート用
----------------------------------------------------------------------------*/
/*　追加パーツ　*/

topImgBox1{ margin-top:-20px;}
.topImgBox1 p{ margin:0;}

#mainSectionInnerCon p#thanksTitle,#mainSectionInnerErr p#errorTitle{font-weight:bold;margin-bottom:10px;}
#mainSectionInnerCon #sectionTitle,#mainSectionInnerErr #sectionTitle{text-align:center;}
#mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:100%;line-height:1.2em;}
#mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:100%;line-height:1.2em;}


		a.header_logo{
			background-image:	url("../images/common/logo_header01.png");
			display:block;
			-moz-background-size:250px	42px;
			background-size:250px	42px;
			width:250px;
			height:42px;
		}
		a.logo_normal{
			background-image:	url("../images/common/logo_header01.png");
			display:block;
			-moz-background-size:250px	42px;
			background-size:250px	42px;
			width:250px;
			height:42px;
		}
		a.logo_kids{
			background-image:	url("../images/common/kids/logo_header01.png");
			display:block;
			-moz-background-size:212px	54px;
			background-size:212px	54px;
			width:212px;
			height:54px;
		}
		a.logo_nks{
			background-image:	url("../images/common/kids/logo_header_nks.png");
			display:block;
			-moz-background-size:215	58px;
			background-size:215px	58px;
			width:215px;
			height:58px;
		}
		a.logo_jmh{
			background-image:	url("../images/common/kids/logo_header_jmh.png");
			display:block;
			-moz-background-size:215	58px;
			background-size:215px	58px;
			width:215px;
			height:58px;
		}
		a.back_normal{
			background-image:	url("../images/common/btn_header01_off.png");
			display:block;
			-moz-background-size:135px	32px;
			background-size:135px	32px;
			width:135px;
			height:32px;
		}
		a.back_kids{
			background-image:	url("../images/common/kids/btn_header01_off.png");
			display:block;
			-moz-background-size:135px	32px;
			background-size:135px	32px;
			width:135px;
			height:32px;
		}
		a.footer_normal{
			background-image:	url("../images/common/logo_footer01.png");
			display:block;
			-moz-background-size:82px	26px;
			background-size:82px	26px;
			width:82px;
			height:26px;
		}
		a.footer_kids{
			background-image:	url("../images/common/kids/logo_footer01.png");
			display:block;
			-moz-background-size:119px	30px;
			background-size:119px	 30px;
			width:119px;
			height:30px;
		}
		a.footer_nks{
			background-image:	url("../images/common/kids/logo_footer_nks.png");
			display:block;
			-moz-background-size:219px	26px;
			background-size:219px	 26px;
			width:219px;
			height:26px;
		}
		a.footer_jmh{
			background-image:	url("../images/common/kids/logo_footer_jmh.png");
			display:block;
			-moz-background-size:219px	26px;
			background-size:219px	 26px;
			width:219px;
			height:26px;
		}

/*----------------------------------------------------------------------------
 ***                                                             a8タグ非表示
----------------------------------------------------------------------------*/
#a8sales img{width:0; height:0;}

#formArea #formTb .bgGray{background:#F2F2F2;}
#formArea #formTb .ui-widget.ui-widget-content{box-shadow:1px 1px 4px 1px rgba(50, 50, 50, 0.4); /*transition:top 0.2s ease; */}
#formArea #formTb .ui-datepicker .ui-datepicker-title{line-height:1; display:flex; justify-content:center; align-items:center;}
#formArea #formTb .ui-datepicker select.ui-datepicker-month{font-size:100%; padding:0 0.2em; border-radius:5px; line-height:1; height:2em; border:#bbb solid 1px;}
/* 日曜日のカラー設定 */
#formArea #formTb td.ui-datepicker-week-end:first-child a.ui-state-default{background-color:#ffecec;  color:#f00!important;}
/* 土曜日のカラー設定 */
#formArea #formTb td.ui-datepicker-week-end:last-child a.ui-state-default{background-color:#eaeaff; color:#00f!important;}
/* ホバー時の動作 */
#formArea #formTb td.ui-datepicker-week-end a.ui-state-hover{opacity:0.8;}
/* 当日を示す色はそのまま */
#formArea #formTb td.ui-datepicker-week-end a.ui-state-highlight{background-color:#fffa90!important;}
/* カーソルをポインターに変更 */
#formArea #formTb #datepickerId_box{position:relative;  display:inline-block;  margin-right:1%;}
#formArea #formTb #datepickerId{position:absolute;  top:100%;  left:0;  display:none;}
#formArea #formTb #datepickerId_output{cursor:pointer;}
#formArea #formTb .hasDatepicker{}
#formArea #formTb .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{cursor:pointer; top:calc(50% - 0.9em);}

/*----------------------------------------------------------------------------
 ***                                                             ErrorMessage
----------------------------------------------------------------------------*/
div#errors {line-height: 135%; background-color: #ffdddd; padding: 20px; margin-top:5%;}