@charset "utf-8";

/*========== 導入文 ==========*/
.page_top_text .color_primary {display: inline;}

/*========== 色 ==========*/
.b_color1{background-color: #38B6BD;}
.b_color2{background-color: #86BD4A;}
.b_color3{background-color: #5CADD4;}
.b_color4{background-color: #E3745D;}
.b_color5{background-color: #55B37D;}
.b_color6{background-color: #E57937;}
.b_color7{background-color: #6983B2;}

.b2_color1{background-color: #E8F5F8;}
.b2_color2{background-color: rgba(134, 189, 74, 0.1);}
.b2_color3{background-color: rgba(93, 170, 212, 0.1);}
.b2_color4{background-color: rgba(227, 116, 93, 0.1);}

.t_color1{color: #38B6BD;}
.t_color2{color: #86BD4A;}
.t_color3{color: #5CADD4;}
.t_color4{color: #E3745D;}
.t_color5{color: #55B37D;}
.t_color6{color: #E57937;}
.t_color7{color: #6983B2;}

.bb_color1{border-bottom: 1px solid #38B6BD;}
.bb_color2{border-bottom: 1px solid #86BD4A;}
.bb_color3{border-bottom: 1px solid #5CADD4;}
.bb_color4{border-bottom: 1px solid #E3745D;}
.bb_color5{border-bottom: 1px solid #55B37D;}
.bb_color6{border-bottom: 1px solid #E57937;}
.bb_color7{border-bottom: 1px solid  #6983B2;}


/*========== ページ内リンクボタン ==========*/
.card_link_wrap{gap: 10px;margin-bottom: 80px;}
.card_link_support{position: relative;width: calc(calc(100% - 10px) / 2);text-align: center;gap: 5px;padding: 15px 15px 30px 15px;}
.card_link_support::after {content: "";position: absolute;left: 50%;bottom: 15px;transform: translateX(-50%);width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 9px solid white;}
.card_link_support img{width: 55px;}
.card_link_support span{font-weight: bold;color: white;line-height: 1.5;text-align: center;}
@media (min-width:768px) {
    .card_link_wrap{gap: 15px;}
    .card_link_support {width: calc(calc(100% - 40px) / 3);padding: 15px 20px 30px 20px;}
    .card_link_support img{width: 90px;margin-bottom: 5px;}
}
@media (min-width:1400px) {
        .card_link_support {width: calc(calc(100% - 90px) / 7);padding: 20px 10px 40px 10px;}
}


/*========== ページ内リンクがヘッダーに埋まらないようにする ==========*/
.support {scroll-margin-top: 87px;}
@media (min-width:768px) {
    .support {scroll-margin-top: 120px;}
}


/*========== 各説明 ==========*/
/* 共通 */
.text_lm{font-size: 24px;}
.heading_img{height: auto;width: 40px;}
.heading_title{text-align: center;line-height: 1.5;}
.support{background-color: white;border-radius: 10px;margin-bottom: 40px;padding: 30px 20px;}
.heading_text_wrap{display: flex;justify-content: space-between;width: 100%;flex-direction: column;}
.heading_tag{color: white;font-weight: bold;padding: 7px 15px;width: 100%;text-align: center;margin: 10px 0;}
.heading_imgs{display: flex;flex-direction: column;align-items: center;gap: 15px;}
.heading_img{width: 60px;display: flex;align-items: center;}
.heading_img img{width: 100%;}
.support_text{margin-bottom: 20px;text-align: justify;}
.support_text strong{font-size: 22px;display: inline;}
.support_boxes{display: flex;flex-direction: column;gap: 10px;margin-bottom: 20px;}
.support_box{width: 100%;padding: 20px;}
.support_box_cate2{padding: 20px 10px;}
.support_box strong{font-size: 22px;margin-top: 2px;}
.support small{line-height: 1.5;text-align: justify;}
@media (min-width:768px) {
    .text_lm{font-size: 28px;}
    .heading_img{width: 60px;}
    .support{padding: 40px 50px;}
    .support_boxes{flex-direction: row;}
    .support_box{width: calc(calc(100% - 40px) / 3);}
    .support_box_cate2{padding: 20px;}
    .heading_text_wrap{flex-direction: row;}
    .heading_imgs{flex-direction: row;}
    .heading_title{text-align: left;}
    .heading_tag{width: initial;margin: 0;}
    .support_boxes{gap: 20px;}
    .support_box strong{font-size: 24px;}
    .support_text strong{font-size: 24px;}

}

/* 24時間受付 住宅トラブル応急対応サポート */
.support_boxes_cate2{flex-direction: row;flex-wrap: wrap;}
.support_box_cate2{display: flex;flex-direction: row;align-items: center;width: calc(calc(100% - 15px) / 2);gap: 10px;}
.support_box_cate2_img {width: 30px;display: flex;align-items: center;}
.support_box_cate2_img img{width: 100%;}
.support_box_cate2_text{font-size: 18px;font-weight: bold;}
.support_text_cate2{margin-bottom: 5px;margin-top: 20px;}
@media (min-width:768px) {
    .support_box_cate2{width: calc(calc(100% - 60px) / 5);}
    .support_boxes_cate2{gap: 15px;}
    .support_box_cate2_img {width: 45px;}
    .support_box_cate2_text{font-size: min(1.5vw,24px);}
}

/* 24時間対応 専門医療コンシェルジュダイヤル */
.support_boxes_cate3{flex-wrap: wrap;}
.support_box_cate3_title{display: flex;flex-direction: row;align-items: center;gap: 10px;margin-bottom: 5px;}
.support_box_cate3_title_img{width: 45px;display: flex;align-items: center;}
.support_box_cate3_title_img img{width: 100%;}
.support_box_cate3_title_text{font-weight: bold;font-size: 20px;text-align: justify;}
@media (min-width:768px) {
    .support_box_cate3_title_text{font-size: 22px;}
    .support_box_cate3_text{text-align: justify;}

}

/* 全50種のお得なファミリークーポン */
.support_boxes_cate5{gap: 10px;}
.support_box_cate5{width: 100%;padding: 0;}
.support_box_cate5 img{width: 100%;}
.support_text_cate5{font-weight: bold;font-size: 22px;margin-bottom: 10px;}
@media (min-width:768px) {
    .support_box_cate5{width: calc(calc(100% - 10px) / 2);padding: 0;}
}

/* こだわりギフト抽選会 */
.support_boxes_cate6{flex-direction: row;flex-wrap: wrap;}
.support_box_cate6{width: calc(calc(100% - 10px) / 2);padding: 0;}
.support_box_cate6 img{width: 100%;}
@media (min-width:768px) {
    .support_boxes_cate6{flex-wrap: nowrap;}
    .support_box_cate6{width: calc(calc(100% - 60px) / 5);}
}

/* サテポイント */
.support_texts_wrap{display: flex;flex-direction: column;}
.support_text_cate7{font-weight: bold;font-size: 22px;margin-bottom: 5px;}
.support_text_mb{margin-bottom: 0;}
.support_img{width: 150px;margin: 0 auto;}
.support_img img{width: 100%;}
@media (min-width:768px) {
    .support_texts_wrap{flex-direction: row;align-items: center;justify-content: space-between;}
    .support_img{width: 190px;margin: 0;}
    .support_text_mb{margin-bottom: 20px;}



}