@charset "utf-8";

/* メインエリア
------------------------------------------------------------*/
#main_area img{width: 100%;}

/* 導入部分
------------------------------------------------------------*/
.intro_con .intro_illust h2{margin-bottom: 100px;}

/* 動画
------------------------------------------------------------*/
video,.video_box01,.video_box02,.youtube_box{
	max-width: 840px;
	width: 100%;
	display: block;
	margin: 0 auto;
}
.youtube_box{height: 460px;}
.youtube_box iframe{
	width: 100%;
	height: 100%;
}
.video_box01,.video_box02{position: relative;}
.video_box01 figure,.video_box02 figure{
	position: absolute;
	bottom: 0;
}
.video_box01 figure{right: -130px;}
.video_box02 figure{left: -130px;}

/* 有資格者による施工で安心してお任せいただけます！
------------------------------------------------------------*/
.certification{padding: 30px;}
.certification > li{
	width: 48.5%;
	padding: 45px 40px;
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.certification.bgy > li{background-color: #fff;}
.certification.bgw > li{background-color: #F9F5EA;}
.certification > li h4{
	width: 90px;
	padding: 5px 0 8px;
}
.certification > li p{
	width: calc(100% - 90px);
	padding-left: 35px;
}

/* エコキュートの取替え工事の様子
------------------------------------------------------------*/
.wave_bg{
	background: url("../images/top/wave_before.webp") no-repeat center top / 100% 700px,url("../images/top/wave_after.webp") no-repeat center bottom/ 100% 700px;
	background-color: #F9F5EA!important;
}

/* Google口コミ
------------------------------------------------------------*/
.review .title{
	position: relative;
	z-index: 1;
}
.review .title::before{
	width: 200px;
	height: 200px;
	background-image: url("../images/top/no_1.jpeg");
}
.review .title p.bg_title{
	font-size: clamp(16px, 1.7vw, 22px);
	margin: 0 auto 10px;
	padding: 11px 30px 15px;
	letter-spacing: 0.12rem;
}
.review_box{
	padding: 140px 180px 85px;
	margin-top: -130px;
	position: relative;
}
.review_illust01,.review_illust02{position: absolute;}
.review_illust01{
	top: -90px;
	right: -80px;
}
.review_illust02{
	bottom: -50px;
	left: -80px;
}
.cm_box > ul li{
	width: fit-content;
	text-align: center;
	margin: 0.5%;
	background-color: #fff;
	padding: 5px 30px 8px;
	border-radius: 80px;
}

/* 選ばれる4つの理由
------------------------------------------------------------*/
.reasons_box{padding-top: 30px;}
.reasons_box > li{
	width: 23.7%;
	background-color: #F9F5EA;
	padding: 40px 25px 60px;
	border-radius: 20px;
}
.reasons_num{
	width: 90px;
	margin: -70px auto 25px;
}
.reasons_box > li figure{
	display: block;
	max-width: 270px;
	width: 100%;
	margin: 0 auto 15px;
}
.reasons_box > li h3{margin-bottom: 20px;}

/* 施工実績
------------------------------------------------------------*/
.works,.works .inner_box01{position: relative;}
.swiper{
	border-bottom: 1px #CCC solid;
	padding-bottom: 90px;
	margin-bottom: 90px;
}
.works .swiper-wrapper > li{
	border: 4px #EF5A26 solid;
	background-color: #fff;
	border-radius: 20px;
	padding: 40px 40px 60px;
}
.works .hover_img{
	width: 100%;
	height: 300px;
	margin: 0 auto 30px;
}
.works .swiper-wrapper > li a h3,.column_con h3{transition: .5s;}
.works .swiper-wrapper .cat_day{margin-bottom: 10px;}
.swiper-button-prev,.swiper-button-next{position: static!important;}
.swiper-btn{
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 40px;
	right: 0;
	z-index: 1;
}
.swiper-button-prev{margin-right: 13px;}
.swiper-button-prev,.swiper-button-next,.swiper-button-prev::after,.swiper-button-next::after{
	width: 80px!important;
	height: 80px!important;
}
.swiper-button-prev,.swiper-button-next{
	top: auto!important;
	bottom: auto!important;
	z-index: 2!important;
}
.swiper-button-prev,.swiper-button-next{left: auto!important;}
.swiper-button-prev{right: 105px!important;}
.swiper-button-next{right: 0!important;}
.swiper-button-prev::after,.swiper-button-next::after{
	content: ''!important;
	background: url("../images/btn_icon.webp") no-repeat center / contain;
	transition: all 0.4s, transform 0.4s;
}
.swiper-button-prev::after{transform: rotate(180deg);}
@media (any-hover: hover){
	.works .swiper-wrapper > li a:hover h3,.column_box > li > a:hover h3{color: #EF5A26;}
	.swiper-button-next:hover::after{transform: scale(1.17);}
	.swiper-button-prev:hover::after{transform: rotate(180deg) scale(1.17);}
}
.works > figure{
	position: absolute;
	top: -75px;
	right: 45px;
}

/* 取扱商品一覧
------------------------------------------------------------*/
.bnr_box li{
	width: 46%;
	margin: 1.3%;
}
.bnr_box img{
	display: block;
	margin: 0 auto;
}
.product_bnr > li:not(:nth-last-child(-n+2)){margin-bottom: 50px;}

/* コラム
------------------------------------------------------------*/
.column_box > li::after{margin-top: 30px;}
.column_box > li:not(:nth-last-child(-n+2))::after,.column_box > li:nth-child(-n+2)::before{margin-bottom: 30px;}
.column_box > li:nth-last-child(2)::after{margin-bottom: 0;}
.column_box > li > a{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.column_box .hover_img{
	width: 160px;
	height: 160px;
}
.column_con{
	width: calc(100% - 160px);
	padding-left: 40px;
}
.column_con .cat_day{margin-bottom: 10px;}

/* サポート・特典
------------------------------------------------------------*/
.support > .inner_box01{
	padding-bottom: 100px;
	position: relative;
}
.support_illust figure{
	position: absolute;
	bottom: 0;
}
.support_illust figure:first-child{left: -3%;}
.support_illust figure:last-child{right: -3%;}
.bgo_dot{
	padding: 100px 0 120px;
	background-color: #EF5A26;
	background-image: radial-gradient(rgba(255,255,255,0.1) 20%, transparent 20%),radial-gradient(rgba(255,255,255,0.1) 20%, transparent 20%);
	background-size: 18px 18px;
	background-position: 0 0, 9px 9px;
}
.bgo_dot p.center{margin-bottom: 60px;}

/* エコキュート設置までのご利用の流れ
------------------------------------------------------------*/
.flow_li{position: relative;}
.flow_li::before{
	content: '';
	width: 100%;
	height: 3px;
	background: url("../images/dot_line_o.webp") repeat-x center / contain;
	position: absolute;
	top: 35px;
}
.flow_li > li{width: 31%;}
.flow_li > li > div{
	background-color: #fff;
	padding: 35px 30px;
	border-radius: 20px;
}
.flow_li > li > div .dot_line_o::after{margin: 23px 0;}
.flow_num{
	margin-bottom: 25px;
	position: relative;
	z-index: 1;
}

/* 対応地域
------------------------------------------------------------*/
.city_bg{padding-bottom: 370px;}
.area_li.flexbox{justify-content: flex-start;}
.area_li > li{
	width: 23.6%;
	margin: 0 0.7% 0;
	background-color: #EF5A26;
	text-align: center;
	color: #fff;
	padding: 20px 0 23px;
	letter-spacing: 0.15rem;
	border-radius: 8px;
}
.area_li > li:not(:nth-last-child(-n+2)){margin-bottom: 1.3%;}
.manufacturer{padding: 70px 0 160px;}
.company_box{position: relative;}
.company_box > ul{
	display: flex;
	align-items: center;
	background-color: #fff;
	padding: 30px 230px 30px 60px;
	border-radius: 20px;
}
.company_box > ul li:not(:last-child){margin-right: 5%;}
.company_box figure{
	position: absolute;
	top: 50%;
	right: 60px;
	transform: translateY(-50%);
}
.dot_line_li li p{line-height: 2;}

/* 会社概要
------------------------------------------------------------*/
.outline_box .dot_line_li > *::after{margin-top: 40px;}
.outline_box .dot_line_li > *:not(:last-child)::after,.outline_box .dot_line_li > *:first-child::before{margin-bottom: 40px;}
.outline_box dt{width: 150px!important;}
.outline_box dd{width: calc(100% - 150px)!important;}
.map iframe{
	width: 100%!important;
	height: 100%!important;
}
.map{height: 480px;}
.corona_box ul{padding: 70px;}
.corona_box ul li{width: 23%;}
.corona_box ul li img{width: 100%;}

/* お問い合わせ
------------------------------------------------------------*/
#contact.content{padding-top: 130px;}
.contact_bnr{
	max-width: 940px;
	width: 100%;
	margin: 0 auto;
}
.contact_bnr .slash_title::before,.contact_bnr .slash_title::after{
	width: 30px;
	height: 50px;
}
.line.slash_title span{color: #00B900;}
.contact_box{
	background-color: #fff;
	position: relative;
	margin-top: 250px;
	padding: 90px 100px 100px;
}
.contact_box > p.fs20{
	border-bottom: 1px #CCC solid;
	padding-bottom: 65px;
	margin-bottom: 65px;
}
.contact_box figure{
	position: absolute;
	top: -206px;
	left: 50%;
	transform: translateX(-50%);
}
.form{margin-bottom: 80px;}
.form > dl:not(:last-child){margin-bottom: 50px;}
.form > dl,.form > dl dt{
	display: flex;
	align-items: center;
}
.form > dl{flex-wrap: wrap;}
.form > dl dt{width: 400px;}
.form > dl dd{width: calc(100% - 400px);}
.form > dl dt p{font-size: clamp(16px, 1.3vw, 20px);}
.form > dl dt p,.must{
	font-family: 'NotoSansJP-Bold';
	font-weight: bold;
	letter-spacing: 0.08rem;
}
.must{
	display: block;
	width: fit-content;
	font-size: clamp(12px, 1vw, 14px);
	background-color: #EF5A26;
	color: #fff;
	border-radius: 80px;
	padding: 3px 15px;
	margin-left: 10px;
}
.form input,.form select,.form textarea{
	border: none;
	background-color: #F2F2F2;
	outline: none;
	padding: 10px 25px;
	width: 100%;
	border-radius: 10px;
}
.form input,.form select{height: 70px;}
.form textarea{
	width: 100%!important;
	height: 250px!important;
	padding: 30px 25px;
}
.form input,.form select,.form textarea,.form button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: 'NotoSansJP'!important;
	color: #1A1A1A;
}
.privacy{
	width: 100%;
	height: 300px;
	background-color: #F2F2F2;
	padding: 50px;
	margin: 0 auto 35px;
	border-radius: 20px;
	overflow-y: scroll;
	counter-reset: number 0;
}
.privacy .dot_line_o::after{margin: 20px 0 35px;}
.privacy dt{margin-bottom: 10px;}
.privacy > dl > div:not(:last-child){margin-bottom: 30px;}
.check{
	width: fit-content;
	margin: 0 auto 40px;
}
input[type="radio"] ~ label{
	position: relative;
	display: block;
	height: 28px;
	cursor: pointer;
	font-size: clamp(14px, 1.1vw, 18px);
	letter-spacing: 0.1rem;
	padding-left: 40px;
}
input[type="radio"] ~ label::before,
input[type="radio"] ~ label::after{
	content: '';
	display: block; 
	position: absolute;
}
input[type="radio"] ~ label::before{
	width: 28px;
	height: 28px;
	background-color: #F2F2F2;
	border-radius: 5px;
	top: 0;
	left: 0;
}
input[type="radio"] ~ label::after{
	width: 8px;
	height: 13px;
	border-right: 3px #EF5A26 solid;
	border-bottom: 3px #EF5A26 solid;
	transform: rotate(45deg);
	left: 11px;
	bottom: 9px!important;
	opacity: 0;
}
input[type="radio"]:checked ~ label:after {opacity: 1;}
.form_btn,.form_btn button{
	max-width: 450px;
	width: 100%;
	margin: 0 auto;
	transition: all 0.4s, transform 0.4s;
	cursor: pointer;
}
.form_btn button{
	display: block;
	background-color: #EF5A26;
	border: 6px #FFDC64 solid;
	font-size: clamp(16px, 1.1vw, 18px);
	font-family: 'NotoSansJP-Bold';
	font-weight: bold;
	text-align: center;
	color: #fff;
	letter-spacing: 0.1rem;
	padding: 28px 0 35px;
	border-radius: 100px;
}
@media (hover: hover) {
	.form_btn:hover button{
		color: #EF5A26;
		background-color: #fff;
	}
}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/* 導入部分
	--------------------------------------*/
	.intro_con .intro_illust h2{margin-bottom: 50px;}
	.tv-cm_illust img{width: 360px;}
	.interview_img img{width: 580px;}
	
	/* 動画
	--------------------------------------*/
	.video_box01 figure{right: -10px;}
	.video_box02 figure{
		left: -10px;
		bottom: -90px;
	}
	.video_box01 figure img,.video_box02 figure img{width: 140px;}
	
	/* 有資格者による施工で安心してお任せいただけます！
	--------------------------------------*/
	.certification{padding: 15px;}
	.certification > li{
		width: 49%;
		padding: 30px 20px;
		border-radius: 15px;
	}
	.certification > li h4{
		width: 70px;
		padding: 3px 0 5px;
	}
	.certification > li p{
		width: calc(100% - 70px);
		padding-left: 25px;
	}

	/* エコキュートの取替え工事の様子
	--------------------------------------*/
	.construction .fs22.mb70{margin-bottom: 35px!important;}
	.wave_bg{background-size: 100% 400px;}
	
	/* Google口コミ
	--------------------------------------*/
	.review .title p.bg_title{
		font-size: 14px;
		margin-bottom: 5px;
		padding: 8px 20px 10px;
		letter-spacing: 0.1rem;
	}
	.review .title::before{
		width: 120px;
		height: 120px;
	}
	.review .bg_title span.fs30{font-size: 20px!important;}
	.review_box{
		padding: 90px 60px 60px;
		margin-top: -90px;
	}
	.review_illust01{right: -10px;}
	.review_illust02{left: -10px;}
	.review_illust01 img,.review_illust02 img{width: 150px;}
	.cm_box > ul li{padding: 5px 20px 8px;}
	
	/* 選ばれる4つの理由
	--------------------------------------*/
	.reasons_box > li{
		width: 49%;
		padding-bottom: 40px;
		border-radius: 15px;
	}
	.reasons_box > li:not(:nth-last-child(-n+2)){margin-bottom: 50px;}
	.reasons_num{width: 70px;}
	.reasons_box > li figure{max-width: 180px;}
	.reasons_box > li h3{margin-bottom: 15px;}

	/* 施工実績
	--------------------------------------*/
	.swiper{
		padding-bottom: 50px;
		margin-bottom: 50px;
	}
	.works .swiper-wrapper > li{
		border-width: 2px;
		border-radius: 15px;
		padding: 25px 25px 35px;
	}
	.works .hover_img{
		height: 200px;
		border-radius: 10px;
		margin: 0 auto 20px;
	}
	.works .swiper-wrapper .cat_day{margin-bottom: 7px;}
	.swiper-btn{bottom: 30px;}
	.swiper-button-prev{margin-right: 5px;}
	.swiper-button-prev,.swiper-button-next,.swiper-button-prev::after,.swiper-button-next::after{
		width: 40px!important;
		height: 40px!important;
	}
	.works > figure{
		top: -40px;
		right: 5px;
	}
	.works > figure img{width: 180px;}
	
	/* 取扱商品一覧
	--------------------------------------*/
	.product_bnr li:not(:nth-last-child(-n+2)){margin-bottom: 30px;}
	
	/* コラム
	--------------------------------------*/
	.column_box > li::after{margin-top: 25px;}
	.column_box > li:not(:nth-last-child(-n+2))::after,.column_box > li:nth-child(-n+2)::before{margin-bottom: 25px;}
	.column_box .hover_img{
		width: 110px;
		height: 110px;
		border-radius: 10px;
	}
	.column_con{
		width: calc(100% - 110px);
		padding-left: 25px;
	}
	
	/* サポート・特典
	--------------------------------------*/
	.support > .inner_box01{padding-bottom: 60px;}
	.support_illust figure:first-child{left: 0;}
	.support_illust figure:last-child{right: 0;}
	.support_illust figure img{width: 120px;}
	.bgo_dot{
		padding: 60px 0;
		background-size: 12px 12px;
		background-position: 0 0, 6px 6px;
	}
	.bgo_dot p.center{margin-bottom: 30px;}
	.bgo_dot p.center img{width: 550px;}
	
	/* エコキュート設置までのご利用の流れ
	--------------------------------------*/
	.flow_li::before{
		height: 2px;
		top: 20px;
	}
	.flow_li > li > div{
		padding: 25px 20px 30px;
		border-radius: 15px;
	}
	.flow_li > li > div .dot_line_o::after{margin: 15px 0;}
	.flow_num{
		width: 40px;
		margin-bottom: 20px;
	}

	/* 対応地域
	--------------------------------------*/
	.city_bg{padding-bottom: 210px;}
	.area_li > li{padding: 10px 0 13px;}
	.manufacturer{padding: 20px 0 70px;}
	.company_box > ul{
		padding: 20px 230px 20px 40px;
		border-radius: 10px;
	}
	.company_box figure img{width: 100px;}
	
	/* 会社概要
	--------------------------------------*/
	.outline_box.c2 > *{width: 100%;}
	.outline_box .dot_line_li > *::after{margin-top: 25px;}
	.outline_box .dot_line_li > *:not(:last-child)::after,.outline_box .dot_line_li > *:first-child::before{margin-bottom: 25px;}
	.outline_box > dl:first-child{margin-bottom: 25px;}
	.outline_box > dl:last-child > div::before{content: none;}
	.outline_box .dot_line_li .circle_title{margin-bottom: 5px;}
	.outline_box .li_mb10 > li:not(:last-child){margin-bottom: 5px;}
	.map{height: 350px;}
	.corona_box ul{padding: 30px 40px;}
	
	/* お問い合わせ
	--------------------------------------*/
	#contact.content{padding-top: 50px;}
	#contact .title.mb70{margin-bottom: 30px!important;}
	.contact_bnr{max-width: 640px;}
	.contact_bnr .slash_title::before,.contact_bnr .slash_title::after{
		width: 20px;
		height: 33px;
	}
	.contact_bnr img{width: 300px;}
	.contact_box{
		margin-top: 170px;
		padding: 55px 40px 70px;
	}
	.contact_box > p.fs20{
		padding-bottom: 40px;
		margin-bottom: 50px!important;
	}
	.contact_box figure{top: -135px;}
	.contact_box figure img{width: 200px;}
	.form{margin-bottom: 50px;}
	.form > dl:not(:last-child){margin-bottom: 40px;}
	.form > dl dt{width: 260px;}
	.form > dl dd{width: calc(100% - 260px);}
	.form > dl dt p{font-size: 15px;}
	.must{
		font-size: 12px;
		padding: 3px 10px;
	}
	.form input,.form select,.form textarea{
		padding: 8px 18px;
		border-radius: 10px;
	}
	.form input,.form select{height: 60px;}
	.form textarea{
		height: 180px!important;
		padding: 18px 18px;
	}
	.privacy{
		height: 240px;
		padding: 30px;
		margin: 0 auto 20px;
		border-radius: 15px;
	}
	.privacy .dot_line_o::after{margin: 15px 0 25px;}
	.privacy dt{margin-bottom: 5px;}
	.privacy > dl > div:not(:last-child){margin-bottom: 20px;}
	.check{	margin: 0 auto 25px;}
	input[type="radio"] ~ label{
		height: 24px;
		font-size: 14px;
		padding-left: 35px;
	}
	input[type="radio"] ~ label::before{
		width: 24px;
		height: 24px;
	}
	input[type="radio"] ~ label::after{
		width: 7px;
		height: 10px;
		left: 9px;
	}
	.form_btn,.form_btn button{max-width: 280px;}
	.form_btn button{
		border-width: 3px;
		font-size: 14px;
		padding: 15px 0 20px;
	}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	/* 導入部分
	--------------------------------------*/
	.intro_con .intro_illust h2{margin-bottom: 30px;}
	
	/* 動画
	--------------------------------------*/
	.video_box02 figure{bottom: -70px;}
	.video_box01 figure img,.video_box02 figure img{width: 100px;}
	
	/* 有資格者による施工で安心してお任せいただけます！
	--------------------------------------*/
	.certification{padding: 10px;}
	.certification > li{width: 100%;}
	.certification > li:first-child{margin-bottom: 10px;}
	
	/* Google口コミ
	--------------------------------------*/
	.review.mb85{margin-bottom: 70px!important;}
	.review_illust01{top: -70px;}
	.review_illust01 img,.review_illust02 img{width: 115px;}

	/* 施工実績
	--------------------------------------*/
	.works.overlap_content > .bgy.br50{border-top-right-radius: 0;}
	.works .swiper-wrapper > li{padding: 20px 20px 30px;}
	.works > figure{
		top: -30px;
		right: 0;
		z-index: -1;
	}
	.works > figure img{width: 105px;}

	/* 取扱商品一覧
	--------------------------------------*/
	.product p.mb100{margin-bottom: 50px!important;}
	.bnr_box li{
		width: 100%;
		margin: 0;
	}
	.product .c2 > li:not(:last-child),.bnr_box li:not(:last-child){margin-bottom: 20px;}
	.product_bnr > li:not(:last-child){margin-bottom: 25px;}
	
	/* コラム
	--------------------------------------*/
	.column_box > li:not(:last-child)::after{margin-bottom: 25px;}
	
	/* サポート・特典
	--------------------------------------*/
	.support_illust figure img{width: 90px;}
	.bgo_dot p.center,.bgo_dot ul li:not(:last-child){margin-bottom: 15px;}
	.bgo_dot p.center img,.bgo_dot ul img{width: 400px;}
	
	/* エコキュート設置までのご利用の流れ
	--------------------------------------*/
	.flow_li::before{content: none;}
	.flow_li > li{
		width: 48%;
		position: relative;
	}
	.flow_li > li:last-child{width: 100%;}
	.flow_li > li::before{
		content: '';
		width: 100%;
		height: 2px;
		background: url("../images/dot_line_o.webp") repeat-x center / contain;
		position: absolute;
		top: 20px;
	}
	.flow_li > li:not(:last-child){margin-bottom: 30px;}
	
	/* 対応地域
	--------------------------------------*/
	.company_box > ul{padding: 20px 100px 20px 30px;}
	.company_box figure{right: 0;}
	.company_box figure img{width: 83px;}

	/* 会社概要
	--------------------------------------*/
	.corona_box ul{
		max-width: 500px;
		width: 100%;
		margin: 0 auto;
		padding: 25px 20px;
	}
	.corona_box ul li{width: 48%;}
	.corona_box ul li:not(:nth-last-child(-n+2)){margin-bottom: 20px;}
	
	/* お問い合わせ
	--------------------------------------*/
	.contact_box > p.fs20{
		padding-bottom: 30px;
		margin-bottom: 40px!important;
	}
	.contact_bnr{max-width: 580px;}
	.contact_bnr li{width: 49%;}
	.contact_box{
		width: 100%;
		margin-top: 140px;
		padding: 40px 0 70px;
	}
	.contact_box > p.fs20,.contact_box form{
		width: 88%;
		margin: 0 auto;
	}
	.contact_box figure{top: -113px;}
	.contact_box figure img{width: 165px;}
	.form > dl dt,.form > dl dd{width: 100%;}
	.form > dl dt{margin-bottom: 15px;}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	.tv-cm_illust img{width: 300px;}
	
	/* 動画
	--------------------------------------*/
	.youtube_box{height: 230px;}
	
	/* 有資格者による施工で安心してお任せいただけます！
	--------------------------------------*/
	.certification > li{padding: 20px 15px 25px;}
	.certification > li h4{margin-bottom: 10px;}
	.certification > li p{
		width: 100%;
		padding-left: 5px;
	}
	
	/* エコキュートの取替え工事の様子
	--------------------------------------*/
	.wave_bg{background-size: 100% 200px;}
	.cm_box02{padding-top: 50px;}
	
	/* Google口コミ
	--------------------------------------*/
	.review.inner_box02{width: 100%;}
	.review_box{
		padding: 80px 0 70px;
		margin-top: -80px;
	}
	.review_box > div,.review_box a.btn{
		width: 88%;
		margin: 0 auto;
	}
	.review_illust01{
		top: inherit;
		bottom: -45px;
		right: 0;
	}
	.review_illust02{left: 0;}
	.cm_box > ul{justify-content: space-between;}
	.cm_box > ul li{
		width: 49%;
		margin: 0;
	}
	.cm_box > ul li:not(:nth-last-child(-n+2)){margin-bottom: 8px;}
	
	/* 選ばれる4つの理由
	--------------------------------------*/
	.reasons_box > li{
		width: 100%;
		padding: 40px 20px;
	}
	.reasons_box > li:not(:last-child){margin-bottom: 50px;}
	.reasons_box > li figure{max-width: 150px;}
	
	/* 施工実績
	--------------------------------------*/
	.works .hover_img{height: 160px;}
	
	/* コラム
	--------------------------------------*/
	.column_con{
		width: 100%;
		padding-left: 0;
	}
	.column_box .hover_img{margin: 0 auto 15px;}
	
	/* サポート・特典
	--------------------------------------*/
	.support > .inner_box01{padding-bottom: 0;}
	.support > .inner_box01 p{letter-spacing: 0.1rem;}
	.support_illust{
		display: flex;
		justify-content: center;
		margin-top: 30px;
	}
	.support_illust figure{position: static;}
	.support_illust figure:first-child{
		margin-left: 10px;
		order: 2;
	}
	.support_illust figure:last-child{order: 1;}
	
	/* エコキュート設置までのご利用の流れ
	--------------------------------------*/
	.flow_li > li{width: 100%;}

	/* 対応地域
	--------------------------------------*/
	.city_bg{padding-bottom: 170px;}
	.area_li{justify-content: space-between!important;}
	.area_li > li{
		width: 48.5%;
		margin: 0;
	}
	.area_li > li:not(:nth-last-child(-n+2)){margin-bottom: 10px;}
	.company_box > ul{
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 10px 100px 10px 20px;
	}
	.company_box > ul li{
		width: 46%;
		margin-right: 0!important;
	}
	.company_box figure{
		transform: none;
		top: inherit;
		bottom: -10px;
		right: -3px;
	}
	
	/* 会社概要
	--------------------------------------*/
	.outline_box dt,.outline_box dd{width: 100%!important;}
	
	/* お問い合わせ
	--------------------------------------*/
	.contact_bnr li{width: 100%;}
	.contact_bnr li:not(:last-child){margin-bottom: 20px;}
	.contact_bnr .slash_title::before,.contact_bnr .slash_title::after{
        width: 14px;
        height: 23px;
    }
	.contact_bnr .slash_title::before{margin-right: 10px;}
	.contact_bnr .slash_title::after{margin-left: 10px;}
	.slash_title h3.fs18,.slash_title h3.fs18 span{
		font-size: 12px!important;
		line-height: 1.5;
	}
	.contact_bnr img{width: 250px;}
	.privacy{padding: 25px 20px;}
	.privacy .dot_line_o::after{margin-bottom: 20px;}
}