@charset "UTF-8";
.p-top-benefit__heading,
.p-top-best__heading,
.p-top-best__item-title,
.p-top-leveling__title,
.p-top-opinion__popup-heading {
    font-family:
        'M PLUS 1',
        sans-serif;
}
.p-top-best__item-member,
.p-top-leveling__rank-tag,
.p-top-leveling__rank-title,
.p-top-opinion__content-item__message,
.p-top-opinion__gallery-photo__name {
    font-family: DotGothic16, sans-serif;
}
.p-top-best__heading c-other,
.p-top-leveling__slide-duration,
.p-top-leveling__slide-level {
    font-family: Anton, sans-serif;
}
.p-top-best__sub-txt span:first-of-type,
.p-top-leveling__slide-target {
    font-family:
        Archivo Black,
        sans-serif;
}
.p-top-opinion__content-item__more,
.p-top-opinion__popup-off {
    font-family:
        'Press Start 2P',
        system-ui;
}
.p-top-mv {
    height: 100vh;
    min-height: 216.5333333333vw;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}
.p-top-mv:before {
    background-image: url(../images/bg_mv.webp);
    background-size: 100% 100%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.p-top-mv__decorate {
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.p-top-mv__decorate-shape {
    --screen: 375;
    --width: 100;
    --ratio: 1;
    --image-url: url(../images/img_shape_01.webp);
    --top: 0;
    --left: 0;
    aspect-ratio: var(--ratio);
    background-image: var(--image-url);
    background-repeat: no-repeat;
    background-size: 100%;
    left: calc(var(--left) / var(--screen) * 100vw);
    position: absolute;
    top: calc(var(--top) / var(--screen) * 100vw);
    width: calc(var(--width) / var(--screen) * 100vw);
}
.p-top-mv__decorate-shape:first-child {
    --width: 69;
    --top: 8;
    --left: 12;
    rotate: -14deg;
}
.p-top-mv__decorate-shape:nth-child(2) {
    --width: 104;
    --top: 4;
    --left: 84;
    animation: kf_rotate_360 12s linear -0.25s infinite both;
    filter: drop-shadow(0 0 15.8px rgba(122, 251, 120, 0.4));
}
.p-top-mv__decorate-shape:nth-child(3) {
    --width: 80;
    --top: -2;
    --left: 179;
    rotate: -19.3deg;
}
.p-top-mv__decorate-shape:nth-child(4),
.p-top-mv__decorate-shape:nth-child(5) {
    --image-url: url(../images/img_shape_02.webp);
}
.p-top-mv__decorate-shape:nth-child(4) {
    --width: 103.12;
    --top: 315;
    --left: -50;
    animation: kf_rotate_360re 12s linear 0s infinite both;
    filter: drop-shadow(0 0 15.8px rgba(122, 251, 120, 0.4));
}
.p-top-mv__decorate-shape:nth-child(5) {
    --width: 84.92;
    --top: 408;
    --left: -60;
}
.p-top-mv__decorate-shape:nth-child(6),
.p-top-mv__decorate-shape:nth-child(7),
.p-top-mv__decorate-shape:nth-child(8) {
    --image-url: url(../images/img_shape_03.webp);
    animation: kf_beat 0.75s cubic-bezier(0.25, 1, 0.5, 1) infinite;
}
.p-top-mv__decorate-shape:nth-child(6) {
    --width: 59.52;
    --top: 84;
    --left: 296;
    rotate: 65.91deg;
}
.p-top-mv__decorate-shape:nth-child(7) {
    --width: 53.1;
    --top: 37;
    --left: 325;
    rotate: -49.46deg;
}
.p-top-mv__decorate-shape:nth-child(8) {
    --width: 59.52;
    --top: 77;
    --left: 360;
    rotate: -145.17deg;
}
.p-top-mv__decorate-shape:nth-child(9) {
    --width: 82;
    --image-url: url(../images/img_shape_04.webp);
    --left: 45;
    top: 45.5%;
}
.p-top-mv__decorate-shape:nth-child(10),
.p-top-mv__decorate-shape:nth-child(11) {
    --image-url: url(../images/img_shape_05.webp);
}
.p-top-mv__decorate-shape:nth-child(10) {
    --width: 193;
    --left: 324;
    animation: kf_rotate_360 12s linear 0s infinite both;
    filter: drop-shadow(0 0 15.8px rgba(122, 251, 120, 0.4));
    top: 31.8%;
}
.p-top-mv__decorate-shape:nth-child(11) {
    --width: 106;
    --left: 268;
    top: 49.2%;
}
.p-top-mv__decorate-shape:nth-child(12),
.p-top-mv__decorate-shape:nth-child(13) {
    --image-url: url(../images/img_shape_06.webp);
}
.p-top-mv__decorate-shape:nth-child(12) {
    --width: 247;
    --left: -24;
    rotate: -116.47deg;
    top: 58.7%;
}
.p-top-mv__decorate-shape:nth-child(13) {
    --width: 244;
    --left: 3;
    rotate: 170.68deg;
    top: 63.1%;
}
.p-top-mv__decorate-shape:nth-child(14) {
    --image-url: url(../images/img_shape_07.webp);
    display: none;
}
.p-top-mv__decorate-shape:nth-child(15) {
    --image-url: url(../images/img_shape_08.webp);
    display: none;
    rotate: -55.04deg;
}
.p-top-mv__decorate-shape:nth-child(16),
.p-top-mv__decorate-shape:nth-child(17) {
    --image-url: url(../images/img_shape_09.webp);
}
.p-top-mv__decorate-shape:nth-child(16) {
    --width: 28;
    --left: 246;
    bottom: 41px;
    top: unset;
}
.p-top-mv__decorate-shape:nth-child(17) {
    --width: 41;
    --left: 285;
    bottom: 52px;
    top: unset;
}
.p-top-mv__decorate-shape:nth-child(18),
.p-top-mv__decorate-shape:nth-child(19),
.p-top-mv__decorate-shape:nth-child(20),
.p-top-mv__decorate-shape:nth-child(21),
.p-top-mv__decorate-shape:nth-child(22) {
    --image-url: url(../images/img_shape_11.webp);
}
.p-top-mv__decorate-shape:nth-child(18) {
    --width: 29;
    --left: 328;
    top: 32.3%;
    translate: 0 -50%;
}
.p-top-mv__decorate-shape:nth-child(19) {
    --width: 31;
    --left: 340;
    bottom: 39px;
    rotate: -39.42deg;
    top: unset;
}
.p-top-mv__decorate-shape:nth-child(20) {
    --width: 31;
    --left: 313;
    bottom: 51px;
    top: unset;
}
.p-top-mv__decorate-shape:nth-child(21) {
    --width: 37;
    --left: 342;
    bottom: 62px;
    top: unset;
}
.p-top-mv__decorate-shape:nth-child(22) {
    --width: 30;
    --left: 353;
    bottom: 94px;
    rotate: 40.31deg;
    top: unset;
}
.p-top-mv__lines {
    inset: 0;
    position: absolute;
}
.p-top-mv__lines-shape {
    --width: 58%;
    --ratio: 3.24056;
    --image-url: url(../images/img_line_01_sp.webp);
    --top: -2.4%;
    --left: -47.4%;
    aspect-ratio: var(--ratio);
    background-image: var(--image-url);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    left: var(--left);
    position: absolute;
    top: var(--top);
    width: var(--width);
}
.p-top-mv__lines-shape:nth-child(2) {
    --width: 52.5%;
    --ratio: 1.03979;
    --image-url: url(../images/img_line_02_sp.webp);
    --top: 25.3%;
    --left: 48.7%;
}
.p-top-mv__lines-shape:nth-child(3) {
    --width: 42.2%;
    --ratio: 0.14994;
    --image-url: url(../images/img_line_03_sp.webp);
    --top: 90.5%;
    --left: 39.8%;
}
.p-top-mv__lines-shape:before {
    background-image: var(--image-url);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    filter: drop-shadow(0 0 15.1px #31ff2e);
    inset: 0;
    mix-blend-mode: plus-lighter;
    position: absolute;
}
.p-top-mv__inner {
    align-items: center;
    display: flex;
    inset: 0;
    padding-top: 2.6666666667vw;
    position: absolute;
}
.p-top-mv__inner-flex {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-inline: auto;
    position: relative;
    width: 76.8vw;
}
.p-top-mv__content {
    position: relative;
}
.p-top-mv__heading {
    animation: kf_neon 5s linear infinite forwards;
    left: -13px;
    mix-blend-mode: plus-lighter;
    position: relative;
    top: 10px;
    width: 82.1333333333vw;
}
.p-top-mv__heading img {
    position: relative;
    z-index: 1;
}
.p-top-mv__leading {
    left: 33.0666666667vw;
    position: absolute;
    top: 42.4vw;
    width: 42.6666666667vw;
}
.p-top-mv__video {
    aspect-ratio: 1.037037037;
    background-color: #000;
    border: 4px solid #fff;
    border-radius: 0 8px 8px 8px;
    margin-top: 89px;
    position: relative;
    width: 100%;
}
.p-top-mv__video:after {
    background-color: #fff;
    content: "";
    filter: drop-shadow(0 0 15.8px #7afb78);
    inset: 0;
    mix-blend-mode: plus-lighter;
    position: absolute;
    z-index: -1;
}
.p-top-mv__video video {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.p-top-mv__video__cp {
    bottom: -5px;
    left: -5px;
    position: absolute;
    width: calc(100% + 12px);
}
.p-top-mv__quote {
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: flex;
    left: 0;
    position: absolute;
    width: 100%;
}
.p-top-mv__quote-item {
    animation: kf_quote 4s linear 0s infinite both;
    flex-shrink: 0;
    width: 413px;
}
@keyframes kf_rotate_360 {
    0% {
        rotate: 0deg;
    }
    to {
        rotate: 1turn;
    }
}
@keyframes kf_rotate_360re {
    0% {
        rotate: 1turn;
    }
    to {
        rotate: 0deg;
    }
}
@keyframes kf_neon {
    0%,
    80% {
        filter: drop-shadow(0 0 8px rgba(0, 255, 85, 0.8));
        opacity: 1;
    }
    82% {
        filter: none;
        opacity: 0.3;
    }
    84% {
        filter: drop-shadow(0 0 15px rgba(49, 255, 46, 0.8));
        opacity: 1;
    }
    86% {
        filter: none;
        opacity: 0.2;
    }
    88% {
        filter: drop-shadow(0 0 15px #31ff2e);
        opacity: 0.1;
    }
    92% {
        filter: drop-shadow(0 0 15px rgba(49, 255, 46, 0.5));
        opacity: 0.7;
    }
    95%,
    to {
        filter: drop-shadow(0 0 15px #31ff2e);
        opacity: 1;
    }
}
@keyframes kf_quote {
    0% {
        translate: -100% 0;
    }
    to {
        translate: 0 0;
    }
}
@keyframes kf_quote2 {
    0% {
        translate: 0 0;
    }
    to {
        translate: -100% 0;
    }
}
@keyframes kf_beat {
    0% {
        scale: 1;
    }
    12% {
        scale: 1.06;
    }
    40% {
        scale: 0.99;
    }
    to {
        scale: 1;
    }
}
.p-top-join {
    padding-block: 2.6666666667vw 11.2vw;
    position: relative;
    z-index: 1;
}
.p-top-join__decorate {
    background-image: url(../images/bg_join_01_sp.webp);
    background-size: 100% 100%;
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}
.p-top-join__mainboard {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-inline: auto;
    max-width: 275.2vw;
    position: relative;
}
.p-top-join__title {
    position: relative;
    width: 76.2666666667vw;
}
.p-top-join__more {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 79.7333333333vw;
}
.p-top-join__more-link {
    aspect-ratio: 3.3595505618;
    border-radius: 4px;
    display: flex;
    position: relative;
    width: 100%;
}
.p-top-join__more-link:before {
    background-color: #fff;
    border-radius: inherit;
    content: "";
    filter: drop-shadow(0 0 10px #abc59e);
    inset: 0;
    mix-blend-mode: plus-lighter;
    opacity: 0;
    position: absolute;
    transition: opacity 0.3s ease;
    z-index: -1;
}
.p-top-join__more-link img {
    border-radius: inherit;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.p-top-stage {
    overflow: clip;
    position: relative;
}
.p-top-stage__background {
    pointer-events: none;
}
.p-top-stage__background,
.p-top-stage__decorate {
    height: 100vh;
    left: 0;
    position: sticky;
    top: 0;
    width: 100vw;
    z-index: -1;
}
.p-top-stage__decorate {
    overflow: hidden;
}
.p-top-stage__decorate.is-show .p-top-stage__decorate-shape {
    animation-duration: 0.65s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: kf_drop;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 0.28;
}
.p-top-stage__decorate:before {
    background-image: linear-gradient(180deg, #01562d 25%, #02bc62);
    background-size: 100% 100%;
    content: "";
    inset: 0;
    position: absolute;
}
.p-top-stage__decorate-shape {
    --screen: 375;
    --screen-h: 812;
    --width: 49;
    --ratio: 1;
    --rotate: 0deg;
    --image-url: url(../images/img_shape_09.webp);
    --top: 17;
    --left: 23;
    aspect-ratio: var(--ratio);
    left: calc(var(--left) / var(--screen) * 100vw);
    mix-blend-mode: multiply;
    opacity: 0;
    position: absolute;
    top: calc(var(--top) / var(--screen-h) * 100%);
    width: calc(var(--width) / var(--screen) * 100vw);
}
.p-top-stage__decorate-shape:first-child {
    animation-delay: 0s;
}
.p-top-stage__decorate-shape:nth-child(2) {
    animation-delay: 0.2s;
}
.p-top-stage__decorate-shape:nth-child(3) {
    animation-delay: 0.4s;
}
.p-top-stage__decorate-shape:nth-child(4) {
    animation-delay: 0.1s;
}
.p-top-stage__decorate-shape:nth-child(5) {
    animation-delay: 0.7s;
}
.p-top-stage__decorate-shape:nth-child(6) {
    animation-delay: 0.3s;
}
.p-top-stage__decorate-shape:nth-child(7) {
    animation-delay: 0.6s;
}
.p-top-stage__decorate-shape:nth-child(8) {
    animation-delay: 0.5s;
}
.p-top-stage__decorate-shape:nth-child(9) {
    animation-delay: 0.8s;
}
.p-top-stage__decorate-shape:nth-child(2) {
    --width: 90;
    --image-url: url(../images/img_shape_15.webp);
    --top: 161;
    --left: 32;
    --rotate: -23.37deg;
}
.p-top-stage__decorate-shape:nth-child(3) {
    --width: 68;
    --image-url: url(../images/img_shape_04.webp);
    --top: 55;
    --left: 83;
}
.p-top-stage__decorate-shape:nth-child(4) {
    --width: 90;
    --image-url: url(../images/img_shape_10.webp);
    --top: 627;
    --left: 10;
    --rotate: -144.12deg;
}
.p-top-stage__decorate-shape:nth-child(5) {
    --width: 60;
    --image-url: url(../images/img_shape_03.webp);
    --top: 737;
    --left: 55;
    --rotate: -85.37deg;
}
.p-top-stage__decorate-shape:nth-child(6) {
    --width: 64;
    --image-url: url(../images/img_shape_05.webp);
    --top: 90;
    --left: 314;
    --rotate: 9.15deg;
}
.p-top-stage__decorate-shape:nth-child(7) {
    --width: 50;
    --image-url: url(../images/img_shape_11.webp);
    --top: 741;
    --left: 345;
}
.p-top-stage__decorate-shape:nth-child(8) {
    --width: 70;
    --image-url: url(../images/img_shape_02.webp);
    --top: 443;
    --left: 288;
}
.p-top-stage__decorate-shape:nth-child(9) {
    --width: 87;
    --image-url: url(../images/img_shape_06.webp);
    --top: 701;
    --left: 249;
    --rotate: 134.51deg;
}
.p-top-stage__decorate-shape:after {
    background-image: var(--image-url);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    inset: 0;
    position: absolute;
    rotate: var(--rotate);
}
.p-top-stage__quote-en {
    align-items: center;
    display: flex;
    left: 50%;
    position: absolute;
    top: 79.6%;
    translate: -50% -50%;
    width: 110vw;
    z-index: 0;
}
.p-top-stage__quote-en-item {
    flex-shrink: 0;
    translate: -31% 0;
    width: 104.8vw;
}
.p-top-stage__quote {
    align-items: center;
    background-color: #01562d;
    bottom: 0;
    display: flex;
    left: 50%;
    position: absolute;
    translate: -50% 0;
    width: 110vw;
}
.p-top-stage__quote-item {
    animation: kf_quote 4s linear 0s infinite both;
    flex-shrink: 0;
    width: 110.1333333333vw;
}
.p-top-stage__mainboard-sticky {
    inset: 0;
    position: absolute;
    z-index: -1;
}
.p-top-stage__animate {
    --screen: 800;
    --photo-width: 343;
    align-items: center;
    display: flex;
    left: 0;
    margin-inline: auto;
    min-height: 100vh;
    padding-block: 29.8666666667vw;
    position: sticky;
    top: 0;
    width: 100%;
}
.p-top-stage__animate__photo {
    aspect-ratio: 0.8979057592;
    margin-inline: auto;
    max-height: calc(100vh - 180px);
    max-width: 92.8vw;
    position: relative;
}
.p-top-stage__animate__photo:after,
.p-top-stage__animate__photo:before {
    aspect-ratio: 0.1390804598;
    background-image: url(../images/img_line_03_sp.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    left: 41.4%;
    position: absolute;
    top: 4px;
    translate: 0 -100%;
    width: 36%;
}
.p-top-stage__animate__photo:after {
    filter: drop-shadow(0 0 15.1px #31ff2e);
    mix-blend-mode: plus-lighter;
}
.p-top-stage__animate__picture {
    border: 3px solid #fff;
    border-radius: 11px;
    display: block;
    filter: drop-shadow(0 0 15.1px #31ff2e);
    height: 100%;
    position: relative;
    width: 100%;
}
.p-top-stage__animate__picture img {
    border-radius: 8px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.p-top-stage__animate__talk {
    inset: 0;
    position: absolute;
}
.p-top-stage__animate__talk__item {
    --width: 212;
    --top: 82;
    --left: 6;
    left: calc(var(--left) / var(--photo-width) * 100%);
    opacity: 0;
    position: absolute;
    top: calc(var(--top) / var(--photo-width) * 100%);
    transform: translateY(50px) scale(0.5);
    transition: 0.5s ease;
    width: calc(var(--width) / var(--photo-width) * 100%);
}
.p-top-stage__animate__talk__item.is_show {
    opacity: 1;
    transform: none;
}
.p-top-stage__animate__talk__item:nth-child(2) {
    --width: 245;
    --top: 44;
    --left: 62;
}
.p-top-stage__animate__talk__item:nth-child(3) {
    --width: 329;
    --top: 23;
    --left: 19;
}
.p-top-stage__animate__talk__item:nth-child(4) {
    --width: 129;
    --top: 85;
    --left: 118;
}
.p-top-stage__animate__talk__item:nth-child(5) {
    --width: 85;
    --top: 106;
    --left: 8;
}
.p-top-stage__animate__talk__item:nth-child(6) {
    --width: 85;
    --top: 81;
    --left: 138;
}
.p-top-stage__animate__talk__item:nth-child(7) {
    --width: 85;
    --top: 64;
    --left: 266;
}
.p-top-stage__virtual__item {
    padding-top: 60vh;
}
@keyframes kf_stage_qoute {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: -684px 0;
    }
}
@keyframes kf_drop {
    0% {
        opacity: 0;
        rotate: -30deg;
        translate: 0 -200%;
    }
    60% {
        opacity: 0.28;
    }
    to {
        opacity: 0.28;
        rotate: 0deg;
        translate: 0 0;
    }
}
.p-top-training {
    padding-top: 33.3333333333vw;
    position: relative;
    z-index: 1;
}
.p-top-training__head {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-left: 29.3333333333vw;
    max-width: 63.4666666667vw;
    position: relative;
    z-index: 2;
}
.p-top-training__head-group {
    position: relative;
}
.p-top-training__head-txt {
    font-size: 3.7333333333vw;
    font-weight: 700;
    line-height: 1.4;
    margin-left: 4px;
    margin-top: 4.2666666667vw;
    max-width: 56vw;
}
.p-top-training__heading {
    width: 50.6666666667vw;
}
.p-top-training__tag {
    position: absolute;
    right: -13.8666666667vw;
    rotate: -12.17deg;
    top: -16.5333333333vw;
    width: 26.6666666667vw;
}
.p-top-training__mainboard {
    padding-top: 4.8vw;
    position: relative;
}
.p-top-training__mainboard:before {
    aspect-ratio: 7.5187969925;
    background-color: #ffc114;
    content: "";
    left: -1.3333333333vw;
    -webkit-mask-image: url(../images/img_shape_arrow.webp);
    mask-image: url(../images/img_shape_arrow.webp);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    position: absolute;
    top: -33.8666666667vw;
    width: 266.6666666667vw;
    z-index: 1;
}
.p-top-training__flex {
    display: flex;
    flex-direction: column;
    gap: 12px;
    left: -8px;
    margin-inline: auto;
    position: relative;
    width: 73.3333333333vw;
}
.p-top-training__card {
    background-image: linear-gradient(180deg, #fff5e1 41%, #1f8940 0);
    border-radius: 16px;
    overflow: hidden;
    padding: 4.2666666667vw 4.2666666667vw 6.9333333333vw;
    position: relative;
}
.p-top-training__card:after {
    background-color: #29cb27;
    bottom: 6px;
    content: "";
    height: 1.0666666667vw;
    left: 0;
    position: absolute;
    width: 100%;
}
.p-top-training__card-photo {
    aspect-ratio: 1.4717741935;
    margin-inline: auto;
    position: relative;
    width: 48.5333333333vw;
}
.p-top-training__card-photo img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.p-top-training__card-badge {
    aspect-ratio: 1.0133333333;
    bottom: 0;
    position: absolute;
    right: 1px;
    translate: 41% 18%;
    width: 20.2666666667vw;
}
.p-top-training__card-badge img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.p-top-training__card-title {
    height: 10.1333333333vw;
    margin-top: 4vw;
    text-align: center;
}
.p-top-training__card-title img {
    height: 100%;
    width: auto;
}
.p-top-training__card-list {
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 3.4666666667vw;
    font-weight: 700;
    gap: 1px;
    line-height: 1.6;
    margin-top: 3.4666666667vw;
    margin-inline: auto;
    max-width: -moz-max-content;
    max-width: max-content;
}
.p-top-training__card-list > li {
    padding-left: 3.7333333333vw;
    position: relative;
}
.p-top-training__card-list > li:before {
    content: "・";
    left: 0;
    position: absolute;
    top: 0;
}
.p-top-leveling {
    margin-top: -33.8666666667vw;
    padding-block: 56vw 11.2vw;
    position: relative;
}
.p-top-leveling__decorate {
    background-image: linear-gradient(180deg, #6db44a 79.5%, #1f8940 0);
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}
.p-top-leveling__decorate:after {
    content: "";
    --arrow-width: 2040px;
    --arrow-height: 318px;
    border-bottom: calc(var(--arrow-height) * 0.5) solid rgba(255, 245, 225, 0);
    border-left: calc(var(--arrow-width) * 0.5) solid #fff5e1;
    border-right: calc(var(--arrow-width) * 0.5) solid rgba(255, 245, 225, 0);
    border-top: calc(var(--arrow-height) * 0.5) solid #fff5e1;
    left: 50%;
    position: absolute;
    scale: 1.16;
    top: 0;
    transform-origin: top center;
    translate: -50% 0;
}
.p-top-leveling__decorate__shape {
    position: absolute;
}
.p-top-leveling__decorate__shape:first-child {
    inset: 0;
}
.p-top-leveling__decorate__shape:first-child:after {
    background-image: url(../images/img_leveling_deco.webp);
    background-position: -61px 160px;
    background-repeat: repeat;
    background-size: 1626px 1881px;
    content: "";
    inset: 0;
    mix-blend-mode: screen;
    opacity: 0.11;
    position: absolute;
}
.p-top-leveling__tag {
    display: block;
    margin-inline: auto;
    width: 26.6666666667vw;
}
.p-top-leveling__title {
    color: #fef200;
    font-size: 9.6vw;
    font-weight: 900;
    letter-spacing: 0.01em;
    line-height: 1.4;
    margin-top: -7px;
    text-align: center;
}
.p-top-leveling__leading {
    color: #fef200;
    font-size: 3.7333333333vw;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 7px;
    text-align: center;
}
.p-top-leveling__slider .slick-track {
    display: flex;
}
.p-top-leveling__slider .slick-list {
    overflow: visible;
}
.p-top-leveling__slider-wrap {
    margin-top: 4vw;
    margin-inline: auto;
    max-width: 80.8vw;
    position: relative;
}
.p-top-leveling__slider-arrow {
    display: flex;
    justify-content: space-between;
    left: -28px;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 12.26667vw);
    width: calc(100% + 58px);
}
.p-top-leveling__slider-arrow__next,
.p-top-leveling__slider-arrow__prev {
    align-items: center;
    aspect-ratio: 1;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    pointer-events: all;
    position: relative;
    width: 12.2666666667vw;
}
.p-top-leveling__slider-arrow__next:before,
.p-top-leveling__slider-arrow__prev:before {
    background-color: currentColor;
    border-radius: inherit;
    content: "";
    filter: drop-shadow(0 0 15.1px #abc59e);
    inset: 0;
    mix-blend-mode: plus-lighter;
    opacity: 0;
    position: absolute;
    transition: 0.3s ease;
}
.p-top-leveling__slider-arrow__next:after,
.p-top-leveling__slider-arrow__prev:after {
    background-color: #000;
    background-image: url(../images/icon_arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 4.8vw;
    border-radius: inherit;
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1;
}
.p-top-leveling__slider-arrow__prev:after {
    scale: -1 1;
}
.p-top-leveling__slider-dots {
    margin-top: 6.4vw;
}
.p-top-leveling__slider-dots .slick-dots {
    align-items: center;
    display: flex;
    gap: 11px;
    justify-content: center;
}
.p-top-leveling__slider-dots .slick-dots li {
    aspect-ratio: 1;
    background-color: #fef200;
    -webkit-mask-image: url(../images/icon_dot.svg);
    mask-image: url(../images/icon_dot.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 6.1333333333vw;
}
.p-top-leveling__slider-dots .slick-dots li.slick-active {
    background-color: #01562d;
    pointer-events: none;
}
.p-top-leveling__slider-dots .slick-dots button {
    display: none;
}
.p-top-leveling__slide {
    --color: #000;
    --high-color: #e82e17;
    --background-color: #ffc114;
    --badge-color: #eeb200;
    --slide-text-margin-top: 6.13333vw;
    --slide-talk-width: 66.4vw;
    --slide-talk-margin-top: 30px;
    --slide-tag-left: 0;
    --slide-tag-bottom: 0;
    --slide-level-top: 0;
    --slide-level-right: 0;
    --slide-content-margin-top: -4px;
    --slide-target-margin-top: -2px;
    background-color: var(--background-color);
    border-radius: 12px;
    color: var(--color);
    height: auto;
    margin-inline: 5px;
    padding-block: 27px 18px;
}
.p-top-leveling__slide.--beginner .p-top-leveling__slide-target {
    font-size: 12.8vw;
}
.p-top-leveling__slide.--beginner .p-top-leveling__slide-tag {
    translate: -31% 20%;
    width: 20.5333333333vw;
}
.p-top-leveling__slide.--rookie {
    --high-color: #1f8940;
    --background-color: #f8b6b6;
    --badge-color: #ed8d8d;
    --slide-content-margin-top: -3.2vw;
    --slide-talk-width: 67.73333vw;
    --slide-talk-margin-top: 13.86667vw;
}
.p-top-leveling__slide.--expert {
    --color: #fff;
    --high-color: #ffc114;
    --background-color: #01562d;
    --badge-color: #01562d;
    --slide-content-margin-top: -2.93333vw;
    --slide-target-margin-top: -6px;
    --slide-tag-left: -1px;
    --slide-tag-bottom: -2.93333vw;
    --slide-talk-width: 71.46667vw;
    --slide-talk-margin-top: 13.86667vw;
    --slide-level-top: 0px;
    --slide-level-right: -10px;
}
.p-top-leveling__slide.--legend {
    --color: #fff;
    --high-color: #f8b6b6;
    --background-color: #712308;
    --badge-color: #712308;
    --slide-text-margin-top: 24px;
    --slide-talk-width: 59.2vw;
    --slide-talk-margin-top: 4.53333vw;
    --slide-content-margin-top: -2.93333vw;
    --slide-tag-left: -1px;
    --slide-tag-bottom: -2.93333vw;
    --slide-level-top: 2px;
    --slide-level-right: -11px;
}
.p-top-leveling__slide.--legend .p-top-leveling__slide-level {
    font-size: 5.3333333333vw;
}
.p-top-leveling__slide.--legend .p-top-leveling__slide-target {
    margin-top: -3px;
}
.p-top-leveling__slide-duration {
    color: var(--high-color);
    font-size: 3.7333333333vw;
    font-weight: 400;
    line-height: 1.15;
    text-align: center;
}
.p-top-leveling__slide-target {
    color: var(--high-color);
    font-size: 14.9333333333vw;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1;
    margin-top: var(--slide-target-margin-top);
    text-align: center;
}
.p-top-leveling__slide-content {
    margin-inline: auto;
    margin-top: var(--slide-content-margin-top);
    width: 57.6vw;
}
.p-top-leveling__slide-cover {
    position: relative;
}
.p-top-leveling__slide-photo {
    aspect-ratio: 1.9816513761;
    width: 100%;
}
.p-top-leveling__slide-photo > img {
    border-radius: 8px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    rotate: 4.43deg;
    width: 100%;
}
.p-top-leveling__slide-tag {
    bottom: var(--slide-tag-bottom);
    left: var(--slide-tag-left);
    position: absolute;
    rotate: -10.98deg;
    translate: -33% 14%;
    width: 23.2vw;
}
.p-top-leveling__slide-level {
    color: var(--badge-color);
    font-size: 6.4vw;
    font-weight: 400;
    letter-spacing: 0.91px;
    line-height: 1.1;
    position: absolute;
    right: var(--slide-level-right);
    rotate: 15deg;
    top: var(--slide-level-top);
    z-index: 1;
}
.p-top-leveling__slide-level:before {
    aspect-ratio: 1.4645669291;
    background-image: url(../images/img_shape_12.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    translate: -50% -50%;
    width: 22.4vw;
    z-index: -1;
}
.p-top-leveling__slide-txt {
    font-size: 3.7333333333vw;
    font-weight: 500;
    line-height: 1.6;
    margin-top: var(--slide-text-margin-top);
    margin-inline: -11px -10px;
}
.p-top-leveling__slide-note {
    font-size: 2.6666666667vw;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 9px;
    margin-inline: -8px;
}
.p-top-leveling__slide-talk {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-inline: auto;
    margin-top: var(--slide-talk-margin-top);
    max-width: var(--slide-talk-width);
}
.p-top-leveling__slide-talk__line {
    width: 100%;
}
.p-top-leveling__slide-talk__line picture {
    display: block;
    width: 100%;
}
.p-top-leveling__rank {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 22.9333333333vw;
}
.p-top-leveling__rank-group {
    --badge: #084795;
    --shape-url: url(../images/img_leveling_easy_shape.webp);
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 38.1333333333vw;
}
.p-top-leveling__rank-group.--normal {
    --badge: #29cb27;
    --shape-url: url(../images/img_leveling_normal_shape.webp);
}
.p-top-leveling__rank-group.--hard {
    --badge: #e16615;
    --shape-url: url(../images/img_leveling_hard_shape.webp);
}
.p-top-leveling__rank-group.--expert {
    --badge: #e82e17;
    --shape-url: url(../images/img_leveling_expert_shape.webp);
}
.p-top-leveling__rank-group.--expert .p-top-leveling__rank-title {
    letter-spacing: 0.05em;
}
.p-top-leveling__rank-tag {
    aspect-ratio: 3.4038461538;
    background-color: var(--badge);
    border-radius: 16px;
    font-size: 3.7333333333vw;
    letter-spacing: 0.61px;
    line-height: 1;
    padding-inline: 8px;
    width: 21.6vw;
}
.p-top-leveling__rank-tag,
.p-top-leveling__rank-title {
    align-items: center;
    color: #fff;
    display: flex;
    font-weight: 400;
    justify-content: center;
    -webkit-text-stroke: 5px #000;
    paint-order: stroke fill;
}
.p-top-leveling__rank-title {
    aspect-ratio: 2.1590909091;
    font-size: 4.2666666667vw;
    letter-spacing: 0.2em;
    margin-top: -3px;
    position: relative;
    width: 100%;
    z-index: 0;
}
.p-top-leveling__rank-title:after {
    background-image: var(--shape-url);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1;
}
.p-top-opinion {
    padding-block: 4.8vw 0;
    position: relative;
}
.p-top-opinion-sticky {
    inset: 0;
    position: absolute;
}
.p-top-opinion__decorate {
    background-image: linear-gradient(150deg, #01562d 76%, #02bc62);
    height: 100vh;
    left: 0;
    pointer-events: none;
    position: sticky;
    top: 0;
    width: 120vw;
    z-index: -1;
}
.p-top-opinion__decorate:after {
    content: "";
    --width: 1441px;
    --height: 30px;
    background-image: url(../images/img_shape_13.svg);
    background-repeat: repeat-x;
    background-size: var(--width) var(--height);
    height: var(--height);
    left: 50%;
    position: absolute;
    top: calc(var(--height) * -1 + 1px);
    translate: -50% 0;
    width: calc(var(--width) * 2);
}
.p-top-opinion__decorate__shape {
    position: absolute;
}
.p-top-opinion__decorate__shape:first-child {
    inset: 0;
}
.p-top-opinion__decorate__shape:first-child:after {
    background-image: url(../images/img_leveling_deco.webp);
    background-repeat: repeat;
    background-size: 1626px 1881px;
    content: "";
    inset: 0;
    mix-blend-mode: screen;
    opacity: 0.11;
    position: absolute;
}
.p-top-opinion__quote {
    align-items: center;
    background-color: #eeb200;
    bottom: 11.2vw;
    display: flex;
    left: 50%;
    position: absolute;
    rotate: 7.55deg;
    translate: -50% 0;
    width: 1000px;
}
.p-top-opinion__quote-item {
    animation: kf_quote2 4s linear 0s infinite both;
    flex-shrink: 0;
    width: 110.1333333333vw;
}
.p-top-opinion__head {
    margin-left: auto;
    margin-right: 4.5333333333vw;
    position: relative;
    width: 63.4666666667vw;
    z-index: 2;
}
.p-top-opinion__head-group {
    align-items: flex-end;
    display: flex;
    flex-direction: column-reverse;
    gap: 2px;
}
.p-top-opinion__head-lead {
    color: #fef200;
    font-size: 3.7333333333vw;
    font-weight: 700;
    line-height: 1.4;
    margin-left: 36px;
    margin-right: -10px;
    margin-top: 4.8vw;
}
.p-top-opinion__heading {
    width: 100%;
}
.p-top-opinion__tag {
    left: 6.9333333333vw;
    position: relative;
    rotate: 7.8deg;
    width: 26.6666666667vw;
}
.p-top-opinion__mainboard {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    margin-top: -26.4vw;
    min-height: 100vh;
    padding-block: 40vw 34.6666666667vw;
    position: sticky;
    top: 0;
    width: 100%;
}
.p-top-opinion__mainboard:before {
    aspect-ratio: 7.5187969925;
    background-color: #1f8940;
    content: "";
    left: 9px;
    -webkit-mask-image: url(../images/img_shape_arrow.webp);
    mask-image: url(../images/img_shape_arrow.webp);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    position: absolute;
    top: -4px;
    width: 266.6666666667vw;
    z-index: 1;
}
.p-top-opinion__mainboard-decorate {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}
.p-top-opinion__mainboard-decorate:after {
    content: "";
    --arrow-width: 204.8vw;
    --arrow-height: 26.66667vw;
    border-bottom: calc(var(--arrow-height) * 0.5) solid #fff5e1;
    border-left: calc(var(--arrow-width) * 0.5) solid #fff5e1;
    border-right: calc(var(--arrow-width) * 0.5) solid rgba(255, 245, 225, 0);
    border-top: calc(var(--arrow-height) * 0.5) solid rgba(255, 245, 225, 0);
    bottom: 0;
    left: 50%;
    position: absolute;
    transform-origin: bottom center;
    translate: -50% 0;
}
.p-top-opinion__mainboard-flex {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    position: relative;
    width: 301.3333333333vw;
}
.p-top-opinion__mainboard-flex:has(
        .is-active .p-top-opinion__content-item__more:hover
    )
    .step-1
    .p-top-opinion__gallery-photo:first-child,
.p-top-opinion__mainboard-flex:has(
        .is-active .p-top-opinion__content-item__more:hover
    )
    .step-2
    .p-top-opinion__gallery-photo:nth-child(2),
.p-top-opinion__mainboard-flex:has(
        .is-active .p-top-opinion__content-item__more:hover
    )
    .step-3
    .p-top-opinion__gallery-photo:nth-child(3),
.p-top-opinion__mainboard-flex:has(
        .is-active .p-top-opinion__content-item__more:hover
    )
    .step-4
    .p-top-opinion__gallery-photo:nth-child(4) {
    filter: drop-shadow(0 0 41.9px #31ff2e);
    scale: 1.05;
}
.p-top-opinion__mainboard-flex:has(
        .is-active .p-top-opinion__content-item__more:hover
    )
    .step-1
    .p-top-opinion__gallery-photo:first-child
    .p-top-opinion__gallery-photo__shape:after,
.p-top-opinion__mainboard-flex:has(
        .is-active .p-top-opinion__content-item__more:hover
    )
    .step-2
    .p-top-opinion__gallery-photo:nth-child(2)
    .p-top-opinion__gallery-photo__shape:after,
.p-top-opinion__mainboard-flex:has(
        .is-active .p-top-opinion__content-item__more:hover
    )
    .step-3
    .p-top-opinion__gallery-photo:nth-child(3)
    .p-top-opinion__gallery-photo__shape:after,
.p-top-opinion__mainboard-flex:has(
        .is-active .p-top-opinion__content-item__more:hover
    )
    .step-4
    .p-top-opinion__gallery-photo:nth-child(4)
    .p-top-opinion__gallery-photo__shape:after {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.p-top-opinion__gallery {
    --origin-1: translate3d(0, 0, 0);
    --origin-2: translate3d(42%, 0, 0);
    --origin-3: translate3d(82.5%, 0, 0);
    --origin-4: translate3d(123.5%, 0, 0);
    height: 61.0666666667vw;
    left: 6px;
    position: relative;
    width: 66.6666666667vw;
}
.p-top-opinion__gallery.step-1 .p-top-opinion__gallery-photo:first-child {
    --translate3d: var(--origin-1);
    --z-index: 4;
    --opacity: 1;
}
.p-top-opinion__gallery.step-1 .p-top-opinion__gallery-photo:nth-child(2) {
    --translate3d: var(--origin-2);
    --z-index: 3;
}
.p-top-opinion__gallery.step-1 .p-top-opinion__gallery-photo:nth-child(3) {
    --translate3d: var(--origin-3);
    --z-index: 2;
}
.p-top-opinion__gallery.step-1 .p-top-opinion__gallery-photo:nth-child(4) {
    --translate3d: var(--origin-4);
    --z-index: 1;
}
.p-top-opinion__gallery.step-2 .p-top-opinion__gallery-photo:nth-child(2) {
    --translate3d: var(--origin-1);
    --z-index: 4;
    --opacity: 1;
}
.p-top-opinion__gallery.step-2 .p-top-opinion__gallery-photo:nth-child(3) {
    --translate3d: var(--origin-2);
    --z-index: 3;
}
.p-top-opinion__gallery.step-2 .p-top-opinion__gallery-photo:nth-child(4) {
    --translate3d: var(--origin-3);
    --z-index: 2;
}
.p-top-opinion__gallery.step-2 .p-top-opinion__gallery-photo:first-child {
    --translate3d: var(--origin-4);
    --z-index: 1;
}
.p-top-opinion__gallery.step-3 .p-top-opinion__gallery-photo:nth-child(3) {
    --translate3d: var(--origin-1);
    --z-index: 4;
    --opacity: 1;
}
.p-top-opinion__gallery.step-3 .p-top-opinion__gallery-photo:nth-child(4) {
    --translate3d: var(--origin-2);
    --z-index: 3;
}
.p-top-opinion__gallery.step-3 .p-top-opinion__gallery-photo:first-child {
    --translate3d: var(--origin-3);
    --z-index: 2;
}
.p-top-opinion__gallery.step-3 .p-top-opinion__gallery-photo:nth-child(2) {
    --translate3d: var(--origin-4);
    --z-index: 1;
}
.p-top-opinion__gallery.step-4 .p-top-opinion__gallery-photo:nth-child(4) {
    --translate3d: var(--origin-1);
    --z-index: 4;
    --opacity: 1;
}
.p-top-opinion__gallery.step-4 .p-top-opinion__gallery-photo:first-child {
    --translate3d: var(--origin-2);
    --z-index: 3;
}
.p-top-opinion__gallery.step-4 .p-top-opinion__gallery-photo:nth-child(2) {
    --translate3d: var(--origin-3);
    --z-index: 2;
}
.p-top-opinion__gallery.step-4 .p-top-opinion__gallery-photo:nth-child(3) {
    --translate3d: var(--origin-4);
    --z-index: 1;
}
.p-top-opinion__gallery-photo {
    --background-color: #eeb200;
    --translate3d: translate3d(0, 0, 0);
    --z-index: 1;
    --opacity: 0.3;
    left: 0;
    position: absolute;
    top: 0;
    transform: var(--translate3d);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    width: 62.4vw;
    z-index: var(--z-index);
}
.p-top-opinion__gallery-photo:nth-child(2) {
    --background-color: #eeb200;
}
.p-top-opinion__gallery-photo:nth-child(3) {
    --background-color: #1eb01c;
}
.p-top-opinion__gallery-photo:nth-child(4) {
    --background-color: #eeb200;
}
.p-top-opinion__gallery-photo:before {
    background-image: url(../images/img_shape_14_sp.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    filter: drop-shadow(0 0 15.1px #31ff2e);
    inset: 0;
    position: absolute;
    z-index: -1;
}
.p-top-opinion__gallery-photo__shape {
    inset: 0;
    position: absolute;
}
.p-top-opinion__gallery-photo__shape:after,
.p-top-opinion__gallery-photo__shape:before {
    content: "";
    inset: 0;
    -webkit-mask-image: url(../images/img_shape_14_sp.svg);
    mask-image: url(../images/img_shape_14_sp.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    position: absolute;
    z-index: -1;
}
.p-top-opinion__gallery-photo__shape:after {
    background-color: var(--background-color);
    inset: 0;
}
.p-top-opinion__gallery-photo > picture {
    display: block;
    -webkit-mask-image: url(../images/img_shape_14_sp.svg);
    mask-image: url(../images/img_shape_14_sp.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    opacity: var(--opacity);
    position: relative;
    transition: inherit;
    z-index: 1;
}
.p-top-opinion__gallery-photo__name {
    align-items: center;
    background-color: rgba(53, 53, 53, 0.86);
    border: 1px solid #00ffd4;
    bottom: 0.5333333333vw;
    color: #7cffe9;
    display: flex;
    filter: drop-shadow(0 0 6.2px #00ffd4);
    font-size: 4.2666666667vw;
    font-weight: 400;
    gap: 10px;
    justify-content: center;
    left: 50%;
    letter-spacing: 0.61px;
    line-height: 1.1;
    min-width: 81%;
    opacity: var(--opacity);
    padding: 1.6vw 6px 1.3333333333vw 4px;
    position: absolute;
    translate: -50% 0;
    z-index: 10;
}
.p-top-opinion__gallery-photo__name img {
    flex-shrink: 0;
    scale: 1.3;
    width: 4.2666666667vw;
}
.p-top-opinion__gallery-photo__name span {
    filter: drop-shadow(0 0 1.7px #fff);
}
.p-top-opinion__content {
    flex-shrink: 0;
    height: 93.3333333333vw;
    position: relative;
    width: 100%;
}
.p-top-opinion__content-item {
    --title-width: 65.33333vw;
    left: 0;
    opacity: 0;
    padding-inline: 20px;
    pointer-events: none;
    position: absolute;
    top: 20px;
    transition: 0.5s ease;
    width: 100%;
}
.p-top-opinion__content-item.is-active {
    opacity: 1;
    pointer-events: all;
    top: 0;
}
.p-top-opinion__content-item:nth-child(2) {
    --title-width: 70.93333vw;
}
.p-top-opinion__content-item:nth-child(3) {
    --title-width: 49.86667vw;
}
.p-top-opinion__content-item:nth-child(4) {
    --title-width: 64vw;
}
.p-top-opinion__content-item__title {
    filter: drop-shadow(0 0 15.1px #31ff2e);
    max-width: var(--title-width);
    width: 100%;
}
.p-top-opinion__content-item__txt {
    color: #fff;
    font-size: 4.2666666667vw;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-top: 4vw;
    padding-left: 2px;
}
.p-top-opinion__content-item__related {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 4.2666666667vw;
    margin-top: 4vw;
}
.p-top-opinion__content-item__message {
    background-color: #01562d;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    filter: drop-shadow(0 0 8px #7afb78);
    font-size: 4.2666666667vw;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.6;
    padding-block: 11px 10px;
    padding-inline: 26px;
    width: 99%;
}
.p-top-opinion__content-item__message > li {
    padding-left: 4.8vw;
    position: relative;
}
.p-top-opinion__content-item__message > li:first-child:before {
    background-image: url(../images/icon_caret_right_shape.svg);
}
.p-top-opinion__content-item__message > li:before {
    aspect-ratio: 0.6;
    background-image: url(../images/icon_caret_right.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    left: 0;
    position: absolute;
    top: 0.4em;
    width: 2.4vw;
}
.p-top-opinion__content-item__more {
    align-items: center;
    background-color: #ec5e01;
    box-shadow:
        inset 0 0 0 2px #000,
        4px 4px 0 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    display: flex;
    flex-shrink: 0;
    font-size: 3.7333333333vw;
    font-weight: 400;
    gap: 10px;
    height: 12.8vw;
    justify-content: center;
    letter-spacing: 0.01em;
    line-height: 1;
    position: relative;
    width: 37.3333333333vw;
}
.p-top-opinion__content-item__more:before {
    background-color: #fff;
    content: "";
    height: 4px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.p-top-opinion__content-item__more:after {
    aspect-ratio: 1;
    background-image: url(../images/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    width: 4.2666666667vw;
}
.p-top-opinion__arrow {
    display: flex;
    justify-content: space-between;
    left: 3.4666666667vw;
    pointer-events: none;
    position: absolute;
    top: 21.6vw;
    width: 92%;
    z-index: 10;
}
.p-top-opinion__arrow-next,
.p-top-opinion__arrow-prev {
    align-items: center;
    aspect-ratio: 1;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    pointer-events: all;
    position: relative;
    width: 13.3333333333vw;
}
.p-top-opinion__arrow-next:after,
.p-top-opinion__arrow-prev:after {
    background-color: #000;
    background-image: url(../images/icon_arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 4.8vw;
    border-radius: inherit;
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1;
}
.p-top-opinion__arrow-prev:after {
    scale: -1 1;
}
.p-top-opinion__popup {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    opacity: 0;
    padding: 23px;
    pointer-events: none;
    position: fixed;
    transition: 0.3s linear;
    visibility: hidden;
    z-index: 3000;
}
.p-top-opinion__popup.is_open {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}
.p-top-opinion__popup-mask {
    background-color: #000;
    inset: 0;
    opacity: 0.36;
    position: absolute;
    z-index: -1;
}
.p-top-opinion__popup-mainboard {
    background-color: #01562d;
    border-radius: 12px;
    display: none;
    position: relative;
    rotate: -5deg;
    scale: 0.6;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.25) 0.2s;
    width: 88.8vw;
}
.p-top-opinion__popup-mainboard.is_open {
    animation: kf_popup_show 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.25) 0.2s 1
        both;
    display: block;
}
.p-top-opinion__popup-mainboard:after {
    background-color: #01562d;
    border-radius: inherit;
    content: "";
    filter: drop-shadow(0 0 8px #31ff2e);
    inset: 0;
    position: absolute;
    z-index: -1;
}
.p-top-opinion__popup-close {
    align-items: center;
    aspect-ratio: 1;
    background-color: #ec5e01;
    box-shadow:
        inset 0 0 0 2px #000,
        4px 4px 0 0 rgba(0, 0, 0, 0.25);
    display: flex;
    flex-shrink: 0;
    gap: 5px;
    justify-content: center;
    position: absolute;
    right: 5.3333333333vw;
    top: 5.3333333333vw;
    width: 9.8666666667vw;
    z-index: 10;
}
.p-top-opinion__popup-close:before {
    background-color: #fff;
    content: "";
    height: 4px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.p-top-opinion__popup-close__icon {
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    translate: -50% -50%;
    width: 5.3333333333vw;
}
.p-top-opinion__popup-close__icon:after,
.p-top-opinion__popup-close__icon:before {
    background-color: #fff;
    border-radius: 2px;
    content: "";
    inset: 0;
    position: absolute;
}
.p-top-opinion__popup-close__icon:before {
    rotate: 45deg;
}
.p-top-opinion__popup-close__icon:after {
    rotate: -45deg;
}
.p-top-opinion__popup-scrollable {
    max-height: 100%;
    max-height: calc(100dvh - 17.6vw);
    overflow: auto;
    padding-top: 25.0666666667vw;
    width: 100%;
}
.p-top-opinion__popup-scrollable__inner {
    padding-inline: 3.4666666667vw 6.1333333333vw;
    padding-bottom: 16vw;
}
.p-top-opinion__popup-cover {
    aspect-ratio: 1.7739726027;
    display: flex;
    margin-inline: auto;
    position: relative;
    width: 69.0666666667vw;
}
.p-top-opinion__popup-cover__photo {
    border-radius: 8px;
    inset: 0;
    position: absolute;
}
.p-top-opinion__popup-cover__photo:after {
    background-color: #fff;
    border-radius: inherit;
    content: "";
    filter: drop-shadow(0 0 15.1px #31ff2e);
    inset: 0;
    mix-blend-mode: plus-lighter;
    position: absolute;
    transform: rotate(-4.94deg);
}
.p-top-opinion__popup-cover__photo img {
    border-radius: inherit;
    filter: drop-shadow(1px -1px 0 #31ff2e) drop-shadow(-1px 1px 0 #31ff2e);
    position: relative;
    transform: rotate(-4.94deg);
    z-index: 1;
}
.p-top-opinion__popup-cover__order {
    position: absolute;
    right: -9.8%;
    rotate: 15deg;
    top: -25.4%;
    width: 24.2666666667vw;
    z-index: 2;
}
.p-top-opinion__popup-cover__tag {
    bottom: -21%;
    left: -13%;
    position: absolute;
    rotate: 4.4deg;
    width: 24.5333333333vw;
    z-index: 2;
}
.p-top-opinion__popup-cover__sub {
    border-radius: 8px;
    bottom: -6.2%;
    position: absolute;
    right: -5.4%;
    width: 26.6666666667vw;
    z-index: 1;
}
.p-top-opinion__popup-cover__sub:after {
    background-color: #fff;
    border-radius: inherit;
    content: "";
    filter: drop-shadow(0 0 10px #31ff2e);
    inset: 0;
    mix-blend-mode: plus-lighter;
    position: absolute;
}
.p-top-opinion__popup-cover__sub img {
    border-radius: inherit;
    position: relative;
    z-index: 1;
}
.p-top-opinion__popup-heading {
    color: #ffc114;
    font-size: 6.4vw;
    font-weight: 900;
    letter-spacing: 0.03em;
    line-height: 1.4;
    margin-top: 7.7333333333vw;
    text-align: center;
}
.p-top-opinion__popup-heading small {
    font-size: 3.7333333333vw;
}
.p-top-opinion__popup-content {
    background-color: #fff5e1;
    border-radius: 8px;
    margin-top: 5.3333333333vw;
    padding-block: 8vw;
    padding-inline: 4vw;
}
.p-top-opinion__popup-list {
    display: flex;
    flex-direction: column;
    gap: 6.6666666667vw;
}
.p-top-opinion__popup-list__row,
.p-top-opinion__popup-list__title {
    width: 100%;
}
.p-top-opinion__popup-list__txt {
    font-size: 4.2666666667vw;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 6px;
}
.p-top-opinion__popup-off {
    align-items: center;
    background-color: #ec5e01;
    box-shadow:
        inset 0 0 0 2px #000,
        4px 4px 0 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    display: flex;
    flex-shrink: 0;
    font-size: 3.7333333333vw;
    font-weight: 400;
    gap: 5px;
    height: 12.8vw;
    justify-content: center;
    letter-spacing: 0.01em;
    line-height: 1;
    margin-top: 10.1333333333vw;
    margin-inline: auto;
    position: relative;
    width: 37.3333333333vw;
}
.p-top-opinion__popup-off:before {
    background-color: #fff;
    content: "";
    height: 4px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.p-top-opinion__popup-off:after {
    aspect-ratio: 1;
    background-image: url(../images/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    width: 4vw;
}
@keyframes kf_popup_show {
    0% {
        rotate: -5deg;
        scale: 0.6;
    }
    to {
        rotate: 0deg;
        scale: 1;
    }
}
.p-top-benefit {
    background-color: #fff5e1;
    margin-top: -1px;
    padding-block: 7.4666666667vw 22.6666666667vw;
    position: relative;
}
.p-top-benefit__decorate {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}
.p-top-benefit__head {
    margin-inline: auto;
    max-width: 90.1333333333vw;
    padding-left: 23.7333333333vw;
    position: relative;
}
.p-top-benefit__tag {
    left: -4vw;
    position: absolute;
    rotate: -12.17deg;
    top: -6px;
    width: 26.6666666667vw;
}
.p-top-benefit__heading {
    color: #ec5e01;
    font-size: 9.6vw;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.4;
}
.p-top-benefit__lead {
    font-size: 3.7333333333vw;
    font-weight: 700;
    line-height: 1.4;
    margin-left: -21px;
    margin-right: -10px;
    margin-top: 7px;
}
.p-top-benefit__mainboard {
    margin-top: 35px;
    margin-inline: auto;
    max-width: 91.4666666667vw;
}
.p-top-benefit__menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
}
.p-top-benefit__menu-item {
    align-items: center;
    background-color: #ffc114;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    padding-block: 17px 10px;
    padding-inline: 10px 20px;
    width: 100%;
}
.p-top-benefit__menu-title {
    align-items: center;
    color: #e82e17;
    display: flex;
    font-size: 6.6666666667vw;
    font-weight: 700;
    justify-content: center;
    letter-spacing: -0.1em;
    line-height: 1.1;
    text-align: center;
}
.p-top-benefit__menu-icon {
    max-width: 80%;
    position: relative;
    top: 3px;
    width: 23.7333333333vw;
}
.p-top-benefit__menu-txt {
    font-size: 3.7333333333vw;
    font-weight: 500;
    line-height: 1.8;
    margin-top: -2px;
    text-align: center;
}
.p-top-best {
    padding-block: 13.3333333333vw 35.2vw;
    position: relative;
}
.p-top-best__head {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-inline: auto;
    max-width: 90.1333333333vw;
    position: relative;
}
.p-top-best__tag {
    left: 6px;
    position: absolute;
    rotate: -12.17deg;
    top: -2px;
    width: 26.6666666667vw;
}
.p-top-best__heading {
    color: #ec5e01;
    font-size: 9.6vw;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.05;
    padding-left: 30.1333333333vw;
}
.p-top-best__heading c-other {
    font-size: 12.8vw;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.2;
}
.p-top-best__sub {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding-left: 8px;
}
.p-top-best__sub-txt {
    color: #01562d;
    font-size: 3.7333333333vw;
    font-weight: 700;
    line-height: 2;
}
.p-top-best__sub-txt span:first-of-type {
    font-size: 5.8666666667vw;
    font-weight: 400;
    line-height: 1.4;
}
.p-top-best__sub-txt span:nth-of-type(2) {
    font-size: 4.2666666667vw;
    font-weight: 700;
    line-height: 1.4;
}
.p-top-best__sub-txt:nth-child(2) {
    line-height: 1.4;
}
.p-top-best__mainboard {
    margin-inline: auto;
    margin-top: 19.4666666667vw;
    max-width: 82.6666666667vw;
}
.p-top-best__list {
    display: flex;
    flex-direction: column;
    gap: 49px;
    margin-inline: auto;
    width: 100%;
}
.p-top-best__item {
    --border-color: #1f8940;
    --filter-color: #29cb27;
    --title-color: #29cb27;
    --color: #01562d;
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 28px;
}
.p-top-best__item:nth-child(2n) {
    gap: 18px;
}
.p-top-best__item:nth-child(2n) .p-top-best__item-photo {
    flex-direction: row-reverse;
}
.p-top-best__item:nth-child(2n) .p-top-best__item-photo:after {
    left: -3.7333333333vw;
    scale: 1 -1;
    top: 9.0666666667vw;
    translate: 0 -100%;
}
.p-top-best__item:nth-child(2n) .p-top-best__item-title {
    text-align: right;
}
.p-top-best__item:nth-child(2n) .p-top-best__item-txt {
    padding-left: 30.1333333333vw;
    padding-right: 0;
}
.p-top-best__item.--top-2 {
    --border-color: #e16615;
    --filter-color: #ec5e01;
    --title-color: #ec5e01;
    --color: #ec5e01;
}
.p-top-best__item.--top-3 {
    --border-color: #ffc114;
    --filter-color: #fef200;
    --title-color: #eeb200;
    --color: #eeb200;
}
.p-top-best__item-photo {
    margin-inline: -12px;
    position: relative;
}
.p-top-best__item-photo:after {
    aspect-ratio: 0.7050847458;
    background-image: url(../images/img_my_best_arrow.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    left: 100%;
    position: absolute;
    rotate: 90deg;
    top: 8.8vw;
    translate: -100% -100%;
    width: 27.2vw;
}
.p-top-best__item-content {
    width: 100%;
}
.p-top-best__item-member {
    align-items: center;
    border: 1px solid var(--border-color);
    color: var(--color);
    display: flex;
    filter: drop-shadow(0 0 6px var(--filter-color));
    flex-wrap: wrap;
    font-size: 5.0666666667vw;
    font-weight: 400;
    gap: 5px;
    justify-content: center;
    letter-spacing: 0.03em;
    line-height: 1.1;
    padding-block: 6px;
    padding-inline: 8px;
    text-align: center;
}
.p-top-best__item-member__avatar {
    align-items: center;
    background-color: var(--color);
    border-radius: 999px;
    display: inline-flex;
    justify-content: center;
    width: 10.1333333333vw;
}
.p-top-best__item-member__name {
    padding-left: 10px;
    width: 100%;
}
.p-top-best__item-title {
    color: var(--title-color);
    font-size: 10.6666666667vw;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.2;
    margin-top: 20px;
}
.p-top-best__item-title small {
    display: block;
    font-size: 5.3333333333vw;
    left: 11px;
    position: relative;
    top: 2px;
}
.p-top-best__item-txt {
    color: #01562d;
    font-size: 4.2666666667vw;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 19px;
    padding-right: 30.4vw;
}
.p-top-performance {
    position: relative;
}
.p-top-performance__decorate {
    background-color: #1f8940;
    background-image: url(../images/bg_join_02_sp.webp);
    background-size: 100% 100%;
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}
.p-top-performance__quote {
    align-items: center;
    background-color: #eeb200;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
}
.p-top-performance__quote-item {
    animation: kf_quote 4s linear 0s infinite both;
    flex-shrink: 0;
    width: 413px;
}
.p-top-performance__mainboard {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-inline: auto;
    max-width: 275.2vw;
    padding-block: 12vw 12.2666666667vw;
    position: relative;
}
.p-top-performance__mainboard:before {
    aspect-ratio: 7.5187969925;
    background-color: #29cb27;
    content: "";
    -webkit-mask-image: url(../images/img_shape_arrow.webp);
    mask-image: url(../images/img_shape_arrow.webp);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    position: absolute;
    right: 2px;
    scale: -1 1;
    top: -21.8666666667vw;
    width: 266.6666666667vw;
    z-index: 1;
}
.p-top-performance__head {
    margin-inline: auto;
    max-width: 82.4vw;
    position: relative;
    top: -9.3333333333vw;
    z-index: 2;
}
.p-top-performance__heading {
    max-width: 58.1333333333vw;
}
.p-top-performance__title {
    position: relative;
    width: 76.2666666667vw;
}
.p-top-performance__more {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 79.7333333333vw;
}
.p-top-performance__more-link {
    aspect-ratio: 3.487394958;
    border-radius: 4px;
    display: flex;
    position: relative;
    width: 100%;
}
.p-top-performance__more-link:before {
    background-color: #fff;
    border-radius: inherit;
    content: "";
    filter: drop-shadow(0 0 10px #abc59e);
    inset: 0;
    mix-blend-mode: plus-lighter;
    opacity: 0;
    position: absolute;
    transition: opacity 0.3s ease;
    z-index: -1;
}
@media screen and (min-width: 768px) {
    .p-top-mv {
        aspect-ratio: 2.1396731055;
        height: calc(100vh - 7.08333vw);
        min-height: 1px;
    }
    .p-top-mv__decorate-shape {
        --screen: 1440;
    }
    .p-top-mv__decorate-shape:first-child {
        --width: 114.18;
        --top: -71;
        --left: 41;
    }
    .p-top-mv__decorate-shape:nth-child(2) {
        --width: 172.06;
        --top: -79;
        --left: 158;
    }
    .p-top-mv__decorate-shape:nth-child(3) {
        --width: 133.46;
        --top: -88;
        --left: 315;
    }
    .p-top-mv__decorate-shape:nth-child(4) {
        --width: 170;
        --top: 260;
        --left: -74;
    }
    .p-top-mv__decorate-shape:nth-child(5) {
        --width: 140;
        --top: 414;
        --left: -90;
    }
    .p-top-mv__decorate-shape:nth-child(6) {
        --width: 98.12;
        --left: -12;
        bottom: 0;
        top: unset;
    }
    .p-top-mv__decorate-shape:nth-child(7) {
        --width: 87.54;
        --left: 36;
        bottom: 6.1111111111vw;
        top: unset;
    }
    .p-top-mv__decorate-shape:nth-child(8) {
        --width: 98.12;
        --left: 94;
        bottom: 0.9027777778vw;
        top: unset;
    }
    .p-top-mv__decorate-shape:nth-child(9) {
        --width: 200;
        --left: 224;
        bottom: -6.0416666667vw;
        top: unset;
    }
    .p-top-mv__decorate-shape:nth-child(10) {
        --width: 318.79;
        --left: 401;
        bottom: -8.8194444444vw;
        top: unset;
    }
    .p-top-mv__decorate-shape:nth-child(11) {
        --width: 224;
        --left: 701;
        bottom: -6.25vw;
        top: unset;
    }
    .p-top-mv__decorate-shape:nth-child(12),
    .p-top-mv__decorate-shape:nth-child(13) {
        translate: 0 -50%;
    }
    .p-top-mv__decorate-shape:nth-child(12) {
        --width: 407.64;
        --left: 768;
        rotate: -41.47deg;
        top: 32.4%;
    }
    .p-top-mv__decorate-shape:nth-child(13) {
        --width: 402.31;
        --left: 727;
        rotate: -114.32deg;
        top: 40.5%;
    }
    .p-top-mv__decorate-shape:nth-child(14) {
        --width: 250;
        --top: -83;
        --left: 1228;
        display: block;
    }
    .p-top-mv__decorate-shape:nth-child(15) {
        --width: 383.65;
        --top: 77;
        --left: 1332;
        display: block;
    }
    .p-top-mv__decorate-shape:nth-child(16) {
        --width: 49;
        --left: 1215;
        bottom: 2.6388888889vw;
    }
    .p-top-mv__decorate-shape:nth-child(17) {
        --width: 67;
        --left: 1260;
        bottom: 3.8888888889vw;
    }
    .p-top-mv__decorate-shape:nth-child(18) {
        --width: 50.65;
        --top: 337;
        --left: 691;
        top: 54%;
    }
    .p-top-mv__decorate-shape:nth-child(19) {
        --width: 50.65;
        --left: 1306;
        bottom: 3.75vw;
        top: unset;
    }
    .p-top-mv__decorate-shape:nth-child(20) {
        --width: 52;
        --left: 1351;
        bottom: 2.2916666667vw;
        top: unset;
    }
    .p-top-mv__decorate-shape:nth-child(21) {
        --width: 62;
        --left: 1353;
        bottom: 5vw;
    }
    .p-top-mv__decorate-shape:nth-child(22) {
        --width: 50.64;
        --left: 1408;
        bottom: 5.2777777778vw;
        rotate: 39.87deg;
    }
    .p-top-mv__lines-shape {
        --width: 28.2%;
        --ratio: 3.3619;
        --image-url: url(../images/img_line_01.webp);
        --top: 5.4%;
        --left: -20.4%;
    }
    .p-top-mv__lines-shape:nth-child(2) {
        --width: 18.5%;
        --ratio: 5.38095;
        --image-url: url(../images/img_line_02.webp);
        --top: 66.1%;
        --left: 40.7%;
    }
    .p-top-mv__lines-shape:nth-child(3) {
        --width: 39.5%;
        --ratio: 0.67087;
        --image-url: url(../images/img_line_03.webp);
        --top: 90.4%;
        --left: 47%;
    }
    .p-top-mv__inner {
        left: 1.8055555556vw;
        margin-inline: auto;
        max-width: 84.375vw;
        padding-bottom: 6.25vw;
        padding-top: 0;
    }
    .p-top-mv__inner-flex {
        flex-direction: row;
        width: 100%;
    }
    .p-top-mv__content {
        padding-top: 2.0833333333vw;
    }
    .p-top-mv__heading {
        left: 0;
        top: 0;
        width: 38.6805555556vw;
    }
    .p-top-mv__leading {
        left: 17.2222222222vw;
        top: 22.2916666667vw;
        width: 53.5%;
    }
    .p-top-mv__video {
        aspect-ratio: 1.0552016985;
        margin-top: 0;
        width: 34.5138888889vw;
    }
    .p-top-mv__video__cp {
        bottom: 0;
        left: 8px;
        width: calc(100% - 16px);
    }
    .p-top-mv__quote-item {
        width: 28.6805555556vw;
    }
    .p-top-join {
        padding-block: 86px 50px;
        padding-block: 5.9722222222vw 3.4722222222vw;
    }
    .p-top-join__decorate {
        background-image: url(../images/bg_join_01.webp);
    }
    .p-top-join__mainboard {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        left: -8px;
        max-width: 71.6666666667vw;
    }
    .p-top-join__title {
        top: -18px;
        width: 47.1792635659%;
    }
    .p-top-join__more {
        gap: 1.3888888889vw;
        width: 28.8194444444vw;
    }
    .p-top-join__more-link {
        aspect-ratio: 3.487394958;
    }
    .p-top-join__more-link:hover,
    .p-top-join__more-link:hover:before {
        opacity: 1;
    }
    .p-top-stage__decorate-shape {
        --screen: 1440;
        --screen-h: 774;
        --width: 74;
        --top: -12;
        --left: 33;
    }
    .p-top-stage__decorate-shape:nth-child(2) {
        --width: 125;
        --top: 93;
        --left: 154;
    }
    .p-top-stage__decorate-shape:nth-child(3) {
        --width: 96;
        --top: 295;
        --left: 19;
    }
    .p-top-stage__decorate-shape:nth-child(4) {
        --width: 118;
        --top: 492;
        --left: 95;
    }
    .p-top-stage__decorate-shape:nth-child(5) {
        --width: 88;
        --top: 639;
        --left: -34;
    }
    .p-top-stage__decorate-shape:nth-child(6) {
        --width: 91;
        --top: 110;
        --left: 1201;
    }
    .p-top-stage__decorate-shape:nth-child(7) {
        --width: 63;
        --top: 263;
        --left: 1307;
    }
    .p-top-stage__decorate-shape:nth-child(8) {
        --width: 93;
        --top: 413;
        --left: 1318;
    }
    .p-top-stage__decorate-shape:nth-child(9) {
        --width: 119;
        --top: 584;
        --left: 1116;
    }
    .p-top-stage__quote-en {
        gap: 45.6944444444vw;
        top: 47%;
    }
    .p-top-stage__quote-en-item {
        width: 47.5vw;
    }
    .p-top-stage__quote-item {
        width: 28.6805555556vw;
    }
    .p-top-stage__animate {
        --photo-width: 804;
        max-width: 56.8055555556vw;
        min-height: calc(100vh - 3.47222vw);
        padding-block: 0;
        top: 3.4722222222vw;
    }
    .p-top-stage__animate__photo {
        aspect-ratio: 1.4306049822;
        max-height: calc(100vh - 180px);
        max-width: 100%;
    }
    .p-top-stage__animate__photo:after,
    .p-top-stage__animate__photo:before {
        aspect-ratio: 0.6708683473;
        background-image: url(../images/img_line_03.webp);
        left: 47%;
        top: -3px;
        width: 59%;
    }
    .p-top-stage__animate__picture {
        border-radius: 3.0555555556vw;
        border-width: 7px;
    }
    .p-top-stage__animate__picture img {
        border-radius: 2.6388888889vw;
    }
    .p-top-stage__animate__talk__item {
        --width: 504;
        --top: 175;
        --left: -103;
    }
    .p-top-stage__animate__talk__item:nth-child(2) {
        --width: 630;
        --top: 71;
        --left: 105;
    }
    .p-top-stage__animate__talk__item:nth-child(3) {
        --width: 536;
        --top: -38;
        --left: 377;
    }
    .p-top-stage__animate__talk__item:nth-child(4) {
        --width: 209;
        --top: 127;
        --left: 302;
    }
    .p-top-stage__animate__talk__item:nth-child(5) {
        --width: 159;
        --top: 164;
        --left: 79;
    }
    .p-top-stage__animate__talk__item:nth-child(6) {
        --width: 159;
        --top: 98;
        --left: 326;
    }
    .p-top-stage__animate__talk__item:nth-child(7) {
        --width: 159;
        --top: 50;
        --left: 562;
    }
    .p-top-training {
        padding-top: 2.7083333333vw;
    }
    .p-top-training__head {
        margin-left: auto;
        margin-right: 2.7777777778vw;
        max-width: 46.8055555556vw;
        padding-top: 2.5vw;
    }
    .p-top-training__head-group {
        align-items: flex-end;
        display: flex;
        justify-content: center;
        padding-left: 8px;
        width: 100%;
    }
    .p-top-training__head-txt {
        font-size: 1.3888888889vw;
        margin-left: 0;
        margin-top: 1.1805555556vw;
        max-width: 100%;
        position: relative;
    }
    .p-top-training__heading {
        width: 26.3958333333vw;
    }
    .p-top-training__tag {
        position: relative;
        right: -4px;
        top: -3px;
        width: 13.9493055556vw;
    }
    .p-top-training__mainboard {
        padding-top: 5.1388888889vw;
    }
    .p-top-training__mainboard:before {
        left: 21.8055555556vw;
        top: 0;
        top: clamp(-9.1875rem, -11.6525vw + -0.1568rem, -5.75rem);
        top: -10.2083333333vw;
        width: 138.8888888889vw;
    }
    .p-top-training__flex {
        flex-direction: row;
        gap: 1.6666666667vw;
        left: 0;
        width: 78.0555555556vw;
    }
    .p-top-training__card {
        background-image: linear-gradient(180deg, #fff5e1 44%, #1f8940 0);
        border-radius: 2.2222222222vw;
        padding-block: 2.2222222222vw 3.6805555556vw;
        padding-inline: 6.4583333333vw;
        width: calc(50% - 12px);
    }
    .p-top-training__card:after {
        bottom: 10px;
        height: 8.39px;
        height: 0.5826388889vw;
    }
    .p-top-training__card-photo {
        width: 100%;
    }
    .p-top-training__card-badge {
        max-width: 41.7582417582%;
    }
    .p-top-training__card-title {
        height: 4.7916666667vw;
        margin-top: 2.7777777778vw;
    }
    .p-top-training__card-list {
        font-size: max(0.625rem, 1.25vw);
        left: -0.6944444444vw;
        margin-top: 1.5277777778vw;
        position: relative;
        width: max(296px, 20.5555555556vw);
    }
    .p-top-training__card-list > li {
        padding-left: 1.3888888889vw;
    }
    .p-top-leveling {
        margin-top: -9.7222222222vw;
        padding-block: 23.4027777778vw 4.4444444444vw;
    }
    .p-top-leveling__decorate {
        background-image: linear-gradient(180deg, #6db44a 68.1%, #1f8940 0);
    }
    .p-top-leveling__decorate:after {
        --arrow-width: 215.27778vw;
        --arrow-height: 33.54167vw;
    }
    .p-top-leveling__decorate__shape:first-child:after {
        background-position: -4.2361111111vw 11.1111111111vw;
        background-size: 112.9166666667vw 130.625vw;
    }
    .p-top-leveling__tag {
        width: 13.8888888889vw;
    }
    .p-top-leveling__title {
        font-size: 5vw;
        margin-top: -0.9027777778vw;
    }
    .p-top-leveling__leading {
        font-size: max(0.625rem, 1.5277777778vw);
        margin-top: 11px;
        padding-left: 6px;
    }
    .p-top-leveling__slider-wrap {
        margin-top: 2.4305555556vw;
        max-width: 49.7222222222vw;
    }
    .p-top-leveling__slider-arrow {
        left: -7px;
        top: calc(50% - 5.55556vw);
        width: calc(100% + 14px);
    }
    .p-top-leveling__slider-arrow__next,
    .p-top-leveling__slider-arrow__prev {
        border-radius: 8px;
        cursor: pointer;
        transition: 0.3s ease;
        width: 6.4583333333vw;
    }
    .p-top-leveling__slider-arrow__next:hover:before,
    .p-top-leveling__slider-arrow__prev:hover:before {
        opacity: 1;
    }
    .p-top-leveling__slider-arrow__next:after,
    .p-top-leveling__slider-arrow__prev:after {
        background-size: 2.4305555556vw;
    }
    .p-top-leveling__slider-dots {
        margin-top: 2.4305555556vw;
    }
    .p-top-leveling__slider-dots .slick-dots li {
        cursor: pointer;
        transition: opacity 0.3s ease;
        width: 2.1527777778vw;
    }
    .p-top-leveling__slider-dots .slick-dots li:hover {
        opacity: 0.6;
    }
    .p-top-leveling__slide {
        --slide-text-margin-top: 2.29167vw;
        --slide-talk-width: 35.90278vw;
        --slide-talk-margin-top: 3.61111vw;
        --slide-level-top: 0;
        --slide-level-right: -1.45833vw;
        --slide-content-margin-top: -2.08333vw;
        --slide-target-margin-top: -0.90278vw;
        border-radius: 1.6666666667vw;
        margin-inline: 1.7361111111vw;
        padding-block: 1.7361111111vw 3.125vw;
        padding-inline: 1.3888888889vw;
        width: 46.25vw;
    }
    .p-top-leveling__slide.--beginner .p-top-leveling__slide-target {
        font-size: 7.1527777778vw;
        margin-top: -6px;
    }
    .p-top-leveling__slide.--beginner .p-top-leveling__slide-content {
        margin-top: -1.3888888889vw;
    }
    .p-top-leveling__slide.--beginner .p-top-leveling__slide-tag {
        translate: -32% 16%;
        width: 9.0277777778vw;
    }
    .p-top-leveling__slide.--rookie {
        --slide-text-margin-top: 1.31944vw;
        --slide-content-margin-top: -2.15278vw;
        --slide-talk-width: 35.90278vw;
        --slide-talk-margin-top: 2.63889vw;
        --slide-level-top: 1px;
        --slide-level-right: -2.36111vw;
    }
    .p-top-leveling__slide.--expert {
        --slide-level-right: -2.63889vw;
        --slide-talk-width: 35.90278vw;
        --slide-target-margin-top: -0.97222vw;
        --slide-talk-margin-top: 3.68056vw;
        --slide-content-margin-top: -2.01389vw;
        --slide-tag-bottom: -2px;
    }
    .p-top-leveling__slide.--legend {
        --slide-text-margin-top: 1.18056vw;
        --slide-talk-width: 35.90278vw;
        --slide-talk-margin-top: 1.80556vw;
        --slide-content-margin-top: -2.15278vw;
        --slide-tag-left: 2px;
        --slide-tag-bottom: -1px;
        --slide-level-top: 3px;
        --slide-level-right: -4.30556vw;
    }
    .p-top-leveling__slide.--legend .p-top-leveling__slide-level {
        font-size: 2.7777777778vw;
    }
    .p-top-leveling__slide.--legend .p-top-leveling__slide-target {
        margin-top: -0.9027777778vw;
    }
    .p-top-leveling__slide-duration {
        font-size: max(0.625rem, 1.3888888889vw);
        line-height: 1.8;
    }
    .p-top-leveling__slide-target {
        font-size: 8.3333333333vw;
    }
    .p-top-leveling__slide-content {
        width: max(280px, 30vw);
    }
    .p-top-leveling__slide-tag {
        width: 9.0277777778vw;
    }
    .p-top-leveling__slide-level {
        font-size: 3.3333333333vw;
    }
    .p-top-leveling__slide-level:before {
        width: 12.9166666667vw;
    }
    .p-top-leveling__slide-txt {
        font-size: max(0.6875rem, 1.1111111111vw);
        line-height: 1.8;
        margin-inline: 0;
        padding-left: 4px;
    }
    .p-top-leveling__slide-note {
        font-size: 0.6944444444vw;
        line-height: 1.8;
        margin-top: 6px;
        margin-inline: 0;
        padding-inline: 4px;
    }
    .p-top-leveling__slide-talk {
        gap: 13px;
    }
    .p-top-leveling__rank {
        gap: 1.25vw;
        margin-top: 5.9722222222vw;
    }
    .p-top-leveling__rank-group {
        width: calc(25% - 0.9375vw);
    }
    .p-top-leveling__rank-tag {
        border-radius: 1.1111111111vw;
        font-size: 2.2222222222vw;
        width: 12.2916666667vw;
    }
    .p-top-leveling__rank-title {
        font-size: 2.0138888889vw;
        margin-top: -0.6944444444vw;
        padding-left: 0.9027777778vw;
    }
    .p-top-opinion {
        padding-block: 4.6527777778vw 0;
    }
    .p-top-opinion__decorate:after {
        --width: calc(100vw - 1px);
        --height: 2.08333vw;
    }
    .p-top-opinion__decorate__shape:first-child:after {
        background-size: 112.9166666667vw 130.625vw;
    }
    .p-top-opinion__quote {
        bottom: 7.5vw;
        width: 111.1111111111vw;
    }
    .p-top-opinion__quote-item {
        width: 28.6805555556vw;
    }
    .p-top-opinion__head {
        margin-right: 0;
        width: 51.5277777778vw;
    }
    .p-top-opinion__head-group {
        flex-direction: row;
        gap: 0.8333333333vw;
    }
    .p-top-opinion__head-lead {
        font-size: 1.5277777778vw;
        margin-left: -5px;
        margin-right: 0;
        margin-top: 2.4305555556vw;
    }
    .p-top-opinion__heading {
        width: 34.8611111111vw;
    }
    .p-top-opinion__tag {
        left: 0;
        top: 0.9027777778vw;
        width: 13.9493055556vw;
    }
    .p-top-opinion__mainboard {
        margin-top: -6.9444444444vw;
        padding-block: 11.5277777778vw 18.75vw;
    }
    .p-top-opinion__mainboard:before {
        left: 18.6805555556vw;
        top: -4.1666666667vw;
        width: 138.8888888889vw;
    }
    .p-top-opinion__mainboard-decorate:after {
        --arrow-width: 208.33333vw;
        --arrow-height: 27.08333vw;
        bottom: -3.4722222222vw;
    }
    .p-top-opinion__mainboard-flex {
        flex-direction: row-reverse;
        gap: 3.6111111111vw;
        justify-content: space-between;
        width: 78.4722222222vw;
    }
    .p-top-opinion__gallery {
        --origin-2: translate3d(41%, 0, 0);
        height: 36.3888888889vw;
        left: 0;
        width: 100%;
    }
    .p-top-opinion__gallery.step-1
        .p-top-opinion__gallery-photo:first-child:hover {
        filter: drop-shadow(0 0 41.9px #31ff2e);
        scale: 1.05;
    }
    .p-top-opinion__gallery.step-1
        .p-top-opinion__gallery-photo:first-child:hover:before {
        opacity: 1;
    }
    .p-top-opinion__gallery.step-2
        .p-top-opinion__gallery-photo:nth-child(2):hover {
        filter: drop-shadow(0 0 41.9px #31ff2e);
        scale: 1.05;
    }
    .p-top-opinion__gallery.step-2
        .p-top-opinion__gallery-photo:nth-child(2):hover:before {
        opacity: 1;
    }
    .p-top-opinion__gallery.step-3
        .p-top-opinion__gallery-photo:nth-child(3):hover {
        filter: drop-shadow(0 0 41.9px #31ff2e);
        scale: 1.05;
    }
    .p-top-opinion__gallery.step-3
        .p-top-opinion__gallery-photo:nth-child(3):hover:before {
        opacity: 1;
    }
    .p-top-opinion__gallery.step-4
        .p-top-opinion__gallery-photo:nth-child(4):hover {
        filter: drop-shadow(0 0 41.9px #31ff2e);
        scale: 1.05;
    }
    .p-top-opinion__gallery.step-4
        .p-top-opinion__gallery-photo:nth-child(4):hover:before {
        opacity: 1;
    }
    .p-top-opinion__gallery-photo {
        cursor: pointer;
        width: 25.2777777778vw;
    }
    .p-top-opinion__gallery-photo:before {
        background-image: url(../images/img_shape_14.svg);
    }
    .p-top-opinion__gallery-photo__shape:after,
    .p-top-opinion__gallery-photo__shape:before {
        -webkit-mask-image: url(../images/img_shape_14.svg);
        mask-image: url(../images/img_shape_14.svg);
    }
    .p-top-opinion__gallery-photo__shape:before {
        background-color: #fff;
    }
    .p-top-opinion__gallery-photo__shape:after {
        height: calc(100% - 3px);
        left: 2px;
        top: 2px;
        width: calc(100% - 3px);
    }
    .p-top-opinion__gallery-photo > picture {
        -webkit-mask-image: url(../images/img_shape_14.svg);
        mask-image: url(../images/img_shape_14.svg);
    }
    .p-top-opinion__gallery-photo__name {
        bottom: 4.5833333333vw;
        font-size: 1.8055555556vw;
        gap: 12px;
        left: calc(50% - 6px);
        min-width: 81%;
        padding-block: 8px;
        padding-inline: 1.25vw;
        white-space: nowrap;
    }
    .p-top-opinion__gallery-photo__name img {
        width: 2.2222222222vw;
    }
    .p-top-opinion__content {
        height: 27.7777777778vw;
        top: 11px;
        width: 32.6388888889vw;
    }
    .p-top-opinion__content-item {
        --title-width: 100%;
        padding-inline: 0;
        top: calc(50% + 20px);
        translate: 0 -50%;
    }
    .p-top-opinion__content-item.is-active {
        top: 50%;
    }
    .p-top-opinion__content-item:first-child {
        --title-width: 93%;
    }
    .p-top-opinion__content-item:nth-child(2) {
        --title-width: 62%;
    }
    .p-top-opinion__content-item:nth-child(3) {
        --title-width: 73%;
    }
    .p-top-opinion__content-item:nth-child(4) {
        --title-width: 93%;
    }
    .p-top-opinion__content-item__txt {
        font-size: max(0.75rem, 1.25vw);
        margin-top: 2.0833333333vw;
        padding-left: 0;
    }
    .p-top-opinion__content-item__related {
        flex-direction: row;
        gap: 1.9444444444vw;
        margin-top: 1.5277777778vw;
    }
    .p-top-opinion__content-item__message {
        font-size: max(0.75rem, 1.1111111111vw);
        padding-block: 0.8333333333vw 0.625vw;
        padding-inline: 1.7361111111vw 1.9444444444vw;
        width: auto;
    }
    .p-top-opinion__content-item__message > li {
        padding-left: 1.25vw;
    }
    .p-top-opinion__content-item__message > li:before {
        width: 0.625vw;
    }
    .p-top-opinion__content-item__more {
        cursor: pointer;
        font-size: max(0.625rem, 0.9722222222vw);
        gap: 5px;
        height: max(34px, 3.3333333333vw);
        padding-left: 10px;
        padding-top: 2px;
        transition: 0.3s ease;
        width: max(100px, 9.7222222222vw);
    }
    .p-top-opinion__content-item__more:hover {
        background-color: #ffc114;
        box-shadow: inset 0 0 0 2px #000;
        opacity: 1;
        translate: 0 4px;
    }
    .p-top-opinion__content-item__more:after {
        width: max(10px, 1.0416666667vw);
    }
    .p-top-opinion__virtual-item {
        padding-top: 40vh;
    }
    .p-top-opinion__arrow {
        display: none;
    }
    .p-top-opinion__popup {
        padding: 2.7777777778vw;
    }
    .p-top-opinion__popup-mainboard {
        padding-block: 2.7083333333vw 0;
        padding-inline: 1.3888888889vw;
        width: 43.0555555556vw;
    }
    .p-top-opinion__popup-close {
        cursor: pointer;
        right: 1.5277777778vw;
        top: 1.3194444444vw;
        transition: 0.3s ease;
        width: 3.4722222222vw;
    }
    .p-top-opinion__popup-close:hover {
        background-color: #ffc114;
        box-shadow: inset 0 0 0 2px #000;
        translate: 0 4px;
    }
    .p-top-opinion__popup-close__icon {
        width: 1.8055555556vw;
    }
    .p-top-opinion__popup-scrollable {
        max-height: calc(100vh - 8.33333vw);
        padding-top: 3.4722222222vw;
    }
    .p-top-opinion__popup-scrollable__inner {
        padding-inline: 2.0833333333vw;
        padding-bottom: 3.8888888889vw;
    }
    .p-top-opinion__popup-cover {
        aspect-ratio: 1.7704918033;
        left: -3px;
        width: 30vw;
    }
    .p-top-opinion__popup-cover__photo:after {
        filter: drop-shadow(0 0 0.4166666667vw #31ff2e);
    }
    .p-top-opinion__popup-cover__order {
        width: 10.625vw;
    }
    .p-top-opinion__popup-cover__tag {
        width: 10.6944444444vw;
    }
    .p-top-opinion__popup-cover__sub {
        border: 2px solid #fff;
        width: 11.6666666667vw;
    }
    .p-top-opinion__popup-heading {
        font-size: 2.5vw;
        margin-top: 3.125vw;
    }
    .p-top-opinion__popup-heading small {
        font-size: 1.6666666667vw;
    }
    .p-top-opinion__popup-content {
        border-radius: 1.1111111111vw;
        margin-top: 2.7777777778vw;
        padding-block: 2.0833333333vw;
        padding-inline: 1.8055555556vw;
    }
    .p-top-opinion__popup-list {
        gap: 1.5972222222vw;
    }
    .p-top-opinion__popup-list__txt {
        font-size: max(0.625rem, 0.9722222222vw);
        line-height: 1.8;
        margin-top: 4px;
    }
    .p-top-opinion__popup-off {
        cursor: pointer;
        font-size: max(0.625rem, 0.9722222222vw);
        height: max(34px, 3.3333333333vw);
        margin-top: 2.7777777778vw;
        padding-left: 10px;
        padding-top: 2px;
        transition: 0.3s ease;
        width: max(100px, 9.7222222222vw);
    }
    .p-top-opinion__popup-off:hover {
        background-color: #ffc114;
        box-shadow: inset 0 0 0 2px #000;
        opacity: 1;
        translate: 0 4px;
    }
    .p-top-opinion__popup-off:after {
        width: max(10px, 1.0416666667vw);
    }
    .p-top-benefit {
        padding-block: 2.7777777778vw 7.4305555556vw;
    }
    .p-top-benefit__head {
        max-width: 91.6666666667vw;
        padding-left: 14.4444444444vw;
    }
    .p-top-benefit__tag {
        left: -3px;
        top: -0.9027777778vw;
        width: 13.8888888889vw;
    }
    .p-top-benefit__heading {
        font-size: 5vw;
    }
    .p-top-benefit__lead {
        font-size: 1.5277777778vw;
        margin-left: 0;
        margin-right: 0;
        margin-top: 1.7361111111vw;
        padding-left: 1px;
    }
    .p-top-benefit__mainboard {
        margin-top: 4.5833333333vw;
        max-width: 90.1388888889vw;
    }
    .p-top-benefit__menu {
        flex-direction: row;
        gap: 2.7083333333vw 3.125vw;
    }
    .p-top-benefit__menu-item {
        border-radius: 1.6666666667vw;
        padding-block: 2.2916666667vw 3.75vw;
        padding-inline: 2px;
        width: calc(33.33% - 2.08333vw);
    }
    .p-top-benefit__menu-title {
        font-size: 2.7777777778vw;
        min-height: 7.3611111111vw;
    }
    .p-top-benefit__menu-icon {
        left: -6px;
        top: 0;
        width: 12.3611111111vw;
    }
    .p-top-benefit__menu-txt {
        font-size: max(0.625rem, 1.25vw);
        margin-top: 6px;
    }
    .p-top-best {
        padding-block: 6.6666666667vw 14.5833333333vw;
    }
    .p-top-best__head {
        gap: 2.2916666667vw;
        max-width: 91.6666666667vw;
        padding-left: 16.6666666667vw;
    }
    .p-top-best__tag {
        left: 30px;
        top: -3px;
        width: 13.8888888889vw;
    }
    .p-top-best__heading {
        font-size: 5vw;
        padding-left: 0;
    }
    .p-top-best__heading c-other {
        font-size: 6.6666666667vw;
    }
    .p-top-best__sub {
        gap: 1.6666666667vw;
        padding-top: 2.2222222222vw;
    }
    .p-top-best__sub-txt {
        font-size: 1.3888888889vw;
        line-height: 1.4;
    }
    .p-top-best__sub-txt span:first-of-type {
        font-size: 2.5vw;
    }
    .p-top-best__sub-txt span:nth-of-type(2) {
        font-size: 2.2222222222vw;
    }
    .p-top-best__mainboard {
        margin-top: 2.9861111111vw;
        max-width: 88.8888888889vw;
    }
    .p-top-best__list {
        gap: 0;
        max-width: 58.0555555556vw;
    }
    .p-top-best__item {
        flex-direction: row;
        gap: 1.9444444444vw;
    }
    .p-top-best__item:nth-child(2n) {
        flex-direction: row-reverse;
        gap: 1.9444444444vw;
    }
    .p-top-best__item:nth-child(2n) .p-top-best__item-photo:after {
        left: calc(100% - 2.70833vw);
        scale: -1 1;
        top: 4.4444444444vw;
        translate: 0 0;
    }
    .p-top-best__item:nth-child(2n) .p-top-best__item-title {
        text-align: left;
    }
    .p-top-best__item:nth-child(2n) .p-top-best__item-txt {
        padding-left: 0;
        padding-right: 4px;
    }
    .p-top-best__item.--top-2 .p-top-best__item-content {
        padding-bottom: 0;
        padding-left: 1.875vw;
    }
    .p-top-best__item-photo {
        margin-inline: 0;
        width: 50%;
    }
    .p-top-best__item-photo:after {
        left: 2.4305555556vw;
        rotate: 0deg;
        top: -1.1805555556vw;
        translate: -100% 0;
        width: 14.4444444444vw;
    }
    .p-top-best__item-content {
        padding-bottom: 1.1805555556vw;
        width: calc(50% - 28px);
    }
    .p-top-best__item-member {
        display: inline-flex;
        filter: drop-shadow(0 0 2px var(--filter-color));
        font-size: 1.3194444444vw;
        padding-block: 7px;
        padding-inline: 1.25vw;
    }
    .p-top-best__item-member__avatar {
        width: 2.6388888889vw;
    }
    .p-top-best__item-member__name {
        padding-left: 0.6944444444vw;
        width: auto;
    }
    .p-top-best__item-title {
        font-size: 3.3333333333vw;
        margin-top: 2.0833333333vw;
    }
    .p-top-best__item-title small {
        display: inline;
        font-size: 1.3888888889vw;
        left: 0;
        top: 0;
    }
    .p-top-best__item-txt {
        font-size: 1.25vw;
        margin-top: 1.3888888889vw;
        padding-right: 4px;
    }
    .p-top-performance__decorate {
        background-image: url(../images/bg_join_02.webp);
        height: calc(100% - 3.40278vw);
    }
    .p-top-performance__quote {
        display: flex;
    }
    .p-top-performance__quote-item {
        width: 28.6805555556vw;
    }
    .p-top-performance__mainboard {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        left: -8px;
        max-width: 71.6666666667vw;
        padding-block: 10.9027777778vw 6.875vw;
    }
    .p-top-performance__mainboard:before {
        right: 6.9444444444vw;
        top: -8.8194444444vw;
        width: 138.8888888889vw;
    }
    .p-top-performance__head {
        max-width: 86.8055555556vw;
        top: -3.2638888889vw;
    }
    .p-top-performance__heading {
        width: 58.1944444444vw;
    }
    .p-top-performance__title {
        left: 1.5277777778vw;
        top: -4.0277777778vw;
        width: 47.1792635659%;
    }
    .p-top-performance__more {
        gap: 1.3888888889vw;
        width: 28.8194444444vw;
    }
    .p-top-performance__more-link:hover,
    .p-top-performance__more-link:hover:before {
        opacity: 1;
    }
}