@charset "utf-8";



/*========== 共通 ==========*/
.heading_title{z-index: 1;}
.heading{margin-bottom: 30px;}
.strength_contents .color_primary_light {display: none;}
.text_l{line-height: 1.5;}
.h1_en {font-size: min(15vw,90px);}
@media (min-width:768px) {
    .text_l{line-height: 1.75;}
    .heading {margin-bottom: 40px;}
    .strength_contents .color_primary_light {color: white;opacity: 0.8;display: block;}
    .h1_en {font-size: 100px;}
}


/*========== 基本形 ==========*/
.strength_contents{margin-bottom: 80px;}
.strength_contents:last-child{margin-bottom: 0px;}
.strength_back{background-color: white;border-radius: 10px;padding: 40px 25px;margin-bottom: 40px;}
.strength_wrap{display: flex;flex-direction: column;gap: 20px;align-items: center;}
.strength_text_title{font-size: 16px;margin-bottom: 20px;line-height: 1.4;font-weight: bold;letter-spacing: 0.06em;}
.strength_text_title_primary{font-size: 24px;color: #529535;}
.strength_text{text-align: justify;}
.strength_text_primary{color: #529535;display: inline;}
.strength_photo{width: 80vw;}
.strength_photo img{width: 100%;display: block;}
.strength_img{width: 80vw;margin: 0 auto;margin-top: 50px;}
.strength_img .pc{display: none;}
.strength_img img{width: 100%;display: block;}
@media (min-width:768px) {
    .strength_wrap{gap: 40px;}
    .strength_contents{margin-bottom: 120px;}
    .strength_back {padding: 50px 60px;}
    .strength_text_title{font-size: 24px;}
    .strength_text_title_primary{font-size: 28px;}
    .strength_photo{width: 60vw;}
    .strength_img{width: 100%;}
    .strength_img .pc{display: block;}
    .strength_img .sp{display: none;}

}
@media (min-width:900px) {
    .strength_wrap{flex-direction: row;gap: 50px;}
    .strength_wrap_r{flex-direction: row-reverse;}
    .strength_text_wrap{width: 580px;}
    .strength_photo{width: 450px;}
}



/*========== リフォーム_before_after ==========*/
.strength_reform{margin-top: 60px;}
.strength_mini_title{font-size: 18px;border-bottom: 1px solid #529535;font-weight: bold;color: #529535;padding-bottom: 10px;}
.strength_reform_text{margin-top: 20px;margin-bottom: 40px; text-align: justify;}
.strength_reform_photo_wrap{width: 80vw;margin: 0 auto;}
.strength_reform_photoes{display: flex;flex-direction: column;align-items: center;gap: 10px;margin-bottom: 60px;}
.strength_reform_photoes:last-child{margin-bottom: 0;}
.strength_reform_photo{position: relative;}
.strength_reform_photo::before {position: absolute;top: 0;left: 0;background: #529535;color: #fff;padding: 4px 8px;font-size: 12px;font-weight: bold;z-index: 2;font-size: 16px;}
.strength_reform_photo_before::before {content: "Before";}
.strength_reform_photo_after::before {content: "After";}
.strength_reform_photo img{width: 100%;display: block;}
.triangle {background: #529535;height: calc(tan(60deg) * 20px / 2);width: 30px;  clip-path: polygon(50% 0, 100% 100%, 0 100%);}
.direction {clip-path: polygon(0 0, 100% 0, 50% 100%);}
@media (min-width:768px) {
    .strength_reform_photo_wrap{width: min(100%,970px);}
    .strength_reform_photoes{flex-direction: row;gap: 20px;margin-bottom: 30px;}
    .strength_mini_title{font-size: 22px;}
    .triangle {height: calc(tan(60deg) * 40px / 2);width: 40px;}
    .direction {clip-path: polygon(0 0, 100% 50%, 0 100%);}s
}



/*========== 買取保証制度 ==========*/
.strength_system_number {width: 30px;height: 30px;padding-top: 2px;background-color: #529535;border-radius: 50%;text-align: center;box-sizing: border-box;color: white;font-weight: bold;font-size: 16px;}
.strength_system_texts_wrap{display: flex;flex-wrap: wrap;gap: 20px;margin-top: 20px;flex-direction: column;}
.strength_system_texts{display: flex;flex-direction: row;align-items: center;gap: 10px;width: 100%;}
.strength_system{margin-top: 60px;}
@media (min-width:768px) {
.strength_system_texts_wrap{flex-direction: row;}
.strength_system_texts{display: flex;flex-direction: row;align-items: center;gap: 10px;width: calc(calc(100% - 20px) / 2);}
}
@media (min-width:1200px) {
    .strength_system_texts{width: calc(calc(100% - 40px) / 3);}

}