@media (max-width: 767.98px) {
    .impression {
        padding-top: calc(40 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .impression {
        padding-bottom: min(7.5vw, 120px)
    }
}

.impression-title {
    font-weight: 700;
    letter-spacing: .02em
}

@media (max-width: 767.98px) {
    .impression-title {
        margin-bottom: calc(20 * var(--base-font, 1) / 10);
        font-size: calc(27 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .impression-title {
        margin-bottom: min(3.125vw, 50px);
        font-size: min(4.375vw, 70px)
    }
}

.impression-movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    transition-delay: .4s
}

.impression-movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important
}

@media (max-width: 767.98px) {
    .product {
        padding-top: calc(50 * var(--base-font, 1) / 10)
    }
}

.explanation__bg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100svh;
    margin: auto;
    transform: translate(-50%)
}

.explanation__bg img {
    height: 100%
}

@media (min-width: 768px) {
    .explanation__bg {
        max-width: min(100vw, 1600px)
    }
}

.product__heading {
    font-family: Oswald, sans-serif;
    font-weight: 500;
    color: #fff;
    text-align: center
}

@media (min-width: 768px) {
    .product__heading {
        margin: 0 auto min(3.375vw, 54px);
        font-size: min(6.25vw, 100px);
        letter-spacing: .1em
    }
}

@media (max-width: 767.98px) {
    .product__heading {
        margin: 0 auto calc(24 * var(--base-font, 1) / 10);
        font-size: calc(28 * var(--base-font, 1) / 10)
    }
}

@media (max-width: 767.98px) {
    .product-head__container {
        margin-top: calc(31 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-head__container {
        margin-top: min(5.125vw, 82px)
    }
}

.product-head__column {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    .product-head__column {
        flex-direction: column-reverse;
        gap: calc(24 * var(--base-font, 1) / 10);
        margin-bottom: calc(28 * var(--base-font, 1) / 10)
    }
}

@media (max-width: 767.98px) {
    .product-head__column.product-head__column--hybrid {
        gap: calc(18 * var(--base-font, 1) / 10);
        margin-bottom: calc(21 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-head__column.product-head__column--hybrid {
        height: min(24.3125vw, 389px)
    }
}

@media (max-width: 767.98px) {
    .product-head__column.product-head__column--fairway {
        margin-bottom: calc(21 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-head__column.product-head__column--fairway {
        margin-block: min(4.125vw, 66px) min(7.5vw, 120px)
    }
}

@media (min-width: 768px) {
    .product-head__column.product-head__column--iron {
        margin-top: min(4.1875vw, 67px)
    }

    .product-head__column.product-head__column--iron .product-head__left {
        margin-top: min(3.75vw, 60px)
    }
}

.product-head__left {
    color: #fff;
    letter-spacing: .04em
}

@media (max-width: 767.98px) {
    .product-head__left {
        text-align: center
    }
}

.product-head__outline {
    position: relative;
    font-weight: 700;
    line-height: 1.7;
    text-align: center
}

@media (max-width: 767.98px) {
    .product-head__outline {
        font-size: calc(18 * var(--base-font, 1) / 10);
        line-height: 2.1;
        letter-spacing: .02em;
        letter-spacing: 0
    }
}

@media (min-width: 768px) {
    .product-head__outline {
        margin-bottom: min(6.375vw, 102px);
        font-size: min(2.5vw, 40px);
        line-height: 1.825
    }
}

.product-head__outline>span {
    color: #00030b;
    background-color: #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

@media (max-width: 767.98px) {
    .product-head__outline>span {
        padding-block: calc(4 * var(--base-font, 1) / 10);
        padding-inline: calc(8 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-head__outline>span {
        padding-block: min(.3125vw, 5px);
        padding-inline: min(.5vw, 8px)
    }
}

@media (min-width: 768px) {
    .product-head__outline.product-head__outline--iron {
        margin-bottom: min(3.75vw, 60px)
    }
}

@media (max-width: 767.98px) {
    .explanation-item-list {
        margin-bottom: calc(40 * var(--base-font, 1) / 10)
    }
}

.explanation-anchor__list {
    display: flex
}

@media (max-width: 767.98px) {
    .explanation-anchor__list {
        flex-wrap: wrap;
        gap: calc(16 * var(--base-font, 1) / 10)
    }

    .explanation-anchor__list li {
        width: calc((100% - 16 * var(--base-font, 1) / 10) / 2)
    }
}

@media (min-width: 768px) {
    .explanation-anchor__list {
        gap: min(1.6875vw, 27px)
    }

    .explanation-anchor__list li {
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (hover: hover) {
    .explanation-anchor__link {
        transition: opacity .2s ease-out
    }

    .explanation-anchor__link:hover {
        opacity: .7
    }
}

.explanation {
    position: relative
}

@media (min-width: 768px) {
    .explanation {
        padding: min(7.5vw, 120px) 0;
        background-color: #000
    }
}

.explanation.active .explanation__bg {
    position: fixed
}

.product-column__common-text {
    font-weight: 500;
    color: #fff;
    letter-spacing: .04em
}

@media (max-width: 767.98px) {
    .product-column__common-text {
        margin-top: calc(20 * var(--base-font, 1) / 10);
        margin-bottom: calc(36 * var(--base-font, 1) / 10);
        font-size: calc(14 * var(--base-font, 1) / 10);
        line-height: 1.8;
        letter-spacing: 0
    }
}

@media (min-width: 768px) {
    .product-column__common-text {
        margin-top: min(5.625vw, 90px);
        margin-bottom: min(4.75vw, 76px);
        font-size: min(1.25vw, 20px);
        line-height: 2
    }
}

.product-column__text {
    font-weight: 500;
    color: #fff;
    letter-spacing: .04em
}

@media (max-width: 767.98px) {
    .product-column__text {
        margin-top: calc(20 * var(--base-font, 1) / 10);
        margin-bottom: calc(36 * var(--base-font, 1) / 10);
        font-size: calc(14 * var(--base-font, 1) / 10);
        line-height: 1.8;
        letter-spacing: 0
    }
}

@media (min-width: 768px) {
    .product-column__text {
        margin-top: min(1.5vw, 24px);
        margin-bottom: min(2.5vw, 40px);
        font-size: min(1.25vw, 20px);
        line-height: 2
    }
}

@media (min-width: 768px) {
    .product-image {
        padding-block: min(7.875vw, 126px) !important;
        margin-top: min(.375vw, 6px) !important
    }
}

.product-main {
    position: relative;
    display: flex;
    flex-direction: column
}

@media (max-width: 767.98px) {
    .product-main {
        padding-bottom: calc(167 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-main {
        padding-bottom: min(35vw, 560px)
    }
}

.product-title {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

@media (max-width: 767.98px) {
    .product-title {
        margin-bottom: calc(10 * var(--base-font, 1) / 10)
    }

    .product-title img {
        width: calc(150 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-title {
        margin-bottom: min(1.5vw, 24px)
    }

    .product-title img {
        width: min(20vw, 320px)
    }
}

.product-graph__text {
    font-weight: 700;
    letter-spacing: .04em
}

@media (max-width: 767.98px) {
    .product-graph__text {
        font-size: calc(16 * var(--base-font, 1) / 10);
        line-height: 2;
        letter-spacing: .02em
    }
}

@media (min-width: 768px) {
    .product-graph__text {
        font-size: min(2vw, 32px);
        line-height: 1.78125
    }
}

.product-main__text {
    font-weight: 500
}

@media (max-width: 767.98px) {
    .product-main__text {
        margin-top: calc(12 * var(--base-font, 1) / 10);
        font-size: calc(14 * var(--base-font, 1) / 10);
        line-height: 1.7142857143
    }
}

@media (min-width: 768px) {
    .product-main__text {
        margin-top: min(1.125vw, 18px);
        font-size: min(1.25vw, 20px);
        line-height: 2;
        text-align: center
    }
}

.product-main__image {
    position: absolute;
    bottom: 0;
    pointer-events: none
}

.is-active .product-main__image {
    transition-delay: .7s
}

@media (max-width: 767.98px) {
    .product-main__image {
        bottom: calc(-3 * var(--base-font, 1) / 10);
        left: 50%;
        width: calc(330 * var(--base-font, 1) / 10);
        transform: translate(-50%)
    }
}

@media (min-width: 768px) {
    .product-main__image {
        right: max(-5vw, -80px);
        width: min(72vw, 1152px)
    }
}

.product-column__second {
    display: flex;
    justify-content: space-between
}

@media (max-width: 767.98px) {
    .product-column__second {
        flex-direction: column;
        gap: calc(16 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-column__second {
        align-items: center
    }
}

@media (max-width: 767.98px) {
    .product-left {
        text-align: center
    }
}

.product-left__text {
    letter-spacing: .04em
}

@media (max-width: 767.98px) {
    .product-left__text {
        margin-top: calc(13 * var(--base-font, 1) / 10);
        font-size: calc(14 * var(--base-font, 1) / 10);
        line-height: 1.7142857143;
        text-align: left
    }
}

@media (min-width: 768px) {
    .product-left__text {
        margin-top: min(1.5vw, 24px);
        font-size: min(1vw, 16px);
        line-height: 1.75
    }
}

@media (min-width: 768px) {
    .product-right {
        width: min(31.25vw, 500px)
    }

    .product-right--small {
        width: min(28.75vw, 460px)
    }

    .product-right--square {
        width: min(20.625vw, 330px);
        margin-right: min(4.625vw, 74px)
    }
}

.product-column__third {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 767.98px) {
    .product-column__third {
        margin-top: calc(40 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-column__third {
        margin-top: min(6.125vw, 98px)
    }
}

@media (max-width: 767.98px) {
    .product-column__image {
        margin-top: calc(11 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-column__image {
        width: min(50.375vw, 806px);
        margin-top: min(1.4375vw, 23px)
    }
}

@media (max-width: 767.98px) {
    .product-column__sub-title {
        width: calc(160 * var(--base-font, 1) / 10);
        margin-bottom: calc(20 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-column__sub-title {
        width: min(15.5vw, 248px);
        margin-bottom: min(1.5vw, 24px)
    }
}

@media (max-width: 767.98px) {
    .fairway-wood__container {
        margin-top: calc(40 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .fairway-wood__container {
        margin-top: min(8.125vw, 130px)
    }
}

@media (max-width: 767.98px) {
    .product-graph {
        margin-top: calc(16 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-graph {
        margin-top: min(1.5vw, 24px)
    }
}

@media (max-width: 767.98px) {
    .fairway-wood {
        padding-top: calc(27 * var(--base-font, 1) / 10);
        padding-bottom: calc(30 * var(--base-font, 1) / 10) !important
    }
}

@media (min-width: 768px) {
    .fairway-wood {
        padding-block: min(5vw, 80px) !important
    }
}

@media (max-width: 767.98px) {
    .fairway-wood-graph {
        margin-top: calc(16 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .fairway-wood-graph {
        margin-top: min(3vw, 48px)
    }
}

@media (max-width: 767.98px) {
    .hybrid__container {
        margin-top: calc(44 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .hybrid__container {
        margin-top: min(7.5vw, 120px)
    }
}

@media (max-width: 767.98px) {
    .zxi-iron__container {
        margin-top: calc(40 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .zxi-iron__container {
        margin-top: min(6.875vw, 110px)
    }
}

.product-middle__container {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 767.98px) {
    .product-middle__container {
        margin-top: calc(40 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-middle__container {
        gap: min(1.5625vw, 25px);
        margin-top: min(2.1875vw, 35px)
    }
}

@media (max-width: 767.98px) {
    .product-middle__title {
        width: calc(262 * var(--base-font, 1) / 10);
        margin-bottom: calc(5 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-middle__title {
        width: min(24.375vw, 390px)
    }
}

.product-middle__outline {
    color: #fff;
    text-align: center
}

@media (max-width: 767.98px) {
    .iron-list {
        padding-top: calc(60 * var(--base-font, 1) / 10);
        margin-top: calc(27 * var(--base-font, 1) / 10) !important
    }
}

@media (min-width: 768px) {
    .iron-list {
        padding-block: min(5vw, 80px) !important;
        margin-top: min(2.8125vw, 45px) !important
    }
}

@media (max-width: 767.98px) {
    .iron-item {
        padding-bottom: calc(37 * var(--base-font, 1) / 10);
        margin-bottom: calc(37 * var(--base-font, 1) / 10);
        border-bottom: 1px solid #ccccd1
    }
}

@media (min-width: 768px) {
    .iron-item {
        padding-bottom: min(3.75vw, 60px);
        margin-bottom: min(3.125vw, 50px);
        border-bottom: 1px solid #ccccd1
    }
}

.iron-item:last-child {
    padding: 0;
    margin: 0;
    border-bottom: none
}

@media (min-width: 768px) {
    .iron-item.iron-item--zxi7 {
        padding-bottom: min(2.5vw, 40px)
    }
}

@media (min-width: 768px) {
    .iron-item.iron-item--zxi4 {
        padding-bottom: min(1.875vw, 30px)
    }
}

.iron-item__title {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

@media (max-width: 767.98px) {
    .iron-item__title {
        margin-bottom: calc(24 * var(--base-font, 1) / 10)
    }
}

.iron-item__title img {
    width: auto
}

@media (max-width: 767.98px) {
    .iron-item__title img {
        height: calc(24 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .iron-item__title img {
        height: min(2.6875vw, 43px)
    }
}

@media (max-width: 767.98px) {
    .iron-item__title.iron-item__title--utility img {
        height: calc(54 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .iron-item__title.iron-item__title--utility img {
        height: min(5.4375vw, 87px)
    }
}

.iron-item__column {
    display: flex;
    justify-content: space-between
}

@media (max-width: 767.98px) {
    .iron-item__column {
        flex-direction: column-reverse;
        gap: calc(24 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .iron-item__column {
        margin-top: min(3.125vw, 50px)
    }
}

.iron-item__column.iron-item__column--zxi7 {
    position: relative
}

@media (min-width: 768px) {
    .iron-item__column.iron-item__column--zxi5 {
        margin-top: min(2.1875vw, 35px)
    }
}

@media (min-width: 768px) {
    .iron-item__column.iron-item__column--zxi4 {
        margin-top: min(4.0625vw, 65px)
    }
}

@media (max-width: 767.98px) {
    .iron-item__left {
        text-align: center
    }
}

@media (min-width: 768px) {
    .iron-item__left {
        width: min(30.875vw, 494px)
    }
}

@media (min-width: 768px) {
    .iron-item__left--zxi4 {
        width: min(32.25vw, 516px)
    }

    .iron-item__left--zxi4 .iron-item__text {
        width: min(30.875vw, 494px)
    }

    .iron-item__left--zxi4 .product-graph__text>span {
        letter-spacing: .02em
    }
}

@media (max-width: 767.98px) {
    .iron-item__name {
        width: calc(185 * var(--base-font, 1) / 10);
        margin: calc(18 * var(--base-font, 1) / 10) auto 0
    }
}

@media (min-width: 768px) {
    .iron-item__name {
        width: min(16.75vw, 268px);
        margin-top: min(2.1875vw, 35px)
    }
}

.iron-item__mid-text {
    font-weight: 700;
    color: #fff
}

@media (max-width: 767.98px) {
    .iron-item__mid-text {
        margin-block: calc(16 * var(--base-font, 1) / 10) calc(15 * var(--base-font, 1) / 10);
        font-size: calc(20 * var(--base-font, 1) / 10);
        line-height: 1.4;
        letter-spacing: .04em
    }
}

@media (min-width: 768px) {
    .iron-item__mid-text {
        margin-block: min(.8125vw, 13px) min(.9375vw, 15px);
        font-size: min(1.5vw, 24px);
        line-height: 1.3333333333
    }
}

@media (max-width: 767.98px) {
    .iron-item__text {
        text-align: left
    }
}

@media (min-width: 768px) {
    .iron-item__text {
        font-size: min(1vw, 16px);
        line-height: 1.75;
        letter-spacing: .04em
    }
}

@media (max-width: 767.98px) {
    .iron-item__right {
        width: 100%;
        margin-bottom: calc(1 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .iron-item__right {
        width: min(31.25vw, 500px)
    }
}

@media (min-width: 768px) {
    .iron-item__right.iron-item__right--04 {
        margin-top: min(1.25vw, 20px)
    }
}

@media (min-width: 768px) {
    .explanation-box {
        padding-block: min(11.375vw, 182px) min(7.25vw, 116px)
    }
}

.explain-shaft-box {
    color: #fff;
    letter-spacing: .04em
}

@media (max-width: 767.98px) {
    .explain-shaft-box {
        margin-bottom: calc(40 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .explain-shaft-box {
        margin-bottom: min(3.875vw, 62px)
    }
}

.explain-shaft-box:last-child {
    margin-bottom: 0
}

.explain-shaft-title {
    font-weight: 700
}

@media (max-width: 767.98px) {
    .explain-shaft-title {
        margin-bottom: calc(10 * var(--base-font, 1) / 10);
        font-size: calc(14 * var(--base-font, 1) / 10);
        line-height: 1.6
    }
}

@media (min-width: 768px) {
    .explain-shaft-title {
        margin-bottom: min(3.3125vw, 53px);
        font-size: min(1.5vw, 24px);
        line-height: 1.3333333333
    }
}

@media (max-width: 767.98px) {
    .explain-shaft-image {
        margin-bottom: calc(20 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .explain-shaft-image {
        margin-bottom: min(2.25vw, 36px)
    }
}

.explain-shaft-text {
    font-weight: 500
}

@media (max-width: 767.98px) {
    .explain-shaft-text {
        font-size: calc(14 * var(--base-font, 1) / 10);
        line-height: 1.6
    }
}

@media (min-width: 768px) {
    .explain-shaft-text {
        font-size: min(1.25vw, 20px);
        line-height: 2
    }
}

.movie-wrapper {
    padding: 15px;
    margin-bottom: 45px;
    text-align: center
}

.movie {
    display: flex;
    justify-content: center;
    max-width: 1100px;
    margin: 0 auto;
    text-align: center
}

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

@media (max-width: 767.98px) {
    .youtube-movie {
        width: 100%;
        height: calc(250 * var(--base-font, 1) / 10)
    }
}

.floating-banner {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 15;
    opacity: 0;
    transition: opacity .3s
}

@media (min-width: 768px) {
    .floating-banner {
        width: min(33.25vw, 532px)
    }
}

.floating-banner.is-active {
    opacity: 1
}

.banner {
    position: relative;
    z-index: 10;
    background-color: #000
}

.line-up-item__button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    letter-spacing: .04em;
    background-color: #2e830d
}

@media (hover: hover) {
    .line-up-item__button {
        transition: opacity .2s ease-out
    }

    .line-up-item__button:hover {
        opacity: .7
    }
}

@media (max-width: 767.98px) {
    .line-up-item__button {
        gap: calc(16 * var(--base-font, 1) / 10);
        width: 100%;
        height: calc(64 * var(--base-font, 1) / 10);
        margin-top: calc(24 * var(--base-font, 1) / 10);
        font-size: calc(16 * var(--base-font, 1) / 10);
        line-height: 1.5
    }
}

@media (min-width: 768px) {
    .line-up-item__button {
        gap: min(1vw, 16px);
        width: min(22.75vw, 364px);
        height: min(5.4375vw, 87px);
        margin-top: min(1.5vw, 24px);
        font-size: min(1.25vw, 20px)
    }
}

.line-up-item__button-icon {
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    background-color: #fff
}

@media (max-width: 1023.98px) {
    .line-up-item__button-icon {
        width: calc(10 * var(--base-font, 1) / 10);
        height: calc(12 * var(--base-font, 1) / 10);
        margin-top: calc(3 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .line-up-item__button-icon {
        width: min(.625vw, 10px);
        height: min(.75vw, 12px)
    }
}

.line-up__bg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100svh;
    margin: auto;
    transform: translate(-50%)
}

.line-up__bg img {
    height: 100%
}

@media (min-width: 768px) {
    .line-up__bg {
        max-width: min(100vw, 1600px)
    }
}

.line-up-anchor__list {
    display: flex
}

@media (max-width: 767.98px) {
    .line-up-anchor__list {
        flex-wrap: wrap;
        gap: calc(16 * var(--base-font, 1) / 10);
        margin-top: calc(23 * var(--base-font, 1) / 10)
    }

    .line-up-anchor__list li {
        width: calc((100% - 16 * var(--base-font, 1) / 10) / 2)
    }
}

@media (min-width: 768px) {
    .line-up-anchor__list {
        gap: min(1.6875vw, 27px);
        margin-top: min(3.375vw, 54px)
    }

    .line-up-anchor__list li {
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (max-width: 767.98px) {
    .line-up-list {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .line-up-list {
        margin-bottom: min(6.25vw, 100px)
    }
}

@media (max-width: 767.98px) {
    .line-up-item__list {
        padding-top: calc(33 * var(--base-font, 1) / 10);
        margin-top: calc(16 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .line-up-item__list {
        margin-top: min(3.625vw, 58px) !important
    }
}

.line-up-anchor__link {
    width: calc((100% - 14 * var(--base-font, 1) / 10 * 2) / 3)
}

@media (hover: hover) {
    .line-up-anchor__link {
        transition: opacity .2s ease-out
    }

    .line-up-anchor__link:hover {
        opacity: .7
    }
}

.line-up-item {
    border-bottom: 1px solid #ccccd1
}

@media (max-width: 767.98px) {
    /* .line-up-item {
        padding-bottom: calc(40 * var(--base-font, 1) / 10);
        margin-bottom: calc(40 * var(--base-font, 1) / 10)
    } */

    .line-up-item:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none
    }
}

@media (min-width: 768px) {
    .line-up-item {
        padding-bottom: min(2.5vw, 40px);
        margin-bottom: min(2.5vw, 40px)
    }

    .line-up-item:last-child {
        padding-bottom: min(2vw, 32px);
        margin-bottom: 0;
        border-bottom: none
    }
}

.line-up-item__title-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    letter-spacing: .04em
}

@media (max-width: 767.98px) {
    .line-up-item__title-area {
        gap: calc(4 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .line-up-item__title-area {
        gap: min(.875vw, 14px)
    }
}

.line-up-item__sub-text-area {
    text-align: center
}

.line-up-item__small-text {
    font-weight: 700;
    letter-spacing: .04em
}

@media (max-width: 767.98px) {
    .line-up-item__small-text {
        padding-left: calc(4 * var(--base-font, 1) / 10);
        margin-bottom: calc(8 * var(--base-font, 1) / 10);
        font-size: calc(14 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .line-up-item__small-text {
        padding-left: calc(7 * var(--base-font, 1) / 10);
        margin-bottom: min(1vw, 16px);
        font-size: min(1.25vw, 20px)
    }
}

.line-up-item__sub-text {
    margin: auto
}

@media (max-width: 767.98px) {
    .line-up-item__sub-text {
        width: calc(160 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .line-up-item__sub-text {
        width: min(16.25vw, 260px)
    }
}

.line-up-item__title {
    width: auto
}

@media (max-width: 767.98px) {
    .line-up-item__title img {
        height: calc(18 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .line-up-item__title img {
        height: min(2.25vw, 36px)
    }
}

.select-store__text {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    border: 1px solid #fff
}

@media (max-width: 767.98px) {
    .select-store__text {
        padding-block: calc(4 * var(--base-font, 1) / 10);
        padding-inline: calc(8 * var(--base-font, 1) / 10);
        margin-bottom: calc(16 * var(--base-font, 1) / 10);
        font-size: calc(14 * var(--base-font, 1) / 10);
        line-height: 1.7142857143
    }
}

@media (min-width: 768px) {
    .select-store__text {
        padding-block: min(.25vw, 4px);
        padding-inline: min(.75vw, 12px);
        margin-bottom: min(1.5vw, 24px);
        font-size: min(1.5vw, 24px);
        line-height: 1.4
    }
}

.line-up-item__column {
    display: flex
}

@media (max-width: 767.98px) {
    .line-up-item__column {
        flex-direction: column;
        gap: calc(24 * var(--base-font, 1) / 10);
        margin-top: calc(28 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .line-up-item__column {
        gap: min(2.5vw, 40px);
        margin-top: min(2.5vw, 40px)
    }
}

.is-active .line-up-item__column {
    animation-delay: .4s
}

@media (min-width: 768px) {
    .line-up-item__column--center {
        align-items: center
    }
}

@media (min-width: 768px) {
    .line-up-item__left {
        width: min(31.25vw, 500px)
    }
}

@media (min-width: 768px) {
    .line-up-item__right {
        width: min(31.25vw, 500px)
    }
}

.shaft-list {
    display: flex;
    flex-direction: column
}

@media (max-width: 767.98px) {
    .shaft-list {
        gap: calc(24 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .shaft-list {
        gap: min(1.5vw, 24px)
    }
}

.shaft {
    color: #fff;
    letter-spacing: .04em
}

.shaft-name {
    font-weight: 700
}

@media (max-width: 767.98px) {
    .shaft-name {
        font-size: calc(16 * var(--base-font, 1) / 10);
        line-height: 1.5
    }
}

@media (min-width: 768px) {
    .shaft-name {
        font-size: min(1.25vw, 20px);
        line-height: 1.4
    }
}

.shaft-number {
    font-weight: 500
}

@media (max-width: 767.98px) {
    .shaft-number {
        margin-top: calc(6 * var(--base-font, 1) / 10);
        font-size: calc(16 * var(--base-font, 1) / 10);
        line-height: 2
    }
}

@media (min-width: 768px) {
    .shaft-number {
        margin-top: min(.5vw, 8px);
        font-size: min(1.25vw, 20px);
        line-height: 1.6
    }
}

.shaft-price {
    font-weight: 500;
    color: #fff
}

@media (max-width: 767.98px) {
    .shaft-price {
        margin-block: calc(15 * var(--base-font, 1) / 10) calc(20 * var(--base-font, 1) / 10);
        font-size: calc(28 * var(--base-font, 1) / 10);
        line-height: 1.1428571429
    }
}

@media (min-width: 768px) {
    .shaft-price {
        margin-block: calc(16 * var(--base-font, 1) / 10) calc(42 * var(--base-font, 1) / 10);
        font-size: min(2vw, 32px);
        line-height: 1.25
    }
}

@media (max-width: 767.98px) {
    .shaft-price span {
        font-size: calc(12 * var(--base-font, 1) / 10);
        line-height: 2.6666666667
    }
}

@media (min-width: 768px) {
    .shaft-price span {
        font-size: min(1vw, 16px);
        font-weight: 500
    }
}

@media (max-width: 767.98px) {
    .shaft-cost-box {
        margin-block: calc(25 * var(--base-font, 1) / 10) calc(20 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .shaft-cost-box {
        margin-block: calc(20 * var(--base-font, 1) / 10) calc(30 * var(--base-font, 1) / 10)
    }
}

.shaft-cost-box .shaft-number {
    color: #fff
}

.shaft-cost-box .shaft-number:not(:first-child) {
    margin-top: calc(15 * var(--base-font, 1) / 10)
}

@media (max-width: 767.98px) {
    .shaft-cost-box .shaft-price {
        margin: calc(3 * var(--base-font, 1) / 10) 0 0
    }
}

@media (min-width: 768px) {
    .shaft-cost-box .shaft-price {
        margin: calc(2 * var(--base-font, 1) / 10) 0 0
    }
}

.shaft-price__column {
    display: flex;
    align-items: end
}

@media (max-width: 767.98px) {
    .shaft-price__column {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (min-width: 768px) {
    .shaft-price__column {
        margin-top: min(.5vw, 8px)
    }
}

@media (max-width: 767.98px) {
    .shaft-image {
        margin-top: calc(4 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .shaft-image {
        margin-top: min(.75vw, 12px)
    }
}

.line-up {
    position: relative;
    background-color: #000
}

@media (max-width: 767.98px) {
    /* .line-up {
        padding: calc(40 * var(--base-font, 1) / 10) 0
    } */
    .line-up{
        padding-bottom: 25px;
    }
}

@media (min-width: 768px) {
    .line-up {
        padding: min(3vw, 48px) 0 min(8.75vw, 140px)
    }
    /* .line-up{
        padding-bottom: 20px;
    } */
}

.line-up.active .line-up__bg {
    position: fixed
}

.line-up-box {
    display: flex;
    flex-direction: column
}

@media (max-width: 767.98px) {
    .line-up-box {
        gap: calc(30 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .line-up-box {
        gap: min(3.75vw, 60px)
    }
}

.line-up-title-area {
    color: #fff;
    text-align: center
}

.line-up-title--ja {
    font-weight: 700;
    letter-spacing: .04em
}

@media (min-width: 768px) {
    .line-up-title--ja {
        font-size: calc(20 * var(--base-font, 1) / 10);
        line-height: 1.4
    }
}

.line-up-title--en {
    font-family: Oswald, sans-serif;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .line-up-title--en {
        font-size: calc(36 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .line-up-title--en {
        font-size: calc(60 * var(--base-font, 1) / 10)
    }
}