@charset "utf-8";

@media screen and (min-width: 1366px){
    #zehmPage .inner {
        max-width:1105px;
    }
}

.anno{text-align: right; font-size: clamp(11px, 0.729vw, 14px); margin-top: 3px;}
/* mainVisual --------------------*/
.mainVisual{position: relative;}
.mainVisual img{width: 100%;}
.lead_txt {
    font-size: clamp(16px, 1.04vw, 20px);
    line-height: 2;
    letter-spacing: 1px;
}
@media screen and (max-width: 960px){
    .inner {
        padding:0 30px;
    }
    
}
@media screen and (max-width: 640px){
}


/*  zehm_lead --------------------*/
/*#zehm_lead{text-align: center; padding: 60px 0 180px;}*/
#zehm_lead{text-align: center; padding: 90px 0 100px;}
#zehm_lead h2{color: #8F4283; font-size:clamp(3.75rem, 4.16vw, 5rem); line-height: 1.2; margin-bottom: 25px;}
#zehm_lead h2 rt{font-size: 15px; text-align: center; padding-bottom:10px;}
#zehm_lead h3{font-size: clamp(24px, 1.82vw, 35px); letter-spacing: 2px; margin-bottom: 40px;}

@media screen and (max-width: 960px){
	#zehm_lead{text-align: center; padding: 60px 0;}
}
@media screen and (max-width: 640px){
	#zehm_lead{padding: 40px 0;}
	#zehm_lead h2{font-size: 40px;}
	#zehm_lead h3{font-size: 22px; line-height: 1.5;}
}

.sp_modal{position: relative;}
@media screen and (min-width: 961px){
	.sp_modal{pointer-events: none;}
}
@media screen and (max-width: 960px){
	.modal_wrap{background: #fff; padding: 10px;}
}


/*  zehm_area --------------------*/
#zehm_area{padding:0;}
.bg_gley {background: #F2F2F2;padding:0 0 120px 0;}
#zehm_title_area{text-align: center;}
#zehm_title_area h2{color: #8F4283; font-size: 60px; font-weight: 400; line-height: 1.2; margin-bottom: 25px;}
#zehm_title_area h2 rt{font-size: 15px; text-align: center;}
#zehm_title_area .zehm_title_text{font-size: 20px; line-height: 2;max-width:858px;margin:0 auto;letter-spacing: 0.05em;}
.zehm_point_wrap{justify-content: space-between; padding: 0 90px; margin-top: 60px;}
.zehm_point_wrap .zehm_point_box{width: 32%;}
.zehm_point_box{text-align: center; border: 2px solid; box-shadow: 0 0 10px rgba(0,0,0,0.16); border-radius: 20px; transition: 0.2s ease; padding: 40px 10px 50px; position: relative;}
/*
.zehm_point_box::after{content: ""; width: 30px; height: 14px; display: block;
	background: url(../../img/pages/zehm/icon_arrow.svg) no-repeat center center; background-size: 100%;
	position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);}
*/

.zehm_point_wrap .zehm_point_box:hover{opacity: 1; transform: scale(0.95);}
.zehm_point_box.health{background: #FAF5E7; border-color: #AE5900; color: #9B602D;}
.zehm_point_box.health a{color: #9B602D;}
.zehm_point_box.energy_saving{background: #F7F2F5; border-color: #A63168; color: #A63168;}
.zehm_point_box.energy_saving a{color: #A63168;}
.zehm_point_box.environment{background: #EDF5E9; border-color: #4A8469; color: #4A8469;}
.zehm_point_box.environment a{color: #4A8469;}
.zehm_point_box a{display: block; opacity: 1;}
.zehm_point_box .icon_zehm_point{max-width: 60px; margin: 0 auto;}
.zehm_point_box p{font-size: 14px; margin: 15px 0; letter-spacing: -0.018em;}
.zehm_point_box h3{font-size: 36px; font-weight: 500; line-height: 1.6; letter-spacing: -0.018em;}
.zehm_point_box h3 small{display: block; font-size: 32px; font-weight: 500;}

.bubble_box{margin-bottom: 40px;}
.bubble_box h3{background: url(../../img/pages/zehm/bubble_middle.png) repeat-y center center; background-size: 100%; text-align: center; padding: 0 10px;
	font-size: 28px; font-weight: 600; letter-spacing: -0.018em; color: #8F4283;}

#zehm_whatis{padding: 140px 0 0;}
.whatis_area{margin-bottom: 40px;width:86%;margin-left:auto;margin-right:auto;}
.bels_area{border-radius: 60px; padding: 40px 60px 100px;
	background: linear-gradient(to bottom,  #ffffff 60%,#f4ecf1 100%);
}
.bels_area h4{text-align: center; color: #8F4283; font-size: 22px; letter-spacing: 1px; margin-bottom: 20px;}
.bels_wrap{justify-content: center; align-items: flex-start;gap:30px;}
.bels_img{width: 40%;padding-top:5px; /*padding: 0 20px;*/}
.bels_text{width: calc(60% - 30px); padding: 0 0 40px;}
.bels_text p{font-size: 14px; line-height: 2;}

@media screen and (max-width: 1024px){
.bubble_box h3 {
    font-size: 24px;
}
}
@media screen and (max-width: 960px){
    .whatis_area{width:100%;}
	.zehm_point_wrap{padding: 0 20px; margin-top: 60px;}
	#zehm_whatis{padding: 80px 0 0;}
    .bels_wrap{gap:80px;}
	.bels_img{width: 30%;}
	.bels_text{width: 50%;}
}
@media screen and (max-width: 640px){
	#zehm_area{padding: 0;}
    .bg_gley {
        padding:0 0 60px;
    }
	#zehm_title_area h2{font-size: 40px;}
	#zehm_title_area .zehm_title_text{font-size: 13px;}
	.zehm_point_wrap .zehm_point_box{width: 100%; margin-bottom: 15px;}
	.zehm_point_box{padding: 20px 10px 35px;}
	.icon_wrap{display: flex; justify-content: center; align-items: center;}
	.zehm_point_box .icon_zehm_point{max-width: initial; width: 35px; margin: 0;}
	.zehm_point_box p{width:calc(100% - 35px); padding: 0 0 0 10px; text-align: left}
	.zehm_point_box h3{font-size: 20px;}
	.zehm_point_box h3 small{font-size: 16px;}

	.bubble_box{margin-bottom: 20px;}
	.bubble_box h3{font-size: 16px; padding: 0 20px;}

	#zehm_whatis{padding: 40px 0 0;}
	.bels_img{width: 100%; padding: 0 20%;}
	.bels_text{width: 100%;}
    .service_lead {
        margin-bottom: 40px;
    }
}


/*  zehm_detail --------------------*/
#zehm_detail{padding: 120px 0 0;}
.zehm_detail_area{background: #fff; padding: 100px; box-shadow: 0 0 12px rgba(0,0,0,0.16);}
.service_lead{margin-bottom: 60px;}
.service_lead_title{justify-content: space-between; align-items: center; margin-bottom: 50px;}
.zehm_point_box{width: 43%;aspect-ratio: 352/326;display: flex;align-items: center;justify-content: center;}
.service_lead_text{width: 50%; /*padding: 0 0 0 50px;*/}
.service_lead_text h3{text-align: left; font-size: 28px; font-weight: 500; line-height: 1.6; margin-bottom:1em;letter-spacing: -0.018em;}
.service_lead_text h3 small{display: block; font-size: 12px;}
#health_area .service_lead_text h3{color: #9B602D;}
#energy_saving_area .service_lead_text h3{color: #A63168;}
#environment_area .service_lead_text h3{color: #4A8469;}
.service_lead_sentence p{font-size: 16px; line-height: 2; text-align: left;}


/*#health_area{border-bottom: 1px solid #000;}*/
.health_con01{margin-bottom: 80px;}
.health_con01 .flex{justify-content: center;}
.health_con01_box{width: 47%;}
.health_con01_box h4{background: #f8f4f1; border-left: 10px solid #BFAD9D; border-right: 10px solid #BFAD9D; text-align: center; color: #9D8773; font-size: 18px; font-weight: 600; line-height: 1.6; padding: 30px 0; margin-bottom: 20px;}
.health_con01_box p{font-size: 13px; line-height: 1.8;}

.health_con02{margin-bottom: 60px;}
.health_con02 .flex{justify-content: space-between;}
.health_con02_box{width: 47%; margin-bottom: 40px;}
.health_con02_box h4{background: #bdad9e; color: #fff; text-align: center; padding: 8px; font-size: 18px; margin-bottom: 20px;}
.health_con02_box p{font-size: 14px; line-height: 1.8; margin-bottom: 15px;}


#energy_saving_area{margin-bottom: 80px; /*border-bottom: 1px solid #000;*/}
.energy_saving_img{text-align: center;}

/*#environment_area{padding: 80px 0 0;}*/
.environment_img{text-align: center;width: 70%; margin: 0 auto;}

@media screen and (max-width: 960px){
	#zehm_detail{padding: 60px 0 0;}
	.zehm_detail_area{padding: 80px 40px;}
	.zehm_point_box{width: 45%;}
	.service_lead_text{padding-left: 30px;}
    .service_lead_text h3 {
        font-size:24px;
    }
	.health_con01_box h4{font-size: 16px;}
}
@media screen and (max-width: 640px){
	#zehm_detail{padding: 40px 0 0;}
	.zehm_detail_area{padding: 30px 15px;}

	.service_lead_title{margin-bottom: 20px;}
	.service_lead_title .zehm_point_box{width: 100%; aspect-ratio: auto;}
	.service_lead_text{width: 100%; padding: 0; margin-top: 20px;}
	.service_lead_sentence p{font-size: 13px;}

	.health_con01_box{width: 100%; margin-bottom: 40px;}
	.health_con02_box{width: 100%;}
	.health_con02{margin-bottom: 0;}

	#energy_saving_area{padding:0;}
	#environment_area{padding: 40px 0 0;}
    .environment_img {
        width: 100%;
    }
}

/*  zehm_future --------------------*/
#zehm_future{padding: 180px 0 150px;}
.zehm_future_wrap p{text-align: center;}
.zehm_future_wrap .future_text{font-size: 16px; line-height: 2; max-width:858px;margin:0 auto 50px;}
.zehm_future_wrap .future_main_text{font-size: 25px; font-weight: 600; color: #8F4283; margin-top: 40px;}
.zehm_future_wrap h5{font-weight: 600;color: #8F4283; text-align: center; margin-bottom: 20px;font-size: 22px;}
.zehm_future_img {width:580px;margin:0 auto;display: block;}

@media screen and (max-width: 960px){
	#zehm_future{padding: 80px 0 ;}
}
@media screen and (max-width: 640px){
	#zehm_future{padding: 60px 0 ;}
	.zehm_future_wrap .future_text{font-size: 14px;}
	.zehm_future_wrap .future_main_text{font-size: 20px; line-height: 1.6;}
	.zehm_future_wrap h5{font-size: 16px;}
}



/*  zehm_benefits --------------------*/
#zehm_benefits{padding: 120px 0 0;}
.zehm_benefits_area{background: #fff; padding: 100px 50px; box-shadow: 0 0 12px rgba(0,0,0,0.16);}
.zehm_benefits_title_text {font-size:20px;color:#8F4283;text-align: center; line-height: 2;margin-bottom:40px;}
.zehm_benefits-box {max-width:534px;margin:0 auto 40px;}
.zehm_benefits-box .zehm_benefits-tit {display: flex; gap:20px; align-items: flex-end;margin-bottom:10px;}
.zehm_benefits-box .zehm_benefits-tit h4 {color:#8F4283;font-size:25px;vertical-align: baseline;line-height:1;}
.zehm_benefits-box .zehm_benefits-tit h4 .num {font-family: 'Cinzel', serif; font-size:72px;line-height:0.8;font-weight:600; }
.zehm_benefits-box .zehm_benefits-tit p {line-height: 2;font-size:14px;letter-spacing: 0.118em;}
.zehm_benefits-box .table-box + p.caption{margin-top:1em;font-family: 'Noto Sans JP', sans-serif;font-weight:300;font-size:12px;}
.benefit_arw {width:82px;margin:20px auto 0;}
.benefit_arw.arw_l {width:120px;}
.result-box {display:flex; justify-content:center; gap:12px;}
.result-box ul.result-list li{display: block; padding-bottom:5px; border-bottom:2px solid #242424;text-align: center;width:100%;font-family: 'Noto Sans JP', sans-serif;font-weight:400; margin-top:5px;}
.result-box01 ul.result-list {width:73%;}
.result-box01 .benefit_irrust {width:15.5%;}
.result-box ul.result-list li > span {font-size:18px;}
.result-box ul.result-list li .red {color:#8F4283;font-size:28px;}
.result-box ul.result-list li .red .num {font-size:40px;}
.result-box ul.result-list li .red small {font-size:20px;}
.result-box02 ul.result-list {width:79%;margin-top:20px;}
.zehm_benefits_result-box .zehm_benefits_result-tit h5{display: flex;gap:12px;align-items: center;justify-content: space-between;margin-bottom:1em;}
.zehm_benefits_result-box .zehm_benefits_result-tit h5 span {font-family: YakuHanMP_Noto, 'Noto Sans JP', sans-serif;font-weight:400;font-size:20px;white-space: nowrap;}
.zehm_benefits_result-box .zehm_benefits_result-tit h5:before,.zehm_benefits_result-box .zehm_benefits_result-tit h5:after {content:"";width:calc((100% - 40em - 24px)/2);height:1px;background-color:#242424;}
.zehm_benefits_ex-box h6{font-size:13px;font-family: YakuHanMP_Noto, 'Noto Sans JP', sans-serif;margin-bottom:10px;}
.zehm_benefits_ex-box .flex-box {display: flex;justify-content: space-between;gap:16px;}
.zehm_benefits_ex-box .table-box {width:65%;}
.zehm_benefits_ex-box .baloon-box {display: flex;align-items: center;width:calc(35% - 16px);}
.zehm_benefits_ex-box .baloon-box::before {content:"";width:12px;height:15px;clip-path: polygon(100% 0, 100% 100%, 0 50%);background-color:#CBC8C8;position:relative;right:-1px;}
.zehm_benefits_ex-box .baloon-box .baloon {background-color:#CBC8C8;width:calc(100% - 12px);border-radius:20px;padding:10px 24px 5px;display: flex;flex-flow: column;align-items: center;height:100%;justify-content: center;}
.zehm_benefits_ex-box .baloon-box .baloon p {text-align:center;font-family: 'Noto Sans JP', sans-serif;font-weight:400;font-size:14px;}
.zehm_benefits_ex-box .baloon-box .baloon .white {color:#FFF;}
.zehm_benefits_ex-box .baloon-box .baloon .red {color:#8F4283;}
.zehm_benefits_ex-box .baloon-box .baloon .strong {font-weight:600;}
.zehm_benefits_ex-box .baloon-box .baloon .uline {text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset:4px;}
.zehm_benefits_ex-box .baloon-box .baloon .txtL {font-size:16px;letter-spacing: 0.1em;}
.zehm_benefits_ex-box .baloon-box .baloon .last > span {font-size:25px;}
.zehm_benefits_ex-box .baloon-box .baloon .last > span .num {font-size:40px;}
.zehm_benefits_result-box p.caption {font-family: 'Noto Sans JP', sans-serif;font-weight:300;font-size:12px;}

@media screen and (max-width: 960px){
    .zehm_benefits_area{padding: 80px 50px; }
    .zehm_benefits-box {
        max-width:none;
    }
    .zehm_benefits_ex-box .flex-box {
        display: block;
    }
    .zehm_benefits_ex-box .table-box, .zehm_benefits_ex-box .baloon-box {
        width:100%;
    }
    .zehm_benefits_ex-box .baloon-box  {
        margin-top:20px;
    }
    .zehm_benefits_ex-box .baloon-box::before {display: none;}
}
@media screen and (max-width: 640px){
    .zehm_future_img {
        width:100%;
    }
    .zehm_benefits_area {
       padding: 30px 15px;
}
    .zehm_benefits_title_text {
        font-size:18px;
        line-height: 1.8;
    }
    .zehm_benefits-box .zehm_benefits-tit h4 {
        text-align: center;
        font-size:18px;
    }
    .zehm_benefits-box .zehm_benefits-tit h4 .num {
        margin-top:10px;
        display: inline-block;
    }
    .result-box {
        align-items: flex-start;
        width:100%;
    }
    .result-box02 ul.result-list {
        width:100%;
    }
    .result-box01 .benefit_irrust {
        width:15%;
        height:auto;
        position:absolute;
        left:0;
        top:-20px;
    }
    .result-box ul.result-list li {
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    .zehm_benefits_result-box .zehm_benefits_result-tit h5 span {
        white-space: normal;
        display: block;
    }

}

/*  zehm_last --------------------*/
#zehm_last{padding: 120px 0 0;}
#zehm_last .zehm_last_img-box {max-width:635px;margin:0 auto;}
@media screen and (max-width: 640px){
    #zehm_last {
    padding: 40px 0 0;
}
}