@charset "UTF-8";
/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
.l-wrapper {
    position: relative;
}

/* ---------------------------------------------
*   l-header
--------------------------------------------- */
.l-header {
    width: 100%;
    padding-block: 24px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
@media screen and (max-width: 750px) {
    .l-header {
        padding-block: 16px;
    }
}
.l-header__container {
    width: 100%;
    margin-inline: auto;
    padding-inline: 32px 27px;
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 750px) {
    .l-header__container {
        padding-inline: 15px 18px;
    }
}
@media (hover: hover) and (pointer: fine) {
    .l-header__logo {
        transition: opacity 300ms;
    }
    .l-header__logo:hover {
        opacity: 0.5;
    }
}

/*  l-header-link
--------------------------------------------- */
.l-header-link {
    margin-top: -8px;
    display: flex;
    align-items: center;
    gap: 9px;
}
@media screen and (max-width: 750px) {
    .l-header-link {
        margin-top: -3px;
    }
}
.l-header-link__txt {
    color: #fff;
    font-size: 0.6875rem;
    letter-spacing: 0.1em;
    font-family: "UniversNextPro-Cond", "meiryo", sans-serif;
}
@media screen and (max-width: 750px) {
    .l-header-link__txt {
        font-size: 0.6875rem;
    }
}
.l-header-link__list {
    display: flex;
    gap: 16px;
}
@media (hover: hover) and (pointer: fine) {
    .l-header-link__item {
        transition: opacity 300ms;
    }
    .l-header-link__item:hover {
        opacity: 0.5;
    }
}

/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
.l-contents {
    font-feature-settings: "palt" 1;
}

/* ---------------------------------------------
*   l-footer
--------------------------------------------- */
.l-footer {
    padding-block: 43px 32px;
    background-color: #404040;
    margin-top: -0.0694444444vw;
}
@media screen and (max-width: 750px) {
    .l-footer {
        margin-top: 0;
        padding-block: 10.6666666667vw 23.4666666667vw;
    }
}
.l-footer__container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.l-footer__logo {
    display: block;
    width: 232px;
    margin-bottom: 38px;
}
@media screen and (max-width: 750px) {
    .l-footer__logo {
        width: 61.8666666667vw;
        margin-bottom: 12.8vw;
    }
}
.l-footer__logo img {
    width: 100%;
}
.l-footer__copyright {
    color: #fff;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    font-family: "UniversNextPro-MediumCond", "meiryo", sans-serif;
}
@media screen and (max-width: 750px) {
    .l-footer__copyright {
        font-size: 3.2vw;
    }
}

/*  l-footer-list
--------------------------------------------- */
.l-footer-list {
    margin-bottom: 33px;
    display: flex;
    gap: 25px;
}
@media screen and (max-width: 750px) {
    .l-footer-list {
        margin-bottom: 8vw;
        gap: 6.9333333333vw;
    }
}
.l-footer-list__link {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .l-footer-list__link {
        transition: opacity 300ms;
    }
    .l-footer-list__link:hover {
        opacity: 0.5;
    }
}
@media screen and (max-width: 750px) {
    .l-footer-list__link {
        width: 5.8666666667vw;
    }
}
@media screen and (max-width: 750px) {
    .l-footer-list__link img {
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-block-1
--------------------------------------------- */
.c-block-1 {
    display: grid;
    grid-template-columns: 66px 1fr;
    align-items: center;
    -moz-column-gap: 26px;
         column-gap: 26px;
}
@media screen and (max-width: 750px) {
    .c-block-1 {
        grid-template-columns: 16vw 1fr;
        -moz-column-gap: 5.8666666667vw;
             column-gap: 5.8666666667vw;
    }
}
.c-block-1:not(.c-block-1--type2) {
    -moz-column-gap: 6.2111801242%;
         column-gap: 6.2111801242%;
}
@media screen and (min-width: 751px) {
    .c-block-1:not(.c-block-1--type2).c-block-1--2, .c-block-1:not(.c-block-1--type2).c-block-1--9 {
        transform: translateX(6px);
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--type2 {
        -moz-column-gap: 4.2666666667vw;
             column-gap: 4.2666666667vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--type2.c-block-1--3 {
        margin-left: -2.6666666667vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--type2.c-block-1--4 {
        margin-left: -2.1333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--type2.c-block-1--5 {
        margin-left: -2.1333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--type2.c-block-1--6 {
        margin-left: -2.1333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--type2.c-block-1--7 {
        margin-left: -2.1333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--type2.c-block-1--8 {
        margin-left: -2.6666666667vw;
        -moz-column-gap: 3.2vw;
             column-gap: 3.2vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--type2.c-block-1--9 {
        margin-left: -1.3333333333vw;
        -moz-column-gap: 2.6666666667vw;
             column-gap: 2.6666666667vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--type2.c-block-1--10 {
        margin-left: -3.2vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--type2.c-block-1--11 {
        margin-left: -2.6666666667vw;
    }
}
.c-block-1__icon {
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-block-1__icon {
        margin-inline: auto;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--1 .c-block-1__icon {
        width: 13.3333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--2 .c-block-1__icon {
        width: 12vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--3 .c-block-1__icon {
        width: 11.7333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--4 .c-block-1__icon {
        width: 12.8vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--5 .c-block-1__icon {
        width: 11.2vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--6 .c-block-1__icon {
        width: 13.8666666667vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--7 .c-block-1__icon {
        width: 13.3333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--8 .c-block-1__icon {
        width: 8vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--9 .c-block-1__icon {
        width: 16vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--9.c-block-1--type2 .c-block-1__icon {
        width: 12.8vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--10 .c-block-1__icon {
        width: 9.8666666667vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--11 .c-block-1__icon {
        width: 12.8vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1__icon img {
        width: 100%;
    }
}
.c-block-1__txt-wrap {
    margin-top: 3px;
}
@media screen and (max-width: 750px) {
    .c-block-1__txt-wrap {
        margin-top: 0.8vw;
    }
}
.c-block-1__txt {
    margin-bottom: 3px;
    font-size: 1rem;
    font-family: "UniversNextPro-Cond", "meiryo", sans-serif;
}
@media screen and (max-width: 750px) {
    .c-block-1__txt {
        margin-bottom: 0;
        font-size: 4.8vw;
        line-height: normal;
    }
}
.c-block-1--type2 .c-block-1__txt {
    font-size: 1.25rem;
}
@media screen and (max-width: 750px) {
    .c-block-1--type2 .c-block-1__txt {
        font-size: 4.8vw;
    }
}
@media screen and (min-width: 751px) {
    .c-block-1--9:not(.c-block-1--type2) .c-block-1__txt {
        white-space: nowrap;
    }
}
@media screen and (min-width: 751px) {
    .c-block-1__txt-jp {
        font-size: 0.75rem;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1__txt-jp {
        font-size: 3.4666666667vw;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1--type2 .c-block-1__txt-jp {
        display: block;
        font-size: 3.4666666667vw;
    }
}

/* ---------------------------------------------
*   c-block-2
--------------------------------------------- */
.c-block-2 {
    max-width: 400px;
    margin-inline: auto;
    margin-top: 30px;
}
.c-block-2__img {
    margin-bottom: 45px;
}
.c-block-2__controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 46px;
}
.c-block-2__timer {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    color: #fff;
}
.c-block-2__timer #timer, .c-block-2__timer #duration {
    font-size: 0.875rem;
    font-family: "UniversNextPro-MediumCond", "meiryo", sans-serif;
    line-height: 1;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
    .c-block-2__timer #timer, .c-block-2__timer #duration {
        font-size: 0.625rem;
    }
}
.c-block-2__ttl-wrap {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    color: #fff;
}
@media screen and (max-width: 750px) {
    .c-block-2__ttl-wrap {
        margin-bottom: 22px;
    }
}
.c-block-2__playing-wrap {
    height: 18px;
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3px;
}
@media screen and (max-width: 750px) {
    .c-block-2__playing-wrap {
        margin-top: 1px;
    }
}
.c-block-2__playing {
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #fff;
    transition: all 0.2s ease;
    transform-origin: 50% 50%;
    border-radius: 10px;
    transform: scaleY(0.2);
}
.is-active .c-block-2__playing {
    animation: wavy 1s ease infinite forwards;
}

.c-block-2__playing:nth-child(1) {
    animation-delay: 0.2s;
}
.c-block-2__playing:nth-child(2) {
    animation-delay: 0.4s;
}
.c-block-2__playing:nth-child(3) {
    animation-delay: 0.6s;
}
.c-block-2__playing:nth-child(4) {
    animation-delay: 0.8s;
}
.c-block-2__playing:nth-child(5) {
    animation-delay: 1s;
}
.c-block-2__playing:nth-child(6) {
    animation-delay: 1.2s;
}
.c-block-2__playing:nth-child(7) {
    animation-delay: 1.4s;
}
.c-block-2__playing:nth-child(8) {
    animation-delay: 1.6s;
}
@keyframes wavy {
    0% {
        transform: scaleY(0.2);
    }
    50% {
        transform: scaleY(1);
    }
    100% {
        transform: scaleY(0.2);
    }
}
.c-block-2__play-btn {
    background: url(/contents/ATH-TWX7/img/icon_play.svg) no-repeat 0 0/contain;
    width: 33px;
    aspect-ratio: 22/25;
    cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
    .c-block-2__play-btn {
        transition: opacity 300ms;
    }
    .c-block-2__play-btn:hover {
        opacity: 0.5;
    }
}
.c-block-2__pause-btn {
    background: url(/contents/ATH-TWX7/img/icon_pause.svg) no-repeat 0 0/contain;
    width: 33px;
    display: none;
    aspect-ratio: 22/25;
    cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
    .c-block-2__pause-btn {
        transition: opacity 300ms;
    }
    .c-block-2__pause-btn:hover {
        opacity: 0.5;
    }
}
.c-block-2__prev-btn {
    background: url(/contents/ATH-TWX7/img/icon_prev.svg) no-repeat 0 0/contain;
    width: 46px;
    aspect-ratio: 46/25;
    cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
    .c-block-2__prev-btn {
        transition: opacity 300ms;
    }
    .c-block-2__prev-btn:hover {
        opacity: 0.5;
    }
}
.c-block-2__next-btn {
    background: url(/contents/ATH-TWX7/img/icon_next.svg) no-repeat 0 0/contain;
    width: 46px;
    aspect-ratio: 46/25;
    cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
    .c-block-2__next-btn {
        transition: opacity 300ms;
    }
    .c-block-2__next-btn:hover {
        opacity: 0.5;
    }
}
.c-block-2__btn-wrap {
    width: 33px;
    height: 38px;
}
.c-block-2__bar {
    height: 8px;
    margin-top: -10px;
    margin-bottom: 15px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50em;
    overflow: hidden;
}
.c-block-2__progress {
    width: 0;
    height: 100%;
    background-color: #fff;
}
.c-block-2 #track {
    font-size: 1.5rem;
    font-family: "UniversNextPro-MediumCond", "meiryo", sans-serif;
}
@media screen and (max-width: 750px) {
    .c-block-2 #track {
        font-size: 1.0625rem;
    }
}

/* ---------------------------------------------
*   c-btn-1
--------------------------------------------- */
.c-btn-1 {
    display: grid;
    place-content: center;
    width: 215px;
    height: 43px;
    color: #fff;
    font-size: 1rem;
    letter-spacing: 0.03em;
    border: 1px solid #fff;
    border-radius: 50em;
    font-family: "FP-ヒラギノ角ゴ ProN W6", "meiryo", sans-serif;
}
@media (hover: hover) and (pointer: fine) {
    .c-btn-1 {
        transition: opacity 300ms;
    }
    .c-btn-1:hover {
        opacity: 0.5;
    }
}
@media screen and (max-width: 750px) {
    .c-btn-1 {
        width: 56.5333333333vw;
        height: 11.4666666667vw;
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-cassette-1
--------------------------------------------- */
.c-cassette-1 {
    padding-block: 112px 118px;
}
@media screen and (max-width: 750px) {
    .c-cassette-1 {
        padding-block: 20vw;
    }
}
.c-cassette-1:nth-of-type(odd) {
    background-color: rgba(190, 178, 167, 0.5);
}

/* ---------------------------------------------
*   c-cassette-2
--------------------------------------------- */
.c-cassette-2:not(:last-of-type) {
    margin-bottom: 100px;
}
@media screen and (max-width: 750px) {
    .c-cassette-2:not(:last-of-type) {
        margin-bottom: 14.9333333333vw;
    }
}
.c-cassette-2__container {
    max-width: 1440px;
    margin-inline: auto;
    display: flex;
}
@media screen and (max-width: 750px) {
    .c-cassette-2__container {
        flex-direction: column;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-2:nth-of-type(odd):not(.c-cassette-2--8):not(.c-cassette-2--10) .c-cassette-2__container, .c-cassette-2--9 .c-cassette-2__container, .c-cassette-2--11 .c-cassette-2__container {
        flex-direction: row-reverse;
        margin-left: auto;
    }
}
.c-cassette-2__img {
    max-width: 720px;
    margin-left: initial;
    padding-block: 4.5138888889%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 751px) {
    .c-cassette-2__img {
        margin-right: max(-10.0694444444%, -145px);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-2__img {
        margin-bottom: 4vw;
        padding-block: 0;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-2:nth-of-type(odd):not(.c-cassette-2--8):not(.c-cassette-2--10) .c-cassette-2__img, .c-cassette-2--9 .c-cassette-2__img, .c-cassette-2--11 .c-cassette-2__img {
        margin-left: -145px;
        margin-right: 0;
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-2__img.swiper {
        padding-bottom: 5.3333333333vw;
    }
}
@media screen and (max-width: 499px) {
    .c-cassette-2__img.swiper {
        padding-bottom: 7.4666666667vw;
    }
}
.c-cassette-2__img .swiper-slide {
    width: 100% !important;
}
.c-cassette-2__img .swiper-horizontal > .swiper-pagination-bullets, .c-cassette-2__img .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 30px;
}
@media screen and (max-width: 750px) {
    .c-cassette-2__img .swiper-horizontal > .swiper-pagination-bullets, .c-cassette-2__img .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 0;
    }
}
.c-cassette-2__img .swiper-pagination-bullet {
    margin-inline: 0.4861111111vw !important;
    background-color: rgba(0, 0, 0, 0.8);
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-2__img .swiper-pagination-bullet {
        transition: opacity 300ms;
    }
    .c-cassette-2__img .swiper-pagination-bullet:hover {
        opacity: 0.5;
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-2__img .swiper-pagination-bullet {
        margin-inline: 1.6% !important;
        width: 1.6vw;
        height: 1.6vw;
    }
}
@media screen and (max-width: 499px) {
    .c-cassette-2__img .swiper-pagination-bullet {
        margin-inline: 1.8666666667% !important;
        width: 2.1333333333vw;
        height: 2.1333333333vw;
    }
}
.c-cassette-2__img .swiper-pagination-bullet-active {
    background-color: #e56661;
}
.c-cassette-2__txt-wrap {
    margin-right: 10px;
    padding-top: 10.2083333333%;
    padding-inline: 14.7222222222% 6.1111111111%;
    background-color: #fff;
    border-radius: 20px;
}
@media screen and (min-width: 751px) {
    .c-cassette-2__txt-wrap {
        width: 55.5555555556%;
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-2__txt-wrap {
        margin-inline: 4%;
        padding: 8vw 0 8vw 6.6666666667%;
        border-radius: 5.3333333333vw;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-2:nth-of-type(odd):not(.c-cassette-2--3):not(.c-cassette-2--5):not(.c-cassette-2--8):not(.c-cassette-2--10) .c-cassette-2__txt-wrap, .c-cassette-2--9 .c-cassette-2__txt-wrap, .c-cassette-2--11 .c-cassette-2__txt-wrap {
        margin-left: 10px;
        margin-right: 0;
        padding-inline: 4.5138888889% 16.3194444444%;
    }
}
.c-cassette-2__txt-wrap--brown {
    background-color: rgba(190, 178, 167, 0.5);
}
@media screen and (min-width: 751px) {
    .c-cassette-2--2 .c-cassette-2__txt-wrap {
        padding-top: 11.1111111111%;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-2--3 .c-cassette-2__txt-wrap {
        margin-left: 10px;
        margin-right: 0;
        padding-top: 9.5833333333%;
        padding-inline: 4.5138888889% 13.3333333333%;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-2--4 .c-cassette-2__txt-wrap {
        padding-top: 9.5833333333%;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-2--5 .c-cassette-2__txt-wrap {
        margin-left: 10px;
        margin-right: 0;
        padding-top: 8.8888888889%;
        padding-inline: 4.5138888889% 13.8888888889%;
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-2--5 .c-cassette-2__txt-wrap {
        padding-inline: 4.8vw 0;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-2--6 .c-cassette-2__txt-wrap {
        padding-top: 8.1944444444%;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-2--8 .c-cassette-2__txt-wrap {
        padding-top: 12.7777777778%;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-2--9 .c-cassette-2__txt-wrap {
        padding-inline: 4.5138888889% 13.1944444444%;
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-2--9 .c-cassette-2__txt-wrap {
        padding-left: 4.8%;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-2--10 .c-cassette-2__txt-wrap {
        padding-top: 12.7777777778%;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-2--11 .c-cassette-2__txt-wrap {
        padding-top: 10.6944444444%;
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-2--11 .c-cassette-2__txt-wrap {
        padding-left: 5.3333333333%;
    }
}
.c-cassette-2__ttl {
    margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
    .c-cassette-2__ttl {
        margin-bottom: 5.8666666667vw;
    }
}
.c-cassette-2__txt-main {
    margin-bottom: 30px;
    font-size: 1.5rem;
    letter-spacing: 0.2em;
    line-height: 1.5;
}
@media screen and (max-width: 750px) {
    .c-cassette-2__txt-main {
        margin-bottom: 2.6666666667vw;
        font-size: 4.8vw;
    }
}
.c-cassette-2__txt-main-inner {
    display: inline-block;
}
.c-cassette-2__txt {
    max-width: 507px;
}
@media screen and (max-width: 750px) {
    .c-cassette-2__txt {
        width: 92.1875%;
    }
}
.mac.safari .c-cassette-2__txt {
    max-width: 510px;
}

.c-cassette-2__detail {
    margin-top: 22px;
    display: grid;
    grid-template-columns: 93px 1fr;
    gap: 19px;
}
@media screen and (max-width: 750px) {
    .c-cassette-2__detail {
        margin-top: 13.3333333333vw;
        margin-left: 1.6vw;
        grid-template-columns: 22.6666666667vw 1fr;
        gap: 3.2vw;
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-2__detail-img img {
        width: 100%;
    }
}
.c-cassette-2__txt-note {
    margin-top: 12px;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
    .c-cassette-2__txt-note {
        margin-top: 3.2vw;
        font-size: 3.2vw;
        line-height: 1.75;
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-2--5 .c-cassette-2__txt-note {
        margin-top: 0;
        max-width: 78.6666666667vw;
    }
}
.c-cassette-2__detail .c-cassette-2__txt-note {
    max-width: 290px;
    margin-top: 38px;
}
@media screen and (max-width: 750px) {
    .c-cassette-2__detail .c-cassette-2__txt-note {
        margin-top: 11.7845117845%;
    }
}

/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.c-kv {
    display: grid;
    place-content: center;
    height: 100vh;
    position: relative;
}
@media screen and (max-width: 750px) {
    .c-kv {
        min-height: 100svh;
    }
}
@media screen and (max-width: 750px) and (orientation: landscape) {
    .c-kv {
        height: auto;
        aspect-ratio: 375/667;
    }
}
@media screen and (max-width: 750px) {
    .windows .c-kv, .mac .c-kv {
        height: 177.8666666667vw;
    }
}

@media (orientation: portrait) {
    .ipad .c-kv {
        min-height: 115svh;
    }
}

@media screen and (min-width: 750px) and (orientation: landscape) {
    .android .c-kv {
        height: auto;
        aspect-ratio: 16/9;
    }
}
@media screen and (max-width: 750px) {
    .android .c-kv {
        min-height: 100svh;
    }
}

.c-kv__ttl {
    margin-top: 8px;
}
@media screen and (max-width: 750px) {
    .c-kv__ttl {
        width: 86.4vw;
        margin-top: 0.8vw;
        margin-inline: auto;
    }
}
.c-kv__img {
    position: absolute;
    inset: 0;
    z-index: -1;
}
.c-kv__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* ---------------------------------------------
*   c-link-1
--------------------------------------------- */
.c-link-1 {
    display: flex;
    width: 226px;
    aspect-ratio: 226/66;
    background: linear-gradient(118deg, #e56661 0%, #e56661 56.5%, #e0d8d7 56.5%, #e0d8d7 100%);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 5;
}
@media (hover: hover) and (pointer: fine) {
    .c-link-1 {
        transition: opacity 300ms;
    }
    .c-link-1:hover {
        opacity: 0.5;
    }
}
@media screen and (max-width: 750px) {
    .c-link-1 {
        width: 60.2666666667vw;
        border-top-left-radius: 2.6666666667vw;
        border-bottom-left-radius: 2.6666666667vw;
    }
}
.c-link-1__txt-wrap {
    padding: 16px 5px 12px 19px;
}
@media screen and (max-width: 750px) {
    .c-link-1__txt-wrap {
        padding: 4.2666666667vw 1.3333333333vw 3.2vw 5.0666666667vw;
    }
}
.c-link-1__txt1 {
    margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
    .c-link-1__txt1 {
        width: 24.2666666667vw;
        margin-bottom: 2.1333333333vw;
    }
}
.c-link-1__txt1 img {
    display: block;
}
@media screen and (max-width: 750px) {
    .c-link-1__txt1 img {
        width: 100%;
    }
}
.c-link-1__txt2 {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    font-size: 0.8125rem;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
    .c-link-1__txt2 {
        gap: 0.5333333333vw;
        font-size: 3.4666666667vw;
    }
}
.c-link-1__txt2::after {
    content: "";
    display: block;
    width: 10px;
    height: 9px;
    background: url(/contents/ATH-TWX7/img/icon_external-link.svg) no-repeat 0 0/contain;
}
@media screen and (max-width: 750px) {
    .c-link-1__txt2::after {
        width: 2.6666666667vw;
        height: 2.4vw;
    }
}
.c-link-1__img {
    margin-top: -26px;
    margin-left: 3px;
}
@media screen and (max-width: 750px) {
    .c-link-1__img {
        width: 24.8vw;
        margin-top: -6.9333333333vw;
        margin-left: 0.5333333333vw;
    }
    .c-link-1__img img {
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-list-1
--------------------------------------------- */
.c-list-1 {
    margin-inline: auto;
    padding-block: 25px 23px;
    display: flex;
    justify-content: center;
    -moz-column-gap: 36px;
         column-gap: 36px;
}
@media screen and (max-width: 750px) {
    .c-list-1 {
        padding-block: 7.4666666667vw 6.4vw;
        justify-content: space-between;
        gap: 0;
    }
}
.c-list-1__item {
    padding-inline: 20px;
    flex-shrink: 0;
}
@media screen and (max-width: 750px) {
    .c-list-1__item {
        padding-inline: 5.3333333333vw;
    }
}
.c-list-1__link {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .c-list-1__link {
        transition: opacity 300ms;
    }
    .c-list-1__link:hover {
        opacity: 0.5;
    }
}
@media screen and (max-width: 750px) {
    .c-list-1__item:nth-of-type(1) .c-list-1__link {
        width: 11.7333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .c-list-1__item:nth-of-type(2) .c-list-1__link {
        width: 17.6vw;
    }
}
@media screen and (max-width: 750px) {
    .c-list-1__item:nth-of-type(3) .c-list-1__link {
        width: 24vw;
    }
}
.c-list-1__link img {
    display: block;
}
@media screen and (max-width: 750px) {
    .c-list-1__link img {
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-list-2
--------------------------------------------- */
.c-list-2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 58px 22px;
}
@media screen and (max-width: 750px) {
    .c-list-2 {
        display: flex;
        flex-direction: column;
        gap: 9.6vw;
    }
}
.c-list-2__item {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
@media screen and (max-width: 750px) {
    .c-list-2__item {
        row-gap: 2.6666666667vw;
    }
}
.c-list-2__item:nth-of-type(1) {
    grid-area: 1/1/2/3;
}
.c-list-2__item:nth-of-type(2) {
    grid-area: 1/3/2/5;
}
.c-list-2__item:nth-of-type(3) {
    grid-area: 2/1/3/5;
}
.c-list-2__item:nth-of-type(4) {
    grid-area: 3/1/4/3;
}
.c-list-2__item:nth-of-type(5) {
    grid-area: 3/3/4/5;
}
.c-list-2__link {
    display: flex;
    align-items: center;
    gap: 12px;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    letter-spacing: 0.2em;
    font-family: "FP-ヒラギノ角ゴ ProN W6", "meiryo", sans-serif;
}
@media (hover: hover) and (pointer: fine) {
    .c-list-2__link {
        transition: opacity 300ms;
    }
    .c-list-2__link:hover {
        opacity: 0.5;
    }
}
@media screen and (max-width: 750px) {
    .c-list-2__link {
        width: 100%;
        justify-content: space-between;
        font-size: 3.7333333333vw;
    }
}
.c-list-2__link::after {
    content: "";
    display: inline-block;
    width: 10px;
    aspect-ratio: 10/5;
    background: url(/contents/ATH-TWX7/img/icon_arrow.svg) no-repeat center/contain;
}
@media screen and (max-width: 750px) {
    .c-list-2__link::after {
        width: 3.2vw;
        margin-top: 1.3333333333vw;
        margin-right: 4vw;
    }
}
.c-list-2__contents-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    padding-top: 18px;
    position: relative;
}
@media screen and (max-width: 750px) {
    .c-list-2__contents-list {
        padding-top: 6.1333333333vw;
        grid-template-columns: 1fr;
        gap: 8.2666666667vw;
    }
}
.c-list-2__contents-list::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #A5A5A5;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (min-width: 751px) {
    .c-list-2__contents-list--col4 {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 751px) {
    .c-list-2__contents-list--col4::before {
        width: 74.8091603053%;
    }
}
@media screen and (min-width: 751px) {
    .c-list-2__contents-list--col4 .c-list-2__contents-item:last-of-type {
        margin-left: 11px;
    }
}

/* ---------------------------------------------
*   c-list-3
--------------------------------------------- */
.c-list-3 {
    display: grid;
    grid-template-columns: 102px 100px;
    gap: 14px;
}
@media screen and (max-width: 750px) {
    .c-list-3 {
        grid-template-columns: 27.2vw 26.6666666667vw;
        justify-content: center;
        gap: 3.7333333333vw;
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-list-3__item {
        transition: opacity 300ms;
    }
    .c-list-3__item:hover {
        opacity: 0.5;
    }
}

/* ---------------------------------------------
*   c-list-4
--------------------------------------------- */
.c-list-4 {
    display: flex;
    gap: 20px;
}
@media screen and (max-width: 750px) {
    .c-list-4 {
        gap: 5.3333333333vw;
    }
}
.c-list-4__item {
    width: 24px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 1px solid #D8D8D8;
}
@media screen and (max-width: 750px) {
    .c-list-4__item {
        width: 6.4vw;
    }
}
.c-list-4__item:nth-of-type(1) {
    background-color: #fff;
}
.c-list-4__item:nth-of-type(2) {
    background-color: #000;
}
.c-list-4__item:nth-of-type(3) {
    background-color: #808080;
}

/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1 {
    padding-block: 98px 160px;
    background-color: #9F9186;
}
@media screen and (max-width: 750px) {
    .c-section-1 {
        padding-block: 19.2vw 21.3333333333vw;
    }
}
.c-section-1__container {
    max-width: 1120px;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-1__container {
        padding-inline: 3.2vw;
    }
}
.c-section-1__ttl {
    flex-shrink: 0;
}
@media screen and (max-width: 750px) {
    .c-section-1__ttl {
        width: 2.1333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .c-section-1__ttl img {
        width: 100%;
    }
}
.c-section-1 span.c-section-1__ttl {
    display: block;
}
.c-section-1 span.c-section-1__ttl img {
    vertical-align: top;
}
.c-section-1__contents-wrap {
    display: flex;
    align-items: center;
    -moz-column-gap: 45px;
         column-gap: 45px;
}
@media screen and (max-width: 750px) {
    .c-section-1__contents-wrap {
        -moz-column-gap: 3.7333333333vw;
             column-gap: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-2
--------------------------------------------- */
.c-section-2__container {
    max-width: 1330px;
    margin-inline: auto;
    padding: 120px 10px 116px;
}
@media screen and (max-width: 750px) {
    .c-section-2__container {
        padding: 18.4vw 4vw 22.9333333333vw;
    }
}
.c-section-2__head {
    margin-bottom: 38px;
}
@media screen and (max-width: 750px) {
    .c-section-2__head {
        margin-bottom: 10.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-3
--------------------------------------------- */
.c-section-3__container {
    max-width: 1440px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 750px) {
    .c-section-3__container {
        grid-template-columns: 1fr;
    }
}
.c-section-3__txt-wrap {
    display: grid;
    place-content: center;
}
@media screen and (max-width: 750px) {
    .c-section-3__txt-wrap {
        width: 90.4%;
        margin-inline: auto;
        padding-block: 12.5333333333vw 21.3333333333vw;
    }
}
.c-section-3__contents-inner {
    width: 490px;
}
@media screen and (min-width: 751px) {
    .c-section-3__contents-inner {
        transform: translate(30px, -16px);
    }
}
@media screen and (max-width: 750px) {
    .c-section-3__contents-inner {
        width: 100%;
    }
}
.c-section-3__ttl {
    margin-bottom: 33px;
}
@media screen and (max-width: 750px) {
    .c-section-3__ttl {
        margin-bottom: 10.6666666667vw;
    }
}
.c-section-3__txt-main {
    margin-bottom: 28px;
    font-size: 1.5rem;
    letter-spacing: 0.2em;
}
@media screen and (max-width: 750px) {
    .c-section-3__txt-main {
        font-size: 4.8vw;
        line-height: 1.7777777778;
    }
}
@media screen and (min-width: 751px) {
    .c-section-3__txt {
        max-width: 334px;
    }
}
.c-section-3__contents-wrap {
    margin-bottom: 32px;
    display: flex;
    gap: 20px;
}
@media screen and (max-width: 750px) {
    .c-section-3__contents-wrap {
        margin-bottom: 8vw;
        gap: 4%;
    }
}
.c-section-3__icon {
    width: 70px;
    flex-shrink: 0;
}
@media screen and (max-width: 750px) {
    .c-section-3__icon {
        width: 21.5384615385%;
        margin-inline: auto;
    }
}
.c-section-3__icon img {
    width: 100%;
}
.c-section-3__list {
    margin-bottom: 28px;
}
@media screen and (max-width: 750px) {
    .c-section-3__list {
        margin-bottom: 4.8vw;
    }
}
.c-section-3__txt-note {
    max-width: 392px;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
    .c-section-3__txt-note {
        max-width: 100%;
        font-size: 3.2vw;
        text-align: justify;
        margin-inline: auto;
    }
}
@media screen and (max-width: 750px) {
    .c-section-3__txt-note--s {
        letter-spacing: 0.1em;
    }
}

/* ---------------------------------------------
*   c-section-4
--------------------------------------------- */
.c-section-4 {
    padding-bottom: 9px;
    background: linear-gradient(118deg, #5C5045 0%, #5C5045 56%, #9F9186 56%, #9F9186 100%);
}
@media screen and (max-width: 750px) {
    .c-section-4 {
        padding-block: 10.1333333333vw 16vw;
        background: linear-gradient(-27.5deg, #5C5045 0%, #5C5045 62%, #9F9186 62%, #9F9186 100%);
    }
}
.c-section-4__container {
    max-width: 620px;
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-section-4__container {
        display: grid;
        grid-template-columns: 1fr 336px;
    }
}
@media screen and (max-width: 750px) {
    .c-section-4__container {
        display: flex;
        flex-direction: column-reverse;
    }
}
@media screen and (min-width: 751px) {
    .c-section-4__img {
        transform: translate(8px, -5px);
    }
}
@media screen and (max-width: 750px) {
    .c-section-4__img {
        width: 68.5333333333vw;
        margin-inline: auto;
    }
}
.c-section-4__txt-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media screen and (min-width: 751px) {
    .c-section-4__txt-wrap {
        margin-top: 64px;
        margin-left: -47px;
    }
}
@media screen and (max-width: 750px) {
    .c-section-4__txt-wrap {
        margin-top: -2.1333333333vw;
    }
}
.c-section-4__txt {
    margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
    .c-section-4__txt {
        width: 48.5333333333vw;
        margin-bottom: 6.6666666667vw;
    }
}
.c-section-4__txt img {
    display: block;
}
@media screen and (max-width: 750px) {
    .c-section-4__txt img {
        width: 100%;
    }
}
.c-section-4__txt-sub {
    display: block;
    margin-bottom: 6px;
    color: #fff;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    font-family: "FP-ヒラギノ角ゴ ProN W3", "meiryo", sans-serif;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-section-4__txt-sub {
        margin-bottom: 2.1333333333vw;
        font-size: 3.7333333333vw;
    }
}
.c-section-4__list {
    margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
    .c-section-4__list {
        margin-bottom: 8vw;
    }
}

/* ---------------------------------------------
*   c-tabs
--------------------------------------------- */
.c-tabs-wrap {
    margin-block: 60px 106px;
}
@media screen and (max-width: 750px) {
    .c-tabs-wrap {
        margin-block: 9.0666666667vw 5.3333333333vw;
    }
}

.c-tabs__inner {
    max-width: 1330px;
    margin-inline: auto;
    padding-inline: 10px;
}
@media screen and (max-width: 750px) {
    .c-tabs__inner {
        padding-inline: 0;
    }
}
.c-tabs__tab-list {
    margin-bottom: 26px;
    display: flex;
    gap: 74px;
}
@media screen and (max-width: 750px) {
    .c-tabs__tab-list {
        margin-bottom: 5.3333333333vw;
        padding-inline: 5.8666666667vw 4vw;
        gap: 9.8666666667vw;
    }
}
.c-tabs__tab {
    flex-shrink: 0;
}
@media screen and (max-width: 750px) {
    .c-tabs__tab:nth-of-type(1) {
        width: 14.9333333333vw;
    }
}
.c-tabs__tab:nth-of-type(2) {
    transform: translateY(3px);
}
@media screen and (max-width: 750px) {
    .c-tabs__tab:nth-of-type(2) {
        width: 16.5333333333vw;
        transform: translateY(0.8vw);
    }
}
.c-tabs__tab:nth-of-type(3) {
    transform: translateY(3px);
}
@media screen and (max-width: 750px) {
    .c-tabs__tab:nth-of-type(3) {
        width: 32.5333333333vw;
        transform: translateY(0.8vw);
    }
}
.c-tabs__tab img {
    vertical-align: top;
}
@media screen and (max-width: 750px) {
    .c-tabs__tab img {
        width: 100%;
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-tabs__tab:not(.c-tabs__tab.is-current) {
        transition: opacity 300ms;
    }
    .c-tabs__tab:not(.c-tabs__tab.is-current):hover {
        opacity: 0.5;
    }
}
.c-tabs__tab:not(.c-tabs__tab.is-current) img {
    opacity: 0.2;
}
.c-tabs__tab.is-current {
    pointer-events: none;
}

.c-tabs__img {
    display: block;
    margin-bottom: 14px;
}
@media screen and (max-width: 750px) {
    .c-tabs__img {
        margin-bottom: 3.7333333333vw;
    }
}
.c-tabs__txt {
    display: block;
    color: #000;
    font-size: 1.25rem;
    letter-spacing: 0.05em;
    text-align: left;
    font-family: "UniversNextPro-Cond", "meiryo", sans-serif;
}
@media screen and (max-width: 750px) {
    .c-tabs__txt {
        font-size: 5.3333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .c-tabs .swiper {
        padding-inline: 4vw;
    }
}
@media screen and (min-width: 751px) {
    .c-tabs .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 16px;
    }
}

/* ---------------------------------------------
*   c-ttl-1
--------------------------------------------- */
.c-ttl-1 {
    font-size: 1.75rem;
    letter-spacing: 0.3em;
    line-height: 1.7142857143;
    text-align: center;
    position: relative;
    font-family: "FP-ヒラギノ角ゴ ProN W6", "meiryo", sans-serif;
}
@media screen and (max-width: 750px) {
    .c-ttl-1 {
        font-size: 4.8vw;
        line-height: 1.7777777778;
    }
}
.c-ttl-1::after {
    content: "";
    display: block;
    margin-inline: auto;
    width: 1px;
    background-color: #000;
    margin-top: 37px;
    height: 88px;
}
@media screen and (max-width: 750px) {
    .c-ttl-1::after {
        height: 8.5333333333vw;
        margin-top: 5.3333333333vw;
    }
}
.c-ttl-1--white {
    color: #fff;
    font-family: "FP-ヒラギノ角ゴ ProN W3", "meiryo", sans-serif;
}
.c-ttl-1--white::after {
    background-color: #fff;
}

/* ---------------------------------------------
*   c-ttl-2
--------------------------------------------- */
.c-ttl-2 {
    margin-bottom: 20px;
    line-height: normal;
}
@media screen and (max-width: 750px) {
    .c-ttl-2 {
        margin-bottom: 5.3333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .c-ttl-2--features {
        width: 44.8vw;
    }
}
.c-ttl-2--application {
    margin-bottom: 16px;
}
@media screen and (max-width: 750px) {
    .c-ttl-2--application {
        width: 61.0666666667vw;
        margin-bottom: 4vw;
    }
}
.c-ttl-2 img {
    vertical-align: top;
}
@media screen and (max-width: 750px) {
    .c-ttl-2 img {
        width: 100%;
    }
}
.c-ttl-2__jp {
    font-size: 0.8125rem;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
    .c-ttl-2__jp {
        font-size: 3.4666666667vw;
    }
}

/* ---------------------------------------------
*   c-txt-1
--------------------------------------------- */
.c-txt-1 {
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    line-height: 1.5;
}
@media screen and (max-width: 750px) {
    .c-txt-1 {
        font-size: 3.7333333333vw;
    }
}
.c-txt-1--justify {
    text-align: justify;
}

/* ---------------------------------------------
*   c-modal
--------------------------------------------- */
.c-modal {
    display: none;
}
.c-modal.is-open {
    display: block;
}
.c-modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
}
@media screen and (max-width: 750px) {
    .c-modal__inner {
        max-height: 100dvh;
    }
}
@media screen and (max-width: 750px) and (orientation: landscape) {
    .c-modal__inner {
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        height: auto;
    }
}
@media (orientation: landscape) {
    .android .c-modal__inner {
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        height: auto;
    }
}

.c-modal__container {
    position: relative;
    width: 100%;
    max-height: 100vh;
}
@media screen and (max-width: 750px) and (orientation: landscape) {
    .c-modal__container {
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        height: auto;
        padding-top: 3rem;
    }
}
@media (orientation: landscape) {
    .android .c-modal__container {
        overflow-y: auto;
        overflow-x: hidden;
        width: -moz-fit-content !important;
        width: fit-content !important;
        height: auto;
        margin-inline: auto;
        padding-top: 3rem;
    }
}

.c-modal__close-btn {
    position: absolute;
    top: -2.5rem;
    right: 17.3469387755%;
    cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
    .c-modal__close-btn {
        transition: opacity 300ms;
    }
    .c-modal__close-btn:hover {
        opacity: 0.5;
    }
}
@media screen and (max-width: 750px) {
    .c-modal__close-btn {
        top: -3rem;
        right: 13.7931034483%;
    }
}
@media screen and (max-width: 750px) and (orientation: landscape) {
    .c-modal__close-btn {
        right: 20.6896551724%;
        top: 1rem;
    }
}
@media (orientation: landscape) {
    .android .c-modal__close-btn {
        top: 1rem;
    }
}

@media screen and (max-width: 750px) {
    .mac.safari .c-modal__close-btn {
        right: 10.3448275862%;
    }
}

.c-modal__close-btn::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(/contents/ATH-TWX7/img/icon_close.svg) no-repeat center/contain;
}
@media (hover: hover) and (pointer: fine) {
    .c-modal__btn {
        transition: opacity 300ms;
    }
    .c-modal__btn:hover {
        opacity: 0.5;
    }
}

/*  c-modal-slider
--------------------------------------------- */
.c-modal-slider {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
}
.c-modal-slider .swiper {
    width: 490px;
    padding-inline: 45px;
}
@media screen and (max-width: 750px) {
    .c-modal-slider .swiper {
        width: 390px;
        padding-inline: 0;
    }
}
@media screen and (max-width: 499px) {
    .c-modal-slider .swiper {
        width: 77.3333333333vw;
    }
}
.c-modal-slider .swiper-slide img {
    width: 100%;
}
.c-modal-slider .swiper-button-prev,
.c-modal-slider .swiper-button-next {
    top: 200px;
    width: auto;
    height: auto;
}
@media (hover: hover) and (pointer: fine) {
    .c-modal-slider .swiper-button-prev,
    .c-modal-slider .swiper-button-next {
        transition: opacity 300ms;
    }
    .c-modal-slider .swiper-button-prev:hover,
    .c-modal-slider .swiper-button-next:hover {
        opacity: 0.5;
    }
}
@media screen and (max-width: 750px) {
    .c-modal-slider .swiper-button-prev,
    .c-modal-slider .swiper-button-next {
        top: 50%;
    }
}
.c-modal-slider .swiper-button-prev {
    left: 0;
}
@media screen and (max-width: 750px) {
    .c-modal-slider .swiper-button-prev {
        left: -12vw;
    }
}
.c-modal-slider .swiper-button-next {
    right: 0;
}
@media screen and (max-width: 750px) {
    .c-modal-slider .swiper-button-next {
        right: -12vw;
    }
}
.c-modal-slider .swiper-button-prev::after,
.c-modal-slider .swiper-button-next::after {
    content: "";
    height: 50px !important;
    width: 50px !important;
}
@media screen and (max-width: 750px) {
    .c-modal-slider .swiper-button-prev::after,
    .c-modal-slider .swiper-button-next::after {
        height: 45px !important;
        width: 45px !important;
    }
}
.c-modal-slider .swiper-button-prev::after {
    background: url(/contents/ATH-TWX7/img/icon_slider-arrow.svg) no-repeat center/contain;
}
.c-modal-slider .swiper-button-next::after {
    background: url(/contents/ATH-TWX7/img/icon_slider-arrow.svg) no-repeat center/contain;
    scale: -1 1;
}

/* ---------------------------------------------
*   c-modal-1
--------------------------------------------- */
.c-modal-1 {
    display: none;
}
.c-modal-1.is-open {
    display: block;
}
.c-modal-1[aria-hidden=true] {
    display: none;
}
.c-modal-1__overlay {
    position: fixed;
    inset: 0;
    z-index: 99;
}
.c-modal-1__inner {
    position: relative;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
}
.c-modal-1__container {
    width: min(95%, 1376px);
    max-height: 80vh;
    margin-top: 45px;
    aspect-ratio: 16/9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 750px) {
    .c-modal-1__container {
        top: 45%;
        max-height: 100vh;
    }
}
@media screen and (max-width: 750px) and (orientation: landscape) {
    .c-modal-1__container {
        top: 40%;
        max-height: 60vh;
    }
}
.mac.chrome .c-modal-1__container {
    top: 45%;
}

@media (orientation: landscape) {
    .android .c-modal-1__container {
        margin-top: 2.6666666667vw;
        width: 80vw;
    }
}
@media screen and (max-width: 750px) {
    .android .c-modal-1__container {
        top: 42%;
    }
}

.c-modal-1__movie {
    width: 100%;
    height: 100%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-modal-1__movie {
        width: 95%;
    }
}
.c-modal-1__close-btn {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -46px;
    right: 5px;
    cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
    .c-modal-1__close-btn {
        transition: opacity 300ms;
    }
    .c-modal-1__close-btn:hover {
        opacity: 0.5;
    }
}
@media screen and (max-width: 750px) {
    .c-modal-1__close-btn {
        top: -34px;
    }
}
.c-modal-1__close-btn::before, .c-modal-1__close-btn::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
}
.c-modal-1__close-btn::before {
    rotate: 45deg;
    left: 0;
}
.c-modal-1__close-btn::after {
    rotate: -45deg;
    right: 0;
}
.c-modal-1 iframe {
    width: 100%;
    height: 100%;
}

/* ---------------------------------------------
*   c-modal-2
--------------------------------------------- */
.c-modal-2__sound-list {
    max-width: 536px;
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
    padding-block: 20px 15px;
}
@media screen and (max-width: 750px) {
    .c-modal-2__sound-list {
        flex-direction: column;
        gap: 4.5333333333vw;
        padding-block: 5.3333333333vw 4.8vw;
    }
}
.c-modal-2__btn {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #000;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-family: "FP-ヒラギノ角ゴ ProN W6", "meiryo", sans-serif;
}
@media (hover: hover) and (pointer: fine) {
    .c-modal-2__btn {
        transition: opacity 300ms;
    }
    .c-modal-2__btn:hover {
        opacity: 0.5;
    }
}
@media screen and (max-width: 750px) {
    .c-modal-2__btn {
        gap: 1.3333333333vw;
        font-size: 3.7333333333vw;
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-modal-2__btn {
        will-change: opacity;
    }
}
.c-modal-2__btn::before {
    content: "";
    display: block;
    width: 19px;
    aspect-ratio: 19/16;
    background: url(/contents/ATH-TWX7/img/icon_sound.svg) no-repeat 0 0/contain;
}
@media screen and (max-width: 750px) {
    .c-modal-2__btn::before {
        width: 5.3333333333vw;
        background-size: 5.0666666667vw;
    }
}

/* Modal Animation Style
--------------------------------------------- */
.c-modal[aria-hidden=false] .c-modal__overlay {
    animation: mmfadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal[aria-hidden=false] .c-modal__container {
    animation: mmslideIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal[aria-hidden=true] .c-modal__overlay {
    animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal[aria-hidden=true] .c-modal__container {
    animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal__overlay, .c-modal__container {
    will-change: transform;
}

@keyframes mmfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes mmfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(15%);
    }
}
/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: #fff !important;
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

/* ---------------------------------------------
*   text-align
--------------------------------------------- */
.txt-al-center {
    text-align: center !important;
}

.txt-al-right {
    text-align: right !important;
}

.txt-al-left {
    text-align: left !important;
}

.fontplus-trial-banner {
    display: none;
}

/* フェードインアップ */
span.js-fadein-up {
    display: block;
}

.js-fadein-up {
    opacity: 0;
    transform: translateY(15px);
    transition: transform 0.7s, opacity 0.4s;
}

.js-fadein-up.is-active {
    transform: translateY(0);
    opacity: 1;
}

/* タブ切り替え */
.js-tab-target {
    display: none;
}
.js-tab-target.is-current {
    display: block;
}

@media print and (min-width: 751px), screen and (min-width: 751px) {
    .pc-hide {
        display: none !important;
    }
}
@media print and (max-width: 750px), screen and (max-width: 750px) {
    .sp-hide {
        display: none !important;
    }
}
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: 1.3333333333vw !important;
    }
    .mgt-sp--10 {
        margin-top: 2.6666666667vw !important;
    }
    .mgt-sp--15 {
        margin-top: 4vw !important;
    }
    .mgt-sp--20 {
        margin-top: 5.3333333333vw !important;
    }
    .mgt-sp--25 {
        margin-top: 6.6666666667vw !important;
    }
    .mgt-sp--30 {
        margin-top: 8vw !important;
    }
    .mgt-sp--35 {
        margin-top: 9.3333333333vw !important;
    }
    .mgt-sp--40 {
        margin-top: 10.6666666667vw !important;
    }
    .mgt-sp--45 {
        margin-top: 12vw !important;
    }
    .mgt-sp--50 {
        margin-top: 13.3333333333vw !important;
    }
    .mgt-sp--55 {
        margin-top: 14.6666666667vw !important;
    }
    .mgt-sp--60 {
        margin-top: 16vw !important;
    }
    .mgt-sp--65 {
        margin-top: 17.3333333333vw !important;
    }
    .mgt-sp--70 {
        margin-top: 18.6666666667vw !important;
    }
    .mgt-sp--75 {
        margin-top: 20vw !important;
    }
    .mgt-sp--80 {
        margin-top: 21.3333333333vw !important;
    }
    .mgt-sp--85 {
        margin-top: 22.6666666667vw !important;
    }
    .mgt-sp--90 {
        margin-top: 24vw !important;
    }
    .mgt-sp--95 {
        margin-top: 25.3333333333vw !important;
    }
    .mgt-sp--100 {
        margin-top: 26.6666666667vw !important;
    }
    .mgt-sp--105 {
        margin-top: 28vw !important;
    }
    .mgt-sp--110 {
        margin-top: 29.3333333333vw !important;
    }
    .mgt-sp--115 {
        margin-top: 30.6666666667vw !important;
    }
    .mgt-sp--120 {
        margin-top: 32vw !important;
    }
    .mgt-sp--125 {
        margin-top: 33.3333333333vw !important;
    }
    .mgt-sp--130 {
        margin-top: 34.6666666667vw !important;
    }
    .mgt-sp--135 {
        margin-top: 36vw !important;
    }
    .mgt-sp--140 {
        margin-top: 37.3333333333vw !important;
    }
    .mgt-sp--145 {
        margin-top: 38.6666666667vw !important;
    }
    .mgt-sp--150 {
        margin-top: 40vw !important;
    }
    .mgt-sp--155 {
        margin-top: 41.3333333333vw !important;
    }
    .mgt-sp--160 {
        margin-top: 42.6666666667vw !important;
    }
    .mgt-sp--165 {
        margin-top: 44vw !important;
    }
    .mgt-sp--170 {
        margin-top: 45.3333333333vw !important;
    }
    .mgt-sp--175 {
        margin-top: 46.6666666667vw !important;
    }
    .mgt-sp--180 {
        margin-top: 48vw !important;
    }
    .mgt-sp--185 {
        margin-top: 49.3333333333vw !important;
    }
    .mgt-sp--190 {
        margin-top: 50.6666666667vw !important;
    }
    .mgt-sp--195 {
        margin-top: 52vw !important;
    }
    .mgt-sp--200 {
        margin-top: 53.3333333333vw !important;
    }
    .mgt-sp--205 {
        margin-top: 54.6666666667vw !important;
    }
    .mgt-sp--210 {
        margin-top: 56vw !important;
    }
    .mgt-sp--215 {
        margin-top: 57.3333333333vw !important;
    }
    .mgt-sp--220 {
        margin-top: 58.6666666667vw !important;
    }
    .mgt-sp--225 {
        margin-top: 60vw !important;
    }
    .mgt-sp--230 {
        margin-top: 61.3333333333vw !important;
    }
    .mgt-sp--235 {
        margin-top: 62.6666666667vw !important;
    }
    .mgt-sp--240 {
        margin-top: 64vw !important;
    }
    .mgt-sp--245 {
        margin-top: 65.3333333333vw !important;
    }
    .mgt-sp--250 {
        margin-top: 66.6666666667vw !important;
    }
}
/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 1.3333333333vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 2.6666666667vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 4vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 5.3333333333vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 6.6666666667vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 8vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 9.3333333333vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 10.6666666667vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 12vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 13.3333333333vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 14.6666666667vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 16vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 17.3333333333vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 18.6666666667vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 20vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 21.3333333333vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 22.6666666667vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 24vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 25.3333333333vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 26.6666666667vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 28vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 29.3333333333vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 30.6666666667vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 32vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 33.3333333333vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 34.6666666667vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 36vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 37.3333333333vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 38.6666666667vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 40vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 41.3333333333vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 42.6666666667vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 44vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 45.3333333333vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 46.6666666667vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 48vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 49.3333333333vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 50.6666666667vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 52vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 53.3333333333vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 54.6666666667vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 56vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 57.3333333333vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 58.6666666667vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 60vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 61.3333333333vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 62.6666666667vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 64vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 65.3333333333vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 66.6666666667vw !important;
    }
}