/*recommendation*/
.recommendation {
    background: #eef7ff !important;
}

.recommendation_inner {
    background: #ddf2ff !important;
}

.recommendation_list li {
    background: linear-gradient(to right, #ffffff, #eef9ff) !important;
}

.recommendation_list li .emphasis {
    color: #0c56db !important;
}

.recommendation_list li::before {
    background-color: #0c56db !important;
}

/*/recommendation*/

/*product_nav*/

.product_nav li a::before {
    background: #0d97f4 !important;
}

.product_nav li a::after {
    background-color: #0d97f4 !important;
}

.product_nav li a:hover {
    background: linear-gradient(to bottom, #fff 0%, #fff 38%, #ecf7fe 100%) !important;
}

.product_nav li a:hover::before {
    background: #0055dd !important;
}

.product_hero .product_copy h2 {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.05em;
}

.product_hero .product_copy h2.highlight01 {
    color: #222;
}

.product_hero .product_copy h2.highlight02 {
    color: #996e33;
}

.product_hero .product_copy h2.highlight03 {
    color: #0055dd;
}

.price_list .price_list_table caption {
    background: #0d97f4 !important
}

.price_list .price_list_table td.number,
.price_list .price_list_table td.price {
    color: #0d97f4 !important
}

.product_feedback {
    background: linear-gradient(to bottom, #fff 0%, #eef7ff 15%, #eef7ff 75%, #fff 100%) !important
}

.product_feedback .sub_title {
    color: #0055dd !important
}

.user_info .name {
    color: #0055dd !important
}

.user_info .age {
    color: #767676 !important
}

.user_info .note {
    color: #222 !important
}

.user_info {
    border-left: 2px #0055dd solid !important
}

.price_list .price_list_table caption {
    background: #0c56db !important
}


.price_list .price_list_table td.number,
.price_list .price_list_table td.price {
    color: #0c56db !important
}

.nav_platinum_pc button::before {
    background-color: #cfad39 !important
}


.nav_platinum_pc button::after {
    position: absolute !important;
    background: #cfad39 !important;
    content: '';
    width: 100%;
    height: 5px;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.recommendation_list li.list01 {
    order: 1!important;
}


.recommendation_list li.list02 {
    order: 2!important;
}


.recommendation_list li.list03 {
    order: 3!important;
}


.recommendation_list li.list04 {
    order: 4!important;
}



/*main*/
.product_feature .feature_img {
    margin: 0 auto;
    width: 900px;
    height: 730px;
    background: url(/img/goods/br0002/KV_bg.webp) no-repeat 0 0;
    background-size: 900px auto;
    position: relative;
    overflow: hidden;
}

.product_feature .feature_img h2,
.product_feature .feature_img li,
.product_feature .feature_img p.name {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}

.product_feature .feature_img ul {
    list-style: none;
}

.product_feature .feature_img .label_new {
    display: block;
    width: 203px;
    height: 44px;
    background: url(/img/goods/br0002/icon_new_pc.webp) no-repeat 0 0;
    background-size: 203px auto;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 30px;
    left: 0;
}

.product_feature .feature_img ul::after {
    content: '';
    width: 82px;
    height: 159px;
    background: url(/img/goods/br0002/img_line01_pc.webp) no-repeat 0 0;
    background-size: 82px auto;
    position: absolute;
    top: 365px;
    left: 105px;
}

.product_feature .feature_img .label_new:before {
    content: '';
    position: absolute;
    height: 400%;
    width: 30%;
    top: -180%;
    left: 0;
    opacity: 0.6;
    background-image: url(/img/goods/br0002/effect_light.webp);
    background-size: 100%;
    background-position: center;
    animation-name: flashLight;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    z-index: 1;
}

@keyframes flashLight {
    0% {
        left: -50%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    50% {
        left: 150%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0.6;
    }

    100% {
        left: 150%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0.6;
    }
}


.product_feature .feature_img .point01 {
    width: 187px;
    height: 187px;
    background: url(/img/goods/br0002/img_point01_pc.webp) no-repeat 0 0;
    background-size: 187px auto;
    position: absolute;
    top: 248px;
    left: 29px;
    animation: float 1s linear infinite alternate;
}

.product_feature .feature_img .point02 {
    width: 246px;
    height: 248px;
    background: url(/img/goods/br0002/img_point02_pc.webp) no-repeat 0 0;
    background-size: 246px auto;
    position: absolute;
    top: 391px;
    left: 41px;
    z-index: 10;
    animation: float 1s -0.5s linear infinite alternate;
}

.product_feature .feature_img .point03 {
    width: 221px;
    height: 222px;
    background: url(/img/goods/br0002/img_point03_pc.webp) no-repeat 0 0;
    background-size: 221px auto;
    position: absolute;
    top: 261px;
    left: 349px;
    z-index: 10;
    animation: float 1s linear infinite alternate;
}

.product_feature .message {
    margin: 0 auto;
    width: 900px;
    height: 762px;
    background: url(/img/goods/br0002/part1_pic.webp) no-repeat bottom;
    background-size: 900px auto;
    position: relative;
}

.product_feature .message h3 {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}

.product_feature .message p {
    width: 500px;
    font-size: 28px;
    line-height: 1.4;
    text-align: center;
    position: absolute;
    top: 134px;
    left: 349px;
}

.product_feature .message img {
    position: absolute;
    right: 20px;
    width: 61%;
    height: auto;
    top: 20px;
}

.video_container_div {
    margin: 0 0 49px 0;
}

.video_container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.product_benefits {
    margin: 0 auto 39px;
    width: 900px;
}

.product_benefits h2 {
    width: 900px;
    height: 467px;
    background: url(/img/goods/br0002/title_benefits_pc.webp) no-repeat bottom;
    background-size: 900px auto;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}

.benefits_list {
    background: #e5e0d2;
    list-style: none;
}

.benefits_list li {
    margin: 0 0 0 130px;
    padding: 30px 120px 30px 90px;
    width: 740px;
    min-height: 270px;
    background: linear-gradient(to right, #fff 620px, #c1e3e8 620px);
    border-radius: 20px;
    position: relative;
}

.benefits_list li img {
    position: absolute;
    left: -114px;
    top: calc(50% - 102px);
}

.benefits_list li:nth-child(1):after {
    position: absolute;
    content: "";
    background: url(/img/goods/br0002/part1_icon1.webp);
    width: 120px;
    height: 110px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.benefits_list li:nth-child(1):before {
    position: absolute;
    content: "";
    background: url(/img/goods/br0002/part1_UCII.webp) no-repeat;
    width: 120px;
    height: 110px;
    right: 118px;
    top: 8%;
}

.benefits_list li:nth-child(2):after {
    position: absolute;
    content: "";
    background: url(/img/goods/br0002/part1_icon2.webp);
    width: 120px;
    height: 110px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.benefits_list li:nth-child(3):after {
    position: absolute;
    content: "";
    background: url(/img/goods/br0002/part1_icon3.webp);
    width: 120px;
    height: 110px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.benefits_list li+li {
    margin: 30px 0 0 130px;
}


.benefits_list h3 {
    font-size: 44px;
    font-weight: bold;
    letter-spacing: -0.05em;
    color: #003b8f;
}

.benefits_list h3 sup,
.recommendation02 sup,
.uc_2 sup {
    font-size: 50%;
}

.benefits_list .copy {
    font-size: 44px;
    font-weight: bold;
    letter-spacing: -0.05em;
    color: #aa7c1e;
}

.benefits_list .note {
    font-size: 34px;
}

.benefits_list .note .highlight {
    background: #fff45c;
    background: linear-gradient(to bottom, #fff 30%, #fff45c 36%);
}

.benefits_note {
    width: 900px;
    height: 661px;
    background: url(/img/goods/br0002/img_benefits_note_pc.webp) no-repeat 0 0;
    background-size: 900px auto;
    position: relative;
}

.benefits_note h3 {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -0.05em;
    color: #003b8f;
    position: absolute;
    top: 205px;
    left: 270px;
}

.benefits_note p {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -0.05em;
    position: absolute;
    top: 370px;
    left: 120px;
}

.ball1 {
    animation: float 1s linear infinite alternate;
}

.ball2 {
    animation: float 1s -0.5s linear infinite alternate;
}

.ball3 {
    animation: float 1s linear infinite alternate;
}

@keyframes float {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(5%);
    }
}

.product_movie {
    margin: 0 auto 49px;
    width: 900px;
}

.product_movie h2 {
    margin: 0 auto 32px;
    font-size: 60px;
    font-weight: bold;
    color: #0053b4;
    text-align: center;
}

.product_movie h2 span {
    position: relative;
}

.product_movie h2 span::before {
    content: '';
    width: 9.466666666666667vw;
    height: 0.9333333333333vw;
    background: url(/img/goods/br0002/title_bar_left.webp) no-repeat 0 0;
    background-size: 9.466666666666667vw auto;
    position: absolute;
    top: calc(50% - 0.4666666666667vw);
    left: -12.666666666666667vw;
}

.product_movie h2 span::after {
    content: '';
    width: 9.3333333333333vw;
    height: 0.9333333333333vw;
    background: url(/img/goods/br0002/title_bar_right.webp) no-repeat 0 0;
    background-size: 9.3333333333333vw auto;
    position: absolute;
    top: calc(50% - 0.4666666666667vw);
    right: -12.1333333333333vw;
}

.video_container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


.video_container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ========================================================================
    [pc]recommendation01
    ========================================================================= */
.brands_contents_br0002 .recommendation01 {
    margin: 0 auto 40px;
    width: 831px;
    height: 938px;
    background: url(/img/goods/br0002/img_recomendation01_pc.webp) no-repeat 0 0;
    background-size: 831px auto;
    position: relative;
}

.brands_contents_br0002 .recommendation01 h2,
.brands_contents_br0002 .recommendation01 .name {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}

.brands_contents_br0002 .recommendation01 .text {
    width: 680px;
    font-size: 38px;
    letter-spacing: -0.025em;
    line-height: 1.45;
    position: absolute;
    top: 160px;
    left: 60px;
}

.brands_contents_br0002 .recommendation01 .text .highlight {
    background: #fff45c;
    background: linear-gradient(to bottom, transparent 30%, #fff45c 36%);
}


/* ========================================================================
    [pc]recommendation02
    ========================================================================= */
.brands_contents_br0002 .recommendation02 {
    margin: 0 auto;
    width: 900px;
    height: 940px;
    background: url(/img/goods/br0002/img_recomendation02_pc.webp) no-repeat 0 0;
    background-size: 900px auto;
    position: relative;
}

.brands_contents_br0002 .recommendation02 h2,
.brands_contents_br0002 .recommendation02 .name,
.brands_contents_br0002 .recommendation02 h3,
.brands_contents_br0002 .recommendation02 .reason_list li {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}

.brands_contents_br0002 .recommendation02 .text {
    width: 460px;
    font-size: 38px;
    letter-spacing: -0.025em;
    line-height: 1.5;
    position: absolute;
    top: 160px;
    left: 390px;
}

/* ========================================================================
    [pc]recommendation02
    ========================================================================= */
.recommendation02 {
    margin: 0 auto;
    width: 900px;
    height: 940px;
    background: url(/img/goods/br0002/img_recomendation02_pc.webp) no-repeat 0 0;
    background-size: 900px auto;
    position: relative;
}

.recommendation02 h2,
.recommendation02 .name,
.recommendation02 h3,
.recommendation02 .reason_list li {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}

.recommendation02 .text {
    width: 460px;
    font-size: 38px;
    letter-spacing: -0.025em;
    line-height: 1.5;
    position: absolute;
    top: 160px;
    left: 390px;
}


/* ========================================================================
[sp]product_feedback
========================================================================= */
.product_feedback {
    margin: 0;
    padding: 8vw 0 4vw;
    text-align: center;
    background: linear-gradient(to bottom, #fff 0%, #eef7ff 15%, #eef7ff 75%, #fff 100%);
}

.product_feedback h2 {
    margin: 0 4vw 6.6666666666667vw;
    padding: 0 0 4.6666666666667vw;
    border-bottom: 0.5333333333333vw #222 solid;
    font-size: 6vw;
    font-weight: bold;
    white-space: nowrap;
    letter-spacing: -0.025em;
    color: #222;
}

.product_feedback .sub_title {
    margin-bottom: 7.333333333333333vw;
    font-size: 4.2666666666667vw;
    font-weight: bold;
    color: #0055dd;
}

.feedback_list {
    margin: 0 6.6666666666667vw 2.6666666666667vw;
    list-style: none;
}

.feedback_list li {
    background: #fff;
    padding: 5.3333333333333vw;
}

.feedback_list li+li {
    margin-top: 4vw;
}

.feedback_list li .text {
    margin: 0 0 6vw;
    font-size: 3.4666666666667vw;
    line-height: 1.5;
    color: #222;
    text-align: left;
}

.feedback_list li figure {
    width: 100%;
}

.feedback_list li figure img {
    width: 100%;
    height: auto;
}

.user_info .name .position {
    margin-right: 7px;
    font-size: 18px;
}

.feedback_note {
    font-size: 15px;
    text-align: center;
    color: #222;
}

.quality_control {
    margin: 0 auto 57px;
    width: 900px;
}

.quality_control h2 {
    margin: 0 0 50px;
    font-size: 60px;
    font-weight: bold;
    color: #0053b4;
    text-align: center;
    position: relative;
}

.quality_control h2::before {
    content: '';
    width: 89px;
    height: 7px;
    background: url(/img/goods/br0002/title_bar_left_pc.webp) no-repeat 0 0;
    background-size: 89px auto;
    position: absolute;
    top: calc(50% - 3.5px);
    left: 0;
}

.quality_control h2::after {
    content: '';
    width: 82px;
    height: 7px;
    background: url(/img/goods/br0002/title_bar_right_pc.webp) no-repeat 0 0;
    background-size: 82px auto;
    position: absolute;
    top: calc(50% - 3.5px);
    right: 0;
}

.quality_control p {
    margin-bottom: 285px;
    font-size: 38px;
    text-align: center;
    position: relative;
}

.quality_control p::after {
    content: '';
    width: 623px;
    height: 204px;
    background: url(/img/goods/br0002/quality_control_fig_pc.webp) no-repeat 0 0;
    background-size: 623px auto;
    position: absolute;
    bottom: -240px;
    left: calc(50% - 311.5px);
}

.quality_control figure {
    margin: 0;
    width: 100%;
}

.quality_control figure img {
    width: 100%;
    height: auto;
}

/* ========================================================================
[pc]product_ingredient
========================================================================= */
.product_ingredient {
    margin: 0 auto 30px;
    width: 900px;
    height: 1180px;
    background: url(/img/goods/br0002/product_info_pc.webp) no-repeat 0 0;
    background-size: 900px auto;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}

.research_team {
    margin: 0 auto 57px;
    width: 900px;
    background: url(/img/goods/br0002/research_team_img_pc.webp) no-repeat 0 bottom;
    background-size: 900px auto;
    height: 700px;
    overflow: hidden;
}

.research_team h2 {
    margin: 0 0 0;
    font-size: 60px;
    line-height: 1.25;
    font-weight: bold;
    color: #0053b4;
    text-align: center;
    position: relative;
}

.research_team .executives {
    width: 100vw;
    height: 4vw;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}

.uc_2 {
    margin: 0 auto;
    width: 900px;
    height: 887px;
    background: url(/img/goods/br0002/uc_2_bg.webp) no-repeat 0 0;
    position: relative;
}

.uc_2 p.h1 {
    font-size: 34px;
    padding-top: 142px;
    padding-left: 136px;
    font-weight: bold;
    font-family: "arial";
    letter-spacing: 2px;
}

.uc_2 p.h1_1 {
    font-size: 34px;
    padding-top: 360px;
    font-weight: bold;
    font-family: "arial";
    color: #709b3f;
    text-align: center;
    letter-spacing: 2px;
}

.uc_2 p.h1_2 {
    font-size: 30px;
    padding-top: 106px;
    font-weight: bold;
    font-family: "arial";
    text-align: center;
    letter-spacing: 2px;
}

.uc_2 p.h1_3 {
    font-size: 30px;
    padding-top: 6px;
    font-weight: bold;
    font-family: "arial";
    text-align: center;
    letter-spacing: 2px;
    color: #e83428;
}

@media print,
screen and (max-width:768px) {

    .product_hero .product_copy h2.highlight01 {
        color: #222;
    }

    .product_hero .product_copy h2.highlight02 {
        color: #996e33;
    }

    .product_hero .product_copy h2.highlight03 {
        color: #0055dd;
    }

    /*recommendation*/
    .recommendation01 {
        margin: 0 auto 40px;
        width: auto;
        height: 938px;
        background: url(/img/goods/br0002/img_recomendation01_pc.webp) no-repeat 0 0;
        background-size: 831px auto;
        position: relative;
    }

    .recommendation {
        background: #eef7ff !important;
    }

    .recommendation_inner {
        background: #ddf2ff !important;
    }

    .recommendation_list li {
        background: linear-gradient(to right, #ffffff, #eef9ff) !important;
    }

    .recommendation_list li .emphasis {
        color: #0c56db !important;
    }

    .recommendation_list li::before {
        background-color: #0c56db !important;
    }

    /*/recommendation*/

    /*product_nav*/

    .product_nav li a::before {
        background: #0d97f4 !important;
    }

    .product_nav li a::after {
        background-color: #0d97f4 !important;
    }

    .product_nav li a:hover {
        color: #222 !important;
        background: linear-gradient(to bottom, #fff 0%, #fff 38%, #edf6fe 100%) !important;
    }

    .product_nav li a:hover::before {
        background: #0d97f4 !important;
    }

    /*/product_nav*/

    /*product_feedback*/

    .product_feedback {
        background: linear-gradient(to bottom, #fff 0%, #eef7ff 15%, #eef7ff 75%, #fff 100%);
    }

    .product_feedback .sub_title {
        color: #0055dd !important;
    }

    /*/product_feedback*/

    /*user_info*/

    .user_info {
        border-left: 2px #0055dd solid !important;
    }

    .user_info .name {
        color: #0055dd !important;
    }

    .user_info .age {
        color: #767676 !important;
    }

    .user_info .note {
        color: #222 !important;
    }

    /*main*/

    .product_feature .feature_img {
        margin: -8vw 0 2.5333333333333vw;
        width: 100vw;
        height: 81.6vw;
        background: url(/img/goods/br0002/KV_bg.webp) no-repeat 0 0;
        background-size: 100vw auto;
        position: relative;
        overflow: hidden;
    }

    .product_feature .feature_img h2,
    .product_feature .feature_img li,
    .product_feature .feature_img p.name {
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
    }

    .product_feature .feature_img .label_new {
        display: block;
        width: 27.066666666666667vw;
        height: 5.8666666666667vw;
        background: url(/img/goods/br0002/icon_new_pc.webp) no-repeat 0 0;
        background-size: 27.066666666666667vw auto;
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        top: 2.8vw;
        left: 0;
    }

    .product_feature .feature_img .label_new:before {
        content: '';
        position: absolute;
        height: 400%;
        width: 30%;
        top: -180%;
        left: 0;
        opacity: 0.6;
        background-image: url(/img/goods/br0002/effect_light.webp);
        background-size: 100%;
        background-position: center;
        animation-name: flashLight;
        animation-duration: 4s;
        animation-timing-function: linear;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        z-index: 1;
    }

    @keyframes flashLight {
        0% {
            left: -50%;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        50% {
            left: 150%;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            opacity: 0.6;
        }

        100% {
            left: 150%;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            opacity: 0.6;
        }
    }

    .product_feature .feature_img ul::before {
        content: '';
        width: 10.933333333333333vw;
        height: 159px;
        background: url(/img/goods/br0002/img_line01.webp) no-repeat 0 0;
        background-size: 10.933333333333333vw auto;
        position: absolute;
        top: 52.133333333333333vw;
        left: 9.3333333333333vw;
    }

    .product_feature .feature_img .point01 {
        width: 24.4vw;
        height: 24.933333333333333vw;
        background: url(/img/goods/br0002/img_point01.webp) no-repeat 0 0;
        background-size: 24.4vw auto;
        position: absolute;
        top: 37.3333333333333vw;
        left: 0;
        animation: float 1s linear infinite alternate;
    }

    .product_feature .feature_img .point02 {
        width: 32.666666666666667vw;
        height: 33.066666666666667vw;
        background: url(/img/goods/br0002/img_point02.webp) no-repeat 0 0;
        background-size: 32.666666666666667vw auto;
        position: absolute;
        top: 63.066666666666667vw;
        left: 2.6666666666667vw;
        animation: float 1s -0.5s linear infinite alternate;
    }

    .product_feature .feature_img .point03 {
        width: 29.466666666666667vw;
        height: 29.6vw;
        background: url(/img/goods/br0002/img_point03.webp) no-repeat 0 0;
        background-size: 29.466666666666667vw auto;
        position: absolute;
        top: 39.066666666666667vw;
        left: 42.8vw;
        animation: float 1s linear infinite alternate;
    }

    .product_feature .message {
        width: 100vw;
        height: 87.4vw;
        background: url(/img/goods/br0002/part1_pic.webp) no-repeat bottom;
        background-size: 100vw auto;
        position: relative;
    }

    .product_feature .message h3 {
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
    }

    .product_feature .message p {
        width: 54.8vw;
        font-size: 4.5vw;
        line-height: 1.3;
        text-align: center;
        position: absolute;
        top: 11.4vw;
        left: 41.6vw;
    }

    .product_feature .message img {
        position: absolute;
        right: 20px;
        width: 61%;
        height: auto;
        top: -6vw;
    }

    .product_benefits {
        margin: 0 0 8vw;
        width: auto;
    }

    .product_benefits h2 {
        width: 100vw;
        height: 51.8vw;
        background: url(/img/goods/br0002/title_benefits_pc.webp) no-repeat bottom;
        background-size: 100vw auto;
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
    }

    .benefits_list {
        background: #e5e0d2;
        list-style: none;
    }

    .benefits_list li {
        margin: 0 0 0 13.3333333333333vw;
        padding: 3.3333333333333vw 13.3333333333333vw 3.3333333333333vw 10.6666666666667vw;
        width: 82.666666666666667vw;
        min-height: 29.3333333333333vw;
        background: linear-gradient(to right, #fff 69.333333333333333vw, #c1e3e8 69.333333333333333vw);
        border-radius: 2.6666666666667vw;
        position: relative;
    }

    .benefits_list li+li {
        margin: 2.6666666666667vw 0 0 13.3333333333333vw;
    }



    .benefits_list h3 {
        font-size: 4.9333333333333vw;
        font-weight: bold;
        letter-spacing: -0.05em;
        color: #003b8f;
    }

    .benefits_list h3 sup,
    .recommendation02 sup,
    .uc_2 sup {
        font-size: 50%;
    }

    .benefits_list .copy {
        font-size: 4.9333333333333vw;
        font-weight: bold;
        letter-spacing: -0.05em;
        color: #aa7c1e;
    }

    .benefits_list .note {
        font-size: 3.8666666666667vw;
    }

    .benefits_list .note .highlight {
        background: #fff45c;
        background: linear-gradient(to bottom, #fff 30%, #fff45c 36%);
    }

    .benefits_list li img {
        position: absolute;
        left: -14vw;
        top: calc(50% - 12.5vw);
        width: 25vw;
        height: auto;
    }

    .benefits_list li:nth-child(1):after {
        position: absolute;
        content: "";
        background: url(/img/goods/br0002/part1_icon1.webp);
        background-size: auto 100%;
        width: 13vw;
        height: 12vw;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .benefits_list li:nth-child(1):before {
        position: absolute;
        content: "";
        background: url(/img/goods/br0002/part1_UCII.webp) no-repeat;
        background-size: auto 100%;
        width: 12vw;
        height: 5vw;
        right: 15vw;
        top: 8%;
    }

    .benefits_list li:nth-child(2):after {
        position: absolute;
        content: "";
        background: url(/img/goods/br0002/part1_icon2.webp);
        background-size: auto 100%;
        width: 13vw;
        height: 12vw;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .benefits_list li:nth-child(3):after {
        position: absolute;
        content: "";
        background: url(/img/goods/br0002/part1_icon3.webp);
        background-size: auto 100%;
        width: 13vw;
        height: 12vw;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .benefits_note {
        width: 100vw;
        height: 76.533333333333333vw;
        background: url(/img/goods/br0002/img_benefits_note.webp) no-repeat 0 0;
        background-size: 100vw auto;
        position: relative;
    }

    .benefits_note h3 {
        font-size: 5.6vw;
        font-weight: bold;
        letter-spacing: -0.05em;
        color: #003b8f;
        position: absolute;
        top: 25.733333333333333vw;
        left: 29.6vw;
    }

    .benefits_note p {
        font-size: 5.6vw;
        font-weight: bold;
        letter-spacing: -0.05em;
        position: absolute;
        top: 43.733333333333333vw;
        left: 13.6vw;
    }

    .product_ingredient {
        margin: 0 0 3.7333333333333vw;
        width: 100vw;
        height: 130.666666666666667vw;
        background: url(/img/goods/br0002/product_info.webp) no-repeat 0 0;
        background-size: 100vw auto;
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
    }

    /* ========================================================================
    [pc]recommendation01
    ========================================================================= */
    .brands_contents_br0002 .recommendation01 {
        margin: 0 auto 4.2666666666667vw;
        width: 92vw;
        height: 104vw;
        background: url(/img/goods/br0002/img_recomendation01.webp) no-repeat 0 0;
        background-size: 92vw auto;
        position: relative;
    }

    .brands_contents_br0002 .recommendation01 h2,
    .brands_contents_br0002 .recommendation01 .name {
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
    }

    .brands_contents_br0002 .recommendation01 .text {
        width: 82.666666666666667vw;
        font-size: 4.1333333333333vw;
        letter-spacing: -0.025em;
        line-height: 1.45;
        position: absolute;
        top: 18.4vw;
        left: 6.6666666666667vw;
    }

    .brands_contents_br0002 .recommendation02 {
        margin: 0 auto;
        width: 100vw;
        height: 104vw;
        background: url(/img/goods/br0002/img_recomendation02.webp) no-repeat 0 0;
        background-size: 100vw auto;
        position: relative;
    }

    .brands_contents_br0002 .recommendation02 h2,
    .brands_contents_br0002 .recommendation02 .name,
    .brands_contents_br0002 .recommendation02 h3,
    .brands_contents_br0002 .recommendation02 .reason_list li {
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
    }

    .brands_contents_br0002 .recommendation02 .text {
        width: 52vw;
        font-size: 4.1333333333333vw;
        letter-spacing: -0.025em;
        line-height: 1.5;
        position: absolute;
        top: 17.6vw;
        left: 43.2vw;
    }

    .brands_contents_br0002 .recommendation01 .text .highlight {
        background: #fff45c;
        background: linear-gradient(to bottom, transparent 30%, #fff45c 36%);
    }


    .recommendation01 h2,
    .recommendation01 .name {
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
    }

    .recommendation01 .text {
        width: 680px;
        font-size: 38px;
        letter-spacing: -0.025em;
        line-height: 1.45;
        position: absolute;
        top: 160px;
        left: 60px;
    }

    .recommendation01 .text .highlight {
        background: #fff45c;
        background: linear-gradient(to bottom, transparent 30%, #fff45c 36%);
    }


    /* ========================================================================
    [pc]recommendation02
    ========================================================================= */
    .recommendation02 {
        margin: 0 auto;
        width: 900px;
        height: 940px;
        background: url(/img/goods/br0002/img_recomendation02_pc.webp) no-repeat 0 0;
        background-size: 900px auto;
        position: relative;
    }

    .recommendation02 h2,
    .recommendation02 .name,
    .recommendation02 h3,
    .recommendation02 .reason_list li {
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
    }

    .recommendation02 .text {
        width: 460px;
        font-size: 38px;
        letter-spacing: -0.025em;
        line-height: 1.5;
        position: absolute;
        top: 160px;
        left: 390px;
    }


    /* ========================================================================
[sp]quality_control
========================================================================= */
    .quality_control h2 {
        margin: 0 0 4vw;
        font-size: 6.4vw;
        font-weight: bold;
        color: #0053b4;
        text-align: center;
        position: relative;
    }

    .quality_control h2::before {
        content: '';
        width: 9.466666666666667vw;
        height: 0.8vw;
        background: url(/img/goods/br0002/title_bar_left.webp) no-repeat 0 0;
        background-size: 9.466666666666667vw auto;
        position: absolute;
        top: calc(50% - 0.4vw);
        left: 5.2vw;
    }

    .quality_control h2::after {
        content: '';
        width: 9.3333333333333vw;
        height: 0.8vw;
        background: url(/img/goods/br0002/title_bar_right.webp) no-repeat 0 0;
        background-size: 9.3333333333333vw auto;
        position: absolute;
        top: calc(50% - 0.4vw);
        right: 4.9333333333333vw;
    }

    .quality_control p {
        margin-bottom: 32vw;
        font-size: 4.2vw;
        text-align: center;
        position: relative;
    }

    .quality_control p::after {
        content: '';
        width: 68.933333333333333vw;
        height: 22.533333333333333vw;
        background: url(/img/goods/br0002/quality_control_fig.webp) no-repeat 0 0;
        background-size: 68.933333333333333vw auto;
        position: absolute;
        bottom: -26.6666666666667vw;
        left: calc(50% - 34.466666666666667vw);
    }

    .quality_control figure {
        width: 100%;
    }

    .quality_control figure img {
        width: 100%;
        height: auto;
    }

    /* ========================================================================
[sp]research_team
========================================================================= */
    .research_team {
        margin-bottom: 8vw;
        background: url(/img/goods/br0002/research_team_img.webp) no-repeat 0 bottom;
        background-size: 100vw auto;
        height: 80vw;
        overflow: hidden;
        width: auto;
    }

    .research_team h2 {
        margin: 0 0 4vw;
        font-size: 6.4vw;
        font-weight: bold;
        color: #0053b4;
        text-align: center;
        position: relative;
    }

    .research_team .executives {
        width: 100vw;
        height: 4vw;
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
    }

    .product_movie {
        margin: 0 0 8vw;
        width: auto
    }


    .product_movie h2 {
        margin: 0 auto 3.3333333333333vw;
        font-size: 6.6666666666667vw;
        font-weight: bold;
        color: #0053b4;
        text-align: center;
    }

    .product_movie h2 span {
        position: relative;
    }

    .product_movie h2 span::before {
        content: '';
        width: 9.466666666666667vw;
        height: 0.9333333333333vw;
        background: url(/img/goods/br0002/title_bar_left.webp) no-repeat 0 0;
        background-size: 9.466666666666667vw auto;
        position: absolute;
        top: calc(50% - 0.4666666666667vw);
        left: -12.666666666666667vw;
    }

    .product_movie h2 span::after {
        content: '';
        width: 9.3333333333333vw;
        height: 0.9333333333333vw;
        background: url(/img/goods/br0002/title_bar_right.webp) no-repeat 0 0;
        background-size: 9.3333333333333vw auto;
        position: absolute;
        top: calc(50% - 0.4666666666667vw);
        right: -12.1333333333333vw;
    }

    .quality_control {
        margin: 0 auto;
        width: auto;
    }

    .uc_2 {
        margin: 0 auto;
        width: auto;
        height: 102vw;
        background: url(/img/goods/br0002/uc_2_bg.webp) no-repeat 0 0;
        background-size: 100% auto;
        position: relative;
    }

    .uc_2 p.h1 {
        font-size: 4.5vw;
        padding-top: 12vw;
        padding-left: 4vw;
        font-weight: bold;
        font-family: "arial";
        letter-spacing: 2px;
    }

    .uc_2 p.h1_1 {
        font-size: 5vw;
        padding-top: 43vw;
        font-weight: bold;
        font-family: "arial";
        color: #709b3f;
        text-align: center;
        letter-spacing: 2px;
    }

    .uc_2 p.h1_2 {
        font-size: 4.2vw;
        padding-top: 9vw;
        font-weight: bold;
        font-family: "arial";
        text-align: center;
        letter-spacing: 2px;
    }

    .uc_2 p.h1_3 {
        font-size: 4.2vw;
        padding-top: 1vw;
        font-weight: bold;
        font-family: "arial";
        text-align: center;
        letter-spacing: 2px;
        color: #e83428;
    }
}