@charset "UTF-8";
/*=======================================================
MV
=======================================================*/
.bl-mv {
	background: url(../images/top/mv-bg.jpg) top center / cover no-repeat;
	padding: 10rem 3rem 11.25rem;
	margin: 2rem 2.5rem;
	border-radius: 1.25rem;
}
.bl-mv .ly-cont-inner{
	width: fit-content;
	margin: 0 0 0 auto;
}
.el-mv-ttl{
	color: #543d27;
	font-size: 2.5rem;
	font-weight: 500;
	letter-spacing: 0.1125rem;
	margin-bottom: 3.5rem;
}
.el-mv-txt{
	font-size: 1.375rem;
	color: #262626;
}
@media screen and (width >= 1551px) {
	.bl-mv {
		min-height: 47rem;
	}
}
@media screen and (max-width: 46.875rem) {
	.bl-mv {
		background: url(../images/top/mv-bg-sp.jpg) top left / cover no-repeat;
		padding: 4rem 2.5rem 32.5rem;
		margin: 2rem 1.875rem;
	}
	.bl-mv .ly-cont-inner{
		margin: 0;
	}
	.el-mv-ttl{
		font-size: 2.75rem;
		letter-spacing: 0.125rem;
		margin-bottom: 4rem;
	}
	.el-mv-txt{
		font-size: 1.875rem;
		text-shadow: 3px 6px 8px rgba(255, 255, 255, 0.8);
	}
}

/*=======================================================
message
=======================================================*/
.bl-message .bl-media{
	justify-content: center;
}
.bl-message .el-media-txt{
	line-height: 2.5;
	color: #543d27;
	font-weight: 500;
}
.bl-message .el-media-txt + .el-media-txt{
	margin-top: 3em;
}
@media screen and (max-width: 46.875rem) {
	.bl-message{
		padding-top: 5rem;
	}
	/* .bl-message .el-media-ttl.pc{
	display: none;
} */
	.bl-message .bl-media{
		justify-content: center;
	}
	.bl-message .el-media-ttl.sp{
		display: block;
	}
}

/*=======================================================
about
=======================================================*/
.bl-about{
	background: linear-gradient(180deg, #1ebe5b 0%, #8ee3ad 100%);
}
.bl-about .el-main-ttl{
	color: #fff;
}
.bl-about .el-main-ttl:first-of-type{
	text-align: left;
}
.bl-about .el-txt{
	color: #fff;
}
.bl-activities-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2.5rem;
	margin: 3.5rem auto 7.5rem;
	position: relative;
}
.bl-activities-list::before{
	content: '';
	position: absolute;
	background: url(../images/top/illust-activities01.svg) top center / contain no-repeat;
	width: 17.5rem;
	height: 10.125rem;
	top: -9.71875rem;
	right: 1.5rem;
}
.bl-activities-item{
	width: 36.125rem;
	background: #fff;
	border-radius: 0.5rem;
	padding: 2.5rem;
}
.el-activities-ttl{
	color: #543d27;
	font-size: 1.375rem;
	text-align: center;
	letter-spacing: 0.075rem;
	margin-bottom: 1.5rem;
}
.el-activities-txt{
	text-align: center;
}
.bl-about .bl-bullet-list{
	width: fit-content;
	margin: 0 auto;
}
.bl-about .bl-media-list{
	flex-wrap: wrap;
	flex-direction: unset;
	gap: 2rem;
	margin-top: 3.5rem;
	position: relative;
}
.bl-about .bl-media-list::before{
	content: '';
	position: absolute;
	background: url(../images/common/illust-soramame01.png) top center / contain no-repeat;
	width: 6.6875rem;
	height: 8.625rem;
	bottom: 0;
	right: 10.0625rem;
}
.bl-about .bl-media{
	width: 36.5rem;
	padding: 2rem 1.25rem;
	background: #fff;
	border-radius: 0.5rem;
	gap: 0;
}
.bl-about .bl-media.--kai{
	width: 58.25rem;
}
.bl-about .el-media-ttl{
	text-align: center;
	width: 100%;
	letter-spacing: 0.125rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding-top: 1.5rem;
	color: #543d27;
}
.bl-about .el-media-ttl .el-yomi{
	width: 100%;
	font-size: 1.0625rem;
	font-weight: normal;
	position: absolute;
	top: 0;
	left: calc(50% - 1.9125rem);
	transform: translateX(-50%);
}
.bl-about .el-media-ttl .hp-small{
	font-size: 1.375rem;
	font-weight: normal;
	margin-left: 1rem;
	padding-top: 0.25rem;
}
.bl-about .bl-media-body{
	display: flex;
	gap: 1.5rem;
}
.bl-about .bl-media-img-wrapper{
	flex: 0 1 12.5rem;
}
.bl-about .bl-media .bl-bullet-list{
	font-size: 1rem;
	margin: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.bl-about .bl-media .bl-bullet-list > li{
	display: flex;
	align-items: center;
}
.bl-about .bl-media .bl-bullet-list > li .el-att{
	margin-left: 0.5rem;
}
@media screen and (max-width: 46.875rem) {
	.bl-about .el-main-ttl:first-of-type{
		text-align: center;
	}
	.bl-activities-list{
		margin: 7rem auto 7.5rem;
	}
	.bl-activities-list::before{
		right: 2.5rem;
	}
	.bl-activities-item{
		width: 100%;
	}
	.el-activities-ttl{
		min-height: auto;
		font-size: 2.125rem;
		margin-bottom: 2rem;
	}
	.bl-about .bl-media-list{
		justify-content: center;
		gap: 2.5rem;
		margin-top: 4rem;
	}
	.bl-about .bl-media-list::before{
		bottom: -20.5rem;
		right: 0;
	}
	.bl-about .bl-media{
		width: 39.375rem;
		padding: 2rem 2rem 2.5rem;
		background: #fff;
		border-radius: 0.5rem;
		gap: 0;
	}
	.bl-about .bl-media.--kai{
		width: 39.375rem;
	}
	.bl-about .el-media-ttl{
		font-size: 2.125rem;
		letter-spacing: 0.1875rem;
		padding-top: 2rem;
	}
	.bl-about .el-media-ttl .el-yomi{
		font-size: 1.5rem;
		left: calc(50% - 2.28125rem);
	}
	.bl-about .el-media-ttl .hp-small{
		font-size: 1.625rem;
		padding-top: 0.5rem;
	}
	.bl-about .bl-media-body{
		flex-direction: column;
		gap: 0;
	}
	.bl-about .bl-media-img-wrapper{
		flex: unset;
		width: 22.5rem;
		margin: 0 auto 2.5rem;
	}
	.bl-about .bl-media .bl-bullet-list{
		font-size: 1.625rem;
		flex: unset;
		width: fit-content;
		margin: 0 auto;
	}
	.bl-about .bl-media .bl-bullet-list > li{
		flex-direction: column;
		align-items: flex-start;
	}
	.bl-about .bl-media .bl-bullet-list > li .el-att{
		margin: 0.25rem 0 0;
		display: block;
	}
}

/*=======================================================
join
=======================================================*/
.bl-join .bl-flow-list{
	margin-top: 3.5rem;
}
@media screen and (max-width: 46.875rem) {
	.bl-join .bl-flow-list{
		margin-top: 4rem;
	}
}

/*=======================================================
international
=======================================================*/
.bl-international{
	background: #1ebe5b;
}
.bl-international .el-main-ttl{
	color: #fff;
}
.bl-international .el-sub-ttl{
	color: #fff;
}
.bl-international .bl-international-illust-wrapper{
	width: 25rem;
	margin: 4rem auto;
}
.bl-international .el-txt{
	color: #fff;
}
.bl-international .hp-link{
	color: inherit;
}
.bl-international .bl-video-list{
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem;
	margin: 3.5rem auto;
}
.bl-video-item{
	width: 36.25rem;
}
.bl-video-item > iframe{
	width: 36.25rem;
	height: 20.375rem;
}
.bl-video-item > p{
	color: #fff;
	text-align: right;
	margin-top: 0.5rem;
}
.bl-international .bl-bnr-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	margin-top: 3.5rem;
}
.bl-international .bl-bnr{
	width: 21.875rem;
	background: #fff;
	padding: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.5rem;
}
@media screen and (max-width: 46.875rem) {
	.bl-international .el-main-ttl{
		text-align: left;
	}
	.bl-international .el-sub-ttl{
		text-align: left;
	}
	.bl-international .bl-international-illust-wrapper{
		width: 33.75rem;
		margin: 5rem auto;
	}
	.bl-international .el-txt{
		text-align: left;
	}
	.bl-international .bl-video-list{
		justify-content: center;
		gap: 3.5rem;
		margin: 4rem auto;
	}
	.bl-international .el-txt:last-of-type{
		text-align: center;
	}
	.bl-international .bl-bnr-list{
		margin-top: 4rem;
	}
	.bl-international .bl-bnr{
		width: 20rem;
	}
}

/*=======================================================
faq
=======================================================*/
.bl-faq .ly-cont-inner::before{
	content: '';
	position: absolute;
	background: url(../images/common/illust-soramame04.png) top center / contain no-repeat;
	width: 8.1875rem;
	height: 9.625rem;
	bottom: -4.625rem;
	left: 0;
}
@media screen and (max-width: 46.875rem) {
	.bl-faq .ly-cont-inner::before{
		bottom: -11.625rem;
		left: inherit;
		right: 0;
	}
}

/*=======================================================
information
=======================================================*/
.bl-info {
	background: #1ebe5b;
}
.bl-info::before{
	content: '';
	position: absolute;
	background: url(../images/common/section-top02--green.svg) top center / cover no-repeat;
	width: 125rem;
	height: 6.25rem;
	top: -6.1875rem;
	left: 50%;
	transform: translateX(-50%);
}
.bl-info .el-main-ttl{
	color: #fff;
}
@media screen and (max-width: 46.875rem) {
	.bl-info::before{
		content: '';
		position: absolute;
		background: url(../images/common/section-top02--green.svg) top center / cover no-repeat;
		width: 125rem;
		height: 6.25rem;
		top: -6.1875rem;
		left: 50%;
		transform: translateX(-50%);
	}
	.bl-info .el-main-ttl{
		color: #fff;
	}
}