@charset "utf-8";


/*========== 全体 ==========*/
.strategy_primary{font-weight: bold;color: #529535;display: inline;}
.heading_title {line-height: 1.5;}


/*========== ボタン ==========*/
.contents_button{padding-top: 30px;padding-bottom: 40px;}
.card_link{width: 100%;display: flex;flex-direction: row;align-items: center;}
.card_link_column .card_link_title {font-size: 18px;font-weight: bold;}
.card_link_text{display: none;}
@media (min-width:768px) {
    .contents_button{padding-top: 80px;padding-bottom: 80px;}
    .card_link{width: calc(calc(100% - 60px) / 3);}
}


/*========== 基本形 ==========*/
.strategy_title{color: #529535;font-size: 24px;font-weight: bold;margin-bottom: 15px;line-height: 1.5;}
.strategy_intro{text-align: justify;}
.strategy_texts{margin-top: 60px;}
.strategy_text{text-align: justify;}
.strategy_type_back{background-color: #F1F7EF;width:  100%;padding: 30px;border-radius: 10px;}
.strategy_type_back_w{background-color: white;}
.strategy_type_wrap{display: flex;flex-direction: column;flex-wrap: wrap;gap: 20px;margin-top: 25px;}
.heading_badge::before{background-color: white;}
.strategy_type_back_w .heading_badge::before{background-color: #F1F7EF;}
.strategy_type_text{text-align: justify;}
.strategy_type_text2{margin-top: 20px;}
.heading_badge{margin-left: 0px;}

@media (min-width:768px) {
    .strategy_type_wrap{flex-direction: row;margin-top: 40px;}
    .strategy_type_back{width: 100%;}
    .heading_badge{margin-left: 18px;}

}
@media (min-width:1000px) {
        .strategy_type_back{width: calc(calc(100% - 40px) / 2);padding: 30px 50px;}
}


/*========== 住み替えを成功させるための3つのポイント ==========*/
.strategy_point{margin-top: 80px;}
.points_wrap{display: flex;flex-direction:column;gap: 60px;margin-bottom: 50px;margin-top: 60px;}
.points{background-color: #F1F7EF;width: 100%;padding: 40px 20px;position: relative;}
.point_number{color: #529535;font-weight: bold;font-size: 60px;position: absolute;right: 0;left: 0;margin: 0 auto;top: -10px;text-align: center;}
.point_title{font-size: 24px;text-align: center;font-weight: bold;margin-bottom: 0px;height: 56px;display: flex;justify-content: center;align-items: center;line-height: 1.3;}
.point_img{width: 200px;margin: 0 auto;margin-bottom: 10px;}
.point_img img{width: 100%;}
.point_text{text-align: justify;}
.point_button{text-align: center;margin-top: 30px;}
.consult_button{text-align: center;}
.consult_button a{width: 280px;}
@media (min-width:768px) {
    .strategy_point{margin-top: 120px;}
    .points_wrap{flex-direction: row;gap: 20px;}
    .points{width: calc(calc(100% - 40px) / 3);padding: 60px 20px;}
    .consult_button a{width: 300px;}
    .point_title{font-size: min(2.3vw,24px);margin-bottom: 20px;}
    .point_img{width: min(20vw,240px);}
}
@media (min-width:1000px) {
    .points_wrap{gap: 30px;}
    .points{width: calc(calc(100% - 60px) / 3);padding: 60px 40px;}

}


/*========== 資金計画に不安がある方へ ==========*/
.fp_wrap{margin-top: 80px;}
.fp_texts{margin-bottom: 40px;}
.fp_text{margin-bottom: 20px;text-align: justify;}
.fp_text_title{text-align: left;font-size: 24px;color: #529535;font-weight: bold;margin-bottom: 30px;}
.fp_img{position: relative;margin-bottom: 15px;}
.fp_img img{width: 100%;}
.fp_illust{width: 100px;position: absolute;bottom: 0px;left: -1vw;}
.fp_illust img{width: 100%;}
.fp_button{text-align: center;}
.fp_img_pc{display: none;}

@media (min-width:768px) {
    .fp_wrap{display: flex;align-items: center;margin-top: 80px;gap: 50px;}
    .fp_texts{margin-bottom: 0px;width: 580px;}
    .fp_text{margin-bottom: 40px;}
    .fp_text_title{font-size: min(3.3vw,24px);}
    .fp_illust{width: min(13vw,170px);left: -5vw;}
    .fp_img{margin-bottom: 0;}
    .fp_button{text-align: left;}
    .fp_img_pc{display: block;width: 520px;}
    .fp_img_sp{display: none;}
}
@media (min-width:1024px) {
    .fp_wrap{gap: 50px;}
}