@charset "utf-8";

/*================================================
 *  幼児教育部
 ================================================*/

/* 幼児教育部 共通CSS
========================================== */

@media screen and (min-width: 767px) {
	.spOnly {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	.pcOnly {
		display: none !important;
	}
}

.kindergarten-sec + .kindergarten-sec {
	margin-top: 80px;
}

.kindergarten-sec__inner {
	margin-top: 40px;
}

.kindergarten-headlineType01 {
	padding-top: 60px;
	text-align: center;
	background-image: url("../images/kindergarten/headline_mark.png");
	background-position: 50% 0;
	background-size: 48px auto;
	background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
	.kindergarten-headlineType01 {
		padding-top: 52px;
		background-size: 40px auto;
	}
}

.kindergarten-headlineType01 .en {
	color: #c30d23;
	letter-spacing: 0.15em;
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	.kindergarten-headlineType01 .en {
		font-size: 16px;
	}
}

.kindergarten-headlineType01 .jp {
	letter-spacing: 0.15em;
	font-size: 30px;
}
@media screen and (max-width: 767px) {
	.kindergarten-headlineType01 .jp {
		font-size: 26px;
	}
}

.kindergarten-colType01 {
	display: grid;

	grid-template-columns: 1fr 1fr 1fr;
	gap: 24px 40px;
}
@media screen and (max-width: 767px) {
	.kindergarten-colType01 {
		grid-template-columns: 1fr;
		gap: 24px 40px;
	}
}

.spFixedNavi {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	height: 70px;
	background-color: #d4402c;
}

.spFixedNavi a {
	padding: 0 24px;
}

.spFixedNavi a:first-child {
	border-right: 1px solid #fff;
}

/* 幼児教育部 #kindergarten-header
========================================== */
.kindergarten-header__text01 {
	margin: 0;
	text-align: center;
	font-size: 20px;
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
	.kindergarten-header__text01 {
		font-size: 17px;
	}
}

* + .kindergarten-header__text01 {
	margin-top: 1em;
}

.kindergarten-header__mainimage {
	text-align: center;
}

.kindergarten-header__text02 {
	margin: 0;
	color: #006934;
	text-align: center;
	font-size: 20px;
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
	.kindergarten-header__text02 {
		font-size: 17px;
	}
}

* + .kindergarten-header__text02 {
	margin-top: 1em;
}

.achievement-highlight {
    display: inline-block;
    margin-top: 12px;
    padding: 4px 8px;
    color: #c30d23;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    border: 2px solid #c30d23;
}





/* 幼児教育部 #kindergarten-lesson
========================================== */
.colblock-lesson .number {
	display: block;
	color: #c30d23;
	text-align: center;
	font-size: 18px;
	border-bottom: 2px solid #c30d23;
}

.colblock-lesson .headline {
	margin-top: 12px;
	text-align: center;
	font-weight: normal;
	font-size: 22px;
}

.colblock-lesson .fig {
	margin-top: 16px;
}

.colblock-lesson .text {
	margin-top: 24px;
}

/* 幼児教育部 #kindergarten-class
========================================== */

.colblock-class .headline {
	display: block;
	margin-top: 12px;
	color: #c30d23;
	text-align: center;
	font-weight: normal;
	font-size: 22px;
	border-bottom: 2px solid #c30d23;
}

.colblock-class .info {
	display: grid;
	margin: 0;
	margin-top: 16px;
	font-size: 13px;

	gap: 1.5em 2em;
	grid-template-columns: calc(2em + 1em) 1fr;
}
.colblock-class .info dt,
.colblock-class .info dd {
	margin: 0;
	padding: 0em;
	border: none !important;
}

.colblock-class .info dt span {
	position: relative;
	display: block;
	margin: 0;
	padding: 0.5em 0.5em 0.4em;
	color: #fff;
	border: none;
	background-color: #c30d23;
	line-height: 1;
}
@media screen and (max-width: 767px) {
	.colblock-class .info dt span {
		padding: 0.5em;
	}
}

/* .colblock-class .info dt span::after {
	position: absolute;
	top: 0;
	left: 100%;
	height: 0;
	content: "";
	border: 0.915em solid transparent;
	border-left: 0.75em solid #c30d23;
} */

.colblock-class .info dt span::after {
	position: absolute;
	top: 0;
	left: 100%;
	display: block;
	width: 10px;
	height: 100%;
	content: "";
	background-color: #c30d23;

	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.colblock-class .text {
	margin-top: 24px;
}

/* 幼児教育部 #kindergarten-voice
========================================== */
.colblock-voice .headline {
	display: block;
	margin-top: 12px;
	color: #c30d23;
	text-align: center;
	font-size: 16px;
	border-bottom: 2px solid #c30d23;
}

.colblock-voice .fig {
	margin-top: 16px;
}

.colblock-voice .text {
	margin-top: 24px;
}

/* 幼児教育部 よくあるご質問 #kindergarten-faq
========================================== */
.kindergarten-faqList__items .headline {
	display: flex;
	margin-top: 12px;
	color: #c30d23;
	font-size: 20px;

	gap: 0.5em;
}
@media screen and (max-width: 767px) {
	.kindergarten-faqList__items .headline {
		font-size: 18px;
	}
}

.kindergarten-faqList__items .headline::before {
	content: "Q.";
}

.kindergarten-faqList__items .text {
	margin-top: 1em;
	padding-left: 2em;
}

/* 幼児教育部 合格実績 #kindergarten-examinations
========================================== */
.kindergarten-examinations__text {
	text-align: center;
}

/* 幼児教育部 #kindergarten-experience
========================================== */
.kindergarten-experience__headline::before,
.kindergarten-experience__headline::after {
	display: inline-block;
	width: 0.9em;
	height: 0.9em;
	margin: 0 0.15em;
	border-radius: 9999px;
	content: "";
	background-color: #c30d23;
}

.kindergarten-experience__text01 .tel {
	pointer-events: none;
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.kindergarten-experience__text01 .tel {
		pointer-events: auto;
	}
}

.kindergarten-experience__text01 .mail {
	display: inline-flex;
	align-items: center;
	color: #c30d23;
	text-decoration: none;
}

.kindergarten-experience__text01 .mail::before {
	width: 1.25em;
	height: 1.25em;
	margin-right: 0.5em;
	content: "";
	background-image: url("../images/kindergarten/icon_mail.png");
	background-position: 25% 0;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.kindergarten-experience__text02 {
	margin: 40px 0 0;
	color: #006934;
	text-align: center;
	font-size: 20px;
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
	.kindergarten-experience__text02 {
		margin: 24px 0 0;
		font-size: 19px;
	}
}

/* 幼児教育部 #kindergarten-experience
========================================== */
.kindergarten-access__col {
	display: grid;

	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
@media screen and (max-width: 767px) {
	.kindergarten-access__col {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}