@charset "utf-8";

/* -------------------------------------------------------------------------
	CHILDCARE
========================================================================= */
#childcare {}
#childcare .ccWrapper {
	padding-top: 50px;
	text-align: center;
	}

#childcare .pageTitle::before,
#childcare .pageTitle::after {
	top: -2px;
	}
#childcare .pageTitle { letter-spacing: 0.2rem; }
#childcare .afterclub .pageTitle::before {
	width: 32px;
	height: 32px;
	left: -60px;	
	background: url("../img/icon_halfcircledot.svg") no-repeat;
	}
#childcare .afterclub .pageTitle::after {
	width: 35px;
	height: 32px;
	right: -55px;
	top: 4px;
	background: url("../img/icon_valley.svg") no-repeat;
	}

.noteList {
	margin-left: 1em;
	text-indent: -1em;
	line-height: 160%;
	}
.noteListSimple {
	margin-left: 1em;
	font-size: var(--font-size-small);
	text-indent: -1em;
	text-align: left;
	line-height: 160%;
	}
ol.noteListSimple {
	margin-left: 2.5em;
	text-indent: -2.5em;
	list-style-type: none;
	counter-reset: count 0;
	}
ol.noteListSimple li::before {
	content: "（" counter(count) "）";
	counter-increment: count 1;
	}


/* SMARTPHONE ONLY */
@media screen and (max-width: 768px) {
#childcare .pageTitle { letter-spacing: 0; }
#childcare .pageTitle::before {
	left: -45px!important;	
	}
#childcare .pageTitle::after {
	right: -45px!important;
	}
}

/*  ---------------------------------------------------------*/
#childcare .afterclub {}
#childcare .acText {
	padding: 25px 0 20px;
	font-size: var(--font-size-large);
	font-weight: 500;
	line-height: 220%;
	}
#childcare .afterclub .note { font-size: var(--font-size-xxsmall); }

#childcare .acDetail {
	padding-top: 60px;
	text-align: left;
	}
#childcare .acDetail > dt {
	padding-bottom: 10px;
	color: var(--accent-color);
	font-size: 2rem;
	font-weight: 500;
	}
#childcare .fxlarge {
	font-size: 2.5rem;
	font-weight: 400;
	vertical-align: text-bottom;
	}
#childcare .fxsmall {
	font-size: var(--font-size-xsmall);
	vertical-align: text-top;
	}

.tableList { width: 100%; }
.tableList > tbody tr th {
	width: 17%;
	min-width: 80px;
	height: 40px;
	padding: 10px 5px;
	background: var(--accent-color);
	border-bottom: 1px solid #FFF;
	color: #FFF;
	font-size: var(--font-size-med-large);
	font-weight: 400;
	line-height: 120%;
	text-align: center;
	}
.tableList > tbody tr:last-of-type th { border-bottom: 1px solid var(--accent-color); }
.tableList > tbody tr td {
	padding: 12px 0 12px 20px;
	border-bottom: 1px solid var(--accent-color);
	text-align: left;
	}
.tableList > tbody tr:first-of-type td,
.tableList > tbody tr:first-of-type th { border-top: 1px solid var(--accent-color); }

/* SMARTPHONE ONLY */
@media screen and (max-width: 768px) {
#childcare .ccWrapper { padding-top: 35px; }
#childcare .acText {
	padding: 35px 0 0;
	font-size: var(--font-size-medium);
	text-align: left;
	}
#childcare .afterclub .note { text-align: left; }

#childcare .acDetail {
	padding-top: 30px;
	text-align: left;
	}
#childcare .acDetail > dt {
	padding-bottom: 10px;
	color: var(--accent-color);
	font-size: 2rem;
	font-weight: 500;
	}
#childcare .separator { display: none; }
#childcare .tableList > tbody tr th .fxsmall {
	font-size: var(--font-size-med-large);
	vertical-align: baseline;
	}
.tableList > tbody tr {
	display: flex;
	flex-direction: column;
	}
.tableList > tbody tr th,
.tableList > tbody tr td { width: 100%; }
.tableList > tbody tr th {
	height: auto;
	padding: 3px 0;
	border-bottom: none;
	}
.tableList > tbody tr td {
	padding: 6px 0 20px;
	border-bottom: none;
	}
.tableList > tbody tr:first-of-type td { border-top: 1px solid var(--accent-color); }
.tableList .tlTextLeft { text-align: left; }
}



/*  ---------------------------------------------------------*/
#childcare .summerschool .pageTitle::before {
	width: 30px;
	height: 30px;
	left: -60px;	
	background: url("../img/icon_clover.svg") no-repeat;
	}
#childcare .summerschool .pageTitle::after {
	width: 34px;
	height: 34px;
	top: -5px;
	right: -55px;	
	background: url("../img/icon_tryangleglitter.svg") center no-repeat;
	}

#childcare .summerschool { padding: 150px 0 70px; }
#childcare .ssWrapper {
	padding-top: 70px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	text-align: left;
	}
#childcare .ssPhoto { width: 43%; }
#childcare .ssText { width: 49%; }

/* SMARTPHONE ONLY */
@media screen and (max-width: 768px) {
#childcare .summerschool { padding-top: 50px; }
#childcare .ssWrapper {
	padding-top: 20px;
	flex-direction: column;
	}
#childcare .ssPhoto { width: 100%; }
#childcare .ssText {
	width: 100%;
	padding-top: 20px;
	}
}