@charset "utf-8";


/* お問い合わせフォーム（共通）
---------------------------------- */
 .contact-form {
	width:100%;		/* 98% */
	margin:0 auto;
	font-size:16px;	/* 1.0em */
	font-size:1.0rem;	/* 0.9em */
}

/* For iOS Form Zoom */
.contact-form input[type=datetime-local], .contact-form input[type=time], .contact-form input[type=week], .contact-form input[type=month], .contact-form input[type=date], .contact-form input[type=search], .contact-form input[type=url], .contact-form input[type=password], .contact-form input[type=number], .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=tel], textarea, select{font-size:16px;}

.contact-form label { display:block; }
.contact-form .inpS{ width:20%;}
.contact-form .inpM{ width:80%;}
.contact-form .inpL{ width:80%;}
#unit_num{ width:5em; margin-right:7px;}
#building_year,#budget{margin-right:7px;}
#customer_tel_3,#customer_tel_spare_3,#tantou_tel_3,#tantou_tel_spare_3{margin-right:10px;}
input[type=radio]{margin-left:10px; margin-right:2px; position: relative; top: 0.1em;}
#consultation_content,#condition_detail,#other_content{width:80%; height:150px;}
#building_year,#budget{width:20%;}
#customer_name,#customer_kana{width:80%;}
.contact-form .guideSet{
		display:inline-block;
		*display:inline;
		*zoom:1;
		width:100%;

}
 .contact-form h4 {
	font-size:1.0em;
	font-size:0.9rem;
}
.contact-form h2 {
	font-size:1.5rem;
	margin-bottom:.9rem;
	letter-spacing: 0;
}
 .contact-form .mark_required {
	font-size:0.8em;
	font-size:0.8rem;
	display:inline-block;
	background-color:#c70014;
	padding:1px 5px;
	color:#ffffff;
	margin:0 1em;
}
 .contact-form .area_alert {
	background-color:#e2e2e2;
}
 .contact-form .alert_text{
	color:#c70014;
	font-weight:bold;
}
 .contact-form .alert_on{
	margin: 0 0 10px 0;
}
 .contact-form input{
	padding:3px;
}
.contact-form input[type=text],.contact-form input[type=number],.contact-form input[type=tel],.contact-form input[type=email]{
	min-height: 30px;
}
 .contact-form textarea{
	padding:3px;
}
.contact-form input[type=tel]{width:12em;}

.contact-form select{
	padding:3px;
	min-height: 30px;
	vertical-align: top;
}

.contact-form select[disabled]{
	background: #eee;
}


/* form-status
------------------------------ */
 .contact-form ul.form-status {
	font-size:1.0em;
	font-size:0.9rem;
	font-weight:bold;
	color:#000000;
	display:block;
	text-align:center;
	padding: 0;
	margin:0;
	background-color:#e2e2e2;
}
 .contact-form ul.form-status li {
	display:inline-block;
	padding:10px 20px;
	vertical-align:middle;
	background-color: #e2e2e2 ;
}
 .contact-form ul.form-status li.current {
	background-color: #0068b6 ;
	color:#ffffff;
}
 .contact-form ul.form-status li.next {
	background-color: #e2e2e2 ;
	color:#000000;
}

.contact-form table.form-layout {
	width:100%;
}
 .contact-form table.form-layout td, .contact-form table.form-layout th {
	padding:10px 10px;
}
 .contact-form table.form-layout td{
	word-break: break-all;
	border-left:0;
}
 .contact-form table.form-layout th{
	border-right:0;
	vertical-align:top;
	font-weight:bold;
	width:25%;
}

/* buttons
----------------------------------------- */
input.btn-submit{
	padding:1em;
	padding:1rem;
	margin:1rem auto;
	background-color:#0068b6;
	color:#ffffff;
	font-weight:600;
	letter-spacing:0.1rem;
	font-size:1rem;
	border:solid #0068b6 1px;
	border-radius:.25rem;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
}
input.btn-submit:hover{
	cursor:pointer;
	background-color:#0087e8;
	color:#ffffff;
}
input.btn-submit, input.btn-etc{
	padding:1em;
	padding:1rem;
	margin:1rem auto;
}


/* Message
----------------------------------------- */
.alertbox{
	padding:1em;
	padding:1rem;
	border:solid #c70014 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
}
.alertbox.hide{
	display:none;
}
/* confirm screen
------------------------------ */
input.btn-etc{
	padding:1em 1em;
	padding:1rem 1rem;
	margin:10px 10px;
	letter-spacing:0.1em;
	background-color:#e8e8e8;
	color:#777777;
	font-weight:bold;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
}
input.btn-etc:hover{
	cursor:pointer;
	background-color:#eeeeee;
	color:#333333;
}

#notes_for_inquiry{margin-top:3rem;}

table.table01.form-layout tr th, table.table01.form-layout tr td {border-bottom:solid #e2e2d2 1px; padding-bottom:2rem;}


/* お問い合わせフォーム（共通）ここまで
---------------------------------- */



@media screen and (min-width: 960px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 640px) {
}
@media screen and (max-width: 640px) {
	.align_R{
		padding: 10px;
	}

	/* form-status
	------------------------------ */
	.contact-form ul.form-status {
		text-align:left;
		padding:0;
		border:none;
	}
	.contact-form ul.form-status li {
		display:block;
		padding:5px 20px 5px 20px;
		vertical-align:middle;
		background:none;
	}
	.contact-form ul.form-status li.current {
		padding:10px 5px 10px 20px;
		background:url(/support/contact/images/bg_contact-form-status_02.gif) #0068b6 no-repeat 100% 50%;
		color:#ffffff;
	}
	.contact-form ul.form-status li.next {
		background:none;
		color:#000000;
	}
	.contact-form ul.form-status li.first, .contact-form ul.form-status li.last {
		padding:5px 20px 5px 20px;
	}

	/* form-table
	------------------------------ */
	.contact-form table.form-layout tr{ display:block; }
	.contact-form table.form-layout th{
		display:block;
		width:100%;
		border-left:none;
		border-right:none;
		border-bottom:none;
	}
	.contact-form table.form-layout td{
		display:block;
		padding-bottom:2em;
		border-left:none;
		border-right:none;
		border-bottom:none;
	}
	.contact-form table.table01 {
		font-size:16px;
		font-size:1rem;
		border-top:none;
		border-left:none;
		border-right:none;
		border-bottom:#ddd solid 1px;
	}

	/* parts
	----------------------------------------- */
	.contact-form textarea{
		width: 100%;
	}
	.contact-form select{
		width: 100%;
	}
	.contact-form .tel_type{
		width: auto;
	}
	.contact-form input[type="text"]{
		width: 100%;
	}
	.contact-form .inpM{
		width: 100%;
	}
	.contact-form .inpL{
		width: 100%;
	}
	.contact-form input[type=text],.contact-form input[type=number],.contact-form input[type=tel],.contact-form input[type=email]{
		min-height: 35px;
	}
	.contact-form select{
		min-height: 35px;
	}
	#consultation_content,#condition_detail,#other_content{
		width: 100%;
	}
	#customer_name, #customer_kana{
		width: 100%;
	}

	input.btn-submit{
		padding:1em;
		padding:1rem;
		margin:1rem auto;
		letter-spacing:0;
		font-weight:400;
		font-size:0.9rem;
	}


	table.table01.form-layout tr th {border-bottom:solid #e2e2d2 1px; padding-bottom:.5rem; padding-top:1.5rem;}
	table.table01.form-layout tr td {border-bottom:solid #e2e2d2 1px; padding-bottom:1.5rem; padding-top:.5rem;}
}

@media screen and (min-width: 960px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 640px) {
	.contact_area .content-box.anchor-box01 ul li {margin:.2rem 0;}
	.contact_area .content-box.anchor-box01 ul li a {margin:0 .2rem; padding:1.2rem .8rem; font-weight:600; font-size:1.1rem; font-weight:600;}
	.contact_area .content-box.anchor-box01 ul li a span {font-weight:300;}
}
@media screen and (max-width: 640px) {
	.contact_area .content-box.anchor-box01 ul li {margin:0; padding:.2rem;}
	.contact_area .content-box.anchor-box01 ul li a{width:100%; margin:0; padding:.8rem .4rem; font-weight:600;}
	.contact_area .content-box.anchor-box01 ul li a span {font-weight:300;}
}