@charset "UTF-8";
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

main {
    display: block
}

address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color: inherit
}

pre {
    font-family: monospace, monospace;
    font-size: inherit
}

address {
    font-style: inherit
}

a {
    background-color: transparent;
    text-decoration: none;
    color: inherit
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: inherit
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

embed,
iframe,
img,
object {
    vertical-align: bottom
}

button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: 0 0;
    padding: 0;
    margin: 0;
    outline: 0;
    border-radius: 0;
    text-align: inherit
}

[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled],
button[disabled] {
    cursor: default
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

select::-ms-expand {
    display: none
}

option {
    padding: 0
}

fieldset {
    margin: 0;
    padding: 0;
    min-width: 0
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable] {
    outline: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption {
    text-align: left
}

td,
th {
    vertical-align: top;
    padding: 0
}

th {
    text-align: left;
    font-weight: 700
}

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    --black: #000;
    --black-rgb: 0 0 0;
    --white: #FFFFFF;
    --white-rgb: 255 255 255;
    --gray: #F4F4F4;
    --gray-rgb: 244 244 244;
    --navy: #131B2A;
    --navy-rgb: 19 27 42;
    --pink: #CF7BB3;
    --pink-rgb: 207 123 179;
    --blue: #6273D6;
    --blue-rgb: 98 115 214;
    --grad-alpha: 1;
    --grad-angle: 90deg;
    --grad-pink-from: 16, 25, 80;
    --grad-pink-to: 204, 143, 184;
    --grad-purple-from: 33, 31, 65;
    --grad-purple-to: 172, 150, 198;
    --grad-blue-from: 68, 84, 183;
    --grad-blue-to: 98, 180, 204;
    --grad-paleblue-from: 117, 171, 221;
    --grad-paleblue-to: 199, 229, 218;
    --none: #898989;
    --none-rgb: 137, 137, 137;
    --mygo: #3388bb;
    --mygo-rgb: 51 136 187;
    --mygo2crash: #ff99cc;
    --mygo2crash-rgb: 255 153 204;
    --minecraft: #52a535;
    --minecraft-rgb: 82 165 53;
    --adofai: #773388;
    --adofai-rgb: 119 51 136;
    --ikkadumbrock: #FFAA33;
    --ikkadumbrock-rgb: 255 170 51;
    --rinon: #aa3344;
    --rion-rgb: 170, 51, 68;
    --tomori: #77bbdd;
    --tomori-rgb: 119 187 221;
    --anon: #FF8899;
    --anon-rgb: 255 136 153;
    --rana: #77DD77;
    --rana-rgb: 119 221 119;
    --soyo: #FFDD88;
    --soyo-rgb: 255 221 136;
    --taki: #7777AA;
    --taki-rgb: 119 119 170;
    --uika: #BB9955;
    --uika-rgb: 187 153 85;
    --mutsumi: #779977;
    --mutsumi-rgb: 119 153 119;
    --umiri: #335566;
    --umiri-rgb: 51 85 102;
    --nyamu: #AA4477;
    --nyamu-rgb: 170 68 119;
    --sakiko: #7799CC;
    --sakiko-rgb: 119 153 204;
    --arale: #FFEE55;
    --arale-rgb: 255 238 85;
    --nonoka: #FFBBCC;
    --nonoka-rgb: 255 187 204;
    --ritsu: #4477CC;
    --ritsu-rgb: 68 119 204;
    --miyako: #9977CC;
    --miyako-rgb: 153 119 204;
    --yuno: #EE5577;
    --yuno-rgb: 238 85 119;
    --hotaru: #99FF99;
    --hotaru-rgb: 153 255 153;
    --natsume: #FF4444;
    --natsume-rgb: 255 68 68;
    --nagi: #5555FF;
    --nagi-rgb: 85 85 255;
    --mahoro: #77FFFF;
    --mahoro-rgb: 119 255 255;
    --houka: #EE99EE;
    --houka-rgb: 238 153 238;
    --raika: #FF7700;
    --raika-rgb: 255 119 0;
    --miku: #22CCFF;
    --miku-rgb: 34 204 255;
    --yomogi: #448888;
    --yomogi-rgb: 68 136 136;
    --chieri: #FF55AA;
    --chieri-rgb: 255 85 170;
    --shizuku: #9999FF;
    --shizuku-rgb: 153 153 255
}

html {
    font-size: 62.5%;
    line-height: 1;
    scroll-padding-top: max(5.2083333333vw, 100px);
    background: var(--gray)
}

@media print,
screen and (min-width:1920px) {
    html {
        font-size: .5208333333vw
    }
}

@media print,
screen and (max-width:1440px) {
    html {
        font-size: .6944444444vw;
        scroll-padding-top: 6.9444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    html {
        font-size: 1.3020833333vw;
        scroll-padding-top: 13.0208333333vw
    }
}

body {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
    overflow-wrap: break-word
}

@media print,
screen and (max-width:1024px) {
    body {
        -webkit-text-size-adjust: 100%;
        -webkit-overflow-scrolling: touch
    }
}

img {
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

img:not(.c-single-content img) {
    width: 100%;
    max-width: none;
    height: 100%
}

html.lenis,
html.lenis body {
    height: auto
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
    overflow: clip
}

.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-smooth iframe {
    pointer-events: none
}

.lenis.lenis-autoToggle {
    -webkit-transition-property: overflow;
    transition-property: overflow;
    -webkit-transition-duration: 1ms;
    transition-duration: 1ms;
    transition-behavior: allow-discrete
}

.l-container {
    min-height: 100vh;
    min-height: 100svh;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative
}

.l-container.l-container--sub {
    background: url(../images/pc/subpage/bg.webp) 50% 0/max(100vw, 1920px) no-repeat;
    position: relative
}

@media print,
screen and (max-width:1440px) {
    .l-container.l-container--sub {
        background-size: 133.3333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-container.l-container--sub {
        background: url(../images/sp/subpage/bg.webp) 50% 0/100% no-repeat
    }
}

.l-container.l-container--sub::before {
    content: "";
    width: 100%;
    height: calc(100% - max(31.25vw, 600px));
    position: absolute;
    top: max(31.25vw, 600px);
    background: url(../images/pc/bg_gray.webp) 50% 0/max(100vw, 1920px) repeat-y var(--gray)
}

@media print,
screen and (max-width:1440px) {
    .l-container.l-container--sub::before {
        height: calc(100% - 41.6666666667vw);
        top: 41.6666666667vw;
        background-size: 133.3333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-container.l-container--sub::before {
        height: 100%;
        top: 0;
        background: url(../images/sp/bg_gray.webp) 50% 0/100% repeat-y var(--gray)
    }
}

.l-header {
    position: relative
}

.l-header__logo {
    position: absolute;
    display: block
}

.l-header__logo.is-subpage {
    width: max(9.7916666667vw, 188px);
    top: max(.5208333333vw, 10px);
    left: max(1.3020833333vw, 25px)
}

@media print,
screen and (max-width:1440px) {
    .l-header__logo.is-subpage {
        width: 13.0555555556vw;
        top: .6944444444vw;
        left: 1.7361111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-header__logo.is-subpage {
        width: 25vw;
        top: 3.90625vw;
        left: 3.2552083333vw
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .l-header__logo {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .l-header__logo:hover {
        opacity: .8
    }
}

.l-header__hamburger {
    width: max(4.1666666667vw, 80px);
    height: max(2.8645833333vw, 55px);
    position: fixed;
    top: max(1.1458333333vw, 22px);
    right: max(1.6666666667vw, 32px);
    z-index: 10
}

@media print,
screen and (max-width:1440px) {
    .l-header__hamburger {
        width: 5.5555555556vw;
        height: 3.8194444444vw;
        top: 1.5277777778vw;
        right: 2.2222222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-header__hamburger {
        width: 12.7604166667vw;
        height: 10.8072916667vw;
        top: 3.7760416667vw;
        right: 5.5989583333vw
    }
}

.l-header__hamburger .l-header__hamburger-shape {
    width: max(4.1666666667vw, 80px);
    height: max(2.34375vw, 45px);
    position: absolute;
    top: 0;
    left: 0
}

@media print,
screen and (max-width:1440px) {
    .l-header__hamburger .l-header__hamburger-shape {
        width: 5.5555555556vw;
        height: 3.125vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-header__hamburger .l-header__hamburger-shape {
        width: 12.7604166667vw;
        height: 7.1614583333vw
    }
}

.l-header__hamburger .l-header__hamburger-shape path {
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    fill: var(--black)
}

.l-header__hamburger .l-header__hamburger-menu {
    width: max(2.1875vw, 42px);
    height: max(1.0416666667vw, 20px);
    position: absolute;
    bottom: 0;
    right: 0
}

@media print,
screen and (max-width:1440px) {
    .l-header__hamburger .l-header__hamburger-menu {
        width: 2.9166666667vw;
        height: 1.3888888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-header__hamburger .l-header__hamburger-menu {
        width: 8.8541666667vw;
        height: 4.1666666667vw
    }
}

.l-header__hamburger .l-header__hamburger-menu path {
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    fill: var(--black)
}

.l-header__hamburger .l-header__hamburger-close {
    width: max(2.03125vw, 39px);
    height: max(.9375vw, 18px);
    position: absolute;
    bottom: max(.0520833333vw, 1px);
    right: max(.2083333333vw, 4px);
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0)
}

@media print,
screen and (max-width:1440px) {
    .l-header__hamburger .l-header__hamburger-close {
        width: 2.7083333333vw;
        height: 1.25vw;
        bottom: .0694444444vw;
        right: .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-header__hamburger .l-header__hamburger-close {
        width: 8.8541666667vw;
        height: 4.0364583333vw;
        bottom: .1302083333vw;
        right: .5208333333vw
    }
}

.l-header__hamburger.is-home:not(.is-active) {
    mix-blend-mode: exclusion
}

.l-header__hamburger.is-home .l-header__hamburger-shape path {
    fill: var(--white)
}

.l-header__hamburger.is-home .l-header__hamburger-menu path {
    fill: var(--white)
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .l-header__hamburger {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .l-header__hamburger:hover {
        opacity: .6
    }
}

.l-header__nav {
    width: max(30.2083333333vw, 580px);
    height: 100%;
    padding: max(9.375vw, 180px) 0 max(9.375vw, 180px) max(7.2916666667vw, 140px);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-angle)), color-stop(0, rgba(var(--grad-purple-from), 1)), to(rgba(var(--grad-purple-to), 1)));
    background: -webkit-linear-gradient(var(--grad-angle), rgba(var(--grad-purple-from), 1) 0, rgba(var(--grad-purple-to), 1) 100%);
    background: linear-gradient(var(--grad-angle), rgba(var(--grad-purple-from), 1) 0, rgba(var(--grad-purple-to), 1) 100%);
    -webkit-backdrop-filter: blur(max(1.5625vw, 30px));
    backdrop-filter: blur(max(1.5625vw, 30px));
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-transform: translate(101%);
    transform: translate(101%)
}

@media print,
screen and (max-width:1440px) {
    .l-header__nav {
        width: 40.2777777778vw;
        padding: 12.5vw 0 12.5vw 9.7222222222vw;
        -webkit-backdrop-filter: blur(2.0833333333vw);
        backdrop-filter: blur(2.0833333333vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .l-header__nav {
        width: 82.03125vw;
        padding: 31.25vw 0 31.25vw 15.625vw;
        -webkit-backdrop-filter: blur(3.90625vw);
        backdrop-filter: blur(3.90625vw)
    }
}

.l-header__nav::-webkit-scrollbar {
    display: none
}

.l-header__nav .l-header__nav-group+.l-header__nav-group {
    margin-top: max(4.1666666667vw, 80px)
}

@media print,
screen and (max-width:1440px) {
    .l-header__nav .l-header__nav-group+.l-header__nav-group {
        margin-top: 5.5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-header__nav .l-header__nav-group+.l-header__nav-group {
        margin-top: 13.0208333333vw
    }
}

.l-header__nav .l-header__nav-label {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    letter-spacing: .06em;
    color: var(--white)
}

@media print,
screen and (max-width:1024px) {
    .l-header__nav .l-header__nav-label {
        font-size: 2.1rem
    }
}

.l-header__nav .l-header__nav-menu {
    max-width: max(17.7083333333vw, 340px);
    margin-top: max(2.0833333333vw, 40px);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: max(2.0833333333vw, 40px) 0
}

@media print,
screen and (max-width:1440px) {
    .l-header__nav .l-header__nav-menu {
        max-width: 23.6111111111vw;
        margin-top: 2.7777777778vw;
        gap: 2.7777777778vw 0
    }
}

@media print,
screen and (max-width:1024px) {
    .l-header__nav .l-header__nav-menu {
        max-width: 55.9895833333vw;
        margin-top: 5.2083333333vw;
        gap: 5.2083333333vw 0
    }
}

.l-header__nav .l-header__nav-menu .l-header__nav-menu-item a {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500;
    font-size: 3.2rem;
    letter-spacing: .06em;
    color: var(--white)
}

@media print,
screen and (max-width:1024px) {
    .l-header__nav .l-header__nav-menu .l-header__nav-menu-item a {
        font-size: 4.2rem
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .l-header__nav .l-header__nav-menu .l-header__nav-menu-item a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .l-header__nav .l-header__nav-menu .l-header__nav-menu-item a:hover {
        opacity: .6
    }
}

.l-header__nav .l-header__nav-sns {
    margin-top: max(1.5625vw, 30px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: max(1.25vw, 24px) max(1.25vw, 24px);
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,
screen and (max-width:1440px) {
    .l-header__nav .l-header__nav-sns {
        margin-top: 2.0833333333vw;
        gap: 1.6666666667vw 1.6666666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-header__nav .l-header__nav-sns {
        margin-top: 3.90625vw;
        gap: 4.6875vw 4.6875vw
    }
}

.l-header__nav .l-header__nav-sns .l-header__nav-sns-anchor {
    width: max(2.1875vw, 42px)
}

@media print,
screen and (max-width:1440px) {
    .l-header__nav .l-header__nav-sns .l-header__nav-sns-anchor {
        width: 2.9166666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-header__nav .l-header__nav-sns .l-header__nav-sns-anchor {
        width: 8.0729166667vw
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .l-header__nav .l-header__nav-sns .l-header__nav-sns-anchor {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .l-header__nav .l-header__nav-sns .l-header__nav-sns-anchor:hover {
        opacity: .6
    }
}

.l-footer {
    position: relative;
    z-index: 1
}

.l-footer__inner {
    padding: 0 max(1.0416666667vw, 20px) max(1.0416666667vw, 20px)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__inner {
        padding: 0 1.3888888889vw 1.3888888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__inner {
        padding: 0
    }
}

.l-footer__content {
    padding-block: max(7.8125vw, 150px) max(3.125vw, 60px);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-angle)), color-stop(0, rgba(var(--grad-purple-from), 1)), to(rgba(var(--grad-purple-to), 1)));
    background: -webkit-linear-gradient(var(--grad-angle), rgba(var(--grad-purple-from), 1) 0, rgba(var(--grad-purple-to), 1) 100%);
    background: linear-gradient(var(--grad-angle), rgba(var(--grad-purple-from), 1) 0, rgba(var(--grad-purple-to), 1) 100%)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__content {
        padding-block: 10.4166666667vw 4.1666666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__content {
        padding-block: 18.2291666667vw 13.0208333333vw
    }
}

.l-footer__content .l-footer__content-inner {
    width: min(max(83.3333333333vw, 1600px), 100% - 140px);
    margin-inline: auto
}

@media print,
screen and (max-width:1440px) {
    .l-footer__content .l-footer__content-inner {
        width: calc(100% - 9.7222222222vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__content .l-footer__content-inner {
        width: 84.375vw
    }
}

.l-footer__content .l-footer__content-top {
    display: grid
}

@media print,
screen and (max-width:1024px) {
    .l-footer__content .l-footer__content-top {
        display: block
    }
}

.l-footer__content .l-footer__content-bottom {
    margin-top: max(5.2083333333vw, 100px);
    padding-top: max(3.125vw, 60px);
    display: grid;
    border-top: 1px solid rgba(var(--white-rgb)/.1)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__content .l-footer__content-bottom {
        margin-top: 6.9444444444vw;
        padding-top: 4.1666666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__content .l-footer__content-bottom {
        margin-top: 10.4166666667vw;
        padding-top: 10.4166666667vw;
        display: block
    }
}

.l-footer__logo {
    width: max(28.0729166667vw, 539px);
    grid-row: 1/2;
    grid-column: 1/2
}

@media print,
screen and (max-width:1440px) {
    .l-footer__logo {
        width: 37.4305555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__logo {
        width: 74.7395833333vw
    }
}

.l-footer__logo a {
    display: block;
    -webkit-transform: translateX(min(-.2083333333vw, -4px));
    transform: translateX(min(-.2083333333vw, -4px))
}

@media print,
screen and (max-width:1024px) {
    .l-footer__logo a {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .l-footer__logo a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .l-footer__logo a:hover {
        opacity: .6
    }
}

.l-footer__logo .svg__star--band {
    width: max(3.9583333333vw, 76px);
    height: max(.7291666667vw, 14px);
    margin-top: max(2.2916666667vw, 44px)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__logo .svg__star--band {
        width: 5.2777777778vw;
        height: .9722222222vw;
        margin-top: 3.0555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__logo .svg__star--band {
        width: 12.6302083333vw;
        height: 2.34375vw;
        margin-top: 6.25vw
    }
}

.l-footer__nav {
    margin-left: auto;
    grid-row: 1/2;
    grid-column: 2/3
}

@media print,
screen and (max-width:1024px) {
    .l-footer__nav {
        margin-top: 13.0208333333vw
    }
}

.l-footer__nav .l-footer__nav-group+.l-footer__nav-group {
    margin-top: max(4.1666666667vw, 80px)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__nav .l-footer__nav-group+.l-footer__nav-group {
        margin-top: 5.5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__nav .l-footer__nav-group+.l-footer__nav-group {
        margin-top: 10.4166666667vw
    }
}

.l-footer__nav .l-footer__nav-label {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    letter-spacing: .06em;
    color: var(--white)
}

@media print,
screen and (max-width:1024px) {
    .l-footer__nav .l-footer__nav-label {
        font-size: 2.2rem
    }
}

.l-footer__nav .l-footer__nav-menu {
    margin-top: max(1.5625vw, 30px);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: max(1.5625vw, 30px) max(5.2083333333vw, 100px)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__nav .l-footer__nav-menu {
        margin-top: 2.0833333333vw;
        gap: 2.0833333333vw 6.9444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__nav .l-footer__nav-menu {
        margin-top: 3.90625vw;
        grid-template-columns: repeat(2, auto);
        gap: 6.5104166667vw 20.8333333333vw
    }
}

.l-footer__nav .l-footer__nav-menu .l-footer__nav-menu-item a {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500;
    font-size: 2.2rem;
    letter-spacing: .06em;
    color: var(--white)
}

@media print,
screen and (max-width:1024px) {
    .l-footer__nav .l-footer__nav-menu .l-footer__nav-menu-item a {
        font-size: 3.6rem
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .l-footer__nav .l-footer__nav-menu .l-footer__nav-menu-item a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .l-footer__nav .l-footer__nav-menu .l-footer__nav-menu-item a:hover {
        opacity: .6
    }
}

.l-footer__nav .l-footer__nav-sns {
    margin-top: max(1.5625vw, 30px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: max(1.25vw, 24px) max(1.25vw, 24px);
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,
screen and (max-width:1440px) {
    .l-footer__nav .l-footer__nav-sns {
        margin-top: 2.0833333333vw;
        gap: 1.6666666667vw 1.6666666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__nav .l-footer__nav-sns {
        margin-top: 6.5104166667vw;
        gap: 5.2083333333vw 5.2083333333vw
    }
}

.l-footer__nav .l-footer__nav-sns .l-footer__nav-sns-anchor {
    width: max(1.6666666667vw, 32px)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__nav .l-footer__nav-sns .l-footer__nav-sns-anchor {
        width: 2.2222222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__nav .l-footer__nav-sns .l-footer__nav-sns-anchor {
        width: 6.7708333333vw
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .l-footer__nav .l-footer__nav-sns .l-footer__nav-sns-anchor {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .l-footer__nav .l-footer__nav-sns .l-footer__nav-sns-anchor:hover {
        opacity: .6
    }
}

.l-footer__link {
    grid-row: 1/2;
    grid-column: 1/2
}

.l-footer__link .l-footer__link-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(.7291666667vw, 14px) max(.7291666667vw, 14px)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__link .l-footer__link-list {
        gap: .9722222222vw .9722222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__link .l-footer__link-list {
        gap: 3.90625vw 3.90625vw
    }
}

.l-footer__link .l-footer__link-list .l-footer__link-item {
    padding-right: max(.7291666667vw, 14px);
    border-right: 1px solid rgba(var(--white-rgb)/.3)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__link .l-footer__link-list .l-footer__link-item {
        padding-right: .9722222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__link .l-footer__link-list .l-footer__link-item {
        padding-right: 3.90625vw
    }
}

.l-footer__link .l-footer__link-list .l-footer__link-item .l-footer__link-anchor {
    font-size: 1.4rem;
    letter-spacing: .06em;
    color: var(--white)
}

@media print,
screen and (max-width:1024px) {
    .l-footer__link .l-footer__link-list .l-footer__link-item .l-footer__link-anchor {
        font-size: 2.2rem
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .l-footer__link .l-footer__link-list .l-footer__link-item .l-footer__link-anchor {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .l-footer__link .l-footer__link-list .l-footer__link-item .l-footer__link-anchor:hover {
        opacity: .6
    }
}

.l-footer__link .l-footer__link-list .l-footer__link-item:last-of-type {
    padding-right: 0;
    border-right: none
}

.l-footer__notes {
    margin-top: max(2.0833333333vw, 40px);
    grid-row: 2/3;
    grid-column: 1/2
}

@media print,
screen and (max-width:1440px) {
    .l-footer__notes {
        margin-top: 2.7777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__notes {
        margin-top: 5.2083333333vw
    }
}

.l-footer__notes .l-footer__notes-trademark .l-footer__notes-trademark-item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 max(.3125vw, 6px);
    font-size: 1.2rem;
    line-height: 160%;
    letter-spacing: .08em;
    color: rgba(var(--white-rgb)/.6)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__notes .l-footer__notes-trademark .l-footer__notes-trademark-item {
        gap: 0 .4166666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__notes .l-footer__notes-trademark .l-footer__notes-trademark-item {
        gap: 0 1.3020833333vw;
        font-size: 2.2rem
    }
}

.l-footer__notes .l-footer__notes-trademark .l-footer__notes-trademark-item::before {
    content: "※"
}

.l-footer__notes .l-footer__notes-trademark .l-footer__notes-trademark-item+.l-footer__notes-trademark-item {
    margin-top: max(.2083333333vw, 4px)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__notes .l-footer__notes-trademark .l-footer__notes-trademark-item+.l-footer__notes-trademark-item {
        margin-top: .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__notes .l-footer__notes-trademark .l-footer__notes-trademark-item+.l-footer__notes-trademark-item {
        margin-top: 1.5625vw
    }
}

.l-footer__notes .l-footer__notes-trademark+.l-footer__notes-reprint {
    margin-top: max(.8333333333vw, 16px)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__notes .l-footer__notes-trademark+.l-footer__notes-reprint {
        margin-top: 1.1111111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__notes .l-footer__notes-trademark+.l-footer__notes-reprint {
        margin-top: 5.2083333333vw
    }
}

.l-footer__notes .l-footer__notes-reprint {
    font-size: 1.2rem;
    line-height: 160%;
    letter-spacing: .08em;
    color: rgba(var(--white-rgb)/.6)
}

@media print,
screen and (max-width:1024px) {
    .l-footer__notes .l-footer__notes-reprint {
        font-size: 2.2rem
    }
}

.l-footer__copyright {
    margin-block: auto max(.2604166667vw, 5px);
    grid-row: 1/3;
    grid-column: 2/3
}

@media print,
screen and (max-width:1440px) {
    .l-footer__copyright {
        margin-block: auto .3472222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__copyright {
        margin-block: 8.0729166667vw 0
    }
}

.l-footer__copyright .l-footer__copyright-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    gap: 0 max(1.25vw, 24px)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__copyright .l-footer__copyright-logo {
        gap: 0 2.2222222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__copyright .l-footer__copyright-logo {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        gap: 0 3.125vw
    }
}

.l-footer__copyright .l-footer__copyright-logo .l-footer__copyright-logo-anchor {
    display: block
}

.l-footer__copyright .l-footer__copyright-logo .l-footer__copyright-logo-anchor.samui-mygo-project {
    width: max(7.9166666667vw, 152px)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__copyright .l-footer__copyright-logo .l-footer__copyright-logo-anchor.samui-mygo-project {
        width: 10.5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__copyright .l-footer__copyright-logo .l-footer__copyright-logo-anchor.samui-mygo-project {
        width: 29.6875vw
    }
}

.l-footer__copyright .l-footer__copyright-logo .l-footer__copyright-logo-anchor.samui {
    width: max(4.1666666667vw, 152px)
}

@media print,
screen and (max-width:1440px) {
    .l-footer__copyright .l-footer__copyright-logo .l-footer__copyright-logo-anchor.samui {
        width: 5.5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__copyright .l-footer__copyright-logo .l-footer__copyright-logo-anchor.samui {
        width: 13.8020833333vw
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .l-footer__copyright .l-footer__copyright-logo .l-footer__copyright-logo-anchor {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .l-footer__copyright .l-footer__copyright-logo .l-footer__copyright-logo-anchor:hover {
        opacity: .6
    }
}

.l-footer__copyright .l-footer__copyright-text {
    margin-top: max(1.40625vw, 27px);
    font-size: 1.2rem;
    line-height: 160%;
    letter-spacing: .06em;
    color: var(--white);
    text-align: right
}

@media print,
screen and (max-width:1440px) {
    .l-footer__copyright .l-footer__copyright-text {
        margin-top: 1.875vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-footer__copyright .l-footer__copyright-text {
        margin-top: 5.46875vw;
        font-size: 2.2rem;
        text-align: left
    }
}

.l-subpage {
    padding-top: max(8.0208333333vw, 154px)
}

@media print,
screen and (max-width:1440px) {
    .l-subpage {
        padding-top: 10.6944444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-subpage {
        padding-top: 26.0416666667vw
    }
}

.l-subpage__heading {
    position: relative
}

.l-subpage__heading .l-subpage__heading-en {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 7rem;
    letter-spacing: .06em;
    color: var(--navy);
    text-align: center;
    display: block
}

.l-subpage__heading .svg__star--band {
    width: max(4.21875vw, 81px);
    height: max(.78125vw, 15px);
    margin: max(.625vw, 12px) auto 0;
    display: block
}

@media print,
screen and (max-width:1440px) {
    .l-subpage__heading .svg__star--band {
        width: 5.625vw;
        height: 1.0416666667vw;
        margin-top: .8333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .l-subpage__heading .svg__star--band {
        width: 10.546875vw;
        height: 1.953125vw;
        margin-top: 1.5625vw
    }
}

.l-subpage__body {
    position: relative
}

.l-wrapper {
    overflow: hidden;
    overflow: clip;
    opacity: 0
}

.c-deco__diamond {
    aspect-ratio: 1/1;
    display: block
}

.c-deco__diamond .c-deco__diamond-body {
    width: 100%;
    height: 100%;
    display: block
}

.c-deco__diamond.c-deco__diamond--white .c-deco__diamond-body {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%2010%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m4.951%200%204.95%204.95L4.95%209.9.001%204.95%204.951%200Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__diamond.c-deco__diamond--pink .c-deco__diamond-body {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20fill%3D%22none%22%20viewBox%3D%220%200%2017%2017%22%3E%20%3Cpath%20fill%3D%22%23CF7BB3%22%20d%3D%22M0%208.484%208.485-.001l8.486%208.485-8.486%208.485z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__diamond.c-deco__diamond--grad-paleblue .c-deco__diamond-body {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22none%22%20viewBox%3D%220%200%2022%2022%22%3E%20%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M0%200h15.097v15.097H0z%22%20transform%3D%22scale(1%20-1)%20rotate(45%2031.11%202.212)%22%2F%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22a%22%20x1%3D%220%22%20x2%3D%2215.097%22%20y1%3D%227.548%22%20y2%3D%227.548%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%2375ABDD%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C7E5DA%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__diamond.c-deco__diamond--double-white .c-deco__diamond-body {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22140%22%20height%3D%22140%22%20fill%3D%22none%22%20viewBox%3D%220%200%20140%20140%22%3E%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20d%3D%22M70%201.414%20138.586%2070%2070%20138.586%201.414%2070z%22%2F%3E%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%2220%22%20d%3D%22m70%2036.167%2033.661%2033.661L70%20103.49%2036.339%2069.83z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__diamond.c-deco__diamond--line-white-thin .c-deco__diamond-body {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2249%22%20height%3D%2249%22%20fill%3D%22none%22%20viewBox%3D%220%200%2049%2049%22%3E%20%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M48.071%2024.39%2024.39%2048.072.706%2024.39%2024.39.707%2048.07%2024.39Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__diamond.c-deco__diamond--line-white-thick-small .c-deco__diamond-body {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22133%22%20height%3D%22133%22%20fill%3D%22none%22%20viewBox%3D%220%200%20133%20133%22%3E%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%2210%22%20d%3D%22m66.469%207.071%2059.397%2059.397-59.397%2059.397L7.072%2066.468z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__diamond.c-deco__diamond--line-white-thick-large .c-deco__diamond-body {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22133%22%20height%3D%22133%22%20fill%3D%22none%22%20viewBox%3D%220%200%20133%20133%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m132.937%2066.468-66.468%2066.468L0%2066.468%2066.469%200l66.468%2066.468Zm-118.794%200%2052.326%2052.326%2052.326-52.326-52.326-52.326-52.326%2052.326Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__diamond.c-deco__diamond--line-pink .c-deco__diamond-body {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20stroke%3D%22%23C599B7%22%20stroke-width%3D%223%22%20d%3D%22m7.513%202.121-5.39%205.391%205.39%205.391%205.391-5.39z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__diamond.c-deco__diamond--line-grad-pink .c-deco__diamond-body {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2299%22%20height%3D%2299%22%20fill%3D%22none%22%20viewBox%3D%220%200%2099%2099%22%3E%20%3Cpath%20stroke%3D%22url(%23a)%22%20d%3D%22M0%20.707h69v69H0z%22%20transform%3D%22scale(-1%201)%20rotate(45%20-24.749%20-59.042)%22%2F%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22a%22%20x1%3D%220%22%20x2%3D%2270%22%20y1%3D%2235%22%20y2%3D%2235%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%23101950%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CC8FB8%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__star {
    aspect-ratio: 1/1;
    display: block
}

.c-deco__star .c-deco__star-body {
    width: 100%;
    height: 100%;
    display: block
}

.c-deco__star.c-deco__star--white .c-deco__star-body {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%2010c-6.667%200-10%203.333-9.998%2010C10%2013.333%206.667%2010%200%2010c6.667%200%2010-3.333%2010.002-10C10%206.667%2013.333%2010%2020%2010Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__star.c-deco__star--line-white .c-deco__star-body {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.003%200C16%2010.667%2021.333%2016%2032%2016c-10.667%200-16%205.333-15.997%2016C16%2021.333%2010.667%2016%200%2016c10.667%200%2016-5.333%2016.003-16ZM16%207.155c-.708%202.196-1.797%204.055-3.294%205.552C11.21%2014.204%209.35%2015.293%207.154%2016c2.196.707%204.056%201.796%205.553%203.293%201.497%201.497%202.586%203.355%203.294%205.55.707-2.194%201.796-4.053%203.292-5.55%201.497-1.497%203.356-2.586%205.552-3.293-2.196-.707-4.055-1.796-5.552-3.293-1.497-1.497-2.585-3.356-3.292-5.552Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__circle {
    aspect-ratio: 1/1;
    display: block
}

.c-deco__circle .c-deco__circle-body {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%
}

.c-deco__circle.c-deco__circle--white .c-deco__circle-body {
    background: var(--white)
}

.c-deco__circle.c-deco__circle--blue .c-deco__circle-body {
    background: rgba(var(--blue-rgb)/.4)
}

.c-deco__circle.c-deco__circle--line-blue .c-deco__circle-body {
    border: 1px solid rgba(var(--blue-rgb)/.4)
}

.c-deco__blur {
    aspect-ratio: 1/1;
    display: block;
    border-radius: 50%;
    -webkit-filter: blur(max(7.8125vw, 150px));
    filter: blur(max(7.8125vw, 150px));
    will-change: filter
}

@media print,
screen and (max-width:1440px) {
    .c-deco__blur {
        -webkit-filter: blur(10.4166666667vw);
        filter: blur(10.4166666667vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .c-deco__blur {
        -webkit-filter: blur(19.53125vw);
        filter: blur(19.53125vw)
    }
}

.c-deco__blur.c-deco__blur--grad-paleblue {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-angle)), color-stop(0, rgba(var(--grad-paleblue-from), .4)), to(rgba(var(--grad-paleblue-to), .4)));
    background: -webkit-linear-gradient(var(--grad-angle), rgba(var(--grad-paleblue-from), .4) 0, rgba(var(--grad-paleblue-to), .4) 100%);
    background: linear-gradient(var(--grad-angle), rgba(var(--grad-paleblue-from), .4) 0, rgba(var(--grad-paleblue-to), .4) 100%)
}

.c-deco__blur.c-deco__blur--pink {
    background: rgba(var(--pink-rgb)/.3)
}

.c-deco__slash {
    position: relative
}

.c-deco__slash .c-deco__slash-line {
    will-change: clip-path
}

.c-deco__slash.c-deco__slash--a {
    width: max(100vw, 1920px);
    height: max(50vw, 960px)
}

@media print,
screen and (max-width:1440px) {
    .c-deco__slash.c-deco__slash--a {
        width: 133.3333333333vw;
        height: 66.6666666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--a {
        width: 100vw;
        height: 125vw
    }
}

.c-deco__slash.c-deco__slash--a .c-deco__slash-line {
    height: 1px;
    position: absolute;
    background: #b7b5cf
}

.c-deco__slash.c-deco__slash--a .c-deco__slash-line.c-deco__slash-line--1 {
    width: 89.21875%;
    top: 25.4166666667%;
    left: 12.2395833333%;
    rotate: -15deg
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--a .c-deco__slash-line.c-deco__slash-line--1 {
        width: 67.8385416667vw;
        top: 51.8229166667vw;
        left: 33.203125vw
    }
}

.c-deco__slash.c-deco__slash--a .c-deco__slash-line.c-deco__slash-line--2 {
    width: 71.71875%;
    top: 31.7708333333%;
    left: 29.4791666667%;
    rotate: -15deg
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--a .c-deco__slash-line.c-deco__slash-line--2 {
        width: 23.9583333333vw;
        top: 59.765625vw;
        left: 76.4322916667vw
    }
}

.c-deco__slash.c-deco__slash--a .c-deco__slash-line.c-deco__slash-line--3 {
    width: 70.15625%;
    top: 59.4791666667%;
    left: -1.1979166667%;
    rotate: -15deg
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--a .c-deco__slash-line.c-deco__slash-line--3 {
        width: 103.515625vw;
        top: 83.7239583333vw;
        left: -1.8229166667vw
    }
}

.c-deco__slash.c-deco__slash--a .c-deco__slash-line.c-deco__slash-line--4 {
    width: 82.1354166667%;
    top: 56.25%;
    left: 19.2708333333%;
    rotate: -15deg
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--a .c-deco__slash-line.c-deco__slash-line--4 {
        width: 50.1302083333vw;
        top: 90.3645833333vw;
        left: 50.6510416667vw
    }
}

.c-deco__slash.c-deco__slash--a .c-deco__slash-line.c-deco__slash-line--5 {
    width: 101.1979166667%;
    top: 73.2291666667%;
    left: -1.71875%;
    rotate: -15deg
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--a .c-deco__slash-line.c-deco__slash-line--5 {
        width: 103.515625vw;
        top: 110.9375vw;
        left: -1.8229166667vw;
        translate: 0 0
    }
}

.c-deco__slash.c-deco__slash--a .c-deco__slash-line.c-deco__slash-line--navy {
    background: rgba(var(--navy-rgb)/.7)
}

.c-deco__slash.c-deco__slash--b {
    width: max(100vw, 1920px);
    height: max(41.6666666667vw, 800px)
}

@media print,
screen and (max-width:1440px) {
    .c-deco__slash.c-deco__slash--b {
        width: 133.3333333333vw;
        height: 55.5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--b {
        width: 100vw;
        height: 104.1666666667vw
    }
}

.c-deco__slash.c-deco__slash--b .c-deco__slash-line {
    height: 1px;
    position: absolute;
    background: #b7b5cf
}

.c-deco__slash.c-deco__slash--b .c-deco__slash-line.c-deco__slash-line--1 {
    width: 53.0208333333%;
    top: 16.375%;
    left: 47.9166666667%;
    rotate: -15deg
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--b .c-deco__slash-line.c-deco__slash-line--1 {
        width: 96.875vw;
        top: 21.7447916667vw;
        left: 4.8177083333vw
    }
}

.c-deco__slash.c-deco__slash--b .c-deco__slash-line.c-deco__slash-line--2 {
    width: 34.9479166667%;
    top: 23.875%;
    left: 65.625%;
    rotate: -15deg
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--b .c-deco__slash-line.c-deco__slash-line--2 {
        width: 51.8229166667vw;
        top: 29.4270833333vw;
        left: 49.0885416667vw
    }
}

.c-deco__slash.c-deco__slash--b .c-deco__slash-line.c-deco__slash-line--3 {
    width: 68.1770833333%;
    top: 64.75%;
    left: -1.1979166667%;
    rotate: -15deg
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--b .c-deco__slash-line.c-deco__slash-line--3 {
        width: 50.78125vw;
        top: 51.953125vw;
        left: -.9114583333vw
    }
}

.c-deco__slash.c-deco__slash--b .c-deco__slash-line.c-deco__slash-line--4 {
    width: 43.90625%;
    top: 39.75%;
    left: 56.8229166667%;
    rotate: -15deg
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--b .c-deco__slash-line.c-deco__slash-line--4 {
        width: 74.21875vw;
        top: 46.09375vw;
        left: 27.0833333333vw
    }
}

.c-deco__slash.c-deco__slash--b .c-deco__slash-line.c-deco__slash-line--5 {
    width: 99.3229166667%;
    top: 68.125%;
    left: -1.71875%;
    rotate: -15deg
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--b .c-deco__slash-line.c-deco__slash-line--5 {
        width: 103.515625vw;
        top: 58.7239583333vw;
        left: -1.6927083333vw
    }
}

.c-deco__slash.c-deco__slash--b .c-deco__slash-line.c-deco__slash-line--navy {
    background: rgba(var(--navy-rgb)/.7)
}

.c-deco__slash.c-deco__slash--c {
    width: max(34.375vw, 660px);
    height: max(23.2291666667vw, 446px)
}

@media print,
screen and (max-width:1440px) {
    .c-deco__slash.c-deco__slash--c {
        width: 45.8333333333vw;
        height: 30.9722222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--c {
        width: 85.9375vw;
        height: 58.0729166667vw
    }
}

.c-deco__slash.c-deco__slash--c .c-deco__slash-line {
    position: absolute
}

.c-deco__slash.c-deco__slash--c .c-deco__slash-line.c-deco__slash-line--1 {
    width: 103.3333333333%;
    height: 1px;
    top: 34.9775784753%;
    left: -1.6666666667%;
    rotate: -15deg;
    background: #e5e0e5
}

.c-deco__slash.c-deco__slash--c .c-deco__slash-line.c-deco__slash-line--2 {
    width: 55.7575757576%;
    height: 33.1838565022%;
    top: 50%;
    left: 17.2727272727%;
    background: -webkit-gradient(linear, left top, right top, from(#c4ced8), to(#ece5ea));
    background: -webkit-linear-gradient(left, #c4ced8 0, #ece5ea 100%);
    background: linear-gradient(90deg, #c4ced8 0, #ece5ea 100%);
    opacity: .3;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22368%22%20height%3D%22148%22%20fill%3D%22none%22%20viewBox%3D%220%200%20368%20148%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M368%2038%200%20148v-38L368%200v38Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22368%22%20height%3D%22148%22%20fill%3D%22none%22%20viewBox%3D%220%200%20368%20148%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M368%2038%200%20148v-38L368%200v38Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__slash.c-deco__slash--c .c-deco__slash-line.c-deco__slash-line--3 {
    width: 55.7575757576%;
    height: 26.4573991031%;
    bottom: 0;
    left: 3.0303030303%;
    background: -webkit-gradient(linear, left top, right top, from(#e5e9ec), to(#ac8ba1));
    background: -webkit-linear-gradient(left, #e5e9ec 0, #ac8ba1 100%);
    background: linear-gradient(90deg, #e5e9ec 0, #ac8ba1 100%);
    opacity: .1;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22368%22%20height%3D%22118%22%20fill%3D%22none%22%20viewBox%3D%220%200%20368%20118%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M368%208%200%20118v-8L368%200v8Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22368%22%20height%3D%22118%22%20fill%3D%22none%22%20viewBox%3D%220%200%20368%20118%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M368%208%200%20118v-8L368%200v8Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__slash.c-deco__slash--d {
    width: max(30.2083333333vw, 580px);
    height: max(17.9166666667vw, 344px)
}

@media print,
screen and (max-width:1440px) {
    .c-deco__slash.c-deco__slash--d {
        width: 40.2777777778vw;
        height: 23.8888888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-deco__slash.c-deco__slash--d {
        width: 75.5208333333vw;
        height: 44.7916666667vw
    }
}

.c-deco__slash.c-deco__slash--d .c-deco__slash-line {
    position: absolute
}

.c-deco__slash.c-deco__slash--d .c-deco__slash-line.c-deco__slash-line--1 {
    width: 103.4482758621%;
    height: 1px;
    top: 22.6744186047%;
    left: -1.724137931%;
    rotate: -15deg;
    background: #e3f0f4
}

.c-deco__slash.c-deco__slash--d .c-deco__slash-line.c-deco__slash-line--2 {
    width: 63.4482758621%;
    height: 34.3023255814%;
    top: -1.1627906977%;
    left: 67.5862068966%;
    background: -webkit-gradient(linear, left top, right top, from(#e5e9ec), to(#ac8ba1));
    background: -webkit-linear-gradient(left, #e5e9ec 0, #ac8ba1 100%);
    background: linear-gradient(90deg, #e5e9ec 0, #ac8ba1 100%);
    opacity: .4;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22368%22%20height%3D%22118%22%20fill%3D%22none%22%20viewBox%3D%220%200%20368%20118%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%20110%20368%200v8L0%20118v-8Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22368%22%20height%3D%22118%22%20fill%3D%22none%22%20viewBox%3D%220%200%20368%20118%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%20110%20368%200v8L0%20118v-8Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__slash.c-deco__slash--d .c-deco__slash-line.c-deco__slash-line--3 {
    width: 63.4482758621%;
    height: 43.023255814%;
    top: 15.4069767442%;
    left: 67.2413793103%;
    background: -webkit-linear-gradient(7deg, #e6f1fb 2.96%, #e7b7d7 157.04%);
    background: linear-gradient(83deg, #e6f1fb 2.96%, #e7b7d7 157.04%);
    opacity: .4;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22368%22%20height%3D%22148%22%20fill%3D%22none%22%20viewBox%3D%220%200%20368%20148%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%20110%20368%200v38L0%20148v-38Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22368%22%20height%3D%22148%22%20fill%3D%22none%22%20viewBox%3D%220%200%20368%20148%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%20110%20368%200v38L0%20148v-38Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__slash.c-deco__slash--d .c-deco__slash-line.c-deco__slash-line--4 {
    width: 49.6551724138%;
    height: 28.488372093%;
    top: 71.511627907%;
    left: 25%;
    background: -webkit-linear-gradient(7deg, #e5e9ec 14.67%, #efd2e5 96.78%);
    background: linear-gradient(83deg, #e5e9ec 14.67%, #efd2e5 96.78%);
    opacity: .3;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22288%22%20height%3D%2298%22%20fill%3D%22none%22%20viewBox%3D%220%200%20288%2098%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%2090%20288%200v8L0%2098v-8Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22288%22%20height%3D%2298%22%20fill%3D%22none%22%20viewBox%3D%220%200%20288%2098%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%2090%20288%200v8L0%2098v-8Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-deco__shadow {
    -webkit-filter: drop-shadow(0 0 max(.7291666667vw, 14px) rgba(227, 150, 255, .8));
    filter: drop-shadow(0 0 max(.7291666667vw, 14px) rgba(227, 150, 255, .8));
    will-change: filter
}

@media print,
screen and (max-width:1440px) {
    .c-deco__shadow {
        -webkit-filter: drop-shadow(0 0 .9722222222vw rgba(227, 150, 255, .8));
        filter: drop-shadow(0 0 .9722222222vw rgba(227, 150, 255, .8))
    }
}

@media print,
screen and (max-width:1024px) {
    .c-deco__shadow {
        -webkit-filter: drop-shadow(0 0 1.8229166667vw rgba(227, 150, 255, .8));
        filter: drop-shadow(0 0 1.8229166667vw rgba(227, 150, 255, .8))
    }
}

.c-deco__group {
    position: relative
}

.c-deco__group.c-deco__group--a {
    width: max(36.9791666667vw, 710px);
    height: max(35.4166666667vw, 680px)
}

@media print,
screen and (max-width:1440px) {
    .c-deco__group.c-deco__group--a {
        width: 49.3055555556vw;
        height: 47.2222222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-deco__group.c-deco__group--a {
        width: 92.4479166667vw;
        height: 88.5416666667vw
    }
}

.c-deco__group.c-deco__group--a .c-deco__shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.c-deco__group.c-deco__group--a .c-deco__blur--pink {
    width: 67.6056338028%;
    position: absolute;
    top: 0;
    right: 0
}

.c-deco__group.c-deco__group--a .c-deco__blur--grad-paleblue {
    width: 64.9295774648%;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-filter: blur(max(3.90625vw, 75px));
    filter: blur(max(3.90625vw, 75px))
}

@media print,
screen and (max-width:1440px) {
    .c-deco__group.c-deco__group--a .c-deco__blur--grad-paleblue {
        -webkit-filter: blur(5.2083333333vw);
        filter: blur(5.2083333333vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .c-deco__group.c-deco__group--a .c-deco__blur--grad-paleblue {
        -webkit-filter: blur(9.765625vw);
        filter: blur(9.765625vw)
    }
}

.c-deco__group.c-deco__group--a .c-deco__circle--white {
    width: .5633802817%;
    position: absolute;
    top: 27.5%;
    left: 32.5352112676%
}

.c-deco__group.c-deco__group--a .c-deco__diamond--white {
    width: 2.2535211268%;
    position: absolute;
    top: 24.4117647059%;
    left: 34.0845070423%
}

.c-deco__group.c-deco__group--a .c-deco__star--line-white {
    width: 3.661971831%;
    position: absolute;
    top: 53.2352941176%;
    left: 40.8450704225%
}

.c-deco__group.c-deco__group--b {
    width: max(25vw, 480px);
    height: max(25vw, 480px)
}

@media print,
screen and (max-width:1440px) {
    .c-deco__group.c-deco__group--b {
        width: 33.3333333333vw;
        height: 33.3333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-deco__group.c-deco__group--b {
        width: 62.5vw;
        height: 62.5vw
    }
}

.c-deco__group.c-deco__group--b .c-deco__shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.c-deco__group.c-deco__group--b .c-deco__blur--grad-paleblue {
    width: 100%;
    position: absolute;
    inset: 0
}

.c-deco__group.c-deco__group--b .c-deco__circle--white {
    width: 1.25%;
    position: absolute;
    top: 77.5%;
    left: 35.2083333333%
}

.c-deco__group.c-deco__group--b .c-deco__diamond--double-white {
    width: 11.6666666667%;
    position: absolute;
    top: 60.625%;
    left: 42.0833333333%
}

.c-deco__group.c-deco__group--ab {
    width: 100%;
    height: max(42.03125vw, 807px)
}

@media print,
screen and (max-width:1440px) {
    .c-deco__group.c-deco__group--ab {
        height: 56.0416666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-deco__group.c-deco__group--ab {
        height: 105.078125vw
    }
}

.c-deco__group.c-deco__group--ab .c-deco__group--a {
    position: absolute;
    bottom: 0;
    left: min(-9.8958333333vw, -190px)
}

@media print,
screen and (max-width:1440px) {
    .c-deco__group.c-deco__group--ab .c-deco__group--a {
        left: -13.1944444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-deco__group.c-deco__group--ab .c-deco__group--a {
        left: -27.34375vw
    }
}

.c-deco__group.c-deco__group--ab .c-deco__group--b {
    position: absolute;
    top: 0;
    right: min(-9.8958333333vw, -190px)
}

@media print,
screen and (max-width:1440px) {
    .c-deco__group.c-deco__group--ab .c-deco__group--b {
        right: -13.1944444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-deco__group.c-deco__group--ab .c-deco__group--b {
        right: -25vw
    }
}

.c-deco__group.c-deco__group--repeat {
    display: grid;
    gap: max(2.5vw, 48px) 0
}

@media print,
screen and (max-width:1440px) {
    .c-deco__group.c-deco__group--repeat {
        gap: 3.3333333333vw 0
    }
}

@media print,
screen and (max-width:1440px) {
    .c-deco__group.c-deco__group--repeat {
        gap: 6.25vw 0
    }
}

.c-oval-button {
    aspect-ratio: 120/86;
    display: block;
    position: relative;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22104%22%20height%3D%2275%22%20fill%3D%22none%22%20viewBox%3D%220%200%20104%2075%22%3E%20%3Cg%20clip-path%3D%22url(%23a)%22%3E%20%3Cpath%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.059%22%20d%3D%22M44.247%205.16c13.834-3.708%2027.316-3.312%2037.915.274C92.767%209.022%20100.37%2015.75%20102.756%2024.65c2.385%208.9-.835%2018.529-8.227%2026.94-7.386%208.404-18.863%2015.488-32.698%2019.194-13.834%203.707-27.316%203.311-37.914-.274C13.31%2066.923%205.707%2060.194%203.322%2051.294c-2.385-8.9.835-18.53%208.227-26.94C18.935%2015.95%2030.412%208.866%2044.247%205.16Z%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22a%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h104v75H0z%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22104%22%20height%3D%2275%22%20fill%3D%22none%22%20viewBox%3D%220%200%20104%2075%22%3E%20%3Cg%20clip-path%3D%22url(%23a)%22%3E%20%3Cpath%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.059%22%20d%3D%22M44.247%205.16c13.834-3.708%2027.316-3.312%2037.915.274C92.767%209.022%20100.37%2015.75%20102.756%2024.65c2.385%208.9-.835%2018.529-8.227%2026.94-7.386%208.404-18.863%2015.488-32.698%2019.194-13.834%203.707-27.316%203.311-37.914-.274C13.31%2066.923%205.707%2060.194%203.322%2051.294c-2.385-8.9.835-18.53%208.227-26.94C18.935%2015.95%2030.412%208.866%2044.247%205.16Z%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22a%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h104v75H0z%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-oval-button::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%2286%22%20fill%3D%22none%22%20viewBox%3D%220%200%20120%2086%22%3E%20%3Cg%20clip-path%3D%22url(%23a)%22%3E%20%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222.353%22%20d%3D%22M50.568%205.897c15.81-4.237%2031.218-3.784%2043.33.313%2012.123%204.1%2020.812%2011.791%2023.537%2021.962%202.725%2010.171-.954%2021.176-9.402%2030.788-8.44%209.605-21.558%2017.7-37.369%2021.937-15.81%204.237-31.218%203.784-43.33-.313-12.123-4.1-20.812-11.791-23.537-21.963-2.725-10.17.954-21.175%209.402-30.788%208.44-9.604%2021.558-17.7%2037.369-21.936Z%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22a%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h120v86H0z%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%2286%22%20fill%3D%22none%22%20viewBox%3D%220%200%20120%2086%22%3E%20%3Cg%20clip-path%3D%22url(%23a)%22%3E%20%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222.353%22%20d%3D%22M50.568%205.897c15.81-4.237%2031.218-3.784%2043.33.313%2012.123%204.1%2020.812%2011.791%2023.537%2021.962%202.725%2010.171-.954%2021.176-9.402%2030.788-8.44%209.605-21.558%2017.7-37.369%2021.937-15.81%204.237-31.218%203.784-43.33-.313-12.123-4.1-20.812-11.791-23.537-21.963-2.725-10.17.954-21.175%209.402-30.788%208.44-9.604%2021.558-17.7%2037.369-21.936Z%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22a%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h120v86H0z%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-oval-button .c-oval-button__icon {
    margin: auto;
    position: absolute;
    inset: 0;
    display: block
}

.c-oval-button.c-oval-button--navy::before {
    background: var(--navy)
}

.c-oval-button.c-oval-button--navy .c-oval-button__icon {
    background: var(--navy)
}

.c-oval-button.c-oval-button--white::before {
    background: var(--white)
}

.c-oval-button.c-oval-button--white .c-oval-button__icon {
    background: var(--white)
}

.c-oval-button.c-oval-button--grad::before {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-angle)), color-stop(0, rgba(var(--grad-purple-from), 1)), to(rgba(var(--grad-purple-to), 1)));
    background: -webkit-linear-gradient(var(--grad-angle), rgba(var(--grad-purple-from), 1) 0, rgba(var(--grad-purple-to), 1) 100%);
    background: linear-gradient(var(--grad-angle), rgba(var(--grad-purple-from), 1) 0, rgba(var(--grad-purple-to), 1) 100%)
}

.c-oval-button.c-oval-button--grad .c-oval-button__icon {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-angle)), color-stop(0, rgba(var(--grad-purple-from), 1)), to(rgba(var(--grad-purple-to), 1)));
    background: -webkit-linear-gradient(var(--grad-angle), rgba(var(--grad-purple-from), 1) 0, rgba(var(--grad-purple-to), 1) 100%);
    background: linear-gradient(var(--grad-angle), rgba(var(--grad-purple-from), 1) 0, rgba(var(--grad-purple-to), 1) 100%)
}

.c-oval-button.c-oval-button--play .c-oval-button__icon {
    width: 36.6666666667%;
    aspect-ratio: 1/1;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20fill%3D%22none%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M12%2039.32V4.68L42%2022%2012%2039.32Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20fill%3D%22none%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M12%2039.32V4.68L42%2022%2012%2039.32Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-oval-button.c-oval-button--arrow .c-oval-button__icon {
    width: 21.7391304348%;
    aspect-ratio: 1/1;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20clip-path%3D%22url(%23a)%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m16.644%208.538-.005.004.37.37-7.98%207.982-.952-.953%206.403-6.403H0V8.192h14.396l-6.32-6.317.951-.952%207.616%207.615Z%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22a%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h17.5v17.5H0z%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20clip-path%3D%22url(%23a)%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m16.644%208.538-.005.004.37.37-7.98%207.982-.952-.953%206.403-6.403H0V8.192h14.396l-6.32-6.317.951-.952%207.616%207.615Z%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22a%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h17.5v17.5H0z%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-oval-button.c-oval-button--x .c-oval-button__icon {
    width: 29.4117647059%;
    aspect-ratio: 1/1;
    -webkit-mask: url(../images/common/mask_bilibili.svg) 0 0/contain no-repeat;
    mask: url(../images/common/mask_bilibili.svg) 0 0/contain no-repeat
}

.c-oval-button.c-oval-button--link .c-oval-button__icon {
    width: 29.4117647059%;
    aspect-ratio: 1/1;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%20viewBox%3D%220%200%2040%2040%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M17.422%2022.58a7.292%207.292%200%200%200%2010.047.25l.264-.25%204.125-4.126A7.291%207.291%200%200%200%2021.81%207.891l-.263.251-3.094%203.095a1.459%201.459%200%200%200%201.925%202.183l.137-.121%203.094-3.095a4.375%204.375%200%200%201%206.383%205.98l-.196.208-4.125%204.126a4.375%204.375%200%200%201-6.187%200%201.458%201.458%200%200%200-2.062%202.062ZM8.14%2031.86a7.292%207.292%200%200%200%2010.048.251l.264-.25%203.093-3.096a1.459%201.459%200%200%200-1.925-2.184l-.137.122-3.093%203.093a4.375%204.375%200%200%201-6.385-5.975l.197-.21%204.126-4.126a4.375%204.375%200%200%201%206.186%200%201.458%201.458%200%201%200%202.063-2.062%207.292%207.292%200%200%200-10.048-.25l-.265.25L8.14%2021.55a7.292%207.292%200%200%200%200%2010.312Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%20viewBox%3D%220%200%2040%2040%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M17.422%2022.58a7.292%207.292%200%200%200%2010.047.25l.264-.25%204.125-4.126A7.291%207.291%200%200%200%2021.81%207.891l-.263.251-3.094%203.095a1.459%201.459%200%200%200%201.925%202.183l.137-.121%203.094-3.095a4.375%204.375%200%200%201%206.383%205.98l-.196.208-4.125%204.126a4.375%204.375%200%200%201-6.187%200%201.458%201.458%200%200%200-2.062%202.062ZM8.14%2031.86a7.292%207.292%200%200%200%2010.048.251l.264-.25%203.093-3.096a1.459%201.459%200%200%200-1.925-2.184l-.137.122-3.093%203.093a4.375%204.375%200%200%201-6.385-5.975l.197-.21%204.126-4.126a4.375%204.375%200%200%201%206.186%200%201.458%201.458%200%201%200%202.063-2.062%207.292%207.292%200%200%200-10.048-.25l-.265.25L8.14%2021.55a7.292%207.292%200%200%200%200%2010.312Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-circle-button {
    aspect-ratio: 1/1;
    display: block;
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.c-circle-button::after {
    content: "";
    margin: auto;
    position: absolute;
    inset: 0;
    display: block
}

.c-circle-button.c-circle-button--navy {
    border: 1px solid rgba(var(--white-rgb)/.2);
    background: var(--navy)
}

.c-circle-button.c-circle-button--navy::after {
    background: var(--white)
}

.c-circle-button.c-circle-button--white {
    border: 1px solid var(--navy);
    background: var(--white)
}

.c-circle-button.c-circle-button--white::after {
    background: var(--navy)
}

.c-circle-button.c-circle-button--gray {
    border: 1px solid var(--navy);
    background: var(--gray)
}

.c-circle-button.c-circle-button--gray::after {
    background: var(--navy)
}

.c-circle-button.c-circle-button--left-arrow::after {
    width: 19.2307692308%;
    aspect-ratio: 10/15;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%2014%22%3E%20%3Cg%20clip-path%3D%22url(%23a)%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m.328%206.676.004.003L0%207.004%207.147%2014%208%2013.166%201.701%207%208%20.834%207.147%200%20.328%206.676Z%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22a%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h10v14H0z%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%2014%22%3E%20%3Cg%20clip-path%3D%22url(%23a)%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m.328%206.676.004.003L0%207.004%207.147%2014%208%2013.166%201.701%207%208%20.834%207.147%200%20.328%206.676Z%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22a%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h10v14H0z%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-circle-button.c-circle-button--right-arrow::after {
    width: 19.2307692308%;
    aspect-ratio: 10/15;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%2011%22%3E%20%3Cg%20clip-path%3D%22url(%23a)%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m7.738%205.34-.004.003.266.26L2.283%2011.2l-.683-.667L6.64%205.6%201.6.668%202.283%200l5.455%205.34Z%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22a%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M8%200H0v11h8z%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%2011%22%3E%20%3Cg%20clip-path%3D%22url(%23a)%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m7.738%205.34-.004.003.266.26L2.283%2011.2l-.683-.667L6.64%205.6%201.6.668%202.283%200l5.455%205.34Z%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22a%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M8%200H0v11h8z%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

.c-news-archive .c-news-archive__list .c-news-archive__item+.c-news-archive__item {
    margin-top: max(.5208333333vw, 10px)
}

@media print,
screen and (max-width:1440px) {
    .c-news-archive .c-news-archive__list .c-news-archive__item+.c-news-archive__item {
        margin-top: .6944444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-news-archive .c-news-archive__list .c-news-archive__item+.c-news-archive__item {
        margin-top: 1.3020833333vw
    }
}

.c-news-archive .c-news-archive__list .c-news-archive__anchor {
    padding: max(.3125vw, 6px);
    display: block;
    position: relative
}

@media print,
screen and (max-width:1440px) {
    .c-news-archive .c-news-archive__list .c-news-archive__anchor {
        padding: .4166666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-news-archive .c-news-archive__list .c-news-archive__anchor {
        padding: 1.0416666667vw
    }
}

.c-news-archive .c-news-archive__list .c-news-archive__anchor::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: max(.2083333333vw, 4px);
    position: absolute;
    inset: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-angle)), color-stop(0, rgba(var(--grad-paleblue-from), 1)), to(rgba(var(--grad-paleblue-to), 1)));
    background: -webkit-linear-gradient(var(--grad-angle), rgba(var(--grad-paleblue-from), 1) 0, rgba(var(--grad-paleblue-to), 1) 100%);
    background: linear-gradient(var(--grad-angle), rgba(var(--grad-paleblue-from), 1) 0, rgba(var(--grad-paleblue-to), 1) 100%);
    opacity: .04
}

@media print,
screen and (max-width:1440px) {
    .c-news-archive .c-news-archive__list .c-news-archive__anchor::before {
        border-radius: .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-news-archive .c-news-archive__list .c-news-archive__anchor::before {
        border-radius: .5208333333vw
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .c-news-archive .c-news-archive__list .c-news-archive__anchor::before {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .c-news-archive .c-news-archive__list .c-news-archive__anchor:hover::before {
        opacity: .6
    }
}

.c-news-archive .c-news-archive__list .c-news-archive__inner {
    padding: max(1.4583333333vw, 28px) max(2.0833333333vw, 40px);
    border-radius: max(.2083333333vw, 4px);
    background: var(--white);
    position: relative;
    z-index: 1
}

@media print,
screen and (max-width:1440px) {
    .c-news-archive .c-news-archive__list .c-news-archive__inner {
        padding: 1.9444444444vw 2.7777777778vw;
        border-radius: .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-news-archive .c-news-archive__list .c-news-archive__inner {
        padding: 3.90625vw 5.2083333333vw;
        border-radius: .5208333333vw
    }
}

.c-news-archive .c-news-archive__list .c-news-archive__date {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    gap: 0 max(.2083333333vw, 4px);
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: .06em;
    color: var(--navy)
}

@media print,
screen and (max-width:1440px) {
    .c-news-archive .c-news-archive__list .c-news-archive__date {
        gap: 0 .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-news-archive .c-news-archive__list .c-news-archive__date {
        gap: 0 1.3020833333vw;
        font-size: 2.6rem
    }
}

.c-news-archive .c-news-archive__list .c-news-archive__date .md {
    font-size: 2.6rem
}

@media print,
screen and (max-width:1024px) {
    .c-news-archive .c-news-archive__list .c-news-archive__date .md {
        font-size: 3.8rem
    }
}

.c-news-archive .c-news-archive__list .c-news-archive__title {
    margin-top: max(.5208333333vw, 10px);
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 180%;
    letter-spacing: .06em;
    color: var(--navy);
    word-break: break-all
}

@media print,
screen and (max-width:1440px) {
    .c-news-archive .c-news-archive__list .c-news-archive__title {
        margin-top: .6944444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-news-archive .c-news-archive__list .c-news-archive__title {
        margin-top: 1.3020833333vw;
        -webkit-line-clamp: 2;
        font-size: 2.6rem
    }
}

.c-single-content h2 {
    margin-bottom: 1em;
    padding: max(.4166666667vw, 8px) max(1.0416666667vw, 20px);
    font-weight: 500;
    font-size: 2rem;
    line-height: 180%;
    letter-spacing: .06em;
    color: var(--white);
    border-radius: max(.1041666667vw, 2px);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-angle)), color-stop(0, rgba(var(--grad-purple-from), 1)), to(rgba(var(--grad-purple-to), 1)));
    background: -webkit-linear-gradient(var(--grad-angle), rgba(var(--grad-purple-from), 1) 0, rgba(var(--grad-purple-to), 1) 100%);
    background: linear-gradient(var(--grad-angle), rgba(var(--grad-purple-from), 1) 0, rgba(var(--grad-purple-to), 1) 100%);
    position: relative
}

@media print,
screen and (max-width:1440px) {
    .c-single-content h2 {
        padding: .5555555556vw 1.3888888889vw;
        border-radius: .1388888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-single-content h2 {
        padding: 1.8229166667vw 3.90625vw;
        font-size: 2.8rem;
        border-radius: .2604166667vw
    }
}

.c-single-content h3 {
    margin-bottom: 1em;
    padding-left: max(1.5625vw, 30px);
    font-weight: 500;
    font-size: 2rem;
    line-height: 180%;
    letter-spacing: .06em;
    color: var(--blue);
    position: relative;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20fill%3D%22none%22%20viewBox%3D%220%200%2026%2026%22%3E%20%3Cpath%20fill%3D%22%236273D6%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.253%2010.253c-6.835%201.831-9.337%206.165-7.504%2013-1.833-6.835-6.167-9.337-13.002-7.506%206.835-1.831%209.338-6.164%207.507-13%201.83%206.836%206.164%209.337%2012.999%207.506Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") 0 max(.2604166667vw, 5px)/max(1.3541666667vw, 26px) no-repeat
}

@media print,
screen and (max-width:1440px) {
    .c-single-content h3 {
        padding-left: 2.0833333333vw;
        background-position: 0 .3472222222vw;
        background-size: 1.8055555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-single-content h3 {
        padding-left: 5.46875vw;
        font-size: 2.8rem;
        background-position: 0 .78125vw;
        background-size: 4.9479166667vw
    }
}

.c-single-content h4 {
    margin-bottom: 1em;
    padding-bottom: max(.5729166667vw, 11px);
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 160%;
    letter-spacing: .06em;
    color: var(--navy);
    position: relative;
    border-bottom: 1px solid var(--blue)
}

@media print,
screen and (max-width:1440px) {
    .c-single-content h4 {
        padding-bottom: .7638888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-single-content h4 {
        padding-bottom: 2.2135416667vw;
        font-size: 2.8rem
    }
}

.c-single-content h5 {
    margin-bottom: 1em;
    padding-bottom: max(.5729166667vw, 11px);
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 160%;
    letter-spacing: .06em;
    color: var(--navy);
    position: relative;
    border-bottom: 1px dashed var(--blue)
}

@media print,
screen and (max-width:1440px) {
    .c-single-content h5 {
        padding-bottom: .7638888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-single-content h5 {
        padding-bottom: 2.2135416667vw;
        font-size: 2.8rem
    }
}

.c-single-content h6 {
    margin-bottom: 1em;
    padding-left: max(1.5625vw, 30px);
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 160%;
    letter-spacing: .06em;
    color: var(--navy);
    position: relative
}

@media print,
screen and (max-width:1440px) {
    .c-single-content h6 {
        padding-left: 2.0833333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-single-content h6 {
        padding-left: 5.46875vw;
        font-size: 2.8rem
    }
}

.c-single-content h6::before {
    content: "";
    width: max(.3125vw, 6px);
    height: max(.3125vw, 6px);
    display: block;
    position: absolute;
    top: max(.625vw, 12px);
    left: max(.5729166667vw, 11px);
    border-radius: 50%;
    background: var(--blue)
}

@media print,
screen and (max-width:1440px) {
    .c-single-content h6::before {
        width: .4166666667vw;
        height: .4166666667vw;
        top: .8333333333vw;
        left: .7638888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-single-content h6::before {
        width: 1.0416666667vw;
        height: 1.0416666667vw;
        top: 2.6041666667vw;
        left: 1.953125vw
    }
}

.c-single-content p {
    font-size: 1.8rem;
    line-height: 180%;
    letter-spacing: .06em;
    color: var(--navy)
}

@media print,
screen and (max-width:1024px) {
    .c-single-content p {
        font-size: 2.8rem
    }
}

.c-single-content p+p {
    margin: .8888888889em 0 0
}

.c-single-content p+h2 {
    margin: 2em 0 .5em
}

@media print,
screen and (max-width:1024px) {
    .c-single-content p+h2 {
        margin: 1.0714285714em 0 .3571428571em
    }
}

.c-single-content p+h3 {
    margin: 2em 0 .5em
}

@media print,
screen and (max-width:1024px) {
    .c-single-content p+h3 {
        margin: 1.0714285714em 0 .3571428571em
    }
}

.c-single-content p+h4 {
    margin: 2.2222222222em 0 .5555555556em
}

@media print,
screen and (max-width:1024px) {
    .c-single-content p+h4 {
        margin: 1.0714285714em 0 .3571428571em
    }
}

.c-single-content p+h5 {
    margin: 2.2222222222em 0 .5555555556em
}

@media print,
screen and (max-width:1024px) {
    .c-single-content p+h5 {
        margin: 1.0714285714em 0 .3571428571em
    }
}

.c-single-content p+h6 {
    margin: 2.2222222222em 0 .5555555556em
}

@media print,
screen and (max-width:1024px) {
    .c-single-content p+h6 {
        margin: 1.0714285714em 0 .3571428571em
    }
}

.c-single-content p img {
    line-height: 200%
}

.c-single-content>p+ol,
.c-single-content>p+ul {
    margin: .8888888889em 0 0
}

.c-single-content ol,
.c-single-content ul {
    font-size: 1.8rem;
    line-height: 180%;
    letter-spacing: .06em;
    color: var(--navy);
    list-style: unset;
    list-style-position: inside
}

@media print,
screen and (max-width:1024px) {
    .c-single-content ol,
    .c-single-content ul {
        font-size: 2.8rem
    }
}

.c-single-content ol li,
.c-single-content ul li {
    list-style: none
}

.c-single-content ol+p,
.c-single-content ul+p {
    margin: .8888888889em 0 0
}

.c-single-content ol+h2,
.c-single-content ul+h2 {
    margin: 2em 0 .5em
}

@media print,
screen and (max-width:1024px) {
    .c-single-content ol+h2,
    .c-single-content ul+h2 {
        margin: 1.0714285714em 0 .3571428571em
    }
}

.c-single-content ol+h3,
.c-single-content ul+h3 {
    margin: 2em 0 .5em
}

@media print,
screen and (max-width:1024px) {
    .c-single-content ol+h3,
    .c-single-content ul+h3 {
        margin: 1.0714285714em 0 .3571428571em
    }
}

.c-single-content ol+h4,
.c-single-content ul+h4 {
    margin: 2.2222222222em 0 .5555555556em
}

@media print,
screen and (max-width:1024px) {
    .c-single-content ol+h4,
    .c-single-content ul+h4 {
        margin: 1.0714285714em 0 .3571428571em
    }
}

.c-single-content ol+h5,
.c-single-content ul+h5 {
    margin: 2.2222222222em 0 .5555555556em
}

@media print,
screen and (max-width:1024px) {
    .c-single-content ol+h5,
    .c-single-content ul+h5 {
        margin: 1.0714285714em 0 .3571428571em
    }
}

.c-single-content ol+h6,
.c-single-content ul+h6 {
    margin: 2.2222222222em 0 .5555555556em
}

@media print,
screen and (max-width:1024px) {
    .c-single-content ol+h6,
    .c-single-content ul+h6 {
        margin: 1.0714285714em 0 .3571428571em
    }
}

.c-single-content ol+ol,
.c-single-content ol+ul,
.c-single-content ul+ol,
.c-single-content ul+ul {
    margin: .8888888889em 0 0
}

.c-single-content ul li {
    margin-left: 1em;
    list-style-type: disc;
    list-style-position: outside
}

.c-single-content ul.note {
    list-style: none
}

.c-single-content ul.note li {
    margin-left: 1.25em
}

.c-single-content ul.note li::marker {
    content: "※ "
}

.c-single-content ol li {
    margin-left: 1.25em;
    list-style-type: decimal;
    list-style-position: outside
}

.c-single-content ol li:nth-child(n+10) {
    margin-left: 1.875em
}

.c-single-content ol li:nth-child(n+100) {
    margin-left: 2.5em
}

.c-single-content ol li:nth-child(n+1000) {
    margin-left: 3.125em
}

.c-single-content ol.decimal-paren {
    list-style: none;
    counter-reset: decimal-paren
}

.c-single-content ol.decimal-paren li {
    margin-left: 1.5em;
    counter-increment: decimal-paren
}

.c-single-content ol.decimal-paren li::marker {
    content: "(" counter(decimal-paren) ") "
}

.c-single-content ol.decimal-paren li:nth-child(n+10) {
    margin-left: 2.15em
}

.c-single-content ol.decimal-paren li:nth-child(n+100) {
    margin-left: 2.75em
}

.c-single-content ol.decimal-paren li:nth-child(n+1000) {
    margin-left: 3.375em
}

.c-single-content ol.circled-decimal {
    list-style: none
}

.c-single-content ol.circled-decimal li:nth-child(1)::marker {
    content: "① "
}

.c-single-content ol.circled-decimal li:nth-child(2)::marker {
    content: "② "
}

.c-single-content ol.circled-decimal li:nth-child(3)::marker {
    content: "③ "
}

.c-single-content ol.circled-decimal li:nth-child(4)::marker {
    content: "④ "
}

.c-single-content ol.circled-decimal li:nth-child(5)::marker {
    content: "⑤ "
}

.c-single-content ol.circled-decimal li:nth-child(6)::marker {
    content: "⑥ "
}

.c-single-content ol.circled-decimal li:nth-child(7)::marker {
    content: "⑦ "
}

.c-single-content ol.circled-decimal li:nth-child(8)::marker {
    content: "⑧ "
}

.c-single-content ol.circled-decimal li:nth-child(9)::marker {
    content: "⑨ "
}

.c-single-content ol.circled-decimal li:nth-child(10)::marker {
    content: "⑩ "
}

.c-single-content ol.circled-decimal li:nth-child(11)::marker {
    content: "⑪ "
}

.c-single-content ol.circled-decimal li:nth-child(12)::marker {
    content: "⑫ "
}

.c-single-content ol.circled-decimal li:nth-child(13)::marker {
    content: "⑬ "
}

.c-single-content ol.circled-decimal li:nth-child(14)::marker {
    content: "⑭ "
}

.c-single-content ol.circled-decimal li:nth-child(15)::marker {
    content: "⑮ "
}

.c-single-content ol.circled-decimal li:nth-child(16)::marker {
    content: "⑯ "
}

.c-single-content ol.circled-decimal li:nth-child(17)::marker {
    content: "⑰ "
}

.c-single-content ol.circled-decimal li:nth-child(18)::marker {
    content: "⑱ "
}

.c-single-content ol.circled-decimal li:nth-child(19)::marker {
    content: "⑲ "
}

.c-single-content ol.circled-decimal li:nth-child(20)::marker {
    content: "⑳ "
}

.c-single-content ol.circled-decimal li:nth-child(21)::marker {
    content: "㉑ "
}

.c-single-content ol.circled-decimal li:nth-child(22)::marker {
    content: "㉒ "
}

.c-single-content ol.circled-decimal li:nth-child(23)::marker {
    content: "㉓ "
}

.c-single-content ol.circled-decimal li:nth-child(24)::marker {
    content: "㉔ "
}

.c-single-content ol.circled-decimal li:nth-child(25)::marker {
    content: "㉕ "
}

.c-single-content ol.circled-decimal li:nth-child(26)::marker {
    content: "㉖ "
}

.c-single-content ol.circled-decimal li:nth-child(27)::marker {
    content: "㉗ "
}

.c-single-content ol.circled-decimal li:nth-child(28)::marker {
    content: "㉘ "
}

.c-single-content ol.circled-decimal li:nth-child(29)::marker {
    content: "㉙ "
}

.c-single-content ol.circled-decimal li:nth-child(30)::marker {
    content: "㉚ "
}

.c-single-content ol.circled-decimal li:nth-child(31)::marker {
    content: "㉛ "
}

.c-single-content ol.circled-decimal li:nth-child(32)::marker {
    content: "㉜ "
}

.c-single-content ol.circled-decimal li:nth-child(33)::marker {
    content: "㉝ "
}

.c-single-content ol.circled-decimal li:nth-child(34)::marker {
    content: "㉞ "
}

.c-single-content ol.circled-decimal li:nth-child(35)::marker {
    content: "㉟ "
}

.c-single-content ol.circled-decimal li:nth-child(36)::marker {
    content: "㊱ "
}

.c-single-content ol.circled-decimal li:nth-child(37)::marker {
    content: "㊲ "
}

.c-single-content ol.circled-decimal li:nth-child(38)::marker {
    content: "㊳ "
}

.c-single-content ol.circled-decimal li:nth-child(39)::marker {
    content: "㊴ "
}

.c-single-content ol.circled-decimal li:nth-child(40)::marker {
    content: "㊵ "
}

.c-single-content ol.circled-decimal li:nth-child(41)::marker {
    content: "㊶ "
}

.c-single-content ol.circled-decimal li:nth-child(42)::marker {
    content: "㊷ "
}

.c-single-content ol.circled-decimal li:nth-child(43)::marker {
    content: "㊸ "
}

.c-single-content ol.circled-decimal li:nth-child(44)::marker {
    content: "㊹ "
}

.c-single-content ol.circled-decimal li:nth-child(45)::marker {
    content: "㊺ "
}

.c-single-content ol.circled-decimal li:nth-child(46)::marker {
    content: "㊻ "
}

.c-single-content ol.circled-decimal li:nth-child(47)::marker {
    content: "㊼ "
}

.c-single-content ol.circled-decimal li:nth-child(48)::marker {
    content: "㊽ "
}

.c-single-content ol.circled-decimal li:nth-child(49)::marker {
    content: "㊾ "
}

.c-single-content ol.circled-decimal li:nth-child(50)::marker {
    content: "㊿ "
}

.c-single-content a {
    color: var(--pink)
}

.c-single-content a:not(:has(img))[target=_blank]::after {
    content: "";
    width: max(.5208333333vw, 10px);
    height: max(.5729166667vw, 11px);
    margin-inline: max(.2083333333vw, 4px) max(.4166666667vw, 8px);
    display: inline-block;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%209%209%22%3E%20%3Cpath%20fill%3D%22%23CF7BB3%22%20d%3D%22M0%207.903%207.833.07l.652.653L.653%208.555%200%207.903Z%22%2F%3E%20%3Cpath%20fill%3D%22%23CF7BB3%22%20d%3D%22M.854%200h7.384v.923H.854V0Z%22%2F%3E%20%3Cpath%20fill%3D%22%23CF7BB3%22%20d%3D%22M8.597%207.744V.004h-.923v7.74h.923Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

@media print,
screen and (max-width:1440px) {
    .c-single-content a:not(:has(img))[target=_blank]::after {
        width: .6944444444vw;
        height: .7638888889vw;
        margin-inline: .2777777778vw .5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-single-content a:not(:has(img))[target=_blank]::after {
        width: 1.953125vw;
        height: 2.0833333333vw;
        margin-inline: .5208333333vw 1.3020833333vw
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .c-single-content a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .c-single-content a:hover {
        opacity: .6
    }
}

.c-single-content a img {
    pointer-events: auto
}

.c-single-content strong {
    font-weight: 700
}

.c-single-content em {
    font-style: italic
}

.c-single-content blockquote {
    margin: 4rem 0;
    padding: max(1.875vw, 36px);
    background: var(--gray)
}

@media print,
screen and (max-width:1440px) {
    .c-single-content blockquote {
        padding: 2.5vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-single-content blockquote {
        padding: 4.6875vw
    }
}

.c-single-content img {
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.c-single-content .aligncenter {
    display: block;
    margin: 0 auto;
    -o-object-position: center;
    object-position: center
}

.c-single-content .alignright {
    display: block;
    margin: 0 0 0 auto;
    float: none;
    -o-object-position: right;
    object-position: right
}

.c-single-content .alignleft {
    display: block;
    margin: 0 auto 0 0;
    float: none;
    -o-object-position: left;
    object-position: left
}

.c-single-content .wp-caption {
    max-width: 100%;
    margin-top: 3rem;
    margin-bottom: 3rem
}

.c-single-content .wp-caption-text {
    margin-top: max(.5208333333vw, 10px);
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .06em;
    color: var(--black);
    text-align: center
}

@media print,
screen and (max-width:1440px) {
    .c-single-content .wp-caption-text {
        margin-top: .6944444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-single-content .wp-caption-text {
        margin-top: 1.3020833333vw;
        font-size: 2.4rem
    }
}

.c-single-content hr {
    height: 1px;
    margin: 4rem 0;
    padding: 0;
    border: 0;
    background: var(--gray)
}

.c-single-content iframe {
    max-width: 100%;
    height: auto
}

.c-single-content iframe[src*=youtube] {
    aspect-ratio: 16/9
}

.c-single-content .gallery {
    margin: 4rem 0 !important;
    display: grid;
    gap: max(1.4583333333vw, 28px) max(1.4583333333vw, 28px)
}

@media print,
screen and (max-width:1366px) {
    .c-single-content .gallery {
        gap: 1.9444444444vw 1.9444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-single-content .gallery {
        margin: 6rem 0 !important;
        grid-template-columns: 1fr !important;
        gap: 5.2083333333vw 5.2083333333vw
    }
}

.c-single-content .gallery.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr)
}

.c-single-content .gallery.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr)
}

.c-single-content .gallery.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr)
}

.c-single-content .gallery.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr)
}

.c-single-content .gallery.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr)
}

.c-single-content .gallery.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr)
}

.c-single-content .gallery.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr)
}

.c-single-content .gallery.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr)
}

.c-single-content .gallery .gallery-item {
    width: 100% !important;
    margin: 0 !important;
    float: none !important
}

.c-single-content .gallery .gallery-item .gallery-icon {
    display: grid;
    place-content: center
}

.c-single-content .gallery .gallery-item a {
    display: grid;
    place-content: center;
    background: 0 0
}

.c-single-content .gallery .gallery-item img {
    width: 100%;
    max-width: none;
    height: auto;
    border: none !important
}

.c-single-content .gallery br {
    display: none
}

.c-single-content .gallery .gallery-caption {
    margin-top: max(.5208333333vw, 10px);
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .06em;
    color: var(--black);
    text-align: center
}

@media print,
screen and (max-width:1440px) {
    .c-single-content .gallery .gallery-caption {
        margin-top: .6944444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-single-content .gallery .gallery-caption {
        margin-top: 1.3020833333vw;
        font-size: 2.4rem
    }
}

.c-single-content .wp-audio-shortcode,
.c-single-content .wp-playlist,
.c-single-content .wp-video {
    margin: 4rem 0 !important
}

.c-single-content .wp-playlist {
    border: none;
    background: #24222f;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .06em;
    color: var(--white)
}

@media print,
screen and (max-width:1024px) {
    .c-single-content .wp-playlist {
        font-size: 2rem
    }
}

.c-single-content .wp-playlist .wp-playlist-current-item {
    display: none
}

.c-single-content .wp-playlist .wp-playlist-item {
    padding: max(.5208333333vw, 10px) 0;
    background: 0 0;
    color: var(--white);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media print,
screen and (max-width:1440px) {
    .c-single-content .wp-playlist .wp-playlist-item {
        padding: .6944444444vw 0
    }
}

@media print,
screen and (max-width:1024px) {
    .c-single-content .wp-playlist .wp-playlist-item {
        padding: 1.3020833333vw 0
    }
}

.c-single-content .wp-playlist .wp-playlist-caption,
.c-single-content .wp-playlist .wp-playlist-item-length,
.c-single-content .wp-playlist .wp-playlist-item-title {
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .06em;
    color: var(--white)
}

@media print,
screen and (max-width:1024px) {
    .c-single-content .wp-playlist .wp-playlist-caption,
    .c-single-content .wp-playlist .wp-playlist-item-length,
    .c-single-content .wp-playlist .wp-playlist-item-title {
        font-size: 2rem
    }
}

.c-single-content .wp-playlist .wp-playlist-item-length {
    padding: 0;
    position: static
}

.c-single-content .wp-playlist a {
    color: var(--white)
}

.c-single-content .wp-playlist a::after {
    display: none
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .c-single-content .wp-playlist a {
        display: inline;
        background: 0 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .c-single-content .wp-playlist a:hover {
        opacity: .6
    }
}

.c-single-content .mejs-container a::after {
    display: none
}

.c-single-content>*:first-child {
    margin-top: 0 !important
}

.c-single-content>*:last-child {
    margin-bottom: 0 !important
}

.c-single-content .font-small {
    font-size: .8em
}

.c-single-content .font-medium {
    font-size: 1em
}

.c-single-content .font-large {
    font-size: 1.2em
}

.c-sns-icon {
    aspect-ratio: 1/1;
    display: block
}

.c-sns-icon.c-sns-icon--white {
    background: var(--white)
}

.c-sns-icon.c-sns-icon--bilibili {
    -webkit-mask: url(../images/common/mask_bilibili.svg) 0 0/contain no-repeat;
    mask: url(../images/common/mask_bilibili.svg) 0 0/contain no-repeat
}

.c-sns-icon.c-sns-icon--qq {
    -webkit-mask: url(../images/common/mask_qq.svg) 0 0/contain no-repeat;
    mask: url(../images/common/mask_qq.svg) 0 0/contain no-repeat
}

.c-sns-icon.c-sns-icon--tiktok {
    -webkit-mask: url(../images/common/mask_tiktok.svg) 0 0/contain no-repeat;
    mask: url(../images/common/mask_tiktok.svg) 0 0/contain no-repeat
}

.c-sns-icon.c-sns-icon--line {
    -webkit-mask: url(../images/common/mask_line.svg) 0 0/contain no-repeat;
    mask: url(../images/common/mask_line.svg) 0 0/contain no-repeat
}

.c-sns-icon.c-sns-icon--instagram {
    -webkit-mask: url(../images/common/mask_instagram.svg) 0 0/contain no-repeat;
    mask: url(../images/common/mask_instagram.svg) 0 0/contain no-repeat
}

.c-url-copy {
    margin: 0 auto;
    position: fixed;
    bottom: max(2.0833333333vw, 40px);
    left: 0;
    right: 0;
    z-index: 100;
    text-align: center;
    -webkit-transform: translateY(500%);
    transform: translateY(500%)
}

@media print,
screen and (max-width:1440px) {
    .c-url-copy {
        bottom: 2.7777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-url-copy {
        bottom: 5.2083333333vw
    }
}

.c-url-copy span {
    display: inline-block;
    padding: max(.5208333333vw, 10px) max(.7291666667vw, 14px) max(.625vw, 12px);
    font-weight: 500;
    font-size: 1.4rem;
    letter-spacing: .04em;
    color: var(--white);
    background: var(--navy)
}

@media print,
screen and (max-width:1440px) {
    .c-url-copy span {
        padding: .6944444444vw .9722222222vw .8333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-url-copy span {
        padding: 1.3020833333vw 1.8229166667vw 1.5625vw;
        font-size: 2.4rem
    }
}

.c-wp-pagenavi {
    width: max(36.6145833333vw, 703px);
    margin-inline: auto
}

@media print,
screen and (max-width:1440px) {
    .c-wp-pagenavi {
        width: 48.8194444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-wp-pagenavi {
        width: 89.5833333333vw
    }
}

.c-wp-pagenavi .wp-pagenavi {
    height: max(2.8125vw, 54px);
    margin-inline: auto;
    padding-top: max(.8854166667vw, 17px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 0 max(3.6458333333vw, 70px);
    position: relative
}

@media print,
screen and (max-width:1440px) {
    .c-wp-pagenavi .wp-pagenavi {
        height: 3.75vw;
        padding-top: 1.1805555556vw;
        gap: 0 4.8611111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-wp-pagenavi .wp-pagenavi {
        height: 8.3333333333vw;
        padding-top: 1.171875vw;
        gap: 0 9.1145833333vw
    }
}

.c-wp-pagenavi .wp-pagenavi .current,
.c-wp-pagenavi .wp-pagenavi .first,
.c-wp-pagenavi .wp-pagenavi .last,
.c-wp-pagenavi .wp-pagenavi .page {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 2.8rem;
    color: var(--navy);
    text-align: center;
    position: relative
}

@media print,
screen and (max-width:1024px) {
    .c-wp-pagenavi .wp-pagenavi .current,
    .c-wp-pagenavi .wp-pagenavi .first,
    .c-wp-pagenavi .wp-pagenavi .last,
    .c-wp-pagenavi .wp-pagenavi .page {
        font-size: 4.6rem
    }
}

.c-wp-pagenavi .wp-pagenavi .current::before,
.c-wp-pagenavi .wp-pagenavi .first::before,
.c-wp-pagenavi .wp-pagenavi .last::before,
.c-wp-pagenavi .wp-pagenavi .page::before {
    content: "";
    width: max(.8333333333vw, 16px);
    height: max(.8333333333vw, 16px);
    margin-left: min(-.4166666667vw, -8px);
    position: absolute;
    top: min(-1.0416666667vw, -20px);
    left: 50%;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20fill%3D%22%23CF7BB3%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%208c-5.333%200-8%202.667-7.999%208%200-5.333-2.668-8-8.001-8%205.333%200%208-2.667%208.001-8%200%205.333%202.666%208%207.999%208Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat;
    opacity: 0;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

@media print,
screen and (max-width:1440px) {
    .c-wp-pagenavi .wp-pagenavi .current::before,
    .c-wp-pagenavi .wp-pagenavi .first::before,
    .c-wp-pagenavi .wp-pagenavi .last::before,
    .c-wp-pagenavi .wp-pagenavi .page::before {
        width: 1.1111111111vw;
        height: 1.1111111111vw;
        margin-left: -.5555555556vw;
        top: -1.3888888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-wp-pagenavi .wp-pagenavi .current::before,
    .c-wp-pagenavi .wp-pagenavi .first::before,
    .c-wp-pagenavi .wp-pagenavi .last::before,
    .c-wp-pagenavi .wp-pagenavi .page::before {
        width: 3.125vw;
        height: 3.125vw;
        margin-left: -1.5625vw;
        top: -3.3854166667vw
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .c-wp-pagenavi .wp-pagenavi .current,
    .c-wp-pagenavi .wp-pagenavi .first,
    .c-wp-pagenavi .wp-pagenavi .last,
    .c-wp-pagenavi .wp-pagenavi .page {
        -webkit-transition: color .4s;
        transition: color .4s
    }
    .c-wp-pagenavi .wp-pagenavi .current::before,
    .c-wp-pagenavi .wp-pagenavi .first::before,
    .c-wp-pagenavi .wp-pagenavi .last::before,
    .c-wp-pagenavi .wp-pagenavi .page::before {
        -webkit-transition: opacity .3s, -webkit-transform 1s;
        transition: opacity .3s, -webkit-transform 1s;
        transition: opacity .3s, transform 1s;
        transition: opacity .3s, transform 1s, -webkit-transform 1s
    }
    .c-wp-pagenavi .wp-pagenavi .current:hover,
    .c-wp-pagenavi .wp-pagenavi .first:hover,
    .c-wp-pagenavi .wp-pagenavi .last:hover,
    .c-wp-pagenavi .wp-pagenavi .page:hover {
        color: var(--pink)
    }
    .c-wp-pagenavi .wp-pagenavi .current:hover::before,
    .c-wp-pagenavi .wp-pagenavi .first:hover::before,
    .c-wp-pagenavi .wp-pagenavi .last:hover::before,
    .c-wp-pagenavi .wp-pagenavi .page:hover::before {
        opacity: 1;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

.c-wp-pagenavi .wp-pagenavi .current {
    color: var(--pink);
    pointer-events: none
}

.c-wp-pagenavi .wp-pagenavi .current::before {
    opacity: 1
}

.c-wp-pagenavi .wp-pagenavi .nextpostslink,
.c-wp-pagenavi .wp-pagenavi .previouspostslink {
    width: max(2.8125vw, 54px);
    margin: 0;
    font-size: 0;
    position: absolute;
    top: 0
}

@media print,
screen and (max-width:1440px) {
    .c-wp-pagenavi .wp-pagenavi .nextpostslink,
    .c-wp-pagenavi .wp-pagenavi .previouspostslink {
        width: 3.75vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-wp-pagenavi .wp-pagenavi .nextpostslink,
    .c-wp-pagenavi .wp-pagenavi .previouspostslink {
        width: 8.3333333333vw
    }
}

.c-wp-pagenavi .wp-pagenavi .previouspostslink {
    left: 0
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .c-wp-pagenavi .wp-pagenavi .previouspostslink:hover svg {
        -webkit-animation: arrow-left .6s ease-in-out 1;
        animation: arrow-left .6s ease-in-out 1
    }
}

.c-wp-pagenavi .wp-pagenavi .nextpostslink {
    right: 0
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .c-wp-pagenavi .wp-pagenavi .nextpostslink:hover svg {
        -webkit-animation: arrow-right .6s ease-in-out 1;
        animation: arrow-right .6s ease-in-out 1
    }
}

.c-youtube-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    display: none;
    opacity: 0
}

.c-youtube-modal .c-youtube-modal__overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(var(--navy-rgb)/.8)
}

.c-youtube-modal .c-youtube-modal__close {
    width: max(4.1666666667vw, 80px);
    height: max(2.8645833333vw, 55px);
    display: block;
    position: fixed;
    top: max(1.1458333333vw, 22px);
    right: max(1.6666666667vw, 32px);
    z-index: 10
}

@media print,
screen and (max-width:1440px) {
    .c-youtube-modal .c-youtube-modal__close {
        width: 5.5555555556vw;
        height: 3.8194444444vw;
        top: 1.5277777778vw;
        right: 2.2222222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-youtube-modal .c-youtube-modal__close {
        width: 12.7604166667vw;
        height: 10.8072916667vw;
        top: 3.7760416667vw;
        right: 5.5989583333vw
    }
}

.c-youtube-modal .c-youtube-modal__close .c-youtube-modal__close-shape {
    width: max(4.1666666667vw, 80px);
    height: max(2.34375vw, 45px);
    position: absolute;
    top: 0;
    left: 0
}

@media print,
screen and (max-width:1440px) {
    .c-youtube-modal .c-youtube-modal__close .c-youtube-modal__close-shape {
        width: 5.5555555556vw;
        height: 3.125vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-youtube-modal .c-youtube-modal__close .c-youtube-modal__close-shape {
        width: 12.7604166667vw;
        height: 7.1614583333vw
    }
}

.c-youtube-modal .c-youtube-modal__close .c-youtube-modal__close-shape path {
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    fill: var(--white)
}

.c-youtube-modal .c-youtube-modal__close .c-youtube-modal__close-shape path.top {
    rotate: -10.58deg
}

.c-youtube-modal .c-youtube-modal__close .c-youtube-modal__close-shape path.bottom {
    translate: 0 -25%;
    rotate: 4.42deg
}

.c-youtube-modal .c-youtube-modal__close .c-youtube-modal__close-label {
    width: max(2.03125vw, 39px);
    height: max(.9375vw, 18px);
    position: absolute;
    bottom: max(.0520833333vw, 1px);
    right: max(.2083333333vw, 4px)
}

@media print,
screen and (max-width:1440px) {
    .c-youtube-modal .c-youtube-modal__close .c-youtube-modal__close-label {
        width: 2.7083333333vw;
        height: 1.25vw;
        bottom: .0694444444vw;
        right: .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .c-youtube-modal .c-youtube-modal__close .c-youtube-modal__close-label {
        width: 8.8541666667vw;
        height: 4.0364583333vw;
        bottom: .1302083333vw;
        right: .5208333333vw
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .c-youtube-modal .c-youtube-modal__close {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .c-youtube-modal .c-youtube-modal__close:hover {
        opacity: .6
    }
}

.c-youtube-modal .c-youtube-modal__content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.c-youtube-modal .c-youtube-modal__content.c-youtube-modal__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none
}

.c-youtube-modal .c-youtube-modal__content.c-youtube-modal__content iframe {
    width: min(90vw, 160vh, max(62.5vw, 1200px));
    height: min(90vh, 50.625vw, max(35.15625vw, 675px));
    pointer-events: all
}

@media print,
screen and (min-width:1920px) {
    .c-youtube-modal .c-youtube-modal__content.c-youtube-modal__content iframe {
        width: min(90vw, 160vh, 62.5vw);
        height: min(90vh, 50.625vw, 35.15625vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .c-youtube-modal .c-youtube-modal__content.c-youtube-modal__content iframe {
        width: min(100vw, 177.7777777778vh, 94.7916666667vw);
        height: min(100vh, 56.25vw, 53.3854166667vw)
    }
}

.p-index {
    position: relative
}

.p-index__bg.p-index__bg--gray {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url(../images/pc/bg_gray.webp) 50% 0/max(100vw, 1920px) repeat-y var(--gray);
    pointer-events: none;
    opacity: 0;
    z-index: 1
}

@media print,
screen and (max-width:1440px) {
    .p-index__bg.p-index__bg--gray {
        background-size: 133.3333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__bg.p-index__bg--gray {
        background: url(../images/sp/bg_gray.webp) 50% 0/100% repeat-y var(--gray)
    }
}

.p-index__bg.p-index__bg--grad-purple {
    position: relative;
    z-index: 1
}

.p-index__bg.p-index__bg--grad-purple .p-index__bg-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background: -webkit-gradient(linear, left top, right top, from(#413e70), to(#ac96c6));
    background: -webkit-linear-gradient(left, #413e70 0, #ac96c6 100%);
    background: linear-gradient(90deg, #413e70 0, #ac96c6 100%)
}

.p-index__bg.p-index__bg--grunge-navy {
    margin-top: max(20.3125vw, 390px);
    position: relative
}

@media print,
screen and (max-width:1440px) {
    .p-index__bg.p-index__bg--grunge-navy {
        margin-top: 27.0833333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__bg.p-index__bg--grunge-navy {
        margin-top: 41.1458333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__bg.p-index__bg--grunge-navy .c-deco__shadow {
        -webkit-filter: none;
        filter: none
    }
}

.p-index__bg.p-index__bg--grunge-navy .p-index__bg-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 1;
    background: url(../images/common/bg_grunge_navy.webp) 0 0/max(5.2083333333vw, 100px) repeat var(--navy);
    overflow: hidden
}

@media print,
screen and (max-width:1440px) {
    .p-index__bg.p-index__bg--grunge-navy .p-index__bg-layer {
        background-size: 6.9444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__bg.p-index__bg--grunge-navy .p-index__bg-layer {
        background-size: 13.0208333333vw
    }
}

.p-index__bg.p-index__bg--grunge-navy .p-index__bg-layer>.c-deco__slash--d {
    position: absolute;
    bottom: min(-9.375vw, -180px);
    right: 0;
    z-index: 1
}

@media print,
screen and (max-width:1440px) {
    .p-index__bg.p-index__bg--grunge-navy .p-index__bg-layer>.c-deco__slash--d {
        bottom: -12.5vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__bg.p-index__bg--grunge-navy .p-index__bg-layer>.c-deco__slash--d {
        display: none
    }
}

.p-index__bg.p-index__bg--grunge-navy .p-index__bg-layer>.c-deco__group--repeat {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.p-index__hero {
    background: var(--white);
    position: relative
}

@media print,
screen and (max-width:1024px) {
    .p-index__hero {
        height: 179.8177083333vw
    }
}

.p-index__hero .p-index__hero-visual img {
    -o-object-position: 50% 0;
    object-position: 50% 0
}

.p-index__hero .p-index__hero-logo {
    width: 18.6458333333vw;
    display: block;
    position: absolute;
    top: 1.0416666667vw;
    left: .9895833333vw;
    z-index: 1
}

@media print,
screen and (max-width:1024px) {
    .p-index__hero .p-index__hero-logo {
        width: 42.578125vw;
        top: 2.6041666667vw;
        left: 2.34375vw
    }
}

.p-index__hero .p-index__hero-content {
    width: 100%;
    height: 100%;
    padding: 0 3.125vw 3.6458333333vw 2.5vw;
    position: absolute;
    inset: 0;
    display: grid;
    -webkit-box-align: end;
    -webkit-align-items: end;
    align-items: end;
    grid-template-rows: 1fr auto;
    gap: 3.5416666667vw 3.5416666667vw
}

@media print,
screen and (max-width:1024px) {
    .p-index__hero .p-index__hero-content {
        padding: 0 2.6041666667vw 16.9270833333vw;
        grid-template-rows: 1fr;
        gap: 7.8125vw 0
    }
}

.p-index__hero .p-index__hero-nav {
    margin-left: .625vw
}

@media print,
screen and (max-width:1024px) {
    .p-index__hero .p-index__hero-nav {
        display: none
    }
}

.p-index__hero .p-index__hero-nav .p-index__hero-nav-list .p-index__hero-nav-item {
    display: grid;
    -webkit-box-align: start;
    -webkit-align-items: start;
    align-items: start;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    grid-template-columns: .8333333333vw auto;
    gap: 0 .8333333333vw
}

.p-index__hero .p-index__hero-nav .p-index__hero-nav-list .p-index__hero-nav-item::before {
    content: "";
    width: .8333333333vw;
    height: 1px;
    margin-top: .4166666667vw;
    display: block;
    background: rgba(var(--navy-rgb)/.4)
}

.p-index__hero .p-index__hero-nav .p-index__hero-nav-list .p-index__hero-nav-item a {
    display: inline-block;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500;
    font-size: 1.0416666667vw;
    letter-spacing: .06em;
    color: var(--navy)
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-index__hero .p-index__hero-nav .p-index__hero-nav-list .p-index__hero-nav-item a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .p-index__hero .p-index__hero-nav .p-index__hero-nav-list .p-index__hero-nav-item a:hover {
        opacity: .6
    }
}

.p-index__hero .p-index__hero-nav .p-index__hero-nav-list .p-index__hero-nav-item+.p-index__hero-nav-item {
    margin-top: 1.25vw
}

.p-index__hero .p-index__hero-catch {
    width: 43.6458333333vw;
    margin-top: auto;
    grid-row: 2/3;
    grid-column: 1/2
}

@media print,
screen and (max-width:1024px) {
    .p-index__hero .p-index__hero-catch {
        width: 100%;
        grid-row: 1/2
    }
}

.p-index__hero .p-index__hero-download {
    width: 10.3125vw;
    margin: auto 0 0 auto;
    grid-row: 2/3;
    grid-column: 2/3
}

@media print,
screen and (max-width:1024px) {
    .p-index__hero .p-index__hero-download {
        width: 86.9791666667vw;
        margin: 0 auto;
        grid-column: 1/2
    }
}

.p-index__hero .p-index__hero-download .p-index__hero-download-label {
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    grid-template-columns: .5208333333vw auto .5208333333vw;
    gap: 0 .7291666667vw;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500;
    font-size: .8333333333vw;
    letter-spacing: .06em;
    color: var(--navy)
}

@media print,
screen and (max-width:1024px) {
    .p-index__hero .p-index__hero-download .p-index__hero-download-label {
        grid-template-columns: 2.34375vw auto 2.34375vw;
        gap: 0 2.6041666667vw;
        font-size: 2.6rem
    }
}

.p-index__hero .p-index__hero-download .p-index__hero-download-label .svg__star--rounded {
    fill: var(--navy)
}

.p-index__hero .p-index__hero-download .p-index__hero-download-btn {
    margin-top: 1.0416666667vw;
    display: grid;
    grid-template-columns: 1fr;
    gap: .5208333333vw 0
}

@media print,
screen and (max-width:1024px) {
    .p-index__hero .p-index__hero-download .p-index__hero-download-btn {
        margin-top: 3.90625vw;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 1.8229166667vw
    }
}

.p-index__hero .p-index__hero-download .p-index__hero-download-btn .p-index__hero-download-btn-item .p-index__hero-download-btn-anchor {
    display: block
}

.p-index__opening {
    overflow: hidden
}

.p-index__opening .p-index__opening-bg .c-deco__slash--a {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -52%
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-bg .c-deco__slash--a {
        translate: -50% -69.5%
    }
}

.p-index__opening .p-index__opening-bg .c-deco__shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.p-index__opening .p-index__opening-bg .c-deco__circle--white {
    position: absolute
}

.p-index__opening .p-index__opening-bg .c-deco__circle--white.c-deco__circle--white-1 {
    width: max(.3125vw, 6px);
    top: 50%;
    left: 50%;
    translate: calc(min(-45.9375vw, -882px) - 100%) max(17.2916666667vw, 332px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__opening .p-index__opening-bg .c-deco__circle--white.c-deco__circle--white-1 {
        width: .4166666667vw;
        translate: calc(-61.25vw - 100%) 23.0555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-bg .c-deco__circle--white.c-deco__circle--white-1 {
        width: .78125vw;
        translate: calc(-34.765625vw - 100%) 27.2135416667vw
    }
}

.p-index__opening .p-index__opening-bg .c-deco__circle--white.c-deco__circle--white-2 {
    width: max(.3125vw, 6px);
    top: 50%;
    left: 50%;
    translate: calc(min(-22.7604166667vw, -437px) - 100%) max(3.8541666667vw, 74px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__opening .p-index__opening-bg .c-deco__circle--white.c-deco__circle--white-2 {
        width: .4166666667vw;
        translate: calc(-30.3472222222vw - 100%) 5.1388888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-bg .c-deco__circle--white.c-deco__circle--white-2 {
        width: .78125vw;
        translate: 18.8802083333vw calc(-31.3802083333vw - 100%)
    }
}

.p-index__opening .p-index__opening-bg .c-deco__circle--white.c-deco__circle--white-3 {
    width: max(.3125vw, 6px);
    top: 50%;
    left: 50%;
    translate: calc(max(23.125vw, 444px) - 100%) max(1.8229166667vw, 35px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__opening .p-index__opening-bg .c-deco__circle--white.c-deco__circle--white-3 {
        width: .4166666667vw;
        translate: calc(30.8333333333vw - 100%) 2.4305555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-bg .c-deco__circle--white.c-deco__circle--white-3 {
        width: .78125vw;
        translate: 42.7083333333vw calc(-11.4583333333vw - 100%)
    }
}

.p-index__opening .p-index__opening-bg .c-deco__circle--white.c-deco__circle--white-4 {
    width: max(.3125vw, 6px);
    top: 50%;
    left: 50%;
    translate: max(36.3541666667vw, 698px) calc(min(-2.5520833333vw, -49px) - 100%)
}

@media print,
screen and (max-width:1440px) {
    .p-index__opening .p-index__opening-bg .c-deco__circle--white.c-deco__circle--white-4 {
        width: .4166666667vw;
        translate: 48.4722222222vw calc(-3.4027777778vw - 100%)
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-bg .c-deco__circle--white.c-deco__circle--white-4 {
        width: .78125vw;
        translate: 47.7864583333vw 8.59375vw
    }
}

.p-index__opening .p-index__opening-bg .c-deco__star--white {
    position: absolute
}

.p-index__opening .p-index__opening-bg .c-deco__star--white.c-deco__star--white-1 {
    width: max(.625vw, 12px);
    top: 50%;
    left: 50%;
    translate: min(-47.03125vw, -903px) calc(min(-.5729166667vw, -11px) - 100%)
}

@media print,
screen and (max-width:1440px) {
    .p-index__opening .p-index__opening-bg .c-deco__star--white.c-deco__star--white-1 {
        width: .8333333333vw;
        translate: -62.7083333333vw calc(-.7638888889vw - 100%)
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-bg .c-deco__star--white.c-deco__star--white-1 {
        width: 2.6041666667vw;
        translate: 17.578125vw calc(-68.8802083333vw - 100%)
    }
}

.p-index__opening .p-index__opening-bg .c-deco__star--white.c-deco__star--white-2 {
    width: max(1.0416666667vw, 20px);
    top: 50%;
    left: 50%;
    translate: max(27.65625vw, 531px) calc(min(-2.8645833333vw, -55px) - 100%)
}

@media print,
screen and (max-width:1440px) {
    .p-index__opening .p-index__opening-bg .c-deco__star--white.c-deco__star--white-2 {
        width: 1.3888888889vw;
        translate: 36.875vw calc(-3.8194444444vw - 100%)
    }
}

.p-index__opening .p-index__opening-bg .c-deco__star--line-white {
    position: absolute
}

.p-index__opening .p-index__opening-bg .c-deco__star--line-white.c-deco__star--line-white-1 {
    width: max(1.6666666667vw, 32px);
    top: 50%;
    left: 50%;
    translate: calc(min(-38.75vw, -744px) - 100%) max(5.5729166667vw, 107px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__opening .p-index__opening-bg .c-deco__star--line-white.c-deco__star--line-white-1 {
        width: 2.2222222222vw;
        translate: calc(-51.6666666667vw - 100%) 7.4305555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-bg .c-deco__star--line-white.c-deco__star--line-white-1 {
        width: 4.1666666667vw;
        translate: calc(-38.5416666667vw - 100%) 46.875vw
    }
}

.p-index__opening .p-index__opening-bg .c-deco__star--line-white.c-deco__star--line-white-2 {
    width: max(1.6666666667vw, 32px);
    top: 50%;
    left: 50%;
    translate: max(46.0416666667vw, 884px) calc(min(-2.6041666667vw, -50px) - 100%)
}

@media print,
screen and (max-width:1440px) {
    .p-index__opening .p-index__opening-bg .c-deco__star--line-white.c-deco__star--line-white-2 {
        width: 2.2222222222vw;
        translate: 61.3888888889vw calc(-3.4722222222vw - 100%)
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-bg .c-deco__star--line-white.c-deco__star--line-white-2 {
        width: 4.1666666667vw;
        translate: 43.0989583333vw calc(-31.5104166667vw - 100%)
    }
}

.p-index__opening .p-index__opening-bg .c-deco__diamond--double-white {
    width: max(7.2916666667vw, 140px);
    position: absolute;
    top: 50%;
    left: 50%;
    translate: max(27.6041666667vw, 530px) calc(min(-10.0520833333vw, -193px) - 100%)
}

@media print,
screen and (max-width:1440px) {
    .p-index__opening .p-index__opening-bg .c-deco__diamond--double-white {
        width: 9.7222222222vw;
        translate: 36.8055555556vw calc(-13.4027777778vw - 100%)
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-bg .c-deco__diamond--double-white {
        width: 13.0208333333vw;
        translate: 32.1614583333vw calc(-57.1614583333vw - 100%)
    }
}

.p-index__opening .p-index__opening-bg .c-deco__diamond--line-white-thick-small {
    width: max(1.0416666667vw, 20px);
    position: absolute;
    top: 50%;
    left: 50%;
    translate: max(39.0104166667vw, 749px) calc(min(-9.21875vw, -177px) - 100%)
}

@media print,
screen and (max-width:1440px) {
    .p-index__opening .p-index__opening-bg .c-deco__diamond--line-white-thick-small {
        width: 1.3888888889vw;
        translate: 52.0138888889vw calc(-12.2916666667vw - 100%)
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-bg .c-deco__diamond--line-white-thick-small {
        width: 2.6041666667vw;
        translate: 43.8802083333vw calc(-52.6041666667vw - 100%)
    }
}

.p-index__opening .p-index__opening-bg .c-deco__diamond--line-white-thick-large {
    width: max(6.875vw, 132px);
    position: absolute;
    top: 50%;
    left: 50%;
    translate: calc(min(-34.375vw, -660px) - 100%) max(15.3645833333vw, 295px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__opening .p-index__opening-bg .c-deco__diamond--line-white-thick-large {
        width: 9.1666666667vw;
        translate: calc(-45.8333333333vw - 100%) 20.4861111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-bg .c-deco__diamond--line-white-thick-large {
        width: 10.9375vw;
        translate: calc(-42.578125vw - 100%) 32.6822916667vw
    }
}

.p-index__opening .p-index__opening-inner {
    height: 100svh;
    position: relative
}

.p-index__opening .p-index__opening-image {
    width: 38.5416666667vw;
    aspect-ratio: 740/416;
    margin: auto;
    position: absolute;
    inset: 0;
    -webkit-clip-path: inset(50% 50% 50% 50%);
    clip-path: inset(50% 50% 50% 50%)
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-image {
        width: 89.5833333333vw
    }
}

.p-index__opening .p-index__opening-image img {
    scale: 1.5;
    rotate: -10deg
}

.p-index__opening .p-index__opening-text {
    width: 40vw;
    aspect-ratio: 768/283;
    margin: auto;
    position: absolute;
    inset: 0
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-text {
        width: 73.046875vw
    }
}

.p-index__opening .p-index__opening-text p.text--top svg {
    width: 41.0416666667vw;
    height: 6.71875vw
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-text p.text--top svg {
        width: 72.9166666667vw;
        height: 12.109375vw
    }
}

.p-index__opening .p-index__opening-text p.text--top .svg-elem-17 {
    stroke-dashoffset: 593.5704956055px;
    stroke-dasharray: 593.5704956055px;
    fill: #f6f6f6
}

.p-index__opening .p-index__opening-text p.text--top .svg-elem-16 {
    stroke-dashoffset: 385.5220947266px;
    stroke-dasharray: 385.5220947266px;
    fill: #f6f6f6
}

.p-index__opening .p-index__opening-text p.text--top .svg-elem-15 {
    stroke-dashoffset: 320.7568px;
    stroke-dasharray: 320.7568px;
    fill: #f6f6f6
}

.p-index__opening .p-index__opening-text p.text--top .svg-elem-14 {
    stroke-dashoffset: 543.3323364258px;
    stroke-dasharray: 543.3323364258px;
    fill: #f6f6f6
}

.p-index__opening .p-index__opening-text p.text--top .svg-elem-13 {
    stroke-dashoffset: 578.4610595703px;
    stroke-dasharray: 578.4610595703px;
    fill: #f6f6f6
}

.p-index__opening .p-index__opening-text p.text--top .svg-elem-12 {
    stroke-dashoffset: 180.4508972168px;
    stroke-dasharray: 180.4508972168px;
    fill: #f6f6f6
}

.p-index__opening .p-index__opening-text p.text--top .svg-elem-11 {
    stroke-dashoffset: 247.8036px;
    stroke-dasharray: 247.8036px;
    fill: #f6f6f6
}

.p-index__opening .p-index__opening-text p.text--top .svg-elem-10 {
    stroke-dashoffset: 838.7962px;
    stroke-dasharray: 838.7962px;
    fill: #f6f6f6
}

.p-index__opening .p-index__opening-text p.text--top .svg-elem-9 {
    stroke-dashoffset: 477.959777832px;
    stroke-dasharray: 477.959777832px;
    fill: #f6f6f6
}

.p-index__opening .p-index__opening-text p.text--top .svg-elem-8 {
    stroke-dashoffset: 208.3506622314px;
    stroke-dasharray: 208.3506622314px;
    fill: #f6f6f6
}

.p-index__opening .p-index__opening-text p.text--top .svg-elem-7 { stroke-dasharray: 138.3574px; stroke-dashoffset: 138.3574px; }
.p-index__opening .p-index__opening-text p.text--top .svg-elem-6 { stroke-dasharray: 136.6183px; stroke-dashoffset: 136.6183px; }
.p-index__opening .p-index__opening-text p.text--top .svg-elem-5 { stroke-dasharray: 352.9616px; stroke-dashoffset: 352.9616px; }
.p-index__opening .p-index__opening-text p.text--top .svg-elem-4 { stroke-dasharray: 136.6199px; stroke-dashoffset: 136.6199px; }
.p-index__opening .p-index__opening-text p.text--top .svg-elem-3 { stroke-dasharray: 138.3571px; stroke-dashoffset: 138.3571px; }
.p-index__opening .p-index__opening-text p.text--top .svg-elem-2 { stroke-dasharray: 136.6191px; stroke-dashoffset: 136.6191px; }
.p-index__opening .p-index__opening-text p.text--top .svg-elem-1 { stroke-dasharray: 352.9599px; stroke-dashoffset: 352.9599px; }

.p-index__opening .p-index__opening-text p.text--bottom {
    width: 39.6354166667vw;
    height: 7.7083333333vw;
    position: relative
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-text p.text--bottom {
        width: 69.0104166667vw;
        height: 13.28125vw
    }
}

.p-index__opening .p-index__opening-text p.text--bottom .star {
    width: 4.1666666667vw;
    height: .7291666667vw;
    position: absolute;
    right: 0;
    bottom: -1.7708333333vw
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-text p.text--bottom .star {
        width: 10.4166666667vw;
        height: 1.8229166667vw;
        bottom: -6.5104166667vw
    }
}

.p-index__opening .p-index__opening-text p.text--bottom .star path {
    opacity: 0;
    transform-box: fill-box;
    -webkit-transform-origin: center;
    transform-origin: center
}

.p-index__opening .p-index__opening-text p.text--bottom .text {
    width: 39.6354166667vw;
    height: 7.7083333333vw
}

@media print,
screen and (max-width:1024px) {
    .p-index__opening .p-index__opening-text p.text--bottom .text {
        width: 69.0104166667vw;
        height: 13.28125vw
    }
}

.p-index__opening .p-index__opening-text p.text--bottom .text .svg-elem-8 {
    stroke-dashoffset: 136.6191px;
    stroke-dasharray: 136.6191px;
    fill: #786b9b
}

.p-index__opening .p-index__opening-text p.text--bottom .text .svg-elem-7 {
    stroke-dashoffset: 484.4033203125px;
    stroke-dasharray: 484.4033203125px;
    fill: #786b9b
}

.p-index__opening .p-index__opening-text p.text--bottom .text .svg-elem-6 {
    stroke-dashoffset: 588.2745361328px;
    stroke-dasharray: 588.2745361328px;
    fill: #786b9b
}

.p-index__opening .p-index__opening-text p.text--bottom .text .svg-elem-5 {
    stroke-dashoffset: 616.6499023438px;
    stroke-dasharray: 616.6499023438px;
    fill: #f6f6f6
}

.p-index__opening .p-index__opening-text p.text--bottom .text .svg-elem-4 {
    stroke-dashoffset: 444.0830688477px;
    stroke-dasharray: 444.0830688477px;
    fill: #f6f6f6
}

.p-index__opening .p-index__opening-text p.text--bottom .text .svg-elem-3 {
    stroke-dashoffset: 542.583190918px;
    stroke-dasharray: 542.583190918px;
    fill: #f6f6f6
}

.p-index__opening .p-index__opening-text p.text--bottom .text .svg-elem-2 {
    stroke-dashoffset: 408.7780151367px;
    stroke-dasharray: 408.7780151367px;
    fill: #f6f6f6
}
.p-index__opening .p-index__opening-text p.text--bottom .text .svg-elem-1 { stroke-dasharray: 1192.3418px; stroke-dashoffset: 1192.3418px; }

.p-index__introduction {
    margin-top: max(130.2083333333vw, 2500px);
    height: 100vh;
    height: 100svh;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction {
        margin-top: 173.6111111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction {
        margin-top: 325.5208333333vw
    }
}

.p-index__introduction .p-index__introduction-content {
    width: min(max(83.3333333333vw, 1600px), 100% - 40px);
    margin-inline: auto;
    padding-block: max(5.2083333333vw, 100px);
    position: relative;
    background: url(../images/common/bg_grunge_navy.webp) 0 0/max(5.2083333333vw, 100px) repeat var(--navy)
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction .p-index__introduction-content {
        width: calc(100% - 2.7777777778vw);
        padding-block: 6.9444444444vw;
        background-size: 6.9444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-content {
        width: 94.7916666667vw;
        padding: 15.625vw 7.8125vw 13.0208333333vw;
        background-size: 13.0208333333vw
    }
}

.p-index__introduction .p-index__introduction-content::before {
    content: "";
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: 0;
    z-index: -1;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-angle)), color-stop(0, rgba(var(--grad-blue-from), .4)), to(rgba(var(--grad-blue-to), .4)));
    background: -webkit-linear-gradient(var(--grad-angle), rgba(var(--grad-blue-from), .4) 0, rgba(var(--grad-blue-to), .4) 100%);
    background: linear-gradient(var(--grad-angle), rgba(var(--grad-blue-from), .4) 0, rgba(var(--grad-blue-to), .4) 100%)
}

.p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__circle--white {
    position: absolute
}

.p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__circle--white.c-deco__circle--white-1 {
    width: max(.3125vw, 6px);
    top: max(13.125vw, 252px);
    right: max(5.8333333333vw, 112px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__circle--white.c-deco__circle--white-1 {
        width: .4166666667vw;
        top: 17.5vw;
        right: 7.7777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__circle--white.c-deco__circle--white-1 {
        width: .78125vw;
        top: auto;
        bottom: 34.1145833333vw;
        right: 7.421875vw
    }
}

.p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__circle--white.c-deco__circle--white-2 {
    width: max(.3125vw, 6px);
    bottom: min(-5.46875vw, -105px);
    left: max(1.3541666667vw, 26px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__circle--white.c-deco__circle--white-2 {
        width: .4166666667vw;
        bottom: -7.2916666667vw;
        left: 1.8055555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__circle--white.c-deco__circle--white-2 {
        width: .78125vw;
        bottom: 15.625vw;
        right: 10.8072916667vw
    }
}

.p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__diamond--white {
    width: max(.5208333333vw, 10px);
    position: absolute;
    bottom: min(-4.2708333333vw, -82px);
    left: max(7.6041666667vw, 146px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__diamond--white {
        width: .6944444444vw;
        bottom: -5.6944444444vw;
        left: 10.1388888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__diamond--white {
        width: .9114583333vw;
        bottom: 4.4270833333vw;
        left: 23.046875vw
    }
}

.p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__diamond--double-white {
    width: max(3.125vw, 60px);
    position: absolute;
    top: max(6.7708333333vw, 130px);
    right: min(-.6770833333vw, -13px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__diamond--double-white {
        width: 4.1666666667vw;
        top: 9.0277777778vw;
        right: -.9027777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__diamond--double-white {
        width: 7.8125vw;
        top: auto;
        bottom: 54.0364583333vw;
        right: 1.953125vw
    }
}

.p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__diamond--line-white-thin {
    width: max(2.5vw, 48px);
    position: absolute;
    bottom: min(-3.1770833333vw, -61px);
    left: min(-4.7395833333vw, -91px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__diamond--line-white-thin {
        width: 3.3333333333vw;
        bottom: -4.2361111111vw;
        left: -6.3194444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__diamond--line-white-thin {
        width: 6.25vw;
        bottom: 0;
        left: 2.34375vw
    }
}

.p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__star--white {
    width: max(1.0416666667vw, 20px);
    position: absolute;
    top: min(8.8541666667vw, 170px);
    right: min(-2.6041666667vw, -50px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__star--white {
        width: 1.3888888889vw;
        top: 11.8055555556vw;
        right: -3.4722222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__star--white {
        width: 2.6041666667vw;
        top: auto;
        bottom: 10.2864583333vw;
        right: 50.6510416667vw
    }
}

.p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__star--line-white {
    width: max(1.6666666667vw, 32px);
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: calc(min(-6.5104166667vw, -125px) - 100%) 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__star--line-white {
        width: 2.2222222222vw;
        translate: calc(-8.6805555556vw - 100%) 0
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__star--line-white {
        width: 4.1666666667vw;
        top: auto;
        bottom: 45.0520833333vw;
        left: auto;
        right: -1.5625vw;
        translate: 0 0
    }
}

.p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__slash--b {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -11%
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__slash--b {
        translate: -50% 10%
    }
}

.p-index__introduction .p-index__introduction-content .p-index__introduction-bg .c-deco__slash--b .c-deco__slash-line--1 {
    z-index: 2
}

.p-index__introduction .p-index__introduction-content .p-index__introduction-content-inner {
    width: max(62.5vw, 1200px);
    margin: 0 auto;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    grid-template-columns: 50.3% 40%;
    gap: 0 9.6%
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-content-inner {
        width: 83.3333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-content .p-index__introduction-content-inner {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 10.4166666667vw 0
    }
}

.p-index__introduction .p-index__introduction-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 0 max(.625vw, 12px);
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 2rem;
    letter-spacing: .12em;
    color: #fff
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction .p-index__introduction-heading {
        gap: 0 .8333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-heading {
        gap: 0 1.3020833333vw;
        font-size: 2.6rem
    }
}

.p-index__introduction .p-index__introduction-heading .svg__star--band {
    width: max(2.8125vw, 54px);
    height: max(.5208333333vw, 10px);
    display: block
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction .p-index__introduction-heading .svg__star--band {
        width: 3.75vw;
        height: .6944444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-heading .svg__star--band {
        width: 10.546875vw;
        height: 1.953125vw
    }
}

.p-index__introduction .p-index__introduction-catch.p-index__introduction-catch--ja img {
    margin-block: max(2.0833333333vw, 40px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction .p-index__introduction-catch.p-index__introduction-catch--ja img {
        margin-block: 2.7777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-catch.p-index__introduction-catch--ja img {
        margin-block: 5.2083333333vw
    }
}

.p-index__introduction .p-index__introduction-catch.p-index__introduction-catch--en {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 180%;
    letter-spacing: .06em;
    color: #a174a0
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-catch.p-index__introduction-catch--en {
        font-size: 2rem
    }
}

.p-index__introduction .p-index__introduction-movie {
    width: 100%;
    aspect-ratio: 1/1;
    background: #000;
    position: relative;
    overflow: hidden
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-movie {
        width: 60.9375vw;
        margin-inline: auto
    }
}

.p-index__introduction .p-index__introduction-movie .bilibili-api {
    width: 177%;
    height: 200%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .3
}

.p-index__introduction .p-index__introduction-movie-thumbnail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .3
}

.p-index__introduction .p-index__introduction-movie-thumbnail img {
    -o-object-fit: cover;
    object-fit: cover
}

.p-index__introduction .p-index__introduction-movie-play {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.p-index__introduction .p-index__introduction-movie-play .c-oval-button {
    width: max(6.25vw, 120px);
    position: absolute;
    bottom: max(1.0416666667vw, 20px);
    right: max(1.0416666667vw, 20px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print,
screen and (max-width:1440px) {
    .p-index__introduction .p-index__introduction-movie-play .c-oval-button {
        width: 8.3333333333vw;
        bottom: 1.3888888889vw;
        right: 1.3888888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__introduction .p-index__introduction-movie-play .c-oval-button {
        width: 13.5416666667vw;
        bottom: 3.90625vw;
        right: 3.90625vw
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-index__introduction .p-index__introduction-movie-play .c-oval-button {
        -webkit-transition: scale .3s;
        transition: scale .3s
    }
    .p-index__introduction .p-index__introduction-movie-play:hover .c-oval-button {
        scale: .95
    }
}

.p-index__logo {
    width: max(40vw, 768px);
    margin: max(5.2083333333vw, 100px) auto 0;
    position: relative;
    z-index: 2
}

@media print,
screen and (max-width:1440px) {
    .p-index__logo {
        width: 53.3333333333vw;
        margin-top: 6.9444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__logo {
        width: 80.7291666667vw;
        margin-top: 13.0208333333vw
    }
}

.p-index__logo .p-index__logo-bg {
    opacity: 0
}

.p-index__logo .p-index__logo-bg .c-deco__circle--line-blue {
    width: max(.7291666667vw, 14px);
    position: absolute;
    top: max(.5208333333vw, 10px);
    left: 50%;
    translate: calc(min(-31.5625vw, -606px) - 100%) 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__logo .p-index__logo-bg .c-deco__circle--line-blue {
        width: .9722222222vw;
        top: .6944444444vw;
        translate: calc(-42.0833333333vw - 100%) 0
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__logo .p-index__logo-bg .c-deco__circle--line-blue {
        width: 1.8229166667vw;
        top: -12.2395833333vw;
        left: 3.6458333333vw;
        translate: 0 0
    }
}

.p-index__logo .p-index__logo-bg .c-deco__diamond--grad-paleblue {
    width: max(1.09375vw, 21px);
    position: absolute;
    top: max(.8333333333vw, 16px);
    left: 50%;
    translate: max(43.4375vw, 834px) 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__logo .p-index__logo-bg .c-deco__diamond--grad-paleblue {
        width: 1.4583333333vw;
        top: 1.1111111111vw;
        translate: 57.9166666667vw 0
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__logo .p-index__logo-bg .c-deco__diamond--grad-paleblue {
        width: 2.734375vw;
        top: -14.0625vw;
        left: 78.6458333333vw;
        translate: 0 0
    }
}

.p-index__logo .p-index__logo-bg .c-deco__diamond--pink {
    width: max(.8854166667vw, 17px);
    position: absolute;
    bottom: min(-2.5520833333vw, -49px);
    left: 50%;
    translate: calc(min(-39.5833333333vw, -760px) - 100%) 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__logo .p-index__logo-bg .c-deco__diamond--pink {
        width: 1.1805555556vw;
        bottom: -3.4027777778vw;
        translate: calc(-52.7777777778vw - 100%) 0
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__logo .p-index__logo-bg .c-deco__diamond--pink {
        width: 2.2135416667vw;
        bottom: -6.5104166667vw;
        left: -6.3802083333vw;
        translate: 0 0
    }
}

.p-index__logo .p-index__logo-bg .c-deco__diamond--line-grad-pink {
    width: max(5.1041666667vw, 98px);
    position: absolute;
    bottom: min(-.2083333333vw, -4px);
    left: 50%;
    translate: max(27.4479166667vw, 527px) 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__logo .p-index__logo-bg .c-deco__diamond--line-grad-pink {
        width: 6.8055555556vw;
        bottom: -.2777777778vw;
        translate: 36.5972222222vw 0
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__logo .p-index__logo-bg .c-deco__diamond--line-grad-pink {
        width: 12.7604166667vw;
        bottom: -12.7604166667vw;
        left: 57.8125vw;
        translate: 0 0
    }
}

.p-index__logo .p-index__logo-bg .c-deco__circle--blue {
    width: max(.5208333333vw, 10px);
    position: absolute;
    bottom: min(-1.7708333333vw, -34px);
    left: 50%;
    translate: max(35.8333333333vw, 688px) 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__logo .p-index__logo-bg .c-deco__circle--blue {
        width: .9722222222vw;
        bottom: -2.3611111111vw;
        translate: 47.7777777778vw 0
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__logo .p-index__logo-bg .c-deco__circle--blue {
        width: 1.3020833333vw;
        bottom: 2.34375vw;
        left: 80.7291666667vw;
        translate: 0 0
    }
}

.p-index__logo .p-index__logo-image {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.p-index__band {
    margin-top: max(109.375vw, 2100px);
    position: relative;
    z-index: 2
}

@media print,
screen and (max-width:1440px) {
    .p-index__band {
        margin-top: 145.8333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band {
        margin-top: 288.0208333333vw
    }
}

.p-index__band .p-index__band-bg {
    width: 100vw;
    height: calc(100% + max(4.9479166667vw, 95px) + 10svh);
    max-height: 100svh;
    position: absolute;
    top: 0;
    left: 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-bg {
        height: calc(100% + 6.5972222222vw + 10svh)
    }
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-bg {
        height: calc(100% + 5.2083333333vw + 10svh)
    }
}

.p-index__band .p-index__band-bg .c-deco__slash--b {
    position: absolute;
    bottom: min(-12.6041666667vw, -242px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-bg .c-deco__slash--b {
        bottom: -16.8055555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-bg .c-deco__slash--b {
        bottom: -49.609375vw
    }
}

.p-index__band .p-index__band-bg .line-text {
    width: max(12.34375vw, 237px);
    position: absolute;
    top: min(-2.6041666667vw, -50px);
    right: max(2.2395833333vw, 43px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-bg .line-text {
        width: 16.4583333333vw;
        top: -3.4722222222vw;
        right: 2.9861111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-bg .line-text {
        width: 15.234375vw;
        top: -3.2552083333vw;
        right: -2.9947916667vw
    }
}

.p-index__band .p-index__band-bg .grad-text {
    width: max(53.8541666667vw, 1034px);
    position: absolute;
    bottom: 0;
    left: max(3.3854166667vw, 65px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-bg .grad-text {
        width: 71.8055555556vw;
        left: 4.5138888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-bg .grad-text {
        width: 51.8229166667vw;
        left: 1.4322916667vw
    }
}

.p-index__band .p-index__band-heading {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 4.2rem;
    letter-spacing: .06em;
    color: var(--navy);
    text-align: center
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-heading {
        font-size: 5.2rem
    }
}

.p-index__band .p-index__band-heading .svg__star--band {
    width: max(2.8125vw, 54px);
    height: max(.5208333333vw, 10px);
    margin: max(.3125vw, 6px) auto 0;
    display: block
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-heading .svg__star--band {
        width: 3.75vw;
        height: .6944444444vw;
        margin-top: .4166666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-heading .svg__star--band {
        width: 10.546875vw;
        height: 1.953125vw;
        margin-top: 1.5625vw
    }
}

.p-index__band .p-index__band-description {
    margin-top: max(3.125vw, 60px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-description {
        margin-top: 4.1666666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-description {
        margin-top: 10.4166666667vw
    }
}

.p-index__band .p-index__band-description p {
    font-size: 2rem;
    letter-spacing: .06em;
    color: var(--navy);
    text-align: center
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-description p {
        font-size: 2.8rem
    }
}

.p-index__band .p-index__band-description ul {
    margin-top: max(1.0416666667vw, 20px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 max(1.0416666667vw, 20px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-description ul {
        margin-top: 1.3888888889vw;
        gap: 0 1.3888888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-description ul {
        margin-top: 4.1666666667vw;
        gap: 3.6458333333vw 1.3020833333vw
    }
}

.p-index__band .p-index__band-description ul li {
    font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
    font-size: 2.2rem;
    letter-spacing: .06em;
    color: var(--navy);
    text-align: center
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-description ul li {
        font-size: 3rem
    }
}

.p-index__band .p-index__band-description ul li:not(:last-child) {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 0 max(1.0416666667vw, 20px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-description ul li:not(:last-child) {
        gap: 0 1.3888888889vw
    }
}

.p-index__band .p-index__band-description ul li:not(:last-child)::after {
    content: "";
    width: max(.625vw, 12px);
    height: max(.8333333333vw, 16px);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2016%22%3E%20%3Cpath%20fill%3D%22%23131B2A%22%20d%3D%22M12%20.551.98%2016%200%2015.449%2011.02%200l.98.551Z%22%20opacity%3D%22.4%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-description ul li:not(:last-child)::after {
        width: .8333333333vw;
        height: 1.1111111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-description ul li:not(:last-child)::after {
        width: 2.0833333333vw;
        height: 2.734375vw
    }
}

.p-index__band .p-index__band-description ul li .ja {
    font-size: 2rem
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-description ul li .ja {
        font-size: 2.8rem
    }
}

.p-index__band .p-index__band-list {
    margin-top: max(4.1666666667vw, 80px);
    position: relative
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-list {
        margin-top: 5.5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-list {
        margin-top: 14.0625vw
    }
}

.p-index__band .p-index__band-item {
    position: relative
}

.p-index__band .p-index__band-item+.p-index__band-item {
    margin-top: max(16.6666666667vw, 320px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-item+.p-index__band-item {
        margin-top: 22.2222222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-item+.p-index__band-item {
        margin-top: 56.25vw
    }
}

.p-index__band .p-index__band-detail {
    width: max(72.9166666667vw, 1400px);
    height: max(36.4583333333vw, 700px);
    margin: 0 auto;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    position: relative
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-detail {
        width: 97.2222222222vw;
        height: 48.6111111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-detail {
        width: 89.5833333333vw;
        height: 125vw
    }
}

.p-index__band .p-index__band-detail .p-index__band-detail-inner {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 29.25% 70.75%
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-detail .p-index__band-detail-inner {
        grid-template-rows: auto 1fr;
        grid-template-columns: 1fr
    }
}

.p-index__band .p-index__band-detail.p-index__band-detail--mygo {
    background: var(--mygo)
}

.p-index__band .p-index__band-detail.p-index__band-detail--mygo .p-index__band-content {
    padding-top: max(3.6458333333vw, 70px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--mygo .p-index__band-content {
        padding-top: 4.8611111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--mygo .p-index__band-content {
        padding-top: 5.2083333333vw
    }
}

.p-index__band .p-index__band-detail.p-index__band-detail--mygo .p-index__band-logo {
    width: max(15.8333333333vw, 304px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--mygo .p-index__band-logo {
        width: 21.1111111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--mygo .p-index__band-logo {
        width: 36.4583333333vw
    }
}

.p-index__band .p-index__band-detail.p-index__band-detail--mygo2crash {
    background: var(--mygo2crash)
}

.p-index__band .p-index__band-detail.p-index__band-detail--mygo2crash .p-index__band-content {
    padding-top: max(3.6458333333vw, 70px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--mygo2crash .p-index__band-content {
        padding-top: 4.8611111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--mygo2crash .p-index__band-content {
        padding-top: 5.2083333333vw
    }
}

.p-index__band .p-index__band-detail.p-index__band-detail--mygo2crash .p-index__band-logo {
    width: max(15.8333333333vw, 304px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--mygo2crash .p-index__band-logo {
        width: 21.1111111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--mygo2crash .p-index__band-logo {
        width: 39.5833333333vw
    }
}

.p-index__band .p-index__band-detail.p-index__band-detail--minecraft {
    background: var(--minecraft)
}

.p-index__band .p-index__band-detail.p-index__band-detail--minecraft .p-index__band-content {
    padding-top: max(5.0130208333vw, 96.25px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--minecraft .p-index__band-content {
        padding-top: 6.6840277778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--minecraft .p-index__band-content {
        padding-top: 5.2083333333vw
    }
}

.p-index__band .p-index__band-detail.p-index__band-detail--minecraft .p-index__band-logo {
    width: max(15.8333333333vw, 304px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--minecraft .p-index__band-logo {
        width: 21.1111111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--minecraft .p-index__band-logo {
        width: 45.3125vw
    }
}

.p-index__band .p-index__band-detail.p-index__band-detail--minecraft .p-index__band-name span {
    letter-spacing: .3em
}

.p-index__band .p-index__band-detail.p-index__band-detail--adofai {
    background: var(--adofai)
}

.p-index__band .p-index__band-detail.p-index__band-detail--adofai .p-index__band-content {
    padding-top: max(5.5598958333vw, 106.75px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--adofai .p-index__band-content {
        padding-top: 7.4131944444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--adofai .p-index__band-content {
        padding-top: 6.5104166667vw
    }
}

.p-index__band .p-index__band-detail.p-index__band-detail--adofai .p-index__band-logo {
    width: max(15.9375vw, 306px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--adofai .p-index__band-logo {
        width: 21.25vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--adofai .p-index__band-logo {
        width: 51.4322916667vw
    }
}

.p-index__band .p-index__band-detail.p-index__band-detail--ikkadumbrock {
    background: var(--ikkadumbrock)
}

.p-index__band .p-index__band-detail.p-index__band-detail--ikkadumbrock .p-index__band-content {
    padding-top: max(4.2838541667vw, 82.25px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--ikkadumbrock .p-index__band-content {
        padding-top: 5.7118055556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--ikkadumbrock .p-index__band-content {
        padding-top: 5.2083333333vw
    }
}

.p-index__band .p-index__band-detail.p-index__band-detail--ikkadumbrock .p-index__band-logo {
    width: max(16.8229166667vw, 323px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--ikkadumbrock .p-index__band-logo {
        width: 22.4305555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-detail.p-index__band-detail--ikkadumbrock .p-index__band-logo {
        width: 51.4322916667vw
    }
}

@media print,
screen and (min-width:1025px) {
    .p-index__band .p-index__band-visual {
        grid-row: 1/2;
        grid-column: 2/3
    }
}

.p-index__band .p-index__band-content {
    padding: 0 max(1.3671875vw, 26.25px) max(1.3671875vw, 26.25px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .p-index__band .p-index__band-content {
        grid-row: 1/2;
        grid-column: 1/2
    }
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-content {
        padding: 0 1.8229166667vw 1.8229166667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-content {
        padding: 0 3.90625vw 3.90625vw 5.2083333333vw
    }
}

.p-index__band .p-index__band-logo {
    margin-inline: auto
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-logo {
        height: 17.3177083333vw;
        margin-inline: 0
    }
}

.p-index__band .p-index__band-name {
    margin: auto 0 0 max(1.3541666667vw, 26px);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 0 max(.625vw, 12px);
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 1.575rem;
    letter-spacing: .06em;
    color: var(--white)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-name {
        margin-left: 1.8055555556vw;
        gap: 0 .8333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-name {
        margin: 5.2083333333vw 0 0;
        gap: 0 2.0833333333vw;
        font-size: 2.4rem
    }
}

.p-index__band .p-index__band-name span {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: .875rem;
    letter-spacing: .8em
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-name span {
        font-size: 1.6rem;
        letter-spacing: .7em
    }
}

.p-index__band .p-index__band-member {
    margin: max(1.3541666667vw, 26px) 0 max(.1822916667vw, 3.5px) max(1.3541666667vw, 26px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-member {
        margin: 1.8055555556vw 0 .2430555556vw 1.8055555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-member {
        margin: 3.125vw 0 -4.4270833333vw
    }
}

.p-index__band .p-index__band-member .p-index__band-member-name {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: .06em;
    color: var(--white)
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-member .p-index__band-member-name {
        font-size: 2rem
    }
}

.p-index__band .p-index__band-member .p-index__band-member-name+.p-index__band-member-name {
    margin-top: max(.4557291667vw, 8.75px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-member .p-index__band-member-name+.p-index__band-member-name {
        margin-top: .6076388889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-member .p-index__band-member-name+.p-index__band-member-name {
        margin-top: 1.5625vw
    }
}

.p-index__band .p-index__band-anchor {
    width: max(4.1666666667vw, 80px);
    display: block;
    margin-left: auto;
    opacity: 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__band .p-index__band-anchor {
        width: 5.5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__band .p-index__band-anchor {
        width: 13.28125vw
    }
}

.p-index__character {
    margin-top: max(13.5416666667vw, 260px);
    position: relative;
    z-index: 2
}

@media print,
screen and (max-width:1440px) {
    .p-index__character {
        margin-top: 18.0555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character {
        margin-top: 35.8072916667vw
    }
}

.p-index__character .p-index__character-heading {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 4.2rem;
    letter-spacing: .06em;
    color: var(--navy);
    text-align: center
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-heading {
        font-size: 5.2rem
    }
}

.p-index__character .p-index__character-heading .svg__star--band {
    width: max(2.8125vw, 54px);
    height: max(.5208333333vw, 10px);
    margin: max(.3125vw, 6px) auto 0;
    display: block
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-heading .svg__star--band {
        width: 3.75vw;
        height: .6944444444vw;
        margin-top: .4166666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-heading .svg__star--band {
        width: 10.546875vw;
        height: 1.953125vw;
        margin-top: 1.5625vw
    }
}

.p-index__character .p-index__character-nav {
    position: relative;
    z-index: 1
}

.p-index__character .p-index__character-nav .p-index__character-nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(.7291666667vw, 14px) max(.7291666667vw, 14px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-nav .p-index__character-nav-list {
        gap: .9722222222vw .9722222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-nav .p-index__character-nav-list {
        gap: 2.4739583333vw 2.4739583333vw
    }
}

.p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button {
    height: 100%;
    padding: max(.7291666667vw, 14px) max(.9375vw, 18px) max(.5208333333vw, 10px);
    display: inline-block;
    border-radius: max(.1041666667vw, 2px);
    border: 1px solid var(--navy);
    background: var(--gray);
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 2rem;
    letter-spacing: .06em;
    color: var(--navy)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button {
        padding: .9722222222vw 1.25vw .6944444444vw;
        border-radius: .1388888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button {
        padding: 2.734375vw 3.6458333333vw 2.0833333333vw;
        border-radius: .2604166667vw;
        border-width: .2604166667vw;
        font-size: 2.6rem
    }
}

.p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button .ja {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: .06em
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button .ja {
        font-size: 2.4rem
    }
}

.p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button.is-active {
    color: var(--white)
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button {
        -webkit-transition: color .3s, border-color .3s, background-color .3s;
        transition: color .3s, border-color .3s, background-color .3s
    }
    .p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button:hover {
        color: var(--white)
    }
}

.p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button.p-index__character-nav-button--mygo.is-active {
    border-color: var(--mygo);
    background: var(--mygo)
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button.p-index__character-nav-button--mygo:hover {
        border-color: var(--mygo);
        background: var(--mygo)
    }
}

.p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button.p-index__character-nav-button--mygo2crash.is-active {
    border-color: var(--mygo2crash);
    background: var(--mygo2crash)
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button.p-index__character-nav-button--mygo2crash:hover {
        border-color: var(--mygo2crash);
        background: var(--mygo2crash)
    }
}

.p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button.p-index__character-nav-button--minecraft.is-active {
    border-color: var(--minecraft);
    background: var(--minecraft)
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button.p-index__character-nav-button--minecraft:hover {
        border-color: var(--minecraft);
        background: var(--minecraft)
    }
}

.p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button.p-index__character-nav-button--adofai.is-active {
    border-color: var(--adofai);
    background: var(--adofai)
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button.p-index__character-nav-button--adofai:hover {
        border-color: var(--adofai);
        background: var(--adofai)
    }
}

.p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button.p-index__character-nav-button--ikkadumbrock.is-active {
    border-color: var(--ikkadumbrock);
    background: var(--ikkadumbrock)
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-index__character .p-index__character-nav .p-index__character-nav-list .p-index__character-nav-item .p-index__character-nav-button.p-index__character-nav-button--ikkadumbrock:hover {
        border-color: var(--ikkadumbrock);
        background: var(--ikkadumbrock)
    }
}

.p-index__character .p-index__character-nav.p-index__character-nav--top {
    margin-top: max(2.5vw, 48px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-nav.p-index__character-nav--top {
        margin-top: 3.3333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-nav.p-index__character-nav--top {
        margin-top: 10.4166666667vw
    }
}

.p-index__character .p-index__character-nav.p-index__character-nav--bottom {
    margin-top: max(3.8541666667vw, 74px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-nav.p-index__character-nav--bottom {
        margin-top: 5.1388888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-nav.p-index__character-nav--bottom {
        margin-top: 11.71875vw
    }
}

.p-index__character .p-index__character-slider {
    margin-top: max(4.1666666667vw, 80px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider {
        margin-top: 5.5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider {
        margin-top: 7.8125vw
    }
}

.p-index__character .p-index__character-slider .swiper {
    overflow: visible
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide {
    position: relative
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo .p-index__character-band .p-index__character-band-catch {
    color: var(--mygo)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo .p-index__character-frame {
    border-right: 2px solid var(--mygo)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo .p-index__character-frame {
        border-right: .1388888889vw solid var(--mygo)
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo .p-index__character-frame {
        border-right: .5208333333vw solid var(--mygo)
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo .p-index__character-member p {
    width: max(9.0104166667vw, 173px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo .p-index__character-member p {
        width: 12.0138888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo .p-index__character-member p {
        width: 29.9479166667vw
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo .p-index__character-member ul li {
    color: var(--mygo)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo .p-index__character-marquee .p-index__character-marquee-text {
    background: url(../images/common/index/txt_character_marquee_mygo.webp) 0 0/contain repeat-x
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
    --marquee-distance: min(-38.6979166667vw, -743px);
    -webkit-animation: marquee 4s linear infinite forwards;
    animation: marquee 4s linear infinite forwards
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
        --marquee-distance: -51.5972222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
        --marquee-distance: -96.7447916667vw
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash .p-index__character-band .p-index__character-band-catch {
    color: var(--mygo2crash)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash .p-index__character-frame {
    border-right: 2px solid var(--mygo2crash)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash .p-index__character-frame {
        border-right: .1388888889vw solid var(--mygo2crash)
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash .p-index__character-frame {
        border-right: .5208333333vw solid var(--mygo2crash)
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash .p-index__character-name .ja {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash .p-index__character-name .ja .name {
    font-size: 4.4rem
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash .p-index__character-name .ja .name {
        font-size: 4.6rem
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash .p-index__character-name .ja .position {
        background-position: 0 .390625vw;
        font-size: 4.4rem
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash .p-index__character-member p {
    width: max(10.3125vw, 198px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash .p-index__character-member p {
        width: 13.75vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash .p-index__character-member p {
        width: 27.0833333333vw
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash .p-index__character-member ul li {
    color: var(--mygo2crash)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash .p-index__character-marquee .p-index__character-marquee-text {
    background: url(../images/common/index/txt_character_marquee_avemujica.webp) 0 0/contain repeat-x
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
    --marquee-distance: min(-46.25vw, -888px);
    -webkit-animation: marquee 4.78s linear infinite forwards;
    animation: marquee 4.78s linear infinite forwards
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
        --marquee-distance: -61.6666666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--mygo2crash.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
        --marquee-distance: -115.625vw
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--minecraft .p-index__character-band .p-index__character-band-catch {
    color: var(--minecraft)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--minecraft .p-index__character-frame {
    border-right: 2px solid var(--minecraft)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--minecraft .p-index__character-frame {
        border-right: .1388888889vw solid var(--minecraft)
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--minecraft .p-index__character-frame {
        border-right: .5208333333vw solid var(--minecraft)
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--minecraft .p-index__character-member p {
    width: max(11.875vw, 228px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--minecraft .p-index__character-member p {
        width: 15.8333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--minecraft .p-index__character-member p {
        width: 30.9895833333vw
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--minecraft .p-index__character-member ul li {
    color: var(--minecraft)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--minecraft .p-index__character-marquee .p-index__character-marquee-text {
    background: url(../images/common/index/txt_character_marquee_mewtype.webp) 0 0/contain repeat-x
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--minecraft.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
    --marquee-distance: min(-77.65625vw, -1491px);
    -webkit-animation: marquee 8.02s linear infinite forwards;
    animation: marquee 8.02s linear infinite forwards
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--minecraft.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
        --marquee-distance: -103.5416666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--minecraft.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
        --marquee-distance: -194.140625vw
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--adofai .p-index__character-band .p-index__character-band-catch {
    color: var(--adofai)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--adofai .p-index__character-frame {
    border-right: 2px solid var(--adofai)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--adofai .p-index__character-frame {
        border-right: .1388888889vw solid var(--adofai)
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--adofai .p-index__character-frame {
        border-right: .5208333333vw solid var(--adofai)
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--adofai .p-index__character-member p {
    width: max(11.1979166667vw, 215px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--adofai .p-index__character-member p {
        width: 14.9305555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--adofai .p-index__character-member p {
        width: 27.9947916667vw
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--adofai .p-index__character-member ul li {
    color: var(--adofai)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--adofai .p-index__character-marquee .p-index__character-marquee-text {
    background: url(../images/common/index/txt_character_marquee_millsage.webp) 0 0/contain repeat-x
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--adofai.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
    --marquee-distance: min(-36.09375vw, -693px);
    -webkit-animation: marquee 3.73s linear infinite forwards;
    animation: marquee 3.73s linear infinite forwards
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--adofai.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
        --marquee-distance: -48.125vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--adofai.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
        --marquee-distance: -90.234375vw
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--ikkadumbrock .p-index__character-band .p-index__character-band-catch {
    color: var(--ikkadumbrock)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--ikkadumbrock .p-index__character-frame {
    border-right: 2px solid var(--ikkadumbrock)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--ikkadumbrock .p-index__character-frame {
        border-right: .1388888889vw solid var(--ikkadumbrock)
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--ikkadumbrock .p-index__character-frame {
        border-right: .5208333333vw solid var(--ikkadumbrock)
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--ikkadumbrock .p-index__character-member p {
    width: max(12.1875vw, 234px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--ikkadumbrock .p-index__character-member p {
        width: 16.25vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--ikkadumbrock .p-index__character-member p {
        width: 32.03125vw
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--ikkadumbrock .p-index__character-member ul li {
    color: var(--ikkadumbrock)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--ikkadumbrock .p-index__character-marquee .p-index__character-marquee-text {
    background: url(../images/common/index/txt_character_marquee_ikkadumbrock.webp) 0 0/contain repeat-x
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--ikkadumbrock.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
    --marquee-distance: min(-65.9895833333vw, -1267px);
    -webkit-animation: marquee 6.82s linear infinite forwards;
    animation: marquee 6.82s linear infinite forwards
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--ikkadumbrock.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
        --marquee-distance: -87.9861111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide.swiper-slide--ikkadumbrock.swiper-slide-active .p-index__character-marquee .p-index__character-marquee-text {
        --marquee-distance: -164.9739583333vw
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-visual .swiper-slide {
    opacity: 0
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-visual .swiper-slide.swiper-slide-active {
    opacity: 1
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-visual .swiper-slide.swiper-slide--arale-nakamachi .p-index__character-visual-body {
    -webkit-transform: translateY(min(-2.0833333333vw, -40px));
    transform: translateY(min(-2.0833333333vw, -40px))
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-visual .swiper-slide.swiper-slide--arale-nakamachi .p-index__character-visual-body {
        -webkit-transform: translateY(-2.7777777778vw);
        transform: translateY(-2.7777777778vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-visual .swiper-slide.swiper-slide--arale-nakamachi .p-index__character-visual-body {
        -webkit-transform: translateY(-3.90625vw);
        transform: translateY(-3.90625vw)
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-visual .swiper-slide.swiper-slide--chieri-umezato .p-index__character-visual-body {
    -webkit-transform: translateY(min(-4.1666666667vw, -80px));
    transform: translateY(min(-4.1666666667vw, -80px))
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-visual .swiper-slide.swiper-slide--chieri-umezato .p-index__character-visual-body {
        -webkit-transform: translateY(-5.5555555556vw);
        transform: translateY(-5.5555555556vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-visual .swiper-slide.swiper-slide--chieri-umezato .p-index__character-visual-body {
        -webkit-transform: translateY(-10.4166666667vw);
        transform: translateY(-10.4166666667vw)
    }
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide {
    opacity: 0
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide-active {
    opacity: 1
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--none .en {
    color: var(--none)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--rinon .en {
    color: var(--rinon)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--tomori-takamatsu .en {
    color: var(--tomori)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--anon-chihaya .en {
    color: var(--anon)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--rana-kaname .en {
    color: var(--rana)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--soyo-nagasaki .en {
    color: var(--soyo)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--taki-shiina .en {
    color: var(--taki)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--uika-misumi .en {
    color: var(--uika)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--mutsumi-wakaba .en {
    color: var(--mutsumi)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--umiri-yahata .en {
    color: var(--umiri)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--nyamu-yutenji .en {
    color: var(--nyamu)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--sakiko-togawa .en {
    color: var(--sakiko)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--arale-nakamachi .en {
    color: var(--arale)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--nonoka-miyanaga .en {
    color: var(--nonoka)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--ritsu-minetsuki .en {
    color: var(--ritsu)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--miyako-fuji .en {
    color: var(--miyako)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--yuno-sengoku .en {
    color: var(--yuno)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--hotaru-shiomi .en {
    color: var(--hotaru)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--natsume-izawa .en {
    color: var(--natsume)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--nagi-kotohira .en {
    color: var(--nagi)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--mahoro-hamasaki .en {
    color: var(--mahoro)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--houka-izumi .en {
    color: var(--houka)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--raika-suga .en {
    color: var(--raika)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--miku-mahashi .en {
    color: var(--miku)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--yomogi-yakura .en {
    color: var(--yomogi)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--chieri-umezato .en {
    color: var(--chieri)
}

.p-index__character .p-index__character-slider .swiper .swiper-wrapper>.swiper-slide .swiper-name .swiper-slide.swiper-slide--shizuku-shinomiya .en {
    color: var(--shizuku)
}

.p-index__character .p-index__character-band {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 0 max(1.5625vw, 30px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-band {
        gap: 0 2.0833333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-band {
        gap: 0 2.6041666667vw
    }
}

.p-index__character .p-index__character-band .p-index__character-band-logo {
    width: max(15vw, 288px);
    aspect-ratio: 288/114
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-band .p-index__character-band-logo {
        width: 20vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-band .p-index__character-band-logo {
        width: 37.5vw
    }
}

.p-index__character .p-index__character-band .p-index__character-band-catch {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 160%;
    letter-spacing: .12em
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-band .p-index__character-band-catch {
        font-size: 2.8rem
    }
}

.p-index__character .p-index__character-frame {
    width: max(72.9166666667vw, 1400px);
    aspect-ratio: 1400/700;
    margin: max(3.125vw, 60px) auto 0;
    padding-right: max(5.2083333333vw, 100px);
    display: grid;
    grid-template-columns: max(36.4583333333vw, 700px) max(31.25vw, 600px);
    background: var(--white);
    position: relative;
    z-index: 1
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-frame {
        width: 97.2222222222vw;
        margin-top: 4.1666666667vw;
        padding-right: 6.9444444444vw;
        grid-template-columns: 48.6111111111vw 41.6666666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-frame {
        width: 92.1875vw;
        aspect-ratio: 708/1566;
        margin-top: 12.6302083333vw;
        padding-right: 0;
        display: grid;
        grid-template-rows: 110.2864583333vw 1fr;
        grid-template-columns: 100%
    }
}

.p-index__character .p-index__character-tag {
    width: max(5.2083333333vw, 100px);
    position: absolute;
    top: 0;
    right: max(1.0416666667vw, 20px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-tag {
        width: 6.9444444444vw;
        right: 1.3888888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-tag {
        display: none
    }
}

.p-index__character .p-index__character-visual {
    position: relative
}

.p-index__character .p-index__character-visual .p-index__character-visual-container {
    width: max(49.375vw, 948px);
    aspect-ratio: 1/1;
    position: absolute;
    top: min(-11.1979166667vw, -215px);
    left: min(-7.2395833333vw, -139px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-visual .p-index__character-visual-container {
        width: 65.8333333333vw;
        top: -14.9305555556vw;
        left: -9.6527777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-visual .p-index__character-visual-container {
        width: 133.0729166667vw;
        aspect-ratio: 1022/998;
        top: -22.0052083333vw;
        left: -21.484375vw
    }
}

.p-index__character .p-index__character-visual .p-index__character-visual-bg {
    width: max(27.0833333333vw, 520px);
    position: absolute;
    top: max(11.09375vw, 213px);
    left: max(11.71875vw, 225px);
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-visual .p-index__character-visual-bg {
        width: 36.1111111111vw;
        top: 14.7916666667vw;
        left: 15.625vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-visual .p-index__character-visual-bg {
        width: 76.5625vw;
        top: 22.1354166667vw;
        left: 29.296875vw
    }
}

.p-index__character .p-index__character-visual .p-index__character-visual-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    -webkit-mask-image: url("../images/pc/index/mask_character.webp");
    mask-image: url("../images/pc/index/mask_character.webp");

}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-visual .p-index__character-visual-mask {
        -webkit-mask: url(../images/pc/index/mask_character.png) 0 0/contain no-repeat;
        mask: url(../images/pc/index/mask_character.png) 0 0/contain no-repeat
    }
}

.p-index__character .p-index__character-visual .p-index__character-visual-body {
    width: max(60vw, 1152px);
    position: absolute;
    top: max(6.6666666667vw, 128px);
    left: min(-4.1666666667vw, -80px);
    display: block
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-visual .p-index__character-visual-body {
        width: 80vw;
        top: 8.8888888889vw;
        left: -5.5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-visual .p-index__character-visual-body {
        width: 171.875vw;
        top: 8.984375vw;
        left: -18.359375vw
    }
}

.p-index__character .p-index__character-detail {
    padding-top: max(5.2083333333vw, 100px);
    position: relative;
    z-index: 1
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-detail {
        padding-top: 6.9444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-detail {
        padding: 0 6.5104166667vw 11.71875vw
    }
}

.p-index__character .p-index__character-name .swiper-slide {
    min-height: max(8.0729166667vw, 155px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-name .swiper-slide {
        min-height: 10.7638888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-name .swiper-slide {
        min-height: 25.78125vw
    }
}

.p-index__character .p-index__character-name .en {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: .12em
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-name .en {
        font-size: 2.2
    }
}

.p-index__character .p-index__character-name .ja {
    margin-top: max(1.0416666667vw, 20px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(.5208333333vw, 10px) max(.7291666667vw, 14px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-name .ja {
        margin-top: 1.3888888889vw;
        gap: .6944444444vw .9722222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-name .ja {
        margin-top: 3.3854166667vw;
        gap: 1.6927083333vw 1.8229166667vw
    }
}

.p-index__character .p-index__character-name .ja .name {
    font-weight: 700;
    font-size: 5.6rem;
    letter-spacing: .06em;
    color: var(--navy)
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-name .ja .name {
        font-size: 6rem
    }
}

.p-index__character .p-index__character-name .ja .position {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 4.4rem;
    letter-spacing: .06em;
    color: var(--navy)
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-name .ja .position {
        font-size: 5rem
    }
}

.p-index__character .p-index__character-name .cv {
    margin-top: max(1.0416666667vw, 20px);
    font-weight: 700;
    font-size: 3.2rem;
    letter-spacing: .06em;
    color: var(--navy);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    gap: 0 max(.5208333333vw, 10px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-name .cv {
        margin-top: 1.3888888889vw;
        gap: 0 .6944444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-name .cv {
        margin-top: 4.4270833333vw;
        font-size: 3.8rem;
        gap: 0 2.0833333333vw
    }
}

.p-index__character .p-index__character-name .cv span {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 2.4rem;
    letter-spacing: .06em
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-name .cv span {
        font-size: 3.4rem
    }
}

.p-index__character .p-index__character-select {
    margin-top: max(2.0833333333vw, 40px);
    padding-top: max(2.0833333333vw, 40px);
    border-top: 1px solid rgba(var(--navy-rgb)/.1)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-select {
        margin-top: 2.7777777778vw;
        padding-top: 2.7777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-select {
        margin-top: 6.5104166667vw;
        padding-top: 6.5104166667vw
    }
}

.p-index__character .p-index__character-select ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: max(.625vw, 12px) max(.625vw, 12px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-select ul {
        gap: .8333333333vw .8333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-select ul {
        gap: 1.8229166667vw 1.8229166667vw
    }
}

.p-index__character .p-index__character-select ul li button {
    aspect-ratio: 110/82;
    display: block;
    border-radius: max(.2083333333vw, 4px);
    position: relative;
    overflow: hidden
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-select ul li button {
        border-radius: .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-select ul li button {
        aspect-ratio: 110/140;
        border-radius: .5208333333vw
    }
}

.p-index__character .p-index__character-select ul li button::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background: rgba(var(--navy-rgb)/.7);
    opacity: 0
}

.p-index__character .p-index__character-select ul li button img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0;
    object-position: 50% 0
}

.p-index__character .p-index__character-select ul li button.is-active::after {
    opacity: 1
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-index__character .p-index__character-select ul li button::after {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .p-index__character .p-index__character-select ul li button:hover::after {
        opacity: 1
    }
}

.p-index__character .p-index__character-select ul li.order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1
}

.p-index__character .p-index__character-select ul li.order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2
}

.p-index__character .p-index__character-select ul li.order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3
}

.p-index__character .p-index__character-select ul li.order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4
}

.p-index__character .p-index__character-select ul li.order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5
}

.p-index__character .p-index__character-member {
    margin-top: max(2.0833333333vw, 40px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-member {
        margin-top: 2.7777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-member {
        margin-top: 7.8125vw
    }
}

.p-index__character .p-index__character-member ul li {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    letter-spacing: .06em;
    text-align: right
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-member ul li {
        font-size: 2rem
    }
}

.p-index__character .p-index__character-member ul li+li {
    margin-top: max(.5208333333vw, 10px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-member ul li+li {
        margin-top: .6944444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-member ul li+li {
        margin-top: 1.3020833333vw
    }
}

.p-index__character .p-index__character-marquee {
    width: 100%;
    height: max(10.8854166667vw, 209px);
    position: absolute;
    bottom: min(-7.03125vw, -135px);
    left: 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-marquee {
        height: 14.5138888889vw;
        bottom: -9.375vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-marquee {
        height: 27.2135416667vw;
        bottom: -22.3958333333vw
    }
}

.p-index__character .p-index__character-marquee .p-index__character-marquee-text {
    width: 200%;
    min-width: max(153.4375vw, 2946px);
    height: 100%;
    position: absolute;
    inset: 0;
    display: block
}

@media print,
screen and (max-width:1440px) {
    .p-index__character .p-index__character-marquee .p-index__character-marquee-text {
        min-width: 204.5833333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__character .p-index__character-marquee .p-index__character-marquee-text {
        min-width: 383.59375vw
    }
}

.p-index__movie {
    text-align: center
}

.p-index__movie .p-index__movie-inner {
    width: max(62.5vw, 1200px);
    margin: max(-8.1770833333vw, -157px) auto 0;
    display: inline-block;
    position: relative
}

@media print,
screen and (max-width:1440px) {
    .p-index__movie .p-index__movie-inner {
        width: 83.3333333333vw;
        margin-top: -10.9027777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__movie .p-index__movie-inner {
        width: 89.5833333333vw;
        margin-top: -15.1041666667vw
    }
}

.p-index__movie .p-index__movie-heading {
    width: max(6.4583333333vw, 124px);
    position: absolute;
    top: min(-1.9791666667vw, -38px);
    right: 0;
    z-index: 2;
    mix-blend-mode: difference
}

@media print,
screen and (max-width:1440px) {
    .p-index__movie .p-index__movie-heading {
        width: 8.6111111111vw;
        top: -2.6388888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__movie .p-index__movie-heading {
        width: 11.0677083333vw;
        top: -3.90625vw
    }
}

.p-index__movie .p-index__movie__slider .swiper {
    overflow: visible
}

.p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide {
    padding: max(1.0416666667vw, 20px);
    border: 1px solid transparent;
    border-radius: max(.1041666667vw, 2px);
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-angle)), color-stop(0, rgba(var(--grad-paleblue-from), .2)), to(rgba(var(--grad-paleblue-to), .2)));
    background: -webkit-linear-gradient(var(--grad-angle), rgba(var(--grad-paleblue-from), .2) 0, rgba(var(--grad-paleblue-to), .2) 100%);
    background: linear-gradient(var(--grad-angle), rgba(var(--grad-paleblue-from), .2) 0, rgba(var(--grad-paleblue-to), .2) 100%)
}

@media print,
screen and (max-width:1440px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide {
        padding: 1.3888888889vw;
        border-radius: .1388888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide {
        padding: 1.3020833333vw;
        border-radius: .2604166667vw
    }
}

.p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: max(.1041666667vw, 2px);
    padding: 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-angle)), color-stop(0, rgba(var(--grad-paleblue-from), .5)), to(rgba(var(--grad-paleblue-to), .5)));
    background: -webkit-linear-gradient(var(--grad-angle), rgba(var(--grad-paleblue-from), .5) 0, rgba(var(--grad-paleblue-to), .5) 100%);
    background: linear-gradient(var(--grad-angle), rgba(var(--grad-paleblue-from), .5) 0, rgba(var(--grad-paleblue-to), .5) 100%);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) content-box, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    -webkit-mask: -webkit-linear-gradient(#000, #000) content-box, -webkit-linear-gradient(#000, #000);
    mask: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) content-box, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

@media print,
screen and (max-width:1440px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide::before {
        border-radius: .1388888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide::before {
        border-radius: .2604166667vw
    }
}

.p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner {
    aspect-ratio: 1160/635;
    background: var(--black);
    position: relative;
    overflow: hidden
}

@media print,
screen and (max-width:1024px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner {
        aspect-ratio: 668/366
    }
}

.p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide .swiper-slide-bilibili-api {
    width: 100%;
    height: 200%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .3
}

.p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide .p-index__movie-thumbnail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .3
}

.p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide .p-index__movie-thumbnail img {
    -o-object-fit: cover;
    object-fit: cover
}

.p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide .p-index__movie-play {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide .p-index__movie-play .c-oval-button {
    width: max(11.4583333333vw, 220px);
    margin: auto;
    position: absolute;
    inset: 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide .p-index__movie-play .c-oval-button {
        width: 15.2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide .p-index__movie-play .c-oval-button {
        width: 20.8333333333vw
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide .p-index__movie-play .c-oval-button {
        -webkit-transition: scale .3s;
        transition: scale .3s
    }
    .p-index__movie .p-index__movie__slider .swiper .swiper-wrapper .swiper-slide .p-index__movie-play:hover .c-oval-button {
        scale: .95
    }
}

.p-index__movie .p-index__movie__slider .swiper .swiper-nav {
    width: max(21.5625vw, 414px);
    margin: max(3.125vw, 60px) auto 0;
    position: relative
}

@media print,
screen and (max-width:1440px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-nav {
        width: 28.75vw;
        margin-top: 4.1666666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-nav {
        width: 58.3333333333vw;
        margin-top: 10.4166666667vw;
        padding-top: 1.3020833333vw
    }
}

.p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-button-next,
.p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-button-prev {
    width: max(2.8125vw, 54px);
    height: auto;
    position: absolute;
    top: 0;
    margin: 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-button-next,
    .p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-button-prev {
        width: 3.75vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-button-next,
    .p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-button-prev {
        width: 10.4166666667vw
    }
}

.p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-button-prev {
    left: 0
}

.p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-button-next {
    right: 0
}

.p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-pagination {
    position: relative;
    inset: 0;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    color: var(--white);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none
}

.p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-pagination .swiper-pagination-current {
    font-size: 6rem;
    letter-spacing: .06em
}

.p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-pagination .swiper-pagination-separator {
    width: max(1.0416666667vw, 20px);
    height: max(1.4583333333vw, 28px);
    margin: max(.8854166667vw, 17px) max(.2604166667vw, 5px) 0 max(.15625vw, 3px);
    font-size: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2228%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2028%22%3E%20%3Cpath%20fill%3D%22%23CF7BB3%22%20d%3D%22M20%20.31.856%2028%200%2027.69%2019.144%200%2020%20.31Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

@media print,
screen and (max-width:1440px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-pagination .swiper-pagination-separator {
        width: 1.3888888889vw;
        height: 1.9444444444vw;
        margin: 1.1805555556vw .3472222222vw 0 .2083333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-pagination .swiper-pagination-separator {
        width: 3.3854166667vw;
        height: 4.8177083333vw;
        margin: 1.171875vw .78125vw 0 .390625vw
    }
}

.p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-pagination .swiper-pagination-total {
    margin-top: max(.8333333333vw, 16px);
    font-size: 3.6rem;
    letter-spacing: .06em
}

@media print,
screen and (max-width:1440px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-pagination .swiper-pagination-total {
        margin-top: 1.1111111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__movie .p-index__movie__slider .swiper .swiper-nav .swiper-pagination .swiper-pagination-total {
        margin-top: 1.3020833333vw;
        font-size: 4.6rem
    }
}

.p-index__movie:not(:has(.p-index__movie__slider .swiper .swiper-wrapper> :nth-child(2))) .p-index__movie-inner {
    width: min(max(83.3333333333vw, 1600px), 100% - 40px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__movie:not(:has(.p-index__movie__slider .swiper .swiper-wrapper>: nth-child(2))) .p-index__movie-inner {
        width:calc(100% - 2.7777777778vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__movie:not(:has(.p-index__movie__slider .swiper .swiper-wrapper>: nth-child(2))) .p-index__movie-inner {
        width:89.5833333333vw
    }
}

.p-index__movie:not(:has(.p-index__movie__slider .swiper .swiper-wrapper> :nth-child(2))) .p-index__movie__slider .swiper-slide .swiper-slide-inner {
    aspect-ratio: 1560/635
}

@media print,
screen and (max-width:1024px) {
    .p-index__movie:not(:has(.p-index__movie__slider .swiper .swiper-wrapper>: nth-child(2))) .p-index__movie__slider .swiper-slide .swiper-slide-inner {
        aspect-ratio:668/366
    }
}

.p-index__info {
    padding-block: max(6.25vw, 120px) max(9.375vw, 180px);
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media print,
screen and (max-width:1440px) {
    .p-index__info {
        padding-block: 8.3333333333vw 12.5vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__info {
        padding-block: 13.0208333333vw 10.9722222222vw
    }
}

.p-index__info .p-index__info-bg .c-deco__slash--c {
    position: absolute;
    bottom: min(9.1666666667vw, 176px);
    left: 0;
    z-index: 1
}

@media print,
screen and (max-width:1440px) {
    .p-index__info .p-index__info-bg .c-deco__slash--c {
        bottom: 12.2222222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__info .p-index__info-bg .c-deco__slash--c {
        display: none
    }
}

.p-index__info .p-index__info-bg .c-deco__slash--a {
    position: absolute;
    top: min(2.7083333333vw, 52px);
    left: 50%;
    translate: -50% 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__info .p-index__info-bg .c-deco__slash--a {
        top: 3.6111111111vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__info .p-index__info-bg .c-deco__slash--a {
        top: auto;
        bottom: -16.5364583333vw
    }
}

.p-index__info .p-index__info-bg .c-deco__shadow {
    width: max(15.4166666667vw, 296px);
    height: max(14.4791666667vw, 278px);
    position: absolute;
    bottom: min(-3.2291666667vw, -62px);
    left: min(-2.0833333333vw, -40px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__info .p-index__info-bg .c-deco__shadow {
        width: 20.5555555556vw;
        height: 19.3055555556vw;
        bottom: -4.3055555556vw;
        left: -2.7777777778vw;
        -webkit-filter: none;
        filter: none
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__info .p-index__info-bg .c-deco__shadow {
        width: 26.0416666667vw;
        height: 24.4791666667vw;
        bottom: 1.0416666667vw;
        left: -5.2083333333vw
    }
}

.p-index__info .p-index__info-bg .c-deco__shadow .c-deco__diamond--line-white-thick-large {
    width: 46.2837837838%;
    position: absolute;
    top: 0;
    left: 0
}

.p-index__info .p-index__info-bg .c-deco__shadow .c-deco__diamond--white {
    width: 5.4054054054%;
    position: absolute;
    top: 41.726618705%;
    left: 91.8918918919%
}

.p-index__info .p-index__info-bg .c-deco__shadow .c-deco__circle {
    width: 2.027027027%;
    position: absolute;
    top: 93.1654676259%;
    left: 20.6081081081%
}

.p-index__info .p-index__info-content {
    width: min(max(83.3333333333vw, 1600px), 100% - 40px);
    margin: 0 auto 0;
    padding-block: max(5.2083333333vw, 100px) max(5.5208333333vw, 106px);
    border-radius: max(.2083333333vw, 4px);
    background: var(--gray);
    position: relative
}

@media print,
screen and (max-width:1440px) {
    .p-index__info .p-index__info-content {
        width: calc(100% - 2.7777777778vw);
        padding-block: 6.9444444444vw 7.3611111111vw;
        border-radius: .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__info .p-index__info-content {
        width: 94.7916666667vw;
        padding-block: 10.4166666667vw 14.0625vw;
        border-radius: .5208333333vw
    }
}

.p-index__info .p-index__info-inner {
    width: max(69.7916666667vw, 1340px);
    margin: 0 auto
}

@media print,
screen and (max-width:1440px) {
    .p-index__info .p-index__info-inner {
        width: 93.0555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__info .p-index__info-inner {
        width: 89.5833333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__info:has(.p-index__pickup) {
        padding-top: 12.3697916667vw
    }
}

.p-index__pickup {
    position: relative
}

.p-index__pickup .p-index__pickup-heading {
    width: max(24.5833333333vw, 472px);
    position: absolute;
    top: min(-7.2916666667vw, -140px);
    left: min(-1.5625vw, -30px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__pickup .p-index__pickup-heading {
        width: 32.7777777778vw;
        top: -9.7222222222vw;
        left: -2.0833333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__pickup .p-index__pickup-heading {
        width: 48.4375vw;
        top: -19.921875vw;
        left: -.5208333333vw
    }
}

.p-index__pickup .p-index__pickup__slider .swiper-slide {
    width: max(16.6666666667vw, 320px);
    aspect-ratio: 320/180
}

@media print,
screen and (max-width:1440px) {
    .p-index__pickup .p-index__pickup__slider .swiper-slide {
        width: 22.2222222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__pickup .p-index__pickup__slider .swiper-slide {
        width: 58.3333333333vw
    }
}

.p-index__pickup .p-index__pickup__slider .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: max(.2083333333vw, 4px);
    overflow: hidden;
    background: var(--black)
}

@media print,
screen and (max-width:1440px) {
    .p-index__pickup .p-index__pickup__slider .swiper-slide a {
        border-radius: .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__pickup .p-index__pickup__slider .swiper-slide a {
        border-radius: .5208333333vw
    }
}

.p-index__pickup .p-index__pickup__slider .swiper-nav {
    margin-top: max(1.5625vw, 30px);
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media print,
screen and (max-width:1440px) {
    .p-index__pickup .p-index__pickup__slider .swiper-nav {
        margin-top: 2.0833333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__pickup .p-index__pickup__slider .swiper-nav {
        margin-top: 3.90625vw
    }
}

.p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-pagination {
    width: auto;
    margin-top: max(.25vw, 4.8px);
    position: relative;
    inset: 0;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    color: var(--navy);
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none
}

@media print,
screen and (max-width:1440px) {
    .p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-pagination {
        margin-top: .3333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-pagination {
        margin-top: 2.6041666667vw
    }
}

.p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-pagination .swiper-pagination-current {
    font-size: 4rem;
    letter-spacing: .06em
}

@media print,
screen and (max-width:1024px) {
    .p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-pagination .swiper-pagination-current {
        font-size: 5rem
    }
}

.p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-pagination .swiper-pagination-separator {
    width: max(.7291666667vw, 14px);
    height: max(1.0416666667vw, 20px);
    margin: max(.4895833333vw, 9.4px) max(.2604166667vw, 5px) 0 max(.15625vw, 3px);
    font-size: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2228%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2028%22%3E%20%3Cpath%20fill%3D%22%23CF7BB3%22%20d%3D%22M20%20.31.856%2028%200%2027.69%2019.144%200%2020%20.31Z%22%2F%3E%3C%2Fsvg%3E") 0 0/contain no-repeat
}

@media print,
screen and (max-width:1440px) {
    .p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-pagination .swiper-pagination-separator {
        width: .9722222222vw;
        height: 1.3888888889vw;
        margin: .6527777778vw .3472222222vw 0 .2083333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-pagination .swiper-pagination-separator {
        width: 2.8645833333vw;
        height: 3.90625vw;
        margin: 1.171875vw .78125vw 0 .390625vw
    }
}

.p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-pagination .swiper-pagination-total {
    margin-top: max(.46875vw, 9px);
    font-size: 2.64rem;
    letter-spacing: .06em
}

@media print,
screen and (max-width:1440px) {
    .p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-pagination .swiper-pagination-total {
        margin-top: .625vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-pagination .swiper-pagination-total {
        margin-top: 1.3020833333vw;
        font-size: 3.6rem
    }
}

.p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-button {
    width: max(6.3541666667vw, 122px);
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media print,
screen and (max-width:1440px) {
    .p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-button {
        width: 8.4722222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-button {
        width: 21.875vw
    }
}

.p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-button-next,
.p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-button-prev {
    width: max(2.8125vw, 54px);
    height: auto;
    margin: 0;
    position: relative;
    inset: auto
}

@media print,
screen and (max-width:1440px) {
    .p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-button-next,
    .p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-button-prev {
        width: 3.75vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-button-next,
    .p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-button-prev {
        width: 9.1145833333vw
    }
}

.p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-button-prev {
    left: 0
}

.p-index__pickup .p-index__pickup__slider .swiper-nav .swiper-button-next {
    right: 0
}

.p-index__pickup+.p-index__news {
    margin-top: max(2.9166666667vw, 56px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__pickup+.p-index__news {
        margin-top: 3.8888888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__pickup+.p-index__news {
        margin-top: 11.71875vw
    }
}

.p-index__news {
    position: relative;
    z-index: 2
}

.p-index__news .p-index__news-heading {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 3rem;
    letter-spacing: .06em;
    color: var(--navy);
    text-align: center
}

@media print,
screen and (max-width:1024px) {
    .p-index__news .p-index__news-heading {
        font-size: 5.2rem
    }
}

.p-index__news .p-index__news-heading .svg__star--band {
    width: max(2.8125vw, 54px);
    height: max(.5208333333vw, 10px);
    margin: max(.3125vw, 6px) auto 0;
    display: block
}

@media print,
screen and (max-width:1440px) {
    .p-index__news .p-index__news-heading .svg__star--band {
        width: 3.75vw;
        height: .6944444444vw;
        margin-top: .4166666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__news .p-index__news-heading .svg__star--band {
        width: 10.546875vw;
        height: 1.953125vw;
        margin-top: 1.5625vw
    }
}

.p-index__news .p-index__news-archive {
    margin-top: max(2.0833333333vw, 40px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__news .p-index__news-archive {
        margin-top: 2.7777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__news .p-index__news-archive {
        margin-top: 7.8125vw
    }
}

.p-index__news .p-index__news-archive .p-index__news-archive-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 max(1.0416666667vw, 20px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__news .p-index__news-archive .p-index__news-archive-list {
        gap: 0 1.3888888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__news .p-index__news-archive .p-index__news-archive-list {
        display: block
    }
}

@media print,
screen and (min-width:1025px) {
    .p-index__news .p-index__news-archive .p-index__news-archive-list .p-index__news-archive-item+.p-index__news-archive-item {
        margin-top: 0
    }
}

.p-index__news .p-index__news-nav {
    margin-top: max(1.9791666667vw, 38px);
    text-align: right
}

@media print,
screen and (max-width:1440px) {
    .p-index__news .p-index__news-nav {
        margin-top: 2.6388888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__news .p-index__news-nav {
        margin-top: 4.6875vw
    }
}

.p-index__news .p-index__news-nav a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 0 max(1.4583333333vw, 28px);
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500;
    font-size: 2.2rem;
    letter-spacing: .06em;
    color: var(--black)
}

@media print,
screen and (max-width:1440px) {
    .p-index__news .p-index__news-nav a {
        gap: 0 1.9444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__news .p-index__news-nav a {
        gap: 0 5.2083333333vw;
        font-size: 3.2rem
    }
}

.p-index__news .p-index__news-nav a .c-oval-button {
    width: max(3.3333333333vw, 64px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__news .p-index__news-nav a .c-oval-button {
        width: 4.4444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__news .p-index__news-nav a .c-oval-button {
        width: 12.7604166667vw
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-index__news .p-index__news-nav a {
        -webkit-transition: color .3s;
        transition: color .3s
    }
    .p-index__news .p-index__news-nav a .c-oval-button::before {
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }
    .p-index__news .p-index__news-nav a .c-oval-button .c-oval-button__icon {
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }
    .p-index__news .p-index__news-nav a:hover {
        color: var(--pink)
    }
    .p-index__news .p-index__news-nav a:hover .c-oval-button::before {
        background-color: var(--pink)
    }
    .p-index__news .p-index__news-nav a:hover .c-oval-button .c-oval-button__icon {
        background-color: var(--pink);
        -webkit-animation: arrow-right .6s ease-in-out 1 forwards;
        animation: arrow-right .6s ease-in-out 1 forwards
    }
}

.p-index__sns {
    margin-top: max(3.125vw, 60px);
    position: relative;
    z-index: 2
}

@media print,
screen and (max-width:1440px) {
    .p-index__sns {
        margin-top: 4.1666666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__sns {
        margin-top: 11.71875vw
    }
}

.p-index__sns .p-index__sns-heading {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 3rem;
    letter-spacing: .06em;
    color: var(--navy);
    text-align: center
}

@media print,
screen and (max-width:1024px) {
    .p-index__sns .p-index__sns-heading {
        font-size: 5.2rem
    }
}

.p-index__sns .p-index__sns-heading .svg__star--band {
    width: max(2.8125vw, 54px);
    height: max(.5208333333vw, 10px);
    margin: max(.3125vw, 6px) auto 0;
    display: block
}

@media print,
screen and (max-width:1440px) {
    .p-index__sns .p-index__sns-heading .svg__star--band {
        width: 3.75vw;
        height: .6944444444vw;
        margin-top: .4166666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__sns .p-index__sns-heading .svg__star--band {
        width: 10.546875vw;
        height: 1.953125vw;
        margin-top: 1.5625vw
    }
}

.p-index__sns .p-index__sns-list {
    margin-top: max(2.0833333333vw, 40px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(.625vw, 12px) max(.625vw, 12px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__sns .p-index__sns-list {
        margin-top: 2.7777777778vw;
        gap: .8333333333vw .8333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__sns .p-index__sns-list {
        margin-top: 7.8125vw;
        gap: 1.3020833333vw 1.3020833333vw
    }
}

.p-index__sns .p-index__sns-anchor {
    width: max(13.4375vw, 258px);
    height: max(4.375vw, 84px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 0 max(.5208333333vw, 10px);
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500;
    font-size: 2rem;
    letter-spacing: .06em;
    color: var(--white);
    border-radius: max(.2083333333vw, 4px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__sns .p-index__sns-anchor {
        width: 17.9166666667vw;
        height: 5.8333333333vw;
        gap: 0 .6944444444vw;
        border-radius: .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__sns .p-index__sns-anchor {
        width: 43.0989583333vw;
        height: 13.28125vw;
        gap: 0 1.8229166667vw;
        font-size: 2.6rem;
        border-radius: .5208333333vw
    }
}

.p-index__sns .p-index__sns-anchor .p-index__sns-icon {
    width: max(1.3541666667vw, 26px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__sns .p-index__sns-anchor .p-index__sns-icon {
        width: 1.8055555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__sns .p-index__sns-anchor .p-index__sns-icon {
        width: 4.1666666667vw
    }
}

.p-index__sns .p-index__sns-anchor.p-index__sns-anchor--x {
    background: -webkit-gradient(linear, left top, right top, from(#101950), to(#3d5169));
    background: -webkit-linear-gradient(left, #101950 0, #3d5169 100%);
    background: linear-gradient(90deg, #101950 0, #3d5169 100%)
}

.p-index__sns .p-index__sns-anchor.p-index__sns-anchor--youtube {
    background: -webkit-gradient(linear, left top, right top, from(#101950), to(#692c32));
    background: -webkit-linear-gradient(left, #101950 0, #692c32 100%);
    background: linear-gradient(90deg, #101950 0, #692c32 100%)
}

.p-index__sns .p-index__sns-anchor.p-index__sns-anchor--tiktok {
    background: -webkit-gradient(linear, left top, right top, from(#101950), to(#4c4689));
    background: -webkit-linear-gradient(left, #101950 0, #4c4689 100%);
    background: linear-gradient(90deg, #101950 0, #4c4689 100%)
}

.p-index__sns .p-index__sns-anchor.p-index__sns-anchor--line {
    background: -webkit-gradient(linear, left top, right top, from(#101950), to(#124b37));
    background: -webkit-linear-gradient(left, #101950 0, #124b37 100%);
    background: linear-gradient(90deg, #101950 0, #124b37 100%)
}

.p-index__sns .p-index__sns-anchor.p-index__sns-anchor--instagram {
    background: -webkit-gradient(linear, left top, right top, from(#101950), to(#4a1541));
    background: -webkit-linear-gradient(left, #101950 0, #4a1541 100%);
    background: linear-gradient(90deg, #101950 0, #4a1541 100%)
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-index__sns .p-index__sns-anchor {
        -webkit-transition: -webkit-filter .3s;
        transition: -webkit-filter .3s;
        transition: filter .3s;
        transition: filter .3s, -webkit-filter .3s;
        will-change: filter
    }
    .p-index__sns .p-index__sns-anchor:hover {
        -webkit-filter: brightness(1.5);
        filter: brightness(1.5)
    }
}

.p-index__sns .p-index__sns-name {
    padding-top: max(.2604166667vw, 5px);
    display: inline-block
}

@media print,
screen and (max-width:1440px) {
    .p-index__sns .p-index__sns-name {
        padding-top: .3472222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__sns .p-index__sns-name {
        padding-top: .6510416667vw
    }
}

@media print,
screen and (min-width:1025px) {
    .p-index__sns:not(:has(.p-index__sns-list>: nth-child(3))) {
        margin-top:max(4.4270833333vw, 85px)
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1440px) {
    .p-index__sns:not(:has(.p-index__sns-list>: nth-child(3))) {
        margin-top:5.9027777778vw
    }
}

@media print,
screen and (min-width:1025px) {
    .p-index__sns:not(:has(.p-index__sns-list>: nth-child(3))) .p-index__sns-content {
        display:-webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        gap: 0 max(5.2083333333vw, 100px)
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1440px) {
    .p-index__sns:not(:has(.p-index__sns-list>: nth-child(3))) .p-index__sns-content {
        gap:0 6.9444444444vw
    }
}

@media print,
screen and (min-width:1025px) {
    .p-index__sns:not(:has(.p-index__sns-list>: nth-child(3))) .p-index__sns-heading {
        text-align:left
    }
    .p-index__sns:not(:has(.p-index__sns-list> :nth-child(3))) .p-index__sns-heading .svg__star--band {
        margin-inline: 0
    }
}

@media print,
screen and (min-width:1025px) {
    .p-index__sns:not(:has(.p-index__sns-list>: nth-child(3))) .p-index__sns-list {
        margin-top:0;
        gap: max(1.0416666667vw, 20px) max(1.0416666667vw, 20px)
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1440px) {
    .p-index__sns:not(:has(.p-index__sns-list>: nth-child(3))) .p-index__sns-list {
        gap:1.3888888889vw 1.3888888889vw
    }
}

.p-index__application {
    width: max(67.7083333333vw, 1300px);
    margin: max(8.4895833333vw, 163px) auto 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 max(5.2083333333vw, 100px);
    position: relative;
    z-index: 1
}

@media print,
screen and (max-width:1440px) {
    .p-index__application {
        width: 90.2777777778vw;
        margin-top: 11.3194444444vw;
        gap: 0 6.9444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__application {
        width: 84.375vw;
        margin-top: 15.625vw;
        grid-template-columns: 1fr;
        gap: 5.3385416667vw 0
    }
}

.p-index__application .p-index__application-heading {
    margin-top: max(.5729166667vw, 11px);
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 3rem;
    letter-spacing: .06em;
    color: var(--white)
}

@media print,
screen and (max-width:1440px) {
    .p-index__application .p-index__application-heading {
        margin-top: .7638888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__application .p-index__application-heading {
        margin-top: 0;
        font-size: 5.2rem
    }
}

.p-index__application .p-index__application-heading .svg__star--band {
    width: max(2.8125vw, 54px);
    height: max(.5208333333vw, 10px);
    margin-top: max(.3125vw, 6px);
    display: block
}

@media print,
screen and (max-width:1440px) {
    .p-index__application .p-index__application-heading .svg__star--band {
        width: 3.75vw;
        height: .6944444444vw;
        margin-top: .4166666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__application .p-index__application-heading .svg__star--band {
        width: 10.546875vw;
        height: 1.953125vw;
        margin-top: 1.5625vw
    }
}

.p-index__application .p-index__application-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media print,
screen and (max-width:1024px) {
    .p-index__application .p-index__application-content {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.p-index__application .p-index__application-logo {
    width: max(10.9895833333vw, 211px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__application .p-index__application-logo {
        width: 14.6527777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__application .p-index__application-logo {
        width: 46.875vw
    }
}

.p-index__application .p-index__application-icon {
    width: max(6.6666666667vw, 128px);
    aspect-ratio: 1/1;
    margin-left: max(2.2916666667vw, 44px);
    background: var(--white)
}

@media print,
screen and (max-width:1440px) {
    .p-index__application .p-index__application-icon {
        width: 8.8888888889vw;
        margin-left: 3.0555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__application .p-index__application-icon {
        width: 28.6458333333vw;
        margin-left: 5.2083333333vw
    }
}

.p-index__application .p-index__application-spec {
    margin-left: max(2.6041666667vw, 50px);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: max(.46875vw, 9px) max(2.6041666667vw, 50px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__application .p-index__application-spec {
        margin-left: 3.4722222222vw;
        gap: .625vw 3.4722222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__application .p-index__application-spec {
        width: 100%;
        margin: 6.7708333333vw 0 0;
        grid-template-columns: auto 1fr;
        gap: 3.125vw 5.2083333333vw
    }
}

.p-index__application .p-index__application-spec dd,
.p-index__application .p-index__application-spec dt {
    font-size: 1.6rem;
    line-height: 140%;
    letter-spacing: .06em;
    color: var(--white)
}

@media print,
screen and (max-width:1024px) {
    .p-index__application .p-index__application-spec dd,
    .p-index__application .p-index__application-spec dt {
        font-size: 2.6rem
    }
}

.p-index__application .p-index__application-spec dt {
    padding-left: max(1.0416666667vw, 20px);
    font-weight: 700;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%222.4%22%20d%3D%22M10.303%206%206%2010.303%201.697%206%206%201.697%2010.303%206Z%22%2F%3E%3C%2Fsvg%3E") 0 max(.3125vw, 6px)/max(.625vw, 12px) no-repeat
}

@media print,
screen and (max-width:1440px) {
    .p-index__application .p-index__application-spec dt {
        padding-left: 1.3888888889vw;
        background-position: 0 .4166666667vw;
        background-size: .8333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__application .p-index__application-spec dt {
        padding-left: 3.90625vw;
        background-position: 0 1.3020833333vw;
        background-size: 2.34375vw
    }
}

.p-index__share {
    padding-block: max(10.0520833333vw, 193px) max(15.1041666667vw, 290px);
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media print,
screen and (max-width:1440px) {
    .p-index__share {
        padding-block: 13.4027777778vw 20.1388888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__share {
        padding-block: 29.0364583333vw 26.0416666667vw
    }
}

.p-index__share .p-index__share-bg .circle-text {
    width: max(57.4479166667vw, 1103px);
    aspect-ratio: 1/1;
    margin-inline: auto;
    position: absolute;
    top: min(-7.5vw, -144px);
    left: 50%;
    translate: -50% 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__share .p-index__share-bg .circle-text {
        width: 76.5972222222vw;
        top: -10vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__share .p-index__share-bg .circle-text {
        width: 132.8125vw;
        top: 2.6041666667vw
    }
}

.p-index__share .p-index__share-bg .c-deco__diamond--pink {
    width: max(.8854166667vw, 17px);
    position: absolute;
    top: max(11.875vw, 228px);
    left: 50%;
    translate: calc(min(-38.6979166667vw, -743px) - 100%) 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__share .p-index__share-bg .c-deco__diamond--pink {
        width: 1.1805555556vw;
        top: 15.8333333333vw;
        translate: calc(-51.5972222222vw - 100%) 0
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__share .p-index__share-bg .c-deco__diamond--pink {
        display: none
    }
}

.p-index__share .p-index__share-bg .c-deco__diamond--line-grad-pink {
    width: max(5.1041666667vw, 98px);
    position: absolute;
    top: max(28.2291666667vw, 542px);
    left: 50%;
    translate: max(33.125vw, 636px) 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__share .p-index__share-bg .c-deco__diamond--line-grad-pink {
        width: 6.8055555556vw;
        top: 37.6388888889vw;
        translate: 44.1666666667vw 0
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__share .p-index__share-bg .c-deco__diamond--line-grad-pink {
        display: none
    }
}

.p-index__share .p-index__share-bg .c-deco__diamond--line-pink {
    width: max(.78125vw, 15px);
    position: absolute;
    top: max(24.3229166667vw, 467px);
    right: max(6.6666666667vw, 128px);
    left: 50%;
    translate: max(42.3958333333vw, 814px) 0
}

@media print,
screen and (max-width:1440px) {
    .p-index__share .p-index__share-bg .c-deco__diamond--line-pink {
        width: 1.0416666667vw;
        top: 32.4305555556vw;
        translate: 56.5277777778vw 0
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__share .p-index__share-bg .c-deco__diamond--line-pink {
        display: none
    }
}

.p-index__share .p-index__share-content {
    position: relative
}

.p-index__share .p-index__share-catch {
    width: max(39.4270833333vw, 757px);
    margin-inline: auto;
    position: relative
}

@media print,
screen and (max-width:1440px) {
    .p-index__share .p-index__share-catch {
        width: 52.5694444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__share .p-index__share-catch {
        width: 100vw
    }
}

.p-index__share .p-index__share-catch .deco {
    position: absolute
}

.p-index__share .p-index__share-catch .deco.deco--small {
    width: 5.284015852%;
    aspect-ratio: 1/1;
    top: 23.8244514107%;
    left: 31.8361955086%
}

@media print,
screen and (max-width:1024px) {
    .p-index__share .p-index__share-catch .deco.deco--small {
        width: 5.2083333333vw;
        top: 9.765625vw;
        left: 21.3541666667vw
    }
}

.p-index__share .p-index__share-catch .deco.deco--large {
    width: 29.9867899604%;
    aspect-ratio: 227/268;
    top: 22.5705329154%;
    left: 83.8837516513%
}

@media print,
screen and (max-width:1024px) {
    .p-index__share .p-index__share-catch .deco.deco--large {
        width: 34.6354166667vw;
        top: 13.28125vw;
        left: 68.6197916667vw
    }
}

.p-index__share .p-index__share-nav {
    margin-top: max(1.3020833333vw, 25px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 0 max(2.0833333333vw, 40px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__share .p-index__share-nav {
        margin-top: 1.7361111111vw;
        gap: 0 2.7777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__share .p-index__share-nav {
        margin-top: 2.6041666667vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 5.9895833333vw 0
    }
}

.p-index__share .p-index__share-nav .p-index__share-nav-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 0 max(.4166666667vw, 8px);
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 200%;
    color: var(--navy)
}

@media print,
screen and (max-width:1440px) {
    .p-index__share .p-index__share-nav .p-index__share-nav-label {
        gap: 0 .5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__share .p-index__share-nav .p-index__share-nav-label {
        gap: 0 1.171875vw;
        font-size: 3.4rem
    }
}

.p-index__share .p-index__share-nav .p-index__share-nav-label span {
    padding: max(.2604166667vw, 5px) max(.3125vw, 6px) max(.4166666667vw, 8px);
    display: inline-block;
    font-weight: 700;
    font-size: 3rem;
    letter-spacing: .06em;
    color: var(--white);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-angle)), color-stop(0, rgba(var(--grad-pink-from), 1)), to(rgba(var(--grad-pink-to), 1)));
    background: -webkit-linear-gradient(var(--grad-angle), rgba(var(--grad-pink-from), 1) 0, rgba(var(--grad-pink-to), 1) 100%);
    background: linear-gradient(var(--grad-angle), rgba(var(--grad-pink-from), 1) 0, rgba(var(--grad-pink-to), 1) 100%)
}

@media print,
screen and (max-width:1440px) {
    .p-index__share .p-index__share-nav .p-index__share-nav-label span {
        padding: .3472222222vw .4166666667vw .5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__share .p-index__share-nav .p-index__share-nav-label span {
        padding: 1.0416666667vw 1.3020833333vw 1.5625vw;
        font-size: 4.6rem
    }
}

.p-index__share .p-index__share-nav .p-index__share-nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 0 max(.7291666667vw, 14px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__share .p-index__share-nav .p-index__share-nav-list {
        gap: 0 .9722222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__share .p-index__share-nav .p-index__share-nav-list {
        gap: 0 3.90625vw
    }
}

.p-index__share .p-index__share-nav .p-index__share-nav-list li {
    width: max(7.0833333333vw, 136px)
}

@media print,
screen and (max-width:1440px) {
    .p-index__share .p-index__share-nav .p-index__share-nav-list li {
        width: 9.4444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-index__share .p-index__share-nav .p-index__share-nav-list li {
        width: 27.0833333333vw
    }
}

.p-index__share .p-index__share-nav .p-index__share-nav-list li a,
.p-index__share .p-index__share-nav .p-index__share-nav-list li button {
    width: 100%;
    display: block
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-index__share .p-index__share-nav .p-index__share-nav-list li a,
    .p-index__share .p-index__share-nav .p-index__share-nav-list li button {
        -webkit-transition: scale .3s;
        transition: scale .3s
    }
    .p-index__share .p-index__share-nav .p-index__share-nav-list li a:hover,
    .p-index__share .p-index__share-nav .p-index__share-nav-list li button:hover {
        scale: .95
    }
}

.p-news {
    padding-bottom: max(12.5vw, 240px)
}

@media print,
screen and (max-width:1440px) {
    .p-news {
        padding-bottom: 16.6666666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-news {
        padding-bottom: 31.25vw
    }
}

.p-news__body {
    margin-top: max(5.2083333333vw, 100px)
}

@media print,
screen and (max-width:1440px) {
    .p-news__body {
        margin-top: 6.9444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-news__body {
        margin-top: 9.1145833333vw
    }
}

.p-news__archive {
    width: max(62.5vw, 1200px);
    margin-inline: auto
}

@media print,
screen and (max-width:1440px) {
    .p-news__archive {
        width: 83.3333333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-news__archive {
        width: 94.7916666667vw
    }
}

.p-news__pagenavi {
    margin-top: max(4.1666666667vw, 80px)
}

@media print,
screen and (max-width:1440px) {
    .p-news__pagenavi {
        margin-top: 5.5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-news__pagenavi {
        margin-top: 13.0208333333vw
    }
}

.p-news__single {
    width: max(62.5vw, 1200px);
    margin-inline: auto;
    padding: max(.3125vw, 6px);
    border-radius: max(.2083333333vw, 4px);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-angle)), color-stop(0, rgba(var(--grad-paleblue-from), .04)), to(rgba(var(--grad-paleblue-to), .04)));
    background: -webkit-linear-gradient(var(--grad-angle), rgba(var(--grad-paleblue-from), .04) 0, rgba(var(--grad-paleblue-to), .04) 100%);
    background: linear-gradient(var(--grad-angle), rgba(var(--grad-paleblue-from), .04) 0, rgba(var(--grad-paleblue-to), .04) 100%)
}

@media print,
screen and (max-width:1440px) {
    .p-news__single {
        width: 83.3333333333vw;
        padding: .4166666667vw;
        border-radius: .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-news__single {
        width: 94.7916666667vw;
        padding: 1.0416666667vw;
        border-radius: .5208333333vw
    }
}

.p-news__single .p-news__single-article {
    padding-block: max(3.125vw, 60px) max(5.2083333333vw, 100px);
    border-radius: max(.2083333333vw, 4px);
    background: var(--white)
}

@media print,
screen and (max-width:1440px) {
    .p-news__single .p-news__single-article {
        padding-block: 4.1666666667vw 6.9444444444vw;
        border-radius: .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-news__single .p-news__single-article {
        padding-block: 7.8125vw 13.0208333333vw;
        border-radius: .5208333333vw
    }
}

.p-news__single .p-news__single-inner {
    width: max(46.875vw, 900px);
    margin-inline: auto
}

@media print,
screen and (max-width:1440px) {
    .p-news__single .p-news__single-inner {
        width: 62.5vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-news__single .p-news__single-inner {
        width: 82.2916666667vw
    }
}

.p-news__single .p-news__single-date {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    gap: 0 max(.2083333333vw, 4px);
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: .06em;
    color: var(--navy)
}

@media print,
screen and (max-width:1440px) {
    .p-news__single .p-news__single-date {
        gap: 0 .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-news__single .p-news__single-date {
        gap: 0 1.3020833333vw;
        font-size: 2.6rem
    }
}

.p-news__single .p-news__single-date .md {
    font-size: 2.6rem
}

@media print,
screen and (max-width:1024px) {
    .p-news__single .p-news__single-date .md {
        font-size: 3.8rem
    }
}

.p-news__single .p-news__single-heading {
    margin-top: max(1.0416666667vw, 20px);
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 180%;
    letter-spacing: .06em;
    color: var(--navy)
}

@media print,
screen and (max-width:1440px) {
    .p-news__single .p-news__single-heading {
        margin-top: 1.3888888889vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-news__single .p-news__single-heading {
        margin-top: 2.6041666667vw;
        font-size: 3.2rem
    }
}

.p-news__single .p-news__single-body {
    margin-top: max(1.5625vw, 30px);
    padding-top: max(2.6041666667vw, 50px);
    border-top: 1px solid rgba(var(--navy-rgb)/.1)
}

@media print,
screen and (max-width:1440px) {
    .p-news__single .p-news__single-body {
        margin-top: 2.0833333333vw;
        padding-top: 3.4722222222vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-news__single .p-news__single-body {
        margin-top: 3.90625vw;
        padding-top: 6.5104166667vw
    }
}

.p-news__single .p-news__single-eyecatch+.p-news__single-content {
    margin-top: max(1.5625vw, 30px)
}

@media print,
screen and (max-width:1440px) {
    .p-news__single .p-news__single-eyecatch+.p-news__single-content {
        margin-top: 2.0833333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-news__single .p-news__single-eyecatch+.p-news__single-content {
        margin-top: 3.90625vw
    }
}

.p-news__all {
    margin-top: max(4.1666666667vw, 80px);
    text-align: center
}

@media print,
screen and (max-width:1440px) {
    .p-news__all {
        margin-top: 5.5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-news__all {
        margin-top: 13.0208333333vw
    }
}

.p-news__all a {
    display: inline-block;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 100%;
    letter-spacing: .06em;
    color: var(--navy);
    position: relative
}

@media print,
screen and (max-width:1024px) {
    .p-news__all a {
        font-size: 4rem
    }
}

.p-news__all a .c-circle-button {
    width: max(1.9791666667vw, 38px);
    position: absolute;
    top: min(-.3125vw, -6px);
    left: min(-4.0625vw, -78px)
}

@media print,
screen and (max-width:1440px) {
    .p-news__all a .c-circle-button {
        width: 2.6388888889vw;
        top: -.4166666667vw;
        left: -5.4166666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-news__all a .c-circle-button {
        width: 7.5520833333vw;
        top: -1.5625vw;
        left: -12.7604166667vw
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-news__all a {
        -webkit-transition: color .3s;
        transition: color .3s
    }
    .p-news__all a .c-circle-button {
        -webkit-transition: border-color .3s;
        transition: border-color .3s
    }
    .p-news__all a .c-circle-button::after {
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }
    .p-news__all a:hover {
        color: var(--pink)
    }
    .p-news__all a:hover .c-circle-button {
        border-color: var(--pink)
    }
    .p-news__all a:hover .c-circle-button::after {
        background-color: var(--pink);
        -webkit-animation: arrow-left .6s ease-in-out 1 forwards;
        animation: arrow-left .6s ease-in-out 1 forwards
    }
}

.p-error {
    padding-bottom: max(14.5833333333vw, 280px)
}

@media print,
screen and (max-width:1440px) {
    .p-error {
        padding-bottom: 19.4444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-error {
        padding-bottom: 36.4583333333vw
    }
}

.p-error__body {
    margin-top: max(12.5vw, 240px)
}

@media print,
screen and (max-width:1440px) {
    .p-error__body {
        margin-top: 16.6666666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-error__body {
        margin-top: 28.6458333333vw
    }
}

.p-error__message {
    font-size: 2rem;
    line-height: 220%;
    letter-spacing: .06em;
    color: var(--navy);
    text-align: center
}

@media print,
screen and (max-width:1024px) {
    .p-error__message {
        font-size: 3rem
    }
}

.p-error__nav {
    margin-top: max(4.1666666667vw, 80px);
    text-align: center
}

@media print,
screen and (max-width:1440px) {
    .p-error__nav {
        margin-top: 5.5555555556vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-error__nav {
        margin-top: 10.4166666667vw
    }
}

.p-error__nav a {
    display: inline-block;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 100%;
    letter-spacing: .06em;
    color: var(--navy);
    position: relative
}

@media print,
screen and (max-width:1024px) {
    .p-error__nav a {
        font-size: 4rem
    }
}

.p-error__nav a .c-circle-button {
    width: max(1.9791666667vw, 38px);
    position: absolute;
    top: min(-.3125vw, -6px);
    right: min(-4.0625vw, -78px);
    overflow: hidden
}

@media print,
screen and (max-width:1440px) {
    .p-error__nav a .c-circle-button {
        width: 2.6388888889vw;
        top: -.4166666667vw;
        right: -5.4166666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-error__nav a .c-circle-button {
        width: 7.5520833333vw;
        top: -1.5625vw;
        right: -12.7604166667vw
    }
}

@media print and (any-hover:hover),
screen and (min-width:1025px) and (any-hover:hover) {
    .p-error__nav a {
        -webkit-transition: color .3s;
        transition: color .3s
    }
    .p-error__nav a .c-circle-button {
        -webkit-transition: border-color .3s;
        transition: border-color .3s
    }
    .p-error__nav a .c-circle-button::after {
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }
    .p-error__nav a:hover {
        color: var(--pink)
    }
    .p-error__nav a:hover .c-circle-button {
        border-color: var(--pink)
    }
    .p-error__nav a:hover .c-circle-button::after {
        background-color: var(--pink);
        -webkit-animation: arrow-right .6s ease-in-out 1 forwards;
        animation: arrow-right .6s ease-in-out 1 forwards
    }
}

.p-cookiepolicy {
    padding-bottom: max(12.5vw, 240px)
}

@media print,
screen and (max-width:1440px) {
    .p-cookiepolicy {
        padding-bottom: 16.6666666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-cookiepolicy {
        padding-bottom: 31.25vw
    }
}

.p-cookiepolicy__body {
    margin-top: max(5.2083333333vw, 100px)
}

@media print,
screen and (max-width:1440px) {
    .p-cookiepolicy__body {
        margin-top: 6.9444444444vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-cookiepolicy__body {
        margin-top: 9.1145833333vw
    }
}

.p-cookiepolicy__single {
    width: max(62.5vw, 1200px);
    margin-inline: auto;
    padding: max(.3125vw, 6px);
    border-radius: max(.2083333333vw, 4px);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-angle)), color-stop(0, rgba(var(--grad-paleblue-from), .04)), to(rgba(var(--grad-paleblue-to), .04)));
    background: -webkit-linear-gradient(var(--grad-angle), rgba(var(--grad-paleblue-from), .04) 0, rgba(var(--grad-paleblue-to), .04) 100%);
    background: linear-gradient(var(--grad-angle), rgba(var(--grad-paleblue-from), .04) 0, rgba(var(--grad-paleblue-to), .04) 100%)
}

@media print,
screen and (max-width:1440px) {
    .p-cookiepolicy__single {
        width: 83.3333333333vw;
        padding: .4166666667vw;
        border-radius: .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-cookiepolicy__single {
        width: 94.7916666667vw;
        padding: 1.0416666667vw;
        border-radius: .5208333333vw
    }
}

.p-cookiepolicy__single .p-cookiepolicy__single-article {
    padding-block: max(6.25vw, 120px);
    border-radius: max(.2083333333vw, 4px);
    background: var(--white)
}

@media print,
screen and (max-width:1440px) {
    .p-cookiepolicy__single .p-cookiepolicy__single-article {
        padding-block: 8.3333333333vw;
        border-radius: .2777777778vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-cookiepolicy__single .p-cookiepolicy__single-article {
        padding-block: 15.625vw;
        border-radius: .5208333333vw
    }
}

.p-cookiepolicy__single .p-cookiepolicy__single-inner {
    width: max(46.875vw, 900px);
    margin-inline: auto
}

@media print,
screen and (max-width:1440px) {
    .p-cookiepolicy__single .p-cookiepolicy__single-inner {
        width: 62.5vw
    }
}

@media print,
screen and (max-width:1024px) {
    .p-cookiepolicy__single .p-cookiepolicy__single-inner {
        width: 82.2916666667vw
    }
}

@-webkit-keyframes arrow-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-300%);
        transform: translateX(-300%)
    }
    51% {
        -webkit-transform: translateX(300%);
        transform: translateX(300%)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes arrow-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-300%);
        transform: translateX(-300%)
    }
    51% {
        -webkit-transform: translateX(300%);
        transform: translateX(300%)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes arrow-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(300%);
        transform: translateX(300%)
    }
    51% {
        -webkit-transform: translateX(-300%);
        transform: translateX(-300%)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes arrow-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(300%);
        transform: translateX(300%)
    }
    51% {
        -webkit-transform: translateX(-300%);
        transform: translateX(-300%)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideGradient {
    0% {
        background-position: 100% 0
    }
    100% {
        background-position: 0 0
    }
}

@keyframes slideGradient {
    0% {
        background-position: 100% 0
    }
    100% {
        background-position: 0 0
    }
}

@-webkit-keyframes marquee {
    to {
        -webkit-transform: translateX(var(--marquee-distance));
        transform: translateX(var(--marquee-distance))
    }
}

@keyframes marquee {
    to {
        -webkit-transform: translateX(var(--marquee-distance));
        transform: translateX(var(--marquee-distance))
    }
}

@media print,
screen and (min-width:1025px) {
    .u-display__block--pc {
        display: block !important
    }
}

@media print,
screen and (min-width:1025px) {
    .u-display__inline--pc {
        display: inline !important
    }
}

@media print,
screen and (min-width:1025px) {
    .u-display__inline-block--pc {
        display: inline-block !important
    }
}

@media print,
screen and (min-width:1025px) {
    .u-display__flex--pc {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: flex !important
    }
}

@media print,
screen and (min-width:1025px) {
    .u-display__inline-block--pc {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: inline-flex !important
    }
}

@media print,
screen and (min-width:1025px) {
    .u-display__grid--pc {
        display: grid !important
    }
}

@media print,
screen and (min-width:1025px) {
    .u-display__inline-grid--pc {
        display: inline-grid !important
    }
}

@media print,
screen and (min-width:1025px) {
    .u-display__inline-grid--pc {
        display: grid !important
    }
}

@media print,
screen and (min-width:1025px) {
    .u-display__none--pc {
        display: none !important
    }
}

@media print,
screen and (max-width:1024px) {
    .u-display__block--sp {
        display: block !important
    }
}

@media print,
screen and (max-width:1024px) {
    .u-display__inline--sp {
        display: inline !important
    }
}

@media print,
screen and (max-width:1024px) {
    .u-display__inline-block--sp {
        display: inline-block !important
    }
}

@media print,
screen and (max-width:1024px) {
    .u-display__flex--sp {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: flex !important
    }
}

@media print,
screen and (max-width:1024px) {
    .u-display__inline-flex--sp {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: inline-flex !important
    }
}

@media print,
screen and (max-width:1024px) {
    .u-display__grid--sp {
        display: grid !important
    }
}

@media print,
screen and (max-width:1024px) {
    .u-display__inline-grid--sp {
        display: inline-grid !important
    }
}

@media print,
screen and (max-width:1024px) {
    .u-display__none--sp {
        display: none !important
    }
}

.u-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0
}