@charset "UTF-8";

/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::after,
::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

html {
    line-height: 1;
    -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: 0;
    border-top: 1px solid;
    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] {
    border-bottom: none;
    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
}

img {
    border-style: none;
    vertical-align: bottom
}

embed,
iframe,
object {
    border: 0;
    vertical-align: bottom
}

button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    border: 0;
    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;
    border: 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
}

body {
    min-width: 320px;
    color: #2f323b;
    font-family: "M PLUS 1", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    background-color: #fff;
    background-image: url(../png/bg_dot.png);
    background-repeat: repeat;
    background-position: top center;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    -webkit-font-smoothing: antialiased
}

@media screen and (min-width:769px) {
    body {
        background-size: max(6px, .3125vw) max(6px, .3125vw)
    }
}

@media screen and (max-width:768px) {
    body {
        background-size: .78125vw .78125vw;
        -webkit-text-size-adjust: 100%;
        -webkit-overflow-scrolling: touch
    }
}

body.loading {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

body.fixed {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: scroll
}

a {
    text-decoration: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

img {
    width: 100%;
    height: auto;
    pointer-events: none
}

img.rendering {
    image-rendering: -webkit-optimize-contrast
}

_::-webkit-full-page-media,
_:future,
:root img.rendering {
    image-rendering: auto
}

@media screen and (max-width:768px) {
    .pc_i {
        display: none !important
    }
}

@media screen and (max-width:768px) {
    .pc_b {
        display: none !important
    }
}

.sp_i {
    display: none !important
}

@media screen and (max-width:768px) {
    .sp_i {
        display: inline !important
    }
}

.sp_b {
    display: none !important
}

@media screen and (max-width:768px) {
    .sp_b {
        display: block !important
    }
}

.svg {
    display: inline-block;
    font-size: 0
}

span.comma {
    display: inline-block;
    margin-right: -.5em
}

span.excl {
    display: inline-block;
    margin-right: -.5em;
    margin-left: -.15em
}

span.space::before {
    content: " "
}

.st-Wrapper {
    position: relative;
    overflow-x: hidden
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-Wrapper {
        overflow-x: auto;
        width: 1200px
    }

    .st-Wrapper main {
        overflow-x: hidden
    }
}

.st-Page_Header {
    position: relative;
    margin: 0 auto;
    background-color: #fff1fc;
    background-repeat: no-repeat
}

@media screen and (min-width:769px) {
    .st-Page_Header {
        width: max(1139.9872px, 91.6666666667vw);
        height: max(200px, 10.4166666667vw);
        padding-top: max(70px, 3.6458333333vw);
        border-radius: max(8px, .4166666667vw);
        background-image: url(../png/bg_header_frame_top.png), url(../png/bg_header_frame_bottom.png), url(../png/bg_polygon_tl.png), url(../png/bg_polygon_br.png);
        background-position: top center, bottom center, top min(-268px, -13.9583333333vw) left min(-12px, -.625vw), bottom min(-268px, -13.9583333333vw) right min(-12px, -.625vw);
        background-size: max(1760px, 91.6666666667vw) max(38px, 1.9791666667vw), max(1760px, 91.6666666667vw) max(38px, 1.9791666667vw), max(1324px, 68.9583333333vw) max(980px, 51.0416666667vw), max(1324px, 68.9583333333vw) max(980px, 51.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header {
        width: 94.7916666667vw;
        height: 31.25vw;
        padding-top: 11.0677083333vw;
        border-radius: 1.0416666667vw;
        background-image: url(../png/bg_header_frame_top-2.png), url(../png/bg_header_frame_bottom-2.png), url(../png/bg_polygon_tl.png), url(../png/bg_polygon_br.png);
        background-position: top center, bottom center, top left -42.4479166667vw, bottom right -42.4479166667vw;
        background-size: 100% 5.078125vw, 100% 5.078125vw, 100.5208333333vw 74.3489583333vw, 100.5208333333vw 74.3489583333vw
    }
}

.st-Page_Header .page-title {
    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;
    position: relative
}

.st-Page_Header .page-title::before {
    position: absolute;
    color: #fec7e4;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    letter-spacing: .04em;
    content: "LOVELIVE! School Idol Festival 2"
}

@media screen and (min-width:769px) {
    .st-Page_Header .page-title::before {
        bottom: min(-12px, -.625vw);
        -webkit-transform: scale(.8);
        transform: scale(.8);
        font-size: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .page-title::before {
        bottom: -2.34375vw;
        font-size: 1.5625vw
    }
}

.st-Page_Header .page-title span.title {
    display: inline-block;
    position: relative;
    color: #f80082;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700
}

@media screen and (min-width:769px) {
    .st-Page_Header .page-title span.title {
        font-size: max(54px, 2.8125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .page-title span.title {
        font-size: 9.2447916667vw
    }
}

.st-Page_Header .page-title span.title::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: rgba(248, 0, 130, 0);
    background-image: url(../png/bg_title.png);
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    content: attr(data-text);
    pointer-events: none
}

@media screen and (min-width:769px) {
    .st-Page_Header .page-title span.title::before {
        background-position: top min(-54px, -2.8125vw) left min(-14px, -.7291666667vw);
        background-size: max(183px, 9.53125vw) max(188px, 9.7916666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .page-title span.title::before {
        background-position: top -13.0208333333vw left -4.6875vw;
        background-size: 40.8854166667vw 42.1875vw
    }
}

.st-Page_Header .page-title span.glitter {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.st-Page_Header .page-title span.glitter span.svg {
    fill: #f80082
}

@media screen and (min-width:769px) {
    .st-Page_Header .page-title span.glitter span.svg {
        width: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .page-title span.glitter span.svg {
        width: 2.6041666667vw
    }
}

.st-Page_Header .page-title span.glitter span.svg:nth-child(2) {
    opacity: .3
}

.st-Page_Header .page-title span.glitter span.svg:nth-child(3) {
    opacity: .1
}

.st-Page_Header .page-title span.glitter.left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (min-width:769px) {
    .st-Page_Header .page-title span.glitter.left {
        margin-right: max(26px, 1.3541666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .page-title span.glitter.left {
        margin-right: 2.0833333333vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .page-title span.glitter.left span.svg {
        margin-right: max(6px, .3125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .page-title span.glitter.left span.svg {
        margin-right: 1.0416666667vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .page-title span.glitter.right {
        margin-left: max(26px, 1.3541666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .page-title span.glitter.right {
        margin-left: 2.0833333333vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .page-title span.glitter.right span.svg {
        margin-left: max(6px, .3125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .page-title span.glitter.right span.svg {
        margin-left: 1.0416666667vw
    }
}

.st-Page_Header .page-title span.glitter.is-animated.left span.svg:nth-child(1) {
    -webkit-animation: header-glitter-left .35s linear both;
    animation: header-glitter-left .35s linear both
}

.st-Page_Header .page-title span.glitter.is-animated.left span.svg:nth-child(2) {
    -webkit-animation: header-glitter-left .35s linear .25s both;
    animation: header-glitter-left .35s linear .25s both
}

.st-Page_Header .page-title span.glitter.is-animated.left span.svg:nth-child(3) {
    -webkit-animation: header-glitter-left .35s linear .5s both;
    animation: header-glitter-left .35s linear .5s both
}

.st-Page_Header .page-title span.glitter.is-animated.right span.svg:nth-child(1) {
    -webkit-animation: header-glitter-right .35s linear both;
    animation: header-glitter-right .35s linear both
}

.st-Page_Header .page-title span.glitter.is-animated.right span.svg:nth-child(2) {
    -webkit-animation: header-glitter-right .35s linear .25s both;
    animation: header-glitter-right .35s linear .25s both
}

.st-Page_Header .page-title span.glitter.is-animated.right span.svg:nth-child(3) {
    -webkit-animation: header-glitter-right .35s linear .5s both;
    animation: header-glitter-right .35s linear .5s both
}

.st-Page_Header .background-decoration {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    pointer-events: none
}

.st-Page_Header .background-decoration .deco-item {
    position: absolute
}

.st-Page_Header .background-decoration .deco-item span.svg {
    position: absolute
}

.st-Page_Header .background-decoration .deco-item span.svg-glitter-01 {
    fill: #f80082
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item span.svg-glitter-01 {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: max(15px, .78125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item span.svg-glitter-01 {
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
        width: 2.34375vw
    }
}

.st-Page_Header .background-decoration .deco-item span.svg-glitter-01 svg {
    -webkit-animation: bg-deco_glitter-twinkle 4s linear infinite;
    animation: bg-deco_glitter-twinkle 4s linear infinite
}

.st-Page_Header .background-decoration .deco-item span.svg-glitter-02 {
    fill: #bdcddd
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item span.svg-glitter-02 {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: max(11px, .5729166667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item span.svg-glitter-02 {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 2.34375vw
    }
}

.st-Page_Header .background-decoration .deco-item span.svg-glitter-02 svg {
    -webkit-animation: bg-deco_glitter-twinkle 4.1s linear infinite;
    animation: bg-deco_glitter-twinkle 4.1s linear infinite
}

.st-Page_Header .background-decoration .deco-item span.svg-circle-01 {
    fill: #e2e7ec
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item span.svg-circle-01 {
        width: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item span.svg-circle-01 {
        width: 1.5625vw
    }
}

.st-Page_Header .background-decoration .deco-item span.svg-circle-02 {
    fill: #ff5baa
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item span.svg-circle-02 {
        width: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item span.svg-circle-02 {
        width: 1.5625vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item span.svg-circle-03 {
        width: max(5px, .2604166667vw);
        fill: #f80082
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item span.svg-circle-03 {
        display: none
    }
}

.st-Page_Header .background-decoration .deco-item span.svg-donut {
    fill: #e2e7ec
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item span.svg-donut {
        width: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item span.svg-donut {
        width: 1.5625vw
    }
}

.st-Page_Header .background-decoration .deco-item span.svg-square {
    fill: #fcbadd
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item span.svg-square {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item span.svg-square {
        width: 1.5625vw
    }
}

.st-Page_Header .background-decoration .deco-item span.svg-square svg {
    -webkit-animation: bg-deco_square_rotation 3.9s linear infinite;
    animation: bg-deco_square_rotation 3.9s linear infinite
}

.st-Page_Header .background-decoration .deco-item span.svg-frame-01 {
    fill: #bdcddd
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item span.svg-frame-01 {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item span.svg-frame-01 {
        width: 1.5625vw
    }
}

.st-Page_Header .background-decoration .deco-item span.svg-frame-01 svg {
    -webkit-animation: bg-deco_square_rotation 4.15s linear infinite;
    animation: bg-deco_square_rotation 4.15s linear infinite
}

.st-Page_Header .background-decoration .deco-item span.svg-frame-02 {
    fill: #fcbadd
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item span.svg-frame-02 {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: max(7px, .3645833333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item span.svg-frame-02 {
        width: 1.171875vw
    }
}

.st-Page_Header .background-decoration .deco-item span.svg-frame-02 svg {
    -webkit-animation: bg-deco_square_rotation 4.2s linear infinite;
    animation: bg-deco_square_rotation 4.2s linear infinite
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-01 {
        bottom: min(-40px, -2.0833333333vw);
        left: min(-62px, -3.2291666667vw);
        width: max(354px, 18.4375vw);
        height: max(122px, 6.3541666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-01 {
        bottom: -6.5104166667vw;
        left: -.78125vw;
        width: 33.59375vw;
        height: 15.8854166667vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-glitter-01 {
        top: max(50px, 2.6041666667vw);
        left: max(101px, 5.2604166667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-glitter-01 {
        top: 11.0677083333vw;
        left: 15.234375vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-glitter-02 {
        top: max(89px, 4.6354166667vw);
        right: max(1px, .0520833333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-glitter-02 {
        top: 3.515625vw;
        right: 2.2135416667vw
    }
}

.st-Page_Header .background-decoration .deco-item-01 span.svg-glitter-02 svg {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-circle-01 {
        top: 0;
        left: 0
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-circle-01 {
        bottom: 0;
        left: 5.7291666667vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-circle-02 {
        bottom: 0;
        left: max(195px, 10.15625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-circle-02 {
        top: 4.5572916667vw;
        left: 2.6041666667vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-circle-03 {
        top: max(13px, .6770833333vw);
        right: max(52px, 2.7083333333vw)
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-donut {
        top: max(47px, 2.4479166667vw);
        left: max(223px, 11.6145833333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-donut {
        top: 3.90625vw;
        left: 11.71875vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-square {
        top: max(98px, 5.1041666667vw);
        left: max(16px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-square {
        top: 0;
        left: 0
    }
}

.st-Page_Header .background-decoration .deco-item-01 span.svg-square svg {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-frame-01 {
        top: max(14px, .7291666667vw);
        left: max(168px, 8.75vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-frame-01 {
        bottom: 2.8645833333vw;
        right: 1.6927083333vw
    }
}

.st-Page_Header .background-decoration .deco-item-01 span.svg-frame-01 svg {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-frame-02 {
        top: max(2px, .1041666667vw);
        left: max(180px, 9.375vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-01 span.svg-frame-02 {
        bottom: 1.171875vw;
        right: 0
    }
}

.st-Page_Header .background-decoration .deco-item-01 span.svg-frame-02 svg {
    -webkit-animation-delay: 2.15s;
    animation-delay: 2.15s
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-02 {
        bottom: min(-32px, -1.6666666667vw);
        right: min(-80px, -4.1666666667vw);
        width: max(324px, 16.875vw);
        height: max(112px, 5.8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-02 {
        bottom: -6.7708333333vw;
        right: -1.6927083333vw;
        width: 40.3645833333vw;
        height: 17.4479166667vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-glitter-01 {
        top: max(52px, 2.7083333333vw);
        right: max(91px, 4.7395833333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-glitter-01 {
        top: 9.375vw;
        left: 20.3125vw
    }
}

.st-Page_Header .background-decoration .deco-item-02 span.svg-glitter-01 svg {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-glitter-02 {
        top: max(19px, .9895833333vw);
        left: 0
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-glitter-02 {
        top: -.1302083333vw;
        right: -.1302083333vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-circle-01 {
        bottom: 0;
        right: 0
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-circle-01 {
        bottom: 0;
        left: 6.3802083333vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-circle-02 {
        top: 0;
        left: max(137px, 7.1354166667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-circle-02 {
        top: 5.7291666667vw;
        right: 2.9947916667vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-circle-03 {
        bottom: max(12px, .625vw);
        left: max(48px, 2.5vw)
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-donut {
        top: max(59px, 3.0729166667vw);
        left: max(110px, 5.7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-donut {
        top: 6.640625vw;
        left: 15.1041666667vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-square {
        top: max(13px, .6770833333vw);
        right: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-square {
        top: 8.8541666667vw;
        left: 0
    }
}

.st-Page_Header .background-decoration .deco-item-02 span.svg-square svg {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-frame-01 {
        bottom: max(13px, .6770833333vw);
        left: max(159px, 8.28125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-frame-01 {
        bottom: 3.3854166667vw;
        right: 7.6822916667vw
    }
}

.st-Page_Header .background-decoration .deco-item-02 span.svg-frame-01 svg {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-frame-02 {
        bottom: max(2px, .1041666667vw);
        left: max(153px, 7.96875vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration .deco-item-02 span.svg-frame-02 {
        bottom: 1.6927083333vw;
        right: 5.9895833333vw
    }
}

.st-Page_Header .background-decoration .deco-item-02 span.svg-frame-02 svg {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

.st-Page_Header .background-decoration span.svg {
    position: absolute
}

.st-Page_Header .background-decoration span.svg-01 {
    fill: #fde0f7
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration span.svg-01 {
        top: max(45px, 2.34375vw);
        left: max(250.625px, 20.8854166667vw);
        width: max(55px, 2.8645833333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration span.svg-01 {
        top: 26.6927083333vw;
        left: 14.3229166667vw;
        width: 7.1614583333vw
    }
}

.st-Page_Header .background-decoration span.svg-02 {
    fill: #ffdff0
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration span.svg-02 {
        top: max(191px, 9.9479166667vw);
        right: max(276.25px, 23.0208333333vw);
        width: max(30px, 1.5625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration span.svg-02 {
        top: 21.7447916667vw;
        right: 9.765625vw;
        width: 3.90625vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration span.svg-03 {
        bottom: max(6px, .3125vw);
        right: max(248.125px, 20.6770833333vw);
        width: max(52px, 2.7083333333vw);
        fill: #ffd1e9
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration span.svg-03 {
        display: none
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration:not(.is-mobile) .deco-item-01 {
        -webkit-animation: fluffy 3s infinite ease-in-out alternate;
        animation: fluffy 3s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration:not(.is-mobile) .deco-item-01 {
        -webkit-animation: fluffy-sp 3s infinite ease-in-out alternate;
        animation: fluffy-sp 3s infinite ease-in-out alternate
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration:not(.is-mobile) .deco-item-02 {
        animation: fluffy 3.2s infinite ease-in-out alternate-reverse
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration:not(.is-mobile) .deco-item-02 {
        animation: fluffy-sp 3.2s infinite ease-in-out alternate-reverse
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration:not(.is-mobile) span.svg-01 {
        animation: fluffy 3.3s infinite ease-in-out alternate-reverse
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration:not(.is-mobile) span.svg-01 {
        animation: fluffy-sp 3.3s infinite ease-in-out alternate-reverse
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration:not(.is-mobile) span.svg-02 {
        animation: fluffy 3.35s infinite ease-in-out alternate-reverse
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .background-decoration:not(.is-mobile) span.svg-02 {
        -webkit-animation: fluffy-sp 3.5s infinite ease-in-out alternate;
        animation: fluffy-sp 3.5s infinite ease-in-out alternate
    }
}

@media screen and (min-width:769px) {
    .st-Page_Header .background-decoration:not(.is-mobile) span.svg-03 {
        -webkit-animation: fluffy 3.5s infinite ease-in-out alternate;
        animation: fluffy 3.5s infinite ease-in-out alternate
    }
}

.st-Page_Body {
    margin: 0 auto;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ffd1e9;
    background-color: #fff
}

@media screen and (min-width:769px) {
    .st-Page_Body {
        width: max(1040.0052px, 81.25vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Body {
        width: 92.1875vw
    }
}

@media screen and (min-width:769px) {
    .st-Page_Body .background-decoration {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        pointer-events: none
    }

    .st-Page_Body .background-decoration .deco-item {
        position: absolute
    }

    .st-Page_Body .background-decoration .deco-item span.svg {
        position: absolute
    }

    .st-Page_Body .background-decoration .deco-item span.svg-glitter-01 {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: max(15px, .78125vw);
        fill: #f80082
    }

    .st-Page_Body .background-decoration .deco-item span.svg-glitter-01 svg {
        -webkit-animation: bg-deco_glitter-twinkle 4s linear infinite;
        animation: bg-deco_glitter-twinkle 4s linear infinite
    }

    .st-Page_Body .background-decoration .deco-item span.svg-glitter-02 {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: max(11px, .5729166667vw);
        fill: #bdcddd
    }

    .st-Page_Body .background-decoration .deco-item span.svg-glitter-02 svg {
        -webkit-animation: bg-deco_glitter-twinkle 4.1s linear infinite;
        animation: bg-deco_glitter-twinkle 4.1s linear infinite
    }

    .st-Page_Body .background-decoration .deco-item span.svg-circle-01 {
        width: max(10px, .5208333333vw);
        fill: #e2e7ec
    }

    .st-Page_Body .background-decoration .deco-item span.svg-circle-02 {
        width: max(10px, .5208333333vw);
        fill: #ff5baa
    }

    .st-Page_Body .background-decoration .deco-item span.svg-circle-03 {
        width: max(5px, .2604166667vw);
        fill: #f80082
    }

    .st-Page_Body .background-decoration .deco-item span.svg-donut {
        width: max(10px, .5208333333vw);
        fill: #e2e7ec
    }

    .st-Page_Body .background-decoration .deco-item span.svg-square {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: max(10px, .5208333333vw);
        fill: #fcbadd
    }

    .st-Page_Body .background-decoration .deco-item span.svg-square svg {
        -webkit-animation: bg-deco_square_rotation 3.9s linear infinite;
        animation: bg-deco_square_rotation 3.9s linear infinite
    }

    .st-Page_Body .background-decoration .deco-item span.svg-frame-01 {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: max(10px, .5208333333vw);
        fill: #bdcddd
    }

    .st-Page_Body .background-decoration .deco-item span.svg-frame-01 svg {
        -webkit-animation: bg-deco_square_rotation 4.15s linear infinite;
        animation: bg-deco_square_rotation 4.15s linear infinite
    }

    .st-Page_Body .background-decoration .deco-item span.svg-frame-02 {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        width: max(7px, .3645833333vw);
        fill: #fcbadd
    }

    .st-Page_Body .background-decoration .deco-item span.svg-frame-02 svg {
        -webkit-animation: bg-deco_square_rotation 4.2s linear infinite;
        animation: bg-deco_square_rotation 4.2s linear infinite
    }

    .st-Page_Body .background-decoration .deco-item-left {
        width: max(354px, 18.4375vw);
        height: max(122px, 6.3541666667vw)
    }

    .st-Page_Body .background-decoration .deco-item-left span.svg-glitter-01 {
        top: max(50px, 2.6041666667vw);
        left: max(101px, 5.2604166667vw)
    }

    .st-Page_Body .background-decoration .deco-item-left span.svg-glitter-01 svg {
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s
    }

    .st-Page_Body .background-decoration .deco-item-left span.svg-glitter-02 {
        top: max(89px, 4.6354166667vw);
        right: max(1px, .0520833333vw)
    }

    .st-Page_Body .background-decoration .deco-item-left span.svg-circle-01 {
        top: 0;
        left: 0
    }

    .st-Page_Body .background-decoration .deco-item-left span.svg-circle-02 {
        bottom: 0;
        left: max(195px, 10.15625vw)
    }

    .st-Page_Body .background-decoration .deco-item-left span.svg-circle-03 {
        top: max(13px, .6770833333vw);
        right: max(52px, 2.7083333333vw)
    }

    .st-Page_Body .background-decoration .deco-item-left span.svg-donut {
        top: max(47px, 2.4479166667vw);
        left: max(223px, 11.6145833333vw)
    }

    .st-Page_Body .background-decoration .deco-item-left span.svg-square {
        top: max(98px, 5.1041666667vw);
        left: max(16px, .8333333333vw)
    }

    .st-Page_Body .background-decoration .deco-item-left span.svg-square svg {
        -webkit-animation-delay: 1.8s;
        animation-delay: 1.8s
    }

    .st-Page_Body .background-decoration .deco-item-left span.svg-frame-01 {
        top: max(14px, .7291666667vw);
        left: max(168px, 8.75vw)
    }

    .st-Page_Body .background-decoration .deco-item-left span.svg-frame-01 svg {
        -webkit-animation-delay: 4.5s;
        animation-delay: 4.5s
    }

    .st-Page_Body .background-decoration .deco-item-left span.svg-frame-02 {
        top: max(2px, .1041666667vw);
        left: max(180px, 9.375vw)
    }

    .st-Page_Body .background-decoration .deco-item-left span.svg-frame-02 svg {
        -webkit-animation-delay: 4.75s;
        animation-delay: 4.75s
    }

    .st-Page_Body .background-decoration .deco-item-right {
        width: max(324px, 16.875vw);
        height: max(112px, 5.8333333333vw)
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg {
        position: absolute
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg-glitter-01 {
        top: max(52px, 2.7083333333vw);
        right: max(91px, 4.7395833333vw)
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg-glitter-02 {
        top: max(19px, .9895833333vw);
        left: 0
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg-glitter-02 svg {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg-circle-01 {
        bottom: 0;
        right: 0
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg-circle-02 {
        top: 0;
        left: max(137px, 7.1354166667vw)
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg-circle-03 {
        bottom: max(12px, .625vw);
        left: max(48px, 2.5vw)
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg-donut {
        top: max(59px, 3.0729166667vw);
        left: max(110px, 5.7291666667vw)
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg-square {
        top: max(13px, .6770833333vw);
        right: max(12px, .625vw)
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg-square svg {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg-frame-01 {
        bottom: max(13px, .6770833333vw);
        left: max(159px, 8.28125vw)
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg-frame-01 svg {
        -webkit-animation-delay: 1.8s;
        animation-delay: 1.8s
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg-frame-02 {
        bottom: max(2px, .1041666667vw);
        left: max(153px, 7.96875vw)
    }

    .st-Page_Body .background-decoration .deco-item-right span.svg-frame-02 svg {
        -webkit-animation-delay: 2.15s;
        animation-delay: 2.15s
    }
}

@media screen and (max-width:768px) {
    .st-Page_Body .background-decoration {
        display: none
    }
}

.st-Pagination {
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .st-Pagination {
        width: max(960px, 62.5vw);
        margin-top: max(100px, 5.2083333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Pagination {
        width: 77.6041666667vw;
        margin-top: 13.0208333333vw
    }
}

.st-Pagination .wp-pagenavi {
    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 screen and (min-width:769px) {
    .st-Pagination .wp-pagenavi {
        height: max(46px, 2.3958333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Pagination .wp-pagenavi {
        position: relative;
        height: 8.0729166667vw
    }
}

.st-Pagination .current,
.st-Pagination .extend,
.st-Pagination .nextpostslink,
.st-Pagination .page,
.st-Pagination .previouspostslink {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #f80082;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {

    .st-Pagination .current,
    .st-Pagination .extend,
    .st-Pagination .nextpostslink,
    .st-Pagination .page,
    .st-Pagination .previouspostslink {
        font-size: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {

    .st-Pagination .current,
    .st-Pagination .extend,
    .st-Pagination .nextpostslink,
    .st-Pagination .page,
    .st-Pagination .previouspostslink {
        font-size: 5.46875vw
    }
}

.st-Pagination .current,
.st-Pagination .extend,
.st-Pagination .page {
    height: 100%
}

@media screen and (min-width:769px) {

    .st-Pagination .current,
    .st-Pagination .extend,
    .st-Pagination .page {
        margin: 0 max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {

    .st-Pagination .current,
    .st-Pagination .extend,
    .st-Pagination .page {
        margin: 0 2.6041666667vw
    }
}

.st-Pagination .current,
.st-Pagination .page {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 0
}

@media screen and (min-width:769px) {

    .st-Pagination .current,
    .st-Pagination .page {
        width: max(40px, 2.0833333333vw)
    }
}

@media screen and (max-width:768px) {

    .st-Pagination .current,
    .st-Pagination .page {
        width: 8.0729166667vw
    }
}

.st-Pagination .current::before,
.st-Pagination .page::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 100%;
    background-color: rgba(255, 209, 233, .6);
    content: ""
}

@media screen and (min-width:769px) {

    .st-Pagination .current::before,
    .st-Pagination .page::before {
        width: max(40px, 2.0833333333vw);
        height: max(40px, 2.0833333333vw)
    }
}

@media screen and (max-width:768px) {

    .st-Pagination .current::before,
    .st-Pagination .page::before {
        width: 9.1145833333vw;
        height: 9.1145833333vw
    }
}

@media (any-hover:hover) {
    .st-Pagination .page::before {
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .st-Pagination .page:hover::before {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

.st-Pagination .current::before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    background-color: rgba(255, 209, 233, .4)
}

@media screen and (min-width:769px) {

    .st-Pagination .nextpostslink,
    .st-Pagination .previouspostslink {
        position: relative;
        width: max(134px, 6.9791666667vw);
        height: 100%
    }
}

@media screen and (max-width:768px) {

    .st-Pagination .nextpostslink,
    .st-Pagination .previouspostslink {
        position: absolute;
        top: 0;
        width: 10.9375vw;
        height: 8.0729166667vw;
        font-size: 0
    }
}

.st-Pagination .nextpostslink::before,
.st-Pagination .previouspostslink::before {
    position: absolute;
    border-radius: 100%;
    content: ""
}

@media screen and (min-width:769px) {

    .st-Pagination .nextpostslink::before,
    .st-Pagination .previouspostslink::before {
        width: max(46px, 2.3958333333vw);
        height: max(46px, 2.3958333333vw);
        border: max(1px, .0520833333vw) solid #ffdbee
    }
}

@media screen and (max-width:768px) {

    .st-Pagination .nextpostslink::before,
    .st-Pagination .previouspostslink::before {
        width: 8.0729166667vw;
        height: 8.0729166667vw;
        border-width: .2604166667vw solid #ffdbee
    }
}

.st-Pagination .nextpostslink::after,
.st-Pagination .previouspostslink::after {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {

    .st-Pagination .nextpostslink::after,
    .st-Pagination .previouspostslink::after {
        width: max(42px, 2.1875vw);
        height: max(14px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {

    .st-Pagination .nextpostslink::after,
    .st-Pagination .previouspostslink::after {
        width: 7.2916666667vw;
        height: 2.4739583333vw
    }
}

@media (any-hover:hover) {

    .st-Pagination .nextpostslink,
    .st-Pagination .previouspostslink {
        -webkit-transition: color .35s;
        transition: color .35s
    }

    .st-Pagination .nextpostslink::after,
    .st-Pagination .previouspostslink::after {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }

    .st-Pagination .nextpostslink:hover,
    .st-Pagination .previouspostslink:hover {
        color: #ff5baa
    }
}

.st-Pagination .previouspostslink {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

@media screen and (min-width:769px) {
    .st-Pagination .previouspostslink {
        margin-right: max(55px, 2.8645833333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Pagination .previouspostslink {
        left: 0
    }
}

.st-Pagination .previouspostslink::before {
    left: 0
}

.st-Pagination .previouspostslink::after {
    background-image: url(../svg/arrow-left.svg)
}

@media screen and (min-width:769px) {
    .st-Pagination .previouspostslink::after {
        left: max(18px, .9375vw)
    }
}

@media screen and (max-width:768px) {
    .st-Pagination .previouspostslink::after {
        right: 0
    }
}

@media screen and (any-hover:hover) and (min-width:769px) {
    .st-Pagination .previouspostslink:hover::after {
        -webkit-transform: translateX(min(-8px, -.4166666667vw));
        transform: translateX(min(-8px, -.4166666667vw))
    }
}

@media screen and (any-hover:hover) and (max-width:768px) {
    .st-Pagination .previouspostslink:hover::after {
        -webkit-transform: translateX(-1.0416666667vw);
        transform: translateX(-1.0416666667vw)
    }
}

@media screen and (min-width:769px) {
    .st-Pagination .nextpostslink {
        margin-left: max(55px, 2.8645833333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Pagination .nextpostslink {
        right: 0
    }
}

.st-Pagination .nextpostslink::before {
    right: 0
}

.st-Pagination .nextpostslink::after {
    background-image: url(../svg/arrow-right.svg)
}

@media screen and (min-width:769px) {
    .st-Pagination .nextpostslink::after {
        right: max(18px, .9375vw)
    }
}

@media screen and (max-width:768px) {
    .st-Pagination .nextpostslink::after {
        left: 0
    }
}

@media screen and (any-hover:hover) and (min-width:769px) {
    .st-Pagination .nextpostslink:hover::after {
        -webkit-transform: translateX(max(8px, .4166666667vw));
        transform: translateX(max(8px, .4166666667vw))
    }
}

@media screen and (any-hover:hover) and (max-width:768px) {
    .st-Pagination .nextpostslink:hover::after {
        -webkit-transform: translateX(1.0416666667vw);
        transform: translateX(1.0416666667vw)
    }
}

.st-Article_Contents h2 {
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: .04em;
    word-break: break-word;
    background-color: rgba(255, 209, 233, .3)
}

@media screen and (min-width:769px) {
    .st-Article_Contents h2 {
        margin-bottom: max(30px, 1.5625vw);
        padding: max(14px, .7291666667vw) max(24px, 1.25vw);
        font-size: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents h2 {
        margin-bottom: 3.90625vw;
        padding: 1.8229166667vw 3.125vw;
        font-size: 3.90625vw
    }
}

@media screen and (min-width:769px) {
    .st-Article_Contents h2:not(:first-child) {
        margin-top: max(60px, 3.125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents h2:not(:first-child) {
        margin-top: 7.8125vw
    }
}

.st-Article_Contents h3 {
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: .04em;
    word-break: break-word;
    background-image: url(../svg/icon_glitter.svg);
    background-repeat: no-repeat
}

@media screen and (min-width:769px) {
    .st-Article_Contents h3 {
        margin-bottom: max(10px, .5208333333vw);
        padding-left: max(24px, 1.25vw);
        font-size: max(16px, .8333333333vw);
        background-position: top max(7px, .3645833333vw) left;
        background-size: max(16px, .8333333333vw) max(16px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents h3 {
        margin-bottom: 1.3020833333vw;
        padding-left: 4.6875vw;
        font-size: 3.3854166667vw;
        background-position: top 1.5625vw left;
        background-size: 3.3854166667vw 3.3854166667vw
    }
}

@media screen and (min-width:769px) {
    .st-Article_Contents h3:not(:first-child) {
        margin-top: max(40px, 2.0833333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents h3:not(:first-child) {
        margin-top: 5.2083333333vw
    }
}

.st-Article_Contents p {
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: .04em;
    word-break: break-word
}

@media screen and (min-width:769px) {
    .st-Article_Contents p {
        margin-bottom: max(30px, 1.5625vw);
        font-size: max(16px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents p {
        margin-bottom: 3.90625vw;
        font-size: 3.3854166667vw
    }
}

.st-Article_Contents p img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.st-Article_Contents p img.alignleft {
    margin-left: 0
}

.st-Article_Contents p img.alignright {
    margin-right: 0
}

.st-Article_Contents p .youtube-wrapper {
    margin-top: 1em
}

@media screen and (min-width:769px) {

    .st-Article_Contents ol,
    .st-Article_Contents ul {
        margin-bottom: max(30px, 1.5625vw)
    }
}

@media screen and (max-width:768px) {

    .st-Article_Contents ol,
    .st-Article_Contents ul {
        margin-bottom: 3.90625vw
    }
}

.st-Article_Contents ol li,
.st-Article_Contents ul li {
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: .04em;
    word-break: break-word
}

@media screen and (min-width:769px) {

    .st-Article_Contents ol li,
    .st-Article_Contents ul li {
        font-size: max(16px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {

    .st-Article_Contents ol li,
    .st-Article_Contents ul li {
        font-size: 3.3854166667vw
    }
}

.st-Article_Contents ul li {
    position: relative;
    padding-left: 1em
}

.st-Article_Contents ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "●"
}

.st-Article_Contents ul.attention li::before {
    content: "*"
}

@media screen and (min-width:769px) {
    .st-Article_Contents ul.attention li::before {
        top: max(3px, .15625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents ul.attention li::before {
        top: .6510416667vw
    }
}

.st-Article_Contents ol {
    counter-reset: item
}

.st-Article_Contents ol li {
    position: relative;
    padding-left: 1.5em
}

.st-Article_Contents ol li::before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: item;
    content: counter(item) "."
}

.st-Article_Contents a {
    color: #f80082;
    text-decoration: underline
}

@media (any-hover:hover) {
    .st-Article_Contents a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .st-Article_Contents a:hover {
        opacity: .6
    }
}

.st-Article_Contents a.img-link {
    display: inline-block
}

.st-Article_Contents a[target=_blank]:not(.no-icon)::after {
    display: inline-block;
    position: relative;
    margin-right: .5em;
    margin-left: .5em;
    background-image: url(../svg/icon_external.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {
    .st-Article_Contents a[target=_blank]:not(.no-icon)::after {
        top: min(-1px, -.0520833333vw);
        width: max(10px, .5208333333vw);
        height: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents a[target=_blank]:not(.no-icon)::after {
        top: .1302083333vw;
        width: 2.6041666667vw;
        height: 2.6041666667vw
    }
}

.st-Article_Contents .youtube-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 16/9
}

.st-Article_Contents .youtube-wrapper iframe {
    width: 100%;
    height: 100%
}

.st-Article_Contents .gallery-wrapper {
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .st-Article_Contents .gallery-wrapper {
        margin-bottom: max(30px, 1.5625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents .gallery-wrapper {
        margin-bottom: 3.90625vw
    }
}

.st-Article_Contents .gallery-wrapper .gallery {
    display: grid
}

@media screen and (min-width:769px) {
    .st-Article_Contents .gallery-wrapper .gallery {
        gap: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents .gallery-wrapper .gallery {
        gap: 2.6041666667vw
    }
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-1 .gallery-item img {
    max-width: 100%;
    height: auto
}

.st-Article_Contents .gallery-wrapper .gallery:not(.gallery-columns-1) .gallery-item img {
    width: 100%;
    height: auto
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery .gallery-icon a {
    pointer-events: none
}

.st-Article_Contents .gallery-wrapper .gallery .gallery-caption {
    line-height: 1.3;
    letter-spacing: .08em;
    text-align: center
}

@media screen and (min-width:769px) {
    .st-Article_Contents .gallery-wrapper .gallery .gallery-caption {
        margin-top: max(10px, .5208333333vw);
        margin-bottom: max(5px, .2604166667vw);
        font-size: max(14px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents .gallery-wrapper .gallery .gallery-caption {
        margin-top: 2.6041666667vw;
        margin-bottom: 1.3020833333vw;
        font-size: 2.34375vw
    }
}

.st-Article_Contents .gallery-wrapper .gallery br {
    display: none
}

.st-Article_Contents .mb0 {
    margin-bottom: 0 !important
}

.st-Article_Contents .indent {
    padding-left: 2em
}

.st-Article_Contents .text-center {
    text-align: center
}

.st-Article_Contents .text-right {
    text-align: right
}

.st-Article_Contents .border {
    border: 1px solid rgba(255, 209, 233, .3)
}

.st-Article_Contents .bold,
.st-Article_Contents strong {
    font-weight: 700
}

.st-Article_Contents .small {
    font-size: .8em
}

.st-Article_Contents .em,
.st-Article_Contents em {
    font-style: italic
}

.st-Article_Contents .underline {
    border-bottom: 1px solid
}

.st-Article_Contents>*:last-child {
    margin-bottom: 0 !important
}

.st-Article_Pagination {
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .st-Article_Pagination {
        width: max(960px, 62.5vw)
    }
}

.st-Article_Pagination .back-to-list {
    text-align: center
}

.st-Article_Pagination .back-to-list a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-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;
    position: relative;
    color: #f80082;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .st-Article_Pagination .back-to-list a {
        height: max(46px, 2.3958333333vw);
        margin-right: max(90px, 4.6875vw);
        font-size: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Pagination .back-to-list a {
        height: 8.0729166667vw;
        margin-right: 18.75vw;
        font-size: 5.46875vw
    }
}

.st-Article_Pagination .back-to-list a span.arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    height: 100%
}

@media screen and (min-width:769px) {
    .st-Article_Pagination .back-to-list a span.arrow {
        width: max(60px, 3.125vw);
        margin-right: max(30px, 1.5625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Pagination .back-to-list a span.arrow {
        width: 10.9375vw;
        margin-right: 7.8125vw
    }
}

.st-Article_Pagination .back-to-list a span.arrow::before {
    position: absolute;
    border-radius: 100%;
    content: ""
}

@media screen and (min-width:769px) {
    .st-Article_Pagination .back-to-list a span.arrow::before {
        width: max(46px, 2.3958333333vw);
        height: max(46px, 2.3958333333vw);
        border: max(1px, .0520833333vw) solid #ffdbee
    }
}

@media screen and (max-width:768px) {
    .st-Article_Pagination .back-to-list a span.arrow::before {
        width: 8.0729166667vw;
        height: 8.0729166667vw;
        border-width: .2604166667vw solid #ffdbee
    }
}

.st-Article_Pagination .back-to-list a span.arrow::after {
    position: absolute;
    right: 0;
    background-image: url(../svg/arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {
    .st-Article_Pagination .back-to-list a span.arrow::after {
        width: max(42px, 2.1875vw);
        height: max(14px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Pagination .back-to-list a span.arrow::after {
        width: 7.2916666667vw;
        height: 2.4739583333vw
    }
}

@media (any-hover:hover) {
    .st-Article_Pagination .back-to-list a {
        -webkit-transition: color .35s;
        transition: color .35s
    }

    .st-Article_Pagination .back-to-list a span.arrow::after {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }

    .st-Article_Pagination .back-to-list a:hover {
        color: #ff5baa
    }
}

@media screen and (any-hover:hover) and (min-width:769px) {
    .st-Article_Pagination .back-to-list a:hover span.arrow::after {
        -webkit-transform: translateX(min(-8px, -.4166666667vw));
        transform: translateX(min(-8px, -.4166666667vw))
    }
}

@media screen and (any-hover:hover) and (max-width:768px) {
    .st-Article_Pagination .back-to-list a:hover span.arrow::after {
        -webkit-transform: translateX(-1.0416666667vw);
        transform: translateX(-1.0416666667vw)
    }
}

.st-Modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    overflow-y: auto;
    background-color: rgba(255, 209, 233, .9);
    background-image: url(../png/bg_stripe.png);
    background-repeat: repeat;
    background-position: top center
}

@media screen and (min-width:769px) {
    .st-Modal {
        background-size: max(9px, .46875vw) max(9px, .46875vw)
    }
}

@media screen and (max-width:768px) {
    .st-Modal {
        background-size: 1.171875vw 1.171875vw
    }
}

.st-Modal .container {
    height: 100%;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .st-Modal .container {
        max-width: max(1200px, 62.5vw);
        width: calc(100% - max(50px, 4.1666666667vw));
        min-height: max(571.875px, 47.65625vw);
        padding: max(75px, 6.25vw) 0
    }
}

@media screen and (max-width:768px) {
    .st-Modal .container {
        width: 92.1875vw;
        min-height: 83.0729166667vw;
        padding: 15.625vw 0
    }
}

.st-Modal .container-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 100%
}

.st-Modal .content {
    position: relative;
    opacity: 0;
    width: 100%;
    -webkit-transition: opacity .35s .35s;
    transition: opacity .35s .35s
}

@media screen and (min-width:769px) {
    .st-Modal .content {
        -webkit-box-shadow: max(20px, 1.0416666667vw) max(20px, 1.0416666667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .32);
        box-shadow: max(20px, 1.0416666667vw) max(20px, 1.0416666667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .32)
    }
}

@media screen and (max-width:768px) {
    .st-Modal .content {
        -webkit-box-shadow: 2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32);
        box-shadow: 2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32)
    }
}

.st-Modal .content.showed {
    opacity: 1
}

.st-Modal button[data-event=close] {
    position: absolute;
    right: 0
}

@media screen and (min-width:769px) {
    .st-Modal button[data-event=close] {
        top: min(-62.5px, -5.2083333333vw);
        width: max(50px, 4.1666666667vw);
        height: max(50px, 4.1666666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Modal button[data-event=close] {
        top: -13.0208333333vw;
        width: 10.4166666667vw;
        height: 10.4166666667vw
    }
}

.st-Modal button[data-event=close]::after,
.st-Modal button[data-event=close]::before {
    position: absolute;
    background-color: #f80082;
    content: ""
}

@media screen and (min-width:769px) {

    .st-Modal button[data-event=close]::after,
    .st-Modal button[data-event=close]::before {
        top: max(24.375px, 2.03125vw);
        left: min(-10.625px, -.8854166667vw);
        width: max(70.625px, 5.8854166667vw);
        height: max(1.25px, .1041666667vw);
        border-radius: max(.625px, .0520833333vw)
    }
}

@media screen and (max-width:768px) {

    .st-Modal button[data-event=close]::after,
    .st-Modal button[data-event=close]::before {
        top: 5.078125vw;
        left: -2.2135416667vw;
        width: 14.7135416667vw;
        height: .2604166667vw;
        border-radius: .1302083333vw
    }
}

.st-Modal button[data-event=close]::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.st-Modal button[data-event=close]::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media (any-hover:hover) {

    .st-Modal button[data-event=close]::after,
    .st-Modal button[data-event=close]::before {
        -webkit-transition: background-color .35s;
        transition: background-color .35s
    }

    .st-Modal button[data-event=close]:hover::after,
    .st-Modal button[data-event=close]:hover::before {
        background-color: rgba(248, 0, 130, .3)
    }
}

.st-Modal.video .media {
    position: relative;
    width: 100%;
    background-color: #000
}

.st-Modal.video .media::before {
    display: block;
    padding-top: 56.25%;
    content: ""
}

.st-Modal.video .media iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.st-Header {
    position: relative;
    z-index: 1000
}

.st-Header .logo {
    position: absolute
}

@media screen and (min-width:769px) {
    .st-Header .logo {
        top: max(20px, 1.0416666667vw);
        left: max(12px, .625vw);
        width: max(266px, 14.5833333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .logo {
        top: 2.0833333333vw;
        left: 0;
        width: 36.4583333333vw
    }
}

.st-Header .logo a {
    display: block
}

@media (any-hover:hover) {
    .st-Header .logo a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .st-Header .logo a:hover {
        opacity: .8
    }
}

.st-Header .header-gnav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width:1501px) {
    .st-Header .header-gnav {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

@media screen and (max-width:1500px) {
    .st-Header .header-gnav {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media screen and (min-width:769px) {
    .st-Header .header-gnav {
        height: max(86px, 4.4791666667vw);
        margin-right: max(170px, 8.8541666667vw);
        margin-left: max(305.9px, 16.7708333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .header-gnav {
        height: 7.8125vw
    }
}

@media screen and (max-width:1500px) {
    .st-Header .header-gnav .lang {
        display: none
    }
}

@media screen and (min-width:1501px) {
    .st-Header .header-gnav .lang ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        width: max(102.08px, 6.0416666667vw);
        height: max(26.4px, 1.5625vw);
        padding: max(1.76px, .1041666667vw);
        border-radius: max(13.2px, .78125vw);
        background-color: #fff;
        -webkit-box-shadow: max(5px, .2604166667vw) max(5px, .2604166667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .18);
        box-shadow: max(5px, .2604166667vw) max(5px, .2604166667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .18)
    }

    .st-Header .header-gnav .lang ul li {
        width: 50%
    }

    .st-Header .header-gnav .lang ul li a,
    .st-Header .header-gnav .lang ul li span {
        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;
        width: 100%;
        height: 100%;
        border-radius: max(11.44px, .6770833333vw);
        font-family: "Chakra Petch", sans-serif;
        font-size: max(12.32px, .7291666667vw);
        font-weight: 700;
        letter-spacing: .04em
    }

    .st-Header .header-gnav .lang ul li span.current {
        color: #fff;
        background-color: #f80082
    }

    .st-Header .header-gnav .lang ul li a {
        background-color: rgba(255, 209, 233, 0)
    }
}

@media screen and (min-width:1501px) and (any-hover:hover) {
    .st-Header .header-gnav .lang ul li a {
        -webkit-transition: background-color .2s;
        transition: background-color .2s
    }

    .st-Header .header-gnav .lang ul li a:hover {
        background-color: rgba(255, 209, 233, .4)
    }
}

@media screen and (min-width:1201px) {
    .st-Header .header-gnav nav {
        height: 100%
    }
}

@media screen and (max-width:1200px) {
    .st-Header .header-gnav nav {
        display: none
    }
}

@media screen and (min-width:1201px) {
    .st-Header .header-gnav nav ul {
        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;
        height: 100%
    }

    .st-Header .header-gnav nav ul li+li {
        position: relative;
        margin-left: max(61.6px, 3.6458333333vw)
    }

    .st-Header .header-gnav nav ul li+li::before {
        position: absolute;
        bottom: max(1px, .0520833333vw);
        left: min(-31.68px, -1.875vw);
        -webkit-transform: skewX(-32deg);
        transform: skewX(-32deg);
        width: max(1px, .0520833333vw);
        height: max(14.08px, .8333333333vw);
        background-color: #ffd1e9;
        content: ""
    }

    .st-Header .header-gnav nav ul li a {
        position: relative;
        z-index: 0;
        color: #f80082;
        font-family: "Chakra Petch", sans-serif;
        font-size: max(15.84px, .9375vw);
        font-weight: 700;
        letter-spacing: .04em
    }

    .st-Header .header-gnav nav ul li a::before {
        position: absolute;
        top: min(-4px, -.2083333333vw);
        left: 50%;
        z-index: -1;
        -webkit-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
        width: max(28.16px, 1.6666666667vw);
        height: max(28.16px, 1.6666666667vw);
        border-radius: 100%;
        background-color: rgba(255, 209, 233, .6);
        content: ""
    }
}

@media screen and (min-width:1201px) and (any-hover:hover) {
    .st-Header .header-gnav nav ul li a:not(.current)::before {
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .st-Header .header-gnav nav ul li a:not(.current):hover::before {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }
}

@media screen and (min-width:1201px) {
    .st-Header .header-gnav nav ul li a.current::before {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
        background-color: rgba(255, 209, 233, .4)
    }
}

@media screen and (min-width:1201px) {
    .st-Header .header-gnav nav ul li a.disabled {
        color: #ffd1e9;
        pointer-events: none
    }
}

@media screen and (max-width:1500px) {
    .st-Header .header-gnav .official-media {
        display: none
    }
}

.st-Header .header-gnav .official-media ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.st-Header .header-gnav .official-media ul li+li {
    margin-left: max(10px, .5208333333vw)
}

.st-Header .header-gnav .official-media ul li a {
    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;
    width: max(40.48px, 2.3958333333vw);
    height: max(40.48px, 2.3958333333vw);
    border-radius: 100%;
    background-position: center left;
    background-size: 200% auto;
    -webkit-box-shadow: max(5px, .2604166667vw) max(5px, .2604166667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .18);
    box-shadow: max(5px, .2604166667vw) max(5px, .2604166667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .18)
}

.st-Header .header-gnav .official-media ul li a span.svg {
    fill: #fff
}

.st-Header .header-gnav .official-media ul li a.twitter {
    background-image: -webkit-gradient(linear, left top, right top, from(#18baff), color-stop(#5bd8ff), to(#18baff));
    background-image: -webkit-linear-gradient(left, #18baff, #5bd8ff, #18baff);
    background-image: linear-gradient(90deg, #18baff, #5bd8ff, #18baff)
}

.st-Header .header-gnav .official-media ul li a.twitter span.svg {
    width: max(20.24px, 1.1979166667vw)
}

.st-Header .header-gnav .official-media ul li a.x {
    background-image: -webkit-gradient(linear, left top, right top, from(#232526), color-stop(#525356), to(#232526));
    background-image: -webkit-linear-gradient(left, #232526, #525356, #232526);
    background-image: linear-gradient(90deg, #232526, #525356, #232526)
}

.st-Header .header-gnav .official-media ul li a.x span.svg {
    width: max(17.6px, 1.0416666667vw)
}

.st-Header .header-gnav .official-media ul li a.facebook {
    background-image: -webkit-gradient(linear, left top, right top, from(#3960ab), color-stop(#4f8bff), to(#3960ab));
    background-image: -webkit-linear-gradient(left, #3960ab, #4f8bff, #3960ab);
    background-image: linear-gradient(90deg, #3960ab, #4f8bff, #3960ab)
}

.st-Header .header-gnav .official-media ul li a.facebook span.svg {
    width: max(12.32px, .7291666667vw)
}

.st-Header .header-gnav .official-media ul li a.tiktok {
    background-image: -webkit-gradient(linear, left top, right top, from(#4d0071), color-stop(#9637b8), to(#4d0071));
    background-image: -webkit-linear-gradient(left, #4d0071, #9637b8, #4d0071);
    background-image: linear-gradient(90deg, #4d0071, #9637b8, #4d0071)
}

.st-Header .header-gnav .official-media ul li a.tiktok span.svg {
    width: max(22px, 1.3020833333vw)
}

@media (any-hover:hover) {
    .st-Header .header-gnav .official-media ul li a {
        -webkit-transition: background-position .35s;
        transition: background-position .35s
    }

    .st-Header .header-gnav .official-media ul li a:hover {
        background-position: center right
    }
}

.st-Header button[data-event=menu] {
    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;
    position: fixed;
    z-index: 1;
    border-radius: 100%
}

@media screen and (min-width:769px) {
    .st-Header button[data-event=menu] {
        top: max(20px, 1.0416666667vw);
        right: max(20px, 1.0416666667vw);
        width: max(110px, 5.7291666667vw);
        height: max(110px, 5.7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header button[data-event=menu] {
        top: 2.0833333333vw;
        right: 2.0833333333vw;
        width: 18.2291666667vw;
        height: 18.2291666667vw
    }
}

.st-Header button[data-event=menu]::before {
    position: absolute;
    border-radius: 100%;
    background-color: #f80082;
    content: ""
}

@media screen and (min-width:769px) {
    .st-Header button[data-event=menu]::before {
        width: max(92px, 4.7916666667vw);
        height: max(92px, 4.7916666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header button[data-event=menu]::before {
        width: 15.3645833333vw;
        height: 15.3645833333vw
    }
}

.st-Header button[data-event=menu] span.menu-bar {
    position: absolute
}

@media screen and (min-width:769px) {
    .st-Header button[data-event=menu] span.menu-bar {
        width: max(46px, 2.3958333333vw);
        height: max(14px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header button[data-event=menu] span.menu-bar {
        width: 7.5520833333vw;
        height: 2.34375vw
    }
}

.st-Header button[data-event=menu] span.menu-bar::after,
.st-Header button[data-event=menu] span.menu-bar::before {
    position: absolute;
    left: 0;
    background-color: #fff;
    content: ""
}

@media screen and (min-width:769px) {

    .st-Header button[data-event=menu] span.menu-bar::after,
    .st-Header button[data-event=menu] span.menu-bar::before {
        width: max(46px, 2.3958333333vw);
        height: max(4px, .2083333333vw);
        border-radius: max(2px, .1041666667vw)
    }
}

@media screen and (max-width:768px) {

    .st-Header button[data-event=menu] span.menu-bar::after,
    .st-Header button[data-event=menu] span.menu-bar::before {
        width: 7.5520833333vw;
        height: .6510416667vw;
        border-radius: .3255208333vw
    }
}

.st-Header button[data-event=menu] span.menu-bar::before {
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.st-Header button[data-event=menu] span.menu-bar::after {
    bottom: 0;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.st-Header button[data-event=menu] .background {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-animation: rotation 20s linear infinite;
    animation: rotation 20s linear infinite
}

.st-Header button[data-event=menu] .background span.svg.glitter-l {
    position: absolute;
    fill: #f80082
}

@media screen and (min-width:769px) {
    .st-Header button[data-event=menu] .background span.svg.glitter-l {
        top: max(6px, .3125vw);
        left: max(13px, .6770833333vw);
        width: max(16px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header button[data-event=menu] .background span.svg.glitter-l {
        top: .5208333333vw;
        left: 1.5625vw;
        width: 3.125vw
    }
}

.st-Header button[data-event=menu] .background span.svg.glitter-s1 {
    position: absolute;
    fill: #f80082
}

@media screen and (min-width:769px) {
    .st-Header button[data-event=menu] .background span.svg.glitter-s1 {
        bottom: max(16px, .8333333333vw);
        right: max(3px, .15625vw);
        width: max(8px, .4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header button[data-event=menu] .background span.svg.glitter-s1 {
        bottom: 2.0833333333vw;
        right: -.6510416667vw;
        width: 2.34375vw
    }
}

.st-Header button[data-event=menu] .background span.svg.glitter-s2 {
    position: absolute;
    fill: #ff77be
}

@media screen and (min-width:769px) {
    .st-Header button[data-event=menu] .background span.svg.glitter-s2 {
        bottom: max(10px, .5208333333vw);
        right: max(8px, .4166666667vw);
        width: max(8px, .4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header button[data-event=menu] .background span.svg.glitter-s2 {
        bottom: .1302083333vw;
        right: .78125vw;
        width: 2.34375vw
    }
}

.st-Header button[data-event=menu] .background span.svg.glitter-s3 {
    position: absolute;
    fill: #ffc8e5
}

@media screen and (min-width:769px) {
    .st-Header button[data-event=menu] .background span.svg.glitter-s3 {
        bottom: max(4px, .2083333333vw);
        right: max(14px, .7291666667vw);
        width: max(8px, .4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header button[data-event=menu] .background span.svg.glitter-s3 {
        bottom: -1.3020833333vw;
        right: 2.6041666667vw;
        width: 2.34375vw
    }
}

.st-Header button[data-event=menu] .background span.svg.line {
    fill: #f80082
}

@media screen and (min-width:769px) {
    .st-Header button[data-event=menu] .background span.svg.line {
        width: max(110px, 5.7291666667vw);
        height: max(110px, 5.7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header button[data-event=menu] .background span.svg.line {
        width: 18.2291666667vw;
        height: 18.2291666667vw
    }
}

.st-Header button[data-event=menu].opening::before {
    -webkit-transition: background-color .35s;
    transition: background-color .35s
}

.st-Header button[data-event=menu].opening span.menu-bar {
    -webkit-transition: width .35s, height .35s;
    transition: width .35s, height .35s
}

.st-Header button[data-event=menu].opening span.menu-bar::after,
.st-Header button[data-event=menu].opening span.menu-bar::before {
    -webkit-transition: left .35s, background-color .35s, -webkit-transform .35s;
    transition: left .35s, background-color .35s, -webkit-transform .35s;
    transition: left .35s, transform .35s, background-color .35s;
    transition: left .35s, transform .35s, background-color .35s, -webkit-transform .35s
}

.st-Header button[data-event=menu].opening .background span.svg {
    -webkit-transition: fill .35s;
    transition: fill .35s
}

.st-Header button[data-event=menu].opened::before {
    background-color: #fff
}

@media screen and (min-width:769px) {
    .st-Header button[data-event=menu].opened span.menu-bar {
        width: max(42px, 2.1875vw);
        height: max(27px, 1.40625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header button[data-event=menu].opened span.menu-bar {
        width: 7.03125vw;
        height: 4.4270833333vw
    }
}

.st-Header button[data-event=menu].opened span.menu-bar::after,
.st-Header button[data-event=menu].opened span.menu-bar::before {
    background-color: #f80082
}

@media screen and (min-width:769px) {

    .st-Header button[data-event=menu].opened span.menu-bar::after,
    .st-Header button[data-event=menu].opened span.menu-bar::before {
        left: max(2px, .1041666667vw);
        width: max(46px, 2.3958333333vw)
    }
}

@media screen and (max-width:768px) {

    .st-Header button[data-event=menu].opened span.menu-bar::after,
    .st-Header button[data-event=menu].opened span.menu-bar::before {
        left: .2604166667vw;
        width: 7.8125vw
    }
}

.st-Header button[data-event=menu].opened span.menu-bar::before {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.st-Header button[data-event=menu].opened span.menu-bar::after {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.st-Header button[data-event=menu].opened .background span.svg {
    fill: #fff
}

@media (any-hover:hover) {
    .st-Header button[data-event=menu] {
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
    }

    .st-Header button[data-event=menu]:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .st-Header button[data-event=menu]:hover .background span.svg.glitter-l {
        -webkit-animation: menu-glitter-large .35s linear both;
        animation: menu-glitter-large .35s linear both
    }

    .st-Header button[data-event=menu]:hover .background span.svg.glitter-s1 {
        -webkit-animation: menu-glitter-small .35s linear .2s both;
        animation: menu-glitter-small .35s linear .2s both
    }

    .st-Header button[data-event=menu]:hover .background span.svg.glitter-s2 {
        -webkit-animation: menu-glitter-small .35s linear .4s both;
        animation: menu-glitter-small .35s linear .4s both
    }

    .st-Header button[data-event=menu]:hover .background span.svg.glitter-s3 {
        -webkit-animation: menu-glitter-small .35s linear .6s both;
        animation: menu-glitter-small .35s linear .6s both
    }
}

.st-Header .nav-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    pointer-events: none
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper {
        background-color: rgba(255, 209, 233, .8);
        background-image: url(../png/bg_stripe.png);
        background-repeat: repeat;
        background-position: top center;
        background-size: max(9px, .46875vw) max(9px, .46875vw)
    }
}

.st-Header .nav-wrapper.opening {
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.st-Header .nav-wrapper.closing {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.st-Header .nav-wrapper.opened {
    opacity: 1;
    pointer-events: auto
}

.st-Header .nav-wrapper .nav-container {
    position: absolute;
    z-index: 1;
    overflow-y: auto;
    height: 100%;
    background-repeat: no-repeat
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .nav-container {
        top: 0;
        right: min(-448px, -29.1666666667vw);
        width: max(432px, 28.125vw);
        padding-left: max(96px, 6.25vw);
        border: max(1.6px, .1041666667vw) solid #ff34c6;
        border-radius: max(8px, .4166666667vw) 0 0 max(8px, .4166666667vw);
        background-image: url(../png/bg_menu_deco.png), url(../png/bg_menu_circle.png), -webkit-gradient(linear, left top, right top, from(#f90182), to(#ff7bbb));
        background-image: url(../png/bg_menu_deco.png), url(../png/bg_menu_circle.png), -webkit-linear-gradient(left, #f90182, #ff7bbb);
        background-image: url(../png/bg_menu_deco.png), url(../png/bg_menu_circle.png), linear-gradient(90deg, #f90182, #ff7bbb);
        background-position: center, center left max(46px, 2.3958333333vw), top center;
        background-size: max(432px, 28.125vw) max(768px, 50vw), max(462.4px, 30.1041666667vw) max(880px, 57.2916666667vw), 100% auto;
        -webkit-box-shadow: min(-10px, -.5208333333vw) 0 max(20px, 1.0416666667vw) rgba(101, 57, 117, .4);
        box-shadow: min(-10px, -.5208333333vw) 0 max(20px, 1.0416666667vw) rgba(101, 57, 117, .4);
        -webkit-transition: right .3s;
        transition: right .3s
    }

    .st-Header .nav-wrapper .nav-container.opened {
        right: 0
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper .nav-container {
        top: 0;
        left: 0;
        width: 100%;
        padding: 24.7395833333vw 0 13.0208333333vw 20.8333333333vw;
        border: .2604166667vw solid #ff34c6;
        background-image: url(../png/bg_menu_deco-2.png), url(../png/bg_menu_circle.png), -webkit-gradient(linear, left top, right top, from(#f90182), to(#ff7bbb));
        background-image: url(../png/bg_menu_deco-2.png), url(../png/bg_menu_circle.png), -webkit-linear-gradient(left, #f90182, #ff7bbb);
        background-image: url(../png/bg_menu_deco-2.png), url(../png/bg_menu_circle.png), linear-gradient(90deg, #f90182, #ff7bbb);
        background-position: center, center right, top center;
        background-size: 100vw 169.2708333333vw, 106.7708333333vw 203.125vw, 100% auto
    }
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .nav-container {
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 209, 233, .35) rgba(255, 209, 233, .35)
    }

    .st-Header .nav-wrapper .nav-container::-webkit-scrollbar {
        width: max(6px, .3125vw)
    }

    .st-Header .nav-wrapper .nav-container::-webkit-scrollbar-track {
        background-color: rgba(255, 209, 233, .35)
    }

    .st-Header .nav-wrapper .nav-container::-webkit-scrollbar-thumb {
        border-radius: max(3px, .15625vw);
        background: rgba(255, 209, 233, .35)
    }
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .nav-container-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        min-height: max(724px, 47.1354166667vw);
        height: 100%
    }
}

.st-Header .nav-wrapper .nav-container-inner .content {
    width: 100%
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper nav {
        margin-bottom: max(40px, 2.6041666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper nav {
        margin-bottom: 7.8125vw
    }
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper nav ul li+li {
        margin-top: max(32px, 2.0833333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper nav ul li+li {
        margin-top: 6.5104166667vw
    }
}

.st-Header .nav-wrapper nav ul li a {
    position: relative;
    color: #fff;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper nav ul li a {
        font-size: max(25.6px, 1.6666666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper nav ul li a {
        font-size: 6.25vw
    }
}

.st-Header .nav-wrapper nav ul li a::before {
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    transform-origin: center left;
    background-color: #fff;
    content: "";
    pointer-events: none
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper nav ul li a::before {
        top: max(16.8px, 1.09375vw);
        left: min(-96px, -6.25vw);
        width: max(72px, 4.6875vw);
        height: 1px
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper nav ul li a::before {
        top: 4.0364583333vw;
        left: -20.8333333333vw;
        width: 15.1041666667vw;
        height: .2604166667vw
    }
}

.st-Header .nav-wrapper nav ul li a span.svg {
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    fill: #fff;
    pointer-events: none
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper nav ul li a span.svg {
        top: max(6.4px, .4166666667vw);
        left: min(-32px, -2.0833333333vw);
        width: max(21.6px, 1.40625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper nav ul li a span.svg {
        top: 1.6927083333vw;
        left: -8.0729166667vw;
        width: 4.9479166667vw
    }
}

@media (any-hover:hover) {
    .st-Header .nav-wrapper nav ul li a span.svg {
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .st-Header .nav-wrapper nav ul li a:hover span.svg {
        -webkit-transform: scale(1) rotate(90deg);
        transform: scale(1) rotate(90deg)
    }
}

.st-Header .nav-wrapper nav ul li a.current::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.st-Header .nav-wrapper nav ul li a.current span.svg {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.st-Header .nav-wrapper nav ul li a.disabled {
    color: rgba(255, 255, 255, .4);
    pointer-events: none
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .official-media {
        margin-bottom: max(40px, 2.6041666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper .official-media {
        margin-bottom: 7.8125vw
    }
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .official-media ul li+li {
        margin-top: max(16px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper .official-media ul li+li {
        margin-top: 5.2083333333vw
    }
}

.st-Header .nav-wrapper .official-media ul li a {
    display: inline-block;
    color: #fff;
    font-family: "Chakra Petch", sans-serif;
    letter-spacing: .04em
}

@media (any-hover:hover) {
    .st-Header .nav-wrapper .official-media ul li a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .st-Header .nav-wrapper .official-media ul li a:hover {
        opacity: .8
    }
}

.st-Header .nav-wrapper .official-media ul li a span.title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 700
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .official-media ul li a span.title {
        font-size: max(19.2px, 1.25vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper .official-media ul li a span.title {
        font-size: 5.2083333333vw
    }
}

.st-Header .nav-wrapper .official-media ul li a span.icon {
    display: inline-block;
    font-size: 0;
    text-align: center
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .official-media ul li a span.icon {
        width: max(19.2px, 1.25vw);
        margin-right: max(9.6px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper .official-media ul li a span.icon {
        width: 3.90625vw;
        margin-right: 2.0833333333vw
    }
}

.st-Header .nav-wrapper .official-media ul li a span.svg {
    fill: #fff
}

.st-Header .nav-wrapper .official-media ul li a span.account {
    display: block;
    font-weight: 700
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .official-media ul li a span.account {
        margin-top: max(4.8px, .3125vw);
        padding-left: max(28.8px, 1.875vw);
        font-size: max(11.2px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper .official-media ul li a span.account {
        margin-top: 1.0416666667vw;
        padding-left: 5.9895833333vw;
        font-size: 3.125vw
    }
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .official-media ul li a.twitter span.svg {
        width: max(19.2px, 1.25vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper .official-media ul li a.twitter span.svg {
        width: 3.90625vw
    }
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .official-media ul li a.x span.svg {
        width: max(16px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper .official-media ul li a.x span.svg {
        width: 3.125vw
    }
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .official-media ul li a.facebook span.svg {
        width: max(11.2px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper .official-media ul li a.facebook span.svg {
        width: 2.34375vw
    }
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .official-media ul li a.tiktok span.svg {
        width: max(19.2px, 1.25vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper .official-media ul li a.tiktok span.svg {
        width: 3.90625vw
    }
}

.st-Header .nav-wrapper .lang ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .lang ul {
        width: max(96px, 6.25vw);
        height: max(20.8px, 1.3541666667vw);
        border-radius: max(10.4px, .6770833333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper .lang ul {
        width: 29.1666666667vw;
        height: 8.0729166667vw;
        border-radius: 4.0364583333vw
    }
}

.st-Header .nav-wrapper .lang ul li {
    width: 50%
}

.st-Header .nav-wrapper .lang ul li a,
.st-Header .nav-wrapper .lang ul li span {
    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;
    width: 100%;
    height: 100%;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {

    .st-Header .nav-wrapper .lang ul li a,
    .st-Header .nav-wrapper .lang ul li span {
        border-radius: max(10.4px, .6770833333vw);
        font-size: max(14.4px, .9375vw)
    }
}

@media screen and (max-width:768px) {

    .st-Header .nav-wrapper .lang ul li a,
    .st-Header .nav-wrapper .lang ul li span {
        border-radius: 4.0364583333vw;
        font-size: 3.6458333333vw
    }
}

.st-Header .nav-wrapper .lang ul li span.current {
    color: #f80082;
    background-color: #fff
}

.st-Header .nav-wrapper .lang ul li a {
    color: #fff;
    background-color: rgba(255, 255, 255, 0)
}

@media (any-hover:hover) {
    .st-Header .nav-wrapper .lang ul li a {
        -webkit-transition: background-color .2s;
        transition: background-color .2s
    }

    .st-Header .nav-wrapper .lang ul li a:hover {
        background-color: rgba(255, 255, 255, .3)
    }
}

@media screen and (min-width:769px) {
    .st-Header .nav-wrapper .nav-background {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .st-Header .nav-wrapper .nav-background.opened {
        opacity: 1
    }

    .st-Header .nav-wrapper .nav-background .image-container {
        width: calc(100% - max(425.6px, 27.7083333333vw));
        height: 100%
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-wrapper .nav-background {
        display: none
    }
}

.st-Header .nav-wrapper .nav-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:1500px) {
    .st-Header .nav-wrapper .nav-background img {
        -o-object-position: center 20%;
        object-position: center 20%
    }
}

@media screen and (max-width:1500px) {
    .d-xxl-none {
        display: none
    }
}

@media screen and (min-width:1501px) {
    .d-xxl-inline {
        display: none !important
    }
}

.st-Footer {
    position: relative;
    z-index: 0
}

@media screen and (min-width:769px) {
    .st-Footer {
        padding: max(85px, 4.4270833333vw) 0 max(18px, .9375vw);
        background-image: url(../png/bg_footer_frame_top.png), url(../png/bg_footer_frame_bottom-left.png), url(../png/bg_footer_frame_bottom-right.png), url(../png/bg_stripe.png), -webkit-gradient(linear, left top, right top, from(#f90182), color-stop(#ff7bbb), to(#f90182));
        background-image: url(../png/bg_footer_frame_top.png), url(../png/bg_footer_frame_bottom-left.png), url(../png/bg_footer_frame_bottom-right.png), url(../png/bg_stripe.png), -webkit-linear-gradient(left, #f90182, #ff7bbb, #f90182);
        background-image: url(../png/bg_footer_frame_top.png), url(../png/bg_footer_frame_bottom-left.png), url(../png/bg_footer_frame_bottom-right.png), url(../png/bg_stripe.png), linear-gradient(90deg, #f90182, #ff7bbb, #f90182);
        background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat-y;
        background-position: top center, bottom left, bottom right, top center, top center;
        background-size: max(1920px, 100vw) max(36px, 1.875vw), max(320px, 16.6666666667vw) max(40px, 2.0833333333vw), max(320px, 16.6666666667vw) max(40px, 2.0833333333vw), max(9px, .46875vw) max(9px, .46875vw), 100% auto
    }
}

@media screen and (max-width:768px) {
    .st-Footer {
        padding: 13.5416666667vw 0 5.7291666667vw;
        background-image: url(../png/bg_footer_frame_top-2.png), url(../png/bg_stripe.png), -webkit-gradient(linear, left top, right top, from(#f90182), color-stop(#ff7bbb), to(#f90182));
        background-image: url(../png/bg_footer_frame_top-2.png), url(../png/bg_stripe.png), -webkit-linear-gradient(left, #f90182, #ff7bbb, #f90182);
        background-image: url(../png/bg_footer_frame_top-2.png), url(../png/bg_stripe.png), linear-gradient(90deg, #f90182, #ff7bbb, #f90182);
        background-repeat: no-repeat, repeat, repeat-y;
        background-position: top center, top center, top center;
        background-size: 100vw 5.7291666667vw, max(9px, .46875vw) max(9px, .46875vw), 100% auto
    }
}

@media screen and (min-width:769px) {
    .st-Footer .footer-nav {
        margin-bottom: max(50px, 2.6041666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .footer-nav {
        margin-bottom: 7.8125vw
    }
}

.st-Footer .footer-nav nav {
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .st-Footer .footer-nav nav {
        width: max(1080px, 62.5vw);
        height: max(78px, 4.0625vw);
        border-radius: max(39px, 2.03125vw);
        background-color: rgba(248, 0, 130, .16);
        background-image: url(../png/bg_footer_nav_left.png), url(../png/bg_footer_nav_right.png);
        background-repeat: no-repeat;
        background-position: center left, center right;
        background-size: max(50px, 2.6041666667vw) max(78px, 4.0625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .footer-nav nav {
        width: 89.5833333333vw;
        background-image: url(../png/bg_footer_nav_top-left.png), url(../png/bg_footer_nav_top-right.png), url(../png/bg_footer_nav_bottom-left.png), url(../png/bg_footer_nav_bottom-right.png);
        background-repeat: no-repeat;
        background-position: top left, top right, bottom left, bottom right;
        background-size: 6.5104166667vw 6.5104166667vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .footer-nav nav ul {
        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;
        height: 100%
    }
}

@media screen and (max-width:768px) {
    .st-Footer .footer-nav nav ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 2.6041666667vw;
        padding: 2.6041666667vw 5.2083333333vw;
        border-radius: 6.5104166667vw;
        background-color: rgba(248, 0, 130, .46)
    }
}

@media screen and (min-width:769px) {
    .st-Footer .footer-nav nav ul li+li {
        margin-left: max(55px, 2.8645833333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .footer-nav nav ul li:nth-child(n+3) {
        border-top: 1px solid rgba(255, 255, 255, .3)
    }
}

.st-Footer .footer-nav nav ul li a {
    position: relative;
    z-index: 0;
    color: #fff;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .st-Footer .footer-nav nav ul li a {
        font-size: max(18px, .9375vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .footer-nav nav ul li a {
        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;
        height: 12.2395833333vw;
        font-size: 4.1666666667vw
    }
}

.st-Footer .footer-nav nav ul li a::before {
    position: absolute;
    left: 50%;
    z-index: -1;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .36);
    content: ""
}

@media screen and (min-width:769px) {
    .st-Footer .footer-nav nav ul li a::before {
        top: min(-9px, -.46875vw);
        -webkit-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
        width: max(40px, 2.0833333333vw);
        height: max(40px, 2.0833333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .footer-nav nav ul li a::before {
        top: 50%;
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        width: 6.7708333333vw;
        height: 6.7708333333vw
    }
}

@media (any-hover:hover) {
    .st-Footer .footer-nav nav ul li a:not(.current)::before {
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .st-Footer .footer-nav nav ul li a:not(.current):hover::before {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }
}

.st-Footer .footer-nav nav ul li a.current::before {
    background-color: rgba(255, 255, 255, .24)
}

@media screen and (min-width:769px) {
    .st-Footer .footer-nav nav ul li a.current::before {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .footer-nav nav ul li a.current::before {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

.st-Footer .footer-nav nav ul li a.disabled {
    opacity: .4;
    pointer-events: none
}

@media screen and (min-width:769px) {
    .st-Footer .banner {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: max(50px, 2.6041666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .banner {
        width: 89.5833333333vw;
        margin: 0 auto 10.4166666667vw
    }
}

.st-Footer .banner ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (min-width:769px) {
    .st-Footer .banner ul {
        margin: 0 min(-11px, -.5729166667vw) min(-22px, -1.1458333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .banner ul {
        margin: 0 -1.3020833333vw 2.6041666667vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .banner ul li {
        padding: 0 max(11px, .5729166667vw) max(22px, 1.1458333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .banner ul li {
        width: 50%;
        padding: 0 1.3020833333vw 2.6041666667vw
    }
}

.st-Footer .banner ul li a {
    display: block;
    overflow: hidden
}

@media (any-hover:hover) {
    .st-Footer .banner ul li a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .st-Footer .banner ul li a:hover {
        opacity: .8
    }
}

@media screen and (min-width:769px) {
    .st-Footer .banner ul li a {
        border-radius: max(4px, .2083333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .banner ul li a {
        border-radius: .5208333333vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .banner ul.col-3 {
        width: max(822px, 42.8125vw)
    }
}

@media screen and (min-width:769px) {
    .st-Footer .banner ul.col-3 li {
        width: 33.3333333333%
    }
}

@media screen and (min-width:769px) {
    .st-Footer .banner ul.col-4 {
        width: max(1096px, 57.0833333333vw)
    }
}

@media screen and (min-width:769px) {
    .st-Footer .banner ul.col-4 li {
        width: 25%
    }
}

@media screen and (min-width:769px) {
    .st-Footer .link {
        margin-bottom: max(48px, 2.5vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .link {
        width: 79.1666666667vw;
        margin: 0 auto 10.4166666667vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .link ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media screen and (max-width:768px) {
    .st-Footer .link ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5.2083333333vw 5.2083333333vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .link ul li+li {
        margin-left: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .link ul li:nth-child(odd) {
        padding-left: 9.1145833333vw
    }

    .st-Footer .link ul li:nth-child(even) {
        padding-left: 1.3020833333vw
    }
}

.st-Footer .link ul li a {
    color: #fff;
    font-weight: 500;
    letter-spacing: .04em
}

@media (any-hover:hover) {
    .st-Footer .link ul li a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .st-Footer .link ul li a:hover {
        opacity: .8
    }
}

@media screen and (min-width:769px) {
    .st-Footer .link ul li a {
        font-size: max(14px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .link ul li a {
        font-size: 3.125vw
    }
}

.st-Footer .link ul li a span.svg {
    fill: #fff
}

@media screen and (min-width:769px) {
    .st-Footer .link ul li a span.svg {
        width: max(10px, .5208333333vw);
        margin-right: max(6px, .3125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .link ul li a span.svg {
        width: 2.6041666667vw;
        margin-right: .78125vw
    }
}

@media screen and (max-width:768px) {
    .st-Footer .copyright {
        width: 89.5833333333vw;
        margin: 0 auto
    }
}

.st-Footer .copyright p {
    color: #fff;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: .04em;
    text-align: center
}

@media screen and (min-width:769px) {
    .st-Footer .copyright p {
        font-size: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .copyright p {
        font-size: 2.8645833333vw
    }
}

.st-Footer .background-decoration {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    pointer-events: none
}

.st-Footer .background-decoration .deco-item {
    position: absolute
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item {
        bottom: 0;
        width: max(600px, 31.25vw);
        height: max(478px, 24.8958333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item {
        right: 0;
        left: 0;
        height: 65.1041666667vw
    }
}

.st-Footer .background-decoration .deco-item span.svg {
    position: absolute
}

.st-Footer .background-decoration .deco-item span.svg-glitter.g01 svg {
    -webkit-animation: bg-deco_glitter-twinkle 4s linear infinite;
    animation: bg-deco_glitter-twinkle 4s linear infinite
}

.st-Footer .background-decoration .deco-item span.svg-glitter.g02 svg {
    -webkit-animation: bg-deco_glitter-twinkle 4.1s linear infinite;
    animation: bg-deco_glitter-twinkle 4.1s linear infinite
}

.st-Footer .background-decoration .deco-item span.svg-glitter.g03 svg {
    -webkit-animation: bg-deco_glitter-twinkle 4.25s linear infinite;
    animation: bg-deco_glitter-twinkle 4.25s linear infinite
}

.st-Footer .background-decoration .deco-item span.svg-donut {
    opacity: .3;
    fill: #e2e7ec
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item span.svg-donut {
        width: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item span.svg-donut {
        width: 1.5625vw
    }
}

.st-Footer .background-decoration .deco-item span.svg-square {
    fill: #fff
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item span.svg-square {
        width: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item span.svg-square {
        width: 1.5625vw
    }
}

.st-Footer .background-decoration .deco-item span.svg-square svg {
    -webkit-animation: bg-deco_square_rotation 3.9s linear infinite;
    animation: bg-deco_square_rotation 3.9s linear infinite
}

.st-Footer .background-decoration .deco-item span.svg-frame-01 {
    opacity: .3;
    fill: #e2e7ec
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item span.svg-frame-01 {
        width: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item span.svg-frame-01 {
        width: 1.5625vw
    }
}

.st-Footer .background-decoration .deco-item span.svg-frame-01 svg {
    -webkit-animation: bg-deco_square_rotation 4.15s linear infinite;
    animation: bg-deco_square_rotation 4.15s linear infinite
}

.st-Footer .background-decoration .deco-item span.svg-frame-02 {
    fill: #fff
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item span.svg-frame-02 {
        width: max(8px, .4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item span.svg-frame-02 {
        width: 1.0416666667vw
    }
}

.st-Footer .background-decoration .deco-item span.svg-frame-02 svg {
    -webkit-animation: bg-deco_square_rotation 4.2s linear infinite;
    animation: bg-deco_square_rotation 4.2s linear infinite
}

.st-Footer .background-decoration .deco-item span.svg-star {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: .4;
    fill: #fff
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item span.svg-star {
        width: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item span.svg-star {
        width: 1.5625vw
    }
}

.st-Footer .background-decoration .deco-item span.svg-star svg {
    -webkit-animation: bg-deco_star-twinkle 3.95s linear infinite;
    animation: bg-deco_star-twinkle 3.95s linear infinite
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 {
        left: 0
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 {
        top: 0
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-glitter.g01 {
        top: max(285px, 14.84375vw);
        left: max(12px, .625vw);
        width: max(13px, .6770833333vw);
        fill: #e2e7ec
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-glitter.g01 {
        top: 9.8958333333vw;
        left: 8.203125vw;
        opacity: .4;
        width: 2.34375vw;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        fill: #fff
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-glitter.g02 {
        top: max(85px, 4.4270833333vw);
        left: max(197px, 10.2604166667vw);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: .4;
        width: max(18px, .9375vw);
        fill: #fff
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-glitter.g02 {
        top: 21.6145833333vw;
        left: 43.75vw;
        opacity: .6;
        width: 2.34375vw;
        fill: #fff
    }
}

.st-Footer .background-decoration .deco-item-01 span.svg-glitter.g02 svg {
    -webkit-animation-delay: 2.05s;
    animation-delay: 2.05s
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-glitter.g03 {
        top: max(176px, 9.1666666667vw);
        right: max(113px, 5.8854166667vw);
        opacity: .6;
        width: max(18px, .9375vw);
        fill: #fff
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-glitter.g03 {
        top: 29.296875vw;
        right: 11.71875vw;
        width: 1.6927083333vw;
        fill: #e2e7ec
    }
}

.st-Footer .background-decoration .deco-item-01 span.svg-glitter.g03 svg {
    -webkit-animation-delay: 2.75s;
    animation-delay: 2.75s
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-circle.c01 {
        bottom: max(72px, 3.75vw);
        left: max(73px, 3.8020833333vw);
        width: max(6px, .3125vw);
        fill: #fff
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-circle.c01 {
        bottom: 20.1822916667vw;
        right: 4.6875vw;
        width: .78125vw;
        fill: #fff
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-circle.c02 {
        top: 0;
        left: max(90px, 4.6875vw);
        opacity: .3;
        width: max(12px, .625vw);
        fill: #e2e7ec
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-circle.c02 {
        display: none
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-donut.d01 {
        bottom: max(45px, 2.34375vw);
        left: max(160px, 8.3333333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-donut.d01 {
        bottom: 10.15625vw;
        left: 3.3854166667vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-donut.d02 {
        top: max(125px, 6.5104166667vw);
        left: max(338px, 17.6041666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-donut.d02 {
        top: 15.1041666667vw;
        left: 26.6927083333vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-square.q01 {
        top: max(121px, 6.3020833333vw);
        left: max(79px, 4.1145833333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-square.q01 {
        bottom: 12.109375vw;
        left: 38.8020833333vw
    }
}

.st-Footer .background-decoration .deco-item-01 span.svg-square.q01 svg {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-square.q02 {
        top: max(365.4px, 21.1458333333vw);
        left: max(270px, 22.5vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-square.q02 {
        top: 7.9427083333vw;
        right: 3.125vw
    }
}

.st-Footer .background-decoration .deco-item-01 span.svg-square.q02 svg {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-frame-01.f11 {
        top: max(69px, 3.59375vw);
        left: max(286px, 14.8958333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-frame-01.f11 {
        top: 7.8125vw;
        left: 19.7916666667vw
    }
}

.st-Footer .background-decoration .deco-item-01 span.svg-frame-01.f11 svg {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-frame-01.f12 {
        top: max(280px, 14.5833333333vw);
        right: max(139px, 7.2395833333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-frame-01.f12 {
        top: 35.0260416667vw;
        left: 41.015625vw
    }
}

.st-Footer .background-decoration .deco-item-01 span.svg-frame-01.f12 svg {
    -webkit-animation-delay: 3.35s;
    animation-delay: 3.35s
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-frame-02.f21 {
        top: max(56px, 2.9166666667vw);
        left: max(303px, 15.78125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-frame-02.f21 {
        top: 6.1197916667vw;
        left: 22.0052083333vw
    }
}

.st-Footer .background-decoration .deco-item-01 span.svg-frame-02.f21 svg {
    -webkit-animation-delay: .95s;
    animation-delay: .95s
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-frame-02.f22 {
        top: max(296px, 15.4166666667vw);
        right: max(156px, 8.125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-frame-02.f22 {
        top: 37.2395833333vw;
        left: 39.3229166667vw
    }
}

.st-Footer .background-decoration .deco-item-01 span.svg-frame-02.f22 svg {
    -webkit-animation-delay: 3.55s;
    animation-delay: 3.55s
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-star {
        bottom: max(129px, 6.71875vw);
        right: max(76px, 3.9583333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-01 span.svg-star {
        top: 42.4479166667vw;
        left: 49.21875vw
    }
}

.st-Footer .background-decoration .deco-item-01 span.svg-star svg {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 {
        right: 0
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 {
        bottom: 0
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-glitter.g01 {
        top: max(176px, 9.1666666667vw);
        left: max(153px, 7.96875vw);
        opacity: .4;
        width: max(18px, .9375vw);
        fill: #fff
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-glitter.g01 {
        top: 23.046875vw;
        left: 43.0989583333vw;
        opacity: .4;
        width: 2.34375vw;
        fill: #fff
    }
}

.st-Footer .background-decoration .deco-item-02 span.svg-glitter.g01 svg {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-glitter.g02 {
        top: max(84px, 4.375vw);
        right: max(146px, 7.6041666667vw);
        opacity: .4;
        width: max(18px, .9375vw);
        fill: #fff
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-glitter.g02 {
        top: 10.6770833333vw;
        right: 17.1875vw;
        opacity: .4;
        width: 3.125vw;
        fill: #fff
    }
}

.st-Footer .background-decoration .deco-item-02 span.svg-glitter.g02 svg {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-circle.c01 {
        top: max(347px, 18.0729166667vw);
        left: 0;
        opacity: .4;
        width: max(12px, .625vw);
        fill: #fff
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-circle.c01 {
        top: 27.4739583333vw;
        left: 4.4270833333vw;
        opacity: .3;
        width: 1.5625vw;
        fill: #e2e7ec
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-circle.c02 {
        top: max(106px, 5.5208333333vw);
        left: max(195px, 10.15625vw);
        width: max(6px, .3125vw);
        fill: #fff
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-circle.c02 {
        top: 45.3125vw;
        left: 23.3072916667vw;
        opacity: .3;
        width: 1.5625vw;
        fill: #e2e7ec
    }
}

.st-Footer .background-decoration .deco-item-02 span.svg-circle.c03 {
    fill: #fff
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-circle.c03 {
        top: max(332px, 17.2916666667vw);
        right: max(98px, 5.1041666667vw);
        opacity: .7;
        width: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-circle.c03 {
        top: 13.9322916667vw;
        left: 48.6979166667vw;
        width: .78125vw
    }
}

.st-Footer .background-decoration .deco-item-02 span.svg-circle.c04 {
    fill: #fff
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-circle.c04 {
        bottom: max(2px, .1041666667vw);
        right: max(89px, 4.6354166667vw);
        width: max(6px, .3125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-circle.c04 {
        bottom: 20.1822916667vw;
        right: 11.328125vw;
        opacity: .7;
        width: 1.5625vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-circle.c05 {
        top: 0;
        right: max(53px, 2.7604166667vw);
        opacity: .3;
        width: max(12px, .625vw);
        fill: #e2e7ec
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-circle.c05 {
        bottom: 2.9947916667vw;
        right: 10.15625vw;
        width: .78125vw;
        fill: #fff
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-circle.c06 {
        display: none
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-circle.c06 {
        top: 0;
        right: 5.46875vw;
        opacity: .3;
        width: 1.5625vw;
        fill: #e2e7ec
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-donut.d01 {
        top: max(305px, 15.8854166667vw);
        left: max(257px, 13.3854166667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-donut.d01 {
        top: 39.84375vw;
        left: 56.7708333333vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-donut.d02 {
        top: max(124px, 6.4583333333vw);
        left: max(288px, 15vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-donut.d02 {
        top: 16.40625vw;
        left: 60.6770833333vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-square.q01 {
        top: max(363.6px, 21.0416666667vw);
        right: max(246.25px, 20.5208333333vw)
    }

    .st-Footer .background-decoration .deco-item-02 span.svg-square.q01 svg {
        -webkit-animation-delay: 3.35s;
        animation-delay: 3.35s
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-square.q01 {
        display: none
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-square.q02 {
        top: max(120px, 6.25vw);
        right: max(41px, 2.1354166667vw)
    }

    .st-Footer .background-decoration .deco-item-02 span.svg-square.q02 svg {
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-square.q02 {
        display: none
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-frame-01.f11 {
        top: max(278px, 14.4791666667vw);
        left: max(177px, 9.21875vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-frame-01.f11 {
        top: 36.328125vw;
        left: 46.3541666667vw
    }
}

.st-Footer .background-decoration .deco-item-02 span.svg-frame-01.f11 svg {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-frame-01.f12 {
        top: max(69px, 3.59375vw);
        left: max(340px, 17.7083333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-frame-01.f12 {
        top: 9.1145833333vw;
        right: 30.859375vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-frame-02 {
        top: max(56px, 2.9166666667vw);
        left: max(327px, 17.03125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-frame-02 {
        top: 7.421875vw;
        right: 33.0729166667vw
    }
}

.st-Footer .background-decoration .deco-item-02 span.svg-frame-02 svg {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-star.s01 {
        top: max(335px, 17.4479166667vw);
        left: max(114px, 5.9375vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-star.s01 {
        top: 43.75vw;
        left: 38.1510416667vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-star.s02 {
        bottom: max(75px, 3.90625vw);
        right: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration .deco-item-02 span.svg-star.s02 {
        bottom: 12.5vw;
        right: 1.3020833333vw
    }
}

.st-Footer .background-decoration .deco-item-02 span.svg-star.s02 svg {
    -webkit-animation-delay: 1.95s;
    animation-delay: 1.95s
}

.st-Footer .background-decoration span.svg {
    position: absolute
}

.st-Footer .background-decoration span.svg-01 {
    opacity: .3;
    fill: #fff
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration span.svg-01 {
        top: max(316px, 16.4583333333vw);
        left: max(212px, 11.0416666667vw);
        width: max(77px, 4.0104166667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration span.svg-01 {
        top: 24.3489583333vw;
        left: 10.0260416667vw;
        width: 10.0260416667vw
    }
}

.st-Footer .background-decoration span.svg-02 {
    opacity: .4;
    fill: #fff
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration span.svg-02 {
        top: max(387px, 20.15625vw);
        left: max(130px, 6.7708333333vw);
        width: max(45px, 2.34375vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration span.svg-02 {
        top: 33.59375vw;
        left: -.6510416667vw;
        width: 5.859375vw
    }
}

.st-Footer .background-decoration span.svg-03 {
    opacity: .6;
    fill: #fff
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration span.svg-03 {
        top: max(345px, 17.96875vw);
        right: max(190px, 9.8958333333vw);
        width: max(47px, 2.4479166667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration span.svg-03 {
        top: 107.9427083333vw;
        left: 9.1145833333vw;
        width: 6.1197916667vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration:not(.is-mobile) span.svg-01 {
        -webkit-animation: fluffy 3.3s infinite ease-in-out alternate;
        animation: fluffy 3.3s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration:not(.is-mobile) span.svg-01 {
        -webkit-animation: fluffy-sp 3.3s infinite ease-in-out alternate;
        animation: fluffy-sp 3.3s infinite ease-in-out alternate
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration:not(.is-mobile) span.svg-02 {
        animation: fluffy 3.8s infinite ease-in-out alternate-reverse
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration:not(.is-mobile) span.svg-02 {
        animation: fluffy-sp 3.8s infinite ease-in-out alternate-reverse
    }
}

@media screen and (min-width:769px) {
    .st-Footer .background-decoration:not(.is-mobile) span.svg-03 {
        -webkit-animation: fluffy 4.1s infinite ease-in-out alternate;
        animation: fluffy 4.1s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .st-Footer .background-decoration:not(.is-mobile) span.svg-03 {
        -webkit-animation: fluffy-sp 4.1s infinite ease-in-out alternate;
        animation: fluffy-sp 4.1s infinite ease-in-out alternate
    }
}

.sw-Button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    color: #f80082;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .sw-Button {
        height: max(60px, 3.125vw);
        margin-left: max(108px, 5.625vw);
        font-size: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Button {
        height: 10.4166666667vw;
        margin-left: 15.625vw;
        font-size: 4.6875vw
    }
}

.sw-Button span.arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

@media screen and (min-width:769px) {
    .sw-Button span.arrow {
        width: max(68px, 3.5416666667vw);
        height: max(60px, 3.125vw);
        margin-left: max(40px, 2.0833333333vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Button span.arrow {
        width: 11.71875vw;
        height: 10.4166666667vw;
        margin-left: 3.90625vw
    }
}

.sw-Button span.svg {
    position: relative;
    z-index: 1;
    fill: #f80082
}

@media screen and (min-width:769px) {
    .sw-Button span.svg {
        width: max(42px, 2.1875vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Button span.svg {
        width: 7.2916666667vw
    }
}

.sw-Button span.bg {
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {
    .sw-Button span.bg {
        width: max(60px, 3.125vw);
        height: max(60px, 3.125vw);
        background-image: url(../png/bg_button.png);
        -webkit-filter: drop-shadow(max(10px, .5208333333vw) max(10px, .5208333333vw) max(30px, 1.5625vw) rgba(194, 160, 206, .26));
        filter: drop-shadow(max(10px, .5208333333vw) max(10px, .5208333333vw) max(30px, 1.5625vw) rgba(194, 160, 206, .26))
    }
}

@media screen and (max-width:768px) {
    .sw-Button span.bg {
        width: 10.4166666667vw;
        height: 10.4166666667vw;
        background-image: url(../png/bg_button-2.png);
        -webkit-filter: drop-shadow(1.3020833333vw 1.3020833333vw 3.90625vw rgba(194, 160, 206, .26));
        filter: drop-shadow(1.3020833333vw 1.3020833333vw 3.90625vw rgba(194, 160, 206, .26))
    }
}

@media (any-hover:hover) {
    .sw-Button {
        -webkit-transition: color .35s;
        transition: color .35s
    }

    .sw-Button span.svg {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }

    .sw-Button:hover {
        color: #ff5baa
    }
}

@media screen and (any-hover:hover) and (min-width:769px) {
    .sw-Button:hover span.svg {
        -webkit-transform: translateX(max(8px, .4166666667vw));
        transform: translateX(max(8px, .4166666667vw))
    }
}

@media screen and (any-hover:hover) and (max-width:768px) {
    .sw-Button:hover span.svg {
        -webkit-transform: translateX(1.0416666667vw);
        transform: translateX(1.0416666667vw)
    }
}

.sw-Play {
    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;
    position: absolute;
    top: 50%;
    z-index: 1
}

@media screen and (min-width:769px) {
    .sw-Play {
        right: max(24px, 1.5625vw);
        width: max(72px, 4.6875vw);
        height: max(72px, 4.6875vw);
        margin-top: min(-36px, -2.34375vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Play {
        right: 6.25vw;
        width: 14.3229166667vw;
        height: 14.3229166667vw;
        margin-top: -7.1614583333vw
    }
}

.sw-Play::before {
    position: absolute;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .9);
    content: ""
}

@media screen and (min-width:769px) {
    .sw-Play::before {
        width: max(70.4px, 4.5833333333vw);
        height: max(70.4px, 4.5833333333vw);
        -webkit-box-shadow: max(16px, 1.0416666667vw) max(16px, 1.0416666667vw) max(24px, 1.5625vw) rgba(194, 160, 206, .32);
        box-shadow: max(16px, 1.0416666667vw) max(16px, 1.0416666667vw) max(24px, 1.5625vw) rgba(194, 160, 206, .32)
    }
}

@media screen and (max-width:768px) {
    .sw-Play::before {
        width: 14.0625vw;
        height: 14.0625vw;
        -webkit-box-shadow: 2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32);
        box-shadow: 2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32)
    }
}

.sw-Play span.arc {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: rotate(-97deg);
    transform: rotate(-97deg)
}

.sw-Play span.arc svg {
    fill: none;
    stroke-width: 3
}

.sw-Play span.arc svg.default {
    stroke: url(#arc-gradient);
    stroke-dasharray: 273.18;
    stroke-dashoffset: 68.295
}

.sw-Play span.arc svg.hover {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    stroke: url(#arc-gradient-hover);
    stroke-width: 3;
    stroke-dasharray: 273.18;
    stroke-dashoffset: 273.18
}

.sw-Play span.svg {
    position: relative;
    fill: #f80082
}

@media screen and (min-width:769px) {
    .sw-Play span.svg {
        left: max(2.4px, .15625vw);
        width: max(21.6px, 1.40625vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Play span.svg {
        left: .390625vw;
        width: 4.5572916667vw
    }
}

@media (any-hover:hover) {
    .video-media .sw-Play {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        will-change: transform
    }

    .video-media .sw-Play span.arc svg.hover {
        -webkit-transition: stroke-dasharray .35s, stroke-dashoffset .35s;
        transition: stroke-dasharray .35s, stroke-dashoffset .35s
    }

    .video-media:hover .sw-Play {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    .video-media:hover .sw-Play span.arc svg.hover {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes menu-glitter-large {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(90deg) scale(1.3);
        transform: rotate(90deg) scale(1.3)
    }

    100% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1)
    }
}

@keyframes menu-glitter-large {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(90deg) scale(1.3);
        transform: rotate(90deg) scale(1.3)
    }

    100% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1)
    }
}

@-webkit-keyframes menu-glitter-small {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(90deg) scale(2.4);
        transform: rotate(90deg) scale(2.4)
    }

    100% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1)
    }
}

@keyframes menu-glitter-small {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(90deg) scale(2.4);
        transform: rotate(90deg) scale(2.4)
    }

    100% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1)
    }
}

@-webkit-keyframes fluffy {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(max(30px, 1.5625vw));
        transform: translateY(max(30px, 1.5625vw))
    }
}

@keyframes fluffy {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(max(30px, 1.5625vw));
        transform: translateY(max(30px, 1.5625vw))
    }
}

@-webkit-keyframes fluffy-sp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(3.90625vw);
        transform: translateY(3.90625vw)
    }
}

@keyframes fluffy-sp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(3.90625vw);
        transform: translateY(3.90625vw)
    }
}

@-webkit-keyframes bg-deco_glitter-twinkle {

    0%,
    10% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    13.5% {
        -webkit-transform: rotate(90deg) scale(1.6);
        transform: rotate(90deg) scale(1.6)
    }

    17% {
        -webkit-transform: rotate(180deg) scale(1.6);
        transform: rotate(180deg) scale(1.6)
    }

    100%,
    24% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@keyframes bg-deco_glitter-twinkle {

    0%,
    10% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    13.5% {
        -webkit-transform: rotate(90deg) scale(1.6);
        transform: rotate(90deg) scale(1.6)
    }

    17% {
        -webkit-transform: rotate(180deg) scale(1.6);
        transform: rotate(180deg) scale(1.6)
    }

    100%,
    24% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@-webkit-keyframes bg-deco_square_rotation {

    0%,
    10% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    17% {
        -webkit-transform: rotate(180deg) scale(1.6);
        transform: rotate(180deg) scale(1.6)
    }

    100%,
    24% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@keyframes bg-deco_square_rotation {

    0%,
    10% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    17% {
        -webkit-transform: rotate(180deg) scale(1.6);
        transform: rotate(180deg) scale(1.6)
    }

    100%,
    24% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@-webkit-keyframes bg-deco_star-twinkle {

    0%,
    10% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    17% {
        -webkit-transform: rotate(180deg) scale(1.6);
        transform: rotate(180deg) scale(1.6)
    }

    100%,
    24% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@keyframes bg-deco_star-twinkle {

    0%,
    10% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    17% {
        -webkit-transform: rotate(180deg) scale(1.6);
        transform: rotate(180deg) scale(1.6)
    }

    100%,
    24% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@-webkit-keyframes header-glitter-left {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(-90deg) scale(2.4);
        transform: rotate(-90deg) scale(2.4)
    }

    100% {
        -webkit-transform: rotate(-180deg) scale(1);
        transform: rotate(-180deg) scale(1)
    }
}

@keyframes header-glitter-left {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(-90deg) scale(2.4);
        transform: rotate(-90deg) scale(2.4)
    }

    100% {
        -webkit-transform: rotate(-180deg) scale(1);
        transform: rotate(-180deg) scale(1)
    }
}

@-webkit-keyframes header-glitter-right {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(90deg) scale(2.4);
        transform: rotate(90deg) scale(2.4)
    }

    100% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1)
    }
}

@keyframes header-glitter-right {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(90deg) scale(2.4);
        transform: rotate(90deg) scale(2.4)
    }

    100% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1)
    }
}

@-webkit-keyframes scroll-horizontal {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -100% 0
    }
}

@keyframes scroll-horizontal {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -100% 0
    }
}

body.loading .st-Wrapper {
    visibility: hidden
}

.index-KeyVisual {
    position: relative
}

.index-KeyVisual::before {
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    background-color: rgba(194, 160, 206, .4);
    content: "";
    will-change: filter
}

@media screen and (min-width:769px) {
    .index-KeyVisual::before {
        bottom: min(-12.5px, -1.0416666667vw);
        width: max(875px, 72.9166666667vw);
        height: max(125px, 10.4166666667vw);
        -webkit-filter: blur(max(16.25px, 1.3541666667vw));
        filter: blur(max(16.25px, 1.3541666667vw))
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual::before {
        bottom: -3.90625vw;
        width: 76.5625vw;
        height: 10.9375vw;
        -webkit-filter: blur(5.2083333333vw);
        filter: blur(5.2083333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual::after {
        position: absolute;
        top: -7.1614583333vw;
        left: 35.4166666667vw;
        z-index: 1;
        width: 38.0208333333vw;
        height: 8.8541666667vw;
        background-image: url(../png/bg_kv_deco.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        content: ""
    }
}

.index-KeyVisual .kv-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

.index-KeyVisual .kv-container-inner {
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-KeyVisual .kv-container-inner {
        width: max(1100px, 91.6666666667vw);
        height: max(646.875px, 53.90625vw);
        border-radius: max(8px, .4166666667vw);
        -webkit-clip-path: polygon(0 0, max(449.375px, 37.4479166667vw) 0, max(458.75px, 38.2291666667vw) max(8.75px, .7291666667vw), max(641.25px, 53.4375vw) max(8.75px, .7291666667vw), max(650.625px, 54.21875vw) 0, 100% 0, 100% 100%, max(650.625px, 54.21875vw) 100%, max(641.25px, 53.4375vw) calc(100% - max(8.75px, .7291666667vw)), max(458.75px, 38.2291666667vw) calc(100% - max(8.75px, .7291666667vw)), max(449.375px, 37.4479166667vw) 100%, 0 100%);
        clip-path: polygon(0 0, max(449.375px, 37.4479166667vw) 0, max(458.75px, 38.2291666667vw) max(8.75px, .7291666667vw), max(641.25px, 53.4375vw) max(8.75px, .7291666667vw), max(650.625px, 54.21875vw) 0, 100% 0, 100% 100%, max(650.625px, 54.21875vw) 100%, max(641.25px, 53.4375vw) calc(100% - max(8.75px, .7291666667vw)), max(458.75px, 38.2291666667vw) calc(100% - max(8.75px, .7291666667vw)), max(449.375px, 37.4479166667vw) 100%, 0 100%)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual .kv-container-inner {
        width: 94.7916666667vw;
        height: 140.625vw;
        border-radius: 1.0416666667vw;
        -webkit-clip-path: polygon(0 0, 33.3984375vw 0, 34.9609375vw 2.4739583333vw, 59.8307291667vw 2.4739583333vw, 61.3932291667vw 0, 100% 0, 100% 100%, 61.3932291667vw 100%, 59.8307291667vw calc(100% - 2.4739583333vw), 34.9609375vw calc(100% - 2.4739583333vw), 33.3984375vw 100%, 0 100%);
        clip-path: polygon(0 0, 33.3984375vw 0, 34.9609375vw 2.4739583333vw, 59.8307291667vw 2.4739583333vw, 61.3932291667vw 0, 100% 0, 100% 100%, 61.3932291667vw 100%, 59.8307291667vw calc(100% - 2.4739583333vw), 34.9609375vw calc(100% - 2.4739583333vw), 33.3984375vw 100%, 0 100%)
    }
}

.index-KeyVisual .kv-container-inner::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background-repeat: no-repeat;
    content: "";
    pointer-events: none
}

@media screen and (min-width:769px) {
    .index-KeyVisual .kv-container-inner::before {
        background-image: url(../png/bg_kv_frame_top.png), url(../png/bg_kv_frame_bottom.png);
        background-position: top max(8.125px, .6770833333vw) center, bottom max(8.125px, .6770833333vw) center;
        background-size: max(1100px, 91.6666666667vw) max(15px, 1.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual .kv-container-inner::before {
        background-image: url(../png/bg_kv_frame_top-2.png), url(../png/bg_kv_frame_bottom-2.png);
        background-position: top 1.4322916667vw center, bottom 1.4322916667vw center;
        background-size: 94.7916666667vw 3.6458333333vw
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual .kv-container-inner:not(.swiper-container) .kv-media {
        -webkit-animation: kvslider-scroll-horizontal 16s linear .5s infinite alternate;
        animation: kvslider-scroll-horizontal 16s linear .5s infinite alternate
    }
}

.index-KeyVisual h1.kv-title {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-KeyVisual h1.kv-title {
        top: max(36.875px, 3.0729166667vw);
        width: max(621.25px, 51.7708333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual h1.kv-title {
        top: 13.0208333333vw;
        width: 72.3958333333vw
    }
}

@media screen and (min-width:769px) {
    .index-KeyVisual .side-text {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        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
    }

    .index-KeyVisual .side-text.left {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .index-KeyVisual .side-text p {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #ff5baa;
        font-family: "Chakra Petch", sans-serif;
        font-size: max(12px, .625vw);
        font-weight: 700;
        letter-spacing: .1em;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl
    }

    .index-KeyVisual .side-text p span.svg {
        width: max(9px, .46875vw);
        height: max(9px, .46875vw);
        margin: max(6px, .3125vw) 0;
        fill: #ff5baa
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual .side-text {
        display: none
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual .swiper-container::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        opacity: 0;
        z-index: 1;
        background-color: #ffd1e9;
        content: "";
        pointer-events: none;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    .index-KeyVisual .swiper-container.changing::after {
        opacity: 1
    }
}

.index-KeyVisual .kv-media {
    height: 100%;
    background-repeat: no-repeat
}

@media screen and (min-width:769px) {
    .index-KeyVisual .kv-media {
        background-position: center;
        background-size: cover
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual .kv-media {
        background-position: 0 0;
        background-size: auto 100%
    }

    .index-KeyVisual .kv-media.animating {
        -webkit-animation: kvslider-scroll-horizontal 16s linear .5s both;
        animation: kvslider-scroll-horizontal 16s linear .5s both
    }
}

.index-KeyVisual h2.kv-catch {
    position: absolute
}

@media screen and (min-width:769px) {
    .index-KeyVisual h2.kv-catch {
        bottom: max(37.5px, 3.125vw);
        right: 0;
        left: 0;
        width: max(455px, 37.9166666667vw);
        margin: 0 auto
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual h2.kv-catch {
        bottom: 9.1145833333vw;
        left: 0;
        width: 94.7916666667vw
    }
}

.index-KeyVisual .navigation {
    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;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1
}

@media screen and (min-width:769px) {
    .index-KeyVisual .navigation {
        bottom: min(-32px, -1.6666666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual .navigation {
        bottom: -10.0260416667vw
    }
}

.index-KeyVisual .navigation .pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width:769px) {
    .index-KeyVisual .navigation .pagination {
        margin: 0 max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual .navigation .pagination {
        margin: 0 2.8645833333vw
    }
}

.index-KeyVisual .navigation .pagination p.current,
.index-KeyVisual .navigation .pagination p.total {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {

    .index-KeyVisual .navigation .pagination p.current,
    .index-KeyVisual .navigation .pagination p.total {
        font-size: max(18px, .9375vw)
    }
}

@media screen and (max-width:768px) {

    .index-KeyVisual .navigation .pagination p.current,
    .index-KeyVisual .navigation .pagination p.total {
        font-size: 3.515625vw
    }
}

.index-KeyVisual .navigation .pagination p.current {
    color: #f80082
}

.index-KeyVisual .navigation .pagination p.total {
    color: #9ca3a9
}

.index-KeyVisual .navigation .pagination span.progressbar {
    position: relative;
    height: 1px;
    background-color: #bec5ca
}

@media screen and (min-width:769px) {
    .index-KeyVisual .navigation .pagination span.progressbar {
        top: min(-1px, -.0520833333vw);
        width: max(100px, 5.2083333333vw);
        margin: 0 max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual .navigation .pagination span.progressbar {
        width: 20.8333333333vw;
        margin: 0 1.5625vw
    }
}

.index-KeyVisual .navigation .pagination span.progressbar::before {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    transform-origin: center left;
    width: 100%;
    height: 1px;
    background-color: #f80082;
    content: ""
}

@media screen and (min-width:769px) {
    .index-KeyVisual .navigation .pagination span.progressbar.active::before {
        -webkit-animation: kvslider-progress 6.6s linear .1s both;
        animation: kvslider-progress 6.6s linear .1s both
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual .navigation .pagination span.progressbar.active::before {
        -webkit-animation: kvslider-progress 16.4s linear .1s both;
        animation: kvslider-progress 16.4s linear .1s both
    }
}

.index-KeyVisual .navigation button {
    text-align: center
}

@media screen and (min-width:769px) {
    .index-KeyVisual .navigation button {
        width: max(22px, 1.1458333333vw);
        height: max(22px, 1.1458333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual .navigation button {
        width: 7.8125vw;
        height: 7.8125vw
    }
}

@media screen and (min-width:769px) {
    .index-KeyVisual .navigation button span.svg {
        width: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual .navigation button span.svg {
        width: 3.125vw
    }
}

.index-Wrapper {
    position: relative
}

@media screen and (min-width:769px) {
    .index-Wrapper {
        padding: max(105px, 5.46875vw) 0 max(116px, 6.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Wrapper {
        padding: 23.6979166667vw 0 15.625vw
    }
}

.index-Wrapper::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -2;
    margin: 0 auto;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ffd1e9;
    background-color: #fff;
    content: ""
}

@media screen and (min-width:769px) {
    .index-Wrapper::before {
        width: max(975px, 81.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-Wrapper::before {
        width: 92.1875vw
    }
}

@media screen and (max-width:768px) {
    .section-header {
        text-align: center
    }
}

.section-header h2 {
    display: inline-block
}

.section-header h2 span.title {
    display: inline-block;
    position: relative;
    color: #f80082;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700
}

@media screen and (min-width:769px) {
    .section-header h2 span.title {
        font-size: max(72px, 3.75vw)
    }
}

@media screen and (max-width:768px) {
    .section-header h2 span.title {
        font-size: 12.5vw
    }
}

.section-header h2 span.title::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: rgba(248, 0, 130, 0);
    background-image: url(../png/bg_title.png);
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    content: attr(data-text);
    pointer-events: none
}

@media screen and (min-width:769px) {
    .section-header h2 span.title::before {
        background-position: top min(-56px, -2.9166666667vw) left min(-8px, -.4166666667vw);
        background-size: max(233px, 12.1354166667vw) max(240px, 12.5vw)
    }
}

@media screen and (max-width:768px) {
    .section-header h2 span.title::before {
        background-position: top -11.71875vw left -1.3020833333vw;
        background-size: 40.8854166667vw 42.1875vw
    }
}

.section-header h2 span.title-arc {
    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;
    position: absolute;
    pointer-events: none
}

@media screen and (min-width:769px) {
    .section-header h2 span.title-arc {
        top: min(-32px, -1.6666666667vw);
        left: min(-44px, -2.2916666667vw);
        width: max(110px, 5.7291666667vw);
        height: max(110px, 5.7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .section-header h2 span.title-arc {
        top: -3.90625vw;
        left: -6.7708333333vw;
        width: 13.28125vw;
        height: 13.28125vw
    }
}

.section-header h2 span.title-arc span.arc {
    position: absolute;
    -webkit-transform: rotate(114deg);
    transform: rotate(114deg);
    fill: none
}

.section-header h2 span.title-arc span.arc.outside {
    stroke: #ff5baa;
    stroke-width: 1.65;
    stroke-dasharray: 340.219;
    stroke-dashoffset: 340.219
}

@media screen and (min-width:769px) {
    .section-header h2 span.title-arc span.arc.outside {
        width: max(110px, 5.7291666667vw);
        height: max(110px, 5.7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .section-header h2 span.title-arc span.arc.outside {
        width: 14.3229166667vw;
        height: 14.3229166667vw
    }
}

.section-header h2 span.title-arc span.arc.inside {
    stroke: #ffd1e9;
    stroke-width: 1.35;
    stroke-dasharray: 278.361;
    stroke-dashoffset: 278.361
}

@media screen and (min-width:769px) {
    .section-header h2 span.title-arc span.arc.inside {
        width: max(90px, 4.6875vw);
        height: max(90px, 4.6875vw)
    }
}

@media screen and (max-width:768px) {
    .section-header h2 span.title-arc span.arc.inside {
        width: 11.71875vw;
        height: 11.71875vw
    }
}

.section-header h2 span.sub-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 0
}

@media screen and (min-width:769px) {
    .section-header h2 span.sub-title {
        margin-top: max(4px, .2083333333vw)
    }
}

@media screen and (max-width:768px) {
    .section-header h2 span.sub-title {
        margin-top: 1.3020833333vw
    }
}

.section-header h2 span.text::before {
    display: inline-block;
    color: #ff5baa;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    letter-spacing: .04em;
    content: "LOVELIVE! School Idol Festival 2"
}

@media screen and (min-width:769px) {
    .section-header h2 span.text::before {
        font-size: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .section-header h2 span.text::before {
        font-size: 2.6041666667vw
    }
}

.section-header h2 span.glitter {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.section-header h2 span.glitter span.svg {
    fill: #f80082
}

@media screen and (min-width:769px) {
    .section-header h2 span.glitter span.svg {
        width: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .section-header h2 span.glitter span.svg {
        width: 2.0833333333vw
    }
}

.section-header h2 span.glitter span.svg:nth-child(2) {
    opacity: .3
}

.section-header h2 span.glitter span.svg:nth-child(3) {
    opacity: .1
}

.section-header h2 span.glitter.left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (min-width:769px) {
    .section-header h2 span.glitter.left span.svg {
        margin-right: max(6px, .3125vw)
    }
}

@media screen and (max-width:768px) {
    .section-header h2 span.glitter.left span.svg {
        margin-right: .78125vw
    }
}

@media screen and (min-width:769px) {
    .section-header h2 span.glitter.right span.svg {
        margin-left: max(6px, .3125vw)
    }
}

@media screen and (max-width:768px) {
    .section-header h2 span.glitter.right span.svg {
        margin-left: .78125vw
    }
}

.index-News {
    position: relative
}

@media screen and (min-width:769px) {
    .index-News {
        margin-bottom: max(180px, 9.375vw)
    }
}

@media screen and (max-width:768px) {
    .index-News {
        margin-bottom: 16.9270833333vw
    }
}

.index-News .section-container {
    position: relative
}

@media screen and (min-width:769px) {
    .index-News .section-container {
        width: max(840px, 62.5vw);
        margin: 0 auto
    }
}

.index-News .section-header {
    position: relative
}

@media screen and (min-width:769px) {
    .index-News .section-header {
        margin-bottom: max(40px, 2.0833333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .section-header {
        margin-bottom: 6.5104166667vw
    }
}

.index-News .section-header::before {
    position: absolute;
    z-index: -1;
    opacity: .1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {
    .index-News .section-header::before {
        top: min(-23.8px, -1.7708333333vw);
        right: min(-119px, -8.8541666667vw);
        width: max(449.4px, 33.4375vw);
        height: max(117.6px, 8.75vw);
        background-image: url(../png/bg_news_title.png)
    }
}

@media screen and (max-width:768px) {
    .index-News .section-header::before {
        top: -9.1145833333vw;
        left: 2.8645833333vw;
        width: 18.2291666667vw;
        height: 69.7916666667vw;
        background-image: url(../png/bg_news_title-2.png)
    }
}

.index-News .section-header h2 {
    opacity: 0;
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    transition: opacity .8s, -webkit-transform .8s;
    transition: transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s, -webkit-transform .8s
}

@media screen and (min-width:769px) {
    .index-News .section-header h2 {
        -webkit-transform: translateX(min(-40px, -2.0833333333vw));
        transform: translateX(min(-40px, -2.0833333333vw))
    }
}

@media screen and (max-width:768px) {
    .index-News .section-header h2 {
        -webkit-transform: translateY(5.2083333333vw);
        transform: translateY(5.2083333333vw)
    }
}

@media screen and (min-width:769px) {
    .index-News .section-header h2 span.title {
        left: min(-4px, -.2083333333vw)
    }
}

@media screen and (min-width:769px) {
    .index-News .section-header h2 span.glitter.left {
        display: none
    }
}

.index-News .section-header h2.is-animated {
    opacity: 1
}

@media screen and (min-width:769px) {
    .index-News .section-header h2.is-animated {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width:768px) {
    .index-News .section-header h2.is-animated {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.index-News .section-header h2.is-animated span.title-arc span.arc.outside {
    -webkit-animation: title-deco-outside .35s .85s both;
    animation: title-deco-outside .35s .85s both
}

.index-News .section-header h2.is-animated span.title-arc span.arc.inside {
    -webkit-animation: title-deco-inside .4s .7s both;
    animation: title-deco-inside .4s .7s both
}

@media screen and (max-width:768px) {
    .index-News .section-body {
        margin-bottom: 3.90625vw
    }
}

@media screen and (max-width:768px) {
    .index-News .news-list {
        overflow-x: auto;
        padding-bottom: 5.2083333333vw;
        -webkit-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory
    }
}

.index-News .news-list ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

@media screen and (min-width:769px) {
    .index-News .news-list ul {
        gap: max(37.5px, 3.125vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .news-list ul {
        width: 266.1458333333vw;
        gap: 3.90625vw;
        padding: 0 10.4166666667vw
    }
}

@media screen and (max-width:768px) {
    .index-News .news-list ul li {
        scroll-snap-align: center
    }
}

@media (any-hover:hover) {
    .index-News .news-list ul li a:hover .article-media img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.index-News .news-list ul li .article-media {
    overflow: hidden;
    aspect-ratio: 1/.565
}

@media screen and (min-width:769px) {
    .index-News .news-list ul li .article-media {
        margin-bottom: max(12.5px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .news-list ul li .article-media {
        margin-bottom: 3.90625vw
    }
}

.index-News .news-list ul li .article-media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (any-hover:hover) {
    .index-News .news-list ul li .article-media img {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }
}

.index-News .news-list ul li p.date {
    position: relative;
    color: #f80082;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .index-News .news-list ul li p.date {
        margin-bottom: max(14px, .7291666667vw);
        font-size: max(14.4px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .news-list ul li p.date {
        margin-bottom: 3.6458333333vw;
        font-size: 3.3854166667vw
    }
}

.index-News .news-list ul li p.date::before {
    position: absolute;
    left: 0;
    background-color: #f80082;
    content: ""
}

@media screen and (min-width:769px) {
    .index-News .news-list ul li p.date::before {
        bottom: min(-8px, -.4166666667vw);
        width: max(10px, .5208333333vw);
        height: max(2px, .1041666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .news-list ul li p.date::before {
        bottom: -2.0833333333vw;
        width: 2.6041666667vw;
        height: .5208333333vw
    }
}

.index-News .news-list ul li h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .index-News .news-list ul li h3 {
        font-size: max(14.4px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .news-list ul li h3 {
        font-size: 3.3854166667vw
    }
}

@media screen and (min-width:769px) {
    .index-News .more-button {
        position: absolute;
        top: max(17px, .8854166667vw);
        right: 0
    }
}

@media screen and (max-width:768px) {
    .index-News .more-button {
        width: 79.1666666667vw;
        margin: 0 auto;
        text-align: right
    }
}

.index-About {
    position: relative
}

@media screen and (min-width:769px) {
    .index-About {
        margin-bottom: max(120px, 6.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-About {
        margin-bottom: 14.3229166667vw
    }
}

.index-About .section-container {
    position: relative
}

@media screen and (min-width:769px) {
    .index-About .section-container {
        width: max(840px, 62.5vw);
        margin: 0 auto
    }
}

.index-About .section-header {
    position: relative
}

@media screen and (min-width:769px) {
    .index-About .section-header {
        margin-bottom: max(28px, 2.0833333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-header {
        margin-bottom: 6.5104166667vw
    }
}

.index-About .section-header::before {
    position: absolute;
    z-index: -1;
    opacity: .1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {
    .index-About .section-header::before {
        top: min(-64.4px, -4.7916666667vw);
        left: max(70px, 5.2083333333vw);
        width: max(544.6px, 40.5208333333vw);
        height: max(117.6px, 8.75vw);
        background-image: url(../png/bg_about_title.png)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-header::before {
        top: -11.1979166667vw;
        left: 7.5520833333vw;
        width: 84.6354166667vw;
        height: 18.2291666667vw;
        background-image: url(../png/bg_about_title-2.png)
    }
}

.index-About .section-header h2 {
    opacity: 0;
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    transition: opacity .8s, -webkit-transform .8s;
    transition: transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s, -webkit-transform .8s
}

@media screen and (min-width:769px) {
    .index-About .section-header h2 {
        -webkit-transform: translateX(min(-40px, -2.0833333333vw));
        transform: translateX(min(-40px, -2.0833333333vw))
    }
}

@media screen and (max-width:768px) {
    .index-About .section-header h2 {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (min-width:769px) {
    .index-About .section-header h2 span.glitter.left {
        display: none
    }
}

.index-About .section-body .image {
    opacity: 0;
    overflow: hidden
}

@media screen and (min-width:769px) {
    .index-About .section-body .image {
        position: absolute;
        top: min(-45.5px, -3.3854166667vw);
        right: 0;
        -webkit-transform: translateY(max(40px, 2.0833333333vw));
        transform: translateY(max(40px, 2.0833333333vw));
        width: max(420px, 31.25vw);
        height: max(236.6px, 17.6041666667vw);
        border-radius: max(8px, .4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .image {
        -webkit-transform: translateY(5.2083333333vw);
        transform: translateY(5.2083333333vw);
        width: 89.5833333333vw;
        height: 55.3385416667vw;
        border-radius: 1.0416666667vw 0 0 1.0416666667vw;
        margin-left: auto
    }

    .index-About .section-body .image img {
        position: relative;
        top: -.6510416667vw;
        left: -.9114583333vw;
        width: 98.4375vw
    }
}

.index-About .section-body p.lead {
    position: relative;
    opacity: 0;
    color: #f80082;
    font-weight: 800;
    line-height: 1.85;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .index-About .section-body p.lead {
        -webkit-transform: translateY(max(40px, 2.0833333333vw));
        transform: translateY(max(40px, 2.0833333333vw));
        margin-bottom: max(30.8px, 2.2916666667vw);
        font-size: max(22.4px, 1.6666666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body p.lead {
        -webkit-transform: translateY(5.2083333333vw);
        transform: translateY(5.2083333333vw);
        margin: -24.21875vw 0 5.078125vw 5.2083333333vw;
        font-size: 5.2083333333vw
    }
}

.index-About .section-body p.lead span.band {
    background-color: #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

@media screen and (min-width:769px) {
    .index-About .section-body p.lead span.band {
        padding: max(1.4px, .1041666667vw) max(4.9px, .3645833333vw) max(1.4px, .1041666667vw) max(8.4px, .625vw);
        border-radius: max(4px, .2083333333vw);
        -webkit-box-shadow: max(20px, 1.0416666667vw) max(20px, 1.0416666667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .32);
        box-shadow: max(20px, 1.0416666667vw) max(20px, 1.0416666667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .32)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body p.lead span.band {
        padding: 0 1.3020833333vw .2604166667vw 1.3020833333vw;
        border-radius: .5208333333vw;
        -webkit-box-shadow: 2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32);
        box-shadow: 2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32)
    }
}

.index-About .section-body p.lead span.text-grad {
    background-image: -webkit-gradient(linear, left top, right top, from(#f80082), to(#ff7cbb));
    background-image: -webkit-linear-gradient(left, #f80082, #ff7cbb);
    background-image: linear-gradient(90deg, #f80082, #ff7cbb);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

@media screen and (min-width:769px) {
    .index-About .section-body .unit-logos {
        margin-bottom: max(19.6px, 1.4583333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .unit-logos {
        width: 75.5208333333vw;
        margin: 0 auto 6.5104166667vw
    }
}

.index-About .section-body .unit-logos ul {
    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 screen and (max-width:768px) {
    .index-About .section-body .unit-logos ul {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -2.34375vw
    }
}

@media screen and (min-width:769px) {
    .index-About .section-body .unit-logos ul li+li {
        margin-left: max(31.5px, 2.34375vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .unit-logos ul li {
        padding: 0 2.34375vw;
        text-align: center
    }

    .index-About .section-body .unit-logos ul li:nth-child(odd) {
        width: 42.4479166667vw
    }

    .index-About .section-body .unit-logos ul li:nth-child(even) {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }
}

@media screen and (min-width:769px) {
    .index-About .section-body .unit-logos ul li .logo.us {
        width: max(86.8px, 6.4583333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .unit-logos ul li .logo.us {
        width: 21.09375vw
    }
}

@media screen and (min-width:769px) {
    .index-About .section-body .unit-logos ul li .logo.aqours {
        width: max(137.2px, 10.2083333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .unit-logos ul li .logo.aqours {
        width: 26.0416666667vw
    }
}

@media screen and (min-width:769px) {
    .index-About .section-body .unit-logos ul li .logo.nijigasaki {
        width: max(175px, 13.0208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .unit-logos ul li .logo.nijigasaki {
        width: 37.7604166667vw
    }
}

@media screen and (min-width:769px) {
    .index-About .section-body .unit-logos ul li .logo.liella {
        width: max(134.4px, 10vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .unit-logos ul li .logo.liella {
        width: 29.9479166667vw
    }
}

.index-About .section-body p.description {
    font-weight: 600;
    letter-spacing: .04em;
    text-align: center
}

@media screen and (min-width:769px) {
    .index-About .section-body p.description {
        margin-bottom: max(64px, 4.1666666667vw);
        font-size: max(14.4px, .9375vw);
        line-height: 2.6
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body p.description {
        margin-bottom: 10.4166666667vw;
        font-size: 3.3854166667vw;
        line-height: 2
    }
}

.index-About .jacket-roll {
    position: relative;
    width: 100%
}

@media screen and (min-width:769px) {
    .index-About .jacket-roll {
        height: max(304.5px, 22.65625vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .jacket-roll {
        height: 50vw
    }
}

.index-About .jacket-roll::before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-image: url(../png/img_jacket_roll.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-size: auto 100%;
    content: "";
    -webkit-animation: scroll-horizontal 90s linear infinite;
    animation: scroll-horizontal 90s linear infinite
}

@media screen and (min-width:769px) {
    .index-About .jacket-roll::before {
        width: max(5712px, 425vw);
        height: max(231px, 17.1875vw);
        -webkit-filter: drop-shadow(max(20px, 1.0416666667vw) max(20px, 1.0416666667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .32));
        filter: drop-shadow(max(20px, 1.0416666667vw) max(20px, 1.0416666667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .32))
    }
}

@media screen and (max-width:768px) {
    .index-About .jacket-roll::before {
        width: 901.5625vw;
        height: 36.4583333333vw;
        -webkit-filter: drop-shadow(2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32));
        filter: drop-shadow(2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32))
    }
}

.index-About .jacket-roll::after {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url(../png/txt_unit_name_en.png);
    background-repeat: repeat-x;
    background-position: -100% 0;
    background-size: auto 100%;
    content: "";
    -webkit-animation: scroll-horizontal 300s linear infinite;
    animation: scroll-horizontal 300s linear infinite
}

@media screen and (min-width:769px) {
    .index-About .jacket-roll::after {
        width: max(2870px, 213.5416666667vw);
        height: max(92.4px, 6.875vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .jacket-roll::after {
        width: 485.4166666667vw;
        height: 15.625vw
    }
}

.index-About .background {
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    -webkit-transition: -webkit-clip-path .3s linear;
    transition: -webkit-clip-path .3s linear;
    transition: clip-path .3s linear;
    transition: clip-path .3s linear, -webkit-clip-path .3s linear
}

@media screen and (min-width:769px) {
    .index-About .background {
        top: max(35px, 1.8229166667vw);
        bottom: min(-446px, -23.2291666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .background {
        top: 6.5104166667vw;
        bottom: -78.6458333333vw
    }
}

.index-About .background-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-About .background-inner {
        width: max(975px, 81.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .background-inner {
        width: 92.1875vw
    }
}

.index-About .background-inner::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #fff1fc;
    background-image: url(../png/bg_polygon_tl.png), url(../png/bg_polygon_br.png);
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    content: ""
}

@media screen and (min-width:769px) {
    .index-About .background-inner::before {
        width: 111%;
        border-radius: 0 max(4px, .2083333333vw) max(4px, .2083333333vw) 0;
        background-size: max(827.5px, 68.9583333333vw) max(612.5px, 51.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .background-inner::before {
        width: 105%;
        border-radius: 0 .5208333333vw .5208333333vw 0;
        background-size: max(772px, 40.2083333333vw) max(571px, 29.7395833333vw)
    }
}

.index-About .background-inner::after {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-image: url(../png/bg_about_circle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {
    .index-About .background-inner::after {
        top: min(-6.25px, -.5208333333vw);
        width: max(750px, 62.5vw);
        height: max(750px, 62.5vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .background-inner::after {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100vw;
        height: 100vw
    }
}

.index-About.is-animated .background {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.index-About.is-animated .section-header h2 {
    opacity: 1
}

@media screen and (min-width:769px) {
    .index-About.is-animated .section-header h2 {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width:768px) {
    .index-About.is-animated .section-header h2 {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.index-About.is-animated .section-header h2 span.title-arc span.arc.outside {
    -webkit-animation: title-deco-outside .35s 1.35s both;
    animation: title-deco-outside .35s 1.35s both
}

.index-About.is-animated .section-header h2 span.title-arc span.arc.inside {
    -webkit-animation: title-deco-inside .4s 1.2s both;
    animation: title-deco-inside .4s 1.2s both
}

@media screen and (min-width:769px) {
    .index-About.is-animated .section-body .image {
        -webkit-animation: content_fade-up .8s .5s both;
        animation: content_fade-up .8s .5s both
    }
}

@media screen and (max-width:768px) {
    .index-About.is-animated .section-body .image {
        -webkit-animation: content_fade-up-sp .8s .5s both;
        animation: content_fade-up-sp .8s .5s both
    }
}

@media screen and (min-width:769px) {
    .index-About.is-animated .section-body p.lead {
        -webkit-animation: content_fade-up .8s .5s both;
        animation: content_fade-up .8s .5s both
    }
}

@media screen and (max-width:768px) {
    .index-About.is-animated .section-body p.lead {
        -webkit-animation: content_fade-up-sp .8s .5s both;
        animation: content_fade-up-sp .8s .5s both
    }
}

.index-Member {
    position: relative
}

@media screen and (min-width:769px) {
    .index-Member {
        margin-bottom: max(120px, 6.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member {
        margin-bottom: 9.1145833333vw
    }
}

.index-Member .section-container {
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-Member .section-container {
        width: max(840px, 62.5vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member .section-container {
        width: 84.375vw
    }
}

.index-Member .section-header {
    text-align: center
}

@media screen and (min-width:769px) {
    .index-Member .section-header {
        margin-bottom: max(40px, 2.0833333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member .section-header {
        margin-bottom: 4.9479166667vw
    }
}

.index-Member .section-header::before {
    position: absolute;
    z-index: -1;
    opacity: .34;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {
    .index-Member .section-header::before {
        top: min(-37.8px, -2.8125vw);
        left: min(-11.2px, -.8333333333vw);
        width: max(670.6px, 49.8958333333vw);
        height: max(117.6px, 8.75vw);
        background-image: url(../png/bg_member_title.png)
    }
}

@media screen and (max-width:768px) {
    .index-Member .section-header::before {
        top: -7.8125vw;
        left: -1.0416666667vw;
        width: 18.2291666667vw;
        height: 103.90625vw;
        background-image: url(../png/bg_member_title-2.png)
    }
}

.index-Member .section-header h2 span.sub-title {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.index-Member .section-header h2.is-animated span.title-arc span.arc.outside {
    -webkit-animation: title-deco-outside .35s .85s both;
    animation: title-deco-outside .35s .85s both
}

.index-Member .section-header h2.is-animated span.title-arc span.arc.inside {
    -webkit-animation: title-deco-inside .4s .7s both;
    animation: title-deco-inside .4s .7s both
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 max(56px, 4.1666666667vw);
        margin-bottom: max(56px, 4.1666666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list {
        margin-bottom: 9.1145833333vw
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item+li {
        margin-top: 5.2083333333vw
    }
}

.index-Member ul.unit-list li.unit-item .unit-item-body {
    position: relative
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body {
        height: max(322px, 23.9583333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body {
        height: 69.0104166667vw
    }
}

.index-Member ul.unit-list li.unit-item .unit-item-body a {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body a {
        height: max(301px, 22.3958333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body a {
        height: 64.84375vw
    }
}

@media (any-hover:hover) {
    .index-Member ul.unit-list li.unit-item .unit-item-body a:hover+.unit-item-body-inner {
        opacity: .8
    }
}

.index-Member ul.unit-list li.unit-item .unit-item-body-inner {
    position: relative;
    height: 100%
}

@media (any-hover:hover) {
    .index-Member ul.unit-list li.unit-item .unit-item-body-inner {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
}

.index-Member ul.unit-list li.unit-item .unit-item-body-inner::before {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    border-top-style: solid;
    content: ""
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body-inner::before {
        height: max(301px, 22.3958333333vw);
        border-top-width: max(7px, .5208333333vw);
        border-radius: max(4px, .2083333333vw);
        -webkit-box-shadow: max(14px, 1.0416666667vw) max(14px, 1.0416666667vw) max(21px, 1.5625vw) rgba(194, 160, 206, .32);
        box-shadow: max(14px, 1.0416666667vw) max(14px, 1.0416666667vw) max(21px, 1.5625vw) rgba(194, 160, 206, .32)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body-inner::before {
        height: 64.84375vw;
        border-top-width: 1.5625vw;
        border-radius: .5208333333vw;
        -webkit-box-shadow: 2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32);
        box-shadow: 2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32)
    }
}

.index-Member ul.unit-list li.unit-item .unit-item-body .member-list {
    position: relative;
    overflow: hidden;
    height: 100%;
    text-align: center
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body .member-list {
        padding-top: max(5px, .2604166667vw);
        border-radius: max(4px, .2083333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body .member-list {
        padding-top: .390625vw;
        border-radius: .5208333333vw
    }
}

.index-Member ul.unit-list li.unit-item .unit-item-body .member-list::before {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 20;
    border-style: solid;
    content: "";
    pointer-events: none
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body .member-list::before {
        height: max(301px, 22.3958333333vw);
        border-width: 0 max(7px, .5208333333vw) max(7px, .5208333333vw);
        border-radius: max(4px, .2083333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body .member-list::before {
        height: 64.84375vw;
        border-width: 0 1.5625vw 1.5625vw;
        border-radius: .5208333333vw
    }
}

.index-Member ul.unit-list li.unit-item .unit-item-body .member-list::after {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 21;
    content: "";
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    pointer-events: none
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body .member-list::after {
        width: max(42px, 3.125vw);
        height: max(42px, 3.125vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body .member-list::after {
        width: 9.1145833333vw;
        height: 9.1145833333vw
    }
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body .member-list img {
        width: max(385px, 28.6458333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item .unit-item-body .member-list img {
        width: 82.8125vw
    }
}

.index-Member ul.unit-list li.unit-item .unit-item-footer {
    position: relative;
    z-index: 30
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item .unit-item-footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: max(73.5px, 5.46875vw);
        padding-left: max(16.1px, 1.1979166667vw)
    }
}

.index-Member ul.unit-list li.unit-item .unit-item-footer::before {
    position: absolute;
    border-radius: 100%;
    content: ""
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item .unit-item-footer::before {
        top: min(-5.6px, -.4166666667vw);
        left: max(11.9px, .8854166667vw);
        width: max(9.1px, .6770833333vw);
        height: max(9.1px, .6770833333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item .unit-item-footer::before {
        top: -1.953125vw;
        left: 2.6041666667vw;
        width: 2.34375vw;
        height: 2.34375vw
    }
}

.index-Member ul.unit-list li.unit-item .unit-item-footer::after {
    position: absolute;
    content: ""
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item .unit-item-footer::after {
        top: 0;
        left: max(16.1px, 1.1979166667vw);
        width: 1px;
        height: 100%
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item .unit-item-footer::after {
        top: 0;
        left: 3.6458333333vw;
        width: .2604166667vw;
        height: 18.2291666667vw
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item .unit-item-footer .logo {
        margin-bottom: 3.90625vw;
        text-align: center
    }
}

.index-Member ul.unit-list li.unit-item .unit-item-footer .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.index-Member ul.unit-list li.unit-item .unit-item-footer .text p {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item .unit-item-footer .text p {
        width: 142.8%;
        -webkit-transform: scale(.7);
        transform: scale(.7);
        font-size: max(9.996px, .74375vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item .unit-item-footer .text p {
        font-size: 2.6041666667vw;
        text-align: center
    }
}

.index-Member ul.unit-list li.unit-item.us .unit-item-body-inner::before {
    border-color: #ff9bcf;
    background-color: #f80082
}

.index-Member ul.unit-list li.unit-item.us .unit-item-body .member-list::before {
    border-color: #ff9bcf
}

.index-Member ul.unit-list li.unit-item.us .unit-item-body .member-list::after {
    background-color: #ff9bcf
}

.index-Member ul.unit-list li.unit-item.us .unit-item-footer::after,
.index-Member ul.unit-list li.unit-item.us .unit-item-footer::before {
    background-color: #ff9bcf
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item.us .unit-item-footer .logo {
        padding: 0 max(28px, 2.0833333333vw)
    }
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item.us .unit-item-footer .logo img {
        width: max(85.4px, 6.3541666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item.us .unit-item-footer .logo img {
        width: 27.0833333333vw;
        margin-top: -7.2916666667vw
    }
}

.index-Member ul.unit-list li.unit-item.us .unit-item-footer p {
    color: #ff9bcf
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item.aqours {
        margin-top: max(42px, 3.125vw)
    }
}

.index-Member ul.unit-list li.unit-item.aqours .unit-item-body-inner::before {
    border-color: #7ed7ff;
    background-color: #00a0e9
}

.index-Member ul.unit-list li.unit-item.aqours .unit-item-body .member-list::before {
    border-color: #7ed7ff
}

.index-Member ul.unit-list li.unit-item.aqours .unit-item-body .member-list::after {
    background-color: #7ed7ff
}

.index-Member ul.unit-list li.unit-item.aqours .unit-item-footer::after,
.index-Member ul.unit-list li.unit-item.aqours .unit-item-footer::before {
    background-color: #7ed7ff
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item.aqours .unit-item-footer .logo {
        padding: 0 max(21px, 1.5625vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item.aqours .unit-item-footer .logo {
        -webkit-filter: drop-shadow(0 -.2604166667vw 0 #fff) drop-shadow(.2604166667vw 0 0 #fff) drop-shadow(0 .2604166667vw 0 #fff) drop-shadow(-.2604166667vw 0 0 #fff) drop-shadow(-.1302083333vw -.1302083333vw .0651041667vw #fff) drop-shadow(.1302083333vw -.1302083333vw .0651041667vw #fff) drop-shadow(.1302083333vw .1302083333vw .0651041667vw #fff) drop-shadow(-.1302083333vw .1302083333vw .0651041667vw #fff);
        filter: drop-shadow(0 -.2604166667vw 0 #fff) drop-shadow(.2604166667vw 0 0 #fff) drop-shadow(0 .2604166667vw 0 #fff) drop-shadow(-.2604166667vw 0 0 #fff) drop-shadow(-.1302083333vw -.1302083333vw .0651041667vw #fff) drop-shadow(.1302083333vw -.1302083333vw .0651041667vw #fff) drop-shadow(.1302083333vw .1302083333vw .0651041667vw #fff) drop-shadow(-.1302083333vw .1302083333vw .0651041667vw #fff)
    }
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item.aqours .unit-item-footer .logo img {
        width: max(141.4px, 10.5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item.aqours .unit-item-footer .logo img {
        width: 55.7291666667vw;
        margin-top: -2.8645833333vw
    }
}

.index-Member ul.unit-list li.unit-item.aqours .unit-item-footer p {
    color: #7ed7ff
}

.index-Member ul.unit-list li.unit-item.nijigasaki .unit-item-body-inner::before {
    border-color: #ffcd4c;
    background-color: #f39800
}

.index-Member ul.unit-list li.unit-item.nijigasaki .unit-item-body .member-list::before {
    border-color: #ffcd4c
}

.index-Member ul.unit-list li.unit-item.nijigasaki .unit-item-body .member-list::after {
    background-color: #ffcd4c
}

.index-Member ul.unit-list li.unit-item.nijigasaki .unit-item-footer::after,
.index-Member ul.unit-list li.unit-item.nijigasaki .unit-item-footer::before {
    background-color: #ffcd4c
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item.nijigasaki .unit-item-footer .logo {
        padding: 0 max(14px, 1.0416666667vw)
    }
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item.nijigasaki .unit-item-footer .logo img {
        width: max(190.4px, 14.1666666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item.nijigasaki .unit-item-footer .logo img {
        width: 70.8333333333vw;
        margin-top: -7.2916666667vw
    }
}

.index-Member ul.unit-list li.unit-item.nijigasaki .unit-item-footer p {
    color: #ffcd4c
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item.liella {
        margin-top: max(42px, 3.125vw)
    }
}

.index-Member ul.unit-list li.unit-item.liella .unit-item-body-inner::before {
    border-color: #d985e0;
    background-color: #a5469b
}

.index-Member ul.unit-list li.unit-item.liella .unit-item-body .member-list::before {
    border-color: #d985e0
}

.index-Member ul.unit-list li.unit-item.liella .unit-item-body .member-list::after {
    background-color: #d985e0
}

.index-Member ul.unit-list li.unit-item.liella .unit-item-footer::after,
.index-Member ul.unit-list li.unit-item.liella .unit-item-footer::before {
    background-color: #d985e0
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item.liella .unit-item-footer .logo {
        padding: 0 max(21px, 1.5625vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item.liella .unit-item-footer .logo {
        -webkit-filter: drop-shadow(0 -.2604166667vw 0 #fff) drop-shadow(.2604166667vw 0 0 #fff) drop-shadow(0 .2604166667vw 0 #fff) drop-shadow(-.2604166667vw 0 0 #fff) drop-shadow(-.1302083333vw -.1302083333vw .0651041667vw #fff) drop-shadow(.1302083333vw -.1302083333vw .0651041667vw #fff) drop-shadow(.1302083333vw .1302083333vw .0651041667vw #fff) drop-shadow(-.1302083333vw .1302083333vw .0651041667vw #fff);
        filter: drop-shadow(0 -.2604166667vw 0 #fff) drop-shadow(.2604166667vw 0 0 #fff) drop-shadow(0 .2604166667vw 0 #fff) drop-shadow(-.2604166667vw 0 0 #fff) drop-shadow(-.1302083333vw -.1302083333vw .0651041667vw #fff) drop-shadow(.1302083333vw -.1302083333vw .0651041667vw #fff) drop-shadow(.1302083333vw .1302083333vw .0651041667vw #fff) drop-shadow(-.1302083333vw .1302083333vw .0651041667vw #fff)
    }
}

@media screen and (min-width:769px) {
    .index-Member ul.unit-list li.unit-item.liella .unit-item-footer .logo img {
        width: max(140px, 10.4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member ul.unit-list li.unit-item.liella .unit-item-footer .logo img {
        width: 57.2916666667vw;
        margin-top: -1.3020833333vw
    }
}

.index-Member ul.unit-list li.unit-item.liella .unit-item-footer p {
    color: #d985e0
}

@media screen and (min-width:769px) {
    .index-Member .more-button {
        text-align: center
    }
}

@media screen and (max-width:768px) {
    .index-Member .more-button {
        text-align: right
    }
}

.index-Movie {
    position: relative
}

@media screen and (min-width:769px) {
    .index-Movie {
        margin-bottom: max(110px, 5.7291666667vw);
        padding-top: max(60.2px, 4.4791666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie {
        margin-bottom: 16.9270833333vw;
        padding-top: 7.8125vw
    }
}

.index-Movie .section-container {
    position: relative
}

@media screen and (min-width:769px) {
    .index-Movie .section-container {
        width: max(840px, 62.5vw);
        margin: 0 auto
    }
}

.index-Movie .section-header {
    position: relative
}

@media screen and (min-width:769px) {
    .index-Movie .section-header {
        margin-bottom: max(30px, 1.5625vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .section-header {
        margin-bottom: 5.2083333333vw
    }
}

.index-Movie .section-header::before {
    position: absolute;
    opacity: .12;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {
    .index-Movie .section-header::before {
        top: min(-47.6px, -3.5416666667vw);
        right: min(-168px, -12.5vw);
        width: max(484.4px, 36.0416666667vw);
        height: max(117.6px, 8.75vw);
        background-image: url(../png/bg_movie_title.png)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .section-header::before {
        top: -2.4739583333vw;
        right: -3.7760416667vw;
        width: 75vw;
        height: 18.2291666667vw;
        background-image: url(../png/bg_movie_title-2.png)
    }
}

.index-Movie .section-header h2 {
    opacity: 0;
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    transition: opacity .8s, -webkit-transform .8s;
    transition: transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s, -webkit-transform .8s
}

@media screen and (min-width:769px) {
    .index-Movie .section-header h2 {
        -webkit-transform: translateX(min(-40px, -2.0833333333vw));
        transform: translateX(min(-40px, -2.0833333333vw))
    }
}

@media screen and (max-width:768px) {
    .index-Movie .section-header h2 {
        -webkit-transform: translateY(5.2083333333vw);
        transform: translateY(5.2083333333vw)
    }
}

.index-Movie .section-header h2 span.title {
    color: #fff
}

@media screen and (min-width:769px) {
    .index-Movie .section-header h2 span.title {
        left: min(-4px, -.2083333333vw)
    }
}

.index-Movie .section-header h2 span.title::before {
    content: none
}

.index-Movie .section-header h2 span.title-arc span.arc.inside,
.index-Movie .section-header h2 span.title-arc span.arc.outside {
    stroke: #fff
}

.index-Movie .section-header h2 span.text::before {
    color: #fff
}

.index-Movie .section-header h2 span.glitter span.svg {
    fill: #fff
}

@media screen and (min-width:769px) {
    .index-Movie .section-header h2 span.glitter.left {
        display: none
    }
}

@media screen and (max-width:768px) {
    .index-Movie .section-body {
        padding-left: 10.4166666667vw
    }
}

.index-Movie .movie-list {
    opacity: 0;
    overflow: hidden
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list {
        -webkit-transform: translateY(max(40px, 2.0833333333vw));
        transform: translateY(max(40px, 2.0833333333vw));
        width: max(1260px, 93.75vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list {
        -webkit-transform: translateY(5.2083333333vw);
        transform: translateY(5.2083333333vw);
        width: 166.1458333333vw
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list ul:not(.swiper-wrapper) {
        margin-bottom: 14.3229166667vw
    }
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list ul:not(.swiper-wrapper) li {
        width: max(406px, 30.2083333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list ul:not(.swiper-wrapper) li {
        width: 79.1666666667vw
    }
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list .swiper-container {
        width: max(840px, 62.5vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list .swiper-container {
        width: 83.0729166667vw
    }
}

.index-Movie .movie-list .swiper-slide {
    cursor: -webkit-grab;
    cursor: grab
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list .swiper-slide {
        padding-right: max(14px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list .swiper-slide {
        padding-right: 3.90625vw
    }
}

.index-Movie .movie-list .swiper-slide:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.index-Movie .movie-list a.video-media {
    display: grid;
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16/9;
    background-color: #ffd1e9
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list a.video-media {
        border-radius: max(4px, .2083333333vw);
        -webkit-box-shadow: max(10px, .5208333333vw) max(20px, 1.0416666667vw) max(10px, .5208333333vw) rgba(194, 160, 206, .16);
        box-shadow: max(10px, .5208333333vw) max(20px, 1.0416666667vw) max(10px, .5208333333vw) rgba(194, 160, 206, .16)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list a.video-media {
        border-radius: .5208333333vw;
        -webkit-box-shadow: 1.3020833333vw 2.6041666667vw 1.3020833333vw rgba(194, 160, 206, .16);
        box-shadow: 1.3020833333vw 2.6041666667vw 1.3020833333vw rgba(194, 160, 206, .16)
    }
}

.index-Movie .movie-list a.video-media .thumb {
    grid-area: 1/2;
    position: relative
}

.index-Movie .movie-list a.video-media .thumb::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    background-image: url(../png/bg_stripe.png);
    background-repeat: repeat;
    background-position: top center;
    content: ""
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list a.video-media .thumb::before {
        background-size: max(9px, .46875vw) max(9px, .46875vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list a.video-media .thumb::before {
        background-size: 1.171875vw 1.171875vw
    }
}

@media (any-hover:hover) {
    .index-Movie .movie-list a.video-media .thumb img {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }

    .index-Movie .movie-list a.video-media:hover .thumb img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.index-Movie .movie-list a.video-media .title-wrap {
    grid-area: 1/2;
    align-self: end;
    position: relative
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list a.video-media .title-wrap {
        padding: max(8px, .4166666667vw) max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list a.video-media .title-wrap {
        padding: 1.3020833333vw
    }
}

.index-Movie .movie-list a.video-media .title-wrap h3 {
    color: #fff;
    font-weight: 700;
    letter-spacing: .04em;
    word-break: break-word
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list a.video-media .title-wrap h3 {
        font-size: max(12.8px, .8333333333vw);
        line-height: 2
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list a.video-media .title-wrap h3 {
        font-size: 3.3854166667vw;
        line-height: 1.8
    }
}

.index-Movie .movie-list a.video-media .title-wrap h3 span {
    background-color: #f80082;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list a.video-media .title-wrap h3 span {
        padding: max(1.6px, .1041666667vw) max(6.4px, .4166666667vw);
        border-radius: max(4px, .2083333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list a.video-media .title-wrap h3 span {
        padding: .2604166667vw 1.0416666667vw;
        border-radius: .5208333333vw
    }
}

.index-Movie .movie-list .navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list .navigation {
        margin-top: max(24px, 1.5625vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list .navigation {
        margin: 3.90625vw 0
    }
}

.index-Movie .movie-list .navigation .pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: auto
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list .navigation .pagination {
        margin-right: max(22.4px, 1.4583333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list .navigation .pagination {
        margin-right: 4.5572916667vw
    }
}

.index-Movie .movie-list .navigation .pagination .swiper-pagination-bullet {
    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;
    opacity: 1;
    background: 0 0;
    -webkit-transition: width .35s;
    transition: width .35s
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list .navigation .pagination .swiper-pagination-bullet {
        width: max(11.2px, .7291666667vw);
        height: max(19.2px, 1.25vw);
        margin: 0 max(2px, .1041666667vw) 0 0
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list .navigation .pagination .swiper-pagination-bullet {
        width: 3.90625vw;
        height: 6.5104166667vw;
        margin: 0 .6510416667vw 0 0
    }
}

.index-Movie .movie-list .navigation .pagination .swiper-pagination-bullet span.svg {
    width: 100%;
    fill: #ffd1e9;
    -webkit-transition: width .35s, height .35s, fill .35s;
    transition: width .35s, height .35s, fill .35s
}

@media (any-hover:hover) {
    .index-Movie .movie-list .navigation .pagination .swiper-pagination-bullet:hover span.svg {
        fill: #f80082
    }
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list .navigation .pagination .swiper-pagination-bullet-active {
        width: max(19.2px, 1.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list .navigation .pagination .swiper-pagination-bullet-active {
        width: 6.5104166667vw
    }
}

.index-Movie .movie-list .navigation .pagination .swiper-pagination-bullet-active span.svg {
    fill: #f80082
}

@media screen and (min-width:769px) {
    .index-Movie .movie-list .navigation button span.svg {
        width: max(33.6px, 2.1875vw);
        fill: #f80082
    }
}

@media screen and (min-width:769px) and (any-hover:hover) {
    .index-Movie .movie-list .navigation button span.svg {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }
}

@media screen and (min-width:769px) and (any-hover:hover) {
    .index-Movie .movie-list .navigation button:hover.prev span.svg {
        -webkit-transform: translateX(min(-6px, -.3125vw));
        transform: translateX(min(-6px, -.3125vw))
    }

    .index-Movie .movie-list .navigation button:hover.next span.svg {
        -webkit-transform: translateX(max(6px, .3125vw));
        transform: translateX(max(6px, .3125vw))
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-list .navigation button {
        display: none
    }
}

@media screen and (min-width:769px) {
    .index-Movie .more-button {
        position: absolute;
        top: max(17px, .8854166667vw);
        right: 0
    }

    .index-Movie .more-button .sw-Button {
        color: #fff
    }
}

@media screen and (max-width:768px) {
    .index-Movie .more-button {
        width: 79.1666666667vw;
        margin: 0 auto;
        text-align: right
    }
}

.index-Movie .background {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    -webkit-transition: -webkit-clip-path .3s linear;
    transition: -webkit-clip-path .3s linear;
    transition: clip-path .3s linear;
    transition: clip-path .3s linear, -webkit-clip-path .3s linear
}

@media screen and (min-width:769px) {
    .index-Movie .background {
        height: max(390px, 20.3125vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background {
        height: 52.0833333333vw
    }
}

.index-Movie .background-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-Movie .background-inner {
        width: max(975px, 81.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-inner {
        width: 92.1875vw
    }
}

.index-Movie .background-inner::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#f80082), to(#ff7cbb));
    background-image: -webkit-linear-gradient(left, #f80082, #ff7cbb);
    background-image: linear-gradient(90deg, #f80082, #ff7cbb);
    content: ""
}

@media screen and (min-width:769px) {
    .index-Movie .background-inner::before {
        width: 111%;
        border-radius: max(8px, .4166666667vw) 0 0 max(8px, .4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-inner::before {
        width: 105%;
        border-radius: 1.0416666667vw 0 0 1.0416666667vw
    }
}

.index-Movie.is-animated .background {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.index-Movie.is-animated .section-header h2 {
    opacity: 1
}

@media screen and (min-width:769px) {
    .index-Movie.is-animated .section-header h2 {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width:768px) {
    .index-Movie.is-animated .section-header h2 {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.index-Movie.is-animated .section-header h2 span.title-arc span.arc.outside {
    -webkit-animation: title-deco-outside .35s 1.35s both;
    animation: title-deco-outside .35s 1.35s both
}

.index-Movie.is-animated .section-header h2 span.title-arc span.arc.inside {
    -webkit-animation: title-deco-inside .4s 1.2s both;
    animation: title-deco-inside .4s 1.2s both
}

@media screen and (min-width:769px) {
    .index-Movie.is-animated .section-body .movie-list {
        -webkit-animation: content_fade-up .8s .5s both;
        animation: content_fade-up .8s .5s both
    }
}

@media screen and (max-width:768px) {
    .index-Movie.is-animated .section-body .movie-list {
        -webkit-animation: content_fade-up-sp .8s .5s both;
        animation: content_fade-up-sp .8s .5s both
    }
}

.index-Staff {
    position: relative
}

@media screen and (min-width:769px) {
    .index-Staff {
        margin-bottom: max(118px, 6.1458333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff {
        margin-bottom: 13.0208333333vw
    }
}

@media screen and (min-width:769px) {
    .index-Staff .section-container {
        width: max(1200px, 62.5vw);
        margin: 0 auto
    }
}

.index-Staff .section-header {
    position: relative;
    text-align: center
}

@media screen and (min-width:769px) {
    .index-Staff .section-header {
        margin-bottom: max(60px, 3.125vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .section-header {
        margin-bottom: 6.5104166667vw
    }
}

.index-Staff .section-header::before {
    position: absolute;
    z-index: -1;
    opacity: .1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {
    .index-Staff .section-header::before {
        top: max(172.2px, 12.8125vw);
        right: min(-112px, -8.3333333333vw);
        width: max(470.4px, 35vw);
        height: max(117.6px, 8.75vw);
        background-image: url(../png/bg_staff_title.png)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .section-header::before {
        top: -9.375vw;
        right: 4.1666666667vw;
        width: 18.2291666667vw;
        height: 72.9166666667vw;
        background-image: url(../png/bg_staff_title-2.png)
    }
}

.index-Staff .section-header h2.is-animated span.title-arc span.arc.outside {
    -webkit-animation: title-deco-outside .35s .85s both;
    animation: title-deco-outside .35s .85s both
}

.index-Staff .section-header h2.is-animated span.title-arc span.arc.inside {
    -webkit-animation: title-deco-inside .4s .7s both;
    animation: title-deco-inside .4s .7s both
}

.index-Staff .staff-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-Staff .staff-list.list-01 {
        width: max(440px, 22.9166666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .staff-list.list-01 {
        width: 79.4270833333vw
    }
}

@media screen and (min-width:769px) {
    .index-Staff .staff-list.list-01 dl {
        width: max(200px, 10.4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .staff-list.list-01 dl {
        width: 36.4583333333vw
    }
}

@media screen and (min-width:769px) {
    .index-Staff .staff-list.list-02 {
        width: max(700px, 36.4583333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .staff-list.list-02 {
        width: 79.4270833333vw
    }
}

@media screen and (min-width:769px) {
    .index-Staff .staff-list.list-02 dl {
        width: max(330px, 17.1875vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .staff-list.list-02 dl {
        width: 36.4583333333vw
    }
}

@media screen and (min-width:769px) {
    .index-Staff .staff-list+.staff-list {
        margin-top: max(60px, 3.125vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .staff-list+.staff-list {
        margin-top: 5.2083333333vw
    }
}

.index-Staff .staff-list dl dt {
    color: #f80082;
    font-weight: 500;
    line-height: 1.8;
    text-align: center
}

@media screen and (min-width:769px) {
    .index-Staff .staff-list dl dt {
        margin-bottom: max(10px, .5208333333vw);
        font-size: max(14.4px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .staff-list dl dt {
        margin-bottom: 1.3020833333vw;
        font-size: 3.3854166667vw
    }
}

.index-Staff .staff-list dl dd {
    font-weight: 500;
    line-height: 1.8;
    text-align: center
}

@media screen and (min-width:769px) {
    .index-Staff .staff-list dl dd {
        font-size: max(18px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .staff-list dl dd {
        font-size: 3.90625vw
    }
}

.index-Official {
    position: relative;
    z-index: 1
}

@media screen and (min-width:769px) {
    .index-Official {
        margin-bottom: max(70px, 5.2083333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Official {
        margin-bottom: 10.4166666667vw
    }
}

.index-Official .section-container {
    position: relative;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-Official .section-container {
        width: max(840px, 62.5vw);
        /*height: max(341.6px, 25.4166666667vw)*/
        height: 300px
    }
}

@media screen and (max-width:768px) {
    .index-Official .section-container {
        width: 92.1875vw;
        height: 225px
    }
}

.index-Official .official-header {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:769px) {
    .index-Official .official-header {
        /*width: max(443.8px, 33.0208333333vw);*/
        width: auto;
        height: max(296.8px, 22.0833333333vw);
        padding-top: max(53.2px, 3.9583333333vw);
        background-image: url(../png/bg_twitter_header_2.png);
        -webkit-filter: drop-shadow(max(20px, 1.0416666667vw) max(20px, 1.0416666667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .32));
        filter: drop-shadow(max(20px, 1.0416666667vw) max(20px, 1.0416666667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .32))
    }
}

@media screen and (max-width:768px) {
    .index-Official .official-header {
        /*width: 84.375vw;*/
        width: auto;
        height: 56.25vw;
        padding-top: 9.1145833333vw;
        background-image: url(../png/bg_twitter_header.png);
        -webkit-filter: drop-shadow(2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32));
        filter: drop-shadow(2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32))
    }
}

.index-Official h2 {
    color: #fff;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width:769px) {
    .index-Official h2 {
        margin-bottom: max(21px, 1.5625vw);
        font-size: max(28px, 2.0833333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Official h2 {
        margin-bottom: 3.90625vw;
        font-size: 5.46875vw
    }
}

@media screen and (min-width:769px) {
    .index-Official ul li+li {
        margin-top: max(7px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Official ul li+li {
        margin-top: 1.8229166667vw
    }
}

.index-Official ul li a {
    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;
    position: relative;
    margin: 0 auto;
    color: #fff;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    background-position: center left;
    background-size: 200% auto
}

@media screen and (min-width:769px) {
    .index-Official ul li a {
        width: max(315px, 23.4375vw);
        height: max(42px, 3.125vw);
        border-radius: max(21px, 1.5625vw);
        font-size: max(16.8px, 1.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-Official ul li a {
        width: 63.5416666667vw;
        height: 7.8125vw;
        border-radius: 3.90625vw;
        font-size: 3.6458333333vw
    }
}

.index-Official ul li a span.svg {
    fill: #fff
}

@media screen and (min-width:769px) {
    .index-Official ul li a span.svg.icon {
        margin-right: max(11.2px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Official ul li a span.svg.icon {
        margin-right: 2.0833333333vw;
        margin-left: -1.5625vw
    }
}

.index-Official ul li a span.svg.arrow {
    position: absolute;
    top: 50%
}

@media screen and (min-width:769px) {
    .index-Official ul li a span.svg.arrow {
        right: max(21px, 1.5625vw);
        width: max(29.4px, 2.1875vw);
        margin-top: min(-4.9px, -.3645833333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Official ul li a span.svg.arrow {
        right: 4.1666666667vw;
        width: 5.9895833333vw;
        margin-top: -1.0416666667vw
    }
}

@media screen and (min-width:769px) {
    .index-Official ul li a.twitter span.svg.icon {
        width: max(18.2px, 1.3541666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Official ul li a.twitter span.svg.icon {
        width: 3.3854166667vw
    }
}

.index-Official ul li a.x {
    background-image: -webkit-gradient(linear, left top, right top, from(#232526), color-stop(#525356), to(#232526));
    background-image: -webkit-linear-gradient(left, #232526, #525356, #232526);
    background-image: linear-gradient(90deg, #232526, #525356, #232526)
}

@media screen and (min-width:769px) {
    .index-Official ul li a.x span.svg.icon {
        width: max(14px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Official ul li a.x span.svg.icon {
        width: 3.125vw
    }
}

.index-Official ul li a.facebook {
    background-image: -webkit-gradient(linear, left top, right top, from(#3960ab), color-stop(#4f8bff), to(#3960ab));
    background-image: -webkit-linear-gradient(left, #3960ab, #4f8bff, #3960ab);
    background-image: linear-gradient(90deg, #3960ab, #4f8bff, #3960ab)
}

@media screen and (min-width:769px) {
    .index-Official ul li a.facebook span.svg.icon {
        width: max(9.1px, .6770833333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Official ul li a.facebook span.svg.icon {
        width: 1.6927083333vw
    }
}

.index-Official ul li a.tiktok {
    background-image: -webkit-gradient(linear, left top, right top, from(#4d0071), color-stop(#9637b8), to(#4d0071));
    background-image: -webkit-linear-gradient(left, #4d0071, #9637b8, #4d0071);
    background-image: linear-gradient(90deg, #4d0071, #9637b8, #4d0071)
}

@media screen and (min-width:769px) {
    .index-Official ul li a.tiktok span.svg.icon {
        width: max(14.7px, 1.09375vw)
    }
}

@media screen and (max-width:768px) {
    .index-Official ul li a.tiktok span.svg.icon {
        width: 2.734375vw
    }
}

@media (any-hover:hover) {
    .index-Official ul li a {
        -webkit-transition: background-position .35s;
        transition: background-position .35s
    }

    .index-Official ul li a span.svg.arrow {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }

    .index-Official ul li a:hover {
        background-position: center right
    }
}

@media screen and (any-hover:hover) and (min-width:769px) {
    .index-Official ul li a:hover span.svg.arrow {
        -webkit-transform: translateX(max(8px, .4166666667vw));
        transform: translateX(max(8px, .4166666667vw))
    }
}

@media screen and (any-hover:hover) and (max-width:768px) {
    .index-Official ul li a:hover span.svg.arrow {
        -webkit-transform: translateX(1.0416666667vw);
        transform: translateX(1.0416666667vw)
    }
}

.index-Official .side-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width:769px) {
    .index-Official .side-text {
        left: min(-14px, -1.0416666667vw);
        width: max(7px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Official .side-text {
    /*left: 2.6041666667vw;*/
    left: 1.3vw;
    /*width: 3.90625vw;*/
    width: 1.5vw;
    }
}

.index-Official .official-body {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff
}

@media screen and (min-width:769px) {
    .index-Official .official-body {
        width: max(443.8px, 33.0208333333vw);
        height: max(296.8px, 22.0833333333vw);
        padding-left: max(28px, 2.0833333333vw);
        border: max(1.4px, .1041666667vw) solid #f80082;
        -webkit-box-shadow: max(20px, 1.0416666667vw) max(20px, 1.0416666667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .32);
        box-shadow: max(20px, 1.0416666667vw) max(20px, 1.0416666667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .32)
    }
}

@media screen and (max-width:768px) {
    .index-Official .official-body {
        width: 84.375vw;
        height: 56.25vw;
        padding-left: 7.8125vw;
        border: .5208333333vw solid #f80082;
        -webkit-box-shadow: 2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32);
        box-shadow: 2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32)
    }
}

.index-Official .official-body::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url(../svg/bg_twitter_corner_top-left.svg), url(../svg/bg_twitter_corner_bottom-right.svg);
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    content: "";
    pointer-events: none
}

@media screen and (min-width:769px) {
    .index-Official .official-body::before {
        background-size: max(35px, 2.6041666667vw) max(35px, 2.6041666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Official .official-body::before {
        background-size: 9.1145833333vw 9.1145833333vw
    }
}

.index-Official .official-body .inner {
    overflow-y: scroll;
    height: 100%
}

.index-AppInfo {
    position: relative
}

@media screen and (min-width:769px) {
    .index-AppInfo {
        margin-bottom: max(116px, 6.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo {
        margin-bottom: 13.0208333333vw;
        padding-bottom: 13.0208333333vw
    }
}

.index-AppInfo .section-container {
    margin: 0 auto;
    background-color: #fff;
    background-image: url(../png/bg_stripe_line.png), url(../png/bg_stripe_line.png);
    background-repeat: repeat-x
}

@media screen and (min-width:769px) {
    .index-AppInfo .section-container {
        width: max(960px, 62.5vw);
        border-radius: max(4px, .2083333333vw);
        background-position: top left max(4px, .2083333333vw), bottom left max(4px, .2083333333vw);
        background-size: max(42px, 3.125vw) max(7px, .5208333333vw);
        -webkit-box-shadow: max(20px, 1.0416666667vw) max(20px, 1.0416666667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .32);
        box-shadow: max(20px, 1.0416666667vw) max(20px, 1.0416666667vw) max(30px, 1.5625vw) rgba(194, 160, 206, .32)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .section-container {
        width: 84.375vw;
        border-radius: .5208333333vw;
        background-position: top left, bottom left;
        background-size: 15.625vw 2.6041666667vw;
        -webkit-box-shadow: 2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32);
        box-shadow: 2.6041666667vw 2.6041666667vw 3.90625vw rgba(194, 160, 206, .32)
    }
}

@media screen and (min-width:769px) {
    .index-AppInfo .section-container-inner {
        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;
        width: max(896px, 58.3333333333vw);
        margin: 0 auto;
        padding: max(42px, 3.125vw) 0
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .section-container-inner {
        display: grid;
        grid-template-columns: 29.1666666667vw auto;
        padding: 13.0208333333vw 7.8125vw
    }
}

@media screen and (min-width:769px) {
    .index-AppInfo .spec {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
        margin-right: max(14px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .spec {
        grid-column: 1/-1;
        margin: 0 -2.6041666667vw 5.2083333333vw
    }
}

.index-AppInfo .spec dl {
    display: grid
}

@media screen and (min-width:769px) {
    .index-AppInfo .spec dl {
        grid-template-columns: auto 1fr;
        gap: max(8.4px, .625vw) max(14px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .spec dl {
        grid-template-columns: 18.2291666667vw auto;
        gap: 2.0833333333vw 2.6041666667vw
    }
}

.index-AppInfo .spec dl dt {
    color: #f80082;
    line-height: 1.6;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .index-AppInfo .spec dl dt {
        font-size: max(9.8px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .spec dl dt {
        font-size: 2.9947916667vw
    }
}

.index-AppInfo .spec dl dd {
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .index-AppInfo .spec dl dd {
        font-size: max(9.8px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .spec dl dd {
        font-size: 2.9947916667vw
    }
}

.index-AppInfo .icon {
    overflow: hidden
}

@media screen and (min-width:769px) {
    .index-AppInfo .icon {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0;
        width: max(77px, 5.7291666667vw);
        margin-right: max(21px, 1.5625vw);
        border-radius: max(14px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .icon {
        width: 25.2604166667vw;
        border-radius: 1.953125vw
    }
}

@media screen and (min-width:769px) {
    .index-AppInfo .content {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3;
        width: max(380px, 19.7916666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .content {
        display: contents
    }
}

@media screen and (min-width:769px) {
    .index-AppInfo .badge-group {
        margin-bottom: max(8.4px, .625vw)
    }
}

@media screen and (min-width:769px) {
    .index-AppInfo .badge-group ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

@media screen and (min-width:769px) {
    .index-AppInfo .badge-group ul li+li {
        margin-left: max(7px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .badge-group ul li+li {
        margin-top: 1.8229166667vw
    }
}

.index-AppInfo .badge-group ul li a {
    display: block
}

@media (any-hover:hover) {
    .index-AppInfo .badge-group ul li a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .index-AppInfo .badge-group ul li a:hover {
        opacity: .8
    }
}

@media screen and (min-width:769px) {
    .index-AppInfo .badge-group ul li a.app-store {
        width: max(113.4px, 8.4375vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .badge-group ul li a.app-store {
        width: 35.15625vw
    }
}

@media screen and (min-width:769px) {
    .index-AppInfo .badge-group ul li a.google-play {
        width: max(127.4px, 9.4791666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .badge-group ul li a.google-play {
        width: 39.5833333333vw
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .notice {
        grid-column: 1/-1;
        margin-top: 5.2083333333vw
    }
}

.index-AppInfo .notice ul li {
    color: rgba(47, 50, 59, .5);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .index-AppInfo .notice ul li {
        font-size: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .notice ul li {
        font-size: 2.6041666667vw
    }
}

.index-AppInfo .notice ul li::before {
    content: "*"
}

@media screen and (min-width:769px) {
    .index-AppInfo .qr {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
        width: max(77px, 5.7291666667vw);
        margin-right: max(14px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .qr {
        display: none
    }
}

.index-AppInfo .background {
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    -webkit-transition: -webkit-clip-path .3s linear 1s;
    transition: -webkit-clip-path .3s linear 1s;
    transition: clip-path .3s linear 1s;
    transition: clip-path .3s linear 1s, -webkit-clip-path .3s linear 1s
}

@media screen and (min-width:769px) {
    .index-AppInfo .background {
        bottom: max(32px, 2.0833333333vw);
        height: calc(100% - max(32px, 2.0833333333vw) + max(298.4px, 19.4270833333vw))
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .background {
        bottom: 0;
        height: calc(100% + 90.3645833333vw)
    }
}

.index-AppInfo .background-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-AppInfo .background-inner {
        width: max(975px, 81.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .background-inner {
        width: 92.1875vw
    }
}

.index-AppInfo .background-inner::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #fff1fc;
    background-image: url(../png/bg_polygon_tl.png), url(../png/bg_polygon_br.png);
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    content: ""
}

@media screen and (min-width:769px) {
    .index-AppInfo .background-inner::before {
        width: 111%;
        border-radius: 0 max(4px, .2083333333vw) max(4px, .2083333333vw) 0;
        background-size: max(498.125px, 41.5104166667vw) max(368.75px, 30.7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppInfo .background-inner::before {
        width: 105%;
        border-radius: 0 .5208333333vw .5208333333vw 0;
        background-size: max(772px, 40.2083333333vw) max(571px, 29.7395833333vw)
    }
}

.index-AppInfo .background.is-animated {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.index-Share {
    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;
    position: relative
}

.index-Share h2 {
    color: #f80082;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .index-Share h2 {
        margin-right: max(68px, 3.5416666667vw);
        font-size: max(32px, 1.6666666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Share h2 {
        margin-right: 5.2083333333vw;
        font-size: 5.46875vw
    }
}

.index-Share .share-list {
    position: relative
}

.index-Share .share-list::before {
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {
    .index-Share .share-list::before {
        top: min(-11px, -.5729166667vw);
        left: min(-38px, -1.9791666667vw);
        width: max(260px, 13.5416666667vw);
        height: max(70px, 3.6458333333vw);
        background-image: url(../png/bg_share.png)
    }
}

@media screen and (max-width:768px) {
    .index-Share .share-list::before {
        top: -.1302083333vw;
        left: -3.7760416667vw;
        width: 46.6145833333vw;
        height: 11.71875vw;
        background-image: url(../png/bg_share-2.png)
    }
}

.index-Share .share-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media screen and (min-width:769px) {
    .index-Share .share-list ul li+li {
        margin-left: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Share .share-list ul li+li {
        margin-left: 2.34375vw
    }
}

.index-Share .share-list ul li a {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media screen and (min-width:769px) {
    .index-Share .share-list ul li a {
        width: max(48px, 2.5vw)
    }
}

@media screen and (max-width:768px) {
    .index-Share .share-list ul li a {
        width: 11.4583333333vw
    }
}

@media (any-hover:hover) {
    .index-Share .share-list ul li a {
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .index-Share .share-list ul li a:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.index-Share .share-list ul li a.x {
    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;
    border-radius: 100%;
    aspect-ratio: 1/1;
    background-color: #000
}

.index-Share .share-list ul li a.x span.svg {
    fill: #fff
}

@media screen and (min-width:769px) {
    .index-Share .share-list ul li a.x span.svg {
        width: max(24px, 1.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-Share .share-list ul li a.x span.svg {
        width: 4.6875vw
    }
}

@media (any-hover:hover) {
    .index-Share .share-list ul li a {
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s;
        will-change: transform
    }

    .index-Share .share-list ul li a:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.index-Share .share-list .background-note {
    position: absolute;
    pointer-events: none
}

@media screen and (min-width:769px) {
    .index-Share .share-list .background-note {
        top: min(-11px, -.5729166667vw);
        left: min(-38px, -1.9791666667vw);
        width: max(260px, 13.5416666667vw);
        height: max(70px, 3.6458333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Share .share-list .background-note {
        top: -.1302083333vw;
        left: -3.7760416667vw;
        width: 46.6145833333vw;
        height: 11.71875vw
    }
}

.index-Share .share-list .background-note span.svg {
    position: absolute;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    fill: #ff5baa
}

@media screen and (min-width:769px) {
    .index-Share .share-list .background-note span.svg-01 {
        bottom: min(-5px, -.2604166667vw);
        left: min(-14px, -.7291666667vw);
        width: max(13px, .6770833333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Share .share-list .background-note span.svg-01 {
        bottom: -2.34375vw;
        left: -4.1666666667vw;
        width: 2.34375vw
    }
}

@media screen and (min-width:769px) {
    .index-Share .share-list .background-note span.svg-02 {
        bottom: max(12px, .625vw);
        left: max(6px, .3125vw);
        width: max(14px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Share .share-list .background-note span.svg-02 {
        bottom: .6510416667vw;
        left: -.5208333333vw;
        width: 2.4739583333vw
    }
}

@media screen and (min-width:769px) {
    .index-Share .share-list .background-note span.svg-03 {
        top: max(12px, .625vw);
        right: max(6px, .3125vw);
        width: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Share .share-list .background-note span.svg-03 {
        top: 1.3020833333vw;
        right: .5208333333vw;
        width: 1.953125vw
    }
}

@media screen and (min-width:769px) {
    .index-Share .share-list .background-note span.svg-04 {
        top: min(-5px, -.2604166667vw);
        right: min(-24px, -1.25vw);
        width: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Share .share-list .background-note span.svg-04 {
        top: -2.0833333333vw;
        right: -5.078125vw;
        width: 4.6875vw
    }
}

.index-Share .share-list .background-note.is-animated span.svg-01 {
    -webkit-animation: share-note .15s linear .5s both;
    animation: share-note .15s linear .5s both
}

.index-Share .share-list .background-note.is-animated span.svg-02 {
    -webkit-animation: share-note .15s linear .6s both;
    animation: share-note .15s linear .6s both
}

.index-Share .share-list .background-note.is-animated span.svg-03 {
    -webkit-animation: share-note .15s linear .7s both;
    animation: share-note .15s linear .7s both
}

.index-Share .share-list .background-note.is-animated span.svg-04 {
    -webkit-animation: share-note .15s linear .8s both;
    animation: share-note .15s linear .8s both
}

.index-AppDownload {
    position: fixed;
    z-index: 1;
    -webkit-transition: bottom .35s;
    transition: bottom .35s
}

@media screen and (min-width:769px) {
    .index-AppDownload {
        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;
        bottom: min(-108px, -6.25vw);
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        width: max(7974px, 46.1458333333vw);
        height: max(90px, 5.2083333333vw);
        padding: max(13.5px, .78125vw) 0;
        background-image: url(../png/bg_app-download.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain
    }
}

@media screen and (max-width:768px) {
    .index-AppDownload {
        bottom: -26.0416666667vw;
        width: 100%;
        height: 18.2291666667vw;
        padding-top: 4.4270833333vw;
        background-image: url(../png/bg_app-download-2.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover
    }
}

.index-AppDownload.show {
    bottom: 0
}

@media screen and (min-width:769px) {
    .index-AppDownload h2 {
        width: max(234px, 13.5416666667vw);
        margin-right: max(13.5px, .78125vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppDownload h2 {
        position: absolute;
        top: -5.9895833333vw;
        right: 0;
        left: 0;
        width: 76.0416666667vw;
        margin: 0 auto
    }
}

.index-AppDownload .badge-group ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (max-width:768px) {
    .index-AppDownload .badge-group ul {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media screen and (max-width:768px) {
    .index-AppDownload .badge-group ul li {
        margin: 0 .6510416667vw
    }
}

@media screen and (min-width:769px) {
    .index-AppDownload .badge-group ul li.qr {
        width: max(63px, 3.6458333333vw);
        margin-right: max(7.2px, .4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppDownload .badge-group ul li.qr {
        display: none
    }
}

.index-AppDownload .badge-group ul li a {
    display: block
}

@media (any-hover:hover) {
    .index-AppDownload .badge-group ul li a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .index-AppDownload .badge-group ul li a:hover {
        opacity: .8
    }
}

@media screen and (min-width:769px) {
    .index-AppDownload .badge-group ul li a.app-store {
        width: max(189px, 10.9375vw);
        margin-right: max(9px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppDownload .badge-group ul li a.app-store {
        width: 35.15625vw
    }
}

@media screen and (min-width:769px) {
    .index-AppDownload .badge-group ul li a.google-play {
        width: max(212.4px, 12.2916666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-AppDownload .badge-group ul li a.google-play {
        width: 39.5833333333vw
    }
}

.background-decoration {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    pointer-events: none
}

.background-decoration span.svg {
    position: absolute
}

.background-decoration .deco-item {
    position: absolute
}

.background-decoration .deco-item .container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.background-decoration .deco-item .container span.svg-glitter-01 {
    fill: #f80082
}

@media screen and (min-width:769px) {
    .background-decoration .deco-item .container span.svg-glitter-01 {
        width: max(18px, .9375vw)
    }
}

@media screen and (max-width:768px) {
    .background-decoration .deco-item .container span.svg-glitter-01 {
        width: 2.34375vw
    }
}

.background-decoration .deco-item .container span.svg-glitter-01 svg {
    -webkit-animation: bg-deco_glitter-twinkle 4s linear infinite;
    animation: bg-deco_glitter-twinkle 4s linear infinite
}

.background-decoration .deco-item .container span.svg-glitter-02 {
    fill: #cbd6e1
}

@media screen and (min-width:769px) {
    .background-decoration .deco-item .container span.svg-glitter-02 {
        width: max(18px, .9375vw)
    }
}

@media screen and (max-width:768px) {
    .background-decoration .deco-item .container span.svg-glitter-02 {
        width: 2.34375vw
    }
}

.background-decoration .deco-item .container span.svg-glitter-02 svg {
    -webkit-animation: bg-deco_glitter-twinkle 4.1s linear infinite;
    animation: bg-deco_glitter-twinkle 4.1s linear infinite
}

.background-decoration .deco-item .container span.svg-circle-01 {
    fill: #e2e7ec
}

@media screen and (min-width:769px) {
    .background-decoration .deco-item .container span.svg-circle-01 {
        width: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .background-decoration .deco-item .container span.svg-circle-01 {
        width: 1.5625vw
    }
}

.background-decoration .deco-item .container span.svg-circle-02 {
    fill: #ff5baa
}

@media screen and (min-width:769px) {
    .background-decoration .deco-item .container span.svg-circle-02 {
        width: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .background-decoration .deco-item .container span.svg-circle-02 {
        width: 1.5625vw
    }
}

.background-decoration .deco-item .container span.svg-circle-03 {
    fill: #f80082
}

@media screen and (min-width:769px) {
    .background-decoration .deco-item .container span.svg-circle-03 {
        width: max(6px, .3125vw)
    }
}

@media screen and (max-width:768px) {
    .background-decoration .deco-item .container span.svg-circle-03 {
        width: .78125vw
    }
}

.background-decoration .deco-item .container span.svg-donut {
    fill: #e2e7ec
}

@media screen and (min-width:769px) {
    .background-decoration .deco-item .container span.svg-donut {
        width: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .background-decoration .deco-item .container span.svg-donut {
        width: 1.5625vw
    }
}

.background-decoration .deco-item .container span.svg-square {
    fill: #fcbadd
}

@media screen and (min-width:769px) {
    .background-decoration .deco-item .container span.svg-square {
        width: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .background-decoration .deco-item .container span.svg-square {
        width: 1.5625vw
    }
}

.background-decoration .deco-item .container span.svg-square svg {
    -webkit-animation: bg-deco_square_rotation 3.9s linear infinite;
    animation: bg-deco_square_rotation 3.9s linear infinite
}

.background-decoration .deco-item .container span.svg-frame-01 {
    fill: #cbd6e1
}

@media screen and (min-width:769px) {
    .background-decoration .deco-item .container span.svg-frame-01 {
        width: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .background-decoration .deco-item .container span.svg-frame-01 {
        width: 1.5625vw
    }
}

.background-decoration .deco-item .container span.svg-frame-01 svg {
    -webkit-animation: bg-deco_square_rotation 4.15s linear infinite;
    animation: bg-deco_square_rotation 4.15s linear infinite
}

.background-decoration .deco-item .container span.svg-frame-02 {
    fill: #fcbadd
}

@media screen and (min-width:769px) {
    .background-decoration .deco-item .container span.svg-frame-02 {
        width: max(9px, .46875vw)
    }
}

@media screen and (max-width:768px) {
    .background-decoration .deco-item .container span.svg-frame-02 {
        width: 1.171875vw
    }
}

.background-decoration .deco-item .container span.svg-frame-02 svg {
    -webkit-animation: bg-deco_square_rotation 4.2s linear infinite;
    animation: bg-deco_square_rotation 4.2s linear infinite
}

.background-decoration .deco-item .container span.svg-star {
    fill: #cbd6e1
}

@media screen and (min-width:769px) {
    .background-decoration .deco-item .container span.svg-star {
        width: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .background-decoration .deco-item .container span.svg-star {
        width: 1.5625vw
    }
}

.background-decoration .deco-item .container span.svg-star svg {
    -webkit-animation: bg-deco_star-twinkle 3.95s linear infinite;
    animation: bg-deco_star-twinkle 3.95s linear infinite
}

@media screen and (min-width:769px) {
    .index-News .background-decoration .deco-item-01 {
        top: min(-75px, -3.90625vw);
        left: min(-124px, -6.4583333333vw);
        width: max(424px, 22.0833333333vw);
        height: max(204px, 10.625vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration .deco-item-01 {
        top: -21.7447916667vw;
        right: -19.4010416667vw;
        width: 55.2083333333vw;
        height: 26.5625vw
    }
}

@media screen and (min-width:769px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-glitter-01 {
        top: max(94px, 4.8958333333vw);
        left: max(119px, 6.1979166667vw);
        -webkit-transform: rotate(65deg);
        transform: rotate(65deg)
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-glitter-01 {
        top: 12.2395833333vw;
        left: 15.3645833333vw;
        -webkit-transform: rotate(-27deg);
        transform: rotate(-27deg)
    }
}

@media screen and (min-width:769px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-glitter-02 {
        top: max(17px, .8854166667vw);
        right: min(-1px, -.0520833333vw);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-glitter-02 {
        top: 2.0833333333vw;
        right: -.390625vw;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.index-News .background-decoration .deco-item-01 .container span.svg-glitter-02 svg {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@media screen and (min-width:769px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-circle-01 {
        bottom: 0;
        left: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-circle-01 {
        bottom: 0;
        left: 1.5625vw
    }
}

@media screen and (min-width:769px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-circle-02 {
        top: 0;
        left: max(207px, 10.78125vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-circle-02 {
        top: 0;
        left: 26.953125vw
    }
}

@media screen and (min-width:769px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-circle-03 {
        top: max(91px, 4.7395833333vw);
        right: max(59px, 3.0729166667vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-circle-03 {
        top: 9.2447916667vw;
        right: 7.8125vw
    }
}

@media screen and (min-width:769px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-donut {
        top: max(68px, 3.5416666667vw);
        left: max(260px, 13.5416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-donut {
        top: 8.8541666667vw;
        left: 33.8541666667vw
    }
}

@media screen and (min-width:769px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-square {
        top: max(71px, 3.6979166667vw);
        left: 0
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-square {
        top: 9.2447916667vw;
        left: 0
    }
}

.index-News .background-decoration .deco-item-01 .container span.svg-square svg {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@media screen and (min-width:769px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-frame-01 {
        top: max(122px, 6.3541666667vw);
        left: max(207px, 10.78125vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-frame-01 {
        top: 15.8854166667vw;
        left: 26.953125vw
    }
}

.index-News .background-decoration .deco-item-01 .container span.svg-frame-01 svg {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

@media screen and (min-width:769px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-frame-02 {
        top: max(139px, 7.2395833333vw);
        left: max(224px, 11.6666666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration .deco-item-01 .container span.svg-frame-02 {
        top: 18.0989583333vw;
        left: 29.1666666667vw
    }
}

.index-News .background-decoration .deco-item-01 .container span.svg-frame-02 svg {
    -webkit-animation-delay: 2.15s;
    animation-delay: 2.15s
}

@media screen and (min-width:769px) {
    .index-News .background-decoration .deco-item-02 {
        display: none
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration .deco-item-02 {
        bottom: 1.0416666667vw;
        left: -18.6197916667vw;
        width: 56.5104166667vw;
        height: 19.2708333333vw
    }

    .index-News .background-decoration .deco-item-02 .container span.svg-glitter-01 {
        top: 8.0729166667vw;
        left: 38.0208333333vw;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    .index-News .background-decoration .deco-item-02 .container span.svg-glitter-01 svg {
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s
    }

    .index-News .background-decoration .deco-item-02 .container span.svg-glitter-02 {
        bottom: 3.6458333333vw;
        left: 0;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        width: 1.8229166667vw
    }

    .index-News .background-decoration .deco-item-02 .container span.svg-circle-01 {
        top: .2604166667vw;
        right: 0
    }

    .index-News .background-decoration .deco-item-02 .container span.svg-circle-02 {
        bottom: 0;
        left: 23.828125vw
    }

    .index-News .background-decoration .deco-item-02 .container span.svg-circle-03 {
        top: 1.953125vw;
        left: 8.59375vw
    }

    .index-News .background-decoration .deco-item-02 .container span.svg-donut {
        top: 7.421875vw;
        left: 19.4010416667vw
    }

    .index-News .background-decoration .deco-item-02 .container span.svg-frame-01 {
        top: 2.34375vw;
        left: 27.8645833333vw;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    .index-News .background-decoration .deco-item-02 .container span.svg-frame-01 svg {
        -webkit-animation-delay: .35s;
        animation-delay: .35s
    }

    .index-News .background-decoration .deco-item-02 .container span.svg-frame-02 {
        top: .2604166667vw;
        left: 26.8229166667vw;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    .index-News .background-decoration .deco-item-02 .container span.svg-frame-02 svg {
        -webkit-animation-delay: .55s;
        animation-delay: .55s
    }
}

.index-News .background-decoration span.svg-01 {
    opacity: .1;
    fill: #ff5baa
}

@media screen and (min-width:769px) {
    .index-News .background-decoration span.svg-01 {
        bottom: max(36px, 1.875vw);
        right: max(96px, 5vw);
        width: max(45px, 2.34375vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration span.svg-01 {
        top: 1.171875vw;
        right: 10.0260416667vw;
        width: 5.859375vw
    }
}

@media screen and (min-width:769px) {
    .index-News .background-decoration span.svg-02 {
        top: max(342px, 17.8125vw);
        left: max(236px, 12.2916666667vw);
        opacity: .6;
        width: max(47px, 2.4479166667vw);
        fill: #ffd1e9
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration span.svg-02 {
        display: none
    }
}

@media screen and (min-width:769px) {
    .index-News .background-decoration:not(.is-mobile) .deco-item-01 .container {
        -webkit-animation: fluffy 3s infinite ease-in-out alternate;
        animation: fluffy 3s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration:not(.is-mobile) .deco-item-01 .container {
        -webkit-animation: fluffy-sp 3s infinite ease-in-out alternate;
        animation: fluffy-sp 3s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration:not(.is-mobile) .deco-item-02 .container {
        animation: fluffy-sp 3.2s infinite ease-in-out alternate-reverse
    }
}

@media screen and (min-width:769px) {
    .index-News .background-decoration:not(.is-mobile) span.svg-01 {
        -webkit-animation: fluffy 3.3s infinite ease-in-out alternate;
        animation: fluffy 3.3s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .index-News .background-decoration:not(.is-mobile) span.svg-01 {
        -webkit-animation: fluffy-sp 3.3s infinite ease-in-out alternate;
        animation: fluffy-sp 3.3s infinite ease-in-out alternate
    }
}

@media screen and (min-width:769px) {
    .index-News .background-decoration:not(.is-mobile) span.svg-02 {
        animation: fluffy 3.5s infinite ease-in-out alternate-reverse
    }
}

@media screen and (min-width:769px) {
    .index-About .background-decoration .deco-item-01 {
        top: min(-45px, -2.34375vw);
        right: min(-172px, -8.9583333333vw);
        width: max(434px, 22.6041666667vw);
        height: max(148px, 7.7083333333vw)
    }

    .index-About .background-decoration .deco-item-01 .container span.svg-glitter-01 {
        top: max(62px, 3.2291666667vw);
        left: max(292px, 15.2083333333vw);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    .index-About .background-decoration .deco-item-01 .container span.svg-glitter-01 svg {
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s
    }

    .index-About .background-decoration .deco-item-01 .container span.svg-glitter-02 {
        top: max(106px, 5.5208333333vw);
        left: 0;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        width: max(14px, .7291666667vw)
    }

    .index-About .background-decoration .deco-item-01 .container span.svg-circle-01 {
        top: max(3px, .15625vw);
        right: 0
    }

    .index-About .background-decoration .deco-item-01 .container span.svg-circle-02 {
        bottom: 0;
        left: max(183px, 9.53125vw)
    }

    .index-About .background-decoration .deco-item-01 .container span.svg-circle-03 {
        top: max(15px, .78125vw);
        left: max(66px, 3.4375vw)
    }

    .index-About .background-decoration .deco-item-01 .container span.svg-donut {
        top: max(58px, 3.0208333333vw);
        left: max(149px, 7.7604166667vw)
    }

    .index-About .background-decoration .deco-item-01 .container span.svg-square {
        bottom: max(14px, .7291666667vw);
        right: max(21px, 1.09375vw);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    .index-About .background-decoration .deco-item-01 .container span.svg-square svg {
        -webkit-animation-delay: 1.8s;
        animation-delay: 1.8s
    }

    .index-About .background-decoration .deco-item-01 .container span.svg-frame-01 {
        top: max(18px, .9375vw);
        left: max(214px, 11.1458333333vw);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    .index-About .background-decoration .deco-item-01 .container span.svg-frame-01 svg {
        -webkit-animation-delay: .35s;
        animation-delay: .35s
    }

    .index-About .background-decoration .deco-item-01 .container span.svg-frame-02 {
        top: max(2px, .1041666667vw);
        left: max(206px, 10.7291666667vw);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    .index-About .background-decoration .deco-item-01 .container span.svg-frame-02 svg {
        -webkit-animation-delay: .55s;
        animation-delay: .55s
    }
}

@media screen and (max-width:768px) {
    .index-About .background-decoration .deco-item-01 {
        display: none
    }
}

.index-About .background-decoration span.svg-01 {
    opacity: .2;
    fill: #ff5baa
}

@media screen and (min-width:769px) {
    .index-About .background-decoration span.svg-01 {
        top: max(646px, 33.6458333333vw);
        left: max(232px, 12.0833333333vw);
        width: max(77px, 4.0104166667vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .background-decoration span.svg-01 {
        top: 138.9322916667vw;
        left: 2.4739583333vw;
        width: 10.0260416667vw
    }
}

.index-About .background-decoration span.svg-02 {
    opacity: .1;
    fill: #ff5baa
}

@media screen and (min-width:769px) {
    .index-About .background-decoration span.svg-02 {
        top: max(305px, 15.8854166667vw);
        right: max(220px, 11.4583333333vw);
        width: max(80px, 4.1666666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .background-decoration span.svg-02 {
        top: 88.9322916667vw;
        right: 6.5104166667vw;
        width: 10.4166666667vw
    }
}

.index-About .background-decoration span.svg-03 {
    opacity: .6;
    fill: #ffd1e9
}

@media screen and (min-width:769px) {
    .index-About .background-decoration span.svg-03 {
        top: max(371px, 19.3229166667vw);
        right: max(287px, 14.9479166667vw);
        width: max(47px, 2.4479166667vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .background-decoration span.svg-03 {
        top: 97.5260416667vw;
        right: 15.234375vw;
        width: 6.1197916667vw
    }
}

@media screen and (min-width:769px) {
    .index-About .background-decoration:not(.is-mobile) .deco-item-01 .container {
        animation: fluffy 3s infinite ease-in-out alternate-reverse
    }
}

@media screen and (min-width:769px) {
    .index-About .background-decoration:not(.is-mobile) span.svg-01 {
        -webkit-animation: fluffy 3.3s infinite ease-in-out alternate;
        animation: fluffy 3.3s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .index-About .background-decoration:not(.is-mobile) span.svg-01 {
        -webkit-animation: fluffy-sp 3.3s infinite ease-in-out alternate;
        animation: fluffy-sp 3.3s infinite ease-in-out alternate
    }
}

@media screen and (min-width:769px) {
    .index-About .background-decoration:not(.is-mobile) span.svg-02 {
        animation: fluffy 3.35s infinite ease-in-out alternate-reverse
    }
}

@media screen and (max-width:768px) {
    .index-About .background-decoration:not(.is-mobile) span.svg-02 {
        animation: fluffy-sp 3.35s infinite ease-in-out alternate-reverse
    }
}

@media screen and (min-width:769px) {
    .index-About .background-decoration:not(.is-mobile) span.svg-03 {
        -webkit-animation: fluffy 3.5s infinite ease-in-out alternate;
        animation: fluffy 3.5s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .index-About .background-decoration:not(.is-mobile) span.svg-03 {
        -webkit-animation: fluffy-sp 3.5s infinite ease-in-out alternate;
        animation: fluffy-sp 3.5s infinite ease-in-out alternate
    }
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration .deco-item-01 {
        top: min(-76px, -3.9583333333vw);
        right: max(50px, 2.6041666667vw);
        width: max(428px, 22.2916666667vw);
        height: max(204px, 10.625vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member .background-decoration .deco-item-01 {
        top: 10.15625vw;
        right: 0;
        width: 55.7291666667vw;
        height: 20.8333333333vw
    }
}

.index-Member .background-decoration .deco-item-01 .container span.svg-glitter-01 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-glitter-01 {
        top: max(88px, 4.5833333333vw);
        left: max(285px, 14.84375vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-glitter-01 {
        top: 7.9427083333vw;
        left: 37.2395833333vw
    }
}

.index-Member .background-decoration .deco-item-01 .container span.svg-glitter-02 {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-glitter-02 {
        top: max(164px, 8.5416666667vw);
        left: 0
    }
}

@media screen and (max-width:768px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-glitter-02 {
        bottom: .5208333333vw;
        left: .5208333333vw;
        fill: #e2e7ec
    }
}

.index-Member .background-decoration .deco-item-01 .container span.svg-glitter-02 svg {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.index-Member .background-decoration .deco-item-01 .container span.svg-circle-01 {
    top: 0
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-circle-01 {
        right: max(13px, .6770833333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-circle-01 {
        right: 2.4739583333vw
    }
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-circle-02 {
        bottom: 0;
        left: max(208px, 10.8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-circle-02 {
        display: none
    }
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-circle-03 {
        top: max(106px, 5.5208333333vw);
        left: max(63px, 3.28125vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-circle-03 {
        top: 7.8125vw;
        left: 5.5989583333vw
    }
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-donut {
        top: max(124px, 6.4583333333vw);
        left: max(155px, 8.0729166667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-donut {
        top: 10.2864583333vw;
        left: 17.578125vw
    }
}

.index-Member .background-decoration .deco-item-01 .container span.svg-square {
    right: 0
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-square {
        top: max(120px, 6.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-square {
        top: 12.2395833333vw;
        fill: #ffd1e9
    }
}

.index-Member .background-decoration .deco-item-01 .container span.svg-square svg {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-frame-01 {
        top: max(69px, 3.59375vw);
        left: max(207px, 10.78125vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-frame-01 {
        top: 5.5989583333vw;
        left: 27.0833333333vw;
        fill: #e2e7ec
    }
}

.index-Member .background-decoration .deco-item-01 .container span.svg-frame-01 svg {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-frame-02 {
        top: max(56px, 2.9166666667vw);
        left: max(195px, 10.15625vw)
    }
}

@media screen and (max-width:768px) {
    .index-Member .background-decoration .deco-item-01 .container span.svg-frame-02 {
        top: 3.90625vw;
        left: 25.390625vw;
        fill: #ffd1e9
    }
}

.index-Member .background-decoration .deco-item-01 .container span.svg-frame-02 svg {
    -webkit-animation-delay: 2.15s;
    animation-delay: 2.15s
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration span.svg-01 {
        top: max(919px, 47.8645833333vw);
        left: max(156px, 8.125vw);
        opacity: .06;
        width: max(150px, 7.8125vw);
        fill: #ff5baa
    }
}

@media screen and (max-width:768px) {
    .index-Member .background-decoration span.svg-01 {
        display: none
    }
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration span.svg-02 {
        top: max(1046px, 54.4791666667vw);
        left: max(84px, 4.375vw);
        opacity: .06;
        width: max(65px, 3.3854166667vw);
        fill: #ff5baa
    }
}

@media screen and (max-width:768px) {
    .index-Member .background-decoration span.svg-02 {
        display: none
    }
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration:not(.is-mobile) .deco-item-01 .container {
        -webkit-animation: fluffy 3s infinite ease-in-out alternate;
        animation: fluffy 3s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .index-Member .background-decoration:not(.is-mobile) .deco-item-01 .container {
        -webkit-animation: fluffy-sp 3s infinite ease-in-out alternate;
        animation: fluffy-sp 3s infinite ease-in-out alternate
    }
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration:not(.is-mobile) span.svg-01 {
        animation: fluffy 3.3s infinite ease-in-out alternate-reverse
    }
}

@media screen and (min-width:769px) {
    .index-Member .background-decoration:not(.is-mobile) span.svg-02 {
        -webkit-animation: fluffy 3.5s infinite ease-in-out alternate;
        animation: fluffy 3.5s infinite ease-in-out alternate
    }
}

@media screen and (min-width:769px) {
    .index-Movie .background-decoration .deco-item-01 {
        top: min(-212px, -11.0416666667vw);
        left: max(17px, .8854166667vw);
        width: max(478px, 24.8958333333vw);
        height: max(204px, 10.625vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-decoration .deco-item-01 {
        top: -31.5104166667vw;
        left: 3.90625vw;
        width: 62.2395833333vw;
        height: 26.5625vw
    }
}

@media screen and (min-width:769px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-glitter-01 {
        top: max(98px, 5.1041666667vw);
        left: max(180px, 9.375vw);
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-glitter-01 {
        top: 12.6302083333vw;
        left: 23.4375vw;
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg)
    }
}

@media screen and (min-width:769px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-glitter-02 {
        top: max(22px, 1.1458333333vw);
        right: min(-1px, -.0520833333vw);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-glitter-02 {
        top: 2.8645833333vw;
        right: -.1302083333vw;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.index-Movie .background-decoration .deco-item-01 .container span.svg-glitter-02 svg {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@media screen and (min-width:769px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-circle-01 {
        bottom: 0;
        left: max(69px, 3.59375vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-circle-01 {
        bottom: 0;
        left: 8.984375vw
    }
}

@media screen and (min-width:769px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-circle-02 {
        top: 0;
        left: max(264px, 13.75vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-circle-02 {
        top: 0;
        left: 34.375vw
    }
}

@media screen and (min-width:769px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-circle-03 {
        top: max(91px, 4.7395833333vw);
        right: max(57px, 2.96875vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-circle-03 {
        display: none
    }
}

@media screen and (min-width:769px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-donut {
        top: max(67px, 3.4895833333vw);
        left: max(316px, 16.4583333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-donut {
        top: 9.8958333333vw;
        left: 18.2291666667vw
    }
}

@media screen and (min-width:769px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-square {
        top: max(88px, 4.5833333333vw);
        left: 0
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-square {
        top: 11.4583333333vw;
        left: 0
    }
}

.index-Movie .background-decoration .deco-item-01 .container span.svg-square svg {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@media screen and (min-width:769px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-frame-01 {
        top: max(124px, 6.4583333333vw);
        left: max(264px, 13.75vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-frame-01 {
        top: 16.1458333333vw;
        left: 34.375vw
    }
}

.index-Movie .background-decoration .deco-item-01 .container span.svg-frame-01 svg {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

@media screen and (min-width:769px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-frame-02 {
        top: max(139px, 7.2395833333vw);
        left: max(280px, 14.5833333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-decoration .deco-item-01 .container span.svg-frame-02 {
        top: 18.0989583333vw;
        left: 36.4583333333vw
    }
}

.index-Movie .background-decoration .deco-item-01 .container span.svg-frame-02 svg {
    -webkit-animation-delay: 2.15s;
    animation-delay: 2.15s
}

@media screen and (min-width:769px) {
    .index-Movie .background-decoration .deco-item-02 {
        display: none
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-decoration .deco-item-02 {
        bottom: -10.0260416667vw;
        right: -.5208333333vw;
        width: 44.53125vw;
        height: 32.03125vw
    }

    .index-Movie .background-decoration .deco-item-02 .container span.svg-glitter-01 {
        bottom: 5.078125vw;
        left: 14.3229166667vw
    }

    .index-Movie .background-decoration .deco-item-02 .container span.svg-circle-01 {
        top: 0;
        right: 12.890625vw
    }

    .index-Movie .background-decoration .deco-item-02 .container span.svg-circle-02 {
        top: 11.9791666667vw;
        right: 0
    }

    .index-Movie .background-decoration .deco-item-02 .container span.svg-donut {
        bottom: 8.8541666667vw;
        right: 7.9427083333vw
    }

    .index-Movie .background-decoration .deco-item-02 .container span.svg-square {
        bottom: 1.6927083333vw;
        left: 0
    }

    .index-Movie .background-decoration .deco-item-02 .container span.svg-square svg {
        -webkit-animation-delay: 1.8s;
        animation-delay: 1.8s
    }

    .index-Movie .background-decoration .deco-item-02 .container span.svg-frame-01 {
        bottom: 1.6927083333vw;
        right: 14.84375vw
    }

    .index-Movie .background-decoration .deco-item-02 .container span.svg-frame-01 svg {
        -webkit-animation-delay: .35s;
        animation-delay: .35s
    }

    .index-Movie .background-decoration .deco-item-02 .container span.svg-frame-02 {
        bottom: 0;
        right: 13.0208333333vw
    }

    .index-Movie .background-decoration .deco-item-02 .container span.svg-frame-02 svg {
        -webkit-animation-delay: .55s;
        animation-delay: .55s
    }
}

@media screen and (min-width:769px) {
    .index-Movie .background-decoration:not(.is-mobile) .deco-item-01 .container {
        -webkit-animation: fluffy 3s infinite ease-in-out alternate;
        animation: fluffy 3s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-decoration:not(.is-mobile) .deco-item-01 .container {
        -webkit-animation: fluffy-sp 3s infinite ease-in-out alternate;
        animation: fluffy-sp 3s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-decoration:not(.is-mobile) .deco-item-02 .container {
        animation: fluffy-sp 3.2s infinite ease-in-out alternate-reverse
    }
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration .deco-item-01 {
        bottom: min(-49px, -2.5520833333vw);
        left: max(14px, .7291666667vw);
        width: max(432px, 22.5vw);
        height: max(204px, 10.625vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration .deco-item-01 {
        bottom: -18.8802083333vw;
        left: -.390625vw;
        width: 57.5520833333vw;
        height: 31.7708333333vw
    }
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-glitter-01 {
        top: max(93px, 4.84375vw);
        left: max(86px, 4.4791666667vw);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-glitter-01 {
        top: 17.3177083333vw;
        left: 11.1979166667vw;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-circle-01 {
        bottom: 0;
        left: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-circle-01 {
        bottom: 0;
        left: 1.5625vw
    }
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-circle-02 {
        top: 0;
        left: max(207px, 10.78125vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-circle-02 {
        top: 0;
        left: 28.2552083333vw
    }
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-circle-03 {
        display: none
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-circle-03 {
        top: 17.0572916667vw;
        right: 10.15625vw
    }
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-donut {
        top: max(67px, 3.4895833333vw);
        left: max(260px, 13.5416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-donut {
        top: 13.9322916667vw;
        left: 33.8541666667vw
    }
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-square {
        top: max(71px, 3.6979166667vw);
        left: 0
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-square {
        top: 14.453125vw;
        left: 0
    }
}

.index-Staff .background-decoration .deco-item-01 .container span.svg-square svg {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-frame-01 {
        top: max(124px, 6.4583333333vw);
        left: max(207px, 10.78125vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-frame-01 {
        bottom: 9.1145833333vw;
        left: 26.953125vw
    }
}

.index-Staff .background-decoration .deco-item-01 .container span.svg-frame-01 svg {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-frame-02 {
        top: max(139px, 7.2395833333vw);
        left: max(223px, 11.6145833333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-frame-02 {
        bottom: 7.421875vw;
        left: 29.0364583333vw
    }
}

.index-Staff .background-decoration .deco-item-01 .container span.svg-frame-02 svg {
    -webkit-animation-delay: 2.15s;
    animation-delay: 2.15s
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-star {
        top: max(12px, .625vw);
        right: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration .deco-item-01 .container span.svg-star {
        top: 1.5625vw;
        right: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.index-Staff .background-decoration .deco-item-01 .container span.svg-star svg {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration .deco-item-02 {
        top: max(11px, .5729166667vw);
        right: max(49px, 2.5520833333vw);
        width: max(332px, 17.2916666667vw);
        height: max(210px, 10.9375vw)
    }

    .index-Staff .background-decoration .deco-item-02 .container span.svg-glitter-01 {
        top: max(95px, 4.9479166667vw);
        left: max(213px, 11.09375vw)
    }

    .index-Staff .background-decoration .deco-item-02 .container span.svg-glitter-01 svg {
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s
    }

    .index-Staff .background-decoration .deco-item-02 .container span.svg-circle-01 {
        top: 0;
        right: max(12px, .625vw)
    }

    .index-Staff .background-decoration .deco-item-02 .container span.svg-circle-02 {
        bottom: 0;
        left: 0
    }

    .index-Staff .background-decoration .deco-item-02 .container span.svg-donut {
        top: max(124px, 6.4583333333vw);
        left: max(61px, 3.1770833333vw)
    }

    .index-Staff .background-decoration .deco-item-02 .container span.svg-square {
        top: max(120px, 6.25vw);
        right: 0
    }

    .index-Staff .background-decoration .deco-item-02 .container span.svg-square svg {
        -webkit-animation-delay: 1.8s;
        animation-delay: 1.8s
    }

    .index-Staff .background-decoration .deco-item-02 .container span.svg-frame-01 {
        top: max(69px, 3.59375vw);
        left: max(113px, 5.8854166667vw)
    }

    .index-Staff .background-decoration .deco-item-02 .container span.svg-frame-01 svg {
        -webkit-animation-delay: .35s;
        animation-delay: .35s
    }

    .index-Staff .background-decoration .deco-item-02 .container span.svg-frame-02 {
        top: max(56px, 2.9166666667vw);
        left: max(100px, 5.2083333333vw)
    }

    .index-Staff .background-decoration .deco-item-02 .container span.svg-frame-02 svg {
        -webkit-animation-delay: .55s;
        animation-delay: .55s
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration .deco-item-02 {
        display: none
    }
}

.index-Staff .background-decoration span.svg-01 {
    opacity: .3;
    fill: #ffd1e9
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration span.svg-01 {
        top: max(101px, 5.2604166667vw);
        left: max(254px, 13.2291666667vw);
        width: max(66px, 3.4375vw)
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration span.svg-01 {
        top: -13.8020833333vw;
        left: 9.2447916667vw;
        width: 8.59375vw
    }
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration span.svg-02 {
        top: min(-44px, -2.2916666667vw);
        right: max(414px, 21.5625vw);
        opacity: .06;
        width: max(73px, 3.8020833333vw);
        fill: #ff5baa
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration span.svg-02 {
        display: none
    }
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration:not(.is-mobile) .deco-item-01 .container {
        -webkit-animation: fluffy 3s infinite ease-in-out alternate;
        animation: fluffy 3s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration:not(.is-mobile) .deco-item-01 .container {
        -webkit-animation: fluffy-sp 3s infinite ease-in-out alternate;
        animation: fluffy-sp 3s infinite ease-in-out alternate
    }
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration:not(.is-mobile) .deco-item-02 .container {
        animation: fluffy 3.2s infinite ease-in-out alternate-reverse
    }
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration:not(.is-mobile) span.svg-01 {
        -webkit-animation: fluffy 3.3s infinite ease-in-out alternate;
        animation: fluffy 3.3s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .index-Staff .background-decoration:not(.is-mobile) span.svg-01 {
        -webkit-animation: fluffy-sp 3.3s infinite ease-in-out alternate;
        animation: fluffy-sp 3.3s infinite ease-in-out alternate
    }
}

@media screen and (min-width:769px) {
    .index-Staff .background-decoration:not(.is-mobile) span.svg-02 {
        animation: fluffy 3.35s infinite ease-in-out alternate-reverse
    }
}

@media screen and (min-width:769px) {
    .index-Share .background-decoration {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: -1;
        pointer-events: none
    }

    .index-Share .background-decoration span.svg-01 {
        top: min(-132px, -6.875vw);
        left: max(53px, 2.7604166667vw);
        opacity: .6;
        width: max(66px, 3.4375vw);
        fill: #ffd1e9
    }

    .index-Share .background-decoration span.svg-02 {
        top: min(-130px, -6.7708333333vw);
        right: max(96px, 5vw);
        opacity: .06;
        width: max(115px, 5.9895833333vw);
        fill: #ff5baa
    }

    .index-Share .background-decoration span.svg-03 {
        top: min(-17px, -.8854166667vw);
        right: max(216px, 11.25vw);
        opacity: .06;
        width: max(50px, 2.6041666667vw);
        fill: #ff5baa
    }

    .index-Share .background-decoration:not(.is-mobile) span.svg-01 {
        -webkit-animation: fluffy 3.3s infinite ease-in-out alternate;
        animation: fluffy 3.3s infinite ease-in-out alternate
    }

    .index-Share .background-decoration:not(.is-mobile) span.svg-02 {
        animation: fluffy 3.35s infinite ease-in-out alternate-reverse
    }

    .index-Share .background-decoration:not(.is-mobile) span.svg-03 {
        -webkit-animation: fluffy 3.5s infinite ease-in-out alternate;
        animation: fluffy 3.5s infinite ease-in-out alternate
    }
}

@media screen and (max-width:768px) {
    .index-Share .background-decoration {
        display: none
    }
}

.index-Loading {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999
}

.index-Loading .container {
    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;
    position: relative;
    height: 100%;
    background-color: #fff
}

.index-Loading .logo {
    position: absolute;
    z-index: 1;
    -webkit-transform: scale(.2356);
    transform: scale(.2356);
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-Loading .logo {
        width: max(382px, 19.8958333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Loading .logo {
        width: 70.3125vw
    }
}

.index-Loading .logo .inner {
    -webkit-animation: loading-logo_thumping 4s ease-in infinite;
    animation: loading-logo_thumping 4s ease-in infinite
}

.index-Loading .loading-background-arc {
    position: absolute;
    -webkit-transform: scale(.4928);
    transform: scale(.4928);
    height: 90%;
    aspect-ratio: 1/1;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.index-Loading .loading-background-arc .arc {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.index-Loading .loading-background-arc .arc .inner {
    position: absolute;
    fill: none
}

.index-Loading .loading-background-arc .arc.arc-01 {
    animation: rotation 15s linear infinite alternate-reverse
}

.index-Loading .loading-background-arc .arc.arc-01 .inner {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: .06;
    stroke: #f80082;
    stroke-width: 4.87;
    stroke-dasharray: 3043.0682;
    stroke-dashoffset: 791.1977
}

.index-Loading .loading-background-arc .arc.arc-02 {
    -webkit-animation: rotation 20s linear infinite alternate;
    animation: rotation 20s linear infinite alternate
}

.index-Loading .loading-background-arc .arc.arc-02 .inner {
    top: 4.991%;
    bottom: 4.991%;
    right: 4.991%;
    left: 4.991%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: .08;
    stroke: #ff5baa;
    stroke-width: 13.02;
    stroke-dasharray: 2684.6372;
    stroke-dashoffset: 1476.5505
}

.index-Loading .loading-background-arc .arc.arc-03 {
    animation: rotation 25s linear infinite alternate-reverse
}

.index-Loading .loading-background-arc .arc.arc-03 .inner {
    top: 10.736%;
    bottom: 10.736%;
    right: 10.736%;
    left: 10.736%;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    opacity: .2;
    stroke: #ffd1e9;
    stroke-width: 7.38;
    stroke-dasharray: 2294.1468;
    stroke-dashoffset: 1307.6637
}

.index-Loading .loading-background-arc .arc.arc-04 {
    animation: rotation 25s linear infinite alternate-reverse
}

.index-Loading .loading-background-arc .arc.arc-04 .inner {
    top: 10.736%;
    bottom: 10.736%;
    right: 10.736%;
    left: 10.736%;
    -webkit-transform: rotate(145deg);
    transform: rotate(145deg);
    opacity: .2;
    stroke: #ffd1e9;
    stroke-width: 7.38;
    stroke-dasharray: 2294.1468;
    stroke-dashoffset: 1307.6637
}

.index-Loading .loading-background-decoration {
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    height: 90%;
    aspect-ratio: 1/1;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.index-Loading .loading-background-decoration .deco-item {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.index-Loading .loading-background-decoration .deco-item-01 {
    background-image: url(../png/bg_loading_deco_01.png)
}

@media screen and (min-width:769px) {
    .index-Loading .loading-background-decoration .deco-item-01 {
        bottom: max(249px, 12.96875vw);
        left: min(-182px, -9.4791666667vw);
        width: max(462px, 24.0625vw);
        height: max(204px, 10.625vw)
    }
}

@media screen and (max-width:768px) {
    .index-Loading .loading-background-decoration .deco-item-01 {
        top: 72%;
        right: 36%;
        width: 60.15625vw;
        height: 26.5625vw
    }
}

.index-Loading .loading-background-decoration .deco-item-02 {
    background-image: url(../png/bg_loading_deco_02.png)
}

@media screen and (min-width:769px) {
    .index-Loading .loading-background-decoration .deco-item-02 {
        top: max(226px, 11.7708333333vw);
        right: min(-111px, -5.78125vw);
        width: max(332px, 17.2916666667vw);
        height: max(210px, 10.9375vw)
    }
}

@media screen and (max-width:768px) {
    .index-Loading .loading-background-decoration .deco-item-02 {
        bottom: 72%;
        left: 50%;
        width: 43.2291666667vw;
        height: 27.34375vw
    }
}

.index-Loading.loaded .logo {
    -webkit-animation: loading-logo_bound .6s both ease-in-out;
    animation: loading-logo_bound .6s both ease-in-out
}

.index-Loading.loaded .logo .inner {
    -webkit-animation: none;
    animation: none
}

.index-Loading.loaded .loading-background-arc {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.index-Loading.loaded .loading-background-arc .arc {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.index-Loading.loaded .loading-background-decoration {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.scroll-animation.fade-up {
    opacity: 0;
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    transition: opacity .8s, -webkit-transform .8s;
    transition: transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s, -webkit-transform .8s
}

@media screen and (min-width:769px) {
    .scroll-animation.fade-up {
        -webkit-transform: translateY(max(40px, 2.0833333333vw));
        transform: translateY(max(40px, 2.0833333333vw))
    }
}

@media screen and (max-width:768px) {
    .scroll-animation.fade-up {
        -webkit-transform: translateY(5.2083333333vw);
        transform: translateY(5.2083333333vw)
    }
}

.scroll-animation.fade-up.is-animated {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.scroll-animation.fade-up-blur {
    opacity: 0;
    -webkit-transition: opacity .8s, -webkit-transform .8s, -webkit-filter .8s;
    transition: opacity .8s, -webkit-transform .8s, -webkit-filter .8s;
    transition: transform .8s, opacity .8s, filter .8s;
    transition: transform .8s, opacity .8s, filter .8s, -webkit-transform .8s, -webkit-filter .8s
}

@media screen and (min-width:769px) {
    .scroll-animation.fade-up-blur {
        -webkit-transform: translateY(max(40px, 2.0833333333vw));
        transform: translateY(max(40px, 2.0833333333vw));
        -webkit-filter: blur(max(5px, .2604166667vw));
        filter: blur(max(5px, .2604166667vw))
    }
}

@media screen and (max-width:768px) {
    .scroll-animation.fade-up-blur {
        -webkit-transform: translateY(5.2083333333vw);
        transform: translateY(5.2083333333vw);
        -webkit-filter: blur(.6510416667vw);
        filter: blur(.6510416667vw)
    }
}

.scroll-animation.fade-up-blur.is-animated {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
}

@-webkit-keyframes kvslider-scroll-horizontal {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

@keyframes kvslider-scroll-horizontal {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

@-webkit-keyframes kvslider-progress {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: center left;
        transform-origin: center left
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: center left;
        transform-origin: center left
    }
}

@keyframes kvslider-progress {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: center left;
        transform-origin: center left
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: center left;
        transform-origin: center left
    }
}

@-webkit-keyframes title-deco-outside {
    0% {
        stroke-dashoffset: 340.219
    }

    100% {
        stroke-dashoffset: 136.0876
    }
}

@keyframes title-deco-outside {
    0% {
        stroke-dashoffset: 340.219
    }

    100% {
        stroke-dashoffset: 136.0876
    }
}

@-webkit-keyframes title-deco-inside {
    0% {
        stroke-dashoffset: 278.361
    }

    100% {
        stroke-dashoffset: 111.3444
    }
}

@keyframes title-deco-inside {
    0% {
        stroke-dashoffset: 278.361
    }

    100% {
        stroke-dashoffset: 111.3444
    }
}

@-webkit-keyframes content_fade-up {
    0% {
        -webkit-transform: translateY(max(40px, 2.0833333333vw));
        transform: translateY(max(40px, 2.0833333333vw));
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes content_fade-up {
    0% {
        -webkit-transform: translateY(max(40px, 2.0833333333vw));
        transform: translateY(max(40px, 2.0833333333vw));
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes content_fade-up-sp {
    0% {
        -webkit-transform: translateY(5.2083333333vw);
        transform: translateY(5.2083333333vw);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes content_fade-up-sp {
    0% {
        -webkit-transform: translateY(5.2083333333vw);
        transform: translateY(5.2083333333vw);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes share-note {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        fill: #ff5baa
    }

    50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        fill: #ff5baa
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        fill: #ffd1e9
    }
}

@keyframes share-note {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        fill: #ff5baa
    }

    50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        fill: #ff5baa
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        fill: #ffd1e9
    }
}

@-webkit-keyframes loading-logo_thumping {

    0%,
    10%,
    100%,
    20% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }

    15%,
    5% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@keyframes loading-logo_thumping {

    0%,
    10%,
    100%,
    20% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }

    15%,
    5% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@-webkit-keyframes loading-logo_bound {
    0% {
        -webkit-transform: scale(.2356);
        transform: scale(.2356)
    }

    40% {
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    60% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loading-logo_bound {
    0% {
        -webkit-transform: scale(.2356);
        transform: scale(.2356)
    }

    40% {
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    60% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.error-Contents p {
    color: #f80082;
    line-height: 2;
    letter-spacing: .04em;
    text-align: center
}

@media screen and (min-width:769px) {
    .error-Contents p {
        margin-bottom: max(40px, 2.0833333333vw);
        font-size: max(18px, .9375vw);
        font-weight: 500
    }
}

@media screen and (max-width:768px) {
    .error-Contents p {
        margin-bottom: 10.4166666667vw;
        font-size: 3.6458333333vw;
        font-weight: 700
    }
}

.error-Contents .button {
    text-align: center
}