@charset "UTF-8";
/* ######################################################################################

　ZEH－M＋低炭素

###################################################################################### */
/* ====================================================
  共通
==================================================== */
.pageZeh .wallBelt.topZero{
    padding-top: 0;
	background: #f9fafa;
}

.pageZeh .equipment.zeh { background: #fff; padding: 40px; margin-top: 40px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.pageZeh .equipment.zeh .titleBox { margin-bottom: 40px;}
.pageZeh .equipment.zeh .titleBox h3 {
	 width: 100%;
	 margin: auto;
	 border-bottom: solid 1px #14753a;
	 padding-bottom: 30px;
	 display: block;
	 margin-bottom: 30px;
}
.pageZeh .equipment.zeh .titleBox h3 img { width: 60%; height: auto;}
.pageZeh .equipment.zeh .titleBox p { padding-top: 15px; font-size:100%; }

.pageZeh .equipment.zeh .titleBox .lead {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pageZeh .equipment.zeh .titleBox .lead .photo,
.pageZeh .equipment.zeh .titleBox .lead .text { width: 48%; text-align: left;}
.pageZeh .equipment.zeh .titleBox .lead .text img { width: 55%; height: auto;}
.pageZeh .equipment.zeh .titleBox .lead .text p:first-child { padding-top: 0;}
.pageZeh .equipment.zeh .titleBox .lead .text p.small { font-size: 85% !important;}

.pageZeh .equipment.zeh .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pageZeh .equipment.zeh .flex .inner { width: 49%; padding: 15px;}
.pageZeh .equipment.zeh .flex .inner h4 { margin-bottom: 15px;}
.pageZeh .equipment.zeh .flex .inner p { text-align: left; font-size: 110%;}
.pageZeh .equipment.zeh .flex .inner .photo { width: 85%; margin:15px auto 0;}

.pageZeh .equipment.zeh .label {
	margin-top: 50px;
	border-top: solid 1px #14753a;
	padding: 50px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pageZeh .equipment.zeh .label .text  { width: 45%;}
.pageZeh .equipment.zeh .label .text h5 { background:#00783d; color: #fff; font-family: 'Noto Sans JP', sans-serif; padding: 15px; text-align: center; font-size: 130%;}
.pageZeh .equipment.zeh .label .text p { text-align: left; font-size: 110%; margin-top: 15px;}
.pageZeh .equipment.zeh .label .photo { width: 50%;} 
.pageZeh .equipment.zeh .label .bgb { background:#00783d; color: #fff; text-align: left; padding: 20px; margin-top: 15px; border: solid 1px #fff; outline: solid 1px #00783d;}
.pageZeh .equipment.zeh .label .bgb h6 { font-size: 150%; text-align: center; margin-bottom: 8px; font-weight: normal;}
.pageZeh .equipment.zeh .label .bgb p { margin-top: 0;}

.pageZeh .equipment.zeh .about { border-top: #00783d 1px solid; padding-top: 50px; }
.pageZeh .equipment.zeh .about h5 { background:#359298; color: #fff; font-family: 'Noto Sans JP', sans-serif; padding: 15px; text-align: center; font-size: 130%;}
.pageZeh .equipment.zeh .about p { text-align: left; font-size: 110%; margin-top: 15px;}

@media print, screen and (max-width: 809px) {
	.pageZeh .equipment.zeh { padding:40px 20px; width: 95%; margin: 40px auto;}
	.pageZeh .equipment.zeh .titleBox h3 { width: 100%;}
	.pageZeh .equipment.zeh .titleBox h3 img { width: 100%; height: auto;}
	.pageZeh .equipment.zeh .titleBox .lead {display: block;}
	.pageZeh .equipment.zeh .titleBox .lead .photo,
	.pageZeh .equipment.zeh .titleBox .lead .text { width: 100%;}
	.pageZeh .equipment.zeh .titleBox .lead .photo { margin-bottom: 15px;}
	.pageZeh .equipment.zeh .titleBox .lead .text img { width: 85%; height: auto;}
	.pageZeh .equipment.zeh .titleBox .lead .text p:first-child { text-align: center;}
	.pageZeh .equipment.zeh .flex,
	.pageZeh .equipment.zeh .label{ display: block;}
	.pageZeh .equipment.zeh .flex .inner,
	.pageZeh .equipment.zeh .flex .inner .photo,
	.pageZeh .equipment.zeh .label .text,
	.pageZeh .equipment.zeh .label .photo { width: 100%;}
	.pageZeh .equipment.zeh .flex .inner { padding: 15px 0;}
	.pageZeh .equipment.zeh .label .photo { margin-top: 20px;}
	.pageZeh .equipment.zeh p { font-size: 120% !important;}
}



/* end */