@charset "utf-8";

/*
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/
/* 初期はabsoluteな要素にしておく */

/*
-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

00. Contact
01. Contact【PC】
============================================================== */



/*------------------------------------
00.Contact
------------------------------------*/
.btnList {
}

.btnList li {

}


.btnList li a {
	text-align:center;
	display:block;
	line-height:44px;
	height:44px;
	text-decoration: none !important;
}


.btnList li a:after {
	content: '';
	background:url(../images/com/ico_mail.png) no-repeat 8px 13px;
	display:inline-block;
	width: 28px; /*アイコン画像横サイズ*/
	height: 44px; /*アイコン画像縦サイズ*/
	background-size:20px 14px;
	vertical-align:middle;
}


/*------------------------------------
02.Contact Form
------------------------------------*/
.forminput {
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.forminput span {
	color:#e65a5a;
}

.forminput input[type="text"] {
	width:100%;
	border:solid 1px #bfbfbf;
}

.forminput dd {
	margin:0 0 20px 0;
}


.forminput textarea {
	width:100%;
	border:solid 1px #bfbfbf;
	min-height:160px;
}


.input_btn input[type="button"] {
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	width:100%;
	line-height:44px;
	background:#000;
	color:#FFF;
	text-align:center;
}

.input_btn input[type="submit"] {
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	width:100%;
	line-height:44px;
	background:#000;
	color:#FFF;
	text-align:center;
}


.contact_txt {
	text-align:center;
}

.contact_lead {
	line-height:1.7;
}

.repair_flow li:before {
	content:"1";
	margin-right:20px;
	
}

.repair_content {
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:solid 1px #d3d3d4;
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.repair_content h3 {
	text-align:center;
	font-size:18px;
	margin-bottom:30px;
}

.repair_flow,
.repair_faq  {
	line-height:1.7;
}
.repair_faq {
	margin-bottom:30px;
}

.repair_faq_last {
	margin-bottom:0;
}

.repair_flow dt,
.repair_faq dt {
	float:left;
	width:7%;
}

.repair_flow dd, 
.repair_faq dd {
	float:left;
	width:93%;
}

.repair_faq dd.single {
	width:100%;
	padding-left:7%;
}

.repair_flow_txt {
	margin-top:30px;
}

.formtitle {
	font-size:18px;
	text-align:center;
	margin-bottom:30px;
}

.repair_content_in {
	margin-bottom:40px;
}

.repair_sche_list li {
	margin-bottom: 20px;
}
.repair_cost_tbl {
	margin: 15px 0 0 0;
	border-collapse: collapse;
}
.repair_cost_tbl th {
	width: 60%;
	vertical-align: text-top;
	
}

.repair_cost_tbl th,
.repair_cost_tbl td {
	line-height: 26px;
	border: solid 1px #ccc;
	padding: 3px;
	font-size: 10px;
}
.repair_cost_tbl td {
	line-height: 1.2em;
}

@media (min-width: 769px) {

/*------------------------------------
01.Contact【PC】
------------------------------------*/

#contact .wrap .inner {
	width:600px;
}

.btnList li {
	display:block;
	width:280px;
	float:left;
	text-align:center;
	margin:20px 40px 0 0;
}

.btnList li:nth-child(even) {
	margin:20px 0 0 0;

}

.input_btn {
	width:280px;
	margin:40px auto;
}

.btnList li a {
	margin-top:0;
}

.repair_flow dt,
.repair_faq dt {
	float:left;
	width:26px;
}

.repair_flow dd, 
.repair_faq dd {
	float:left;
	width:574px;
}

.repair_cost_tbl {
	margin: 15px 0 0 20px;
	border-collapse: collapse;
}
.repair_cost_tbl th {
	width: 280px;
	vertical-align: text-top;
	
}

.repair_cost_tbl th,
.repair_cost_tbl td {
	line-height: 26px;
	border: solid 1px #ccc;
	padding: 3px;
	font-size: 12px;
}
.repair_cost_tbl td {
	line-height: 1.2em;
}

}