@charset "utf-8";

:root {
	--font_def: "Noto Sans JP", sans-serif;
	--font_dela: "Dela Gothic One", sans-serif;
	--white: #fff;
	--black: #000;
	--red: #E32300;
	--yellow: #FFFF00;
	--blue: #005FCE;
	--blue_dark: #1A2D93;
	--purple: #9B288B;
	--purple_light: #F4E8F2;
	--gold: #90712B;
	--gray: #90989E;
	--gray_light: #F4F4F4;
	--gray_dark: #4B4B4B;
	--gray_line: #ccc;
	--easing: cubic-bezier(.8,0,.4,1);
}

/* 
 * Reset
 * ==================================================================================================== */
*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	vertical-align: baseline;
	box-sizing: border-box;
}

html {
	font-size: 1px;
	max-height: 100vh;
	background: var(--blue_dark);
	overflow-y: scroll;
	overflow-x: hidden;
	cursor: default;
}

/*
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-track {
	background: var(--gray_line);
}

::-webkit-scrollbar-thumb {
	background-color: var(--gray);
}
*/

body {
	color: var(--black);
	font-size: 16rem;
	font-family: var(--font_def);
	font-feature-settings: 'palt';
	line-height: 1;
	letter-spacing: 0;
	overflow-wrap: normal;
	width: 100%;
	margin: 0;
	padding: 0;
	background: var(--blue_dark);
}

input,
textarea,
button,
select,
option,
textarea {
	font-family: var(--font_def);
	margin: 0;
	padding: 0;
	outline: none;
	border-radius: 0;
	appearance:none;
	border: none;
	cursor: pointer;
	resize: none;
}

ol,
ul {
	list-style: none;
}

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

a:link,
a:before,
a:after,
a img,
a svg,
input[type='image'],
input[type='submit'],
button,
button:before,
button:after {
	color: var(--blue);
	text-decoration: underline;
	/*transition: .2s var(--easing);*/
}

a:visited {
	color: var(--blue);
}

a:hover {
	text-decoration: none;
}

a:hover img {
}

a:focus {
	outline: none;
}

a:focus-visible,
button:focus-visible {
	outline-style: dotted;
	outline-color: var(--black);
	outline-width: medium;
	outline-offset: 5px;
	transition: 0s;
}

.no_link {
	pointer-events: none;
}

img {
	width: 100%;
	max-width: none;
	height: auto;
}

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

button {
	margin:0;
	padding:0;
	border:0;
	background:transparent;
}

sup {
	font-size: calc(1em / 5 * 4);
	line-height: 1;
	letter-spacing: .1em;
	vertical-align: text-top;
}

sub {
	font-size: calc(1em / 1.5);
	line-height: 1;
	letter-spacing: .1em;
	margin-inline: .1em;
	vertical-align: baseline;
}

strong,
em,
b {
	font-weight: 700;
}

::selection {
	color: var(--white);
	background: var(--blue_dark);
}

.u-show_mobile {
	display: none !important;
}

.u-hide_mobile {
	display: block !important;
}

.u-show_tablet {
	display: none !important;
}

.u-hide_tablet {
	display: block !important;
}

.u-inner {
	margin-inline: auto;
	padding-inline: 40px;
	padding-bottom: 60px;
}

.u-cover {
	background: rgba(255,255,255,.75);
	position: fixed;
	visibility: hidden;
	opacity: 0;
	transition: .2s var(--easing);
	z-index: 500;
	inset: 0;
	backdrop-filter: blur(5px);
}

/*button*/
.u-button > *,
.u-button > a {
	color: var(--black);
	font-size: 18rem;
	font-family: var(--font_dela);
	line-height: 1.35;
	text-decoration: none;
	padding: .35em 2.5em .5em 3em;
	display: inline-block;
	border: 3px solid var(--black);
	border-radius: 100vmax;
	position: relative;
}

.u-button.white > *,
.u-button.white > a {
	filter: invert(1);
}

.u-button > *:hover,
.u-button > a:hover {
	background: var(--white);
	scale: 1.1;
}

.u-button > *:before {
	content: '';
	width: .75em;
	aspect-ratio: 1 / 1;
	background: url("/_assets/images/common/arrow_01_black.svg") no-repeat center / contain;
	position: absolute;
	top: 50%;
	left: 1em;
	translate: 0 -50%;
	scale: none;
}

.u-button.down > *:before {
	rotate: 90deg;
}

.u-button.blank > *:after {
	content: '';
	text-decoration: none;
	width: .75em;
	aspect-ratio: 1 / 1;
	background: url("/_assets/images/common/icon_blank_01.svg") no-repeat center / contain;
	position: absolute;
	top: calc(50% - .1em);
	right: .75em;
	translate: 0 -50%;
	scale: none;
}

.u-button.close > *:before {
	content: '×';
	color: var(--black);
	font-size: 30rem;
	text-decoration: none;
	margin: -.1em 0 0;
	background: none;
}

.u-button.large > *,
.u-button.large > a {
	font-size: 24rem;
	width: calc(100% - (30px * 2));
	padding: .65em .5em .85em 0;
	background: #ECECEC;
	border: 7px solid var(--black);
}

.u-button.large > *:hover,
.u-button.large > a:hover {
	scale: 1.05;
}

.u-button.large > *:before {
	left: auto;
	right: 1em;
}

.u-button.large > * small {
	font-size: 18rem;
	margin-inline: .1em;
	display: inline-block;
}






/* Template Flex */
.u-flex.-module > * {
	color: var(--black);
	font-size: 20rem;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	padding: 20px;
	background: #B5B5B5;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.u-flex {
	display: flex;
	flex-wrap: wrap;
}

.u-flex.-center {
	justify-content: center;
}

.u-flex.-right {
	justify-content: flex-end;
}

.u-flex.-middle {
	align-items: center;
}

.u-flex.-bottom {
	align-items: flex-end;
}

.u-flex.-reverse {
	flex-direction: row-reverse;
}

.u-flex.-between {
	justify-content: space-between;
}

.u-flex > * {
	margin: 10px;
}

.u-flex.-row {
	margin-inline: -10px;
}

.u-flex.-row1 > * { width: calc(100% / 1 - (10px * 2)); }
.u-flex.-row2 > * { width: calc(100% / 2 - (10px * 2)); }
.u-flex.-row3 > * { width: calc(100% / 3 - (10px * 2)); }
.u-flex.-row4 > * { width: calc(100% / 4 - (10px * 2)); }
.u-flex.-row5 > * { width: calc(100% / 5 - (10px * 2)); }
.u-flex.-row6 > * { width: calc(100% / 6 - (10px * 2)); }
.u-flex.-row7 > * { width: calc(100% / 7 - (10px * 2)); }

.u-flex.-row2_1 > *:nth-child(1) { flex-grow: 1; }
.u-flex.-row2_1 > *:nth-child(n + 1) { width: calc(100% / 3 - (10px * 2)); }

.u-flex.-row3_1 > *:nth-child(1) { flex-grow: 1; }
.u-flex.-row3_1 > *:nth-child(n + 1) { width: calc(100% / 4 - (10px * 2)); }


/* Template List */
.u-list {
	margin-top: 1.5em;
}

.u-list + * {
	margin-top: 30px;
}

.u-list li {
	line-height: 1.75;
	padding-left: 1em;
	position: relative;
}

.u-list li:not(:first-child) {
	margin: .5em 0 0;
}

.u-list li:before {
	content: '';
	width: 7px;
	height: 7px;
	margin: .75em 0 0;
	background: var(--blue);
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

.u-list li i {
	color: var(--blue_dark);
	font-size: 18rem;
	font-weight: 700;
	white-space: nowrap;
	padding: 0 .35em 0 0;
	display: table-cell;
}

.u-list li span {
	display: table-cell;
}

.u-list li ul,
.u-list li ol {
	margin-top: .25em;
	padding-bottom: .5em;
}

.u-list li ul li,
.u-list li ol li {
	margin-top: .2em;
}

.u-list li ul li:before,
.u-list li ol li:before {
	width: 6px;
	height: 6px;
	background: #7A828F;
}

.u-list li ul li i,
.u-list li ol li i {
	color: inherit;
}

.u-list.u-flex.-row2 > li:nth-child(n + 3) {
	margin-top: 15px;
}

.u-list_num {
	display: table
}

.u-list_num li {
	padding-left: 0;
}

.u-list_num li:before {
	display: none;
}

.u-list_note {
	display: table
}

.u-list_note li {
	font-size: 14rem;
	padding-left: 0;
}

.u-list_note li i {
	color: var(--red);
	font-size: 14rem;
	font-weight: 400;
}

.u-list_note li:before {
	display: none;
}

.u-list--inline li {
	display: inline-block;
}

.u-list--inline li:nth-child(n + 1) {
	margin-right: 1em;
}

/* Template Table */
.u-intoScroll-desc {
	display: none;
}

.u-table_caption {
	font-size: 13rem;
	min-height: 1.75em;
}

.u-table_corner + .u-table_corner {
	margin-top: 60px;
}

.u-table_corner .u-table {
	table-layout: fixed;
	border-top: 1px solid var(--gray_line);
}

.u-table_corner th {
	color: var(--black);
	font-size: 14rem;
	font-weight: 500;
	line-height: 1.75;
	text-align: left;
	vertical-align: top;
	padding: 13px 10px 13px 25px;
	background: var(--gray_light);
	border-bottom: 1px solid var(--gray_line);
	position: relative;
}

.u-table_corner td {
	font-size: 14rem;
	line-height: 1.75;
	vertical-align: middle;
	padding: 13px 20px;
	border-bottom: 1px solid var(--gray_line);
	border-left: 1px solid var(--gray_line);
	position: relative;
}

.u-table_corner td > * {
	margin-top: 0;
}

.u-table_corner td .u-list li:before {
	margin-top: .7em;
}

.u-table_corner td .u-list li i {
	font-size: 16rem;
}

.u-table_head th {
	color: var(--white);
	background: var(--blue_dark);
}

.u-table_head th:not(:first-child) {
	border-left: 1px solid var(--gray_line);
}

.u-table_head th.border-left {
	border-left: 1px solid var(--gray_line);
}

.u-table_corner-important th {
	font-weight: 700;
	background: #E2F0FB;
}

.u-table_corner-important td {
	font-weight: 700;
	background: #E2F0FB;
}

.u-table_corner .border-left-none {
	border-left: 0;
}

.u-table_corner .border-left {
	border-left: 1px solid var(--gray_line) !important;
}

.u-table_corner .border-right {
	border-right: 1px solid var(--gray_line) !important;
}

.u-table_corner.-compact th,
.u-table_corner.-compact td {
	font-size: 1.4rem;
	line-height: 1.35;
	padding: .75em .8em .8em .8em;
}

.u-table_corner .u-icon_arrow_basic--after:after {
	vertical-align: -.45em;
	transform-origin: top left;
	transform: scale(.85);
}

.u-table .u-font--rl {
	letter-spacing: .5em;
}

.u-table .u-font--rl {
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	white-space: pre;
	display:inline-block;
}

.u-table_corner .u-align_center th {
	text-align: center;
	padding-right: 1em;
	padding-left: 1em;
}

.u-table_corner .u-align_center td {
	text-align: center;
	padding-right: .5em;
	padding-left: .5em;
}

.u-table_corner th sup {
	font-weight: 400;
}

.u-table_corner .u-icon--pdf:after,
.u-table_corner .u-icon--window:after {
	vertical-align: -.2em;
}

.u-table_corner .u-table small {
	vertical-align: baseline;
}

.u-table_corner .plane th,
.u-table_corner .plane td {
	padding: 0 .25em 0 0;
	border: 0;
}

.u-intoScroll__inner {
	overflow-x: auto;
	overflow-y: visible;
	position: relative;
	-webkit-overflow-scrolling: touch;
}

/* Template Title */
.u-title_hi {
	text-align: center;
}

.u-title_hi > * {
	font-family: var(--font_dela);
	font-size: 32rem;
	font-weight: 400;
	padding: .25em 0;
	display: inline-block;
	position: relative;
}

.u-title_hi > *:before,
.u-title_hi > *:after {
	content: '';
	width: .35em;
	padding: 1.5em 0 0;
	background: url("/_assets/images/top/img_02.webp") no-repeat center / contain;
	position: absolute;
	top: calc(50% + .15em);
}

.u-title_hi > *:before {
	left: 0;
	translate: -250% -50%;
	rotate: -30deg;
}

.u-title_hi > *:after {
	right: 0;
	translate: 250% -50%;
	rotate: 30deg;
}

.u-title_hi + * {
	margin-top: 5%;
}

.u-title_mid {
	margin-top: 10%;
	padding: 0 0 .5em;
	border-bottom: 2px solid var(--black);
}

.u-title_mid > * {
	font-size: 22rem;
	font-weight: 500;
	line-height: 1.35;
	display: block;
}

.u-title_mid + * {
	margin-top: 5%;
}


/*画像認証*/
.u-certificationForm__checkInner {
	margin: 5% 0 0;
}

.u-certificationForm__checkInner + * {
	margin-top: 10%;
}

.u-certificationForm__checkInner + .captcha_err {
	color: var(--red);
	font-weight: 700;
	margin-bottom: 1em;
	display: block;
}

.u-certificationForm__checkInner img {
	border: 1px solid var(--gray);
}

.u-certificationForm__checkInner img + * {
	margin-top: 5%;
}

.u-certificationForm__checkInner .u-button {
	text-align: center;
}

.u-certificationForm__checkInner .u-button .c-buttonImageChange {
	font-size: 13rem;
	font-weight: 700;
}

/*form*/
input[type='text'],
input[type='email'],
input[type='tel']{
	font-size: 18rem;
	width: 100%;
	padding: .5em;
	display: block;
	border: 1px solid #A9A9A9;
	background: #F5F5F5;
	border-radius: 10px;
}

.form_item {
	margin-top: 20px;
}

.form_item .title {
	font-weight: 700;
}

.form_item .title + * {
	margin-top: 10px;
}

.form_item .title[data-label='必須']:before {
	content: attr(data-label);
	color: var(--white);
	font-size: 12px;
	font-weight: 700;
	margin: 0 .5em 0 0;
	padding: .2em 1em .25em;
	border-radius: 10px;
	background: var(--red);
}

.form_item .title small {
	color: var(--red);
	padding: 1em 0 0;
	display: block;
}

form .inline {
	font-size: 14rem;
	height: 50vw;
	padding: 20px;
	border: 1px solid var(--gray);
	border-radius: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
	display: block;
}

form .inline .u-text {
}

form .inline .title {
	font-size: 14rem;
	margin-top: 1em;
}

form .inline .title + * {
	margin-top: .5em;
}


.kiyaku_check {
	text-align: center;
}

.kiyaku_check + * {
	margin-top: 20px;
}

.kiyaku_check label {
	cursor: pointer;
}

.kiyaku_check label input[type='checkbox'] {
	vertical-align: top;
	width: 1.25em;
	height: 1.25em;
	margin: 0 .25em 0 0;
	appearance: auto;
}

.kiyaku_check label.active {
	color: var(--red);
}

.send_button:disabled {
	opacity: .5;
	pointer-events: none;
}













/* Template Image */
.u-image figcaption {
	font-size: 14rem;
	line-height: 1.5;
	margin: .4em 0 0;
}

.u-text {
	line-height: 1.75;
}

.u-text + .u-text {
	margin-top: 1em;
}

.u-align_center {
	text-align: center !important;
}

.u-align_right {
	text-align: right !important;
}

.u-align_middle {
	vertical-align: middle !important;
}

/*on imagezoom*/
.u-on_imagezoom .u-on_imagezoom_inner {
	position: relative;
	overflow: hidden;
	transform: translateZ(0);
}

.u-on_imagezoom .u-on_imagezoom_inner:after {
	content: '';
	width: 100%;
	height: 100%;
	inset: 0;
	display: block;
	border: 2px solid var(--blue);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: .2s var(--easing);
}

.no-touch .u-on_imagezoom:hover .u-on_imagezoom_inner:after {
	opacity: 1;
}

.u-on_imagezoom .u-on_imagezoom_inner img {
	width: 100%;
	height: 100%;
/*	aspect-ratio: 49 / 24;*/
	object-fit: cover;
	object-position: center;
	transition: scale .6s ease;
	border-radius: 6px;
}

.no-touch .u-on_imagezoom:hover .u-on_imagezoom_inner img {
	scale: 1.1;
	opacity: 1;
}

.g-wrapper {
	position: relative;
}

.no-touch .g-breadcrumb_item a:hover {
	color: var(--blue);
	text-decoration: underline;
}

.g-breadcrumb_item:last-child a {
	pointer-events: none;
}

.g-breadcrumb.-white .g-breadcrumb_item a {
	color: var(--white);
}

.no-touch .g-breadcrumb.-white .g-breadcrumb_item a {
	color: var(--white);
}

.no-touch .g-breadcrumb.-black .g-breadcrumb_item:not(:last-of-type):after {
	background-image: url("/_assets/images/common/arrow_02@black.svg");
}

.g-container {
	width: 460px;
	margin: 30px 200px 0 auto;
	box-shadow:
		0 0 10px 0 rgba(0, 0, 0, .5)
	;
	border-right: 5px solid var(--white);
	border-left: 5px solid var(--white);
	position: relative;
	z-index: 100;
}

.p-local .g-container {
	background: var(--white);
}

.g-main {
	min-height: 100vh;
	border-right: 10px solid var(--black);
	border-left: 10px solid var(--black);
	overflow: hidden;
}

/*header*/
.g-header_mobile_menu {
	display: none;
}

.g-header {
}

.l-ticker_head {
	width: 100%;
	height: 30px;
	padding: 0 0 .2em;
	background: var(--blue_dark);
	display: flex;
	align-items: center;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	transform: translateZ(0);
	z-index: 200;
}

.l-ticker_head_text {
	color: var(--white);
	font-size: 15rem;
	line-height: 0;
	letter-spacing: .1em;
	white-space: nowrap;
	animation: a-ticker_head_text 10s linear infinite;
	will-change: transform;
}

@keyframes a-ticker_head_text {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-13.65em);
	}
}

.l-ticker_head_text:after {
	content: 'UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI UMAIBO MATSURI '
}


/*footer*/
.g-footer {
	margin: 0 0 30px 30px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
}

.g-footer_logo {
	width: 130px;
	padding-top: 10px;
}

.g-footer_logo + * {
	margin-top: 5%;
}

.g-footer_copyright {
	color: var(--white);
	font-size: 11rem;
	letter-spacing: .1em;
	display: block;
}


/*nav*/
.g-nav {
	width: 200px;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 200;
}

.g-nav .item {
	position: relative;
}

.g-nav .item:not(:last-of-type) {
	margin: 0 0 -20px;
	display: block;
}

.g-nav .item a {
	display: block;
	position: relative;
	transition: .2s var(--easing);
}

.g-nav .item a:hover {
	filter: brightness(150%);
}

.g-nav .item a:after {
	content: '';
	width: 100%;
	height: 8px;
	display: block;
	background: var(--black);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	transform:skewY(-5deg);
	transform-origin: right top;
}

.g-nav .item.comingsoon:after {
	content: 'Coming soon';
	color: var(--white);
	font-family: var(--font_dela);
	font-size: 12rem;
	white-space: nowrap;
	text-shadow: 0 3px 0 rgba(0, 0, 0, .5);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 50;
}

.g-nav .item.comingsoon a {
	filter: grayscale(100%) invert(40%) contrast(50%);
	pointer-events: none;
}


/*topmv*/
.l-topmv {
	background: linear-gradient(to bottom, #dedf40 0%, #0092db 15%, #1d2088 50%, #1d2088 66%, #000000 100%);
	display: flex;
	align-items: center;
	position: fixed;
	inset: 30px 0 0;
	z-index: 0;
}

.l-topmv:after {
	content: '';
	width: 100%;
	height: 50%;
	margin: -5% 0 0;
	background: url("/_assets/images/top/bg_10.webp") no-repeat left 50% top -5% / 110% auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	animation: a-topmv-star .2s infinite;
}

@keyframes a-topmv-star {
	0% {
		opacity: .8;
	}
	100% {
		opacity: .6;
	}
}

.l-topmv .image {
	width: calc(100% - 200px - 460px);
	height: 100%;
	position: relative;
	overflow: hidden;
	transform: translateZ(0);
	z-index: 50;
}

.l-topmv .image:after {
	content: '';
	width: 100%;
	height: 47.5%;
	background: url("/_assets/images/top/img_05.svg") no-repeat center top / 150% auto;
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 0;
	transform: translate(-50%,0);
}

.l-topmv .title {
	width: 65%;
	margin: -25% 0 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 30;
	animation: a-title-y 1.8s ease-in-out infinite alternate-reverse;
}

@keyframes a-title-y {
	0% {
		transform: translateX(-50%) translateY(-40%);
	}
	100% {
		transform: translateX(-50%) translateY(-45%);
	}
}

.l-topmv .chara_deco {
	width: 10%;
	margin: -10% 0 0 -39%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
}

.l-topmv .chara_deco:hover {
	scale: 1.1;
}

.l-topmv .image_main {
	height: 100%;
	overflow: hidden;
	transform: translateZ(0);
	position: relative;
	z-index: 20;
}

.l-topmv .image_main img {
	width: 105%;
	position: absolute;
	margin: 10% 0 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	animation: a-flash 10s infinite;
}

@keyframes a-flash {
	0% {
		filter: brightness(100%);
	}
	10% {
		filter: brightness(100%);
	}
	11% {
		filter: brightness(115%);
	}
	40% {
		filter: brightness(100%);
	}
	70% {
		filter: brightness(100%);
	}
	71% {
		filter: brightness(115%);
	}
	75% {
		filter: brightness(100%);
	}
	76% {
		filter: brightness(115%);
	}
	100% {
		filter: brightness(100%);
	}
}

.l-topmv .fire {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	animation: a-fire ease-out infinite;
}

@keyframes a-fire {
	0% {
		scale: .2;
		translate: 0 30%;
		opacity: 0;
	}
	5% {
		scale: 1.2;
		translate: 0 0;
		opacity: .5;
	}
	20% {
		scale: 1.25;
		translate: 0 0;
		opacity: .9;
	}
	50% {
		scale: 1.3 ;
		translate: 0 10%;
		opacity: 0;
	}
}

.l-topmv .fire:nth-of-type(1) {
	width: 20%;
	margin: 1% 0 0 0;
	animation-delay: 0s;
	animation-duration: 5s;
}

.l-topmv .fire:nth-of-type(2) {
	width: 16%;
	margin: 0% 0 0 49%;
	animation-delay: 1s;
	animation-duration: 6s;
}

.l-topmv .fire:nth-of-type(3) {
	width: 10%;
	margin: 5% 0 0 88%;
	animation-delay: 0.5s;
	animation-duration: 4.5s;
}

.l-topmv .fire:nth-of-type(4) {
	width: 10%;
	margin: 24% 0 0 11%;
	animation-delay: 1.5s;
	animation-duration: 5.5s;
	filter: blur(3px);
}

.l-topmv .fire:nth-of-type(5) {
	width: 15%;
	margin: 16% 0 0 36%;
	animation-delay: 2s;
	animation-duration: 5s;
	filter: blur(3px);
}

.l-topmv .fire:nth-of-type(6) {
	width: 10%;
	margin: 20% 0 0 50%;
	animation-delay: 2.5s;
	animation-duration: 6s;
}

.l-topmv .fire:nth-of-type(7) {
	width: 25%;
	margin: 25% 0 0 85%;
	animation-delay: .5s;
	animation-duration: 10s;
	filter: blur(3px);
}

.l-topmv .period {
	width: 80px;
	margin: 0 30px 400px 0;
	position: absolute;
	bottom: 0;
	right: 0;
}

/*modal*/
.js-modal + .js-modal_element {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	scale: 0;
	display: none;
}

.u-modal {
	max-width: calc(100% - (30px * 2));
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 600;
	opacity: 0;
	visibility: hidden;
	transition: .3s ease;
}

.active_modal {
	overflow-y: hidden;
}

.active_modal .u-cover {
	opacity: 1;
	visibility: visible;
}

.active_modal .u-modal {
	opacity: 1;
	visibility: visible;
}

.u-modal_inner {
	padding: 16px;
	background: var(--white);
	border-radius: 30px;
	border: 10px solid var(--black);
	position: relative;
	transition: .3s ease;
}

.u-modal_campus {
	max-height: calc(100vh - (16px * 2) - (16px * 2) - (10px * 2) - 130px);
	padding: 16px 16px 60px;
	overflow-y: auto;
	overflow-x: hidden;
}

.u-video_stage {
	min-width: 1100px;
	margin: 0px -60px -36px;
	border-radius: 16px;
	position: relative;
	overflow: hidden;
	transform: translateZ(0);
}

.u-video_stage > video {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.u-modal_stage {
	padding: 0 60px;
}

.u-modal .close_text {
	text-align: center;
	padding: 30px 0 0;
}

.u-modal .close_text > * {
	font-family: var(--font_dela);
	font-size: 24rem;
	text-decoration: none;
}

.u-modal .close_text > *:hover {
	scale: 1.1;
}







.u-width_100 { width: 100%; }
.u-width_95 { width: 95%; }
.u-width_90 { width: 90%; }
.u-width_85 { width: 85%; }
.u-width_80 { width: 80%; }
.u-width_75 { width: 75%; }
.u-width_70 { width: 70%; }
.u-width_65 { width: 65%; }
.u-width_60 { width: 60%; }
.u-width_55 { width: 55%; }
.u-width_50 { width: 50%; }
.u-width_45 { width: 45%; }
.u-width_40 { width: 40%; }
.u-width_35 { width: 35%; }
.u-width_40 { width: 40%; }
.u-width_30 { width: 30%; }
.u-width_25 { width: 25%; }
.u-width_20 { width: 20%; }
.u-width_15 { width: 15%; }
.u-width_10 { width: 10%; }

.u-mgt_125 { margin-top: 125px !important; }
.u-mgt_120 { margin-top: 120px !important; }
.u-mgt_115 { margin-top: 110px !important; }
.u-mgt_110 { margin-top: 110px !important; }
.u-mgt_105 { margin-top: 100px !important; }
.u-mgt_100 { margin-top: 100px !important; }
.u-mgt_95 { margin-top: 95px !important; }
.u-mgt_90 { margin-top: 90px !important; }
.u-mgt_85 { margin-top: 85px !important; }
.u-mgt_80 { margin-top: 80px !important; }
.u-mgt_75 { margin-top: 75px !important; }
.u-mgt_70 { margin-top: 70px !important; }
.u-mgt_65 { margin-top: 65px !important; }
.u-mgt_60 { margin-top: 60px !important; }
.u-mgt_55 { margin-top: 55px !important; }
.u-mgt_50 { margin-top: 50px !important; }
.u-mgt_45 { margin-top: 45px !important; }
.u-mgt_40 { margin-top: 40px !important; }
.u-mgt_35 { margin-top: 35px !important; }
.u-mgt_30 { margin-top: 30px !important; }
.u-mgt_25 { margin-top: 25px !important; }
.u-mgt_20 { margin-top: 20px !important; }
.u-mgt_15 { margin-top: 15px !important; }
.u-mgt_10 { margin-top: 10px !important; }
.u-mgt_5 { margin-top: 5px !important; }
.u-mgt_0 { margin-top: 0 !important; }
.u-mgt_-5 { margin-top: -5px !important; }
.u-mgt_-10 { margin-top: -10px !important; }
.u-mgt_-20 { margin-top: -20px !important; }
.u-mgt_-30 { margin-top: -30px !important; }
.u-mgt_-40 { margin-top: -40px !important; }
.u-mgt_-50 { margin-top: -50px !important; }
.u-mgt_-60 { margin-top: -60px !important; }
.u-mgt_-70 { margin-top: -70px !important; }

.u-color_black {
	color: var(--black);
}

.u-color_blue {
	color: var(--blue);
}

.u-font_def {
	font-family: var(--font_def);
}

.u-font_dela {
	font-family: var(--font_dela);
	font-weight: 400;
}

.u-font_mid {
	font-weight: 500;
}

.u-font_8 { font-size: 8rem !important; }
.u-font_9 { font-size: 9rem !important; }
.u-font_10 { font-size: 10rem !important; }
.u-font_11 { font-size: 11rem !important; }
.u-font_12 { font-size: 12rem !important; }
.u-font_13 { font-size: 13rem !important; }
.u-font_14 { font-size: 14rem !important; }
.u-font_15 { font-size: 15rem !important; }
.u-font_16 { font-size: 16rem !important; }
.u-font_17 { font-size: 17rem !important; }
.u-font_18 { font-size: 18rem !important; }
.u-font_19 { font-size: 19rem !important; }
.u-font_20 { font-size: 20rem !important; }
.u-font_21 { font-size: 21rem !important; }
.u-font_22 { font-size: 22rem !important; }
.u-font_23 { font-size: 23rem !important; }
.u-font_24 { font-size: 24rem !important; }
.u-font_25 { font-size: 25rem !important; }
.u-font_26 { font-size: 26rem !important; }
.u-font_27 { font-size: 27rem !important; }
.u-font_28 { font-size: 28rem !important; }
.u-font_29 { font-size: 29rem !important; }
.u-font_30 { font-size: 30rem !important; }

@media print {
	body {
		font-size: 14rem;
	}
	
	.g-wrapper {
		padding-top: 0;
	}
	
	.g-container {
	}
	
	.g-header_sub,
	.g-navi,
	.g-breadcrumb,
	.g-pagetop {
		display: none;
	}
	
	.g-header {
		position: static;
	}
	
	.g-header_logo {
		margin-left: 0;
		top: 0;
		transform: none;
	}
	
	
	
	
	
	
	
	
	
	
	
	
}