@charset "UTF-8";

/* ==================================================
トップ
================================================== */
/* visual
============================== */
#top_sec_visual {
	margin: 0 -30px 80px;
}
#top_sec_visual .splide__slide img {
	width: 100%;
	height: auto;
}
#top_sec_visual .splide-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 15px;
}
#top_sec_visual .splide__pagination {
	position: static;
	padding: 0;
}
#top_sec_visual .splide__pagination__page {
	width: 12px;
	height: 12px;
	margin: 0 5px;
}
#top_sec_visual .splide__pagination__page.is-active {
	background: #2e77bb;
	transform: scale(1);
}
#top_sec_visual .splide-toggle {
	border: 1px solid #2e77bb;
	background-color: #2e77bb;
	color: #ffffff;
	padding: 3px 10px;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	min-width: 70px;
}
#top_sec_visual .splide-toggle:hover {
	background-color: #ffffff;
	color: #2e77bb;
}
.es-widget-branding.es-widget-branding-slider {
	z-index: 1 !important;
}
/* top_sec
============================== */
.top_sec {
	margin:0 0 80px;
}
.top_sec_ttl {
	text-align: center;
	margin: 0 0 20px;
	padding-top: 30px;
	background-position: top center;
	background-repeat: no-repeat;
}
#top_sec_news .top_sec_ttl {
	background-image: url("../images/main/ttl_en_news.png");
}
#top_sec_school .top_sec_ttl {
	background-image: url("../images/main/ttl_en_school.png");
}
#top_sec_trial .top_sec_ttl {
	background-image: url("../images/main/ttl_en_trial.png");
}
#top_sec_member .top_sec_ttl {
	background-image: url("../images/main/ttl_en_member.png");
}
.top_sec_ttl h2 {
	font-size: 1.5rem;
	padding: 0 0 10px;
	background: url("../images/main/ttl_line.png") no-repeat center bottom;
	background-size: 80px auto;
}
.top_sec_cnt ul {
	list-style:none;
}
.top_sec_cnt p {
	margin: 0 0 30px;
	text-align: center;
}

/* more_btn
============================== */
.top_sec_cnt .more_btn {
	text-align: center;
	margin: 0 auto;
}
.top_sec_cnt .more_btn a {
	text-decoration: none;
	display: flex;
	justify-content:center;
	align-items:center;
	max-width: 300px;
	min-height: 44px;
	background-color: #39455b;
	color: #ffffff;
	margin: 0 auto;
	border-radius: 4px;
	position: relative;
}
.top_sec_cnt .more_btn a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -8px;
	background: url("../images/main/arrow_icon_wht.png") no-repeat 0 0;
	width: 16px;
	height: 16px;
}
.top_sec_cnt .more_btn a::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #00CED1;
	transform: scaleX(0);
	transition: all 0.3s ease;
	transition-property: transform;
	border-radius: 4px;
}
.top_sec_cnt .more_btn a:hover::before {
	transform: scaleX(1);
}
.top_sec_cnt .more_btn span {
	position: relative;
}

/* news
============================== */
.news_insta {
	margin: 0 -30px;
}

/* school_navi
============================== */
.school_navi {
	margin: 0;
	display: flex;
	gap: 0 24px;
	justify-content: center;
}
.school_navi li {
	width: calc(33.333333% - 12px);
}
.school_navi li a {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	text-align: center;
	text-decoration: none;
	color: #000000;
	width: 100%;
	padding: 5px 5px 10%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	aspect-ratio: 4 / 4;
	transition: 0.3s ease;
}.school_navi li.navi1 a {
	background-image: url("../images/top/school_btn_pink.png");
}
.school_navi li.navi2 a {
	background-image: url("../images/top/school_btn_bule.png");
}
.school_navi li.navi3 a {
	background-image: url("../images/top/school_btn_green.png");
}
.school_navi li a:hover {
	opacity: 0.7;
	text-decoration: underline;
}

/* trial
============================== */
#top_sec_trial {
	padding-top: 150px;
	position: relative;
}
#top_sec_trial::before {
	content: "";
	position: absolute;
	left: -30px;
	top: 0;
	width: 100%;
	max-width: 500px;
	height: 120px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url("../images/top/trial_img.jpg");
	border-radius: 0 75px 75px 0;
}
/* big_txt */
#top_sec_trial .big_txt {
	text-align: center;
	font-weight: bold;
	font-size: 1.25rem !important;
	line-height: 1.2;
}
#top_sec_trial .big_txt span {
	display: inline-block;
	vertical-align: bottom;
	font-size: 1.5rem;
	padding: 0 2px;
	margin-left: 10px;
	background-image: linear-gradient(#FFDDFF, #FFDDFF); /* マーカー色 */
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 8px;
}

/* member
============================== */
#top_sec_member {
	padding-top: 150px;
	position: relative;
}
#top_sec_member::before {
	content: "";
	position: absolute;
	right: -30px;
	top: 0;
	width: 100%;
	max-width: 500px;
	height: 120px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url("../images/top/member_img.jpg");
	border-radius: 75px 0 0 75px;
}



/* ==================================================
clearfix
================================================== */
.top_sec:after {
	content: ""; 
	display: table;
	clear: both;
}