@charset "utf-8";

/**/
.rollover:hover,
.rollover:hover img {
	opacity:1;
}
.title1 {
	width: 100%;
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	text-align:center;
	justify-content: center;
	font-size: 6vw;
	background:url(../img/ecocute/sp_title1.png) 0 0 no-repeat;
	background-size: contain;
	aspect-ratio: 750 / 140;
	line-height:1.2;
}
.title2 {
	padding:5px;
	background:#e6e6e6;
	border-left:3px solid #ff772d;
	border-right:3px solid #ff772d;
	font-size:4.5vw;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
}
.title1 > span {width:100%;}
.title1_s {
	font-size:4vw;
}

/* 問い合わせボタンセット */
	.contact_set1 li:nth-child(2) {
		margin-bottom:10px;
	}
	.contact_set1.mt_20 {margin-top:20px;}
	.const_info_btn {
		position:relative;
		display:none;
	}
	.sp_contact_last .const_info_btn {
		margin-bottom:10px;
		display:block;
	}
	.const_info_day202403 {
	    width: 26%;
	    font-size: 3.5vw;
	    font-weight: bold;
	    font-family: Verdana, Roboto, 'Droid Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
	    color: red;
	    text-align: center;
	    position: absolute;
	    top: 17%;
	    left: 51.5%;
	    z-index: 10;
	}


/* ビルボ */
.bb_contact {
	margin:12px 2% 0;
}

/* エコキュートとは */
.bb_shortcut {
	margin:28px 2% 0;
}

/* キャンペーン */
.campaign {
	margin-top:25px;
	position: relative;
	background: linear-gradient(to bottom, #fff 0%,#e1ffff 4%,#fdd7d7 100%);
	overflow: hidden; /* ←追加：中の要素を隠さない */
}
.title_campaign {
	-webkit-text-stroke: 5px red;
	position:absolute;
	top:0;
}
.title_campaign::before {
	content: attr(data-text);
	position: absolute;
	color: red;
	-webkit-text-stroke: 1px #fff;
}
.campaign_bg {
	width:100%;
	position:relative;
	z-index:1;
}
.campaign_items {
	position: relative;
	margin:-120% 0 120%;
	z-index: 2;
}

.campaign_items li {
	list-style: none;
}
.campaign_items img {
	height: auto;
	display: block;
}

/* 自社施工 */
.const {
	margin-top:-6px;
	position:relative;
	background: linear-gradient(to bottom, #fdd7d7 0%, #fdd7d7 3%, #fff 3%, #fff 100%);
}
.const_inner {
	margin:10px 4% 0;
}
.const_flex1 {
	display:flex;
	flex-flow: column;
}
.const_staff_img {order:1;margin-top:10px;}
.const_staff_text1 {order:2;margin-top:10px;}
.const_t_img {order:3;margin-top:20px;}
.const_staff_text2 {order:4;margin-top:10px;}
.const_staff_link {
	order:5;
	margin-top:20px;
	width:80%;
	margin-left:20%;
}

/* 省エネ */
.eco {
	margin-top:30px;
	padding-bottom:30px;
	background: linear-gradient(to bottom, #fff 0%,#dcf0ff 4%,#dcf0ff 100%);
	position:relative;
}
.eco .title1 {
    position: absolute;
    top: 0;
}
.eco_inner {
	margin-top:20px;
	position:relative;
}
.eco_p1 {
    width: 80%;
	font-size:5.8vw;
	font-weight:bold;
	line-height:1.2;
	position:absolute;
	top:14%;
	left:4%;
    z-index: 2;
}

/* 選んだ理由 */
.riyuu {
	margin-top:-6px;
	position:relative;
	background: linear-gradient(to bottom, #dcf0ff 0%, #dcf0ff 3%, #ffffe6 3%, #ffffe6 100%);
}
.riyuu_p1 {
  width:90%;
  margin: 10px auto 0;
  padding: 10px 20px;
  color: #ff5a00;
  font-size: 4vw;
  font-weight: bold;
  border: 4px solid #ff5a00;
  background: #fff;
  border-radius: 15px;
  text-align: center;
  position: relative;
  line-height:1.2;
}

/* 外枠（三角のオレンジ） */
.riyuu_p1::after {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 16px 12px 0 12px;
  border-color: #ff5a00 transparent transparent transparent;
  z-index: 1;
}

/* 内側（三角の白） */
.riyuu_p1::before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 14px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  z-index: 2;
}
.riyuu_col {
	position:relative;
}
.riyuu_text {
	padding:0 5.5% 15px;
	margin:0 auto;
	background:url(../img/ecocute/sp_riyuu_btm.png) no-repeat 0 100% / 100%;
}
.riyuu_kuchi {
	margin:10px 5.5%;
}

/* 保証 */
.guara {
	margin-top:25px;
	padding-bottom:50px;
	position:relative;
	background: linear-gradient(to bottom, #fff 0%, #fff 3%, #faffdc 3%, #faffdc 100%);
}
.guara_inner {
	margin:0 4%;
}
.guara_p1 {
	margin-top:15px;
	padding:5px;
	color:#ff5a00;
	font-size:5vw;
	font-weight:bold;
	text-align:center;
	background:#d2f5a6;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff,
	-2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff,
	4px 4px 4px #666;
}
.guara_p2 {
    margin-top: -5%;
    margin-bottom: 20px;
}
.guara_img_on1 {
    margin-top: 10px;
	position:relative;
}
.guara_img_on1 h3 {
	width:100%;
	color:#fff;
	font-size:5vw;
	font-weight:bold;
	position:absolute;
	top:3px;
	text-align:center;
}
.guara_p3 {
    margin-top: 5px;
}
.guara_enchou {
    margin-top: 5px;
}
.guara_enchou_hot {
    margin-top: -30%;
}
.guara_p4 {
    margin-top: 5px;
}

/* 10年保証の闇 */
.yami {
	margin-top:-6px;
	position:relative;
}
.yami .title1 {
    position: absolute;
    top: 0;
}
.yami_bb {
	position:relative;
}
.yami_inner {
    margin:10px 4% 0;
}
.yami_hh {
	margin-top:5px;
}
.yami_p2 {
	margin-top:10px;
}
.yami_hosyou {
	margin-top:10px;
}
.yami_p3 {
	margin-top:10px;
}

/* 安い理由 */
.yasui {
	margin-top:30px;
	padding-bottom:30px;
	background: linear-gradient(to bottom, #fff 0%, #fff 3%, #ffffe6 3%, #ffffe6 100%);
}
.yasui_title2 {
	margin:10px 3.5%;
}
.yasui_inner {
	margin:0 4%;
}

/* エコキュートとは */
.whats {margin-top:30px;}
.whats_inner {
	margin:20px 4% 0;
}
.whats_p1 {
	margin-top:20px;
}
.whats_point {
	margin-top:30px;
}
.whats_point_col {
	margin-top:5px;
}
.whats_p2 {
	margin-top:5px;
}

/* メリット */
.merit {
	margin:30px 4% 0;
}
.merit_body {
	padding:0 3% 10px;
	background:
		url(../img/ecocute/sp_merit_bg2.png) 0 100% no-repeat,
		url(../img/ecocute/sp_merit_bg1.png) 0 0 repeat-y;
	background-size: 100% auto, 100% auto;
}
.merit_body dl {
	padding-top:10px;
}
.merit_body dt {
	color:#ff5a6e;
	font-size:6vw;
	font-weight:bold;
	padding-left:1em;
	text-indent:-1em;
}
.merit_body dd {
	padding:0 3%;
}
.merit_body dt:before {
	content:"〇";
}
.demerit_inner {
	padding-top:10px;
}
.demerit {
	margin:30px 4% 0;
}
.demerit_body {
	padding:0 3% 10px;
	background:
		url(../img/ecocute/sp_demerit_bg2.png) 0 100% no-repeat,
		url(../img/ecocute/sp_demerit_bg1.png) 0 0 repeat-y;
	background-size: 100% auto, 100% auto;
}
.demerit_body dl {
	padding-top:10px;
}
.demerit_body dt {
	color:#0071bc;
	font-size:6vw;
	font-weight:bold;
	padding-left:1em;
	text-indent:-1em;
	line-height:1.2;
}
.demerit_body dd {
	padding:0 3%;
}
.demerit_body dt:before {
	content:"△";
}

/* どっちが得 */
.which {
	margin: 30px 4% 0;
}
.which_bb {
	margin-top: 15px;
}
.which_p1 {
	margin-top: 10px;
}
.which_ranning {
	margin-top: 20px;
}
.which_syoki_inner {
	padding:0 3% 20px;
	background:#fff0e6;
}
.which_p2 {
	padding:5px 0;
}
.which_ranning_inner {
	padding:0 3% 20px;
	background:#fff0e6;
}
.which_p3 {
	padding:10px 0 5px;
}
.which_p4 {
	padding:10px 0 15px;
}
.which_res_bg {
	background:#fff0e6;
	padding:20px 3%;
}


/* jirei */
.jireiBox {
	margin-top: 20px;
	padding-bottom:30px;
	background: linear-gradient(to bottom, #fff 0%, #fff 3%, #ffdfda 3%, #ffdfda 100%);
}
.jireiBox_body {
	/*margin-top: 20px;*/
}
.jireiBox_numtext {
	/*margin:5px 0;*/
	padding:5px 0;
	/*background: #ffe6be;*/
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.jireiBox_numtext > span {
	font-size: 36px;
}
.jireiBox_item {
	padding:15px 4%;
	background:#fff;
	display:flex;
	flex-wrap:wrap;
	gap:10px 2%;
}
.jireiBox_item li {
	width:32%;
	font-size: 1.2rem;
	position: relative;
}
.jireiBox_item li a {
	text-decoration: underline;
}
.jirei_new_icon {
	width: 40px;
	position: absolute;
	top: 3px;
	left: 0;
	z-index: 50;
}
.icostatus {
	width:24px;
	height:auto;
	position: absolute;
	top: 1px;
	right: 3px;
	z-index: 5;
	background:#fff;
}
.jireiBox_addtext1 {
	color:#ff7721;
	font-weight: bold;
	text-align: center;
}
.jireiBox_addtext2 {
	padding: 5px 4%;
	line-height: 1.3;
	text-shadow: 1px 1px 1px #FFF;
	background-color: #ffdfda;
}


/* 流れ */
.nagare {
	margin-top:0;
	padding-bottom: 30px;
	background: linear-gradient(to bottom, #ffdfda 0%, #ffdfda 3%, #ffffe6 3%, #ffffe6 100%);
}
.nagare_left {
	margin:15px 2% 0;
}
.nagare_left li {
	font-size: 1.5rem;
	display: flex;
}
.nagare_num {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
	color:#fff;
	background-color: #f27c00;
	border-radius: 5px;
	display: inline-block;
}
.nagare_left dl {
	width: 100%;
	padding: 0 0 25px 10px;
	background:url(../img/lp/dekinai_arrow1.png) bottom 3px left 50% no-repeat;
}
.nagare_left li:last-child dl {
	background: none;
	padding-bottom: 0;
}
.nagare_left dt {
	margin-bottom: 5px;
	line-height: 1.2;
	font-size: 1.8rem;
	font-weight: bold;
}

/* お支払い */
.payment {
	background: linear-gradient(to bottom, #ffffe6 0%, #ffffe6 3%, #fff 3%, #fff 100%);
}
.payment_title {
	margin:20px 0 10px;
}

/* 実績 */
.jisseki {
	padding-bottom:30px;
	background: linear-gradient(to bottom, #ff7b00 0%, #ff7b00 80%, #ffffd2 80%, #ffffd2 100%);
}

/* wellcom */
.hh_welcome {
	margin:0 4%;
	/*border:4px solid #ff7b00;*/
	border: solid 4px #ff7b00;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 2px #fff;    /* 外側の線になる一本線の枠線をひく*/
	outline-offset: 0px;        /* 外側の線と内側の線の空き具合を調整*/
	padding:10px 4%;
	border-radius:10px;
	background:#fff;
	position:relative;
	z-index:2;
}
.wellcom_header {
	position:relative;
}
.wellcom_p1 {
	text-align:center;
	position:relative;
}
.wellcom_car {
	position:absolute;
	z-index:-1;
	top:-10px;
	right:30px;
}


/* form */
.form {
    background: linear-gradient(to bottom, #ffffd2 0%,#ffffd2 5%,#fff 5%,#fff 100%);
}
.contactArea_p1 {
	width:45%;
	color:#df250e;
	font-size:5.5vw;
	line-height:1;
	font-weight:bold;
	text-align:center;
	position:absolute;
	top:11.7%;
	left:34%;
	text-shadow:
		1px 1px 0 #fff,
		-1px 1px 0 #fff,
		-1px -1px 0 #fff,
		1px -1px 0 #fff;
}
.contactArea_ul {
	width:95%;
	margin:0 auto;
}
.contactArea_tel {
	position:absolute;
    top: 43%;
	left:0;
}
.contactArea_form {
	position:absolute;
    top: 61%;
	left:0;
}
.contactArea_form a:hover {
	filter: brightness(1.2);
}
.jisseki {
	margin-top:20px;
}
/*
input[name="step_1_C"] {
	border-color:green;
	background:#e0ffe0;
}*/
.kataban_p2 {
	margin-top:10px;
	font-size:14px;
}
.input_error_text {
	color:#963a3a;
}


/* footer */
#footer {
	margin-bottom:100px;
	border-top:2px solid #5c3217;
	text-align:center;
}
#footerTitle {font-size:18px;font-weight:bold;}
#disp_envChange a {text-decoration:underline;}
#footerMenu01 li {padding:0 3px;display:inline;}
#footerMenu01 a {font-size:12px;color:#333;text-decoration:underline;}
#copyright {font-size:12px;color:#999;}
/**/
#FooterNavi01 {
	padding:10px 10px 0;
	background-color:#efe8da;
}
#FooterNavi01 h2 {
	margin-bottom:10px;
	font-size:2rem;
	color:#603813;
}
#FooterNavi01 li {
	background-color:#FFF;
	text-align:left;
	border-bottom:1px solid #b1b1b1;
}
#FooterNavi01 li a {
	height:45px;
	padding-left:10px;
	line-height:46px;
	color:#000;
	font-size:16px;
	text-decoration:none;
	display:block;
	position: relative;
}
#FooterNavi01 li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: solid 2px #ff4a00;
	border-right: solid 2px #ff4a00;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
#FooterNavi01 .more {padding:10px;}
#FooterNavi01 .triangle {
	padding: 0 0 0 22px;
	background: url("../img/price/sp_price_top01_066_03.png") 0 50% no-repeat;
	background-size: 18px auto;
}
#FooterNavi01.close .triangle {background-image:url("../img/price/sp_price_top01_066_06.png");}
#FooterNavi01.close {display:none;}
#footer .footer img {width:auto;}


#HeaderNavi01.fixed {
	max-width: 640px;
}

#HeaderNavi01.fixed #H-Navi01_1 {
	position: fixed;
	top: 0px;
	z-index:200;
}
#HeaderNavi01.fixed #H-Navi01_2 {
	margin-left:20.625%;
}


.fixedmenu01 {
	width:100%;
	background-color:#fff;
}

#H-Navi01_3 {
    float:right;
}


.fixedmenu01 {
	max-width:640px;
	overflow-y:auto;
	padding:10px 10px 0;
	background-color:#efe8da;
	display:none;
	position:fixed;
	top:0;
	z-index:20001;
	box-sizing:border-box;
}
.fixedmenu01.open {
	display:block;
}
.fixedmenu01_scroll_inner {
	margin-top:10px;
	overflow-y:scroll;
}
.fixedmenu01 h2 {
	margin-bottom:10px;
	font-size:2rem;
	color:#603813;
	text-align:center;
}
.fixedmenu01 li {
	background-color:#FFF;
	text-align:left;
	border-bottom:1px solid #b1b1b1;
}
.fixedmenu01 li a {
	height:32px;
	padding-left:10px;
	line-height:33px;
	color:#000;
	font-size:16px;
	text-decoration:none;
	display:block;
	position: relative;
}
.fixedmenu01 li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: solid 2px #ff4a00;
	border-right: solid 2px #ff4a00;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.fixedmenu01 .btn_fixedmenu01_close {
	padding:10px;
	text-align:center;
	display:block;
}
.fixedmenu01 .triangle {
	padding: 0 0 0 22px;
	background: url("../img/price/sp_price_top01_066_03.png") 0 50% no-repeat;
	background-size: 18px auto;
}


.pageTop a {
	display:none;
}