:root {
    --service-black: #201815;
    --service-border-black: #1e1e1e;
    --service-bgc-gray: #f0f0f0;
    --service-bgc-gray-rgb: 255, 255, 255;
    --service-blue: #004ea2;
    --service-blue-rgb: 0, 78, 162;
    --service-skyblue: #00a0e9;
    --service-red: #e60012;
    --service-orange: #f6ab00;
}

/* わおわお福祉会 */
.p-waowao-child .service-bg--waowao {
    background-image: url("../../../assets/service/images/waowao/keyvisual-bg-red.webp");
    position: relative;
    z-index: 1;
}
.p-waowao-child .service-mv::after{
    background-image: url("../../../assets/service/images/waowao/mv-waowao.webp");
    aspect-ratio: 3819 / 2439;
    background-size: 86%;
    top: -321px;
    left: 46vw;
}

.p-waowao-child .service-header .logo {
    max-width: 305px;
    max-height: 80px;
}

.p-waowao-child .service-header h4 {
    color: var(--service-red);
}

.p-waowao-child .company-category {
    background-color: var(--service-red);
}
.p-service .company-category + h3 {
    letter-spacing: 0.07em;
}
.p-waowao-child #company .btn a {
    border-color: var(--service-red);
    color: var(--service-red);
}
.p-waowao-child #company .btn a::after {
    color: var(--service-red);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.56' height='14.56' viewBox='0 0 14.56 14.56'%3E%3Cg%3E%3Crect x='0.5' y='3.38' width='10.68' height='10.68' fill='none' stroke='%23e60012' stroke-miterlimit='10'/%3E%3Cpolyline points='3.38 0.5 14.06 0.5 14.06 11.18' fill='none' stroke='%23e60012' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E");
}

/**********
保育園事業
**********/
.p-waowao-child #childcare-business h4.heading-line::after {
    background-color: var(--service-red);
}
.p-waowao-child #childcare-business header {
    background-color: var(--service-red);
}
.p-waowao-child #corporate-philosophy {
    background-color: #f9eef2;
}
.p-waowao-child .corporate-philosophy::after {
    content: '';
    display: block;
    width: 1035px;
    height: 150%;
    aspect-ratio: 1378 / 919;
    background-image: url(../../../assets/service/images/waowao/philosophy.webp);
    background-position: center left -30%;
    background-size: 95%;
    top: -130px;
    left: 53vw;
}

#childcare-philosophy article::before {
    width: 353.6px;
    height: 262px;
    background-image: url(../../../assets/service/images/waowao/childcare-philosophy-img.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.p-waowao-child #childcare-philosophy h5 span {
    color: var(--service-red);
    font-weight: bold;
    letter-spacing: 0.1em;
}
.p-waowao-child #childcare-philosophy h5 span br{
    display: none;
}

.p-waowao-child .lead {
    color: var(--service-red);
} 
.p-waowao-child #childcare-philosophy h6 {
    margin-bottom: 5px;
}
.p-waowao-child #childcare-philosophy .list-circle li {
    letter-spacing: 0.02em;
}
.p-waowao-child .list-circle li::before {
    background-color: var(--service-red);
}
.p-waowao-child #office section {
    margin-bottom: 20px;
}
.p-waowao-child #office section > h5 {
    background-color: var(--service-red);
}
.p-waowao-child #office section ul {
    font-size: 1.8rem;
    letter-spacing: 0.025em;
    line-height: 2.1;
}
.p-waowao-child #office section ul li {
    padding-left: 23px;
}
.p-waowao-child #office section ul li::before {
    width: 18px;
    height: 18px;
}
.p-waowao-child #office .service-2column {
    gap: 58px;
}
.p-waowao-child #office div:has(.bubble) {
    position: relative;
}
.p-waowao-child #office .bubble {
    width: 338px;
    font-size: 2rem;
    letter-spacing: 0.025em;
    line-height: 1.6;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: -105px;
    right: 15px;
    background-color: #fff;
}
.p-waowao-child #office .bubble::after {
    content: '';
    display: block;
    width: 338px;
    height: 46.4px;
    background-image: url(../../../assets/service/images/waowao/bubble.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    position: absolute;
    bottom: -32px;
    z-index: -1;
}
@media screen and (min-width: 1919.98px) {
    .p-waowao-child .corporate-philosophy::after {
        width: 1050px;
        background-size: 100%;
        top: -110px;
    }
}
@media screen and (max-width: 1198.98px) {
    .p-waowao-child .corporate-philosophy .inner-container {
        padding: 67px 0;
    }
}
@media screen and (max-width: 1109.98px) {
    
}

@media screen and (max-width: 1039.98px) {
    .p-waowao-child .corporate-philosophy::after {
        left: 58vw;
    }
}
@media screen and (max-width: 990.98px) {
    .p-waowao-child .corporate-philosophy::after {
        width: 60vw;
        position: relative;
        background-image: url(../../../assets/service/images/waowao/philosophy--medium.webp);
        left: 42vw;
        top: unset;
        background-position: right bottom;
        border-radius: 0;
        aspect-ratio: 1470 / 1081;
        background-size: 100%;
    }
    .p-waowao-child #office .service-2column {
        gap: 2rem;
    }
}
@media screen and (max-width: 909.98px) {
    .p-waowao-child #office .service-2column {
        grid-template-columns: 1fr;
    }
    .p-waowao-child #office .service-2column > div:last-child {
        padding-top: 100px;
    }
    .p-waowao-child #office .bubble {
        right: 0;
        left: 0;
        top: 15px;
        margin: auto;
        font-size: 1.6rem;
    }
    .p-waowao-child #office figure {
        margin-inline: auto;
    }
}
@media screen and (max-width: 764.98px) {
    .p-waowao-child #childcare-philosophy article::before {
        top: -30px;
    }
}
    
@media screen and (max-width: 599.98px) {
    .p-waowao-child #mv.service-mv::after {
        bottom: -54vw;
    }
    .p-waowao-child .service-header h4 {
        font-size: 2.43rem;
    }
    .p-waowao-child .corporate-philosophy::after {
        background-image: url(../../../assets/service/images/waowao/philosophy.webp);
    }
    .p-waowao-child #childcare-philosophy ul.list-circle li::before {
        bottom: unset;
        margin: unset;
        top: 9px;
    }
    .p-waowao-child #office section ul {
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 360.98px) {
    .p-waowao-child .service-header h4 {
        letter-spacing: 0;
    }
}