@charset "UTF-8";


/*  fixed text
================ */
#container {
  padding-top: 0;
}
@media (min-width: 992px) {
	#container {
		padding-top: 0;
		padding-left: 9.3vh;
	}
	#siteHeader {
		left: 9.3vh;
	}
	#fixed-text {
		mix-blend-mode: difference;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 400;
	}
	#fixed-text img {
		width: auto;
		height: 100%;
		object-fit: contain;
	}
}


/*  infinite text
================ */
@media (max-width: 991px) {
	#infinite-text {
		mix-blend-mode: difference;
		position: relative;
		z-index: 400;
	}
}


/*  color-cont
================ */
.color-cont {
	color: var(--white);
	margin-top: 40px;
	margin-bottom: 40px;
	position: relative;
}
.color-cont > .container {
	position: relative;
	z-index: 2;
}
.color-cont .bg {
	background: var(--color1-h);
	border-radius: 40px 0 0 40px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	mix-blend-mode: multiply;
}
.color-cont .bg::before,
.color-cont .bg::after {
	content: '';
	display: block;
	margin: 0 0 0 auto;
	width: 40px;
	height: 40px;
	background: no-repeat center center / 100%;
	position: absolute;
	right: 0;
	mix-blend-mode: multiply;
}
.color-cont .bg::before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2299.412%22%20height%3D%2299.364%22%20viewBox%3D%220%200%2099.412%2099.364%22%3E%3Cpath%20d%3D%22M0%2C99.364H0V0H99.412A100.9%2C100.9%2C0%2C0%2C0%2C79.846%2C2.032%2C99.453%2C99.453%2C0%2C0%2C0%2C44.089%2C17.078a100.291%2C100.291%2C0%2C0%2C0-36.23%2C44A99.5%2C99.5%2C0%2C0%2C0%2C2.032%2C79.846%2C100.74%2C100.74%2C0%2C0%2C0%2C0%2C99.364Z%22%20transform%3D%22translate(99.412%2099.364)%20rotate(180)%22%20fill%3D%22%2335b4b9%22%2F%3E%3C%2Fsvg%3E');
	bottom: 100%;
}
.color-cont .bg::after {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2299.364%22%20height%3D%2299.412%22%20viewBox%3D%220%200%2099.364%2099.412%22%3E%3Cpath%20d%3D%22M99.364%2C99.364H0V-.048A100.9%2C100.9%2C0%2C0%2C0%2C2.032%2C19.518%2C99.5%2C99.5%2C0%2C0%2C0%2C7.858%2C38.289a100.008%2C100.008%2C0%2C0%2C0%2C9.22%2C16.986%2C100.719%2C100.719%2C0%2C0%2C0%2C12.211%2C14.8%2C100.718%2C100.718%2C0%2C0%2C0%2C14.8%2C12.211%2C100.008%2C100.008%2C0%2C0%2C0%2C16.986%2C9.22%2C99.5%2C99.5%2C0%2C0%2C0%2C18.771%2C5.827%2C100.74%2C100.74%2C0%2C0%2C0%2C19.518%2C2.03Z%22%20transform%3D%22translate(99.364%2099.365)%20rotate(180)%22%20fill%3D%22%2335b4b9%22%2F%3E%3C%2Fsvg%3E');
	top: 100%;
}
.color-cont .section__header .en_ttl {
	display: block;
	font-size: 3.285em;
	letter-spacing: -.06em;
	line-height: 1;
	text-align: right;
	color: var(--white);
	padding-left: 0;
	margin-right: calc(((100vw - 100%)/2)*-1);
	margin-bottom: -.4em;
	opacity: 0.18;
}
.color-cont .section__header .en_ttl::before {
	display: none;
}
@media (min-width: 992px) {
	.color-cont {
		margin-top: 100px;
		margin-bottom: 100px;
	}
	.color-cont .bg {
		left: -9.3vh;
		border-radius: 100px 0 0 100px;
	}
	.color-cont .bg::before,
	.color-cont .bg::after {
		width: 100px;
		height: 100px;
	}
	.color-cont .section__header .en_ttl {
		font-size: 6em;
		margin-right: calc(((100vw - 9.3vh - 100%)/2)*-1);
		white-space: nowrap;
	}
}
@media (min-width: 1200px) {
	.color-cont .section__header .en_ttl {
		font-size: 7.5em;
	}
}

/*  item
================ */
@media (max-width: 991px) {
	.item .imgBox {
		margin-bottom: 1.25em;
	}
	.item + .item {
		margin-top: 1.25em;
	}
}


/*  MV
================ */
#mv {
	min-height: 100dvh;
	position: relative;
}
#mv picture {
	display: block;
}
#mv .inner {
	padding: 90px 0 30px;
}
#mv .mv-head {
	margin-bottom: 25px;
}
#mv .mv-img {
	margin-right: calc(((100vw - 100%)/2)*-1);
	margin-left: calc(((100vw - 100%)/2)*-1);
	margin-bottom: 20px;
}
#mv .read {
	font-size: .857em;
	font-weight: 500;
}
#mv .read br {
	display: none;
}
#mv .mv-badge {
	flex: 0 0 130px;
	margin-top: -20%;
	margin-left: 15px;
}
#mv .mv-txt {
	margin: 15px 0;
}
#mv .mv-txt img {
	min-width: 75%;
}
@media (max-width: 575px) {
	#mv .read {
		font-size: 4vw;
	}
	#mv .mv-badge {
		flex: 0 0 34.6vw;
	}
}
@media (min-width: 576px) {
	#mv .mv-txt {
		margin-top: 0;
	}
}
@media (min-width: 768px) {
	#mv .mv-head {
		margin-bottom: 40px;
	}
	#mv .mv-img {
		margin-bottom: 30px;
	}
	#mv .read {
		font-size: 1em;
	}
	#mv .mv-badge {
		flex: 0 0 170px;
	}
	#mv .mv-txt {
		margin-top: -30px;
	}
}
@media (min-width: 992px) {
	#mv .inner {
		width: calc((100% - 9.3vh)/2 - 70px);
		height: 100dvh;
		min-height: 600px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: static;
	}
	#mv .mv-head {
		margin-bottom: 40px;
	}
	#mv .mv-img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 50%;
		border-radius: 0 0 0 100px;
		overflow: hidden;
	}
	#mv .read {
		font-size: 1.143em;
		line-height: 1.75;
	}
	#mv .mv-badge {
		margin-top: 0;
		flex: 0 0 130px;
	}
	#mv .mv-txt {
		margin-top: 0;
	}
	#mv .mv-txt img {
		min-width: 60%;
	}
}
@media (min-width: 1200px) {
	#mv .read {
		white-space: nowrap;
	}
	#mv .read br {
		display: block;
	}
	#mv .mv-badge {
		margin-left: 0;
		flex: 0 0 12.1429em;
	}
	#mv .mv-badge img {
		width: 100%;
	}
	#mv .mv-txt {
		margin: -8.5em 0 4.5em;
	}
}

/*  intro
================ */


/*  about
================ */
#about .slide {
	padding: 30px;
}
#about .slide .item {
	position: relative;
}
#about .slide .item .case {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 6em;
	height: 6em;
	border-radius: 50%;
	background: var(--white);
	color: var(--color1);
	font-family: var(--font1);
	font-size: .714em;
	font-weight: 500;
	line-height: 1.5;
	position: absolute;
	top: -15px;
	right: -15px;
}
#about .slide .item .case em {
	display: block;
	font-size: 160%;
	line-height: 1;
}
#about .slide .item .imgBox {
	margin-bottom: 1.25em;
}
#about .slick-controller {
  margin-left: 30px;
}
@media (min-width: 768px) {
	#about .slider-wrap {
		margin-right: -45px;
		margin-left: 0;
	}
	#about .slide {
		padding: 30px 45px 30px 0;
	}
	#about .slick-controller {
	  margin-left: 0;
	}
}
@media (min-width: 992px) {
	#about .slide .item .case {
		width: 6.675em;
		height: 6.675em;
		font-size: .857em;
	}
}
@media (min-width: 1200px) {
	#about .slider-wrap {
		margin-right: -60px;
		margin-left: 0;
	}
	#about .slide {
		padding: 30px 60px 30px 0;
	}
}


/*  speciality
================ */
#speciality .section__header .en_ttl {
	display: block;
	font-size: 3.285em;
	letter-spacing: -.06em;
	line-height: 1;
	text-align: right;
	color: var(--white);
	padding-left: 0;
	margin-right: calc(((100vw - 100%)/2)*-1);
	margin-bottom: -.9em;
	opacity: 0.18;
}
#speciality .section__header .en_ttl::before {
	display: none;
}
#speciality .headline .ttl .big {
  font-family: var(--font2);
}
#speciality .item {
	padding-bottom: 20px;
}
#speciality .item .headline .en_ttl {
    color: var(--black);
}
@media (min-width: 992px) {
	#speciality .section__header .en_ttl {
		font-size: 6em;
		margin-right: calc(((100vw - 9.3vh - 100%)/2)*-1);
		white-space: nowrap;
		margin-bottom: -.8em;
	}
}
@media (min-width: 1200px) {
	#speciality .section__header .en_ttl {
		font-size: 7.5em;
	}
}

/*  school-list
================ */
@media (max-width: 1199px) {
	#school-list .data-table-wrap {
		margin-right: calc(((100vw - 9.3vh - 100%)/2)*-1);
	}
}
@media (max-width: 991px) {
	#school-list .data-table-wrap {
		margin-right: calc(((100vw - 100%)/2)*-1);
	}
}

/*  support
================ */
#support {

}

/*  course-curriculum
================ */
@media (min-width: 992px) {
    #course-curriculum .check-lists .list {
        margin-bottom: 15px;
    }
}