﻿body p {
    line-height: 1.865em
}

body p,
body a,
body li,
body dt,
body dd,
body time,
body th,
body td,
body span,
body label,
body input {
    font-family: "M PLUS Rounded 1c", sans-serif
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: "Zen Maru Gothic", serif
}

body a {
    transition: 0.4s;
    font-size: 1.8rem !important
}

@media screen and (max-width:1024px) {
    body a {
        font-size: 1.6rem !important
    }
}

body p,
body th,
body td,
body dt,
body dd,
body h2,
body h3,
body h4,
body h5 {
    color: #554c4c !important
}

body p,
body th,
body td,
body dt,
body dd {
    font-size: 1.8rem !important
}

@media screen and (max-width:1210px) {

    body p,
    body th,
    body td,
    body dt,
    body dd {
        font-size: 1.4rem !important
    }
	.d-txt span{
		font-size: 1.4rem !important
	}
}

body .title-box {
    position: relative
}

body .title-box h2 {
    position: relative;
    font-size: 2.8rem !important;
    font-weight: bold !important;
    padding: 6px 55px;
    font-weight: 700;
    text-align: center;
    margin: 0 auto 70px;
    color: #554c4c !important;
    background: #FCE2E5 !important;
    width: 367px
}

@media screen and (max-width:1210px) {
    body .title-box h2 {
        font-size: 2rem !important;
        padding: 3px 55px
    }
}

@media screen and (max-width:1024px) {
    body .title-box h2 {
        font-size: 1.8rem !important;
        width: 300px
    }
}

@media screen and (max-width:767px) {
    body .title-box h2 {
        padding: 0px 55px
    }
}

body h3 {
    font-size: 2.2rem !important;
    font-weight: bold;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto 40px;
    max-width: 500px
}

@media screen and (max-width:1210px) {
    body h3 {
        font-size: 1.8rem !important
    }
}

.desktop.navigation .nav-content a:hover,
.desktop.navigation .nav-content a.active,
.post-title a:hover,
.cat-item a:hover,
.widget-archive a:hover,
.recentcomments a:hover,
.widget-recent-entries a:hover,
.comment-meta a:hover,
.required {
    transition: 0.3s
}

.tab {
    font-size: 1.8rem !important
}

@media screen and (max-width:1024px) {
    .tab {
        font-size: 1.6rem !important
    }
}

.br-pc {
    display: block
}

@media screen and (max-width:1024px) {
    .br-pc {
        display: none !important
    }
}

.br-sp {
    display: none
}

@media screen and (max-width:1024px) {
    .br-sp {
        display: block !important
    }
}

.half {
    width: 48%
}

@media screen and (max-width:1024px) {
    .half {
        width: 100%
    }
}

.bold {
    font-weight: bold
}

.width1100 {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width:1024px) {
    .width1100 {
        padding: 0 15px
    }
}

.width1300 {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width:1024px) {
    .width1300 {
        padding: 0 15px
    }
}

.form__content {
    width: 1280px
}

.content01,
.content02,
.content03,
.content04 {
    padding-bottom: 80px
}

@media screen and (max-width:1024px) {

    .content01,
    .content02,
    .content03,
    .content04 {
        padding-bottom: 40px !important
    }
}

.title02 {
    background: initial !important
}

.title03 {
    border: none !important;
    background-color: initial !important;
    border-bottom: 4px solid #ffc0cb !important;
    background-image: url(/wp-content/uploads/2024/09/deco_cherry-blossoms-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom -2px
}

.content-bg {
    padding: 40px;
    background-color: #fff;
    border-radius: 40px
}

@media screen and (max-width:767px) {
    .content-bg {
        padding: 40px 20px
    }
}

.ribbon9 {
    height: 45px;
    text-align: center;
    box-sizing: border-box;
    margin: 0 auto 80px;
    width: fit-content
}

@media screen and (max-width:1024px) {
    .ribbon9 {
        margin: 0 auto 60px
    }
}

.ribbon9:before {
    content: "";
    position: absolute;
    width: 10px;
    bottom: -20px;
    left: -25px;
    z-index: -2;
    border: 20px solid #F9C8CD;
    border-left-color: transparent
}

@media screen and (max-width:767px) {
    .ribbon9:before {
        bottom: -11px;
        left: -18px;
        border: 16px solid #F9C8CD;
        border-left-color: transparent
    }
}

.ribbon9:after {
    content: "";
    position: absolute;
    width: 10px;
    bottom: -20px;
    right: -25px;
    z-index: -2;
    border: 20px solid #F9C8CD;
    border-right-color: transparent
}

@media screen and (max-width:767px) {
    .ribbon9:after {
        bottom: -11px;
        right: -18px;
        border: 16px solid #F9C8CD;
        border-right-color: transparent
    }
}

.ribbon9 h2 {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 20px;
    line-height: 45px;
    font-size: 18px;
    color: #FFF;
    background: #2196F3;
    width: fit-content
}

.ribbon9 h2:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-right: solid 15px #F7B3BA
}

.ribbon9 h2:after {
    position: absolute;
    content: "";
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-left: solid 15px #F7B3BA
}

.deco-wrapper {
    position: relative
}

.mb80 {
    margin-bottom: 80px !important
}

@media screen and (max-width:820px) {
    .mb80 {
        margin-bottom: 40px !important
    }
}

.link-point {
    padding: 200px 0;
    margin: -200px 0
}

h2.page-title {
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
    position: absolute;
    top: 80%;
    left: 50%;
    /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); */
    /* background: #ffffffd1; */
    text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff;
    padding: 20px;
    transform: translate(-50%, -50%);
    border-radius: 10px
}

@media screen and (max-width:1024px) {
    h2.page-title {
        font-size: 1.8rem;
        padding: 10px
    }
}

@media screen and (max-width:767px) {
    h2.page-title {
        font-size: 1.6rem
    }
}

.ouka .sub-header,
.ouka2 .sub-header,
.childroom .sub-header {
    display: none !important
}

.ouka #breadcrumbs,
.ouka2 #breadcrumbs,
.childroom #breadcrumbs {
    display: none !important
}

.error-content {
    padding: 10vw
}

.header-content02 {
    background-color: #ffffffb0;
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    padding: 26px 0 0 !important
}

.header-box01 {
    margin-bottom: 0 !important
}

.header-box01 .logo {
    max-width: 310px
}

.header-sub-box02 {
    position: fixed;
    /* top: 20%; */
    bottom: 10%;
    right: 0;
    z-index: 2;
}

.header-sub-box02 a {
    writing-mode: initial;
    letter-spacing: 0.2em;
    border-radius: 15px 0 0 15px !important;
    padding: 1em 0.8em !important;
}

.header-sub-box02 a::before {
    display: none !important;
}

.header-sub-box02 li {
    position: relative;
}

.header-sub-box02 li::before {
    content: "";
    width: 110%;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 30%;
    /*background-image: url(/wp-content/uploads/2024/09/deco-btn-l.png), url(/wp-content/uploads/2024/09/deco-btn-r.png);*/
    background-repeat: no-repeat;
    background-size: contain, 0;
    background-position: top left, top right 6px;
    transform: translate(-50%, -50%);
}


.side-link {
    position: relative !important;
}

.side-link i {
    margin-bottom: .2em;
}

.side-link img {
    max-width: 200px;
}

@media screen and (max-width:1024px) {
    .g-sub-nav02 .g-sub-nav-list li a.side-link {
        font-size: 1.4rem !important;
    }

    .side-link img {
 /*       max-width: 130px !important;*/
       max-width: 80px !important;	
    }
.header-sub-box02 .g-sub-nav02 .g-sub-nav-list li a {
  position: relative;
  background: #fff !important;
    background-color: rgb(255, 255, 255);
  border: solid 5px #ffc0cb !important;
  padding: 0 !important;
  margin-right: -20px;
}
    .header-sub-box02 {
        bottom: 7% !important;
    }

    .header-sub-box02 li::before {
        width: 70%;
        height: 60px;
        left: 30%;
        top: 30%;
    }
}

.header-sub-box02 .g-sub-nav02 .g-sub-nav-list li a {
    position: relative;
    background: #fff !important;
    border: solid 5px #ffc0cb !important;
    padding: 1em .8em .5em !important;
}


i.fa-solid.fa-briefcase {
    display: none;
}

@media screen and (max-width:1210px) {
    .header-box01 .logo {
        max-width: 240px !important
    }
}

.header-menu {
    background-color: initial !important
}

.header-menu li a {
    color: #554c4c !important;
    border-color: #ffc0cb
}

.header-menu .sub-menu li {
    border-color: #fff !important
}

.header-menu .sub-menu li a {
    background: #ffc0cb !important
}

.g-sub-nav02 .g-sub-nav-list {
    margin-top: 7px !important;
    margin-bottom: 9px !important
}

.g-sub-nav02 .g-sub-nav-list li a {
    font-size: 2rem !important;
    position: relative;
    background: #ffc0cb !important;
    border-color: #ffc0cb !important;
    color: #ffc0cb !important;
    transition: 0.3s;
    font-family: "Kiwi Maru", serif;
    font-weight: 600 !important;
    color: #554c4c !important;
    letter-spacing: 0.05em
}

.g-sub-nav02 .g-sub-nav-list li a:hover {
    opacity: 0.7
}

.g-sub-nav02 .g-sub-nav-list li a:before {
    content: "- 桜花保育園 -";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -32px;
    left: 0;
    right: 0;
    font-size: 1.6rem;
    text-wrap: nowrap;
    color: #554c4c !important;
    font-family: "Kiwi Maru", serif !important;
    font-weight: 600 !important
}

.g-sub-nav02 .g-sub-nav-list li a span {
    font-size: 2rem !important;
    font-family: "Kiwi Maru", serif;
    font-weight: 600 !important;
    color: #554c4c !important;
    letter-spacing: 0.05em;
    position: relative;
    transition: 0.3s;
    display: inline-block
}

.g-sub-nav02 .g-sub-nav-list li a .num-1,
.g-sub-nav02 .g-sub-nav-list li a .num-4,
.g-sub-nav02 .g-sub-nav-list li a .num-8,
.g-sub-nav02 .g-sub-nav-list li a .num-12 {
    transform: translateY(0)
}

.g-sub-nav02 .g-sub-nav-list li a .num-2,
.g-sub-nav02 .g-sub-nav-list li a .num-5,
.g-sub-nav02 .g-sub-nav-list li a .num-10 {
    transform: translateY(1px)
}

.g-sub-nav02 .g-sub-nav-list li a .num-3,
.g-sub-nav02 .g-sub-nav-list li a .num-6,
.g-sub-nav02 .g-sub-nav-list li a .num-9,
.g-sub-nav02 .g-sub-nav-list li a .num-11 {
    transform: translateY(-1px)
}

.g-sub-nav02 .g-sub-nav-list li:nth-child(2) a {
    border-color: #8FC9DE !important;
    background: #8FC9DE !important
}

.g-sub-nav02 .g-sub-nav-list li:nth-child(2) a:before {
    content: "- 桜花第二保育園 -"
}

.g-sub-nav02 .g-sub-nav-list li:nth-child(3) a {
    border-color: #B8E0BD !important;
    background: #B8E0BD !important;
}

.g-sub-nav02 .g-sub-nav-list li:nth-child(3) a:before {
    content: "- チャイルドルーム -"
}

.g-sub-nav02 .g-sub-nav-list li:nth-child(4) a {
    background: #ffc0cb !important;
    color: #fff !important
}

.g-sub-nav02 .g-sub-nav-list li:nth-child(4) a:before {
    content: ""
}

.g-sub-nav02 .g-sub-nav-list li:nth-child(4) a i {
    margin: 0 !important
}

#menu-item-1781>a {
    pointer-events: none;
    cursor: default
}

#page-top img {
    border-radius: 50%
}

.sub-header {
    width: 96%;
    margin: 20px auto;
    border-radius: 120px
}

.sp-header02 {
    background-color: #fff9fa
}

.sp-header02 .logo,
.mobile-logo img {
    max-width: 170px
}

#mobile-nav,
#mobile-nav-recruit {
    background: #ffc0cb !important
}

#mobile-nav .mobile-menu-list li a,
#mobile-nav-recruit .mobile-menu-list li a {
    color: #554c4c !important;
    border-color: #8FC9DE !important
}

#mobile-nav .mobile-menu-list .sub-menu li a,
#mobile-nav-recruit .mobile-menu-list .sub-menu li a {
    border: 3px solid #fff !important;
    background: #ffc0cb !important
}

#mobile-nav .mobile-sub-nav-list,
#mobile-nav-recruit .mobile-sub-nav-list {
    display: none
}

.mobile-logo {
    background: #fff9fa
}

#hamburger,
#hamburger-recruit {
    background: #ffc0cb !important
}

#hamburger span,
#hamburger-recruit span {
    background: #fff !important
}

.footer {
    position: relative;
    margin-top: 5vw;
    background-color: #fedcdf;
    background-image: url(/wp-content/uploads/2024/09/deco-footer-cherrybrossoms-cut.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom
}

.footer:before {
    content: "";
    background-image: url(/wp-content/uploads/2024/09/deco-footer-cherrybrossoms-02.png);
    background-size: 100% auto;
    width: 100%;
    height: 11vw;
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    top: -10vw;
    left: 0;
    right: 0
}

.footer-inner {
    margin: 0 auto 60px
}

.footer-logo {
    border-color: #ffc0cb
}

.footer-address a {
    color: #554c4c !important
}

.footer-menu-title {
    color: #ffc0cb !important
}

.footer-menu a {
    color: #554c4c
}

.footer-menu li a {
    border-color: #ffc0cb !important
}

.single .footer,
.archive .footer,
.page-id-912 .footer {
    margin-top: 10vw
}

.n2_clear {
    width: 100% !important;
    margin: 0px auto !important
}

.ouka .n2_clear,
.ouka2 .n2_clear,
.childroom .n2_clear {
    width: 100% !important;
    margin: 0px auto !important
}

.ouka .n2_clear .n2-ss-slider .n2-ow,
.ouka2 .n2_clear .n2-ss-slider .n2-ow,
.childroom .n2_clear .n2-ss-slider .n2-ow {
    /*border-radius: 80px 80px 0 0;
    mask-image: url(/wp-content/uploads/2024/09/shape_beans.png);*/
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center
}

div#n2-ss-2item1 {
    font-size: calc(16px + 20*((100vw - 320px) /(1920 - 320))) !important
}

@media screen and (max-width:1024px) {
    div#n2-ss-2item1 {
        font-size: calc(10px + 20*((100vw - 320px) /(1920 - 320))) !important
    }
}

@media screen and (max-width:500px) {
    div#n2-ss-2item1 {
        font-size: calc(20px + 20*((100vw - 320px) /(1920 - 320))) !important;
        margin: 0 0 0 10% !important
    }
}

body {
    background: #fff;
    background-image: url(/wp-content/uploads/2024/09/bg_cherry-blossoms-cut.png);
    background-repeat: no-repeat;
    background-size: 100%
}

body.home {
    background-image: url(/wp-content/uploads/2024/09/bg_cherry-blossoms-cut.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-r.png), url(/wp-content/uploads/2024/10/deco-cherrybrossoms-l-03.png), url(/wp-content/uploads/2024/10/deco-cherrybrossoms-r-03.png);
    background-repeat: no-repeat;
    background-size: 100%, 20%, 20%, 20%, 20%, 20%, 20%, 5%, 5%;
    /* background-position: top center, top 21% left 1%, top 37% left 1%, top 70% left 1%, top 76% right 1%, top 50% right 2%, top 20% right, top 60% left 7%, top 84% right 13% */
    background-position: top center, top 13% left 1%, top 32% left 1%, top 74% left 1%, top 77% right 1%, top 40% right 2%, top 12% right, top 56% left 7%, top 91% right 13%;
}

body.ouka,
body.ouka2,
body.childroom {
    background-image: url(/wp-content/uploads/2024/09/bg_cherry-blossoms-cut.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-r.png), url(/wp-content/uploads/2024/10/deco-cherrybrossoms-l-03.png), url(/wp-content/uploads/2024/10/deco-cherrybrossoms-r-03.png);
    background-repeat: no-repeat;
    background-size: 100%, 20%, 20%, 20%, 20%, 20%, 20%, 5%, 5%;
    /* background-position: top center, top 16% left 1%, top 36% left 1%, top 70% left 1%, top 75% right 1%, top 51.5% right 2%, top 20% right, top 60% left 7%, top 83% right 5% */
    background-position: top center, top 7% left 1%, top 30% left 1%, top 41% left 1%, top 67% right 1%, top 54.5% right 2%, top 18% right, top 66% left 7%, top 92% right 5%;
}

body.recruit {
    background-image: url(/wp-content/uploads/2024/09/bg_cherry-blossoms-cut.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-r.png), url(/wp-content/uploads/2024/10/deco-cherrybrossoms-l-03.png), url(/wp-content/uploads/2024/10/deco-cherrybrossoms-r-03.png);
    background-repeat: no-repeat;
    background-size: 100%, 20%, 20%, 20%, 20%, 20%, 20%, 5%, 5%;
    background-position: top center, top 19% left 1%, top 42% left 1%, top 74% left 1%, top 74% right 1%, top 54% right 2%, top 20% right, top 60% left 7%, top 83% right 8%
}

body.single-recruit-post {
    background-image: url(/wp-content/uploads/2024/09/bg_cherry-blossoms-cut.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png), url(/wp-content/uploads/2024/09/deco-cherrybrossoms-l.png);
    background-repeat: no-repeat;
    background-size: 100%, 20%, 20%, 20%, 20%, 20%;
    background-position: top center, top 19% left 1%, top 42% left 1%, top 77% left 1%, top 70% right 1%, top 54% right 2%
}

.fade-in {
    will-change: transform;
    opacity: 0;
    -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.435, 0.99), -webkit-transform 1.8s cubic-bezier(0.19, 1, 0.435, 0.99);
    transition: opacity 0.8s cubic-bezier(0.19, 1, 0.435, 0.99), -webkit-transform 1.8s cubic-bezier(0.19, 1, 0.435, 0.99);
    transition: transform 1.8s cubic-bezier(0.19, 1, 0.435, 0.99), opacity 0.8s cubic-bezier(0.19, 1, 0.435, 0.99);
    transition: transform 1.8s cubic-bezier(0.19, 1, 0.435, 0.99), opacity 0.8s cubic-bezier(0.19, 1, 0.435, 0.99), -webkit-transform 1.8s cubic-bezier(0.19, 1, 0.435, 0.99);
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0
}

.fade-in.is-action {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

#sb_instagram .sbi_photo img {
    border-radius: 50px
}

.sbi_feedtheme_header_text {
    flex: initial !important
}

@media screen and (max-width:767px) {
    .com-menu01-list {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

.com-menu01-list li {
    width: 31% !important
}

@media screen and (max-width:1024px) {
    .com-menu01-list li {
        margin-bottom: 40px !important
    }
}

@media screen and (max-width:767px) {
    .com-menu01-list li {
        width: 100% !important
    }
}

.com-menu01-list li .com-menu01-tit {
    text-align: center;
    background: initial !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    opacity: 0
}

.com-menu01-list li .com-menu01-img {
    position: relative;
    background-size: 200%;
    background-position: center;
    width: min(max(120px, 30vw), 430px);
    height: min(max(120px, 30vw), 430px);
    border-radius: 50%;
    background-color: #ffc0cb;
    padding: 10px
}

@media screen and (max-width:1024px) {
    .com-menu01-list li .com-menu01-img {
        margin: auto !important
    }
}

@media screen and (max-width:767px) {
    .com-menu01-list li .com-menu01-img {
        width: min(max(300px, 60vw), 350px);
        height: min(max(300px, 60vw), 350px)
    }
}

.com-menu01-list li .com-menu01-img:after {
    content: "";
    content: "";
    width: min(max(50px, 7vw), 110px);
    height: min(max(50px, 7vw), 110px);
    position: absolute;
    right: -10px;
    bottom: -10px;
    background-image: url(/wp-content/uploads/2024/10/deco-baroon-r.png);
    background-repeat: no-repeat;
    background-size: contain
}

.com-menu01-list li:nth-child(1) .com-menu01-img:after {
    right: -10px;
    bottom: 40px;

    /* right: -60px;
    bottom: -10px; */
}

.com-menu01-list li:nth-child(3) .com-menu01-img:after {
    right: -40px;
    bottom: -10px;
}

@media screen and (max-width:767px) {
    .com-menu01-list li:nth-child(1) .com-menu01-img:after {
        right: 10px !important;
        bottom: 30px !important;
    }

    .com-menu01-list li .com-menu01-img:after {
        width: min(max(60px, 8vw), 80px);
        height: min(max(60px, 8vw), 80px);
        right: 0px !important;
        bottom: 30px !important;
    }
}

.com-menu01-list li .com-menu01-img img {
    width: 100%;
    height: 100% !important;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: none !important
}

@media screen and (max-width:1024px) {
    .com-menu01-list li .com-menu01-img img {
        height: 26vw
    }
}

@media screen and (max-width:767px) {
    .com-menu01-list li .com-menu01-img img {
        height: 30vw
    }
}

@media screen and (max-width:600px) {
    .com-menu01-list li .com-menu01-img img {
        height: 40vw
    }
}

.com-menu01-list li:nth-child(2) .com-menu01-img {
    background-image: url(/wp-content/uploads/2024/10/bg-circle-blue02.png)
}

.com-menu01-list li:nth-child(2) .com-menu01-img:after {
    background-image: url(/wp-content/uploads/2024/10/deco-bird.png);
    width: min(max(50px, 7vw), 90px);
    height: min(max(60px, 8vw), 110px)
}

@media screen and (max-width:767px) {
    .com-menu01-list li:nth-child(2) .com-menu01-img:after {
        width: min(max(50px, 7vw), 70px);
        height: min(max(70px, 8vw), 60px)
    }
}

.com-menu01-list li:nth-child(3) {
    margin-bottom: 0 !important
}

.com-menu01-list li:nth-child(3) .com-menu01-img {
    background-image: url(/wp-content/uploads/2024/10/bg-circle-green02.png)
}

.com-menu01-list li:nth-child(3) .com-menu01-img:after {
    background-image: url(/wp-content/uploads/2024/10/deco-child.png)
}

.com-menu01-list li .menu-title-img {
    width: 59.4%;
    /* 55% × 1.08 */
    height: 3.24vw;
    /* 3vw × 1.08 */
    max-height: 54px;
    /* 50px × 1.08 */
    position: absolute;
    top: 80%;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    background-image: url(/wp-content/uploads/2024/10/logo-ouka-fx03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    border-radius: 10px;
}

.com-menu01-list li:nth-child(2) .menu-title-img {
    width: 76.65%;
    /* 70.97% × 1.08 */
    height: 3.24vw;
    /* 3vw × 1.08 */
}

.com-menu01-list li:nth-child(3) .menu-title-img {
    width: 75.88%;
    /* 70.26% × 1.08 */
    height: 3.046vw;
    /* 2.82vw × 1.08 */
}

@media screen and (max-width:1024px) {
    .com-menu01-list li .menu-title-img {
        height: 5vw !important;
        background-size: 90%
    }

    .com-menu01-list li .menu-title-img {
        width: 57.75%;
    }

    .com-menu01-list li:nth-child(2) .menu-title-img {
        width: 74.52%;
    }

    .com-menu01-list li:nth-child(3) .menu-title-img {
        width: 73.78%;
    }
}

@media screen and (max-width:600px) {
    .com-menu01-list li .menu-title-img {
        height: 7vw !important;
        background-size: 90%
    }

    .com-menu01-list li:nth-child(3) .menu-title-img {
        height: 6.58vw !important;
    }
}

.com-menu01-list li .com-menu01-txt {
    position: relative;
    text-align: center;
    font-size: 1.8rem !important;
    font-weight: 500;
    background: #ffc0cb;
    width: fit-content;
    padding: 4px 10px;
    margin: 0 0 0 69%;
    border-radius: 30px;
    transform: translate(0, -20px)
}

@media screen and (max-width:1400px) {
    .com-menu01-list li .com-menu01-txt {
        margin: 0 0 0 63%
    }
}

@media screen and (max-width:1210px) {
    .com-menu01-list li .com-menu01-txt {
        font-size: 1.6rem !important;
        margin: 0 0 0 50%
    }
}

@media screen and (max-width:1024px) {
    .com-menu01-list li .com-menu01-txt {
        margin: 0 0 0 80%
    }
}

@media screen and (max-width:767px) {
    .com-menu01-list li .com-menu01-txt {
        margin: 0 0 0 78%;
        transform: translate(0, -20px)
    }
}

@media screen and (max-width:600px) {
    .com-menu01-list li .com-menu01-txt {
        margin: 0 0 0 63%
    }
}

.com-menu01-list li .com-menu01-link-btn {
    font-size: 2.2rem !important;
    font-weight: 500;
    color: #ffc0cb;
    background-color: #F9F9F9;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    width: 200px;
    padding: 10px 0;
    margin: 40px auto 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -20%);
    display: none !important
}

.com-menu01-list li .com-menu01-link-btn:hover {
    box-shadow: 0 0 14px !important
}

@media screen and (max-width:1024px) {
    .com-menu01-list li .com-menu01-link-btn {
        font-size: 1.8rem !important;
        position: relative;
        margin: 40px 0 0
    }
}

@media screen and (max-width:767px) {
    .com-menu01-list li .com-menu01-link-btn {
        font-size: 1.6rem !important
    }
}

.com-menu01-list li:nth-child(2) {
    margin-top: 20px
}

@media screen and (max-width:1024px) {
    .com-menu01-list li:nth-child(2) {
        margin-top: 0
    }
}

.com-menu01-list li:nth-child(2) .com-menu01-img img {
    box-shadow: 0 0 8px 4px #8FC9DE
}

.com-menu01-list li:nth-child(2) .menu-title-img {
    background-image: url(/wp-content/uploads/2024/10/logo-ouka-2nd-fx03.png) !important
}

.com-menu01-list li:nth-child(2) .com-menu01-txt {
    background: #8FC9DE
}

.com-menu01-list li:nth-child(2) .com-menu01-link-btn {
    color: #8FC9DE !important
}

.com-menu01-list li:nth-child(3) {
    margin-top: 3px
}

@media screen and (max-width:1024px) {
    .com-menu01-list li:nth-child(3) {
        margin-top: 0
    }
}

.com-menu01-list li:nth-child(3) .com-menu01-img img {
    box-shadow: 0 0 8px 4px #B8E0BD
}

.com-menu01-list li:nth-child(3) .menu-title-img {
    background-image: url(/wp-content/uploads/2024/10/logo-childroom-fx03.png) !important
}

.com-menu01-list li:nth-child(3) .com-menu01-txt {
    background: #B8E0BD
}

.com-menu01-list li:nth-child(3) .com-menu01-link-btn {
    color: #96d09d !important
}

.overview-home .com-box01-inner {
    flex-direction: column-reverse
}

.overview-home .com-box01-img {
    width: 100% !important;
    position: relative
}

.overview-home .com-box01-img:before {
    content: "";
    width: 100px;
    height: 110px;
    position: absolute;
    top: 0;
    right: -12%;
    background-image: url(/wp-content/uploads/2024/10/deco-cherrybrossoms-r-03.png);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width:1600px) {
    .overview-home .com-box01-img:before {
        right: 0;
        z-index: 1
    }
}

@media screen and (max-width:1210px) {
    .overview-home .com-box01-img:before {
        width: 9vw;
        height: 8vw
    }
}

.overview-home .com-box01-img:after {
    content: "";
    width: 130px;
    height: 120px;
    position: absolute;
    bottom: 0;
    right: 0%;
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width:1210px) {
    .overview-home .com-box01-img:after {
        width: 6.77vw;
        height: 6.25vw
    }
}

.overview-home .com-box01-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    mask-image: url(/wp-content/uploads/2024/10/shape_beans.png);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    max-width: initial !important;
    border-radius: 0 !important
}

.overview-home .com-box01-tit {
    display: none !important
}

.overview-home .com-box01-txt {
    width: 100%;
    padding: 40px
}

@media screen and (max-width:767px) {
    .overview-home .com-box01-txt {
        padding: 0 40px 40px
    }
}

.overview-home .com-box01-head {
    display: none
}

.overview-home .com-box01-txt-inner {
    padding: 20px 0 0 0;
    width: 100%;
    max-width: 840px;
    margin: auto
}

.overview-home .com-box01-txt-inner p {
    margin: auto;
    background: #fff
}

.overview-home .com-box01 .width1400 {
    padding: 0 !important
}

.overview-home .content-bg {
    background: initial !important;
    padding: 0 !important
}

.overview-home .table-wrap01 {
    max-width: 1100px;
    margin: auto
}

@media screen and (max-width:767px) {
    .overview-home .table-wrap01 {
        padding: 0 10px
    }
}

.overview-home .width1200 {
    padding: 0 5px !important
}

.news-list01 li .news-cat a {
    background: #8FC9DE !important;
    border-color: #8FC9DE !important;
    transition: 0.4s
}

.news-list01 li .news-cat a:hover {
    color: #8FC9DE !important;
    background: #fff !important
}

.tab-panel-b .panel-inner {
    background: initial !important
}

.tab-news-wrap .news-list01 li {
    border-color: #ffc0cb
}

.btn01 {
    background: #B8E0BD !important;
    border-color: #B8E0BD !important;
    transition: 0.4s
}


.btn01 .btn-arrow {
    transition: 0.4s
}

.btn01:hover {
    background: #fff !important;
    color: #96d09d !important
}

.btn01:hover .btn-arrow {
    fill: #96d09d !important
}

.sidebar h3 {
    background: initial !important;
    margin: 0 auto !important
}

img[alt="no-img"] {
    object-fit: contain !important
}

.pdf-list {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap
}

@media screen and (max-width:1024px) {
    .pdf-list {
        gap: 24px
    }
}

.pdf-list li {
    width: 30%;
    transition: 0.3s
}

@media screen and (max-width:1024px) {
    .pdf-list li {
        width: 48%
    }
}

@media screen and (max-width:767px) {
    .pdf-list li {
        width: 100%
    }
}

.pdf-list li:hover {
    transform: rotate(3deg)
}

.pdf-list li .fa-file-pdf {
    font-size: 50px;
    margin: 0 !important
}

@media screen and (max-width:1024px) {
    .pdf-list li .fa-file-pdf {
        font-size: 40px
    }
}

.link-btn {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 22px;
    padding: 20px 0 30px;
    line-height: 0;
    border-radius: 60px;
    color: #554c4c;
    background-color: #F9F9F9;
    font-weight: 500
}

@media screen and (max-width:1024px) {
    .link-btn {
        width: 90%;
        margin: auto
    }
}

.link-btn .fa-solid {
    color: #96d09d
}

.com-box01-tit {
    margin-bottom: 0 !important;
    font-size: 2.4rem !important
}

@media screen and (max-width:1024px) {
    .com-box01-tit {
        font-size: 1.8rem !important
    }
}

.com-box01-txt-wrap {
    justify-content: center !important
}

.com-box01-txt-inner p {
    font-weight: 500
}

.com-box01-img {
    width: 48% !important
}

@media screen and (max-width:820px) {
    .com-box01-img {
        width: 100% !important
    }
}

.com-box01-img img {
    border-radius: 160px
}

.com-box01:after {
    display: none !important
}

.ouka .com-box01-tit {
    color: #ffc0cb !important
}

.life .panel-group {
    padding: 40px;
    border-radius: 20px
}

@media screen and (max-width:1024px) {
    .life .panel-group {
        padding: 0 !important
    }
}

.life .panel-group .title02:before {
    display: none !important
}

.life .panel-group .tab-A {
    position: relative
}

.life .tablepress {
    border: none !important
}

.life .tablepress td {
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width:767px) {
    .life .tablepress td {
        font-size: 1.4rem !important
    }
}

.life .tablepress .column-1,
.life .tablepress .column-3 {
    width: 30% !important;
    font-weight: 500 !important;
    background: #fff !important;
    border: 1px solid #c5db6f !important
}

.life .tablepress .column-2 {
    width: 10% !important
}

.life .tablepress .row-1 .column-1,
.life .tablepress .row-1 .column-3 {
    background: #c5db6f !important;
    color: green !important
}

.life .tablepress .row-1 .column-2 {
    background: initial !important
}

@media screen and (max-width:1024px) {
    .life .tablepress .row-1 .column-2 {
        width: 20% !important
    }
}

.life .tablepress .column-2 {
    font-weight: 600;
    border: none !important;
    background: #ffc0cb !important
}

@media screen and (max-width:1024px) {
    .life .panel.tab-A.is-show {
        padding: 5px
    }
}

.life .com-list03-ttl {
    background: #ffc0cb !important;
    left: 50% !important;
    bottom: 0 !important;
    transform: translate(-50%, 50%)
}

.life .com-list03-list {
    background: #fff;
    padding: 15px;
    background: #F9F9F9
}

.life .com-list03-list li {
    font-size: 1.8rem !important;
    font-weight: 500;
    display: flex;
    gap: 1rem
}

@media screen and (max-width:1024px) {
    .life .com-list03-list li {
        font-size: 1.4rem !important
    }
}

.life .com-list03-sub {
    margin-bottom: 30px
}

.life .com-list03-sub-head {
    background: #ffc0cb !important
}

.life .com-list03-sub-inner {
    background: #F9F9F9;
    padding: 15px
}

@media screen and (max-width:1024px) {
    .life .com-list03-sub-inner {
        text-align: left !important
    }
}

.life .com-list03-sub-inner p {
    font-weight: 500
}

@media screen and (max-width:1024px) {
    .life .com-list03-sub-inner p {
        font-size: 1.4rem !important
    }
}

@media screen and (max-width:1024px) {
    .life .com-list03-sub02 {
        padding-bottom: 1rem !important
    }
}

.life .image-links a i {
    transition: 0.2s
}

.life .image-links a i:hover {
    transform: rotate(9deg)
}

.life .fa-solid {
    color: #ffc0cb
}

.tablepress td {
    box-sizing: border-box !important
}

.temporary-care .title02 {
    width: 430px
}

@media screen and (max-width:767px) {
    .temporary-care .title02 {
        width: 330px
    }
}

.tour-title {
    color: #ffc0cb !important;
    font-weight: bold;
    font-size: 2.4rem !important
}

@media screen and (max-width:1024px) {
    .tour-title {
        font-size: 1.6rem !important
    }
}

.tour-desc {
    text-align: center
}

@media screen and (max-width:1024px) {
    .tour-desc {
        text-align: left
    }
}

.banner-content {
    justify-content: center;
    gap: 40px
}

.contact-banner {
    display: flex;
    justify-content: center;
    border: 1px solid #ffc0cb;
    width: fit-content;
    margin: 0;
    border-radius: 10px;
    background: #fff
}

.contact-banner .banner-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffc0cb;
    padding: 20px;
    border-radius: 10px 0 0 10px
}

.contact-banner .banner-icon .fa-solid {
    font-size: 32px;
    color: #fff
}

@media screen and (max-width:1024px) {
    .contact-banner .banner-icon .fa-solid {
        font-size: 24px
    }
}

.contact-banner .banner-desc {
    color: #1a1a1a !important
}

@media screen and (max-width:767px) {
    .contact-banner .banner-desc {
        font-size: 1.4rem
    }
}

.contact-banner .banner-txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 15px
}

.contact-banner .banner-num {
    font-weight: 500;
    font-size: 2.6rem;
    color: #1a1a1a !important
}

@media screen and (max-width:1024px) {
    .contact-banner .banner-num {
        font-size: 1.8rem !important
    }
}

.contact-banner:hover {
    opacity: 0.7
}

span.news-cat.ouka a,
span.news-cat.parent-ouka a,
.archive-info-cat a[href="https://ouka-hoikuen.uh-oh.jp/category/ouka/"],
.archive-info-cat a[href="https://ouka-hoikuen.uh-oh.jp/parent-post/parent_cat/parent-ouka/"],
.single-info-date-cat span a[href="https://ouka-hoikuen.uh-oh.jp/category/ouka/"] {
    background: #ffc0cb !important;
    border-color: #ffc0cb !important
}

span.news-cat.ouka a:hover,
span.news-cat.parent-ouka a:hover,
.archive-info-cat a[href="https://ouka-hoikuen.uh-oh.jp/category/ouka/"]:hover,
.archive-info-cat a[href="https://ouka-hoikuen.uh-oh.jp/parent-post/parent_cat/parent-ouka/"]:hover,
.single-info-date-cat span a[href="https://ouka-hoikuen.uh-oh.jp/category/ouka/"]:hover {
    color: #ffc0cb !important;
    background: #fff !important
}

span.news-cat.ouka2 a,
span.news-cat.parent-ouka2 a,
.archive-info-cat a[href="https://ouka-hoikuen.uh-oh.jp/category/ouka2/"],
.archive-info-cat a[href="https://ouka-hoikuen.uh-oh.jp/parent-post/parent_cat/parent-ouka2/"],
.single-info-date-cat span a[href="https://ouka-hoikuen.uh-oh.jp/category/ouka2/"] {
    background: #8FC9DE !important;
    border-color: #8FC9DE !important
}

span.news-cat.ouka2 a:hover,
span.news-cat.parent-ouka2 a:hover,
.archive-info-cat a[href="https://ouka-hoikuen.uh-oh.jp/category/ouka2/"]:hover,
.archive-info-cat a[href="https://ouka-hoikuen.uh-oh.jp/parent-post/parent_cat/parent-ouka2/"]:hover,
.single-info-date-cat span a[href="https://ouka-hoikuen.uh-oh.jp/category/ouka2/"]:hover {
    color: #8FC9DE !important;
    background: #fff !important
}

span.news-cat.childroom a,
span.news-cat.parent-childroom a,
.archive-info-cat a[href="https://ouka-hoikuen.uh-oh.jp/category/childroom/"],
.archive-info-cat a[href="https://ouka-hoikuen.uh-oh.jp/parent-post/parent_cat/parent-childroom/"],
.single-info-date-cat span a[href="https://ouka-hoikuen.uh-oh.jp/category/childroom/"] {
    background: #B8E0BD !important;
    border-color: #B8E0BD !important
}

span.news-cat.childroom a:hover,
span.news-cat.parent-childroom a:hover,
.archive-info-cat a[href="https://ouka-hoikuen.uh-oh.jp/category/childroom/"]:hover,
.archive-info-cat a[href="https://ouka-hoikuen.uh-oh.jp/parent-post/parent_cat/parent-childroom/"]:hover,
.single-info-date-cat span a[href="https://ouka-hoikuen.uh-oh.jp/category/childroom/"]:hover {
    color: #B8E0BD !important;
    background: #fff !important
}

.ouka .overview .tablepress tbody td.column-1 {
    background: #ffc0cb !important
}

.ouka2 .com-box01-tit {
    color: #8FC9DE !important
}

.ouka2 .life .tablepress .column-2 {
    background: #8FC9DE !important
}

.ouka2 .life .tablepress .row-1 .column-2 {
    background: initial !important
}

.ouka2 .com-list03-ttl,
.ouka2 .com-list03-sub-head {
    background: #8FC9DE !important
}

.ouka2 .fa-camera-retro {
    color: #8FC9DE !important
}

.ouka2 .custom01-table th {
    background: #8FC9DE !important
}

.ouka2 .tour-title {
    color: #8FC9DE !important
}

.ouka2 .contact-banner {
    border-color: #8FC9DE !important
}

.ouka2 .contact-banner .banner-icon {
    background: #8FC9DE !important
}

.ouka2 .overview-content .tablepress td.column-1 {
    background: #8FC9DE !important
}

.childroom .com-box01-tit {
    color: #B8E0BD !important
}

.childroom .life .tablepress .column-2 {
    background: #B8E0BD !important
}

.childroom .life .tablepress .row-1 .column-2 {
    background: initial !important
}

.childroom .com-list03-ttl,
.childroom .com-list03-sub-head {
    background: #96d09d !important
}

.childroom .fa-camera-retro {
    color: #B8E0BD !important
}

.childroom .custom01-table th {
    background: #B8E0BD !important
}

.childroom .tour-title {
    color: #B8E0BD !important
}

.childroom .contact-banner {
    border-color: #B8E0BD !important
}

.childroom .contact-banner .banner-icon {
    background: #B8E0BD !important
}

.childroom .overview-content .tablepress td.column-1 {
    background: #B8E0BD !important
}

.grid {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px
}

@media screen and (max-width:1024px) {
    .grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.about-link {
    width: fit-content;
    margin: auto;
    position: relative;
    transition: .3s;
}

.about-link::before {
    content: "";
    width: 50px;
    height: 35px;
    position: absolute;
    right: 0%;
    top: -20%;
    background-image: url(/wp-content/uploads/2025/02/btn-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translate(-40%, 35%);
    z-index: 1;
    pointer-events: none;
}

.about-link:hover {
    transform: rotate(3deg)
}

.link-banner {
    font-weight: 500;
    text-align: center;
    width: fit-content;
    margin: auto;
    padding: 20px 65px;
    background: #F9F9F9;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    position: relative
}

.link-banner::before {
    content: "";
    width: 110%;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(/wp-content/uploads/2024/09/deco-btn-l.png), url(/wp-content/uploads/2024/09/deco-btn-r.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left, top right 6px;
    transform: translate(-50%, -50%)
}

.link-banner::after {
    content: "";
    width: min(max(60px, 8vw), 60px);
    height: min(max(60px, 8vw), 56px);
    position: absolute;
    left: 20px;
    bottom: 0px;
    background-image: url(/wp-content/uploads/2024/10/deco-baroon-r.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.ouka2 .link-banner::after {
    content: "";
    width: min(max(50px, 7vw), 37px);
    height: min(max(70px, 8vw), 50px);
    position: absolute;
    left: 20px;
    bottom: 0px;
    background-image: url(/wp-content/uploads/2024/10/deco-bird.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.childroom .link-banner::after {
    content: "";
    width: min(max(60px, 8vw), 50px);
    height: min(max(60px, 8vw), 50px);
    position: absolute;
    left: 5px;
    bottom: 0px;
    background-image: url(/wp-content/uploads/2024/10/deco-child.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.link-banner:hover {
    transform: rotate(3deg)
}

.com-box02-list {
    gap: 40px
}

@media screen and (max-width:767px) {
    .com-box02-list {
        gap: 0px
    }
}

.com-box02-list li {
    width: 47% !important
}

@media screen and (max-width:767px) {
    .com-box02-list li {
        width: 100% !important
    }
}

.com-box02-head {
    background: initial !important;
    color: #ffc0cb !important
}

.com-box02-img img {
    height: 240px;
    object-fit: cover;
    border-radius: 30px
}

.com-box02-txt {
    margin-bottom: 0;
    background: #F9F9F9;
    border-radius: 30px;
    padding: 25px;
    background-image: url(/wp-content/uploads/2024/10/deco-cherrybrossoms-r-03.png);
    background-size: 7%;
    background-repeat: no-repeat;
    background-position: bottom right
}

.com-box02-wrap .width1200 {
    padding: 0 !important
}

section.initiative .t-center {
    font-weight: 500
}

.parallax {
    width: 100%;
    background-attachment: fixed;
    background-position: 50% 0;
    /*background-size: contain;*/
    height: 906px;
}

@media screen and (max-width:1400px) {
    .parallax {
        height: 40vw;
        min-height: 300px;
        background-size: cover;
        background-attachment: scroll;
        background-position: bottom center !important;
    }
}

.parallax01 {
    background-image: url(/wp-content/uploads/2024/09/mv05.jpg);
}

.parallax02 {
    /*background-image: url(/wp-content/uploads/2024/09/mv04.jpg);*/
	background-image: url(/wp-content/uploads/2025/05/topslider-1-1.jpg);
}

.parallax03 {
    /*background-image: url(/wp-content/uploads/2024/09/mv03.jpg);*/
	background-image: url(/wp-content/uploads/2024/09/mv01.jpg);
}

.parallax04 {
    /*background-image: url(/wp-content/uploads/2024/09/mv01.jpg);*/
	background-image: url(/wp-content/uploads/2025/05/topslider-3.jpg);
}

.parallax05 {
    background-image: url(/wp-content/uploads/2025/01/p-ouka02.jpg);
}

.parallax06 {
    background-image: url(/wp-content/uploads/2025/01/p-child-03.jpg);
}

.parallax07 {
    background-image: url(/wp-content/uploads/2025/01/p-child-04.jpg);
}

.ouka .parallax01 {
    background-image: url(/wp-content/uploads/2025/04/o-gaikan-01.jpg);
}

.ouka .parallax02 {
    background-image: url(/wp-content/uploads/2025/04/o-naikan01.jpg);
}

.ouka .parallax03 {
    background-image: url(/wp-content/uploads/2025/04/o-syokuba13.jpg);
}

.ouka .parallax04 {
    background-image: url(/wp-content/uploads/2025/04/o-pkkyousitu.jpg);
}

.ouka .parallax05 {
    background-image: url(/wp-content/uploads/2025/04/o-melodelion.jpg);
}

.ouka .parallax06 {
    background-image: url(/wp-content/uploads/2025/01/p-ouka02.jpg);
}

.ouka .parallax07 {
    background-image: url(/wp-content/uploads/2025/01/p-ouka04.jpg);
}

.ouka2 .parallax01 {
    background-image: url(/wp-content/uploads/2025/04/o2-gaikan.jpg);
}

.ouka2 .parallax02 {
    background-image: url(/wp-content/uploads/2025/04/o2-23-1.jpg);
}

.ouka2 .parallax03 {
    background-image: url(/wp-content/uploads/2025/04/o2-pkkyousitu.jpg);
}

.ouka2 .parallax04 {
    background-image: url(/wp-content/uploads/2025/04/o2-mellody.jpg);
}

.ouka2 .parallax05 {
    background-image: url(/wp-content/uploads/2022/08/絵本の読み聞かせ.jpg);
}

.ouka2 .parallax06 {
    background-image: url(/wp-content/uploads/2025/01/p-ouka2-02.jpg);
}

.ouka2 .parallax07 {
    background-image: url(/wp-content/uploads/2025/04/oukadai2-background-7.jpg);
}

.childroom .parallax01 {
    background-image: url(/wp-content/uploads/2025/01/p-child-01.jpg);
}

.childroom .parallax02 {
    background-image: url(/wp-content/uploads/2025/01/p-child-02.jpg);
}

.childroom .parallax03 {
    background-image: url(/wp-content/uploads/2025/04/o2-pkkyousitu.jpg);
}

.childroom .parallax04 {
    background-image: url(/wp-content/uploads/2025/04/o2-mellody.jpg);
}



.temporary-care .width1400 {
    padding: 0 !important
}

.post-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 !important
}

@media screen and (max-width:1400px) {
    .post-item {
        padding: 0 5px !important;
        width: 100%
    }
}

.temporary_care-box {
    justify-content: center
}

.custom01-img-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    mask-image: url(/wp-content/uploads/2024/10/shape_beans.png);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    max-width: initial !important;
    border-radius: 0 !important;
}

.custom01-text {
    padding: 0 20px !important;
	text-align:center;
}

.custom01-table {
    border: 1px solid #d1dee8;
    width: 80%;
}

@media screen and (max-width:1400px) {
    .custom01-table {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .custom01-table {
        width: 95%
    }
}

.custom01-table tr {
    border-bottom: 1px solid #d1dee8
}

.custom01-table th,
.custom01-table td {
    padding: 15px
}

/* 20250822width修正20%から30% */
.custom01-table th {
    text-align: left;
    width: 30%;
    font-weight: 700;
    background-color: #ffc0cb;
    border-bottom: 1px solid #d1dee8
}

.custom01-table td {
    width: 70%;
    background-color: #fff
}

.ouka .custom01-img-box,
.ouka2 .custom01-img-box,
.childroom .custom01-img-box {
    position: relative
}

.ouka .custom01-img-box::after,
.ouka2 .custom01-img-box::after,
.childroom .custom01-img-box::after {
    content: "";
    width: min(max(50px, 7vw), 110px);
    height: min(max(50px, 7vw), 110px);
    position: absolute;
    right: 10px;
    bottom: -10px;
    background-image: url(/wp-content/uploads/2024/10/deco-baroon-r.png);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width:767px) {

    .ouka .custom01-img-box::after,
    .ouka2 .custom01-img-box::after,
    .childroom .custom01-img-box::after {
        width: min(max(60px, 8vw), 80px);
        height: min(max(60px, 8vw), 80px)
    }
}

.ouka2 .custom01-img-box::after {
    background-image: url(/wp-content/uploads/2024/10/deco-bird.png) !important;
    width: min(max(50px, 7vw), 90px) !important;
    height: min(max(60px, 8vw), 90px) !important
}

@media screen and (max-width:767px) {
    .ouka2 .custom01-img-box::after {
        width: min(max(50px, 7vw), 80px) !important;
        height: min(max(40px, 8vw), 80px) !important
    }
}

.childroom .custom01-img-box::after {
    background-image: url(/wp-content/uploads/2024/10/deco-child.png) !important
}

.tablepress tbody td.column-1 {
    background: #a28c7e !important
}

.overview-content {
    gap: 40px
}

.page-template-page-recruit,
.single.single-recruit-post {
    padding-top: 153px !important
}

@media screen and (max-width:1024px) {

    .page-template-page-recruit,
    .single.single-recruit-post {
        padding-top: 0 !important
    }
}

/*.page-template-page-recruit .header,
.single-recruit-post .header {
    display: none
}*/

/*.page-template-page-recruit .header.recruit-header,
.single-recruit-post .header.recruit-header {
    display: block
}*/

.page-template-page-recruit #breadcrumbs,
.single-recruit-post #breadcrumbs {
    opacity: 0
}

.recruit-features .com-box02-list {
    gap: 40px
}

.tab-panel-a .tab {
    background: #fff0f2;
    color: #ffc0cb
}

.tab-panel-a .tab.is-active,
.tab-panel-a .tab:hover {
    background: #ffc0cb !important
}

.recruit-voice .tab-panel-a .tab:nth-child(2),
.user-only-video .tab-panel-a .tab:nth-child(2) {
    background: #e4f8ff;
    color: #8FC9DE
}

.recruit-voice .tab-panel-a .tab:nth-child(2).is-active,
.recruit-voice .tab-panel-a .tab:nth-child(2):hover,
.user-only-video .tab-panel-a .tab:nth-child(2).is-active,
.user-only-video .tab-panel-a .tab:nth-child(2):hover {
    background: #8FC9DE !important;
    color: #fff !important
}

.recruit-voice .tab-panel-a .tab:nth-child(3),
.user-only-video .tab-panel-a .tab:nth-child(3) {
    background: #B8E0BD;
    color: #ffffff;
}


.recruit-voice .tab-panel-a .tab:nth-child(3).is-active,
.recruit-voice .tab-panel-a .tab:nth-child(3):hover,
.user-only-video .tab-panel-a .tab:nth-child(3).is-active,
.user-only-video .tab-panel-a .tab:nth-child(3):hover {
    background: #B8E0BD !important;
    color: #fff !important
}

.recruit-voice .tab-panel-a .tab-B .com-interview02-name,
.user-only-video .tab-panel-a .tab-B .com-interview02-name {
    background: #8FC9DE
}

.recruit-voice .tab-panel-a .tab-C .com-interview02-name,
.user-only-video .tab-panel-a .tab-C .com-interview02-name {
    background: #B8E0BD
}

.com-interview02-list {
    justify-content: center;
    gap: 20px 40px
}

.com-interview02-list-faq {
    padding: 0 20px 20px !important
}

@media screen and (max-width:1024px) {
    .com-interview02-list li {
        width: 100% !important
    }
}

.com-interview02-position {
    display: none
}

.com-interview02-img {
    margin-bottom: 0px !important
}

.com-interview02-img img {
    height: 220px !important;
    object-fit: contain !important;
    border-radius: 10px
}

@media screen and (max-width:600px) {
    .com-interview02-img img {
        height: 35vw !important
    }
}

.com-interview02-content {
    background: #fff
}

.com-interview02-name {
    color: #fff !important;
    background: #ffc0cb;
    border: none !important;
    max-width: initial
}

.com-interview02-q {
    border-color: #ffc0cb !important
}

.com-interview02-q .plus {
    color: #8FC9DE !important
}

.sub-header-txt {
    color: #554c4c !important;
    background: none !important;
    text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff
}

.recruit-feed01 li {
    background: #fffff5
}

.recruit-feed01 h3 {
    border-color: #ffc0cb !important
}

.recruit-feed01 .recruit-sub span {
    background: #3AB8ED !important
}

.recruit-feed01 .recruit-img img {
    object-fit: contain !important
}

.recruit-feed01 .recruit-feed-intro {
    display: none
}

.recruit-single-title {
    background: initial !important
}

.recruit-single-img {
    display: none !important
}

.recruit-single-content p {
    font-weight: 500
}



.job-table td {
    text-align: left !important
}

.entry-btn-content.flex {
    justify-content: center;
    gap: 40px
}

.entry-btn a {
    background: #8FC9DE !important;
    border-color: #8FC9DE !important;
    transition: 0.4s;
    width: 300px
}

.entry-btn a:hover {
    background: #fff !important;
    color: #8FC9DE !important
}

.page-id-912 .tab-A .btn01 {
    background: #ffc0cb !important;
    border-color: #ffc0cb !important
}

.page-id-912 .tab-A .btn01:hover {
    color: #ffc0cb !important;
    background: #fff !important
}

.page-id-912 .tab-A .btn01:hover .btn-arrow {
    fill: #ffc0cb !important
}

.page-id-912 .tab-B .btn01 {
    background: #8FC9DE !important;
    border-color: #8FC9DE !important
}

.page-id-912 .tab-B .btn01:hover {
    color: #8FC9DE !important;
    background: #fff !important
}

.page-id-912 .tab-B .btn01:hover .btn-arrow {
    fill: #8FC9DE !important
}

.page-id-912 .tab-C .btn01 {
    background: #96d09d !important;
    border-color: #96d09d !important
}

.page-id-912 .tab-C .btn01:hover {
    color: #96d09d !important;
    background: #fff !important
}

.page-id-912 .tab-C .btn01:hover .btn-arrow {
    fill: #96d09d !important
}

.news-list01 {
    margin-bottom: 0 !important
}

.panel-group .content-bg {
    padding: 20px !important
}

.panel-group .panel-box {
    margin-bottom: 40px !important
}

.single-info-article iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 1.7777777778;
    border: 0
}

.contact-form01 th {
    background: #ffc0cb !important
}

.contact-form01 td {
    background: #fff !important
}

.required,
input[type="radio"]:checked:before {
    background: green
}

.privacy-check {
    display: flex;
    justify-content: center;
    flex-direction: column
}

input[type="submit"],
input[type="button"] {
    background: #8FC9DE !important;
    border-color: #8FC9DE !important;
    transition: 0.4s
}

input[type="submit"]:hover,
input[type="button"]:hover {
    background: #fff !important;
    color: #8FC9DE !important
}

.privacy-head {
    display: block;
    margin: 40px 0 20px;
    border-color: #ffc0cb !important
}

.privacy-head span {
    color: #ffc0cb !important
}

/*--------------------------------------
 * 動画
 * ------------------------------------*/
.youtube_block {
    width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
    position: relative;
    margin-top: 100px;
    margin-bottom: 200px;
}
.youtube_block iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
/*
.features .com-box02-head {
    background: #f0e3cb !important;
    color: #554c4c !important;
    padding: 15px 15px !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 30px 30px 0 0;
    font-size: 2.5rem !important;
}
.features .com-box02-head {
    --border-color: black;
    padding: 2em;
    position: relative;
}
.features .com-box02-txt {
    background-size: 17% !important;
    border-radius: 0 0 30px 30px;
}
*/
.recruit-voice {
    padding-bottom: 0;
}
.gallery-img {
    display: flex;
    margin: 100px auto;
}
.gallery-img li {
    margin: 7px;
    border-radius: 10px;
    overflow: hidden;
    width: calc(100% / 4);
}
/*採用についてバナー*/
.side-link img {
    max-width: 100px;
}
.header-sub-box02 .g-sub-nav02 .g-sub-nav-list li a {
    border: none !important;
    background-color: transparent !important;
    padding: 0;
	margin-right: -30px;
}
/*採用について*/
.gallery-img li:nth-child(even) {
    transform: translateY(-30px);
    overflow: hidden;
}
.gallery-img li:nth-child(odd) {
    transform: translateY(30px);
    overflow: hidden;
}
.gallery-img li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
@media screen and (max-width:1200px) {
    .gallery-img {
        display: flex;
        height: auto;
        flex-wrap: wrap;
        justify-content: space-around;
        margin: 50px auto;
    }
    .gallery-img li {
        width: 49%;
        margin: 0 0 1% 0;
        height: 30vw;
    }
    .recruit-voice {
        padding-bottom: 0;
    }
    .recruit-voice .content-bg {
        padding-bottom: 0;
    }
}
@media screen and (max-width:600px) {
    .features .com-box02-head {
        font-size: 1.8rem !important;
    }
}

.d-txt span{
  background-color: rgba(247 ,247,139,0.5);
  font-weight: 500;
  font-size: 1.9rem;
}



/*2025-0425　追加*/
@media screen and (max-width: 767px) {
    h2.page-title {
        font-size: 2.4rem
    }
}

.btn001 {
    background: #ffc0cb !important;
    border: 1px solid #ffc0cb !important;
    transition: 0.4s;
    color: #fff; /* 通常時の文字色 */
}

.btn001:hover {
    background: #fff !important;
    color: #ffc0cb !important;
    border: 1px solid #ffc0cb !important; /* ホバー時にも枠をしっかり見せる */
}

.btn002 {
    background: #8FC9DE !important;
    border: 1px solid #8FC9DE !important;
    transition: 0.4s;
    color: #fff; /* 通常時の文字色 */
}

.btn002:hover {
    background: #fff !important;
    color: #8FC9DE !important;
    border: 1px solid #8FC9DE !important; /* ホバー時にも枠をしっかり見せる */
}

.btn003 {
    background: #B8E0BD !important;
    border: 1px solid #B8E0BD !important;
    transition: 0.4s;
    color: #fff; /* 通常時の文字色 */
}

.btn003:hover {
    background: #fff !important;
    color: #B8E0BD !important;
    border: 1px solid #B8E0BD !important; /* ホバー時にも枠をしっかり見せる */
}

/*2025-0515 追加*/
@media screen and (max-width: 767px) {
    h2.page-title {
        font-size: 2.1rem;
    }
}

/*2025-0516 追加*/
body{
	overflow-x:hidden;
}
.recruit  .sub-header{
  height: 36vw;
}
.sub-header {
 border-radius: 50px;
}
.page-template-page-recruit #breadcrumbs, .single-recruit-post #breadcrumbs {
  display: none;
}
.job-table th {
background: #a28c7e;
  color: #ffffff!important;
  text-align: center;
  margin-top: 15px;
  border-radius: 0;
  font-size: 15px;
}

table.job-table td.illust_img01 {
    background-image: url(/wp-content/uploads/2025/05/sp_recruit_img.png);
	background-repeat:no-repeat;
    background-position: right top;
}
table.job-table td.illust_img02 {
    background-image: url(/wp-content/uploads/2025/05/sp_recruit_img02.png);
	background-repeat:no-repeat;
    background-position: right top;
}
/*table.job-table td.illust_img03 {
    background-image: url(/wp-content/uploads/2025/05/hanabira.png);
	background-repeat:no-repeat;
    background-position: 98% 15%;
    background-size: 12%;
}*/
table.job-table td.illust_img04 {
    background-image: url(/wp-content/uploads/2025/05/sp_recruit_img04.png);
	background-repeat:no-repeat;
    background-position: 100% bottom;
}
table.job-table td.illust_img05 {
    background-image: url(/wp-content/uploads/2025/05/sakura.png);
		background-repeat:no-repeat;
    background-position: 100% bottom;
    background-size: 8%;
}

.line-common {
    text-align: center;
	margin-top:50px;
	margin-bottom:150px;
}
p.come {
    position: relative;
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
    font-size: 2.5rem;
}

.line-common img{
	width: auto;
  height: auto;
  text-align: center;
  margin: 0 auto;
}
.line-common p.come:before,.line-common p.come:after {
    position: relative;
    display: inline-block;
    content: "";
    background: #faa94d;
    width: 2px;
    height: 2em;
    margin: 0 1em;
    margin-top: -.2em;
    vertical-align: middle;
}

.line-common p.come:before{
    transform: rotate(-35deg);
}

.line-common p.come:after{
    transform: rotate(35deg);
}
.footer-menu .sub-menu {
  margin: 5px 0 20px;
  padding-top: 0;
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
.point-content{
padding-top:0;
}
}	
@media screen and (max-width: 500px) {
.n2-ss-slider .n2-ss-layer:not([data-sstype="col"]){
width: 25vw!important;
}
}	

/*修正0710
 * ①SP時のスライドテキスト画像サイズ調整*/
.n2-ss-slider .n2-ss-item-image-content {
  max-width: 100%; 
}

.n2-ss-slider .n2-ss-item-image-content img {
 width:100%;
 object-fit:contain;
}


/*修正20250728
 * 園ごとの背景色の出しわけ*/

/* 桜花保育園（スラッグ: ouka-hoikuen）*/
.recruit-box.ouka-hoikuen {
  background-color:;
}
/* チャイルドルーム（スラッグ: childroom）*/
.recruit-box.childroom {
  background-color:;
}
/* 桜花第二保育園（スラッグ: ouka2-hoikuen）*/
.recruit-box.ouka2-hoikuen {
  background-color:;
}

/*修正2025822　園別にカラー変更
 * SPメニュー内のボタン色*/
#mobile-nav .mobile-menu-list .sub-menu li.menu-item-1782 a{
	background: #ffc0cb !important;
}
#mobile-nav .mobile-menu-list .sub-menu li.menu-item-1783 a{
	background: #8FC9DE !important;
}
#mobile-nav .mobile-menu-list .sub-menu li.menu-item-1784 a{
	background:#B8E0BD !important;
}
/* 求人情報のタブ*/

.tab-panel-a .tab.tab-recruit-cat01{
background: #fff0f2!important;
  color: #ffc0cb!important;
}
.tab-panel-a .tab.tab-recruit-cat02{
background: #e4f8ff!important;
  color: #8FC9DE!important;
}
.tab-panel-a .tab.tab-recruit-cat03 {
	background: #dff5e2 !important;
  color: #81c98b !important;
}
.tab-panel-a .tab.tab-recruit-cat01.is-active, .tab-panel-a .tab.tab-recruit-cat01:hover {
  background: #ffc0cb !important;
	color: #fff !important;
}
.tab-panel-a .tab.tab-recruit-cat02.is-active, .tab-panel-a .tab.tab-recruit-cat02:hover {
	background: #8FC9DE !important;
	color: #fff !important;
}
.tab-panel-a .tab.tab-recruit-cat03.is-active, .tab-panel-a .tab.tab-recruit-cat03:hover {
	background:#B8E0BD !important;
	color: #fff !important;
}


.recruit-feed01 li.recruit-cat01 .recruit-sub span{
	  background: #ffc0cb !important;
}
.recruit-feed01 li.recruit-cat02 .recruit-sub span{
	background: #8FC9DE !important;
}
.recruit-feed01 li.recruit-cat03 .recruit-sub span{
		background:#B8E0BD !important;
}
.recruit-feed01 li.recruit-cat01{
	border: 2px solid  #ffc0cb!important;
}

.recruit-feed01 li.recruit-cat02{
	border: 2px solid  #8FC9DE!important;
}
.recruit-feed01 li.recruit-cat03{
	border: 2px solid  #B8E0BD!important;
}

.recruit-feed01 h3 {
  border-bottom: 3px solid #0067b5;
  border-bottom-color: rgb(0, 103, 181);
  margin: 0 0 30px;
  width: 100%;
  display: block;
  max-width: 100%;
}
.recruit-feed01 li.recruit-cat01 h3{
	border-color:#ffc0cb!important;
}
.recruit-feed01 li.recruit-cat02 h3{
	border-color:#8FC9DE!important;
}
.recruit-feed01 li.recruit-cat03 h3{
	border-color:#B8E0BD!important;
}

/*修正20250907
 * 採用activeタブ*/
section.recruit-recruitment .tab-panel-a .tab.is-active {
    position: relative;
}
section.recruit-recruitment .tab-panel-a .tab.is-active::before {
    content: "";
    width: 116px;
    height: 125px;
    background-image: url(/wp-content/uploads/2025/09/icon.png);
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}