@charset "utf-8";

@media screen and (max-width: 999px) {
	:root {
	}
	
	.u-show_tablet {
		display: block !important;
	}
	
	.u-hide_tablet {
		display: none !important;
	}
	
	.g-container {
		margin: 0 auto;
	}
	
	.p-local .g-container {
		padding-top: 30px;
	}
	
	.p-local .g-main {
		padding-bottom: 20%;
	}
	
	.g-footer {
		text-align: center;
		width: calc(430px + (5px * 2) + (10px * 2));
		margin: 0 auto;
		background: #111E63;
		border-right: 5px solid var(--white);
		border-left: 5px solid var(--white);
		position: relative;
		bottom: auto;
		left: auto;
		transform: none;
	}
	
	.g-footer:after {
		content: '';
		width: calc(100% - (10px * 2));
		margin: 0 auto;
		padding: 14.65% 0 0;
		background: url(/_assets/images/top/bg_06_blue_dark.svg) no-repeat center / 100% auto;
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 10;
		translate: -50% -96.5%;
	}
	
	.g-footer .inner {
		padding: 0 0 140px;
		border-right: 10px solid var(--black);
		border-left: 10px solid var(--black);
	}
	
	.g-footer_logo {
		width: 130px;
		margin: 0 auto;
	}
	
	.g-nav {
		width: calc(430px + (3px * 2));
		margin: 0 0 -3px -3px;
		display: flex;
		right: 50%;
		transform: translate(50%,0);
	}
	
	.g-nav .item {
		width: calc(100% / 4);
		border-top: 6px solid var(--black);
		border-right: 3px solid var(--black);
		border-left: 3px solid var(--black);
	}
	
	.g-nav .item:not(:last-of-type) {
		margin-bottom: 0;
	}
	
	.g-nav .item a:after {
		display: none;
	}
	
	.g-nav .item.comingsoon:after {
		font-size: 10px;
	}
	
	.l-topmv {
		align-items: flex-start;
		background: linear-gradient(to bottom, #dedf40 0%, #0092db 10%, #1d2088 50%, #1d2088 66%, #000000 100%);
	}
	
	.l-topmv:after {
	}
	
	.l-topmv .title {
		width: 80%;
		margin: 26% 0 0;
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 30;
		animation: a-title-y 1.8s ease-in-out infinite alternate-reverse;
	}
	
	.l-topmv .image {
		width: 430px;
		height: 100%;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		transform: translateZ(0);
		z-index: 50;
	}
	
	.l-topmv .image:after {
		margin: 54% 0 0;
		height: 100vh;
		top: 0;
		bottom: auto;
		left: 0;
		transform: none;
	}
	
	.l-topmv .image_main img {
		width: 100%;
		position: absolute;
		margin: 25.5% 0 0;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}
	
	.l-topmv .period {
		text-align: center;
		width: calc(380px - (20px * 2));
		margin: 1% 0 0;
		position: absolute;
		top: 0;
		bottom: auto;
		right: 50%;
		transform: translate(50%,0);
	}
	
	.u-modal {
		width: 100%;
	}
	
	.u-modal_stage {
		padding: 0;
	}
	
	.u-modal_campus {
		padding: 0px 16px 16px;
	}
	
	.u-video_stage {
		min-width: 0;
	}
	
	.u-width_100_tablet { width: 100%; }
	.u-width_95_tablet { width: 95%; }
	.u-width_90_tablet { width: 90%; }
	.u-width_85_tablet { width: 85%; }
	.u-width_80_tablet { width: 80%; }
	.u-width_75_tablet { width: 75%; }
	.u-width_70_tablet { width: 70%; }
	.u-width_65_tablet { width: 65%; }
	.u-width_60_tablet { width: 60%; }
	.u-width_55_tablet { width: 55%; }
	.u-width_50_tablet { width: 50%; }
	.u-width_45_tablet { width: 45%; }
	.u-width_40_tablet { width: 40%; }
	.u-width_35_tablet { width: 35%; }
	.u-width_40_tablet { width: 40%; }
	.u-width_30_tablet { width: 30%; }
	.u-width_25_tablet { width: 25%; }
	.u-width_20_tablet { width: 20%; }
	.u-width_15_tablet { width: 15%; }
	.u-width_10_tablet { width: 10%; }

	.u-mgt_125_tablet { margin-top: 125px !important; }
	.u-mgt_120_tablet { margin-top: 120px !important; }
	.u-mgt_115_tablet { margin-top: 110px !important; }
	.u-mgt_110_tablet { margin-top: 110px !important; }
	.u-mgt_105_tablet { margin-top: 100px !important; }
	.u-mgt_100_tablet { margin-top: 100px !important; }
	.u-mgt_95_tablet { margin-top: 95px !important; }
	.u-mgt_90_tablet { margin-top: 90px !important; }
	.u-mgt_85_tablet { margin-top: 85px !important; }
	.u-mgt_80_tablet { margin-top: 80px !important; }
	.u-mgt_75_tablet { margin-top: 75px !important; }
	.u-mgt_70_tablet { margin-top: 70px !important; }
	.u-mgt_65_tablet { margin-top: 65px !important; }
	.u-mgt_60_tablet { margin-top: 60px !important; }
	.u-mgt_55_tablet { margin-top: 55px !important; }
	.u-mgt_50_tablet { margin-top: 50px !important; }
	.u-mgt_45_tablet { margin-top: 45px !important; }
	.u-mgt_40_tablet { margin-top: 40px !important; }
	.u-mgt_35_tablet { margin-top: 35px !important; }
	.u-mgt_30_tablet { margin-top: 30px !important; }
	.u-mgt_25_tablet { margin-top: 25px !important; }
	.u-mgt_20_tablet { margin-top: 20px !important; }
	.u-mgt_15_tablet { margin-top: 15px !important; }
	.u-mgt_10_tablet { margin-top: 10px !important; }
	.u-mgt_5_tablet { margin-top: 5px !important; }
	.u-mgt_0_tablet { margin-top: 0 !important; }
	.u-mgt_-10_tablet { margin-top: -10px !important; }
	.u-mgt_-20_tablet { margin-top: -20px !important; }
	.u-mgt_-30_tablet { margin-top: -30px !important; }
	.u-mgt_-40_tablet { margin-top: -40px !important; }
	.u-mgt_-50_tablet { margin-top: -50px !important; }
	.u-mgt_-60_tablet { margin-top: -60px !important; }
	.u-mgt_-70_tablet { margin-top: -70px !important; }
	
}

@media screen and (max-width: 767px) {
	:root {
	}
	
	.u-show_mobile {
		display: block !important;
	}
	
	.u-show_mobile--small {
		display: none !important;
	}
	
	.u-hide_mobile {
		display: none !important;
	}
	
	.u-button > *, .u-button > a {
		font-size: 16rem;
	}
	
	.u-button.large > *,
	.u-button.large > a {
		font-size: 20rem;
	}
	
	.u-button.large > * small {
		font-size: 16rem;
	}
	
	
	
	
	.g-container {
		width: 100%;
		box-shadow: none;
		border-right: 0;
		border-left: 0;
	}
	
	.g-main {
		border-right: 0;
		border-left: 0;
	}
	
	
	.g-nav {
		width: calc(100% + (3px * 2));
		transform: translate(50%,100%);
		transition: .6s ease;
	}
	
	.active_scroll .g-nav {
		transform: translate(50%,0);
	}
	
	.l-topmv:after {
		height: 100vh;
		margin: 0;
		background-size: 200% auto;
		background-position: top -50% center;
	}
	
	.l-topmv .title {
		width: 90%;
	}
	
	.l-topmv .image {
		width: 100%;
	}
	
	.l-topmv .fire:nth-of-type(1) {
		width: 30%;
		margin: -5% 0 0 -5%;
	}
	
	.l-topmv .fire:nth-of-type(2) {
		width: 20%;
		margin: 5% 0 0 30%;
	}
	
	.l-topmv .fire:nth-of-type(3) {
		width: 20%;
		margin: -4% 0 0 75%;
	}
	
	.l-topmv .fire:nth-of-type(4) {
		width: 22%;
		margin: 35% 0 0 13%;
		filter: blur(2px);
	}
	
	.l-topmv .fire:nth-of-type(5) {
		width: 15%;
		margin: 31% 0 0 34%;
		filter: blur(1px);
	}
	
	.l-topmv .fire:nth-of-type(6) {
		width: 15%;
		margin: 30% 0 0 66%;
	}
	
	.l-topmv .fire:nth-of-type(7) {
		width: 30%;
		margin: 25% 0 0 85%;
		filter: blur(1px);
	}
	
	.l-topmv .period {
		width: 75%;
		margin-top: 1.5%;
	}
	
	.u-modal_inner {
		border-width: 5px;
	}
	
	.g-footer {
		width: 100%;
		border-right: 0;
		border-left: 0;
	}
	
	.g-footer:after {
		width: 100%;
	}
	
	.g-footer .inner {
		border-right: 0;
		border-left: 0;
	}
	
	
	.l-ticker_head_text {
		font-size: 11rem;
	}
	
	
	
	
	
	.u-width_100_mobile { width: 100%; }
	.u-width_95_mobile { width: 95%; }
	.u-width_90_mobile { width: 90%; }
	.u-width_85_mobile { width: 85%; }
	.u-width_80_mobile { width: 80%; }
	.u-width_75_mobile { width: 75%; }
	.u-width_70_mobile { width: 70%; }
	.u-width_65_mobile { width: 65%; }
	.u-width_60_mobile { width: 60%; }
	.u-width_55_mobile { width: 55%; }
	.u-width_50_mobile { width: 50%; }
	.u-width_45_mobile { width: 45%; }
	.u-width_40_mobile { width: 40%; }
	.u-width_35_mobile { width: 35%; }
	.u-width_40_mobile { width: 40%; }
	.u-width_30_mobile { width: 30%; }
	.u-width_25_mobile { width: 25%; }
	.u-width_20_mobile { width: 20%; }
	.u-width_15_mobile { width: 15%; }
	.u-width_10_mobile { width: 10%; }

	.u-mgt_125_mobile { margin-top: 125px !important; }
	.u-mgt_120_mobile { margin-top: 120px !important; }
	.u-mgt_115_mobile { margin-top: 110px !important; }
	.u-mgt_110_mobile { margin-top: 110px !important; }
	.u-mgt_105_mobile { margin-top: 100px !important; }
	.u-mgt_100_mobile { margin-top: 100px !important; }
	.u-mgt_95_mobile { margin-top: 95px !important; }
	.u-mgt_90_mobile { margin-top: 90px !important; }
	.u-mgt_85_mobile { margin-top: 85px !important; }
	.u-mgt_80_mobile { margin-top: 80px !important; }
	.u-mgt_75_mobile { margin-top: 75px !important; }
	.u-mgt_70_mobile { margin-top: 70px !important; }
	.u-mgt_65_mobile { margin-top: 65px !important; }
	.u-mgt_60_mobile { margin-top: 60px !important; }
	.u-mgt_55_mobile { margin-top: 55px !important; }
	.u-mgt_50_mobile { margin-top: 50px !important; }
	.u-mgt_45_mobile { margin-top: 45px !important; }
	.u-mgt_40_mobile { margin-top: 40px !important; }
	.u-mgt_35_mobile { margin-top: 35px !important; }
	.u-mgt_30_mobile { margin-top: 30px !important; }
	.u-mgt_25_mobile { margin-top: 25px !important; }
	.u-mgt_20_mobile { margin-top: 20px !important; }
	.u-mgt_15_mobile { margin-top: 15px !important; }
	.u-mgt_10_mobile { margin-top: 10px !important; }
	.u-mgt_5_mobile { margin-top: 5px !important; }
	.u-mgt_0_mobile { margin-top: 0 !important; }
	.u-mgt_-10_mobile { margin-top: -10px !important; }
	.u-mgt_-20_mobile { margin-top: -20px !important; }
	.u-mgt_-30_mobile { margin-top: -30px !important; }
	.u-mgt_-40_mobile { margin-top: -40px !important; }
	.u-mgt_-50_mobile { margin-top: -50px !important; }
	.u-mgt_-60_mobile { margin-top: -60px !important; }
	.u-mgt_-70_mobile { margin-top: -70px !important; }
	
}

@media screen and (max-width: 499px) {
	
}