@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;}
#mainSectionInner, #mainSectionInnerCon, #mainSectionInnerErr { margin:3.5%;}
#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(../images/common/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 #mainSection .eigosenka{ background-image:url(../images/common/eigosenka/img_contents01.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 #mainSection .eigosenka{ background-image:url(../images/common/eigosenka/img_contents01.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;}

/*----------------------------------------------------------------------------
 ***                                                              form共通用
----------------------------------------------------------------------------*/
#formTb{}
#formTb .formBox1{}
#formTb label{ font-size:120%;}
#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:4%; margin-bottom:1%;}
#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%;}
#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 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;}
#formTb .formAttenS{ font-weight:normal;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,
#formTb #requestGengo 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;}Post1
#formTb #kokyakuSec li#formNameLi input,
#formTb #kokyakuSec li#formFuriganaLi input{ margin:0 1.5%;}
#formTb #kokyakuSec .komeTxt{ font-size:85%;}
#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% 2% 0; width:220px;}

/*　一覧用　*/

#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.logo_eigosenka{
			background-image:	url("../images/common/eigosenka/logo_header01.png");
			display:block;
			-moz-background-size:260px	35px;
			background-size:260px	35px;
			width:260px;
			height:35px;
		}
		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.back_eigosenka{
			background-image:	url("../images/common/eigosenka/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;
		}
		a.footer_eigosenka{
			background-image:	url("../images/common/eigosenka/logo_footer01.png");
			display:block;
			-moz-background-size:137px	20px;
			background-size:137px	 20px;
			width:137px;
			height:20px;
		}


/*----------------------------------------------------------------------------
 ***                                                             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);}