@charset "utf-8";

.heading_type3 .heading_text {
    color: #0468BF;
}
.contents_text a {
    color: #011A5D;
}

/* 
page_heading
======================================================================== */
.page_heading {
    padding: 87px 0 88px;
    background: url(/softdrink/jihanki/strength/img/bg_page_heading.png) no-repeat top center / cover;
}
.heading_type1 .heading_text {
    color: #011A5D;
    line-height: 1.5;
}

/* 
reason
======================================================================== */
.reason {
    padding: 80px 0 200px;
}
.reason .heading_type2 .heading_text {
    color: #011A5D;
}
.reason .anchor_list {
    justify-content: space-between;
    gap: 10px;
}
.reason .anchor_list .column_item {
    max-width: 369px;
    text-align: center;
}
.reason .anchor_list .column_item:nth-of-type(1) {
    background: url(/softdrink/jihanki/strength/img/bg_reason_point_01.png) no-repeat top center / contain;
}
.reason .anchor_list .column_item:nth-of-type(2) {
    background: url(/softdrink/jihanki/strength/img/bg_reason_point_02.png) no-repeat top center / contain;
}
.reason .anchor_list .column_item:nth-of-type(3) {
    background: url(/softdrink/jihanki/strength/img/bg_reason_point_03.png) no-repeat top center / contain;
}
.reason .anchor_list .column_item a {
    display: block;
    padding: 59px 37px 46px;
    text-decoration: none;
}
.reason .anchor_list .point_text {
    color: #0468BF;
    font-size: 1.625rem;/* 26px */
    font-weight: bold;
}
.reason .anchor_list .anchor_title {
    margin-top: 22px;
    font-size: 2.125rem;/* 34px */
    font-weight: bold;
    line-height: 1.5;
}
.reason .anchor_list .column_item a::after {
    content: "";
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-top: 21px;
    background: url(/softdrink/jihanki/common/img/ico_arrow_lblue.svg) no-repeat center / contain;
    transform: rotate(90deg);
}
.reason .anchor_list .column_item a:hover::after {
    transform: rotate(90deg) translateX(5px);
    transition: .3s;
}

/* 
section_point
======================================================================== */
#point1 {
    background: #EEFAFC;
}
#point2 {
    background: #DBF8FF;
}
#point3 {
    background: #C3F4FF;
}
.section_point {
    margin-top: -100px;
    padding: 100px 0 200px;
    border-radius: 100px 0 0 0;
}
.section_point:last-of-type {
    padding-bottom: 150px;
}
.section_point:nth-of-type(2n) {
    border-radius: 0 100px 0 0;
}
.section_point .heading_type2 .sub {
    display: block;
    padding-bottom: 7px;
    color: #0468BF;
    font-size: 1.875rem;/* 30px */
    line-height: 1.2;
}
.section_point .contents_button {
    margin-top: 50px;
}
.section_point .heading_type2 + .contents_text {
    margin-top: 22px;
    font-size: 1.3125rem;/* 21px */
    line-height: 1.65;
}

#point1 .heading_type3 {
    max-width: 966px;
    margin: 64px auto 0;
}
#point1 .heading_type3 .heading_text {
    font-size: 1.625rem;/* 26px */
}
.logo_list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px 65px;
    max-width: 966px;
    margin: 30px auto 0;
}
.logo_list_item {
    font-size: 0;
}
#point1 .contents_img {
    margin-top: 80px;
}
#point1 .contents_button {
    margin-top: 80px;
}
#point1 .heading_type3 + .contents_text,
#point1 .contents_img + .contents_text {
    margin-top: 50px;
    font-size: 1.3125rem;/* 21px */
    line-height: 1.524;
}

#point2 .swiper-button-next,
#point2 .swiper-button-prev {
    display: none;
}
#point2 .sp_slide .column_3col {
    margin-top: 71px;
}
#point2 .sp_slide .heading_type3 {
    font-size: 1.75rem;/* 28px */
}
#point2 .sp_slide .column_3col .contents_img {
    margin-top: 26px;
}
#point2 .sp_slide .column_3col .contents_text {
    margin-top: 20px;
}
.prefectures {
    margin-top: 80px;
}
.prefectures .column_2col {
    margin-top: 26px;
    gap: 50px;
}
.prefectures .column_2col .img_area {
    flex: none;
    text-align: center;
}
.prefectures .column_2col .img_area img {
    max-width: 100%;
}
.prefectures .column_2col .contents_text {
    font-size: 1.3125rem;/* 21px */
    line-height: 1.524;
}
.prefectures .column_2col .contents_text:first-of-type {
    margin-top: 0;
}
.prefectures .column_2col .caution_list {
    margin-top: 15px;
}
.prefectures .column_2col .caution_list_item {
    font-size: 1rem;/* 16px */
}

#point3 .contents_text + .heading_type3 {
    margin-top: 72px;
}

#point3 .heading_type3 {
    text-align: center;
}

#point3 .heading_type3 .heading_text {
    color: #fff;
    padding: 9px 60px;
    background: #09A3CB;
    display: inline-block;
    border-radius: 40px;
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 0px;
    white-space: nowrap;
}

#point3 .point3_inner {
    background-color: #fff;
    border-radius: 30px;
    padding: 50px 40px 46px;
    margin-top: 56px;
}
#point3 .point3_inner .point3_title {
    text-align: center;
}
#point3 .point3_inner .point3_title img {
    width: 100%;
    max-width: 900px;
    height: auto;
}
#point3 .point3_inner .lead_text {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
    margin-top: 1em;
}
#point3 .point3_inner .lead_text span {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
    color: #5BC2DC;
}

@media screen and (max-width: 1163px) {
    /* 
    reason
    ======================================================================== */
    .reason .anchor_list .column_item a {
        padding: 6vw 2vw 6vw;
    }
    .reason .anchor_list .anchor_title {
        margin-top: 2vw;
        font-size: 1.1875rem;/* 19px */
        line-height: 1.315;
    }
    .reason .anchor_list .column_item a::after {
        margin-top: 2vw;
        width: 24px;
        height: 24px;    
    }
}

@media screen and (max-width: 767px) {
    /* 
    page_heading
    ======================================================================== */
    .page_heading {
        padding: 31px 0 32px;
        /* background-image: url(/softdrink/jihanki/strength/img/bg_page_heading_sp.png); */
        background-position: left top;
    }

    /* 
    reason
    ======================================================================== */
    .reason {
        padding: 25px 0 110px;
    }
    .reason .anchor_list {
        margin: 0 auto;
        max-width: 335px;
    }
    .reason .anchor_list .column_item {
        width: 185px;
    }
    .reason .anchor_list .column_item a {
        padding: 24px 10px 13px;
    }
    .reason .anchor_list .column_item + .column_item {
        margin-top: -33px;
    }
    .reason .anchor_list .point_text {
        font-size: 1.125rem;/* 18px */
    }
    .reason .anchor_list .anchor_title {
        margin-top: 20px;
        font-size: 1.1875rem;/* 19px */
        line-height: 1.315;
    }
    .reason .anchor_list .column_item a::after {
        margin-top: 14px;
    }
    .reason .anchor_list .column_item:nth-of-type(2) {
        margin: -40px 0 0 45%;
    }
    .reason .anchor_list .column_item:nth-of-type(2) .anchor_title {
        margin-top: 6px;
    }
    .reason .anchor_list .column_item:nth-of-type(2) a::after {
        margin-top: 3px;
    }

    /* 
    section_point
    ======================================================================== */
    .section_point {
        margin-top: -50px;
        padding: 50px 0 100px;
        border-radius: 50px 0 0 0;
    }
    .section_point:last-of-type {
        padding-bottom: 50px;
    }    
    .section_point:nth-of-type(2n) {
        border-radius: 0 50px 0 0;
    }
    .section_point .heading_type2 .sub {
        font-size: 1.25rem;/* 20px */
    }
    .section_point .heading_type3 .heading_text {
        font-size: 1.0625rem;/* 17px */
    }
    .section_point .heading_type2 + .contents_text {
        margin-top: 15px;
        font-size: 1rem;/* 16px */
    }

    #point1 .heading_type3 {
        margin-top: 30px;
    }
    #point1 .heading_type3 .heading_text {
        font-size: 1.0625rem;
        line-height: 1.765;
        text-align: center;
    }
    .logo_list {
        gap: 4vw;
        justify-content: space-between;
        margin-top: 16px;
    }
    .logo_list_item.tennensui {
        width: 15.2vw;
    }
    .logo_list_item.boss {
        width: 20.533vw;
    }
    .logo_list_item.dakara {
        width: 16.933vw;
    }
    .logo_list_item.iyemon {
        width: 6.8vw;
    }
    .logo_list_item.tokucha {
        width: 12.933vw;
    }
    .logo_list_item.oolongtea {
        width: 15.6vw;
    }
    .logo_list_item.cclemon {
        width: 12vw;
    }
    .logo_list_item.dekavita {
        width: 14.666vw;
    }
    .logo_list_item.zone {
        width: 12.8vw;
    }
    .logo_list_item.natchan {
        width: 16.933vw;
    }
    .logo_list_item img {
        width: 100%;
    }
    #point1 .contents_button {
        margin-top: 35px;
    }
    #point1 .heading_type3 + .contents_text,
    #point1 .contents_img + .contents_text {
        margin-top: 30px;
        font-size: 0.875rem;/* 14px */
    }
    #point1 .contents_img {
        margin-top: 10px;
    }

    #point2 .sp_slide .column_3col {
        display: flex;
        margin-top: 64px;
    }
    #point2 .sp_slide .heading_type3 .heading_text {
        font-size: 1.0625rem;/* 17px */
    }
    #point2 .sp_slide .column_3col .contents_img {
        margin-top: 25px;
    }
    #point2 .sp_slide.swiper {
        overflow: visible;
    }
    #point2 .swiper-button-next,
    #point2 .swiper-button-prev {
        display: block;
        width: 32px;
        height: 32px;
        background: url(/softdrink/jihanki/common/img/ico_slide_arrow_02.svg) no-repeat center / contain;
    }
    #point2 .swiper-button-prev {
        transform: rotate(180deg);
    }
    #point2 .swiper-button-disabled {
        display: none;
    }
    #point2 .swiper-button-next::after,
    #point2 .swiper-button-prev::after {
        content: none;
    }    
    #point2 .sp_slide .column_3col {
        gap: 0;
    }
    #point2 .sp_slide .column_3col .column_item {
        width: 215px !important;
        margin-top: 0;
        flex: none;
    }
    #point2 .contents_button {
        margin-top: 30px;
    }
    #point2 .contents_button a {
        letter-spacing: -0.1em;
    }
    .prefectures {
        margin-top: 25px;
    }
    .prefectures .column_2col {
        margin-top: 18px;
    }
    .prefectures .column_2col .img_area {
        padding: 0 12.133vw;
    }
    .prefectures .column_2col .contents_text {
        margin-top: 15px;
        font-size: 0.875rem;/* 14px */

        line-height: 1.524;
    }
    .prefectures .column_2col .caution_list {
        margin-top: 10px;
    }
    .prefectures .column_2col .caution_list_item {
        font-size: 0.8125rem;/* 13px */
    }

    #point3 .contents_text + .heading_type3 {
        margin-top: 50px;
    }
    #point3 .heading_type3 .heading_text {
        text-align: center;
        position: static;
        transform: translate(0, 0);
        display: block;
        padding: 1em 0.5em;
        margin-bottom: 30px;
        white-space: wrap;
    }
    #point3 .heading_type3 + .column_2col > .column_item + .column_item {
        margin-top: 28px;
    }
    #point3 .contents_button {
        margin-top: 50px;
    }
    #point3 .point3_inner {
        padding: 48px 4vw 40px;
        border-radius: 20px;
    }
    #point3 .point3_inner .lead_text {
        font-size: 1rem;
    }

}