@charset "UTF-8";

/* --------------------------------------------------------------------------------------
	教室詳細
--------------------------------------------------------------------------------------- */

.search-details-wrap { padding-bottom: 64px; }

.section-margin { margin-top: 96px; }

.basic-wrap .head-title { text-align: center; }

.basic-wrap .text {
	margin-top: 32px;
	text-align: center;
}

.basic-wrap .address-text {
	align-items: center;
	display: flex;
	font-size: 18px;
	gap: 20px;
	justify-content: center;
	margin-top: 32px;
}

.basic-wrap .address-text dt {
	background-color: var(--color-blue);
	border-radius: 4px;
	color: #fff;
	font-weight: var(--Bold);
	line-height: 1;
	padding: 10px 24px;
	position: relative;
}

.basic-wrap .address-text dd { font-weight: var(--Bold); }

.basic-wrap .tags-list {
	justify-content: center;
	margin-top: 32px;
}

.basic-wrap .basic-access {
	display: flex;
	justify-content: space-between;
	margin-top: 48px;
}

.basic-wrap .basic-access .google-map {
	order: 2;
	width: 51%;
}

.basic-wrap .basic-access .google-map iframe {
	height: 100%;
	width: 100%;
}

.basic-wrap .basic-access .details { width: 46%; }

.basic-wrap .basic-access .details .business-hours { margin-top: 32px; }

.basic-wrap .basic-access .details .business-hours h3 {
	background-color: var(--color-blue);
	border-radius: var(--border-radius);
	color: #fff;
	font-weight: var(--Bold);
	padding: 16px 24px 16px 28px;
	position: relative;
}

.basic-wrap .basic-access .details .business-hours .date-table { margin-top: 16px; }

.date-table dl {
	align-items: center;
	background-color: var(--color-pale-gray);
	border-radius: 4px;
	display: flex;
	font-size: 14px;
	width: 100%;
}

.date-table dl:nth-of-type(n+2) { margin-top: 4px; }

.date-table dt {
	background-color: var(--color-light-blue);
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	font-weight: var(--Bold);
	padding: 8px 22px;
	text-align: center;
	width: 25%;
}

.date-table dd {
	padding: 8px 22px;
	text-align: left;
	width: 75%;
}

.basic-wrap .basic-access .details .comment { margin-top: 16px; }

.school-slider {
	padding-bottom: 100px;
	padding-top: 60px;
}

.school-slider .swiper-slide {
	height: 220px;
	width: 356px;
}
.school-slider.online-lesson .swiper-slide { height:356px; width:356px; }


.school-slider .swiper-slide img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.school-slider .swiper-pagination { margin-top: 16px; }

.campaign { padding-bottom: 100px; }

.campaign .head-title { text-align: center; }

.campaign .column {
	border-radius: var(--border-radius);
	margin-top: 32px;
	overflow: hidden;
}

.campaign .column h3 {
	background-color: var(--color-magenta);
	color: #fff;
	line-height: 1.4;
	padding: 16px 0;
	text-align: center;
}

.campaign .column .column-content {
	background-color: #fff;
	padding: 32px 80px;
	text-align: center;
}

.campaign .column .column-content .text { font-size: 18px; }
.campaign .column .column-content .text:nth-of-type(n+2) { margin-top: 24px; }

.campaign .column .column-content .text strong {
	display: block;
	font-size: 42px;
}

.campaign .column .column-content .date-table { margin-top: 32px; }

.campaign .column .column-content .note { font-size: 16px; }

.message-wrap {
	padding-bottom: 100px;
	padding-top: 100px;
}

.message-wrap .skills-section .skills-sub { margin-top: 0; }

.message-wrap .skills-section .skills-sub .sub-title { text-align: center; }

.message-wrap .message-staff { margin-top: 96px; }

.message-wrap .message-staff .head-title { text-align: center; }

.message-wrap .message-staff .message-main {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 32px;
}

.message-wrap .message-staff .message-main .staff-photo { width: 40%; }

.message-wrap .message-staff .message-main .message-details { width: 55%; }

.message-wrap .message-staff .message-main .message-details dt {
	font-size: 20px;
	font-weight: var(--Bold);
}

.message-wrap .message-staff .message-main .message-details dd { margin-top: 10px; }

.message-wrap .message-staff .particular {
	background-color: #fff;
	border-radius: var(--border-radius);
	margin-top: 32px;
	overflow: hidden;
	padding: 48px;
}

.message-wrap .message-staff .particular .particular-column { padding-top: 24px; }

.message-wrap .message-staff .particular .particular-column:nth-of-type(n+2) {
	border-top: 1px solid var(--color-border);
	margin-top: 24px;
}

.message-wrap .message-staff .particular .particular-column:last-of-type { padding-bottom: 0; }

.message-wrap .message-staff .particular .particular-column h4 {
	border-left: 6px solid var(--color-blue);
	color: var(--color-blue);
	font-size: 20px;
	font-weight: var(--Bold);
	padding-left: 10px;
}

.message-wrap .message-staff .particular .particular-column .text,
.message-wrap .message-staff .particular .particular-column .dotted { margin-top: 16px; }

.message-wrap .message-staff .particular .particular-column .dotted li { font-weight: var(--Bold); }

.message-wrap .banner-area {
	display: flex;
	justify-content: center;
	margin-top: 64px;
}

.message-wrap .banner-area  > div { max-width: 614px; }

.message-wrap .sub-head-text {
	font-size: 28px;
	font-weight: var(--Bold);
	margin-top: 64px;
	text-align: center;
}

.voice-wrap {
	padding-bottom: 96px;
	padding-top: 96px;
}

.voice-wrap .head-title { text-align: center; }

.voice-wrap .voice-list { margin-top: 32px; }

.voice-wrap .note {
	font-size: 14px;
	margin-top: 24px;
}

.voice-wrap .text-arrow-link {
	font-size: 14px;
	margin-top: 32px;
	text-align: right;
}

.column-wrap {
	padding-bottom: 96px;
	padding-top: 96px;
}

.column-wrap .head-title { text-align: center; }

.column-wrap .column-list { margin-top: 32px; }

.neighborhood {
	background-color: var(--color-pale-gray);
	padding-bottom: 100px;
	padding-top: 100px;
}

.neighborhood .head-title { text-align: center; }

.neighborhood .navigation-menu { margin-top: 32px; }

.neighborhood .column {
	background-color: #fff;
	border-radius: var(--border-radius);
	margin-top: 64px;
	padding: 32px;
	text-align: center;
}

.neighborhood .column .head-title {
	display: inline-block;
	position: relative;
}

.neighborhood .column .head-title::before {
	background: url(../images/common/balloon-imanara.svg) no-repeat;
	content: '';
	display: block;
	height: 55px;
	left: -62px;
	position: absolute;
	top: -40px;
	width: 76px;
}

.neighborhood .column .column-content {
	margin-top: 24px;
	text-align: center;
}

.neighborhood .column .column-content .dotted {
	display: inline-block;
	text-align: left;
}

.neighborhood .column .column-content .dotted li { font-weight: var(--Bold); }
.neighborhood .column .column-content .dotted li:nth-of-type(n+2) { margin-top: 4px; }

.neighborhood .column .column-content:has(.banner-image) {
	align-items: center;
	display: flex;
	justify-content: center;
}

.neighborhood .column .column-content .banner-image {
	margin-right: 28px;
	max-width: 322px;
}

@media (max-width: 1099px) {

	.search-details-wrap {
		padding-bottom: 5.97vw;
		padding-left: 4.975vw;
		padding-right: 4.975vw;
	}

	.section-margin { margin-top: 15.92vw; }

	.basic-wrap .text { margin-top: 5.97vw; }

	.basic-wrap .tags-list {
		justify-content: flex-start;
		margin-top: 5.97vw;
	}

	.basic-wrap .address-text {
		font-size: 3.483vw;
		gap: 3.98vw;
		justify-content: flex-start;
		margin-top: 5.97vw;
	}

	.basic-wrap .address-text dt { padding: 1.649vw 2.093vw; }

	.basic-wrap .basic-access {
		flex-wrap: wrap;
		margin-top: 5.97vw;
	}

	.basic-wrap .basic-access .google-map {
		min-height: 62.189vw;
		order: 1;
		width: 100%;
	}

	.basic-wrap .basic-access .details {
		margin-top: 5.97vw;
		order: 2;
		width: auto;
	}

	.basic-wrap .basic-access .details .business-hours { margin-top: 5.97vw; }

	.basic-wrap .basic-access .details .business-hours h3 { padding: 3.731vw 4.975vw; }

	.basic-wrap .basic-access .details .business-hours .date-table { margin-top: 3.98vw; }

	.date-table dl {
		border-radius: .498vw;
		font-size: 2.985vw;
	}

	.date-table dt {
		border-bottom-right-radius: .498vw;
		border-top-right-radius: .498vw;
		padding: 2.488vw;
	}

	.date-table dd { padding: 2.488vw 3.731vw; }

	.basic-wrap .basic-access .details .comment { margin-top: 3.98vw; }

	.school-slider { padding: 0 4.975vw 17.91vw; }

	.school-slider .swiper-slide {
		height: 63.682vw;
		width: 90.05vw;
	}

	.campaign { padding-bottom: 5.97vw; }

	.campaign .column { margin: 5.97vw 4.975vw 0; }

	.campaign .column h3 { padding: 2.985vw; }

	.campaign .column .column-content { padding: 4.975vw 4.975vw 7.96vw; }

	.campaign .column .column-content .text { font-size: 3.483vw; }

	.campaign .column .column-content .text strong { font-size: 6.965vw; }

	.campaign .column .column-content .date-table { margin-top: 2.985vw; }

	.campaign .column .column-content .text:nth-of-type(n+2) {
		margin-top: 2.985vw;
		text-align: left;
	}

	.message-wrap { padding: 8.97vw 4.975vw 9.95vw; }

	.message-wrap .skills-section .skills-sub .sub-title,
	.message-wrap .message-staff .head-title { text-align: left; }

	.message-wrap .message-staff { margin-top: 21.144vw; }

	.message-wrap .message-staff .message-main {
		flex-direction: column;
		gap: 9.95vw;
	}

	.message-wrap .message-staff .message-main .staff-photo,
	.message-wrap .message-staff .message-main .message-details { width: auto; }

	.message-wrap .message-staff .message-main .message-details dt {
		font-size: 4.478vw;
		text-align: center;
	}

	.message-wrap .message-staff .message-main .message-details dd { margin-top: 3.98vw; }

	.message-wrap .message-staff .particular {
		margin-top: 9.95vw;
		padding: 4.975vw;
	}

	.message-wrap .message-staff .particular .particular-column { padding-top: 3.98vw; }

	.message-wrap .message-staff .particular .particular-column:nth-of-type(n+2) { margin-top: 3.98vw; }

	.message-wrap .message-staff .particular .particular-column h4 {
		border-width: 1.493vw;
		font-size: 3.98vw;
		padding-left: 2.333vw;
	}

	.message-wrap .message-staff .particular .particular-column .text,
	.message-wrap .message-staff .particular .particular-column .dotted { margin-top: 2.985vw; }

	.message-wrap .banner-area { margin-top: 5.97vw; }

	.message-wrap .sub-head-text {
		font-size: 4.478vw;
		margin-top: 5.97vw;
	}

	.voice-wrap { padding: 7.96vw 4.975vw; }

	.voice-wrap .head-title small { font-size: 3.98vw; }

	.voice-wrap .voice-list { margin-top: 5.97vw; }

	.voice-wrap .note {
		font-size: 2.985vw;
		margin-top: 5.97vw;
	}

	.voice-wrap .text-arrow-link {
		font-size: 2.985vw;
		margin-top: 5.97vw;
	}

	.column-wrap { padding: 9.95vw 4.975vw 5.97vw; }

	.column-wrap .column-list { margin-top: 5.97vw; }

	.neighborhood { padding: 11.94vw 4.975vw; }

	.neighborhood .navigation-menu { margin-top: 5.97vw; }

	.neighborhood .column {
		margin-top: 9.95vw;
		padding: 4.975vw;
	}

	.neighborhood .column .head-title::before {
		height: 13.682vw;
		left: -15.667vw;
		top: -8.667vw;
		width: 18.905vw;
	}

	.neighborhood .column .column-content .dotted { display: block; }

	.neighborhood .column .column-content .dotted li { font-size: 3.483vw; }

	.neighborhood .column .column-content { margin-top: 4.975vw; }

	.neighborhood .column .column-content:has(.banner-image) { display: block; }

	.neighborhood .column .column-content .banner-image {
		margin-bottom: 4.975vw;
		margin-right: 0;
		max-width: 100%;
	}
}