<style>
/* #003EC3 #7F9EE1 #BFCFF0 #E5EBF9 */	
body { margin: 0; padding: 0; }
a { text-decoration: none; color: inherit; font-family: "Noto Sans JP", sans-serif; }
	
.cont { display: flex; flex-flow: row wrap; padding: 0; height: auto; margin: 0; line-height: 0; color: #333; }
.cont .left_cont { order: 1; width: calc((100% - 1024px) / 2); }
.cont .center_cont { order: 2; width: 100%; max-width: 1024px; background-color: #FFF3D5; padding-top: 60px; color: #333; }
.cont .right_cont { order: 3; width: calc((100% - 1024px) / 2); }

/*--- 教室枠など（PC） ---*/
.syasin { display: flex; flex-flow: row wrap; margin: 0; padding: 0; font-family: "Noto Sans JP", sans-serif; text-align: justify; line-height: 1.0em; color: #333; width: 100%; }
.syasin .sya_1dan { width: 92%; font-size: 13px; line-height: 1.5em; margin-left: 4%; margin-top: 0px; color: #444; }
.kei_100_u1 { border-bottom: solid 3px #333; width: 100%; margin: 20px 0% 5px; }

.gallery { display: flex; flex-flow: row wrap; margin: 15px 0 10px 4%; padding: 0; font-family: "Noto Sans JP", sans-serif; text-align: justify; line-height: 1.0em; color: #333; width: 96%; }
.gallery .dan4 { width: 22.25%; font-size: 13px; line-height: 1.5em; margin-right: 2%; }
.sya_1dan .gallery { margin-left: 0; width: 100%; } /* ★ショートコード展開時のズレ解消 */
.gallery_img { border-radius: 13px; border: solid 2px #fff; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; } /* ★縦横比キープ（歪み防止） */
.gallery_font { font-size: 12px; color: #333; line-height: 0; margin: 5px 0 0 0; padding: 0; text-align: center; }

/*--- 見出し（PC） ---*/
.midashi_top { max-width: 1024px; background-color: #003EC3; color: #fff; text-align: center; font-size: 20px; margin: 0; padding: 10px 3px; line-height: 1em; border-top: solid 10px #7F9EE1; border-radius: 0 0 15px 15px; position: fixed; left: calc((100% - 1024px) / 2); right: calc((100% - 1024px) / 2); top: 0; z-index: 99; }
.midashi_img { position: absolute; top: -10px; left: 30px; width: 9%; }	
.midashi_sub { width: 97.5%; background-color: #003EC3; color: #fff; text-align: center; padding: 0%; margin: 50px 0 7px 0; line-height: 1.25em; border-radius: 15px; border: solid 3px #7F9EE1; font-size: 1.3em; padding: 6px 10px 7px 10px; }
.m_1 { width: 92%; background-color: red; color: #fff; text-align: center; padding: 0%; font-size: 1em; margin: 0px 0% 8px 0%; padding: 0px 10px 1px 10px; line-height: 2em; border-radius: 15px; }

table.kihon { width: 100%; border-collapse: collapse; font-size: 13px; line-height: 1.4em; margin: 0 0 0 0; color: #333; }
table.kihon th { border: 1px solid #003EC3; background-color: #BFCFF0; padding: 2px 4px; text-align: center; }	
table.kihon td { border: 1px solid #003EC3; background: #fff; padding: 2px 4px; text-align: left; }
.table_div { margin: 4px 0 0 0; background-color: transparent; }	

/*--- 教室リスト（PC） ---*/
.kyoushitsu { display: flex; flex-flow: row wrap; padding: 0; margin: 0; height: auto; vertical-align: middle; width: 100%; font-size: 13px; font-family: "Noto Sans JP", sans-serif; border-bottom: 1px solid #CCC; }
.kyoushitsu .itemA { order: 1; width: 41%; padding: 4px 1% 4px 0; margin: 0; line-height: 1.2em; display: flex; color: blue; }
.kyoushitsu .itemB { order: 2; width: 58%; padding: 4px 0 4px 0%; margin: 0; height: auto; line-height: 1.2em; display: flex; color: #555; }

.kyoushitsu_midashi_kodomo { margin: 20px 0% 7px 0%; line-height: 1em; background-color: #fff; color: #CC34FF; padding: 2px 15px 3px 15px; border-radius: 15px; border: solid 2px #CC34FF; }
.kyoushitsu_midashi_oyako { margin: 20px 0% 7px 0%; line-height: 1em; background-color: #fff; color: #161971; padding: 2px 15px 3px 15px; border-radius: 15px; border: solid 2px #161971; }
.kyoushitsu_midashi_otona { margin: 20px 0% 7px 0%; line-height: 1em; background-color: #fff; color: #005DFF; padding: 2px 15px 3px 15px; border-radius: 15px; border: solid 2px #005DFF; }
.kyoushitsu_midashi_kazoku { margin: 20px 0% 7px 0%; line-height: 1em; background-color: #fff; color: #1A891B; padding: 2px 15px 3px 15px; border-radius: 15px; border: solid 2px #1A891B; }
.kyoushitsu_midashi_chuu { margin: 20px 0% 7px 0%; line-height: 1em; background-color: #fff; color: #FF7822; padding: 2px 15px 3px 15px; border-radius: 15px; border: solid 2px #FF7822; }
.kyoushitsu_midashi_kenkou { margin: 20px 0% 7px 0%; line-height: 1em; background-color: #fff; color: #9B4C00; padding: 2px 15px 3px 15px; border-radius: 15px; border: solid 2px #9B4C00; }

.k_iro_kodomo { background-color: #CC34FF; color: #FFFFFF; padding: 5px 3%; border-radius: 10px; width: 100%; line-height: 1em; }
.k_iro_oyako { background-color: #161971; color: #FFFFFF; padding: 5px 3%; border-radius: 10px; width: 100%; line-height: 1em; }
.k_iro_otona { background-color: #005DFF; color: #FFFFFF; padding: 5px 3%; border-radius: 10px; width: 100%; line-height: 1em; }
.k_iro_chuu { background-color: #FF7822; color: #FFFFFF; padding: 5px 3%; border-radius: 10px; width: 100%; line-height: 1em; }
.k_iro_kenkou { background-color: #9B4C00; color: #FFFFFF; padding: 5px 3%; border-radius: 10px; width: 100%; line-height: 1em; }
.k_iro_kazoku { background-color: #1A891B; color: #FFFFFF; padding: 5px 3%; border-radius: 10px; width: 100%; line-height: 1em; }

.kyoushitsu_midashi_waku { width: 100%; text-align: right; margin-bottom: 11px; }
.kyoushitsu_font_A { color: #0016B3; padding-right: 1em; }
.k_midashi_a { font-size: 15px; color: #fff; text-align: center; padding: 2px 0 3px 10px; background-color: cornflowerblue; border-radius: 12px; line-height: 1.3em; margin: 5px 0; font-weight: 500; }
.k_b { display: inline-block; font-size: 13px; padding: 3px 10px 4px 10px; background-color: #FF0000; color: #fff; line-height: 1.0em; border-radius: 13px; font-weight: 400; margin: 15px 0 3px 0;} 
.s_kodomo { font-size: 11px; margin: 0px 2px; line-height: 2em; background-color: #fff; color: #CC34FF; padding: 0px 8px 1px 8px; vertical-align: 0.15em; border-radius: 10px; font-weight: 500; } 
.s_otona { font-size: 11px; margin: 0px 2px; line-height: 0em; background-color: #fff; color: #161971; padding: 0px 8px 1px 8px; vertical-align: 0.15em; border-radius: 10px; font-weight: 500; } 
.s_oyako { font-size: 11px; margin: 0px 2px; line-height: 0em; background-color: #fff; color: #005DFF; padding: 0px 8px 1px 8px; vertical-align: 0.15em; border-radius: 10px; font-weight: 500; } 
.s_chuu { font-size: 11px; margin: 0px 2px; line-height: 0em; background-color: #fff; color: #FF7822; padding: 0px 8px 1px 8px; vertical-align: 0.15em; border-radius: 10px; font-weight: 500; } 
.s_kenkou { font-size: 11px; margin: 0px 2px; line-height: 0em; background-color: #fff; color: #9B4C00; padding: 0px 8px 1px 8px; vertical-align: 0.15em; border-radius: 10px; font-weight: 500; } 
.s_kazoku { font-size: 11px; margin: 0px 2px; line-height: 0em; background-color: #fff; color: #1A891B; padding: 0px 8px 1px 8px; vertical-align: 0.15em; border-radius: 10px; font-weight: 500; } 
.s_hon { font-size: 13px; vertical-align: 0.15em; padding-left: 1.5em; } 

.k_menu { display: flex; flex-flow: row wrap; margin: 0; width: 100%; margin-top: 5px; }
.k_menu .koumoku_1 { width: 24.8%; font-size: 12px; margin: 5px 4% 0 4%; text-align: center; }

.midashi_s { width: 92%; background-color: #003EC3; color: #fff; text-align: center; font-size: 20px; margin: 25px 4% 0px 4%; padding: 0px 0 3px 0; line-height: 0em; border-top: solid 5px #7F9EE1; border-radius: 0 0 15px 15px; }

/*------------------------------------------------------------------------スマホ------------------------------------------------------------------------*/
@media screen and (max-width: 430px) {	
	.cont { display: flex; flex-flow: row wrap; padding: 0; height: auto; margin: 0; line-height: 0; }
	.cont .left_cont { display: none; }
	.cont .center_cont { width: 100%; background-color: #FFF3D5; padding-top: 40px; font-size: 11px; }
	.cont .right_cont { display: none; }
	
	.syasin { display: flex; flex-flow: row wrap; margin: 0; padding: 0; font-family: "Noto Sans JP", sans-serif; text-align: justify; line-height: 1.0em; color: #333; width: 100%; }
	.syasin .sya_1dan { width: 92%; font-size: 11px; line-height: 1.5em; margin-left: 4%; margin-top: 0px; color: #333; }

	.gallery { display: flex; flex-flow: row wrap; margin: 10px 0 10px 5%; padding: 0; font-family: "Noto Sans JP", sans-serif; text-align: justify; line-height: 1.0em; color: #333; width: 96%; }
	.gallery .dan4 { width: 44.5%; font-size: 13px; line-height: 1.5em; margin-right: 4.5%; margin-top: 10px; }
	.sya_1dan .gallery { margin-left: 0; width: 100%; } /* ★スマホでもショートコード展開時のズレ解消 */
	.gallery_img { border-radius: 9px; border: solid 2px #fff; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; } /* ★スマホでも縦横比キープ */

	.midashi_top { max-width: 430px; background-color: #003EC3; color: #fff; text-align: center; font-size: 16px; margin: 0; padding: 6px 4px; line-height: 1em; border-top: solid 5px #7F9EE1; border-radius: 0 0 15px 15px; position: fixed; left: 0; right: 0; top: 0; }
	.midashi_sub { width: 100%; background-color: #003EC3; color: #fff; text-align: center; padding: 0%; font-size: 13px; margin: 15px 0 7px 0; padding: 4px 0 5px 0; line-height: 1.3em; border-radius: 15px; border: solid 3px #7F9EE1; }
	.m_1 { width: 92%; background-color: red; color: #fff; text-align: center; padding: 0%; font-size: 12px; margin: 0px 0% 8px 0%; padding: 0px 10px 1px 10px; line-height: 2em; border-radius: 15px; }

	table.kihon { width: 100%; border-collapse: collapse; font-size: 11px; line-height: 1.4em; margin: 0; color: #333; }
	table.kihon th { border: 1px solid #003EC3; background-color: #BFCFF0; padding: 2px 4px; text-align: center; }	
	table.kihon td { border: 1px solid #003EC3; background: #fff; padding: 2px 4px; text-align: left; font-feature-settings: "palt"; }
	.table_div { margin: 4px 0 0 0; background-color: transparent; }	

	.kyoushitsu { display: flex; flex-flow: row wrap; padding: 0; margin: 0; height: auto; vertical-align: middle; width: 100%; font-size: 11px; font-family: "Noto Sans JP", sans-serif; border-bottom: 1px solid #CCC; }
	.kyoushitsu .itemA { order: 1; width: 41%; padding: 4px 1% 4px 0; margin: 0; line-height: 1.2em; display: flex; color: blue; }
	.kyoushitsu .itemB { order: 2; width: 58%; padding: 4px 0 4px 0%; margin: 0; height: auto; line-height: 1.2em; display: flex; color: #555; }
	.k_b { display: inline-block; font-size: 12px; padding: 3px 10px 4px 10px; background-color: #FF0000; color: #fff; line-height: 1.0em; border-radius: 13px; font-weight: 400; margin: 15px 0 3px 0; } 
	
	.k_menu { display: flex; flex-flow: row wrap; margin: 0; width: 100%; margin-top: 5px; }
	.k_menu .koumoku_1 { width: 46%; font-size: 11px; margin: 5px 4% 0 0%; text-align: center; }
}
</style>