/*===============================================================================
ページ内共通
================================================================================*/
/* h2 */
.nyuen-info__title{
	margin-bottom: var(--g-sec--xs)
}
/* h3 */
.nyuen-info__secondaryTitle{
	margin-bottom: var(--g-sec--xs)
}

.nyuen-info__lead{
	margin-bottom: var(--g-sec--xs);
	text-align: center;
	font-weight: var(--fw-lg);
	font-size: var(--fz-20);
	font-family: var(--ff-maru);
}

/* コンテナー */
.nyuen-info__container.--slim{
	max-width: var(--width-slim);
	margin-inline: auto;
}

.nyuen-info__textArea.--center{
	max-width: fit-content;
	margin-inline: auto;
}

#js-tab02-01 .nyuen-info__pcNone{
	display: none;
}

#js-tab02-02 .nyuen-info__spNone {
	display: none;
}
@media (min-width: 768px){
	#js-tab02-02 .nyuen-info__spNone {
		display: block;
	}
	#js-tab02-02 .nyuen-info__pcNone{
		display: none;
	}
}
.nyuen-info__kinzitu{
	text-align: center;
	font-size: var(--fz-24);
	font-weight: var(--fw-lg);
	font-family: var(--ff-maru);
}


/*===============================================================================
ヘッド
================================================================================*/
.nyuen-info__head{
	max-width: var(--width-slim);
	margin-inline: auto;
	margin-bottom: var(--g-sec--xs);
}



/*===============================================================================
ボディ
================================================================================*/
.nyuen-info__body{
	margin-bottom: var(--g-sec--md);
}

/* タブ内タイトル */
.nyuen-info-tab__title{
	margin-bottom: var(--g-24);
}

.nyuen-info-tab__container.--flex-column{
	display: flex;
	flex-direction: column;
	gap: var(--g-12);
}

/*===============================
* タブ内メディアテキスト
* =================================*/
.nyuen-info-tab .c-mediaText{
	--media-width: 80.149%;
	--count: 1;
}
@media (min-width: 960px){
	.nyuen-info-tab .c-mediaText{
		--count: 2;
	}
}

/* テキスト */
.nyuen-info-tab .c-mediaText p:not(:last-of-type){
	margin-bottom: var(--g-16);
}


/*===============================
* タブ内テーブル
* =================================*/
.nyuen-info-tab .c-table :is(th,td){
	padding: var(--g-16);
}
.nyuen-info-tab .c-table td:nth-of-type(1){
	width: 38%;
}
@media (min-width: 600px){
	.nyuen-info-tab .c-table td:nth-of-type(1){
		text-align: center;
	}
}



/*===============================================================================
タブ下のエリア
================================================================================*/
.nyuen-info__foot > *:not(:last-child){
	margin-bottom: var(--g-sec--md);
}
.nyuen-info-foot__flex{
	--count: 1;
	--gap: var(--g-16);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row-reverse;
	gap: var(--gap);
}
@media (min-width: 600px){
	.nyuen-info-foot__flex{--count: 2;}
}
.nyuen-info-foot__hiyouImg{
	width: calc( ( 66% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	margin-inline: auto;
}
@media (min-width: 600px){
	.nyuen-info-foot__hiyouImg{
		margin-inline: 0;
	}
}

/*===============================
* テーブル
* =================================*/
/* 背景色 */
.nyuen-info-foot-table__yellow{
	background: var(--c-yellow--light);
}
.nyuen-info-foot-table__orange{
	background: #FFD361;
}
.nyuen-info-foot-table__red{
	background: #FFE1DF;
}

/* 入園時にかかる費用 */
.nyuen-info-foot-table.--nyuenPrice{
	width: calc( ( 102% - var(--gap) * (var(--count) - 1) ) / var(--count) );
}

/* 毎月の主な費用 */
/* セル内の余白 */
.nyuen-info-foot-table.--monthPrice td:not(:nth-of-type(1)){
	padding: var(--g-16) var(--g-8);
}
/* 枠線 */
.tab03 .nyuen-info-foot-table.--monthPrice :is(th,td) {
	border-bottom: var(--bd-width) var(--bd-style) var(--bd-color);
}
/* 列幅 */
.nyuen-info-foot-table.--monthPrice td:nth-of-type(1){
	width: 8%;
}
@media (min-width: 768px){
	.nyuen-info-foot-table.--monthPrice td:nth-of-type(1){
		width: 16%;
	}
}
.nyuen-info-foot-table.--monthPrice td:nth-of-type(2),
.nyuen-info-foot-table.--monthPrice td:nth-of-type(3),
.nyuen-info-foot-table.--monthPrice td:nth-of-type(4),
.nyuen-info-foot-table.--monthPrice td:nth-of-type(5){
	width: calc( 84% / 4 );
}


/* その他費用 */
/* テーブルの最小幅 */
.nyuen-info-foot-table.--anotherPrice table{
	min-width: 47rem;
}
@media (min-width: 768px){
	.nyuen-info-foot-table.--anotherPrice table{
		min-width: auto;
	}
}
/* 列幅 */
.nyuen-info-foot-table.--anotherPrice td:nth-of-type(1){
	width: 5%;
}
.nyuen-info-foot-table.--anotherPrice td:nth-of-type(2){
	width: 20%;
}
.nyuen-info-foot-table.--anotherPrice td:nth-of-type(3){
	width: 14.5%;
}
.nyuen-info-foot-table.--anotherPrice td:nth-of-type(4){
	width: 60.5%;
}

/*===============================
* タブ
* =================================*/
.nyuen-info__foot .tab03-head{
	margin-bottom: var(--g-16);
}

.nyuen-info__foot .tab03-body{
	position: relative;
	padding: var(--g-24) 0;
}
.nyuen-info__foot .tab03-body::before{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-gray--light);
	z-index: -1;
}


