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

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

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

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

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

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

*/

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

*/

/*----------------------------------------------------------------------------
 ***                                                    　 mainsection共通用
----------------------------------------------------------------------------*/
/*
#mainSection { border:#e6e6e6 solid 15px; margin:0;}
#mainSectionInner { margin:3.5%;}
#mainSection h3{ font-size:180%; line-height:1,1em; border-bottom:#D9D9D9 solid 2px; margin-bottom:2%;}

#titleImgBox{ background:url(../images/request/img_contents01.jpg) right top no-repeat; height:187px;}
#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.png) 30px 10px no-repeat; background-color:#e6e6e6; background-size:50px auto; width:392px; height:71px;}
#titleImgBox .titleTxtBox p{ margin:0; color:#FFF; font-size:120%; line-height:1.1em; padding:27px 0 0 90px}

*/


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

*/

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


/*----------------------------------------------------------------------------
 ***                                                    requestフォーム画面用
----------------------------------------------------------------------------*/
/*
.requestPage{}
.requestPage #titleImgBox{ background-image:url(../images/request/img_contents01.jpg);}
.trialPage #titleImgBox .titleBoxH2{ background:#29ABE2;}

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


/*----------------------------------------------------------------------------
 ***                                                     trialフォーム画面用
----------------------------------------------------------------------------*/
/*
.trialPage{}
.trialPage #titleImgBox{ background-image:url(../images/img_contents01.jpg);}
.trialPage #titleImgBox .titleBoxH2{ background:#808080;}

.trialPage #stepSec{}
.trialPage #stepSec .sectionInner{ margin:0 16px;}
.trialPage #stepSec li{ float:left; background:url(../trial/images/ico_contents03.png) 150px 100px no-repeat; background-size:15px auto; width:149px; padding-right:18px;}
.trialPage #stepSec li#step4Li{ 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%;}
.trialPage #stepSec li dd.commDd{ font-size:80%; margin-top:4px;}
*/


/*----------------------------------------------------------------------------
 ***                                                　　　　    thanks画面用
----------------------------------------------------------------------------*/
/*
.thanksPage{}
.thanksPage #thanksCom{}
.thanksPage #thanksCom li{ margin-top:3%; text-align:center;}
*/
/*----------------------------------------------------------------------------
 ***                                                　　　　    
----------------------------------------------------------------------------*/
/* --- SP版のデフォルト設定 (960px未満) --- */
#KiboushitenLi dl .dispFlex {
    /* 960px未満ではフレックスを適用しない */
    display: block; 
    /* 必要に応じて、SP版での配置に合わせて他のプロパティも設定 */
    /* 例: flex-direction: column; や、必要であれば width: 100%; など */
}

/* --- PC版の設定 (960px以上) --- */
@media screen and (min-width: 960px) {
    #KiboushitenLi dl .dispFlex {
        /* 960px以上ではフレックスを適用 */
        display: flex;
    }
}
/* 勤務希望支店のラジオボタン専用スタイル */
.branch-choice .branch-dd {
  display: inline-block;   /* 横並び＋幅自動 */
  width: auto !important;  /* 既存の width19, width34 を上書き */
  min-width: 0;
  margin-right: 0.8em;     /* 適度な余白 */
  padding: 4px 8px;        /* 灰色枠の内側に余裕 */
  /* border: 1px solid #ccc; */  /* 灰色の枠 */
  /* border-radius: 4px; */      /* 角丸 */
  /* background: #f9f9f9; */     /* 薄いグレー背景（任意） */
  box-sizing: border-box;
}

/*----------------------------------------------------------------------------
 ***                                                              form共通用
----------------------------------------------------------------------------*/
#formTb{}
#formTb .formBox1{}
#formTb label{font-size: 120%;}
#formTb select,
#formTb input,
#formTb textarea{/* font-size: 1rem; */padding: 0.5em;border-radius: 5px;line-height: 2.3em;m;border: #bbb solid 1px;vertical-align:baseline;}
#formTb input[type="image"]{border:none;width: 80%;}
#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 button[type=button]{border: none;text-align: center; padding: 1% 3% 1% 3%;border-radius: 5px;background-color: #999; color: #fff;}
#formTb input[type=file]{border:none;}
#formTb #confBtnBox #submit-area button[type=button]{border:none;background:none;cursor:pointer;width:80%;text-align: center;}

#formTb input.submit[type=button],
#formTb input.submit[type=submit]{background:#e61772;color: #fff;border: 2px solid #cccccc;border-radius: 20px;padding: 0.5em 1.5em;font-size: 1em;line-height: 1.5;width: 45%;text-align: center;display: inline-block;cursor: pointer;}
#formTb .radioChoice label{display:block;padding:0.7em;border-radius:5px;line-height:1.2em;background:#F2F2F2;border:#bbb solid 1px;}
#formTb h4{ border-left:#0c7cbe solid 8px; 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 li#seiLi dd{ float:left; width:30%; margin-right:5%;}
#formTb li#seiLi .radioChoice label{ float:left; width:100%;}

#formTb li#jobLi dd{ float:left; width:20%; margin-right:5%;}
#formTb li#jobLi .radioChoice label{ float:left; width: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{ 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 #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 #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{ margin:0 1.5%;}
#formTb #kokyakuSec dt{ font-size:100%; color:#000; margin-bottom:0;}
#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: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 #yoyakuAddSec h4,
#formTb #toiawaseAddSec h4{ border-left:#edb128 solid 7px;}

#yoyakuOpenBox{ display:none;}

#formTb .addWakuBox{ background:#E6E6E6; border:#CCC solid 1px; padding:1% 2%; margin-top:2%;}
#formTb .addWakuBox section:last-Child{ border:none;}
#formTb .addWakuBox h5{ color:#333; margin-bottom:3%; border-left:#FFF solid 8px; padding: 3px 0 0 8px; font-size:130%; line-height: 1.4em;}
#formTb .addWakuBox section{ margin-top:3%;}


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

#formTb #kibouUl li{ margin-bottom:20px;}
#formTb #kibouUl li{ padding-left:20px;}
#formTb #kibouUl li dt{ float:left; width:100px; color:#333333; font-size:110%; padding-top:18px;}
#formTb #kibouUl li dd{ float:left; width:580px;}
#formTb #addChiikiSec p{ margin-left:20px;}

#formTb #confBtnBox{margin-top:4%;text-align: center;}
#formTb #confBtnBox #submit-area{ text-align:center;}
#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 dl dt.borderY
#formTb #formcCurseInput li{ float:left; margin:0 2% 0 0; width:220px;}


#formTb .attentionR{color:#ED1E79;}
#formTb .komeTxt{display:inline-block;font-size: 16px;vertical-align: bottom;}
#formTb dl dt:first-child{font-weight:bold;}
#formTb dl dt{border-left:7px solid transparent;padding-left: 0.5em;font-weight:normal;margin-bottom: 1%;}
#formTb dl dt.borderY{border-left:7px solid #F47505;padding-left: 0.5em;margin-left: -2%;font-size: 16px;}

#formTb dl dd {margin-bottom: 1em;margin-right: 1%;}
#formTb form ul li{margin-bottom: 4%;padding-left: 2%;}
#formTb dl .moyori{line-height: 5em;}



/* --- 1. デフォルト設定（SP版: 960px未満に適用） --- */

#KiboushitenLi dl .width19 { width: 33%;}
#KiboushitenLi dl .width34 {width: 55%;}

/* --- 2. PC版設定（960px以上に適用） --- */

@media screen and (min-width: 960px) {
    
    #KiboushitenLi dl .width19 { width: 19%;}
    #KiboushitenLi dl .width34 { width: 34%;}
  }  
#KiboushitenLi dl .dd{margin-right: 1%;}




#formTb #nameInput input{width: 25%;margin: 0 1.5%;}
#formTb #furiganaInput input{width:25%; margin: 0 1.5%;}
#formTb #seineiLiLi select{}
#formTb #mailLi input{width:50%;}
#formTb #mailLi #mailInput{margin-bottom:2%;}
#formTb #telInput input{width:40%;}
#formTb #jushoLi #Post1,
#formTb #jushoLi #Post2{margin:0 1.5%;}
#formTb #jushoLi #Addr1,
#formTb #jushoLi #Addr2{width:100%;}
#formTb #keikenLi dd{display:inline-block;width: 19%;margin: 0 1% 0 0;float: left;}
#formTb #keikenLi label{/* width:20%; */}
#formTb #keikenLi #keikenOtherBox {clear: both;}
#formTb #keikenLi dd#keikenOther{float: none; width: 100%; margin: 1% 0;}
#formTb #keikenLi #keikenOther label,
#formTb #keikenLi #keikenOther input{width: 100%; display: block;}
#formTb #athLi textarea{width:100%;line-height: 1.2;height: 8em;}
#formTb #gakurekiInput{}
#formTb #gakurekiInput input#gakureki_name{width:35%;}
#formTb #gakurekiInput select{vertical-align:middle;}
#formTb #kaishaInput{}
#formTb #kaishaInput input{width:50%;}
#formTb #kaishaInput select{vertical-align:middle;margin: 2%;}
#formTb #kaishaInput .topLine{border-top: 1px dotted #ccc; margin-top: 1.5em; padding-top: 1em;}
#formTb #kaishaInput input.moreKaishaInput{display: none;}
#formTb #kaishaInput .moreKaishaBox{height: 0;padding: 0;overflow: hidden;opacity: 0;visibility: hidden;position:relative;margin: 0;}
#formTb #kaishaInput .moreKaishaLabel{position: relative;display: block;background-color: #f8f8f8;width: 10em;margin: 1em auto 0;color: #00b0c5;padding: 0.2em;text-align: center;border: 1px solid #00b0c5;}
#formTb #kaishaInput .moreKaishaLabel:hover{cursor: pointer; opacity: .7;}
/*#formTb #kaishaInput .moreKaishaLabel:before{content: ""; display: block; position: absolute; right: 1em;top: 30%;  width: 0; height: 0;border-style: solid;border-width: 8px 5px 0 5px;border-color: #ffffff transparent transparent transparent;}*/
/*#formTb #kaishaInput .moreKaishaInput:checked + label.moreKaishaLabel:before{content: ""; display: block; position: absolute; right: 1em;top: 30%;  width: 0; height: 0;border-style: solid;border-width: 0 5px 8px 5px;border-color: transparent transparent #ffffff transparent;}*/
#formTb #kaishaInput .moreKaishaInput:checked + .commonKaishaBox label.moreKaishaLabel,
#formTb #kaishaInput .moreKaishaInput:checked + .moreKaishaBox label.moreKaishaLabel{display: none;}
#formTb #kaishaInput .moreKaishaInput01:checked ~ .moreKaishaBox01,
#formTb #kaishaInput .moreKaishaInput02:checked ~ .moreKaishaBox02,
#formTb #kaishaInput .moreKaishaInput03:checked ~ .moreKaishaBox03,
#formTb #kaishaInput .moreKaishaInput04:checked ~ .moreKaishaBox04,
#formTb #kaishaInput .moreKaishaInput05:checked ~ .moreKaishaBox05,
#formTb #kaishaInput .moreKaishaInput06:checked ~ .moreKaishaBox06,
#formTb #kaishaInput .moreKaishaInput07:checked ~ .moreKaishaBox07,
#formTb #kaishaInput .moreKaishaInput08:checked ~ .moreKaishaBox08,
#formTb #kaishaInput .moreKaishaInput09:checked ~ .moreKaishaBox09,
#formTb #kaishaInput .moreKaishaInput10:checked ~ .moreKaishaBox10{height: auto;opacity: 1;visibility: visible;width: auto;overflow: visible;}
#formTb #movingLi dd{display:inline-block;width: 14%;margin: 0 1% 0 0;float: left;}
/* --- SP版（スマホ表示用） --- */
@media screen and (max-width: 768px) {
  #formTb #movingLi dd {
    width: 25%;
  }
}





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


/*　一覧用　*/

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

*/

/* contactBox */
.contactBox{ border: 1px solid #000; padding: 1em; background: #FFF; margin-top: 2em;}
.contactBox p{ text-align:center;}

/*----------------------------------------------------------------------------
 ***                                                             テンプレート用
----------------------------------------------------------------------------*/

/*　初期に隠しておく部品　*/
/*
#formLRnoInput{ display:none;}
#formNichiji2Input{ display:none;}
#nameInputJr{ display:none;}
#furiganaInputJr{ display:none;}
#nenreiInputJr{ display:none;}
#formSeitonoInput{ display:none;}
#formYosanInput{ display:none;}
#formcCurseInput{ display:none;}
*/

/*　追加パーツ　*/

/*
#pageTitle{ font-size:180%; line-height:1.2em; background:url(../common_images/icon_list09.png) left 4px no-repeat; padding:0 0 16px 28px; border-bottom:#eee solid 6px;}
.topImgBox1{ margin-top:-20px;}
.topImgBox1 p{ margin:0;}

.requestPage #pageTitle{ margin-bottom:30px;}

*/






/**/


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

*/

/*----------------------------------------------------------------------------
 ***                                                    　 mainsection共通用
----------------------------------------------------------------------------*/
/*
#mainSection { border:#e6e6e6 solid 15px; margin:0;}
#mainSectionInner { margin:3.5%;}
#mainSection h3{ font-size:180%; line-height:1,1em; border-bottom:#D9D9D9 solid 2px; margin-bottom:2%;}

#titleImgBox{ background:url(../images/request/img_contents01.jpg) right top no-repeat; height:187px;}
#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.png) 30px 10px no-repeat; background-color:#e6e6e6; background-size:50px auto; width:392px; height:71px;}
#titleImgBox .titleTxtBox p{ margin:0; color:#FFF; font-size:120%; line-height:1.1em; padding:27px 0 0 90px}

*/


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

*/

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


/*----------------------------------------------------------------------------
 ***                                                    requestフォーム画面用
----------------------------------------------------------------------------*/
/*
.requestPage{}
.requestPage #titleImgBox{ background-image:url(../images/request/img_contents01.jpg);}
.trialPage #titleImgBox .titleBoxH2{ background:#29ABE2;}

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


/*----------------------------------------------------------------------------
 ***                                                     trialフォーム画面用
----------------------------------------------------------------------------*/
/*
.trialPage{}
.trialPage #titleImgBox{ background-image:url(../images/img_contents01.jpg);}
.trialPage #titleImgBox .titleBoxH2{ background:#808080;}

.trialPage #stepSec{}
.trialPage #stepSec .sectionInner{ margin:0 16px;}
.trialPage #stepSec li{ float:left; background:url(../trial/images/ico_contents03.png) 150px 100px no-repeat; background-size:15px auto; width:149px; padding-right:18px;}
.trialPage #stepSec li#step4Li{ 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%;}
.trialPage #stepSec li dd.commDd{ font-size:80%; margin-top:4px;}
*/


/*----------------------------------------------------------------------------
 ***                                                　　　　    thanks画面用
----------------------------------------------------------------------------*/
/*
.thanksPage{}
.thanksPage #thanksCom{}
.thanksPage #thanksCom li{ margin-top:3%; text-align:center;}
*/


/*----------------------------------------------------------------------------
 ***                                                              form共通用
----------------------------------------------------------------------------*/
#formTb{}
#formTb .formBox1{}
#formTb label{font-size: 120%;}
#formTb select,
#formTb input,
#formTb textarea{/* font-size: 1rem; */padding: 0.5em;border-radius: 5px;line-height: 2.3em;m;border: #bbb solid 1px;vertical-align:baseline;}
#formTb input[type="image"]{border:none;width: 80%;}
#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 button[type=button]{border: none;text-align: center; padding: 1% 3% 1% 3%;border-radius: 5px;background-color: #999; color: #fff;}
#formTb input[type=file]{border:none;}
#formTb #confBtnBox #submit-area button[type=button]{border:none;background:none;cursor:pointer;width:80%;text-align: center;}

#formTb input.submit[type=button],
#formTb input.submit[type=submit]{background:#e61772;color: #fff;border: 2px solid #cccccc;border-radius: 20px;padding: 0.5em 1.5em;font-size: 1em;line-height: 1.5;width: 45%;text-align: center;display: inline-block;cursor: pointer;}
#formTb .radioChoice label{display:block;padding: 0.7em;border-radius:5px;line-height:1.2em;background:#F2F2F2;border:#bbb solid 1px;white-space: nowrap;}
#formTb h4{ border-left:#0c7cbe solid 8px; 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 li#seiLi dd{ float:left; width:30%; margin-right:5%;}
#formTb li#seiLi .radioChoice label{ float:left; width:100%;}

#formTb li#jobLi dd{ float:left; width:20%; margin-right:5%;}
#formTb li#jobLi .radioChoice label{ float:left; width: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{ 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 #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 #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{ margin:0 1.5%;}
#formTb #kokyakuSec dt{ font-size:100%; color:#000; margin-bottom:0;}
#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: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 #yoyakuAddSec h4,
#formTb #toiawaseAddSec h4{ border-left:#edb128 solid 7px;}

#yoyakuOpenBox{ display:none;}

#formTb .addWakuBox{ background:#E6E6E6; border:#CCC solid 1px; padding:1% 2%; margin-top:2%;}
#formTb .addWakuBox section:last-Child{ border:none;}
#formTb .addWakuBox h5{ color:#333; margin-bottom:3%; border-left:#FFF solid 8px; padding: 3px 0 0 8px; font-size:130%; line-height: 1.4em;}
#formTb .addWakuBox section{ margin-top:3%;}


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

#formTb #kibouUl li{ margin-bottom:20px;}
#formTb #kibouUl li{ padding-left:20px;}
#formTb #kibouUl li dt{ float:left; width:100px; color:#333333; font-size:110%; padding-top:18px;}
#formTb #kibouUl li dd{ float:left; width:580px;}
#formTb #addChiikiSec p{ margin-left:20px;}

#formTb #confBtnBox{margin-top:4%;text-align: center;}
#formTb #confBtnBox #submit-area{ text-align:center;}
#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 dl dt.borderY
#formTb #formcCurseInput li{ float:left; margin:0 2% 0 0; width:220px;}


#formTb .attentionR{color:#ED1E79;}
#formTb .komeTxt{display:inline-block;font-size: 16px;vertical-align: bottom;}
#formTb dl dt:first-child{font-weight:bold;}
#formTb dl dt{border-left:7px solid transparent;padding-left: 0.5em;font-weight:normal;margin-bottom: 1%;}
#formTb dl dt.borderY{border-left:7px solid #F47505;padding-left: 0.5em;margin-left: -2%;font-size: 16px;}

#formTb dl dd {margin-bottom: 1em;}
#formTb form ul li{margin-bottom: 4%;padding-left: 2%;}




#formTb #nameInput input{width: 25%;margin: 0 1.5%;}
#formTb #furiganaInput input{width:25%; margin: 0 1.5%;}
#formTb #seineiLiLi select{}
#formTb #mailLi input{width:50%;}
#formTb #mailLi #mailInput{margin-bottom:2%;}
#formTb #telInput input{width:40%;}
#formTb #jushoLi #Post1,
#formTb #jushoLi #Post2{margin:0 1.5%;}
#formTb #jushoLi #Addr1,
#formTb #jushoLi #Addr2{width:100%;}
#formTb #keikenLi dd{display:inline-block;width: 19%;margin: 0 1% 0 0;float: left;}
#formTb #keikenLi label{/* width:20%; */}
#formTb #keikenLi #keikenOtherBox {clear: both;}
#formTb #keikenLi dd#keikenOther{float: none; width: 100%; margin: 1% 0;}
#formTb #keikenLi #keikenOther label,
#formTb #keikenLi #keikenOther input{width: 100%; display: block;}
#formTb #athLi textarea{width:100%;line-height: 1.2;height: 8em;}
#formTb #gakurekiInput{}
#formTb #gakurekiInput input#gakureki_name{width:35%;}
#formTb #gakurekiInput select{vertical-align:middle;}
#formTb #kaishaInput{}
#formTb #kaishaInput input{width:50%;}
#formTb #kaishaInput select{vertical-align:middle;max-width: 100%;}
#formTb #kaishaInput .topLine{border-top: 1px dotted #ccc; margin-top: 1.5em; padding-top: 1em;}
#formTb #kaishaInput input.moreKaishaInput{display: none;}
#formTb #kaishaInput .moreKaishaBox{height: 0;padding: 0;overflow: hidden;opacity: 0;visibility: hidden;position:relative;margin: 0;}
#formTb #kaishaInput .moreKaishaLabel{position: relative;display: block;background-color: #f8f8f8;width: 10em;margin: 1em auto 0;color: #00b0c5;padding: 0.2em;text-align: center;border: 1px solid #00b0c5;}
#formTb #kaishaInput .moreKaishaLabel:hover{cursor: pointer; opacity: .7;}
/*#formTb #kaishaInput .moreKaishaLabel:before{content: ""; display: block; position: absolute; right: 1em;top: 30%;  width: 0; height: 0;border-style: solid;border-width: 8px 5px 0 5px;border-color: #ffffff transparent transparent transparent;}*/
/*#formTb #kaishaInput .moreKaishaInput:checked + label.moreKaishaLabel:before{content: ""; display: block; position: absolute; right: 1em;top: 30%;  width: 0; height: 0;border-style: solid;border-width: 0 5px 8px 5px;border-color: transparent transparent #ffffff transparent;}*/
#formTb #kaishaInput .moreKaishaInput:checked + .commonKaishaBox label.moreKaishaLabel,
#formTb #kaishaInput .moreKaishaInput:checked + .moreKaishaBox label.moreKaishaLabel{display: none;}
#formTb #kaishaInput .moreKaishaInput01:checked ~ .moreKaishaBox01,
#formTb #kaishaInput .moreKaishaInput02:checked ~ .moreKaishaBox02,
#formTb #kaishaInput .moreKaishaInput03:checked ~ .moreKaishaBox03,
#formTb #kaishaInput .moreKaishaInput04:checked ~ .moreKaishaBox04,
#formTb #kaishaInput .moreKaishaInput05:checked ~ .moreKaishaBox05,
#formTb #kaishaInput .moreKaishaInput06:checked ~ .moreKaishaBox06,
#formTb #kaishaInput .moreKaishaInput07:checked ~ .moreKaishaBox07,
#formTb #kaishaInput .moreKaishaInput08:checked ~ .moreKaishaBox08,
#formTb #kaishaInput .moreKaishaInput09:checked ~ .moreKaishaBox09,
#formTb #kaishaInput .moreKaishaInput10:checked ~ .moreKaishaBox10{height: auto;opacity: 1;visibility: visible;width: auto;overflow: visible;}


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


/*　一覧用　*/

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

*/

/* contactBox */
.contactBox{ border: 1px solid #000; padding: 1em; background: #FFF; margin-top: 2em;}
.contactBox p{ text-align:center;}

/*----------------------------------------------------------------------------
 ***                                                             テンプレート用
----------------------------------------------------------------------------*/

/*　初期に隠しておく部品　*/
/*
#formLRnoInput{ display:none;}
#formNichiji2Input{ display:none;}
#nameInputJr{ display:none;}
#furiganaInputJr{ display:none;}
#nenreiInputJr{ display:none;}
#formSeitonoInput{ display:none;}
#formYosanInput{ display:none;}
#formcCurseInput{ display:none;}
*/

/*　追加パーツ　*/

/*
#pageTitle{ font-size:180%; line-height:1.2em; background:url(../common_images/icon_list09.png) left 4px no-repeat; padding:0 0 16px 28px; border-bottom:#eee solid 6px;}
.topImgBox1{ margin-top:-20px;}
.topImgBox1 p{ margin:0;}

.requestPage #pageTitle{ margin-bottom:30px;}

*/






/**/