@charset "UTF-8";
/*=======================================================
MV
=======================================================*/
.bl-head-logo{
	opacity: 0;
}
.bl-mv{
	padding: 0;
	height: 760px;
	overflow: hidden;
	position: relative;
}
.bl-mv-bg-wrapper{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 2000px;
	height: 760px;
}
.bl-mv-bg-wrapper picture{
	position: absolute;
	inset: 0;
	opacity: 0;
}
.bl-mv-bg-wrapper picture.is-active {
	opacity: 1;
}
.bl-mv .ly-cont-inner{
	padding: 270px 0 164px;
}
.el-mv-ttl{
	width: 396px;
	margin: 0 126px 60px auto;
}
.el-mv-txt{
	width: 524px;
	margin: 0 0 50px auto;
}
.bl-mv .bl-btn-list{
	justify-content: flex-end;
	gap: 24px;
	margin: 0 74px 0 0;
}
.bl-mv .el-btn{
	margin: 0;
	width: 214px;
	height: 54px;
}
@media screen and (max-width: 750px) {
	.bl-mv {
		height: 1000px;
	}
	.bl-mv-bg-wrapper{
		width: 750px;
		height: 1000px;
	}
	.bl-mv .ly-cont-inner{
		padding: 270px 0 100px;
	}
	.el-mv-ttl{
		width: 406px;
		margin: 0 0 48px 276px;
	}
	.el-mv-txt{
		width: 367px;
		margin: 0 0 136px 276px;
	}
	.bl-mv .bl-btn-list{
		justify-content: center;
		gap: 42px;
		margin: 0 auto;
	}
	.bl-mv .el-btn{
		width: 300px;
		height: 84px;
	}
	.bl-mv .el-btn.--more::after {
		border-left: 20px solid transparent;
		border-bottom: 20px solid var(--color-sub-pink);
	}
}

/*=======================================================
news
=======================================================*/
.bl-news {
	padding: 34px 0;
}
.bl-news .ly-cont-inner{
	display: flex;
	align-items: center;
	padding: 0 0 0 44px;
}
.el-news-ttl {
	font-size: 18px;
	font-weight: 500;
	color: var(--color-main-green);
	margin-right: 32px;
}
.bl-vert-posts{
	min-width: 666px;
	border-bottom: none;
	padding: 0 32px;
	position: relative;
}
.bl-vert-posts::before,
.bl-vert-posts::after{
	content: '';
	position: absolute;
	width: 1px;
	height: 30px;
	background: var(--color-main-green);
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.bl-vert-posts::after{
	left: inherit;
	right: 0;
}
.bl-vert-posts > a{
	padding: 0;
	max-width: 600px;
}
.bl-vert-posts-header{
	flex: 0 1 108px;
}
.el-vert-posts-ttl {
	flex: 1;
	font-size: 16px;
	letter-spacing: 0.64px;
	text-decoration-line: underline;
}
.bl-news .el-more {
	margin-left: 32px;
}
@media screen and (max-width: 750px) {
	.bl-news {
		padding: 48px 0;
	}
	.bl-news .ly-cont-inner{
		flex-direction: column;
		padding: 0;
	}
	.el-news-ttl {
		font-size: 32px;
		line-height: 1.5;
		letter-spacing: 1.92px;
		font-weight: 500;
		margin: 0 auto 24px;
	}
	.bl-vert-posts{
		min-width: 690px;
		padding: 0;
	}
	.bl-vert-posts::before,
	.bl-vert-posts::after{
		content: none;
	}
	.bl-vert-posts > a {
		max-width: unset;
	}
	.bl-vert-posts-header{
		flex: 0 1 162px;
	}
	.el-vert-posts-ttl {
		font-size: 26px;
	}
	.bl-news .el-more {
		margin: 40px 0 0 34px;
	}
}

/*=======================================================
important
=======================================================*/
.bl-important{
	background: url(../images/top/important-bg.jpg) top center / cover no-repeat;
}
.bl-important .ly-cont-inner{
	padding-left: 24px;
}
.bl-important .el-main-ttl{
	text-align: left;
	display: inline-block;
}
.bl-important .el-main-ttl::before{
	background: url(../images/top/important-ttl.svg) top center / contain no-repeat;
	width: 394px;
	height: 188px;
	top: -120px;
	left: -80px;
}
.bl-important .el-main-ttl::after{
	left: inherit;
	transform: unset;
	right: 60px;
}
.bl-important .el-txt:not(:first-of-type){
	margin-top: 1.4em;
}
@media screen and (max-width: 750px) {
	.bl-important{
		padding-bottom: 358px;
		background: url(../images/top/important-bg-sp.jpg) top center / cover no-repeat;
	}
	.bl-important .ly-cont-inner{
		padding-left: 0;
	}
	.bl-important .el-main-ttl{
		margin-bottom: 64px;
		padding-left: 112px;
	}
	.bl-important .el-main-ttl::before{
		width: 448px;
		height: 214px;
		left: -8px;
	}
	.bl-important .el-main-ttl::after{
		right: 188px;
	}
	.bl-important .el-txt{
		margin-left: 20px;
		line-height: 1.7;
	}
	.bl-important .el-txt:not(:first-of-type){
		margin-top: 3.5rem;
	}
}

/*=======================================================
about
=======================================================*/
.bl-about{
	background: url(../images/top/about-bg.jpg) top center / cover no-repeat;
}
.bl-about .ly-cont-inner{
	padding: 0 64px 0 48px;
	z-index: 5;
}
.bl-about .ly-cont-inner::before{
	content: '';
	position: absolute;
	background: #fff;
	width: 100%;
	height: 650px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.bl-about .ly-cont-inner::after{
	content: '';
	position: absolute;
	background: url(../images/top/about-oguri.png) top center / contain no-repeat;
	width: 84px;
	height: 282px;
	top: 72px;
	right: -32px;
}
.bl-about .bl-media-img-wrapper{
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.bl-about .bl-media-body{
	margin-top: -10px;
}
.bl-about .el-main-ttl::before{
	background: url(../images/top/about-ttl.svg) top center / contain no-repeat;
	width: 282px;
	height: 154px;
	top: -90px;
	left: 20px;
}
.bl-about .el-txt.--middle{
	color: var(--color-main-green);
	margin: 0 0 16px;
}
@media screen and (max-width: 750px) {
	.bl-about{
		padding-bottom: 120px;
		background: url(../images/top/about-bg-sp.jpg) top center / cover no-repeat;
	}
	.bl-about .ly-cont-inner{
		padding: 88px 40px 0;
		z-index: 5;
	}
	.bl-about .ly-cont-inner::before{
		width: 100%;
		height: 100%;
		height: calc(100% - 40px);
		top: 0;
		transform: translate(-50%, 0);
	}
	.bl-about .ly-cont-inner::after{
		content: none;
	}
	.bl-about .bl-media{
		flex-direction: column;
	}
	.bl-about .bl-media-img-wrapper{
		gap: 32px;
		order: 3;
	}
	.bl-about .bl-media-body{
		order: 1;
	}
	.bl-about .el-main-ttl::before{
		width: 316px;
		height: 172px;
		top: -106px;
		left: 66px;
	}
	.bl-about .el-btn{
		order: 2;
		margin-bottom: 56px;
	}
}

/*=======================================================
benefit
=======================================================*/
.bl-benefit{
	background: url(../images/top/benefit-bg.jpg) top center / cover no-repeat;
	padding: 36px 0;
}
.bl-benefit .bl-media{
	width: 810px;
	padding: 64px 0 64px 64px;
	margin: 0;
	z-index: 5;
	position: relative;
}
.bl-benefit .bl-media::before{
	content: '';
	position: absolute;
	width: 810px;
	height: 622px;
	background: linear-gradient(270deg, #FFF 30%, rgba(255, 255, 255, 0) 100%);
	box-shadow: 0 0 20px rgba(105, 198, 172, 0.2);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.bl-benefit .bl-benefit-list{
	flex: 0 0 218px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.bl-benefit .bl-benefit-list > li{
	width: 218px;
	height: 122px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.72px;
	background: url(../images/top/benefit-img01.jpg) top center / cover no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.bl-benefit .bl-benefit-list > li:nth-of-type(2){
	background: url(../images/top/benefit-img02.jpg) top center / cover no-repeat;
}
.bl-benefit .bl-benefit-list > li:nth-of-type(3){
	background: url(../images/top/benefit-img03.jpg) top center / cover no-repeat;
}
.bl-benefit .bl-benefit-list > li:nth-of-type(4){
	background: url(../images/top/benefit-img04.jpg) top center / cover no-repeat;
}
.bl-benefit .bl-benefit-list > li:nth-of-type(5){
	background: url(../images/top/benefit-img05.jpg) top center / cover no-repeat;
}
.bl-benefit .bl-benefit-list > li > span > span{
	font-size: 32px;
	line-height: 1;
	letter-spacing: 1.28px;
}
.bl-benefit .el-main-ttl::before{
	background: url(../images/top/benefit-ttl.svg) top center / contain no-repeat;
	width: 296px;
	height: 158px;
	top: -114px;
	left: 68px;
}
.bl-benefit .el-txt.--middle{
	color: var(--color-main-green);
	margin: 0 0 8px;
}
@media screen and (max-width: 750px) {
	.bl-benefit{
		background: url(../images/top/benefit-bg-sp.jpg) top center / cover no-repeat;
		padding: 120px 0;
	}
	.bl-benefit .bl-media{
		width: 100%;
		padding: 80px 40px 0;
		margin: 0 auto;
		flex-direction: column;
	}
	.bl-benefit .bl-media::before{
		background: #fff;
		width: 100%;
		height: calc(100% + 56px);
		top: 0;
		transform: translate(-50%, 0);
	}
	.bl-benefit .bl-benefit-list{
		flex: 0 0 100%;
		flex-direction: unset;
		flex-wrap: wrap;
		justify-content: flex-end;
		gap: 26px;
		order: 2;
		margin-top: -86px;
	}
	.bl-benefit .bl-benefit-list > li{
		width: 292px;
		height: 164px;
		font-size: 32px;
		letter-spacing: 1.28px;
	}
	.bl-benefit .bl-benefit-list > li:first-of-type{
		margin-left: 292px;
	}
	.bl-benefit .bl-benefit-list > li > span > span{
		font-size: 32px;
		line-height: 1;
		letter-spacing: 1.28px;
	}
	.bl-benefit .el-main-ttl::before{
		width: 334px;
		height: 178px;
		top: -120px;
		left: 120px;
	}
	.bl-benefit .el-btn{
		order: 3;
		margin: 56px auto 0;
	}
}

/*=======================================================
interview
=======================================================*/
.bl-interview{
	background: linear-gradient(#69C6AC 608px, transparent 608px), url("../images/top/interview-bg.jpg") top center / cover no-repeat;
}
.bl-interview .el-main-ttl{
	color: #fff;
}
.bl-interview .el-main-ttl::before{
	background: url(../images/top/interview-ttl.svg) top center / contain no-repeat;
	width: 366px;
	height: 136px;
	top: -73px;
	left: 263px;
}
.bl-interview .el-txt{
	color: #fff;
}
.bl-interview-item{
	width: 770px;
	padding: 40px;
	background: #fff;
	box-shadow: 0 0 20px rgba(105, 198, 172, 0.2);
	margin: 32px auto 0;
}
.el-interview-ttl{
	font-size: 24px;
	font-weight: normal;
	line-height: 1.3;
	letter-spacing: 1.44px;
	text-align: center;
	color: var(--color-main-green);
	margin-top: 40px;
}
.el-interview-name{
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 1.2px;
	text-align: center;
	color: var(--color-main-green);
	margin-top: 12px;
}
.el-interview-txt{
	margin-top: 32px;
}
.bl-interview .el-btn{
	margin-top: 40px;
}
@media screen and (max-width: 750px) {
	.bl-interview{
		background: linear-gradient(#69C6AC 800px, transparent 800px), url("../images/top/interview-bg.jpg") top center / cover no-repeat;
	}
	.bl-interview .el-main-ttl::before{
		width: 412px;
		height: 154px;
		top: -81px;
		left: 69px;
	}
	.bl-interview-item{
		padding: 56px 40px;
		width: 100%;
		margin: 56px auto 0;
	}
	.el-interview-ttl{
		font-size: 30px;
	}
	.el-interview-name{
		font-size: 28px;
	}
	.el-interview-txt{
		margin-top: 32px;
	}
	.bl-interview .el-btn{
		margin-top: 40px;
	}
}
/*=============================
alumni
=============================*/
.bl-alumni{
	background: url(../images/top/alumni-bg.jpg) top center / cover no-repeat;
}
.el-alumni-ttl{
	color: #fff;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.58;
	letter-spacing: 1.68px;
	margin-bottom: 32px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.bl-alumni .el-txt{
	color: #fff;
	font-weight: normal;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.30);
}
.bl-alumni .el-btn{
	width: 254px;
	color: var(--color-main-green);
	margin: 64px 0 0;
}
@media screen and (max-width: 750px) {
	.bl-alumni{
		background: var(--color-main-green);
	}
	.bl-alumni .ly-cont-inner{
		width: 568px;
	}
	.el-alumni-ttl{
		font-size: 36px;
		margin-bottom: 48px;
	}
	.bl-alumni-img-wrapper{
		width: 750px;
		display: block;
		margin: 64px 0 0 -91px;
	}
	.bl-alumni .el-btn{
		width: 380px;
		margin: 64px auto 0;
	}
}

/*=======================================================
faq
=======================================================*/
.bl-faq .ly-cont-inner::after{
	content: '';
	position: absolute;
	background: url(../images/top/faq-oguri.png) top center / contain no-repeat;
	width: 120px;
	height: 190px;
	bottom: -128px;
	right: 202px;
}
.bl-faq .el-main-ttl::before{
	background: url(../images/top/faq-ttl.svg) top center / contain no-repeat;
	width: 366px;
	height: 136px;
	top: -75px;
	left: 42%;
	transform: translateX(-50%);
}
@media screen and (max-width: 750px) {
	.bl-faq .ly-cont-inner::after{
		content: none;
	}
	.bl-faq .el-main-ttl::before{
		background: url(../images/top/faq-ttl.svg) top center / contain no-repeat;
		width: 366px;
		height: 136px;
		top: -73px;
		left: 44%;
		transform: translateX(-50%);
	}
}