@charset "utf-8";


/*========== 15年連続受賞 ==========*/
.page_top_text{display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.page_top_text img{width: 90vw;margin-top: 20px;}
@media (min-width:768px) {
    .page_top_text{flex-direction: row;gap: 60px;margin-top: -40px;}
    .page_top_text img{width: min(30vw,460px);}
}



/*========== ポイント ==========*/
.contents_point{padding-top: 40px;}
.points_wrap{display: flex;flex-direction:column;gap: 60px;margin-bottom: 50px;margin-top: 60px;}
.points{background-color: #F1F7EF;width: 100%;padding: 50px 20px 10px 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: 20px;line-height: 1.5;}
.point_title strong{color: #529535;}
.point_img{margin-bottom: 10px;}
.point_img img{width: 100%;}
.point_button{text-align: center;margin-top: 30px;}
.consult_button{text-align: center;}
.consult_button a{width: 280px;}
@media (min-width:768px) {
    .points_wrap{flex-direction: row;gap: 30px;}
    .points{width: calc(calc(100% - 60px) / 3);padding: 60px 25px 40px 25px;}
    .point_title{margin-bottom: 40px;font-size: min(2vw,24px);}
    .consult_button a{width: 300px;}
    .point_number{font-size: min(5vw,60px);}
}



/*========== お役立ち情報 ==========*/
.hint_title{color: #529535;font-weight: bold;margin-bottom: 30px;}
.hint_title_e{font-size: 64px;line-height: initial;}
.card_link_row_text {width: 100%;}
.card_link_track{display: none;}
@media (min-width: 768px){
    .hint_wrap{display: flex;flex-direction: row-reverse;justify-content: space-between;}
    .hint_title {display: flex;gap: 10px;flex-direction: row-reverse;}
    .hint_title_j {writing-mode: vertical-rl;text-orientation: upright;white-space: nowrap;font-size: 24px;}
    .hint_title_e {writing-mode: vertical-rl;text-orientation: sideways;white-space: nowrap;letter-spacing: 0.1em;font-size: 100px;line-height: 70px;}
    .hint_card_link_wrap{width: 70vw;}
    .card_link_row_text {width: 100%;}
}
@media (min-width:1024px) {
    .hint_title_e {font-size: min(6vw,100px);}
    .hint_card_link_wrap{width: 1000px;}
    .card_link_row_text {width: calc(calc(100% - 30px) / 2);}
    .card_link_row_text:last-child {width: calc(calc(100% - 30px) / 2);}
    .card_link_text_area{position: relative;}
    .card_link_track {position: absolute;top: 10px;right: 13vw;width: 150px;display: block;} 
    .card_link_track img{width: 100%;}
}