* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, input, textarea, button, table, tr, th, td, article, aside, footer, header, hgroup, nav, section, a, span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

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

q:before, q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

hr, legend {
	display: none;
	border: none;
}

abbr, acronym, fieldset {
	border: 0;
}

tr, th, td, caption {
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

ol, ul {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

img {
	border: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

/**
 * Swiper 8.1.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 16, 2022
 */
@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(0px, 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);
	-webkit-backface-visibility: hidden;
	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, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 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, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 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, 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: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-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(0.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(0.66);
}

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.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, 0.2);
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-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(0px, -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, 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, 0.1);
}

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

.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, 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%;
	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(0deg);
	}
	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;
	-webkit-backface-visibility: hidden;
	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;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	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;
	-webkit-backface-visibility: hidden;
	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;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

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

.swiper-cards {
	overflow: visible;
}

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

.tab-panels {
	position: relative;
}

.tab-panels .tab-panels__tab-list {
	display: flex;
	justify-content: center;
}

.tab-panels .tab-panels__tab-list.tab-list-top {
	align-items: flex-end;
}

.tab-panels .tab-panels__tab-list.tab-list-top .tab-panels__tab-item {
	border-radius: 10px 10px 0 0;
}

@media screen and (max-width: 750px) {
	.tab-panels .tab-panels__tab-list.tab-list-top .tab-panels__tab-item {
		border-radius: 1.33333vw 1.33333vw 0 0;
	}
}

.tab-panels .tab-panels__tab-list.tab-list-bottom {
	align-items: flex-start;
}

.tab-panels .tab-panels__tab-list.tab-list-bottom .tab-panels__tab-item {
	border-radius: 0 0 10px 10px;
}

@media screen and (max-width: 750px) {
	.tab-panels .tab-panels__tab-list.tab-list-bottom .tab-panels__tab-item {
		border-radius: 0 0 1.33333vw 1.33333vw;
	}
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 550px;
	height: 87px;
	background-color: #eaeaea;
	color: #949494;
	cursor: pointer;
}

@media screen and (min-width: 751px) {
	body.product .tab-panels .tab-panels__tab-list .tab-panels__tab-item {
		width: 43.33333%;
	}
}

@media screen and (max-width: 750px) {
	.tab-panels .tab-panels__tab-list .tab-panels__tab-item {
		width: 43.33333vw;
		height: 13.33333vw;
	}
}

@media screen and (min-width: 751px) {
	body.product .tab-panels .tab-panels__tab-list .tab-panels__tab-item br.only-sp {
		display: inline;
	}
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item div {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
}

body.en .tab-panels .tab-panels__tab-list .tab-panels__tab-item div {
	font-family: 'Teko', sans-serif;
	font-weight: 600;
}

@media screen and (min-width: 751px) {
	.tab-panels .tab-panels__tab-list .tab-panels__tab-item div {
		font-size: 16px;
	}
	body.en .tab-panels .tab-panels__tab-list .tab-panels__tab-item div {
		font-size: 24px;
	}
}

@media screen and (max-width: 750px) {
	.tab-panels .tab-panels__tab-list .tab-panels__tab-item div {
		font-size: 22px;
		font-size: 2.93333vw;
	}
	body.en .tab-panels .tab-panels__tab-list .tab-panels__tab-item div {
		font-size: 28px;
		font-size: 3.73333vw;
		line-height: 0.8em;
		margin-top: -2.66667vw;
	}
}

@media screen and (min-width: 751px) {
	body.product.en .tab-panels .tab-panels__tab-list .tab-panels__tab-item div {
		line-height: 0.8em;
	}
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item div:before {
	content: '';
	display: block;
	width: 40px;
	height: 34px;
	background-size: 100%;
	margin-right: 0.5em;
	background-position: bottom;
}

@media screen and (min-width: 751px) {
	body.product.en .tab-panels .tab-panels__tab-list .tab-panels__tab-item div:before {
		margin-right: 0.25em;
	}
}

@media screen and (max-width: 750px) {
	.tab-panels .tab-panels__tab-list .tab-panels__tab-item div:before {
		width: 5.33333vw;
		height: 4.53333vw;
	}
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item div p {
	position: relative;
}

@media screen and (min-width: 751px) {
	body.product.en .tab-panels .tab-panels__tab-list .tab-panels__tab-item div p {
		height: 39px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

@media screen and (max-width: 750px) {
	.tab-panels .tab-panels__tab-list .tab-panels__tab-item div p {
		height: 6vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	body.en .tab-panels .tab-panels__tab-list .tab-panels__tab-item div p {
		padding-top: 0.66667vw;
	}
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item div .tab-panels__tab-note {
	position: absolute;
	display: block;
	bottom: -1.2em;
	width: 100%;
}

@media screen and (min-width: 751px) {
	.tab-panels .tab-panels__tab-list .tab-panels__tab-item div .tab-panels__tab-note {
		font-size: 12px;
	}
	body.en .tab-panels .tab-panels__tab-list .tab-panels__tab-item div .tab-panels__tab-note {
		font-size: 14px;
	}
}

@media screen and (min-width: 751px) {
	body.product.en .tab-panels .tab-panels__tab-list .tab-panels__tab-item div .tab-panels__tab-note {
		font-size: 13px;
	}
}

@media screen and (min-width: 751px) {
	body.product.is-tablet .tab-panels .tab-panels__tab-list .tab-panels__tab-item div .tab-panels__tab-note {
		font-size: 10px;
		bottom: -1.3em;
	}
}

@media screen and (max-width: 750px) {
	.tab-panels .tab-panels__tab-list .tab-panels__tab-item div .tab-panels__tab-note {
		font-size: 15px;
		font-size: 2vw;
		text-align: left;
	}
	body.en .tab-panels .tab-panels__tab-list .tab-panels__tab-item div .tab-panels__tab-note {
		font-size: 20px;
		font-size: 2.66667vw;
		left: -7.33333vw;
		bottom: -1.4em;
	}
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item div .tab-panels__tab-coming-soon {
	position: absolute;
	display: none;
	bottom: -0.75em;
	width: 100%;
}

@media screen and (min-width: 751px) {
	.tab-panels .tab-panels__tab-list .tab-panels__tab-item div .tab-panels__tab-coming-soon {
		font-size: 16px;
		text-indent: -0.5em;
	}
}

@media screen and (max-width: 750px) {
	.tab-panels .tab-panels__tab-list .tab-panels__tab-item div .tab-panels__tab-coming-soon {
		font-size: 18px;
		font-size: 2.4vw;
		text-indent: -1em;
	}
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item.tab-maker div:before {
	background-image: url("/2022online/assets/common/img/icon-maker.png");
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item.tab-title div:before {
	background-image: url("/2022online/assets/common/img/icon-title.png");
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item.tab-schedule div {
	font-family: 'Teko', sans-serif;
	font-weight: 600;
	font-size: 30px;
}

@media screen and (max-width: 750px) {
	.tab-panels .tab-panels__tab-list .tab-panels__tab-item.tab-schedule div {
		font-size: 30px;
		font-size: 4vw;
	}
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item.tab-schedule div:before {
	background-image: url("/2022online/assets/common/img/icon-schedule.png");
	margin-right: 0.5em;
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item.tab-schedule div p {
	transform: translateY(3px);
}

@media screen and (max-width: 750px) {
	.tab-panels .tab-panels__tab-list .tab-panels__tab-item.tab-schedule div p {
		transform: translateY(0.53333vw);
	}
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item.is-active {
	color: #FFF;
	pointer-events: none;
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item.is-active div:before {
	background-position: top;
}

.tab-panels .tab-panels__tab-list .tab-panels__tab-item div {
	transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (hover: hover) and (pointer: fine) {
	.tab-panels .tab-panels__tab-list .tab-panels__tab-item:hover div {
		opacity: 0.7;
	}
}

.tab-panels .tab-panels__content-list {
	z-index: 1;
	position: relative;
	background-position: center bottom;
	background-repeat: repeat-x;
}

@media screen and (max-width: 750px) {
	.tab-panels .tab-panels__content-list {
		background-size: 44.66667vw;
		background-position: left bottom;
	}
}

.tab-panels .tab-panels__content-item {
	padding: 60px 0;
}

@media screen and (max-width: 750px) {
	.tab-panels .tab-panels__content-item {
		padding: 8vw 0;
	}
}

.tab-panels.lineup-tab-panels .tab-panels__tab-item.is-active {
	background-color: #f20000;
}

.tab-panels.lineup-tab-panels .tab-panels__content-list {
	background-image: url("/2022online/assets/common/img/lineup-tab-bg.jpg");
	background-color: #f20000;
}

.tab-panels.program-tab-panels .tab-panels__tab-item.is-active {
	background-color: #374fff;
}

.tab-panels.program-tab-panels .tab-panels__content-list {
	background-image: url("/2022online/assets/common/img/program-tab-bg.jpg");
	background-color: #374fff;
}

.tab-panels.tab-disabled .tab-panels__tab-item:nth-of-type(2) {
	pointer-events: none;
}

.tab-panels.tab-disabled .tab-panels__tab-item:nth-of-type(2) div {
	opacity: 0.5;
}

.tab-panels.tab-disabled .tab-panels__tab-item:nth-of-type(2) .tab-panels__tab-coming-soon {
	display: block;
}

.tab-panels .maker-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.tab-panels .maker-list:after, .tab-panels .maker-list:before {
	content: '';
	width: 260px;
}

@media screen and (min-width: 751px) {
	body.product .tab-panels .maker-list:after, body.product .tab-panels .maker-list:before {
		width: 32.30769%;
	}
}

@media screen and (max-width: 750px) {
	.tab-panels .maker-list:after, .tab-panels .maker-list:before {
		width: 28vw;
	}
}

.tab-panels .maker-list:before {
	order: 1;
}

.tab-panels .maker-item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 260px;
	height: 150px;
	background-color: #FFF;
	border-radius: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

@media screen and (min-width: 751px) {
	body.product .tab-panels .maker-item {
		width: 32.30769%;
		height: auto;
		aspect-ratio: 260 / 150;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 750px) {
	.tab-panels .maker-item {
		width: 28vw;
		height: 16vw;
		border-radius: 1.33333vw;
		margin-bottom: 1.33333vw;
	}
}

.tab-panels .maker-item img {
	width: 100%;
}

.tab-panels .title-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-right: -10px;
}

@media screen and (min-width: 751px) {
	body.product .tab-panels .title-list {
		justify-content: space-between;
		margin-right: 0;
	}
}

@media screen and (max-width: 750px) {
	.tab-panels .title-list {
		justify-content: space-between;
		margin-right: 0;
	}
}

.tab-panels .title-list:after, .tab-panels .title-list:before {
	content: '';
}

@media screen and (min-width: 751px) {
	body.product .tab-panels .title-list:after, body.product .tab-panels .title-list:before {
		width: 23.84615%;
	}
}

@media screen and (max-width: 750px) {
	.tab-panels .title-list:after, .tab-panels .title-list:before {
		width: 20.66667vw;
	}
}

.tab-panels .title-list:before {
	order: 1;
}

.tab-panels .title-item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 175px;
	height: 100px;
	background-color: #FFF;
	border-radius: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

@media screen and (min-width: 751px) {
	body.product .tab-panels .title-item {
		width: 23.84615%;
		height: auto;
		aspect-ratio: 260 / 150;
		margin-right: 0;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 750px) {
	.tab-panels .title-item {
		width: 20.66667vw;
		height: 11.73333vw;
		border-radius: 1.33333vw;
		margin-right: 0;
		margin-bottom: 1.33333vw;
	}
}

.tab-panels .title-item img {
	width: 100%;
}

.tab-panels .copyright-link {
	display: block;
	color: #FFF;
	width: fit-content;
	margin: 2em auto 0;
	text-decoration: underline;
	cursor: pointer;
}

@media screen and (max-width: 750px) {
	.tab-panels .copyright-link {
		font-size: 16px;
		font-size: 2.13333vw;
	}
}

.movie-modal {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.movie-modal.is-open {
	display: block;
	z-index: 600;
}

.movie-modal__overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (min-width: 751px) {
	.movie-modal__overlay {
		overflow: hidden;
	}
}

@media screen and (max-width: 750px) {
	.movie-modal__overlay {
		position: fixed;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.movie-modal__overlay::-webkit-scrollbar {
		display: none;
	}
}

.movie-modal__overlay-inner {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes mmfadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes mmslideIn {
	from {
		transform: translateY(15%);
	}
	to {
		transform: translateY(0);
	}
}

@keyframes mmslideOut {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-10%);
	}
}

.movie-modal[aria-hidden="false"] .movie-modal__overlay {
	animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

@media screen and (min-width: 751px) {
	.movie-modal[aria-hidden="false"] .movie-modal__container {
		animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
	}
}

.movie-modal[aria-hidden="true"] .movie-modal__overlay {
	animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

@media screen and (min-width: 751px) {
	.movie-modal[aria-hidden="true"] .movie-modal__container {
		animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
	}
}

@media screen and (min-width: 751px) {
	.movie-modal .movie-modal__container,
	.movie-modal .movie-modal__overlay {
		will-change: transform;
	}
}

.movie-modal__container {
	position: relative;
	width: 900px;
	background-color: #000;
	box-sizing: border-box;
}

@media screen and (max-width: 750px) {
	.movie-modal__container {
		width: 89.33333vw;
		border-width: 1.33333vw;
		margin: 0 auto;
	}
}

.movie-modal__container .movie-modal__close-btn {
	position: absolute;
	right: 0;
	top: -50px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.movie-modal__container .movie-modal__close-btn:after, .movie-modal__container .movie-modal__close-btn:before {
	content: '';
	position: absolute;
	left: -21%;
	top: 50%;
	width: 43px;
	height: 4px;
	background-color: #fff;
}

.movie-modal__container .movie-modal__close-btn:before {
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}

.movie-modal__container .movie-modal__close-btn:after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.movie-modal__container .movie-modal__close-btn span {
	display: block;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
	.movie-modal__container .movie-modal__close-btn:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 750px) {
	.movie-modal__container .movie-modal__close-btn {
		right: 0;
		top: -6.66667vw;
		width: 4vw;
		height: 4vw;
	}
	.movie-modal__container .movie-modal__close-btn:after, .movie-modal__container .movie-modal__close-btn:before {
		content: '';
		position: absolute;
		left: -21%;
		top: 50%;
		width: 6vw;
		height: 0.53333vw;
		background-color: #FFF;
	}
	.movie-modal__container .movie-modal__close-btn:before {
		-webkit-transform: rotateZ(-45deg);
		transform: rotateZ(-45deg);
	}
	.movie-modal__container .movie-modal__close-btn:after {
		-webkit-transform: rotateZ(45deg);
		transform: rotateZ(45deg);
	}
}

.movie-modal__container .movie-wrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.movie-modal__container .movie-wrapper iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.footer-nav-area {
	position: relative;
	background-position: center bottom;
	background-repeat: no-repeat;
}

@media screen and (min-width: 751px) {
	.footer-nav-area {
		padding-top: 160px;
		padding-bottom: 380px;
		background-image: url("/2022online/assets/common/img/bg.png");
		background-size: 1680px;
	}
}

@media screen and (min-width: 751px) {
	body.product .footer-nav-area {
		height: auto;
		background-image: url("/2022online/assets/common/img/bg-sp.png");
		background-size: 100%;
		padding-top: 10.66667%;
		padding-bottom: 41.33333%;
	}
}

@media screen and (max-width: 750px) {
	.footer-nav-area {
		background-image: url("/2022online/assets/common/img/bg-sp.png");
		background-size: 100%;
		padding-top: 10.66667vw;
		padding-bottom: 41.33333vw;
	}
}

.footer-nav-area:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	background-repeat: no-repeat;
}

@media screen and (min-width: 751px) {
	.footer-nav-area:before {
		height: 113px;
		bottom: 421px;
		background-image: url("/2022online/assets/common/img/footer-nav-bg.png");
		background-size: 1680px;
		background-position: center bottom;
	}
}

@media screen and (min-width: 751px) {
	body.product .footer-nav-area:before {
		height: 28.53333%;
		bottom: 0;
		margin-bottom: 79.6%;
		background-image: url("/2022online/assets/common/img/footer-nav-bg-sp.png");
		background-size: 100%;
	}
}

@media screen and (max-width: 750px) {
	.footer-nav-area:before {
		height: 28.53333vw;
		bottom: 79.6vw;
		background-image: url("/2022online/assets/common/img/footer-nav-bg-sp.png");
		background-size: 100%;
	}
}

.footer-nav-area .logo-all {
	width: 330px;
	margin: 0 auto 200px;
}

@media screen and (min-width: 751px) {
	body.product .footer-nav-area .logo-all {
		width: 44%;
		margin-bottom: 29.33333%;
	}
}

@media screen and (max-width: 750px) {
	.footer-nav-area .logo-all {
		width: 44vw;
		margin-bottom: 17.33333vw;
	}
}

.footer-nav-area .logo-all img {
	width: 100%;
}

.footer-nav-area .footer-nav-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 942px;
	margin: 0 auto;
}

@media screen and (min-width: 751px) {
	body.product .footer-nav-area .footer-nav-list {
		justify-content: space-between;
		width: 100%;
	}
	body.product .footer-nav-area .footer-nav-list:after {
		content: '';
		width: 48.46154%;
	}
}

@media screen and (max-width: 750px) {
	.footer-nav-area .footer-nav-list {
		justify-content: space-between;
		width: 100%;
	}
}

.footer-nav-area .footer-nav-btn {
	position: relative;
	background-color: #000;
	color: #FFF;
	justify-content: flex-start;
	width: 222px;
	height: 62px;
	padding-left: 25px;
	margin: 0 6px 12px;
}

@media screen and (min-width: 751px) {
	body.product .footer-nav-area .footer-nav-btn {
		width: 48.46154%;
		margin: 0 0 12px;
	}
}

@media screen and (max-width: 750px) {
	.footer-nav-area .footer-nav-btn {
		width: 42vw;
		height: 12vw;
		padding-left: 4.66667vw;
		margin: 0 0 2.93333vw;
	}
}

.footer-nav-area .footer-nav-btn:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

@media screen and (min-width: 751px) {
	.footer-nav-area .footer-nav-btn:after {
		right: 18px;
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 2px 2px 0;
		width: 8px;
		height: 8px;
		vertical-align: middle;
		transform: rotate(-45deg);
	}
}

@media screen and (max-width: 750px) {
	.footer-nav-area .footer-nav-btn:after {
		right: 3.33333vw;
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 0.26667vw 0.26667vw 0;
		width: 1.6vw;
		height: 1.6vw;
		vertical-align: middle;
		transform: rotate(-45deg);
	}
}

.footer-nav-area .footer-nav-btn span {
	display: block;
}

.footer-nav-area .footer-nav-btn .footer-nav-btn_en {
	font-family: 'Teko', sans-serif;
	font-weight: 600;
	font-size: 23px;
	line-height: 1em;
}

@media screen and (max-width: 750px) {
	.footer-nav-area .footer-nav-btn .footer-nav-btn_en {
		font-size: 30px;
		font-size: 4vw;
	}
}

.footer-nav-area .footer-nav-btn .footer-nav-btn_jp {
	font-size: 12px;
	margin-top: -0.25em;
}

@media screen and (max-width: 750px) {
	.footer-nav-area .footer-nav-btn .footer-nav-btn_jp {
		font-size: 16px;
		font-size: 2.13333vw;
	}
}

.footer-nav-area .scroll-top-btn {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 30px;
	bottom: 30px;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	overflow: hidden;
	background-image: linear-gradient(90deg, #d713f5 0%, #d712f6 16%, #f6b563 100%);
	cursor: pointer;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 750px) {
	.footer-nav-area .scroll-top-btn {
		right: 6.66667vw;
		bottom: 2.66667vw;
		width: 11.2vw;
		height: 11.2vw;
	}
}

.footer-nav-area .scroll-top-btn:after {
	content: '';
}

@media screen and (min-width: 751px) {
	.footer-nav-area .scroll-top-btn:after {
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 3px 3px 0;
		width: 10px;
		height: 10px;
		vertical-align: middle;
		transform: rotate(225deg);
		margin-top: 5px;
	}
}

@media screen and (max-width: 750px) {
	.footer-nav-area .scroll-top-btn:after {
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 0.4vw 0.4vw 0;
		width: 1.6vw;
		height: 1.6vw;
		vertical-align: middle;
		transform: rotate(225deg);
		margin-top: 0.66667vw;
	}
}

@media (hover: hover) and (pointer: fine) {
	.footer-nav-area .scroll-top-btn:hover {
		transform: scale(1.1);
	}
}

.footer {
	background-color: #000;
	padding: 40px 0 50px;
}

@media screen and (max-width: 750px) {
	.footer {
		padding: 8vw 0;
	}
}

.footer .share-buttons {
	text-align: center;
	margin-bottom: 50px;
}

@media screen and (max-width: 750px) {
	.footer .share-buttons {
		margin-bottom: 9.33333vw;
	}
}

.footer .share-buttons dt {
	font-family: 'Teko', sans-serif;
	font-weight: 600;
	color: #FFF;
	font-size: 17px;
	margin-bottom: 1em;
}

@media screen and (max-width: 750px) {
	.footer .share-buttons dt {
		font-size: 25px;
		font-size: 3.33333vw;
	}
}

.footer .share-buttons dd {
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer .share-buttons dd a {
	display: block;
	width: 43px;
	cursor: pointer;
	transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 750px) {
	.footer .share-buttons dd a {
		width: 8vw;
	}
}

.footer .share-buttons dd a + a {
	margin-left: 47px;
}

@media screen and (max-width: 750px) {
	.footer .share-buttons dd a + a {
		margin-left: 9.33333vw;
	}
}

.footer .share-buttons dd a img {
	width: 100%;
}

@media (hover: hover) and (pointer: fine) {
	.footer .share-buttons dd a:hover {
		opacity: 0.8;
	}
}

.footer .megahouse-btn {
	position: relative;
	width: 320px;
	height: 100px;
	background-color: #FFF;
	margin: 0 auto 50px;
}

@media screen and (max-width: 750px) {
	.footer .megahouse-btn {
		width: 53.33333vw;
		height: 17.06667vw;
		margin-bottom: 10.66667vw;
	}
}

.footer .megahouse-btn:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 23px;
	margin: auto;
	width: 13px;
	height: 13px;
	background-image: url("/2022online/assets/common/img/icon-blank.svg");
	background-size: cover;
}

@media screen and (max-width: 750px) {
	.footer .megahouse-btn:after {
		right: 4.4vw;
		width: 2.66667vw;
		height: 2.66667vw;
	}
}

.footer .megahouse-btn span {
	width: 184px;
}

@media screen and (max-width: 750px) {
	.footer .megahouse-btn span {
		width: 28vw;
	}
}

.footer .megahouse-btn span img {
	width: 100%;
}

.footer .footer-link {
	display: flex;
	align-items: center;
	color: #FFF;
	width: fit-content;
	margin: 0 auto 2em;
	text-decoration: none;
	line-height: 1em;
	cursor: pointer;
	transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 750px) {
	.footer .footer-link {
		font-size: 16px;
		font-size: 2.13333vw;
	}
}

.footer .footer-link:after {
	content: '';
	margin-left: 1em;
}

@media screen and (min-width: 751px) {
	.footer .footer-link:after {
		margin-top: 1px;
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 2px 2px 0;
		width: 8px;
		height: 8px;
		vertical-align: middle;
		transform: rotate(-45deg);
	}
}

@media screen and (max-width: 750px) {
	.footer .footer-link:after {
		margin-top: 0.13333vw;
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 0.26667vw 0.26667vw 0;
		width: 1.06667vw;
		height: 1.06667vw;
		vertical-align: middle;
		transform: rotate(-45deg);
	}
}

.footer .footer-link.is-open:after {
	margin-top: -2px;
	transform: rotate(45deg);
}

@media screen and (max-width: 750px) {
	.footer .footer-link.is-open:after {
		margin-top: -0.26667vw;
	}
}

@media (hover: hover) and (pointer: fine) {
	.footer .footer-link:hover {
		opacity: 0.7;
	}
}

.footer .copyright-list {
	color: #FFF;
	padding-bottom: 1em;
}

.natsugiraquest-treasure-box {
	position: absolute;
	cursor: pointer;
	background-image: url("/2022online/assets/common/img/treasure-box.png");
	background-size: cover;
}

@media screen and (min-width: 751px) {
	.natsugiraquest-treasure-box {
		width: 71px;
		height: 66px;
		transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
}

@media screen and (max-width: 750px) {
	.natsugiraquest-treasure-box {
		width: 9.46667vw;
		height: 8.8vw;
	}
}

@media (hover: hover) and (pointer: fine) {
	.natsugiraquest-treasure-box:hover {
		opacity: 0.8;
	}
}

/* TOP
----------------------------------------*/
body.top {
	/*
  --------------------*/
	/*
  --------------------*/
	/*
  --------------------*/
}

body.top .treasure-box-01 {
	right: 0;
}

@media screen and (min-width: 751px) {
	body.top .treasure-box-01 {
		bottom: 0;
	}
}

@media screen and (max-width: 750px) {
	body.top .treasure-box-01 {
		bottom: 9.33333vw;
	}
}

body.top .treasure-box-02 {
	display: none;
}

@media screen and (min-width: 751px) {
	body.top .treasure-box-02 {
		left: 50%;
		transform: translateX(400px);
		bottom: 200px;
	}
}

@media screen and (max-width: 750px) {
	body.top .treasure-box-02 {
		right: 13.33333vw;
		bottom: 33.33333vw;
	}
}

body.top .tab-1 + .treasure-box-02 {
	display: block;
	z-index: 1;
}

body.top .treasure-box-03 {
	right: 0;
}

@media screen and (min-width: 751px) {
	body.top .treasure-box-03 {
		bottom: 240px;
	}
}

@media screen and (max-width: 750px) {
	body.top .treasure-box-03 {
		bottom: 40vw;
	}
}

/* FIGURE
----------------------------------------*/
body.figure {
	/*
  --------------------*/
}

@media screen and (min-width: 751px) {
	body.figure .treasure-box-05 {
		left: 50%;
		transform: translateX(-400px);
		top: 150px;
	}
}

@media screen and (max-width: 750px) {
	body.figure .treasure-box-05 {
		left: 6.66667vw;
		top: 13.33333vw;
	}
}

/* NATSUGIRA
----------------------------------------*/
body.natsugira {
	/*
  --------------------*/
}

body.natsugira .treasure-box-07 {
	z-index: 1;
}

@media screen and (min-width: 751px) {
	body.natsugira .treasure-box-07 {
		left: 50%;
		transform: translateX(-400px);
		top: 200px;
	}
}

@media screen and (max-width: 750px) {
	body.natsugira .treasure-box-07 {
		left: 6.66667vw;
		top: 20vw;
	}
}

/* MAKER
----------------------------------------*/
body.maker {
	/*
  --------------------*/
}

@media screen and (min-width: 751px) {
	body.maker .treasure-box-08 {
		left: 50%;
		transform: translateX(-400px);
		top: 50px;
	}
}

@media screen and (max-width: 750px) {
	body.maker .treasure-box-08 {
		left: 13.33333vw;
		top: 6.66667vw;
	}
}

/* NEWS
----------------------------------------*/
body.news {
	/*
  --------------------*/
}

body.news .treasure-box-04 {
	z-index: 1;
}

@media screen and (min-width: 751px) {
	body.news .treasure-box-04 {
		left: 50%;
		transform: translateX(400px);
		top: 400px;
	}
}

@media screen and (max-width: 750px) {
	body.news .treasure-box-04 {
		right: 13.33333vw;
		top: 1.33333vw;
	}
}

/* Q & A
----------------------------------------*/
@media screen and (min-width: 751px) {
	body.q_a .treasure-box-06 {
		left: 50%;
		transform: translateX(400px);
		top: 960px;
	}
}

@media screen and (max-width: 750px) {
	body.q_a .treasure-box-06 {
		right: 13.33333vw;
		top: 117.33333vw;
	}
}

html, body {
	min-height: 100vh;
}

body {
	font-family: 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

@media screen and (min-width: 751px) {
	body:not(.product) {
		min-width: 1100px;
	}
}

@media screen and (max-width: 750px) {
	body {
		font-size: 20px;
		font-size: 2.66667vw;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-touch-callout: none;
	}
}

body.fixed {
	position: fixed;
	width: 100%;
	left: 0;
}

@media screen and (min-width: 751px) {
	.only-sp {
		display: none;
	}
}

@media screen and (max-width: 750px) {
	.only-pc {
		display: none;
	}
}

a.underline, a.underline:hover, a.underline:visited {
	color: inherit;
}

@media (hover: hover) and (pointer: fine) {
	a.underline:hover, a.underline:hover:hover, a.underline:visited:hover {
		text-decoration: none;
	}
}

.tpl-inner-wrap {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 751px) {
	.tpl-inner-wrap {
		width: 1100px;
	}
}

@media screen and (min-width: 751px) {
	body.product .tpl-inner-wrap {
		width: 86.66667%;
	}
}

@media screen and (max-width: 750px) {
	.tpl-inner-wrap {
		width: 86.66667vw;
	}
}

.rounded-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 9999px;
	text-decoration: none;
	cursor: pointer;
}

.rounded-btn:after, .rounded-btn:before,
.rounded-btn span {
	transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (hover: hover) and (pointer: fine) {
	.rounded-btn:hover:after, .rounded-btn:hover:before,
	.rounded-btn:hover span {
		opacity: 0.7;
	}
}

.hover-opacity {
	transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (hover: hover) and (pointer: fine) {
	.hover-opacity:hover {
		opacity: 0.7;
	}
}

.menu-btn {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 30px;
	bottom: 30px;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	overflow: hidden;
	appearance: none;
	border: none;
	background-color: #FFF;
	cursor: pointer;
	z-index: 500;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 750px) {
	.menu-btn {
		right: 6.66667vw;
		bottom: 2.93333vw;
		width: 11.2vw;
		height: 11.2vw;
	}
}

body.top .menu-btn {
	bottom: 60px;
}

@media screen and (max-width: 750px) {
	body.top .menu-btn {
		bottom: 10.66667vw;
	}
}

.menu-btn:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, #d713f5 0%, #d712f6 16%, #f6b563 100%);
	transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu-btn span {
	position: absolute;
	display: block;
	width: 25px;
	height: 2px;
	background-color: #FFF;
}

@media screen and (max-width: 750px) {
	.menu-btn span {
		width: 3.86667vw;
		height: 0.4vw;
	}
}

.menu-btn span:after, .menu-btn span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu-btn span:before {
	transform: translateY(-8px);
}

@media screen and (max-width: 750px) {
	.menu-btn span:before {
		transform: translateY(-1.06667vw);
	}
}

.menu-btn span:after {
	transform: translateY(8px);
}

@media screen and (max-width: 750px) {
	.menu-btn span:after {
		transform: translateY(1.06667vw);
	}
}

body.is-nav-open .menu-btn:before {
	opacity: 0;
}

body.is-nav-open .menu-btn span {
	background-color: transparent;
}

body.is-nav-open .menu-btn span:after, body.is-nav-open .menu-btn span:before {
	background-image: linear-gradient(90deg, #d713f5 0%, #d712f6 16%, #f6b563 100%);
}

body.is-nav-open .menu-btn span:before {
	transform: translateY(0) rotate(135deg);
}

body.is-nav-open .menu-btn span:after {
	transform: translateY(0) rotate(-135deg);
}

@media (hover: hover) and (pointer: fine) {
	.menu-btn:hover {
		transform: scale(1.1);
	}
}

.menu-drawer {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background-image: url("/2022online/assets/common/img/menu-bg.jpg");
	background-size: cover;
	background-position: right bottom;
	z-index: 400;
	transform: translate3d(100%, 0, 0);
	visibility: hidden;
}

body.is-nav-open .menu-drawer {
	animation: 1s drawer-menu-in cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

body.is-nav-close .menu-drawer {
	animation: 1s drawer-menu-out cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

.menu-drawer .menu-drawer__scroll {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.menu-drawer .menu-drawer__scroll::-webkit-scrollbar {
	display: none;
}

.menu-drawer .menu-drawer__inner {
	width: 1000px;
	padding-top: 50px;
	padding-bottom: 80px;
	margin: 0 auto;
}

@media screen and (max-width: 750px) {
	.menu-drawer .menu-drawer__inner {
		width: 86.66667vw;
		padding-top: 8vw;
		padding-bottom: 29.33333vw;
	}
}

.menu-drawer .global-nav {
	margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
	.menu-drawer .global-nav {
		margin-bottom: 8vw;
	}
}

.menu-drawer .global-nav__list {
	display: flex;
	flex-direction: column;
}

.menu-drawer .global-nav__item {
	margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
	.menu-drawer .global-nav__item {
		margin-bottom: 1.33333vw;
	}
}

.menu-drawer a.nav-item-head {
	transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (hover: hover) and (pointer: fine) {
	.menu-drawer a.nav-item-head:hover {
		opacity: 0.7;
	}
}

.menu-drawer a.nav-item-head .nav-item-head__en:after {
	content: '';
	display: block;
	border-color: #FFF;
	border-style: solid;
	border-width: 0 4px 4px 0;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	transform: rotate(-45deg);
	margin-left: 10px;
	margin-top: -15px;
}

@media screen and (max-width: 750px) {
	.menu-drawer a.nav-item-head .nav-item-head__en:after {
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 0.53333vw 0.53333vw 0;
		width: 1.6vw;
		height: 1.6vw;
		vertical-align: middle;
		transform: rotate(-45deg);
		margin-left: 1.33333vw;
		margin-top: -2vw;
	}
}

.menu-drawer .nav-item-head {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
}

@media screen and (max-width: 750px) {
	.menu-drawer .nav-item-head {
		display: block;
	}
}

.menu-drawer .nav-item-head .nav-item-head__en {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 100px;
	font-family: 'Teko', sans-serif;
	font-weight: 600;
	line-height: 1em;
	margin-right: 70px;
}

@media screen and (max-width: 750px) {
	.menu-drawer .nav-item-head .nav-item-head__en {
		font-size: 100px;
		font-size: 13.33333vw;
		margin-right: 0;
	}
}

.menu-drawer .nav-item-head .nav-item-head__jp {
	display: block;
	margin-top: -1em;
}

@media screen and (max-width: 750px) {
	.menu-drawer .nav-item-head .nav-item-head__jp {
		font-size: 16px;
		font-size: 2.13333vw;
	}
}

@media screen and (max-width: 750px) {
	.menu-drawer .nav-item-head.nav-item-head--small {
		margin-bottom: 1.33333vw;
	}
}

.menu-drawer .nav-item-head.nav-item-head--small .nav-item-head__en {
	font-size: 50px;
}

@media screen and (max-width: 750px) {
	.menu-drawer .nav-item-head.nav-item-head--small .nav-item-head__en {
		font-size: 50px;
		font-size: 6.66667vw;
	}
}

.menu-drawer .nav-item-head.nav-item-head--small .nav-item-head__en:after {
	display: block;
	border-color: #FFF;
	border-style: solid;
	border-width: 0 4px 4px 0;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	transform: rotate(-45deg);
	margin-left: 10px;
	margin-top: -10px;
}

@media screen and (max-width: 750px) {
	.menu-drawer .nav-item-head.nav-item-head--small .nav-item-head__en:after {
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 0.53333vw 0.53333vw 0;
		width: 1.6vw;
		height: 1.6vw;
		vertical-align: middle;
		transform: rotate(-45deg);
		margin-left: 1.33333vw;
		margin-top: -2vw;
	}
}

.menu-drawer .nav-item-head.nav-item-head--small .nav-item-head__jp {
	margin-top: 0;
}

.menu-drawer .maker-list {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (min-width: 751px) {
	.menu-drawer .maker-list {
		margin-top: 10px;
		width: 664px;
	}
}

@media screen and (max-width: 750px) {
	.menu-drawer .maker-list {
		margin-top: 2.66667vw;
	}
}

.menu-drawer .maker-item {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	background-color: #FFF;
}

.menu-drawer .maker-item:nth-of-type(4n) {
	margin-right: 0;
}

@media screen and (min-width: 751px) {
	.menu-drawer .maker-item {
		width: 158px;
		height: 103px;
		border-radius: 8px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 750px) {
	.menu-drawer .maker-item {
		width: 20.66667vw;
		height: 13.33333vw;
		border-radius: 1.06667vw;
		margin-right: 1.33333vw;
		margin-bottom: 1.33333vw;
	}
}

.menu-drawer .maker-item img {
	width: 100%;
}

.menu-drawer .event-info p {
	color: #FFF;
	margin-bottom: 2em;
}

@media screen and (max-width: 750px) {
	.menu-drawer .event-info p {
		font-size: 20px;
		font-size: 2.66667vw;
	}
}

.menu-drawer .event-info span.hashtag {
	display: block;
	font-size: 75px;
	font-weight: bold;
}

@media screen and (max-width: 750px) {
	.menu-drawer .event-info span.hashtag {
		font-size: 84px;
		font-size: 11.2vw;
	}
}

.menu-drawer .global-tweet-btn {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 480px;
	height: 88px;
	background-color: #1da1f2;
	color: #FFF;
	text-decoration: none;
}

@media screen and (max-width: 750px) {
	.menu-drawer .global-tweet-btn {
		width: 86.66667vw;
		height: 13.33333vw;
		border-radius: 6.66667vw;
	}
}

.menu-drawer .global-tweet-btn:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto;
	display: block;
	border-color: #FFF;
	border-style: solid;
	border-width: 0 4px 4px 0;
	width: 8px;
	height: 8px;
	vertical-align: middle;
	transform: rotate(-45deg);
}

@media screen and (max-width: 750px) {
	.menu-drawer .global-tweet-btn:after {
		right: 4vw;
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 0.53333vw 0.53333vw 0;
		width: 1.33333vw;
		height: 1.33333vw;
		vertical-align: middle;
		transform: rotate(-45deg);
	}
}

.menu-drawer .global-tweet-btn span {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 750px) {
	.menu-drawer .global-tweet-btn span {
		width: fit-content;
		font-size: 20px;
		font-size: 2.66667vw;
	}
}

.menu-drawer .global-tweet-btn span:before {
	content: '';
	display: inline-block;
	width: 28px;
	height: 23px;
	background-image: url("/2022online/assets/common/img/icon-twitter.svg");
	background-size: contain;
	margin-right: 0.5em;
}

@media screen and (max-width: 750px) {
	.menu-drawer .global-tweet-btn span:before {
		width: 5.86667vw;
		height: 4.8vw;
	}
}

@keyframes drawer-menu-in {
	0% {
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	100% {
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
}

@keyframes drawer-menu-out {
	0% {
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		transform: translate3d(100%, 0, 0);
		visibility: hidden;
	}
}

/*
----------------------------------------*/
.openable-block .openable-block__content {
	height: 0;
	overflow: hidden;
	transition: height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.openable-block .openable-block__inner {
	position: relative;
}

@media screen and (min-width: 751px) {
	.openable-block .openable-block__toggle-btn:after {
		margin-top: 1px;
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 2px 2px 0;
		width: 8px;
		height: 8px;
		vertical-align: middle;
		transform: translateY(-20%) rotate(45deg);
	}
}

@media screen and (max-width: 750px) {
	.openable-block .openable-block__toggle-btn:after {
		margin-top: 0.13333vw;
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 0.26667vw 0.26667vw 0;
		width: 1.06667vw;
		height: 1.06667vw;
		vertical-align: middle;
		transform: translateY(-20%) rotate(45deg);
	}
}

.openable-block .openable-block__toggle-btn .toggle-btn__close {
	display: none;
}

@media screen and (min-width: 751px) {
	.openable-block.is-open .openable-block__toggle-btn:after {
		margin-top: 5px;
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 2px 2px 0;
		width: 8px;
		height: 8px;
		vertical-align: middle;
		transform: rotate(225deg);
	}
}

@media screen and (max-width: 750px) {
	.openable-block.is-open .openable-block__toggle-btn:after {
		margin-top: 0.66667vw;
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 0.26667vw 0.26667vw 0;
		width: 1.06667vw;
		height: 1.06667vw;
		vertical-align: middle;
		transform: rotate(225deg);
	}
}

.openable-block.is-open .openable-block__toggle-btn .toggle-btn__open {
	display: none;
}

.openable-block.is-open .openable-block__toggle-btn .toggle-btn__close {
	display: block;
}

button {
	padding: 0;
	background-color: transparent;
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

.tpl-back-btn {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 46px;
	height: 46px;
	background: #000;
	border-radius: 50%;
	z-index: 1;
	pointer-events: all;
	cursor: pointer;
	left: 64px;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 750px) {
	.tpl-back-btn {
		width: 6.66667vw;
		height: 6.66667vw;
	}
	.tpl-back-btn:before {
		content: '';
		position: absolute;
		left: -3.33333vw;
		top: -3.33333vw;
		width: 13.33333vw;
		height: 13.33333vw;
		background-color: transparent;
	}
}

@media screen and (max-width: 750px) {
	.tpl-back-btn {
		left: 6.66667vw;
	}
}

.tpl-back-btn:after {
	content: '';
}

@media screen and (min-width: 751px) {
	.tpl-back-btn:after {
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 3px 3px 0;
		width: 8px;
		height: 8px;
		vertical-align: middle;
		transform: rotate(135deg);
		margin-left: 5px;
	}
}

@media screen and (max-width: 750px) {
	.tpl-back-btn:after {
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 0.4vw 0.4vw 0;
		width: 1.86667vw;
		height: 1.86667vw;
		vertical-align: middle;
		transform: rotate(135deg);
		margin-left: 0.66667vw;
	}
}

@media (hover: hover) and (pointer: fine) {
	.tpl-back-btn:hover {
		transform: scale(1.1);
	}
}

.lang-btn {
	position: absolute;
	font-family: 'Teko', sans-serif;
	font-weight: 600;
	z-index: 300;
	color: #000;
	transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (min-width: 751px) {
	.lang-btn {
		right: 40px;
		top: 47px;
		font-size: 39px;
	}
}

@media screen and (max-width: 750px) {
	.lang-btn {
		right: 6.66667vw;
		top: 4.93333vw;
		font-size: 39px;
		font-size: 5.2vw;
	}
}

.lang-btn span {
	display: inline-block;
	line-height: 1em;
	border-width: 3px;
	border-color: #000;
}

@media screen and (max-width: 750px) {
	.lang-btn span {
		border-width: 0.4vw;
	}
}

.lang-btn span.lang-btn__jp {
	border-bottom-style: solid;
}

.lang-btn span.lang-btn__en {
	border: none;
}

body.en .lang-btn span.lang-btn__jp {
	border: none;
}

body.en .lang-btn span.lang-btn__en {
	border-bottom-style: solid;
}

@media (hover: hover) and (pointer: fine) {
	.lang-btn:hover {
		opacity: 0.7;
	}
}

@media screen and (min-width: 751px) {
	.header-logo {
		width: 138px;
		filter: drop-shadow(1px 1px 0.5px #FFF) drop-shadow(-1px -1px 0.5px #FFF) drop-shadow(-1px 1px 0.5px #FFF) drop-shadow(1px -1px 0.5px #FFF) drop-shadow(1px 0 0.5px #FFF) drop-shadow(-1px 0px 0.5px #FFF) drop-shadow(0 1px 0.5px #FFF) drop-shadow(0 -1px 0.5px #FFF);
	}
}

@media screen and (max-width: 750px) {
	.header-logo {
		width: 14.4vw;
		filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 0.5)) drop-shadow(-1px -1px 1px rgba(255, 255, 255, 0.5)) drop-shadow(-1px 1px 1px rgba(255, 255, 255, 0.5)) drop-shadow(1px -1px 1px rgba(255, 255, 255, 0.5)) drop-shadow(1px 0 1px rgba(255, 255, 255, 0.5)) drop-shadow(-1px 0px 1px rgba(255, 255, 255, 0.5)) drop-shadow(0 1px 1px rgba(255, 255, 255, 0.5)) drop-shadow(0 -1px 1px rgba(255, 255, 255, 0.5));
	}
}

.header-logo img {
	width: 100%;
}

.tpl-page-head {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: auto 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FFF;
}

@media screen and (min-width: 751px) {
	.tpl-page-head {
		width: 100%;
		height: 150px;
		background-image: url("/2022online/assets/common/img/page-head-bg.jpg");
	}
}

@media screen and (max-width: 750px) {
	.tpl-page-head {
		height: 17.33333vw;
		background-image: url("/2022online/assets/common/img/page-head-bg-sp.jpg");
	}
}

.tpl-section {
	padding-top: 50px;
	padding-bottom: 50px;
}

@media screen and (max-width: 750px) {
	.tpl-section {
		padding-top: 6.66667vw;
		padding-bottom: 6.66667vw;
	}
}

.tpl-section-head {
	color: #000;
	text-align: center;
	margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
	.tpl-section-head {
		margin-bottom: 5.33333vw;
	}
}

.tpl-section-head .section-head__en {
	display: block;
	font-family: 'Teko', sans-serif;
	font-weight: 600;
	font-size: 100px;
	line-height: 0.8em;
}

@media screen and (max-width: 750px) {
	.tpl-section-head .section-head__en {
		font-size: 100px;
		font-size: 13.33333vw;
	}
}

.tpl-section-head .section-head__jp {
	margin-top: -1em;
	font-weight: bold;
	font-size: 20px;
}

@media screen and (max-width: 750px) {
	.tpl-section-head .section-head__jp {
		font-size: 20px;
		font-size: 2.66667vw;
	}
}

.back-to-list-btn, .back-to-top-btn {
	background-color: #000;
}

.back-to-list-btn, .back-to-top-btn, .find-the-treasure-btn {
	position: relative;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 751px) {
	.back-to-list-btn, .back-to-top-btn, .find-the-treasure-btn {
		width: 650px;
		height: 140px;
		margin-top: 50px;
	}
}

@media screen and (min-width: 751px) {
	body.product .back-to-list-btn, body.product .back-to-top-btn, body.product .find-the-treasure-btn {
		width: 100%;
	}
}

@media screen and (max-width: 750px) {
	.back-to-list-btn, .back-to-top-btn, .find-the-treasure-btn {
		width: 86.66667vw;
		height: 18.66667vw;
		margin-top: 6.66667vw;
	}
}

.back-to-list-btn div, .back-to-top-btn div, .find-the-treasure-btn div {
	text-align: center;
}

.back-to-list-btn div span, .back-to-top-btn div span, .find-the-treasure-btn div span {
	display: block;
}

.back-to-list-btn div span.en, .back-to-top-btn div span.en, .find-the-treasure-btn div span.en {
	font-family: 'Teko', sans-serif;
	line-height: 1em;
	font-size: 40px;
}

@media screen and (max-width: 750px) {
	.back-to-list-btn div span.en, .back-to-top-btn div span.en, .find-the-treasure-btn div span.en {
		font-size: 40px;
		font-size: 5.33333vw;
	}
}

.back-to-list-btn div span.jp, .back-to-top-btn div span.jp, .find-the-treasure-btn div span.jp {
	font-size: 16px;
}

@media screen and (max-width: 750px) {
	.back-to-list-btn div span.jp, .back-to-top-btn div span.jp, .find-the-treasure-btn div span.jp {
		font-size: 16px;
		font-size: 2.13333vw;
	}
}

.back-to-list-btn:before, .back-to-top-btn:before, .find-the-treasure-btn:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 7.69231%;
}

@media screen and (min-width: 751px) {
	.back-to-list-btn:before, .back-to-top-btn:before, .find-the-treasure-btn:before {
		width: 14px;
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 3px 3px 0;
		width: 14px;
		height: 14px;
		vertical-align: middle;
		transform: rotate(135deg);
	}
}

@media screen and (max-width: 750px) {
	.back-to-list-btn:before, .back-to-top-btn:before, .find-the-treasure-btn:before {
		width: 1.86667vw;
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 0.4vw 0.4vw 0;
		width: 1.86667vw;
		height: 1.86667vw;
		vertical-align: middle;
		transform: rotate(135deg);
	}
}

.footer-wrapper {
	position: relative;
}