@charset "utf-8";
/* ===================================================================

 file name  :outline.css
 style info :物件概要

=================================================================== */

/* =============================

	overwrite

=============================== */




/* =================================== */


#main img{
	width:100%;
	height:auto;
}


#main .lead h2{
	font-size:200%;
	margin-bottom:0.7em;
	line-height:1.2;
}
#main .lead .txt{
	font-size:117%;
	line-height:1.8;
}


#main #warranty{
	margin-bottom:50px;
}
#main #warranty .lead{
	position:relative;
	margin-bottom:40px;
}
#main #warranty .lead .img{
	position:absolute;
	top:0;
	right:120px;
	width:260px;
}

#main #warranty ul{
	overflow:hidden;
	height:auto;
}
#main #warranty ul li{
	width:489px;
	padding:28px;
	float:left;
	background:#e8f7f9;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#main #warranty ul li h3{
	color:#2ca8b7;
	font-size:167%;
	margin-bottom:0.3em;
}
#main #warranty ul li .txt{
	width:265px;
	float:left;
	font-size:117%;
	line-height:1.6;
}
#main #warranty ul li .img{
	width:158px;
	float:right;
}
#main #warranty ul li:nth-of-type(1) {
	padding-right:10px;
}
#main #warranty ul li:nth-of-type(2) {
	float:right;
}
#main #warranty ul li:nth-of-type(2) .txt{
	width:174px;
}
#main #warranty ul li:nth-of-type(2) .img{
	width:221px;
}



/* insurance */
#main #insurance{
}
#main #insurance .lead{
	margin-bottom:1em;
}
#main #insurance .detail{
	overflow:hidden;
	height:auto;
	border:1px solid #bdbdbd;
	padding:28px;
	position:relative;
	min-height:270px;
}
#main #insurance .detail ul{
	overflow:hidden;
	height:auto;
	width:715px;
}
#main #insurance .detail ul li{
	float:left;
}
#main #insurance .detail ul li h3{
	font-size:134%;
	color:#2ca8b7;
	margin-bottom:0.3em;
}
#main #insurance .detail ul li:nth-of-type(1) h3{
	font-size:167%;
}
#main #insurance .detail ul li p{
	font-size:117%;
	line-height:1.6;
}
#main #insurance .detail figure{
	position:absolute;
	top:28px;
	right:28px;
	width:190px;
}
#main #insurance .detail figure figcaption{
}
#main #insurance .detail ul li:nth-of-type(1){
	width:100%;
	margin-bottom:22px;
}
#main #insurance .detail ul li:nth-of-type(2){
	width:410px;
	padding-right:22px;
	margin-right:22px;
	border-right:1px solid #bdbdbd;
}
#main #insurance .detail ul li:nth-of-type(3){
	width:256px;
}


/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 768px){

	/* =============================
	
		overwrite
	
	=============================== */
	
	
	
	
	/* =================================== */


	
	#main .lead{
		margin-bottom:3%;
	}
	#main .lead h2{
		font-size:117%;
		margin-bottom:0.8em;
	}
	#main .lead .txt{
		font-size:11px;
	}


	#main #warranty{
		margin-bottom:20px;
	}
	#main #warranty .lead{
		margin-bottom:18px;
	}
	#main #warranty .lead .img{
		position:static;
		width:72.7%;
		margin:3% auto;
	}

	#main #warranty ul li{
		width:100%;
		padding:14px;
		float:none;
		overflow:hidden;
		height:auto;
		margin-bottom:11px;
	}
	#main #warranty ul li h3{
		font-size:100%;
	}
	#main #warranty ul li .txt{
		width:60%;
		font-size:84%;
		line-height:1.5;
	}
	#main #warranty ul li .img{
		width:32.6%;
	}
	#main #warranty ul li:nth-of-type(1) {
		padding-right:14px;
	}
	#main #warranty ul li:nth-of-type(2) {
		float:none;
	}
	#main #warranty ul li:nth-of-type(2) .txt{
		width:60%;
	}
	#main #warranty ul li:nth-of-type(2) .img{
		width:35%;
	}



	/* insurance */
	#main #insurance{
	}
	#main #insurance .detail{
		padding:14px;
		min-height:100%;
	}
	#main #insurance .detail ul{
		height:auto;
		float:none;
		width:100%;
	}
	#main #insurance .detail ul li{
		float:none;
		overflow:hidden;
		height:auto;
	}
	#main #insurance .detail ul li h3{
		font-size:109%;
	}
	#main #insurance .detail ul li:nth-of-type(1) h3{
		font-size:100%;
	}
	#main #insurance .detail ul li p{
		font-size:84%;
		line-height:1.5;
	}
	#main #insurance .detail figure{
		width:34.86%;
		position:static;
		float:right;
		
	}
	#main #insurance .detail figure figcaption{
		font-size:9px;
	}
	#main #insurance .detail ul li:nth-of-type(1){
		margin-bottom:1em;
	}
	#main #insurance .detail ul li:nth-of-type(1) p{
		float:left;
		width:56%;
	}
	#main #insurance .detail ul li:nth-of-type(2){
		width:100%;
		padding:0 0 1em;
		border-right:none;
	}
	#main #insurance .detail ul li:nth-of-type(3){
		width:100%;
	}








}