/* ***********************************
‹¤’Ê
*********************************** */
html {
	font-feature-settings: "palt" 1;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
ol,ul { list-style: none;}
main {
	overflow: hidden;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.heat_pump_change .main_visu,
.heat_pump_change #main_area {
	background: #f7f2ed;
	font-family: 'Zen Maru Gothic', sans-serif;
}
@media screen and (min-width: 769px){
	.sp {
		display: none !important;
	}
	.main_visu, #main_area {
		min-width: 1200px;
	}
	.main_visu {
		padding-top: 150px;
	}
	.main_visu img {
		width: 100%;
	}
}

@media screen and (max-width: 768px){
	.pc {
		display: none !important;
	}
	.main_visu {
		padding-top: 67.5px;
	}
}

/* ***********************************
page
*********************************** */

#main_text {
	font-weight: bold;
	text-align: center;
}
@media screen and (min-width: 769px){
	#main_text {
		font-size: 36px;
		line-height: 73px;
		padding: 115px 0 100px;
	}
}
@media screen and (max-width: 768px){
	#main_text {
		font-size: 13px;
		line-height: 26px;
		padding: 16px 0 27px;
	}
}

#about {
	color: #f7f2ed;
	text-align: center;
	background: #c7361d;
}
#about h2 {
	font-weight: bold;
	text-align: center;
}
#about strong,
#about span {
	color: #eadccf;
	display: inline-block;
}
#about #price {
	text-align: center;
	position: relative;
	background: #eadccf;
}
#about #price figcaption::before {
	content: "";
	display: block;
	background: url(../images/figure_img.svg) no-repeat center center;
	background-size: 100% 100%;
}
#about #price figure img {
	margin: 0 auto;
}
#about #price figcaption {
	color: #000;
	text-align: left;
	font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Hiragino Kaku Gothic Pro', '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif;
}
#recommend {
	text-align: center;
	background: #c7361d;
}
#recommend h3 + p {
	color: #eadccf;
	font-weight: bold;
}
#recommend .link {
	color: #221714;
	font-weight: bold;
}
#recommend .link a {
	color: #00ffff;
}
#recommend img {
	margin: 0 auto;
}
@media screen and (min-width: 769px){
	#about {
		font-size: 37px;
		padding: 130px 0 120px;
	}
	#about strong {
		font-size: 54px;
		margin-top: 30px;
	}
	#about strong span {
		font-size: 200%;
		line-height: 0.5;
	}
	#about #price {
		font-size: 14px;
		line-height: 19px;
		max-width: 1300px;
		margin: 50px auto 0;
		border-radius: 44px;
		padding: 75px 70px 65px;
	}
	#about #price figcaption::before {
		right: -72px;
		bottom: 54px;
		width: 351px;
		height: 395px;
		position: absolute;
	}
	#about #price img {
		border-radius: 44px;
	}
	#about #price figcaption {
		margin-top: 75px;
		padding-right: 150px;
	}

	#recommend {
		padding-top: 130px;
		padding-bottom: 165px;
	}
	#recommend h3 img {
		max-width: 1154px;
	}
	#recommend h3 + p {
		font-size: 48px;
		line-height: 1.4;
		margin: 25px 0 48px;
	}
	#recommend h3 + p small {
		font-size: 41px;
	}
	#recommend h3 + p strong {
		font-size: 84px;
		margin-bottom: 32px;
	}
	#recommend .link {
		font-size: 28px;
		margin-bottom: 56px;
	}
}
@media screen and (max-width: 768px){
	#about h2 {
		font-size: 13px;
		line-height: 22.5px;
		padding: 37px 0 34px;
	}
	#about h2 strong {
		font-size: 21px;
		margin-top: 8px;
	}
	#about h2 span {
		font-size: 200%;
		line-height: 0.5;
	}
	#about #price {
		padding: 45px 13px;
	}
	#about #price figcaption::before {
		width: 175px;
		height: 197px;
		margin: 28px auto 29px;
	}
	#about #price figcaption {
		font-size: 10px;
		line-height: 15px;
		padding: 0 10px;
	}
	#recommend {
		padding: 50px 22px;
	}
	#recommend h3 + p {
		margin: 0 -22px;
		font-size: 17px;
	}
	#recommend h3 + p small {
		font-size: 13px;
	}
	#recommend h3 + p strong {
		font-size: 22px;
	}
	#recommend .link {
		font-size: 13px;
		margin: 10px 0 28px;
	}
}

#voice img {
	margin: 0 auto;
}
#main_area .banner h2 {
	color: #409d96;
	font-weight: bold;
	text-align: center;
}
#main_area .banner img {
	margin: 0 auto;
}
@media screen and (min-width: 769px){
	#voice {
		padding-top: 108px;
		padding-bottom: 100px;
	}
	#main_area .banner {
		padding-bottom: 100px;
	}
	#main_area .banner h2 {
		font-size: 30px;
		line-height: 52px;
		margin-bottom: 15px;
	}
	#main_area .banner li + li {
		margin-top: 45px;
	}
}
@media screen and (max-width: 768px){
	#voice {
		padding: 50px 26px;
	}
	#main_area .banner {
		padding: 0 28px 46px;
	}
	#main_area .banner h2 {
		font-size: 12.5px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	#main_area .banner li + li {
		margin-top: 12px;
	}
}