/*--------------------------------------------------
  共通
--------------------------------------------------*/
/* キービジュアル */
#key .flexslider { min-height: 300px; }

#key .flex-control-nav { bottom: 15px; }

#key .flex-control-paging li a { background: rgba(0, 0, 0, 0.3); }
	#key .flex-control-paging li a:hover { background: rgba(0, 0, 0, 0.5); }
	#key .flex-control-paging li a.flex-active { background: rgba(0, 0, 0, 0.5); }


.reform.lead {
	margin-bottom: 50px;
	text-align: center;
}
.reform.lead .catch {
	font-size: 214%; /* 30px */
	line-height: 1.4;
}



/*--------------------------------------------------
  かんたんリフォーム
--------------------------------------------------*/
/* お悩み */
.kantan.problem .problemlist li {
	background: none;
	padding: 0;
}
.kantan.problem .problemlist strong {
	background: #f5f5f5;
	border-radius: 10px;
	display: block;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
	text-align: center;
}
.kantan.problem .problemlist strong:after {
		border-color: #f5f5f5 transparent transparent transparent;
		border-style: solid;
		border-width: 15px 10px 0 10px;
		content: "";
		display: inline-block;
		position: absolute;
		bottom: -15px;
		left: calc(50% - 10px);
	}

.kantan.problem .problemlist img {
	margin: 0;
	width: 100% !important;
}

.kantan.problem .solution {
	background: url(../img/common/ico_arrow_vermilion_bottom.png) no-repeat center 0;
	padding-top: 59px;
	text-align: center;
}
.kantan.problem .solution p {
	background: url(../img/common/ico_lightbulb_vermilion.png) no-repeat;
	color: #de6022;
	display: inline-block;
	font-size: 171%; /* 24px */
	line-height: 1.2;
	padding-left: 44px;
	text-align: left;
}


/* 商品 */
.kantan.product .productlist li {
	padding: 0;
	position: relative;
}

.kantan.product .productlist li img {
	margin: 0;
	max-width: 100%;
}
.kantan.product .productlist li strong {
	background: rgba(0,0,0,0.3);
	box-sizing: border-box;
	color: #fff;
	display: table;
	height: 50px;
	line-height: 1.4;
	padding: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000,endColorstr=#44000000);	/* IE8 */
}
.kantan.product .productlist li strong span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.kantan.product h3 {
	border-bottom: 1px solid #dcdcdc;
	font-size: 157%; /* 22px */
	margin: 45px 0 15px;
	padding-bottom: 5px;
	position: relative;
}
.kantan.product h3 a {
	font-size: 64%; /* 14px */
	font-weight: normal;
	position: absolute;
	bottom: 10px;
	right: 0;
}

.kantan.product .sub {
	background: #f5f5f5;
	box-sizing: border-box;
	padding: 23px 30px 7px 10px;
	width: 640px;
}

.kantan.product .sub .catch {
	font-size: 128%; /* 18px */
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 15px 20px;
}
.kantan.product .sub li {
	float: left;
	letter-spacing: -0.05em;
	margin: 0 0 15px 20px;
	width: 280px;
}





@media only screen and (max-width:640px) and (max-device-width:1280px) {
	
	/* 共通 */
	#key .flexslider { min-height: 75px; }
	
	.reform.lead .catch { font-size: 2rem; }
	
	
	/* かんたんリフォーム */
	.kantan.problem .solution p { font-size: 2.2rem; }
	
	.kantan.product h3 { font-size: 1.8rem; }
	.kantan.product h3 a {
		display: block;
		font-size: 1.2rem;
		margin-top: 5px;
		position: static;
	}
	
	.kantan.product .main,
	.kantan.product .sub,
	.kantan.product .sub li {
		float: none;
		width: 100%;
	}
	.kantan.product .sub li { width: calc(100% - 20px); }
	
	.kantan.product .sub .catch { font-size: 1.6rem; }
	
}