@charset "UTF-8";

html {
    scroll-behavior: smooth;
}

.font_bold,.bold{
    font-weight: 700;
}

@media screen and (min-width: 767px){
    .PC_none{
        display: none;
    }

    .text_SP{
        display: none;
    }
}

@media screen and (max-width: 767px){
    .SP_none{
        display: none;
    }

    .text_PC{
        display: none;
    }
}

/*メイン画像*/
#responsiveMainVisual{
    height: auto;
    object-fit: cover;
    overflow: hidden;
}

.keyvisual_title_img_container{
    position: absolute;
    width: 100%;
    height: auto;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.keyvisual_title_img{
    display: flex;
    justify-content: center;
    align-items: center;
}

.keyvisual_title_img img{
    width: 45%;
}

@media screen and (max-width: 767px) {
    #responsiveMainVisual{
        height: auto;
    }

    #responsiveMainVisual > img{
        height: ;
    }

    .keyvisual_title_img_container{
        height: auto;
        width: 70%;
    }

    .keyvisual_title_img > img{
        width: 100%;
        height: auto;
    }
}

/*期間*/
.sale_priod_container{
    display: flex;
    padding: var(--Spacing-sm, 16px) 8px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    align-items: center;
    background: #FFF;
}

.sale_priod_name{
    color: #9A5727;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.sale_period_text{
    color: #9A5727;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

@media screen and (max-width: 767px){
    .sale_priod_container{
        padding: 8px;
    }

    .sale_priod_name{
        font-size: 14px;
    }
}

/*オファーコンテンツ*/
.sale_offer_content_container{
    display: flex;
    padding: 24px 0px var(--Spacing-md, 24px) 0px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background: url(//www.triphoo.jp/dataupload/images/adv/i/offer1_pc.png);
    background-size: cover;
}

@media screen and (max-width: 767px){
    .sale_offer_content_container{
        background: url(//www.triphoo.jp/dataupload/images/adv/i/offer1_sp.png);
        background-size: cover;
    }
}

.sale_offer_title_container{
    display: flex;
    width: 1000px;
    padding: 0px 0px var(--Spacing-none, 0px) 0px;
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-md, 24px);
}

.sale_offer_title_img_container{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}

.sale_offer_title_img{
    width: 100%;
    height: auto;
    flex-shrink: 0;
    text-align: center;
}

@media screen and (min-width: 767px){
    .sale_offer_title_img_sp{
        display: none;
    }
}

@media screen and (max-width: 767px){
    .sale_offer_title_img_pc{
        display: none;
    }
}

.sale_offer_title_main{
    display: flex;
    padding: 8px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: #FFF;
}

.sale_offer_title_main_text{
    color: #222;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    line-height: 140%;
}

.sale_offer_title_sub{
    display: flex;
    padding: 8px 0px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Pink, #FF7683);
    background: rgba(255, 255, 255, 0.70);
}

.sale_offer_title_sub_text{
    color: var(--Black, #222);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.sale_offer_box_container{
    display: flex;
    width: 1000px;
    padding: 24px 0 16px;
    align-items: center;
    gap: var(--Spacing-sm, 16px);
}

.sale_offer_box{
    display: flex;
    padding: var(--Spacing-sm, 16px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-xs, 8px);
    flex: 1 0 0;
}

#special_sale_offer.sale_offer_box{
    border-radius: 8px;
    border: 2px solid #FE1902;
    background: #FFF;
}

#limited_sale_offer.sale_offer_box{
    border-radius: 8px;
    border: 2px solid #00B2D2;
    background: #FFF;
}

#coupon_offer.sale_offer_box{
    border-radius: 8px;
    border: 2px solid #00CC10;
    background: #FFF;
}

.sale_offer_box_title_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.sale_offer_box_title_tag{
    display: flex;
    padding: 0px var(--Spacing-sm, 16px) var(--Spacing-none, 0px) var(--Spacing-sm, 16px);
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
}

#special_sale_offer .sale_offer_box_title_tag{
    border-radius: 57px;
    background: linear-gradient(145deg, #FE1902 0%, #FF3901 24.99%, #FF5103 49.98%, #FF6506 69.97%, #FF8F02 99.96%);
}

#limited_sale_offer .sale_offer_box_title_tag{
    border-radius: 57px;
    background: linear-gradient(91deg, #00B2D2 0%, #1C5DB5 100%);
}

#coupon_offer .sale_offer_box_title_tag{
    border-radius: 57px;
    background: linear-gradient(180deg, #00CC10 0%, #39B497 100%);
}

.timer_icon{
    display: flex;
    content: url(//www.triphoo.jp/dataupload/images/adv/i/timer.svg);
}

.coupon_icon{
    display: flex;
    content: url(//www.triphoo.jp/dataupload/images/adv/i/vector.svg);
}

.sale_offer_box_title_tag_text{
    color: var(--White, #FFF);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.sale_offer_box_title_text_container{
    display: flex;
    padding: 0px 0px var(--Spacing-none, 0px) 0px;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-none, 0px);
    align-self: stretch;
}

.sale_offer_box_title_text{
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.sale_offer_box_title_text_bold{
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

#special_sale_offer .sale_offer_box_title_text_bold{
    background: linear-gradient(145deg, #FE1902 0%, #FF3901 24.99%, #FF5103 49.98%, #FF6506 69.97%, #FF8F02 99.96%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#limited_sale_offer .sale_offer_box_title_text_bold{
    background: linear-gradient(91deg, #00B2D2 0%, #1C5DB5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#coupon_offer .sale_offer_box_title_text_bold{
    background: linear-gradient(180deg, #00CC10 0%, #39B497 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sale_offer_box_title_sub_text_container{
    display: flex;
    align-items: center;
    gap: var(--Spacing-xxs, 4px);
}

.sale_offer_box_title_sub_text{
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.sale_offer_box_title_sub_text_bold{
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

#limited_sale_offer .sale_offer_box_title_sub_text_bold{
    color: #222;
}

.sale_offer_box_cta{
    display: flex;
    height: var(--Height-md, 44px);
    min-height: var(--Height-md, 44px);
    max-height: var(--Height-md, 44px);
    padding: 0px var(--Spacing-sm, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-xs, 8px);
    border-radius: var(--Radus-md, 3px);
    border: 1px solid var(--secondary-1-ba-1-ff, #1BA1FF);
    background: var(--white-ffffff, #FFF);
    width: 100%;
}

.sale_offer_box_cta:hover{
    background: #D1ECFF;
}

.sale_offer_box_cta_text{
    color: var(--secondary-1-ba-1-ff, #1BA1FF);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}


@media screen and (max-width: 767px){
    .sale_offer_box_cta{
        width: 100%;
    }
}

/*ツアーコンテンツ*/
/*先着限定ツアー背景*/
#special_sale{
    background: url(//www.triphoo.jp/dataupload/images/adv/i/offer2_pc.png);
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background-size: contain;
}

@media screen and (max-width: 767px){
    #special_sale{
        background: url(//www.triphoo.jp/dataupload/images/adv/i/offer2_sp.png);
        background-size: contain !important;
    }
}

/*お得なツアー背景*/
#limited_sale{
    background: url(//www.triphoo.jp/dataupload/images/adv/i/offer3_PC.png);
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background-size: contain;
}

@media screen and (max-width: 767px){
    #limited_sale{
        background: url(//www.triphoo.jp/dataupload/images/adv/i/offer3_SP.png);
        background-size: contain !important;
    }
}

.contact_wrap{
    background: url(//www.triphoo.jp/dataupload/images/adv/i/GW_4_back_pc.png);
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background-size: cover;
}

@media screen and (max-width: 767px){
    .contact_wrap{
        background: url(//www.triphoo.jp/dataupload/images/adv/i/GW_4_back_sp.png);
    }
}

#value_sale{
    background: linear-gradient(90deg, #E6FADD 50%, #FFF 100%);
}

@media screen and (max-width: 767px){
    #value_sale{
        
    }
}

#coupon_sale{
    background: url(//www.triphoo.jp/dataupload/images/adv/i/offer4_pc.png);
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background-size: cover;
}

@media screen and (max-width: 767px){
    #coupon_sale{
        background: url(//www.triphoo.jp/dataupload/images/adv/i/offer4_SP.png);
    }
}

.sale_content_container{
    display: flex;
    padding: 40px 0px;
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-none, 0px);
    flex: 1 0 0;
    align-self: stretch;
    /*border-top: 6px solid var(--Gray_Lightness_1, #D1D1D1);*/
}

.sale_content_vertical_flex{
    display: flex;
    width: 1000px;
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-sm, 16px);
}

/*ツアータイトル*/
.sale_content_title_container{
    display: flex;
    padding: 0px var(--Spacing-sm, 16px);
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-xs, 8px);
    align-self: stretch;
}

.sale_content_title_tag{
    display: flex;
    padding: 4px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
    background: var(--White, #FFF);
}

#asia_tour .sale_content_title_tag{
    border: 1px solid #78340E;
}

#resort_tour .sale_content_title_tag{
    border: 1px solid #78340E;
}

#europa_tour .sale_content_title_tag{
    border: 1px solid #78340E;
}

#oceania_tour .sale_content_title_tag{
    border: 1px solid #78340E;
}

#coupon_sale .sale_content_title_tag{
    border-radius: 50px;
    background: linear-gradient(180deg, #00CC10 0%, #39B497 100%);
}

.sale_content_title_tag_text{
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

#asia_tour .sale_content_title_tag_text{
    color: #78340E;
}

#resort_tour .sale_content_title_tag{
    color: #78340E;
}

#europa_tour .sale_content_title_tag{
    color: #78340E;
}

#oceania_tour .sale_content_title_tag{
    color: #78340E;
}

.sale_content_title_text_container{
    display: flex;
    padding-bottom: var(--Spacing-xs, 8px);
    justify-content: center;
    align-items: center;
    align-self: stretch;
}

.sale_content_title_text{
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.sale_content_title_text_bold{
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

/*限定ツアータイトルカラー*/
#special_sale .sale_content_title_text_bold{
    background: linear-gradient(145deg, #FE1902 0%, #FF3901 24.99%, #FF5103 49.98%, #FF6506 69.97%, #FF8F02 99.96%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#limited_sale .sale_content_title_text{
    color: var(--Black, #222);
}

#limited_sale .sale_content_title_text_bold{
    background: linear-gradient(91deg, #00B2D2 0%, #1C5DB5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#value_sale .sale_content_title_text{
    color: var(--Black, #222);
}

#value_sale .sale_content_title_text_bold{
    color: var(--Green, #0D8116);
}

#coupon_sale .sale_content_title_text{
    color: var(--Black, #222);
}

#coupon_sale .sale_content_title_text_bold{
    background: linear-gradient(180deg, #00CC10 0%, #39B497 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sale_content_title_text_bold{
    color: var(--Red, #FF1D1C);
}

.sale_content_title_sub_text{
    color: var(--Black, #222);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

/*アンカー*/
#sale1,#sale2,#sale3,#sale4{
    padding-top: 40px;
    margin-top: -40px;
}

.feature_menu1_container{
    display: flex;
    align-items: flex-end;
    gap: 0px;
    text-align: center;
    position: sticky;
    top: 0px;
    z-index: 999;
}

.feature_menu1_list_container{
    display: flex;
    width: 100%;
    border-radius: var(--Radus-md, 3px);
    border: 1px solid var(--Gray_Lightness_2, #E4E4E4);
    background: var(--White, #FFF);
    box-shadow: 0 4px 4px 0 rgb(34 34 34 / 20%);
    justify-content: space-between; 
}

.feature_menu1_list{
    width: 275px;
    border-right: 1px solid var(--Gray_Lightness_2, #E4E4E4);
}

.feature_menu1_list_detail{
    display: block;
    padding: 8px 0;
}

.feature_menu1_list:nth-child(1){
    margin-left: auto;
    border-left: 1px solid var(--Gray_Lightness_2, #E4E4E4);
}

.feature_menu1_list:last-child{
    margin-right: auto;
}

.feature_menu1_list:hover{
    border-bottom: 4px solid var(--Navy, #1C5DB5);

    .feature_menu1_list_title{
        color: var(--Navy, #1C5DB5);
    }
}

.feature_menu1_list_title{
    color: var(--Black, #222);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.feature_menu1_list_text{
    color: var(--Black, #222);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

@media screen and (max-width: 767px){
    .feature_menu1_list_container{
        justify-content: space-between; 
    }
    
    .feature_menu1_list{
        width: auto;
        flex: auto;
    }

    .feature_menu1_list:nth-child(1){
        margin-left: 0px;
    }
    
    .feature_menu1_list:nth-child(4){
        margin-right: 0px;
    }

}

/*空港切り替えタブ*/
.select_area_list_container{
    display: flex;
    width: 1000px;
    height: var(--Height-sm, 36px);
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-sm, 16px);
}

.common_select_area_list{
    display: flex;
    min-height: var(--Height-sm, 36px);
    max-height: var(--Height-sm, 36px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
}

.common_select_area_list > a{
    display: flex;
    height: var(--Height-sm, 36px);
    min-height: var(--Height-sm, 36px);
    max-height: var(--Height-sm, 36px);
    padding: 0px var(--Spacing-xs, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-xs, 8px);
    align-self: stretch;
    border-radius: var(--Radus-md, 3px);
    border: 1px solid var(--secondary-1-ba-1-ff, #1BA1FF);
    background: var(--white-ffffff, #FFF);
}

.common_select_area_list > a:hover{
    background: #D1ECFF;
}

.common_select_area_list span{
    color: var(--secondary-1-ba-1-ff, #1BA1FF);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.selected{
    border-bottom: none;
}

/*限定ツアー選択時*/
.select_special_sale_area_list.selected > a{
    border: none;
    background: none;
    border-bottom: 3px solid var(--Navy, #1C5DB5);
}

.select_special_sale_area_list.selected span{ 
    color: #1C5DB5;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

/*お得なツアー選択時*/
.select_limited_sale_area_list.selected > a{
    border: none;
    background: none;
    border-bottom: 3px solid var(--Blue_Darkness, #1891E6);
}

.select_limited_sale_area_list.selected span{ 
    color: var(--Navy, #1C5DB5);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

/*一覧遷移選択時*/
.select_value_sale_area_list.selected > a{
    border: none;
    background: none;
    border-bottom: 3px solid #B1DE9E;
}

.select_value_sale_area_list.selected span{
    color: var(--Green, #0D8116);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.common_select_tour_wrap.selected{
    display: flex;
    padding: 0px var(--Spacing-none, 0px);
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.sale_tour_notice{
    align-self: stretch;
    color: var(--Black, #222);
    text-align: right;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.sale_tour_content{
    display: flex;
    align-items: flex-start;
    gap: var(--Spacing-sm, 16px);
    margin-bottom: 8px;
    flex-wrap: wrap;
}

/*ツアーカード詳細*/
.tour_card_container{
    display: flex;
    width: 322.33333px;
    padding-bottom: var(--Spacing-xs, 8px);
    align-items: flex-start;
    gap: 8px;
    border-radius: var(--Radus-md, 3px);
    border: 1px solid var(--Gray_Lightness_1, #D1D1D1);
    background: #FFF;
    position: relative;
}

.tour_card_container:hover .tour_img img{
    transform:scale(1.1,1.1);
    transition: 0.6s all;
}

.tour_card{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

.tour_img{
    display: flex;
    height: 166px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    background: var(--Gray_Lightness_1, #D1D1D1);
    overflow: hidden;
}

.tour_img img{
    width: 100%;
    height: 166px;
}

.tour_detail{
    display: flex;
    padding-top: var(--Spacing-xs, 8px);
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 4px;
}

.tour_detail_title{
    display: flex;
    padding: 0px var(--Spacing-xs, 8px);
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.tour_detail_title_text{
    color: var(--Black, #222);
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.select_tour_list_detail_container{
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 8px;
}

.select_tour_list_detail{
    display: flex;
    align-items: center;
    gap: 8px;
}

.select_tour_list_detail_text{
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
    color: #222;
}

.select_tour_list_detail_air_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/airplane.svg);
}

.select_tour_list_hotel_detail{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#limited_sale .select_tour_list_detail_container .select_tour_list_detail_text{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.select_tour_list_detail_hotel_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/service-hotel-domestic.svg);
}

.select_tour_list_detail_hotelgrade_icon_container{
    display: inline-flex;
    height: 20px;
    align-items: center
}

.select_tour_list_detail_hotelgrade_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/star-full.svg);
}

.select_tour_list_detail_hotelgrade_halficon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/star-half.svg);
}

.select_tour_list_detail_plan_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/roomtype.svg);
}

.select_tour_list_detail_people_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/user-shape.svg);
}

.select_tour_list_detail_icon,.select_tour_list_detail_hotelgrade_icon,.select_tour_list_detail_hotelgrade_halficon{
    display: flex;
    width: 16px;
    height: 16px;
    align-items: center;
}

.tour_detail_price{
    display: flex;
    padding: 0px var(--Spacing-xs, 8px);
    justify-content: flex-end;
    align-items: center;
    gap: var(--Spacing-xxs, 4px);
    align-self: stretch;
}

.tour_detail_price_text{
    color: var(--Black, #222);
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.tour_detail_price_information_text{
    color: var(--Red, #FF1D1C);
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

#limited_sale .tour_detail_price_information_text{
    color: var(--Black, #222);
}

.tour_detail_cta_container{
    display: flex;
    padding: var(--Spacing-xxs, 4px) 0px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.tour_detail_cta{
    display: flex;
    width: 280px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-xxs, 4px);
    border-radius: 40px;
    background: var(--Yellow, #FFC11C);
}

.tour_detail_cta:hover{
    cursor: pointer;
    background: #E6AE19;
}

.tour_detail_cta_text{
    color: var(--Black, #222);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.tour_card_city{
    display: flex;
    padding: 8px var(--Spacing-sm, 16px);
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    right: 0px;
    background: var(--Navy, #1C5DB5);
    border-top-right-radius: 2px;
}

.tour_card_city_text{
    color: var(--White, #FFF);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.sale_search_content_container{
    display: flex;
    width: 1000px;
    padding: var(--Spacing-sm, 16px) 0px;
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-sm, 16px);
}

.sale_search_tag{
    display: flex;
    padding: var(--Spacing-xxs, 4px) var(--Spacing-md, 24px);
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
    background: var(--White, #FFF);
}

.sale_search_tag_text{
    color: var(--Green, #0D8116);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.sale_search_content{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: var(--Spacing-md, 24px);
    align-self: stretch;
    flex-wrap: wrap;
}

.sale_search_city{
    width: 220px;
    height: 60px;
    border-radius: var(--Radus-md, 3px);
    position: relative;
    overflow: hidden;
}

.sale_search_city:hover .sale_search_city_img img{
    transform:scale(1.1,1.1);
    transition: 0.6s all;
}

.sale_search_city_img::after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0.2) 60%, transparent 100%);
    border-radius: 3px;
    width: 100%;
    height: 60px;
}

.sale_search_city_img img{
    width: 220px;
    height: 60px;
    object-fit: cover;
    border-radius: var(--Radus-md, 3px);
}

.sale_search_city_information{
    display: flex;
    width: 220px;
    height: 60px;
    padding: 0px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    position: absolute;
    top: 0px;
}

.sale_search_city_name_text{
    color: var(--white-ffffff, var(--White, #FFF));
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.sale_search_city_price_text{
    color: var(--white-ffffff, var(--White, #FFF));
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

/*特徴*/
.feature_recommend_tour_part{
    width: 1000px;
    margin: 0 auto;
}

.feature_recommend_country{
    display: flex;
    padding: 32px var(--Spacing-none, 0px);
    flex-direction: column;
    gap: var(--Spacing-xs, 8px);
}

.feature_recommend_country_name{
    display: flex;
    padding-bottom: var(--Spacing-sm, 8px);
    align-items: center;
    gap: var(--Spacing-xs, 8px);
    color: var(--Black, #222);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

/*他サービス*/
.reccomend_other_container{
    display: flex;
    padding: var(--Spacing-xxl, 40px) var(--Spacing-sm, 16px);
    justify-content: center;
    align-items: flex-start;
    gap: var(--Spacing-sm, 16px);
    background: var(--Gray_Lightness_3, #F4F4F4);
}

.reccomend_other{
    display: flex;
    width: 1000px;
    align-items: flex-start;
    gap: var(--Spacing-lg, 32px);
    flex-shrink: 0;
}

.reccomend_other_button{
    width: 484px;
}

.reccomend_other_button a{
    display: flex;
    height: var(--Height-md, 44px);
    min-height: var(--Height-md, 44px);
    max-height: var(--Height-md, 44px);
    padding: 0px var(--Spacing-sm, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-xs, 8px);
    flex: 1 0 0;
    border-radius: var(--Radus-md, 3px);
    border: 1px solid var(--secondary-1-ba-1-ff, #1BA1FF);
    background: var(--white-ffffff, #FFF);
}

.reccomend_other_button_img i{
    width: 16px;
    height: 16px;
    display: flex;
}

.flight-international_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/flight-international.svg);
}

.dp-international_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/dp-international.svg);
}

.reccomend_other_button_text{
    display: flex;
    height: 20px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
}

.reccomend_other_button_text span{
    color: var(--Blue, #1BA1FF);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; 
}

/*特集*/
#feature_sale{
    margin: 32px 0;
}

.top_secrion_container{
    width: 1000px;
    margin: 0 auto;
}

/*----特徴ここから----*/
.select_tour_block_container{
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px 0;
}

.itour_feature_list_container{
    display: flex;
    align-items: flex-start;
    gap: var(--Spacing-md, 24px);
    align-self: stretch;
}

.itour_feature_part{
    display: flex;
    padding: 0px 0px var(--Spacing-none, 0px) 0px;
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-md, 24px);
    flex: 1 0 0;
}

.itour_feature_title{
    background:linear-gradient(transparent 80%, #D1ECFF 8px);
}

.itour_feature_title h3{
    color: var(--Navy, #1C5DB5);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 0px;
    text-align: center;
}

.itour_feature_icon_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-xs, 8px);
    align-self: stretch;
}

.itour_feature_icon{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.itour_feature_arrange_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/tokucho_icon1.svg);
}

.itour_feature_support2_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/tokucho_icon2.svg);
}

.itour_feature_suggest_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/tokucho_icon3.svg);
}

.itour_feature_explain{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--Spacing-xs, 8px);
    align-self: stretch;
}

.itour_feature_explain li{
    list-style-type: disc;
    margin-left: 16px;
    
}

.itour_feature_subtitle{
    color: var(--Black, #222);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.itour_feature_container p{
    margin-bottom: 0px;
}

.itour_feature_text{
    color: var(--Black, #222);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; 
    align-self: stretch;
}

.text_annotation{
    font-size: 14px;
}

.transition_button:hover{
    border: 1px solid var(--secondary-1-ba-1-ff, #1BA1FF);
    background: var(--secondary-lightness-d-1-ecff, #D1ECFF);
}

.transition_button_text_container{
    color: var(--Blue, #1BA1FF);
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
}

.contact_cta_container{
    display: flex;
    gap: 8px;
    align-self: stretch;
    justify-content: center;
}

.contact_cta_wrap{
    width: 100%;
}

#itour_feature .contact_cta{
    width: 100%;
}

#itour_feature .contact_cta_text{
    font-size: 12px;
}

.contact_cta_title p{
    text-align: center;
    color: var(--Black, #222);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

#itour_feature .contact_cta{
    display: flex;
    height: 40px;
    padding: var(--Spacing-xxs, 4px) 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: var(--Radus-md, 3px);
    color: var(--White, #FFF);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_cta_container .contact_cta_wrap:nth-child(1) .contact_cta{
    background: #43C606;
}

.contact_cta_container .contact_cta_wrap:nth-child(1) .contact_cta:hover{
    background: #38A406;
    color: #fff;
}

.contact_cta_LINE_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/line_white.svg);
}

.contact_cta_container .contact_cta_wrap:nth-child(2) .contact_cta{
    background: #1BA1FF;
}

.contact_cta_container .contact_cta_wrap:nth-child(2) .contact_cta:hover{
    background: var(--Blue_Darkness, #1891E6);
    color: #fff;
}

.contact_cta_mail_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/mail_white.svg);
}

@media screen and (max-width: 767px){
    .box_text{
        padding: 0 16px;
    }
    
    .tour_title_name_text{
        font-size: 18px;
    }
    
    .select_tour_block_container{
        width: 100%;
    }
    
    #feature .top_secrion_container{
        padding: 0 16px;
    }
    
    .itour_feature_container{
        padding: 0 8px;
    }

    .itour_feature_list_container{
        width: 100%;
        flex-direction: column;
        gap: 16px;
    }
    
    #itour_feature .itour_feature_part{
        display: flex;
        width: 100%;
        padding: var(--Spacing-xs, 8px) var(--Spacing-xs, 8px) var(--Spacing-sm, 16px) var(--Spacing-xs, 8px);
        align-items: center;
        gap: var(--Spacing-sm, 16px);
        flex-direction: column;
    }

    .itour_feature_icon_container{
        flex-direction: initial
    }

    .itour_feature_subtitle{
        font-size: 14px;
    }

    .itour_feature_icon i{
        width: 80px;
        height: auto;
    }

    .itour_feature_title{
        font-size: 18px;
    }

    .itour_feature_title br{
        display: none;
    }

    .itour_feature_text{
        font-size: 14px;
        font-weight: 300;
        line-height: 140%;
    }

    .itour_feature_border{
        width: calc(100% - 32px);
        height: 1px;
        margin: 0 auto;
        border-bottom: 1px solid var(--Gray_Lightness_2, #E4E4E4);
        box-sizing: unset;
    }
}
/*----特徴ここまで----*/

@media screen and (min-width: 767px) {
    /*期間*/
    .sale_priod_name_SP{
        display: none;
    }

    .sale_offer_title_main_text br{
        display: none;
    }
}

@media screen and (max-width: 767px) {
    /*期間*/
    .sale_priod_name_PC{
        display: none;
    }

    .sale_priod_name_SP{
        color: var(--Red, #FF1D1C);
        font-feature-settings: 'liga' off, 'clig' off;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
    }

    .sale_period_text{
        font-size: 16px;
    }

    /*オファーコンテンツ*/
    .sale_offer_content_container{
        padding: 16px 0px var(--Spacing-sm, 16px) 0px;
    }

    .sale_offer_title_container{
        width: 100%;
        padding: 0px var(--Spacing-sm, 16px) var(--Spacing-none, 0px) var(--Spacing-sm, 16px);
        gap: 16px;
        align-self: stretch;
    }

    .sale_offer_title_img_container{
        width: 100%;
        height: auto;
        align-items: center;
    }

    .sale_offer_title_img{
        width: 100%;
        height: auto;
        flex-shrink: 0;
    }

    .sale_offer_title_img img{
        width: 100%;
    }

    .sale_offer_title_main{
        padding: 8px 0px;
        gap: 8px;
    }

    .sale_offer_title_main_text{
        font-size: 18px;
    }

    .sale_offer_title_sub{
        padding: 16px;
        gap: 8px;
    }

    .sale_offer_title_sub_text{
        font-size: 18px;
        text-align: left;
    }

    .sale_offer_box_container{
        display: flex;
        width: 100%;
        padding: var(--Spacing-sm, 16px);
        flex-direction: column;
        justify-content: center;
        gap: var(--Spacing-sm, 16px);
    }

    .sale_offer_box{
        padding: var(--Spacing-sm, 16px);
        gap: var(--Spacing-xs, 8px);
        align-self: stretch;
    }

    .sale_offer_box_title_container{
        gap: 8px;
    }

    .sale_offer_box_title_tag_text{
        font-size: 14px;
    }

    .sale_offer_box_title_text{
        font-size: 18px;
    }

    .sale_offer_box_title_text_bold{
        font-size: 18px;
    }

    .sale_offer_box_cta{
        height: var(--Height-sm, 36px);
        min-height: var(--Height-sm, 36px);
        max-height: var(--Height-sm, 36px);
        padding: 0px var(--Spacing-sm, 16px);
        gap: var(--Spacing-xs, 8px);
        align-self: stretch;
    }

    /*ツアーコンテンツ*/
    .sale_content_container{
        padding: 32px 0px;
        gap: var(--Spacing-sm, 16px);
    }

    .sale_content_vertical_flex{
        width: 100%;
    }

    .sale_content_title_container{
        padding: 0px var(--Spacing-sm, 16px);
        gap: var(--Spacing-xs, 8px);
    }

    .sale_content_title_tag_text{
        font-size: 16px;
    }

    .sale_content_title_text{
        font-size: 24px;
    }

    .sale_content_title_text_bold{
        font-size: 24px;
    }

    .sale_content_title_sub_text{
        font-size: 16px;
    }

    .select_area_container{
        width: 100%;
        padding: 0 16px;
    }

    .common_select_area_list > a{
        padding: 0 4px;
    }

    .select_area_list_container{
        display: flex;
        width: 100%;
        gap: var(--Spacing-xxs, 4px);
        flex-shrink: 0;
    }

    .common_select_area_list > a > span,.common_select_area_list.selected > a > span{
        font-size: 14px;
    }

    .common_select_tour_wrap,.common_select_tour_wrap.selected{
        width: 100%;
        padding: 0px var(--Spacing-sm, 16px);
        flex-direction: column;
        gap: var(--Spacing-sm, 16px);
    }

    .sale_tour_content{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--Spacing-sm, 24px);
    }
    
    .tour_card_container{
        width: 100%;
        align-items: flex-start;
    }

    .feature_menu1_list_title{
        font-size: 14px;
    }

    .feature_menu1_list_text{
        font-size: 12px;
    }

    /*一覧遷移*/
    .sale_search_content_container{
        width: 100%;
    }

    .sale_search_tag_text{
        font-size: 16px;
    }

    .sale_search_content{
        justify-content: center;
        align-items: flex-start;
        gap: 16px;
    }

    .sale_search_city{
        width: 45%;
        height: 60px;
    }

    .sale_search_city_img img{
        width: 100%;
    }

    .sale_search_city_information{
        width: 100%;
    }

    /*特徴*/
    .feature_recommend_tour_part{
        width: 100%;
    }
    
    .itour_feature_container{
        gap: 0px;
    }
    
    #itour_feature .feature_recommend_country{
        padding-top: 32px;
    }

    #itour_feature .feature_recommend_country_name h3{
        font-size: 20px !important;
        font-weight: 700;
        line-height: 140%; 
    }

    .feature_recommend_country_name{
        padding: 0px var(--Spacing-sm, 16px) var(--Spacing-sm, 8px) var(--Spacing-sm, 16px);
        color: var(--Black, #222);
        font-feature-settings: 'clig' off, 'liga' off;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
    }

    .itour_feature_container{
        width: 100%;
        flex-direction: column;
    }

    .itour_feature_part{
        display: flex;
        width: 100%;
        padding: 0px var(--Spacing-sm, 16px) var(--Spacing-sm, 16px) var(--Spacing-sm, 16px);
        align-items: center;
        gap: var(--Spacing-sm, 16px);
        flex-direction: initial;
    }

    .itour_feature_icon svg{
        width: 60px;
        height: 57.353px;
    }

    .itour_feature_title{
        font-size: 16px;
        font-weight: 700;
        line-height: 140%; 
    }

    .itour_feature_text{
        font-size: 14px;
        font-weight: 300;
        line-height: 140%;
    }

    .itour_feature_border{
        width: calc(100% - 32px);
        height: 1px;
        margin: 0 auto;
        border-bottom: 1px solid var(--Gray_Lightness_2, #E4E4E4);
        box-sizing: unset;
    }

    /*他サービス*/
    .reccomend_other{
        width: 100%;
    }

    .reccomend_other_container{
        padding: 0;
        gap: 0;
    }
    
    .reccomend_other{
        display: flex;
        padding: var(--Spacing-md, 24px) var(--Spacing-sm, 16px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Spacing-sm, 16px);
        align-self: stretch;
    }

    .reccomend_other_button_container{
        width: 100%;
    }
    
    .reccomend_other_button{
        width: auto;
    }

    /*特集*/
    #feature_sale{
        margin: 32px 0 16px;
    }

    .top_secrion_container{
        width: 100%;
    }
}

@media screen and (max-width: 385px) {
    .sale_offer_title_main_text{
        font-size: 16px;
    }

    .sale_offer_title_sub_text{
        font-size: 14px;
    }
}

@media screen and (max-width: 378px){
    .select_area li:nth-child(1) span,.select_area li:nth-child(3) span{
        font-size: 12px;
    }
}

#SearchSection{
    display: none;
}

/*----間のお問い合わせ-----*/
.contact_sub{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    padding: 16px
}

.contact_sub_text_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.contact_sub_subtitle{
    color: var(--Black, #222);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_sub_title{
    display: flex;
    padding: 0px 0px var(--Spacing-none, 0px) 0px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}

.contact_sub_title_text{
    color: var(--Black, #222);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_sub_title_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/mail.svg);
}

.contact_sub_text{
    color: var(--Black, #222);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    text-align: center;
}

.contact_cta{
    display: flex;
    width: 320px;
    height: var(--Height-md, 44px);
    min-height: var(--Height-md, 44px);
    max-height: var(--Height-md, 44px);
    padding: 0px var(--Spacing-sm, 16px);
    justify-content: center;
    align-items: center;
    border-radius: var(--Radus-md, 3px);
    background: #1BA1FF;
}

.contact_cta_text{
    color: var(--White, #FFF);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

@media screen and (max-width: 767px){
    .contact_cta_container,.contact_cta{
        width: 100%;
    }
}

/*----間のお問い合わせここまで----*/

/*----お問い合わせここから----*/
.contact{
    background-color: rgba(234,248,255,0.2);
}

.contact_wrap p{
    margin-bottom: 0px;
}

.contact{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    padding: 16px;
}

.contact_text_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.contact_subtitle{
    color: var(--Black, #222);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_title{
    display: flex;
    padding: 0px 0px var(--Spacing-none, 0px) 0px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.contact_title_text{
    color: var(--Black, #222);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_title_LINE_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/line.svg);
}

.contact_title_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/mail.svg);
}

.contact_contant{
    display: flex;
    padding: 8px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-md, 24px);
}

.contact_text{
    color: var(--Black, #222);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    text-align: center;
}

.contact_point_containar{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    padding: 16px;
    margin: 0 auto;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.80);
}

.contact_point_list{
    display: flex;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.contact_point_list p{
    color: var(--Black, #222);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_point_check_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/checkmark.svg);
}

.contact_cta_container{
    display: flex;
    gap: var(--Spacing-md, 24px);
    align-self: stretch;
    justify-content: center;
}

.contact_cta_wrap{
    width: 100%;
}

.contact_cta_title p{
    text-align: center;
    color: var(--Black, #222);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_cta{
    display: flex;
    height: 40px;
    padding: var(--Spacing-xxs, 4px) 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: var(--Radus-md, 3px);
    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact_cta_container .contact_cta_wrap:nth-child(1) .contact_cta{
    background: #43C606;
}

.contact_cta_container .contact_cta_wrap:nth-child(1) .contact_cta:hover{
    background: #38A406;
    color: #fff;
}

.contact_cta_LINE_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/line_white.svg);
}

.contact_cta_container .contact_cta_wrap:nth-child(2) .contact_cta{
    background: #1BA1FF;
}

.contact_cta_container .contact_cta_wrap:nth-child(2) .contact_cta:hover{
    background: var(--Blue_Darkness, #1891E6);
    color: #fff;
}

.contact_cta_mail_icon{
    content: url(//www.triphoo.jp/dataupload/images/adv/i/mail_white.svg);
}

@media screen and (max-width: 767px){
    .contact_wrap{
        background-position: -322.302px -243.05px;
        background-size: 305.994% 152.653%;
        width: 100%;
    }
    
    .contact{
        padding: 16px 0;
    }

    .contact_cta_container{
        gap: 8px;
    }
    
    .contact_subtitle{
        font-size: 18px;
    }
    
    .contact_title_text{
        font-size: 24px;
    }

    .contact_text{
        font-size: 14px;
        text-align: left;
    }

    .contact_text p{
        line-height: 140%;
    }

    .contact_point_list{
        padding: 0px;
        gap: 8px;
    }

    .contact_point_list p{
        font-size: 14px;
        line-height: 140%;
    }

    .contact_cta{
        padding: var(--Spacing-xxs, 4px) 8px;
        font-size: 16px;
    }
}
/*----お問い合わせここまで----*/

/*----セールツアー一覧遷移ボタン----*/
.transition_button_container{
    display: flex;
    padding: 0px var(--Spacing-sm, 16px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-xs, 8px);
    align-self: stretch;
}

.transition_button{
    display: flex;
    width: 375px;
    height: var(--Height-md, 44px);
    min-height: var(--Height-md, 44px);
    max-height: var(--Height-md, 44px);
    padding: 0px var(--Spacing-sm, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-xs, 8px);
    border-radius: var(--Radus-md, 3px);
    border: 1px solid var(--Blue, #1BA1FF);
    background: var(--white-ffffff, #FFF);
}

.transition_button_text_container{
    color: var(--Blue, #1BA1FF);
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
}

@media screen and (max-width: 767px){
    .transition_button_wrap{
        width: 100%;
    }

    .transition_button{
        width: 100%;
    }  
}
/*----セールツアー一覧遷移ボタンここまで----*/