@charset "utf-8";

/* =========================================
    ページタイトル
========================================= */
.heading {
	padding: 8rem 0;
	background-image: url(../support/_image/support_bg_a.svg), url(../support/_image/support_bg_b.svg);
	background-repeat: no-repeat, no-repeat;
    background-size: 15% auto, 18% auto;
    background-position: left 5% bottom, right 5% bottom;
}

.heading .heading_text {
	position: relative;
	width: 72rem;
	margin: auto;
}

.heading .heading_text::before {
	background-image: url(../support/_image/block_top_l.svg);
	right: 100%;
}

.heading .heading_text::after {
	background-image: url(../support/_image/block_top_r.svg);
	left: 100%;
}

.heading .heading_text::before,
.heading .heading_text::after {
	content: "";
    position: absolute;
    top: 0;
    width: 120px;
    height: auto;
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: cover;
}

.heading .pagetitle {
	position: relative;
	text-align: center;
	line-height: 6rem;
	padding: 3rem 0;
	font-size: 4rem;
	font-weight: var(--fw-bold);
}

.heading .heading_text .intro__text {
	width: 100%;
	margin: auto;
}

@media only screen and (max-width:640px) {
	.heading {
		padding: 3rem 0 7rem;
		background-image: url(../support/_image/support_bg_a.svg), url(../support/_image/support_bg_b.svg);
		background-repeat: no-repeat, no-repeat;
		background-size: 30% auto, 35% auto;
		background-position: left 5% bottom, right 5% bottom;
	}

	.heading .heading_text {
		position: relative;
		width: 90%;
		margin: auto;
	}

	.heading .heading_text::before {
		background-image: none;
		right: 83%;
	}

	.heading .heading_text::after {
		background-image: none;
		left: 83%;
	}

	.heading .heading_text::before,
	.heading .heading_text::after {
		width: 90px;
		height: auto;
	}

	.heading .heading_text .intro__text {
		width: 85%;
		margin: auto;
	}

	.heading .pagetitle {
		position: relative;
		text-align: center;
		line-height: 3.5rem;
		padding: 0 0 2rem;
		font-size: var(--fz-3xl);
		font-weight: var(--fw-bold);
	}


}


/* =========================================
    お子さま・保護者/共通
========================================= */
.support_child,
.support_parent {
	width: 100%;
	margin-inline: auto;
	padding: 10rem 0;
}

.support_child .subTitle,
.support_parent .subTitle {
	margin: 0 auto 2rem;
}

.support_child .support__box,
.support_parent .support__box {
	max-width: 96rem;
	margin: auto;
	background-color: var(--c-white);
}

.support_child .support__list,
.support_parent .support__list {
	padding: 5rem;
}

.support_child .support__item,
.support_parent .support__item {
	padding: 3rem 5rem;
}

.support_child .support__text,
.support_parent .support__text {
	font-size: var(--fz-l);
}

@media only screen and (max-width:640px) {

	.subTitle {
		width: 100%;
	}

	.support_child,
	.support_parent {
		width: 100%;
		margin-inline: auto;
		padding: 4rem 0;
	}

	.support_child .support__box,
	.support_parent .support__box {
		max-width: 96rem;
		margin: auto;
		background-color: var(--c-white);
		width: 90%;
	}

	.support_child .support__list,
	.support_parent .support__list {
		padding: 4rem 3rem 0 3rem;
	}

	.support_child .support__item,
	.support_parent .support__item {
		padding: 0 0 4rem;
	}

}

/* =========================================
    お子さまへのサポート
========================================= */
.support_child {
	background-color: var(--c-blue-pale);
}

@media only screen and (max-width:640px) {

}

/* =========================================
    保護者へのサポート
========================================= */
.support_parent {
	background-color: var(--c-blue-mid);
}

@media only screen and (max-width:640px) {

}

/* --------------------------------------------

#header　印刷時

---------------------------------------------- */
@media print {
	#header {
		display: none;
	}
}