@charset "utf-8";
/* CSS Document */

#contents .sec_main {
	z-index: 50;
}
#contents .sec_01 {
	margin-top: -2.5%;
	margin-bottom: 8.021%;
}
#contents .sec_feature {
	width: 50%;
	padding: 8.021% 0;
}
#contents .sp_subttl {
	display: none;
}
@media screen and (max-width: 767px) {
	#contents .p-contents {
		width: 100%;
		max-width: none;
	}
	#contents .p-sec {
		width: 89.33333333%;
		margin-left: auto;
		margin-right: auto;
	}
	#contents .feature_box {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#contents .sec_main {
		padding-bottom: 12.8%;
	}
	#contents .sec_01 {
		margin-top: 0;
	}
	#contents .sec_feature {
		width: 100%;
		padding-top: 0;
		margin-bottom: 12.8%;
	}
	#contents .sp_subttl {
		display: block;
		margin-top: -4%;
	}
}


#contents .sec_feature01 {
	background-color: #F0F8FB;
}
#contents .sec_feature02 {
	background-color: #FDF3F2;
}

#contents .sec_box {
	padding: 150px 10.41666666% 0;
	margin-top: -140px;
	margin-bottom: 15.42%;
}
#contents .sec_box.box_01 {
	margin-top: -150px;
}
#contents .sec_box.box_03 {
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	#contents .sec_feature {
		padding-bottom: 14.6%;
		margin-bottom: 14.6%;
	}
	#contents .sec_box {
		padding-top: 13vw;
		margin-top: -11vw;
	}
	#contents .sec_box.box_01 {
		margin-top: -9vw;
	}
}

#contents h3 {
	margin-bottom: 11.3%;
	padding-top: 0.5em;
	color: #7bb7d6;
	font-size: 2.8rem;
	text-align: center;
}
#contents h3 span {
	position: relative;
	display: inline-block;
}
#contents h3 span::after {
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 2px;
	content: "";
	background: #7bb7d6;
}
@media screen and (max-width: 767px) {
	#contents h3 {
		font-size: 19px;
		font-size: 5.06666vw;
	}
}
#contents .sec_feature02 h3 {
	color: #d78a7b;
}
#contents .sec_feature02 h3 span::after {
	background: #d78a7b;
}

/*#contents .box_01 {
	padding-top: 10%;
}*/
#contents .d_01 {
	margin-bottom: 3rem;
}



/*　キレイをキープ　 お手入れらくらく*/
.f_01_d_01 > div {
	width: 47.368421052%;
}
.f_01_d_01 > div:nth-of-type(2) {
	margin-left: auto;
}

#contents .d_ttl {
	/*display: table;*/
	height: 4.5rem;
	text-align: center;
	line-height: 1.2;
}
#contents .d_ttl span {
	display: inline-block;
	width: 100%;
}
#contents .d_txt {
	font-size: 1em;
	padding-top: 8px;
}
#contents .d_txt {
	width: 100%;
	overflow: hidden;
	text-align: left;
}
#contents .d_txt span {
	float: left;
	width: 60%;
}
#contents .d_txt span:nth-of-type(2) {
	width: 40%;
	text-align: left;
}

#contents .detail_txt {
	line-height: 2;
}

/*　キレイをキープ　 */
.f_01_d_02 > div {
	width: 35.263157894%;
}
.f_01_d_02 > div:nth-of-type(3) {
	width: 29.47368421%;
}
#contents .box_02 .detail_txt,
#contents .box_03 .detail_txt {
	padding-top: 2em;
	height: 8em;
}

#contents .detail_img {
	width: 100%;
}


/*　快適で安全　ヒートショック対策*/
#contents .f_02_d_01 {
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-justify-content: space-around;
	 justify-content: space-around;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.f_02_d_01 > div {
	width: 36.842105263%;
}
.f_02_d_01 > div:nth-of-type(3) {
	width: 16.842105263%;
}
#contents .f_02_d_01 > .d_txt {
	width: 100%;
	text-align: left;
}
#contents .f_02_d_01 .d_ttl span {
	padding-top: 0.5rem;
}


@media screen and (max-width: 767px) {
	#contents .d_ttl {
		font-size: 11px;
		font-size: 2.7733vw;
		height: calc( 2.7733vw * 3 );
	}
	#contents .d_txt {
		font-size: 9px;
		font-size: 2.4266vw;
	}
	#contents .detail_txt {
		font-size: 12px;
		font-size: 3.2vw;
	}
	#contents .box_02 .detail_txt {
		height: auto;
	}
}



#contents .sec_02 {
	background-color: #EFF8F7;
	padding: 8.021% 0;
}
@media screen and (min-width: 768px) {
	#contents .sec_02 {
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
}
#contents .sec_02 .h3_sub {
	color: #37ac8d;
	font-size: 2.2rem;
	margin-bottom: 2.8125%;
}

#contents .sec_02 h3 {
	color: #37ac8d;
	margin-bottom: 6.25%;
	font-weight: normal;
}
#contents .sec_02 h3 span::after {
	background: #37ac8d;
}

#contents .sec_02 .mv_area {
	position: relative;
	width: 72.916666%;
/*	background-color: #b6b6b6;*/
	margin: 0 auto 5.208333%;
	padding-top: 56.25%;
}
#contents .sec_02 .mv_area iframe{
  /*width: 100%;*/
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#contents .sec_02 .detail_txt {
	font-size: 1.6rem;
	line-height: 2;
	margin-bottom: 6.25%;
}
#contents .sec_02 .tips {
	font-size: 1em;
	margin-bottom: 6.25%;
}
#contents .sec_02 .btn img {
	width: 54.16666%;
}
@media screen and (max-width: 767px) {
	#contents .sec_02 .h3_sub {
		font-size: 13px;
		font-size: 3.4666vw;
		text-align: center;
	}
	#contents .sec_02 .detail_txt {
		padding: 0 8%;
		font-size: 12px;
		font-size: 3.2vw;
	}
	#contents .sec_02 .tips {
		padding: 0 7% 0 8%;
		font-size: 10px;
		font-size: 2.6666vw;
	}
	#contents .sec_02 .btn {
		text-align: center;
	}
	#contents .sec_02 .btn img {
		width: 84%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 480px) {
	#contents .sec_02 .tips {
		padding: 0 6% 0 6%;
		font-size: 7px;
	}
}