@charset "UTF-8";

/*----- MW WP form 設定 ----------------------------------------------------*/

p.form_top_msg{ width:90%;  padding:20px 5%; font-size:1.2em; font-weight:bold; float:left; }

div.formArea{ width:90%; padding:0 5%; float:left; }

div.formTbl{ width:90%; padding:20px 5%; float:left; }
div.tblborder-top{ border-top:1px solid #778e96; }
div.checkboxArea{ width:90%; padding:20px 5% 30px; float:left; }

div.formTbl table{ width:100%; float:left; }

div.formTbl table tr{ width:100%; padding:10px 0; float:left; }
div.formTbl table tr th{ width:18%; padding:10px 0; font-size:1em; letter-spacing:0.2em; text-align:left; vertical-align:middle; float:left; }
div.formTbl table tr th span{ color:#ff0000; font-size:0.8em; }
div.formTbl table tr td{ width:78%; float:right; }
div.formTbl table tr td p{ line-height:2em; }

div.checkboxTxt,
div.formTbl_Tit{ width:100%; font-size:1.1em; font-weight:bold; float:left; }
div.checkboxTxt span{ font-size:0.8em; }
div.checkboxList{ display:flex; flex-wrap:wrap; justify-content: space-between; width:100%; padding:20px 0; float:left; }

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){
	
	input{ font-size:16px; }

	p.form_top_msg{ width:100%; padding:0; font-size:1.1em; text-align:center; }
	
	div.formArea{ width:100%; padding:0; }
	
	div.formTbl{ width:98%; padding:20px 1%; }
	div.checkboxArea{ width:98%; padding:20px 1% 30px; }
	
	div.formTbl table tr th{ width:100%; padding:10px 0; letter-spacing:0em; }
	div.formTbl table tr td{ width:100%; float:left; }
	
}

/*----- 入力フォームの 設定 ----------------------------------------------------*/

.input_waku{ width:100%; padding:10px 2%; border-radius:5px; border:1px solid #213c46; background-color:#edf7e9; box-sizing: border-box; float:left; }
.input_waku:focus{ background-color:#fff; }
.input_file{ padding:10px 0; }
.textarea_waku{ width:100%; padding:10px 2%; border-radius:5px; border:1px solid #213c46; background-color:#edf7e9; box-sizing: border-box; float:left; }
.textarea_waku:focus{ background-color:#fff; }
div.checkboxList>span{ display:block; width:19%; margin-bottom:10px; }
div.checkboxList>span label input{ display: none; }
div.checkboxList>span label span{ display:block; width:100%; padding:5px 0; text-align:center; font-size:0.9em; border:1px solid #213c46; border-radius:10px; cursor:pointer; float:left; }
div.checkboxList>span input:checked + span { background-color:#d6ffc6; }


/* MW WP form rest */
.mw_wp_form .horizontal-item + .horizontal-item{ margin-left:0!important; }

/* ボタン設定 */
div#confbtn { width:30%; padding:30px 0; margin:0 auto; font-size:1.1em; font-weight:bold; color:#18314c; text-align:left; overflow:hidden; }
.conf_btn_bg { width:100%; height:66px; border:2px solid #5c73a1; background-color:#4ff36a; font-size:1.1em; color:#18314c; letter-spacing: 0.2em; cursor:pointer; transition: all 0.3s ease; float:left; }
.conf_btn_bg:hover { background-color:#fff338; }

div.pb_btn{ width:100%; padding:20px 0; float:left; }
.pb_btn_bg { width:100%; height:66px; border:2px solid #5c73a1; background-color:#4ff36a; font-size:1.1em; color:#18314c; letter-spacing: 0.2em; cursor:pointer; transition: all 0.3s ease; float:left; }
.pb_btn_bg:hover { background-color:#fff338; }

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){

	div.checkboxList>span{ width:48%; }
	
	/* ボタン設定 */
	div#confbtn { width:70%; padding:30px 0; margin:0 auto; font-size:1.1em; font-weight:bold; color:#18314c; text-align:left; overflow:hidden; }
	.conf_btn_bg { width:100%; height:66px; border:2px solid #5c73a1; background-color:#4ff36a; font-size:1.1em; color:#18314c; letter-spacing: 0.2em; cursor:pointer; transition: all 0.3s ease; float:left; }
	.conf_btn_bg:hover { background-color:#fff338; }

	div.pb_btn{ width:100%; padding:20px 0; float:left; }
	.pb_btn_bg { width:100%; height:66px; border:2px solid #5c73a1; background-color:#4ff36a; font-size:1.1em; color:#18314c; letter-spacing: 0.2em; cursor:pointer; transition: all 0.3s ease; float:left; }
	.pb_btn_bg:hover { background-color:#fff338; }
	
	
}