@charset "utf-8";
/*------------------------------------------------------------------------------
**
**
**	お問い合わせ フォーム
**  (※)勉強会予約 フォームと共通
**
**  0. 共通
**  1. 入力
**  2. 確認
**  3. 完了
**
**
------------------------------------------------------------------------------*/

.sp{display:none}
.pc{display:inline-block}

@media only screen and (max-width: 767px) {
.sp{display:inherit}
.pc{display:none}
}

/*==============================
**  0. 共通
==============================*/
/*------ Reset ------*/

.form-input-box-hidden,
input,
button,
textarea,
select{color:#0c2f54;margin:0;padding:0;background:0 0;border:none;border-radius:0;outline:0;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:"Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:400;font-size:18px;letter-spacing:.05em;width:100%}
button{background:0 0;border:none;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0}

textarea{font-size:16px;min-height:120px}

/* 確認画面でリセット */
.mw_wp_form_confirm textarea{min-height:initial}

/* フォームページ全体 */
.form-area-container{color:#0c2f54;padding:14px 0 100px}

/* タイトル */
.form-title-container{border-bottom:solid 5px #0c2f54;margin:0 auto 65px;padding-bottom:16px}

/* フォントスタイルなど */
.form-title{font-size:28px;font-weight:700;letter-spacing:.1em;text-align:center}

/* 選択した予約情報 */
.reservation-info{font-size:20px;font-feature-settings:'palt';margin:0 auto 30px}
.your_date{font-weight:700;margin-bottom:10px}
.your_add{font-size:16px}

@media only screen and (max-width: 767px) {
	.form-input-box-hidden,
	input,
	button,
	textarea,
	select {	font-size: 16px;}

	.form-area-container{padding:14px 0 50px}
	.form-title-container{margin:0 auto 30px}
	.form-title{font-size:24px;letter-spacing:.05em}
}



/*==============================
**  1. 入力
==============================*/
.form-container{margin:0 auto;width:650px}

/* 項目と入力欄のボックス */
.form-list{border:solid 1px #e3b92c;box-shadow:2px 2px #e3b92c;margin:0 auto 32px}

/* ※「お問い合わせ内容」 以外 */
.form-list:not(:last-of-type){display:-ms-flex;display:-webkit-flex;display:flex;position:relative}
.form-list:nth-of-type(4){margin:0 auto calc(32px + 18px)}

/* 項目名 */
.form-topics{font-size:14px;font-weight:700;line-height:1.6;padding:7px 0 0 12px;width:100px}

/* お問い合わせ内容　調整 */
.form-list:last-of-type .form-topics{width:100%}

/* 入力欄 */
.form-input-box{line-height:1.6;padding:12px;width:100%}

.form-input-box,
.form-input-box input,
.form-input-box textarea{word-wrap:break-word;overflow-wrap:break-word}



/*セレクトボックス*/
select::-ms-expand{display:none}
.select_parts01{position:relative;display:inline-block}
.mw_wp_form_input .select_parts01::after{content:'';width:6px;height:6px;border:0;border-bottom:solid 2px #B3B3B3;border-right:solid 2px #B3B3B3;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:1em;right:10px;margin-top:-6px}
.select01{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:30px;background:0 0;position:relative;z-index:1;padding:0 2em 0 1.5em;border:1px solid #dfdfdf;border-radius:2px;}

@media only screen and (max-width:767px) {
	.select01{height:40px;}
}
.selectWrap{display:flex;}
.selectWrap p span{padding:0 .2em 0 0;}
.selectWrap .select_parts01 + p{padding:0 .2em 0 1.5em;}


/* 必須 */
.required{color:#d0121b;display:block;font-size:10px;font-weight:400;margin-top:5px}

/* 注意書き */
.form-memo{color:#8597a9;font-size:12px;position:absolute;bottom:-22px;left:0}

/**** placeholder CSS ****/
/* フォーム項目　部分 */
.form-list ::-webkit-input-placeholder,
.form-list :-ms-input-placeholder,
.form-list ::placeholder{color:#adbad3}

/* 予約情報　部分 */
.reservation-info ::-webkit-input-placeholder,
.reservation-info :-ms-input-placeholder,
.reservation-info ::placeholder{color:#0c2f54}


/* ボタン */
.confirm,
.back,
.submit{border-radius:10px;cursor:pointer;display:block;font-size:20px;font-weight:700;letter-spacing:.1em;margin:0 auto 25px;padding:2px 0 3px;width:160px}
.confirm,
.back{background-color:#e3b92c}
.submit{background-color:#0c2f54;color:#e3b92c}
.confirm:hover,
.back:hover{background-color:#0c2f54;color:#e3b92c}
.submit:hover{background-color:#e3b92c;color:#0c2f54}

@media only screen and (max-width: 767px) {
	.form-container{width:100%}
	.form-list{margin:0 auto 22px}
	.form-list:nth-of-type(4){margin:0 auto 22px}
	.form-list:not(:last-of-type){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
	.form-topics{width:100%}
	.form-input-box{padding:10px 12px 18px}
	.required{display:inline-block;margin-left:8px}
	.form-memo{position:static;padding:0 0 8px 12px}
	.form-btn-container{padding:22px 0 0}
}



/*==============================
**  2. 確認
==============================*/

.main_contact-confirm .form-list,
.mw_wp_form_confirm .form-list{
	border: 0;
	box-shadow: 0 0 transparent;
}

.main_contact-confirm .form-list-wrapper,
.mw_wp_form_confirm .form-list-wrapper{
	border: solid 1px #e3b92c;
	box-sizing: border-box;
	box-shadow: 2px 2px #e3b92c;
	margin: 0 auto 32px;
	padding: 20px;
}

.main_contact-confirm .form-list,
.main_contact-confirm .form-list:nth-of-type(4),
.mw_wp_form_confirm .form-list,
.mw_wp_form_confirm .form-list:nth-of-type(4){
	margin: 0 auto 10px;
}

.main_contact-confirm .form-topics,
.main_contact-confirm .form-input-box,
.mw_wp_form_confirm .form-topics,
.mw_wp_form_confirm .form-input-box{
	padding: 17px 0 0 12px;
}

.main_contact-confirm .required,
.main_contact-confirm .form-memo,
.mw_wp_form_confirm .required,
.mw_wp_form_confirm .form-memo{
	display: none;
}


@media only screen and (max-width: 767px) {
	.main_contact-confirm .form-list-wrapper,
	.mw_wp_form_confirm .form-list-wrapper{
		margin: 0 auto 22px;
		padding: 0 0 0 3px;
	}
}

.mw_wp_form_input .confirmTxt{display:none;}
.mw_wp_form_preview .confirmTxt{font-size:18px;text-align: center;margin:20px auto;}
/*==============================
**  3. 完了
==============================*/
.form-container h3{font-size:20px;font-weight:700;margin-bottom:12px}
.contact-fin-btn{text-align:center}
.contact-fin-btn a{color:#0c2f54}

@media only screen and (max-width: 767px) {
	.form-container h3{font-size:18px}
}


#contact-form{display:none;}



/* チェックボタンカスタム css */
.checkbox-input{display: none;}
.mwform-checkbox-field-text{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.mwform-checkbox-field-text::before{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.checkbox-input:checked + .mwform-checkbox-field-text{
  /*color: #0c2f54*/
}
.checkbox-input:checked + .mwform-checkbox-field-text::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #0c2f54;
  border-right: 3px solid #0c2f54;
}