@charset "utf-8";
/* CSS Document */

/* ------------------------
	#business_service
------------------------ */
#business_service section {max-width:1100px; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; margin-bottom:90px;}
#business_service section:last-child {margin-bottom:0;}

#business_service h2 {font-size:24px; margin-bottom:30px;}
.business_service_columns {margin-top:60px; border-top:#999 1px solid; padding-top:60px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.business_box_text {width:32%; margin-right:3%; margin-bottom:30px;}
.business_box_text h5 {font-size:18px;margin-bottom:30px;}
.business_box_text p {font-size:14px;}
.business_box_image {width:65%;}
.business_box_image img {width:100%}

#business_service_ecosmartfire {margin-top:60px; border-top:#999 1px solid; padding-top:20px; display:flex; flex-wrap:wrap;}
#business_service_ecosmartfire h5 {margin:30px 0; font-size:20px;}
#business_service_ecosmartfire p {font-size:14px;}
#business_service_ecosmartfire ul {display:flex; flex-wrap:wrap; gap:24px; margin:20px 0 30px 0;}
#business_service_ecosmartfire ul > li  {display:block; width:calc((100% - 24px * 2) / 3); margin:20px 0 5px 0;}
#business_service_contact {text-align:center; margin-top:50px; border-top:1px solid #333; padding-top:50px;}
#business_service_contact_button {margin:60px 0 65px 0; text-align:center;}
#business_service_contact_address {text-align:center;}
#business_service_contact_address h5 {font-size:24px; font-weight:100; margin-bottom:15px;}
#business_service_contact_address address {font-size:35px; font-weight:100;}
#business_service_contact_address address > span::after {content:' / ';}

@media screen and (max-width: 768px) {
#business_service {margin-top:50px;}
.business_service_columns {flex-direction:column;}
.business_box_text,.business_box_image {width:100%; margin-right:0;}
#business_service_ecosmartfire {margin-top:50px; padding-top:10px;}
#business_service_contact_address h5 {font-size:10px;}
#business_service_contact_address address {line-height:1.2em; font-size:30px; margin-bottom:15px;}
#business_service_contact_address address > span {display:block;}
#business_service_contact_address address > span::after {content:normal;}
}

/* ------------------------
	.header_image
------------------------ */

.header_image {position:relative; height:calc(100vh - 62px); margin-bottom:60px;}
.header_image p {position:absolute; z-index:1; top:45%; width:100%; margin:0; padding:0 .5em; font-size:28px; font-weight:100; line-height:1.1; transform:translateY(-50%); text-align:center; color:#fff;}
.header_image p span {font-size:130px; display:block;}
.business_service_image {background: url('../img/business_service_top.jpg') center / cover;}

@media screen and (max-width: 768px) {
.header_image {/*height:calc(100vh - 62px);*/ height:calc(67vh - 62px); margin-bottom:30px;}
.header_image p {top:65%; font-size:16px; line-height:1.3;}
.header_image p span {font-size:40px; display:block;}
.header_image p > .br-pc {display:none;}
}