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

/*================================================
   以下、お問い合わせページ css  (#page_contact)
==================================================*/
/* #page_contact */
#page_contact{}
#page_contact .ttl_main{
	margin-bottom: 20px;
}
#contact_box{
	display: none;
}

/* #form_box */
.info_txt{
	text-align: center;
	margin-bottom: 30px;
}
#form_box .case{
	margin-bottom: 30px;
}
#form_box form{
	margin: 0 auto;
}
#form_box #form{
	background: #f6f6f6 none repeat scroll 0 0;
	box-sizing: border-box;
	padding: 30px;
	width: 800px;
	margin: 0 auto 30px;
}
#page_contact input,
#page_contact textarea{
	font-size:14px;
	padding:5px !important;
	letter-spacing:0;
/*	border: none !important;*/
	border: 1px #ddd solid !important;
	color: #666;
	border-radius: 0 !important;
	box-sizing: border-box;
}
table{
	box-sizing: border-box;
	width: 100%;
}
table tr th, table tr td{
	border-bottom:dashed 1px #CCC;
}
table tr th{
	padding:20px 30px 20px 0;
	text-align:right;
	white-space:nowrap;
}
table tr td{
	padding:20px 0;
	width:60%;
}
table tr th span{
	color: #d9474b;
	font-size: 60%;
	display: inline-block;
	padding-left: 5px;
	font-weight: bold;
}
table p{
	font-size: 90%;
	margin-bottom: 3px;
}

/* input */
/* input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="datetime"]:focus,
input[type="date"]:focus,
input[type="password"]:focus {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
  outline: none;
} */
input[type="submit"]:focus{
	outline: none;
}

/* select_box */
select{
	color: #666;
	min-width: 220px;
	padding: 5px 0;
	border-radius: 0;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

/*--------ボタンエリア---------*/
#page_contact #end_btn{
	text-align: center;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#page_contact #end_btn div{
	float: left;
	margin-top: 20px;
	cursor: pointer;
	width: 230px;
}

#end_btn #btn_back{margin-right: 20px;}
#btn_back #btn_next{}
.btn_b span{
	height: 100%;
}
#page_contact #end_btn .btn input{
	background: none;
	border: none!important;
	width: 100%;
	height: 100%;
	display: block;
}
#agreement_box .error{
	padding-left: 10px;
}
.txt_note{
	font-size: 12px;
	display: block;
	padding-top: 10px;
}


/*----------------- フォームページ ----------------*/
.page_form{}
#page_contact.page_form #end_btn #btn_back{ display: none;}
#page_contact.page_form #end_btn #btn_next{
	float: none;
	margin: 20px auto 0;
}
.youken span:nth-child(4){margin-right: 0 !important;}
.youken span:nth-child(5){margin-left: 20px !important;}
.youken span:nth-child(8){margin-right: 0 !important;}
.youken span:nth-child(9){margin-left: 20px !important;}


/*----------------- 入力内容確認ページ ----------------*/
.page_confirm{}
.page_confirm #end_btn #btn_back{ float: left;}
.page_confirm #end_btn #btn_next{ float: right;}
.page_confirm #agreement_box{ display: none;}
.page_confirm td .txt_note{ display: none;}


/*----------------- 送信完了ページ ----------------*/
.page_finish{}
.page_finish　.ttl_sub{}



/*================================================
   以下、SP
==================================================*/
@media screen and (max-width:768px){
	#page_contact #end_btn{
		width: 100%;
	}
	#page_contact .w_100{width: 100% !important;}
	#form_box #form {
	background: #f6f6f6 none repeat scroll 0 0;
	box-sizing: border-box;
	margin: 0 auto 10px;
	padding: 30px 20px;
	width: 100%;
	}
	table tr{
		display: block;
		width: 100%;
	}
	table tr th{
		text-align:left; 
		border-bottom: none;
		padding:10px 0 0;
		display: block;
		width: 100%;
	}
	table tr td{
	padding:10px 0 20px;
	display: block;
	width: 100%;
	}
	.youken span:nth-child(4){margin-right: 0 !important;}
	.youken span:nth-child(5){margin-left: 20px !important;}
	.youken span:nth-child(8){margin-right: 0 !important;}
	.youken span:nth-child(9){margin-left: 20px !important;}
	.mwform-checkbox-field{
		display: block;
		margin-left: 20px !important;
		margin-right: 0 !important;
	}
	.page_confirm #end_btn #btn_back{ width:40%;}
	.page_confirm #end_btn #btn_next{width:40%;}
}




/*--------モーダル---------*/
@media screen and (min-width: 769px) {
	.modal_content.center{
		text-align: center;
	}
}
@media screen and (max-width: 768px) {
	.modal_window{
		padding: 30px 1.5em;
	}
}
.usagelimit_box{
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	justify-content: flex-end;
}
.page_en .usagelimit_box{
	flex-direction: column-reverse;
}
@media screen and (max-width: 768px) {
	.usagelimit_box{
		flex-direction: column-reverse;
	}
	.radio_sp .mwform-radio-field{
		display: block;
		margin-left: 0 !important;
	}
}
/* .btn_modal_form */
.btn_modal_form{
	display: inline-block;
	line-height: 1.7;
	font-weight: 500;
}
.btn_modal_form span{
	color: #255890;
	display: flex;
	align-items: center;
	font-size: 90%;
	margin-left: 2em;
}
.btn_modal_form span::before{
	content: '？';
	display: inline-block;
	border: 1px solid #255890;
	border-radius: 50px;
	font-family: "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	font-size: 10px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	margin-right: 5px;
}
.page_confirm .btn_modal_form{
	display: none;
}
.page_en .btn_modal_form span{
	margin-left: 0;
	margin-top: 5px;
}
@media screen and (max-width: 768px) {
	.btn_modal_form span{
		font-size: 100%;
		margin-left: 0;
		margin-top: 5px;
	}
	.btn_modal_form span::before{
		width: 13px;
		height: 13px;
		line-height: 13px;
	}
	.info_txt{
		font-size: min(3.2vw, 12px) !important;
	}
}