@charset "UTF-8";


#main-content .base-body{ padding-bottom: 0!important; }
#main-content .section01 .en-ttl{ font-size: 28px; line-height: 1.5; font-family: 'EB Garamond','Cormorant Garamond', serif; color: #000000; text-align: center; letter-spacing: 0.2em; font-weight: normal; }
#main-content .section01 .head-body{ margin-top: 50px; }
#main-content .section01 .head-body .ttl{ font-size: 36px; line-height: 1.33; color: #3e3a39; font-weight: normal; }
#main-content .section01 .head-body .txt{ font-size: 16px; }
#main-content .section01 .head-body .txt+.txt{ margin-top: 30px; }
#main-content .section01 .icon-list{ background-color: #efede7; margin-top: 30px; padding: 40px 30px; display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; }
#main-content .section01 .icon-list .item{ width: 19%; text-align: center; }
#main-content .section01 .icon-list .item:nth-child(n+6){ margin-top: 20px; }
#main-content .section01 .icon-list .item .txt{ font-size: 16px; line-height: 1.2; color: #907e47; margin-top: 5px; }
#main-content .section01 .icon-list .item .txt .num{ display: block; font-size: 150%; }
#main-content .section01 .list-item{ overflow: hidden; position: relative; margin-top: 50px; }
#main-content .section01 .list-item::before{ content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #cccccc; }
#main-content .section01 .list-item .item{ width: 47%; overflow: hidden; display: flex; display: -ms-flex; float: left; clear: left; margin-top: 20px; }
#main-content .section01 .list-item .item:nth-child(n+6){ clear: none; float: none; margin-left: 53%; }
#main-content .section01 .list-item .item:nth-child(5n+1){ margin-top: 0; }
#main-content .section01 .list-item .item .icon{ width: 16.1663%; padding-right: 3%; }
#main-content .section01 .list-item .item .icon img{ width: 100%; height: auto; }
#main-content .section01 .list-item .item .txt-body{ flex: 1;  }
#main-content .section01 .list-item .item .txt-body .head{ font-size: 20px; line-height: 1.2; color: #907e47; }
#main-content .section01 .list-item .item .txt-body .txt{ font-size: 14px; line-height: 1.428; }
#main-content .section02{ margin-top: 70px; }
#main-content .section02 .head-body .ttl{ font-size: 36px; line-height: 1.33; color: #3e3a39; font-weight: normal; }
#main-content .section02 .head-body .ttl ruby{ ruby-position: under; }
#main-content .section02 .head-body .txt{ font-size: 16px; margin-top: 30px; }
#main-content .section02 .energy-body{ margin-top: 30px; }
#main-content .section02 .energy-body .caption a{ color: inherit; word-break: break-all; }
#main-content .section02 .zeh-body{ background-color: #437aa0; display: flex; display: -ms-flex; align-items: center; padding: 20px 0; margin-top: 30px; border-radius: 5px; }
#main-content .section02 .zeh-body .head{ padding: 0 20px; white-space: nowrap; font-size: 26px; line-height: 1.2; color: #ffffff; text-align: center; }
#main-content .section02 .zeh-body .head .s-size{ font-size: 53.8461%; display: block; }
#main-content .section02 .zeh-body .txt{ flex: 1; padding: 0 20px; font-size: 16px; color: #ffffff; border-left: 1px solid rgba(255,255,255,0.7); }
#main-content .section02 .list-item{ margin-top: 30px; display: flex; display: -ms-flex; justify-content: space-between; }
#main-content .section02 .list-item .item{ width: 32.1701%; }
#main-content .section02 .list-item .item01{ background-color: #9f973a; }
#main-content .section02 .list-item .item02{ background-color: #007697; }
#main-content .section02 .list-item .item03{ background-color: #4f7c42; }
#main-content .section02 .list-item .item .photo-body{ position: relative; }
#main-content .section02 .list-item .item .photo-body .en{ font-family: 'EB Garamond','Cormorant Garamond', serif; font-size: 22px; line-height: 1.5; color: #ffffff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px; }
#main-content .section02 .list-item .item .photo-body .caption{ position: absolute; right: 0; bottom: 0; padding: 0 5px; background-color: rgba(255,255,255,0.8); }
#main-content .section02 .list-item .item .txt-body{ padding: 20px; }
#main-content .section02 .list-item .item .txt-body .ttl{ font-size: 20px; line-height: 1.5; color: #ffffff; font-weight: normal; text-align: center; letter-spacing: 0.7em; padding-left: 0.7em; }
#main-content .section02 .list-item .item .txt-body .txt{ font-size: 16px; color: #ffffff; margin-top: 5px; }
#main-content .section03{ margin-top: 70px; }
#main-content .section03 .head-body .ttl{ font-size: 36px; line-height: 1.33; color: #3e3a39; font-weight: normal; }
#main-content .section03 .head-body .split-view{ display: flex; display: -ms-flex; flex-direction: row-reverse; margin-top: 20px; }
#main-content .section03 .head-body .split-view .icon{ width: 160px; }
#main-content .section03 .head-body .split-view .txt-body{ flex: 1; }
#main-content .section03 .head-body .split-view .txt{ font-size: 16px; }
#main-content .section03 .list-item{ margin-top: 50px; display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; }
#main-content .section03 .list-item .item{ width: 48%; position: relative; }
#main-content .section03 .list-item .item:nth-child(n+2){ margin-top: 50px; }
#main-content .section03 .list-item .item .ttl{ font-size: 20px; line-height: 1.5; color: #ffffff; font-weight: normal; padding: 5px 10px; background-color: #b5a049; }
#main-content .section03 .list-item .item .txt{ font-size: 16px; line-height: 1.75; margin-top: 10px; }
#main-content .section03 .list-item .item .photo,
#main-content .section03 .list-item .item .casbee{ margin-top: 10px; text-align: center; }
#main-content .section03 .list-item .item01{ padding-right: 52%; }
#main-content .section03 .list-item .item01 .bels{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 45.8015%; }
#main-content .section04{ margin: 70px -65px 0 -130px; padding: 70px 65px 70px 130px; background-color: #f4f2eb; }
#main-content .section04 .ttl{ font-size: 26px; line-height: 1.33; color: #3e3a39; font-weight: normal; border-bottom: 1px solid #b5a049; padding-bottom: 10px; }
#main-content .section04 .txt{ font-size: 16px; margin-top: 20px; }
#main-content .section04 .split-view{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 30px; }
#main-content .section04 .split-view .flow{ width: 72.8462%; }
#main-content .section04 .split-view .merit{ width: 25.0818%; }



/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .section04{ margin: 70px -40px 0 -95px; padding: 70px 40px 70px 95px; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .section01 .en-ttl{ font-size: 20px; }
	#main-content .section01 .head-body{ margin-top: 7%; }
	#main-content .section01 .head-body .ttl{ font-size: 24px; }
	#main-content .section01 .head-body .txt{ font-size: 14px; }
	#main-content .section01 .head-body .txt+.txt{ margin-top: 5%; }
	#main-content .section01 .icon-list{ margin-top: 5%; padding: 7% 5%; justify-content: flex-start; }
	#main-content .section01 .icon-list .item{ width: 23%; text-align: center; margin-left: 2.666%; }
	#main-content .section01 .icon-list .item:nth-child(n+5){ margin-top: 5%; }
	#main-content .section01 .icon-list .item:nth-child(4n+1){ margin-left: 0; }
	#main-content .section01 .icon-list .item .txt{ font-size: 14px; }
	#main-content .section01 .list-item{ margin-top: 7%; }
	#main-content .section01 .list-item::before{ display: none; }
	#main-content .section01 .list-item .item{ width: 100%; margin-top: 0; }
	#main-content .section01 .list-item .item:nth-child(n+6){ margin-left: 0; }
	#main-content .section01 .list-item .item:nth-child(n+2){ margin-top: 15px; }
	#main-content .section01 .list-item .item .icon{ padding-right: 10px; }
	#main-content .section01 .list-item .item .txt-body .head{ font-size: 18px; }
	#main-content .section02{ margin-top: 15%; }
	#main-content .section02 .head-body .ttl{ font-size: 20px; }
	#main-content .section02 .head-body .txt{ font-size: 14px; margin-top: 5%; }
	#main-content .section02 .energy-body{ margin-top: 5%; }
	#main-content .section02 .zeh-body{ display: block; padding: 7% 5%; margin-top: 5%; }
	#main-content .section02 .zeh-body .head{ padding: 0; font-size: 20px; }
	#main-content .section02 .zeh-body .txt{ font-size: 14px; margin-top: 10px; padding: 10px 0 0; border-top: 1px solid rgba(255,255,255,0.7); border-left: none;  }
	#main-content .section02 .list-item{ margin-top: 7%; flex-wrap: wrap; }
	#main-content .section02 .list-item .item{ width: 48%; }
	#main-content .section02 .list-item .item img{ width: 100%; height: auto; }
	#main-content .section02 .list-item .item:nth-child(n+3){ margin-top: 5%; }
	#main-content .section02 .list-item .item .photo-body .en{ font-size: 20px; }
	#main-content .section02 .list-item .item .txt-body{ padding: 15px; }
	#main-content .section02 .list-item .item .txt-body .ttl{ font-size: 18px; }
	#main-content .section02 .list-item .item .txt-body .txt{ font-size: 14px; }
	#main-content .section03{ margin-top: 15%; }
	#main-content .section03 .head-body .ttl{ font-size: 20px; }
	#main-content .section03 .head-body .split-view{ display: block; margin-top: 5%; }
	#main-content .section03 .head-body .split-view .icon{ width: 160px; margin: 0 auto; }
	#main-content .section03 .head-body .split-view .txt-body{ margin-top: 10px; }
	#main-content .section03 .head-body .split-view .txt{ font-size: 14px; }
	#main-content .section03 .list-item{ margin-top: 7%;display: block; }
	#main-content .section03 .list-item .item{ width: 100%; }
	#main-content .section03 .list-item .item:nth-child(n+2){ margin-top: 7%; }
	#main-content .section03 .list-item .item .ttl{ font-size: 16px; }
	#main-content .section03 .list-item .item .txt{ font-size: 14px; }
	#main-content .section03 .list-item .item01{ padding-right: 0; }
	#main-content .section03 .list-item .item01 .bels{ position: static; transform: none; width: 100%; margin-top: 5%; text-align: center; }
	#main-content .section04{ margin: 10% -5% 0; padding: 10% 5%; }
	#main-content .section04 .ttl{ font-size: 20px; }
	#main-content .section04 .txt{ font-size: 14px; margin-top: 10px; }
	#main-content .section04 .split-view{ display: block; margin-top: 5%; text-align: center; }
	#main-content .section04 .split-view .flow{ width: 100%; }
	#main-content .section04 .split-view .merit{ width: 100%; margin-top: 5%; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .section02 .list-item{ display: block; }
	#main-content .section02 .list-item .item{ width: 100%; }
	#main-content .section02 .list-item .item:nth-child(n+2){ margin-top: 5%; }
}