@charset "utf-8";

/*========================================
	基本設定 ここから
========================================*/

.back_D9F4EF {
	background: #D9F4EF;
}

.font21 {
	font-size: 180%;
	line-height: 1.4;
}


/*==============================
/***  メインコンテンツ  ***/
/*=============================*/

/*LPエコキュート*/

.ecoc01_bg {
	position: relative;
	background: #D0EDF7;
}

.ecoc01_bg::before {
	content: '';
	background: url("../img/lp/ecoc_bg_01.png") no-repeat bottom;
	background-size: contain;
	width: 100%;
	height: 148px;
	position: absolute;
	bottom: 100%;
	left: 0;
	z-index: -1;
}

.ecoc_conv {
	position: relative;
}

.ecoc_conv>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	position: relative;
	z-index: 2;
}

.ecoc_conv>ul>li:nth-child(1) {
	width: 60%;
	margin: 0 20% 1em;
}

.ecoc_conv>ul>li:nth-child(2),
.ecoc_conv>ul>li:nth-child(3) {
	width: 49%;
	margin: 0 0.5% 1em;
}

.ecoc_conv_dot {
	width: 96%;
	margin: 0 auto;
	padding: 0;
	background: url("../img/lp/mizu_bg_10_toka.png") repeat;
	box-sizing: border-box;
}

.ecoc_conv_bg {
	position: absolute;
	width: 58%;
	margin: 0 0 0 50%;
	bottom: -1em;
	z-index: 1;
}


.ecoc_conv_title {
	margin: -3em auto 0;
	position: relative;
	z-index: 2;
}

.ecoc02_bg_pa {
	height: 100px;
}

.ecoc02_bg {
	position: relative;
	background: #FF8724;
}

.ecoc02_bg::before {
	content: '';
	background: url("../img/lp/ecoc_bg_02.png") no-repeat bottom;
	background-size: cover;
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 100%;
	left: 0;
}

.ecoc02_01title {
	margin: -5em auto 0;
}

.ecoc02_01 {
	background: #FFFFFF;
	border-radius: 20px;
	padding: 2em;
	box-sizing: border-box;
	margin: -1px auto 0;
}


.ecoc02_01>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}

.ecoc02_01>ul>li {
	width: 97%;
	margin: 0 5% 1em;
	padding: 0.2em;
	box-sizing: border-box;
	border: 1px solid #D6D6D6;

}

.ecoc03_01title {
	margin: -5em auto 0;
}

.ecoc03_01>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}

.ecoc03_01>ul>li:nth-child(1) {
	width: 100%;
	padding: 0 0 1em;
	box-sizing: border-box;
}

.ecoc03_01>ul>li:nth-child(2) {
	width: 100%;
	padding: 0 1em;
	box-sizing: border-box;
}

.ecoc04_01title {
	margin: -5em auto 0;
}

.ecoc04_01 {
	border: #FFA910 4px solid;
	border-radius: 20px;
	background: #FFFFFF;
	padding: 1em;
	box-sizing: border-box;
}

.ecoc04_01 .prod02_01syohin {
	background: #C1272D;
}


.ecoc04_01 .prod02_01kojihi {
	background: #F4E9BD;
	color: #C1272D;
}


.ecoc04_01>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	align-items: center;
}

.ecoc04_01>ul>li:nth-child(1) {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}

.ecoc04_01>ul>li:nth-child(2) {
	width: 100%;
	padding: 1em 0 0 0;
	box-sizing: border-box;
}


.ecoc05_01title {
	position: relative;
	z-index: 1;
}

.ecoc05_02title {
	background: #FF8724;
	border-radius: 50px;
	padding: 0.8em 2em 0.2em;
	margin: -3em auto 0;
	position: relative;
	z-index: 2;
}

.ecoc05_02smn {
	border: #CCCCCC 1px solid;
	border-radius: 20px;
	padding: 1em;
	box-sizing: border-box;
}

.ecoc05_02>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
	z-index: 3;
}

.ecoc05_02>ul>li {
	width: 98%;
	margin: 0 1% 2em;
	background: #FFFFFF;
	border-radius: 20px;
	padding: 0.6em 0.6em 1.5em 0.6em;
	box-sizing: border-box;
}

.ecoc05_03>dl {
	width: 100%;
	margin: 0 auto;

}

.ecoc05_03>dl>dt {
	width: 100%;
	text-align: center;
	background: #145991;
	padding: 1em 2em;
	border-radius: 20px 20px 0 0;
	box-sizing: border-box;

}

.ecoc05_03>dl>dd {
	width: 100%;
	background: #FFFFFF;
	padding: 1em 2em;
	border-radius: 0 0 20px 20px;
	box-sizing: border-box;
}

.ecoc06_bg {
	position: relative;
	background: url("../img/lp/mizu_bg_10.png") repeat;
	z-index: 1;
}

.ecoc06_bg::before {
	content: '';
	height: 180px;
	width: 100%;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	z-index: 2;
}

.ecoc06_01title {
	position: relative;
	z-index: 3;

}

.ecoc06_01 {
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.ecoc06_01 .top02_01>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.ecoc06_01 .top02_01>ul {
	justify-content: center;
}

.ecoc06_01 .top02_01>ul>li {
	width: 100%;
}

.ecoc_bg {
	background: url("../img/lp/ecoc_bg_03.png") no-repeat bottom center;
	background-size: cover;
}

.ecoc07_01title {
	position: relative;
	z-index: 5;
	margin: -5em auto 0;
}

.ecoc07_01 {
	background: #FFFFFF;
	border-radius: 20px;
	padding: 2em 1em;
	box-sizing: border-box;
}

.ecoc07_01>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: flex-end;
	margin: 0 auto;
	padding: 0 0 0.5em;
	border-bottom: #FF5500 5px solid;
}

.ecoc07_01>ul>li:nth-child(1) {
	width: 100%;
}

.ecoc07_01>ul>li:nth-child(2) {
	width: 100%;
	text-align: right;
}

.ecoc08_01title {
	position: relative;
	z-index: 5;
	margin: -5em auto 0;
}

.ecoc08_01 {
	width: 100%;
	margin: 0 auto;
	background: #F9F5DE;
	border-radius: 20px;
	padding: 2em 1em;
	box-sizing: border-box;
}

.bord_F4E9BD_t5 {
	border-bottom: #F4E9BD 5px solid;
}

.ecoc08_01 input.text {
	border: #F4E9BD 5px solid;

}

/*========================
	選ばれる理由
========================*/
.poin_bg {
	background: url("../img/sub/poin_bg.png") repeat;
}

.poin01_01>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}

.poin01_01>ul>li {
	/*245 1400*/
	width: 48%;
	margin: 0 1% 2em;
}

.poin02_01>ul>li {
	background: #FFFFFF;
	padding: 2em 1em;
	margin: 1.5em 0 2em 0;
	box-sizing: border-box;
	border-radius: 15px;
}

.poin02_01>ul>li>dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.poin02_01>ul>li>dl>dt {
	width: 90%;
	margin: 0 auto;
}

.poin02_01>ul>li>dl>dd {
	/*1168 626*/
	width: 100%;
	margin: 1em 0;
}

/*========================
	施工の流れ
========================*/
.flow01_01>ul>li {
	padding: 2em;
	background: #FFFBCC;
	border-radius: 15px;
	box-sizing: border-box;
	margin: 0 0 4em 0;
	position: relative;
}

.flow01_01>ul>li::after {
	content: '';
	background: #FFFBCC;
	width: 15px;
	height: 100%;
	position: absolute;
	left: 49.25%;
	top: 100%;
}

.flow01_01>ul>li:last-child {
	margin: 0;
}

.flow01_01>ul>li:last-child::after {
	width: 0;
	height: 0;
}

.flow01_01>ul>li>dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.flow01_01>ul>li>dl>dt {
	/*478 936*/
	width: 100%;
	margin: 0;
}

.flow01_01>ul>li>dl>dd {
	width: 100%;
	margin: 0;
}


/*========================
	ショールームご案内
========================*/

.guid01_01>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.guid01_01>ul>li {
	width: 90%;
	margin: 1em auto;
}

.guid01_01btn a {
	display: block;
	background: #FF5500;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	position: relative;
	padding: 1em;
	box-sizing: border-box;
	border-radius: 50px;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}

.guid01_01btn a::after {
	content: '';
	background: url("../img/icon/icon_ku_FFFFFF.svg") no-repeat;
	background-size: contain;
	width: 8px;
	height: 10px;
	position: absolute;
	top: 45%;
	right: 1.5em;
	transform: translate(-50%, -50%);
	transform: rotate(90deg);

}



.guid01_01btn a:hover {
	-ms-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	border-bottom: none;
	box-shadow: none;
}

.guid01_02>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.guid01_02>ul>li {
	width: 100%;
	margin: 0 0 2em;
}

.guid02_01>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.guid02_01>ul>li {
	width: 100%;
	margin: 1em 0;
}

.guid02_01 .abou01_01 dt {
	width: 100%;
}

.guid02_01 .abou01_01 dd {
	width: 100%;
}


/*========================
	スタッフ紹介
========================*/
.intr01_01 {
	border-radius: 15px;
	box-sizing: border-box;
	padding: 1em 1.5em;
	color: #FFFFFF;
	background: #F9751C;
	font-weight: bold;
	line-height: 2.5;
}


/*========================
	会社概要
========================*/
.abou_bg {
	background: url("../img/sub/abou_bg.png");
}

.abou01_01 dt {
	background: #FBB03B;
	border: 1px solid #000000;
	border-top: 1px solid transparent;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	padding: 1em 2em;
	width: 100%;
}

.abou01_01 dd {
	background: #FFFFFF;
	border: 1px solid #000000;
	border-top: 1px solid transparent;
	box-sizing: border-box;
	padding: 1em 2em;
	width: 100%;
}

.abou01_01 dl:first-of-type dt {
	border-top: 1px solid #000000;
}

/*========================
	プライバシーポリシー
========================*/
.priv_01 dl {
	border-bottom: solid 1px #999999;
	margin: 2em 0 0;
	padding: 0 0 2em;
}

.priv_01 dl dt {
	font-size: 140%;
	font-weight: bold;
	padding: 0 0 1em;

}

/*========================
	ショールームのご予約
========================*/
.appo01_01 {
	margin-top: -4.5em;
}

.appo01_02 {
	box-sizing: border-box;
	border: solid 5px #258E7A;
	background: #fff;
	border-radius: 10px;
	margin: 2em 0 0;
	padding: 1em;
}

.appo01_02 h3 {
	margin-top: -4.5em;
}

.appo01_02 ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.appo01_02 ul li {
	box-sizing: border-box;
	width: 48%;
	margin: 0 1%;
}

.appo01_03 .float_L {
	width: 100%;
}

.appo01_03 .float_R {
	width: 100%;
}

.appo02 {
	border-bottom: solid 1px #CCCCCC;
	padding: 0 0 0.5em;
}

.appo02_01 .float_L {
	width: 100%;
}

.appo02_01 .float_R {
	width: 100%;
}

.appo03 {
	border-bottom: solid 1px #CCCCCC;
	padding: 0 0 1.5em;
}

.appo03_01 .float_L {
	width: 100%;
}

.appo03_01 .float_R {
	width: 100%;
}

/*========================
	ご相談・お見積り
========================*/
.ask01_01 {
	box-sizing: border-box;
	background: #FFFBCC;
	border-radius: 10px;
	padding: 2em;
}

.ask01_01 ul {
	list-style: none;
}

.ask01_01 ul li {
	width: 100%;
	margin: 0 0 1em;
}

/*========================
	お問い合わせ
========================*/

.rese01_01>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
}

.rese01_01>ul>li:nth-child(1) {
	width: 100%;
}

.rese01_01>ul>li:nth-child(2) {
	width: 100%;
	margin: 1.5em 0 0 0;
}

.rese01_01q {
	padding: 0 0 0 2em;
	position: relative;
}

.rese01_01q::before {
	content: '';
	background: url("../img/icon/icon_rese_01.svg") no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0.5em;
	width: 30px;
	height: 30px;
	transform: translate(-50%, -50%);
}

.rese01_02>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;

}

.rese01_02>ul>li {
	width: 100%;
	margin: 1em 0;
	border: #FFDEB7 1px solid;
	border-radius: 15px;
	padding: 1em;
	box-sizing: border-box;
	background: #FFFFFF;
	position: relative;
}

.rese01_02title {
	margin: -2em auto 1em;
}

.rese01_02>ul>li::before {
	content: '';
	background: #FFEED9;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 100%;
	left: 48%;
	z-index: -1;
}

.rese01_02>ul>li:last-child::before {
	width: 0;
	height: 0;
}

.rese02_01 {
	width: 100%;
	margin: 0 auto;
}



/*========================
	メールフォームテンプレ
========================*/


.mail01_01 {
	border: #DDDDDD 1px solid;
}

.mail01_01 dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	align-items: center;
	border-top: #DDDDDD 1px solid;
}

.mail01_01 dl:last-child {
	border-bottom: none;
}

.mail01_01 dt {
	width: 100%;
	padding: 1em 1em 0.5em;
	box-sizing: border-box;
	margin: 0;
	font-weight: bold;
}

.mail01_01 dd {
	width: 100%;
	padding: 0 1em 0.5em;
	box-sizing: border-box;
	margin: 0 0 1em;
}

input.text_min,
input.text_middle,
input.text_middle02,
input.text,
select.text,
select.text_min,
select.text_middle,
textarea.text {
	font-family: -apple-system, Roboto, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	border: #BDCCD4 solid 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50px;
	padding: 0.5em 1.5em;
	margin: 0.2em 0;
	width: 100%;
}

textarea.text {
	border-radius: 0;
}

input.text_min,
select.text_min {
	width: 30%;
}

input.text_middle,
select.text_middle {
	width: 80%;
}

input.text_middle02 {
	width: 50%;
}


.ecoc08_01 input.text_min,
.ecoc08_01 input.text_middle,
.ecoc08_01 input.text_middle02,
.ecoc08_01 input.text,
.ecoc08_01 select.text,
.ecoc08_01 select.text_min,
.ecoc08_01 select.text_middle,
.ecoc08_01 textarea.text {
	border: #F4E9BD solid 5px !important;
	border-radius: 20px !important;
}

.mail01_01hissu {
	font-size: 70%;
	display: inline-block;
	background: #FF0000;
	color: #FFFFFF;
	line-height: 1.2;
	padding: 0.3em 0.5em;
	box-sizing: border-box;
}


.mail01_02 {
	width: 100%;
	margin: 0 auto;
}

.mail01_02 input {
	width: auto;
	max-width: 90%;
	margin: 0 5%;
}

input[type=checkbox] {
	margin: 0.5em;
	transform: scale(1.5);
}

input[type=radio] {
	margin: 0.5em;
	transform: scale(1.5);
}

::placeholder {
	color: #CCCCCC;
}


.mail_calender img {
	width: 50px;
	display: inline-block;
	cursor: pointer;
	margin-left: 1em !important;
	vertical-align: middle;
}

/*========================
	メールフォームテンプレ ショールーム・お問い合わせ
========================*/
.mail02_01 dl {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 2em;
	width: 100%;
}

.mail02_01 dt {
	padding-bottom: 0.5em;
	width: 100%;
	font-weight: bold;
}

.mail02_01 dd {
	width: 100%;
	font-weight: bold;
}

.mail02_01 input.text_min,
.mail02_01 input.text_min02,
.mail02_01 input.text_middle,
.mail02_01 input.text,
.mail02_01 select.text,
.mail02_01 select.text_min,
.mail02_01 .mail,
.mail02_01 textarea.text{
border: none;
box-sizing: border-box;
border: 1px solid #CCCCCC;
font-size: 16px;
padding: 1.5em;
margin: 0.2em 0;
width: 100%;
border-radius: 0px;
}

.mail02_01 input.text_min,
.mail02_01 select.text_min {
	width: 100%;
}

.mail02_01 input.text_min02,
.mail02_01 select.text_min02 {
	width: 40%;
}

.mail02_01 input[type=checkbox] {
	margin: 0.5em;
	transform: scale(1.5);
}

.mail02_01 input[type=radio] {
	margin: 0.5em 1.5em 0.5em 0.5em;
	transform: scale(1.5);
}

::placeholder {
	color: #d0d0d0;
	font-size: 90%;
}

.mail02_02 {
	width: 100%;
	margin: 1em auto;
	line-height: 2;
}

.mail02_02 input {
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}

.mail02_02 .submit {
	background: url("../img/cms/all_plan_cont_btn.png") no-repeat;
	background-position: center;
	background-size: contain;
	width: 100%;
	height: 20vw;
	padding: 0;
	margin: 0;
	text-decoration: none;
	box-shadow: none;
	border: none;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1.5em;
	color: #fff;
}

/*========================
	マップ
========================*/

.map_sub_block {
	position: relative;
	padding-bottom: 60%;
	/* 100/横*縦*/
	height: 0;
	overflow: hidden;
}

.map_sub_block iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {

	.font21 {
		font-size: 270%;
		line-height: 1.5;
	}

	.font21pc {
		font-size: 270%;
	}

	/*========================
	給湯器LP
========================*/

	.ecoc01_bg::before {
		content: '';
		background: url("../img/lp/ecoc_bg_01.png") no-repeat center;
		background-size: cover;
		width: 100%;
		height: 248px;
		position: absolute;
		bottom: 100%;
		left: 0;
		z-index: -1;
	}

	.ecoc_conv>ul>li:nth-child(1),
	.ecoc_conv>ul>li:nth-child(2),
	.ecoc_conv>ul>li:nth-child(3) {
		width: 32%;
		margin: 0 0.5% 1em;
	}

	.ecoc_conv_dot {
		padding: 1em;
	}

	.ecoc_conv_title {
		margin: -5em auto 0;
	}

	.ecoc_conv_bg {
		width: 41%;
		margin: 0 0 0 59%;
		bottom: -2em;
	}

	.ecoc02_bg_pa {
		height: 260px;
	}

	.ecoc02_bg::before {
		content: '';
		background: url("../img/lp/ecoc_bg_02.png") no-repeat;
		background-size: cover;
		width: 100%;
		height: 260px;
		position: absolute;
		bottom: 100%;
		left: 0;
	}

	.ecoc02_01title {
		margin: -13em auto 0;
	}

	.ecoc02_01>ul>li {
		width: 37%;
		margin: 0 1%;
		padding: 0.2em;

	}


	.ecoc03_01>ul>li:nth-child(1) {
		width: 45%;
		padding: 0 0 1em;
	}

	.ecoc03_01>ul>li:nth-child(2) {
		width: 55%;
		padding: 0 1em;
	}

	.ecoc04_01 {
		padding: 1em 2em;
	}

	.ecoc04_01>ul>li:nth-child(1) {
		width: 45%;
		padding: 0 0 1em;
	}

	.ecoc04_01>ul>li:nth-child(2) {
		width: 55%;
		padding: 0 1em 0 2em;
	}

	.ecoc05_02title {
		margin: -7em auto 0;
	}

	.ecoc05_02>ul>li {
		width: 31.33333%;
		margin: 0 1% 2em;
		padding: 0.4em 0.4em 1.5em 0.4em;
	}

	.ecoc05_03>dl {
		display: table;
		table-layout: fixed;
		width: 80%;
		margin: 0 auto;

	}

	.ecoc05_03>dl>dt {
		width: 20%;
		display: table-cell;
		vertical-align: middle;
		background: #145991;
		padding: 1em;
		border-radius: 20px 0 0 20px;

	}

	.ecoc05_03>dl>dd {
		display: table-cell;
		background: #FFFFFF;
		vertical-align: middle;
		padding: 1em 2em;
		border-radius: 0 20px 20px 0;
	}

	.ecoc06_01 {
		margin: -35px auto 0;
		position: relative;
		z-index: 2;
	}

	.ecoc06_01 .top02_01>ul>li {
		width: 44%;
	}

	.ecoc07_01title {
		margin: -10em auto 0;
	}

	.ecoc07_01 {
		padding: 2em;
	}

	.ecoc07_01>ul {
		width: 90%;
	}

	.ecoc07_01>ul>li:nth-child(1) {
		width: 50%;
	}

	.ecoc07_01>ul>li:nth-child(2) {
		width: 48%;
		text-align: right;
	}

	.ecoc08_01title {
		margin: -10em auto 0;
	}


	/*===============================
  右固定バナー
===============================*/
	.kote_r {
		position: fixed;
		top: 10%;
		right: 0;
		z-index: 30;
		filter: drop-shadow(0.4rem 2px 5px rgba(0, 0, 0, 0.05))
	}

	.kote_r img {
		margin: 0;
		width: 60%;
		max-width: 234px;
		float: right;
	}


	/*========================
	選ばれる理由
========================*/
	.poin01_01>ul>li {
		/*245 1400*/
		width: 17.5%;
		margin: 0 1.25% 2em;
	}

	.poin02_01>ul>li>dl>dt {
		width: 40%;
		margin: 0 0 0 4%;
	}

	.poin02_01>ul>li>dl>dd {
		/*1168 626*/
		width: 54%;
		margin: 0 0 0 2%;
	}


	/*========================
	ショールームご案内
========================*/
	.guid01_01>ul>li {
		width: 46%;
		margin: 1em 1%;
	}

	.guid01_02>ul>li {
		width: 31.6666%;
		margin: 0 0.8% 2em;
	}

	.guid02_01>ul>li {
		width: 50%;
		margin: 0;
	}

	.guid02_01 .abou01_01 dt {
		width: 30%;
	}

	.guid02_01 .abou01_01 dd {
		width: 70%;
	}

	/*========================
	施工の流れ
========================*/

	.flow01_01>ul>li>dl>dt {
		/*478 936*/
		width: 52%;
		margin: 0 3% 0 0;
	}

	.flow01_01>ul>li>dl>dd {
		width: 45%;
		margin: 0;
	}

	/*========================
	ショールームのご予約
========================*/
	.appo01_01 {
		margin-top: -7.5em;
	}

	.appo01_02 {
		border: solid 10px #258E7A;
		border-radius: 25px;
		padding: 2.5em;
	}

	.appo01_02 h3 {
		margin-top: -9.5em;
	}

	.appo01_02 ul li {
		width: 24.8%;
		margin: 0 0.2666% 0 0;
	}

	.appo01_02 ul li:nth-child(4) {
		margin-right: 0;
	}

	.appo01_03 .float_L {
		box-sizing: border-box;
		width: 48%;
	}

	.appo01_03 .float_R {
		box-sizing: border-box;
		width: 48%;
	}

	.appo02_01 .float_L {
		width: 33.3333%;
	}

	.appo02_01 .float_R {
		box-sizing: border-box;
		width: 66.6666%;
		padding: 0 1em;
	}

	.appo03_01 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.appo03_01 .float_L {
		box-sizing: border-box;
		width: 46.6666%;
		margin: 0 1.666%;
	}

	.appo03_01 .float_R {
		box-sizing: border-box;
		width: 46.6666%;
		margin: 0 1.666%;
	}

	/*========================
	ご相談・お見積り
========================*/
	.ask01_01 {
		border-radius: 15px
	}

	.ask01_01 ul {
		width: 82%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}

	.ask01_01 ul li {
		width: 31.0975%;
		margin: 0 3.3537% 1em 0;
	}

	.ask01_01 ul li:nth-child(3) {
		margin-right: 0;
	}

	/*========================
	お問い合わせ
========================*/
	.rese01_01>ul>li:nth-child(1) {
		width: 50%;
	}

	.rese01_01>ul>li:nth-child(2) {
		width: 33.33333%;
		margin: 1em 8% 0;
	}

	.rese01_02>ul>li {
		width: 30.72%;
		margin: 1em 1.3%;
	}

	.rese01_02>ul>li::before {
		width: 50px;
		top: 40%;
		left: 100%;
		right: auto;
		bottom: auto;
	}

	.rese02_01 {
		width: 90%;
	}

	.esti01_01 .rese01_02>ul>li {
		width: 22.971014%;
		margin: 1em 1%;
	}

	/*=========================
	メールフォームテンプレ
==========================*/

	input.text_min,
	input.text_middle,
	input.text_middle02,
	input.text,
	select.text,
	select.text_min,
	select.text_middle,
	textarea.text {
		padding: 1em 1.5em;
	}

	.mail01_01 dt {
		padding: 1em;
		box-sizing: border-box;
		font-weight: bold;
		width: 25%;
		display: table-cell;
		vertical-align: middle;
		border-right: #DDDDDD 1px solid;
		margin: 0;
		text-align: center;
		border-bottom: none;

	}

	.mail01_01 dd {
		display: table-cell;
		vertical-align: middle;
		width: 68%;
		padding: 0.7em 1.2em;
		margin: 0.5em 3% 0.5em 4%;
	}

	input.text,
	select.text,
	textarea.text {
		width: 100%;
	}

	.mail01_02 {
		width: 73%;
		margin: 0 0 0 26%;
	}

	.mail01_02 input {
		width: auto;
		margin: 0 auto;
	}

	input.text_middle,
	select.text_middle {
		width: 35%;
	}

	input.text_middle02 {
		width: 50%;
	}

	input.text_min,
	select.text_min {
		width: 20%;
	}

	input.text_min02,
	select.text_min02 {
		width: 10%;
	}

	.mail02_02 .submit {
		width: 50%;
		height: 10vw;
	}

	/*=========================
	メールフォームテンプレ ショールーム予約・お問い合わせ
==========================*/
	.mail02_01 dl {
		margin-bottom: 0;
	}

	.mail02_01 dt {
		box-sizing: border-box;
		font-size: 18px;
		display: table-cell;
		padding: 2em 0 1em;
		width: 18%;
	}

	.mail02_01 dd {
		box-sizing: border-box;
		display: table-cell;
		vertical-align: top;
		padding: 1em 0;
		width: 82%;
	}

	.mail02_02 {
		width: 82%;
		margin: 0 0 0 18%;
	}

	.mail02_02 input {
		width: auto;
		margin: 0 auto;
	}

	/*========================
	マップ
========================*/

	.map_sub_block {
		position: relative;
		padding-bottom: 33.333%;
		/* 100/横*縦*/
		height: 0;
		overflow: hidden;
	}

}

/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1200px) {
	/**** メインコンテンツ　****/

	.ecoc08_01 {
		width: 83%;
		padding: 2em 5%;
	}


	/*=========================
	会社概要
==========================*/
	.abou01_01 dl {
		display: flex;
		font-size: 120%;
	}

	.abou01_01 dt {
		display: flex;
		align-items: center;
		width: 22%;
	}

	.abou01_01 dd {
		border-left: 1px solid transparent;
		display: flex;
		align-items: center;
		width: 78%;
		padding: 2em;
		line-height: 2;
	}

	.abou01_01 dl:first-of-type dd {
		border-top: 1px solid #000000;
	}

	/*=========================
	メールフォームテンプレ
==========================*/
	.mail02_01 input.text_min,
	.mail02_01 select.text_min {
		width: 100%;
	}

	.mail02_01 input.text_min02,
	.mail02_01 select.text_min02 {
		width: 20%;
	}

	.mail02_01 input.text_middle {
		width: 45%;
	}

}


/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1600px) {

	/**** メインコンテンツ　****/
	.font21 {
		font-size: 280%;
		line-height: 1.4;
	}


	/*===============================
  右固定バナー
===============================*/

	.kote_r {
		position: fixed;
		top: 5%;
	}

	.kote_r img {
		width: 100%;
	}
}