.page-color01 {
	--page-color: #0118ED;
	--page-color-rgb: 1, 24, 237;
}

.page-color02 {
	--page-color: #BE363C;
	--page-color-rgb: 190, 54, 60;
}

.page-color03 {
	--page-color: #F4B802;
	--page-color-rgb: 244, 184, 2;
}

.page-color04 {
	--page-color: #79C403;
	--page-color-rgb: 121, 196, 3;
}

.page-color05 {
	--page-color: #008234;
	--page-color-rgb: 0, 130, 52;
}

.page-color06 {
	--page-color: #0080D3;
	--page-color-rgb: 0, 128, 211;
}

.page-color07 {
	--page-color: #4B389E;
	--page-color-rgb: 75, 56, 158;
}

.page-color08 {
	--page-color: #FFA84D;
	--page-color-rgb: 255, 168, 77;
}

.page-color09 {
	--page-color: #CF89FB;
	--page-color-rgb: 207, 137, 251;
}

.p-mv {
	height: 88rem;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.p-mv {
		height: 74.8rem;
	}
}
.p-mv__video {
	width: 100%;
	height: 100%;
}
.p-mv__video video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	display: block;
}
.p-mv__content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	padding-top: 14.8rem;
	padding-right: 3.2rem;
}
.p-mv__content .bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 28rem;
	height: 100%;
	backdrop-filter: blur(50px);
	mask-image: -webkit-gradient(linear, right top, left top, from(rgb(0, 0, 0)), color-stop(70%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
	mask-image: linear-gradient(to left, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
	-webkit-mask-image: -webkit-gradient(linear, right top, left top, from(rgb(0, 0, 0)), color-stop(70%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
	-webkit-mask-image: linear-gradient(to left, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
}
.p-mv__content .bg::before {
	content: "";
	position: absolute;
	inset: 0;
	background: -webkit-gradient(linear, left top, right top, from(rgba(147, 152, 168, 0)), to(rgba(27, 33, 51, 0.6)));
	background: linear-gradient(90deg, rgba(147, 152, 168, 0) 0%, rgba(27, 33, 51, 0.6) 100%);
}
.p-mv__video-stop {
	width: 4rem;
	height: 4rem;
	display: block;
	position: absolute;
	left: 6rem;
	bottom: 9.4rem;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.p-mv__video-stop {
		left: 1.6rem;
		bottom: 4.8rem;
	}
}
.p-mv__video-stop .icon {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/top/btn_stop.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.p-mv__video-stop.is-paused .icon {
	background-image: url(../images/top/icn_play.svg);
}
.p-mv__menu {
	margin-right: 0;
	margin-left: auto;
	position: relative;
}
.p-mv__menu .item {
	color: #ffffff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 160%; /* 2.56rem */
	letter-spacing: 0.048rem;
	margin-top: 2rem;
}
.p-mv__menu .item:first-of-type {
	margin-top: 0;
}
.p-mv__menu .sns {
	margin-top: 7rem;
}
.p-mv__menu .sns .sns-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1.6rem;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.p-mv__menu .sns .sns-item {
	width: 4.4rem;
}

.p-news {
	background-color: #ffffff;
}
.p-news__content {
	background-color: #0118ED;
	background: -webkit-gradient(linear, right top, left top, from(#0085EB), to(#0018EE));
	background: linear-gradient(270deg, #0085EB 0%, #0018EE 100%);
	backdrop-filter: blur(2px);
	padding: 6.4rem 8rem 12rem 8rem;
	margin-top: -5.4em;
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-news__content {
		margin-top: -3.2rem;
		padding: 3.2rem 1.6rem 6.4rem;
	}
}
.p-news__heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media screen and (max-width: 767px) {
	.p-news__heading {
		display: block;
	}
}
.p-news__title {
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 2.4rem;
}
@media screen and (max-width: 767px) {
	.p-news__title {
		display: block;
	}
}
.p-news__title .title-en {
	font-size: 6.4rem;
	font-style: italic;
	font-weight: 700;
	line-height: 160%; /* 10.24rem */
}
@media screen and (max-width: 767px) {
	.p-news__title .title-en {
		font-size: 4rem;
	}
}
.p-news__title .title-jp {
	font-size: 2rem;
	font-weight: 700;
	line-height: 160%; /* 3.2rem */
}
@media screen and (max-width: 767px) {
	.p-news__title .title-jp {
		font-size: 1.4rem;
	}
}
.p-news .c-news-list {
	margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
	.p-news .c-news-list {
		margin-top: 3.2rem;
	}
}
.p-news .c-news-list .item .date,
.p-news .c-news-list .item .title,
.p-news .c-news-list .item .text {
	color: #ffffff;
}
@media screen and (max-width: 767px) {
	.p-news .c-news-list .item:not(:first-of-type) {
		display: none;
	}
}
.p-news .c-scroll-entitle {
	margin-top: -7rem;
}
@media screen and (max-width: 767px) {
	.p-news .c-scroll-entitle {
		margin-top: -3.2rem;
	}
}

.p-daytime {
	padding-top: 8rem;
	padding-bottom: 12rem;
}
@media screen and (max-width: 767px) {
	.p-daytime {
		padding-top: 4rem;
		padding-bottom: 8rem;
	}
}
.p-daytime .c-column__item {
	position: relative;
}
.p-daytime .c-column__item .item__chara {
	position: absolute;
	right: -4.1rem;
	top: -3.9rem;
	width: 11.6rem;
}
@media screen and (max-width: 767px) {
	.p-daytime .c-column__item .item__chara {
		width: 6.7rem;
		top: -2.1rem;
		right: -1.6rem;
	}
}
.p-daytime .c-column__item .cnt {
	border-top: 1px solid #ffffff;
}
@media screen and (max-width: 767px) {
	.p-daytime .c-column__item .cnt .title {
		font-weight: 700;
		font-size: 1.8rem;
		padding-bottom: 0.1em;
	}
}
.p-daytime .c-column__item:nth-of-type(1) .cnt {
	border-top-color: #FF7D7D;
}
.p-daytime .c-column__item:nth-of-type(2) .cnt {
	border-top-color: #C6FCA1;
}
.p-daytime .c-column__item:nth-of-type(3) .cnt {
	border-top-color: #F3A9FF;
}
.p-daytime .c-column__item:nth-of-type(4) .cnt {
	border-top-color: #A1EFF7;
}
.p-daytime .c-column__item:nth-of-type(5) .cnt {
	border-top-color: #FFF1D5;
}
.p-daytime .c-column__item:nth-of-type(6) .cnt {
	border-top-color: #FFD900;
}

.p-evening {
	background: -webkit-gradient(linear, right top, left top, from(rgba(0, 133, 235, 0.12)), to(rgba(0, 24, 238, 0.12)));
	background: linear-gradient(270deg, rgba(0, 133, 235, 0.12) 0%, rgba(0, 24, 238, 0.12) 100%);
	padding-top: 12rem;
	padding-bottom: 30.4rem;
}
@media screen and (max-width: 767px) {
	.p-evening {
		padding-top: 4rem;
		padding-bottom: 28rem;
	}
	.p-evening .c-column + .c-column {
		margin-top: 8rem;
	}
	.p-evening .c-column__item .cnt .title {
		font-weight: 700;
		font-size: 1.8rem;
		padding-bottom: 0.1em;
	}
}

.p-whatis {
	padding-bottom: 18.4rem;
}
@media screen and (max-width: 767px) {
	.p-whatis {
		padding-bottom: 8rem;
	}
}
.p-whatis__title {
	margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
	.p-whatis__title {
		margin-bottom: 1.6rem;
	}
}
.p-whatis__title .title-en {
	font-size: 2rem;
	font-style: italic;
	font-weight: 700;
	line-height: 160%; /* 3.2rem */
	letter-spacing: 0.06rem;
}
@media screen and (max-width: 767px) {
	.p-whatis__title .title-en {
		font-size: 1.2rem;
		letter-spacing: 0.036rem;
	}
}
.p-whatis__title .title-jp {
	font-size: 4rem;
	font-weight: 500;
	line-height: 160%; /* 6.4rem */
}
@media screen and (max-width: 767px) {
	.p-whatis__title .title-jp {
		font-size: 1.8rem;
	}
}
.p-whatis__title.-white {
	color: #ffffff;
}
.p-whatis__content {
	margin-top: -12rem;
	margin-bottom: 12rem;
	position: relative;
	background: -webkit-gradient(linear, right top, left top, from(#0085EB), to(#0018EE));
	background: linear-gradient(270deg, #0085EB 0%, #0018EE 100%);
	backdrop-filter: blur(2px);
	padding: 0 8rem;
	border-radius: 2rem;
}
@media screen and (max-width: 767px) {
	.p-whatis__content {
		margin-top: -17.6rem;
		margin-bottom: 0;
		padding: 0 1.6rem 4.8rem;
	}
}
.p-whatis__content .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	position: relative;
	top: -6.4rem;
	margin-bottom: -6.4rem;
}
@media screen and (max-width: 767px) {
	.p-whatis__content .box {
		display: block;
		top: -2.4rem;
		margin-bottom: -2.4rem;
	}
}
.p-whatis__content .box .img, .p-whatis__content .box .cnt {
	width: 50rem;
}
@media screen and (max-width: 767px) {
	.p-whatis__content .box .img, .p-whatis__content .box .cnt {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.p-whatis__content .box .cnt {
		margin-top: 1.6rem;
	}
}
.p-whatis__content .box .c-btn {
	margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
	.p-whatis__content .box .c-btn {
		margin-top: 1.6rem;
	}
}
.p-whatis__content .box:nth-of-type(2) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	top: 6.4rem;
}
@media screen and (max-width: 767px) {
	.p-whatis__content .box:nth-of-type(2) {
		top: auto;
		margin-top: 6.4rem;
	}
}

.p-student {
	background-image: url(../images/top/bg_student.jpg);
	background-size: cover;
	background-position: center center;
	padding: 8rem 0;
}
@media screen and (max-width: 767px) {
	.p-student {
		background-image: url(../images/top/bg_student_sp.jpg);
		padding: 16rem 1.6rem 1.2rem;
	}
}
.p-student__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.p-student__content .card {
	background-color: #ffffff;
	width: 56.2rem;
	padding: 3.2rem 4rem;
}
@media screen and (max-width: 767px) {
	.p-student__content .card {
		width: 100%;
		padding: 2.4rem;
	}
}
.p-student__content .title {
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 160%; /* 5.12rem */
	margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
	.p-student__content .title {
		font-size: 1.8rem;
		margin-bottom: 2.4rem;
	}
}
.p-student__content .c-btn {
	margin-top: 2.4rem;
}
.p-student.-parents {
	background-image: url(../images/top/bg_parents.jpg);
}
@media screen and (max-width: 767px) {
	.p-student.-parents {
		background-image: url(../images/top/bg_parents_sp.jpg);
	}
}
.p-student.-parents .p-student__content {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.p-slide {
	overflow: hidden;
	padding: 12rem 0;
	background: -webkit-gradient(linear, right top, left top, from(rgba(0, 133, 235, 0.12)), to(rgba(0, 24, 238, 0.12)));
	background: linear-gradient(270deg, rgba(0, 133, 235, 0.12) 0%, rgba(0, 24, 238, 0.12) 100%);
}
@media screen and (max-width: 767px) {
	.p-slide {
		padding: 6.4rem 0;
	}
}
.p-slide__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	-webkit-animation: slideLoop 30s linear infinite;
	        animation: slideLoop 30s linear infinite;
	gap: 3.2rem;
	will-change: transform;
}
@media screen and (max-width: 767px) {
	.p-slide__content {
		gap: 2.4rem;
	}
}
.p-slide__content .slide {
	width: 39rem;
	height: 39rem;
	border-radius: 2rem;
	overflow: hidden;
	border: 4px solid #ffffff;
}
@media screen and (max-width: 767px) {
	.p-slide__content .slide {
		width: 16rem;
		height: 16rem;
		border-width: 2px;
	}
}
.p-slide__content .slide img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
}

@-webkit-keyframes slideLoop {
	0% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

@keyframes slideLoop {
	0% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}
/*# sourceMappingURL=top.css.map */