*,
::after,
::before {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-scroll-snap-strictness: proximity;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-scroll-snap-strictness: proximity;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000
}

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

::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;
	background: #000;
}

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;
	padding: 0
}

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%;
	height: auto
}

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

.container {
	width: 100%
}

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

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

.visible {
	visibility: visible
}

.collapse {
	visibility: collapse
}

.static {
	position: static
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.sticky {
	position: sticky
}

.bottom-0 {
	bottom: 0
}

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

.left-0 {
	left: 0
}

.left-1\/3 {
	left: 33.333333%
}

.left-2\/3 {
	left: 66.666667%
}

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

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

.top-0 {
	top: 0
}

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

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

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

.z-10 {
	z-index: 10
}

.z-\[100\] {
	z-index: 100
}

.z-\[10\] {
	z-index: 10
}

.z-\[1\] {
	z-index: 1
}

.z-\[3\] {
	z-index: 3
}

.z-\[5\] {
	z-index: 5
}

.z-\[6\] {
	z-index: 6
}

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

.mb-0 {
	margin-bottom: 0
}

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

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

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

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

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

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

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

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

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

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

.ml-auto {
	margin-left: auto
}

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

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

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

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

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

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

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

.\!block {
	display: block !important
}

.block {
	display: block
}

.inline-block {
	display: inline-block
}

.flex {
	display: flex
}

.inline-flex {
	display: inline-flex
}

.table {
	display: table
}

.grid {
	display: grid
}

.hidden {
	display: none
}

.h-\[100vh\] {
	height: 100vh
}

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

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

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

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

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

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

.h-full {
	height: 100%
}

.h-screen {
	height: 100vh
}

.min-h-screen {
	min-height: 100vh
}

.\!w-1\/3 {
	width: 33.333333% !important
}

.w-1\/3 {
	width: 33.333333%
}

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

.w-\[121\.64px\] {
	width: 121.64px
}

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

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

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

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

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

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

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

.w-\[calc\(100\%-98px-24px\)\] {
	width: calc(100% - 98px - 24px)
}

.w-\[calc\(1094\/1440\*100\%\)\] {
	width: calc(1094 / 1440 * 100%)
}

.w-\[calc\(1320\/1440\*100\%\)\] {
	width: calc(1320 / 1440 * 100%)
}

.w-\[calc\(432\/480\*100\%\)\] {
	width: calc(432 / 480 * 100%)
}

.w-full {
	width: 100%
}

.w-screen {
	width: 100vw
}

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

.flex-shrink {
	flex-shrink: 1
}

.border-collapse {
	border-collapse: collapse
}

.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))
}

.cursor-pointer {
	cursor: pointer
}

.resize {
	resize: both
}

.flex-wrap {
	flex-wrap: wrap
}

.items-center {
	align-items: center
}

.justify-center {
	justify-content: center
}

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

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

.overflow-hidden {
	overflow: hidden
}

.rounded-\[4px\] {
	border-radius: 4px
}

.border {
	border-width: 1px
}

.border-\[1px\] {
	border-width: 1px
}

.border-b-\[1px\] {
	border-bottom-width: 1px
}

.border-solid {
	border-style: solid
}

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

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

.bg-\[rgba\(0\2c 0\2c 0\2c \.4\)\] {
	background-color: rgba(0, 0, 0, .4)
}

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

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

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

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

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

.bg-unityGray {
	--tw-bg-opacity: 1;
	background-color: rgb(159 160 160 / var(--tw-bg-opacity, 1))
}

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

.bg-\[linear-gradient\(to_bottom\2c rgba\(0\2c 0\2c 0\2c 0\)\2c rgba\(0\2c 0\2c 0\2c 1\)\)\] {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000)
}

.bg-fixed {
	background-attachment: fixed
}

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

.p-1 {
	padding: .25rem
}

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

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

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

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

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

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

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

.pt-\[calc\(120px\)\] {
	padding-top: calc(120px)
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

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

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

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

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

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

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

.font-bold {
	font-weight: 700
}

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

.leading-\[160\%\] {
	line-height: 160%
}

.leading-\[180\%\] {
	line-height: 180%
}

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

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

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

.shadow {
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.blur {
	--tw-blur: blur(8px);
	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)
}

.grayscale {
	--tw-grayscale: grayscale(100%);
	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)
}

.invert {
	--tw-invert: invert(100%);
	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)
}

.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)
}

.transition {
	transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: 150ms
}

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

.sp-top-\[64\] {
	top: calc(64 / 393 * 100vw)
}

.sp-w-\[109\.46\] {
	width: calc(109.46 / 393 * 100vw)
}

.sp-w-\[158\.63\] {
	width: calc(158.63 / 393 * 100vw)
}

.sp-w-\[40\] {
	width: calc(40 / 393 * 100vw)
}

.sp-w-\[72\] {
	width: calc(72 / 393 * 100vw)
}

@font-face {
	font-family: swiper-icons;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
	touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
	content: "";
	flex-shrink: 0;
	order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "next"
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube {
	overflow: visible
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
	z-index: 0;
	backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	content: "";
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px)
}

.swiper-flip {
	overflow: visible
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
	z-index: 0;
	backface-visibility: hidden
}

.swiper-creative .swiper-slide {
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height
}

.swiper-cards {
	overflow: visible
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	backface-visibility: hidden;
	overflow: hidden
}

body {
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
	line-height: 1;
	box-sizing: border-box
}

body * {
	margin: 0;
	padding: 0
}

body *,
body ::after,
body ::before {
	box-sizing: inherit
}

body a,
body abbr,
body acronym,
body address,
body applet,
body article,
body aside,
body audio,
body b,
body big,
body blockquote,
body canvas,
body caption,
body center,
body cite,
body code,
body dd,
body del,
body details,
body dfn,
body div,
body dl,
body dt,
body em,
body embed,
body fieldset,
body figcaption,
body figure,
body footer,
body form,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body header,
body hgroup,
body i,
body iframe,
body img,
body ins,
body kbd,
body label,
body legend,
body li,
body mark,
body menu,
body nav,
body object,
body ol,
body output,
body p,
body pre,
body q,
body ruby,
body s,
body samp,
body section,
body small,
body span,
body strike,
body strong,
body sub,
body summary,
body sup,
body table,
body tbody,
body td,
body tfoot,
body th,
body thead,
body time,
body tr,
body tt,
body u,
body ul,
body var,
body video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}

body article,
body aside,
body details,
body figcaption,
body figure,
body footer,
body header,
body hgroup,
body menu,
body nav,
body section {
	display: block
}

body ol,
body ul {
	list-style: none
}

body blockquote,
body q {
	quotes: none
}

body blockquote:after,
body blockquote:before,
body q:after,
body q:before {
	content: none
}

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

body img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block
}

body a {
	text-decoration: none
}

body svg {
	height: auto;
	width: 100%
}

.noto-sans-jp {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal
}

.noto-sans-jp-bold {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 600
}

.special-gothic {
	font-family: "Special Gothic", sans-serif;
	font-style: normal;
	font-variation-settings: "wdth"100
}

.special-gothic-bold {
	font-family: "Special Gothic", sans-serif;
	font-style: normal;
	font-variation-settings: "wdth"100;
	font-weight: 600
}

@media screen and (max-width:749px) {
	body .sm\:center-xy {
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0)
	}

	body .sm\:center-y {
		top: 50%;
		transform: translate3d(0, -50%, 0)
	}

	body .sm\:center-x {
		left: 50%;
		transform: translate3d(-50%, 0, 0)
	}
}

@media screen and (min-width:750px) {
	body .center-xy {
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0)
	}

	body .center-y {
		top: 50%;
		transform: translate3d(0, -50%, 0)
	}

	body .center-x {
		left: 50%;
		transform: translate3d(-50%, 0, 0)
	}
}

@keyframes lr-s {
	0% {
		transform: translateX(0)
	}

	60% {
		transform: translateX(-15px)
	}

	70% {
		transform: translateX(15px)
	}

	80% {
		transform: translateX(-10px)
	}

	90% {
		transform: translateX(5px)
	}

	100% {
		transform: translateX(0)
	}
}

@keyframes flash {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

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

	100% {
		transform: rotate(360deg)
	}
}

@keyframes scrollBar {
	0% {
		transform: translate3d(0, 0, 0)
	}

	30% {
		transform: translate3d(0, 100%, 0)
	}

	40% {
		opacity: 0;
		transform: translate3d(0, 100%, 0)
	}

	40.001% {
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}

	40.002% {
		opacity: 1;
		transform: translate3d(0, -100%, 0)
	}

	70% {
		transform: translate3d(0, 0, 0)
	}

	100% {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes clipShow {
	0% {
		position: relative;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		transform: translate3d(0, 0, 0);
		z-index: 1
	}

	100% {
		position: relative;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		transform: translate3d(0, -50px, 0);
		z-index: 1
	}
}

@keyframes clipShowHorizontal {
	0% {
		position: relative;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		transform: translate3d(0, 0, 0);
		z-index: 1
	}

	100% {
		position: relative;
		-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
		clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
		transform: translate3d(-50px, 0, 0);
		z-index: 1
	}
}

@keyframes clipShow_ {
	0% {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transform: translate3d(0, 50px, 0)
	}

	100% {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transform: translate3d(0, 0, 0)
	}
}

@keyframes clipShow_Horizontal {
	0% {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transform: translate3d(50px, 0, 0)
	}

	100% {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transform: translate3d(0, 0, 0)
	}
}

.ryo-gothic-plusn {
	font-family: ryo-gothic-plusn, sans-serif;
	font-weight: 400;
	font-style: normal
}

.ryo-gothic-plusn-bold {
	font-family: ryo-gothic-plusn, sans-serif;
	font-weight: 700;
	font-style: normal
}

.inter {
	font-family: Inter, sans-serif;
	font-optical-sizing: auto;
	font-style: normal
}

.inter-bold {
	font-family: Inter, sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal
}

.inter-black {
	font-family: Inter, sans-serif;
	font-weight: 900;
	font-optical-sizing: auto;
	font-style: normal
}

#root {
	opacity: 0;
	will-change: opacity;
	transition: opacity .3s cubic-bezier(.25, .46, .45, .94)
}

#root.loaded {
	opacity: 1
}

.page,
.post {
	margin: 0
}

body {
	margin: 0;
	font-family: ryo-gothic-plusn, sans-serif;
	font-weight: 400;
	font-style: normal
}

body ::-moz-selection {
	color: #fff;
	background-color: #000
}

body ::selection {
	color: #fff;
	background-color: #000
}

.back-bg {
	visibility: hidden
}

.back-bg.active {
	visibility: visible
}

.gif.horizontal.is-frame-0 img,
.gif.horizontal.is-frame-1 img {
	position: relative;
	transform: translate3d(50px, 0, 0);
	will-change: clip-path
}

.gif.horizontal.is-frame-0 img:nth-child(1) {
	animation: clipShow_Horizontal 1s cubic-bezier(.86, -.01, .02, 1.01) forwards
}

.gif.horizontal.is-frame-0 img:nth-child(2) {
	animation: clipShowHorizontal 1s cubic-bezier(.86, -.01, .02, 1.01) forwards
}

.gif.horizontal.is-frame-1 img:nth-child(1) {
	animation: clipShowHorizontal 1s cubic-bezier(.86, -.01, .02, 1.01) forwards
}

.gif.horizontal.is-frame-1 img:nth-child(2) {
	animation: clipShow_Horizontal 1s cubic-bezier(.86, -.01, .02, 1.01) forwards
}

.gif.is-frame-0 img,
.gif.is-frame-1 img {
	position: relative;
	transform: translate3d(0, 50px, 0);
	will-change: clip-path
}

.gif.is-frame-0 img:nth-child(1) {
	animation: clipShow_ 1s cubic-bezier(.86, -.01, .02, 1.01) forwards
}

.gif.is-frame-0 img:nth-child(2) {
	animation: clipShow 1s cubic-bezier(.86, -.01, .02, 1.01) forwards
}

.gif.is-frame-1 img:nth-child(1) {
	animation: clipShow 1s cubic-bezier(.86, -.01, .02, 1.01) forwards
}

.gif.is-frame-1 img:nth-child(2) {
	animation: clipShow_ 1s cubic-bezier(.86, -.01, .02, 1.01) forwards
}

.gif {
	position: relative
}

.gif img {
	position: relative
}

.gif img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

@media screen and (max-width:749px) {
	#root.loaded section#top .kv {
		opacity: 1;
		transform: scale(1)
	}

	#root #scroll-bar div {
		position: relative
	}

	#root #scroll-bar div::before {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%) scale(1) rotate(0);
		content: "";
		height: calc(100% + 2px);
		width: calc(100% + 2px);
		border: 1px solid #fff;
		opacity: 0;
		will-change: opacity;
		transition: opacity .3s cubic-bezier(.25, .46, .45, .94)
	}

	#root .swiper-button-prev .title-wrap {
		padding-left: 5.0890585242vw
	}

	#root .swiper-button-prev .title-wrap .title {
		transform: translate3d(-2.5445292621vw, -50%, 0)
	}

	#root .swiper-button-next .title-wrap {
		padding-right: 5.0890585242vw;
		justify-content: flex-end
	}

	#root .swiper-button-next .title-wrap .title {
		transform: translate3d(2.5445292621vw, -50%, 0)
	}

	#root .swiper-button-next,
	#root .swiper-button-prev {
		position: relative;
		height: auto;
		top: auto;
		left: auto;
		right: auto;
		margin: 0;
		width: auto
	}

	#root .swiper-button-next .title-wrap,
	#root .swiper-button-prev .title-wrap {
		position: relative;
		display: flex;
		align-items: center;
		width: 21.8829516539vw
	}

	#root .swiper-button-next .title-wrap .title,
	#root .swiper-button-prev .title-wrap .title {
		position: absolute;
		top: 50%;
		opacity: 0;
		will-change: transform, opacity;
		transition: opacity .2s cubic-bezier(.25, .46, .45, .94), transform .2s cubic-bezier(.19, 1, .22, 1)
	}

	#root .swiper-button-next .title-wrap .title.active,
	#root .swiper-button-prev .title-wrap .title.active {
		opacity: 1;
		transform: translate3d(0, -50%, 0);
		transition: opacity .3s cubic-bezier(.25, .46, .45, .94) .2s, transform .3s cubic-bezier(.19, 1, .22, 1) .2s
	}

	#root .swiper-button-next .title-wrap .title svg,
	#root .swiper-button-prev .title-wrap .title svg {
		height: 2.5445292621vw;
		width: auto;
		visibility: visible
	}

	#root .swiper-button-next .title-wrap .title:nth-child(1),
	#root .swiper-button-prev .title-wrap .title:nth-child(1) {
		position: relative;
		top: auto;
		transform: initial
	}

	#root .swiper-button-next img,
	#root .swiper-button-prev img {
		height: 4.0712468193vw;
		width: auto;
		max-width: initial
	}

	#root .swiper-button-next::after,
	#root .swiper-button-prev::after {
		display: none
	}

	#root .swiper-block {
		will-change: background-color;
		transition: background-color .5s cubic-bezier(.25, .46, .45, .94)
	}

	#root .swiper-block.sm\:bg-unityGray #scroll-bar div:nth-child(1)::before {
		opacity: 1
	}

	#root .swiper-block.sm\:bg-white #scroll-bar div::before {
		border: 1px solid #dcdcdc
	}

	#root .swiper-block.sm\:bg-white #scroll-bar div:nth-child(2)::before {
		opacity: 1
	}

	#root .swiper-block.sm\:bg-black #scroll-bar div:nth-child(3)::before {
		opacity: 1
	}

	#root .swiper-block.sm\:bg-black .icon svg path {
		fill: #fff
	}

	#root .swiper-block .icon {
		width: 2.3748091603vw
	}

	#root .swiper-block .icon svg path {
		fill: #000;
		will-change: fill;
		transition: fill .3s cubic-bezier(.25, .46, .45, .94)
	}

	#root .text-cover.vertical.active .text-cover-slide {
		height: 100%;
		transform: translate3d(0, 101%, 0)
	}

	#root .text-cover.vertical .text-cover-slide {
		height: 0;
		width: 100%;
		transform: translate3d(0, 0, 0);
		will-change: transform, height;
		transition: height .3s cubic-bezier(.19, 1, .22, 1), transform .3s cubic-bezier(.19, 1, .22, 1) .3s
	}

	#root .text-cover.active .text-cover-slide {
		width: 100%;
		transform: translate3d(101%, 0, 0)
	}

	#root .text-cover.active .text-cover-content .text {
		visibility: visible
	}

	#root .text-cover-slide {
		width: 0;
		transform: translate3d(0, 0, 0);
		will-change: transform, width;
		transition: width .3s cubic-bezier(.19, 1, .22, 1), transform .3s cubic-bezier(.19, 1, .22, 1) .35s
	}

	#root .text-cover-content .text {
		visibility: hidden;
		transition: visibility 0s .3s
	}

	#root .buy {
		will-change: background-color, color;
		transition: background-color .5s cubic-bezier(.25, .46, .45, .94), color .5s cubic-bezier(.25, .46, .45, .94)
	}

	#root .official-site {
		will-change: color;
		transition: color .5s cubic-bezier(.25, .46, .45, .94)
	}

	#root .official-site:active .bar {
		transform: translate3d(0, 0, 0)
	}

	#root .official-site:active svg path {
		fill: #6a6a6a
	}

	#root .official-site .bar {
		will-change: transform;
		transition: transform .5s cubic-bezier(.19, 1, .22, 1);
		transform: translate3d(-101%, 0, 0)
	}

	#root .modal {
		opacity: 0;
		visibility: hidden;
		will-change: opacity;
		transition: opacity .5s cubic-bezier(.25, .46, .45, .94), visibility 0s .5s
	}

	#root .modal.active {
		opacity: 1;
		visibility: visible;
		transition: opacity .5s cubic-bezier(.25, .46, .45, .94), visibility 0s 0s
	}

	#root .rotation {
		animation: rotation 10s linear infinite
	}

	#root #title-wrap h2.active svg {
		opacity: 1;
		transition: opacity .3s cubic-bezier(.25, .46, .45, .94) .3s
	}

	#root #title-wrap h2 svg {
		opacity: 0;
		will-change: opacity, transform;
		transition: opacity .3s cubic-bezier(.25, .46, .45, .94)
	}

	#root #scrollbar div {
		animation: scrollBar 3.5s cubic-bezier(.75, 0, .6, 1) infinite
	}

	#root section#title.active h1 .g1 {
		opacity: 1
	}

	#root section#title.active h1 .g2 path {
		opacity: 1
	}

	#root section#title.active h1 .g3 {
		opacity: 1
	}

	#root section#title h1 .g1 {
		opacity: 0;
		transition: opacity 0s 0s
	}

	#root section#title h1 .g2 path {
		opacity: 0
	}

	#root section#title h1 .g2 path.order1 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .25s
	}

	#root section#title h1 .g2 path.order2 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .3s
	}

	#root section#title h1 .g2 path.order3 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .35s
	}

	#root section#title h1 .g2 path.order4 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .4s
	}

	#root section#title h1 .g2 path.order5 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .45s
	}

	#root section#title h1 .g2 path.order6 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .5s
	}

	#root section#title h1 .g2 path.order7 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .55s
	}

	#root section#title h1 .g2 path.order8 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .6s
	}

	#root section#title h1 .g2 path.order9 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .65s
	}

	#root section#title h1 .g2 path.order10 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .7s
	}

	#root section#title h1 .g2 path.order11 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .75s
	}

	#root section#title h1 .g2 path.order12 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .8s
	}

	#root section#title h1 .g2 path.order13 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .85s
	}

	#root section#title h1 .g2 path.order14 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .9s
	}

	#root section#title h1 .g2 path.order15 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .95s
	}

	#root section#title h1 .g3 {
		opacity: 0;
		transition: opacity 0s 1s
	}

	#root section#top .kv {
		opacity: 0;
		transform: scale(1.2347222222);
		will-change: transform, opacity;
		transition: transform 3s cubic-bezier(.19, 1, .22, 1), opacity 3s cubic-bezier(.19, 1, .22, 1)
	}

	#root section#item .tagline {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		will-change: clip-path
	}

	#root section#item .tagline img {
		opacity: 0;
		will-change: opacity, transform
	}

	#root section#item .tagline.active {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
	}

	#root section#item .tagline.active img {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}

	#root section#item .tagline.tagline1 {
		transition: -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94);
		transition: clip-path 1s cubic-bezier(.25, .46, .45, .94);
		transition: clip-path 1s cubic-bezier(.25, .46, .45, .94), -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94)
	}

	#root section#item .tagline.tagline1 img {
		transition: opacity 1s cubic-bezier(.25, .46, .45, .94) .2s, transform 1s cubic-bezier(.25, .46, .45, .94) .2s
	}

	#root section#item .tagline.tagline2 {
		transition: -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94) .1s;
		transition: clip-path 1s cubic-bezier(.25, .46, .45, .94) .1s;
		transition: clip-path 1s cubic-bezier(.25, .46, .45, .94) .1s, -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94) .1s
	}

	#root section#item .tagline.tagline2 img {
		transition: opacity 1s cubic-bezier(.25, .46, .45, .94) .3s, transform 1s cubic-bezier(.25, .46, .45, .94) .3s
	}

	#root section#item .tagline.tagline3 {
		transition: -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94) .2s;
		transition: clip-path 1s cubic-bezier(.25, .46, .45, .94) .2s;
		transition: clip-path 1s cubic-bezier(.25, .46, .45, .94) .2s, -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94) .2s
	}

	#root section#item .tagline.tagline3 img {
		transition: opacity 1s cubic-bezier(.25, .46, .45, .94) .4s, transform 1s cubic-bezier(.25, .46, .45, .94) .4s
	}
}

@media screen and (min-width:750px) {
	#root.loaded section#top .kv {
		opacity: 1;
		transform: scale(1)
	}

	#root .text-parent.active p {
		opacity: 1
	}

	#root .text-parent p {
		opacity: 0;
		will-change: opacity, transform;
		transition: opacity 1s cubic-bezier(.25, .46, .45, .94)
	}

	#root .hover {
		will-change: opacity;
		transition: opacity .3s cubic-bezier(.25, .46, .45, .94)
	}

	#root .hover:hover {
		opacity: .5
	}

	#root .text-cover.active .text-cover-slide {
		width: 100%;
		transform: translate3d(101%, 0, 0)
	}

	#root .text-cover.active .text-cover-content .text {
		opacity: 1
	}

	#root .text-cover-slide {
		width: 0;
		transform: translate3d(0, 0, 0);
		will-change: transform, width;
		transition: width .3s cubic-bezier(.19, 1, .22, 1), transform .3s cubic-bezier(.19, 1, .22, 1) .3s
	}

	#root .text-cover-content .text {
		opacity: 0;
		transition: opacity 0s .3s
	}

	#root .buy {
		will-change: background-color, color;
		transition: background-color .5s cubic-bezier(.25, .46, .45, .94), color .5s cubic-bezier(.25, .46, .45, .94)
	}

	#root .official-site {
		will-change: color;
		transition: color .5s cubic-bezier(.25, .46, .45, .94)
	}

	#root .official-site:active .bar {
		transform: translate3d(0, 0, 0)
	}

	#root .official-site:active svg path {
		fill: #6a6a6a
	}

	#root .official-site .bar {
		will-change: transform;
		transition: transform .5s cubic-bezier(.25, .46, .45, .94);
		transform: translate3d(-101%, 0, 0)
	}

	#root .modal {
		opacity: 0;
		visibility: hidden;
		will-change: opacity;
		transition: opacity .5s cubic-bezier(.25, .46, .45, .94), visibility 0s .5s
	}

	#root .modal.active {
		opacity: 1;
		visibility: visible;
		transition: opacity .5s cubic-bezier(.25, .46, .45, .94), visibility 0s 0s
	}

	#root .rotation {
		animation: rotation 10s linear infinite
	}

	#root #scrollbar div {
		animation: scrollBar 3.5s cubic-bezier(.75, 0, .6, 1) infinite
	}

	#root section#title.active h1 .g1 {
		opacity: 1
	}

	#root section#title.active h1 .g2 path {
		opacity: 1
	}

	#root section#title.active h1 .g3 {
		opacity: 1
	}

	#root section#title h1 .g1 {
		opacity: 0;
		transition: opacity 0s 0s
	}

	#root section#title h1 .g2 path {
		opacity: 0
	}

	#root section#title h1 .g2 path.order1 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .25s
	}

	#root section#title h1 .g2 path.order2 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .3s
	}

	#root section#title h1 .g2 path.order3 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .35s
	}

	#root section#title h1 .g2 path.order4 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .4s
	}

	#root section#title h1 .g2 path.order5 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .45s
	}

	#root section#title h1 .g2 path.order6 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .5s
	}

	#root section#title h1 .g2 path.order7 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .55s
	}

	#root section#title h1 .g2 path.order8 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .6s
	}

	#root section#title h1 .g2 path.order9 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .65s
	}

	#root section#title h1 .g2 path.order10 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .7s
	}

	#root section#title h1 .g2 path.order11 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .75s
	}

	#root section#title h1 .g2 path.order12 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .8s
	}

	#root section#title h1 .g2 path.order13 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .85s
	}

	#root section#title h1 .g2 path.order14 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .9s
	}

	#root section#title h1 .g2 path.order15 {
		transition: opacity 0s cubic-bezier(.25, .46, .45, .94) .95s
	}

	#root section#title h1 .g3 {
		opacity: 0;
		transition: opacity 0s 1s
	}

	#root section#top .kv {
		opacity: 0;
		transform: scale(1.2347222222);
		will-change: transform, opacity;
		transition: transform 3s cubic-bezier(.19, 1, .22, 1), opacity 3s cubic-bezier(.19, 1, .22, 1)
	}

	#root section#item .tagline {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		will-change: clip-path
	}

	#root section#item .tagline img {
		opacity: 0;
		will-change: opacity, transform
	}

	#root section#item .tagline.active {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
	}

	#root section#item .tagline.active img {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}

	#root section#item .tagline.tagline1 {
		transition: -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94);
		transition: clip-path 1s cubic-bezier(.25, .46, .45, .94);
		transition: clip-path 1s cubic-bezier(.25, .46, .45, .94), -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94)
	}

	#root section#item .tagline.tagline1 img {
		transition: opacity 1s cubic-bezier(.25, .46, .45, .94) .2s, transform 1s cubic-bezier(.25, .46, .45, .94) .2s
	}

	#root section#item .tagline.tagline2 {
		transition: -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94) .1s;
		transition: clip-path 1s cubic-bezier(.25, .46, .45, .94) .1s;
		transition: clip-path 1s cubic-bezier(.25, .46, .45, .94) .1s, -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94) .1s
	}

	#root section#item .tagline.tagline2 img {
		transition: opacity 1s cubic-bezier(.25, .46, .45, .94) .3s, transform 1s cubic-bezier(.25, .46, .45, .94) .3s
	}

	#root section#item .tagline.tagline3 {
		transition: -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94) .2s;
		transition: clip-path 1s cubic-bezier(.25, .46, .45, .94) .2s;
		transition: clip-path 1s cubic-bezier(.25, .46, .45, .94) .2s, -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94) .2s
	}

	#root section#item .tagline.tagline3 img {
		transition: opacity 1s cubic-bezier(.25, .46, .45, .94) .4s, transform 1s cubic-bezier(.25, .46, .45, .94) .4s
	}
}

.last\:mb-0:last-child {
	margin-bottom: 0
}

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

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

.hover\:text-mediumGray:hover {
	--tw-text-opacity: 1;
	color: rgb(106 106 106 / var(--tw-text-opacity, 1))
}

@media (max-width:750px) {
	.sm\:invisible {
		visibility: hidden
	}

	.sm\:absolute {
		position: absolute
	}

	.sm\:relative {
		position: relative
	}

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

	.sm\:top-\[50vw\] {
		top: 50vw
	}

	.sm\:order-1 {
		order: 1
	}

	.sm\:order-2 {
		order: 2
	}

	.sm\:order-3 {
		order: 3
	}

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

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

	.sm\:\!mb-0 {
		margin-bottom: 0 !important
	}

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

	.sm\:ml-auto {
		margin-left: auto
	}

	.sm\:mr-0 {
		margin-right: 0
	}

	.sm\:mt-0 {
		margin-top: 0
	}

	.sm\:mt-\[105\.83333333333333vw\] {
		margin-top: 105.83333333333333vw
	}

	.sm\:block {
		display: block
	}

	.sm\:flex {
		display: flex
	}

	.sm\:hidden {
		display: none
	}

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

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

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

	.sm\:flex-col {
		flex-direction: column
	}

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

	.sm\:justify-center {
		justify-content: center
	}

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

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

	.sm\:bg-unityGray {
		--tw-bg-opacity: 1;
		background-color: rgb(159 160 160 / var(--tw-bg-opacity, 1))
	}

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

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

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

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

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

	.sm\:sp-bottom-\[23\] {
		bottom: calc(23 / 393 * 100vw)
	}

	.sm\:sp-fs-\[10\] {
		font-size: calc(10 / 393 * 100vw)
	}

	.sm\:sp-fs-\[13\] {
		font-size: calc(13 / 393 * 100vw)
	}

	.sm\:sp-fs-\[14\] {
		font-size: calc(14 / 393 * 100vw)
	}

	.sm\:sp-fs-\[16\] {
		font-size: calc(16 / 393 * 100vw)
	}

	.sm\:sp-fs-\[18\] {
		font-size: calc(18 / 393 * 100vw)
	}

	.sm\:sp-fs-\[40\] {
		font-size: calc(40 / 393 * 100vw)
	}

	.sm\:sp-gap-\[36\] {
		gap: calc(36 / 393 * 100vw)
	}

	.sm\:sp-h-\[26\] {
		height: calc(26 / 393 * 100vw)
	}

	.sm\:sp-h-\[32\] {
		height: calc(32 / 393 * 100vw)
	}

	.sm\:sp-h-\[460\] {
		height: calc(460 / 393 * 100vw)
	}

	.sm\:sp-h-\[583\] {
		height: calc(583 / 393 * 100vw)
	}

	.sm\:sp-h-\[793\] {
		height: calc(793 / 393 * 100vw)
	}

	.sm\:sp-h-\[80\] {
		height: calc(80 / 393 * 100vw)
	}

	.sm\:sp-h-\[852\] {
		height: calc(852 / 393 * 100vw)
	}

	.sm\:sp-leading-\[20\] {
		line-height: calc(20 / 393 * 100vw)
	}

	.sm\:sp-mb-\[12\] {
		margin-bottom: calc(12 / 393 * 100vw)
	}

	.sm\:sp-mb-\[16\] {
		margin-bottom: calc(16 / 393 * 100vw)
	}

	.sm\:sp-mb-\[20\] {
		margin-bottom: calc(20 / 393 * 100vw)
	}

	.sm\:sp-mb-\[40\] {
		margin-bottom: calc(40 / 393 * 100vw)
	}

	.sm\:sp-mb-\[48\] {
		margin-bottom: calc(48 / 393 * 100vw)
	}

	.sm\:sp-mb-\[64\] {
		margin-bottom: calc(64 / 393 * 100vw)
	}

	.sm\:sp-mb-\[90\] {
		margin-bottom: calc(90 / 393 * 100vw)
	}

	.sm\:sp-min-w-\[110\] {
		min-width: calc(110 / 393 * 100vw)
	}

	.sm\:sp-ml-\[8\] {
		margin-left: calc(8 / 393 * 100vw)
	}

	.sm\:sp-mt-\[-377\] {
		margin-top: calc(-377 / 393 * 100vw)
	}

	.sm\:sp-mt-\[24\] {
		margin-top: calc(24 / 393 * 100vw)
	}

	.sm\:sp-mt-\[64\] {
		margin-top: calc(64 / 393 * 100vw)
	}

	.sm\:sp-mt-\[8\] {
		margin-top: calc(8 / 393 * 100vw)
	}

	.sm\:sp-pb-\[24\] {
		padding-bottom: calc(24 / 393 * 100vw)
	}

	.sm\:sp-pb-\[80\] {
		padding-bottom: calc(80 / 393 * 100vw)
	}

	.sm\:sp-pt-\[210\] {
		padding-top: calc(210 / 393 * 100vw)
	}

	.sm\:sp-pt-\[24\] {
		padding-top: calc(24 / 393 * 100vw)
	}

	.sm\:sp-pt-\[26\] {
		padding-top: calc(26 / 393 * 100vw)
	}

	.sm\:sp-pt-\[583\] {
		padding-top: calc(583 / 393 * 100vw)
	}

	.sm\:sp-pt-\[64\] {
		padding-top: calc(64 / 393 * 100vw)
	}

	.sm\:sp-px-\[20\] {
		padding-left: calc(20 / 393 * 100vw);
		padding-right: calc(20 / 393 * 100vw)
	}

	.sm\:sp-px-\[6\] {
		padding-left: calc(6 / 393 * 100vw);
		padding-right: calc(6 / 393 * 100vw)
	}

	.sm\:sp-py-\[64\] {
		padding-top: calc(64 / 393 * 100vw);
		padding-bottom: calc(64 / 393 * 100vw)
	}

	.sm\:sp-right-\[10\] {
		right: calc(10 / 393 * 100vw)
	}

	.sm\:sp-rounded-\[4\] {
		border-radius: calc(4 / 393 * 100vw)
	}

	.sm\:sp-top-\[-26\] {
		top: calc(-26 / 393 * 100vw)
	}

	.sm\:sp-top-\[10\] {
		top: calc(10 / 393 * 100vw)
	}

	.sm\:sp-top-\[64\] {
		top: calc(64 / 393 * 100vw)
	}

	.sm\:sp-w-\[110\] {
		width: calc(110 / 393 * 100vw)
	}

	.sm\:sp-w-\[121\.64\] {
		width: calc(121.64 / 393 * 100vw)
	}

	.sm\:sp-w-\[191\] {
		width: calc(191 / 393 * 100vw)
	}

	.sm\:sp-w-\[194\] {
		width: calc(194 / 393 * 100vw)
	}

	.sm\:sp-w-\[24\] {
		width: calc(24 / 393 * 100vw)
	}

	.sm\:sp-w-\[294\] {
		width: calc(294 / 393 * 100vw)
	}

	.sm\:sp-w-\[345\] {
		width: calc(345 / 393 * 100vw)
	}

	.sm\:sp-w-\[350\] {
		width: calc(350 / 393 * 100vw)
	}

	.sm\:sp-w-\[354\] {
		width: calc(354 / 393 * 100vw)
	}

	.sm\:sp-w-\[3\] {
		width: calc(3 / 393 * 100vw)
	}

	.sm\:sp-w-\[80\] {
		width: calc(80 / 393 * 100vw)
	}
}

.\[\&\:hover_path\]\:fill-mediumGray:hover path {
	fill: #6a6a6a
}

.\[\&\>\.box\]\:w-\[calc\(416\/1320\*100\%\)\]>.box {
	width: calc(416 / 1320 * 100%)
}

@media (max-width:750px) {
	.sm\:\[\&\>\.box\]\:sp-w-\[294\]>.box {
		width: calc(294 / 393 * 100vw)
	}
}

.\[\&\>\.line\]\:w-1\/3>.line {
	width: 33.333333%
}

.\[\&\>a\]\:w-\[120px\]>a {
	width: 120px
}

@media (max-width:750px) {
	.sm\:\[\&\>a\]\:sp-w-\[80\]>a {
		width: calc(80 / 393 * 100vw)
	}
}

.\[\&_\.box-image\]\:mb-\[40px\] .box-image {
	margin-bottom: 40px
}

@media (max-width:750px) {
	.sm\:\[\&_\.box-image\]\:sp-mb-\[24\] .box-image {
		margin-bottom: calc(24 / 393 * 100vw)
	}
}

.\[\&_\.box\]\:w-\[calc\(529\/1094\*100\%\)\] .box {
	width: calc(529 / 1094 * 100%)
}

@media (max-width:750px) {
	.sm\:\[\&_\.box\]\:w-full .box {
		width: 100%
	}

	.sm\:\[\&_\.box\]\:sp-mb-\[24\] .box {
		margin-bottom: calc(24 / 393 * 100vw)
	}

	.sm\:\[\&_\.box\]\:sp-mb-\[56\] .box {
		margin-bottom: calc(56 / 393 * 100vw)
	}
}

.\[\&_\.buy\:hover\]\:bg-black .buy:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}

.\[\&_\.buy\:hover\]\:text-white .buy:hover {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.buy\]\:\!border-white .buy {
	--tw-border-opacity: 1 !important;
	border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}

.alternate .item .bg-black:hover,
.home .item .bg-black:hover {
	color: #000 !important;
}

.bg-black.cap:hover {
	color: #000 !important;
}

.\[\&_\.buy\]\:bg-white .buy {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.\[\&_\.buy\]\:text-black .buy {
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.image\]\:mx-auto .image {
	margin-left: auto;
	margin-right: auto
}

.\[\&_\.image\]\:mb-\[120px\] .image {
	margin-bottom: 120px
}

.\[\&_\.image\]\:mb-\[64px\] .image {
	margin-bottom: 64px
}

.\[\&_\.image\]\:w-\[calc\(448\/480\*100\%\)\] .image {
	width: calc(448 / 480 * 100%)
}

.\[\&_\.image\]\:overflow-hidden .image {
	overflow: hidden
}

.\[\&_\.image\]\:rounded-\[24px\] .image {
	border-radius: 24px
}

@media (max-width:750px) {
	.sm\:\[\&_\.image\]\:mb-0 .image {
		margin-bottom: 0
	}

	.sm\:\[\&_\.image\]\:w-full .image {
		width: 100%
	}

	.sm\:\[\&_\.image\]\:sp-mb-\[40\] .image {
		margin-bottom: calc(40 / 393 * 100vw)
	}

	.sm\:\[\&_\.image\]\:sp-rounded-\[24\] .image {
		border-radius: calc(24 / 393 * 100vw)
	}

	.sm\:\[\&_\.image\]\:sp-w-\[354\] .image {
		width: calc(354 / 393 * 100vw)
	}
}

.\[\&_\.item\:last\]\:mb-0 .item:last {
	margin-bottom: 0
}

.\[\&_\.tagline\]\:mx-auto .tagline {
	margin-left: auto;
	margin-right: auto
}

.\[\&_\.tagline\]\:w-\[calc\(130\/480\*100\%\)\] .tagline {
	width: calc(130 / 480 * 100%)
}

.\[\&_\.text-cover\]\:mb-\[24px\] .text-cover {
	margin-bottom: 24px
}

@media (max-width:750px) {
	.sm\:\[\&_\.text-cover\]\:sp-mb-\[16\] .text-cover {
		margin-bottom: calc(16 / 393 * 100vw)
	}

	.sm\:\[\&_header\]\:mb-0 header {
		margin-bottom: 0
	}
}

.\[\&_img\]\:sp-w-\[58\] img {
	width: calc(58 / 393 * 100vw)
}

.\[\&_p\]\:mb-\[64px\] p {
	margin-bottom: 64px
}

.\[\&_p\]\:text-center p {
	text-align: center
}

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

.\[\&_p\]\:leading-\[180\%\] p {
	line-height: 180%
}

@media (max-width:750px) {
	.sm\:\[\&_p\]\:sp-fs-\[13\] p {
		font-size: calc(13 / 393 * 100vw)
	}

	.sm\:\[\&_p\]\:sp-mb-\[32\] p {
		margin-bottom: calc(32 / 393 * 100vw)
	}
}

.\[\&_path\]\:fill-black path {
	fill: #000
}

.\[\&_path\]\:fill-white path {
	fill: #fff
}

.\[\&_svg\]\:h-\[36px\] svg {
	height: 36px
}

.\[\&_svg\]\:w-auto svg {
	width: auto
}

.\[\&_svg\]\:sp-h-\[16\] svg {
	height: calc(16 / 393 * 100vw)
}

@media (max-width:750px) {
	.sm\:\[\&_svg\]\:\!visible svg {
		visibility: visible !important
	}

	.sm\:\[\&_svg\]\:invisible svg {
		visibility: hidden
	}

	.sm\:\[\&_svg\]\:sp-h-\[24\] svg {
		height: calc(24 / 393 * 100vw)
	}
}

.header,.footer {
	display: none;
}

.wrap {
	overflow: visible;
}

/*# sourceMappingURL=style.min.css.map */