/************************************************************************************************************************

low.css

***********************************************************************************************************************/

/*** low用に修正  **********************************/
.low{
}

.low .hd_logo_wrap .logo .black{ display: none;}
.low .hd_logo_wrap .logo .white{ display: block;}



/*** sec **********************************/
.sec_low{
	padding-top: 5%;
}
.sec_data{
	margin-top: 8%;
	padding: 8% 0;
	background: #F2F8ED;
background: linear-gradient(90deg, rgba(242, 248, 237, 1) 0%, rgba(228, 241, 251, 1) 100%);
}
.sec_saving{
	padding-top: 8%;
}
.sec_products{
	padding: 8% 0 3%;
}


@media screen and (max-width: 767px) {
.sec_low{
	padding-top: 40px;
}
.sec_data{
	margin-top: 12%;
	padding: 12% 0;
}
.sec_saving{
	padding-top: 15%;
}
.sec_products{
	padding: 15% 0 0;
}
}




/*** h1〜  **********************************/
h1.h1_ttl{
	position: absolute;
	top: 14%;
	left: 9%;
	font-size: 1.5vw;
	color: #fff;
	letter-spacing: 0.1em;
	text-shadow: 0 0 10px #000;
}
h1.h1_ttl .en{
	display: block;
	font-family: 'Trajan Pro', sans-serif;
	/*font-family: "Lato", sans-serif;
	font-style: normal;
	font-weight: 100;*/
	font-size: 470%;
	letter-spacing: normal;
}

h2.h2_ttl{
	position: relative;
	font-size: 34px;
	font-size: clamp(22px, 3vw, 34px);
	text-align: center;
}
h2.h2_ttl .en{
	position: relative;
	display: block;
	font-family: 'Trajan Pro', sans-serif;
	/*font-family: "Lato", sans-serif;
	font-style: normal;
	font-weight: 100;*/
	font-size: 230%; /*250%*/
	color: #727171;
	margin-bottom: 0.1em;
}

h3.h3_ttl{
	font-size: 30px;
	font-size: clamp(20px, 2.8vw, 30px);
	/*font-weight: 600;*/
	text-align: center;
	margin-bottom: 0.8em;
}

h4.h4_data{
	font-size: 24px;
	font-size: clamp(18px, 2.4vw, 24px);
	/*font-weight: 600;*/
	line-height: 1.8em;
	margin-bottom: 0.8em;
}
h4.h4_zeh{
	font-size: 22px;
	font-size: clamp(17px, 2.2vw, 22px);
	/*font-weight: 600;*/
	color: #fff;
	text-align: center;
	line-height: 1.8em;
	margin-bottom: 1.5em;
	padding: 0.2em 0;
	background: #B4AE73;
background: linear-gradient(90deg, rgba(180, 174, 115, 1) 1%, rgba(137, 127, 48, 1) 96%, rgba(136, 126, 46, 1) 100%);
}

h5.h5_zeh{
	font-size: 16px;
	font-size: clamp(14px, 1.6vw, 16px);
	color: #887e2e;
	text-align: center;
	margin-bottom: 0.5em;
}
h5.h5_zeh .big{
	font-size: 150%;
}
h5.h5_zeh .resp_autowrap{
	vertical-align: baseline;
}

h6.h6_products{
	font-size: 22px;
	font-size: clamp(16px, 2.2vw, 22px);
	/*font-weight: 600;*/
	line-height: 1.8em;
	margin: 0.6em 0 0.2em;
}

p.font_14{
	font-size: 14px;
	font-size: clamp(12px, 1.4vw, 14px);
}

@media screen and (max-width: 979px) {
h1.h1_ttl{
	top: 20%;
	left: 5%;
}
}


@media screen and (max-width: 767px) {
h1.h1_ttl{
	top: auto;
	bottom: 7%;
	font-size: 4vw;
}
h1.h1_ttl .en{
	font-size: 320%;
	font-weight: 300;
}
h2.h2_ttl .en{
	font-size: 200%;
}
h4.h4_data{
	text-align: center;
}
}



/*** hd **********************************/
.hd {
	position: relative;
}

.hd_main img{
	width: 100%;
	height: auto;
}
.hd_main figcaption{
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #fff;
	text-shadow: 0 0 3px rgba(0,0,0,0.8), 0 0 3px rgba(0,0,0,0.8), 0 0 3px rgba(0,0,0,0.8);
}

.hd_main .pc{}
.hd_main .sp{ display: none;}


@media screen and (max-width: 767px) {
.hd_main .pc{ display: none;}
.hd_main .sp{ display: block;}
}


/*** list_data **********************************/
.list_data{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	align-items: center;
}
.list_data li.txt{
	width: 32%;
}
.list_data li.photo{
	width: 62.5%;
}

.list_data li.photo figcaption{
	margin-top: 0.5em;
	text-align: right;
}


@media screen and (max-width: 767px) {
.list_data li.txt{
	width: 100%;
	margin-bottom: 2em;
}
.list_data li.txt br.sp_none{
	display: none;
}
.list_data li.photo{
	width: 100%;
}
.list_data li.photo figcaption{
	text-align: left;
}

.list_data li.txt p .resp_autowrap{
	display: inline;
}
}




/*** ph_mansion **********************************/
.ph_mansion{
	width: 100%;
	max-width: 1160px;
	margin: 6% auto 0;
}
.ph_mansion figcaption{
	padding-top: 1em;
}


/*** ph_saving **********************************/
.ph_saving{
	width: 80%;
	max-width: 740px;
	margin: 5% auto 0;;
}

@media screen and (max-width: 767px) {
.ph_saving{
	width: 100%;
}
}


/*** zeh_box **********************************/
.zeh_box{
	padding: 3em 4em;
	background-color: #f3f3f3;
	border: 1px solid #000;
	margin-top: 4%;
}
.zeh_box .second{
	margin: 2em 0 0;
	padding-top: 2.5em;
	border-top: 1px solid #000;
}


@media screen and (max-width: 767px) {
.zeh_box{
	padding: 1.5em 1.5em;
	margin-top: 6%;
}
}

/*** list_step **********************************/
.list_step{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin-top: 1em;
}
.list_step li{
	width: calc(49.5% - 1.6em);	
	font-size: 15px;
	font-size: clamp(13px, 1.5vw, 15px);
	color: #fff;
	line-height: 1.8em;
	margin-top: 1%;
	padding: 0.8em;
	background-color: #929ea4;
}
.list_step li .num{
	display: inline-block;
	color: #000;
	padding: 0.1em 0.7em;
	margin-right: 0.8em;
	background-color: #fff;
}


@media screen and (max-width: 767px) {
.list_step li{
	width: calc(100% - 2em);	
}
}



/*** list_products **********************************/
.list_products{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.list_products li{
	width: 30%;
	margin-top: 4%;
}
.list_products li.dummy{
}

.list_products li img{
	width: 100%;
	height: auto;
}


@media screen and (max-width: 767px) {
.list_products li{
	width: 48%;
	margin-top: 6%;
}
.list_products li.dummy{
	display: none;
}
}


@media screen and (max-width: 639px) {
.list_products li{
	width: 47%; /*100%*/
	margin-top: 8%;
}
}




/*************************************************************************************
*************************************************************************************

print

*************************************************************************************
**************************************************************************************/

@media print {

}