@charset "UTF-8";
/******************** ひこさきこども園 共通 ********************/

/*** --------------- Link_btn --------------- ***/
.link_btn a::after {
    background-color: #00BB85;
}

/*** --------------- SP Menu --------------- ***/
.sp_menu_box .menu_btn,
.sp_menu_box .menu_btn.close {
    background-color: #00BB85;
}

.sp_menu ul li a:hover,
.sp_menu ul li.current-menu-item a,
#head-menu .menu li a:hover {
    background-color: #CBFFE3;
}

.sp_menu ul li.about a::before {
    background-image: url(../img/hikosaki-kodomoen/menu_icon_about.png);
}

.sp_menu ul li.life a::before {
    background-image: url(../img/hikosaki-kodomoen/menu_icon_life.png);
}

.sp_menu ul li.admission a::before {
    background-image: url(../img/hikosaki-kodomoen/menu_icon_admission.png);
}

.sp_menu ul li.download a::before {
    background-image: url(../img/hikosaki-kodomoen/menu_icon_download.png);
}

.sp_menu ul li.news a::before {
    background-image: url(../img/hikosaki-kodomoen/menu_icon_news.png);
}

.sp_menu ul li.contact a::before {
    background-image: url(../img/hikosaki-kodomoen/menu_icon_contact.png);
}

/*** --------------- Top Menu --------------- ***/

.top_menu_box .top_menu ul li.about a::before {
    background-image: url(../img/hikosaki-kodomoen/menu_icon_about.png);
}

.top_menu_box .top_menu ul li.life a::before {
    background-image: url(../img/hikosaki-kodomoen/menu_icon_life.png);
}

.top_menu_box .top_menu ul li.admission a::before {
    background-image: url(../img/hikosaki-kodomoen/menu_icon_admission.png);
}

.top_menu_box .top_menu ul li.download a::before {
    background-image: url(../img/hikosaki-kodomoen/menu_icon_download.png);
}

.top_menu_box .top_menu ul li.news a::before {
    background-image: url(../img/hikosaki-kodomoen/menu_icon_news.png);
}

.top_menu_box .top_menu ul li.contact a::before {
    background-image: url(../img/hikosaki-kodomoen/menu_icon_contact.png);
}

/*** --------------- Footer --------------- ***/
.foot_area {
    background: #00BB85;
}

.post-name-contact .hikosaki-kodomoen::before {
    background-image: url(../img/hikosaki-kodomoen/footer_wave_hikosaki.svg);
}

/*** --------------- ページ内リンク --------------- ***/

.anchor_link ul li::before,
.anchor_link ul li:first-of-type::after {
    background-color: #98E4CE;
}

@media screen and (max-width: 575px) {
    .anchor_link ul li:nth-of-type(odd)::after {
        background: #98E4CE;
    }
}

/*** --------------- 見出し --------------- ***/

.page_h2::before,
.page_h2::after {
    background-color: #00BB85;
}

.page_h3 h3::before {
    background-color: #00BB85;
}

/*** --------------- トップ --------------- ***/
.fv_slide .slick_dots .slick-active button {
    background-color: #00BB85;
}

.index_01,
.info_area {
    background-color: #CBFFE3;
}

.index_02::before {
    background: url(../img/hikosaki-kodomoen/index/news_top.png) center top / 100% 100% no-repeat;
}

.info_area a:hover {
    background-color: #CCF1E7;
}

.contets_wrap .link_btn::after {
    background: #00BB85;
}

.index_03 {
    background-color: #CCF1E7;
}

.index_03::after {
    background: url(../img/hikosaki-kodomoen/index/news_bottom.png) top center / 100% 100% no-repeat;
}

.contact_link_box .tel_btn a::after {
    background: #00BB85;
}

.right_illust_bottom img {
    max-width: 310px;
}

@media screen and (max-width: 991px) {
    .left_illust_bottom img {
        max-width: 100px;
    }

    .right_illust_bottom img {
        max-width: 150px;
    }
}

@media screen and (max-width: 575px) {
    .left_illust_bottom img {
        max-width: 80px;
    }

    .right_illust_bottom img {
        max-width: 120px;
    }
}

/*** --------------- 園について --------------- ***/

.photo_style::before {
    background-color: #98E4CE;
}

.comment_area {
    background-color: #CBFFE4;
}

#goal {
    background-color: #CCF1E7;
}

.policy_list li h3::before {
    background-color: #00BB85;
}

.summary_list dt {
    background-color: #CBFFE4;
}

.summary_list dt::before,
.summary_list dd::before,
.summary_list dt:first-of-type::before,
.summary_list dt:last-of-type::after,
.summary_list dd:last-of-type:after {
    background-image: radial-gradient(circle, #98E4CE 1px, transparent 1px);
}

.summary_list ul li::before {
    background-color: #00BB85;
}

/*** --------------- 園での生活 --------------- ***/

#event {
    background-color: #CCF1E7;
}

.life_event_area .slick_dots .slick-active button {
    background: #00BB85;
}

/*** --------------- 入園について --------------- ***/

#admission {
    background-color: #CCF1E7;
}

#admission::before {
    content: none;
}

.box_list dt {
    background-color: #CBFFE4;
}

.process_wrap .tel_btn a::after {
    background: #FF9500;
}

span.under_line {
    background: linear-gradient(transparent 60%, #CBFFE4 60%);
}

.QA_list .accordion-button {
    color: #3A1808;
}

#Holiday_childcare {
    background-color: #CCF1E7;
}

#Holiday_childcare .process_wrap .tel_btn a::after {
    background: #88746A;
}

.QA_list.donguri .accordion-button {
    color: #FFF;
}


/*** --------------- お問い合わせ --------------- ***/

.contact_form {
    background-color: #CCF1E7;
}

.form_policy a::before {
    background-color: #00BB85;
}

.form_btn::after {
    background-color: #00BB85;
}

.form_check label input[type="checkbox"]:checked+span::after,
.form_policy label input[type="checkbox"]:checked+span::after {
    border: solid #00BB85;
    border-width: 0 3px 3px 0;
}

/*** --------------- Post Color --------------- ***/
.news_area,
.download_area .post_box .post_cate,
.download_area .post_box a:hover .post_btn,
.download_area .post_page ul li a:hover,
.post_content .post_info .post_cate,
.download_area .post_side .side_box,
.news_area .post_side .side_box ul li a:hover,
.news_area .post_side .side_box ul li button:hover {
    background: #CCF1E7;
}

.download_area .download_box .post_btn span::before,
.archive_h1 span::before,
.archive_h1 span::after,
.post_side .side_box h2 span::before {
    background: #00BB85;
}

.post_side .side_box h2 {
    border-color: #00BB85;
}

.post_content .post_h1::after {
    background-image: url(../img/sub-common/line_hikosaki.png);
}