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


/*----------------------------------------------------------------------------
***                                                              form共通用
----------------------------------------------------------------------------*/
#formTb{}
#formTb .formBox1{}
#formTb label{font-size: 100%;}
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    padding: 12px 18px;
    font-size: 16px;
    font-size: 1em;
    /*font-family: "メイリオ",Meiryo,"MS ゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;*/
    background: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 5px;
    vertical-align: bottom;
    width: auto;
    max-width: 100%;
}
#formTb select,
#formTb input,
#formTb textarea{/* font-size: 1rem; */padding: 0.5em;border-radius: 5px;line-height: 2.3em;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]{}
#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 #btn_submit{
    border: none;
    text-align: center;
    padding: 0;
    border-radius: 0;
    background:none;
    margin: 12px auto 24px auto;
    cursor:pointer;
}

#formTb input,
#formTb select,
#formTb textarea {
    background-color: #f7f7f7;
    border: 1px solid #e5e5e5;
    padding: 12px 15px;
    vertical-align: middle
}
#formTb input {
    margin-right: 4px;
    padding: 12px 15px
}

#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:3%;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 #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 dd {margin-bottom: 0em;}
#formTb .input_attend {
    font-size: .8rem
}
#formTb form ul li{padding-bottom: 2%;margin-bottom: 2%;border-bottom: 1px solid #ddd;}
#formTb form ul li dl{display:flex;align-items: center;}

#formTb form input.send_button {
    width: 520px;
    display: block;
    margin: 12px auto 24px auto;
    padding: 0;
    background-color: #fff;
    text-align: center;
}

#formTb form input.send_button {
    border: 0;
    border-radius: 100vw;
    width: 280px !important;
}





/*----------------------------------------------------------------------------
***                                                　　　　   太田追記
----------------------------------------------------------------------------*/
#formTb form ul li dl dt{width: 240px;}
#formTb form ul li dl dd{flex: 1;}
#formTb form ul li dl dd .after_counceling_date_box{margin: 0 0 20px 0;}
#formTb form ul li dl dd .after_counceling_date_box dt{width: 110px;}
#formTb form ul li dl dd .after_counceling_date_box dd{display: flex;align-items: center;flex-wrap: wrap;}
#formTb form ul li dl dd  .real {width: 276px}
#formTb form ul li dl dd .after_counceling_date_box dd select.counceling_date_yearmonth {width: 170px;margin-left: 20px;margin-right: 5px;}
#formTb form ul li dl dd .after_counceling_date_box dd select.counceling_date_date {width: 170px;}
#formTb form ul li dl dd .after_counceling_date_box dd select.timebox {width: 170px;margin: 0 0 0 5px;}
#formTb form ul li dl dd .after_counceling_date_box .ui-datepicker-trigger {cursor: pointer;margin: 0 15px 0 5px;vertical-align: middle;width: 22px;}
#formTb form ul li dl dd .gender_item {padding: 14px 20px 14px 0;margin-left: 20px;display: inline-block;}
#formTb .form_btn {width: 100%;display: inherit;margin: 0 auto 0 auto;text-align: center;}
#formTb .form_btn .after_counceling_date {text-align: center;}
#formTb .title_inquiry {display: block;margin: 52px 0 5px 0;font-size: 16px;text-align: center;}

#formTb #inquiry_frame {height: 120px;width: 100%;border: 1px solid #ccc;background-color: #efefef;padding: 10px;margin: 0 auto;overflow-y: scroll;overflow-x: hidden;text-align: left;}
#formTb #inquiry_frame {background-color: #f7f7f7;border: 1px solid #e5e5e5;border-radius: 5px;height: 200px;padding: 30px;}
	
#formTb #inquiry_frame p {text-align: left;}
#formTb .btnBox{text-align:center;}
#formTb .form_btn p {text-align: center;}
#formTb #form_url {display: block;width: fit-content;margin: 0 auto;}


#formTb .bgGray{background:#F2F2F2;}
#formTb .ui-widget.ui-widget-content{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:flex; justify-content: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;}

/*----------------------------------------------------------------------------
***                                                　　　　   太田追記 畑移動
----------------------------------------------------------------------------*/
.csdate{font-weight:inherit!important; }

@media screen and (max-width: 767px) {
    #formTb form ul li dl {
        display:block;
        padding-bottom:15px;;
        padding-top: 0;
    }}
#formSec #formTb #formBox .sectionInner {
    background: #ffffff;
    padding: 40px 80px;
    width: 1200px;
    margin: 0 auto 40px;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
    #formSec #formTb #formBox .sectionInner {
        background: #ffffff;
        padding: 20px 40px;
        width: 600px;
        margin: 0 auto 40px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 767px) {
    #formTb form ul li dl dd .real {
        width: 100%!important;
        margin-bottom: 10px;
    }
}


@media screen and (max-width: 767px) {
    #formTb form ul li dl dd .after_counceling_date_box{
        margin:0px!important;
        padding-bottom: 0px;
    }
}
@media screen and (max-width: 767px) {
    #formTb dl dt:first-child{font-weight:bold; padding-bottom: calc(15 / 750* 100vw);
        padding-top: calc(15 / 750* 100vw);font-size: large;}
}


@media screen and (max-width: 767px) {
    #formTb dl dt:first-child.borderY {
        font-weight: bold;
        padding-bottom: calc(40 / 750* 100vw);
        padding-top: calc(40 / 750* 100vw);
        font-size: large;
    }
}   

@media screen and (max-width: 767px) {
    #formTb .input_attend {
        font-size: 3.12907vw;
    }
}  



@media screen and (max-width: 767px) {
    #formTb form ul li dl dd .after_counceling_date_box dd select.timebox {
        width: 58%!important;
        margin-bottom: 15px !important;
		margin-left: 0px !important;
    }
} 
@media screen and (max-width: 767px) {
    selcet{margin: 5px;}
} 
@media screen and (max-width: 767px) {
    #formTb form ul li dl dd .after_counceling_date_box .ui-datepicker-trigger {
        margin: calc(-35 / 750* 100vw) 0 0 calc(20 / 750* 100vw)!important;
        width: calc(50 / 750* 100vw)!important;
    }	
} 

@media screen and (max-width: 767px) {
    #formTb input, #formTb select, #formTb textarea {
        background-color: #f7f7f7;
        border: 1px solid #e5e5e5;
        padding: 10px 10px;
        vertical-align: middle;
    }

} 

@media screen and (max-width: 767px) {
    .m-form .onlyform .form .counceling_time_label {
        margin-bottom: 15px;font-size: inherit!important;
        vertical-align: middle;
    }
}
.m-form .clearfix {
    display: inline-block;
}
.m-form #btn_more {
    width: 500px;
    height: 80px;
    display: block;
    margin: 60px auto 30px auto;
    line-height: 80px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 1.4rem;
    text-align: center
}
.m-form #btn_more:hover {
    color: #fff
}
.m-form #btn_more {
    background-color: #c9a67f;
    border-radius: 100vw;
    font-weight: 700;
    height: auto;
    font-size: inherit;
    line-height: inherit;
    padding: 19px 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:767px) {
    .m-form #btn_more {
        padding: calc(30/750*100vw) calc(60/750*100vw);
        width: 100%
    }
}

.m-form #btn_more:hover {
    background-color: #c9a67f
}
@media screen and (max-width: 767px) {
    #formTb form ul li dl dd .after_counceling_date_box dd select.counceling_date_yearmonth {
        width: calc(260 / 750* 100vw);
        margin-left: 0px!important;
        margin-right: 5px!important;
        margin-bottom: 20px;
        padding: 10px 0px;
        margin-top: 0px;
    }
}
@media screen and (max-width: 767px) {
    #formTb form ul li dl dd .after_counceling_date_box dd select.counceling_date_date {
        width: calc(260 / 750* 100vw);
        margin-left: 0px!important;
        margin-right: 0px!important;
        margin-bottom: 20px;
        padding: 10px 0px;
        margin-top: 0px;
    }
} 



@media screen and (max-width: 767px) {
    .counceling_time_label{
        font-size: large!important;
        margin-bottom: 15px!important;
		margin-left: 5px !important;
		margin-right: 5px!important;
    }
}
@media print, screen and (min-width: 768px) {
    .l-contents {
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        width: calc(1200px + 40px);
    } }
	.m-ttlsub-lv1 {
    color: #c9a67f;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
}
	@media screen and (max-width: 767px) {
    .m-ttlsub-lv1 {
        font-size: 3.65059vw;
        margin-bottom: calc(40 / 750* 100vw);
    }
}
	@media screen and (max-width: 767px) {
    .m-kv--noimg {
        margin-bottom: calc(60 / 750* 100vw);
    }
}
	
/*----------------------------------------------------------------------------
***                                                             テンプレート用
----------------------------------------------------------------------------*/

/*　初期に隠しておく部品　*/
/*
#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;}

*/






/**/