@charset "utf-8";
/* =======================================================================================



LOWER



======================================================================================= */
div.low_sct { padding-right: 0; padding-left: 0; }
.low_sct .ttl_box { height: 104px; margin-bottom: 32px; background-color: #3e4884; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.low_sct .ttl_box:before { display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ''; }
.low_sct .ttl_box .ttl { font-size: 18px; }
.low_sct .ttl_box.ttl_sht_box { height: 48px; margin-bottom: 40px; border-bottom: 1px solid #dbe1ff; background-color: #eff6f8; }
.low_sct .ttl_box.ttl_sht_box .ttl { color: #b9c0e3; text-shadow: 1px 0 #fff; }
.low_sct .ttl_sht_box + .crm { margin-top: -44px; }
.low_sct > .sct_ttl { margin-bottom: 1em; padding-right: .4em; padding-left: .4em; }

/* 本文内 電話表記 */
.tel_box { margin: 24px auto; padding: 24px; border-radius: 8px; background-color: #f5f5f5; text-align: center; }
.tel_box .sct_ttl { margin-bottom: 8px; }
.tel_box .tel b { font-size: 24px; }

/* 本文内 お問い合わせ表記 */
.ctc_box { margin: 24px auto; padding: 24px; border-radius: 8px; background-color: #f5f5f5; text-align: center; }
.ctc_box .sct_ttl { margin-bottom: 8px; }
.ctc_box .nav_tel { margin: 24px 0; }
.ctc_box .tel { margin-right: 1em ;}
.ctc_box .tel b { font-size: 24px; }
.ctc_box .nav_ctc {  }
.ctc_box .ctc a { text-decoration: none; }
.ctc_box .ctc i { margin-right: 6px; vertical-align: middle; }
.ctc_box .ctc i:before { font-size: 24px; }
.ctc_box .ctc a b { font-size: 20px; }

.asd_box { margin: 24px auto; padding: 24px; border-radius: 16px; background-color: #f5f5f5; }
aside.cen:has(.asd_box) { text-align: center; }
aside.cen .asd_box { display: inline-block; margin-right: auto; margin-left: auto; text-align: left; }
.map_box { width: 100%; margin-bottom: 1em; }

.pge_lnk_box { margin: 0 auto 40px; text-align: center; }
p + .pge_lnk_box { margin-top: 16px; }
.pge_lnk { list-style: none; overflow: hidden; width: 100%; margin: auto; padding: 0 .25em; }
.pge_lnk > li { float: left; width: 50%; padding: .5em .25em 0; }
.pge_lnk > li:nth-child(2n + 1) { clear: left; }
.pge_lnk > li a { display: table; border-radius: 3px; border: 1px solid #252d5d; width: 100%; height: 100%; padding: .9em .5em 1em; font-size: 14px; line-height: 1; text-decoration: none;
-webkit-transition: all .2s linear;
        transition: all .2s linear;
}
.pge_lnk > li a:hover { background-color: #eef6f8; }
.pge_lnk > li span { display: table-cell; vertical-align: middle; }

@media screen and (min-width: 640px) {
.low_sct .ttl_box { height: 160px; }
.low_sct .ttl_box .ttl { font-size: 21px; }

.pge_lnk_box { margin-bottom: 32px; }
.pge_lnk { display: inline-block; padding: 0 16px; }
.pge_lnk > li { display: inline-block; float: none; width: 33.333333%; padding: 0 .5em .5em; }
.pge_lnk > li:nth-child(2n + 1) { clear: none; }
.pge_lnk > li a { padding: .8em .5em 1em; font-size: inherit; }
}
/* =======================================================================================



TITLE VISUAL



======================================================================================= */
/* お知らせ */
.low_sct.nws_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_nws.jpg); }

/* 園長通信 */
.low_sct.pcl_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_pcll.jpg); }

/* 入園のご案内 入園エントリー */
.low_idx_sct.low_sct.adn_sct .ttl_box,
.low_sct.adn_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_adn.jpg); }

/* 園の紹介 */
.low_idx_sct.low_sct.abt_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_abt.jpg); }
.low_idx_sct.low_sct.abt_sct .ttl_box:before { mix-blend-mode: multiply; background-color: rgba(255,253,228,.8); }

/* 園の紹介 | 園での１日 */
.low_sct.ody_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_abt_ody.jpg); }
.low_sct.ody_sct .ttl_box:before { mix-blend-mode: multiply; background-color: rgba(238,255,198,.5); }

/* 園の紹介 | 年間行事 */
.low_sct.scd_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_abt_scd.jpg); }
.low_sct.scd_sct .ttl_box:before { mix-blend-mode: multiply; background-color: rgba(204,255,198,.5); }

/* 園の紹介 | 園庭開放 */
.low_sct.opg_sct .ttl_box,
.low_sct.opg_sct.ent_sct .ttl_box,
.low_sct.opg_sct.cfm_sct .ttl_box,
.low_sct.opg_sct.thx_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_abt_opg.jpg); }

/* 園の紹介 | 園紹介動画 */
.low_sct.mov_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_mov.jpg); }

/* 園の紹介 | 施設 */
.low_sct.evm_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_abt_evm.jpg); }

/* 園の紹介 | 組織図 */
.low_sct.org_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_abt_org.jpg); }

/* 教育方針 */
.low_idx_sct.low_sct.edu_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_edu.jpg); }

/* 預かり保育 */
.low_idx_sct.low_sct.spt_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_spt.jpg); }

/* 預かり保育 | 延長保育(まつぼっくり) */
.low_sct.mtk_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_spt_mtk.jpg); }

/* 預かり保育 | 横浜型預かり保育(エルマー) */
.low_sct.elm_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_spt_elm.jpg); }

/* 未就園の方へ */
.low_idx_sct.low_sct.psc_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_psc.jpg); }

/* 未就園の方へ | 未就園児親子クラス(スカイクラブ) */
.low_sct.skc_sct .ttl_box,
.low_sct.adn_sct.skc_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_spt_skc.jpg); }

/* 未就園の方へ | 2歳児／満3歳児クラス(ふたば・みつば組) */
.low_sct.pre_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_spt_pre.jpg); }

/* 未就園の方へ | 未就園児親子イベント */
.low_sct.pre_evt_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_pre_evt.jpg); }

/* 小学生 */
.low_idx_sct.low_sct.els_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_els.jpg); }

/* 小学生 | 学童クラブ(スカイマスター) */
.low_sct.skm_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_spt_skm.jpg); }

/* ほうかご */
.low_idx_sct.low_sct.afs_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_afs.jpg); }

/* 小学生 ほうかご | 学研 */
.low_sct.gkn_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_spt_gkn.jpg); }

/* 預かり保育 小学生 ほうかご | 英語であそぼう */
.low_sct.afs_eng_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_afs_eng.jpg); }

/* 学校評価 */
.low_sct.eva_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_eva.jpg); }

/* プライバシーポリシー */
.low_sct.pvy_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_pvy.jpg); }

/* SNSポリシー */
.low_sct.sns_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_sns.jpg); }

/* お問い合わせ */
.low_sct.ctc_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_ctc.jpg); }

/* アクセス */
.low_sct.acs_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_acs.jpg); }

/* 園の紹介 | 本 */
.low_sct.bok_sct .ttl_box { background-image: url(/assets/img/mvl/mvl_bok.jpg); }

/* その他:画像なし */
.low_sct .ttl_box.ttl_sht_box { background-image: none; }
/* =======================================================================================



フォーム



======================================================================================= */
.frm_box form { padding-top: 24px; }
.frm_box dl { padding-bottom: 24px; }
.frm_box dl:last-of-type { padding-bottom: 24px; }
.frm_box dt { padding-bottom: 8px; }
.frm_box dt b { vertical-align: middle; }
.frm_box .rqr { display: inline-block; margin: auto 16px; padding: .5em 1em; background-color: #841e1e; color: #fff; font-size: 10px; line-height: 1; }
.frm_box [type="text"],
.frm_box textarea { display: block; width: 100%; }
.frm_box textarea { height: 8em; }
.frm_box .wis { max-width: 192px; }
.frm_box .wib { width: 100%; }
.frm_box [class^="lay_gp"] > * { padding: 4px 8px 4px 0; }
.frm_box dd b + b { padding-left: 2em; }
.cfm_box dl + dl { padding-top: 24px; border-top: 1px solid #aaa; }
.frm_box dd .atn { color: #858585; }
.frm_box hr.hrd { max-width: none; }
#add_box { padding: 32px; background-color: #eef6f8; }
#add_box[style="display: none;"] + .btn_box { border-top: 1px solid #aaa; }
.cfm_sct #add_box { padding: 0; background-color: #fff; }
.cfm_sct .btn_box { margin-top: 32px; border-top: 1px solid #aaa; }
@media screen and (min-width: 800px) {
.frm_box [class^="lay_gp"] > * { padding-right: 32px; }
.frm_box dd > [type="text"],
.frm_box dd > textarea { width: calc(100% - 32px); }
}
/* =======================================================================================



お問い合わせ



======================================================================================= */
.ctc_sct.low_idx_sct .frm_box .btn_box { border-top-color: #fff; }
@media screen and (min-width: 800px) {
.ctc_sct .frm_box [class^="lay_gp"] > * { padding-right: 0; }
.ctc_sct .frm_box dd > [type="text"],
.ctc_sct .frm_box dd > textarea { width: 100%; }
}
/* =======================================================================================



お知らせ



======================================================================================= */
body[id*="pge_article_news_index"] .sct_ttl:before,
body[id*="pge_article_important_index"] .sct_ttl:before { content: '「'; }
body[id*="pge_article_news_index"] .sct_ttl:after,
body[id*="pge_article_important_index"] .sct_ttl:after { content: '」ページ一覧'; }
body#pge_article_index .sct_ttl:before { content: ''; }
body#pge_article_index .sct_ttl:after { content: ''; }

body[id^="pge_article_tag"] .sct_ttl:before { content: '「\23\00a0'; }
body[id^="pge_article_tag"] .sct_ttl:after { content: '」を含むページ一覧'; }

body[id^="pge_article_news"] .asd_box.sns_box { background-color: transparent; height: 32px;}
body[id^="pge_article_news"] .asd_box.sns_box ul { display: none; }

.low_sct .nws_one { border: 1px solid #aaa; }
.low_sct .nws_toc { border-color: #fff; }
.low_sct .nws_toc + .nws_toc { padding-top: 0; } 
.pst_sct .def_grp { font-size: 15px; }
.pst_sct .res_grp dd { width: 120px; font-size: 24px; }

.pst_sct .asd_box .p { font-size: 15px; }
.pst_sct .sup_box { padding-bottom: 32px; text-align: right; }
.pst_sct .sup_box time { display: inline-block; padding-right: 8px; color: #a9a3a4; font-size: 16px; vertical-align: middle; line-height: 1; }
.pst_sct .sup_box .pst_cat { display: inline-block; }
.pst_sct .sns_box { padding: 8px; }
.pst_sct .sns_box:has(.fb-like) { padding: 8px 0 0 8px; }
.pst_sct .sns_box:has(.fb-like) .sns_fbk_ico { padding-right: 8px; }
.pst_sct .sns_box ul { list-style: none; padding: 0; text-align: right; }
.pst_sct .sns_box ul:before { display: inline-block; font-size: 14px; vertical-align: middle; line-height: 1; content: 'シェアする';}
.pst_sct .sns_box ul li { display: inline-block; padding: 8px; vertical-align: top; line-height: 1; }
.pst_sct .sns_box ul li > a { display: inline-block; vertical-align: top; }
.pst_sct .sns_box .sns_twt i { color: rgba(15,20,25,1.00); }
.pst_sct .sns_box .sns_lin i { color: #07b53b; }
.pst_sct .sns_box .sns_fbk i { color: #1877f2; }

.pst_sct .tag_grp { padding: 24px 0 0; }
.tag_grp ul { list-style: none; padding: 0; text-align: right; }
.tag_grp li { display: inline-block; padding-left: 1em; }
.tag_grp li a { color: #7e85af; font-size: 14px; text-decoration: none;
-webkit-transition: all .2s linear;
        transition: all .2s linear;
}
.tag_grp li a:before { content: '\23\00a0'; }
.tag_grp li a:hover { color: inherit; }
@media screen and (min-width: 640px) {
.pst_sct .def_grp { font-size: inherit; }
}
/* =======================================================================================



入園のご案内



======================================================================================= */
.adn_sct.low_idx_sct > .cnt_sct { margin-bottom: -24px; padding-top: 40px; background-color: #eef6f8; }
.adn_sct.low_idx_sct .def_box { max-width: 720px; margin: auto; padding: 24px 16px; box-shadow: 1px 1px 2px #b6d4db; background-color: #fff; }
.adn_sct.low_idx_sct .cnt_sct hr:not(.hrd):not(.hrs) { margin: 16px auto; border: none; background-color: transparent; }
.adn_sct.low_idx_sct .asd_box { max-width: 560px; }
.adn_sct.low_idx_sct .asd_box p + .sct_ttl { margin: .5em auto;  }
.adn_sct.low_idx_sct .asd_box .def_box { padding: 0 16px; background-color: transparent; box-shadow: none; }
.adn_sct.low_idx_sct .asd_box .def_grp + .def_grp,
.adn_sct.low_idx_sct .asd_box .def_grp + p { margin-top: 16px; }
.adn_sct.low_idx_sct .asd_mre_box { margin-left: -1em; padding: 8px 16px; border-radius: 8px; background-color: #fff; }
.adn_sct.low_idx_sct #pre.def_box { padding-bottom: 16px; }
.adn_sct.low_idx_sct aside + .pge_lnk_box { margin-top: 32px; }
.adn_sct.low_idx_sct hr.hrd { max-width: 480px; }

.def_box + .def_box { margin-top: 24px; }
.def_box + .def_box > .sct_ttl:first-child,
.def_box + .def_box > .sct_sub_ttl:first-child,
.def_box .def_grp + .sct_ttl,
.def_box .def_grp + .sct_sub_ttl,
.def_box .ast_grp + .sct_ttl,
.def_box .ast_grp + .sct_sub_ttl { margin-top: 2.5em; }
.def_box .ytb_box { max-width: 560px; }
.def_box li ul { padding-left: 1.45em; }
.def_box li ul li { list-style: disc; }

.adn_sct.def_grp dd .def_tbl .tel { padding-top: 4px; }

.def_tbl { width: auto; margin-top: .5em; margin-left: 0; }
.def_tbl th,
.def_tbl td { padding: .4em; border: 1px solid #aaa; text-align: center; font-size: 16px; line-height: 1.2; }
.def_tbl th { text-align: center; }
.def_grp dd .def_tbl { margin-left: -1em; margin-right: 8px; }
.def_grp dd .def_tbl.fix_tbl { width: 100%; }
.def_grp dd .def_tbl.fix_tbl small { display: block; text-align: left; }

.nml_tbl { width: auto; margin-top: .5em; margin-left: 0; }
.nml_tbl th,
.nml_tbl td { padding: 0; vertical-align: top; }
.def_grp dd .nml_tbl th { white-space: nowrap; }

.adn_sct.low_idx_sct div.cen { text-align: center; }
.adn_sct.low_idx_sct div.cen .asd_box { display: inline-block; max-width: none; margin-bottom: 0; padding: 16px; font-size: 16px; text-align: left; }
.adn_sct.low_idx_sct div.cen .asd_box dt { text-align: center; }
.adn_sct.low_idx_sct div.cen .asd_box dd { padding-left: 0; }
.adn_sct.low_idx_sct div.cen .asd_box .nml_tbl th,
.adn_sct.low_idx_sct div.cen .asd_box .nml_tbl td { padding-right: 1em; }

.adn_sct.low_idx_sct .asd_box ul + ul { margin-top: 1em; }

@media screen and (min-width: 640px) {
.adn_sct.low_idx_sct aside + .pge_lnk_box { margin-top: 48px; }
.adn_sct.low_idx_sct > .cnt_sct { padding-top: 32px; }
.adn_sct.low_idx_sct .cnt_sct hr.hrz { margin: 32px auto; }

.adn_sct.low_idx_sct .asd_mre_box { padding: 16px; }

.def_grp dd .def_tbl { margin-left: 0; margin-right: 1em; }
}

@media screen and (min-width: 1080px) {
.adn_sct.low_idx_sct .def_box { padding: 32px 32px 40px; }
.adn_sct.low_idx_sct .asd_box { padding-bottom: 32px; }
.adn_sct.low_idx_sct .asd_mre_box { padding: 16px 24px; }
}
/* =======================================================================================



未就園の方へ | 2歳児／満3歳児クラス(ふたば・みつば組)



======================================================================================= */
.pre_box { margin: 40px auto; text-align: center; }
.pre_grp { margin: 0 auto 8px; }
/* =======================================================================================



園の紹介 | 園での１日



======================================================================================= */
.ody_tbl { width: 100%; max-width: 560px; }
.ody_tbl td {display: block; width: 100%; vertical-align: middle; }
.ody_ttl { border-top: 4px dotted #777; }
.ody_tbl tr:first-child .ody_ttl { border-top: none; }
.ody_ttl span { display: block; text-align: center; font-weight: 700; font-size: 24px; white-space: nowrap; }
.ody_ttl br,
.ody_tbl dd br { display: none; }
.ody_txt { padding: 0 0 1rem !important; }

.ody_tbl dl { }
.ody_tbl dt { font-weight: 700; }

td.ody_img { min-width: 280px; padding-right: 0 !important; padding-left: 0 !important; text-align: center; }

@media screen and (min-width: 720px) {
.ody_tbl { width: 100%; max-width: initial; max-width: auto; }
.ody_tbl td { display: table-cell; width: auto; }
.ody_ttl { padding-right: 16px; }
.ody_img { max-width: 280px; }
.ody_tbl dl { padding: 16px 8px; }
.ody_tbl dd { font-size: 16px; }
.ody_ttl br,
.ody_tbl dd br { display: inline; }
.ody_ttl { border-top: none; }
.ody_ttl span { font-size: 21px; }
.ody_txt { padding: .5rem !important; }
}
/* =======================================================================================



園の紹介 | 年間行事



======================================================================================= */
.scd_sct .cnt_sct ul{display: flex; flex-wrap: wrap; list-style: none; padding: 0; width: 100%; max-width: 420px; margin: 0 auto 2em;}
.scd_sct .cnt_sct ul li{width: 48%; max-width: 198px; margin: 0 1% 1em;}
.scd_sct .cnt_sct ul li dl dt{margin-bottom: .5em; white-space: nowrap;}
.scd_sct .cnt_sct ul li dl dd{ padding-top: 5px; font-size: 14px; line-height: 1.2; }
.scd_sct .cnt_sct ul li dl dd span{ display: inline-block; font-size: x-small;}

@media screen and (min-width: 640px) {
.scd_sct .cnt_sct ul{max-width: initial; margin-bottom: 0;}
.scd_sct .cnt_sct ul li{width: 24%; margin: 0 .5% 1em;}
}
@media screen and (min-width: 1280px) {
.scd_sct .cnt_sct ul li dl {display: flex;}
.scd_sct .cnt_sct ul li dl dd{margin-left: 1em;}
}
/* =======================================================================================



園の紹介 | 施設



======================================================================================= */
.evm_sct .cnt_sct figure{width: 100%; max-width: 594px; margin: 0 auto 2.5em;}
.evm_sct .cnt_sct figure figcaption{margin-top: -.5em; text-align: center;}
.evm_sct .cnt_sct figure figcaption span{display: block; font-size: 0.8em;}
.evm_sct .cnt_sct .evm_wib_box {margin-bottom: 4em;}
.evm_sct .cnt_sct .evm_wib_box ul {display: flex; flex-wrap: wrap; list-style: none; padding: 0;}
.evm_sct .cnt_sct .evm_wib_box ul li {width: 46%; margin: 0 2% 2em;}
.evm_sct .cnt_sct .evm_wib_box ul li dl dt{display: table-cell; width: 48%; max-width: 237px; height: 150px; text-align: center; vertical-align: middle;}
.evm_sct .cnt_sct .evm_wis_box ul {display: flex; flex-wrap: wrap; list-style: none; padding: 0;}
.evm_sct .cnt_sct .evm_wis_box ul li {width: 48%; max-width: 195px; margin: 0 1% 1em; line-height: 1.2; }
.evm_sct .cnt_sct .evm_wis_box figure{margin-bottom: 1em;}
.evm_sct .cnt_sct .evm_wis_box figure figcaption{margin: 0; padding-top: 4px; text-align: center;}

@media screen and (min-width: 432px) {
.evm_sct .cnt_sct .evm_wis_box ul li {width: 31%; margin: 0 1% 1em;}
}
@media screen and (min-width: 720px) {
.evm_sct .cnt_sct .evm_wis_box ul li {width: 23%; margin: 0 1% 1em;}
}
@media screen and (min-width: 984px) {
.evm_sct .cnt_sct .evm_wis_box ul li {width: 18%; margin: 0 1% 1em;}
}
@media screen and (min-width: 1184px) {
.evm_sct .cnt_sct .evm_wib_box ul li{width: 23%; margin: 0 1% 1em;}
.evm_sct .cnt_sct .evm_wib_box ul li dl dt{width: 23%;}
}
/* =======================================================================================



園の紹介 | 組織図



======================================================================================= */
.org_sct .cnt_sct dl dd ul{list-style: none; padding: 0;}
.org_sct .cnt_sct dl dd ul { list-style: none; padding: 0; }
.org_lst { list-style: none; padding: 0; }
.org_lst .def_grp ul { overflow: hidden; }
.org_lst .def_grp li { float: left; padding: 0 2em .5em 0; }
.org_lst > li + li { margin-top: 24px; }
/* =======================================================================================



園の紹介 | ニューライフ幼稚園のあゆみ



======================================================================================= */
.hst_tbl { font-size: 16px; }
.hst_tbl th,
.hst_tbl td { padding-bottom: 1.5em; }
.hst_tbl th { white-space: nowrap; vertical-align: top; }
.hst_tbl ul,
.hst_tbl ol { padding-left: 1.5em; }
@media screen and (min-width: 640px) {
.hst_tbl { font-size: inherit; }
.hst_tbl td { padding-left: 1.5em; }
}
/* =======================================================================================



動画ページ



======================================================================================= */

.mov_sct_001 .mov_hrz { height: 6px; margin: 32px auto 38px; border-bottom: 6px dotted #5662ac; background-color: transparent; }
.mov_sct_002 .mov_hrz { height: 6px; margin: 16px auto 48px; border-bottom: 6px dotted #f8c152; background-color: transparent; }


.mov_toc_wrp .sct_ttl,
.mov_toc_wrp .sct_sub_ttl { margin-bottom: 16px; }
.mov_toc_grp { list-style: none; overflow: hidden; margin: auto; padding: 0 0 40px; text-align: center; }
.mov_toc_lst { padding: 4px; vertical-align: top; }
.mov_toc_lst a,
.mov_toc_lst a:before,
.mov_toc_lst .ico_dte {
-webkit-transition: all .3s linear;
        transition: all .3s linear;
}
.mov_toc_lst a { display: block; overflow: hidden; border: 2px solid #4a5581; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.mov_toc_lst a:before { position: absolute; top: -8%; left: 0; width: 100%; height: 112%; content: '';
-webkit-transform: rotate(0) scale(.5);
        transform: rotate(0) scale(.5);
}
.mov_toc_lst a:hover { color: #535050 !important; }
.mov_toc_lst a:hover:before { background-color: #eef6f8;
-webkit-transform: rotate(90deg) scale(1);
        transform: rotate(90deg) scale(1);
}
.mov_toc_lst p { font-size: 12px; line-height: 1.3; }
.mov_toc_lst a + p { padding-top: 4px; }
.mov_toc_box { width: 100%; height: 100%; }
.mov_toc_box:before { display: inline-block; width: 0; padding-top: 92.106%; vertical-align: middle; content: ''; }
.mov_toc_inr { display: inline-block; width: 100%; height: 100%; padding: 4px; background-color: rgba(255,255,255,.8); vertical-align: middle; text-align: center;
-webkit-transition: all .6s linear;
        transition: all .6s linear;
}
.mov_toc_lst a:hover .mov_toc_inr { background-color: transparent; }
.mov_toc_box small,
.mov_toc_box strong { display: block; }
.mov_toc_box small { font-size: 12px; }
.mov_toc_box strong { font-weight: normal; font-size: 18px; }
.mov_toc_lst .ico_dte,
.mov_toc_lst.new .ico_dte:before { display: inline-block; position: absolute; font-weight: 100; font-size: x-small; line-height: 1; }
.mov_toc_lst .ico_dte { right: 1%; bottom: 1%; z-index: 2; padding: 4px; background-color: rgba(250,249,250,.6); color: #777; line-height: 1; }
.mov_toc_lst.new .ico_dte:before { top: 0; left: -34px; width: 32px; height: 19px; background-color: #b61e2e; color: #fff; line-height: 17px; text-align: center; letter-spacing: .05em; content: 'New'; }
.mov_toc_lst a:hover .ico_dte { background-color: transparent; }

.mov_box { padding: 0 24px 40px; }
.mov_grp { list-style: none; padding: 0 0 8px; color: #888; }
.mov_nam { }
.mov_txt { }
.mov_day { font-size: small; }
.mov_inr { position: relative; width: 100%; padding-top: 56.25%; /* フルHD 9/16*100=56.25 */ }
.mov_inr iframe { position: absolute; top: 0; right: 0; width: 100%; height: 101%; }
.mov_inr + p { margin-top: 1em; }
.mov_box + .btn_box { padding-top: 0; }
.mov_box + .hrd { margin-top: 0; }

.ytb_unt { list-style: none; overflow: hidden; padding: 0; }
.ytb_unt_lst { padding: 4px; }
.ytb_unt_lst a,
.ytb_unt_lst a:before,
.ytb_unt_lst .ico_dte {
-webkit-transition: all .3s linear;
        transition: all .3s linear;
}
.ytb_unt .ytb_box.new { background: url("../img/movie/new.png") no-repeat left top; }
.ytb_unt .ytb_ttl { font-weight: 700; }
.ytb_unt .ytb_box.new .ytb_ttl,
.ytb_unt .ytb_box.new .ytb_grp { padding-left: 72px; }
.ytb_unt .ytb_grp { list-style: none; overflow: hidden; padding: 0 0 8px; color: #888; }
.ytb_unt .ytb_nam { }
.ytb_unt .ytb_txt { }
.ytb_unt .ytb_day { font-size: small; }

@media screen and (min-width: 375px) {
.mov_toc_lst { display: inline-block; width: 50%; }
}
@media screen and (min-width: 640px) {
.ytb_unt_lst { float: left; width: 50%; }
.ytb_unt_lst:nth-child(2n + 1) { clear: left; }
}
@media screen and (min-width: 800px) {
.ytb_unt_lst { padding: 8px; }
.mov_toc_grp_002 .mov_toc_lst { width: 33.333333%; }
}
@media screen and (min-width: 960px) {
.mov_ttl { font-size: 28px; }
.mov_toc_lst { padding: 10px; }
.mov_toc_box small { font-size: 14px; }
.mov_toc_box strong { font-size: 22px; letter-spacing: -.01em; }
}
@media screen and (min-width: 1280px) {
.ytb_unt_lst { padding: 16px; }
}
@media screen and (min-width: 1600px) {
.ytb_unt_lst { padding: 24px; }
}
/* =======================================================================================



本



======================================================================================= */
.bok_toc_wrp .sct_ttl,
.bok_toc_wrp .sct_sub_ttl { margin-bottom: 16px; }
.bok_toc_grp { list-style: none; overflow: hidden; margin: auto; padding: 0 0 40px; text-align: center; }
.bok_toc_lst { padding: 4px; vertical-align: top; }
.bok_toc_lst a,
.bok_toc_lst a:before,
.bok_toc_lst .ico_dte {
-webkit-transition: all .3s linear;
        transition: all .3s linear;
}
.bok_toc_lst a { display: block; overflow: hidden; border: 2px solid #4a5581; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bok_toc_lst a:before { position: absolute; top: -8%; left: 0; width: 100%; height: 112%; content: '';
-webkit-transform: rotate(0) scale(.5);
        transform: rotate(0) scale(.5);
}
.bok_toc_lst a:hover { color: #535050 !important; }
.bok_toc_lst a:hover:before { background-color: #eef6f8;
-webkit-transform: rotate(90deg) scale(1);
        transform: rotate(90deg) scale(1);
}
.bok_toc_lst p { font-size: 12px; }
.bok_toc_box { width: 100%; height: 100%; }
.bok_toc_box:before { display: inline-block; width: 0; padding-top: 92.106%; vertical-align: middle; content: ''; }
.bok_toc_inr { display: inline-block; width: 100%; height: 100%; padding: 4px; background-color: rgba(255,255,255,.8); vertical-align: middle; text-align: center;
-webkit-transition: all .6s linear;
        transition: all .6s linear;
}
.bok_toc_lst a:hover .mov_toc_inr { background-color: transparent; }
.bok_toc_box small,
.bok_toc_box strong { display: block; }
.bok_toc_box small { font-size: 12px; }
.bok_toc_box strong { font-weight: normal; font-size: 18px; }
.bok_toc_lst .ico_dte,
.bok_toc_lst.new .ico_dte:before { display: inline-block; position: absolute; font-weight: 100; font-size: x-small; line-height: 1; }
.bok_toc_lst .ico_dte { right: 1%; bottom: 1%; z-index: 2; padding: 4px; background-color: rgba(250,249,250,.6); color: #777; line-height: 1; }
.bok_toc_lst.new .ico_dte:before { top: 0; left: -34px; width: 32px; height: 19px; background-color: #b61e2e; color: #fff; line-height: 17px; text-align: center; letter-spacing: .05em; content: 'New'; }
.bok_toc_lst a:hover .ico_dte { background-color: transparent; }

.bok_box { padding: 0 24px 40px; }
.bok_grp { list-style: none; padding: 0 0 8px; color: #888; }
.bok_nam { }
.bok_txt { }
.bok_day { font-size: small; }
.bok_inr { position: relative; width: 100%; padding-top: 56.25%; /* フルHD 9/16*100=56.25 */ }
.bok_inr iframe { position: absolute; top: 0; right: 0; width: 100%; height: 101%; }
.bok_inr + p { margin-top: 1em; }
.bok_box + .btn_box { padding-top: 0; }
.bok_box + .hrd { margin-top: 0; }

@media screen and (min-width: 375px) {
.bok_toc_lst { display: inline-block; width: 50%; }
}
@media screen and (min-width: 800px) {
.bok_toc_grp_002 .mov_toc_lst { width: 33.333333%; }
}
@media screen and (min-width: 960px) {
.bok_ttl { font-size: 28px; }
.bok_toc_lst { padding: 10px; }
.bok_toc_box small { font-size: 14px; }
.bok_toc_box strong { font-size: 22px; letter-spacing: -.01em; }
}
/* =======================================================================================



教育方針



======================================================================================= */
.edu_toc { list-style: none; overflow: hidden; max-width: 768px; margin: auto -8px; padding: 4px 0 16px; text-align: center; }
.edu_toc .edu_lnk { float: left; width: 33.333333%; padding: 0 2px 4px; text-align: center; }

.edu_toc a { display: block; overflow: hidden; max-width: 240px; margin: auto; padding: 3px; background-color: #252d5d; color: #fff; text-decoration: none; }
.edu_toc a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #414a80; content: '';
-webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    -webkit-transform: scale(0);
            transform: scale(0);
}
.edu_toc a:hover:before {
    -webkit-transform: scale(1.0) rotate(180deg);
            transform: scale(1.0) rotate(180deg);
}
.edu_toc .edu_lnk:nth-child(3n+1) a { margin-right: 0; }
.edu_toc .edu_lnk:nth-child(3n) a { margin-left: 0; }

.edu_toc dl,
.edu_toc dd { padding: 4px; }
.edu_toc dl { border: 1px solid #fff; line-height: 1.2; }
.edu_toc dl img { display: block; max-width: 192px; width: 100%; margin: auto; }
.edu_toc dd { padding-bottom: 8px; line-height: 1; }
.edu_toc small { display: block; padding-top: 4px; font-size: xx-small; }

.edu_sct .cnt_sct .sct_ttl { font-size: 28px; }

@media screen and (min-width: 640px) {
.edu_toc { margin: auto; padding: 8px 0 24px; }
.edu_toc .edu_lnk { padding: 0 8px 8px; }
.edu_toc a { padding: 7px; }
.edu_toc dl,
.edu_toc dd { padding: 8px; }
.edu_toc small { font-size: 12px; }
}
/* =======================================================================================



教育方針 | 目的 Purpose



======================================================================================= */
.pps_box,
.act_box { padding-top: 40px; }
.pps_box > ul { margin-bottom: 24px; padding-right: 1em; }
.pps_box > ul li + li { margin-top: 1em; }
.pps_unt { width: 100%; max-width:660px; margin: 24px auto; }
.pps_unt dl { width: 100%; text-align: center; margin-bottom:1em; }
.pps_unt dt,
.pps_unt dd { width: 98%; margin: auto; padding: 8px 4px; border: solid 3px #F9C158; }
.pps_unt dt { border-radius: 8px 8px 0 0; background: #f9c158; color: #fff; }
.pps_unt dd { padding-bottom: 16px; border-radius: 0 0 8px 8px; }
.pps_unt dd ul { list-style: none; padding: 0; }
.pps_unt dd ol { list-style-position: inside; padding-left: 0; }

.act_box ul { list-style: none; padding: 0; }
.act_box ul li { margin-bottom: 24px; }
.act_box ul li ul { list-style: disc; padding-left: 1.5em; margin: 1em 0; }
.act_box ul li ul li { margin: 0; }
.act_box ul li dl dt { text-align: center; margin-bottom: 1em; }
.act_box ol { padding-left: 1em; }
.act_box ol li { margin-bottom: 0; }
.act_box ol li ul { list-style: disc; padding-left: 1em; margin: 1em 0; }
@media screen and (min-width: 375px) {
.pps_unt { display: table; table-layout: fixed; }
.pps_unt dl { display: table-cell; width: 50%; height: 100%; vertical-align: top; }
.pps_unt dd { display: table; min-height: 11.5em; font-size: 15px; }
.pps_unt dd ul,
.pps_unt dd ol { display: table-cell; vertical-align: middle; }
.pps_unt dd ul { text-align: center; }
.pps_unt dd ol { line-height: 2.4; }
}
@media screen and (min-width: 640px) {
.pps_unt dt,
.pps_unt dd { width: 92%; }
.pps_unt dd { font-size: inherit; }

.act_box dl { display: table; }
.act_box dl dt { display: table-cell; width: 20%; vertical-align: middle; }
.act_box dl dd { display: table-cell; width: 80%; padding-left: 2em; vertical-align: middle; }
}
/* =======================================================================================



教育方針 | 伝統 Tradition



======================================================================================= */
.trd_grp { list-style: none; overflow: hidden; margin: 16px -8px; padding: 0; }
.trd_grp li { float: left; width: 50%; padding: 12px 8px; }
.trd_grp li:nth-child(2n + 1) { clear: left; }
.trd_grp dt { font-weight: 700; padding-bottom: 4px; text-align: center; }
.trd_grp dt small { display: block; margin-top: 4px; background-color: #a7ddf7; color: #fff; font-weight: 400; font-size: 12px; line-height: 1.8; }
.trd_grp dd { font-size: 16px; line-height: 1.4; }
@media screen and (min-width: 640px) {
.trd_grp {  }
.trd_grp li { width: 33.333333%; }
.trd_grp li:nth-child(2n + 1) { clear: none; }
.trd_grp li:nth-child(3n + 1) { clear: left; }

}
@media screen and (min-width: 960px) {
.trd_grp {  }
.trd_grp li { width: 20%; }
.trd_grp li:nth-child(3n + 1) { clear: none; }
.trd_grp li:nth-child(5n + 1) { clear: left; }
}
/* =======================================================================================



未就園児親子クラス(スカイクラブ)



======================================================================================= */
.skc_tbl { width: auto; margin-top: 4px; margin-left: 0; }
.skc_tbl th { text-align: center; }
.skc_img { display: table; list-style: none; margin: 16px auto 24px; padding: 0; }
.skc_img > li { display: table-cell; text-align: center; vertical-align: top; }
/* =======================================================================================



学童(スカイマスター)



======================================================================================= */
.skm_evt_box { text-align: center; }
.skm_evt_grp { list-style: none; display: inline-block; overflow: hidden; margin: auto; padding: 0; text-align: left; }
.skm_evt_grp > * {  }
.skm_evt_grp > *:last-child { text-align: right; }
/* =======================================================================================



学校評価



======================================================================================= */
.eva_lst { width: 80%; max-width: 640px; margin: 0 auto; }
.eva_lst a { display: block; padding: 1em; border: 1px solid #3e4884; border-radius: 8px; color: #3e4884; text-align: center; text-decoration: none;
-webkit-transition: all .4s linear;
        transition: all .4s linear;
}
.eva_lst a:hover { background-color: #3e4884; color: #fff; }
.eva_box { margin-bottom: 40px; }
/* =======================================================================================



例規



======================================================================================= */
div.rei_sct {  }
.rei_wrp {  }
.prn_grp { list-style: none; padding: 0; counter-reset: number; }
.prn_grp li:before { counter-increment: number; content: '（' counter(number) '）'; position: absolute; left: 0; white-space: nowrap; }
.prn_grp li { padding-left: 3em; font-size: 15px; }

.rei_toc { margin-bottom: 32px; }
.rei_toc ul,
.rei_toc ol {  }

.rei_toc .prn_grp li { display: inline-block; padding-bottom: 0; }

.rei_wrp .rei_pnl { padding: 0 32px; }

.rei_led_box { margin-bottom: 32px; }

.rei_box { margin: 64px auto; }

@media screen and (min-width: 800px) {
.rei_wrp { display: flex; justify-content: space-between; }
.rei_wrp .rei_toc { width: 320px; padding: 0 8px; }
.rei_wrp .rei_toc_inr { position: sticky; top: 112px; }
.rei_toc .prn_grp { overflow: auto; }
.rei_wrp .rei_pnl { width: calc(100% - 320px); }

.rei_toc .prn_grp li { display: block; }
}
@media screen and (min-width: 1280px) {


}
/* =======================================================================================



バス



======================================================================================= */
.bus_toc_wrp .sct_ttl,
.bus_toc_wrp .sct_sub_ttl { margin-bottom: 16px; }
.bus_toc_grp { list-style: none; overflow: hidden; padding: 0 0 40px; text-align: center; }
.bus_toc_lst { padding: 4px; vertical-align: top; }
.bus_toc_lst a,
.bus_toc_lst a:before,
.bus_toc_lst .ico_dte {
-webkit-transition: all .3s linear;
        transition: all .3s linear;
}
.bus_toc_lst a { display: block; overflow: hidden; border: 2px solid #b4b4b4; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover; color: inherit; }
.bus_toc_lst a:before { position: absolute; top: -8%; left: 0; width: 100%; height: 112%; content: '';
-webkit-transform: rotate(0) scale(.5);
        transform: rotate(0) scale(.5);
}
.bus_toc_lst a:hover { color: #535050 !important; }
.bus_toc_lst a:hover:before { background-color: #f3f3f3;
-webkit-transform: rotate(90deg) scale(1);
        transform: rotate(90deg) scale(1);
}
.bus_toc_lst p { font-size: 12px; }
.bus_toc_box { width: 100%; height: 100%; }
.bus_toc_box:before { display: inline-block; width: 0; padding-top: 92.106%; vertical-align: middle; content: ''; }
.bus_toc_inr { display: inline-block; width: 100%; height: 100%; padding: 4px; background-color: rgba(255,255,255,.8); vertical-align: middle; text-align: center;
-webkit-transition: all .6s linear;
        transition: all .6s linear;
}
.bus_toc_lst a:hover .bus_toc_inr { background-color: transparent; }
.bus_toc_box small,
.bus_toc_box strong { display: block; }
.bus_toc_box small { font-size: 16px; }
.bus_toc_box strong { font-weight: normal; font-size: 18px; }
.bus_toc_lst .ico_dte,
.bus_toc_lst.new .ico_dte:before { display: inline-block; position: absolute; font-weight: 100; font-size: x-small; line-height: 1; }
.bus_toc_lst .ico_dte { right: 1%; bottom: 1%; z-index: 2; padding: 4px; background-color: rgba(250,249,250,.6); color: #777; line-height: 1; }
.bus_toc_lst.new .ico_dte:before { top: 0; left: -34px; width: 32px; height: 19px; background-color: #b61e2e; color: #fff; line-height: 17px; text-align: center; letter-spacing: .05em; content: 'New'; }
.bus_toc_lst a:hover .ico_dte { background-color: transparent; }

.bus_box { padding: 0 24px 40px; }
.bus_grp { list-style: none; padding: 0 0 8px; color: #888; }
.bus_nam { }
.bus_txt { }
.bus_day { font-size: small; }
.bus_inr { position: relative; width: 100%; padding-top: 75%; /* SD 3/4*100=75 */ }
.bus_inr iframe { position: absolute; top: 0; right: 0; width: 100%; height: 101%; }
.bus_inr + p { margin-top: 1em; }
.bus_box + .btn_box { padding-top: 0; }

@media screen and (min-width: 375px) {
.bus_toc_lst { display: inline-block; width: 50%; }
}
@media screen and (min-width: 800px) {
.bus_toc_lst { width: 33.333333%; }
}