@keyframes dog-ear-frame-glow {
	5% {
		opacity: 1;
	}
	15% {
		opacity: 1;
	}
	20% {
		opacity: 0;
		transform: rotate(360deg);
	}
	100% {
		opacity: 0;
		transform: rotate(360deg);
	}
}
@keyframes reflect {
	5% {
		transform: translate(100%, -100%);
	}
	100% {
		transform: translate(100%, -100%);
	}
}
.hero-container {
	z-index: 1;
	position: relative;
	width: 100%;
	padding: 1rem 3rem 3rem;
	box-sizing: border-box;
}
@media not (max-width: 768px) {
	.hero-container {
		min-height: 43rem;
	}
}
@media (min-width: 769px) and (max-width: 1423px) {
	.hero-container {
		min-height: initial;
		padding: 1rem 2rem;
	}
}
@media (max-width: 768px) {
	.hero-container {
		min-height: 70rem;
		padding: 0;
	}
}
.hero-container .login-container {
	position: relative;
	z-index: 5;
	display: flex;
	justify-content: flex-end;
}
@media (max-width: 768px) {
	.hero-container .login-container {
		align-self: flex-end;
		padding: 1rem;
	}
}
.hero-container .login-container .btn {
	align-self: flex-end;
	padding: 0.5em 1em;
	font-size: 1rem;
	color: #fff;
	background: #001b35;
	border: none;
}
.hero-container .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
@media not (max-width: 768px) {
	.hero-container .bg {
		background: url("../img/entry/firstview/money.webp") left bottom/100% no-repeat;
	}
}
@media (min-width: 769px) and (max-width: 1423px) {
	.hero-container .bg {
		background-position: center bottom;
		background-size: 1423px;
	}
}
@media (min-width: 769px) and (max-width: 1035px) {
	.hero-container .bg {
		background-size: 1035px;
	}
}
@media (max-width: 768px) {
	.hero-container .bg {
		background: url("../img/entry/firstview/money_sp.webp") left top/100% no-repeat;
	}
}
body.entry .hero-container .section-inner {
	display: flex;
	flex-direction: column;
	width: 100%;
}
@media not (max-width: 768px) {
	body.entry .hero-container .section-inner {
		align-items: flex-end;
	}
}
@media (max-width: 768px) {
	body.entry .hero-container .section-inner {
		align-items: center;
	}
}

.hero-container .metal {
	background-size: 800% 400%;
	animation: metal-effect 5.5s infinite 0.5s cubic-bezier(0.62, 0.28, 0.23, 0.99);
}
.hero-container .metal-text {
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.hero-container .gold {
	background-image: linear-gradient(45deg, #DAAF08 45%, #fffdf5 70%, #DAAF08 85%);
}
.hero-container .silver {
	background-image: linear-gradient(45deg, #c0c0c0 45%, #ffffff 70%, #c0c0c0 85%);
}
@keyframes metal-effect {
	30% {
		background-position: 100% 50%;
	}
	70% {
		background-position: 0% 50%;
	}
}
.hero-container .logo {
	pointer-events: none;
}
@media not (max-width: 768px) {
	.hero-container .logo {
		width: 22rem;
	}
}
@media (min-width: 769px) and (max-width: 1423px) {
	.hero-container .logo {
		width: 34vw;
	}
}
@media (max-width: 768px) {
	.hero-container .logo {
		width: 24rem;
	}
}
.hero-container .obifu-container {
	overflow: hidden;
	position: relative;
	flex-shrink: 1;
	flex-grow: 1;
	width: 100%;
	font-size: 1.2rem;
	box-sizing: border-box;
}
@media (min-width: 1424px) {
	.hero-container .obifu-container {
		flex-grow: 0.5;
	}
}
@media (max-width: 768px) {
	.hero-container .obifu-container {
		max-width: 24em;
		max-height: 18em;
	}
}
.hero-container .obifu-container .obifu-inner {
	position: relative;
	z-index: 2;
	display: flex;
	height: 100%;
	font-size: 0.79em;
	box-sizing: border-box;
}
@media (max-width: 768px) {
	.hero-container .obifu-container .obifu-inner {
		padding-bottom: 1.5em;
		font-size: 0.88em;
	}
}
.hero-container .obifu-container::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/entry/bg/money.webp") center bottom/100% no-repeat;
	opacity: 0.8;
	transform: scaleY(-1);
	outline: 0.05rem solid rgba(0, 0, 0, 0.5);
	outline-offset: -0.3em;
	box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.5), inset 0 0 0.5em rgba(0, 0, 0, 0.5);
}
.hero-container .obifu-container strong {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0;
	font-size: 0.9em;
	transform: skew(-15deg);
}
.hero-container .obifu-container dt {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3em;
	height: 100%;
	padding: 1em;
	font-size: 1.2em;
	font-weight: 900;
	text-align: center;
	background-color: #001b35;
}
@media (max-width: 768px) {
	.hero-container .obifu-container dt {
		font-size: 1.3em;
	}
}
@media (min-width: 769px) and (max-width: 1423px) {
	.hero-container .obifu-container dt {
		font-size: 1.5vw;
	}
}
.hero-container .obifu-container dt span {
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 1em;
	font: inherit;
	line-height: 1.3;
	filter: drop-shadow(0 0 0.15em #000) drop-shadow(0 0 0.15em #000);
}
.hero-container .obifu-container dd {
	display: flex;
	flex-direction: column;
	flex-grow: 2;
	gap: 0.3em;
	width: 100%;
	height: 100%;
	font-weight: 900;
	line-height: 1.3;
	color: #fff;
}
@media (max-width: 768px) {
	.hero-container .obifu-container dd {
		transform: translateX(0.25em);
	}
}
.hero-container .obifu-container .video-outer {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	height: 100%;
	background-color: #000;
	border: 0.15rem solid #001b35;
	box-sizing: border-box;
}
.hero-container .obifu-container .video-wrapper {
	display: flex;
	align-items: center;
	flex-direction: column;
	height: 100%;
}
.hero-container .obifu-container video {
	height: 100%;
}
.hero-container .obifu-container .background-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(0.3rem) brightness(0.4);
	z-index: 1;
}
.hero-container .obifu-container .foreground-video {
	position: relative;
	width: 100%;
	z-index: 2;
}
.hero-container .obifu-container .video-title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0.3em;
	padding-left: 1.2em;
	padding-right: 2em;
	line-height: 1;
	color: #ffb400;
	background-color: rgba(0, 27, 53, 0.6);
	clip-path: polygon(0% 0%, 100% 0%, calc(100% - 1.5em) 100%, 0% 100%);
}
@media (max-width: 768px) {
	.hero-container .obifu-container .video-title {
		font-size: 1.3em;
	}
}
.hero-container .obifu-container .video-title b {
	font-weight: 900;
	background-clip: text;
	filter: drop-shadow(0 0 0.15em #000) drop-shadow(0 0 0.15em #000);
}
.hero-container .obifu-container .video-logo {
	position: absolute;
	top: 2%;
	right: 2%;
	z-index: 2;
	width: 20%;
	height: 20%;
	opacity: 0.5;
	background: url("../img/common/logo.webp") center/contain no-repeat;
	pointer-events: none;
}
.hero-container .control-button {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.3em;
	font-size: 0.55em;
	line-height: 1;
	font-weight: 700;
	border: none;
	border-radius: 2em;
	background-color: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(0.2rem);
	box-sizing: border-box;
	box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3);
	cursor: pointer;
}
.hero-container .control-button::before {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	font-size: 1.3em;
	background: center/contain no-repeat;
}
.hero-container .play-button {
	z-index: 4;
	top: 50%;
	left: 50%;
	padding: 1em;
	padding-right: 0.9em;
	padding-left: 1.1em;
	font-size: 0.6em;
	transform: translate(-50%, -50%);
	pointer-events: none;
}
@media (max-width: 768px) {
	.hero-container .play-button {
		font-size: 1em;
	}
}
.hero-container .play-button::before {
	background-image: url("../img/common/video/play.webp");
}
.hero-container .play-button.play {
	opacity: 0;
	transition: opacity 0.5s;
}
.hero-container .play-button.play::before {
	background-image: url("../img/common/video/pause.webp");
}
.hero-container .sound-button {
	z-index: 4;
	bottom: 1em;
	left: 1em;
	height: 3em;
	padding: 0.5em 1em;
}
.hero-container .sound-button::before {
	background-image: url("../img/common/video/volume.webp");
}
.hero-container .sound-button.muted::before {
	background-image: url("../img/common/video/mute.webp");
}
.hero-container .expand-button {
	z-index: 4;
	bottom: 1em;
	right: 1em;
	height: 3em;
	padding: 0.5em 1em;
}
.hero-container .expand-button::before {
	background-image: url("../img/common/video/expand.webp");
}
.hero-container .caption-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	font-size: 1.9rem;
}
@media (max-width: 768px) {
	.hero-container .caption-container {
		width: 100%;
		padding-bottom: 2rem;
		background: linear-gradient(rgba(255, 255, 255, 0) 0rem, rgba(255, 255, 255, 0.9) 15rem);
	}
}
@media (min-width: 769px) and (max-width: 1423px) {
	.hero-container .caption-container {
		font-size: 2.97vw;
	}
}
@media not (max-width: 768px) {
	.hero-container .caption-container .obifu-container {
		visibility: hidden !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		pointer-events: none !important;
	}
}
.hero-container .caption-container .caption {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25em;
	color: #fff;
	font-weight: 900;
	line-height: 1.6;
	text-shadow: 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.3em #000;
	transform: skewX(-15deg);
}
@media not (max-width: 768px) {
	.hero-container .caption-container .caption {
		margin-bottom: 1rem;
	}
}
.hero-container .caption-container .caption * {
	color: inherit;
	font: inherit;
}
.hero-container .caption-container .caption-1 {
	font-size: 1.5em;
}
.hero-container .caption-container .caption-2 {
	text-align: center;
}
.hero-container .caption-container .caption-2 b {
	margin-right: 0.05em;
	color: #e6243e;
}
.hero-container .caption-container .caption-2 em {
	margin-right: 0.1em;
	font-size: 1.9em;
	font-style: normal;
	font-family: "Noto Serif JP", serif;
	letter-spacing: -0.05em;
}
.hero-container .caption-container .caption-2 span {
	letter-spacing: 0.03em;
}
.hero-container .caption-container .tokuten-container {
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 13.5em;
	margin-top: 0.5em;
	box-sizing: border-box;
	background: url("../img/entry/bg/money.webp") center bottom/100% no-repeat, linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%);
	backdrop-filter: blur(0.1rem);
}
@media not (max-width: 768px) {
	.hero-container .caption-container .tokuten-container {
		margin-top: 1.5em;
	}
}
@media (max-width: 768px) {
	.hero-container .caption-container .tokuten-container {
		max-width: 15em;
	}
}
.hero-container .caption-container .tokuten-container .tokuten-inner {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 0.7em;
	padding: 1.5em 1em;
	font-size: 0.79em;
	box-sizing: border-box;
	animation: stretch 1.5s ease-in-out alternate infinite;
}
@media (max-width: 768px) {
	.hero-container .caption-container .tokuten-container .tokuten-inner {
		padding-bottom: 1.5em;
		font-size: 0.88em;
	}
}
.hero-container .caption-container .tokuten-container::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/entry/bg/money.webp") center bottom/100% no-repeat;
	opacity: 0.8;
	transform: scaleY(-1);
	outline: 0.05rem solid rgba(0, 0, 0, 0.5);
	outline-offset: -0.3em;
	box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.5), inset 0 0 0.5em rgba(0, 0, 0, 0.5);
}
.hero-container .caption-container .tokuten-container dt {
	position: relative;
	font-weight: 900;
	font-style: italic;
	text-align: center;
	color: #fff;
	filter: drop-shadow(0 0 0.15em #000);
}
.hero-container .caption-container .tokuten-container dt span {
	position: relative;
	z-index: 2;
	font: inherit;
	text-shadow: 0 0 0.2em black;
}
.hero-container .caption-container .tokuten-container dt::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #db14fd;
	clip-path: polygon(calc(100% - 1em) 0, 100% 50%, calc(100% - 1em) 100%, 1em 100%, 0% 50%, 1em 0%);
}
.hero-container .caption-container .tokuten-container dd {
	display: flex;
	flex-direction: column;
	gap: 0.3em;
	font-weight: 900;
	line-height: 1.3;
	color: #fff;
	filter: drop-shadow(0 0 0.15em #000) drop-shadow(0 0 0.15em #000);
}
@media (max-width: 768px) {
	.hero-container .caption-container .tokuten-container dd {
		transform: translateX(0.25em);
	}
}
.hero-container .caption-container .tokuten-container dd * {
	font: inherit;
}
.hero-container .caption-container .tokuten-container dd strong {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0;
	font-size: 0.9em;
	transform: skew(-15deg);
}
.hero-container .caption-container .tokuten-container .point-1 b {
	margin-right: 0.1em;
	color: #DAAF08;
	-webkit-text-stroke: 0.03em;
	background-clip: text;
}
.hero-container .caption-container .tokuten-container .point-1 em {
	font-size: 2em;
	font-family: "Noto Serif JP", serif;
	letter-spacing: -0.05em;
}
.hero-container .caption-container .tokuten-container .point-1 i {
	font-size: 0.85em;
}
.hero-container .caption-container .tokuten-container .point-1 span {
	letter-spacing: 0.03em;
}
.hero-container .caption-container .tokuten-container .point-2 {
	font-size: 1.1em;
}
.hero-container .caption-container .tokuten-container .point-2 b {
	margin-right: 0.1em;
	font-size: 1.25em;
	color: #c0c0c0;
	-webkit-text-stroke: 0.01em;
	background-clip: text;
	transform: scaleY(105%);
}
.hero-container .caption-container .tokuten-container .point-2 i {
	letter-spacing: -0.1em;
}
.hero-container .caption-container .tokuten-container .point-2 .brackets {
	display: inline-block;
	font-size: 0.8em;
	font-weight: 700;
}
.hero-container .caption-container .tokuten-container .point-2 .brackets.first {
	margin-top: -0.2em;
	margin-right: -0.2em;
	margin-left: -0.4em;
}
.hero-container .caption-container .tokuten-container .point-2 .brackets.last {
	margin-bottom: -0.2em;
	margin-left: -0.2em;
	margin-right: -0.5em;
}
.hero-container .caption-container .tokuten-container .point-2 .side-note {
	font-size: 0.59em;
	margin-left: 2em;
}
.hero-container .caption-container .register-btn-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	margin-top: 1em;
}
@media (max-width: 768px) {
	.hero-container .caption-container .register-btn {
		width: 100%;
	}
}
.hero-container .caption-container .register-btn.register-line span {
	text-align: justify;
	letter-spacing: 0.05em;
}
.hero-container .caption-container .register-btn.register-email {
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero-container .caption-container .register-btn.register-email button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.3em 1em;
	font-size: 0.5em;
	background: #fff;
	background: none;
	border: none;
	border-radius: 1em;
}
.hero-container .caption-container .register-btn.register-email button:hover {
	opacity: 0.5;
}
@media not (max-width: 768px) {
	.hero-container .caption-container .register-btn.register-email button {
		filter: drop-shadow(0 0 0.1em #fff) drop-shadow(0 0 0.1em #fff) drop-shadow(0 0 0.1em #fff);
	}
}
.hero-container .caption-container .register-btn.register-email a {
	color: #333333;
	font-weight: 700;
	border-bottom: 0.1em solid;
}
.hero-container .caption-container .register-btn .btn {
	justify-content: flex-start;
	width: 15em;
	font-size: 1em;
	font-weight: 900;
}
@media not (max-width: 768px) {
	.hero-container .caption-container .register-btn .btn {
		font-size: 0.9em;
	}
}
@media (max-width: 768px) {
	.hero-container .caption-container .register-btn .btn {
		min-width: 12em;
	}
}
.hero-container .slogan {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	box-sizing: border-box;
}
@media not (max-width: 768px) {
	.hero-container .slogan {
		position: absolute;
		top: 0;
		left: 0;
		gap: 2rem;
		width: 35%;
		padding-top: 0.5rem;
	}
}
@media (min-width: 769px) and (max-width: 1423px) {
	.hero-container .slogan {
		gap: 2vw;
	}
}
@media (max-width: 768px) {
	.hero-container .slogan {
		flex-shrink: 0;
		height: 38rem;
	}
}
.hero-container h2 {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	justify-content: center;
	flex-shrink: 2;
	gap: 0.5em;
	font-size: 1.5em;
	box-sizing: border-box;
	filter: drop-shadow(0 0 0.1em #fff) drop-shadow(0 0 0.2em #fff) drop-shadow(0 0 0.3em #fff);
}
@media not (max-width: 768px) {
	.hero-container h2 {
		width: 22rem;
		width: 18rem;
		-ms-grid-row-align: center;
		    align-self: center;
	}
}
@media (max-width: 768px) {
	.hero-container h2 {
		width: 100vw;
		height: 100%;
		font-size: 2.2rem;
	}
}
@media (min-width: 769px) and (max-width: 1423px) {
	.hero-container h2 {
		left: 0;
		width: 32vw;
		width: auto;
	}
}
.hero-container h2 img {
	max-height: 100%;
	box-sizing: border-box;
	object-fit: contain;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media (max-width: 768px) {
	.hero-container h2 img {
		position: absolute;
		top: 1em;
	}
}
@keyframes hero_h2 {
	to {
		clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
	}
}
.hero-container h2 .kaseide {
	width: 10%;
}
@media (max-width: 768px) {
	.hero-container h2 .kaseide {
		right: 1rem;
		width: 1em;
	}
}
.hero-container h2 .kasegimakure {
	width: 25%;
	margin-top: 1em;
}
@media (max-width: 768px) {
	.hero-container h2 .kasegimakure {
		right: 3.5rem;
		width: 2.5em;
	}
}
.hero-container h2 .muryoujouhou {
	width: 20%;
}
@media (max-width: 768px) {
	.hero-container h2 .muryoujouhou {
		right: 1rem;
		width: 1.7em;
	}
}
.hero-container h2 .mainichikaisai {
	width: 25%;
	margin-top: 1em;
}
@media (max-width: 768px) {
	.hero-container h2 .mainichikaisai {
		right: 5rem;
		width: 2.3em;
	}
}
.hero-container h2 .joushikiwokutsugaesu {
	width: 9%;
	margin-top: 2em;
}
@media not (max-width: 768px) {
	.hero-container h2 .joushikiwokutsugaesu {
		margin-right: 20%;
	}
}
@media (min-width: 769px) and (max-width: 1423px) {
	.hero-container h2 .joushikiwokutsugaesu {
		margin-right: 2em;
	}
}
@media (max-width: 768px) {
	.hero-container h2 .joushikiwokutsugaesu {
		left: 5rem;
		width: 0.9em;
	}
}
.hero-container h2 .kokoniarawaru {
	width: 14%;
	margin-top: 3em;
}
@media (max-width: 768px) {
	.hero-container h2 .kokoniarawaru {
		left: 1rem;
		width: 1.4em;
	}
}

[class*=jisseki-container] h3 {
	padding: 0 1em;
	font-weight: 900;
	color: #fff;
	background: #0a0e23;
}
@media not (max-width: 768px) {
	[class*=jisseki-container] h3 {
		font-size: 3rem;
	}
}
@media (max-width: 768px) {
	[class*=jisseki-container] h3 {
		font-size: 2rem;
	}
}
[class*=jisseki-container] .caption {
	padding: 1rem;
}

.kouhaitou-jisseki-container {
	display: flex;
	flex-direction: column;
	gap: 3rem;
	background-image: url("../img/entry/bg/money.webp"), url("../img/entry/bg/texture-blue.webp");
	background-position: center bottom, center center;
	background-size: 100%, cover;
	background-repeat: no-repeat, no-repeat;
}
@media not (max-width: 768px) {
	.kouhaitou-jisseki-container {
		padding: 3rem 0;
	}
}
@media (max-width: 768px) {
	.kouhaitou-jisseki-container {
		padding: 2rem 0;
	}
}
.kouhaitou-jisseki-container .caption {
	width: 80%;
	filter: drop-shadow(0 0 0.5em #000) drop-shadow(0 0 1em #000);
}
@media not (max-width: 768px) {
	.kouhaitou-jisseki-container .caption {
		max-width: 50rem;
	}
}

.chishiki-container {
	padding: 10rem 0 5rem;
	background: #fff;
}
@media (max-width: 768px) {
	.chishiki-container {
		padding: 7rem 2rem 4rem;
	}
}
.chishiki-container .section-inner {
	gap: 2rem;
}
.chishiki-container .caption {
	display: flex;
	flex-direction: column;
	gap: 3.5rem;
}
.chishiki-container .chishiki {
	position: relative;
}
.chishiki-container .chishiki .batsu {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 200%;
	width: auto;
}
.chishiki-container .text {
	font-weight: 900;
	color: #000;
	text-align: center;
	font-size: 3.8vw;
}
@media not (max-width: 768px) {
	.chishiki-container .text {
		font-size: 2.2rem;
	}
}
@media (max-width: 768px) {
	.chishiki-container .text {
		font-size: 2rem;
	}
}

.no1-container {
	padding: 10rem 0;
	background-image: url("../img/entry/bg/money.webp"), url("../img/entry/bg/texture-blue.webp");
	background-position: center bottom, center center;
	background-size: 100%, cover;
	background-repeat: no-repeat, repeat;
}
@media (max-width: 768px) {
	.no1-container {
		padding: 4rem 0;
	}
}
.no1-container .section-inner {
	gap: 10rem;
}
@media (max-width: 768px) {
	.no1-container .section-inner {
		gap: 4rem;
	}
}
.no1-container .caption-list {
	font-size: 10vw;
	position: relative;
}
@media (max-width: 768px) {
	.no1-container .caption-list {
		padding: 0 1.5rem;
		font-size: 4.5rem;
	}
}
.no1-container .caption-list ul {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}
.no1-container .caption-list li {
	position: relative;
	transform: rotate(-7deg) skew(-20deg);
}
.no1-container .caption-list li::before {
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	width: 150vw;
	height: 0.18em;
	opacity: 0.5;
	background: linear-gradient(#fff 45%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0) 80%, #fff 84%);
	transform: translateX(-50%);
}
.no1-container .caption-list .racer {
	position: absolute;
	bottom: -20%;
	right: -45%;
}
.no1-container .caption-list p {
	font-weight: 900;
}
@media (max-width: 768px) {
	.no1-container .no1 {
		margin: 2rem 0;
		padding: 0 1.5rem;
	}
}
.no1-container .reason {
	margin-top: 1.5em;
	padding: 0.25em 0;
	font-size: 7vw;
	background: #001b35;
	text-align: center;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #0a0e23 7%, #0a0e23 93%, rgba(255, 255, 255, 0) 100%);
}
.no1-container .reason p {
	font-weight: 900;
}
.no1-container .reason-list ul {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 1rem;
}
@media (max-width: 768px) {
	.no1-container .reason-list ul {
		padding: 0.5rem;
	}
}
.no1-container .reason-list li {
	position: relative;
	padding: 0.4rem;
	border: 0.05rem solid rgba(255, 255, 255, 0.5);
}
.no1-container .reason-list .text {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 0.7em;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2rem;
	font-size: 1.4rem;
	line-height: 1.5;
	box-sizing: border-box;
	text-shadow: 0 0 0.2em #001b35;
}
@media (max-width: 768px) {
	.no1-container .reason-list .text {
		font-size: 1.2rem;
	}
}
.no1-container .reason-list .reason-2 .text {
	align-items: flex-start;
}
.no1-container .reason-list p {
	font-weight: 700;
}
.no1-container p {
	color: #fff;
	line-height: 1;
}
.no1-container .rieki {
	padding: 0 1.5rem;
}

.everything-container {
	padding: 4rem 0;
	background: url("../img/bg/racer.webp") center/102% fixed no-repeat #fff;
}
@media (max-width: 768px) {
	.everything-container {
		padding: 3rem 2rem;
	}
}
.everything-container .section-inner {
	width: 100%;
}
.everything-container h3 {
	background: #001c54;
}
.everything-container h3 p {
	font-size: 5rem;
	font-weight: 900;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 0.1em #000, 0 0 0.2em #000;
}
@media (max-width: 768px) {
	.everything-container h3 p {
		font-size: 3rem;
	}
}
.everything-container .caption {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3rem;
	font-size: 2.5rem;
	background: rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
}
@media (max-width: 768px) {
	.everything-container .caption {
		width: 100%;
		padding: 1rem;
	}
}
.everything-container .caption * {
	font-weight: 900;
	text-align: center;
}
.everything-container .caption div {
	position: relative;
	font-size: 2.5em;
}
.everything-container .caption div::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.3em;
	background: linear-gradient(45deg, #a68337, #ffdc87, #a68337);
}
.everything-container .caption div strong {
	position: relative;
	z-index: 1;
	line-height: 1;
}
.everything-container .caption span {
	font-size: 0.8em;
}
.everything-container .arrow {
	margin-top: 3rem;
	-ms-grid-row-align: center;
	    align-self: center;
	width: 15rem;
}
@media (max-width: 768px) {
	.everything-container .arrow {
		width: 9rem;
		margin-top: 1.5rem;
	}
}

.otameshi-jisseki-container {
	display: flex;
	flex-direction: column;
	gap: 4rem;
	padding: 4rem 0;
	background: url("../img/bg/racer.webp") center/102% fixed no-repeat #001c54;
}
@media (max-width: 768px) {
	.otameshi-jisseki-container {
		gap: 3rem;
	}
}
.otameshi-jisseki-container .caption {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 4rem;
}
@media (min-width: 769px) and (max-width: 1423px) {
	.otameshi-jisseki-container .caption {
		font-size: 6.2vw;
	}
}
@media (max-width: 768px) {
	.otameshi-jisseki-container .caption {
		padding: 0;
		font-size: 2.5rem;
	}
}
.otameshi-jisseki-container .caption p {
	color: #fff;
	font-weight: 900;
}
.otameshi-jisseki-container .caption strong {
	font-size: 1.4em;
	color: #ffce22;
}
.otameshi-jisseki-container .js-entryOtameshiJissekiSwiper .swiper-slide {
	padding-bottom: 1rem;
}
.otameshi-jisseki-container .js-entryOtameshiJissekiSwiper .swiper-slide .img-container {
	margin: 0 1rem;
	padding: 1.5rem;
	background: rgba(0, 0, 0, 0.3);
}
.otameshi-jisseki-container .js-entryOtameshiJissekiSwiper .swiper-slide img {
	max-height: 80vh;
	object-fit: contain;
}
.otameshi-jisseki-container .js-entryOtameshiJissekiSwiper .swiper-pagination-bullet {
	width: 0.5rem;
	height: 0.5rem;
	margin-top: 0.5rem;
}

.bottom-register {
	padding-top: 10rem;
}
@media not (max-width: 768px) {
	.bottom-register {
		padding-bottom: 10rem;
	}
}

body.entry .lightbox.video .lb-container {
	background-color: #000;
}
/*# sourceMappingURL=top.css.map */