@charset "utf-8";
/* ==================== 建物のこと ==================== */



/* ------------------------------

	top

------------------------------ */

.structure #contents_top_innner {
	z-index: 100;
}



/* ------------------------------

	工事の流れ

------------------------------ */

#flow_top {
	margin-bottom:20px;
}

.flow_list {
	margin-bottom:30px;
	padding:12px 12px 2px;
	border:3px solid #ECECE4;
}

.flow_list h2 {
	margin-bottom:12px;
	font-size:18px;
	font-weight:bold;
	color:#000;
}

.flow_list h2 img {
	width: 60px;
	height: 60px;
	margin-right:5px;
	vertical-align:middle;
}

.flow_list li {
	margin-bottom:10px;
	padding:10px 0 0;
	border-top:1px dotted #CCC;
}

.flow_list li h3 {
	font-size:14px;
	font-weight:bold;
}

.flow_list li h3 img {
	width: 20px;
	height: 20px;
	margin-right:5px;
	vertical-align:middle;
}

.flow_list li p {
	font-size:12px;
	line-height:1.5;
	padding-left:25px;
}


@media screen and (max-width: 768px){
	#flow_top {
		margin-bottom: 0;
	}
	#flow_top p {
		margin-bottom: 0;
		line-height: 1.5;
	}
}




/* ------------------------------

	保証・アフター

------------------------------ */

#resident h2 img {
	width: 680px;
	height: 60px;
}

#resident .tochi_detail_outline h3 img {
	width: auto;
	height: auto;
}

#after_copy {
	margin-bottom:30px;
}

.after_box {
	margin:0 auto 50px;
}

.after_box h3 ,
.after_box p {
	margin-bottom:10px;
}

#after1 .kashi-img img {
	width: 328px;
	height: auto;
	border:1px solid #CCC;
	margin: 0 5px;
	float: left;
}


@media screen and (max-width: 768px){
	#resident h2 {
		margin-bottom: 2%;
		width: 100%;
		font-size: 20px;
		line-height: 1.4;
	}
	#resident h2 p {
		margin-bottom: 2%;
		padding: 1% 0;
	}

	#resident h3 {
		margin: 0 0 1%;
		width: 99%;
		font-size: 18px;
		color: #FFF;
		line-height: 1.5;
		background: #6D6E70;
	}

	#resident h3 p {
		padding: 1% 2%;
	}

	#resident h4 {
		margin: 0 0 1%;
		width: 100%;
		font-size: 14px;
		line-height: 1.5;
		background: #EEE;
	}

	#resident h4 p {
		padding: 1% 2%;
	}

	#after1 .kashi-img {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		display: block;
		width: 100%;
	}

	#after1 .kashi-img img {
		width: 90%;
		max-width: 320px;
		margin:0 auto 20px;
		display: inline;
		float: none;
	}	
}





/* clearfix --------------------*/
	#after1:before, #after1:after { content:""; display:table; }
	#after1:after { clear:both; }
	#after1 { zoom:1; }
/* -------------------- clearfix */


#after1 dl {
	margin-right:10px;
	width:328px;
	float:left;
}

#after1 .kashi01 img {
	width: 328px;
	height: 79px;
}

#after1 .kashi02 img {
	width: 160px;
	height: 50px;
}

#after1 .kashi03 img {
	width: 328px;
	height: 60px;
}

#after2 .diban-box {
	position: relative;
	width: 100%;
	height: auto;
	border:1px solid #CCC;
}

#after2 .diban-box .diban-midashi {
	position: relative;
	width: 100%;
	height: 94px;
	background: #f2f2f2;
}

#after2 .diban-box .diban-midashi p {
	position: relative;
	width: 80%;
	height: auto;
	padding: 15px 0 15px 15px;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.8;
	font-weight: bold;
	float: left;
}

#after2 .diban-box .diban-midashi figure {
	margin: 5px 5px 0 0;
	text-align: right;
	position: relative;
	width: 15%;
	height: auto;
	float: right;
}

#after2 .diban-box .diban-midashi figure img {
	width: 88%;
	height: auto;
}

#after2 .diban-box .diban-text p {
	position: relative;
	padding: 15px;
	margin-bottom: 0;
}


@media screen and (max-width: 768px){
	#after2 .diban-box .diban-midashi {
		position: relative;
		width: 100%;
		height: auto;
		background: #f2f2f2;
	}

	#after2 .diban-box .diban-midashi p {
		position: relative;
		width: auto;
		height: auto;
		padding: 15px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 1.5;
		font-weight: bold;
		float: none;
	}

	#after2 .diban-box .diban-text p {
		font-size: 12px;
	}
}




#afterservice_flow {
	margin-bottom: 10px;
}

#afterservice_flow h3 img {
	width: 360px;
	height: 20px;
}

#afterservice_flow img {
	width: 680px;
	height: 210px;
}



#afterservice table {
	margin-bottom:10px;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
}

#afterservice th ,
#afterservice td {
	padding:5px;
	line-height:1.5;
	font-size:12px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

#afterservice th {
	width:auto;
	font-size:12px;
}

#afterservice tbody th {
	background:#F8F8F8;
}


#afterservice_tanki {
	margin-bottom:20px;
}

#afterservice_tanki p {
	font-size:12px;
	text-align:right;
}

#afterservice_chouki p {
	font-size:12px;
	line-height:1.5;
}

#afterservice_tanki h3 ,
#afterservice_chouki h3 {
	margin-bottom:10px;
}

#afterservice_chouki h3 img {
	width: 110px;
	height: 20px;
}


@media screen and (max-width: 768px){
	#afterservice_chouki h4 p {
		font-size:14px;
		line-height:1.5;
	}
}




#afterservice_dial {
	margin-top: 30px;
	border: 1px solid #CCC;
	width: 678px;
}

/* clearfix --------------------*/
	#afterservice_dial:before, #afterservice_dial:after { content:""; display:table; }
	#afterservice_dial:after { clear:both; }
	#afterservice_dial { zoom:1; }
/* -------------------- clearfix */

#afterservice_dial h3 {
	background:#f2f2f2;
}

#afterservice_dial h3 img {
	width: 678px;
	height: 79px;
}

#afterservice_dial p {
	padding:0  20px;
	/*
	padding:0 0 0 20px;
	width:340px;
	float:left;
	*/
}

/*
.afterservice_dial_tel {
	width:305px;
	height:125px;
	line-height:125px;
	vertical-align:middle;
	float:right;
}

.afterservice_dial_tel img {
	vertical-align:middle;
}
*/


@media screen and (max-width: 768px){
	#afterservice_flow {
		margin-bottom: 10px;
	}

	#afterservice_flow h3 {
		margin: 8px 0;
		padding: 0;
		color: #FFF;
		line-height: 1.5;
		background:  #FFF;
	}

	#afterservice_flow h3 img {
		max-width: 90%;
		height: auto;
	}

	#afterservice_flow .kikan {
		text-align: center;
		margin: 0 auto 10px;
		display: block;
		width: 100%;
	}

	#afterservice_flow .kikan img {
		width: 90%;
		height: auto;
		margin:0 auto;
		display: inline;
	}

	#afterservice_dial {
		border: none;
		width: 100%;
	}

	#afterservice_dial .sumai-dial figure {
		width: 15%;
		float: left;
		text-align: center;
		margin:0 auto;
	}

	#afterservice_dial .sumai-dial figure img {
		width: 90%;
	}

	#afterservice_dial .sumai-dial p {
		width: 85%;
		float:right;
		padding: 0;
		font-size:12px;
	}

}




/* ------------------------------

	構造・品確法

------------------------------ */

#tec_top {
	margin-bottom:25px;
}

#tec_top h2 {
	margin-bottom:15px;
}


#tec_quality {
	margin-bottom:40px;
	padding:19px;
	border:1px dotted #CCC;
}


#tec_quality h2 {
	margin-bottom:10px;
}

#tec_quality table ,
#tec_quality th ,
#tec_quality td {
	border:0;
}

#tec_quality table {
	width:100%;
	border:1px solid #DDD;
}

#tec_quality th {
	background:#F5F5F5;
	font-size:12px;
	line-height:1.5;
	text-align:center;
	border:1px dotted #CCC;
}

#tec_quality td {
	text-align:center;
	font-weight:bold;
	font-size:30px;
	border:1px dotted #CCC;
}

.tec_cont {
	margin-bottom:20px;
	margin-right:-20px;
	width:720px;
}

/* clearfix --------------------*/
	.tec_cont:before, .tec_cont:after { content:""; display:table; }
	.tec_cont:after { clear:both; }
	.tec_cont { zoom:1; }
/* -------------------- clearfix */

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

.tec_cont dl {
	margin-bottom:40px;
	width:340px;
	margin-right:20px;
	float:left;
}

.tec_cont dt {
	margin-bottom:10px;
}

.tec_cont dd {
	padding-left:20px;
	background:url(../images/list.png) no-repeat 8px -132px;
}




#cboxOverlay {
	background:rgb(0,0,0) 90% !important;
}

.tec_contents {
	margin-bottom:30px;
	padding:13px 0 0 13px;
	width:auto;
	border:1px solid #CCC;
}

/* clearfix --------------------*/
	.tec_contents:before, .tec_contents:after { content:""; display:table; }
	.tec_contents:after { clear:both; }
	.tec_contents { zoom:1; }
/* -------------------- clearfix */

.tec_contents h2 {
	margin-bottom:13px;
	line-height:1;
}

/*
div#modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
}

div#modal div.background {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color:#000;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

div#modal div.container {
	position: relative;
	width: 500px;
	background-color: #000;
}
*/

.tec_modal {
	/*
	padding:13px;
	width:auto;
	*/
	margin-right:13px;
	margin-bottom:13px;
}

.tec_modal2 {
	width:319px;
	float:left;
}

.tec_modal h3 {
	margin-bottom:10px;
	padding:5px;
	font-size:17px;
	font-weight:bold;
	line-height:1.5;
	overflow:hidden;
	zoom:1;
	background:#EEE;
}

/* clearfix --------------------*/
	.tec_modal:before, .tec_modal:after { content:""; display:table; }
	.tec_modal:after { clear:both; }
	.tec_modal { zoom:1; }
/* -------------------- clearfix */

.tec_modal .tec_modal_img  {
	margin-left:10px;
	float:right;
}

.tec_modal p {
	overflow:hidden;
	zoom:1;
	margin-bottom:15px;
	line-height:2;
	font-size:12px;
}

.tec_modal p b {
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
	color:#FFF;
	background:#222;
	font-size:12px;
}


.tec_contents_kozo {
	margin-bottom:50px;
}

.tec_contents_kozo h2 {
	margin-bottom:10px;
	padding-left:5px;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px dotted #CCC;
}