--liner {
    background: linear-gradient(90deg, #ededed 7.19%, #93969a)
}

.kv {
    position: relative;
    overflow: hidden;
    background: #242a40
}

.is-motion-finished .kv {
    right: 0
}

.kv-item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    opacity: 0;
    transform: opacity .4s cubic-bezier(.25, .1, .25, 1)
}

.is-motion-finished .kv-item {
    opacity: 1
}

.kv-base,
.kv-flare {
    mix-blend-mode: screen;
    transform: translateZ(0)
}

.kv-shine {
    z-index: 1;
    mix-blend-mode: screen;
    opacity: 0;
    transition: all .4s cubic-bezier(.25, .1, .25, 1);
    transform: translateZ(0);
    transform-origin: center center
}

@media (max-width: 767.98px) {
    .kv-shine {
        top: calc(220 * var(--base-font, 1) / 10);
        left: calc(-22 * var(--base-font, 1) / 10);
        width: calc(211 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .kv-shine {
        top: 3.9vw;
        left: 1.24vw;
        width: 20.78vw
    }
}

.kv-shine.is-shine {
    animation: shine 2.1s .3s forwards
}

.kv-badge {
    position: absolute;
    z-index: 5
}

@media (max-width: 767.98px) {
    .kv-badge {
        right: calc(21 * var(--base-font, 1) / 10);
        bottom: calc(22 * var(--base-font, 1) / 10);
        width: calc(104 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .kv-badge {
        right: 4vw;
        bottom: 4.53vw;
        width: min(12.1875vw, 156px)
    }
}

.catch {
    position: relative;
    padding-top: calc(27 * var(--base-font, 1) / 10);
    overflow: clip;
    background: linear-gradient(262deg, #000, #2e3346 83.02%)
}

@media (min-width: 768px) {
    .catch {
        padding-top: min(1.40625vw, 18px)
    }
}

.catch-flame {
    position: relative;
    left: 50%;
    width: 100%;
    transform: translate(-50%);
    transform-origin: 0 100%
}

@media (min-width: 768px) {
    .catch-flame {
        width: min(94.453125vw, 1209px)
    }
}

.catch-image {
    position: absolute;
    bottom: 0;
    left: 50%;
    mix-blend-mode: screen;
    transform: translate(-50%)
}

@media (max-width: 767.98px) {
    .catch-image {
        width: calc(780 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .catch-image {
        width: min(150vw, 1920px)
    }
}

.catch-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    opacity: 0
}

@media (min-width: 768px) {
    .catch-text.catch-text--third {
        display: none
    }
}

.driver {
    background: 0;
    background: linear-gradient(40deg, #000, #090b10 85%, #242a40)
}

@media (max-width: 767.98px) {
    .driver {
        padding-top: calc(76 * var(--base-font, 1) / 10);
        padding-bottom: calc(97 * var(--base-font, 1) / 10);
        background: linear-gradient(65deg, #000, #090b10 80%, #242a40)
    }
}

@media (min-width: 768px) {
    .driver {
        padding-top: min(11.71875vw, 150px);
        padding-bottom: min(12.5vw, 160px)
    }
}

.driver-box {
    display: flex;
    align-items: center
}

@media (max-width: 767.98px) {
    .driver-box {
        flex-direction: column;
        gap: calc(55 * var(--base-font, 1) / 10);
        margin-top: calc(73 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .driver-box {
        justify-content: space-between;
        margin-top: min(6.015625vw, 77px);
        margin-right: min(1.875vw, 24px)
    }
}

.driver-left {
    width: 100%
}

@media (min-width: 768px) {
    .driver-left {
        position: relative;
        right: calc(16 * var(--base-font, 1) / 10);
        width: min(37.421875vw, 479px)
    }
}

.driver-string {
    position: relative;
    width: 100%;
    overflow: hidden
}

@media (min-width: 768px) {
    .driver-string {
        margin-bottom: min(6.953125vw, 89px);
        margin-left: min(1.171875vw, 15px)
    }
}

.driver-string__mask {
    -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_01_sm.webp);
    mask-image: url(/brand/goldenprix/tr-02/img/st_img_01_sm.webp);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
}

@media (min-width: 768px) {
    .driver-string__mask {
        -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_01_lg.webp);
        mask-image: url(/brand/goldenprix/tr-02/img/st_img_01_lg.webp)
    }
}

.driver-right {
    position: relative
}

@media (max-width: 767.98px) {
    .driver-right {
        top: calc(-10 * var(--base-font, 1) / 10);
        right: calc(6 * var(--base-font, 1) / 10);
        width: 95%
    }
}

@media (min-width: 768px) {
    .driver-right {
        width: min(38.59375vw, 494px)
    }
}

.driver-item.driver-item--second {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    content: ""
}

.driver-item.driver-item--shine {
    position: absolute;
    z-index: 2;
    mix-blend-mode: screen;
    transition-delay: .4s;
    transform: translateZ(0)
}

@media (max-width: 767.98px) {
    .driver-item.driver-item--shine {
        top: calc(-27 * var(--base-font, 1) / 10);
        right: calc(-54 * var(--base-font, 1) / 10);
        width: calc(170 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .driver-item.driver-item--shine {
        top: max(-2.34375vw, -30px);
        right: max(-8.125vw, -104px);
        width: min(22.65625vw, 290px)
    }
}

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

@media (min-width: 768px) {
    .driver-title {
        width: min(23.046875vw, 295px)
    }
}

@media (max-width: 767.98px) {
    .driver-profile__list .driver-profile__item+.driver-profile__item {
        margin-top: calc(30 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .driver-profile__list .driver-profile__item+.driver-profile__item {
        margin-top: min(3.671875vw, 47px)
    }
}

.driver-compare {
    display: flex
}

@media (max-width: 767.98px) {
    .driver-compare {
        flex-direction: column;
        gap: calc(28 * var(--base-font, 1) / 10);
        margin-top: calc(65 * var(--base-font, 1) / 10);
        margin-bottom: calc(70 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .driver-compare {
        gap: min(2.1875vw, 28px);
        align-items: center;
        justify-content: space-between;
        margin-top: min(5.78125vw, 74px);
        margin-bottom: min(8.046875vw, 103px)
    }
}

@media (min-width: 768px) {
    .driver-compare__left {
        width: min(38.28125vw, 490px)
    }
}

.driver-compare__title {
    position: relative;
    width: 100%;
    overflow: hidden
}

@media (min-width: 768px) {
    .driver-compare__title {
        width: min(33.359375vw, 427px)
    }
}

.driver-compare__mask {
    -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_09_sm.webp);
    mask-image: url(/brand/goldenprix/tr-02/img/st_img_09_sm.webp);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
}

@media (min-width: 768px) {
    .driver-compare__mask {
        -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_09_lg.webp);
        mask-image: url(/brand/goldenprix/tr-02/img/st_img_09_lg.webp)
    }
}

.driver-compare__text {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 500;
    line-height: 1.8;
    color: #bdbdbd;
    letter-spacing: 0
}

@media (max-width: 767.98px) {
    .driver-compare__text {
        margin-top: calc(20 * var(--base-font, 1) / 10);
        font-size: calc(14 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .driver-compare__text {
        margin-top: min(.78125vw, 10px);
        font-size: min(1.25vw, 16px)
    }
}

@media (min-width: 768px) {
    .driver-compare__right {
        width: min(37.5vw, 480px)
    }
}

.driver-experience {
    position: relative;
    display: flex
}

@media (max-width: 767.98px) {
    .driver-experience {
        flex-direction: column;
        gap: calc(8 * var(--base-font, 1) / 10);
        margin-top: calc(27 * var(--base-font, 1) / 10)
    }
}

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

.driver-experience__left {
    width: 100%
}

@media (min-width: 768px) {
    .driver-experience__left {
        display: flex;
        flex-direction: column;
        gap: min(2.65625vw, 34px);
        width: min(41.71875vw, 534px);
        margin-bottom: min(5.46875vw, 70px)
    }
}

.driver-experience__title {
    position: relative;
    width: 100%;
    overflow: hidden
}

@media (min-width: 768px) {
    .driver-experience__title {
        width: min(40.625vw, 520px)
    }
}

.driver-experience__mask {
    -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_06_sm.webp);
    mask-image: url(/brand/goldenprix/tr-02/img/st_img_06_sm.webp);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
}

@media (min-width: 768px) {
    .driver-experience__mask {
        -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_06_lg.webp);
        mask-image: url(/brand/goldenprix/tr-02/img/st_img_06_lg.webp)
    }
}

.driver-experience__text {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 500;
    color: #bdbdbd
}

@media (max-width: 767.98px) {
    .driver-experience__text {
        margin-top: calc(25 * var(--base-font, 1) / 10);
        font-size: calc(14 * var(--base-font, 1) / 10);
        line-height: 1.9
    }
}

@media (min-width: 768px) {
    .driver-experience__text {
        width: min(40.3125vw, 516px);
        font-size: min(1.25vw, 16px);
        line-height: 1.8;
        letter-spacing: 0
    }
}

.driver-experience__right {
    width: 100%
}

@media (max-width: 767.98px) {
    .driver-experience__right {
        width: 110%;
        margin-top: calc(-68 * var(--base-font, 1) / 10);
        margin-left: calc(13 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .driver-experience__right {
        position: absolute;
        top: max(-6.484375vw, -83px);
        right: max(-11.71875vw, -150px);
        width: min(50.9375vw, 652px)
    }
}

.driver-power {
    display: flex;
    align-items: center
}

@media (max-width: 767.98px) {
    .driver-power {
        flex-direction: column;
        gap: calc(27 * var(--base-font, 1) / 10);
        margin-top: calc(86 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .driver-power {
        gap: min(4.453125vw, 57px);
        margin-top: min(4.53125vw, 58px)
    }
}

@media (min-width: 768px) {
    .driver-power__left {
        width: calc(100% - min(4.453125vw, 57px) - min(38.515625vw, 493px))
    }
}

.driver-power__mask {
    -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_07_sm.webp);
    mask-image: url(/brand/goldenprix/tr-02/img/st_img_07_sm.webp);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
}

@media (min-width: 768px) {
    .driver-power__mask {
        -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_07_lg.webp);
        mask-image: url(/brand/goldenprix/tr-02/img/st_img_07_lg.webp)
    }
}

.driver-power__title {
    position: relative;
    width: 100%;
    overflow: hidden
}

@media (min-width: 768px) {
    .driver-power__title {
        width: min(39.6875vw, 508px)
    }
}

.driver-power__text {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 500;
    color: #bdbdbd;
    letter-spacing: 0
}

@media (max-width: 767.98px) {
    .driver-power__text {
        margin-top: calc(22 * var(--base-font, 1) / 10);
        font-size: calc(16 * var(--base-font, 1) / 10);
        line-height: 1.8
    }
}

@media (min-width: 768px) {
    .driver-power__text {
        width: min(34.84375vw, 446px);
        margin-top: min(1.5625vw, 20px);
        font-size: min(1.25vw, 16px);
        line-height: 1.8
    }
}

@media (min-width: 768px) {
    .driver-power__right {
        width: min(38.515625vw, 493px);
        margin-top: min(2.34375vw, 30px)
    }
}

.driver-layer {
    display: flex
}

@media (max-width: 767.98px) {
    .driver-layer {
        flex-direction: column;
        gap: calc(33 * var(--base-font, 1) / 10);
        margin-top: calc(108 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .driver-layer {
        justify-content: space-between;
        margin-top: min(13.671875vw, 175px)
    }
}

@media (min-width: 768px) {
    .driver-layer__left {
        width: min(27.34375vw, 350px)
    }
}

.driver-layer__title {
    position: relative;
    width: 100%;
    overflow: hidden
}

@media (min-width: 768px) {
    .driver-layer__title {
        margin-top: min(5.078125vw, 65px)
    }
}

.driver-layer__mask {
    -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_08_sm.webp);
    mask-image: url(/brand/goldenprix/tr-02/img/st_img_08_sm.webp);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
}

@media (min-width: 768px) {
    .driver-layer__mask {
        -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_08_lg.webp);
        mask-image: url(/brand/goldenprix/tr-02/img/st_img_08_lg.webp)
    }
}

@media (min-width: 768px) {
    .driver-layer__right {
        width: min(44.6875vw, 572px);
        margin-right: min(.3125vw, 4px)
    }
}

.video-js {
    width: 100%;
    height: 100%;
    padding-top: 56.25%;
    margin: 0 auto;
    color: #fff;
    background: #000
}

.video-js video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    outline: none
}

.video-js .vjs-big-play-button {
    margin: 0;
    background: url(/brand/goldenprix/tr-02/img/movie_button_flame.webp) no-repeat center/contain;
    filter: brightness(1);
    border: none;
    transition: all .4s cubic-bezier(.25, .1, .25, 1);
    transform: translate(-50%, -50%)
}

@media (max-width: 767.98px) {
    .video-js .vjs-big-play-button {
        width: calc(52 * var(--base-font, 1) / 10);
        height: calc(52 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .video-js .vjs-big-play-button {
        width: min(10.3125vw, 132px);
        height: min(10.3125vw, 132px)
    }
}

.video-js .vjs-big-play-button:focus {
    background: none
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    top: 50%;
    left: 50%;
    content: "";
    background: url(/brand/goldenprix/tr-02/img/movie_button_play.webp) no-repeat center/contain;
    transform: translate(-50%, -50%)
}

@media (max-width: 767.98px) {
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        width: calc(21 * var(--base-font, 1) / 10);
        height: calc(21 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        width: min(4.21875vw, 54px);
        height: min(4.21875vw, 54px)
    }
}

@media (min-width: 768px) {

    .video-js:hover .vjs-big-play-button,
    .video-js:focus-visible .vjs-big-play-button {
        background-color: transparent;
        filter: brightness(.8);
        transition: all .4s cubic-bezier(.25, .1, .25, 1)
    }
}

.anchor {
    padding-block: calc(36 * var(--base-font, 1) / 10) calc(68 * var(--base-font, 1) / 10)
}

@media (min-width: 768px) {
    .anchor {
        padding-block: min(4.453125vw, 57px) min(8.046875vw, 103px)
    }
}

@media (min-width: 768px) {
    .anchor .anchor-sub-title {
        margin-top: min(.234375vw, 3px)
    }
}

.anchor-title {
    width: 100%;
    width: calc(326 * var(--base-font, 1) / 10)
}

@media (min-width: 768px) {
    .anchor-title {
        width: min(32.96875vw, 422px)
    }
}

.anchor-list {
    display: flex
}

@media (max-width: 767.98px) {
    .anchor-list {
        flex-wrap: wrap;
        gap: calc(9 * var(--base-font, 1) / 10);
        margin-top: calc(34 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .anchor-list {
        gap: min(1.953125vw, 25px);
        margin-top: min(4.375vw, 56px)
    }
}

.anchor-list+.anchor-list {
    margin-top: calc(9 * var(--base-font, 1) / 10)
}

@media (min-width: 768px) {
    .anchor-list+.anchor-list {
        justify-content: center;
        margin-top: min(2.65625vw, 34px)
    }
}

.anchor-item {
    height: calc(46 * var(--base-font, 1) / 10)
}

@media (max-width: 767.98px) {
    .anchor-item {
        width: calc((100% - 9 * var(--base-font, 1) / 10) / 2)
    }
}

@media (min-width: 768px) {
    .anchor-item {
        width: calc((100% - (min(1.953125vw, 25px)*3))/4);
        height: calc(64 * var(--base-font, 1) / 10)
    }
}

.anchor-link {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border: 1px solid #fff;
    box-shadow: 0 0 10px #fff;
    transition: all .3s cubic-bezier(.215, .61, .355, 1)
}

.anchor-link:before {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, #c55b5b, #ae0000);
    transition: .5s
}

.anchor-link:after {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, #ae0000, #c55b5b);
    transition: .8s
}

.anchor-link .anchor-link__text {
    position: relative;
    z-index: 3;
    width: auto;
    height: calc(14 * var(--base-font, 1) / 10)
}

@media (min-width: 768px) {
    .anchor-link .anchor-link__text.anchor-link__text--fairwaywood {
        margin-right: min(.625vw, 8px)
    }
}

@media (max-width: 767.98px) {
    .anchor-link .anchor-link__text.anchor-link__text--two-line {
        display: block;
        width: -moz-fit-content;
        width: fit-content;
        height: calc(30 * var(--base-font, 1) / 10);
        margin-inline: auto
    }
}

@media (min-width: 768px) {
    .anchor-link .anchor-link__text {
        height: min(1.171875vw, 15px);
        margin-top: min(.15625vw, 2px)
    }
}

.anchor-link .anchor-link__text img {
    display: block;
    width: auto;
    height: 100%
}

.anchor-link .anchor-link__arrow {
    position: absolute;
    top: 50%;
    right: calc(10 * var(--base-font, 1) / 10);
    z-index: 3;
    content: "";
    transition: top .3s cubic-bezier(.215, .61, .355, 1);
    transform: translateY(-50%)
}

@media (min-width: 768px) {
    .anchor-link .anchor-link__arrow {
        right: min(.9375vw, 12px)
    }
}

@media (min-width: 768px) {
    .anchor-link .anchor-link__arrow .c-arrow-chevron-bottom {
        width: min(.78125vw, 10px)
    }
}

@media (min-width: 768px) {

    .anchor-link:hover,
    .anchor-link:focus-visible {
        box-shadow: 0 0 20px #fff;
        opacity: 1
    }

    .anchor-link:hover:before,
    .anchor-link:focus-visible:before {
        opacity: 0
    }

    .anchor-link:hover .anchor-link__arrow,
    .anchor-link:focus-visible .anchor-link__arrow {
        top: calc(50% + 3px)
    }
}

.anchor-position__wrapper {
    position: relative
}

.anchor-position__wrapper .anchor-position {
    position: absolute;
    top: 0
}

@media (min-width: 768px) {
    .anchor-position__wrapper .anchor-position.anchor-position--shaft {
        top: -72px
    }
}

@media (min-width: 768px) {
    .anchor-position__wrapper .anchor-position.anchor-position--price {
        top: -72px
    }
}

.line-up {
    position: relative
}

.line-up__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100lvh;
    background: linear-gradient(205deg, #242a40 12.35%, #000 51.42%)
}

.is-fixed .line-up__background {
    position: fixed
}

.fairwaywood {
    background: linear-gradient(40deg, #000, #090b10, #242a40)
}

@media (max-width: 767.98px) {
    .fairwaywood {
        padding-top: calc(76 * var(--base-font, 1) / 10);
        padding-bottom: calc(82 * var(--base-font, 1) / 10);
        background: linear-gradient(70deg, #000, #090b10 40%, #242a40)
    }
}

@media (min-width: 768px) {
    .fairwaywood {
        padding-top: min(11.71875vw, 150px);
        padding-bottom: min(12.5vw, 160px)
    }
}

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

@media (min-width: 768px) {
    .title-fairwaywood {
        width: min(51.875vw, 664px)
    }
}

@media (max-width: 767.98px) {
    .title-sub-fairwaywood {
        margin-top: calc(18 * var(--base-font, 1) / 10) !important
    }
}

.fairwaywood-column {
    display: flex
}

@media (max-width: 767.98px) {
    .fairwaywood-column {
        flex-direction: column;
        gap: calc(34 * var(--base-font, 1) / 10);
        align-items: center;
        margin-top: calc(54 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .fairwaywood-column {
        position: relative;
        gap: min(4.53125vw, 58px);
        align-items: start;
        justify-content: space-between;
        margin-top: min(5.15625vw, 66px)
    }
}

.fairwaywood-column__left {
    position: relative;
    width: 100%;
    overflow: hidden
}

@media (min-width: 768px) {
    .fairwaywood-column__left {
        width: min(37.8125vw, 484px);
        margin-top: min(9.140625vw, 117px)
    }
}

.fairwaywood-column__mask {
    -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_02_sm.webp);
    mask-image: url(/brand/goldenprix/tr-02/img/st_img_02_sm.webp);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
}

@media (min-width: 768px) {
    .fairwaywood-column__mask {
        -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_02_lg.webp);
        mask-image: url(/brand/goldenprix/tr-02/img/st_img_02_lg.webp)
    }
}

.fairwaywood-column__right {
    position: relative
}

@media (max-width: 767.98px) {
    .fairwaywood-column__right {
        top: 0;
        right: calc(3 * var(--base-font, 1) / 10);
        width: 101%
    }
}

@media (min-width: 768px) {
    .fairwaywood-column__right {
        position: absolute;
        top: 0;
        right: 0;
        width: min(40.546875vw, 519px);
        margin-right: max(-2.34375vw, -30px)
    }
}

.develop-layer {
    display: flex
}

@media (max-width: 767.98px) {
    .develop-layer {
        flex-direction: column;
        gap: calc(20 * var(--base-font, 1) / 10);
        align-items: center;
        margin-top: calc(80 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .develop-layer {
        align-items: start;
        justify-content: space-between;
        margin-top: min(8.4375vw, 108px)
    }
}

.develop-layer__left {
    position: relative;
    width: 100%;
    overflow: hidden
}

@media (min-width: 768px) {
    .develop-layer__left {
        width: min(27.34375vw, 350px);
        margin-top: min(5.78125vw, 74px)
    }
}

.develop-layer__mask {
    -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_power_layer_sm.webp);
    mask-image: url(/brand/goldenprix/tr-02/img/st_power_layer_sm.webp);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
}

@media (min-width: 768px) {
    .develop-layer__mask {
        -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_power_layer_lg.webp);
        mask-image: url(/brand/goldenprix/tr-02/img/st_power_layer_lg.webp)
    }
}

.develop-layer__right {
    position: relative
}

@media (min-width: 768px) {
    .develop-layer__right {
        width: min(45.234375vw, 579px)
    }
}

.fairwaywood-item {
    width: 100%
}

.fairwaywood-item.fairwaywood-item--second {
    position: absolute;
    top: 0;
    z-index: 2
}

.fairwaywood-item.fairwaywood-item--shine {
    position: absolute;
    top: 0;
    z-index: 2;
    mix-blend-mode: screen;
    transition-delay: .4s;
    transform: translateZ(0)
}

@media (max-width: 767.98px) {
    .fairwaywood-item.fairwaywood-item--shine {
        top: calc(-21 * var(--base-font, 1) / 10);
        right: calc(-61 * var(--base-font, 1) / 10);
        width: calc(180 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .fairwaywood-item.fairwaywood-item--shine {
        top: max(-2.734375vw, -35px);
        right: max(-5.3125vw, -68px);
        width: min(23.203125vw, 297px)
    }
}

.fairwaywood-structure {
    display: flex
}

@media (max-width: 767.98px) {
    .fairwaywood-structure {
        flex-direction: column;
        gap: calc(12 * var(--base-font, 1) / 10);
        margin-top: calc(30 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .fairwaywood-structure {
        justify-content: space-between;
        margin-top: calc(210 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .fairwaywood-structure__left {
        width: min(43.984375vw, 563px)
    }
}

@media (min-width: 768px) {
    .fairwaywood-structure__right {
        width: min(32.03125vw, 410px);
        margin-top: calc(12 * var(--base-font, 1) / 10)
    }
}

.fairwaywood-point {
    position: relative;
    line-height: 1.8;
    color: #bdbdbd
}

@media (max-width: 767.98px) {
    .fairwaywood-point {
        padding-left: calc(26 * var(--base-font, 1) / 10);
        font-size: calc(16 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .fairwaywood-point {
        padding-left: min(1.875vw, 24px);
        font-size: min(1.25vw, 16px)
    }
}

.fairwaywood-point:before {
    position: absolute;
    left: 0;
    clip-path: polygon(0 0, 0% 100%, 100% 51%);
    content: "";
    background: #bdbdbd
}

@media (max-width: 767.98px) {
    .fairwaywood-point:before {
        top: calc(6 * var(--base-font, 1) / 10);
        width: calc(14 * var(--base-font, 1) / 10);
        height: calc(14 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .fairwaywood-point:before {
        top: min(.46875vw, 6px);
        width: min(1.09375vw, 14px);
        height: min(1.09375vw, 14px)
    }
}

.fairwaywood-point+.fairwaywood-point {
    margin-top: min(.9375vw, 12px)
}

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

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

@media (min-width: 768px) {
    .fairwaywood-compare {
        margin-top: min(2.265625vw, 29px)
    }
}

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

@media (min-width: 768px) {
    .effective {
        margin-top: min(3.125vw, 40px)
    }
}

.effective-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Noto Sans JP, sans-serif;
    background: linear-gradient(90deg, #c40f25, #430308)
}

@media (max-width: 767.98px) {
    .effective-title {
        padding-block: calc(6 * var(--base-font, 1) / 10) calc(7 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .effective-title {
        height: min(5.3125vw, 68px)
    }
}

.effective-title p {
    font-weight: 800;
    color: #fff
}

@media (max-width: 767.98px) {
    .effective-title p {
        font-size: calc(18 * var(--base-font, 1) / 10);
        line-height: 1.3;
        text-align: center
    }
}

@media (min-width: 768px) {
    .effective-title p {
        margin-bottom: min(.15625vw, 2px);
        font-size: min(2.34375vw, 30px)
    }
}

@media (max-width: 767.98px) {
    .effective-title {
        padding-block: calc(3 * var(--base-font, 1) / 10) calc(6 * var(--base-font, 1) / 10);
        font-size: calc(18 * var(--base-font, 1) / 10)
    }
}

.effective-content {
    display: grid;
    background: linear-gradient(95deg, #fff 69.41%, #ffffffb3)
}

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

@media (min-width: 768px) {
    .effective-content {
        grid-template-columns: repeat(2, 1fr);
        padding: min(.9375vw, 12px) min(.46875vw, 6px) min(2.34375vw, 30px)
    }
}

.effective-content__left {
    position: relative;
    margin-inline: auto
}

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

@media (min-width: 768px) {
    .effective-content__left {
        left: max(-.78125vw, -10px);
        width: min(32.96875vw, 422px)
    }
}

@media (max-width: 767.98px) {
    .effective-content__right {
        padding-inline: calc(17 * var(--base-font, 1) / 10);
        padding-bottom: calc(17 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .effective-content__right {
        padding-right: min(3.515625vw, 45px);
        margin-top: min(2.734375vw, 35px);
        margin-left: min(.46875vw, 6px)
    }
}

.effective__outline {
    font-weight: 700;
    color: #c00c22
}

@media (max-width: 767.98px) {
    .effective__outline {
        margin-top: calc(11 * var(--base-font, 1) / 10);
        font-size: calc(16 * var(--base-font, 1) / 10);
        line-height: 1.4;
        text-align: center
    }
}

@media (min-width: 768px) {
    .effective__outline {
        font-size: min(2.03125vw, 26px);
        line-height: 1.3
    }
}

.effective__text {
    font-weight: 500;
    line-height: 1.8
}

@media (max-width: 767.98px) {
    .effective__text {
        margin-top: calc(9 * var(--base-font, 1) / 10);
        font-size: calc(14 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .effective__text {
        margin-top: min(.9375vw, 12px);
        font-size: min(1.25vw, 16px);
        letter-spacing: 0
    }
}

.utility {
    background: linear-gradient(40deg, #000, #090b10, #242a40)
}

@media (max-width: 767.98px) {
    .utility {
        padding-top: calc(76 * var(--base-font, 1) / 10);
        padding-bottom: calc(97 * var(--base-font, 1) / 10);
        background: linear-gradient(70deg, #000, #090b10 40%, #242a40)
    }
}

@media (min-width: 768px) {
    .utility {
        padding-top: min(11.71875vw, 150px);
        padding-bottom: min(12.5vw, 160px)
    }
}

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

@media (min-width: 768px) {
    .title-utility {
        width: min(23.90625vw, 306px)
    }
}

.utility-column {
    display: flex;
    align-items: center
}

@media (max-width: 767.98px) {
    .utility-column {
        flex-direction: column;
        gap: calc(50 * var(--base-font, 1) / 10);
        margin-top: calc(43 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .utility-column {
        margin-top: min(3.203125vw, 41px)
    }
}

@media (min-width: 768px) {
    .utility-left {
        width: min(45.15625vw, 578px);
        margin-top: calc(65 * var(--base-font, 1) / 10)
    }
}

.utility-string--strong {
    position: relative;
    width: 100%;
    overflow: hidden
}

.utility-string__mask {
    -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_03_sm.webp);
    mask-image: url(/brand/goldenprix/tr-02/img/st_img_03_sm.webp);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
}

@media (min-width: 768px) {
    .utility-string__mask {
        -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_03_lg.webp);
        mask-image: url(/brand/goldenprix/tr-02/img/st_img_03_lg.webp)
    }
}

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

@media (min-width: 768px) {
    .utility-point__list {
        margin-top: min(4.375vw, 56px)
    }
}

.utility-right {
    position: relative
}

@media (min-width: 768px) {
    .utility-right {
        width: min(25.15625vw, 322px)
    }
}

.utility-item.utility-item--first {
    position: relative;
    z-index: 2
}

@media (max-width: 767.98px) {
    .utility-item.utility-item--first {
        width: calc(190 * var(--base-font, 1) / 10)
    }
}

.utility-item.utility-item--shine {
    position: absolute;
    z-index: 2;
    mix-blend-mode: screen;
    transition-delay: .4s;
    transform: translateZ(0)
}

@media (max-width: 767.98px) {
    .utility-item.utility-item--shine {
        top: calc(-23 * var(--base-font, 1) / 10);
        right: calc(-47 * var(--base-font, 1) / 10);
        width: calc(166 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .utility-item.utility-item--shine {
        top: max(-2.890625vw, -37px);
        right: max(-6.25vw, -80px);
        width: min(20.625vw, 264px)
    }
}

.utility-structure {
    margin-inline: auto
}

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

@media (min-width: 768px) {
    .utility-structure {
        width: min(57.65625vw, 738px);
        margin-top: min(2.34375vw, 30px)
    }
}

.iron {
    background: linear-gradient(40deg, #000, #090b10, #242a40)
}

@media (max-width: 767.98px) {
    .iron {
        padding-top: calc(76 * var(--base-font, 1) / 10);
        padding-bottom: calc(89 * var(--base-font, 1) / 10);
        background: linear-gradient(70deg, #000, #090b10 40%, #242a40)
    }
}

@media (min-width: 768px) {
    .iron {
        padding-top: min(11.71875vw, 150px);
        padding-bottom: min(12.5vw, 160px)
    }
}

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

@media (min-width: 768px) {
    .title-iron {
        width: min(46.328125vw, 593px)
    }
}

.iron-column {
    display: flex
}

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

@media (min-width: 768px) {
    .iron-column {
        margin-top: min(5.078125vw, 65px)
    }
}

@media (min-width: 768px) {
    .iron-column__left {
        width: min(38.828125vw, 497px);
        margin-top: calc(29 * var(--base-font, 1) / 10)
    }
}

.iron-column__title {
    position: relative;
    width: 100%;
    overflow: hidden
}

@media (max-width: 767.98px) {
    .iron-column__title {
        right: calc(13 * var(--base-font, 1) / 10);
        width: 108%;
        margin-inline: auto
    }
}

@media (min-width: 768px) {
    .iron-column__title {
        margin-top: min(3.515625vw, 45px)
    }
}

.iron-column__mask {
    -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_04_sm.webp);
    mask-image: url(/brand/goldenprix/tr-02/img/st_img_04_sm.webp);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
}

@media (min-width: 768px) {
    .iron-column__mask {
        -webkit-mask-image: url(/brand/goldenprix/tr-02/img/st_img_04_lg.webp);
        mask-image: url(/brand/goldenprix/tr-02/img/st_img_04_lg.webp)
    }
}

.iron-column__right {
    position: relative
}

@media (max-width: 767.98px) {
    .iron-column__right {
        left: calc(1 * var(--base-font, 1) / 10);
        width: calc(303 * var(--base-font, 1) / 10);
        margin-top: calc(-17 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .iron-column__right {
        top: max(-.546875vw, -7px);
        left: min(1.328125vw, 17px);
        width: min(36.875vw, 472px)
    }
}

.iron-item {
    width: 100%
}

.iron-item.iron-item--second {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%
}

.iron-item.iron-item--shine {
    position: absolute;
    z-index: 2;
    mix-blend-mode: screen;
    transition-delay: .4s;
    transform: translateZ(0)
}

@media (max-width: 767.98px) {
    .iron-item.iron-item--shine {
        top: calc(13 * var(--base-font, 1) / 10);
        right: calc(-13 * var(--base-font, 1) / 10);
        z-index: 2;
        width: calc(144 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .iron-item.iron-item--shine {
        top: min(1.5625vw, 20px);
        right: max(-2.65625vw, -34px);
        width: min(18.203125vw, 233px)
    }
}

.iron-structure {
    display: grid
}

@media (max-width: 767.98px) {
    .iron-structure {
        gap: calc(20 * var(--base-font, 1) / 10);
        margin-top: calc(70 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .iron-structure {
        grid-template-columns: repeat(2, 1fr);
        gap: calc(10 * var(--base-font, 1) / 10);
        margin-top: min(4.6875vw, 60px)
    }
}

@media (min-width: 768px) {
    .iron-structure__item.iron-structure__item--01 {
        grid-area: 1/1/2/3
    }

    .iron-structure__item.iron-structure__item--02 {
        grid-area: 2/1/3/2
    }

    .iron-structure__item.iron-structure__item--03 {
        grid-area: 2/2/3/3
    }
}

.product {
    position: relative;
    z-index: 5
}

.product-head {
    background: #270101
}

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

@media (min-width: 768px) {
    .product-head {
        padding-block: min(4.296875vw, 55px) min(4.140625vw, 53px)
    }
}

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

@media (min-width: 768px) {
    .title-specifications {
        width: min(49.6875vw, 636px)
    }
}

@media (min-width: 768px) {
    .title-sub-specifications {
        margin-top: min(1.09375vw, 14px) !important
    }
}

.product-content {
    position: relative;
    background: #000
}

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

.product-background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100lvh
}

@media (max-width: 767.98px) {
    .product-background {
        height: 153.333vw
    }
}

@media (min-width: 768px) {
    .product-background {
        height: 65.54vw
    }
}

.product-background img {
    width: 100%;
    height: 100%
}

.is-fixed .product-background {
    position: fixed
}

.product-box {
    position: relative;
    z-index: 2
}

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

@media (min-width: 768px) {
    .product-box {
        padding-block: min(8.59375vw, 110px) min(9.375vw, 120px)
    }

    .product-box+.product-box {
        padding-bottom: min(3.90625vw, 50px)
    }
}

@media (min-width: 768px) {
    .product-box.product-box--utility {
        padding-top: min(7.96875vw, 102px)
    }
}

@media (min-width: 768px) {
    .product-box.product-box--iron {
        padding-top: min(8.203125vw, 105px)
    }
}

.product-box__head {
    position: relative
}

.product-box__title {
    position: relative;
    display: flex;
    overflow: hidden
}

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

@media (min-width: 768px) {
    .product-box__title {
        gap: min(.78125vw, 10px);
        align-items: center;
        padding: min(1.328125vw, 17px) min(1.796875vw, 23px) min(1.40625vw, 18px)
    }
}

@media (max-width: 767.98px) {
    .product-box__title.product-box__title--high {
        padding-block: calc(15 * var(--base-font, 1) / 10) calc(12 * var(--base-font, 1) / 10)
    }
}

.product-box__title:before {
    position: absolute;
    content: ""
}

@media (max-width: 767.98px) {
    .product-box__title:before {
        top: 50%;
        left: calc(-34 * var(--base-font, 1) / 10);
        width: calc(369 * var(--base-font, 1) / 10);
        aspect-ratio: 369/220;
        background: url(/brand/goldenprix/tr-02/img/product_title_flame_sm.webp) no-repeat;
        background-size: contain;
        transform: translateY(-50%)
    }
}

@media (min-width: 768px) {
    .product-box__title:before {
        top: max(-11.328125vw, -145px);
        left: max(-5.9375vw, -76px);
        width: min(65.78125vw, 842px);
        aspect-ratio: 842/502;
        background: url(/brand/goldenprix/tr-02/img/product_title_flame_lg.webp) no-repeat;
        background-size: contain
    }
}

.product-box__title .product-box__head--en {
    position: relative;
    z-index: 2
}

@media (min-width: 768px) {
    .product-box__title .product-box__head--en img {
        width: auto;
        height: min(2.03125vw, 26px)
    }

    .roduct-box__head .product-box__title .product-box__head--en img {
        height: min(2.421875vw, 31px)
    }
}

@media (max-width: 767.98px) {
    .product-box__title .product-box__head--en img {
        width: auto;
        height: calc(21 * var(--base-font, 1) / 10)
    }
}

@media (max-width: 767.98px) {
    .product-box__title .product-box__head--en.product-box__head--high img {
        height: calc(52 * var(--base-font, 1) / 10)
    }
}

@media (max-width: 767.98px) {
    .product-box__title .product-box__head--en.product-box__head--utility img {
        height: calc(25 * var(--base-font, 1) / 10)
    }
}

@media (max-width: 767.98px) {
    .product-box__title .product-box__head--en.product-box__head--iron img {
        height: calc(25 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-box__title .product-box__head--en.product-box__head--iron img {
        height: calc(31 * var(--base-font, 1) / 10)
    }
}

.product-box__title .product-box__head--ja {
    position: relative;
    z-index: 2;
    line-height: 1;
    font-weight: 700;
    background: var(--linear, linear-gradient(90deg, #ededed 7.19%, #93969a 100%));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 767.98px) {
    .product-box__title .product-box__head--ja {
        font-size: calc(16 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-box__title .product-box__head--ja {
        margin-top: min(.46875vw, 6px);
        font-size: min(1.40625vw, 18px)
    }
}

@media (max-width: 767.98px) {
    .product-box__image {
        display: block;
        margin-inline: auto
    }
}

@media (min-width: 768px) {
    .product-box__image {
        position: absolute
    }
}

@media (max-width: 767.98px) {
    .product-box__image.product-box__image--driver {
        position: relative;
        right: calc(2 * var(--base-font, 1) / 10);
        width: 90%;
        margin-top: calc(11 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-box__image.product-box__image--driver {
        top: max(-3.828125vw, -49px);
        right: max(-1.328125vw, -17px);
        width: min(31.015625vw, 397px)
    }
}

@media (max-width: 767.98px) {
    .product-box__image.product-box__image--fairwaywood {
        position: relative;
        right: calc(3 * var(--base-font, 1) / 10);
        display: block;
        width: calc(284 * var(--base-font, 1) / 10);
        margin-inline: auto;
        margin-top: calc(26 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-box__image.product-box__image--fairwaywood {
        top: max(-2.1875vw, -28px);
        right: max(-.9375vw, -12px);
        width: min(29.6875vw, 380px)
    }
}

@media (max-width: 767.98px) {
    .product-box__image.product-box__image--utility {
        position: relative;
        top: calc(22 * var(--base-font, 1) / 10);
        width: calc(115 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-box__image.product-box__image--utility {
        top: max(-2.578125vw, -33px);
        right: min(8.671875vw, 111px);
        z-index: -1;
        width: min(11.953125vw, 153px)
    }
}

@media (max-width: 767.98px) {
    .product-box__image.product-box__image--iron {
        position: relative;
        right: calc(13 * var(--base-font, 1) / 10);
        width: calc(228 * var(--base-font, 1) / 10);
        margin-top: calc(31 * var(--base-font, 1) / 10);
        margin-bottom: calc(8 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-box__image.product-box__image--iron {
        top: max(-.15625vw, -2px);
        right: max(-1.171875vw, -15px);
        width: min(26.328125vw, 337px)
    }
}

.product-type {
    display: grid;
    color: #fff
}

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

@media (min-width: 768px) {
    .product-type {
        grid-template-columns: repeat(2, min(27.34375vw, 350px));
        gap: min(1.71875vw, 22px);
        margin-top: min(4.453125vw, 57px)
    }
}

@media (min-width: 768px) {
    .product-type.product-type--one {
        grid-template-columns: repeat(1, min(50.46875vw, 646px))
    }
}

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

@media (min-width: 768px) {
    .product-type.product-type--fairwaywood {
        margin-top: calc(71 * var(--base-font, 1) / 10)
    }
}

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

@media (min-width: 768px) {
    .product-type.product-type--utility {
        margin-top: calc(67 * var(--base-font, 1) / 10)
    }
}

.product-type.product-type--iron {
    grid-template-columns: repeat(1, 100%)
}

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

@media (min-width: 768px) {
    .product-type.product-type--iron {
        gap: calc(20 * var(--base-font, 1) / 10);
        width: min(54.921875vw, 703px);
        margin-top: calc(17 * var(--base-font, 1) / 10)
    }
}

.product-type__title {
    font-weight: 700;
    line-height: 1.5;
    color: #bdbdbd;
    letter-spacing: 0
}

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

@media (min-width: 768px) {
    .product-type__title {
        padding-bottom: min(1.09375vw, 14px);
        font-size: min(1.5625vw, 20px)
    }
}

.product-type__title.product-type__title--small {
    border: none
}

@media (min-width: 768px) {
    .product-type__title.product-type__title--small {
        display: flex;
        align-items: center;
        height: min(7.8125vw, 100px);
        font-size: min(1.40625vw, 18px)
    }
}

@media (max-width: 767.98px) {
    .product-type__title.product-type__title--first {
        padding: 0;
        border: none
    }
}

.price-shaft__caption {
    color: #bdbdbd;
    letter-spacing: 0
}

@media (max-width: 767.98px) {
    .price-shaft__caption {
        margin-top: calc(5 * var(--base-font, 1) / 10);
        font-size: calc(10 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .price-shaft__caption {
        font-size: min(.9375vw, 12px);
        line-height: 1.8
    }
}

.price-shaft-price__column {
    display: flex
}

@media (max-width: 767.98px) {
    .price-shaft-price__column {
        flex-direction: column
    }
}

@media (min-width: 768px) {
    .price-shaft-price__column {
        gap: min(2.578125vw, 33px);
        margin-top: min(.9375vw, 12px)
    }
}

.price-shaft-price__box {
    display: flex;
    align-items: center
}

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

@media (min-width: 768px) {
    .price-shaft-price__box {
        gap: min(1.171875vw, 15px)
    }
}

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

.price-shaft-price__type {
    font-weight: 700;
    color: #bdbdbd;
    letter-spacing: 0
}

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

@media (min-width: 768px) {
    .price-shaft-price__type {
        font-size: min(1.40625vw, 18px)
    }
}

.product-type__name {
    line-height: 1.4
}

@media (max-width: 767.98px) {
    .product-type__name {
        margin-top: calc(9 * var(--base-font, 1) / 10);
        margin-right: calc(-15 * var(--base-font, 1) / 10);
        font-size: calc(14 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-type__name {
        height: min(3.59375vw, 46px);
        margin-top: min(1.171875vw, 15px);
        font-size: min(1.25vw, 16px)
    }
}

.product-table__scroll {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.product-table__scroll::-webkit-scrollbar {
    display: none
}

.product-table__container {
    margin-right: calc(50% - 50vw)
}

@media (max-width: 767.98px) {
    .product-table__container {
        position: relative;
        margin-top: calc(34 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .product-table__container {
        margin-top: min(4.921875vw, 63px)
    }
}

@media (min-width: 768px) {
    .product-table__container.product-table__container--utility {
        margin-top: min(5.625vw, 72px)
    }
}

@media (min-width: 768px) {
    .product-table__container.product-table__container--fairwaywood {
        margin-top: min(6.875vw, 88px)
    }
}

@media (min-width: 768px) {
    .product-table__container.product-table__container--iron {
        margin-top: min(3.984375vw, 51px)
    }
}

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

@media (min-width: 768px) {
    .product-table {
        width: min(78.125vw, 1000px)
    }
}

.simplebar-placeholder {
    display: none
}

.product-table__caption {
    margin-inline: auto;
    color: #bdbdbd;
    text-align: left;
    letter-spacing: 0
}

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

@media (min-width: 768px) {
    .product-table__caption {
        width: min(78.125vw, 1000px);
        margin-top: min(.78125vw, 10px);
        font-size: min(.9375vw, 12px);
        line-height: 1.8
    }
}

@media (max-width: 767.98px) {
    .price {
        padding-bottom: calc(68 * var(--base-font, 1) / 10);
        margin-top: calc(25 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .price {
        margin-top: min(2.65625vw, 34px)
    }
}

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

.price-head {
    display: flex;
    align-items: end;
    border-bottom: 1px solid #bdbdbd
}

@media (max-width: 767.98px) {
    .price-head {
        gap: calc(13 * var(--base-font, 1) / 10);
        padding-bottom: calc(10 * var(--base-font, 1) / 10);
        margin-bottom: calc(21 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .price-head {
        gap: min(.859375vw, 11px);
        padding-bottom: min(.859375vw, 11px);
        margin-bottom: min(1.5625vw, 20px)
    }
}

@media (max-width: 767.98px) {
    .price-head--en {
        width: calc(95 * var(--base-font, 1) / 10);
        margin-left: calc(3 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .price-head--en {
        width: min(9.21875vw, 118px);
        margin-left: min(.78125vw, 10px)
    }
}

.price-head--ja {
    line-height: 1;
    font-weight: 700;
    background: var(--linear, linear-gradient(90deg, #ededed 7.19%, #93969a 100%));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 767.98px) {
    .price-head--ja {
        font-size: calc(16 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .price-head--ja {
        font-size: min(1.40625vw, 18px)
    }
}

.price-shaft {
    display: flex;
    justify-content: space-between
}

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

.price-shaft .price-shaft--row {
    flex-direction: row
}

.price-shaft .price-shaft--column {
    flex-direction: column
}

.price-shaft__title {
    line-height: 1.8;
    font-weight: 700;
    background: var(--linear, linear-gradient(90deg, #ededed 7.19%, #93969a 100%));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 767.98px) {
    .price-shaft__title {
        margin-bottom: calc(2 * var(--base-font, 1) / 10);
        font-size: calc(18 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .price-shaft__title {
        font-size: min(1.875vw, 24px)
    }
}

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

@media (min-width: 768px) {
    .price-shaft__set {
        margin-top: min(.9375vw, 12px)
    }
}

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

.price-shaft__set.price-shaft__set--two {
    margin-top: 0
}

@media (min-width: 768px) {
    .price-shaft__set.price-shaft__set--two {
        display: flex;
        gap: min(1.5625vw, 20px)
    }
}

.price-shaft__item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 768px) {
    .price-shaft__item {
        gap: min(.625vw, 8px)
    }
}

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

.product-type__item-column {
    display: flex;
    border-bottom: 1px solid #fff
}

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

@media (min-width: 768px) {
    .product-type__item-column {
        gap: calc(50 * var(--base-font, 1) / 10)
    }
}

.price-shaft__outline {
    font-weight: 700;
    color: #bdbdbd;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .price-shaft__outline {
        font-size: min(1.40625vw, 18px);
        line-height: 1.5
    }
}

.price-shaft__dot {
    flex-grow: 1;
    height: 2px;
    background-image: linear-gradient(to right, #bdbdbd 2px, transparent 2px);
    background-repeat: repeat-x;
    background-size: 6px 2px
}

.price-shaft__name {
    font-weight: 700;
    color: #bdbdbd;
    letter-spacing: 0
}

@media (max-width: 767.98px) {
    .price-shaft__name {
        padding-right: calc(7 * var(--base-font, 1) / 10);
        font-size: calc(14 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .price-shaft__name {
        font-size: min(1.40625vw, 18px)
    }
}

.price-shaft__price {
    line-height: 1.8;
    letter-spacing: 0;
    font-weight: 700;
    background: var(--linear, linear-gradient(90deg, #ededed 7.19%, #93969a 100%));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 767.98px) {
    .price-shaft__price {
        margin-top: calc(9 * var(--base-font, 1) / 10);
        font-size: calc(22 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .price-shaft__price {
        font-size: min(2.34375vw, 30px)
    }
}

@media (max-width: 767.98px) {
    .price-shaft__set .price-shaft__price {
        margin-top: 0;
        font-size: calc(20 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .price-shaft__set .price-shaft__price {
        font-size: min(1.71875vw, 22px)
    }
}

.scroll-contents-wrap {
    height: 50vh;
    margin-right: 50px;
    overflow-y: scroll;
    scrollbar-width: none;
    background-color: #ccc;
    -ms-overflow-style: none
}

.scroll-contents-wrap::-webkit-scrollbar {
    display: none
}

.simplebar-scrollbar {
    height: 100%;
    background: #fff;
    border-radius: 100vmax
}

.simplebar-scrollbar:before {
    height: 5px !important;
    margin-top: 3px;
    margin-left: 2px;
    content: none;
    background: #fff;
    border-radius: 0
}

.simplebar-track {
    width: calc(320 * var(--base-font, 1) / 10);
    height: 3px !important;
    margin-top: calc(20 * var(--base-font, 1) / 10);
    background: #414141;
    border-radius: 100vmax
}

@media (min-width: 768px) {
    .simplebar-track {
        display: none
    }
}

.simplebar-track.simplebar-vertical {
    display: none
}

.other {
    position: relative;
    z-index: 5;
    background: linear-gradient(199deg, #242a40 3.56%, #000 60.34%)
}

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

@media (min-width: 768px) {
    .title-shaft {
        width: min(21.09375vw, 270px)
    }
}

@media (max-width: 767.98px) {
    .title-sub-shaft {
        font-size: calc(18 * var(--base-font, 1) / 10) !important
    }
}

@media (max-width: 767.98px) {
    .other-content {
        padding-block: calc(90 * var(--base-font, 1) / 10) calc(57 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .other-content {
        padding-block: min(9.0625vw, 116px) min(11.171875vw, 143px)
    }
}

.shaft-tagline {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 767.98px) {
    .shaft-tagline {
        gap: calc(17 * var(--base-font, 1) / 10);
        margin-top: calc(53 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .shaft-tagline {
        gap: min(1.5625vw, 20px);
        margin-top: min(6.25vw, 80px)
    }
}

@media (max-width: 767.98px) {
    .shaft-tagline__image {
        width: 120%
    }
}

@media (min-width: 768px) {
    .shaft-tagline__message {
        width: min(51.171875vw, 655px)
    }
}

.shaft-explain {
    display: flex;
    justify-content: space-between;
    color: #bdbdbd
}

@media (max-width: 767.98px) {
    .shaft-explain {
        flex-direction: column;
        gap: calc(7 * var(--base-font, 1) / 10);
        margin-top: calc(45 * var(--base-font, 1) / 10);
        line-height: 1.7
    }
}

@media (min-width: 768px) {
    .shaft-explain {
        margin-top: min(4.6875vw, 60px)
    }
}

.shaft-explain__abstract {
    width: 100%
}

@media (min-width: 768px) {
    .shaft-explain__abstract {
        width: min(35.15625vw, 450px)
    }
}

.shaft-explain__text {
    line-height: 1.9;
    letter-spacing: 0
}

@media (max-width: 767.98px) {
    .shaft-explain__text {
        font-size: calc(14 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .shaft-explain__text {
        width: min(40.859375vw, 523px);
        font-size: min(1.25vw, 16px)
    }
}

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

@media (min-width: 768px) {
    .shaft-angle {
        margin-top: min(5.078125vw, 65px)
    }
}

.shaft-angle__head {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Noto Sans JP, sans-serif;
    background: linear-gradient(90deg, #c40f25, #430308)
}

@media (max-width: 767.98px) {
    .shaft-angle__head {
        padding-block: calc(6 * var(--base-font, 1) / 10) calc(7 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .shaft-angle__head {
        height: min(5.3125vw, 68px)
    }
}

.shaft-angle__head p {
    font-weight: 800;
    color: #fff
}

@media (max-width: 767.98px) {
    .shaft-angle__head p {
        font-size: calc(18 * var(--base-font, 1) / 10);
        line-height: 1.3;
        text-align: center
    }
}

@media (min-width: 768px) {
    .shaft-angle__head p {
        margin-bottom: min(.15625vw, 2px);
        font-size: min(2.34375vw, 30px)
    }
}

.shaft-angle__outline {
    font-weight: 700;
    color: #bdbdbd;
    letter-spacing: 0
}

@media (max-width: 767.98px) {
    .shaft-angle__outline {
        margin-top: calc(24 * var(--base-font, 1) / 10);
        font-size: calc(17 * var(--base-font, 1) / 10);
        text-align: center
    }
}

@media (min-width: 768px) {
    .shaft-angle__outline {
        margin-top: min(1.640625vw, 21px);
        font-size: min(1.5625vw, 20px)
    }
}

.shaft-angle__text {
    font-weight: 500;
    color: #bdbdbd
}

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

@media (min-width: 768px) {
    .shaft-angle__text {
        margin-top: min(.78125vw, 10px);
        font-size: min(1.25vw, 16px)
    }
}

@media (max-width: 767.98px) {
    .angle-compare {
        margin-top: calc(22 * var(--base-font, 1) / 10);
        margin-right: calc(50% - 50vw)
    }
}

@media (min-width: 768px) {
    .angle-compare {
        margin-top: min(1.875vw, 24px)
    }
}

.angle-compare__scroll {
    overflow-y: hidden
}

.angle-compare__caption {
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 1em;
    line-height: 1.8;
    color: #bdbdbd;
    text-indent: -1em;
    letter-spacing: 0
}

@media (max-width: 767.98px) {
    .angle-compare__caption {
        margin-top: calc(15 * var(--base-font, 1) / 10);
        font-size: calc(10 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .angle-compare__caption {
        margin-top: min(.78125vw, 10px);
        font-size: min(.9375vw, 12px)
    }
}

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

@media (min-width: 768px) {
    .head-speed {
        margin-top: min(8.59375vw, 110px)
    }
}

.head-speed__head {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Noto Sans JP, sans-serif;
    background: linear-gradient(90deg, #c40f25, #430308)
}

@media (max-width: 767.98px) {
    .head-speed__head {
        padding-block: calc(6 * var(--base-font, 1) / 10) calc(7 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .head-speed__head {
        height: min(5.3125vw, 68px)
    }
}

.head-speed__head p {
    font-weight: 800;
    color: #fff
}

@media (max-width: 767.98px) {
    .head-speed__head p {
        font-size: calc(18 * var(--base-font, 1) / 10);
        line-height: 1.3;
        text-align: center
    }
}

@media (min-width: 768px) {
    .head-speed__head p {
        margin-bottom: min(.15625vw, 2px);
        font-size: min(2.34375vw, 30px)
    }
}

@media (max-width: 767.98px) {
    .head-speed__head p {
        position: relative;
        left: calc(8 * var(--base-font, 1) / 10)
    }
}

.head-speed__content {
    background: linear-gradient(95deg, #fff 53.16%, #fffc 103.54%)
}

.factory {
    position: relative;
    background: #292e42
}

@media (max-width: 767.98px) {
    .factory {
        padding-block: calc(56 * var(--base-font, 1) / 10) calc(63 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .factory {
        padding-block: min(5.46875vw, 70px) min(6.25vw, 80px)
    }
}

@media (max-width: 767.98px) {
    .factory .factory-sub-title {
        margin-top: calc(10 * var(--base-font, 1) / 10);
        font-size: calc(22 * var(--base-font, 1) / 10);
        color: #fff;
        text-align: center;
        text-shadow: none
    }
}

@media (min-width: 768px) {
    .factory .factory-sub-title {
        margin-top: min(.9375vw, 12px);
        font-size: min(1.71875vw, 22px);
        letter-spacing: 0
    }
}

.factory-background {
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 767.98px) {
    .factory-background {
        height: 100%;
        aspect-ratio: 375/442;
        background: url(/brand/goldenprix/tr-02/img/img_hikone_factory_sm.webp) no-repeat;
        background-size: cover
    }
}

@media (min-width: 768px) {
    .factory-background {
        left: min(52.734375vw, 675px);
        max-width: min(102.890625vw, 1317px);
        aspect-ratio: 1317/461;
        background: url(/brand/goldenprix/tr-02/img/img_hikone_factory_lg.webp) no-repeat;
        background-size: contain
    }
}

@media (max-width: 767.98px) {
    .factory-title {
        width: calc(228 * var(--base-font, 1) / 10);
        margin-inline: auto
    }
}

@media (min-width: 768px) {
    .factory-title {
        width: min(37.5vw, 480px)
    }
}

.factory-text {
    line-height: 1.8;
    color: #fff
}

@media (max-width: 767.98px) {
    .factory-text {
        margin-top: calc(18 * var(--base-font, 1) / 10);
        font-size: calc(14 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .factory-text {
        margin-top: min(1.796875vw, 23px);
        font-size: min(1.25vw, 16px)
    }
}

.factory-button {
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 767.98px) {
    .factory-button {
        width: calc(300 * var(--base-font, 1) / 10);
        height: calc(54 * var(--base-font, 1) / 10);
        margin-inline: auto;
        margin-top: calc(35 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .factory-button {
        height: min(5vw, 64px);
        margin-top: min(3.203125vw, 41px)
    }
}

.factory-link {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border: 1px solid #fff;
    box-shadow: 0 0 10px #fff;
    transition: all .3s cubic-bezier(.215, .61, .355, 1)
}

@media (min-width: 768px) {
    .factory-link {
        padding-inline: min(2.34375vw, 30px) min(3.125vw, 40px)
    }
}

.factory-link:before {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, #c55b5b, #ae0000);
    transition: .5s
}

.factory-link:after {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, #ae0000, #c55b5b);
    transition: .8s
}

@media (min-width: 768px) {

    .factory-link:hover,
    .factory-link:focus-visible {
        box-shadow: 0 0 20px #fff;
        opacity: 1
    }

    .factory-link:hover:before,
    .factory-link:focus-visible:before {
        opacity: 0
    }

    .factory-link:hover .factory-link__arrow,
    .factory-link:focus-visible .factory-link__arrow {
        right: min(1.09375vw, 14px)
    }
}

.factory-link__text {
    position: relative;
    z-index: 3;
    display: flex;
    width: auto;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    text-align: center
}

@media (max-width: 767.98px) {
    .factory-link__text {
        top: 1px;
        right: calc(4 * var(--base-font, 1) / 10);
        font-size: calc(15 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .factory-link__text {
        top: min(.078125vw, 1px);
        font-size: min(1.328125vw, 17px)
    }
}

.factory-link__arrow {
    position: absolute;
    top: calc(50% - 1px);
    z-index: 3;
    content: "";
    transition: right .3s cubic-bezier(.215, .61, .355, 1);
    transform: translateY(-50%)
}

@media (max-width: 767.98px) {
    .factory-link__arrow {
        right: calc(12 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .factory-link__arrow {
        right: min(1.328125vw, 17px)
    }
}

@media (max-width: 767.98px) {
    .angle-table {
        width: calc(1000 * var(--base-font, 1) / 10)
    }
}

.angle-table th,
.angle-table td {
    text-align: center;
    border: 1px solid #000
}

@media (max-width: 767.98px) {

    .angle-table th,
    .angle-table td {
        padding-block: calc(5 * var(--base-font, 1) / 10);
        font-size: calc(16 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {

    .angle-table th,
    .angle-table td {
        padding-block: min(.390625vw, 5px);
        font-size: min(1.25vw, 16px)
    }
}

.angle-table th {
    font-weight: 400;
    color: #fff;
    background: #55575c
}

.angle-table td {
    background: #fff
}

@media (max-width: 767.98px) {
    .angle-table td {
        width: calc(66 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .angle-table td {
        width: min(5.15625vw, 66px)
    }
}

.angle-table .angle-table__wrapper {
    position: relative
}

@media (max-width: 767.98px) {
    .angle-table .angle-table__outline {
        width: calc(214 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .angle-table .angle-table__outline {
        width: min(16.71875vw, 214px)
    }
}

@media (max-width: 767.98px) {
    .angle-compare__table {
        position: relative;
        padding-block: calc(23 * var(--base-font, 1) / 10) calc(2 * var(--base-font, 1) / 10)
    }
}

@media (max-width: 767.98px) {
    .angle-compare__table .scroll-hint-icon {
        top: 50%;
        left: 50%;
        z-index: 10;
        width: calc(210 * var(--base-font, 1) / 10);
        padding: calc(42 * var(--base-font, 1) / 10) 0 calc(25 * var(--base-font, 1) / 10);
        border-radius: calc(30 * var(--base-font, 1) / 10);
        transform: translate(-50%, -50%)
    }
}

.angle-compare__table .scroll-hint-icon:before {
    background-image: url(/brand/goldenprix/tr-02/img/scroll_finger.webp)
}

@media (max-width: 767.98px) {
    .angle-compare__table .scroll-hint-icon:before {
        width: calc(42 * var(--base-font, 1) / 10);
        height: calc(77 * var(--base-font, 1) / 10)
    }
}

.angle-compare__table .scroll-hint-icon:after {
    background-image: url(/brand/goldenprix/tr-02/img/scroll_arrow.webp);
    background-size: contain
}

@media (max-width: 767.98px) {
    .angle-compare__table .scroll-hint-icon:after {
        top: calc(25 * var(--base-font, 1) / 10);
        left: 50%;
        width: calc(90 * var(--base-font, 1) / 10);
        height: calc(20 * var(--base-font, 1) / 10);
        margin-left: 0;
        transform: translate(-50%)
    }
}

@media (max-width: 767.98px) {
    .angle-compare__table .scroll-hint-text {
        font-family: Noto Sans JP, DM Sans, sans-serif;
        font-size: calc(19 * var(--base-font, 1) / 10)
    }
}

.angle-compare__table .simplebar-content {
    padding: 0 !important
}

.js-scrollable {
    overflow: auto hidden !important;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.js-scrollable::-webkit-scrollbar {
    display: none
}

.page-top {
    position: fixed;
    z-index: 10;
    opacity: 0;
    transition: opacity .3s cubic-bezier(.25, .1, .25, 1)
}

@media (max-width: 767.98px) {
    .page-top {
        right: calc(17 * var(--base-font, 1) / 10);
        bottom: calc(148 * var(--base-font, 1) / 10);
        width: calc(48 * var(--base-font, 1) / 10);
        height: calc(48 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .page-top {
        right: min(1.5625vw, 20px);
        bottom: min(4.296875vw, 55px);
        width: 80px;
        height: 80px
    }
}

.page-top.is-scrolled {
    opacity: 1
}

.page-top__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #010101;
    filter: drop-shadow(0 0 6.076px #fff);
    border: 1px solid #fff;
    border-radius: 50%
}

@media (max-width: 767.98px) {
    .page-top__link {
        gap: calc(3 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .page-top__link {
        gap: min(.46875vw, 6px);
        filter: drop-shadow(0 0 10px #fff)
    }
}

@media (max-width: 767.98px) {
    .page-top__image {
        width: calc(28 * var(--base-font, 1) / 10)
    }
}

@media (min-width: 768px) {
    .page-top__image {
        width: min(3.4375vw, 44px);
        margin-top: min(.546875vw, 7px)
    }
}

.page-top__arrow {
    display: flex
}

@media (min-width: 768px) {
    .page-top__arrow {
        margin-top: min(.703125vw, 9px)
    }
}

/* オリジナル */

.tr-is-visible {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    transform: translateX(-50px);
    /* z-index: 99999; */
}

.is-visible{
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}