@charset "UTF-8";




/* CSS STYLE */

html {
	font-size: 2.666666vw;
}
body {
	min-width: 320px;
	font-size: 1.4rem;
	line-height: 1.7;
}

.spnone {
	display: none !important;
}











/* PARTS */

#bg-movie {
	contain: content;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#bg-movie video {
	position: absolute;
	min-width: 100%;
	min-height: 100vh;
	height: 100%;
	left: 50%;
	transform: translateX(-50%) scale(1.1);
	z-index: 1;
}
#bg-movie .bg-dim {
	z-index: 2;
}

#contents {
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 2;
}
#contents.underpage {
	padding-top: 10rem;
	padding-bottom: 8rem;
}

.block-concave,
.block-convex,
.block-convex2 {
	position: relative;
}
.block-concave:before,
.block-concave:after,
.block-convex:before,
.block-convex:after,
.block-convex2:before,
.block-convex2:after {
	content: "";
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 30px;
}
.block-concave:before {
	top: -30px;
	left: 0;
	background-image: url(../img/concave-top-sp.svg);
	background-position: center bottom;
}
.block-concave:after {
	bottom: -30px;
	left: 0;
	background-image: url(../img/concave-btm-sp.svg);
	background-position: center top;
}
.block-convex:before {
	top: -30px;
	left: 0;
	background-image: url(../img/convex-top-sp.svg);
	background-position: center bottom;
}
.block-convex:after {
	bottom: -30px;
	left: 0;
	background-image: url(../img/convex-btm-sp.svg);
	background-position: center top;
}
.block-convex2:before {
	top: -30px;
	left: 0;
	background-image: url(../img/convex-top2-sp.svg);
	background-position: center bottom;
}
.block-convex2:after {
	bottom: -30px;
	left: 0;
	background-image: url(../img/convex-btm2-sp.svg);
	background-position: center top;
}

.inner {
	position: relative;
	width: 100%;
	padding-left: 2rem;
	padding-right: 2rem;
}

.bg-net {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/bg-net.png) left top;
	background-size: 5rem;
	width: 100%;
	height: 100%;
}
.bg-net.over {
	top: -3rem;
	height: calc(100% + 6rem);
}
.bg-dim {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	width: 100%;
	height: 100%;
	opacity: 0.3;
}
.bg-dark {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}
.bg-yellow {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffd034;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}

#breadcrumb {
	display: flex;
	width: 100%;
	margin-bottom: 5rem;
	font-size: 1.1rem;
	line-height: 1;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
#breadcrumb a {
	color: #888;
}
#breadcrumb li {
	display: flex;
	position: relative;
	color: #888;
	white-space: nowrap;
}
#breadcrumb li:after {
	content: ">";
	display: block;
	width: 2.4rem;
	text-align: center;
}
#breadcrumb li:last-child {
	color: #fff;
}
#breadcrumb li:last-child:after {
	display: none;
}

.head1 {
	margin: 5rem 0;
	font-family: 'Raleway';
	font-size: 4.4rem;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
	letter-spacing: 0.05em;
}
.head1 span {
	display: block;
	margin-bottom: 0.6rem;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: 0.05em;
}
.head1 strong {
	display: block;
	font-family: 'Noto Sans JP', 'Raleway';
	margin-top: 1rem;
	font-size: 1.3rem;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.05em;
}
#contents.underpage .head1 {
	font-size: 3.8rem;
}
.head2 {
	margin: 5rem 0 2rem 0;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.6;
}
.head3 {
	margin: 5rem 0 2rem 0;
	font-family: 'Raleway';
	font-size: 2.5rem;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
}
.head3 span {
	margin-left: 2rem;
	font-family: 'Noto Sans JP', 'Raleway';
	font-size: 1.5rem;
	font-style: normal;
}
.head4 {
}
.head5 {
}
.head6 {
}
.head1:first-child,
.head2:first-child,
.head3:first-child,
.head4:first-child,
.head5:first-child,
.head6:first-child {
	margin-top: 0;
}
.section-head {
	width: 100%;
	margin: 5rem 0 6rem 0;
}
.section-head:last-child {
	margin-bottom: 0;
}
.section-head .head1 {
	width: 100%;
	margin: 0;
	z-index: 1;
}
.section-head .read {
	width: 100%;
	margin-top: 4rem;
	z-index: 2;
}

.btn {
	display: block !important;
	text-align: center !important;
}
.btn a,
.btn button,
.btn input[type="submit"] {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 23.4rem;
	height: 6.4rem;
	padding-bottom: 0.2rem;
	font-family: 'Raleway', 'Noto Sans JP';
	font-size: 1.6rem;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.05em;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	opacity: 1;
}
.btn span {
	position: relative;
	filter: drop-shadow(0 0 0.5rem #fff);
	z-index: 2;
}
.btn a:before,
.btn button:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(../img/btn-top-sp.svg) right top no-repeat, url(../img/btn-btm-sp.svg) left bottom no-repeat;
	background-size: 30rem, 30rem;
	width: 100%;
	height: 100%;
	filter: drop-shadow(0 0 0.5rem #fff);
	z-index: 1;
}
.btn a + a,
.btn button + button {
	margin-top: 1.5rem;
}

a.link {
	text-decoration: underline;
}

.img-box {
	position: relative;
	width: 100%;
	background-color: #000;
	padding-top: 68.333%;
	clip-path: polygon(0 0, 94.45% 0, 100% 8.13%, 100% 100%, 100% 100%, 5.55% 100%, 0 91.87%, 0 0);
	font-size: 0;
	overflow: hidden;
}
.img-box img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: none;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
a:hover .img-box img,
.img-box a:hover img {
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.clip-box {
	position: relative;
	width: 100%;
	background-color: rgba(255,255,255,0.2);
	padding: 1px;
	clip-path: polygon(0 0, 94.45% 0, 100% 8.13%, 100% 100%, 100% 100%, 5.55% 100%, 0 91.87%, 0 0);
}

.column {
	width: 100%;
	margin: 3rem 0 6rem 0;
}
.column:first-child {
	margin-top: 0;
}
.column:last-child {
	margin-bottom: 0;
}
.column .box {
	width: 100%;
	margin-bottom: 6rem;
}
.column .box:last-child {
	margin-bottom: 0 !important;
}
.column.list h2:first-child,
.column.list h3:first-child,
.column.list h4:first-child,
.column.list p:first-child,
.column.list ul:first-child,
.column.list ol:first-child,
.column.list dl:first-child,
.column.list dt:first-child {
	margin-top: 0 !important;
}
.column.list h2:last-child,
.column.list h3:last-child,
.column.list h4:last-child,
.column.list p:last-child,
.column.list ul:last-child,
.column.list ol:last-child,
.column.list dl:last-child,
.column.list dt:last-child {
	margin-bottom: 0 !important;
}

.big {
	font-size: 112.5%;
}
.sml {
	font-size: 87.5%;
	line-height: 2.1;
}
.notes {
	font-size: 1.3rem;
	font-weight: 400;
	color: #888;
}

.glow {
	animation: glow 2s ease infinite;
	filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0.5));
}
@keyframes glow {
	0% {
		filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0.5));
	}
	2% {
		filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0));
	}
	4% {
		filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0.5));
	}
	6% {
		filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0));
	}
	8% {
		filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0.5));
	}
	10% {
		filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0));
	}
	50% {
		filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0));
	}
	52% {
		filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0.5));
	}
	54% {
		filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0));
	}
	56% {
		filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0.5));
	}
	58% {
		filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0));
	}
	60% {
		filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0.5));
	}
	100% {
		filter: drop-shadow(0 0 0.5rem #fff) drop-shadow(0 0 0.5rem rgba(255,255,255,0.5));
	}
}
.hr-glow1 {
	animation: hr1 3s ease infinite;
	font-size: 0;
	-webkit-filter: drop-shadow(0 0 0.8rem #ffd034) drop-shadow(0 0 0.8rem #ffd034);
	filter: drop-shadow(0 0 0.8rem #ffd034) drop-shadow(0 0 0.8rem #ffd034);
}
@keyframes hr1 {
	0% {
		filter: drop-shadow(0 0 0.8rem #ffd034) drop-shadow(0 0 0.8rem #ffd034);
	}
	92% {
		filter: drop-shadow(0 0 0.8rem #ffd034) drop-shadow(0 0 0.8rem #ffd034);
	}
	94% {
		filter: drop-shadow(0 0 0.8rem #ffd034);
	}
	96% {
		filter: drop-shadow(0 0 0.8rem #ffd034) drop-shadow(0 0 0.8rem #ffd034);
	}
	98% {
		filter: drop-shadow(0 0 0.8rem #ffd034);
	}
	100% {
		filter: drop-shadow(0 0 0.8rem #ffd034) drop-shadow(0 0 0.8rem #ffd034);
	}
}
.hr-glow2 {
	animation: hr2 3s ease infinite;
	font-size: 0;
	-webkit-filter: drop-shadow(0 0 0.8rem #fff) drop-shadow(0 0 0.8rem #fff);
	filter: drop-shadow(0 0 0.8rem #fff) drop-shadow(0 0 0.8rem #fff);
}
@keyframes hr2 {
	0% {
		filter: drop-shadow(0 0 0.8rem #fff) drop-shadow(0 0 0.8rem #fff);
	}
	92% {
		filter: drop-shadow(0 0 0.8rem #fff) drop-shadow(0 0 0.8rem #fff);
	}
	94% {
		filter: drop-shadow(0 0 0.8rem #fff);
	}
	96% {
		filter: drop-shadow(0 0 0.8rem #fff) drop-shadow(0 0 0.8rem #fff);
	}
	98% {
		filter: drop-shadow(0 0 0.8rem #fff);
	}
	100% {
		filter: drop-shadow(0 0 0.8rem #fff) drop-shadow(0 0 0.8rem #fff);
	}
}
.flash1 {
	animation: flash1 0.1s linear infinite;
}
@keyframes flash1 {
	0% {
		opacity: 1;
	}
	49% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 0.5;
	}
}
.shake1 {
	animation: shake1 0.4s linear infinite;
}
@keyframes shake1 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	24% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	25% {
		-webkit-transform: translate(0, 50%);
		transform: translate(0, 50%);
		opacity: 0.2;
	}
	49% {
		-webkit-transform: translate(0, 50%);
		transform: translate(0, 50%);
		opacity: 0.2;
	}
	50% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	74% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	75% {
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		opacity: 0.2;
	}
	100% {
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		opacity: 0.2;
	}
}

.blur {
	opacity: 0;
	-ms-filter: blur(20rem);
	filter: blur(20rem);
	-webkit-transition: 1s ease-out;
	transition: 1s ease-out;
}
.blur.active {
	-ms-filter: blur(0rem);
	filter: blur(0rem);
	opacity: 1;
}
.fade {
	opacity: 0;
	-webkit-transition: 0.8s linear;
	transition: 0.8s linear;
}
.fade.active {
	opacity: 1;
}
.fade-l {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(-2rem, 0);
	transform: translate(-2rem, 0);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-l.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-r {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(2rem, 0);
	transform: translate(2rem, 0);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-r.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-t {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(0, -2rem);
	transform: translate(0, -2rem);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-t.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-b {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(0, 2rem);
	transform: translate(0, 2rem);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-b.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-w {
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	opacity: 0;
}
.fade-z {
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
	-webkit-transform: scale(0.9,0.9);
	transform: scale(0.9,0.9);
	opacity: 0;
}
.fade-w.active,
.fade-z.active {
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	opacity: 1;
}












/* HEADER */

header .side-area {
	position: fixed;
	top: 0;
	right: 0;
	width: 9rem;
	height: 6.2rem;
	z-index: 10000;
}
.side-area #menu-open {
	position: relative;
	background-image: url(../img/menu-open-sp.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 9rem;
	height: 6.2rem;
	padding-top: 6.2rem;
	font-size: 0;
	overflow: hidden;
}
.side-area #menu-open.active {
	background-image: url(../img/menu-close-sp.png);
}
.side-area .sns,
.side-area .lang {
	display: none;
}
header .header-menu {
	position: fixed;
	top: 0;
	right: -100%;
	background-color: rgba(0,0,0,0.85);
	width: 100%;
	height: 100vh;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 9999;
}
header .header-menu.active {
	right: 0;
}
header .header-menu .inner {
	display: flex;
	align-items: center;
	align-content: center;
	height: 100%;
	padding-top: 6rem;
}

.menu-area {
	position: relative;
}
.menu-area .main-menu {
	display: flex;
	flex-wrap: wrap;
	margin: 3.5rem 0;
	font-family: 'Raleway';
	line-height: 1;
}
.menu-area .main-menu li {
	display: flex;
	align-items: flex-start;
	margin: 1rem 0;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	font-style: italic;
	white-space: nowrap;
}
.menu-area .main-menu li:nth-of-type(2),
.menu-area .main-menu li:nth-of-type(6) {
	margin-right: 4rem;
}
.menu-area .main-menu li span {
	display: inline-block;
	padding-top: 0.2rem;
	font-size: 1rem;
	font-weight: 400;
	font-style: italic;
	letter-spacing: 0.05em;
}
.menu-area .main-menu li:after {
	content: "\a0/\a0";
}
.menu-area .main-menu li:last-child:after {
	display: none;
}
.menu-area .menu-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 4rem;
}
.menu-area .btn {
	text-align: left;
}
.menu-area .btn a {
	width: 16.4rem;
	height: 5.4rem;
}
.menu-area .sns {
	position: relative;
	display: flex;
	margin: 0;
}
.menu-area .sns li {
	margin: 0 0 0 1.6rem;
}
.menu-area .sns li img {
	width: 3.4rem;
}
.menu-area .sns li .discord {
	-webkit-filter: drop-shadow(0 0 0.8rem #5162f8) drop-shadow(0 0 0.8rem rgba(81,98,248,0.5));
	filter: drop-shadow(0 0 0.8rem #5162f8) drop-shadow(0 0 0.8rem rgba(81,98,248,0.5));
}
.menu-area .sns li .x {
	-webkit-filter: drop-shadow(0 0 0.6rem #000) drop-shadow(0 0 0.6rem rgba(255,255,255,1));
	filter: drop-shadow(0 0 0.6rem #000) drop-shadow(0 0 0.6rem rgba(255,255,255,1));
}
.menu-area .copy {
	width: 100%;
	margin-top: 1.6rem;
	font-size: 1rem;
	font-weight: 700;
	font-style: italic;
	text-align: right;
	line-height: 1;
	opacity: 0.5;
}
.menu-area .lang {
	position: absolute;
	top: -5.4rem;
	right: 0;
	display: flex;
	justify-content: space-between;
	width: 5rem;
	height: 2.4rem;
	margin: 0;
}
.menu-area .lang li {
	width: 2.4rem;
	text-align: center;
}
.menu-area .lang li a {
	display: inline-block;
	background-color: #000;
	width: 2.4rem;
	height: 2.4rem;
	font-size: 1.3rem;
	font-weight: 700;
	text-align: center;
	line-height: 2.4rem;
	text-decoration: none;
	color: #fff;
}
.menu-area .lang li.active a {
	background-color: #fff;
	color: #000;
	pointer-events: none;
}










/* FOOTER */

footer {
	position: relative;
	width: 100%;
	height: 100%;
	padding-bottom: 100px;
}
footer .inner {
	display: flex;
	align-items: center;
	align-content: center;
	height: 100%;
	padding-top: 6rem;
	z-index: 3;
}
footer .bg-net {
	z-index: 2;
}
footer .bg-yellow {
	z-index: 1;
}
footer .menu-area {
	position: relative;
}
footer .menu-area .hr {
	animation: hr2 3s ease infinite;
	font-size: 0;
	-webkit-filter: drop-shadow(0 0 0.8rem #fff) drop-shadow(0 0 0.8rem #fff);
	filter: drop-shadow(0 0 0.8rem #fff) drop-shadow(0 0 0.8rem #fff);
}
@keyframes hr2 {
	0% {
		filter: drop-shadow(0 0 0.8rem #fff) drop-shadow(0 0 0.8rem #fff);
	}
	92% {
		filter: drop-shadow(0 0 0.8rem #fff) drop-shadow(0 0 0.8rem #fff);
	}
	94% {
		filter: drop-shadow(0 0 0.8rem #fff);
	}
	96% {
		filter: drop-shadow(0 0 0.8rem #fff) drop-shadow(0 0 0.8rem #fff);
	}
	98% {
		filter: drop-shadow(0 0 0.8rem #fff);
	}
	100% {
		filter: drop-shadow(0 0 0.8rem #fff) drop-shadow(0 0 0.8rem #fff);
	}
}
footer .gotop {
	position: absolute;
	top: -5.8rem;
	left: 50%;
	width: 3.2rem;
	height: 2.8rem;
	margin-left: -1.6rem;
}
footer .gotop a {
	display: block;
	background: url(../img/icon-jump.svg) center top no-repeat;
	background-size: cover;
	width: 3.2rem;
	height: 2.8rem;
	-webkit-transition: rotate(180deg);
	transform: rotate(180deg);
}










/* INDEX */

#index-main {
	contain: content;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
#index-main .logo,
#contents .logo {
	position: absolute;
	top: 4rem;
	left: 2rem;
	width: 24.4rem;
	height: 3.1rem;
	z-index: 10;
}
#index-main .logo a,
#contents .logo a {
	display: block;
	background: url(../img/logo.svg) left top no-repeat;
	background-size: 24.4rem;
	width: 24.4rem;
	height: 3.1rem;
	padding-top: 3.1rem;
	font-size: 0;
	overflow: hidden;
}
#index-main .inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	height: 100%;
	z-index: 5;
}
#index-main .inner h1 {
	width: 100%;
}
#index-main .inner h1 {
	font-size: 3rem;
	line-height: 1.8;
}
#index-main .inner h1 span {
}
#index-main .inner h1 img {
	vertical-align: middle;
	width: auto;
	height: 4rem;
}
#index-main .inner p {
	width: 100%;
	margin-top: 1.6rem;
	font-size: 1.4rem;
}
#index-main .bg-net {
	z-index: 4;
}

#index-main .down {
	position: absolute;
	right: 2rem;
	bottom: 2rem;
	width: 13rem;
	height: 13rem;
	z-index: 6;
}
#index-main .down a {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	background: url(../img/icon-jump.svg) center top no-repeat;
	background-size: cover;
	width: 3.2rem;
	height: 2.8rem;
	margin: -1.4rem 0 0 -1.4rem;
	z-index: 2;
}
#index-main .down a:hover {
	opacity: 0.5;
}
#index-main .down img {
	animation: scroll 10s linear infinite;
	position: absolute;
	top: 0;
	left: 0;
	width: 13rem;
	height: 13rem;
	z-index: 1;
}
@keyframes scroll {
	0% {
		-webkit-transition: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transition: rotate(360deg);
		transform: rotate(360deg);
	}
}

#index-main .corner {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/main-corner_01.svg) left top no-repeat, url(../img/main-corner_02.svg) 11rem bottom no-repeat;
	background-size: 19rem, 37.5rem;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	z-index: 3;
}
#index-main .noise {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
#index-main .noise .noise1 {
	position: absolute;
	bottom: 12.5rem;
	left: -5rem;
	width: 20rem;
	font-size: 0;
	opacity: 0.5;
	z-index: 2;
}
#index-main .noise .noise2 {
	position: absolute;
	top: 8.5rem;
	right: -12rem;
	width: 30rem;
	font-size: 0;
	opacity: 0.5;
	z-index: 2;
}
#index-main .noise .noise3 {
	position: absolute;
	bottom: 12.5rem;
	right: 0;
	width: 18rem;
	font-size: 0;
	opacity: 0.5;
	z-index: 2;
}
#index-main .noise .noise4 {
	position: absolute;
	top: 11.5rem;
	right: -10.5rem;
	width: 18rem;
	font-size: 0;
	opacity: 0.4;
	-webkit-filter: drop-shadow(0 0.3rem 0.6rem #49ff07);
	filter: drop-shadow(0 0.3rem 0.6rem #49ff07);
	z-index: 1;
}
#index-main .noise .noise5 {
	position: absolute;
	top: 0;
	right: 8rem;
	width: 2rem;
	font-size: 0;
	opacity: 0.4;
	-ms-filter: blur(0.5rem);
	filter: blur(0.5rem);
	z-index: 1;
}
#index-main .noise .noise6 {
	position: absolute;
	bottom: 16rem;
	left: -5rem;
	width: 14rem;
	font-size: 0;
	opacity: 0.5;
	z-index: 1;
}
#index-main .noise .noise7 {
	position: absolute;
	top: 8.6rem;
	left: 0;
	width: 46rem;
	font-size: 0;
	opacity: 0.8;
	z-index: 1;
}
#index-main .noise .noise8 {
	position: absolute;
	bottom: 1rem;
	right: 0;
	width: 43rem;
	font-size: 0;
	opacity: 0.8;
	z-index: 1;
}
#index-main .noise .noise1-sub {
	position: absolute;
	bottom: -32rem;
	left: -8rem;
	width: 20rem;
	font-size: 0;
	opacity: 0.3;
	z-index: 2;
}
#index-main .noise .noise3-sub {
	position: absolute;
	top: -2rem;
	left: -10rem;
	width: 18rem;
	font-size: 0;
	opacity: 0.3;
	-webkit-transform: scale(-1,-1);
	transform: scale(-1, -1);
	z-index: 2;
}
#index-main .noise .noise5-sub {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2rem;
	font-size: 0;
	opacity: 0.4;
	-ms-filter: blur(0.5rem);
	filter: blur(0.5rem);
	z-index: 1;
}
#index-main .noise .noise6-sub {
	position: absolute;
	bottom: -7rem;
	right: -5rem;
	width: 14rem;
	font-size: 0;
	opacity: 0.5;
	-webkit-transform: scale(-1,1);
	transform: scale(-1, 1);
	z-index: 1;
}


.index-about {
	position: relative;
	padding: 8rem 0 10rem 0;
	z-index: 1;
}
.index-about .inner {
	z-index: 4;
}
.index-about .bg-net {
	z-index: 3;
}
.index-about .bg-net.over {
	top: 0;
	height: calc(100% + 3rem);
}
.index-about .bg-dim {
	opacity: 0.4;
	z-index: 2;
}
.index-about .block-convex:before {
	display: none;
}
.index-about h3 {
	margin-top: 2rem;
	margin-bottom: 4rem;
	text-align: center;
}
.index-about h3 img {
	width: 100%;
}
.index-about .about-txt1 {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.7;
	text-align: center;
}
.index-about .about-txt1 img {
	vertical-align: middle;
	width: auto;
	height: 2.2rem;
	margin-left: 0.8rem;
}
.index-about .about-txt2 {
	margin-top: 3rem;
	font-size: 1.5rem;
	line-height: 2;
	text-align: center;
}
.index-about .about-txt3 {
	margin-top: 4rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.7;
	text-align: center;
}
.index-about .about-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
.index-about .img1 {
	position: absolute;
	bottom: 0;
	right: calc(50% + 6rem);
	width: 20rem;
	padding-bottom: 20rem;
	opacity: 0.8;
	-webkit-transition: 3s ease;
	transition: 3s ease;
}
.index-about .img2 {
	position: absolute;
	left: calc(50% + 5rem);
	bottom: 0;
	width: 11.5rem;
	padding-bottom: 10rem;
	opacity: 0.8;
	-webkit-transition: 3s ease;
	transition: 3s ease;
}
.index-about .img3 {
	position: absolute;
	top: 0;
	right: calc(50% + 9rem);
	width: 12rem;
	padding-top: 34rem;
	opacity: 0.8;
	-webkit-transition: 3s ease;
	transition: 3s ease;
}
.index-about .img4 {
	position: absolute;
	top: 0;
	left: calc(50% + 4.5rem);
	width: 25rem;
	padding-top: 16rem;
	opacity: 0.8;
	-webkit-transition: 3s ease;
	transition: 3s ease;
}
.index-about .img5 {
	position: absolute;
	bottom: 0;
	right: calc(50% + 1rem);
	width: 15rem;
	opacity: 0.8;
	-webkit-transition: 3s ease;
	transition: 3s ease;
}
.index-about .img6 {
	position: absolute;
	right: calc(50% + 1rem);
	top: 0;
	width: 11.5rem;
	opacity: 0.8;
	-webkit-transition: 3s ease;
	transition: 3s ease;
}


.index-nft {
	position: relative;
	margin: 30px 0;
	padding: 8rem 0;
	z-index: 2;
}
.index-nft .inner {
	position: relative;
	z-index: 4;
}
.index-nft .nft-img {
	position: relative;
	margin-top: 6rem;
	z-index: 4;
}
.index-nft .bg-net {
	z-index: 3;
}
.index-nft .bg-dark {
	z-index: 1;
}
.nft-list {
	position: relative;
	width: 100%;
	z-index: 2;
}
.nft-list .slick-slide {
	padding: 0 1.5rem;
}
.nft-list img {
	width: 18rem;
}
.index-nft .nft-bg {
	animation: nft 10s linear infinite;
	position: absolute;
	/*bottom: 16.4rem;*/
	bottom: 8rem;
	left: 0;
	background-image: url(../img/nft-bg.svg);
	background-position: 0 top;
	background-repeat: repeat-x;
	background-size: 23rem;
	width: 100%;
	height: 8rem;
	opacity: 0.35;
	z-index: 2;
}
@keyframes nft {
	0% {
		background-position: 0 top;
	}
	100% {
		background-position: 23rem top;
	}
}
.index-nft .btn {
	margin-top: 8rem;
}
.index-nft .modal-open {
	margin-top: 3rem;
}


.index-benefits {
	position: relative;
	margin: 30px 0;
	padding: 8rem 0;
	z-index: 2;
}
.index-benefits .inner {
	z-index: 3;
}
.index-benefits .inner .holder-util-list {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 8vw;
}
.index-benefits .inner .holder-util-list .holder-util {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 4vw;
}
.index-benefits .inner .holder-util-list .holder-util .tag {
	width: 90%;
	height: 12vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	color: #000;
	border-radius: 100px;
	font-weight: bold;
	font-size: 4.7vw;
}
.index-benefits .inner .holder-util-list .holder-util .detail {
	font-size: 3.2vw;
	font-weight: bold;
}
.index-benefits .inner .holder-util-list .holder-util h4 {
	font-size: 6.5vw;
	font-weight: bold;
}
.index-benefits .inner .holder-util-list .holder-util small {
	font-size: 3.5vw;
	text-align: center;
}
.index-benefits .inner .holder-util-list .holder-util img {
	width: 80%;
}
.index-benefits .inner .holder-util-list .border {
	display: block;
	width: 90%;
	height: 7px;
	background-color: #A5892C;
}
.index-benefits .bg-net {
	z-index: 2;
}
.index-benefits .bg-dark {
	z-index: 1;
}
.article-list {
	font-size: 1.4rem;
}
.article-list h4 {
	margin-top: 2rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.6;
}
.article-list p {
	margin-top: 1rem;
}
.index-benefits .column.c2 .box {
	margin-bottom: 3rem;
}


.index-roadmap {
	position: relative;
	padding: 8rem 0;
	z-index: 1;
}
.index-roadmap .inner {
	z-index: 3;
}
.index-roadmap .bg-net {
	z-index: 2;
}
.index-roadmap .bg-dim {
	z-index: 1;
}
.roadmap-list {
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	margin: 0 auto;
	padding: 4rem 3rem;
	clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 2rem, 100% 100%, 100% 100%, 2rem 100%, 0 calc(100% - 2rem), 0 0);
}
.roadmap-list dl {
	line-height: 1.4;
}
.roadmap-list dl dt {
	font-family: 'Raleway';
	font-size: 1.6rem;
	font-weight: 700;
	font-style: italic;
}
.roadmap-list dl dd {
	margin-bottom: 1rem;
	font-size: 1.4rem;
}
.roadmap-list dl dd:last-child {
	margin-bottom: 0;
}

.index-join {
	position: relative;
	margin: 30px 0;
	padding: 8rem 0;
	z-index: 2;
}
.index-join .inner {
	z-index: 3;
}
.index-join .bg-net {
	z-index: 2;
}
.index-join .bg-dark {
	z-index: 1;
}
.join-list {
	position: relative;
	display: flex;
	width: 100%;
	margin: 2rem auto 0 auto;
	color: #222;
}
.join-list:before {
	content: "";
	position: absolute;
	left: 3.5rem;
	bottom: -1rem;
	width: 0;
	height: 0;
	margin-left: -0.9rem;
	border-style: solid;
	border-width: 1rem 0.9rem 0 0.9rem;
	border-color: #fff transparent transparent transparent;
}
.join-list:last-of-type:before {
	display: none;
}
.join-list dt {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #000;
	background-color: #fff;
	width: 7rem;
	padding: 1.8rem 0;
	font-family: 'Raleway';
	font-size: 1.3rem;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 0.04em;
	line-height: 1;
	clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 1.5rem 100%, 0 calc(100% - 1.5rem), 0 0);
}
.join-list dt span {
	display: block;
	width: 100%;
	font-size: 2.2rem;
	color: #000;
	text-align: center;
}
.join-list dd {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: #fff;
	width: calc(100% - 7rem);
	padding: 1.8rem 1.5rem;
	font-size: 1.4rem;
	line-height: 1.4;
	clip-path: polygon(0 0, calc(100% - 1.5rem) 0, 100% 1.5rem, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}
.join-list a.link {
	color: #222;
}

.index-team {
	position: relative;
	margin: 30px 0;
	padding: 8rem 0;
	z-index: 2;
}
.index-team .inner {
	z-index: 3;
}
.index-team .bg-net {
	z-index: 2;
}
.index-team .bg-dark {
	z-index: 1;
}
.team-list {
	width: 100%;
}
.team-list .box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 3rem;
}
.team-list .box:last-child {
	margin-bottom: 0;
}
.team-list .box .image {
	position: relative;
	width: 10rem;
	height: 10rem;
	overflow: hidden;
}
.team-list .box .image img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: none;
	width: 100%;
	height: 100%;
}
.team-list .box .read {
	width: calc(100% - 12rem);
	font-size: 1.3rem;
	line-height: 1.5;
}
.team-list .box .read h3 {
	margin-bottom: 1rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}
.team-list .sns {
	justify-content: flex-start;
	margin-top: 1rem;
}
.team-list .sns li {
	margin: 0 1rem 0 0;
}
.team-list .sns li img {
	width: 3rem;
}
.team-list .sns li .discord {
	-webkit-filter: drop-shadow(0 0 0.6rem #5162f8) drop-shadow(0 0 0.6rem rgba(81,98,248,0.5));
	filter: drop-shadow(0 0 0.6rem #5162f8) drop-shadow(0 0 0.6rem rgba(81,98,248,0.5));
}
.team-list .sns li .x {
	-webkit-filter: drop-shadow(0 0 0.5rem #000) drop-shadow(0 0 0.5rem rgba(255,255,255,1));
	filter: drop-shadow(0 0 0.5rem #000) drop-shadow(0 0 0.5rem rgba(255,255,255,1));
}


.index-news {
	position: relative;
	margin-top: 30px;
	padding: 8rem 0;
	z-index: 1;
}
.index-news .inner {
	z-index: 3;
}
.index-news .bg-net {
	z-index: 2;
}
.index-news .bg-net.over {
	top: -3rem;
	height: calc(100% + 3rem);
}
.index-news .bg-dim {
	z-index: 1;
}
.index-news .block-convex:after {
	display: none;
}
.index-news .btn {
	margin-top: 5rem;
}

/* TOP NEWS SECTION */
.news-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.news-wrapper .article-lg {
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #FFF;
}
.news-wrapper .article-lg .article-inner {
	width: 100%;
	height: 100%;
	display: flex;
	padding: 10vw 0;
	flex-direction: column;
}
.news-wrapper .article-lg .article-inner img {
	width: 100%;
	aspect-ratio: 1/1;
	-o-object-fit: cover;
	object-fit: cover;
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
}
.news-wrapper .article-lg .article-inner .post-info-catdate {
	margin: 5.3vw 0;
	display: flex;
	gap: 5.3vw;
}
.news-wrapper .article-lg .article-inner .post-info-catdate .categories {
	display: flex;
	flex-direction: column;
}
.news-wrapper .article-lg .article-inner .post-info-catdate .categories .category {
	background-color: #fff;
	width: 13rem;
	height: 2.6rem;
	margin-right: 3rem;
	margin-bottom: 1.5rem;
	font-family: 'Raleway';
	font-size: 1.3rem;
	font-weight: 700;
	font-style: italic;
	line-height: 2.6rem;
	text-align: center;
	color: #000;
	clip-path: polygon(0 0, calc(100% - 0.5rem) 0, 100% 0.5rem, 100% 100%, 100% 100%, 0.5rem 100%, 0 calc(100% - 0.5rem), 0 0);
}
.news-wrapper .article-lg .article-inner .post-info h3 {
	font-size: 2rem;
	line-height: 1.5;
}
.news-wrapper .article-column {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.news-wrapper .article-column-inner {
	flex: 1;
	height: auto;
	border-bottom: 1px solid #FFF;
	display: flex;
	flex-direction: column;
	padding: 10vw 0;
}
.news-wrapper .article-column-inner img {
	width: 100%;
	aspect-ratio: 1/1;
	-o-object-fit: cover;
	object-fit: cover;
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
}
.news-wrapper .article-column-inner .post-info-catdate {
	margin: 5.3vw 0;
	display: flex;
	gap: 5.3vw;
}
.news-wrapper .article-column-inner .post-info-catdate .categories .category {
	display: flex;
	flex-direction: column;
}
.news-wrapper .article-column-inner .post-info-catdate .categories .category {
	background-color: #fff;
	width: 13rem;
	height: 2.6rem;
	margin-right: 3rem;
	margin-bottom: 1.5rem;
	font-family: 'Raleway';
	font-size: 1.3rem;
	font-weight: 700;
	font-style: italic;
	line-height: 2.6rem;
	text-align: center;
	color: #000;
	clip-path: polygon(0 0, calc(100% - 0.5rem) 0, 100% 0.5rem, 100% 100%, 100% 100%, 0.5rem 100%, 0 calc(100% - 0.5rem), 0 0);
}
.news-wrapper .article-column-inner .post-info h3 {
	font-size: 2rem;
	line-height: 1.5;
}
.news-wrapper .article-column-inner:last-child {
	border-bottom: none;
}
.news-wrapper .article-less {
	flex: 1;
	padding: 0;
	border: none;
}
.news-wrapper .article-less .article-inner {
	width: 100%;
	height: 100%;
	display: flex;
	padding: 10vw 0;
	flex-direction: column;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.news-wrapper .article-less .article-inner img {
	width: 100%;
	aspect-ratio: 1/1;
	-o-object-fit: cover;
	object-fit: cover;
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
}
.news-wrapper .article-less .article-inner .post-info-catdate {
	margin: 5.3vw 0;
	display: flex;
	gap: 5.3vw;
}
.news-wrapper .article-less .article-inner .post-info-catdate .categories .category {
	display: flex;
	flex-direction: column;
}
.news-wrapper .article-less .article-inner .post-info-catdate .categories .category {
	background-color: #fff;
	width: 13rem;
	height: 2.6rem;
	margin-right: 3rem;
	margin-bottom: 1.5rem;
	font-family: 'Raleway';
	font-size: 1.3rem;
	font-weight: 700;
	font-style: italic;
	line-height: 2.6rem;
	text-align: center;
	color: #000;
	clip-path: polygon(0 0, calc(100% - 0.5rem) 0, 100% 0.5rem, 100% 100%, 100% 100%, 0.5rem 100%, 0 calc(100% - 0.5rem), 0 0);
}
.news-wrapper .article-less .article-inner .post-info h3 {
	font-size: 2rem;
	line-height: 1.5;
}

/* ARCHIVE NEWS SECTION */
.news-wrapper-archive {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.news-wrapper-archive .article-first {
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #FFF;
}
.news-wrapper-archive .article-first .article-inner {
	width: 100%;
	height: 100%;
	display: flex;
	padding: 10vw 0;
	flex-direction: column;
}
.news-wrapper-archive .article-first .article-inner img {
	width: 100%;
	aspect-ratio: 1/1;
	-o-object-fit: cover;
	object-fit: cover;
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
}
.news-wrapper-archive .article-first .article-inner .post-info-catdate {
	margin: 5.3vw 0;
	display: flex;
	gap: 5.3vw;
}
.news-wrapper-archive .article-first .article-inner .post-info-catdate .categories {
	display: flex;
	flex-direction: column;
}
.news-wrapper-archive .article-first .article-inner .post-info-catdate .categories .category {
	background-color: #fff;
	width: 13rem;
	height: 2.6rem;
	margin-right: 3rem;
	margin-bottom: 1.5rem;
	font-family: 'Raleway';
	font-size: 1.3rem;
	font-weight: 700;
	font-style: italic;
	line-height: 2.6rem;
	text-align: center;
	color: #000;
	clip-path: polygon(0 0, calc(100% - 0.5rem) 0, 100% 0.5rem, 100% 100%, 100% 100%, 0.5rem 100%, 0 calc(100% - 0.5rem), 0 0);
}
.news-wrapper-archive .article-first .article-inner .post-info h3 {
	font-size: 2rem;
	line-height: 1.5;
}
.news-wrapper-archive .news-second-layer .article-lg {
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #FFF;
}
.news-wrapper-archive .news-second-layer .article-lg .article-inner {
	width: 100%;
	height: 100%;
	display: flex;
	padding: 10vw 0;
	flex-direction: column;
}
.news-wrapper-archive .news-second-layer .article-lg .article-inner img {
	width: 100%;
	aspect-ratio: 1/1;
	-o-object-fit: cover;
	object-fit: cover;
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
}
.news-wrapper-archive .news-second-layer .article-lg .article-inner .post-info-catdate {
	margin: 5.3vw 0;
	display: flex;
	gap: 5.3vw;
}
.news-wrapper-archive .news-second-layer .article-lg .article-inner .post-info-catdate .categories {
	display: flex;
	flex-direction: column;
}
.news-wrapper-archive .news-second-layer .article-lg .article-inner .post-info-catdate .categories .category {
	background-color: #fff;
	width: 13rem;
	height: 2.6rem;
	margin-right: 3rem;
	margin-bottom: 1.5rem;
	font-family: 'Raleway';
	font-size: 1.3rem;
	font-weight: 700;
	font-style: italic;
	line-height: 2.6rem;
	text-align: center;
	color: #000;
	clip-path: polygon(0 0, calc(100% - 0.5rem) 0, 100% 0.5rem, 100% 100%, 100% 100%, 0.5rem 100%, 0 calc(100% - 0.5rem), 0 0);
}
.news-wrapper-archive .news-second-layer .article-lg .article-inner .post-info h3 {
	font-size: 2rem;
	line-height: 1.5;
}
.news-wrapper-archive .news-second-layer .article-column {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.news-wrapper-archive .news-second-layer .article-column-inner {
	flex: 1;
	height: auto;
	border-bottom: 1px solid #FFF;
	display: flex;
	flex-direction: column;
	padding: 10vw 0;
}
.news-wrapper-archive .news-second-layer .article-column-inner img {
	width: 100%;
	aspect-ratio: 1/1;
	-o-object-fit: cover;
	object-fit: cover;
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
}
.news-wrapper-archive .news-second-layer .article-column-inner .post-info-catdate {
	margin: 5.3vw 0;
	display: flex;
	gap: 5.3vw;
}
.news-wrapper-archive .news-second-layer .article-column-inner .post-info-catdate .categories .category {
	display: flex;
	flex-direction: column;
}
.news-wrapper-archive .news-second-layer .article-column-inner .post-info-catdate .categories .category {
	background-color: #fff;
	width: 13rem;
	height: 2.6rem;
	margin-right: 3rem;
	margin-bottom: 1.5rem;
	font-family: 'Raleway';
	font-size: 1.3rem;
	font-weight: 700;
	font-style: italic;
	line-height: 2.6rem;
	text-align: center;
	color: #000;
	clip-path: polygon(0 0, calc(100% - 0.5rem) 0, 100% 0.5rem, 100% 100%, 100% 100%, 0.5rem 100%, 0 calc(100% - 0.5rem), 0 0);
}
.news-wrapper-archive .news-second-layer .article-column-inner .post-info h3 {
	font-size: 2rem;
	line-height: 1.5;
}
.news-wrapper-archive .news-second-layer .article-column-inner:last-child {
	border-bottom: none;
}
.news-wrapper-archive .news-third-layer .article-lines .article-line-item {
	width: 100%;
	height: 100%;
	display: flex;
	padding: 10vw 0;
	flex-direction: column;
	border-bottom: 1px solid #fff;
}
.news-wrapper-archive .news-third-layer .article-lines .article-line-item .post-info-catdate {
	margin: 1vw 0;
	display: flex;
	gap: 1.5vw;
}
.news-wrapper-archive .news-third-layer .article-lines .article-line-item .post-info-catdate .categories {
	display: flex;
	flex-direction: column;
}
.news-wrapper-archive .news-third-layer .article-lines .article-line-item .post-info-catdate .categories .category {
	background-color: #fff;
	width: 13rem;
	height: 2.6rem;
	margin-right: 3rem;
	margin-bottom: 1.5rem;
	font-family: 'Raleway';
	font-size: 1.3rem;
	font-weight: 700;
	font-style: italic;
	line-height: 2.6rem;
	text-align: center;
	color: #000;
	clip-path: polygon(0 0, calc(100% - 0.5rem) 0, 100% 0.5rem, 100% 100%, 100% 100%, 0.5rem 100%, 0 calc(100% - 0.5rem), 0 0);
}
.news-wrapper-archive .news-third-layer .article-lines .article-line-item .post-info h3 {
	font-size: 1.7rem;
	line-height: 1.5;
}
.news-wrapper-archive .article-less {
	flex: 1;
	padding: 0;
	border: none;
}
.news-wrapper-archive .article-less .article-inner {
	width: 100%;
	height: 100%;
	display: flex;
	padding: 10vw 0;
	flex-direction: column;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.news-wrapper-archive .article-less .article-inner img {
	width: 100%;
	aspect-ratio: 1/1;
	-o-object-fit: cover;
	object-fit: cover;
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
}
.news-wrapper-archive .article-less .article-inner .post-info-catdate {
	margin: 5.3vw 0;
	display: flex;
	gap: 5.3vw;
}
.news-wrapper-archive .article-less .article-inner .post-info-catdate .categories .category {
	display: flex;
	flex-direction: column;
}
.news-wrapper-archive .article-less .article-inner .post-info-catdate .categories .category {
	background-color: #fff;
	width: 13rem;
	height: 2.6rem;
	margin-right: 3rem;
	margin-bottom: 1.5rem;
	font-family: 'Raleway';
	font-size: 1.3rem;
	font-weight: 700;
	font-style: italic;
	line-height: 2.6rem;
	text-align: center;
	color: #000;
	clip-path: polygon(0 0, calc(100% - 0.5rem) 0, 100% 0.5rem, 100% 100%, 100% 100%, 0.5rem 100%, 0 calc(100% - 0.5rem), 0 0);
}
.news-wrapper-archive .article-less .article-inner .post-info h3 {
	font-size: 2rem;
	line-height: 1.5;
}

/* hr */

.hr-top {
	background: url(../img/hr-top-sp.svg) left top no-repeat;
	background-size: 100%;
	width: 100%;
	height: 1rem;
	font-size: 0;
}
.hr-menu-top {
	background: url(../img/hr-menu-top-sp.svg) left top no-repeat;
	background-size: 100%;
	width: 100%;
	height: 1rem;
	font-size: 0;
}
.hr-menu-btm {
	background: url(../img/hr-menu-btm-sp.svg) left top no-repeat;
	background-size: 100%;
	width: 100%;
	height: 1rem;
	font-size: 0;
}
.hr-menu-top-w {
	background: url(../img/hr-menu-top-w-sp.svg) left top no-repeat;
	background-size: 100%;
	width: 100%;
	height: 1rem;
	font-size: 0;
}
.hr-menu-btm-w {
	background: url(../img/hr-menu-btm-w-sp.svg) left top no-repeat;
	background-size: 100%;
	width: 100%;
	height: 1rem;
	font-size: 0;
}










/* sns */

.sns-area {
	position: relative;
	padding: 5rem 0;
	z-index: 1;
}
.sns-area .inner {
	z-index: 2;
}
.sns-area .bg-net {
	z-index: 1;
}
.sns-area p {
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}
.sns {
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: 3rem;
}
.sns li {
	margin: 0 0.8rem;
	font-size: 0;
}
.sns img {
	width: 6rem;
}
.sns .discord {
	-webkit-filter: drop-shadow(0 0 1rem #5162f8) drop-shadow(0 0 1rem rgba(81,98,248,0.5));
	filter: drop-shadow(0 0 1rem #5162f8) drop-shadow(0 0 1rem rgba(81,98,248,0.5));
}
.sns .x {
	-webkit-filter: drop-shadow(0 0 0.8rem #000) drop-shadow(0 0 0.8rem rgba(255,255,255,1));
	filter: drop-shadow(0 0 0.8rem #000) drop-shadow(0 0 0.8rem rgba(255,255,255,1));
}
.sns.btn img {
	width: 3.2rem !important;
	margin-right: 2rem;
}










/* popup */

.modal-open {
	position: relative;
	width: 15rem;
	height: 4.4rem;
}
.modal-open span {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 15rem;
	height: 4.4rem;
	padding-bottom: 0.2rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 2;
}
.modal-open span:before {
	content: "";
	display: block;
	background: url(../img/icon-qestion.svg) no-repeat;
	background-size: cover;
	width: 2.4rem;
	height: 2.4rem;
	margin-top: 0.1rem;
	margin-right: 1rem;
}
.modal-open img {
	position: absolute;
	top: 0;
	left: 0;
	width: 15rem;
	height: 4.4rem;
	-webkit-filter: drop-shadow(0 0 0.4rem #fff);
	filter: drop-shadow(0 0 0.4rem #fff);
	z-index: 1;
}

.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.85);
	z-index: 1000;
}
.modal-content {
	display: none;
	position: fixed;
	background: url(../img/hr-modal-top-sp.svg) left top no-repeat, url(../img/hr-modal-btm-sp.svg) left bottom no-repeat;
	background-size: 100%, 100%;
	width: calc(100% - 4rem);
	z-index: 1001;
}
.modal-content .modal-word {
	position: relative;
	padding: 6rem 2rem;
}
.modal-word h3 {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
}
.modal-content .modal-word .read {
	margin-top: 2rem;
	font-size: 1.4rem;
	line-height: 1.7;
}
.modal-content .modal-close {
	position: absolute;
	top: -6.2rem;
	right: 0;
	background: url(../img/icon-close.svg) left top no-repeat;
	background-size: 100%;
	width: 4.2rem;
	height: 4.2rem;
}










/* Gallery */

.gallery-filter {
	width: 100%;
}
.gallery-filter .open {
	position: relative;
	background-color: #2f2f2f;
	width: 100%;
	height: 4.4rem;
	font-family: 'Raleway';
	font-style: italic;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 4.4rem;
	letter-spacing: 0.05em;
	text-align: center;
	cursor: pointer;
}
.gallery-filter .open:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.5rem;
	display: block;
	background-color: #fff;
	width: 15px;
	height: 1px;
}
.gallery-filter .open:after {
	content: "";
	position: absolute;
	top: 50%;
	right: calc(1.5rem + 7px);
	display: block;
	background-color: #fff;
	width: 1px;
	height: 15px;
	margin-top: -7px;
}
.gallery-filter .open.active:after {
	display: none;
}
.gallery-filter .filter {
	display: none;
}
.gallery-filter dl {
	width: 100%;
}
.gallery-filter dl dt {
	width: 100%;
	padding: 2rem 0 1.2rem 0;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
}
.gallery-filter dl dd {
	border-bottom: 1px solid #383838;
	width: 100%;
	padding-bottom: 1.5rem;
	font-size: 0;
}
.gallery-filter label {
	display: inline-block;
	margin: 0.2rem 0.4rem 0.2rem 0;
}
.gallery-filter label input[type="checkbox"] {
	display: none;
}
.gallery-filter label span {
	border: 1px solid #383838;
	border-radius: 3.2rem;
	background-color: #000;
	display: inline-block;
	height: 3rem;
	padding: 0 1.4rem;
	font-size: 1.1rem;
	line-height: 2.8rem;
	white-space: nowrap;
	cursor: pointer;
}
.gallery-filter label input[type="checkbox"]:checked + span {
	border: 1px solid #fff;
	background-color: #fff;
	color: #000;
}
.gallery-filter p {
	margin-top: 3rem;
	text-align: center;
	-webkit-filter: drop-shadow(0 0 0.8rem #ffd034);
	filter: drop-shadow(0 0 0.8rem #ffd034);
}
.gallery-filter button {
	position: relative;
	display: inline-block;
	background-color: #ffd034;
	width: 15rem;
	height: 4.4rem;
	font-family: 'Raleway';
	font-style: italic;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 4.2rem;
	text-align: center;
	color: #000;
	clip-path: polygon(0 0, 94.8% 0, 100% 18.5%, 100% 100%, 100% 100%, 5.2% 100%, 0 81.5%, 0 0);
}

.gallery-count {
	position: relative;
	width: 100%;
	margin: 2rem 0;
	font-size: 1.4rem;
	text-align: right;
	line-height: 1;
}
.gallery-count span {
	font-size: 1.1rem;
}

.gallery-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.gallery-list a {
	width: 47.76%;
	margin-bottom: 4rem;
	line-height: 1.4;
	text-decoration: none;
}
.gallery-list .image {
	margin-bottom: 1.5rem;
	overflow: hidden;
}
.gallery-list .num {
	margin-bottom: 0.5rem;
	font-family: 'Raleway';
	font-style: italic;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1;
}
.gallery-list h2 {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
}

.pager {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 6rem;
}
.pager a {
	display: block;
	width: 4.2rem;
	height: 4.2rem;
	font-size: 1.4rem;
	text-decoration: none;
	text-align: center;
}
.pager .prev,
.pager .next {
	width: 3rem;
	height: 3rem;
}
.pager .prev a,
.pager .next a {
	background: url(../img/icon-jump.svg) center center no-repeat;
	background-size: 2.4rem;
	width: 3rem;
	height: 3rem;
}
.pager .prev a {
	-webkit-transition: rotate(90deg);
	transform: rotate(90deg);
}
.pager .next a {
	-webkit-transition: rotate(-90deg);
	transform: rotate(-90deg);
}
.pager ul {
	display: flex;
	flex-wrap: wrap;
	width: 24.6rem;
	margin: 0 1rem;
}
.pager ul li {
	position: relative;
	display: block;
	width: 4.2rem;
	height: 4.2rem;
	margin-right: -1px;
	margin-bottom: -1px;
	text-align: center;
	line-height: 4rem;
}
.pager ul li:nth-of-type(n+5) {
	display: none;
}
.pager ul li:nth-last-of-type(-n+2) {
	display: block !important;
}
.pager ul li a {
	border: 1px solid #3c3c3c;
	background-color: #000;
	line-height: 3.9rem;
}

.gallery-modal {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.3s linear;
	transition: 0.3s linear;
	z-index: 10001;
}
.gallery-modal.is-show {
	visibility: visible;
	opacity: 1;
}
.gallery-modal .modal-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(33,33,33,0.95);
	z-index: 1;
}
.gallery-modal .modal-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 33.5rem;
	max-height: calc(var(--vh, 1vh) * 100 - 9rem);
	z-index: 2;
}
#modal-slick {
	position: relative;
	background: #000;
	width: 100%;
}
#modal-slick .ar-prev,
#modal-slick .ar-next {
	position: absolute;
	bottom: 4.5rem;
	background: url(../img/icon-jump.svg) center center no-repeat;
	background-size: contain;
	width: 2.6rem;
	height: 2.6rem;
	margin-top: -1.3rem;
	padding-top: 2.6rem;
	font-size: 0;
	overflow: hidden;
	z-index: 10;
}
#modal-slick .ar-prev {
	left: -1.5rem;
	-webkit-transition: rotate(90deg);
	transform: rotate(90deg);
}
#modal-slick .ar-next {
	right: -1.5rem;
	-webkit-transition: rotate(-90deg);
	transform: rotate(-90deg);
}
.gallery-modal .gallery-data {
	width: 100%;
	max-height: calc(var(--vh, 1vh) * 100 - 9rem);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	color: #fff;
}
.gallery-modal .gallery-data .image {
	position: relative;
	width: 33.5rem;
	height: 33.5rem;
	overflow: hidden;
}
.gallery-modal .gallery-data .read {
	width: 33.5rem;
	padding: 2.5rem 2rem 3rem 2rem;
}
.gallery-modal .gallery-data .num {
	margin-bottom: 0.8rem;
	font-family: 'Raleway';
	font-style: italic;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1;
}
.gallery-modal .gallery-data h3 {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
}
.gallery-modal .gallery-data ul {
	margin-top: 1.8rem;
	font-size: 0;
}
.gallery-modal .gallery-data ul li {
	display: inline-block;
	margin: 0.2rem 0.4rem 0.2rem 0;
}
.gallery-modal .gallery-data ul li a {
	border: 1px solid #383838;
	border-radius: 3rem;
	background-color: #000;
	display: inline-block;
	height: 3rem;
	padding: 0 1.2rem;
	font-size: 1.1rem;
	line-height: 2.7rem;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}
.gallery-modal .gallery-data .buy {
	margin-top: 2.4rem;
	text-align: center;
	-webkit-filter: drop-shadow(0 0 0.8rem #ffd034);
	filter: drop-shadow(0 0 0.8rem #ffd034);
}
.gallery-modal .gallery-data .buy a {
	display: inline-block;
	background-color: #ffd034;
	width: 23rem;
	height: 5.4rem;
	font-family: 'Raleway';
	font-style: italic;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 5.2rem;
	letter-spacing: 0.05em;
	text-align: center;
	text-decoration: none;
	color: #000;
	clip-path: polygon(0 0, 94.8% 0, 100% 18.5%, 100% 100%, 100% 100%, 5.2% 100%, 0 81.5%, 0 0);
}
.gallery-modal .modal-close {
	position: absolute;
	top: -4rem;
	right: 0;
	background-color: #3b3b3b;
	width: 4rem;
	height: 4rem;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.gallery-modal .modal-close:hover {
	background-color: #262626;
}
.gallery-modal .modal-close:before,
.gallery-modal .modal-close:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 1rem;
	display: block;
	background-color: #fff;
	width: 2rem;
	height: 1px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.gallery-modal .modal-close:before {
	-webkit-transition: rotate(45deg);
	transform: rotate(45deg);
}
.gallery-modal .modal-close:after {
	-webkit-transition: rotate(-45deg);
	transform: rotate(-45deg);
}










/* News */

.news-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin: 4rem 0;
}
.news-list:first-child {
	margin-top: 0;
}
.news-list:last-child {
	margin-bottom: 0;
}
.news-list dt {
	background-color: #fff;
	width: 13rem;
	height: 2.6rem;
	margin-right: 3rem;
	margin-bottom: 1.2rem;
	font-family: 'Raleway';
	font-size: 1.3rem;
	font-weight: 700;
	font-style: italic;
	line-height: 2.6rem;
	text-align: center;
	color: #000;
	clip-path: polygon(0 0, calc(100% - 0.5rem) 0, 100% 0.5rem, 100% 100%, 100% 100%, 0.5rem 100%, 0 calc(100% - 0.5rem), 0 0);
}
.news-list .day {
	margin-bottom: 1.2rem;
	font-size: 1.3rem;
	line-height: 1;
}
.news-list .tit {
	margin-bottom: 3rem;
	font-size: 1.4rem;
	width: 100%;
}
.news-list .tit:last-child {
	margin-bottom: 0;
}

.news-page {
	width: 100%;
	max-width: 90rem;
	margin: 7rem auto 0 auto;
}
.news-page .news-day {
	display: flex;
	align-items: center;
	margin-bottom: 1.2rem;
}
.news-page .news-day dt {
	background-color: #fff;
	width: 13rem;
	height: 2.6rem;
	margin-right: 3rem;
	font-family: 'Raleway';
	font-size: 1.3rem;
	font-weight: 700;
	font-style: italic;
	line-height: 2.6rem;
	text-align: center;
	color: #000;
	clip-path: polygon(0 0, calc(100% - 0.5rem) 0, 100% 0.5rem, 100% 100%, 100% 100%, 0.5rem 100%, 0 calc(100% - 0.5rem), 0 0);
}
.news-page .news-day dd {
	font-size: 1.3rem;
	line-height: 1;
}
.news-page h1 {
	margin-bottom: 4rem;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.4;
}

.txt-area {
	font-size: 1.4rem;
	line-height: 1.7;
}
.txt-area strong {
	font-weight: 700;
}
.txt-area em {
	font-style: italic;
}
.txt-area a {
	position: relative;
	text-decoration: underline !important;
}
.txt-area a[target="_blank"] {
	background: url(../img/icon-blank.svg) right center no-repeat;
	background-size: 1.2rem;
	padding-right: 2rem;
	white-space: nowrap;
}
.txt-area p {
	margin: 2rem 0;
}
.txt-area ul {
	margin: 3.5rem 0;
}
.txt-area ol {
	counter-reset: item1;
	margin: 3.5rem 0;
}
.txt-area ul li,
.txt-area ol li {
	position: relative;
	margin: 0.6rem 0;
	padding-left: 1.8rem;
	line-height: 1.4;
}
.txt-area ul li:before {
	content: "\30FB";
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 900;
}
.txt-area ol li:before {
	counter-increment: item1;
	content: counter(item1)".";
	position: absolute;
	top: 0;
	left: 0;
}
.txt-area h2 {
	position: relative;
	margin: 4rem 0 2rem 0;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
}
.txt-area h3 {
	position: relative;
	margin: 3rem 0 2rem 0;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.6;
}
.txt-area h4,
.txt-area h5,
.txt-area h6 {
	position: relative;
	margin: 3rem 0 2rem 0;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.7;
}
.txt-area figure {
	width: 100%;
	margin: 3rem 0;
	font-size: 0;
}
.txt-area figure figcaption {
	margin-top: 0.8rem;
	font-size: 1.2rem;
	line-height: 1.5;
}
.txt-area hr {
	border-top: 1px solid #383838;
	margin: 4rem 0;
}
.column.imguse {
	width: 100%;
	margin: 2rem 0 4rem 0;
}
.column.imguse .image {
	margin-bottom: 2rem;
}
.column.imguse .read {
	margin-bottom: 2rem;
}

.txt-area h2:first-child,
.txt-area h3:first-child,
.txt-area h4:first-child,
.txt-area h5:first-child,
.txt-area h6:first-child,
.txt-area p:first-child,
.txt-area ul:first-child,
.txt-area ol:first-child,
.txt-area figure:first-child {
	margin-top: 0 !important;
}
.txt-area h2:last-child,
.txt-area h3:last-child,
.txt-area h4:last-child,
.txt-area h5:last-child,
.txt-area h6:last-child,
.txt-area p:last-child,
.txt-area ul:last-child,
.txt-area ol:last-child,
.txt-area figure:last-child {
	margin-bottom: 0 !important;
}

.news-share {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 6rem;
	line-height: 1;
}
.news-share p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 190px);
	font-family: 'Raleway';
	font-size: 18px;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 0.05em;
	line-height: 1;
}
.news-share p:after {
	content: "";
	border-top: 1px solid #383838;
	width: calc(100% - 70px);
}
.news-share .sns-btn {
	display: flex;
	justify-content: flex-end;
	height: 20px;
}
.news-share .facebook {
	height: 20px;
}
.news-share .x {
	height: 20px;
}

.news-pager {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 4rem;
}
.news-pager .btn {
	margin: 0 2.6rem;
}
.news-pager .prev,
.news-pager .next {
	display: block;
	width: 2.6rem;
	height: 2.6rem;
}
.news-pager .prev {
	-webkit-transition: rotate(90deg);
	transform: rotate(90deg);
}
.news-pager .next {
	-webkit-transition: rotate(-90deg);
	transform: rotate(-90deg);
}
.news-pager .prev a,
.news-pager .next a {
	display: block;
	background: url(../img/icon-jump.svg) center center no-repeat;
	background-size: contain;
	width: 2.6rem;
	height: 2.6rem;
	padding-top: 2.6rem;
	font-size: 0;
	overflow: hidden;
}
.news-pager .prev a:hover,
.news-pager .next a:hover {
	opacity: 0.5;
}










/* contact */

.contact-txt {
	margin-bottom: 2rem;
}
.contact-txt span {
	color: #ffd034;
}

.contact-form dl {
	width: 100%;
}
.contact-form dt {
	display: none;
	margin-bottom: 0.8rem;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.4;
}
.contact-form dd {
	width: 100%;
	margin-bottom: 2rem;
	font-size: 1.5rem;
}
.contact-form .mw_wp_form_confirm dt {
	display: block;
}

.contact-form input[type="text"],
.contact-form input[type="tel"],
.contact-form input[type="email"] {
	vertical-align: middle;
	background-color: #222;
	width: 100%;
	padding: 1.5rem;
	font-size: 1.5rem;
}
.contact-form textarea {
	background-color: #222;
	width: 100%;
	height: 28rem;
	padding: 1.5rem;
	font-size: 1.5rem;
	line-height: 1.6;
}
.contact-form label {
	display: inline-block;
}
.contact-form label input[type="radio"],
.contact-form label input[type="checkbox"] {
	display: none;
}
.contact-form label input[type="radio"] + span,
.contact-form label input[type="checkbox"] + span {
	display: inline-flex;
	position: relative;
	font-size: 1.4rem;
	line-height: 1.4;
}
.contact-form label input[type="radio"] + span:before,
.contact-form label input[type="checkbox"] + span:before {
	content: "";
	display: block;
	border: 1px solid #fff;
	background-color: #000;
	width: 2rem;
	height: 2rem;
	margin-right: 0.8rem;
	box-shadow: 0 0 0 4px inset #000;
}
.contact-form label input[type="radio"] + span:before {
	border-radius: 2rem;
}
.contact-form label input[type="radio"]:checked + span:before,
.contact-form label input[type="checkbox"]:checked + span:before {
	background-color: #ffd034;
}
.contact-form .error {
	display: block;
	margin-top: 0.6rem;
	font-size: 1.4rem;
	color: #f39;
}

.contact-form .privacy-area {
	width: 100%;
	margin-top: 6rem;
}
.contact-form .privacy {
	background-color: #222;
	width: 100%;
	height: 20rem;
	padding: 1.5rem;
	font-size: 1.1rem;
	line-height: 1.6;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.contact-form .privacy h2 {
	font-size: 1.3rem;
	font-weight: 700;
}
.contact-form .privacy h3 {
	margin: 2rem 0 1rem 0;
	font-size: 1.2rem;
	font-weight: 700;
}
.contact-form .privacy p,
.contact-form .privacy ul,
.contact-form .privacy ol {
	margin: 1rem 0;
}
.contact-form .privacy p:first-child,
.contact-form .privacy ul:first-child,
.contact-form .privacy ol:first-child {
	margin-top: 0;
}
.contact-form .privacy p:last-child,
.contact-form .privacy ul:last-child,
.contact-form .privacy ol:last-child {
	margin-bottom: 0;
}
.contact-form .privacy ol {
	counter-reset: item;
	margin-top: 1rem;
}
.contact-form .privacy ol li {
	position: relative;
	padding-left: 1.6rem;
}
.contact-form .privacy ol li:before {
	position: absolute;
	top: 0;
	left: 0;
	counter-increment: item;
	content: counter(item)'.';
}
.contact-form .mw_wp_form_confirm .privacy-area {
	display: none;
}
.contact-form .privacy-area .check {
	margin-top: 4rem;
	text-align: center;
}

.contact-form .form-btn {
	position: relative;
	margin-top: 4rem;
}
.contact-form .form-btn .prev {
	margin-top: 3.5rem;
}
.contact-form .form-btn .prev button {
	display: inline-flex;
	align-items: center;
	text-decoration: underline;
	font-size: 1.5rem;
	line-height: 1;
	white-space: nowrap;
}
.contact-form .form-btn .prev button:before {
	content: "";
	display: block;
	background: url(../img/icon-jump.svg) center center no-repeat;
	background-size: contain;
	width: 2.6rem;
	height: 2.6rem;
	margin-right: 1.5rem;
	-webkit-transition: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.contact-form .btn a,
.contact-form .btn button {
	font-style: normal;
}

.contact-complete {
	width: 100%;
}
.contact-complete h2 {
	margin-bottom: 3rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.6;
}
.contact-complete p {
	margin: 2rem 0;
}
.contact-complete .btn {
	margin-top: 5rem;
}

/* online shop */
.online {
	position: fixed;
	bottom: 1.5vw;
	left: 3vw;
    z-index: 999;
}

.online .online-shop {
	width: 150px;
}

.online .online-shop img {
	width: 100%;
	object-fit: cover;
}