@charset "utf-8";

/*==================================================
Limit box-sizing to specific sections
================================================== */
.apac_contents *, .apac_contents *::before, .apac_contents *::after {
    box-sizing: border-box;
}


/*==================================================
sp
================================================== */

/* ========================================================================
[sp]main_visual
========================================================================= */
.apac_contents .main_visual {
    padding: 5.3333333333333vw 0 8vw;
    background: linear-gradient(to bottom, #fafdfe 0%, #f2fafc 10%, #eef8fb 20%, #eef8fb 100%);
}

.apac_contents .main_visual .inner {
    margin: 0 auto;
    width: 92vw;
    display: flex;
    flex-wrap: wrap;
}

.apac_contents .main_visual .apac {
    width: 92vw;
    order: 2;
    box-shadow: 0px 1.3333333333333vw 2vw rgba(91, 194, 220, 0.15);
}

.apac_contents .main_visual .suntory {
    width: 46vw;
    height: 50.6666666666667vw;
    background: linear-gradient(to bottom,
            #22c4ee 0%,
            #22c3ed 10%,
            #21c2ec 20%,
            #4bcbef 30%,
            #49caee 40%,
            #85dbf2 50%,
            #c1ebf7 60%,
            #edf8fb 70%,
            #eef8fb 80%,
            #eef8fb 90%,
            #eef8fb 100%);
    order: 0;
    position: relative;
    padding-top: 9.866666666666667vw;
}

.apac_contents .main_visual .suntory::after {
    content: '';
    width: 42vw;
    height: 12.4vw;
    background: url(../img/top/img_top_mv_suntory_retina.webp) no-repeat 0 0;
    background-size: 42vw auto;
    position: absolute;
    top: 22vw;
    left: 2vw;
}

.apac_contents .main_visual .suntory h2 {
    margin: 0 auto 2vw;
    width: 17.6vw;
    height: 5.8666666666667vw;
    background: url(../img/top/mv_logo_suntory.svg) no-repeat 0 0;
    background-size: 17.6vw auto;
    text-indent: -99999px;
    overflow: hidden;
    white-space: nowrap;
}

.apac_contents .main_visual .suntory .english {
    text-indent: -99999px;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
}

.apac_contents .main_visual .suntory .decription {
    font-size: 2.574666666666667vw;
    line-height: 1.33350595546349;
    color: #fff;
    text-align: center;
}

.apac_contents .main_visual .suntory .btn_enter_store {
    margin: 0;
    padding: 0 0 0 4vw;
    width: 18.6666666666667vw;
    height: 6.6666666666667vw;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    border-radius: 3.3333333333333vw;
    background: #009ee0;
    position: absolute;
    top: 27.333333333333333vw;
    top: 37.3333333333333vw;
    left: calc(50% - 9.3333333333333vw);
    cursor: pointer;
}

.apac_contents .main_visual .suntory .btn_enter_store span {
    font-size: calc(2.5333333333333vw * 1.75);
    transform: scale(0.571);
    transform-origin: 0% center;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
}


.apac_contents .main_visual .suntory .btn_enter_store::after {
    content: '';
    width: 0.8vw;
    height: 1.3333333333333vw;
    background-color: #fff;
    -webkit-mask: var(--icon-arrow-link);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 0.6666666666667vw);
    right: 2vw;
}

.apac_contents .main_visual .brands {
    width: 46vw;
    height: 54.6666666666667vw;
    height: 50.6666666666667vw;
    background: linear-gradient(to bottom,
            #d6b039 0%,
            #d4af39 10%,
            #d1ae39 20%,
            #cead38 30%,
            #d2bb5e 40%,
            #dbd198 50%,
            #e6e8d2 60%,
            #eef8fa 70%,
            #eef8fb 80%,
            #eef8fb 90%,
            #eef8fb 100%);
    order: 1;
    position: relative;
    padding-top: 5.4666666666667vw;
}

.apac_contents .main_visual .brands::after {
    content: '';
    width: 42vw;
    height: 12.4vw;
    background: url(../img/top/img_top_mv_brands_retina.webp) no-repeat 0 0;
    background-size: 42vw auto;
    position: absolute;
    top: 22vw;
    left: 2vw;
}

.apac_contents .main_visual .brands h2 {
    margin: 0 auto 5.0666666666667vw;
    width: 18.1333333333333vw;
    height: 10.266666666666667vw;
    background: url(../img/top/mv_logo_brands.svg) no-repeat 0 0;
    background-size: 18.1333333333333vw auto;
    text-indent: -99999px;
    overflow: hidden;
    white-space: nowrap;
}

.apac_contents .main_visual .brands .decription {
    font-size: 2.574666666666667vw;
    line-height: 1.33350595546349;
    color: #fff;
    text-align: center;
}

.apac_contents .main_visual .brands .btn_enter_store {
    margin: 0 auto;
    padding: 0 0 0 4vw;
    width: 18.6666666666667vw;
    height: 6.6666666666667vw;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    border-radius: 3.3333333333333vw;
    background: #bf9106e6;
    background: #bd8a00;
    position: absolute;
    top: 27.333333333333333vw;
    top: 37.3333333333333vw;
    left: calc(50% - 9.3333333333333vw);
    cursor: pointer;
}

.apac_contents .main_visual .brands .btn_enter_store span {
    font-size: calc(2.5333333333333vw * 1.75);
    transform: scale(0.571);
    transform-origin: 0% center;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
}

.apac_contents .main_visual .brands .btn_enter_store::after {
    content: '';
    width: 0.8vw;
    height: 1.3333333333333vw;
    background-color: #fff;
    -webkit-mask: var(--icon-arrow-link);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 0.6666666666667vw);
    right: 2vw;
}


.apac_contents .main_visual .apac {
    width: 92vw;
    height: 44vw;
    background: url(../img/top/img_top_mv_apac.webp) no-repeat 0 0;
    background-size: 92vw 44vw;
    padding: 8.4vw 0 0;
    position: relative;
}

.apac_contents .main_visual .apac h1 {
    width: 23.066666666666667vw;
    height: 5.3333333333333vw;
    background: url(../img/top/mv_logo_apac.svg) no-repeat 0 0;
    background-size: 23.066666666666667vw auto;
    text-indent: -99999px;
    margin: 0 auto 3.7333333333333vw;
}

.apac_contents .main_visual .apac h2 {
    margin: 0 auto 4vw;
    text-align: center;
    font-size: 6.1333333333333vw;
    line-height: 1;
    font-weight: bold;
    color: #222;
}

.apac_contents .main_visual .apac .description {
    margin: 0 auto 3.3333333333333vw;
    text-align: center;
    font-size: 2.5333333333333vw;
    line-height: 1;
    color: #222;
}

.apac_contents .main_visual .apac .btn_enter_store {
    margin: 0 auto;
    width: 28vw;
    height: 8vw;
    border-radius: 4vw;
    background: none;
    background-color: #009ee0;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    cursor: pointer;
}

.apac_contents .main_visual .apac .btn_enter_store span {
    font-size: calc(3.4666666666667vw * 1.75);
    transform: scale(0.571);
    font-weight: bold;
    line-height: 8vw;
    white-space: nowrap;
}

.apac_contents .main_visual .apac .btn_enter_store::after {
    content: '';
    width: 0.9333333333333vw;
    height: 1.6vw;
    background-color: #ffffff;
    -webkit-mask: var(--icon-arrow-link);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 0.8vw);
    right: 2.6666666666667vw;
}

/* ========================================================================
[sp]wellness_home
========================================================================= */
.apac_contents .wellness_home {
    background-color: #e0f8ff;
    background-image: url('../img/top/bg_wellness_home_top.webp'), url('../img/top/bg_wellness_home.webp');
    background-repeat: no-repeat, no-repeat;
    background-position: top center, bottom center;
    background-size: 100vw auto, 100vw auto;
    padding: 7.4666666666667vw 0 8vw;
}

.apac_contents .wellness_home h2 {
    margin: 0 0 5.3333333333333vw;
    font-size: 6.1333333333333vw;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.apac_contents .wellness_home .description {
    margin: 0 0 3.3333333333333vw;
    font-size: 3.7333333333333vw;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.apac_contents .wellness_home .note {
    margin: 0 0 4.8vw;
    font-size: 3.4666666666667vw;
    line-height: 1.5;
    text-align: center;
}

.apac_contents .wellness_home .points {
    margin: 0 auto 5.3333333333333vw;
    width: 92vw;
    display: flex;
    justify-content: space-between;
    list-style: none;
}

.apac_contents .wellness_home .point {
    width: 29.3333333333333vw;
    box-shadow: 0 0 2vw rgba(91, 194, 220, .25);
}

.apac_contents .wellness_home .point a {
    display: block;
    padding: 23.3333333333333vw 0 4vw;
    text-decoration: none;
}

.apac_contents .wellness_home .point a h3 {
    color: #00a0d0;
    text-decoration: none;
}

.apac_contents .wellness_home .point a p.text {
    color: #222;
    text-decoration: none;
}

.apac_contents .wellness_home .point01 {
    background: #fff url(../img/top/img_point01.svg) no-repeat 4vw 1.8666666666667vw;
    background-size: 23.866666666666667vw auto;
}

.apac_contents .wellness_home .point02 {
    background: #fff url(../img/top/img_point02.svg) no-repeat 2vw 2.1333333333333vw;
    background-size: 22vw auto;
}

.apac_contents .wellness_home .point03 {
    background: #fff url(../img/top/img_point03.svg) no-repeat 4vw 4.1333333333333vw;
    background-size: 20.8vw auto;
}

.apac_contents .wellness_home .point h3 {
    margin-bottom: 3.7333333333333vw;
    font-size: 3.7333333333333vw;
    line-height: 1.357142857142857;
    font-weight: bold;
    text-align: center;
    color: #00a0d0;
}

.apac_contents .wellness_home .point .text {
    font-size: 2.9333333333333vw;
    line-height: 1.363636363636364;
    letter-spacing: -0.075em;
    text-align: center;
}

.apac_contents .wellness_home .btn_learn_more {
    margin: 0 auto;
    width: 50.6666666666667vw;
    height: 10.6666666666667vw;
    border-radius: 5.3333333333333vw;
    background: #009ee0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    cursor: pointer;
}

.apac_contents .wellness_home .btn_learn_more span {
    font-size: 3.4666666666667vw;
    font-weight: bold;
    line-height: 1;
}


.apac_contents .wellness_home .btn_learn_more::after {
    content: '';
    width: 1.3333333333333vw;
    height: 2.4vw;
    background-color: #fff;
    -webkit-mask: var(--icon-arrow-link);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 1.2vw);
    right: 4vw;
}

/* ========================================================================
[sp]wellness_subscription
========================================================================= */
.apac_contents .wellness_subscription {
    padding: 8vw 0 6.6666666666667vw;
    background: linear-gradient(to bottom,
            #fff 0%,
            #feffff 10%,
            #fdfefe 20%,
            #fbfdfe 30%,
            #f9fcfe 40%,
            #f7fcfd 50%,
            #f5fbfd 60%,
            #f3fafc 70%,
            #f1f9fc 80%,
            #eff8fb 90%,
            #eef8fb 100%);
}

.apac_contents .wellness_subscription h2 {
    margin: 0 0 5.3333333333333vw;
    font-size: 6.1333333333333vw;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.apac_contents .wellness_subscription .description {
    margin: 0 0 4vw;
    font-size: 3.7333333333333vw;
    line-height: 1.428571428571429;
    font-weight: bold;
    text-align: center;
}

.apac_contents .wellness_subscription .note {
    margin: 0 0 6vw;
    font-size: 3.4666666666667vw;
    line-height: 1.230769230769231;
    text-align: center;
}

.apac_contents .wellness_subscription .features {
    margin: 0 auto 5.3333333333333vw;
    width: 92vw;
    display: flex;
    justify-content: space-between;
    list-style: none;
}

.apac_contents .wellness_subscription .feature {
    width: 29.3333333333333vw;
}

.apac_contents .wellness_subscription .feature figure {
    margin-bottom: 3.3333333333333vw;
    width: 29.3333333333333vw;
}

.apac_contents .wellness_subscription .feature figure img {
    width: 100%;
    height: auto;
}

.apac_contents .wellness_subscription .feature .text {
    font-size: 3.7333333333333vw;
    line-height: 1.357142857142857;
    font-weight: bold;
    text-align: center;
}

.apac_contents .wellness_subscription .btn_learn_more {
    margin: 0 auto;
    width: 36vw;
    height: 10.6666666666667vw;
    border-radius: 5.3333333333333vw;
    background: #009ee0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 0.1333333333333vw #009ee0 solid;
    position: relative;
    cursor: pointer;
}

.apac_contents .wellness_subscription .btn_learn_more span {
    font-size: calc(3.4666666666667vw * 1.75);
    transform: scale(0.571);
    font-weight: bold;
    line-height: 1;
}


.apac_contents .wellness_subscription .btn_learn_more::after {
    content: '';
    width: 1.3333333333333vw;
    height: 2.4vw;
    background-color: #fff;
    -webkit-mask: var(--icon-arrow-link);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 1.2vw);
    right: 4vw;
}



/* ========================================================================
[sp]faq
========================================================================= */
.apac_contents .faq {
    padding: 6vw 0 8vw;
}

.apac_contents .faq h2 {
    margin: 0 0 6.6666666666667vw;
    font-size: 6.1333333333333vw;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.apac_contents .faq .btn_see_more {
    margin: 0 auto;
    width: 46.6666666666667vw;
    height: 10.6666666666667vw;
    border-radius: 5.3333333333333vw;
    background: #009ee0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 0.2vw #009ee0 solid;
    position: relative;
    cursor: pointer;
}

.apac_contents .faq .btn_see_more span {
    font-size: calc(3.4666666666667vw * 1.75);
    transform: scale(0.571);
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
}


.apac_contents .faq .btn_see_more::after {
    content: '';
    width: 1.3333333333333vw;
    height: 2.4vw;
    background-color: #fff;
    -webkit-mask: var(--icon-arrow-link);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 1.2vw);
    right: 4vw;
}

.apac_contents .faq .tab {
    margin: 0 auto;
    width: 92vw;
    list-style: none;
    display: flex;
}

.apac_contents .faq .tab button {
    background: none;
    padding: 0;
    font-size: 4vw;
    font-weight: bold;
    height: 10.933333333333333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #222;
    cursor: pointer;
}

.apac_contents #faq_label01,
.apac_contents #faq_label02,
.apac_contents #faq_label03 {
    width: 23.066666666666667vw;
    border-right: 0.2666666666667vw #dddddd solid;
    border-bottom: 0.2666666666667vw #dddddd solid;
}

.apac_contents #faq_label04 {
    width: 22.8vw;
    height: 10.933333333333333vw;
    background: none;
    border-bottom: 0.2666666666667vw #dddddd solid;
}

.apac_contents .faq .tab button[aria-selected="true"]::before {
    content: '';
    width: 23.066666666666667vw;
    height: 0.6666666666667vw;
    background: #00abe4;
    position: absolute;
    bottom: 0;
    left: 0;
}

.apac_contents .faq .tab button#faq_label04[aria-selected="true"]::before {
    width: 22.8vw;
}

.apac_contents #faq_contents01,
.apac_contents #faq_contents02,
.apac_contents #faq_contents03,
.apac_contents #faq_contents04 {
    display: none;
}

.apac_contents #faq_contents01.active,
.apac_contents #faq_contents02.active,
.apac_contents #faq_contents03.active,
.apac_contents #faq_contents04.active {
    display: block;
}

.apac_contents .faq_contents {
    margin: 0 auto;
    width: 92vw;
}

.apac_contents .faq_contents .faq_list {
    list-style: none;
}

.apac_contents .faq_contents .faq_list li+li {
    border-top: 0.1333333333333vw #dddddd solid;
}

.apac_contents .faq_contents .faq_list li a {
    text-decoration: none;
    color: #222;
    display: block;
    padding: 5.0666666666667vw 0 5.0666666666667vw 12vw;
    position: relative;
}

.apac_contents .faq_contents .faq_list li a::before {
    content: '';
    width: 8vw;
    height: 8vw;
    background: url(../img/top/icon_q.svg) no-repeat 0 0;
    background-size: 8vw auto;
    position: absolute;
    top: calc(50% - 4vw);
    left: 0;
}

.apac_contents .faq_contents .faq_list li a h3 {
    margin-bottom: 2.4vw;
    font-size: 3.7333333333333vw;
    line-height: 1.346153846153846;
    font-weight: bold;
}

.apac_contents .faq_contents .faq_list li a p {
    font-size: 3.4666666666667vw;
    line-height: 1.346153846153846;
}

/* ========================================================================
[sp]lifestyle_info
========================================================================= */
.apac_contents .lifestyle_info {
    padding: 0 0 8vw;
}

.apac_contents .lifestyle_info .title_wrap {
    height: 22.6666666666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom,
            #fff4e8 0%,
            #fff8f1 100%);
}

.apac_contents .lifestyle_info h2 {
    font-size: 6.1333333333333vw;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.apac_contents .lifestyle_info .contents_wrap {
    background: linear-gradient(to bottom,
            #fff8f1 0%,
            #fff 100%);
}

.apac_contents .lifestyle_info .swiper {
    margin: 0 auto 5.3333333333333vw;
    padding: 0 6.6666666666667vw;
    position: relative;
}

.apac_contents .lifestyle_info .swiper::before {
    content: '';
    width: 6.6666666666667vw;
    height: 100%;
    background: linear-gradient(to bottom,
            #fff8f1 0%,
            #fff 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.apac_contents .lifestyle_info .swiper::after {
    content: '';
    width: 6.6666666666667vw;
    height: 100%;
    background: linear-gradient(to bottom,
            #fff8f1 0%,
            #fff 100%);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.apac_contents .lifestyle_info .swiper-slide {
    margin: 0;
    width: 41.3333333333333vw;
}

.apac_contents .lifestyle_info .swiper-slide a {
    text-decoration: none;
    color: #222;
    width: 41.3333333333333vw;
    display: block;
}

.apac_contents .lifestyle_info figure {
    margin-bottom: 2.6666666666667vw;
    width: 41.3333333333333vw;
}

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

.apac_contents .lifestyle_info .label_wrapper {
    order: 1;
}

.apac_contents .lifestyle_info .category {
    margin-bottom: 2.6666666666667vw;
    width: 20vw;
    height: 6vw;
    border-radius: 3vw;
    font-size: 2.8vw;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apac_contents .lifestyle_info .category.category_tips {
    background: #33aa00;
}

.apac_contents .lifestyle_info .category.category_chat {
    background: #ee6600;
}


.apac_contents .lifestyle_info .label {
    display: flex;
    margin-bottom: 2.6666666666667vw;
}

.apac_contents .lifestyle_info .label .date {
    margin-right: 2.6666666666667vw;
    font-size: 2.9333333333333vw;
    white-space: nowrap;
}

.apac_contents .lifestyle_info .label .author {
    font-size: 2.9333333333333vw;
    white-space: nowrap;
}

.apac_contents .lifestyle_info .text {
    font-size: 3.7333333333333vw;
    line-height: 1.357142857142857;
    font-weight: bold;
    order: 1;
}

.apac_contents .lifestyle_info .swiper-lifestyle-prev {
    width: 9.3333333333333vw;
    height: 9.3333333333333vw;
    border-radius: 4.6666666666667vw;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0px 0px 1.0666666666667vw rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 13.3333333333333vw;
    left: 2vw;
    z-index: 100;
}

.apac_contents .lifestyle_info .swiper-lifestyle-prev::before {
    content: '';
    /* 18px * 30px */
    width: 2.4vw;
    height: 4vw;
    background-color: #0072ef;
    -webkit-mask: var(--icon-arrow-prev);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2vw);
    left: calc(50% - 1.2vw);
}

.apac_contents .lifestyle_info .swiper-lifestyle-next {
    width: 9.3333333333333vw;
    height: 9.3333333333333vw;
    border-radius: 4.6666666666667vw;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0px 0px 1.0666666666667vw rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 13.3333333333333vw;
    right: 2vw;
    z-index: 100;
}

.apac_contents .lifestyle_info .swiper-lifestyle-next::before {
    content: '';
    /* 18px * 30px */
    width: 2.4vw;
    height: 4vw;
    background-color: #0072ef;
    -webkit-mask: var(--icon-arrow-next);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2vw);
    left: calc(50% - 1.2vw);
}

.apac_contents .lifestyle_info .btn_see_more {
    margin: 0 auto;
    width: 54.6666666666667vw;
    height: 10.6666666666667vw;
    border-radius: 5.3333333333333vw;
    background: #009ee0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 0.2vw #009ee0 solid;
    position: relative;
    cursor: pointer;
}

.apac_contents .lifestyle_info .btn_see_more span {
    font-size: calc(3.4666666666667vw * 1.75);
    transform: scale(0.571);
    white-space: nowrap;
    font-weight: bold;
    line-height: 1;
}


.apac_contents .lifestyle_info .btn_see_more::after {
    content: '';
    width: 1.3333333333333vw;
    height: 2.4vw;
    background-color: #fff;
    -webkit-mask: var(--icon-arrow-link);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 1.2vw);
    right: 4vw;
}


/* ========================================================================
[sp]recently_viewed_products
========================================================================= */
.apac_contents .recently_viewed_products {
    padding: 8vw 0 8vw;
    background: #eef8fb;
}

.apac_contents .recently_viewed_products h2 {
    margin: 0 0 8vw;
    font-size: 6.1333333333333vw;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.apac_contents .recently_viewed_products .swiper {
    margin: 0 auto 5.3333333333333vw;
    padding: 0 6.6666666666667vw;
    position: relative;
}

.apac_contents .recently_viewed_products .swiper::before {
    content: '';
    width: 6.6666666666667vw;
    height: 100%;
    background: #eef8fb;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.apac_contents .recently_viewed_products .swiper::after {
    content: '';
    width: 6.6666666666667vw;
    height: 100%;
    background: #eef8fb;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}


.apac_contents .recently_viewed_products .swiper-slide {
    margin: 0;
    width: 41.3333333333333vw;
}

.apac_contents .recently_viewed_products .swiper-slide a {
    text-decoration: underline;
    color: #0072ef;
    width: 41.3333333333333vw;
    display: block;
    background: #fff;
    padding: 2vw 0 5.3333333333333vw;
    text-decoration: none;
}

.apac_contents .recently_viewed_products figure {
    margin: 0 auto 2.6666666666667vw;
    width: 26.6666666666667vw;
    height: 26.6666666666667vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.apac_contents .recently_viewed_products figure img {
    width: 100%;
    height: 100%;
    max-width: 26.6666666666667vw;
    max-height: 26.6666666666667vw;
}

.apac_contents .recently_viewed_products .label {
    font-size: 3.4666666666667vw;
    font-weight: bold;
    color: #0072ef;
    text-align: center;
}

.apac_contents .recently_viewed_products .swiper-recently-viewed-prev {
    width: 9.3333333333333vw;
    height: 9.3333333333333vw;
    border-radius: 4.6666666666667vw;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0px 0px 1.0666666666667vw rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 22.6666666666667vw;
    left: 2vw;
    z-index: 100;
}

.apac_contents .recently_viewed_products .swiper-recently-viewed-prev::before {
    content: '';
    /* 18px * 30px */
    width: 2.4vw;
    height: 4vw;
    background-color: #0072ef;
    -webkit-mask: var(--icon-arrow-prev);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2vw);
    left: calc(50% - 1.2vw);
}

.apac_contents .recently_viewed_products .swiper-recently-viewed-next {
    width: 9.3333333333333vw;
    height: 9.3333333333333vw;
    border-radius: 4.6666666666667vw;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0px 0px 1.0666666666667vw rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 22.6666666666667vw;
    right: 2vw;
    z-index: 100;
}

.apac_contents .recently_viewed_products .swiper-recently-viewed-next::before {
    content: '';
    /* 18px * 30px */
    width: 2.4vw;
    height: 4vw;
    background-color: #0072ef;
    -webkit-mask: var(--icon-arrow-next);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2vw);
    left: calc(50% - 1.2vw);
}


/* ========================================================================
[sp]latest_news
========================================================================= */
.apac_contents .latest_news {
    padding: 8vw 0 8vw;
}

.apac_contents .latest_news h2 {
    margin: 0 0 8vw;
    font-size: 6.1333333333333vw;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.apac_contents .news_list {
    margin: 0 auto 8vw;
    width: 92vw;
    list-style: none;
}

.apac_contents .news_list li {
    border-bottom: 0.1333333333333vw #dddddd solid;
    padding: 5.3333333333333vw 0;
}

.apac_contents .news_list li:first-child {
    border-top: 0.1333333333333vw #dddddd solid;
}


.apac_contents .news_list li .label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 2.6666666666667vw;
}

.apac_contents .news_list li .label .category {
    width: 26.6666666666667vw;
    height: 6.6666666666667vw;
    border-radius: 3.3333333333333vw;
    color: #fff;
    font-weight: bold !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 2.6666666666667vw 0 0;
    padding: 0;
    position: relative;
}

.apac_contents .news_list li .label .category .text {
    font-size: 2.9333333333333vw;
    font-size: calc(2.9333333333333vw * 1.75);
    transform: scale(0.571);
}

.apac_contents .news_list li.bulletin .label .category {
    background: #17a3b0;
    padding: 0 6.4vw 0 0;
}

.apac_contents .news_list li.media .label .category {
    background-color: #c970df;
}

.apac_contents .news_list li.event .label .category {
    background-color: #ff4d90;
}

.apac_contents .news_list li.press .label .category {
    background-color: #159bef;
}

.apac_contents .news_list li.product .label .category {
    background-color: #ee7100;
}

.apac_contents .news_list li.alert .label .category {
    background-color: #ff4d4d;
}

.apac_contents .news_list li.membership .label .category {
    background-color: #13aa5d;
}

.apac_contents .news_list li.other .label .category {
    background-color: #b38e56;
}


.apac_contents .news_list li .date,
.apac_contents .news_list li .text {
    font-size: 3.4666666666667vw;
}

.apac_contents .news_list li .text a {
    color: #222;
    text-decoration: none;
}

.apac_contents .news_list li.bulletin .label .category::before {
    content: '';
    /* 33px * 36px */
    width: 4.4vw;
    height: 4.8vw;
    background-color: #fff;
    -webkit-mask: var(--icon-bulletin);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.4vw);
    left: 4vw;
}

.apac_contents .news_list li.media .label .category::before {
    content: '';
    /* 35px * 32px */
    width: 4.6666666666667vw;
    height: 4.2666666666667vw;
    background-color: #fff;
    -webkit-mask: var(--icon-media);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.1333333333333vw);
    left: 3.8666666666667vw;
}

.apac_contents .news_list li.event .label .category::before {
    content: '';
    /* 36px * 33px */
    width: 4.8vw;
    height: 4.4vw;
    background-color: #fff;
    -webkit-mask: var(--icon-event);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.2vw);
    left: 3.6vw;
}

.apac_contents .news_list li.press .label .category::before {
    content: '';
    /* 40px * 36px */
    width: 5.3333333333333vw;
    height: 4.8vw;
    background-color: #fff;
    -webkit-mask: var(--icon-press);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.4vw);
    left: 3.6vw;
}

.apac_contents .news_list li.product .label .category::before {
    content: '';
    /* 31px * 40px */
    width: 4.1333333333333vw;
    height: 5.3333333333333vw;
    background-color: #fff;
    -webkit-mask: var(--icon-product);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.6666666666667vw);
    left: 4vw;
}

.apac_contents .news_list li.alert .label .category::before {
    content: '';
    /* 31px * 40px */
    width: 4.1333333333333vw;
    height: 5.3333333333333vw;
    background-color: #fff;
    -webkit-mask: var(--icon-alert);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.6666666666667vw);
    left: 4vw;
}

.apac_contents .news_list li.membership .label .category::before {
    content: '';
    /* 31px * 40px */
    width: 4.1333333333333vw;
    height: 5.3333333333333vw;
    background-color: #fff;
    -webkit-mask: var(--icon-membership);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.6666666666667vw);
    left: 4vw;
}

.apac_contents .news_list li.other .label .category::before {
    content: '';
    /* 31px * 40px */
    width: 4.1333333333333vw;
    height: 5.3333333333333vw;
    background-color: #fff;
    -webkit-mask: var(--icon-other);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.6666666666667vw);
    left: 4vw;
}

.apac_contents .latest_news .btn_see_more {
    margin: 0 auto;
    width: 54.6666666666667vw;
    height: 10.6666666666667vw;
    border-radius: 5.3333333333333vw;
    background: #009ee0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 0.2vw #009ee0 solid;
    position: relative;
    cursor: pointer;
}

.apac_contents .latest_news .btn_see_more span {
    font-size: calc(3.4666666666667vw * 1.75);
    transform: scale(0.571);
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
}


.apac_contents .latest_news .btn_see_more::after {
    content: '';
    width: 1.3333333333333vw;
    height: 2.4vw;
    background-color: #fff;
    -webkit-mask: var(--icon-arrow-link);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 1.2vw);
    right: 4vw;
}

/*==================================================
pc
================================================== */
@media print, screen and (min-width:768px) {

    /* ========================================================================
    [pc]main_visual
    ========================================================================= */
    .apac_contents .main_visual {
        padding: 60px 0;
        background: linear-gradient(to bottom, #fafdfe 0%, #f2fafc 10%, #eef8fb 20%, #eef8fb 100%);
    }

    .apac_contents .main_visual .inner {
        margin: 0 auto;
        width: 1040px;
        display: flex;
        flex-wrap: wrap;
    }

    .apac_contents .main_visual .apac {
        width: 1040px;
        order: 2;
        box-shadow: 0px 10px 15px rgba(91, 194, 220, 0.15);
    }

    .apac_contents .main_visual .suntory {
        width: 520px;
        height: 360px;
        background: linear-gradient(to bottom,
                #22c4ee 0%,
                #22c3ed 10%,
                #21c2ec 20%,
                #4bcbef 30%,
                #49caee 40%,
                #85dbf2 50%,
                #c1ebf7 60%,
                #edf8fb 70%,
                #eef8fb 80%,
                #eef8fb 90%,
                #eef8fb 100%);
        order: 0;
        position: relative;
        padding-top: 70px;
    }

    .apac_contents .main_visual .suntory::after {
        content: '';
        width: 440px;
        height: 130px;
        background: url(../img/top/img_top_mv_suntory_retina.webp) no-repeat 0 0;
        background-size: 440px auto;
        position: absolute;
        top: 140px;
        left: 40px;
    }

    .apac_contents .main_visual .suntory h2 {
        margin: 0 auto 9px;
        width: 113px;
        height: 38px;
        background: url(../img/top/mv_logo_suntory.svg) no-repeat 0 0;
        background-size: 113px auto;
        text-indent: -99999px;
        overflow: hidden;
        white-space: nowrap;
    }

    .apac_contents .main_visual .suntory .english {
        text-indent: -99999px;
        overflow: hidden;
        white-space: nowrap;
        position: absolute;
    }

    .apac_contents .main_visual .suntory .decription {
        font-size: 17.57px;
        line-height: 1.33350595546349;
        color: #fff;
        text-align: center;
    }

    .apac_contents .main_visual .suntory .btn_enter_store {
        margin: 0;
        padding: 0 0 0 25px;
        width: 120px;
        height: 36px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-decoration: none;
        border-radius: 18px;
        background: #009ee0;
        position: absolute;
        top: 277px;
        left: 200px;
        transition: var(--transition-normal);
    }

    .apac_contents .main_visual .suntory .btn_enter_store span {
        font-size: calc(15px * 1.75);
        transform: scale(0.571);
        transform-origin: 0% center;
        font-weight: bold;
        line-height: 1;
        white-space: nowrap;
    }

    .apac_contents .main_visual .suntory .btn_enter_store:hover {
        background: #0088cc;
    }

    .apac_contents .main_visual .suntory .btn_enter_store::after {
        content: '';
        width: 6px;
        height: 12px;
        background-color: #fff;
        -webkit-mask: var(--icon-arrow-link);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 6px);
        right: 15px;
    }

    .apac_contents .main_visual .brands {
        width: 520px;
        height: 360px;
        background: linear-gradient(to bottom,
                #d6b039 0%,
                #d4af39 10%,
                #d1ae39 20%,
                #cead38 30%,
                #d2bb5e 40%,
                #dbd198 50%,
                #e6e8d2 60%,
                #eef8fa 70%,
                #eef8fb 80%,
                #eef8fb 90%,
                #eef8fb 100%);
        order: 1;
        position: relative;
        padding-top: 38px;
    }

    .apac_contents .main_visual .brands::after {
        content: '';
        width: 440px;
        height: 130px;
        background: url(../img/top/img_top_mv_brands_retina.webp) no-repeat 0 0;
        background-size: 440px auto;
        position: absolute;
        top: 140px;
        left: 40px;
    }

    .apac_contents .main_visual .brands h2 {
        margin: 0 auto 19px;
        width: 121px;
        height: 68px;
        background: url(../img/top/mv_logo_brands.svg) no-repeat 0 0;
        background-size: 121px auto;
        text-indent: -99999px;
        overflow: hidden;
        white-space: nowrap;
    }

    .apac_contents .main_visual .brands .decription {
        font-size: 17.6px;
        line-height: 1.33350595546349;
        color: #fff;
        text-align: center;
    }

    .apac_contents .main_visual .brands .btn_enter_store {
        margin: 0 auto;
        padding: 0 0 0 25px;
        width: 120px;
        height: 36px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-decoration: none;
        border-radius: 18px;
        background: #bd8a00;
        position: absolute;
        top: 277px;
        left: 200px;
        transition: var(--transition-normal);
    }

    .apac_contents .main_visual .brands .btn_enter_store span {
        font-size: calc(15px * 1.75);
        transform: scale(0.571);
        transform-origin: 0% center;
        font-weight: bold;
        line-height: 1;
        display: block;
        white-space: nowrap;
    }

    .apac_contents .main_visual .brands .btn_enter_store:hover {
        background: #b1820b;
    }

    .apac_contents .main_visual .brands .btn_enter_store::after {
        content: '';
        width: 6px;
        height: 12px;
        background-color: #fff;
        -webkit-mask: var(--icon-arrow-link);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 6px);
        right: 15px;
    }

    .apac_contents .main_visual .apac {
        width: 1040px;
        height: 330px;
        background: url(../img/top/img_top_mv_apac_pc.webp) no-repeat 0 0;
        background-size: 1040px 330px;
        padding: 79px 0 0;
        position: relative;
    }

    .apac_contents .main_visual .apac h1 {
        width: 150px;
        height: 34px;
        background: url(../img/top/mv_logo_apac.svg) no-repeat 0 0;
        background-size: 150px auto;
        text-indent: -99999px;
        margin: 0 auto 22px;
    }

    .apac_contents .main_visual .apac h2 {
        margin: 0 auto 29px;
        text-align: center;
        font-size: 40px;
        line-height: 1;
        font-weight: bold;
        color: #222;
    }

    .apac_contents .main_visual .apac .description {
        margin: 0 auto 38px;
        text-align: center;
        font-size: 16px;
        line-height: 1;
        color: #222;
    }

    .apac_contents .main_visual .apac .btn_enter_store {
        margin: 0 auto;
        width: 320px;
        height: 50px;
        border-radius: 25px;
        background: #009ee0;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        position: relative;
        transition: var(--transition-normal);
    }

    .apac_contents .main_visual .apac .btn_enter_store span {
        font-size: calc(18px * 1.75);
        transform: scale(0.571);
        font-weight: bold;
        line-height: 1;
    }



    .apac_contents .main_visual .apac .btn_enter_store:hover {
        background: #0088cc;
    }

    .apac_contents .main_visual .apac .btn_enter_store::after {
        content: '';
        width: 7px;
        height: 12px;
        background-color: #fff;
        -webkit-mask: var(--icon-arrow-link);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 6px);
        right: 20px;
    }

    /* ========================================================================
    [pc]wellness_home
    ========================================================================= */
    .apac_contents .wellness_home {
        background-color: #e0f8ff;
        background-image: url('../img/top/bg_wellness_home_top_pc.webp'), url('../img/top/bg_wellness_home_pc.webp');
        background-repeat: no-repeat, no-repeat;
        background-position: top center, bottom center;
        background-size: 1120px auto, 1120px auto;
        padding: 60px 0;
    }

    .apac_contents .wellness_home h2 {
        margin: 0 0 30px;
        font-size: 40px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
    }

    .apac_contents .wellness_home .description {
        margin: 0 0 20px;
        font-size: 22px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
    }

    .apac_contents .wellness_home .note {
        margin: 0 0 40px;
        font-size: 16px;
        line-height: 1.5;
        text-align: center;
    }

    .apac_contents .wellness_home .points {
        margin: 0 auto 60px;
        width: 1040px;
        display: flex;
        justify-content: space-between;
        list-style: none;
    }

    .apac_contents .wellness_home .point {
        width: 320px;
        box-shadow: 0 0 15px rgba(91, 194, 220, .25);
    }

    .apac_contents .wellness_home .point a {
        display: block;
        padding: 170px 0 30px;
    }

    .apac_contents .wellness_home .point a:hover h3 {
        text-decoration: underline;
    }

    .apac_contents .wellness_home .point a:hover p.text {
        text-decoration: underline;
    }

    .apac_contents .wellness_home .point01 {
        background: #fff url(../img/top/img_point01_pc.svg) no-repeat 110px 24px;
        background-size: 193px auto;
    }

    .apac_contents .wellness_home .point02 {
        background: #fff url(../img/top/img_point02_pc.svg) no-repeat 84px 16px;
        background-size: 165px auto;
    }

    .apac_contents .wellness_home .point03 {
        background: #fff url(../img/top/img_point03_pc.svg) no-repeat 80px 30px;
        background-size: 156px auto;
    }


    .apac_contents .wellness_home .point h3 {
        margin-bottom: 18px;
        font-size: 22px;
        line-height: 1.357142857142857;
        font-weight: bold;
        text-align: center;
        color: #00a0d0;
    }

    .apac_contents .wellness_home .point .text {
        font-size: 16px;
        line-height: 1.363636363636364;
        letter-spacing: -0.05em;
        text-align: center;
    }

    .apac_contents .wellness_home .btn_learn_more {
        margin: 0 auto;
        width: 320px;
        height: 50px;
        border-radius: 25px;
        background: #009ee0;
        font-size: 18px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        position: relative;
        transition: var(--transition-normal);
    }

    .apac_contents .wellness_home .btn_learn_more span {
        font-size: calc(18px * 1.75);
        transform: scale(0.571);
        font-weight: bold;
        line-height: 1;
    }

    .apac_contents .wellness_home .btn_learn_more:hover {
        background: #0088cc;
    }

    .apac_contents .wellness_home .btn_learn_more::after {
        content: '';
        width: 7px;
        height: 12px;
        background-color: #fff;
        -webkit-mask: var(--icon-arrow-link);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 6px);
        right: 20px;
    }



    .apac_contents .wellness_home .btn_learn_more:hover::after {
        content: '';
        width: 7px;
        height: 12px;
        background-color: #ffffff;
        -webkit-mask: var(--icon-arrow-link);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 6px);
        right: 20px;
    }

    /* ========================================================================
    [pc]wellness_subscription
    ========================================================================= */
    .apac_contents .wellness_subscription {
        padding: 60px 0;
        background: linear-gradient(to bottom,
                #fff 0%,
                #feffff 10%,
                #fdfefe 20%,
                #fbfdfe 30%,
                #f9fcfe 40%,
                #f7fcfd 50%,
                #f5fbfd 60%,
                #f3fafc 70%,
                #f1f9fc 80%,
                #eff8fb 90%,
                #eef8fb 100%);
    }

    .apac_contents .wellness_subscription h2 {
        margin: 0 0 35px;
        font-size: 40px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
    }

    .apac_contents .wellness_subscription .description {
        margin: 0 0 20px;
        font-size: 22px;
        line-height: 1.428571428571429;
        font-weight: bold;
        text-align: center;
    }

    .apac_contents .wellness_subscription .note {
        margin: 0 0 40px;
        font-size: 16px;
        line-height: 1.230769230769231;
        text-align: center;
    }

    .apac_contents .wellness_subscription .features {
        margin: 0 auto 60px;
        width: 940px;
        display: flex;
        justify-content: space-between;
        list-style: none;
    }

    .apac_contents .wellness_subscription .feature {
        width: 220px;
    }

    .apac_contents .wellness_subscription .feature figure {
        margin-bottom: 30px;
        width: 220px;
    }

    .apac_contents .wellness_subscription .feature figure img {
        width: 100%;
        height: auto;
    }

    .apac_contents .wellness_subscription .feature .text {
        font-size: 22px;
        line-height: 1.357142857142857;
        font-weight: bold;
        text-align: center;
    }

    .apac_contents .wellness_subscription .btn_learn_more {
        margin: 0 auto;
        width: 320px;
        height: 50px;
        border-radius: 25px;
        background: #009ee0;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        border: 1px #009ee0 solid;
        position: relative;
        transition: var(--transition-normal);
    }

    .apac_contents .wellness_subscription .btn_learn_more span {
        font-size: calc(18px * 1.75);
        transform: scale(0.571);
        font-weight: bold;
        line-height: 1;
    }


    .apac_contents .wellness_subscription .btn_learn_more::after {
        content: '';
        width: 7px;
        height: 12px;
        background-color: #fff;
        -webkit-mask: var(--icon-arrow-link);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 6px);
        right: 20px;
    }

    .apac_contents .wellness_subscription .btn_learn_more:hover {
        background: #0088cc;
        border: 1px #0088cc solid;
    }

    .apac_contents .wellness_subscription .btn_learn_more:hover::after {
        content: '';
        width: 7px;
        height: 12px;
        background-color: #fff;
        -webkit-mask: var(--icon-arrow-link);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 6px);
        right: 20px;
    }

    /* ========================================================================
    [pc]faq
    ========================================================================= */
    .apac_contents .faq {
        padding: 60px 0;
    }

    .apac_contents .faq h2 {
        margin: 0 0 50px;
        font-size: 40px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
    }

    .apac_contents .faq .btn_see_more {
        margin: 0 auto;
        width: 320px;
        height: 50px;
        border-radius: 25px;
        background: #009ee0;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        border: 1px #009ee0 solid;
        position: relative;
        transition: var(--transition-normal);
    }

    .apac_contents .faq .btn_see_more span {
        font-size: calc(18px * 1.75);
        transform: scale(0.571);
        font-weight: bold;
        line-height: 1;
    }

    .apac_contents .faq .btn_see_more::after {
        content: '';
        width: 7px;
        height: 12px;
        background-color: #fff;
        -webkit-mask: var(--icon-arrow-link);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 6px);
        right: 20px;
    }

    .apac_contents .faq .btn_see_more:hover {
        background: #0088cc;
        color: #fff;
        border: 1px #0088cc solid;
    }

    .apac_contents .faq .btn_see_more:hover::after {
        background-color: #fff;
    }

    .apac_contents .faq .tab {
        margin: 0 auto;
        width: 1040px;
        list-style: none;
        display: flex;
    }

    .apac_contents .faq .tab button {
        background: none;
        font-size: 22px;
        font-weight: bold;
        height: 62px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .apac_contents #faq_label01,
    .apac_contents #faq_label02,
    .apac_contents #faq_label03 {
        width: 260px;
        border-right: 2px #dddddd solid;
        border-bottom: 2px #dddddd solid;
    }

    .apac_contents #faq_label04 {
        width: 260px;
        height: 62px;
        background: none;
        border-bottom: 2px #dddddd solid;
    }

    .apac_contents .faq .tab button[aria-selected="true"]::before {
        content: '';
        width: 260px;
        height: 5px;
        background: #00abe4;
        position: absolute;
        bottom: -2px;
        left: 0;
    }

    .apac_contents .faq .tab button#faq_label04[aria-selected="true"]::before {
        width: 260px;
    }

    .apac_contents #faq_contents01,
    .apac_contents #faq_contents02,
    .apac_contents #faq_contents03,
    .apac_contents #faq_contents04 {
        display: none;
    }

    .apac_contents #faq_contents01.active,
    .apac_contents #faq_contents02.active,
    .apac_contents #faq_contents03.active,
    .apac_contents #faq_contents04.active {
        display: block;
    }

    .apac_contents .faq_contents {
        margin: 0 auto 60px;
        width: 1040PX;
    }

    .apac_contents .faq_contents .faq_list {
        list-style: none;
    }

    .apac_contents .faq_contents .faq_list li+li {
        border-top: 1px #dddddd solid;
    }

    .apac_contents .faq_contents .faq_list li a {
        text-decoration: none;
        color: #222;
        display: block;
        padding: 40px 0 30px 100px;
        position: relative;
    }

    .apac_contents .faq_contents .faq_list li a::before {
        content: '';
        width: 40px;
        height: 40px;
        background: url(../img/top/icon_q.svg) no-repeat 0 0;
        background-size: 40px auto;
        position: absolute;
        top: calc(50% - 20px);
        left: 0;
    }

    .apac_contents .faq_contents .faq_list li a h3 {
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 1.346153846153846;
        font-weight: bold;
    }

    .apac_contents .faq_contents .faq_list li a p {
        font-size: 16px;
        line-height: 1.346153846153846;
    }

    .apac_contents .faq_contents .faq_list li a:hover h3,
    .apac_contents .faq_contents .faq_list li a:hover p {
        text-decoration: underline;
    }

    /* ========================================================================
    [pc]lifestyle_info
    ========================================================================= */
    .apac_contents .lifestyle_info {
        padding: 0 0 60px;
    }

    .apac_contents .lifestyle_info .title_wrap {
        height: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(to bottom,
                #fff4e8 0%,
                #fff8f1 100%);
    }

    .apac_contents .lifestyle_info h2 {
        font-size: 40px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
    }

    .apac_contents .lifestyle_info .contents_wrap {
        background: linear-gradient(to bottom,
                #fff8f1 0%,
                #fff 100%);
    }

    .apac_contents .lifestyle_info .swiper {
        margin: 0 auto 50px;
        width: 1160px;
        width: 1155px;
        width: 1210px;
        padding: 0 0 0 55px;
        position: relative;
    }

    .apac_contents .lifestyle_info .swiper::before {
        content: '';
        width: 55px;
        height: 100%;
        background: linear-gradient(to bottom,
                #fff8f1 0%,
                #fff 100%);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .apac_contents .lifestyle_info .swiper::after {
        content: '';
        width: 55px;
        height: 100%;
        background: linear-gradient(to bottom,
                #fff8f1 0%,
                #fff 100%);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .apac_contents .lifestyle_info .swiper-slide {
        margin: 0;
        width: 330px;
    }

    .apac_contents .lifestyle_info .swiper-slide a {
        text-decoration: none;
        color: #222;
        width: 330px;
        display: flex;
        flex-direction: column;
    }

    .apac_contents .lifestyle_info figure {
        margin-bottom: 20px;
        width: 330px;
        order: 0;
    }

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


    .apac_contents .lifestyle_info .label_wrapper {
        display: flex;
        align-items: center;
        order: 2;
    }

    .apac_contents .lifestyle_info .category {
        margin: 0 15px 0 0;
        width: 100px;
        height: 30px;
        border-radius: 15px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .apac_contents .lifestyle_info .category.category_tips {
        background: #33aa00;
    }

    .apac_contents .lifestyle_info .category.category_chat {
        background: #ee6600;
    }

    .apac_contents .lifestyle_info .label {
        display: flex;
        margin-bottom: 0;
    }

    .apac_contents .lifestyle_info .label .date {
        margin: 0 15px 0 0;
        font-size: 15px;
    }

    .apac_contents .lifestyle_info .label .author {
        font-size: 15px;
    }

    .apac_contents .lifestyle_info .text {
        margin: 0 0 12px;
        font-size: 18px;
        line-height: 1.357142857142857;
        font-weight: bold;
        order: 1;
    }

    .apac_contents .lifestyle_info a:hover .text {
        text-decoration: underline;
    }

    .apac_contents .lifestyle_info .swiper-lifestyle-prev {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background: rgba(255, 255, 255, .9);
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 100px;
        left: 20px;
        z-index: 100;
    }

    .apac_contents .lifestyle_info .swiper-lifestyle-prev::before {
        content: '';
        width: 14px;
        height: 23px;
        background-color: #00abe4;
        -webkit-mask: var(--icon-arrow-prev);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11.5px);
        left: calc(50% - 7px);
    }

    .apac_contents .lifestyle_info .swiper-lifestyle-next {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background: rgba(255, 255, 255, .9);
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 100px;
        right: 20px;
        z-index: 100;
    }

    .apac_contents .lifestyle_info .swiper-lifestyle-next::before {
        content: '';
        width: 14px;
        height: 23px;
        background-color: #00abe4;
        -webkit-mask: var(--icon-arrow-next);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11.5px);
        left: calc(50% - 7px);
    }

    .apac_contents .lifestyle_info .btn_see_more {
        margin: 0 auto;
        width: 320px;
        height: 50px;
        border-radius: 25px;
        background: #009ee0;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        border: 1px #009ee0 solid;
        position: relative;
        transition: var(--transition-normal);
    }

    .apac_contents .lifestyle_info .btn_see_more span {
        font-size: calc(18px * 1.75);
        transform: scale(0.571);
        font-weight: bold;
        line-height: 1;
    }

    .apac_contents .lifestyle_info .btn_see_more::after {
        content: '';
        width: 7px;
        height: 12px;
        background-color: #fff;
        -webkit-mask: var(--icon-arrow-link);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 6px);
        right: 20px;
    }

    .apac_contents .lifestyle_info .btn_see_more:hover {
        background: #0088cc;
        color: #fff;
        border: 1px #0088cc solid;
    }

    .apac_contents .lifestyle_info .btn_see_more:hover::after {
        background-color: #fff;
    }

    /* ========================================================================
    [pc]recently_viewed_products
    ========================================================================= */
    .apac_contents .recently_viewed_products {
        padding: 60px 0 45px;
        background: #eef8fb;
    }

    .apac_contents .recently_viewed_products h2 {
        margin: 0 0 60px;
        font-size: 40px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
    }

    .apac_contents .recently_viewed_products .swiper {
        margin: 0 auto;
        padding: 10px 35px 15px;
        width: 1100px;
        position: relative;
    }

    .apac_contents .recently_viewed_products .swiper::before {
        content: '';
        width: 20px;
        height: 100%;
        background: #eef8fb;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .apac_contents .recently_viewed_products .swiper::after {
        content: '';
        width: 44px;
        height: 100%;
        background: linear-gradient(to left, #eef8fb 95%, transparent 100%);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .apac_contents .recently_viewed_products .swiper-slide {
        margin: 0;
        width: 190px;
    }

    .apac_contents .recently_viewed_products .swiper-slide a {
        text-decoration: none;
        color: #0072ef;
        width: 190px;
        display: block;
        background: #fff;
        padding: 0 0 35px;
        box-shadow: 0px 0px 10px rgba(91, 194, 220, 0.25);
        transition: var(--transition-normal);
    }

    .apac_contents .recently_viewed_products .swiper-slide-prev a {
        box-shadow: none;
    }

    .apac_contents .recently_viewed_products .swiper-slide a:hover {
        transform: scale(1.0581);
    }

    .apac_contents .recently_viewed_products figure {
        margin: 0 auto;
        width: 190px;
        height: 190px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .apac_contents .recently_viewed_products figure img {
        width: 100%;
        height: 100%;
        max-width: 148px;
        max-height: 148px;
    }

    .apac_contents .recently_viewed_products .label {
        font-size: 16px;
        font-weight: bold;
        color: #0072ef;
        text-align: center;
    }

    .apac_contents .recently_viewed_products .swiper-recently-viewed-prev {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background: rgba(255, 255, 255, .9);
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
        position: absolute;
        top: calc(50% - 30px);
        left: 10px;
        z-index: 100;
    }

    .apac_contents .recently_viewed_products .swiper-recently-viewed-prev::before {
        content: '';
        width: 14px;
        height: 23px;
        background-color: #00abe4;
        -webkit-mask: var(--icon-arrow-prev);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11.5px);
        left: calc(50% - 7px);
    }

    .apac_contents .recently_viewed_products .swiper-recently-viewed-next {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background: rgba(255, 255, 255, .9);
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
        position: absolute;
        top: calc(50% - 30px);
        right: 10px;
        z-index: 100;
    }

    .apac_contents .recently_viewed_products .swiper-recently-viewed-next::before {
        content: '';
        width: 14px;
        height: 23px;
        background-color: #00abe4;
        -webkit-mask: var(--icon-arrow-next);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11.5px);
        left: calc(50% - 7px);
    }

    /* ========================================================================
    [pc]latest_news
    ========================================================================= */
    .apac_contents .latest_news {
        padding: 60px 0;
    }

    .apac_contents .latest_news h2 {
        margin: 0 0 38px;
        font-size: 40px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
    }

    .apac_contents .news_list {
        margin: 0 auto 60px;
        width: 1040px;
        list-style: none;
    }

    .apac_contents .news_list li {
        display: flex;
        align-items: center;
        padding: 15px 0 15px 60px;
        border-bottom: 1px #dddddd solid;
    }

    .apac_contents .news_list li:first-child {
        border-top: 1px #dddddd solid;
    }

    .apac_contents .news_list li .label {
        display: flex;
        align-items: center;
        margin: 0 40px 0 0;
    }

    .apac_contents .news_list li .label .category {
        width: 140px;
        height: 34px;
        border-radius: 17px;
        color: #fff;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin: 0;
        padding: 0;
        position: relative;
        order: 1;
    }

    .apac_contents .news_list li .label .category .text {
        font-size: calc(15px * 1.75);
        transform: scale(0.571);
    }

    .apac_contents .news_list li.bulletin .label .category {
        background-color: #17a3b0;
        padding: 0 38px 0 0;
    }

    .apac_contents .news_list li.media .label .category {
        background-color: #c970df;
    }

    .apac_contents .news_list li.event .label .category {
        background-color: #ff4d90;
    }

    .apac_contents .news_list li.press .label .category {
        background-color: #159bef;
    }

    .apac_contents .news_list li.product .label .category {
        background-color: #ee7100;
    }

    .apac_contents .news_list li.alert .label .category {
        background-color: #ff4d4d;
    }

    .apac_contents .news_list li.membership .label .category {
        background-color: #13aa5d;
    }

    .apac_contents .news_list li.other .label .category {
        background-color: #b38e56;
    }

    .apac_contents .news_list li .date,
    .apac_contents .news_list li .text {
        font-size: 16px;
    }

    .apac_contents .news_list li .date {
        margin-right: 40px;
        order: 0;
    }

    .apac_contents .news_list li .text a {
        color: #222;
        text-decoration: none;
    }

    .apac_contents .news_list li .text a:hover {
        text-decoration: underline;
    }

    .apac_contents .news_list li.bulletin .label .category::before {
        content: '';
        width: 21px;
        height: 23px;
        background-color: #fff;
        -webkit-mask: var(--icon-bulletin);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11.5px);
        left: 20px;
    }

    .apac_contents .news_list li.media .label .category::before {
        content: '';
        width: 26px;
        height: 24px;
        background-color: #fff;
        -webkit-mask: var(--icon-media);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 12px);
        left: 18px;
    }

    .apac_contents .news_list li.event .label .category::before {
        content: '';
        width: 23px;
        height: 21px;
        background-color: #fff;
        -webkit-mask: var(--icon-event);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 10.5px);
        left: 18px;
    }

    .apac_contents .news_list li.press .label .category::before {
        content: '';
        width: 26px;
        height: 23px;
        background-color: #fff;
        -webkit-mask: var(--icon-press);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11.5px);
        left: 18px;
    }

    .apac_contents .news_list li.product .label .category::before {
        content: '';
        width: 20px;
        height: 26px;
        background-color: #fff;
        -webkit-mask: var(--icon-product);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 13px);
        left: 20px;
    }

    .apac_contents .news_list li.alert .label .category::before {
        content: '';
        width: 20px;
        height: 26px;
        background-color: #fff;
        -webkit-mask: var(--icon-alert);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 13px);
        left: 20px;
    }

    .apac_contents .news_list li.membership .label .category::before {
        content: '';
        width: 20px;
        height: 26px;
        background-color: #fff;
        -webkit-mask: var(--icon-membership);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 13px);
        left: 20px;
    }

    .apac_contents .news_list li.other .label .category::before {
        content: '';
        width: 20px;
        height: 26px;
        background-color: #fff;
        -webkit-mask: var(--icon-other);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 13px);
        left: 20px;
    }

    .apac_contents .latest_news .btn_see_more {
        margin: 0 auto;
        width: 320px;
        height: 50px;
        border-radius: 25px;
        background: #009ee0;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        border: 1px #009ee0 solid;
        position: relative;
        transition: var(--transition-normal);
    }

    .apac_contents .latest_news .btn_see_more span {
        font-size: calc(18px * 1.75);
        transform: scale(0.571);
        font-weight: bold;
        line-height: 1;
    }

    .apac_contents .latest_news .btn_see_more::after {
        content: '';
        width: 7px;
        height: 12px;
        background-color: #fff;
        -webkit-mask: var(--icon-arrow-link);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 6px);
        right: 20px;
    }

    .apac_contents .latest_news .btn_see_more:hover {
        background: #0088cc;
        color: #fff;
        border: 1px #0088cc solid;
    }

    .apac_contents .latest_news .btn_see_more:hover::after {
        background-color: #fff;
    }





}