@charset "UTF-8";

/*----------------------------------
お問い合わせフォーム
---------------------------------- */
.contact {width: 85%; max-width: 780px; margin: 0 auto 80px;}

.contact .title_jp {font-size: 23px; font-family: "a-otf-futo-min-a101-pr6n"; margin: 80px auto 15px;}
.contact .title_en {font-size: 24px; font-family: 'PT Serif', serif; font-feature-settings : "palt"; margin: 80px auto 15px;}
.contact .title_sc {font-size: 23px; font-family: 'Noto Serif SC', serif, sans-serif; margin: 80px auto 15px;}
.contact .title_tc {font-size: 23px; font-family: 'Noto Serif TC', serif; margin: 80px auto 15px;}
.contact_info {font-size: 13px; text-align: left; line-height: 1.5;}
.contact_info p {margin-bottom: 10px;}
.contact_info h2 {
	font-weight: bold;
	line-height: 1.3;
	padding: 10px 0 8px 0;
	border: 1px #ccc solid;
	margin: 15px 0;
	background: #eee;
	text-align: center;
}

.form {font-size: 13px; text-align: left; padding: 5px; border: 1px #666 solid;}
.contact .form_cap {color: #e4007f; font-size: 13px; padding-top: 10px; border-top: 1px #999 dotted; margin-top: 30px;}
.contact .form_mark {color: #e4007f; font-size: 13px; font-weight: bold;}
.contact .text_s {font-size: 12px;}

.form table {width: 100%; margin: 0 auto; line-height: 1.6; border: 1px #ccc solid; background: #e8e8dc;}
.form th, .form td {
	padding: 10px 0 10px 20px;
	border-top: 1px #999 dotted;
}
.form th {width: 30%; font-weight: bold; vertical-align: top;}
.form td {background: #fff;}

#jp_address li {width: 100%; padding: 5px 0;}
#jp_address p, #jp_address input {display: inline-block; float: left; border-top: 0px; padding: 0;}
#jp_address p {width: 25%; text-align: right;}
#jp_address input {width: *; font-size: 13px; padding: 2px 0; border: 1px #ccc solid;}
.contact input {font-size: 13px; padding: 2px 0;}

.bt_wrap {width: 520px; margin: 15px auto 20px;}
.contact button {display: block;}
.contact textarea {width: 80%; max-width: 500px;}

.form_bt {
	font-size: 14px;
	width: 250px;
	padding: 16px 0;
	cursor: pointer;
	background: #666;
}
.form_bt1 {float: left;}
.form_bt2 {float: right;}

.info_form .thanks {
	text-align: center;
	line-height: 2.5;
	width: 100%;
	margin: 50px auto;
}

.contact_thanks {
	width: 100%;
	background: #f6e2e8;
	font-size: 14px;
	line-height: 2.0;
	color: #695f6d;
	font-weight: bold;
	padding: 130px 0;
	border-radius: 10px;
}

.info_caution {background: #E4007F; padding: 9px 23px; box-sizing: border-box; color: #fff; text-align: justify;}

@media (max-width: 767px) {
	.form_radio span {display: block;}
	.form_radio br {display: none;}
}
@media (max-width: 640px) {
	.contact {width: 90%; margin: 0 auto 30px;}
	.form th, .form td {display: block; width: 100%; border: none; box-sizing: border-box;}
	.contact .text_s {display: block;}
	#jp_address p, #jp_address input {display: block; float: none;}
	#jp_address p {width: 90%; text-align: left;}
	.bt_wrap {width: 250px;}
	.form_bt1, .form_bt2 {float: none; float: none; margin: 0 auto 10px;} 
}