/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
    font-family: "Noto Serif JP", serif !important;
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

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

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

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

:root {
    --background: 0 0% 100%;
    --foreground: 222.2 47.4% 11.2%;
    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 222.2 47.4% 11.2%;
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --card: 0 0% 100%;
    --card-foreground: 222.2 47.4% 11.2%;
    --primary: 222.2 47.4% 11.2%;
    --primary-foreground: 210 40% 98%;
    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;
    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;
    --destructive: 0 100% 50%;
    --destructive-foreground: 210 40% 98%;
    --ring: 215 20.2% 65.1%;
    --radius: 0.5rem
}

.container {
    width: 100%
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

.visible {
    visibility: visible
}

.\ !invisible {
    visibility: hidden !important
}

.invisible {
    visibility: hidden
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.-top-\[50\%\] {
    top: -50%
}

.bottom-0 {
    bottom: 0
}

.bottom-\[30px\] {
    bottom: 30px
}

.bottom-\[33px\] {
    bottom: 33px
}

.bottom-\[34px\] {
    bottom: 34px
}

.bottom-\[40px\] {
    bottom: 40px
}

.left-0 {
    left: 0
}

.left-\[24px\] {
    left: 24px
}

.left-\[30px\] {
    left: 30px
}

.left-\[50\%\] {
    left: 50%
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

.right-\[15px\] {
    right: 15px
}

.right-\[24px\] {
    right: 24px
}

.right-\[30px\] {
    right: 30px
}

.top-0 {
    top: 0
}

.top-4 {
    top: 1rem
}

.top-\[20px\] {
    top: 20px
}

.top-\[33px\] {
    top: 33px
}

.top-\[50\%\] {
    top: 50%
}

.-z-10 {
    z-index: -10
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.col-span-2 {
    grid-column: span 2/span 2
}

.mx-\[15px\] {
    margin-left: 15px;
    margin-right: 15px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-\[20px\] {
    margin-top: 20px;
    margin-bottom: 20px
}

.my-\[30px\] {
    margin-top: 30px;
    margin-bottom: 30px
}

.my-\[40px\] {
    margin-top: 40px;
    margin-bottom: 40px
}

.my-\[60px\] {
    margin-top: 60px;
    margin-bottom: 60px
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.mb-0 {
    margin-bottom: 0
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[-24px\] {
    margin-bottom: -24px
}

.mb-\[-8px\] {
    margin-bottom: -8px
}

.mb-\[0px\] {
    margin-bottom: 0
}

.mb-\[100px\] {
    margin-bottom: 100px
}

.mb-\[10px\] {
    margin-bottom: 10px
}

.mb-\[12px\] {
    margin-bottom: 12px
}

.mb-\[13px\] {
    margin-bottom: 13px
}

.mb-\[15px\] {
    margin-bottom: 15px
}

.mb-\[16px\] {
    margin-bottom: 16px
}

.mb-\[20px\] {
    margin-bottom: 20px
}

.mb-\[22px\] {
    margin-bottom: 22px
}

.mb-\[24px\] {
    margin-bottom: 24px
}

.mb-\[25px\] {
    margin-bottom: 25px
}

.mb-\[26px\] {
    margin-bottom: 26px
}

.mb-\[28px\] {
    margin-bottom: 28px
}

.mb-\[30px\] {
    margin-bottom: 30px
}

.mb-\[32px\] {
    margin-bottom: 32px
}

.mb-\[35px\] {
    margin-bottom: 35px
}

.mb-\[36px\] {
    margin-bottom: 36px
}

.mb-\[40\%\] {
    margin-bottom: 40%
}

.mb-\[40px\] {
    margin-bottom: 40px
}

.mb-\[45px\] {
    margin-bottom: 45px
}

.mb-\[4px\] {
    margin-bottom: 4px
}

.mb-\[50px\] {
    margin-bottom: 50px
}

.mb-\[5px\] {
    margin-bottom: 5px
}

.mb-\[60px\] {
    margin-bottom: 60px
}

.mb-\[65px\] {
    margin-bottom: 65px
}

.mb-\[6px\] {
    margin-bottom: 6px
}

.mb-\[8px\] {
    margin-bottom: 8px
}

.mb-\[9px\] {
    margin-bottom: 9px
}

.ml-4 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-\[12px\] {
    margin-left: 12px
}

.ml-\[1px\] {
    margin-left: 1px
}

.ml-\[30px\] {
    margin-left: 30px
}

.ml-\[5px\] {
    margin-left: 5px
}

.ml-\[8\%\] {
    margin-left: 8%
}

.ml-\[9px\] {
    margin-left: 9px
}

.mr-1 {
    margin-right: .25rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-\[10px\] {
    margin-right: 10px
}

.mr-\[15px\] {
    margin-right: 15px
}

.mr-\[24\%\] {
    margin-right: 24%
}

.mr-\[30px\] {
    margin-right: 30px
}

.mt-0 {
    margin-top: 0
}

.mt-\[-7\%\] {
    margin-top: -7%
}

.mt-\[15\%\] {
    margin-top: 15%
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[25px\] {
    margin-top: 25px
}

.mt-\[30px\] {
    margin-top: 30px
}

.mt-\[40px\] {
    margin-top: 40px
}

.mt-\[45px\] {
    margin-top: 45px
}

.mt-\[50px\] {
    margin-top: 50px
}

.mt-\[5px\] {
    margin-top: 5px
}

.mt-\[60px\] {
    margin-top: 60px
}

.mt-\[64px\] {
    margin-top: 64px
}

.mt-\[80px\] {
    margin-top: 80px
}

.mt-\[8px\] {
    margin-top: 8px
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-video {
    aspect-ratio: 16/9
}

.h-0 {
    height: 0
}

.h-6 {
    height: 1.5rem
}

.h-\[120lvh\] {
    height: 120lvh
}

.h-\[20px\] {
    height: 20px
}

.h-\[32px\] {
    height: 32px
}

.h-\[48px\] {
    height: 48px
}

.h-\[50lvh\] {
    height: 50lvh
}

.h-\[75lvh\] {
    height: 75lvh
}

.h-full {
    height: 100%
}

.h-lvh {
    height: 100lvh
}

.h-safari-screen {
    height: 100vh;
    height: 100svh
}

.h-screen {
    height: 100vh;
    height: 100lvh
}

.h-svh {
    height: 100svh
}

.w-6 {
    width: 1.5rem
}

.w-\[0\.9375vw\] {
    width: .9375vw
}

.w-\[103px\] {
    width: 103px
}

.w-\[12px\] {
    width: 12px
}

.w-\[143px\] {
    width: 143px
}

.w-\[170px\] {
    width: 170px
}

.w-\[18px\] {
    width: 18px
}

.w-\[190px\] {
    width: 190px
}

.w-\[200px\] {
    width: 200px
}

.w-\[20px\] {
    width: 20px
}

.w-\[210px\] {
    width: 210px
}

.w-\[220px\] {
    width: 220px
}

.w-\[260px\] {
    width: 260px
}

.w-\[280px\] {
    width: 280px
}

.w-\[33\%\] {
    width: 33%
}

.w-\[39px\] {
    width: 39px
}

.w-\[54px\] {
    width: 54px
}

.w-\[60\%\] {
    width: 60%
}

.w-\[72px\] {
    width: 72px
}

.w-\[90\%\] {
    width: 90%
}

.w-\[9px\] {
    width: 9px
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[140px\] {
    min-width: 140px
}

.min-w-\[150px\] {
    min-width: 150px
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-\[1200px\] {
    max-width: 1200px
}

.max-w-\[1500px\] {
    max-width: 1500px
}

.max-w-\[200px\] {
    max-width: 200px
}

.max-w-\[240px\] {
    max-width: 240px
}

.max-w-\[320px\] {
    max-width: 320px
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[640px\] {
    max-width: 640px
}

.max-w-\[80\%\] {
    max-width: 80%
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-none {
    flex: none
}

.grow {
    flex-grow: 1
}

.table-fixed {
    table-layout: fixed
}

.origin-top-left {
    transform-origin: top left
}

.origin-top-right {
    transform-origin: top right
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%
}

.translate-x-\[-50\%\],
.translate-y-\[-50\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-50\%\] {
    --tw-translate-y: -50%
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.animate-\[appear_1s_ease-in_both\] {
    animation: appear 1s ease-in both
}

@keyframes clockwise {
    0% {
        opacity: .01;
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        transform: rotate(0deg)
    }
}

.animate-\[clockwise_1s_both_ease-out\] {
    animation: clockwise 1s ease-out both
}

@keyframes counter-clockwise {
    0% {
        opacity: .01;
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        transform: rotate(0deg)
    }
}

.animate-\[counter-clockwise_1s_both_ease-out\] {
    animation: counter-clockwise 1s ease-out both
}

.animate-\[disappear_\.9s_ease-in_both\] {
    animation: disappear .9s ease-in both
}

@keyframes disappear {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

.animate-\[disappear_1s_ease-in_both\] {
    animation: disappear 1s ease-in both
}

@keyframes flip-hide {
    0% {
        transform: scaleY(1)
    }

    to {
        transform: scaleY(0)
    }
}

.animate-\[flip-hide_1s_both\] {
    animation: flip-hide 1s both
}

@keyframes flip-show {
    0% {
        transform: scaleY(0)
    }

    to {
        transform: scaleY(1)
    }
}

.animate-\[flip-show_\.5s_both\] {
    animation: flip-show .5s both
}

@keyframes flip {
    0% {
        transform: scaleY(1)
    }

    50% {
        transform: scaleY(0)
    }

    to {
        transform: scaleY(1)
    }
}

.animate-\[flip_ease-in_\.25s_both\] {
    animation: flip .25s ease-in both
}

@keyframes horizon-slide {
    0% {
        opacity: .01;
        transform: translateX(-100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animate-\[horizon-slide_1\.2s_cubic-bezier\(0\.215\2c 0\.61\2c 0\.355\2c 1\)_both\] {
    animation: horizon-slide 1.2s cubic-bezier(.215, .61, .355, 1) both
}

@keyframes navigation-appear {
    0% {
        background: hsla(0, 0%, 85%, 0)
    }

    to {
        background: hsla(0, 0%, 85%, .5)
    }
}

.animate-\[navigation-appear_\.5s_ease-out_both\] {
    animation: navigation-appear .5s ease-out both
}

@keyframes navigation-disappear {
    0% {
        background: hsla(0, 0%, 85%, .5)
    }

    to {
        background: hsla(0, 0%, 85%, 0)
    }
}

.animate-\[navigation-disappear_\.5s_ease-out_both\] {
    animation: navigation-disappear .5s ease-out both
}

@keyframes navigation-menu-hover-children {
    0% {
        opacity: .01;
        transform: translate3d(0, 10px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate-\[navigation-menu-hover-children_\.25s_both\] {
    animation: navigation-menu-hover-children .25s both
}

@keyframes navigation-menu-hover-parent {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: .01;
        transform: translate3d(0, -10px, 0)
    }
}

.animate-\[navigation-menu-hover-parent_\.25s_both\] {
    animation: navigation-menu-hover-parent .25s both
}

.animate-\[re-hover_\.5s_ease-out_both\] {
    animation: re-hover .5s ease-out both
}

@keyframes re-hover {
    0% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

.animate-\[re-hover_0\.5s_ease-out_both\] {
    animation: re-hover .5s ease-out both
}

@keyframes re-navigation-menu-hover-children {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 10px, 0)
    }
}

.animate-\[re-navigation-menu-hover-children_\.25s_both\] {
    animation: re-navigation-menu-hover-children .25s both
}

@keyframes re-navigation-menu-hover-parent {
    0% {
        opacity: .01;
        transform: translate3d(0, -10px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate-\[re-navigation-menu-hover-parent_\.25s_both\] {
    animation: re-navigation-menu-hover-parent .25s both
}

@keyframes re-vertical-slide-navigator {
    0% {
        visibility: visible;
        opacity: 1;
        transform: translateY(0)
    }

    to {
        visibility: visible;
        opacity: .01;
        transform: translateY(100px)
    }
}

.animate-\[re-vertical-slide-navigator_\.5s_cubic-bezier\(0\.76\2c 0\2c 0\.24\2c 1\)_both\] {
    animation: re-vertical-slide-navigator .5s cubic-bezier(.76, 0, .24, 1) both
}

@keyframes re-zoom-in {
    0% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

.animate-\[re-zoom-in_1s_ease-out_both\] {
    animation: re-zoom-in 1s ease-out both
}

@keyframes slide-hidden {
    0% {
        max-height: 260px
    }

    to {
        max-height: 0
    }
}

.animate-\[slide-hidden_cubic-bezier\(0\.83\2c 0\2c 0\.17\2c 1\)_\.75s_both\] {
    animation: slide-hidden .75s cubic-bezier(.83, 0, .17, 1) both
}

@keyframes slide-show {
    0% {
        max-height: 0
    }

    to {
        max-height: 250px
    }
}

.animate-\[slide-show_cubic-bezier\(\.21\2c -0\.01\2c \.13\2c 1\)_1s_both\] {
    animation: slide-show 1s cubic-bezier(.21, -.01, .13, 1) both
}

@keyframes vertical-slide-navigator {
    0% {
        visibility: visible;
        opacity: .01;
        transform: translateY(100px)
    }

    to {
        visibility: visible;
        opacity: 1;
        transform: translateY(0)
    }
}

.animate-\[vertical-slide-navigator_\.5s_cubic-bezier\(0\.76\2c 0\2c 0\.24\2c 1\)_both\] {
    animation: vertical-slide-navigator .5s cubic-bezier(.76, 0, .24, 1) both
}

@keyframes vertical-slide {
    0% {
        visibility: visible;
        opacity: .01;
        transform: translateY(15px)
    }

    to {
        visibility: visible;
        opacity: 1;
        transform: translateY(0)
    }
}

.animate-\[vertical-slide_1s_cubic-bezier\(\.4\2c \.15\2c \.2\2c 1\)_both\] {
    animation: vertical-slide 1s cubic-bezier(.4, .15, .2, 1) both
}

.animate-\[zoom-in_\.1s\] {
    animation: zoom-in .1s
}

@keyframes zoom-in {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.05)
    }
}

.animate-\[zoom-in_1s_ease-out_both\] {
    animation: zoom-in 1s ease-out both
}

.animate-gradient-text-0 {
    animation: appear .5s .11s both
}

.animate-gradient-text-1 {
    animation: appear .5s 185ms both
}

.animate-gradient-text-10 {
    animation: appear .5s .86s both
}

.animate-gradient-text-100 {
    animation: appear .5s 7.61s both
}

.animate-gradient-text-101 {
    animation: appear .5s 7685ms both
}

.animate-gradient-text-102 {
    animation: appear .5s 7.76s both
}

.animate-gradient-text-103 {
    animation: appear .5s 7835ms both
}

.animate-gradient-text-104 {
    animation: appear .5s 7.91s both
}

.animate-gradient-text-105 {
    animation: appear .5s 7985ms both
}

.animate-gradient-text-106 {
    animation: appear .5s 8.06s both
}

.animate-gradient-text-107 {
    animation: appear .5s 8135ms both
}

.animate-gradient-text-108 {
    animation: appear .5s 8.21s both
}

.animate-gradient-text-109 {
    animation: appear .5s 8285ms both
}

.animate-gradient-text-11 {
    animation: appear .5s 935ms both
}

.animate-gradient-text-110 {
    animation: appear .5s 8.36s both
}

.animate-gradient-text-111 {
    animation: appear .5s 8435ms both
}

.animate-gradient-text-112 {
    animation: appear .5s 8.51s both
}

.animate-gradient-text-113 {
    animation: appear .5s 8585ms both
}

.animate-gradient-text-114 {
    animation: appear .5s 8.66s both
}

.animate-gradient-text-115 {
    animation: appear .5s 8735ms both
}

.animate-gradient-text-116 {
    animation: appear .5s 8.81s both
}

.animate-gradient-text-117 {
    animation: appear .5s 8885ms both
}

.animate-gradient-text-118 {
    animation: appear .5s 8.96s both
}

.animate-gradient-text-119 {
    animation: appear .5s 9035ms both
}

.animate-gradient-text-12 {
    animation: appear .5s 1.01s both
}

.animate-gradient-text-120 {
    animation: appear .5s 9.11s both
}

.animate-gradient-text-121 {
    animation: appear .5s 9185ms both
}

.animate-gradient-text-122 {
    animation: appear .5s 9.26s both
}

.animate-gradient-text-123 {
    animation: appear .5s 9335ms both
}

.animate-gradient-text-124 {
    animation: appear .5s 9.41s both
}

.animate-gradient-text-125 {
    animation: appear .5s 9485ms both
}

.animate-gradient-text-126 {
    animation: appear .5s 9.56s both
}

.animate-gradient-text-127 {
    animation: appear .5s 9635ms both
}

.animate-gradient-text-128 {
    animation: appear .5s 9.71s both
}

.animate-gradient-text-129 {
    animation: appear .5s 9785ms both
}

.animate-gradient-text-13 {
    animation: appear .5s 1085ms both
}

.animate-gradient-text-130 {
    animation: appear .5s 9.86s both
}

.animate-gradient-text-131 {
    animation: appear .5s 9935ms both
}

.animate-gradient-text-132 {
    animation: appear .5s 10.01s both
}

.animate-gradient-text-133 {
    animation: appear .5s 10085ms both
}

.animate-gradient-text-134 {
    animation: appear .5s 10.16s both
}

.animate-gradient-text-135 {
    animation: appear .5s 10235ms both
}

.animate-gradient-text-136 {
    animation: appear .5s 10.31s both
}

.animate-gradient-text-137 {
    animation: appear .5s 10385ms both
}

.animate-gradient-text-138 {
    animation: appear .5s 10.46s both
}

.animate-gradient-text-139 {
    animation: appear .5s 10535ms both
}

.animate-gradient-text-14 {
    animation: appear .5s 1.16s both
}

.animate-gradient-text-140 {
    animation: appear .5s 10.61s both
}

.animate-gradient-text-141 {
    animation: appear .5s 10685ms both
}

.animate-gradient-text-142 {
    animation: appear .5s 10.76s both
}

.animate-gradient-text-143 {
    animation: appear .5s 10835ms both
}

.animate-gradient-text-144 {
    animation: appear .5s 10.91s both
}

.animate-gradient-text-145 {
    animation: appear .5s 10985ms both
}

.animate-gradient-text-146 {
    animation: appear .5s 11.06s both
}

.animate-gradient-text-147 {
    animation: appear .5s 11135ms both
}

.animate-gradient-text-148 {
    animation: appear .5s 11.21s both
}

.animate-gradient-text-149 {
    animation: appear .5s 11285ms both
}

.animate-gradient-text-15 {
    animation: appear .5s 1235ms both
}

.animate-gradient-text-150 {
    animation: appear .5s 11.36s both
}

.animate-gradient-text-151 {
    animation: appear .5s 11435ms both
}

.animate-gradient-text-152 {
    animation: appear .5s 11.51s both
}

.animate-gradient-text-153 {
    animation: appear .5s 11585ms both
}

.animate-gradient-text-154 {
    animation: appear .5s 11.66s both
}

.animate-gradient-text-155 {
    animation: appear .5s 11735ms both
}

.animate-gradient-text-156 {
    animation: appear .5s 11.81s both
}

.animate-gradient-text-157 {
    animation: appear .5s 11885ms both
}

.animate-gradient-text-158 {
    animation: appear .5s 11.96s both
}

.animate-gradient-text-159 {
    animation: appear .5s 12035ms both
}

.animate-gradient-text-16 {
    animation: appear .5s 1.31s both
}

.animate-gradient-text-160 {
    animation: appear .5s 12.11s both
}

.animate-gradient-text-161 {
    animation: appear .5s 12185ms both
}

.animate-gradient-text-162 {
    animation: appear .5s 12.26s both
}

.animate-gradient-text-163 {
    animation: appear .5s 12335ms both
}

.animate-gradient-text-164 {
    animation: appear .5s 12.41s both
}

.animate-gradient-text-165 {
    animation: appear .5s 12485ms both
}

.animate-gradient-text-166 {
    animation: appear .5s 12.56s both
}

.animate-gradient-text-167 {
    animation: appear .5s 12635ms both
}

.animate-gradient-text-168 {
    animation: appear .5s 12.71s both
}

.animate-gradient-text-169 {
    animation: appear .5s 12785ms both
}

.animate-gradient-text-17 {
    animation: appear .5s 1385ms both
}

.animate-gradient-text-170 {
    animation: appear .5s 12.86s both
}

.animate-gradient-text-171 {
    animation: appear .5s 12935ms both
}

.animate-gradient-text-172 {
    animation: appear .5s 13.01s both
}

.animate-gradient-text-173 {
    animation: appear .5s 13085ms both
}

.animate-gradient-text-174 {
    animation: appear .5s 13.16s both
}

.animate-gradient-text-175 {
    animation: appear .5s 13235ms both
}

.animate-gradient-text-176 {
    animation: appear .5s 13.31s both
}

.animate-gradient-text-177 {
    animation: appear .5s 13385ms both
}

.animate-gradient-text-178 {
    animation: appear .5s 13.46s both
}

.animate-gradient-text-179 {
    animation: appear .5s 13535ms both
}

.animate-gradient-text-18 {
    animation: appear .5s 1.46s both
}

.animate-gradient-text-180 {
    animation: appear .5s 13.61s both
}

.animate-gradient-text-181 {
    animation: appear .5s 13685ms both
}

.animate-gradient-text-182 {
    animation: appear .5s 13.76s both
}

.animate-gradient-text-183 {
    animation: appear .5s 13835ms both
}

.animate-gradient-text-184 {
    animation: appear .5s 13.91s both
}

.animate-gradient-text-185 {
    animation: appear .5s 13985ms both
}

.animate-gradient-text-186 {
    animation: appear .5s 14.06s both
}

.animate-gradient-text-187 {
    animation: appear .5s 14135ms both
}

.animate-gradient-text-188 {
    animation: appear .5s 14.21s both
}

.animate-gradient-text-189 {
    animation: appear .5s 14285ms both
}

.animate-gradient-text-19 {
    animation: appear .5s 1535ms both
}

.animate-gradient-text-190 {
    animation: appear .5s 14.36s both
}

.animate-gradient-text-191 {
    animation: appear .5s 14435ms both
}

.animate-gradient-text-192 {
    animation: appear .5s 14.51s both
}

.animate-gradient-text-193 {
    animation: appear .5s 14585ms both
}

.animate-gradient-text-194 {
    animation: appear .5s 14.66s both
}

.animate-gradient-text-195 {
    animation: appear .5s 14735ms both
}

.animate-gradient-text-196 {
    animation: appear .5s 14.81s both
}

.animate-gradient-text-197 {
    animation: appear .5s 14885ms both
}

.animate-gradient-text-198 {
    animation: appear .5s 14.96s both
}

.animate-gradient-text-199 {
    animation: appear .5s 15035ms both
}

.animate-gradient-text-2 {
    animation: appear .5s .26s both
}

.animate-gradient-text-20 {
    animation: appear .5s 1.61s both
}

.animate-gradient-text-21 {
    animation: appear .5s 1685ms both
}

.animate-gradient-text-22 {
    animation: appear .5s 1.76s both
}

.animate-gradient-text-23 {
    animation: appear .5s 1835ms both
}

.animate-gradient-text-24 {
    animation: appear .5s 1.91s both
}

.animate-gradient-text-25 {
    animation: appear .5s 1985ms both
}

.animate-gradient-text-26 {
    animation: appear .5s 2.06s both
}

.animate-gradient-text-27 {
    animation: appear .5s 2135ms both
}

.animate-gradient-text-28 {
    animation: appear .5s 2.21s both
}

.animate-gradient-text-29 {
    animation: appear .5s 2285ms both
}

.animate-gradient-text-3 {
    animation: appear .5s 335ms both
}

.animate-gradient-text-30 {
    animation: appear .5s 2.36s both
}

.animate-gradient-text-31 {
    animation: appear .5s 2435ms both
}

.animate-gradient-text-32 {
    animation: appear .5s 2.51s both
}

.animate-gradient-text-33 {
    animation: appear .5s 2585ms both
}

.animate-gradient-text-34 {
    animation: appear .5s 2.66s both
}

.animate-gradient-text-35 {
    animation: appear .5s 2735ms both
}

.animate-gradient-text-36 {
    animation: appear .5s 2.81s both
}

.animate-gradient-text-37 {
    animation: appear .5s 2885ms both
}

.animate-gradient-text-38 {
    animation: appear .5s 2.96s both
}

.animate-gradient-text-39 {
    animation: appear .5s 3035ms both
}

.animate-gradient-text-4 {
    animation: appear .5s .41s both
}

.animate-gradient-text-40 {
    animation: appear .5s 3.11s both
}

.animate-gradient-text-41 {
    animation: appear .5s 3185ms both
}

.animate-gradient-text-42 {
    animation: appear .5s 3.26s both
}

.animate-gradient-text-43 {
    animation: appear .5s 3335ms both
}

.animate-gradient-text-44 {
    animation: appear .5s 3.41s both
}

.animate-gradient-text-45 {
    animation: appear .5s 3485ms both
}

.animate-gradient-text-46 {
    animation: appear .5s 3.56s both
}

.animate-gradient-text-47 {
    animation: appear .5s 3635ms both
}

.animate-gradient-text-48 {
    animation: appear .5s 3.71s both
}

.animate-gradient-text-49 {
    animation: appear .5s 3785ms both
}

.animate-gradient-text-5 {
    animation: appear .5s 485ms both
}

.animate-gradient-text-50 {
    animation: appear .5s 3.86s both
}

.animate-gradient-text-51 {
    animation: appear .5s 3935ms both
}

.animate-gradient-text-52 {
    animation: appear .5s 4.01s both
}

.animate-gradient-text-53 {
    animation: appear .5s 4085ms both
}

.animate-gradient-text-54 {
    animation: appear .5s 4.16s both
}

.animate-gradient-text-55 {
    animation: appear .5s 4235ms both
}

.animate-gradient-text-56 {
    animation: appear .5s 4.31s both
}

.animate-gradient-text-57 {
    animation: appear .5s 4385ms both
}

.animate-gradient-text-58 {
    animation: appear .5s 4.46s both
}

.animate-gradient-text-59 {
    animation: appear .5s 4535ms both
}

.animate-gradient-text-6 {
    animation: appear .5s .56s both
}

.animate-gradient-text-60 {
    animation: appear .5s 4.61s both
}

.animate-gradient-text-61 {
    animation: appear .5s 4685ms both
}

.animate-gradient-text-62 {
    animation: appear .5s 4.76s both
}

.animate-gradient-text-63 {
    animation: appear .5s 4835ms both
}

.animate-gradient-text-64 {
    animation: appear .5s 4.91s both
}

.animate-gradient-text-65 {
    animation: appear .5s 4985ms both
}

.animate-gradient-text-66 {
    animation: appear .5s 5.06s both
}

.animate-gradient-text-67 {
    animation: appear .5s 5135ms both
}

.animate-gradient-text-68 {
    animation: appear .5s 5.21s both
}

.animate-gradient-text-69 {
    animation: appear .5s 5285ms both
}

.animate-gradient-text-7 {
    animation: appear .5s 635ms both
}

.animate-gradient-text-70 {
    animation: appear .5s 5.36s both
}

.animate-gradient-text-71 {
    animation: appear .5s 5435ms both
}

.animate-gradient-text-72 {
    animation: appear .5s 5.51s both
}

.animate-gradient-text-73 {
    animation: appear .5s 5585ms both
}

.animate-gradient-text-74 {
    animation: appear .5s 5.66s both
}

.animate-gradient-text-75 {
    animation: appear .5s 5735ms both
}

.animate-gradient-text-76 {
    animation: appear .5s 5.81s both
}

.animate-gradient-text-77 {
    animation: appear .5s 5885ms both
}

.animate-gradient-text-78 {
    animation: appear .5s 5.96s both
}

.animate-gradient-text-79 {
    animation: appear .5s 6035ms both
}

.animate-gradient-text-8 {
    animation: appear .5s .71s both
}

.animate-gradient-text-80 {
    animation: appear .5s 6.11s both
}

.animate-gradient-text-81 {
    animation: appear .5s 6185ms both
}

.animate-gradient-text-82 {
    animation: appear .5s 6.26s both
}

.animate-gradient-text-83 {
    animation: appear .5s 6335ms both
}

.animate-gradient-text-84 {
    animation: appear .5s 6.41s both
}

.animate-gradient-text-85 {
    animation: appear .5s 6485ms both
}

.animate-gradient-text-86 {
    animation: appear .5s 6.56s both
}

.animate-gradient-text-87 {
    animation: appear .5s 6635ms both
}

.animate-gradient-text-88 {
    animation: appear .5s 6.71s both
}

.animate-gradient-text-89 {
    animation: appear .5s 6785ms both
}

.animate-gradient-text-9 {
    animation: appear .5s 785ms both
}

.animate-gradient-text-90 {
    animation: appear .5s 6.86s both
}

.animate-gradient-text-91 {
    animation: appear .5s 6935ms both
}

.animate-gradient-text-92 {
    animation: appear .5s 7.01s both
}

.animate-gradient-text-93 {
    animation: appear .5s 7085ms both
}

.animate-gradient-text-94 {
    animation: appear .5s 7.16s both
}

.animate-gradient-text-95 {
    animation: appear .5s 7235ms both
}

.animate-gradient-text-96 {
    animation: appear .5s 7.31s both
}

.animate-gradient-text-97 {
    animation: appear .5s 7385ms both
}

.animate-gradient-text-98 {
    animation: appear .5s 7.46s both
}

@keyframes appear {
    0% {
        visibility: visible;
        opacity: .01
    }

    to {
        visibility: visible;
        opacity: 1
    }
}

.animate-gradient-text-99 {
    animation: appear .5s 7535ms both
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[10\%\] {
    gap: 10%
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[40px\] {
    gap: 40px
}

.gap-\[60px\] {
    gap: 60px
}

.gap-\[64px\] {
    gap: 64px
}

.gap-\[80px\] {
    gap: 80px
}

.gap-x-0 {
    -moz-column-gap: 0;
    column-gap: 0
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-\[10px\] {
    -moz-column-gap: 10px;
    column-gap: 10px
}

.gap-x-\[128px\] {
    -moz-column-gap: 128px;
    column-gap: 128px
}

.gap-x-\[12px\] {
    -moz-column-gap: 12px;
    column-gap: 12px
}

.gap-x-\[20px\] {
    -moz-column-gap: 20px;
    column-gap: 20px
}

.gap-x-\[7px\] {
    -moz-column-gap: 7px;
    column-gap: 7px
}

.gap-y-20 {
    row-gap: 5rem
}

.space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-20>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(5rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.scroll-smooth {
    scroll-behavior: smooth
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-full {
    border-radius: 9999px
}

.border {
    border-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-solid {
    border-style: solid
}

.border-\[\#fff\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
}

.border-neutral-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-border-opacity, 1))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.bg-\[\#060725\] {
    --tw-bg-opacity: 1;
    background-color: rgb(6 7 37/var(--tw-bg-opacity, 1))
}

.bg-\[\#060725\]\/10 {
    background-color: rgba(6, 7, 37, .1)
}

.bg-\[\#060725\]\/\[\.02\] {
    background-color: rgba(6, 7, 37, .02)
}

.bg-\[\#F9F7F4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 247 244/var(--tw-bg-opacity, 1))
}

.bg-\[\#F9F7F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 247 245/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFF5E1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 245 225/var(--tw-bg-opacity, 1))
}

.bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.bg-\[\#f9f7f4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 247 244/var(--tw-bg-opacity, 1))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-black\/40 {
    background-color: rgba(0, 0, 0, .4)
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.from-\[\#CA5900\] {
    --tw-gradient-from: #ca5900 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(202, 89, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#FFB667\] {
    --tw-gradient-to: #ffb667 var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: 50%
}

.fill-black {
    fill: #000
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-6 {
    padding: 1.5rem
}

.p-\[10px\] {
    padding: 10px
}

.p-\[10px_14px_13px\] {
    padding: 10px 14px 13px
}

.p-\[15px\] {
    padding: 15px
}

.p-\[30px\] {
    padding: 30px
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[0px\] {
    padding-left: 0;
    padding-right: 0
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[20\%\] {
    padding-left: 20%;
    padding-right: 20%
}

.px-\[25px\] {
    padding-left: 25px;
    padding-right: 25px
}

.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px
}

.px-\[32px\] {
    padding-left: 32px;
    padding-right: 32px
}

.px-\[50px\] {
    padding-left: 50px;
    padding-right: 50px
}

.px-\[60px\] {
    padding-left: 60px;
    padding-right: 60px
}

.px-\[70px\] {
    padding-left: 70px;
    padding-right: 70px
}

.px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px
}

.py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.py-\[100px\] {
    padding-top: 100px;
    padding-bottom: 100px
}

.py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-\[50px\] {
    padding-top: 50px;
    padding-bottom: 50px
}

.py-\[55px\] {
    padding-top: 55px;
    padding-bottom: 55px
}

.py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px
}

.py-\[80px\] {
    padding-top: 80px;
    padding-bottom: 80px
}

.pb-\[100px\] {
    padding-bottom: 100px
}

.pb-\[10px\] {
    padding-bottom: 10px
}

.pb-\[11px\] {
    padding-bottom: 11px
}

.pb-\[14\.5px\] {
    padding-bottom: 14.5px
}

.pb-\[19px\] {
    padding-bottom: 19px
}

.pb-\[20vh\] {
    padding-bottom: 20vh
}

.pb-\[26px\] {
    padding-bottom: 26px
}

.pb-\[50px\] {
    padding-bottom: 50px
}

.pb-\[55px\] {
    padding-bottom: 55px
}

.pb-\[80px\] {
    padding-bottom: 80px
}

.pb-\[85px\] {
    padding-bottom: 85px
}

.pl-\[10px\] {
    padding-left: 10px
}

.pl-\[20px\] {
    padding-left: 20px
}

.pl-\[6px\] {
    padding-left: 6px
}

.pr-\[10px\] {
    padding-right: 10px
}

.pr-\[20px\] {
    padding-right: 20px
}

.pt-16 {
    padding-top: 4rem
}

.pt-\[100px\] {
    padding-top: 100px
}

.pt-\[12px\] {
    padding-top: 12px
}

.pt-\[18px\] {
    padding-top: 18px
}

.pt-\[20\%\] {
    padding-top: 20%
}

.pt-\[20px\] {
    padding-top: 20px
}

.pt-\[30px\] {
    padding-top: 30px
}

.pt-\[45px\] {
    padding-top: 45px
}

.pt-\[48px\] {
    padding-top: 48px
}

.pt-\[52px\] {
    padding-top: 52px
}

.pt-\[55px\] {
    padding-top: 55px
}

.pt-\[80px\] {
    padding-top: 80px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.align-bottom {
    vertical-align: bottom
}

.align-super {
    vertical-align: super
}

.font-goldenbook {
    font-family: goldenbook, sans-serif
}

.font-neue-haas-grotesk {
    font-family: neue-haas-grotesk-display, sans-serif
}

.font-yu-gothic {
    font-family: yu-gothic-pr6n, YuGothic, Yu Gothic, sans-serif
}

.font-yu-mincho {
    font-family: yu-mincho-pr6n, YuMincho, Yu Mincho, sans-serif
}

.text-12px-to-vw {
    font-size: .9375vw
}

.text-\[\.5em\] {
    font-size: .5em
}

.text-\[0\.7em\] {
    font-size: .7em
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[15px\] {
    font-size: 15px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[17px\] {
    font-size: 17px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[22px\] {
    font-size: 22px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[26px\] {
    font-size: 26px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[30px\] {
    font-size: 30px
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[40px\] {
    font-size: 40px
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.font-bold {
    font-weight: 700
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.capitalize {
    text-transform: capitalize
}

.leading-5 {
    line-height: 1.25rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-\[1\.2px\] {
    line-height: 1.2px
}

.leading-\[11px\] {
    line-height: 11px
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[1\] {
    line-height: 1
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[21px\] {
    line-height: 21px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-\[24px\] {
    line-height: 24px
}

.leading-\[26px\] {
    line-height: 26px
}

.leading-\[27px\] {
    line-height: 27px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[29px\] {
    line-height: 29px
}

.leading-\[30px\] {
    line-height: 30px
}

.leading-\[34px\] {
    line-height: 34px
}

.leading-\[35px\] {
    line-height: 35px
}

.leading-\[36px\] {
    line-height: 36px
}

.leading-\[40px\] {
    line-height: 40px
}

.leading-\[44px\] {
    line-height: 44px
}

.leading-\[50px\] {
    line-height: 50px
}

.leading-\[64px\] {
    line-height: 64px
}

.tracking-\[-0\.3px\] {
    letter-spacing: -.3px
}

.tracking-\[\.24px\] {
    letter-spacing: .24px
}

.tracking-\[\.28px\] {
    letter-spacing: .28px
}

.tracking-\[\.44px\] {
    letter-spacing: .44px
}

.tracking-\[\.48px\] {
    letter-spacing: .48px
}

.tracking-\[\.4px\] {
    letter-spacing: .4px
}

.tracking-\[\.52px\] {
    letter-spacing: .52px
}

.tracking-\[\.55px\] {
    letter-spacing: .55px
}

.tracking-\[\.56px\] {
    letter-spacing: .56px
}

.tracking-\[\.5px\] {
    letter-spacing: .5px
}

.tracking-\[\.6px\] {
    letter-spacing: .6px
}

.tracking-\[\.8px\] {
    letter-spacing: .8px
}

.tracking-\[\.96px\] {
    letter-spacing: .96px
}

.tracking-\[\.9px\] {
    letter-spacing: .9px
}

.tracking-\[0\.48px\] {
    letter-spacing: .48px
}

.tracking-\[1\.04px\] {
    letter-spacing: 1.04px
}

.tracking-\[1\.1px\] {
    letter-spacing: 1.1px
}

.tracking-\[1\.28px\] {
    letter-spacing: 1.28px
}

.tracking-\[1\.2px\] {
    letter-spacing: 1.2px
}

.tracking-\[1\.3px\] {
    letter-spacing: 1.3px
}

.tracking-\[1\.4px\] {
    letter-spacing: 1.4px
}

.tracking-\[1\.5px\] {
    letter-spacing: 1.5px
}

.tracking-\[1\.6px\] {
    letter-spacing: 1.6px
}

.tracking-\[1\.7px\] {
    letter-spacing: 1.7px
}

.tracking-\[1\.8px\] {
    letter-spacing: 1.8px
}

.tracking-\[1px\] {
    letter-spacing: 1px
}

.tracking-\[2\.2px\] {
    letter-spacing: 2.2px
}

.tracking-\[2\.4px\] {
    letter-spacing: 2.4px
}

.tracking-\[2px\] {
    letter-spacing: 2px
}

.tracking-\[4px\] {
    letter-spacing: 4px
}

.text-\[\#060725\] {
    --tw-text-opacity: 1;
    color: rgb(6 7 37/var(--tw-text-opacity, 1))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-50 {
    opacity: .5
}

.opacity-70 {
    opacity: .7
}

.opacity-80 {
    opacity: .8
}

.opacity-\[0\.01\] {
    opacity: .01
}

/*.mix-blend-difference {
    mix-blend-mode: difference
}*/

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px)
}

.backdrop-blur-2xl,
.backdrop-blur-xl {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px)
}

.backdrop-brightness-75 {
    --tw-backdrop-brightness: brightness(.75);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}

.ease-out {
    animation-timing-function: cubic-bezier(0, 0, .2, 1)
}

.paused {
    animation-play-state: paused
}

.hover\:animate-\[hover_\.5s_ease-out_both\]:hover {
    animation: hover .5s ease-out both
}

@keyframes hover {
    0% {
        opacity: 1
    }

    to {
        opacity: .6
    }
}

.hover\:animate-\[hover_0\.5s_ease-out_both\]:hover {
    animation: hover .5s ease-out both
}

.hover\:opacity-100:hover {
    opacity: 1
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.data-\[state\=open\]\:bg-neutral-100[data-state=open] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.data-\[state\=closed\]\:duration-300[data-state=closed],
.data-\[state\=open\]\:duration-300[data-state=open] {
    transition-duration: .3s
}

.data-\[state\=open\]\:animate-in[data-state=open] {
    animation-name: enter;
    animation-duration: .15s;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial
}

.data-\[state\=closed\]\:animate-out[data-state=closed] {
    animation-name: exit;
    animation-duration: .15s;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial
}

.data-\[state\=closed\]\:fade-out-0[data-state=closed] {
    --tw-exit-opacity: 0
}

.data-\[state\=open\]\:fade-in-0[data-state=open] {
    --tw-enter-opacity: 0
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
    --tw-exit-translate-x: -50%
}

.data-\[state\=closed\]\:slide-out-to-top-\[50\%\][data-state=closed] {
    --tw-exit-translate-y: -50%
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
    --tw-enter-translate-x: -50%
}

.data-\[state\=open\]\:slide-in-from-top-\[50\%\][data-state=open] {
    --tw-enter-translate-y: -50%
}

.data-\[state\=closed\]\:duration-300[data-state=closed],
.data-\[state\=open\]\:duration-300[data-state=open] {
    animation-duration: .3s
}

@media (min-width:640px) {
    .sm\:static {
        position: static
    }

    .sm\:absolute {
        position: absolute
    }

    .sm\:relative {
        position: relative
    }

    .sm\:sticky {
        position: sticky
    }

    .sm\:bottom-0 {
        bottom: 0
    }

    .sm\:bottom-10 {
        bottom: 2.5rem
    }

    .sm\:bottom-\[20px\] {
        bottom: 20px
    }

    .sm\:bottom-\[70px\] {
        bottom: 70px
    }

    .sm\:bottom-\[78px\] {
        bottom: 78px
    }

    .sm\:left-1\/2 {
        left: 50%
    }

    .sm\:left-\[80px\] {
        left: 80px
    }

    .sm\:right-\[80px\] {
        right: 80px
    }

    .sm\:top-\[184px\] {
        top: 184px
    }

    .sm\:top-\[70px\] {
        top: 70px
    }

    .sm\:z-40 {
        z-index: 40
    }

    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm\:my-\[0px\] {
        margin-top: 0;
        margin-bottom: 0
    }

    .sm\:my-\[100px\] {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .sm\:my-\[150px\] {
        margin-top: 150px;
        margin-bottom: 150px
    }

    .sm\:my-\[250px\] {
        margin-top: 250px;
        margin-bottom: 250px
    }

    .sm\:-mt-\[10px\] {
        margin-top: -10px
    }

    .sm\:mb-0,
    .sm\:mb-\[0px\] {
        margin-bottom: 0
    }

    .sm\:mb-\[100px\] {
        margin-bottom: 100px
    }

    .sm\:mb-\[112px\] {
        margin-bottom: 112px
    }

    .sm\:mb-\[12px\] {
        margin-bottom: 12px
    }

    .sm\:mb-\[140px\] {
        margin-bottom: 140px
    }

    .sm\:mb-\[14px\] {
        margin-bottom: 14px
    }

    .sm\:mb-\[150px\] {
        margin-bottom: 150px
    }

    .sm\:mb-\[15px\] {
        margin-bottom: 15px
    }

    .sm\:mb-\[16px\] {
        margin-bottom: 16px
    }

    .sm\:mb-\[18px\] {
        margin-bottom: 18px
    }

    .sm\:mb-\[20px\] {
        margin-bottom: 20px
    }

    .sm\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .sm\:mb-\[25px\] {
        margin-bottom: 25px
    }

    .sm\:mb-\[26px\] {
        margin-bottom: 26px
    }

    .sm\:mb-\[30px\] {
        margin-bottom: 30px
    }

    .sm\:mb-\[34px\] {
        margin-bottom: 34px
    }

    .sm\:mb-\[35px\] {
        margin-bottom: 35px
    }

    .sm\:mb-\[40px\] {
        margin-bottom: 40px
    }

    .sm\:mb-\[45px\] {
        margin-bottom: 45px
    }

    .sm\:mb-\[46px\] {
        margin-bottom: 46px
    }

    .sm\:mb-\[60px\] {
        margin-bottom: 60px
    }

    .sm\:mb-\[70px\] {
        margin-bottom: 70px
    }

    .sm\:ml-\[11vw\] {
        margin-left: 11vw
    }

    .sm\:ml-\[13\.75\%\] {
        margin-left: 13.75%
    }

    .sm\:ml-\[40px\] {
        margin-left: 40px
    }

    .sm\:ml-\[6\.25vw\] {
        margin-left: 6.25vw
    }

    .sm\:mr-\[11vw\] {
        margin-right: 11vw
    }

    .sm\:mr-\[20px\] {
        margin-right: 20px
    }

    .sm\:mr-\[30px\] {
        margin-right: 30px
    }

    .sm\:mr-\[40px\] {
        margin-right: 40px
    }

    .sm\:mr-\[6\.25vw\] {
        margin-right: 6.25vw
    }

    .sm\:mt-0,
    .sm\:mt-\[0\],
    .sm\:mt-\[0px\] {
        margin-top: 0
    }

    .sm\:mt-\[100px\] {
        margin-top: 100px
    }

    .sm\:mt-\[10px\] {
        margin-top: 10px
    }

    .sm\:mt-\[15vw\] {
        margin-top: 15vw
    }

    .sm\:mt-\[20px\] {
        margin-top: 20px
    }

    .sm\:mt-\[30px\] {
        margin-top: 30px
    }

    .sm\:block {
        display: block
    }

    .sm\:inline-block {
        display: inline-block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-\[38px\] {
        height: 38px
    }

    .sm\:h-auto {
        height: auto
    }

    .sm\:h-safari-screen {
        height: 100vh;
        height: 100svh
    }

    .sm\:min-h-screen {
        min-height: 100vh;
        min-height: 100lvh
    }

    .sm\:w-1\/2 {
        width: 50%
    }

    .sm\:w-\[1\.09375vw\] {
        width: 1.09375vw
    }

    .sm\:w-\[100px\] {
        width: 100px
    }

    .sm\:w-\[141px\] {
        width: 141px
    }

    .sm\:w-\[18\.203125vw\] {
        width: 18.203125vw
    }

    .sm\:w-\[20\%\] {
        width: 20%
    }

    .sm\:w-\[22\.5vw\] {
        width: 22.5vw
    }

    .sm\:w-\[27\.5\%\] {
        width: 27.5%
    }

    .sm\:w-\[27\.5vw\] {
        width: 27.5vw
    }

    .sm\:w-\[289px\] {
        width: 289px
    }

    .sm\:w-\[30vw\] {
        width: 30vw
    }

    .sm\:w-\[37\.5vw\] {
        width: 37.5vw
    }

    .sm\:w-\[40\%\] {
        width: 40%
    }

    .sm\:w-\[60\%\] {
        width: 60%
    }

    .sm\:w-\[80\%\] {
        width: 80%
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:max-w-\[1280px\] {
        max-width: 1280px
    }

    .sm\:max-w-\[1500px\] {
        max-width: 1500px
    }

    .sm\:max-w-\[400px\] {
        max-width: 400px
    }

    .sm\:max-w-\[800px\] {
        max-width: 800px
    }

    .sm\:flex-1 {
        flex: 1 1 0%
    }

    .sm\:flex-auto {
        flex: 1 1 auto
    }

    .sm\:flex-none {
        flex: none
    }

    .sm\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .sm\:-translate-x-1\/2,
    .sm\:scale-\[1\.01\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:scale-\[1\.01\] {
        --tw-scale-x: 1.01;
        --tw-scale-y: 1.01
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .sm\:gap-0 {
        gap: 0
    }

    .sm\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .sm\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .sm\:gap-x-\[4\.6875vw\] {
        -moz-column-gap: 4.6875vw;
        column-gap: 4.6875vw
    }

    .sm\:gap-x-\[5\.15625vw\] {
        -moz-column-gap: 5.15625vw;
        column-gap: 5.15625vw
    }

    .sm\:gap-x-\[59px\] {
        -moz-column-gap: 59px;
        column-gap: 59px
    }

    .sm\:gap-x-\[66px\] {
        -moz-column-gap: 66px;
        column-gap: 66px
    }

    .sm\:gap-x-\[80px\] {
        -moz-column-gap: 80px;
        column-gap: 80px
    }

    .sm\:gap-x-\[82px\] {
        -moz-column-gap: 82px;
        column-gap: 82px
    }

    .sm\:gap-x-\[84px\] {
        -moz-column-gap: 84px;
        column-gap: 84px
    }

    .sm\:gap-x-\[9\.375vw\] {
        -moz-column-gap: 9.375vw;
        column-gap: 9.375vw
    }

    .sm\:overflow-hidden {
        overflow: hidden
    }

    .sm\:rounded-full {
        border-radius: 9999px
    }

    .sm\:border-b-0 {
        border-bottom-width: 0
    }

    .sm\:border-r {
        border-right-width: 1px
    }

    .sm\:p-\[70px\] {
        padding: 70px
    }

    .sm\:px-0,
    .sm\:px-\[0px\] {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:px-\[110px\] {
        padding-left: 110px;
        padding-right: 110px
    }

    .sm\:px-\[176px\] {
        padding-left: 176px;
        padding-right: 176px
    }

    .sm\:px-\[18px\] {
        padding-left: 18px;
        padding-right: 18px
    }

    .sm\:px-\[20\%\] {
        padding-left: 20%;
        padding-right: 20%
    }

    .sm\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

    .sm\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

    .sm\:px-\[6\.25\%\] {
        padding-left: 6.25%;
        padding-right: 6.25%
    }

    .sm\:px-\[66px\] {
        padding-left: 66px;
        padding-right: 66px
    }

    .sm\:px-\[70px\] {
        padding-left: 70px;
        padding-right: 70px
    }

    .sm\:px-\[80px\] {
        padding-left: 80px;
        padding-right: 80px
    }

    .sm\:px-\[96px\] {
        padding-left: 96px;
        padding-right: 96px
    }

    .sm\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .sm\:py-\[0\.9375vw\] {
        padding-top: .9375vw;
        padding-bottom: .9375vw
    }

    .sm\:py-\[0px\] {
        padding-top: 0;
        padding-bottom: 0
    }

    .sm\:py-\[100px\] {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .sm\:py-\[120px\] {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .sm\:py-\[136px\] {
        padding-top: 136px;
        padding-bottom: 136px
    }

    .sm\:py-\[13px\] {
        padding-top: 13px;
        padding-bottom: 13px
    }

    .sm\:py-\[200px\] {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .sm\:py-\[250px\] {
        padding-top: 250px;
        padding-bottom: 250px
    }

    .sm\:py-\[300px\] {
        padding-top: 300px;
        padding-bottom: 300px
    }

    .sm\:py-\[30px\] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .sm\:pb-0,
    .sm\:pb-\[0px\] {
        padding-bottom: 0
    }

    .sm\:pb-\[100px\] {
        padding-bottom: 100px
    }

    .sm\:pb-\[14px\] {
        padding-bottom: 14px
    }

    .sm\:pb-\[160px\] {
        padding-bottom: 160px
    }

    .sm\:pb-\[200px\] {
        padding-bottom: 200px
    }

    .sm\:pb-\[20vw\] {
        padding-bottom: 20vw
    }

    .sm\:pb-\[250px\] {
        padding-bottom: 250px
    }

    .sm\:pb-\[280px\] {
        padding-bottom: 280px
    }

    .sm\:pb-\[300px\] {
        padding-bottom: 300px
    }

    .sm\:pb-\[30px\] {
        padding-bottom: 30px
    }

    .sm\:pb-\[7\.8125\%\] {
        padding-bottom: 7.8125%
    }

    .sm\:pl-\[10px\] {
        padding-left: 10px
    }

    .sm\:pr-\[20px\] {
        padding-right: 20px
    }

    .sm\:pt-0,
    .sm\:pt-\[0px\] {
        padding-top: 0
    }

    .sm\:pt-\[100px\] {
        padding-top: 100px
    }

    .sm\:pt-\[136px\] {
        padding-top: 136px
    }

    .sm\:pt-\[200px\] {
        padding-top: 200px
    }

    .sm\:pt-\[256px\] {
        padding-top: 256px
    }

    .sm\:pt-\[300px\] {
        padding-top: 300px
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:text-12px-to-vw {
        font-size: .9375vw
    }

    .sm\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

    .sm\:text-\[11px\] {
        font-size: 11px
    }

    .sm\:text-\[12px\] {
        font-size: 12px
    }

    .sm\:text-\[13px\] {
        font-size: 13px
    }

    .sm\:text-\[14px\] {
        font-size: 14px
    }

    .sm\:text-\[15px\] {
        font-size: 15px
    }

    .sm\:text-\[16px\] {
        font-size: 16px
    }

    .sm\:text-\[18px\] {
        font-size: 18px
    }

    .sm\:text-\[20px\] {
        font-size: 20px
    }

    .sm\:text-\[22px\] {
        font-size: 22px
    }

    .sm\:text-\[24px\] {
        font-size: 24px
    }

    .sm\:text-\[25px\] {
        font-size: 25px
    }

    .sm\:text-\[26px\] {
        font-size: 26px
    }

    .sm\:text-\[28px\] {
        font-size: 28px
    }

    .sm\:text-\[30px\] {
        font-size: 30px
    }

    .sm\:text-\[36px\] {
        font-size: 36px
    }

    .sm\:text-\[39px\] {
        font-size: 39px
    }

    .sm\:text-\[40px\] {
        font-size: 40px
    }

    .sm\:text-\[50px\] {
        font-size: 50px
    }

    .sm\:text-\[52px\] {
        font-size: 52px
    }

    .sm\:text-\[60px\] {
        font-size: 60px
    }

    .sm\:font-\[500\] {
        font-weight: 500
    }

    .sm\:leading-\[14px\] {
        line-height: 14px
    }

    .sm\:leading-\[20px\] {
        line-height: 20px
    }

    .sm\:leading-\[26px\] {
        line-height: 26px
    }

    .sm\:leading-\[30px\] {
        line-height: 30px
    }

    .sm\:leading-\[36px\] {
        line-height: 36px
    }

    .sm\:leading-\[38px\] {
        line-height: 38px
    }

    .sm\:leading-\[40px\] {
        line-height: 40px
    }

    .sm\:leading-\[44px\] {
        line-height: 44px
    }

    .sm\:leading-\[60px\] {
        line-height: 60px
    }

    .sm\:tracking-\[\.28px\] {
        letter-spacing: .28px
    }

    .sm\:tracking-\[\.32px\] {
        letter-spacing: .32px
    }

    .sm\:tracking-\[\.36px\] {
        letter-spacing: .36px
    }

    .sm\:tracking-\[\.3px\] {
        letter-spacing: .3px
    }

    .sm\:tracking-\[\.44px\] {
        letter-spacing: .44px
    }

    .sm\:tracking-\[\.48px\] {
        letter-spacing: .48px
    }

    .sm\:tracking-\[\.52px\] {
        letter-spacing: .52px
    }

    .sm\:tracking-\[\.55px\] {
        letter-spacing: .55px
    }

    .sm\:tracking-\[\.56px\] {
        letter-spacing: .56px
    }

    .sm\:tracking-\[\.5px\] {
        letter-spacing: .5px
    }

    .sm\:tracking-\[\.6px\] {
        letter-spacing: .6px
    }

    .sm\:tracking-\[\.72px\] {
        letter-spacing: .72px
    }

    .sm\:tracking-\[\.8px\] {
        letter-spacing: .8px
    }

    .sm\:tracking-\[0\.48px\] {
        letter-spacing: .48px
    }

    .sm\:tracking-\[1\.1px\] {
        letter-spacing: 1.1px
    }

    .sm\:tracking-\[1\.2px\] {
        letter-spacing: 1.2px
    }

    .sm\:tracking-\[1\.3px\] {
        letter-spacing: 1.3px
    }

    .sm\:tracking-\[1\.4px\] {
        letter-spacing: 1.4px
    }

    .sm\:tracking-\[1\.8px\] {
        letter-spacing: 1.8px
    }

    .sm\:tracking-\[1px\] {
        letter-spacing: 1px
    }

    .sm\:tracking-\[2\.2px\] {
        letter-spacing: 2.2px
    }

    .sm\:tracking-\[2\.4px\] {
        letter-spacing: 2.4px
    }

    .sm\:tracking-\[2\.5px\] {
        letter-spacing: 2.5px
    }

    .sm\:tracking-\[2\.6px\] {
        letter-spacing: 2.6px
    }

    .sm\:tracking-\[2px\] {
        letter-spacing: 2px
    }

    .sm\:tracking-\[3\.9px\] {
        letter-spacing: 3.9px
    }

    .sm\:tracking-\[3px\] {
        letter-spacing: 3px
    }

    .sm\:tracking-\[5\.2px\] {
        letter-spacing: 5.2px
    }
}

@media (min-width:768px) {
    .md\:hidden {
        display: none
    }
}

@media (min-width:1024px) {
    .lg\:block {
        display: block
    }

    .lg\:hidden {
        display: none
    }

    .lg\:gap-x-\[128px\] {
        -moz-column-gap: 128px;
        column-gap: 128px
    }

    .lg\:px-\[120px\] {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (prefers-color-scheme:dark) {
    .dark\:text-gray-600 {
        --tw-text-opacity: 1;
        color: rgb(75 85 99/var(--tw-text-opacity, 1))
    }
}

picture source {
    min-height: 1px;
    min-width: 1px;
    pointer-events: none;
    position: absolute;
    width: 10%
}

img,
video {
    display: block;
    height: auto;
    width: 100%
}

img.lazy,
video.lazy {
    min-height: 1px;
    opacity: 0
}

img.lazy.fLazy--loaded,
video.lazy.fLazy--loaded {
    min-height: auto;
    opacity: 1;
    transition: opacity .45s
}

.u-font-yu-go {
    font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, yu-gothic-pr6n, sans-serif;
    letter-spacing: .08em
}

.u-font-yu-min {
    font-family: yu-mincho-pr6n, YuMincho, Yu Mincho, 游明朝, Hiragino Mincho Pro, sans-serif;
    letter-spacing: .1em
}

.u-font-neue {
    font-family: neue-haas-grotesk-display, sans-serif;
    letter-spacing: .04em
}

.u-font-gb {
    font-family: goldenbook, sans-serif;
    letter-spacing: .02em
}

.u-text-xs {
    font-size: 1rem
}

.u-text-xs-2 {
    font-size: 1.1rem
}

.u-text-sm {
    font-size: 1.2rem
}

.u-text-sm-2 {
    font-size: 1.3rem
}

.u-text-md {
    font-size: 1.4rem
}

.u-text-md-2 {
    font-size: 1.5rem
}

.u-text-base {
    font-size: 1.6rem
}

.u-text-base-2 {
    font-size: 1.7rem
}

.u-text-lg {
    font-size: 1.8rem
}

.u-text-lg-2 {
    font-size: 1.9rem
}

.u-text-xl {
    font-size: 2rem
}

.zoom-in-animate .swiper-slide-active>*,
.zoom-in-animate .swiper-slide-prev>* {
    animation: zoom-in 10s
}

summary {
    display: block;
    list-style: none
}

summary::-webkit-details-marker {
    display: none
}

.swiper-linear .swiper-wrapper {
    transition-timing-function: linear !important
}

.zoom-out-animate .swiper-slide-active img,
.zoom-out-animate .swiper-slide-next img,
.zoom-out-animate .swiper-slide-prev img {
    animation: slider-zoom-out 6s
}

html {
    background: #fff;
    color: #060725;
    font-family: neue-haas-grotesk-display, 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, yu-gothic-pr6n, Hiragino Kaku Gothic ProN, Hiragino Sans, Helvetica Neue, Arial, Meiryo, sans-serif;
    font-feature-settings: "palt";
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    line-height: 1
}

html ::-moz-selection {
    background-color: #060725;
    color: #fff
}

html ::selection {
    background-color: #060725;
    color: #fff
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

body {
    background-color: f9f9f9;
    -webkit-text-size-adjust: 100%
}

body * {
    box-sizing: border-box;
    letter-spacing: .04em
}

a {
    color: inherit;
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: inherit
}

img::-moz-selection,
video::-moz-selection {
    background-color: #999
}

img::selection,
video::selection {
    background-color: #999
}

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

fieldset,
img {
    border: 0
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

q:after,
q:before {
    content: ""
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    *font-size: 100%;
    font-weight: inherit
}

button,
input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none
}

textarea {
    resize: none
}

button,
input,
label,
select {
    cursor: pointer;
    margin: 0
}

button {
    padding: 0
}

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0
}

@media screen and (max-width:900px) {
    html {
        font-size: 2.56vw
    }
}

html.lenis {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

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

.u-p0 {
    padding: 0
}

.u-p2 {
    padding: 2px
}

.u-p4 {
    padding: 4px
}

.u-p5 {
    padding: 5px
}

.u-p6 {
    padding: 6px
}

.u-p8 {
    padding: 8px
}

.u-p10 {
    padding: 10px
}

.u-p12 {
    padding: 12px
}

.u-p14 {
    padding: 14px
}

.u-p15 {
    padding: 15px
}

.u-p16 {
    padding: 16px
}

.u-p18 {
    padding: 18px
}

.u-p20 {
    padding: 20px
}

.u-p22 {
    padding: 22px
}

.u-p24 {
    padding: 24px
}

.u-p25 {
    padding: 25px
}

.u-p26 {
    padding: 26px
}

.u-p28 {
    padding: 28px
}

.u-p30 {
    padding: 30px
}

.u-p32 {
    padding: 32px
}

.u-p34 {
    padding: 34px
}

.u-p35 {
    padding: 35px
}

.u-p36 {
    padding: 36px
}

.u-p38 {
    padding: 38px
}

.u-p40 {
    padding: 40px
}

.u-p42 {
    padding: 42px
}

.u-p44 {
    padding: 44px
}

.u-p45 {
    padding: 45px
}

.u-p46 {
    padding: 46px
}

.u-p48 {
    padding: 48px
}

.u-p50 {
    padding: 50px
}

.u-p52 {
    padding: 52px
}

.u-p54 {
    padding: 54px
}

.u-p55 {
    padding: 55px
}

.u-p56 {
    padding: 56px
}

.u-p58 {
    padding: 58px
}

.u-p60 {
    padding: 60px
}

.u-p62 {
    padding: 62px
}

.u-p64 {
    padding: 64px
}

.u-p65 {
    padding: 65px
}

.u-p66 {
    padding: 66px
}

.u-p68 {
    padding: 68px
}

.u-p70 {
    padding: 70px
}

.u-p72 {
    padding: 72px
}

.u-p74 {
    padding: 74px
}

.u-p75 {
    padding: 75px
}

.u-p76 {
    padding: 76px
}

.u-p78 {
    padding: 78px
}

.u-p80 {
    padding: 80px
}

.u-p82 {
    padding: 82px
}

.u-p84 {
    padding: 84px
}

.u-p85 {
    padding: 85px
}

.u-p86 {
    padding: 86px
}

.u-p88 {
    padding: 88px
}

.u-p90 {
    padding: 90px
}

.u-p92 {
    padding: 92px
}

.u-p94 {
    padding: 94px
}

.u-p95 {
    padding: 95px
}

.u-p96 {
    padding: 96px
}

.u-p98 {
    padding: 98px
}

.u-p100 {
    padding: 100px
}

.u-pt0 {
    padding-top: 0
}

.u-pt2 {
    padding-top: 2px
}

.u-pt4 {
    padding-top: 4px
}

.u-pt5 {
    padding-top: 5px
}

.u-pt6 {
    padding-top: 6px
}

.u-pt8 {
    padding-top: 8px
}

.u-pt10 {
    padding-top: 10px
}

.u-pt12 {
    padding-top: 12px
}

.u-pt14 {
    padding-top: 14px
}

.u-pt15 {
    padding-top: 15px
}

.u-pt16 {
    padding-top: 16px
}

.u-pt18 {
    padding-top: 18px
}

.u-pt20 {
    padding-top: 20px
}

.u-pt22 {
    padding-top: 22px
}

.u-pt24 {
    padding-top: 24px
}

.u-pt25 {
    padding-top: 25px
}

.u-pt26 {
    padding-top: 26px
}

.u-pt28 {
    padding-top: 28px
}

.u-pt30 {
    padding-top: 30px
}

.u-pt32 {
    padding-top: 32px
}

.u-pt34 {
    padding-top: 34px
}

.u-pt35 {
    padding-top: 35px
}

.u-pt36 {
    padding-top: 36px
}

.u-pt38 {
    padding-top: 38px
}

.u-pt40 {
    padding-top: 40px
}

.u-pt42 {
    padding-top: 42px
}

.u-pt44 {
    padding-top: 44px
}

.u-pt45 {
    padding-top: 45px
}

.u-pt46 {
    padding-top: 46px
}

.u-pt48 {
    padding-top: 48px
}

.u-pt50 {
    padding-top: 50px
}

.u-pt52 {
    padding-top: 52px
}

.u-pt54 {
    padding-top: 54px
}

.u-pt55 {
    padding-top: 55px
}

.u-pt56 {
    padding-top: 56px
}

.u-pt58 {
    padding-top: 58px
}

.u-pt60 {
    padding-top: 60px
}

.u-pt62 {
    padding-top: 62px
}

.u-pt64 {
    padding-top: 64px
}

.u-pt65 {
    padding-top: 65px
}

.u-pt66 {
    padding-top: 66px
}

.u-pt68 {
    padding-top: 68px
}

.u-pt70 {
    padding-top: 70px
}

.u-pt72 {
    padding-top: 72px
}

.u-pt74 {
    padding-top: 74px
}

.u-pt75 {
    padding-top: 75px
}

.u-pt76 {
    padding-top: 76px
}

.u-pt78 {
    padding-top: 78px
}

.u-pt80 {
    padding-top: 80px
}

.u-pt82 {
    padding-top: 82px
}

.u-pt84 {
    padding-top: 84px
}

.u-pt85 {
    padding-top: 85px
}

.u-pt86 {
    padding-top: 86px
}

.u-pt88 {
    padding-top: 88px
}

.u-pt90 {
    padding-top: 90px
}

.u-pt92 {
    padding-top: 92px
}

.u-pt94 {
    padding-top: 94px
}

.u-pt95 {
    padding-top: 95px
}

.u-pt96 {
    padding-top: 96px
}

.u-pt98 {
    padding-top: 98px
}

.u-pt100 {
    padding-top: 100px
}

.u-pb0 {
    padding-bottom: 0
}

.u-pb2 {
    padding-bottom: 2px
}

.u-pb4 {
    padding-bottom: 4px
}

.u-pb5 {
    padding-bottom: 5px
}

.u-pb6 {
    padding-bottom: 6px
}

.u-pb8 {
    padding-bottom: 8px
}

.u-pb10 {
    padding-bottom: 10px
}

.u-pb12 {
    padding-bottom: 12px
}

.u-pb14 {
    padding-bottom: 14px
}

.u-pb15 {
    padding-bottom: 15px
}

.u-pb16 {
    padding-bottom: 16px
}

.u-pb18 {
    padding-bottom: 18px
}

.u-pb20 {
    padding-bottom: 20px
}

.u-pb22 {
    padding-bottom: 22px
}

.u-pb24 {
    padding-bottom: 24px
}

.u-pb25 {
    padding-bottom: 25px
}

.u-pb26 {
    padding-bottom: 26px
}

.u-pb28 {
    padding-bottom: 28px
}

.u-pb30 {
    padding-bottom: 30px
}

.u-pb32 {
    padding-bottom: 32px
}

.u-pb34 {
    padding-bottom: 34px
}

.u-pb35 {
    padding-bottom: 35px
}

.u-pb36 {
    padding-bottom: 36px
}

.u-pb38 {
    padding-bottom: 38px
}

.u-pb40 {
    padding-bottom: 40px
}

.u-pb42 {
    padding-bottom: 42px
}

.u-pb44 {
    padding-bottom: 44px
}

.u-pb45 {
    padding-bottom: 45px
}

.u-pb46 {
    padding-bottom: 46px
}

.u-pb48 {
    padding-bottom: 48px
}

.u-pb50 {
    padding-bottom: 50px
}

.u-pb52 {
    padding-bottom: 52px
}

.u-pb54 {
    padding-bottom: 54px
}

.u-pb55 {
    padding-bottom: 55px
}

.u-pb56 {
    padding-bottom: 56px
}

.u-pb58 {
    padding-bottom: 58px
}

.u-pb60 {
    padding-bottom: 60px
}

.u-pb62 {
    padding-bottom: 62px
}

.u-pb64 {
    padding-bottom: 64px
}

.u-pb65 {
    padding-bottom: 65px
}

.u-pb66 {
    padding-bottom: 66px
}

.u-pb68 {
    padding-bottom: 68px
}

.u-pb70 {
    padding-bottom: 70px
}

.u-pb72 {
    padding-bottom: 72px
}

.u-pb74 {
    padding-bottom: 74px
}

.u-pb75 {
    padding-bottom: 75px
}

.u-pb76 {
    padding-bottom: 76px
}

.u-pb78 {
    padding-bottom: 78px
}

.u-pb80 {
    padding-bottom: 80px
}

.u-pb82 {
    padding-bottom: 82px
}

.u-pb84 {
    padding-bottom: 84px
}

.u-pb85 {
    padding-bottom: 85px
}

.u-pb86 {
    padding-bottom: 86px
}

.u-pb88 {
    padding-bottom: 88px
}

.u-pb90 {
    padding-bottom: 90px
}

.u-pb92 {
    padding-bottom: 92px
}

.u-pb94 {
    padding-bottom: 94px
}

.u-pb95 {
    padding-bottom: 95px
}

.u-pb96 {
    padding-bottom: 96px
}

.u-pb98 {
    padding-bottom: 98px
}

.u-pb100 {
    padding-bottom: 100px
}

.u-pl0 {
    padding-left: 0
}

.u-pl2 {
    padding-left: 2px
}

.u-pl4 {
    padding-left: 4px
}

.u-pl5 {
    padding-left: 5px
}

.u-pl6 {
    padding-left: 6px
}

.u-pl8 {
    padding-left: 8px
}

.u-pl10 {
    padding-left: 10px
}

.u-pl12 {
    padding-left: 12px
}

.u-pl14 {
    padding-left: 14px
}

.u-pl15 {
    padding-left: 15px
}

.u-pl16 {
    padding-left: 16px
}

.u-pl18 {
    padding-left: 18px
}

.u-pl20 {
    padding-left: 20px
}

.u-pl22 {
    padding-left: 22px
}

.u-pl24 {
    padding-left: 24px
}

.u-pl25 {
    padding-left: 25px
}

.u-pl26 {
    padding-left: 26px
}

.u-pl28 {
    padding-left: 28px
}

.u-pl30 {
    padding-left: 30px
}

.u-pl32 {
    padding-left: 32px
}

.u-pl34 {
    padding-left: 34px
}

.u-pl35 {
    padding-left: 35px
}

.u-pl36 {
    padding-left: 36px
}

.u-pl38 {
    padding-left: 38px
}

.u-pl40 {
    padding-left: 40px
}

.u-pl42 {
    padding-left: 42px
}

.u-pl44 {
    padding-left: 44px
}

.u-pl45 {
    padding-left: 45px
}

.u-pl46 {
    padding-left: 46px
}

.u-pl48 {
    padding-left: 48px
}

.u-pl50 {
    padding-left: 50px
}

.u-pl52 {
    padding-left: 52px
}

.u-pl54 {
    padding-left: 54px
}

.u-pl55 {
    padding-left: 55px
}

.u-pl56 {
    padding-left: 56px
}

.u-pl58 {
    padding-left: 58px
}

.u-pl60 {
    padding-left: 60px
}

.u-pl62 {
    padding-left: 62px
}

.u-pl64 {
    padding-left: 64px
}

.u-pl65 {
    padding-left: 65px
}

.u-pl66 {
    padding-left: 66px
}

.u-pl68 {
    padding-left: 68px
}

.u-pl70 {
    padding-left: 70px
}

.u-pl72 {
    padding-left: 72px
}

.u-pl74 {
    padding-left: 74px
}

.u-pl75 {
    padding-left: 75px
}

.u-pl76 {
    padding-left: 76px
}

.u-pl78 {
    padding-left: 78px
}

.u-pl80 {
    padding-left: 80px
}

.u-pl82 {
    padding-left: 82px
}

.u-pl84 {
    padding-left: 84px
}

.u-pl85 {
    padding-left: 85px
}

.u-pl86 {
    padding-left: 86px
}

.u-pl88 {
    padding-left: 88px
}

.u-pl90 {
    padding-left: 90px
}

.u-pl92 {
    padding-left: 92px
}

.u-pl94 {
    padding-left: 94px
}

.u-pl95 {
    padding-left: 95px
}

.u-pl96 {
    padding-left: 96px
}

.u-pl98 {
    padding-left: 98px
}

.u-pl100 {
    padding-left: 100px
}

.u-pr0 {
    padding-right: 0
}

.u-pr2 {
    padding-right: 2px
}

.u-pr4 {
    padding-right: 4px
}

.u-pr5 {
    padding-right: 5px
}

.u-pr6 {
    padding-right: 6px
}

.u-pr8 {
    padding-right: 8px
}

.u-pr10 {
    padding-right: 10px
}

.u-pr12 {
    padding-right: 12px
}

.u-pr14 {
    padding-right: 14px
}

.u-pr15 {
    padding-right: 15px
}

.u-pr16 {
    padding-right: 16px
}

.u-pr18 {
    padding-right: 18px
}

.u-pr20 {
    padding-right: 20px
}

.u-pr22 {
    padding-right: 22px
}

.u-pr24 {
    padding-right: 24px
}

.u-pr25 {
    padding-right: 25px
}

.u-pr26 {
    padding-right: 26px
}

.u-pr28 {
    padding-right: 28px
}

.u-pr30 {
    padding-right: 30px
}

.u-pr32 {
    padding-right: 32px
}

.u-pr34 {
    padding-right: 34px
}

.u-pr35 {
    padding-right: 35px
}

.u-pr36 {
    padding-right: 36px
}

.u-pr38 {
    padding-right: 38px
}

.u-pr40 {
    padding-right: 40px
}

.u-pr42 {
    padding-right: 42px
}

.u-pr44 {
    padding-right: 44px
}

.u-pr45 {
    padding-right: 45px
}

.u-pr46 {
    padding-right: 46px
}

.u-pr48 {
    padding-right: 48px
}

.u-pr50 {
    padding-right: 50px
}

.u-pr52 {
    padding-right: 52px
}

.u-pr54 {
    padding-right: 54px
}

.u-pr55 {
    padding-right: 55px
}

.u-pr56 {
    padding-right: 56px
}

.u-pr58 {
    padding-right: 58px
}

.u-pr60 {
    padding-right: 60px
}

.u-pr62 {
    padding-right: 62px
}

.u-pr64 {
    padding-right: 64px
}

.u-pr65 {
    padding-right: 65px
}

.u-pr66 {
    padding-right: 66px
}

.u-pr68 {
    padding-right: 68px
}

.u-pr70 {
    padding-right: 70px
}

.u-pr72 {
    padding-right: 72px
}

.u-pr74 {
    padding-right: 74px
}

.u-pr75 {
    padding-right: 75px
}

.u-pr76 {
    padding-right: 76px
}

.u-pr78 {
    padding-right: 78px
}

.u-pr80 {
    padding-right: 80px
}

.u-pr82 {
    padding-right: 82px
}

.u-pr84 {
    padding-right: 84px
}

.u-pr85 {
    padding-right: 85px
}

.u-pr86 {
    padding-right: 86px
}

.u-pr88 {
    padding-right: 88px
}

.u-pr90 {
    padding-right: 90px
}

.u-pr92 {
    padding-right: 92px
}

.u-pr94 {
    padding-right: 94px
}

.u-pr95 {
    padding-right: 95px
}

.u-pr96 {
    padding-right: 96px
}

.u-pr98 {
    padding-right: 98px
}

.u-pr100 {
    padding-right: 100px
}

.u-m0 {
    margin: 0
}

.u-m2 {
    margin: 2px
}

.u-m4 {
    margin: 4px
}

.u-m5 {
    margin: 5px
}

.u-m6 {
    margin: 6px
}

.u-m8 {
    margin: 8px
}

.u-m10 {
    margin: 10px
}

.u-m12 {
    margin: 12px
}

.u-m14 {
    margin: 14px
}

.u-m15 {
    margin: 15px
}

.u-m16 {
    margin: 16px
}

.u-m18 {
    margin: 18px
}

.u-m20 {
    margin: 20px
}

.u-m22 {
    margin: 22px
}

.u-m24 {
    margin: 24px
}

.u-m25 {
    margin: 25px
}

.u-m26 {
    margin: 26px
}

.u-m28 {
    margin: 28px
}

.u-m30 {
    margin: 30px
}

.u-m32 {
    margin: 32px
}

.u-m34 {
    margin: 34px
}

.u-m35 {
    margin: 35px
}

.u-m36 {
    margin: 36px
}

.u-m38 {
    margin: 38px
}

.u-m40 {
    margin: 40px
}

.u-m42 {
    margin: 42px
}

.u-m44 {
    margin: 44px
}

.u-m45 {
    margin: 45px
}

.u-m46 {
    margin: 46px
}

.u-m48 {
    margin: 48px
}

.u-m50 {
    margin: 50px
}

.u-m52 {
    margin: 52px
}

.u-m54 {
    margin: 54px
}

.u-m55 {
    margin: 55px
}

.u-m56 {
    margin: 56px
}

.u-m58 {
    margin: 58px
}

.u-m60 {
    margin: 60px
}

.u-m62 {
    margin: 62px
}

.u-m64 {
    margin: 64px
}

.u-m65 {
    margin: 65px
}

.u-m66 {
    margin: 66px
}

.u-m68 {
    margin: 68px
}

.u-m70 {
    margin: 70px
}

.u-m72 {
    margin: 72px
}

.u-m74 {
    margin: 74px
}

.u-m75 {
    margin: 75px
}

.u-m76 {
    margin: 76px
}

.u-m78 {
    margin: 78px
}

.u-m80 {
    margin: 80px
}

.u-m82 {
    margin: 82px
}

.u-m84 {
    margin: 84px
}

.u-m85 {
    margin: 85px
}

.u-m86 {
    margin: 86px
}

.u-m88 {
    margin: 88px
}

.u-m90 {
    margin: 90px
}

.u-m92 {
    margin: 92px
}

.u-m94 {
    margin: 94px
}

.u-m95 {
    margin: 95px
}

.u-m96 {
    margin: 96px
}

.u-m98 {
    margin: 98px
}

.u-m100 {
    margin: 100px
}

.u-mt0 {
    margin-top: 0
}

.u-mt2 {
    margin-top: 2px
}

.u-mt4 {
    margin-top: 4px
}

.u-mt5 {
    margin-top: 5px
}

.u-mt6 {
    margin-top: 6px
}

.u-mt8 {
    margin-top: 8px
}

.u-mt10 {
    margin-top: 10px
}

.u-mt12 {
    margin-top: 12px
}

.u-mt14 {
    margin-top: 14px
}

.u-mt15 {
    margin-top: 15px
}

.u-mt16 {
    margin-top: 16px
}

.u-mt18 {
    margin-top: 18px
}

.u-mt20 {
    margin-top: 20px
}

.u-mt22 {
    margin-top: 22px
}

.u-mt24 {
    margin-top: 24px
}

.u-mt25 {
    margin-top: 25px
}

.u-mt26 {
    margin-top: 26px
}

.u-mt28 {
    margin-top: 28px
}

.u-mt30 {
    margin-top: 30px
}

.u-mt32 {
    margin-top: 32px
}

.u-mt34 {
    margin-top: 34px
}

.u-mt35 {
    margin-top: 35px
}

.u-mt36 {
    margin-top: 36px
}

.u-mt38 {
    margin-top: 38px
}

.u-mt40 {
    margin-top: 40px
}

.u-mt42 {
    margin-top: 42px
}

.u-mt44 {
    margin-top: 44px
}

.u-mt45 {
    margin-top: 45px
}

.u-mt46 {
    margin-top: 46px
}

.u-mt48 {
    margin-top: 48px
}

.u-mt50 {
    margin-top: 50px
}

.u-mt52 {
    margin-top: 52px
}

.u-mt54 {
    margin-top: 54px
}

.u-mt55 {
    margin-top: 55px
}

.u-mt56 {
    margin-top: 56px
}

.u-mt58 {
    margin-top: 58px
}

.u-mt60 {
    margin-top: 60px
}

.u-mt62 {
    margin-top: 62px
}

.u-mt64 {
    margin-top: 64px
}

.u-mt65 {
    margin-top: 65px
}

.u-mt66 {
    margin-top: 66px
}

.u-mt68 {
    margin-top: 68px
}

.u-mt70 {
    margin-top: 70px
}

.u-mt72 {
    margin-top: 72px
}

.u-mt74 {
    margin-top: 74px
}

.u-mt75 {
    margin-top: 75px
}

.u-mt76 {
    margin-top: 76px
}

.u-mt78 {
    margin-top: 78px
}

.u-mt80 {
    margin-top: 80px
}

.u-mt82 {
    margin-top: 82px
}

.u-mt84 {
    margin-top: 84px
}

.u-mt85 {
    margin-top: 85px
}

.u-mt86 {
    margin-top: 86px
}

.u-mt88 {
    margin-top: 88px
}

.u-mt90 {
    margin-top: 90px
}

.u-mt92 {
    margin-top: 92px
}

.u-mt94 {
    margin-top: 94px
}

.u-mt95 {
    margin-top: 95px
}

.u-mt96 {
    margin-top: 96px
}

.u-mt98 {
    margin-top: 98px
}

.u-mt100 {
    margin-top: 100px
}

.u-mb0 {
    margin-bottom: 0
}

.u-mb2 {
    margin-bottom: 2px
}

.u-mb4 {
    margin-bottom: 4px
}

.u-mb5 {
    margin-bottom: 5px
}

.u-mb6 {
    margin-bottom: 6px
}

.u-mb8 {
    margin-bottom: 8px
}

.u-mb10 {
    margin-bottom: 10px
}

.u-mb12 {
    margin-bottom: 12px
}

.u-mb14 {
    margin-bottom: 14px
}

.u-mb15 {
    margin-bottom: 15px
}

.u-mb16 {
    margin-bottom: 16px
}

.u-mb18 {
    margin-bottom: 18px
}

.u-mb20 {
    margin-bottom: 20px
}

.u-mb22 {
    margin-bottom: 22px
}

.u-mb24 {
    margin-bottom: 24px
}

.u-mb25 {
    margin-bottom: 25px
}

.u-mb26 {
    margin-bottom: 26px
}

.u-mb28 {
    margin-bottom: 28px
}

.u-mb30 {
    margin-bottom: 30px
}

.u-mb32 {
    margin-bottom: 32px
}

.u-mb34 {
    margin-bottom: 34px
}

.u-mb35 {
    margin-bottom: 35px
}

.u-mb36 {
    margin-bottom: 36px
}

.u-mb38 {
    margin-bottom: 38px
}

.u-mb40 {
    margin-bottom: 40px
}

.u-mb42 {
    margin-bottom: 42px
}

.u-mb44 {
    margin-bottom: 44px
}

.u-mb45 {
    margin-bottom: 45px
}

.u-mb46 {
    margin-bottom: 46px
}

.u-mb48 {
    margin-bottom: 48px
}

.u-mb50 {
    margin-bottom: 50px
}

.u-mb52 {
    margin-bottom: 52px
}

.u-mb54 {
    margin-bottom: 54px
}

.u-mb55 {
    margin-bottom: 55px
}

.u-mb56 {
    margin-bottom: 56px
}

.u-mb58 {
    margin-bottom: 58px
}

.u-mb60 {
    margin-bottom: 60px
}

.u-mb62 {
    margin-bottom: 62px
}

.u-mb64 {
    margin-bottom: 64px
}

.u-mb65 {
    margin-bottom: 65px
}

.u-mb66 {
    margin-bottom: 66px
}

.u-mb68 {
    margin-bottom: 68px
}

.u-mb70 {
    margin-bottom: 70px
}

.u-mb72 {
    margin-bottom: 72px
}

.u-mb74 {
    margin-bottom: 74px
}

.u-mb75 {
    margin-bottom: 75px
}

.u-mb76 {
    margin-bottom: 76px
}

.u-mb78 {
    margin-bottom: 78px
}

.u-mb80 {
    margin-bottom: 80px
}

.u-mb82 {
    margin-bottom: 82px
}

.u-mb84 {
    margin-bottom: 84px
}

.u-mb85 {
    margin-bottom: 85px
}

.u-mb86 {
    margin-bottom: 86px
}

.u-mb88 {
    margin-bottom: 88px
}

.u-mb90 {
    margin-bottom: 90px
}

.u-mb92 {
    margin-bottom: 92px
}

.u-mb94 {
    margin-bottom: 94px
}

.u-mb95 {
    margin-bottom: 95px
}

.u-mb96 {
    margin-bottom: 96px
}

.u-mb98 {
    margin-bottom: 98px
}

.u-mb100 {
    margin-bottom: 100px
}

.u-ml0 {
    margin-left: 0
}

.u-ml2 {
    margin-left: 2px
}

.u-ml4 {
    margin-left: 4px
}

.u-ml5 {
    margin-left: 5px
}

.u-ml6 {
    margin-left: 6px
}

.u-ml8 {
    margin-left: 8px
}

.u-ml10 {
    margin-left: 10px
}

.u-ml12 {
    margin-left: 12px
}

.u-ml14 {
    margin-left: 14px
}

.u-ml15 {
    margin-left: 15px
}

.u-ml16 {
    margin-left: 16px
}

.u-ml18 {
    margin-left: 18px
}

.u-ml20 {
    margin-left: 20px
}

.u-ml22 {
    margin-left: 22px
}

.u-ml24 {
    margin-left: 24px
}

.u-ml25 {
    margin-left: 25px
}

.u-ml26 {
    margin-left: 26px
}

.u-ml28 {
    margin-left: 28px
}

.u-ml30 {
    margin-left: 30px
}

.u-ml32 {
    margin-left: 32px
}

.u-ml34 {
    margin-left: 34px
}

.u-ml35 {
    margin-left: 35px
}

.u-ml36 {
    margin-left: 36px
}

.u-ml38 {
    margin-left: 38px
}

.u-ml40 {
    margin-left: 40px
}

.u-ml42 {
    margin-left: 42px
}

.u-ml44 {
    margin-left: 44px
}

.u-ml45 {
    margin-left: 45px
}

.u-ml46 {
    margin-left: 46px
}

.u-ml48 {
    margin-left: 48px
}

.u-ml50 {
    margin-left: 50px
}

.u-ml52 {
    margin-left: 52px
}

.u-ml54 {
    margin-left: 54px
}

.u-ml55 {
    margin-left: 55px
}

.u-ml56 {
    margin-left: 56px
}

.u-ml58 {
    margin-left: 58px
}

.u-ml60 {
    margin-left: 60px
}

.u-ml62 {
    margin-left: 62px
}

.u-ml64 {
    margin-left: 64px
}

.u-ml65 {
    margin-left: 65px
}

.u-ml66 {
    margin-left: 66px
}

.u-ml68 {
    margin-left: 68px
}

.u-ml70 {
    margin-left: 70px
}

.u-ml72 {
    margin-left: 72px
}

.u-ml74 {
    margin-left: 74px
}

.u-ml75 {
    margin-left: 75px
}

.u-ml76 {
    margin-left: 76px
}

.u-ml78 {
    margin-left: 78px
}

.u-ml80 {
    margin-left: 80px
}

.u-ml82 {
    margin-left: 82px
}

.u-ml84 {
    margin-left: 84px
}

.u-ml85 {
    margin-left: 85px
}

.u-ml86 {
    margin-left: 86px
}

.u-ml88 {
    margin-left: 88px
}

.u-ml90 {
    margin-left: 90px
}

.u-ml92 {
    margin-left: 92px
}

.u-ml94 {
    margin-left: 94px
}

.u-ml95 {
    margin-left: 95px
}

.u-ml96 {
    margin-left: 96px
}

.u-ml98 {
    margin-left: 98px
}

.u-ml100 {
    margin-left: 100px
}

.u-mr0 {
    margin-right: 0
}

.u-mr2 {
    margin-right: 2px
}

.u-mr4 {
    margin-right: 4px
}

.u-mr5 {
    margin-right: 5px
}

.u-mr6 {
    margin-right: 6px
}

.u-mr8 {
    margin-right: 8px
}

.u-mr10 {
    margin-right: 10px
}

.u-mr12 {
    margin-right: 12px
}

.u-mr14 {
    margin-right: 14px
}

.u-mr15 {
    margin-right: 15px
}

.u-mr16 {
    margin-right: 16px
}

.u-mr18 {
    margin-right: 18px
}

.u-mr20 {
    margin-right: 20px
}

.u-mr22 {
    margin-right: 22px
}

.u-mr24 {
    margin-right: 24px
}

.u-mr25 {
    margin-right: 25px
}

.u-mr26 {
    margin-right: 26px
}

.u-mr28 {
    margin-right: 28px
}

.u-mr30 {
    margin-right: 30px
}

.u-mr32 {
    margin-right: 32px
}

.u-mr34 {
    margin-right: 34px
}

.u-mr35 {
    margin-right: 35px
}

.u-mr36 {
    margin-right: 36px
}

.u-mr38 {
    margin-right: 38px
}

.u-mr40 {
    margin-right: 40px
}

.u-mr42 {
    margin-right: 42px
}

.u-mr44 {
    margin-right: 44px
}

.u-mr45 {
    margin-right: 45px
}

.u-mr46 {
    margin-right: 46px
}

.u-mr48 {
    margin-right: 48px
}

.u-mr50 {
    margin-right: 50px
}

.u-mr52 {
    margin-right: 52px
}

.u-mr54 {
    margin-right: 54px
}

.u-mr55 {
    margin-right: 55px
}

.u-mr56 {
    margin-right: 56px
}

.u-mr58 {
    margin-right: 58px
}

.u-mr60 {
    margin-right: 60px
}

.u-mr62 {
    margin-right: 62px
}

.u-mr64 {
    margin-right: 64px
}

.u-mr65 {
    margin-right: 65px
}

.u-mr66 {
    margin-right: 66px
}

.u-mr68 {
    margin-right: 68px
}

.u-mr70 {
    margin-right: 70px
}

.u-mr72 {
    margin-right: 72px
}

.u-mr74 {
    margin-right: 74px
}

.u-mr75 {
    margin-right: 75px
}

.u-mr76 {
    margin-right: 76px
}

.u-mr78 {
    margin-right: 78px
}

.u-mr80 {
    margin-right: 80px
}

.u-mr82 {
    margin-right: 82px
}

.u-mr84 {
    margin-right: 84px
}

.u-mr85 {
    margin-right: 85px
}

.u-mr86 {
    margin-right: 86px
}

.u-mr88 {
    margin-right: 88px
}

.u-mr90 {
    margin-right: 90px
}

.u-mr92 {
    margin-right: 92px
}

.u-mr94 {
    margin-right: 94px
}

.u-mr95 {
    margin-right: 95px
}

.u-mr96 {
    margin-right: 96px
}

.u-mr98 {
    margin-right: 98px
}

.u-mr100 {
    margin-right: 100px
}

.u-main {
    min-height: 100vh;
    min-height: 100svh
}

.u-mo-rows__text {
    background: linear-gradient(90deg, rgba(6, 7, 37, .5), rgba(6, 7, 37, .5));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    display: inline
}

.u-mo-rows:hover .u-mo-rows__text {
    animation: u_mo_rows 1.1s cubic-bezier(.215, .61, .355, 1) forwards
}

.u-mo-line {
    clip-path: inset(0 0 -.1em);
    display: block
}

.u-mo-line,
.u-mo-line__text {
    position: relative
}

.u-mo-line__text:before {
    content: attr(data-text);
    left: 0;
    opacity: 0;
    position: absolute;
    top: -90%;
    transition: opacity .6s, transform .6s cubic-bezier(.165, .84, .44, 1)
}

.u-mo-line__text:after {
    background-color: currentColor;
    bottom: -.1rem;
    content: "";
    height: 1px;
    left: 0;
    opacity: .5;
    position: absolute;
    width: 100%
}

@media screen and (min-width:900px) {
    .u-mo-line:hover .u-mo-line__text:after {
        animation: mo_line .8s cubic-bezier(.215, .61, .355, 1) forwards
    }
}

.u-mo-lineView__text {
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.u-mo-lineView__text:after {
    background-color: currentColor;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: .5;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .55s cubic-bezier(.165, .84, .44, 1);
    width: 100%
}

@media screen and (min-width:900px) {
    .u-mo-lineView:hover .u-mo-lineView__text:after {
        transform: scaleX(1);
        transform-origin: left
    }
}

.u-mo-lineBox__text {
    background: linear-gradient(90deg, rgba(6, 7, 37, .5), rgba(6, 7, 37, .5));
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    display: inline
}

.u-mo-lineBox__text,
.u-mo-lineBox__text-white {
    transition: background-size .8s cubic-bezier(.215, .61, .355, 1)
}

.u-mo-lineBox__text-white {}

@media screen and (min-width:900px) {
    .u-mo-lineBox:hover .u-mo-lineBox__text {
        background-position-x: left;
        background-size: 100% 1px
    }
}

.u-parallax {
    overflow: hidden
}

.u-parallax__image {
    backface-visibility: hidden;
    will-change: transform
}

.u-parallax__image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.u-mo-crop {
    align-items: center;
    display: flex;
    position: relative
}

.u-mo-crop__text {
    overflow: hidden;
    position: relative;
    transition: opacity .6s, transform .6s cubic-bezier(.165, .84, .44, 1);
    will-change: opacity, transform
}

.u-mo-crop__text--inner {
    opacity: 1;
    transform: translateY(0) scaleY(1);
    line-height: 1.4;
}

.u-mo-crop__text--outer {
    opacity: 0;
    position: absolute;
    transform: translateY(-90%) scaleY(0)
}

.u-mo-crop__container {
    align-items: center;
    display: flex;
    position: relative
}

@media screen and (min-width:900px) {
    .u-mo-crop:not(.u-mo-crop--stop):hover .u-mo-crop__text--inner {
        opacity: 0;
        transform: translateY(90%) scaleY(0)
    }

    .u-mo-crop:not(.u-mo-crop--stop):hover .u-mo-crop__text--outer {
        opacity: 1;
        transform: translateY(0) scaleY(1)
    }
}

.u-mo-line-and-more-arrow {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 3.2rem;
    width: 100%
}

@media screen and (max-width:900px) {
    .u-mo-line-and-more-arrow {
        margin-top: 1.5rem
    }
}

.u-mo-line-and-more-arrow:before {
    background-color: currentColor;
    content: "";
    display: block;
    height: 1px;
    margin-right: .9rem;
    opacity: .1;
    width: 100%
}

.u-mo-line-and-more-arrow .c-link {
    font-size: 1.1rem;
    white-space: nowrap
}

.u-mo-line-and-more-arrow .c-link .u-mo-crop__text {
    padding-right: 7px
}

.u-pc {
    display: none
}

@media(min-width:901px) {
    .u-pc {
        display: inherit
    }
}

@media(min-width:900px) {
    .u-sp {
        display: none
    }
}

@media(max-width:900px) {
    .u-sp {
        display: inherit
    }
}

@media screen and (min-width:900px) {
    .u-mo-arrow:hover .u-mo-arrow--inner {
        animation-duration: .75s;
        animation-fill-mode: forwards;
        animation-name: mo_arrow;
        animation-timing-function: cubic-bezier(.165, .84, .44, 1)
    }
}

@keyframes mo_arrow {

    40%,
    50% {
        opacity: 0
    }

    43% {
        transform: translateX(90%) scaleY(.1)
    }

    44%,
    50% {
        transform: translateX(-110%) scaleY(.2)
    }

    to {
        transform: translateX(0) scaleY(1)
    }
}

@media screen and (min-width:900px) {
    .u-mo-arrow-back:hover .u-mo-arrow-back--inner {
        animation-duration: .75s;
        animation-fill-mode: forwards;
        animation-name: mo_arrow_back;
        animation-timing-function: cubic-bezier(.165, .84, .44, 1)
    }
}

@keyframes mo_arrow_back {

    40%,
    50% {
        opacity: 0
    }

    43% {
        transform: translateX(-90%) scaleY(.1)
    }

    44%,
    50% {
        transform: translateX(110%) scaleY(.2)
    }

    to {
        transform: translateX(0) scaleY(1)
    }
}

@media screen and (min-width:900px) {
    .u-mo-arrow-down:hover .u-mo-arrow-down--inner {
        animation-duration: .75s;
        animation-fill-mode: forwards;
        animation-name: mo_arrow_down;
        animation-timing-function: cubic-bezier(.165, .84, .44, 1)
    }
}

@keyframes mo_arrow_down {

    40%,
    50% {
        opacity: 0
    }

    43% {
        transform: translateY(90%) scaleY(.1)
    }

    44%,
    50% {
        transform: translateY(-110%) scaleY(.2)
    }

    to {
        transform: translateY(0) scaleY(1)
    }
}

.u-info-table {
    border: 1px solid rgba(6, 7, 37, .5);
    border-collapse: collapse;
    width: 100%
}

.u-info-table--noBottom {
    border-bottom: none
}

.u-info-table tbody tr {
    border-bottom: 1px solid rgba(6, 7, 37, .5)
}

.u-info-table tbody tr:last-child {
    border-bottom: none
}

.u-info-table tbody tr td {
    border-right: 1px solid rgba(6, 7, 37, .5);
    font-size: 1.3rem;
    line-height: 1.7rem;
    padding: 1.6rem 1.5rem
}

.u-info-table tbody tr td:first-child {
    background: rgba(6, 7, 37, .05);
    min-width: 140px;
    width: 140px
}

.u-info-table tbody tr td:last-child {
    border-right: none
}

@media screen and (max-width:900px) {
    .u-info-table tbody tr {
        border-bottom: none;
        display: flex;
        flex-direction: column
    }

    .u-info-table tbody tr td {
        border-bottom: 1px solid rgba(6, 7, 37, .5);
        border-right: none
    }

    .u-info-table tbody tr td:first-child {
        min-width: 100%;
        width: 100%
    }

    .u-info-table tbody tr:last-child td:last-child {
        border-bottom: none
    }
}

.u-help {
    font-size: 1.2rem;
    line-height: 2rem
}

.u-conditions-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-left: 12px;
    margin-top: 7%;
}

.u-conditions-list--smallGap {
    gap: .7rem
}

.u-conditions-list>li {
    position: relative;
    text-align: center;
}

/*
.u-conditions-list>li:before {
    content: "※";
    left: -12px;
    position: absolute
}*/

.u-link {
    text-decoration: underline
}

.u-page-section {
    margin: auto;
    padding: 25rem 0;
    width: max(100% - 16rem, 87.5%)
}

.u-page-section.u-page-section--full {
    width: 100%
}

.u-page-section--children {
    margin: auto;
    width: max(100% - 16rem, 87.5%)
}

.u-page-section__inner {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin: auto;
    max-width: calc(1280px + 8rem);
    padding: 0 8rem 8rem
}

.u-page-section__paragraph {
    font-size: 1.3rem;
    line-height: 2.6rem;
    margin-top: 1.5rem
}

.u-page-section__paragraph--summary {
    font-size: 1.3rem;
    opacity: .7
}

.u-page-section__paragraph--hr {
    margin-bottom: 3rem;
    margin-top: 3rem
}

.u-page-section__written {
    font-size: 1.3rem;
    line-height: 2.31;
    text-align: right
}

.u-page-section--left {
    grid-column: 1/6
}

.u-page-section--right {
    grid-column: 6/13
}

@media screen and (max-width:900px) {
    .u-page-section__inner {
        display: block;
        padding: 2rem
    }

    .u-page-section {
        padding: 12.5rem 0 10rem
    }

    .u-page-section,
    .u-page-section--children {
        width: 84.6153846154%
    }
}

@keyframes mo_line {

    0%,
    46.3% {
        transform-origin: right
    }

    46.6%,
    to {
        transform-origin: left
    }

    46%,
    47% {
        transform: scaleX(0)
    }

    to {
        transform: scaleX(1)
    }
}

.u-list-section__animation {
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    animation-name: list_section;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.u-list-section-up__animation {
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    animation-name: list_section_up;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.u-enter {
    -webkit-mask-image: linear-gradient(270deg, transparent 20%, #000 50%, #000);
    mask-image: linear-gradient(270deg, transparent 20%, #000 50%, #000);
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    opacity: 0
}

.u-enter__animation {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    opacity: 1;
    transition: opacity 1.8s, -webkit-mask-position 1.8s cubic-bezier(.39, .575, .565, 1);
    transition: opacity 1.8s, mask-position 1.8s cubic-bezier(.39, .575, .565, 1);
    transition: opacity 1.8s, mask-position 1.8s cubic-bezier(.39, .575, .565, 1), -webkit-mask-position 1.8s cubic-bezier(.39, .575, .565, 1)
}

.u-list-section-down__animation {
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    animation-name: list_section_down;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.u-list-section-left__animation {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-name: list_section_left;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.u-list-section-right__animation {
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    animation-name: list_section_right;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.u-list-remove--exit {
    opacity: 1;
    transform: translateX(0)
}

.u-list-remove--exit-active {
    opacity: 0;
    transform: translateX(-10rem);
    transition: opacity 1.2s, transform 1.2s
}

.u-char-fade-in .char {
    display: inline-block;
    opacity: 0;
    transform: translateY(.9em) scaleY(1.6);
    transform-origin: top
}

.u-char-fade-in--enter .char {
    opacity: 1;
    transform: translateY(0) scaleY(1);
    transition: opacity .8s cubic-bezier(.47, 0, .745, .715), transform .8s cubic-bezier(.215, .61, .355, 1)
}

.u-char-fade-in--enter .char:nth-of-type(2) {
    transition-delay: 0ms
}

.u-char-fade-in--enter .char:nth-of-type(3) {
    transition-delay: 105ms
}

.u-char-fade-in--enter .char:nth-of-type(4) {
    transition-delay: .21s
}

.u-char-fade-in--enter .char:nth-of-type(5) {
    transition-delay: 315ms
}

.u-char-fade-in--enter .char:nth-of-type(6) {
    transition-delay: .42s
}

.u-char-fade-in--enter .char:nth-of-type(7) {
    transition-delay: 525ms
}

.u-char-fade-in--enter .char:nth-of-type(8) {
    transition-delay: .63s
}

.u-char-fade-in--enter .char:nth-of-type(9) {
    transition-delay: 735ms
}

.u-char-fade-in--enter .char:nth-of-type(10) {
    transition-delay: .84s
}

.u-char-fade-in--enter .char:nth-of-type(11) {
    transition-delay: 945ms
}

.u-char-fade-in--enter .char:nth-of-type(12) {
    transition-delay: 1.05s
}

.u-char-fade-in--enter .char:nth-of-type(13) {
    transition-delay: 1155ms
}

.u-char-fade-in--enter .char:nth-of-type(14) {
    transition-delay: 1.26s
}

.u-char-fade-in--enter .char:nth-of-type(15) {
    transition-delay: 1365ms
}

.u-char-fade-in--enter .char:nth-of-type(16) {
    transition-delay: 1.47s
}

.u-char-fade-in--enter .char:nth-of-type(17) {
    transition-delay: 1575ms
}

.u-char-fade-in--enter .char:nth-of-type(18) {
    transition-delay: 1.68s
}

.u-char-fade-in--enter .char:nth-of-type(19) {
    transition-delay: 1785ms
}

.u-char-fade-in--enter .char:nth-of-type(20) {
    transition-delay: 1.89s
}

.u-char-fade-in--enter .char:nth-of-type(21) {
    transition-delay: 1995ms
}

.u-char-fade-in--enter .char:nth-of-type(22) {
    transition-delay: 2.1s
}

.u-char-fade-in--enter .char:nth-of-type(23) {
    transition-delay: 2205ms
}

.u-char-fade-in--enter .char:nth-of-type(24) {
    transition-delay: 2.31s
}

.u-char-fade-in--enter .char:nth-of-type(25) {
    transition-delay: 2415ms
}

.u-char-fade-in--enter .char:nth-of-type(26) {
    transition-delay: 2.52s
}

.u-char-fade-in--enter .char:nth-of-type(27) {
    transition-delay: 2625ms
}

.u-char-fade-in--enter .char:nth-of-type(28) {
    transition-delay: 2.73s
}

.u-char-fade-in--enter .char:nth-of-type(29) {
    transition-delay: 2835ms
}

.u-char-fade-in--enter .char:nth-of-type(30) {
    transition-delay: 2.94s
}

.u-sup {
    font-size: .4em;
    vertical-align: super
}

.u-notes {
    display: block;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 1.3rem
}

@media screen and (max-width:900px) {
    .u-notes {
        margin-top: 1rem
    }
}

@keyframes list_section {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes list_section_up {
    0% {
        opacity: 0;
        transform: translateY(10rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes list_section_down {
    0% {
        opacity: 0;
        transform: translateY(-10rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes list_section_left {
    0% {
        opacity: 0;
        transform: translateX(-1.8rem)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes list_section_right {
    0% {
        opacity: 0;
        transform: translateX(10rem)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes loop_rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes zoom_in {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.5)
    }
}

@keyframes scroll_arrow_wave_1 {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    9% {
        opacity: .28
    }

    38%,
    to {
        opacity: 0;
        transform: scale(1.45)
    }
}

@keyframes scroll_arrow_wave_2 {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    9% {
        opacity: .28
    }

    38%,
    to {
        opacity: 0;
        transform: scale(1.75)
    }
}

@keyframes u_mo_rows {

    0%,
    49.3% {
        background-position-x: right
    }

    49.6%,
    to {
        background-position-x: left
    }

    49%,
    50% {
        background-size: 0 1px
    }

    to {
        background-size: 100% 1px
    }
}

:root {
    --layer-zIndex-1: 1;
    --layer-zIndex-2: 2;
    --layer-zIndex-3: 3;
    --layer-zIndex-4: 4;
    --header-zIndex: 9998
}

.c-button {
    align-items: center;
    background: #060725;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 1.3rem;
    justify-content: center;
    line-height: 5rem;
    padding: 2rem
}

.c-button--skeleton {
    background: inherit;
    color: #060725
}

.c-button--inactive {
    background: #323232;
    color: #fff;
    max-width: 340px;
    margin: 5% auto 0 auto;
}

.c-dialog {
    height: 100dvh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

.c-dialog__filter {
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    display: flex;
    height: 100dvh;
    justify-content: center;
    position: absolute;
    width: 100%
}

.c-dialog__content {
    background-color: #fff;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .2);
    line-height: 1.5;
    padding: 2rem;
    position: relative;
    width: 90%
}

.c-dialog__content-inner {
    max-height: 80dvh;
    overflow-y: scroll;
    scrollbar-width: none
}

@media screen and (min-width:900px) {
    .c-dialog__content {
        max-width: 30%;
        width: 100%
    }
}

.c-dialog__content-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 2rem
}

.c-dialog__content-message {
    font-size: 1.3rem;
    margin-bottom: 3rem
}

.c-dialog__close-button {
    font-size: 2rem;
    margin: -2rem;
    padding: 2rem
}

.c-dialog__close-button-anchor {
    cursor: pointer;
    position: absolute;
    right: .75rem;
    top: .5rem
}

.c-heading--h1 {
    opacity: 0
}

.c-heading--h1,
.c-heading-animation {
    background: linear-gradient(270deg, rgba(6, 7, 37, 0) 20%, #060725 30%, rgba(6, 7, 37, .05) 38%, rgba(6, 7, 37, .05) 43%, #060725 70%);
    -webkit-background-clip: text;
    background-clip: text;
    background-position: 85% 0;
    background-size: 900% auto;
    -webkit-text-fill-color: transparent
}

.c-heading-animation {
    display: inline-block
}

.c-heading__inview {
    background-position: 31% 0;
    opacity: 1;
    transition: opacity 1.65s cubic-bezier(.39, .575, .565, 1), background-position 1.65s cubic-bezier(.4, .32, 1, 1)
}

.c-heading--line {
    align-items: center;
    display: flex;
    font-weight: 500;
    justify-content: flex-start;
    white-space: nowrap
}

.c-heading--line:after {
    background-color: #060725;
    content: "";
    display: block;
    height: 1px;
    margin-left: 1rem;
    opacity: .1;
    width: 100%
}

@media screen and (max-width:900px) {
    .c-heading--h1 {
        font-size: 3rem
    }
}

.c-image-inViewImage {
    overflow: hidden
}

.c-image-inViewImage img {
    opacity: 0;
    transform: scale(1.25)
}

.c-image-inViewImage--inView img {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1.8s, transform 1.8s cubic-bezier(.215, .61, .355, 1)
}

.c-headerProductLinks {
    opacity: 0;
    transform: translateY(10rem)
}

@media screen and (max-width:900px) {
    .c-headerProductLinks {
        overflow: visible;
        transform: translateX(10rem)
    }
}

.l-navigation__open.l-navigation {
    opacity: 1;
    pointer-events: auto
}

.l-navigation__open .c-headerProductLinks {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 1.2s, transform 1.2s cubic-bezier(.215, .61, .355, 1)
}

.l-navigation__open+.l-header .l-header-links,
.l-navigation__open+.l-header .l-header__logo {
    opacity: 0
}

.l-header {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: space-between;
    left: 0;
    margin: auto;
    /*    mix-blend-mode: exclusion;*/
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 6%;
    transform: translateZ(12rem);
    width: max(100% - 16rem, 87.5%);
    z-index: var(--header-zIndex)
}

.l-header a {
    pointer-events: auto
}

.l-header--open a {
    pointer-events: none
}

.l-header .c-menuButton {
    pointer-events: auto
}

.l-header__links {
    transition: opacity .2s
}

.l-header__nav {
    display: flex
}

@keyframes header_button_line_1 {
    0% {
        transform: rotate(15deg)
    }

    to {
        transform: rotate(33deg)
    }
}

@keyframes header_button_line_2 {
    0% {
        transform: rotate(-15deg)
    }

    to {
        transform: rotate(-33deg)
    }
}

.l-navigation {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .45s ease 0s;
    width: 100%;
    z-index: 1000
}

.l-navigation__container {
    display: flex;
    height: auto
}

.l-navigation__leftMenu {
    height: 100dvh;
    min-height: 100%;
    overflow-y: auto;
    padding: 8.3rem 6.25% 5.2rem;
    position: relative;
    scrollbar-width: none;
    width: 58.59375%
}

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

.l-navigation__leftMenu-background {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 60%;
    object-position: center 60%;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%
}

.l-navigation__leftMenu-contents {
    position: relative
}

.l-navigation__rightMenu {
    background-color: #000;
    color: #fff;
    display: flex;
    flex-direction: column;
    margin: 0 0 0 auto;
    min-height: 100%;
    padding: 17rem 6.25% 5.2rem;
    position: relative;
    width: 41.40625%
}

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

@media screen and (max-width:900px) {
    .l-navigation {
        height: 100svh;
        overflow: scroll;
        width: 100%
    }

    .l-navigation,
    .l-navigation__container {
        flex-direction: column
    }

    .l-navigation__leftMenu {
        height: inherit;
        min-height: inherit;
        overflow: hidden;
        padding: 11rem 7.6923076923% 5rem;
        width: 100vw
    }

    .l-navigation__leftMenu-background {
        height: 100%;
        position: absolute
    }

    .l-navigation__leftMenu-contents {
        padding-right: 0
    }

    .l-navigation__rightMenu {
        min-height: auto;
        padding: 5rem 7.6923076923% 6rem;
        width: 100%
    }
}

.c-recentProducts {
    color: #fff
}

.l-recentProducts__heading {
    align-items: center;
    display: flex;
    font-size: 2.4rem;
    margin-bottom: 4rem;
    color: #000;
}

.l-recentProducts__line {
    background-color: #fff;
    flex: 1;
    height: 1px;
    margin: 0 1.1rem;
    opacity: .1;
    width: 100%
}

.l-recentProducts__anchor {
    align-items: center;
    display: flex;
    font-size: 1.1rem;
    margin: -1.5rem;
    padding: 1.5rem
}

@media screen and (min-width:900px) {
    .l-recentProducts__anchor:hover .l-recentProducts__arrow {
        animation-duration: .7s;
        animation-fill-mode: forwards;
        animation-name: mo_arrow_next;
        animation-timing-function: cubic-bezier(.165, .84, .44, 1)
    }
}

.l-recentProducts__arrow {
    align-items: center;
    margin-left: .6rem;
    width: .8rem
}

.l-recentProducts__arrow path {
    fill: #000;
}

@media screen and (max-width:900px) {
    .l-recentProducts__heading {
        font-size: 1.8rem;
        margin-bottom: 3rem
    }
}

@keyframes mo_arrow_next {

    40%,
    50% {
        opacity: 0
    }

    43% {
        transform: translateX(90%) scaleY(.1)
    }

    44%,
    50% {
        transform: translateX(-110%) scaleY(.2)
    }

    to {
        transform: translateX(0) scaleY(1)
    }
}

.c-linkButtonArrow {
    align-items: center;
    border: 1px solid rgba(6, 7, 37, .5);
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    height: 4rem;
    justify-content: space-between;
    padding: 1rem 1.6rem;
    transition: all .6s cubic-bezier(.165, .84, .44, 1);
    will-change: background
}

.c-linkButtonArrow--reverse {
    flex-direction: row-reverse;
    gap: 1rem
}

.c-linkButtonArrow svg {
    transition: fill .6s cubic-bezier(.165, .84, .44, 1);
    will-change: fill
}

@media screen and (max-width:900px) {
    .c-linkButtonArrow {
        height: 3.4rem
    }
}

@media screen and (min-width:900px) {
    .c-linkButtonArrow:hover {
        background: #060725;
        color: #fff
    }

    .c-linkButtonArrow:hover svg {
        fill: #fff
    }
}

.c-page-journal-card {
    display: block
}

.c-page-journal-card--inView .c-page-journal-card-top {
    opacity: 1;
    transition: opacity .8s
}

.c-page-journal-card--inView .c-page-journal-card-title {
    opacity: 1;
    transition: opacity 1.5s;
    transition-delay: .15s
}

.c-page-journal-card--inView .c-page-journal-card-container {
    aspect-ratio: 1923/2493;
    opacity: 1;
    transition: opacity .45s
}

.c-page-journal-card--inView .c-page-journal-card-container>img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-page-journal-card:nth-of-type(n+2) {
    margin-top: 10rem
}

.c-page-journal-card-top {
    align-items: center;
    display: flex;
    font-size: 1.1rem;
    opacity: 0;
    transition: opacity .8s
}

.c-page-journal-card-border {
    background-color: currentColor;
    height: 1px;
    margin: 0 .7rem;
    opacity: .1;
    width: 100%
}

.c-page-journal-card-heading {
    display: flex;
    margin-top: min(5rem, 3.90625vw)
}

.c-page-journal-card-heading--num {
    font-size: min(11rem, 8.59375vw)
}

@media screen and (max-width:900px) {
    .c-page-journal-card-heading--num {
        font-size: 6rem
    }

    .c-page-journal-card-heading {
        display: block;
        margin-top: 2rem
    }
}

.c-page-journal-card-title {
    margin-left: 2.1rem;
    opacity: 0
}

@media screen and (max-width:900px) {
    .c-page-journal-card-title {
        margin-left: 0;
        margin-top: .8rem
    }
}

.c-page-journal-card-title-ja {
    font-size: min(2rem, 1.5625vw);
    line-height: 1.5;
    padding-top: 8px
}

.c-page-journal-card-title-en {
    font-size: min(1.4rem, 1.09375vw);
    margin-top: 1.3rem
}

@media screen and (max-width:900px) {
    .c-page-journal-card-title {
        margin-left: 0;
        margin-top: .8rem;
        padding-top: 0
    }

    .c-page-journal-card-title-ja {
        font-size: 1.8rem
    }

    .c-page-journal-card-title-en {
        font-size: 1.3rem;
        margin-top: 1rem
    }
}

.c-page-journal-card-container {
    aspect-ratio: 1923/2493;
    margin-top: min(4rem, 3.125vw);
    opacity: 0;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:900px) {
    .c-page-journal-card-container {
        margin-top: 2.8rem
    }
}

.c-page-journal-card-container img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 1.5s cubic-bezier(.215, .61, .355, 1);
    width: 100%
}

@media screen and (min-width:900px) {
    .c-page-journal-card:hover .c-page-journal-card-container img {
        transform: scale(1.06)
    }
}

.c-page-journal-card-num {
    white-space: nowrap
}

.c-page-journal-card-num .char {
    display: inline-block;
    opacity: 0;
    transform: translateY(85%)
}

.c-page-journal-card-num .char.dot {
    transform: translateY(18%);
    transform-origin: center 80%
}

.c-page-journal-card-num .char:nth-of-type(2) {
    transition-delay: .22s
}

.c-page-journal-card-num--inView .char {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 1.2s, transform .75s cubic-bezier(.215, .61, .355, 1)
}

.c-page-journal-card-num--inView .char.dot {
    transform: translateY(0);
    transition: opacity .46s, transform .46s cubic-bezier(.4, 1.92, 1, 1);
    transition-delay: .68s
}

.l-product-productsPage__heding {
    align-items: center;
    display: flex;
    font-size: 5rem;
    justify-content: space-between;
    margin: auto auto 14rem;
    width: max(100% - 16rem, 87.5%)
}

@media screen and (max-width:900px) {
    .l-product-productsPage__heding {
        font-size: 3rem;
        margin-bottom: 5.5rem;
        width: 84.6153846154%
    }
}

.l-product-productsPage .c-linkButtonArrow {
    min-width: 17rem
}

.c-sort {
    cursor: pointer;
    font-size: 1.1rem;
    margin: -2rem;
    padding: 2rem;
    position: relative;
    width: 20.5rem;
    z-index: 10
}

.c-sort__heading {
    position: relative;
    z-index: 3
}

.c-sort__heading-title {
    font-size: 100%
}

.c-sort__heading-anchor {
    align-items: center;
    display: flex;
    height: 4rem;
    justify-content: space-between;
    padding-right: .4rem;
    position: relative
}

.c-sort__heading-anchor:after,
.c-sort__heading-anchor:before {
    background-color: currentColor;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.c-sort__heading-anchor:before {
    opacity: .2
}

.c-sort__heading-anchor:after {
    opacity: .7;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .52s
}

.c-sort__heading-arrow {
    transition: transform .5s cubic-bezier(.215, .61, .355, 1);
    width: .6rem
}

@media screen and (min-width:900px) {
    .c-sort:hover .c-sort__heading-anchor:after {
        transform: scaleX(1);
        transform-origin: left
    }

    .c-sort:hover svg {
        animation: mo_arrow_down .7s cubic-bezier(.215, .61, .355, 1) forwards
    }
}

.c-sort__list {
    background-color: #f9f7f4;
    border-radius: 0 0 1rem 1rem;
    left: 0;
    opacity: 0;
    padding: .5rem 0 .4rem 2rem;
    pointer-events: none;
    position: absolute;
    transform: translateY(-2rem);
    transition: opacity .22s cubic-bezier(.165, .84, .44, 1), transform .22s cubic-bezier(.18, .11, .43, .17);
    width: 100%
}

.c-sort__list-item {
    display: block
}

.c-sort__list-anchor {
    padding: .75rem 0
}

.c-sort.is-open .c-sort__list {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition: opacity .35s, transform .35s cubic-bezier(.165, .84, .44, 1)
}

.c-sort.is-open .c-sort__heading-arrow {
    transform: rotateX(180deg)
}

@media screen and (max-width:900px) {
    .c-sort {
        margin-top: -3rem;
        width: 16rem
    }

    .c-sort__heading-anchor {
        height: 3.2rem
    }
}

@keyframes fadeSlider_nav_click_1 {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    20%,
    22% {
        opacity: .6
    }

    to {
        opacity: 0;
        transform: scale(1.3)
    }
}

@keyframes fadeSlider_nav_click_2 {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    20% {
        opacity: .5
    }

    to {
        opacity: 0;
        transform: scale(1.4)
    }
}

.l-product-products {
    border-bottom: 1px solid rgba(6, 7, 37, .1);
    border-top: 1px solid rgba(6, 7, 37, .1);
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.l-product-products:before {
    left: 33.33%
}

.l-product-products:after,
.l-product-products:before {
    background-color: rgba(6, 7, 37, .1);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 10
}

.l-product-products:after {
    left: 66.66%
}

.l-product-products__item {
    position: relative;
    width: 33.33%
}

.l-product-products__item a {
    width: 100%
}

.l-product-products__item:nth-of-type(3n+1):before {
    background-color: rgba(6, 7, 37, .1);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 300%;
    z-index: 10
}

@media screen and (max-width:900px) {
    .l-product-products:before {
        left: 50%
    }

    .l-product-products:after {
        display: none
    }

    .l-product-products__item {
        width: 50%
    }

    .l-product-products__item:nth-of-type(3n+1):before {
        width: 0
    }

    .l-product-products__item:nth-of-type(odd):not(:first-of-type):before {
        background-color: rgba(6, 7, 37, .1);
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 0;
        width: 200%;
        z-index: 10
    }
}

.l-top-topPage__header .l-header {
    opacity: 0
}

.l-top-topPage__header-show .l-header {
    opacity: 1;
    transition: opacity 2.5s 1s, transform 1s 0ms
}

.l-top-topPage__header-hide-frame .l-header {
    transform: translateY(calc(var(--frame-height) * -1))
}

.l-top-topPage__frame {
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity 1.3s cubic-bezier(.23, 1, .32, 1) 2.5s, transform 1s 0ms;
    width: 100%;
    z-index: calc(var(--header-zIndex) - 1)
}

.l-top-topPage__frame--show {
    opacity: 1
}

.l-top-topPage__frame--hide {
    transform: translateY(calc(var(--frame-height) * -1))
}

.l-top-topPage__slider-newsInfo {
    bottom: 8rem;
    left: min(8rem, 6.25%);
    -webkit-mask-image: linear-gradient(270deg, transparent 20%, #000 60%, #000);
    mask-image: linear-gradient(270deg, transparent 20%, #000 60%, #000);
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 250% 100%;
    mask-size: 250% 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translateX(-6.5rem);
    z-index: 10
}

.l-top-topPage__slider-newsInfo-show {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    transition: opacity 1.3s cubic-bezier(.23, 1, .32, 1), transform 1.3s cubic-bezier(.25, .46, .45, .94), -webkit-mask-position 1.3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 1.3s cubic-bezier(.23, 1, .32, 1), transform 1.3s cubic-bezier(.25, .46, .45, .94), mask-position 1.3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 1.3s cubic-bezier(.23, 1, .32, 1), transform 1.3s cubic-bezier(.25, .46, .45, .94), mask-position 1.3s cubic-bezier(.25, .46, .45, .94), -webkit-mask-position 1.3s cubic-bezier(.25, .46, .45, .94)
}

.l-top-topPage__slider-newsInfo-show--delay {
    transition-delay: 2.5s
}

@media screen and (max-width:900px) {
    .l-top-topPage__slider-newsInfo {
        left: unset;
        width: 100%
    }
}

.l-top-topPage__slider-scrollButton {
    bottom: 8rem;
    opacity: 0;
    position: absolute;
    right: min(8rem, 6.25%);
    z-index: 10
}

.l-top-topPage__slider-scrollButton-show {
    opacity: 1;
    transition: opacity 2.5s;
    transition-delay: 1s
}

@media screen and (max-width:900px) {
    .l-top-topPage__slider-scrollButton {
        bottom: 3rem;
        right: 3rem
    }
}

.l-top-topPage__interval01 {
    height: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    padding-bottom: 54.6875%;
    width: 100%
}

@media screen and (max-width:900px) {
    .l-top-topPage__interval01 {
        padding-bottom: 110.2564102564%
    }
}

.l-top-topPage__product {
    margin-top: 15rem;
}

@media screen and (max-width:900px) {
    .l-top-topPage__product {
        margin-top: 10rem
    }
}

.l-top-topPage__interval02 {
    height: 0;
    overflow: hidden;
    padding-bottom: 128.515625%
}

.p-loading {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    background: #f1f1f1;
    z-index: 11111;
    display: flex;
    justify-content: center;
    align-items: center;
}

.p-loading img {
    max-width: 370px;
}

.p-top-topCampaignSection {
    overflow: hidden;
    padding: 24rem 0 0;
    position: relative
}

@media screen and (max-width:900px) {
    .p-top-topCampaignSection {
        padding: 10rem 0 0
    }
}

.p-top-topCampaignSection__container {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: max(100% - 16rem, 87.5%)
}

@media screen and (max-width:900px) {
    .p-top-topCampaignSection__container {
        display: block;
        width: 100%
    }
}

.p-top-topCampaignSection__container--nav {
    width: 23.0357142857%
}

@media screen and (max-width:900px) {
    .p-top-topCampaignSection__container--nav {
        margin: auto;
        width: 84.6153846154%
    }
}

.p-top-topCampaignSection__container--nav .c-heading {
    font-size: 5rem
}

@media screen and (max-width:900px) {
    .p-top-topCampaignSection__container--nav .c-heading {
        font-size: 3rem
    }
}

.p-top-topCampaignSection__container--nav--lead {
    font-size: 1.2rem;
    line-height: 1.67;
    margin-bottom: 4.5rem;
    margin-top: 3.8rem
}

@media screen and (max-width:900px) {
    .p-top-topCampaignSection__container--nav--lead {
        margin-bottom: 3rem;
        margin-top: 2rem
    }
}

.p-top-topCampaignSection__container--nav .c-linkButtonArrow {
    max-width: 17rem
}

@media screen and (max-width:900px) {
    .p-top-topCampaignSection__container--nav .c-linkButtonArrow {
        font-size: 2.5641vw;
        max-width: 14rem
    }
}

.p-top-campaignSlide {
    box-sizing: content-box;
    margin-right: max(-8rem, -7.1428571429%);
    -webkit-mask-image: linear-gradient(270deg, transparent 20%, #000 50%, #000);
    mask-image: linear-gradient(270deg, transparent 20%, #000 50%, #000);
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    opacity: 0;
    padding-right: min(8rem, 7.1428571429%);
    transform: translateX(12rem);
    width: 65.8035714286%
}

.p-top-campaignSlide--inView {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    transition: opacity 1.8s, transform 1.8s cubic-bezier(.215, .61, .355, 1), -webkit-mask-position 1.8s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 1.8s, transform 1.8s cubic-bezier(.215, .61, .355, 1), mask-position 1.8s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 1.8s, transform 1.8s cubic-bezier(.215, .61, .355, 1), mask-position 1.8s cubic-bezier(.25, .46, .45, .94), -webkit-mask-position 1.8s cubic-bezier(.25, .46, .45, .94)
}

.p-top-campaignSlide .swiper-wrapper {
    align-items: stretch
}

.p-top-campaignSlide-swiper {
    width: 100%
}

.p-top-campaignSlide-swiper-slide {
    display: flex;
    height: unset;
    width: 39.0773405699%
}

.p-top-campaignSlide-swiper-slide:not(:last-of-type) {
    margin-right: 4.0705563094%
}

@media screen and (max-width:900px) {
    .p-top-campaignSlide {
        box-sizing: border-box;
        margin-right: 0;
        margin-top: 6rem;
        padding: 0 7.6923076923%;
        width: 100%
    }

    .p-top-campaignSlide-swiper-slide {
        width: 47%
    }

    .p-top-campaignSlide-swiper-slide:not(:last-of-type) {
        margin-right: 9.0909090909%
    }
}

.p-topJournalSection {
    padding: 25rem 0
}

@media screen and (max-width:900px) {
    .p-topJournalSection {
        padding: 10rem 0
    }
}

.p-topJournalSection__container {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: max(100% - 16rem, 87.5%)
}

@media screen and (max-width:900px) {
    .p-topJournalSection__container {
        display: block;
        width: 84.6153846154%
    }
}

.p-topJournalSection__nav {
    position: sticky;
    top: 25rem;
    width: 23.0357142857%
}

@media screen and (max-width:900px) {
    .p-topJournalSection__nav {
        position: static;
        width: 100%
    }
}

.p-topJournalSection__nav .c-heading {
    font-size: 5rem
}

@media screen and (max-width:900px) {
    .p-topJournalSection__nav .c-heading {
        font-size: 3rem
    }
}

.p-topJournalSection__nav-lead {
    font-size: 1.2rem;
    line-height: 1.67;
    margin-bottom: 4.5rem;
    margin-top: 3.8rem
}

@media screen and (max-width:900px) {
    .p-topJournalSection__nav-lead {
        margin-bottom: 3rem;
        margin-top: 2rem
    }
}

.p-topJournalSection__nav .c-linkButtonArrow {
    max-width: 17rem
}

@media screen and (max-width:900px) {
    .p-topJournalSection__nav .c-linkButtonArrow {
        font-size: 2.5641vw;
        max-width: 14rem
    }
}

.p-topJournalSection__contents {
    width: 57.1428571429%
}

@media screen and (max-width:900px) {
    .p-topJournalSection__contents {
        margin-top: 6rem;
        width: 100%
    }
}

.p-top-topTopicSection {
    overflow: hidden;
    padding: 20rem 0 10rem 0;
    position: relative
}

@media screen and (max-width:900px) {
    .p-top-topTopicSection {
        padding: 10rem 0
    }
}

.p-top-topTopicSection__container {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: max(100% - 16rem, 87.5%)
}

@media screen and (max-width:900px) {
    .p-top-topTopicSection__container {
        display: block;
        width: 100%
    }
}

.p-top-topTopicSection__container--nav {
    width: 23.0357142857%
}

@media screen and (max-width:900px) {
    .p-top-topTopicSection__container--nav {
        margin: auto;
        width: 84.6153846154%
    }
}

.p-top-topTopicSection__container--nav .c-heading {
    font-size: 5rem
}

@media screen and (max-width:900px) {
    .p-top-topTopicSection__container--nav .c-heading {
        font-size: 3rem
    }
}

.p-top-topTopicSection__container--nav--lead {
    font-size: 1.2rem;
    line-height: 1.67;
    margin-bottom: 4.5rem;
    margin-top: 3.8rem
}

@media screen and (max-width:900px) {
    .p-top-topTopicSection__container--nav--lead {
        margin-bottom: 3rem;
        margin-top: 2rem
    }
}

.p-top-topTopicSection__container--nav .c-linkButtonArrow {
    max-width: 17rem
}

@media screen and (max-width:900px) {
    .p-top-topTopicSection__container--nav .c-linkButtonArrow {
        font-size: 2.5641vw;
        max-width: 14rem
    }
}

.p-top-topicSlide {
    box-sizing: content-box;
    margin-right: max(-8rem, -7.1428571429%);
    -webkit-mask-image: linear-gradient(270deg, transparent 20%, #000 50%, #000);
    mask-image: linear-gradient(270deg, transparent 20%, #000 50%, #000);
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    opacity: 0;
    padding-right: min(8rem, 7.1428571429%);
    transform: translateX(12rem);
    width: 65.8035714286%
}

.p-top-topicSlide--inView {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    transition: opacity 1.8s, transform 1.8s cubic-bezier(.215, .61, .355, 1), -webkit-mask-position 1.8s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 1.8s, transform 1.8s cubic-bezier(.215, .61, .355, 1), mask-position 1.8s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 1.8s, transform 1.8s cubic-bezier(.215, .61, .355, 1), mask-position 1.8s cubic-bezier(.25, .46, .45, .94), -webkit-mask-position 1.8s cubic-bezier(.25, .46, .45, .94)
}

.p-top-topicSlide .swiper-wrapper {
    align-items: stretch
}

.p-top-topicSlide-swiper {
    width: 100%
}

.p-top-topicSlide-swiper-slide {
    display: flex;
    height: unset;
    width: 39.0773405699%
}

.p-top-topicSlide-swiper-slide:not(:last-of-type) {
    margin-right: 4.0705563094%
}

@media screen and (max-width:900px) {
    .p-top-topicSlide {
        box-sizing: border-box;
        margin-right: 0;
        margin-top: 6rem;
        padding: 0 7.6923076923%;
        width: 100%
    }

    .p-top-topicSlide-swiper-slide {
        width: 84.8484848485%
    }

    .p-top-topicSlide-swiper-slide:not(:last-of-type) {
        margin-right: 9.0909090909%
    }
}

.p-info__list-cassette--lead {
    font-size: 1.8rem;
    line-height: 1.5
}

.p-info__list-cassette--lead+.p-info__list-cassette--image {
    margin-top: 2.5rem
}

.p-info__list-cassette--image {
    aspect-ratio: 1437/810
}

.p-info__list-cassette--detail {
    font-size: 1.2rem;
    line-height: 2.25
}

.p-info__list-cassette--detail+.p-info__list-cassette--image {
    margin-top: 3.5rem
}

.p-info__list-cassette:nth-child(n+2).p-info__list-cassette--detail {
    margin-top: 1.5rem
}

.p-info__list-item:not(:last-of-type) .p-info__list-contents-inner {
    padding-bottom: 7.5rem
}

.p-info__list-item--open .p-info__list-heading-cross {
    transform: rotate(135deg)
}

.p-info__list-item--open .p-info__list-heading:hover .p-info__list-heading-cross {
    transform: rotate(315deg)
}

.p-info__list-item--open .p-info__list-contents {
    height: auto;
    opacity: 1
}

.p-info__list-item--open .p-info__list-contents-inner {
    transform: translateY(0);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1)
}

.p-info__list-item--open {
    border-bottom: 1px solid rgba(6, 7, 37, 0)
}

.p-info__list-heading {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 5.5rem;
    justify-content: space-between
}

.p-info__list-heading-title {
    font-size: 1.4rem
}

.p-info__list-heading-cross {
    height: 1.1rem;
    margin-right: 1rem;
    position: relative;
    transition: transform .5s cubic-bezier(.215, .61, .355, 1);
    width: 1.1rem
}

.p-info__list-heading-cross:after,
.p-info__list-heading-cross:before {
    background-color: currentColor;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    top: 0
}

.p-info__list-heading-cross:before {
    bottom: 0;
    height: 1px;
    width: 100%
}

.p-info__list-heading-cross:after {
    height: 100%;
    right: 0;
    width: 1px
}

@media screen and (min-width:900px) {
    .p-info__list-heading:hover .p-info__list-heading-cross {
        transform: rotate(180deg)
    }
}

.p-info__list-contents {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .45s cubic-bezier(.645, .045, .355, 1), opacity .45s cubic-bezier(.39, .575, .565, 1);
    will-change: height
}

.p-info__list-contents-inner {
    padding-top: 2.5rem;
    transform: translateY(-6rem);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1)
}

.p-info__list-contents-block:nth-of-type(n+2) {
    border-top: 1px solid rgba(6, 7, 37, .1);
    margin-top: 5rem;
    padding-top: 4rem
}

@media screen and (max-width:900px) {
    .p-info__list-heading {
        height: 4rem
    }

    .p-info__list-heading-title {
        font-size: 1.2rem
    }

    .p-info__list-item:not(:last-of-type) .p-info__list-contents-inner {
        padding-bottom: 6rem
    }

    .p-info__list-cassette--detail+.p-info__list-cassette--image {
        margin-top: 3.5rem
    }

    .p-info__list-contents-inner {
        padding-top: 1.2rem
    }

    .p-info__list-contents-block:nth-of-type(n+2) {
        margin-top: 4rem;
        padding-top: 3.2rem
    }
}

.d-radioBase__options label svg {
    opacity: .2
}

.d-radioBase__options label svg>circle {
    transition: all .6s cubic-bezier(.165, .84, .44, 1)
}

.d-radioBase__options input:checked+label {
    background-color: #060725;
    color: #fff
}

.d-radioBase__options input:checked+label svg {
    opacity: 1
}

.d-radioBase__options input:checked+label svg circle:first-child {
    stroke: #fff
}

.d-radioBase__options input:checked+label svg circle:nth-child(2) {
    fill: #fff
}

.c-stackLayer-enter {
    opacity: 0;
    transform: translateX(100vw)
}

.c-stackLayer-enter-active {
    opacity: 1;
    transform: translateX(0);
    transition: transform .7s
}

.c-stackLayer-exit {
    transform: translateX(0)
}

.c-stackLayer-exit-active {
    transform: translateX(100vw);
    transition: transform .7s
}

.c-atomComponent .c-inputBase__input:focus {
    background-color: #ececec
}

.c-contentModel {
    height: 0;
    left: 0;
    position: sticky;
    top: 0;
    width: 100%
}

.c-contentModel__backgroundImage--sp {
    background-position: 50%;
    background-size: cover;
    height: 100lvh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-loading-icon {
    animation: LoadingSpin 1s linear infinite;
    color: #e5e7eb;
    fill: #000;
    margin: 0 auto
}

.c-loading-icon--small {
    height: 1.4rem;
    width: 1.4rem
}

.c-loading-icon--medium {
    height: 7rem;
    width: 7rem
}

.c-loading-icon--large {
    height: 35rem;
    width: 35rem
}

@keyframes LoadingSpin {
    to {
        transform: rotate(1turn)
    }
}

.c-selectBase__label {
    align-items: center;
    display: flex;
    font-size: 1.3rem
}

.c-selectBase__select {
    border: 1px solid rgba(6, 7, 37, .5);
    border-radius: 4px;
    font-size: 16px;
    height: 4rem;
    padding: .9rem 1.6rem;
    width: 100%
}

@keyframes ldio-wcqs1gr9e3r {
    0% {
        transform: translate(6px, 40px) scale(0)
    }

    25% {
        transform: translate(6px, 40px) scale(0)
    }

    50% {
        transform: translate(6px, 40px) scale(1)
    }

    75% {
        transform: translate(40px, 40px) scale(1)
    }

    to {
        transform: translate(74px, 40px) scale(1)
    }
}

@keyframes ldio-wcqs1gr9e3r-r {
    0% {
        transform: translate(74px, 40px) scale(1)
    }

    to {
        transform: translate(74px, 40px) scale(0)
    }
}

@keyframes ldio-wcqs1gr9e3r-c {
    0% {
        background: #060725
    }

    25% {
        background: #060725
    }

    50% {
        background: #060725
    }

    75% {
        background: #060725
    }

    to {
        background: #060725
    }
}

.ldio-wcqs1gr9e3r div {
    animation: ldio-wcqs1gr9e3r 5s cubic-bezier(0, .5, .5, 1) infinite;
    background: #060725;
    border-radius: 50%;
    box-sizing: content-box;
    height: 20px;
    position: absolute;
    transform: translate(40px, 40px) scale(1);
    width: 20px
}

.ldio-wcqs1gr9e3r div:first-child {
    animation: ldio-wcqs1gr9e3r-r 1.25s cubic-bezier(0, .5, .5, 1) infinite, ldio-wcqs1gr9e3r-c 5s step-start infinite;
    background: #060725;
    transform: translate(74px, 40px) scale(1)
}

.ldio-wcqs1gr9e3r div:nth-child(2) {
    animation-delay: -1.25s;
    background: #060725
}

.ldio-wcqs1gr9e3r div:nth-child(3) {
    animation-delay: -2.5s;
    background: #060725
}

.ldio-wcqs1gr9e3r div:nth-child(4) {
    animation-delay: -3.75s;
    background: #060725
}

.ldio-wcqs1gr9e3r div:nth-child(5) {
    animation-delay: -5s;
    background: #060725
}

.loadingio-spinner-ellipsis-a3q6v6jx7p7 {
    background: transparent;
    display: inline-block;
    height: 70px;
    overflow: hidden;
    width: 70px
}

.ldio-wcqs1gr9e3r {
    backface-visibility: hidden;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(.7);
    transform-origin: 0 0;
    width: 100%
}

.c-inputBase--password {
    display: block;
    position: relative
}

.c-inputBase__input {
    height: 4rem
}

.c-inputBase__input,
.c-inputBase__textarea {
    border: 1px solid rgba(6, 7, 37, .5);
    border-radius: 4px;
    font-size: 16px;
    padding: .9rem 1.6rem;
    width: 100%
}

.c-inputBase__input::-moz-placeholder {
    color: #060725;
    opacity: .5
}

.c-inputBase__input::placeholder {
    color: #060725;
    opacity: .5
}

.c-inputBase__input--password {
    padding-bottom: 1.25rem
}

.c-inputBase__label {
    align-items: center;
    display: flex;
    font-size: 1.3rem;
    line-height: 1.6
}

.c-inputBase__password {
    bottom: .375rem;
    font-size: .75rem;
    left: .5rem;
    line-height: 1rem;
    position: absolute
}

.c-error-message {
    color: #ed153c;
    font-size: 10px
}

.c-requiredLabel {
    background-color: #ed153c;
    border-radius: 4px;
    color: #fff;
    font-size: 1.1rem;
    margin-left: 1rem;
    padding: .2rem .5rem
}

.c-slider {
    cursor: grab;
    overflow: hidden;
    position: relative
}

.c-slider--center .swiper-wrapper {
    align-items: center
}

.c-slider__swiper {
    margin-right: max(-8rem, -10.4438642298%);
    -webkit-mask-image: linear-gradient(270deg, transparent 25%, #000 55%, #000);
    mask-image: linear-gradient(270deg, transparent 25%, #000 55%, #000);
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 250% 100%;
    mask-size: 250% 100%;
    opacity: 0;
    padding-right: min(8rem, 10.4438642298%)
}

.c-slider__swiper--inView {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    opacity: 1;
    transition: opacity 2.3s, -webkit-mask-position 2.3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 2.3s, mask-position 2.3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 2.3s, mask-position 2.3s cubic-bezier(.25, .46, .45, .94), -webkit-mask-position 2.3s cubic-bezier(.25, .46, .45, .94)
}

.c-slider__swiper--vertical {
    max-height: 600px
}

.c-slider__button {
    cursor: grab;
    height: 100%;
    position: absolute;
    top: 0;
    width: min(8rem, 9.4562647754%);
    z-index: 20
}

.c-slider__button--prev {
    left: 0
}

.c-slider__button--next {
    left: 100%
}

.c-slider__slider-item--linear {
    margin-right: 1px
}

.c-slider__slider-item--vertical {
    align-items: center;
    display: flex
}

.c-slider__navigation--prev {
    left: 1rem
}

.c-slider__navigation--next,
.c-slider__navigation--prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 500
}

.c-slider__navigation--next {
    right: 1rem
}

.c-slider__pagination-container {
    flex-direction: row;
    height: auto;
    position: absolute;
    width: auto;
    z-index: 500
}

.c-slider__pagination-container--left {
    bottom: 1rem;
    left: 3rem;
    right: auto;
    top: auto
}

.c-slider__pagination-container--right {
    bottom: 1rem;
    left: auto;
    right: 3rem;
    top: auto
}

.c-slider__pagination-container--center {
    bottom: 1rem;
    left: 50%;
    top: auto;
    transform: translateX(-50%)
}

.c-slider__pagination-bullet {
    cursor: pointer;
    margin-left: -.8rem;
    padding: 1rem;
    position: relative;
    width: 100%
}

.c-slider__pagination-bullet:after {
    border: 1px solid;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: .4rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: .4rem
}

.c-slider__pagination-bullet--active {
    cursor: inherit
}

.c-slider__pagination-bullet--active:after {
    background-color: currentColor
}

@media screen and (max-width:900px) {
    .c-slider__button--prev {
        left: auto;
        right: 100%
    }

    .c-slider__slider {
        margin: 0
    }

    .c-slider__slider-item {
        width: 91.6666666667%
    }
}

.c-landingPage-menu {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    font-family: Helper, sans-serif;
    gap: 0;
    position: fixed;
    right: 15px;
    top: 20px;
    z-index: 40
}

.c-landingPage-menu--open {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px)
}

.c-landingPage-menu--close {
    mix-blend-mode: difference
}

.c-landingPage-menu__inner {
    border-radius: .25rem;
    font-family: Neue Haas Grotesk, sans-serif;
    font-size: 10px;
    letter-spacing: .4px;
    padding: 15px
}

.c-landingPage-menu__inner--open {
    animation: navigation-appear .5s ease-out both;
    color: #000
}

.c-landingPage-menu__inner--close {
    animation: navigation-disappear .5s ease-out both;
    color: #fff
}

.c-landingPage-menu__header {
    align-items: center;
    border-bottom: 1px solid;
    border-color: #e5e7eb;
    display: flex;
    gap: 0 7px;
    margin-bottom: 10px;
    min-width: 150px;
    padding-bottom: 11px;
    width: 143px
}

.c-landingPage-menu__header-title {
    flex: none
}

.c-landingPage-menu__header-line {
    flex: auto;
    opacity: 1
}

.c-landingPage-menu__header-line--open {
    border-color: #000
}

.c-landingPage-menu__header-line--close {
    border-color: #fff
}

.c-landingPage-menu__header--open {
    border-color: rgba(0, 0, 0, .2)
}

.c-landingPage-menu__header--close {
    border-color: hsla(0, 0%, 100%, .2)
}

.c-landingPage-menu__header-arrow {
    flex: none;
    transform: none
}

.c-landingPage-menu__header-arrow--open {
    transform: rotate(180deg)
}

.c-landingPage-menu__header-name {
    animation: flip .25s ease-in both;
    display: flex;
    flex: none;
    flex-direction: column;
    justify-content: center
}

.c-landingPage-menu__header-name-parent--unhover {
    animation: re-navigation-menu-hover-parent .25s both
}

.c-landingPage-menu__header-name-parent--hover {
    animation: navigation-menu-hover-parent .25s both
}

.c-landingPage-menu__header-name-child {
    opacity: 0;
    position: absolute;
    transform: translateY(10px)
}

.c-landingPage-menu__header-name-child--unhover {
    animation: re-navigation-menu-hover-children .25s both
}

.c-landingPage-menu__header-name-child--hover {
    animation: navigation-menu-hover-children .25s both
}

.c-landingPage-menu__content {
    overflow: hidden
}

.c-landingPage-menu__content--open {
    animation: slide-show 1s cubic-bezier(.21, -.01, .13, 1) both
}

.c-landingPage-menu__content--close {
    animation: slide-hidden .75s cubic-bezier(.83, 0, .17, 1) both
}

.c-landingPage-menu__content-item-anchor {
    display: block;
    margin-top: 12px
}

.c-landingPage-menu__content-item:first-child-anchor {
    margin-top: 0
}

.c-landingPage-menu__content-item--open {
    animation: flip-show .5s both
}

.c-landingPage-menu__content-item--close {
    animation: flip-hide 1s both
}

.c-landingPage-menu__layer {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 20
}

@keyframes navigation-appear {
    0% {
        background: hsla(0, 0%, 85%, 0)
    }

    to {
        background: hsla(0, 0%, 85%, .5)
    }
}

@keyframes navigation-disappear {
    0% {
        background: hsla(0, 0%, 85%, .5)
    }

    to {
        background: hsla(0, 0%, 85%, 0)
    }
}

@keyframes flip {
    0% {
        transform: scaleY(1)
    }

    50% {
        transform: scaleY(0)
    }

    to {
        transform: scaleY(1)
    }
}

@keyframes navigation-menu-hover-parent {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: .01;
        transform: translate3d(0, -10px, 0)
    }
}

@keyframes re-navigation-menu-hover-parent {
    0% {
        opacity: .01;
        transform: translate3d(0, -10px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes navigation-menu-hover-children {
    0% {
        opacity: .01;
        transform: translate3d(0, 10px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes re-navigation-menu-hover-children {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: .01;
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes slide-show {
    0% {
        max-height: 0
    }

    to {
        max-height: 250px
    }
}

@keyframes slide-hidden {
    0% {
        max-height: 250px
    }

    to {
        max-height: 0
    }
}

@keyframes flip-show {
    0% {
        transform: scaleY(0)
    }

    to {
        transform: scaleY(1)
    }
}

@keyframes flip-hide {
    0% {
        transform: scaleY(1)
    }

    to {
        transform: scaleY(0)
    }
}

.l-header__logo {
    transition: opacity .2s
}

.l-header__logoAnchor {
    align-items: flex-end;
    display: flex
}

.l-header__logoMain {
    width: 20rem;
    max-width: 150px;
}

.l-header__logoCatch {
    font-size: 1.2rem;
    line-height: 1.17;
    margin-left: 2.1rem
}

@media screen and (max-width:900px) {
    .l-header {
        left: 0;
        right: 0;
        top: calc(3rem + var(--frame-height, 0px));
        width: 84%
    }

    .l-header__logoMain {
        max-width: 100px;
    }

    .l-header__logoCatch {
        font-size: 1rem;
        line-height: 1.1;
        margin-left: .9rem
    }
}

.c-memberCard {
    display: flex;
    flex-direction: row;
    gap: 5rem;
    margin: 0 5rem;
    width: 100%
}

.c-memberCard canvas,
.c-memberCard svg {
    width: 100%
}

.c-memberCard__notice {
    font-size: 1.4rem;
    margin-top: 2rem;
    text-align: center
}

.c-memberCard__notice--rank {
    font-weight: 900
}

.c-memberCard__card {
    flex: 1
}

.c-memberCard-card {
    aspect-ratio: 1.618/1;
    background-color: #000;
    border-radius: 17px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding: 5rem 10rem;
    text-align: center
}

.c-memberCard-card__rank {
    font-size: 6rem;
    letter-spacing: .4px
}

.c-memberCard-card__summary {
    font-size: 1.8rem;
    letter-spacing: .4px
}

.c-memberCard__detail {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    padding: 7rem 0
}

.c-memberCard__detail-content {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 2.2rem
}

.c-memberCard__detail-content p {
    flex: 1;
    text-align: left
}

.c-memberCard__detail-content--point {
    font-size: 5rem;
    margin-left: -1rem
}

.c-memberCard__detail-content--annotation {
    font-size: 1.4rem
}

.c-memberCard__annotation {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    padding: 7rem 0
}

.c-memberCard__annotation>* {
    flex: none
}

.c-memberCard__annotation-button {
    border: 1px solid #000;
    border-radius: 5px
}

.c-memberCard__announcement {
    font-size: 1.2rem;
    text-align: center
}

@media screen and (max-width:900px) {
    .c-memberCard {
        flex-direction: column;
        gap: 4rem;
        margin: 0
    }

    .c-memberCard__card {
        padding: 0 2rem
    }

    .c-memberCard-card {
        padding: 2rem;
        width: 100%
    }

    .c-memberCard-card__rank {
        font-size: 3.2rem;
        padding: 0
    }

    .c-memberCard-card__summary {
        font-size: 1.2rem;
        padding: 0
    }

    .c-memberCard__notice {
        font-size: 1.2rem;
        margin-top: 2rem
    }

    .c-memberCard__detail {
        gap: 1rem;
        padding: 0
    }

    .c-memberCard__detail-content {
        font-size: 1.2rem
    }

    .c-memberCard__detail-content--point {
        font-size: 3rem
    }

    .c-memberCard__detail-content--annotation {
        font-size: 1rem
    }

    .c-memberCard__annotation {
        gap: 1rem;
        padding: 0
    }
}

.c-button-submitButton {
    position: relative
}

.c-button-submitButton--submitting {
    left: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.c-productQuantityInput {
    align-items: center;
    border: 1px solid rgba(6, 7, 37, .2);
    border-radius: .4rem;
    display: flex;
    font-size: 1rem;
    gap: 15.5px;
    justify-content: center;
    min-width: 80px;
    padding: 0 5px;
    width: -moz-fit-content;
    width: fit-content
}

.c-productQuantityInput__button {
    height: 25px;
    width: 13px
}

.c-giftTypeRadioInput-how {
    margin-top: 2rem
}

.c-giftTypeRadioInput-how-title {
    font-size: 1.3rem;
    letter-spacing: .08em;
    line-height: 1.7;
    white-space: nowrap
}

.c-giftTypeRadioInput-how-price {
    font-size: 1.6rem
}

.c-giftTypeRadioInput-how-tax {
    font-size: .6875em;
    margin-left: .3636363636em
}

.c-giftTypeRadioInput-how-option {
    font-size: .75em;
    margin-left: .4166666667em
}

.c-giftTypeRadioInput-how-label {
    align-items: center;
    border: 1px solid rgba(6, 7, 37, .2);
    border-radius: .4rem;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 1rem 2rem 1.1rem 4.4rem;
    transition: border-color .16s
}

.c-giftTypeRadioInput-how-input {
    border: 1px solid #060725;
    border-radius: 50%;
    bottom: 0;
    height: 1.4rem;
    left: 2rem;
    margin: auto;
    opacity: .2;
    position: absolute;
    top: 0;
    transition: opacity .16s;
    width: 1.4rem
}

.c-giftTypeRadioInput-how-input:checked {
    opacity: 1
}

.c-giftTypeRadioInput-how-input:after {
    background-color: #060725;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(.5);
    width: 100%
}

.c-giftTypeRadioInput-how-input:checked+.c-giftTypeRadioInput-how-label {
    border-color: #060725
}

.c-giftTypeRadioInput-how-box {
    position: relative
}

.c-giftTypeRadioInput-how-box:nth-of-type(n+2) {
    margin-top: 1.5rem
}

.c-review-customerReview {
    background-color: rgba(6, 7, 37, .02);
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
    padding: 8rem
}

.c-review-customerReview-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 1rem
}

.c-review-customerReview__icon {
    width: 40px
}

.c-review-customerReview__profile {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.c-review-customerReview__nickname {
    font-size: 2rem
}

.c-review-customerReview__age {
    font-size: 1.2rem;
    padding-left: 2px
}

.c-review-customerReview__title {
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.56;
    margin-top: 1rem
}

.c-review-customerReview__text {
    font-size: 1.2rem;
    letter-spacing: .1em;
    line-height: 2.17;
    margin-top: 1.7rem
}

.c-review-customerReview__date {
    margin-top: 1rem;
    text-align: right
}

@media screen and (max-width:900px) {
    .c-review-customerReview {
        padding: 3rem
    }
}

.c-text {
    display: flex
}

.c-text--inner {
    animation-name: inner;
    animation-timing-function: cubic-bezier(.165, .84, .44, 1);
    position: relative
}

.c-text--inner,
.c-text--outer {
    animation-duration: .6s;
    overflow: hidden
}

.c-text--outer {
    animation-name: outer;
    animation-timing-function: cubic-bezier(.165, .84, .44, 1);
    position: absolute
}

@keyframes inner {
    0% {
        opacity: 1;
        transform: translateY(0) scaleY(1)
    }

    to {
        opacity: 0;
        transform: translateY(90%) scaleY(0)
    }
}

@keyframes outer {
    0% {
        opacity: 0;
        transform: translateY(-90%) scaleY(0)
    }

    to {
        opacity: 1;
        transform: translateX(0) scaleY(1)
    }
}

.c-review-reviewStars {
    display: flex;
    flex-direction: row
}

.c-review {
    padding: 25rem 0
}

.c-review__container {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: max(100% - 16rem, 87.5%)
}

.c-review__heading-title {
    font-size: 5rem
}

.c-review__heading-lead {
    font-size: 1.4rem;
    margin-top: 2rem
}

.c-review__content {
    width: 74.2857142857%
}

.c-review__more {
    display: flex;
    justify-content: end
}

.c-review__tag {
    display: flex;
    justify-content: space-between
}

.c-review__tag-item {
    flex: 1
}

.c-review__tag-button--inactive {
    background: rgba(6, 7, 37, .05)
}

@media screen and (max-width:900px) {
    .c-review {
        padding: 0
    }

    .c-review__container {
        display: block;
        width: 84.6153846154%
    }

    .c-review__heading {
        width: 100%
    }

    .c-review__heading-title {
        font-size: 3rem
    }

    .c-review__heading-lead {
        display: none
    }

    .c-review__content {
        margin-top: 4.6rem;
        width: 100%
    }
}

.c-review-reviewDetail {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 8rem;
    padding: 2rem 8rem 0
}

.c-review-reviewDetail__counter {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column
}

.c-review-reviewDetail__counter-score {
    font-size: 6rem
}

.c-review-reviewDetail__counter-posts {
    font-size: 2rem;
    margin-left: 5px
}

.c-review-reviewDetail__graph {
    flex: auto;
    margin-left: min(5.3rem, 6.3701923077%)
}

.c-review-reviewDetail__graph-bar {
    flex: auto;
    height: 6px
}

.c-review-reviewDetail__graph-items {
    display: flex;
    flex-direction: column
}

.c-review-reviewDetail__graph-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 6px
}

.c-review-reviewDetail__graph-item--label {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    justify-content: space-between;
    width: 30px
}

.c-review-reviewDetail__graph-item--percentage {
    flex: none;
    font-size: 1.2rem;
    text-align: right;
    width: 30px
}

.c-review-reviewDetail__graph-item--review-score {
    font-size: 1.2rem
}

@media screen and (max-width:900px) {
    .c-review-reviewDetail {
        flex-direction: column;
        margin-bottom: 2rem;
        padding: 2rem 3rem 0
    }

    .c-review-reviewDetail__counter {
        margin-bottom: 1rem
    }

    .c-review-reviewDetail__graph {
        width: 100%
    }
}

.c-backgroundImageView {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transform: scale(1.01);
    width: 100%
}

.c-surveyForm-surveyForm__title {
    font-size: 1.8rem
}

.c-surveyForm-surveyForm__buttons {
    display: flex;
    flex-direction: row;
    gap: 1rem
}

.c-surveyForm-surveyForm__button {
    flex: 1
}

.c-surveyForm-surveyForm__questions-checkbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.c-surveyForm-surveyForm__questions-checkbox-label {
    margin: 0 1rem 1rem 0
}

.c-surveyForm-surveyForm__questions-checkbox-label>svg {
    display: inline-block
}

.c-surveyForm-surveyForm__questions-simple-checkbox-label {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: .5rem;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    margin: 0 1rem 1rem 0;
    padding: 1rem
}

.c-surveyForm-surveyForm__questions-simple-checkbox-label input {
    display: block;
    height: 0;
    width: 0
}

.c-surveyForm-surveyForm__questions-simple-checkbox-label--checked {
    background-color: #000;
    color: #fff
}

.c-surveyForm-surveyForm__questions-radio {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.c-surveyForm-surveyForm__questions-radio-label {
    color: #000;
    cursor: pointer;
    display: flex;
    flex: auto;
    flex-direction: row;
    font-size: 1.2rem;
    gap: 1rem;
    margin: 0 1rem 1rem 0
}

.c-surveyForm-surveyForm__questions-nps-radio {
    display: flex;
    flex-direction: row;
    gap: 1px;
    justify-content: space-between
}

.c-surveyForm-surveyForm__questions-nps-radio-button {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: .5rem;
    color: #000;
    cursor: pointer;
    flex: 1;
    font-size: 1.2rem;
    padding: 1rem 0;
    text-align: center
}

.c-surveyForm-surveyForm__questions-nps-radio-button--checked {
    background-color: #000;
    color: #fff
}

.c-surveyForm-surveyForm__help {
    text-align: left
}

.c-lazyVideo {
    position: relative;
    width: 100%
}

.c-lazyVideo__video {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-video-inViewVideo {
    overflow: hidden
}

.c-video-inViewVideo video {
    opacity: 0;
    transform: scale(1.25)
}

.c-video-inViewVideo--inView video {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1.8s, transform 1.8s cubic-bezier(.215, .61, .355, 1)
}

.c-cart-noveltyCard {
    background: rgba(6, 7, 37, .02);
    padding: 2rem
}

.c-cart-noveltyCard__main {
    display: flex
}

.c-cart-noveltyCard__title {
    font-size: 1.2rem;
    line-height: 1.7rem
}

.c-cart-noveltyCard__image {
    min-width: 19.78021978%;
    width: 19.78021978%
}

.c-cart-noveltyCard__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 4.3956043956%;
    width: 80.21978022%
}

.c-cart-noveltyCard__capacity {
    color: rgba(6, 7, 37, .5);
    display: block;
    font-size: 1.2rem;
    letter-spacing: .04em
}

.c-cart-noveltyCard__help {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.c-cart-noveltyCard__label {
    background-color: #060725;
    border-radius: 10rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    padding: .375em .8em
}

.c-cart-noveltyCard__alert {
    color: #ed153c;
    font-size: .8rem
}

.c-cart-noveltyCard__price {
    font-size: 1.4rem
}

.c-cart-noveltyCard__withPrice {
    border-top: 1px solid rgba(6, 7, 37, .1);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 25px;
    padding-top: 25px
}

.c-alert-flashMessage {
    border-color: #ed153c;
    border-radius: .25rem;
    border-width: 1px;
    color: #ed153c;
    font-size: 1.5rem;
    line-height: 24px;
    padding: 20px 1rem;
    text-align: center
}

.c-cross {
    height: 1.1rem;
    position: relative;
    transition: transform .5s cubic-bezier(.215, .61, .355, 1);
    width: 1.1rem
}

.c-cross:after,
.c-cross:before {
    background-color: currentColor;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    top: 0
}

.c-cross:before {
    bottom: 0;
    height: 1px;
    width: 100%
}

.c-cross:after {
    height: 100%;
    right: 0;
    width: 1px
}

.c-cross--open {
    transform: rotate(135deg)
}

.c-toggle {
    overflow: hidden;
    transition: height .45s cubic-bezier(.645, .045, .355, 1), opacity .45s cubic-bezier(.39, .575, .565, 1);
    will-change: height
}

.c-toggle--open {
    opacity: 1
}

.c-toggle--close {
    opacity: 0
}

.c-toggle-inner {
    transform: translateY(-6rem);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1)
}

.c-toggle-inner--open {
    transform: translateY(0)
}

.c-toggle-inner--close {
    transform: translateY(-6rem)
}

.c-order-simpleOrderConfirm {
    align-items: end;
    background-color: transparent;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .1);
    display: flex;
    height: 100%;
    justify-items: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.c-order-simpleOrderConfirm--loading {
    align-items: center;
    background-color: #f9f7f4;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.c-order-simpleOrderConfirm--loaded {
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    animation-name: loading_fade_out_animation;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.c-order-simpleOrderConfirm--loaded-AnimationFinish {
    display: none
}

.c-order-simpleOrderConfirm--mounted {
    animation-duration: .7s;
    animation-fill-mode: forwards;
    animation-name: simple_order_confirm_fade_in_animation;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.c-order-simpleOrderConfirm--close {
    animation-duration: 1.7s;
    animation-fill-mode: forwards;
    animation-name: simple_order_confirm_fade_out_animation;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    background-color: rgba(0, 0, 0, .3)
}

.c-order-simpleOrderConfirm__modal {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    opacity: 0;
    width: 100%;
    z-index: 100
}

@media screen and (max-width:900px) {
    .c-order-simpleOrderConfirm__modal {
        display: block;
        height: auto
    }
}

.c-order-simpleOrderConfirm__modal--mounted {
    animation-duration: 1.7s;
    animation-fill-mode: forwards;
    animation-name: simple_order_confirm_slide_in_animation;
    animation-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.c-order-simpleOrderConfirm__modal--close {
    animation-duration: 1.7s;
    animation-fill-mode: forwards;
    animation-name: simple_order_confirm_slide_out_animation;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    opacity: 1
}

.c-order-simpleOrderConfirm__modal-content {
    position: relative
}

@media screen and (min-width:900px) {
    .c-order-simpleOrderConfirm__modal-content {
        max-height: 100svh;
        overflow-y: scroll
    }
}

@media screen and (min-width:1600px) {
    .c-order-simpleOrderConfirm__modal-content {
        max-height: 100svh;
        overflow-y: scroll
    }
}

.c-order-simpleOrderConfirm__toggle {
    position: relative
}

.c-order-simpleOrderConfirm__toggle h2 {
    line-height: 1.6rem
}

.c-order-simpleOrderConfirm__toggle-cross {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.c-order-simpleOrderConfirm__close {
    cursor: pointer;
    font-size: 3rem;
    margin: -2rem;
    padding: 2rem;
    position: absolute;
    right: .75rem;
    top: .75rem;
    z-index: 101
}

.c-order-simpleOrderConfirm__content {
    height: auto;
    margin: 0 auto;
    max-width: 900px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 3rem;
    position: relative;
    scrollbar-width: none
}

@media screen and (max-width:900px) {
    .c-order-simpleOrderConfirm__content {
        height: 75svh;
        width: 100%
    }
}

.c-order-simpleOrderConfirm__content-main {
    display: flex;
    flex-direction: column;
    padding-bottom: 2rem
}

.c-order-simpleOrderConfirm__item {
    border-top: 1px solid rgba(6, 7, 37, .1);
    padding: 1.5rem 0;
    position: relative
}

.c-order-simpleOrderConfirm__item--price {
    padding: 3rem 3rem 3rem 0
}

.c-order-simpleOrderConfirm__item-content {
    display: flex;
    flex-direction: row
}

.c-order-simpleOrderConfirm__item-content--title {
    font-size: 1.4rem;
    line-height: 1.6rem;
    width: 25%
}

.c-order-simpleOrderConfirm__item-content--description {
    margin-left: 5%;
    padding-right: 3rem;
    width: 70%
}

.c-order-simpleOrderConfirm__item-content--description-payment {
    align-items: center;
    font-size: 1.2rem
}

.c-order-simpleOrderConfirm__item-content--inner {
    border: none;
    justify-content: space-between
}

.c-order-simpleOrderConfirm__item-arrow {
    align-items: center;
    display: flex;
    height: 100%;
    position: absolute;
    right: 3px;
    top: 0
}

.c-order-simpleOrderConfirm__item-text {
    font-size: 1.4rem
}

.c-order-simpleOrderConfirm__item-text--small {
    font-size: 1.2rem
}

.c-order-simpleOrderConfirm__item-text--label {
    font-size: 1rem;
    margin-left: .4rem
}

.c-order-simpleOrderConfirm__item-text--bold {
    font-weight: 700
}

@keyframes simple_order_confirm_slide_in_animation {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes simple_order_confirm_slide_out_animation {
    0% {
        opacity: 1
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes simple_order_confirm_fade_in_animation {
    0% {
        background-color: transparent
    }

    to {
        background-color: rgba(0, 0, 0, .3)
    }
}

@keyframes simple_order_confirm_fade_out_animation {
    0% {
        background-color: rgba(0, 0, 0, .3)
    }

    to {
        background-color: transparent
    }
}

@keyframes loading_fade_out_animation {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.c-radioBase__label {
    align-items: center;
    display: flex;
    font-size: 1.3rem
}

.c-radioBase__options {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr
}

.c-radioBase__options label {
    align-items: center;
    background-color: transparent;
    border: 1px solid rgba(6, 7, 37, .5);
    border-radius: 4px;
    color: #060725;
    display: flex;
    font-size: 1.2rem;
    gap: 1rem;
    justify-content: flex-start;
    min-height: 4rem;
    padding: .9rem 1.6rem;
    transition: all .6s cubic-bezier(.165, .84, .44, 1)
}

.c-radioBase__options label svg {
    opacity: .2
}

.c-radioBase__options label svg>circle {
    transition: all .6s cubic-bezier(.165, .84, .44, 1)
}

.c-radioBase__options input:checked+label {
    background-color: #060725;
    color: #fff
}

.c-radioBase__options input:checked+label svg {
    opacity: 1
}

.c-radioBase__options input:checked+label svg circle:first-child {
    stroke: #fff
}

.c-radioBase__options input:checked+label svg circle:nth-child(2) {
    fill: #fff
}

.p-product-productsCardSlider__slider {
    align-items: stretch;
    overflow: unset !important
}

.p-product-productsCardSlider__item {
    display: flex;
    flex-direction: column;
    height: unset;
    margin-right: 2rem;
    width: 20%
}

@media screen and (max-width:900px) {
    .p-product-productsCardSlider__item {
        margin-right: 2rem;
        width: 40%
    }
}

.c-product-SampleProductsCard {
    position: relative
}

.c-product-SampleProductsCard__label {
    background: #181e2c;
    border-radius: 10px;
    color: #fff;
    font-size: 8px;
    padding: 5px 10px;
    position: absolute;
    right: 1rem;
    top: 1rem
}

.c-product-SampleProductsCard__image-outsize {
    border-radius: 4px;
    overflow: hidden
}

.c-product-SampleProductsCard__content {
    align-items: flex-end;
    display: flex;
    flex: auto;
    flex-direction: row;
    gap: 1rem
}

.c-product-SampleProductsCard__content-description {
    line-height: 1.4
}

.c-scrollButton {
    animation-duration: 2.5s;
    color: #fff;
    cursor: pointer;
    display: flex;
    mix-blend-mode: exclusion
}

.c-scrollButton__text {
    font-size: 1.1rem
}

.c-scrollButton svg {
    fill: #fff
}

.c-scrollButton__icon {
    margin-left: 1rem
}

.c-scrollButton-arrow {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 2rem;
    justify-content: center;
    margin-left: 1rem;
    position: relative;
    transition: background-color .25s;
    width: 2rem
}

.c-scrollButton-arrow:after {
    border: 1px solid;
    border-radius: 50%;
    content: "";
    opacity: .5
}

.c-scrollButton-arrow-inner,
.c-scrollButton-arrow:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-scrollButton-arrow-inner:after,
.c-scrollButton-arrow-inner:before {
    animation-duration: 2.6s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    border: 1px solid;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(1);
    width: 100%
}

.c-scrollButton-arrow-inner:before {
    animation-delay: 2.5s;
    animation-name: scroll_arrow_wave_1;
    border-width: 2px
}

.c-scrollButton-arrow-inner:after {
    animation-name: scroll_arrow_wave_2
}

.c-scrollButton-arrow svg {
    width: 30%
}

.c-scrollButton-arrow svg path {
    fill: currentColor;
    transition: fill .25s
}

@media screen and (min-width:900px) {
    .c-scrollButton:hover .c-scrollButton-arrow {
        background-color: #fff
    }

    .c-scrollButton:hover .c-scrollButton-arrow svg path {
        fill: #060725 !important
    }
}

@keyframes scroll_arrow_wave_1 {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    9% {
        opacity: .28
    }

    38%,
    to {
        opacity: 0;
        transform: scale(1.45)
    }
}

@keyframes scroll_arrow_wave_2 {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    9% {
        opacity: .28
    }

    38%,
    to {
        opacity: 0;
        transform: scale(1.75)
    }
}

.c-top-newsInfoAnchor {
    align-items: stretch;
    background-color: #7d8291;
    display: flex;
    height: 12.5rem;
    justify-content: space-between;
    width: 45rem
}

@media screen and (max-width:900px) {
    .c-top-newsInfoAnchor {
        height: 8rem;
        margin: auto;
        width: 85%
    }
}

.c-top-newsInfoAnchor__image {
    height: 100%
}

.c-top-newsInfoAnchor__image img {
    height: 100%;
    width: auto
}

.c-top-newsInfoAnchor__info {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem 3rem;
    width: 60%
}

@media screen and (max-width:900px) {
    .c-top-newsInfoAnchor__info {
        padding: .5rem 1rem
    }
}

.c-top-newsInfoAnchor__info-heading {
    font-size: 1.1rem;
    margin-bottom: 1.8rem
}

@media screen and (max-width:900px) {
    .c-top-newsInfoAnchor__info-heading {
        font-size: 1rem;
        margin-bottom: .7rem
    }
}

.c-top-newsInfoAnchor__info-title {
    font-size: 1.2rem;
    letter-spacing: .06em;
    line-height: 1.67
}

@media screen and (max-width:900px) {
    .c-top-newsInfoAnchor__info-title {
        line-height: 1.2
    }
}

.c-top-newsInfoAnchor__info:after {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 64%;
    margin: auto;
    opacity: .2;
    position: absolute;
    right: 12%;
    top: 0;
    width: 1px
}

@media screen and (max-width:900px) {
    .c-top-newsInfoAnchor__info:after {
        right: 17%
    }
}

.c-top-newsInfoAnchor__arrow {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    width: 12%
}

.c-top-newsInfoAnchor__arrow svg {
    fill: #fff
}

.l-fullImage {
    position: relative;
    width: 100%;
}


.l-fullImage__image {
    height: -moz-fit-content;
    height: fit-content;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.l-fullMovie {
    height: 100lvh;
    overflow: hidden;
    position: relative;
    width: 100vw
}

.l-fullMovie__movie {
    height: 100lvh;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100vw
}

.c-top-topSlider {
    position: relative
}

.c-top-topSlider,
.c-top-topSlider .swiper-wrapper {
    height: 100vh;
    max-height: 100svh
}

.c-top-topSlider__pagination-container {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: min(8rem, 6.25%);
    top: 0;
    width: .4rem;
    z-index: 10
}

@media screen and (max-width:900px) {
    .c-top-topSlider__pagination-container {
        bottom: 3rem;
        flex-direction: row;
        height: auto;
        left: 3rem;
        right: auto;
        top: auto;
        width: auto
    }
}

.c-top-topSlider__pagination-container .swiper-pagination-bullet {

background: transparent;

border: 2px solid #fff;

margin: 5px;

opacity: 1;
}

.c-top-topSlider__pagination-container .swiper-pagination-bullet-active {
    background-color: #fff;
}

.c-top-topSlider .c-top-topSlider-image img {
    height: 100vh;
    max-height: 100svh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.c-top-topSlider .swiper-slide {
    overflow: hidden;
}

.p-top-fsMain {
    height: 0;
    margin-bottom: -2px;
    overflow: hidden;
    padding-bottom: 128.515625%;
    position: relative
}

@media screen and (max-width:900px) {
    .p-top-fsMain {
        margin-bottom: 0;
        padding-bottom: 143.5897435897%
    }
}

.p-top-fsMain__image-container {
    height: 0;
    margin-bottom: -2px;
    padding-bottom: 128.515625%;
    position: relative
}

.p-top-fsMain__image-container img {
    left: 0;
    position: absolute;
    top: 0
}

@media screen and (max-width:900px) {
    .p-top-fsMain__image-container {
        margin-bottom: 0;
        padding-bottom: 143.5897435897%
    }
}

.p-top-fsMain__heading {
    color: #fff;
    left: 0;
    margin-top: 15.234375%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1
}

@media screen and (max-width:900px) {
    .p-top-fsMain__heading {
        margin-top: 6.5rem
    }
}

.p-top-fsMain__heading-catch {
    font-size: min(4.5rem, 3.125vw);
    letter-spacing: .08em
}

@media screen and (max-width:900px) {
    .p-top-fsMain__heading-catch {
        font-size: 2rem
    }
}

.p-top-fsMain__heading-catch .char {
    display: inline-block;
    filter: blur(6px);
    opacity: 0;
    transform: scale(1.4);
    transform-origin: 20% bottom
}

.p-top-fsMain__heading-name {
    font-size: min(1.6rem, 1.09375vw);
    margin-top: min(4.5rem, 3.125%);
    opacity: 0
}

@media screen and (max-width:900px) {
    .p-top-fsMain__heading-name {
        font-size: 1.2rem;
        margin-top: 1.5rem
    }
}

.p-top-fsMain__heading.fInview--enter,
.p-top-fsMain__heading.fInview--enter .p-top-fsMain__heading-catch .char {
    filter: blur(0);
    opacity: 1;
    transform: scale(1) translateX(0);
    transition: opacity 2.45s, filter 2.45s cubic-bezier(.19, 1, .22, 1), transform 2.45s cubic-bezier(.19, 1, .22, 1)
}

.p-top-fsMain__heading.fInview--enter .p-top-fsMain__heading-catch .char:nth-of-type(2) {
    transition-delay: 0ms
}

.p-top-fsMain__heading.fInview--enter .p-top-fsMain__heading-catch .char:nth-of-type(3) {
    transition-delay: 105ms
}

.p-top-fsMain__heading.fInview--enter .p-top-fsMain__heading-catch .char:nth-of-type(4) {
    transition-delay: .21s
}

.p-top-fsMain__heading.fInview--enter .p-top-fsMain__heading-catch .char:nth-of-type(5) {
    transition-delay: 315ms
}

.p-top-fsMain__heading.fInview--enter .p-top-fsMain__heading-catch .char:nth-of-type(6) {
    transition-delay: .42s
}

.p-top-fsMain__heading.fInview--enter .p-top-fsMain__heading-catch .char:nth-of-type(7) {
    transition-delay: 525ms
}

.p-top-fsMain__heading.fInview--enter .p-top-fsMain__heading-catch .char:nth-of-type(8) {
    transition-delay: .63s
}

.p-top-fsMain__heading.fInview--enter .p-top-fsMain__heading-catch .char:nth-of-type(9) {
    transition-delay: 735ms
}

.p-top-fsMain__heading.fInview--enter .p-top-fsMain__heading-catch .char:nth-of-type(10) {
    transition-delay: .84s
}

.p-top-fsMain__heading.fInview--enter .p-top-fsMain__heading-catch .char:nth-of-type(11) {
    transition-delay: 945ms
}

.p-top-fsMain__heading.fInview--enter .p-top-fsMain__heading-name {
    opacity: 1;
    transition: opacity 4s;
    transition-delay: .98s
}

.p-top-about {
    overflow: hidden;
    padding: 0;
    position: relative
}

.p-top-about__container {
    margin: auto;
    width: max(100% - 16rem, 87.5%)
}

.p-top-about__top {
    display: flex;
    margin-top: 10rem;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
}


.p-top-about__top.fInview--enter {
    opacity: 1;
    transition: opacity 2s
}

.p-about-heading {
    align-items: center;
    display: flex;
    font-size: 2rem;
    justify-content: space-between;
    position: relative;
    white-space: nowrap
}

@media screen and (max-width:900px) {
    .p-about-heading {
        font-size: 1.6rem
    }
}

.p-about-heading:after {
    background-color: currentColor;
    content: "";
    display: block;
    height: 1px;
    margin-left: 1.5rem;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left;
    width: 100%
}

.p-about-heading.fInview--enter:after {
    opacity: .1;
    transform: scaleX(1);
    transition: opacity 2.5s, transform 2.5s cubic-bezier(.19, 1, .22, 1)
}

.p-top-about__title-ja {
    font-size: 4rem
}

.p-top-about__title-en {
    font-size: 1.1rem
}

.p-top-about .u-aboutCatch {}

.p-top-about__lead {}

.p-top-about__lead .c-linkButtonArrow {
    width: 17rem
}

@media screen and (max-width:900px) {
    .p-top-about__lead .c-linkButtonArrow {
        font-size: 1.2rem;
        width: 14rem
    }
}

.p-top-about__index {
    margin-top: 10rem;
    -webkit-mask-image: linear-gradient(270deg, transparent 20%, #000 50%, #000);
    mask-image: linear-gradient(270deg, transparent 20%, #000 50%, #000);
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    opacity: 0;
    padding: 0 min(8rem, 6.25%);
    pointer-events: none;
    transform: translateX(12rem)
}

.p-top-about__index.fInview--enter {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    transition: opacity 1.8s, transform 1.8s cubic-bezier(.25, .46, .45, .94), -webkit-mask-position 1.8s cubic-bezier(.39, .575, .565, 1);
    transition: opacity 1.8s, transform 1.8s cubic-bezier(.25, .46, .45, .94), mask-position 1.8s cubic-bezier(.39, .575, .565, 1);
    transition: opacity 1.8s, transform 1.8s cubic-bezier(.25, .46, .45, .94), mask-position 1.8s cubic-bezier(.39, .575, .565, 1), -webkit-mask-position 1.8s cubic-bezier(.39, .575, .565, 1)
}

.p-top-about__index .swiper-button {
    z-index: 20
}

.p-top-about__index .swiper-button--prev {
    width: min(8rem, 6.25%)
}

.p-top-about__index .swiper-button--next,
.p-top-about__index .swiper-button--next.swiper-button-disabled+.swiper-button--prev {
    width: calc(min(8rem, 6.25%) + 13.671875% + 1px)
}

.p-top-about__index-list {
    overflow: unset !important
}

.p-top-about__index-item {
    height: auto;
    width: 39.9107142857%
}

.p-top-about__index-item:not(:last-of-type) {
    margin-right: 2.8571428571%
}

.p-top-about__index-anchor {
    align-items: center;
    background-color: #f5f2ef;
    display: flex;
    height: 100%;
    padding: min(4rem, 8.9485458613%);
    transition: background-color .38s
}

.p-top-about__index-anchor .c-linkButtonArrow {
    width: -moz-fit-content;
    width: fit-content
}

.p-top-about__index-anchor:hover {
    background-color: #edeae7
}

.p-top-about__index-anchor:hover .p-top-about__index-image {
    filter: brightness(1.1)
}

.p-top-about__index-anchor:hover .p-top-about__index-image-inner {
    transform: scale(1.1)
}

.p-top-about__index-image {
    aspect-ratio: 363/501;
    min-width: 32.970027248%;
    overflow: hidden;
    transition: filter 1.2s;
    width: 32.970027248%
}

.p-top-about__index-image-inner {
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1)
}

.p-top-about__index-info {
    margin-left: 8.174386921%
}

.p-top-about__index-info-button {
    align-items: center;
    display: flex;
    font-size: 1.2rem;
    gap: .2rem;
    margin-top: 2.3rem;
    white-space: nowrap
}

@media screen and (max-width:900px) {
    .p-top-about__index-info-button {
        margin-top: 1.1rem
    }
}

.p-top-about__index-title-en {
    font-size: 2rem;
    white-space: nowrap
}

.p-top-about__index-title-ja {
    font-size: 1.1rem;
    letter-spacing: .1em;
    line-height: 1.36;
    margin-top: .5rem;
    opacity: .5
}

.p-top-about__index-catch {
    font-size: 1.3rem;
    letter-spacing: .06em;
    line-height: 1.54;
    margin-top: 2.1rem
}

.p-top-about__index .c-link {
    margin-top: 2.3rem
}

.p-top-about__index .c-link__text {
    font-size: 1.2rem
}

.u-aboutCatch {
    font-size: 2.2rem;
    line-height: 1.82
}

.u-aboutLead {
    font-size: 1.3rem;
    letter-spacing: .08em;
    line-height: 2.31
}

@media screen and (min-width:900px) {
    .p-top-about__title {
        font-feature-settings: normal;
        writing-mode: vertical-rl
    }

    .p-top-about__title-ja {
        margin-left: 1.3rem
    }
}

@media screen and (max-width:900px) {
    .u-aboutLead {
        letter-spacing: .1em;
        line-height: 2
    }

    .p-top-about .u-aboutCatch {
        margin: 4rem 0 0
    }

    .u-aboutCatch {
        font-size: 1.8rem;
        line-height: 1.67
    }

    .p-top-about {
        padding: 0 0 5rem;
    }

    .p-top-about__container {
        width: 84.6153846154%
    }

    .p-top-about__top {
        display: block;
        margin-top: 5.2rem
    }

    .p-top-about__title-ja {
        font-size: 3rem
    }

    .p-top-about__title-en {
        font-size: 1rem;
        margin-top: 1.7rem
    }

    .p-top-about__lead {
        margin-top: 3rem;
        min-width: auto;
        width: 100%
    }

    .p-top-about__index {
        margin-top: 6rem;
        padding: 0 7.6923076923%
    }

    .p-top-about__index .swiper-button--prev {
        width: 7.6923076923%
    }

    .p-top-about__index .swiper-button--next {
        width: 15.3846153846%
    }

    .p-top-about__index .swiper-button--next.swiper-button-disabled+.swiper-button--prev {
        width: 15.8974358974%
    }

    .p-top-about__index-item {
        width: 84.8484848485%
    }

    .p-top-about__index-item:not(:last-of-type) {
        margin-right: 6.0606060606%
    }

    .p-top-about__index-anchor {
        padding: 2rem 1rem 2rem 2rem
    }

    .p-top-about__index-image {
        min-width: 7.9rem;
        width: 7.9rem
    }

    .p-top-about__index-info {
        margin-left: 2rem
    }

    .p-top-about__index-title-en {
        font-size: 1.5rem
    }

    .p-top-about__index-title-ja {
        font-size: 1rem;
        margin-top: .2rem
    }

    .p-top-about__index-catch {
        font-size: 1.2rem;
        line-height: 1.67;
        margin-top: .7rem
    }

    .p-top-about__index .c-link {
        margin-top: 1.1rem
    }
}

.p-storeSection {
    padding: 25rem 0
}

@media screen and (max-width:900px) {
    .p-storeSection {
        padding: 10.5rem 0 10rem
    }
}

.p-storeSection__container {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: max(100% - 16rem, 87.5%)
}

@media screen and (max-width:900px) {
    .p-storeSection__container {
        display: block;
        width: 84.6153846154%
    }
}

.p-storeSection__nav {
    position: sticky;
    top: 25rem;
    width: 23.0357142857%
}

.p-storeSection__nav .c-heading {
    font-size: 5rem
}

@media screen and (max-width:900px) {
    .p-storeSection__nav {
        position: static;
        width: 100%
    }

    .p-storeSection__nav .c-heading {
        font-size: 3rem
    }
}

.p-storeSection__nav-lead {
    font-size: 1.2rem;
    line-height: 1.67;
    margin-top: 3.8rem
}

@media screen and (max-width:900px) {
    .p-storeSection__nav-lead {
        margin-top: 2rem
    }
}

.p-storeSection__nav .u-pageHeading {
    margin-top: -.1em
}

.p-storeSection__nav .p-storeSection__nav-lead-button {
    font-size: 1.2rem;
    margin-top: 4.5rem;
    max-width: 17rem
}

@media screen and (max-width:900px) {
    .p-storeSection__nav .p-storeSection__nav-lead-button {
        margin-top: 3rem;
        width: 14rem
    }
}

.p-storeSection__list {
    width: 65.8035714286%
}

@media screen and (max-width:900px) {
    .p-storeSection__list {
        margin-top: 6rem;
        width: 100%
    }
}

.p-storeSection__list-item {
    margin: -1rem 0;
    -webkit-mask-image: linear-gradient(270deg, transparent 35%, #000 60%, #000);
    mask-image: linear-gradient(270deg, transparent 35%, #000 60%, #000);
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 250% 100%;
    mask-size: 250% 100%;
    opacity: 0;
    padding: 1rem 0;
    pointer-events: none
}

.p-storeSection__list-item:nth-of-type(n+2) {
    margin-top: min(7rem, 9.4979647218%)
}

@media screen and (max-width:900px) {
    .p-storeSection__list-item:nth-of-type(n+2) {
        margin-top: 6rem
    }
}

.p-storeSection__list-item.fInview--enter {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    opacity: 1;
    pointer-events: auto;
    transition: opacity 1.8s, -webkit-mask-position 1.8s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 1.8s, mask-position 1.8s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 1.8s, mask-position 1.8s cubic-bezier(.25, .46, .45, .94), -webkit-mask-position 1.8s cubic-bezier(.25, .46, .45, .94)
}

.p-storeSectionCard__list {
    display: flex;
    justify-content: space-between;
    position: relative
}

@media screen and (max-width:900px) {
    .p-storeSectionCard__list {
        display: block
    }
}

.p-storeSectionCard__list-image {
    aspect-ratio: 1194/840;
    overflow: hidden;
    width: 54.0027137042%
}

@media screen and (max-width:900px) {
    .p-storeSectionCard__list-image {
        width: 100%
    }
}

.p-storeSectionCard__list-image-inner {
    aspect-ratio: 1194/840;
    overflow: hidden
}

.p-storeSectionCard__list-image-inner img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 2s cubic-bezier(.215, .61, .355, 1);
    width: 100%;
    will-change: transform
}

.p-storeSectionCard__list-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 40.7055630936%
}

@media screen and (max-width:900px) {
    .p-storeSectionCard__list-info {
        margin-top: 3rem;
        width: 100%
    }
}

.p-storeSectionCard__list-info-contents {
    padding: 2rem 0
}

.p-storeSectionCard__list-info-bottom,
.p-storeSectionCard__list-info-top {
    display: flex
}

.p-storeSectionCard__list-info-top {
    align-items: center;
    font-size: 1.3rem;
    margin-top: -.2rem
}

.p-storeSectionCard__list-info-top:after {
    background-color: rgba(6, 7, 37, .1);
    content: "";
    height: 1px;
    margin-left: 1rem;
    width: 100%
}

.p-storeSectionCard__list-info-bottom {
    align-items: flex-end
}

.p-storeSectionCard__list-info-bottom:before {
    background-color: rgba(6, 7, 37, .1);
    content: "";
    height: 1px;
    margin-right: 1rem;
    width: 100%
}

.p-storeSectionCard__list-info-bottom .c-link {
    margin-bottom: -.4rem
}

.p-storeSectionCard__list-info-bottom .c-link__text {
    font-size: 1.2rem
}

.p-storeSectionCard__list-info-bottom .u-mo-crop__text {
    padding-right: 14px
}

.p-storeSectionCard__list-shopName {
    font-size: 1.6rem;
    line-height: 1.38
}

.p-storeSectionCard__list-shopName .char {
    opacity: 0
}

.p-storeSectionCard__list-detail {
    margin-top: 2.5rem
}

.p-storeSectionCard__list-detail-item:nth-of-type(n+2) {
    margin-top: 1.6rem
}

.p-storeSectionCard__list-detail-title {
    font-size: 1.1rem;
    opacity: .5
}

.p-storeSectionCard__list-detail-contents {
    font-size: 1.2rem;
    letter-spacing: .1em;
    line-height: 1.33;
    margin-top: .6rem
}

.p-storeSectionCard__list-term {
    background-color: #060725;
    border-radius: .4rem;
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    margin-top: 1.2rem;
    padding: .85rem 1rem
}

.p-storeSectionCard__list-term-date:before {
    background-color: currentColor;
    content: "";
    display: inline-block;
    height: 1px;
    margin: -2px 1rem 0;
    opacity: .5;
    vertical-align: middle;
    width: 2rem
}

.p-storeSectionCard__list .u-mo-crop__text {
    white-space: nowrap
}

@media screen and (min-width:900px) {
    .p-storeSectionCard__list:hover .p-storeSectionCard__list-image-inner img {
        transform: scale(1.07)
    }
}

.p-about-feature {
    background-attachment: fixed;
    background-position: center 65%;
    background-size: cover;
    color: #fff;
    padding: 20rem 0 25rem
}

@media screen and (max-width:900px) {
    .p-about-feature {
        padding: 10rem 0
    }
}

.p-about-feature .u-aboutHeading {
    align-items: center;
    display: flex;
    font-size: 2rem;
    justify-content: space-between;
    position: relative;
    white-space: nowrap
}

.p-about-feature .u-aboutHeading:after {
    background-color: currentColor;
    content: "";
    display: block;
    height: 1px;
    margin-left: 1.5rem;
    opacity: .1;
    transform-origin: left;
    width: 100%
}

@media screen and (max-width:900px) {
    .p-about-feature .u-aboutHeading {
        font-size: 1.6rem
    }
}

.p-about-feature__bg {
    height: 0;
    left: 0;
    position: sticky;
    top: 0;
    width: 100%
}

@media screen and (max-width:900px) {
    .p-about-feature__bg:before {
        background-image: url(../image/bg_grd.8457b551.jpg);
        background-position: center 65%;
        background-size: cover;
        content: "";
        height: 100vh;
        height: 100lvh;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.p-about-feature__bg-image {
    height: 100vh;
    width: 100%
}

.p-about-feature__container {
    margin: auto;
    width: max(100% - 16rem, 87.5%)
}

.p-about-feature__intro {
    display: flex;
    justify-content: space-between;
    margin-top: 4.8rem
}

.p-about-feature__intro-catch {
    width: 44.6428571429%
}

.p-about-feature__intro-catch-ja {
    font-size: 2.8rem;
    line-height: 1.43
}

.p-about-feature__intro-catch-en {
    font-size: 1.4rem;
    line-height: 1.29;
    margin-top: 1.6rem
}

.p-about-feature__intro-detail {
    width: 48.6607142857%
}

.p-about-feature__intro-detail-lead {
    font-size: 2rem;
    line-height: 1.4
}

.p-about-feature__intro-detail-body {
    font-size: 1.3rem;
    line-height: 2.31;
    margin-top: 2.8rem
}

.p-about-feature__intro-detail .u-notes {
    margin-top: 4rem
}

.p-about-feature__movie {
    margin-top: 15rem
}

.p-about-feature__contents {
    margin-top: 12rem
}

.p-about-feature__block {
    position: relative
}

.p-about-feature__block:nth-of-type(n+2) {
    margin-top: 10rem;
    padding-top: 11.5rem
}

.p-about-feature__block:nth-of-type(n+2):before {
    background-color: currentColor;
    content: "";
    height: 1px;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%
}

.p-about-feature__block--fermentation {
    display: flex;
    justify-content: space-between
}

.p-about-feature__block--fermentation .p-about-feature__block-heading {
    margin-top: 2rem;
    width: 34.1964285714%
}

.p-about-feature__block--fermentation .p-about-feature__block-contents {
    display: flex;
    width: 47.1428571429%
}

.p-about-feature__block--fermentation .p-about-feature__block-contents-box {
    backface-visibility: visible;
    background-color: rgba(6, 7, 37, .1);
    border: 1px solid hsla(0, 0%, 100%, .7);
    border-radius: 50%;
    height: 0;
    min-width: 53.6931818182%;
    opacity: 0;
    padding-bottom: 53.3143939394%;
    position: relative;
    transform: translateY(8rem) translateZ(8rem) rotateY(140deg)
}

.p-about-feature__block--fermentation .p-about-feature__block-contents-box.fInview--enter {
    opacity: 1;
    transform: translateY(0) translateZ(8rem) rotateY(0deg);
    transition: opacity 1.8s, transform 1.8s cubic-bezier(.215, .61, .355, 1)
}

.p-about-feature__block--fermentation .p-about-feature__block-contents-box.fInview--enter .p-about-feature__block-contents-box-inner {
    opacity: 1;
    transition: opacity 2s
}

.p-about-feature__block--fermentation .p-about-feature__block-contents-box.fInview--enter:nth-of-type(2),
.p-about-feature__block--fermentation .p-about-feature__block-contents-box.fInview--enter:nth-of-type(2) .p-about-feature__block-contents-box-inner {
    transition-delay: .3s
}

.p-about-feature__block--fermentation .p-about-feature__block-contents-box:nth-of-type(2) {
    margin-left: -6.6287878788%
}

.p-about-feature__block--fermentation .p-about-feature__block-contents-box-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-about-feature__block--fermentation .p-about-feature__block-contents-title {
    font-feature-settings: normal;
    font-size: max(2.8rem, 1.875vw);
    letter-spacing: .38em;
    margin-top: 9%;
    writing-mode: vertical-rl
}

.p-about-feature__block--fermentation .p-about-feature__block-contents-detail {
    align-items: center;
    display: flex;
    font-size: max(1.4rem, .9375vw);
    height: 2em;
    line-height: 1.43;
    margin-top: 10.6761565836%;
    text-align: center
}

.p-about-feature__block--microorganisms {
    transform: translateZ(9rem)
}

.p-about-feature__block--microorganisms .p-about-feature__block-contents {
    display: flex;
    justify-content: space-between;
    margin-top: 10.9rem
}

.p-about-feature__block--microorganisms .p-about-feature__block-contents-box {
    width: 48.6607142857%
}

.p-about-feature__block--microorganisms .p-about-feature__block-contents-box .p-about-feature__block-contents-box-inner {
    border: 1px solid hsla(0, 0%, 100%, .1);
    padding: 5rem 5rem 4rem
}

.p-about-feature__block--microorganisms .p-about-feature__block-contents-image {
    aspect-ratio: 1335/852
}

.p-about-feature__block--microorganisms .p-about-feature__block-contents-title {
    align-items: baseline;
    display: flex;
    margin-top: 3.2rem
}

.p-about-feature__block--microorganisms .p-about-feature__block-contents-title-en {
    font-size: 2.5rem
}

.p-about-feature__block--microorganisms .p-about-feature__block-contents-title-ja {
    font-size: 1.2rem;
    margin-left: 1rem
}

.p-about-feature__block--microorganisms .p-about-feature__block-contents-detail {
    font-size: 1.3rem;
    line-height: 2.31;
    margin-top: 2rem
}

.p-about-feature__block-heading-en {
    font-size: 3.2rem
}

.p-about-feature__block-heading-ja {
    font-size: 1.4rem;
    margin-top: 1.4rem
}

.p-about-feature__block-heading-lead {
    font-size: 1.3rem;
    line-height: 2.31;
    margin-top: 4rem
}

.p-about-feature__bottom {
    align-items: center;
    background-color: rgba(0, 0, 0, .1);
    display: flex;
    justify-content: space-between;
    margin-top: 13rem;
    padding: 4rem 4rem 4rem 7rem
}

.p-about-feature__bottom-heading {
    min-width: 40.8910891089%;
    width: 40.8910891089%
}

.p-about-feature__bottom-heading-title {
    font-size: 2rem;
    line-height: 1.6
}

.p-about-feature__bottom-heading-detail {
    font-size: 1.3rem;
    line-height: 2.31;
    margin-top: 2.2rem
}

.p-about-feature__bottom-movie {
    aspect-ratio: 1920/1080;
    width: 48.3168316832%
}

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

    .p-about-feature ::-webkit-full-page-media,
    .p-about-feature :future,
    :root .p-about-feature {
        background-image: none;
        position: relative
    }

    .p-about-feature ::-webkit-full-page-media,
    .p-about-feature :future,
    :root .p-about-feature__bg {
        display: block;
        height: 10rem;
        margin-top: -10rem;
        position: sticky;
        top: 0;
        width: 100%
    }

    .p-about-feature ::-webkit-full-page-media,
    .p-about-feature :future,
    :root .p-about-feature__bg:before {
        background-position: center 65%;
        background-size: cover;
        content: "";
        height: 100vh;
        height: 100lvh;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .p-about-feature__container {
        position: relative;
        width: 84.6153846154%;
        z-index: 1
    }

    .p-about-feature__intro {
        display: block;
        margin-top: 3.1rem
    }

    .p-about-feature__intro-catch {
        width: 100%
    }

    .p-about-feature__intro-catch-ja {
        font-size: 2.2rem;
        line-height: 1.36
    }

    .p-about-feature__intro-catch-en {
        margin-top: .8rem
    }

    .p-about-feature__intro-detail {
        margin-top: 4.8rem;
        width: 100%
    }

    .p-about-feature__intro-detail-lead {
        font-size: 1.8rem;
        line-height: 1.67
    }

    .p-about-feature__intro-detail-body {
        line-height: 2
    }

    .p-about-feature__intro-detail .u-notes {
        margin-top: 3rem
    }

    .p-about-feature__contents,
    .p-about-feature__movie {
        margin-top: 6rem
    }

    .p-about-feature__block:nth-of-type(n+2) {
        margin-top: 6rem;
        padding-top: 5.5rem
    }

    .p-about-feature__block--fermentation {
        display: block
    }

    .p-about-feature__block--fermentation .p-about-feature__block-heading {
        margin-top: 0;
        width: 100%
    }

    .p-about-feature__block--fermentation .p-about-feature__block-contents {
        margin-top: 3.2rem;
        width: 100%
    }

    .p-about-feature__block--fermentation .p-about-feature__block-contents-box {
        min-width: 53.7878787879%;
        padding-bottom: 53.1818181818%
    }

    .p-about-feature__block--fermentation .p-about-feature__block-contents-box:nth-of-type(2) {
        margin-left: -7.5757575758%
    }

    .p-about-feature__block--fermentation .p-about-feature__block-contents-title {
        font-size: 2.3rem;
        letter-spacing: .28em;
        margin-top: 5%
    }

    .p-about-feature__block--fermentation .p-about-feature__block-contents-detail {
        font-size: 1.1rem;
        margin-top: 1.5rem
    }

    .p-about-feature__block--microorganisms .p-about-feature__block-contents {
        display: block;
        margin-top: 4rem
    }

    .p-about-feature__block--microorganisms .p-about-feature__block-contents-box {
        width: 100%
    }

    .p-about-feature__block--microorganisms .p-about-feature__block-contents-box .p-about-feature__block-contents-box-inner {
        padding: 3rem 3rem 3.3rem;
        width: 100%
    }

    .p-about-feature__block--microorganisms .p-about-feature__block-contents-box:nth-of-type(n+2) {
        margin-top: 2rem
    }

    .p-about-feature__block--microorganisms .p-about-feature__block-contents-title {
        margin-top: 2.8rem
    }

    .p-about-feature__block--microorganisms .p-about-feature__block-contents-title-en {
        font-size: 2.2rem
    }

    .p-about-feature__block--microorganisms .p-about-feature__block-contents-detail {
        line-height: 2;
        margin-top: 1rem
    }

    .p-about-feature__block-heading-en {
        font-size: 2.6rem
    }

    .p-about-feature__block-heading-ja {
        font-size: 1.3rem;
        margin-top: .9rem
    }

    .p-about-feature__block-heading-lead {
        line-height: 2;
        margin-top: 3rem
    }

    .p-about-feature__bottom {
        display: block;
        margin-top: 4rem;
        padding: 2.6rem 3rem 3.3rem
    }

    .p-about-feature__bottom-heading {
        min-width: auto;
        width: 100%
    }

    .p-about-feature__bottom-heading-title {
        font-size: 1.6rem;
        line-height: 1.67
    }

    .p-about-feature__bottom-heading-detail {
        font-size: 1.2rem;
        line-height: 2;
        margin-top: 1.1rem
    }

    .p-about-feature__bottom-movie {
        margin-top: 2.3rem;
        width: 100%
    }
}

.p-top-laboratorySection__slide {
    position: relative
}

.p-top-laboratorySection__container {
    background-attachment: fixed;
    background-position: center 65%;
    background-size: cover;
    color: #fff;
    padding: 15rem 0 25rem;
    position: relative
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container {
        background-attachment: scroll;
        margin-top: -1px;
        overflow: hidden;
        padding: 8rem 0 10rem;
        position: relative;
        z-index: 1
    }
}

.p-top-laboratorySection__container-bg {
    bottom: 0;
    position: fixed;
    top: 0
}

.p-top-laboratorySection__container-inner {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    margin: auto;
    padding-bottom: 6.5rem;
    width: max(100% - 16rem, 87.5%)
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner {
        border-bottom: none;
        padding-bottom: 0;
        width: 84.6153846154%
    }
}

.p-top-laboratorySection__container-inner__top {
    align-items: center;
    display: flex;
    font-size: 2rem;
    width: 100%
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__top {
        font-size: 1.6rem
    }
}

.p-top-laboratorySection__container-inner__top:after {
    background-color: currentColor;
    content: "";
    display: block;
    height: 1px;
    margin-left: 1.2rem;
    opacity: .1;
    width: 100%
}

.p-top-laboratorySection__container-inner__contents {
    display: flex;
    justify-content: space-between;
    margin-top: 12rem;
    position: relative
}

.p-top-laboratorySection__container-inner__contents-wrapper {
    display: block
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__contents {
        display: block;
        margin-top: 5rem
    }
}

.p-top-laboratorySection__container-inner__contents-heading {
    min-width: 25.8rem
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__contents-heading {
        min-width: auto;
        width: 19rem
    }
}

.p-top-laboratorySection__container-inner__contents-heading-log {
    aspect-ratio: 258/78
}

.p-top-laboratorySection__container-inner__contents-heading-name {
    font-size: 1.8rem;
    letter-spacing: .06em;
    line-height: 1.22;
    margin-top: 2.3rem
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__contents-heading-name {
        font-size: 1.4rem;
        letter-spacing: .02em;
        line-height: 1.14;
        margin-top: 1.8rem
    }
}

.p-top-laboratorySection__container-inner__contents__info {
    margin-right: 3.2142857143%;
    width: 45.5357142857%
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__contents__info {
        margin-right: 0;
        margin-top: 4.2rem;
        width: 100%
    }
}

.p-top-laboratorySection__container-inner__contents__info-catch {
    font-size: 2.4rem;
    line-height: 1.67
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__contents__info-catch {
        font-size: 2rem;
        letter-spacing: .06em;
        line-height: 1.5
    }
}

.p-top-laboratorySection__container-inner__contents__info-lead {
    font-size: 1.4rem;
    letter-spacing: .1em;
    line-height: 2.14;
    margin-top: 2.2rem
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__contents__info-lead {
        font-size: 1.3rem;
        letter-spacing: .08em;
        line-height: 1.92;
        margin-top: 1.5rem
    }
}

.p-top-laboratorySection__container-inner__contents__info-profile {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: 6rem
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__contents__info-profile {
        margin-top: 4.5rem
    }
}

.p-top-laboratorySection__container-inner__contents__info-profile-image {
    aspect-ratio: 402/423;
    border-radius: .4rem;
    min-width: 13.4rem;
    overflow: hidden;
    width: 13.4rem
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__contents__info-profile-image {
        min-width: 12.2rem;
        width: 12.2rem
    }
}

.p-top-laboratorySection__container-inner__contents__info-profile-bio {
    margin-left: 3rem;
    width: 100%
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__contents__info-profile-bio {
        margin-left: 1.8rem
    }
}

.p-top-laboratorySection__container-inner__contents__info-profile-post {
    font-size: 1.1rem;
    letter-spacing: .1em
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__contents__info-profile-post {
        font-size: 1rem
    }
}

.p-top-laboratorySection__container-inner__contents__info-profile-name {
    font-size: 1.8rem;
    margin-top: .7rem
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__contents__info-profile-name {
        font-size: 1.5rem
    }
}

.p-top-laboratorySection__container-inner__contents__info-profile-detail {
    font-size: 1.2rem;
    letter-spacing: .1em;
    line-height: 1.67;
    margin-top: 1rem
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__contents__info-profile-detail {
        font-size: 1rem;
        line-height: 1.8
    }
}

.p-top-laboratorySection__container-inner__contents .c-linkButtonArrow {
    border-color: #fff;
    font-size: 1.2rem;
    left: 0;
    position: absolute;
    top: 25.3rem;
    width: 17rem
}

@media screen and (max-width:900px) {
    .p-top-laboratorySection__container-inner__contents .c-linkButtonArrow {
        height: 4rem;
        margin-top: 5rem;
        position: static;
        width: 100%
    }
}

.p-top-laboratorySection__container-inner__contents .c-linkButtonArrow svg {
    fill: #fff
}

@media screen and (min-width:900px) {
    .p-top-laboratorySection__container-inner__contents .c-linkButtonArrow:hover {
        background: #fff;
        color: #060725
    }

    .p-top-laboratorySection__container-inner__contents .c-linkButtonArrow:hover svg {
        fill: #060725
    }
}

.p-top-topNewsSection {
    overflow: hidden;
    padding: 20rem 0;
    position: relative
}

@media screen and (max-width:900px) {
    .p-top-topNewsSection {
        padding: 10rem 0
    }
}

.p-top-topNewsSection__bgImage {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-top-topNewsSection__bgImage img {
    height: 101%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 150%;
}

.p-top-topNewsSection__heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: auto auto 8.4rem;
    position: relative;
    width: max(100% - 16rem, 87.5%)
}

@media screen and (max-width:900px) {
    .p-top-topNewsSection__heading {
        margin-bottom: 4rem
    }
}

.p-top-topNewsSection__heading .c-heading {
    font-size: 5rem
}

.p-top-topNewsSection__heading .c-heading--h1 {
    -webkit-background-clip: text;
    background-clip: text;
    background-position: 85% 0;
    background-size: 900% auto;
}

.p-top-topNewsSection__heading .c-heading__inview {
    background-position: 31% 0;
    opacity: 1;
    transition: opacity 1.65s cubic-bezier(.39, .575, .565, 1), background-position 1.65s cubic-bezier(.4, .32, 1, 1);
}

@media screen and (max-width:900px) {
    .p-top-topNewsSection__heading .c-heading {
        font-size: 3rem
    }
}

.p-top-topNewsSection__heading .c-linkButtonArrow {
    border-color: #000;
    color: #000;
    width: 17rem
}

@media screen and (max-width:900px) {
    .p-top-topNewsSection__heading .c-linkButtonArrow {
        width: 14rem
    }
}

.p-top-topNewsSection__heading .c-linkButtonArrow svg {
    fill: #000;
}

@media screen and (min-width:900px) {
    .p-top-topNewsSection__heading .c-linkButtonArrow:hover {
        background-color: #fff;
        color: #060725
    }

    .p-top-topNewsSection__heading .c-linkButtonArrow:hover svg {
        fill: #060725
    }
}

.p-top-topNewsSection__contents {
    -webkit-mask-image: linear-gradient(270deg, transparent 35%, #000 50%, #000);
    mask-image: linear-gradient(270deg, transparent 35%, #000 50%, #000);
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 250% 100%;
    mask-size: 250% 100%;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transform: translateX(12rem);
    width: 100%
}

.p-top-topNewsSection__contents--inView {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    transition: opacity 2s cubic-bezier(.25, .46, .45, .94), transform 2s cubic-bezier(.215, .61, .355, 1), -webkit-mask-position 2s cubic-bezier(.39, .575, .565, 1);
    transition: opacity 2s cubic-bezier(.25, .46, .45, .94), transform 2s cubic-bezier(.215, .61, .355, 1), mask-position 2s cubic-bezier(.39, .575, .565, 1);
    transition: opacity 2s cubic-bezier(.25, .46, .45, .94), transform 2s cubic-bezier(.215, .61, .355, 1), mask-position 2s cubic-bezier(.39, .575, .565, 1), -webkit-mask-position 2s cubic-bezier(.39, .575, .565, 1)
}

.p-top-newsSlide-swiper {
    color: #fff;
    padding: 0 min(8rem, 6.25%);
    width: 100%
}

.p-top-newsSlide-swiper .swiper-wrapper {
    align-items: stretch;
    height: auto;
}

.p-top-newsSlide-swiper-slide {
    width: 31.5178571429%;
}

.p-top-newsSlide-swiper-slide:not(:last-of-type) {
    margin-right: 2.6785714286%
}

@media screen and (max-width:900px) {
    .p-top-newsSlide-swiper-slide {
        width: 84.8484848485%
    }

    .p-top-newsSlide-swiper-slide:not(:last-of-type) {
        margin-right: 9.0909090909%
    }

    .p-top-newsSlide-swiper {
        padding: 0 7.6923076923%
    }
}

.p-top-newsSlide__card {
    align-items: flex-start;
    border: 1px solid #000000;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    padding: min(4rem, 11.3314447592%);
    transition: background-color .38s, border-color .38s;
    width: 100%
}

@media screen and (max-width:900px) {
    .p-top-newsSlide__card {
        padding: 3rem
    }
}

.p-top-newsSlide__card-date {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    opacity: .5;
    color: #000000;
}

.p-top-newsSlide__card-title {
    font-size: 1.3rem;
    letter-spacing: .1em;
    line-height: 1.54;
    color: #000000;
}

.p-top-newsSlide__card-bottom {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 2.5rem;
    width: 100%
}

.p-top-newsSlide__card-bottom:before {
    background-color: #000000;
    content: "";
    display: block;
    height: 1px;
    margin-right: .9rem;
    opacity: .1;
    width: 100%
}

.p-top-newsSlide__card-bottom .c-link {
    font-size: 1.1rem;
    white-space: nowrap
}

.p-top-newsSlide__card-bottom .c-link span {
    padding-right: 14px;
    color: #000000;
}

@media screen and (min-width:900px) {
    .p-top-newsSlide__card:hover {
        background-color: hsla(0, 0%, 100%, .05);
        border-color: hsla(0, 0%, 100%, .2)
    }
}

.c-page-topic-card {
    align-items: flex-start;
    border: 1px solid hsla(0, 0%, 100%, .1);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    opacity: 0;
    overflow: hidden;
    transition: background-color .38s, border-color .38s;
    width: 100%
}

.c-page-topic-card--inView {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 1.3s
}

@media screen and (min-width: 900px) {
    .c-page-topic-card:hover .c-page-topic-card-image {
        transform: scale(1.07)
    }
}

.c-page-topic-card-image {
    aspect-ratio: 1059/1371;
    transition: transform 1.25s cubic-bezier(.215, .61, .355, 1);
    will-change: transform
}

.c-page-topic-card-image>img,
.c-page-topic-card-image>svg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-page-topic-card-image__container {
    aspect-ratio: 1059/1371;
    margin-bottom: 3rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width: 900px) {
    .c-page-topic-card-image__container {
        margin-bottom: 1.5rem
    }
}

.c-page-topic-card-date {
    font-size: 1.2rem;
    margin-bottom: 1.3rem;
    opacity: .5
}

.c-page-topic-card-title {
    flex: auto;
    font-size: 1.3rem;
    line-height: 1.54
}

@media screen and (max-width: 900px) {
    .c-page-topic-card-title {
        font-size: 1.2rem;
        line-height: 1.5;
        margin-top: .6rem
    }
}


.p-top-vision {
    margin: 10rem 0;
}

.p-top-visionCon {
    opacity: 0;
}


.p-top-visionCon.fInview--enter {
    opacity: 1;
    transition: opacity 2s
}

.p-top-vision h2 {
    font-weight: 400;
    font-size: 56px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 4%;
}

.p-top-vision p {
    font-weight: 400;
    font-size: 28px;
    line-height: 45px;
    text-align: center;
}

.c-product-productCard {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    width: 100%
}

.c-product-productCard--lg {
    padding: 9.6rem 0 5rem
}

.c-product-productCard--sm {
    padding: 4rem 0 2rem
}

@media screen and (min-width: 900px) {
    .c-product-productCard__text--hover {
        color: #fff
    }
}

.c-product-productCard__tag {
    background-color: #060725;
    border-radius: 10rem;
    color: #fff;
    font-size: 1rem;
    left: 50%;
    margin: auto;
    opacity: 0;
    padding: .75em 1.6em;
    position: absolute;
    top: 6rem;
    transform: translateX(-50%);
    transition: opacity 1.3s;
    transition-delay: .38s;
    white-space: nowrap;
    z-index: 2
}

.c-product-productCard__tag--sm {
    top: 1rem
}

.c-product-productCard__tag--inview {
    opacity: 1
}

.c-product-productCard__name {
    flex: auto;
    font-size: 2.2rem;
    line-height: 1.14;
    padding: 0 1.2rem;
    text-align: center;
    z-index: 2
}

.c-product-productCard__name .char {
    opacity: 0;
    transition: opacity 1.3s
}

.c-product-productCard__name .char:nth-of-type(2) {
    transition-delay: 30ms
}

.c-product-productCard__name .char:nth-of-type(3) {
    transition-delay: 45ms
}

.c-product-productCard__name .char:nth-of-type(4) {
    transition-delay: 60ms
}

.c-product-productCard__name .char:nth-of-type(5) {
    transition-delay: 75ms
}

.c-product-productCard__name .char:nth-of-type(6) {
    transition-delay: 90ms
}

.c-product-productCard__name .char:nth-of-type(7) {
    transition-delay: 105ms
}

.c-product-productCard__name .char:nth-of-type(8) {
    transition-delay: .12s
}

.c-product-productCard__name .char:nth-of-type(9) {
    transition-delay: 135ms
}

.c-product-productCard__name .char:nth-of-type(10) {
    transition-delay: .15s
}

.c-product-productCard__name .char:nth-of-type(11) {
    transition-delay: 165ms
}

.c-product-productCard__name .char:nth-of-type(12) {
    transition-delay: .18s
}

.c-product-productCard__name .char:nth-of-type(13) {
    transition-delay: 195ms
}

.c-product-productCard__name .char:nth-of-type(14) {
    transition-delay: .21s
}

.c-product-productCard__name .char:nth-of-type(15) {
    transition-delay: 225ms
}

.c-product-productCard__name .char:nth-of-type(16) {
    transition-delay: .24s
}

.c-product-productCard__name .char:nth-of-type(17) {
    transition-delay: 255ms
}

.c-product-productCard__name .char:nth-of-type(18) {
    transition-delay: .27s
}

.c-product-productCard__name .char:nth-of-type(19) {
    transition-delay: 285ms
}

.c-product-productCard__name .char:nth-of-type(20) {
    transition-delay: .3s
}

.c-product-productCard__name .char:nth-of-type(21) {
    transition-delay: 315ms
}

.c-product-productCard__name .char:nth-of-type(22) {
    transition-delay: .33s
}

.c-product-productCard__name .char:nth-of-type(23) {
    transition-delay: 345ms
}

.c-product-productCard__name .char:nth-of-type(24) {
    transition-delay: .36s
}

.c-product-productCard__name .char:nth-of-type(25) {
    transition-delay: 375ms
}

.c-product-productCard__name .char:nth-of-type(26) {
    transition-delay: .39s
}

.c-product-productCard__name .char:nth-of-type(27) {
    transition-delay: 405ms
}

.c-product-productCard__name .char:nth-of-type(28) {
    transition-delay: .42s
}

.c-product-productCard__name .char:nth-of-type(29) {
    transition-delay: 435ms
}

.c-product-productCard__name .char:nth-of-type(30) {
    transition-delay: .45s
}

.c-product-productCard__name .char:nth-of-type(31) {
    transition-delay: 465ms
}

.c-product-productCard__name .char:nth-of-type(32) {
    transition-delay: .48s
}

.c-product-productCard__name .char:nth-of-type(33) {
    transition-delay: 495ms
}

.c-product-productCard__name .char:nth-of-type(34) {
    transition-delay: .51s
}

.c-product-productCard__name .char:nth-of-type(35) {
    transition-delay: 525ms
}

.c-product-productCard__name .char:nth-of-type(36) {
    transition-delay: .54s
}

.c-product-productCard__name .char:nth-of-type(37) {
    transition-delay: 555ms
}

.c-product-productCard__name .char:nth-of-type(38) {
    transition-delay: .57s
}

.c-product-productCard__name .char:nth-of-type(39) {
    transition-delay: 585ms
}

.c-product-productCard__name .char:nth-of-type(40) {
    transition-delay: .6s
}

.c-product-productCard__name .char:nth-of-type(41) {
    transition-delay: 615ms
}

.c-product-productCard__name .char:nth-of-type(42) {
    transition-delay: .63s
}

.c-product-productCard__name .char:nth-of-type(43) {
    transition-delay: 645ms
}

.c-product-productCard__name .char:nth-of-type(44) {
    transition-delay: .66s
}

.c-product-productCard__name .char:nth-of-type(45) {
    transition-delay: 675ms
}

.c-product-productCard__name .char:nth-of-type(46) {
    transition-delay: .69s
}

.c-product-productCard__name .char:nth-of-type(47) {
    transition-delay: 705ms
}

.c-product-productCard__name .char:nth-of-type(48) {
    transition-delay: .72s
}

.c-product-productCard__name .char:nth-of-type(49) {
    transition-delay: 735ms
}

.c-product-productCard__name .char:nth-of-type(50) {
    transition-delay: .75s
}

.c-product-productCard__name--inview .char {
    opacity: 1
}

.c-product-productCard__ruby {
    flex: auto;
    font-size: 1.2rem;
    line-height: 1.67;
    margin-top: .3rem;
    opacity: 0;
    padding: 0 2rem;
    text-align: center;
    transition: opacity 1.3s;
    transition-delay: .38s;
    z-index: 2
}

.c-product-productCard__ruby--inview {
    opacity: 1
}

.c-product-productCard__bg {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(1.08);
    transition: opacity .8s cubic-bezier(.215, .61, .355, 1), transform .8s cubic-bezier(.25, .46, .45, .94);
    width: 100%;
    z-index: 1
}

.c-product-productCard__bg img,
.c-product-productCard__bg video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (min-width: 900px) {
    .c-product-productCard__bg--hover {
        opacity: 1;
        transform: scale(1)
    }
}

.c-product-productCard__content {
    aspect-ratio: 124/159;
    flex: none;
    margin: min(5rem, 11.7096018735%) auto 0;
    width: 58.0796252927%
}

.c-product-productCard__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    transform: translateY(6rem);
    width: 100%
}

.c-product-productCard__image--inview {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 1.3s, transform 1.3s cubic-bezier(.23, 1, .32, 1);
    transition-delay: .38s
}

.c-product-productCard__price {
    font-size: 1.5rem;
    letter-spacing: .05em;
    line-height: 1.54;
    margin-top: min(2.4rem, 5.6206088993%);
    text-align: center;
    z-index: 2
}

.c-product-productCard__price,
.c-product-productCard__price--main,
.c-product-productCard__price--tax {
    display: inline-block;
    margin-right: .4rem
}

.c-product-productCard__price--tax {
    font-size: .6666666667em
}

.c-product-productCard__price--option {
    display: inline-block;
    font-size: .7333333333em;
    letter-spacing: .05em
}

@media screen and (max-width: 900px) {
    .c-product-productCard__price--option-bar {
        display: none
    }
}

.c-product-productCard__price--capacity {
    display: block;
    font-size: .7692307692em
}


.topSlide .swiper-slide {
    position: relative;
    width: 100%;
    mask-image: url('data:image/webp;base64,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');
    mask-size: 300% 600%;
    mask-position: 66.7% 0%;
}

/*.topSlide .swiper-slide:not(.is_visible) {
    opacity: 0;
    visibility: hidden
}*/


.topSlide .swiper-slide.is_zoom {
    animation: WZ 2s ease-in-out;
}

.topSlide .swiper-slide .l-fullImage{
    display: block;
/*    transition: scale 9s linear;*/
/*    animation: FD 50s infinite linear;*/
}

@keyframes WZ {
    from {
        mask-position: 0% 0%;
    }

    to {
        mask-position: 66.7% 0%;
    }
}

/*@keyframes FD {
    from {
        transform: scale(1.0);
    }

    to {
        transform: scale(1.3);
    }
}
*/
@media screen and (max-width: 900px) {
    .c-product-productCard {
        padding: 4.2rem 0 3rem
    }

    .c-product-productCard--sm {
        padding-bottom: 1rem
    }

    .c-product-productCard__tag {
        top: 1.6rem;
        transform: scale(.73) translateX(-50%);
        transform-origin: left top
    }

    .c-product-productCard__name {
        font-size: 1.2rem
    }

    .c-product-productCard__ruby {
        font-size: 1rem
    }

    .c-product-productCard__price {
        font-size: 1.3rem;
        margin-top: 1.5rem
    }

    .c-product-productCard__price--tax {
        font-size: .7692307692em;
        margin-right: 0
    }

    .c-product-productCard__price--option {
        display: block !important;
        font-size: .7692307692em
    }

    .p-top-topicSlide .swiper-wrapper {
        height: auto;
    }

    .c-footer-genreLinks__heading {
        text-align: center;
        margin-bottom: 2%;
    }
}