@charset "UTF-8";

/* ========================================
   放課後支援事業ページ (After-School Service Page)
   カラーパレット:
   - Primary: #00a0c1 (teal)
   - Hover: #e0f7fa
   - Dark: #0097a7
======================================== */

/* --- ヘッダー上書き --- */
.afterschool-header-wrap #main-menu {
	margin-left: auto;
	margin-right: 0;
}

.afterschool-header-wrap #main-menu .menu ul li a {
	color: #00a0c1;
	padding: 0 20px;
}

.afterschool-header-wrap #main-menu .menu ul li a:hover {
	background-color: #e0f7fa;
}

.afterschool-header-wrap #main-menu .menu ul li.contact-btn a {
	background-color: #fff;
	color: #00a0c1;
}

.afterschool-header-wrap #main-menu .menu ul li.contact-btn a:hover {
	background-color: #e0f7fa;
}

.afterschool-header-wrap .header-logo {
	height: 35px;
	width: auto;
}

/* --- SP ドロワーメニュー --- */
#menu-sp-afterschool li a {
	display: block;
	padding: 15px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #0097ba;
	border-bottom: 1px solid #f0f0f0;
}

#menu-sp-afterschool li a:hover {
	background-color: #e0f7fa;
}

/* --- ページ全体 --- */
html {
	scroll-padding-top: 90px;
}

#afterschool-page {
	overflow-x: hidden;
}

#afterschool-page h3 {
	color: #666666;
}

/* --- ファーストビュー --- */
.afterschool-fv {
	position: relative;
	overflow: hidden;
}

.afterschool-fv-image {
	display: block;
	width: 100%;
	height: auto;
}

/* --- パンくずリスト上書き --- */
.afterschool-breadcrumb {
	color: #00838f;
	padding: 15px 0 50px;
}

.afterschool-breadcrumb a {
	color: #00838f;
}

.afterschool-breadcrumb a:hover {
	opacity: 0.7;
}

/* ========================================
   お知らせPICK UP
======================================== */
.afterschool-news {
	padding: 0 0 50px;
	background: url('../img/after-school-service/after-school-support-background1.png') center / cover no-repeat;
}

/* --- 見出し --- */
.afterschool-news-heading {
	font-size: 2.4rem;
	font-weight: 700;
	color: #333;
	margin: 0 0 25px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: "M PLUS Rounded 1c", sans-serif;
}

/* 旗アイコン */
.afterschool-news-flag {
	display: inline-block;
	width: 28px;
	height: 28px;
	position: relative;
	flex-shrink: 0;
}

.afterschool-news-flag::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background-color: #00a0c1;
}

.afterschool-news-flag::after {
	content: '';
	position: absolute;
	left: 3px;
	top: 0;
	width: 20px;
	height: 18px;
	background-color: #00a0c1;
	clip-path: polygon(0 0, 100% 0, 80% 50%, 100% 100%, 0 100%);
}

/* --- 固定の案内文 --- */
.afterschool-news-notice {
	background-color: #e0f5f9;
	padding: 20px 30px;
	margin-bottom: 20px;
	border-radius: 4px;
}

.afterschool-news-notice p {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #00a0c1;
}

/* --- お知らせアイテム --- */
.afterschool-news-item {
	background-color: #e0f5f9;
	padding: 20px 30px;
	margin-bottom: 20px;
	border-radius: 4px;
}

.afterschool-news-item:last-child {
	margin-bottom: 0;
}

/* ボタン付きアイテム */
.afterschool-news-item--has-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.afterschool-news-item-title {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #00a0c1;
	line-height: 1.6;
}

/* --- ボタン --- */
.afterschool-news-item-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #23bee2;
	color: #fff;
	text-decoration: none;
	font-size: 1.05rem;
	font-weight: 700;
	padding: 14px 40px;
	border-radius: 50px;
	white-space: nowrap;
	flex-shrink: 0;
	transition: opacity 0.3s;
}

.afterschool-news-item-btn:hover {
	opacity: 0.8;
}

/* ========================================
   キッズクラブとは
======================================== */
.afterschool-about {
	position: relative;
	z-index: 1;
	margin-top: -25px;
	padding: 100px 0 170px;
	background: url('../img/after-school-service/after-school-support-background2.png') top center / cover no-repeat;
}

/* 見出し */
.afterschool-about-heading {
	font-size: 2.4rem;
	font-weight: 700;
	color: #333;
	margin: 0 0 20px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: "M PLUS Rounded 1c", sans-serif;
}

.afterschool-about > .container {
	margin-top: 30px;
}

/* カード */
.afterschool-about-card {
	background-color: #fff;
	border-radius: 16px;
	padding: 40px 50px;
	position: relative;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.afterschool-about-text {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #666666;
	line-height: 2;
}

.afterschool-about-text strong {
	color: #00a0c1;
}

.afterschool-about-highlight {
	color: #00a0c1;
	font-weight: 700;
}

/* イラスト */
.afterschool-about-illust {
	position: absolute;
	right: 30px;
	bottom: -60px;
	width: 140px;
	height: 120px;
}

.afterschool-about-illust img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* ========================================
   キッズクラブの特徴
======================================== */
.afterschool-features {
	margin-top: -40px;
	padding: 60px 0 50px;
	background: url('../img/after-school-service/after-school-support-background3.png') center / 100% 100% no-repeat;
}

/* 特徴ブロック */
.afterschool-feature {
	margin-bottom: 40px;
}

.afterschool-feature:last-child {
	margin-bottom: 0;
}

/* 見出し（番号バッジ付き） */
.afterschool-feature-heading {
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	margin: 0 0 18px;
	display: flex;
	align-items: center;
	gap: 14px;
	font-family: "M PLUS Rounded 1c", sans-serif;
}

.afterschool-feature-num {
	width: 56px;
	height: 56px;
	flex-shrink: 0;
	line-height: 1;
}

/* カード */
.afterschool-feature-card {
	background: url('../img/after-school-service/after-school-support-pc-contents-background1.png') center / 100% 100% no-repeat;
	border: none;
	border-radius: 16px;
	padding: 65px 70px;
	position: relative;
}

/* リード文 */
.afterschool-feature-lead {
	margin: 0 0 25px;
	font-size: 1.25rem;
	font-weight: 700;
	color: #666666;
	line-height: 1.8;
}

/* 2カラム */
.afterschool-feature-cols {
	display: flex;
	gap: 30px;
}

.afterschool-feature-col {
	flex: 1;
	background-color: #fff;
	border-radius: 12px;
	padding: 25px 30px;
}

.afterschool-feature-col-title {
	font-size: 1.3rem;
	font-weight: 700;
	color: #00a0c1;
	margin: 0 0 12px;
	padding-bottom: 12px;
	border-bottom: 6px dashed #23bee2;
}

.afterschool-feature-col-text {
	margin: 0;
	font-size: 1rem;
	font-weight: 500;
	color: #666666;
	line-height: 1.8;
}

/* リスト型カード内 */
.afterschool-feature-list {
	background-color: #fff;
	border-radius: 12px;
	padding: 20px 30px;
}

.afterschool-feature-list p {
	margin: 0 0 8px;
	font-size: 1.05rem;
	font-weight: 500;
	color: #666666;
	line-height: 1.8;
}

.afterschool-feature-list p:last-child {
	margin-bottom: 0;
}

/* ========================================
   放課後キッズ紹介動画
======================================== */
.afterschool-video {
	padding: 50px 0;
	background: transparent;
}

.afterschool-video-heading {
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	margin: 0 0 10px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: "M PLUS Rounded 1c", sans-serif;
}

.afterschool-heading-initial {
	color: #0097ba;
}

.afterschool-video-separator {
	border-bottom: 6px dashed #23bee2;
	margin-bottom: 25px;
}

.afterschool-video-wrap {
	position: relative;
	width: 100%;
	padding-top: 45%;
}

.afterschool-video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ========================================
   施設一覧
======================================== */
.afterschool-facilities {
	padding: 50px 0;
}

.afterschool-facilities-heading {
	font-size: 2.4rem;
	font-weight: 700;
	color: #333;
	margin: 0 0 25px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: "M PLUS Rounded 1c", sans-serif;
}

/* 2カラムグリッド */
.afterschool-facilities-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 35px 40px;
}

/* 区ブロック */
.afterschool-facilities-district-name {
	font-size: 1.3rem;
	font-weight: 700;
	color: #333;
	margin: 0 0 6px;
	font-family: "M PLUS Rounded 1c", sans-serif;
}

.afterschool-facilities-district-separator {
	border-bottom: 3px dashed #00a0c1;
	margin-bottom: 20px;
}

.afterschool-facilities-district-card {
	background-color: #e0f5f9;
	border-radius: 12px;
	padding: 20px 25px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* 施設リンクボタン */
.afterschool-facilities-link {
	display: block;
	background-color: #23bee2;
	color: #fff;
	text-decoration: none;
	font-size: 1rem;
	font-weight: 700;
	padding: 12px 20px;
	border-radius: 50px;
	text-align: center;
	transition: opacity 0.3s;
}

.afterschool-facilities-link:hover {
	opacity: 0.8;
}

/* ========================================
   提出書類
======================================== */
.afterschool-documents {
	padding: 50px 0;
}

.afterschool-documents-heading {
	font-size: 2.4rem;
	font-weight: 700;
	color: #333;
	margin: 0 0 20px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: "M PLUS Rounded 1c", sans-serif;
}

.afterschool-documents-card {
	background-color: #e0f5f9;
	border-radius: 12px;
	padding: 25px 30px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.afterschool-documents-link {
	display: block;
	background-color: #23bee2;
	color: #fff;
	text-decoration: none;
	font-size: 1rem;
	font-weight: 700;
	padding: 12px 20px;
	border-radius: 50px;
	text-align: center;
	transition: opacity 0.3s;
}

.afterschool-documents-link:hover {
	opacity: 0.8;
}

/* ========================================
   キッズクラブ詳細
======================================== */
.afterschool-detail {
	padding: 50px 0;
}

.afterschool-detail-heading {
	font-size: 2.4rem;
	font-weight: 700;
	color: #333;
	margin: 0 0 25px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: "M PLUS Rounded 1c", sans-serif;
}

/* サブ見出し */
.afterschool-detail-subheading {
	font-size: 1.6rem;
	font-weight: 700;
	color: #333;
	margin: 0 0 6px;
	font-family: "M PLUS Rounded 1c", sans-serif;
}

.afterschool-detail-separator {
	border-bottom: 6px dashed #23bee2;
	margin-bottom: 25px;
}

/* カード（開所日） */
.afterschool-detail-card {
	margin-bottom: 35px;
}

.afterschool-detail-card-lead {
	margin: 0 0 12px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #00a0c1;
	line-height: 1.8;
}

.afterschool-detail-card-note {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 500;
	color: #666;
	line-height: 1.8;
	padding: 15px 20px 15px 40px;
	background-color: #d0f5f7;
	border-radius: 8px;
}

/* 開所時間ラベル */
.afterschool-detail-label {
	font-size: 1.4rem;
	font-weight: 700;
	color: #00a0c1;
	margin: 0 0 20px;
}

/* 開所時間（テーブル＋注意書き） */
.afterschool-detail-hours {
	display: flex;
	gap: 30px;
	margin-bottom: 50px;
}

/* テーブル */
.afterschool-detail-table {
	flex: 1;
	border-collapse: collapse;
}

.afterschool-detail-table th,
.afterschool-detail-table td {
	padding: 14px 20px;
	font-size: 1rem;
	font-weight: 500;
	text-align: left;
	border-bottom: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
}

.afterschool-detail-table th:last-child,
.afterschool-detail-table td:last-child {
	border-right: none;
}


.afterschool-detail-table th {
	background-color: #0097ba;
	color: #fff;
	font-weight: 700;
}

.afterschool-detail-table td {
	color: #808080;
	background-color: #e7f7f7;
}

/* 注意書き */
.afterschool-detail-hours-notes {
	flex: 1;
}

.afterschool-detail-hours-notes p {
	margin: 0 0 8px;
	font-size: 1.0rem;
	font-weight: 500;
	color: #666;
	line-height: 1.8;
}

.afterschool-detail-hours-notes p:last-child {
	margin-bottom: 0;
}

/* 利用区分テーブル */
.afterschool-detail-table--block {
	margin-bottom: 60px;
}

th.afterschool-detail-table-label {
	background-color: #0097ba;
	color: #fff;
	font-weight: 700;
	white-space: nowrap;
	vertical-align: middle;
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	text-align: center;
	border-bottom: 1px solid #b3b3b3;
}

/* ========================================
   区分セクション（統合テーブル）
======================================== */
.afterschool-categories {
	background: url('../img/after-school-service/after-school-support-background4.png') center / 100% 100% no-repeat;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	padding: 80px calc(50vw - 50%);
}

.afterschool-combined-table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid #b3b3b3;
}

.afterschool-combined-table th,
.afterschool-combined-table td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #b3b3b3;
}

.afterschool-combined-table td {
	background-color: #fff;
}

/* ゆうやけ列の背景色 */
.afterschool-combined-table td.afterschool-sukusuku-cell {
	background-color: #fffcd7;
}

/* ほしぞら列の背景色 */
.afterschool-combined-table td.afterschool-hoshizora-cell {
	background-color: #fff4a1;
}

/* ヘッダー：左上（利用区分） */
.afterschool-combined-table .afterschool-combined-corner {
	background-color: #ff9cbd;
	color: #fff;
	font-weight: 700;
	width: 160px;
	min-width: 160px;
	max-width: 160px;
}

/* ヘッダー：わくわく */
.afterschool-combined-table .afterschool-combined-wakuwaku {
	background-color: #15bde8;
	color: #fff;
	font-weight: 700;
	width: 30%;
}

/* ヘッダー：すくすく */
.afterschool-combined-table .afterschool-combined-sukusuku {
	background-color: #ffa87d;
	color: #fff;
	font-weight: 700;
}

/* ヘッダー：ゆうやけ・ほしぞら */
.afterschool-combined-table .afterschool-combined-yuuyake {
	background-color: #fff4a1;
	color: #ff864a;
	font-weight: 700;
}

/* 利用区分より下のラベル（統合テーブル内） */
.afterschool-combined-table th.afterschool-detail-table-label {
	background-color: #ffe6e6;
	color: #ff6ca8;
	width: auto;
	min-width: auto;
	max-width: none;
}

/* サブラベル（平日・土曜日・学校休業日） */
.afterschool-combined-table .afterschool-combined-sub-label {
	background-color: #fff3f3;
	color: #ff6ca8;
	font-weight: 700;
	font-size: 1.0rem;
	white-space: nowrap;
}

/* 中央揃えセル */
.afterschool-combined-center {
	text-align: center;
}

.afterschool-category-link {
	color: #00a0c1;
	font-weight: 700;
	text-decoration: underline;
}

.afterschool-category-link:hover {
	opacity: 0.7;
}

/* ========================================
   案内・関連リンク
======================================== */
.afterschool-guide {
	padding: 50px 0;
}

.afterschool-guide-card {
	background-color: #d0f5f7;
	border-radius: 10px;
	padding: 22px 40px;
	margin-bottom: 40px;
}

.afterschool-guide-card p {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.8;
	color: #666;
}

.afterschool-guide-buttons {
	position: relative;
	z-index: 1;
	padding: 80px 0;
	background: url('../img/after-school-service/after-school-support-background5.png') center / 100% 100% no-repeat;
}

.afterschool-guide-buttons .container {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 40px;
}

.afterschool-guide-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background-color: #23bee2;
	color: #fff;
	text-decoration: none;
	font-size: 1.1rem;
	font-weight: 700;
	padding: 18px 20px;
	border-radius: 50px;
	transition: opacity 0.3s;
	flex: 0 1 400px;
	box-sizing: border-box;
}

.afterschool-guide-btn:hover {
	opacity: 0.8;
}

.afterschool-guide-btn--outline {
	background-color: #23bee2;
}

.afterschool-guide-btn-logo {
	height: 38px;
	width: auto;
}

/* ========================================
   お問い合わせ
======================================== */
.afterschool-contact {
	margin-top: -40px;
	padding: 90px 0 50px;
	background: url('../img/after-school-service/after-school-support-background6.png') center / cover no-repeat;
}

.afterschool-contact-heading {
	font-size: 2.2rem;
	font-weight: 700;
	margin: 0 0 25px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.afterschool-contact-notice {
	background-color: #fff;
	border-radius: 8px;
	padding: 25px 35px;
	margin-bottom: 35px;
}

.afterschool-contact-notice p {
	margin: 0;
	font-size: 1rem;
	color: #666;
	line-height: 1.8;
}

.afterschool-contact-cols {
	display: flex;
	gap: 60px;
}

.afterschool-contact-col {
	flex: 1;
}

.afterschool-contact-col-title {
	font-size: 1.3rem;
	font-weight: 700;
	color: #333;
	margin: 0 0 10px;
	padding-bottom: 10px;
	border-bottom: 6px dashed #00c4e0;
}

.afterschool-contact-phone {
	text-align: center;
	background-color: #d0f5f7;
	border-radius: 50px;
	height: 86px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

.afterschool-contact-phone-number {
	font-size: 2rem;
	font-weight: 700;
	color: #00a0c1;
	text-decoration: none;
	letter-spacing: 0.03em;
	display: block;
	line-height: 1;
}

.afterschool-contact-phone-number:hover {
	opacity: 0.7;
}

.afterschool-contact-phone-hours {
	margin: -1px 0 0;
	font-size: 1.0rem;
	color: #666;
}

.afterschool-contact-form-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #23bee2;
	color: #fff;
	text-decoration: none;
	font-size: 1.2rem;
	font-weight: 700;
	height: 86px;
	border-radius: 50px;
	margin-top: 30px;
	transition: opacity 0.3s;
}

.afterschool-contact-form-btn:hover {
	opacity: 0.8;
}

/* ========================================
   フッター（放課後支援事業用）
======================================== */
.afterschool-footer {
	background-color: #0097ba;
	color: #fff;
	padding-bottom: 0;
}

/* フッターナビ上部 */
.afterschool-footer-nav-top {
	padding: 30px 0;
}

.afterschool-footer-nav-top ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 30px;
}

.afterschool-footer-nav-top ul li a {
	color: #fff;
	font-size: 0.9rem;
	font-weight: 500;
	text-decoration: none;
}

.afterschool-footer-nav-top ul li a::before {
	content: "◦ ";
}

.afterschool-footer-nav-top ul li a:hover {
	opacity: 0.7;
}

/* 区切り線 */
.afterschool-footer-divider {
	border: none;
	border-top: 2px solid rgba(255, 255, 255, 1);
	margin: 0;
}

/* フッターメインコンテンツ */
.afterschool-footer-main {
	display: flex;
	gap: 50px;
	padding: 40px 0 50px;
}

/* 左カラム：ページ内リンク */
.afterschool-footer-page-links {
	flex-shrink: 0;
}

.afterschool-footer-page-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.afterschool-footer-page-links ul li a {
	color: #fff;
	font-size: 0.9rem;
	font-weight: 500;
	text-decoration: none;
}

.afterschool-footer-page-links ul li a::before {
	content: "◦ ";
}

.afterschool-footer-page-links ul li a:hover {
	opacity: 0.7;
}

/* 右カラム：施設一覧 */
.afterschool-footer-facilities {
	flex: 1;
}

.afterschool-footer-facilities-title {
	font-size: 0.9rem;
	font-weight: 700;
	margin: 0 0 15px;
}

.afterschool-footer-facilities-title::before {
	content: "◦ ";
}

.afterschool-footer-facilities-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px 30px;
}

.afterschool-footer-district-name {
	font-size: 0.9rem;
	font-weight: 700;
	margin: 0 0 6px;
}

.afterschool-footer-district-name::before {
	content: "• ";
}

.afterschool-footer-district ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.afterschool-footer-district ul li {
	margin-bottom: 3px;
}

.afterschool-footer-district ul li a {
	color: #fff;
	font-size: 0.8rem;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.6;
}

.afterschool-footer-district ul li a::before {
	content: "◦ ";
}

.afterschool-footer-district ul li a:hover {
	opacity: 0.7;
}

/* フッター下部 */
.afterschool-footer-bottom {
	border-top: 2px solid rgba(255, 255, 255, 1);
	max-width: 1160px;
	margin: 0 auto;
	padding: 30px 0;
}

.afterschool-footer-bottom-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
}

.afterschool-footer-logo-area {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
}

.afterschool-footer-logo {
	width: 180px;
	height: auto;
	margin-bottom: 8px;
}

.afterschool-footer-info p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.8;
	color: #fff;
}

.afterschool-footer-info a {
	color: #fff;
}

/* コピーライト */
.afterschool-footer-copyright {
	background-color: #1eb8d1;
	padding: 15px 0;
}

.afterschool-footer-copyright p {
	margin: 0;
	font-size: 0.8rem;
	color: #fff;
	text-align: center;
	font-weight: 700;
}

/* ========================================
   レスポンシブ - タブレット
======================================== */
@media screen and (max-width: 1023px) {
	.afterschool-news {
		padding: 0 0 40px;
	}

	.afterschool-news-heading {
		font-size: 2rem;
		margin-bottom: 20px;
	}

	.afterschool-news-item-btn {
		padding: 12px 30px;
		font-size: 1rem;
	}

	.afterschool-about {
		padding: 80px 0 120px;
	}

	.afterschool-about-heading {
		font-size: 2rem;
	}

	.afterschool-about-card {
		padding: 30px 35px;
	}

	.afterschool-features {
		padding: 45px 0;
	}

	.afterschool-feature {
		margin-bottom: 35px;
	}

	.afterschool-feature-card {
		padding: 60px 60px;
	}

	.afterschool-feature-cols {
		gap: 20px;
	}

	.afterschool-feature-col {
		padding: 20px 22px;
	}

	.afterschool-video {
		padding: 40px 0;
	}

	.afterschool-video-heading {
		font-size: 1.6rem;
	}

	.afterschool-facilities {
		padding: 40px 0;
	}

	.afterschool-facilities-heading {
		font-size: 2rem;
		margin-bottom: 20px;
	}

	.afterschool-facilities-grid {
		gap: 40px 30px;
	}

	.afterschool-documents {
		padding: 40px 0;
	}

	.afterschool-documents-heading {
		font-size: 2rem;
	}

	.afterschool-documents-card {
		grid-template-columns: repeat(2, 1fr);
	}

	.afterschool-detail {
		padding: 40px 0;
	}

	.afterschool-detail-heading {
		font-size: 2rem;
	}

	.afterschool-detail-subheading {
		font-size: 1.4rem;
	}

	/* detail-table 利用区分列 100px固定（--block内は除外） */
	th.afterschool-detail-table-label {
		width: 100px;
		min-width: 100px;
		max-width: 100px;
	}

	.afterschool-detail-table--block th.afterschool-detail-table-label {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

	.afterschool-detail-table th,
	.afterschool-detail-table td {
		padding: 10px 14px;
		font-size: 1.0rem;
	}

	/* 統合比較テーブル - タブレット・スマホ共通 */
	.afterschool-combined-table {
		table-layout: auto;
	}

	.afterschool-combined-table th,
	.afterschool-combined-table td {
		padding: 8px 6px;
		font-size: 1.0rem;
		line-height: 1.5;
	}

	.afterschool-combined-table th.afterschool-detail-table-label {
		white-space: nowrap;
		min-width: auto;
		width: 30px;
		padding: 10px 4px;
		font-size: 1.0rem;
		letter-spacing: 0.1em;
	}

	.afterschool-combined-table .afterschool-combined-sub-label {
		width: 30px;
		padding: 8px 4px !important;
		font-size: 1.0rem !important;
	}

	/* Safari対策: writing-modeをth直接ではなく内側のspanに適用 */
	.afterschool-combined-table .vertical-label {
		writing-mode: vertical-rl;
		text-orientation: upright;
		white-space: nowrap;
		letter-spacing: 0.1em;
	}

	.afterschool-combined-table .afterschool-combined-corner {
		width: 80px;
		min-width: 80px;
		max-width: 80px;
		font-size: 1.0rem;
		padding: 6px 4px;
	}

	.afterschool-combined-table .afterschool-combined-wakuwaku,
	.afterschool-combined-table .afterschool-combined-sukusuku,
	.afterschool-combined-table .afterschool-combined-yuuyake {
		font-size: 1.0rem;
		padding: 6px 4px;
	}

	.afterschool-categories {
		padding: 60px 15px;
	}

	/* 案内・関連リンク */
	.afterschool-guide {
		padding: 40px 0;
	}

	/* お問い合わせ */
	.afterschool-contact {
		padding: 40px 0;
	}

	.afterschool-contact-heading {
		font-size: 2rem;
	}

	/* フッター */
	.afterschool-footer-facilities-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.afterschool-footer-bottom-inner {
		flex-direction: column;
		text-align: center;
		gap: 20px;
	}
}

/* ========================================
   レスポンシブ - スマホ
======================================== */
@media screen and (max-width: 767px) {
	.afterschool-header-wrap .header-logo {
		height: 28px;
	}

	.afterschool-news {
		padding: 0 0 30px;
	}

	.afterschool-news-heading {
		font-size: 1.6rem;
		margin-bottom: 18px;
	}

	.afterschool-news-notice {
		padding: 15px 20px;
	}

	.afterschool-news-item {
		padding: 15px 20px;
	}

	.afterschool-news-item--has-btn {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.afterschool-news-item-btn {
		width: 100%;
		text-align: center;
		padding: 12px 20px;
	}

	.afterschool-about {
		padding: 80px 0 120px;
	}

	.afterschool-about-heading {
		font-size: 1.6rem;
	}

	.afterschool-about-card {
		padding: 25px 20px;
	}

	.afterschool-about-text {
		font-size: 1rem;
	}

	.afterschool-about-text br {
		display: none;
	}

	.afterschool-about-illust {
		position: absolute;
		right: 20px;
		bottom: -60px;
		width: 120px;
		height: 100px;
	}

	.afterschool-features {
		padding: 70px 0;
	}

	.afterschool-feature {
		margin-bottom: 30px;
	}

	.afterschool-feature-heading {
		font-size: 1.5rem;
		gap: 10px;
	}

	.afterschool-feature-num {
		width: 36px;
		height: 36px;
		font-size: 1.05rem;
	}

	.afterschool-feature-card {
		background: url('../img/after-school-service/after-school-support-sp-contents-background1.png') center / 100% 100% no-repeat;
		padding: 30px 20px;
	}

	.afterschool-feature-lead {
		font-size: 1rem;
	}

	.afterschool-feature-cols {
		flex-direction: column;
		gap: 15px;
	}

	.afterschool-feature-col {
		padding: 18px 20px;
	}

	.afterschool-feature-col-title {
		font-size: 1.15rem;
	}

	.afterschool-feature-list {
		padding: 18px 20px;
	}

	.afterschool-feature-list p {
		font-size: 1.0rem;
	}

	.afterschool-video {
		padding: 30px 0;
	}

	.afterschool-video-heading {
		font-size: 1.4rem;
	}

	.afterschool-facilities {
		padding: 30px 0;
	}

	.afterschool-facilities-heading {
		font-size: 1.6rem;
		margin-bottom: 18px;
	}

	.afterschool-facilities-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.afterschool-facilities-district-card {
		padding: 20px 15px;
	}

	.afterschool-facilities-link {
		font-size: 1.0rem;
		padding: 10px 18px;
	}

	.afterschool-documents {
		padding: 30px 0;
	}

	.afterschool-documents-heading {
		font-size: 1.6rem;
	}

	.afterschool-documents-card {
		grid-template-columns: 1fr;
		padding: 20px;
	}

	.afterschool-documents-link {
		font-size: 1.0rem;
		padding: 10px 18px;
	}

	.afterschool-detail {
		padding: 30px 0;
	}

	.afterschool-detail-heading {
		font-size: 1.6rem;
		margin-bottom: 18px;
	}

	.afterschool-detail-subheading {
		font-size: 1.2rem;
	}

	.afterschool-detail-card {
		padding: 20px 0;
	}

	.afterschool-detail-card-lead {
		font-size: 1.05rem;
	}

	.afterschool-detail-table--block {
		display: block !important;
		width: 100% !important;
		border: none;
	}

	.afterschool-detail-table--block tbody {
		display: block !important;
		width: 100%;
	}

	.afterschool-detail-table--block tr {
		display: block !important;
		width: 100%;
	}

	.afterschool-detail-table--block th,
	.afterschool-detail-table--block td {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box;
		border-right: none;
		float: none;
	}

	.afterschool-detail-table--block th.afterschool-detail-table-label {
		text-align: center;
		padding: 10px 14px;
	}

	.afterschool-detail-table--block td {
		padding: 14px;
	}

	.afterschool-detail-hours {
		flex-direction: column;
		gap: 20px;
	}

	/* 案内・関連リンク */
	.afterschool-guide {
		padding: 30px 0;
	}

	.afterschool-guide-card {
		padding: 20px 25px;
		margin-bottom: 30px;
	}

	.afterschool-guide-card p {
		font-size: 1.0rem;
	}

	.afterschool-guide-card p br {
		display: none;
	}

	.afterschool-guide-buttons {
		flex-direction: column;
		gap: 20px;
		align-items: center;
	}

	.afterschool-guide-btn {
		width: 100%;
		max-width: 100%;
		min-width: auto;
		padding: 0;
		height: 60px;
		font-size: 1rem;
	}

	.afterschool-guide-btn--outline {
		padding: 18px 30px;
	}

	/* お問い合わせ */
	.afterschool-contact {
		padding: 30px 0;
	}

	.afterschool-contact-heading {
		font-size: 1.6rem;
		margin-bottom: 18px;
	}

	.afterschool-contact-notice {
		padding: 20px 25px;
		margin-bottom: 25px;
	}

	.afterschool-contact-cols {
		flex-direction: column;
		gap: 40px;
	}

	.afterschool-contact-col-title {
		font-size: 1.15rem;
	}

	.afterschool-contact-phone-number {
		font-size: 2.2rem;
	}

	.afterschool-contact-form-btn {
		padding: 22px 30px;
		font-size: 1.05rem;
	}

	/* フッター */
	.afterschool-footer-nav-top ul {
		gap: 20px;
		flex-wrap: wrap;
	}

	.afterschool-footer-main {
		flex-direction: column;
		gap: 30px;
		padding: 30px 0 40px;
	}

	.afterschool-footer-page-links ul {

		flex-direction: row;
		flex-wrap: wrap;
		gap: 10px 20px;
	}

	.afterschool-footer-facilities-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px 20px;
	}

	.afterschool-footer-bottom-inner {
		flex-direction: column;
		text-align: center;
		gap: 20px;
	}
}

/* ========================================
   1500px以下
======================================== */
@media screen and (max-width: 1500px) {
	.afterschool-features {
		background-size: cover;
	}
}

/* ========================================
   ワイドスクリーン（1921px以上）
======================================== */
@media screen and (min-width: 1921px) {
	.afterschool-news {
		background-size: 100% 100%;
	}

	.afterschool-about {
		background-size: 100% 100%;
	}

	.afterschool-contact {
		background-size: 100% 100%;
	}
}