@charset "UTF-8";

/*お問い合わせ共通
---------------------------------------------------------- */

.contacts_conf_block,
.contacts_thanks_block {
	width:800px;
	margin:0 auto;
	padding-bottom:120px;
}

.contacts_thanks_block p{
	margin-bottom:15px;
	line-height:1.8;
}

.contacts_thanks_block p:last-child{
	margin-bottom:0;
}

@media only screen and (max-width: 798px) {
	.contacts_conf_block,
	.contacts_thanks_block {
		width:90%;
		padding-bottom:50px;
	}
	
	.contacts_thanks_block p{
		text-align: left;
	}
}

/*入力
---------------------------------------------------------- */

.contacts_faq_block {
	margin-bottom:1px;
	padding: 80px 0;
	background-color:#ececec;
}

.contacts_faq_block article,
.contacts_tel_block article{
	width:800px;
	margin: 0 auto;
	text-align: center;
}

.contacts_faq_block h2,
.contacts_tel_block h2,
.ContactForm h2 {
	margin-top:20px;
	font-size:308%;
	line-height:1.3;
	text-align: center;
	font-weight: normal;
}

.contacts_faq_block figure,
.contacts_tel_block figure,
.ContactForm figure {
	text-align: center;
}

.contacts_faq_block ul{
	width:700px;
	margin:40px auto -24px;
	text-align: center;
}

.contacts_faq_block li{
	display:inline-block;
	width:170px;
	margin: 0 5px 14px;
	list-style: none;
}

.contacts_faq_block li a{
	display:block;
	padding: 8px 15px;
	font-size:108%;
}

.contacts_tel_block {
	width:800px;
	margin:0 auto;
	padding: 80px 0;
}

.contacts_tel_block p{
	margin-top:40px;
	font-size: 182%;
	line-height:1.6;
}

.ContactForm {
	padding: 20px 0 50px;
	background-color:#f7f7f7;
}

.ContactForm .contacts_input_box{
	width:800px;
	margin:0 auto;
}

.ContactForm h2 {
	margin-bottom:20px;
}

.ContactForm .txt_caution {
	margin-bottom:10px;
	color:#ff0000;
	font-size:108%;
	text-align: center;
}

.ContactForm .table_list01 {
	margin-bottom:60px;
}

.ContactForm .table_list01 td{
	padding-top:15px;
	padding-bottom:15px;
}

.ContactForm .table_list01 input{
	width:70%;
	margin-right:10px;
	border:2px solid #cdcdcd;
}

.ContactForm .table_list01 textarea{
	width:100%;
	height:200px;
	border:2px solid #cdcdcd;
	resize: none;
}

.ContactForm p.error {
	margin-top:10px;
	color:#ff0000;
	padding-left:150px;
}

.ContactForm input.error,
.ContactForm textarea.error {
	background:#f9babc;
}

@media only screen and (max-width: 798px) {
	.contacts_faq_block {
		padding: 50px 5%;
	}
	.contacts_faq_block article,
	.contacts_tel_block article{
		width:100%;
	}
	
	.contacts_faq_block h2,
	.contacts_tel_block h2,
	.ContactForm h2 {
		margin-top:15px;
		font-size:26px;
	}
	
	.contacts_faq_block figure,
	.contacts_tel_block figure,
	.ContactForm figure {
		width:20%;
		max-width:70px;
		margin: 0 auto;
	}
	
	.contacts_faq_block ul{
		clear: both;
		width:100%;
		/*display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;*/
		margin:35px auto 0;
		overflow:hidden;
	}
	
	.contacts_faq_block li{
		float: left;
		display:block;
		/*display:block;*/
		width:48%;
		margin: 0 1% 8px;
	}
	
	.contacts_faq_block li a{
		padding: 10px;
		/*font-size:16px;*/
	}
	
	.contacts_faq_block li:last-child{
		clear: both;
		float: none;
		margin: 0 auto;
	}
	
	.contacts_tel_block {
		width:100%;
		padding: 50px 5%;
	}
	
	.contacts_tel_block p{
		font-size:15px;
	}
	
	.ContactForm {
		padding: 60px 0;
	}
	
	.ContactForm .contacts_input_box{
		width:90%;
	}
	
	.ContactForm .txt_caution {
		margin-bottom:25px;
	}
	
	.ContactForm .table_list01 {
		margin-bottom:0;
	}
	
	.ContactForm .table_list01 th{
		font-size:15px;
	}
	
	.ContactForm .table_list01 td{
		padding-top:0;
		padding-bottom:35px;
	}
	
	.ContactForm .table_list01 td span{
		display:block;
		margin-top:5px;
		font-size:12px;
	}
	
	.ContactForm .table_list01 input{
		width:100%;
		margin-right:0;
		border:1px solid #cdcdcd;
	}
	
	.ContactForm .table_list01 textarea{
		height:150px;
		border:1px solid #cdcdcd;
	}
	
	.ContactForm p.error {
		margin-top:5px;
	}
}


#contacts_input_box {width: 60%;    margin-left: auto;  margin-right: auto;   position: relative;}
#contacts_input_box { overflow: hidden !important; z-index: 100;  text-align: center;  position: relative; margin-top:10px;}
#contacts_input_box form{ width:100%; background-color: rgba(0, 0, 0, 0.5);  position:relative; top:0; left:0; }

#contacts_input_box .form-actions { padding: 0px 20px 15px;}
#contacts_input_box .form-actions .pull-left { margin-top:0px;}
#contacts_input_box .main_input_box { margin:0 auto; text-align:left; font-size:13px;padding-left:12px;}
#contacts_input_box .main_input_box .add-on{  padding:9.6px 9px; *line-height:31px; color:#fff;  width:150px; display:inline-block;}
/*#contacts_input_box .main_input_box .add-on font{display:inline-block;height:10px;vertical-align:text-bottom;}*/
#contacts_input_box .main_input_box input{ background-color: #faffbd;color:#000;height:30px; border:0px; display:inline-block; width:56%; line-height:28px;  margin-bottom:3px;}
#contacts_input_box .main_input_box textarea{ background-color: #faffbd; color:#000; border:0px; padding: 5px; display:inline-block; width:56%; line-height:28px;  margin-bottom:3px;}
#contacts_input_box .controls{ padding:0 20px;}
#contacts_input_box .control-group{ padding-top:30px; margin-bottom:0px;}
.form-vertical, .form-actions {  margin-bottom: 0; background:none; border-top:1px solid #3f4954; }

/* #contacts_input_box .normal_text{ padding:15px 10px; text-align:center; font-size:14px; line-height:20px; background:#2E363F; color:#fff; } */

#contacts_input_box .normal_text{ padding:15px 10px; text-align:center; font-size:14px; line-height:20px;  color:#fff;}

@media (max-width:800px){
#contacts_input_box{ width:80%}
}
@media (max-width: 480px){
#contacts_input_box{ width:90%}
#contacts_input_box .control-group{ padding:8px 0; margin-bottom:0px;}
}


/*確認
---------------------------------------------------------- */

.contacts_conf_block .table_list01{
	margin-bottom:55px;
	font-size:116%;
	line-height:1.8;
}

@media only screen and (max-width: 798px) {
	
	.contacts_conf_block .table_list01{
		margin-bottom:20px;
	}
}

/*完了
---------------------------------------------------------- */

.contacts_thanks_block article {
	margin-bottom:90px;
	text-align: center;
	font-size:116%;
}


@media only screen and (max-width: 798px) {
	.contacts_thanks_block article {
		margin-bottom:60px;
	}
}