@charset "utf-8";
/* ------------------------------
 見出し&テキスト
------------------------------ */
/* -- H1 -- */
.headering h1 {
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.4;
	padding-left: 25px;
	position: relative;
}
.headering h1::before {
	content: "";
	width: 6px;
	display: block;
	position: absolute;
	left: 0;
	top: -10px;
	bottom: -10px;
	background-color: #00AF70;
}

/* -- H2 -- */
.contentsHome h2,
.contentsTop h2,
.contents h2 {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 25px;
	margin-bottom: 35px;
	border-bottom: solid 4px #DCDCDC;
	position: relative;
}
.contentsHome h2::after,
.contentsTop h2::after,
.contents h2::after {
	content: "";
	width: 120px;
	height: 4px;
	display: block;
	position: absolute;
	left: 0;
	bottom: -4px;
	background: linear-gradient(90deg, rgba(0,175,112,1) 0%, rgba(29,111,188,1) 100%);
}
/* -- H3 -- */
.contentsTop h3,
.contents h3{
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
	padding-left: 22px;
	margin-bottom: 25px;
	position: relative;
}
.contentsTop h3::before,
.contents h3::before {
	content: "";
	width: 4px;
	position: absolute;
	top: 3px;
	bottom: 3px;
	left: 0;
	background-color: #00af70;
}
/* -- H4 -- */
.contentsTop h4,
.contents h4 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 20px;
}
/* ------------------------------
 スマホ用コード（見出し）
------------------------------ */
@media screen and (max-width: 767px) {
	/* -- H1 -- */
	.headering h1 {
		font-size: 2.4rem;
		padding-left: 20px;
	}
	.headering h1::before {
		width: 4px;
		top: -7px;
		bottom: -7px;
	}

	/* -- H2 -- */
	.contentsHome h2,
	.contentsTop h2,
	.contents h2 {
		font-size: 2.4rem;
		padding-bottom: 15px;
		margin-bottom: 30px;
	}
	/* -- H3 -- */
	.contentsTop h3,
	.contents h3{
		font-size: 2.2rem;
		margin-bottom: 20px;
	}
	/* -- H4 -- */
	.contentsTop h4,
	.contents h4 {
		font-size: 1.8rem;
		margin-bottom: 15px;
	}
}
/* ------------------------------
 ボックス
------------------------------ */
/* -- 横並びボックス（flexbox） --- */
.flexBox {
	display: flex !important;
	flex-flow: row wrap;
}
.flexBox::after,
.cms_block.flexBox::after {
	display: none;
}
.cms_block {
	line-height: 2;
	position: relative;
}
.flexBox > * {
	width: 100%;
}
/* -- 横並びボックス（flexbox） センター揃え --- */
.flexBox.fb-tac {
	justify-content: center;
}
/* -- 横並びボックス（flexbox） 縦センター揃え --- */
.flexBox.fb-vac {
	align-items: center;
}
/* -- 横並びボックス（flexbox） 縦上揃え --- */
.flexBox.fb-vat {
	align-items: flex-start;
}
/* -- 横並びボックス（flexbox） 縦下揃え --- */
.flexBox.fb-vab {
	align-items: flex-end;
}
/* -- 横並びボックス（flexbox） 左右別れ --- */
.flexBox.fb-btw {
	justify-content: space-between;
}
/* --------------------
 PC用限定CSS
--------------------- */
@media print, screen and (min-width: 768px) {
	/* -- wide 1/2 --- */
	.w538 { width: 538px;}
	.w1-2 { width: 47.193%;}

	.cms_fl.w538, .fl.w538 {
		margin-right: 64px;
	}
	.cms_fl.w1-2, .fl.w1-2 {
		margin-right: 4.211%;
	}
	.cms_fr.w538, .fr.w538,
	.cms_fr.w1-2, .fr.w1-2 {
		margin-left: 0;
	}

	/* -- 下層　1/2 --- */
	.w370 { width: 370px;}
	.mainContents .w1-2 { width: 48.052%;}

	.cms_fl.w370, .fl.w370 {
		margin-right: 30px;
	}
	.mainContents .cms_fl.w1-2, .mainContents .fl.w1-2 {
		margin-right: 3.896%;
	}
	.cms_fr.w370, .fr.w370,
	.mainContents .cms_fr.w1-2, .mainContents .fr.w1-2 {
		margin-left: 0;
	}

	/* -- wide 1/3 --- */
	.w350 {  width: 350px;}
	.w1-3 { width: 30.702%;}
	/* -- wide 2/3 --- */
	.w745 { width: 745px;}
	.w2-3 { width: 65.351%;}
	.cms_fl.w350, .fl.w350, .cms_fl.w745, .fl.w745 {
		margin-right: 45px;
	}
	.cms_fl.w1-3, .fl.w1-3, .cms_fl.w2-3, .fl.w2-3 {
		margin-right: 3.947%;
	}
	.cms_fr.w350, .fr.w350, .cms_fr.w745, .fr.w745,
	.cms_fr.w1-3, .fr.w1-3, .cms_fr.w2-3, .fr.w2-3 {
		margin-left: 0;
	}

	/* -- 下層　1/3 --- */
	.w240 { width: 240px;}
	.mainContents .w1-3 { width: 31.169%;}
	/* -- 下層　2/3 --- */
	.w505 { width: 505px;}
	.w2-3 { width: 62.338%;}
	.cms_fl.w240, .fl.w240, .cms_fl.w505, .fl.w505 {
		margin-right: 25px;
	}
	.mainContents .cms_fl.w1-3, .mainContents .fl.w1-3,
	.mainContents .cms_fl.w2-3, .mainContents .fl.w2-3 {
		margin-right: 3.2465%;
	}
	.cms_fr.w240, .fr.w240,
	.mainContents .cms_fr.w1-3, .mainContents .fr.w1-3,
	.mainContents .cms_fr.w2-3, .mainContents .fr.w2-3  {
		margin-left: 0;
	}

	/* -- wide 1/4 --- */
	.w258 { width: 258px;}
	.w1-4 { width: 22.632%;}
	/* -- wide 3/4 --- */
	.w846{ width: 846px !important;}
	.w3-4 { width: 74.211%;}
	.cms_fl.w258, .fl.w258, .cms_fl.w846, .fl.w846, .cms_fl.w552, .fl.w552 {
		margin-right: 36px;
	}
	.cms_fl.w1-4, .fl.w1-4, .cms_fl.w3-4, .fl.w3-4 {
		margin-right: 3.159%;
	}
	.w1-2.cms_fl + .cms_fl.w1-4, .w1-2.fl + .fl.w1-4, .w1-2.cms_fl + .fl.w1-4, .w1-2.fl + .cms_fl.w1-4,
	.w1-2.cms_fl + .cms_fl.w258, .w1-2.fl + .fl.w258, .w1-2.cms_fl + .fl.w258, .w1-2.fl + .cms_fl.w258,
	.w546.cms_fl + .cms_fl.w258, .w546.fl + .fl.w258, .w546.cms_fl + .fl.w258, .w546.fl + .cms_fl.w258,
	.w546.cms_fl + .cms_fl.w1-4, .w546.fl + .fl.w1-4, .w546.cms_fl + .fl.w1-4, .w546.fl + .cms_fl.w1-4 {
		margin-right: 2.633%;
	}
	.cms_fr.w258, .fr.w258, .cms_fr.w846, .fr.w846,
	.cms_fr.w1-4, .fr.w1-4, .cms_fr.w3-4, .fr.w3-4 {
		margin-left: 0;
	}
	/* -- 下層　1/4 --- */
	.w170 { width: 170px;}
	.mainContents .w1-4 { width: 22.078%;}
	/* -- 下層　3/4 --- */
	.w570 { width: 570px;}
	.w3-4 { width: 74.026%;}
	.cms_fl.w170, .fl.w170, .cms_fl.w3-4, .fl.w3-4 {
		margin-right: 30px;
	}
	.mainContents .cms_fl.w1-4, .mainContents .fl.w1-4,
	.mainContents .cms_fl.w3-4, .mainContents .fl.w3-4 {
		margin-right: 3.896%;
	}
	.cms_fr.w170, .fr.w170,
	.mainContents .cms_fr.w1-4, .mainContents .fr.w1-4,
	.mainContents .cms_fr.w3-4, .mainContents .fr.w3-4  {
		margin-left: 0;
	}

	/* -- wide 1/5 --- */
	.w208 { width: 208px;}
	.w1-5 { width: 18.246%;}
	.cms_fl.w208, .fl.w208{
		margin-right: 25px;
	}
	.cms_fl.w1-5, .fl.w1-5 {
		margin-right: 2.194%;
	}
	.cms_fr.w208, .fr.w208,
	.cms_fr.w1-5, .fr.w1-5 {
		margin-left: 0;
	}

	/* -- wide 3/5 --- */
	.w3-5 { width: 59.123%;}
	/* -- wide 4/5 --- */
	.w907{ width: 907px !important;}
	.w4-5 { width: 79.562%;}

	/* -- その他 --- */
	.w300 { width: 300px !important;}
	.w514 { width: 514px !important;}
	.w980 { width: 980px !important;}
	/* グループ */
	.cms_block {
		width: 1140px;
	}
	.mainContents .cms_block,
	.wide {
		width: 100%;
	}
	.wide:not(.flexBox) > * {
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
	}

	/* -- 横並びボックス（flexbox） --- */
	.flexBox.nowide > * {
		width: auto;
	}
	/* flexbox 1/2 */
	.flexBox .w546:not(:nth-of-type(2n)),
	.flexBox .w1-2:not(:nth-of-type(2n)) {
		margin-right: 4.211%;
	}
	/* -- flexbox 下層　1/2 --- */
	.flexBox .w370:not(:nth-of-type(2n)),
	.mainContents .flexBox .w1-2:not(:nth-of-type(2n)) {
		margin-right: 3.896%;
	}

	/* flexbox 1/2 order使用時 */
	.flexBox .w546.order2,
	.flexBox .w1-2.order2 {
		margin-right: 0;
	}
	.flexBox .w546.order1,
	.flexBox .w546.order3,
	.flexBox .w1-2.order1,
	.flexBox .w1-2.order3 {
		margin-right: 4.211%;
	}
	/* flexbox 1/3 */
	.flexBox .w1-3:not(:nth-of-type(3n)) {
		margin-right: 3.947%;
	}
	/* -- flexbox 下層　1/3 --- */
	.mainContents .flexBox .w1-3:not(:nth-of-type(3n)) {
		margin-right: 3.2465%;
	}
	.cms_text.flexBox > .w1-3:not(:nth-last-child(-n+3)) {
		margin-bottom: 40px;
	}
	/* flexbox 1/4 */
	.flexBox .w258:not(:nth-of-type(4n)), .flexBox .w1-4:not(:nth-of-type(4n)) {
		margin-right: 3.159%;
	}
	/* -- flexbox 下層　1/4 --- */
	.mainContents .flexBox .w1-4:not(:nth-of-type(4n)) {
		margin-right: 3.896%;
	}
	/* flexbox 1/5 */
	.flexBox .w1-5:not(:nth-of-type(5n)), .flexBox .w208:not(:nth-of-type(5n)) {
		margin-right: 2.194%;
	}
	.flexBox .w1-3:last-of-type, .flexBox .w1-4:last-of-type, .flexBox .w1-5:last-of-type {
		margin-right: 0;
	}
	/* -- 横並びボックス（flexbox） 改行させない --- */
	.flexBox.fb-nowrap {
		flex-flow: nowrap;
	}
	/* -- 横並びボックス（flexbox） センター揃え --- */
	.flexBox.pc_fb-tac {
		justify-content: center;
	}
	/* -- 横並びボックス（flexbox） 縦センター揃え --- */
	.flexBox.pc_fb-vac {
		align-items: center;
	}
	/* -- 横並びボックス（flexbox） 左右別れ --- */
	.flexBox.pc_fb-btw {
		justify-content: space-between;
	}
	.flexBox .cms_text:last-child,
	.flexBox .cms_image:last-child {
		margin-bottom: 40px;
	}
	/* flexbox 順番 */
	.order1 { order: 1;}
	.order2 { order: 2;}
	.order3 { order: 3;}
	.order4 { order: 4;}
}
/* --------------------
 スマホ用コード
--------------------- */
@media screen and (max-width: 767px) {
	/* -- 横並びボックス（flexbox） --- */
	/* -- 1/4 --- */
	/* -- 1/5 --- */
	.w1-5, .w208 {
		width: 49%;
	}
	.w4-5 + .w208, .w4-5 + .w1-5 {
		width: 100%;
	}
	.w1-5.fl, .w208.fl, .w208.cms_fl {
		float: left !important;
		margin-right: 2%;
	}
	.w1-5.fr, .w208.fr, .w208.cms_fr {
		float: left !important;
	}
	/* -- 横幅100％ --- */
	.w1-5.sp100, .w208.sp100 {
		width: 100%;
		margin-right: 0 !important;
		float: none !important;
	}

	/* flexbox 1/5 */
	.flexBox .w1-5:not(:nth-child(2n)),
	.flexBox .w208:not(:nth-child(2n)),
	.sp_mr2 {
		margin-right: 2%;
	}
	/* -- 横並びボックス（flexbox） センター揃え --- */
	.flexBox.sp_fb-tac {
		justify-content: center;
	}
	/* -- 横並びボックス（flexbox） 縦センター揃え --- */
	.flexBox.sp_fb-vac {
		align-items: center;
	}
	/* -- 横並びボックス（flexbox） 左右別れ --- */
	.flexBox.sp_fb-btw {
		justify-content: space-between;
	}

	/* -- その他 --- */
	.cms_block {
		margin-left: 6% !important;
		margin-right: 6% !important;
	}
	.mainContents .cms_block {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
/* ------------------------------
 テーブル
------------------------------ */
/* -- デフォルト -- */
table {
	width: 100%;
	border-top: solid 1px #DCDCDC;
}
table th, table td {
	line-height: 1.5;
	padding: 15px 20px;
	vertical-align: top;
	border-bottom: solid 1px #DCDCDC;
}
table th {
	font-weight: bold;
}
table tbody th:first-child {
	width: 22%;
}
/* --------------------
 スマホ用コード
--------------------- */
@media screen and (max-width: 767px) {
	table th, table td {
		font-size: 1.4rem;
		padding: 10px 15px;
	}
	/* -- レスポンシブ -- */
	table th, table th:not(:last-child) {
		width: auto !important;
		display: block;
		padding-bottom: 0;
	}
	table td {
		width: auto !important;
		display: block;
	}
	table tbody th {
		border-bottom: none;
	}
	/* レスポンシブ解除 */
	.contentsTop .scroll table tbody th:first-child,
	.contents .scroll table tbody th:first-child,
	.no-responsive table tbody th:first-child {
		width: 30% !important;
	}
	.no-responsive table th, 
	.no-responsive table td,
	.contentsTop .scroll table th,
	.contents .scroll table th,
	.contentsTop .scroll table td,
	.contents .scroll table td {
		display: table-cell;
		padding-bottom: 10px;
		border-bottom: solid 1px #DCDCDC;
	}
	/* -- スクロールバー -- */
	.contentsTop .scroll table,
	.contents .scroll table {
		width: 770px !important;
	}
}
/* ------------------------------
 スクロール
------------------------------ */
@media screen and (min-width: 768px) {
	.scroll {
		overflow: visible !important;
	}
}

/* ------------------------------
 リスト
------------------------------ */
/*-- ノーマルリスト --*/
.cms_text ul > li, .cms_image ul > li {
	line-height: 1.7;
	padding-left: 1em;
	position: relative;
}
.cms_text ul > li:before, .cms_image ul > li:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #00af70;
	position: absolute;
	left: 0;
	top: 0.6em;
}
/* アイコン無リスト */
.cms_text ul > li.nolist {
	padding-left: 0;
}
.cms_text ul > li.nolist:before {
	display: none;
}
/*-- 数字リスト --*/
ol {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}
ol > li {
	padding-left: 1.5em;
	line-height: 1.5;
	margin-bottom: 10px;
	position: relative;
}
ol > li:before {
	counter-increment: item;
	content: counter(item) ".";
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
/*-- 横並びリスト --*/
.cms_text.inline ul {
	display: flex;
	flex-flow: row wrap;
	gap: 0 20px;
}
/* --------------------
 PC用限定CSS
--------------------- */
@media print, screen and (min-width: 768px) {
	/* 3分割リスト */
	.cms_text.list-col3 ul {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 5px 45px;
	}
	/* 2分割リスト */
	.cms_text.list-col2 ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 5px 45px;
	}
}
/* --------------------
 スマホ用コード
--------------------- */
@media screen and (max-width: 767px) {
	.cms_text ul > li:not(:last-child), .cms_image ul > li:not(:last-child) {
		margin-bottom: 5px;
	}
}
/* ------------------------------
 背景色
------------------------------ */
.color-box {
	padding: 35px 40px;
	background-color: #e5f7f1;
}
/* --------------------
 スマホ用コード
--------------------- */
@media screen and (max-width: 767px) {
	.color-box {
		padding: 25px 30px;
	}
}

/* ------------------------------
 ボタン
------------------------------ */
.btn a, a.btn, .button-box a {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	position: relative;
	padding: 13px 45px;
	border-radius: 50px;
	background: linear-gradient(90deg, rgba(0,175,112,1) 0%, rgba(29,111,188,1) 100%);
}
.btn a::after, a.btn::after, .button-box a::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	width: 14px;
	height: 14px;
	margin: auto 0;
	background: url(../img/icon_arrow_b.svg) no-repeat 0 0;
}

.btn a.cms_inner_blank::after,
.btn a.cms_blank::after,
a.btn.cms_inner_blank::before,
a.btn.cms_blank::before {
	content: none;
}
@media print, screen and (min-width:768px) {
	.btn a, a.btn {
		min-width: 258px;
	}
	.button-box a {
		width: 100%;
		max-width: 258px;
	}
	.btn a:hover,
	a.btn:hover,
	.button-box a:hover {
		opacity: .7;
	}
	/* 複数ボタン入れる場合 */
	.button-box {
		display: grid;
		grid-template-columns: repeat(4 , 1fr);
		gap: 30px 3.15789%;
		align-items: center;
	}
	.button-box p + p {
		margin: 0;
	}
}
@media screen and (max-width: 767px) {
	.btn a, a.btn, .button-box a {
		font-size: 1.8rem;
		min-width: 232px;
	}
	/* 複数ボタン入れる場合 */
	.button-box {
		text-align: center;
	}
}

/* ------------------------------
 児童・生徒数
------------------------------ */
.classroom table {
	width: auto;
}
.classroom table th,
.classroom table td {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.classroom table {
		max-width: 100%;
	}
	.classroom table th,
	.classroom table td {
		width: 6em;
	}
	.classroom table th:first-child {
		width: 8em;
	}
}
@media screen and (max-width: 767px) {

	.contentsTop .scroll.classroom table,
	.contents .scroll.classroom table {
		width: auto !important;
		min-width: 100%;
	}

	.contentsTop .scroll.classroom table th,
	.contents .scroll.classroom table th {
		min-width: 6em;
	}

	.contentsTop .scroll.classroom table th:first-child,
	.contents .scroll.classroom table th:first-child {
		min-width: 6em;
	}
}


/* ------------------------------
 GoogleMap（iframe）
------------------------------ */
.cms_text > iframe {
	width: 100%;
}