: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;
    --service-light-green: #abcd03;

}

/* ワオ・ジャパン株式会社 */
.p-waokids .service-bg--waokids {
    background-image: url("../../../assets/service/images/waokids/keyvisual-bg-green.webp");
    position: relative;
    z-index: 1;
}
.p-waokids .service-mv::after{
    background-image: url("../../../assets/service/images/waokids/mv-waokids.webp");
    aspect-ratio: 3790 / 2329;
    background-size: 84%;
    top: -350px;
    left: 40vw;
}
.p-waokids .service-header {
    padding-top: 55px;
}
.p-waokids .service-header .logo {
    max-width: 322.9px;
    max-height: 87.3px;
    margin-bottom: 35px;
}
.p-waokids .service-header h4 {
    color: var(--service-light-green);
}
.p-waokids .service-header + p br.sp{
    display: none;
}
.p-waokids .company-category {
    background-color: var(--service-light-green);
}
.p-waokids #company .btn a {
    border-color: var(--service-light-green);
    color: var(--service-light-green);
}
.p-waokids #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='%23abcd03' stroke-miterlimit='10'/%3E%3Cpolyline points='3.38 0.5 14.06 0.5 14.06 11.18' fill='none' stroke='%23abcd03' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E");
}
.p-wao .business h5 {
    line-height: 1.7;
}

/**********
保育園事業
**********/
.p-waokids #childcare-business h4.heading-line::after {
    background-color: var(--service-light-green);
}
.p-waokids #childcare-business header {
    background-color: var(--service-light-green);
}
.p-waokids #corporate-philosophy {
    background-color: #f8f9ee;
}
.p-waokids .corporate-philosophy::after {
    content: '';
    display: block;
    width: 1050px;
    height: 150%;
    aspect-ratio: 2756 / 1837;
    background-image: url(../../../assets/service/images/waokids/philosophy.webp);
}

.p-waokids .corporate-philosophy p {
    margin-bottom: 83px;
}

#childcare-philosophy article::before {
    width: 353.6px;
    height: 262px;
    background-image: url(../../../assets/service/images/waokids/childcare-philosophy-img.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    top: 100px;
    right: -5rem;
}
.p-waokids #childcare-philosophy h5 span {
    color: var(--service-light-green);
}
.p-waokids #childcare-philosophy .list-circle li {
    padding-left: 20px;
    letter-spacing: 0.11em;
}
.p-waokids .list-circle li::before {
    background-color: var(--service-light-green);
    width: 14.6px;
    height: 14.6px;
}
.p-waokids #childcare-philosophy ul {
    margin-bottom: 60px;
}
.p-waokids #childcare-philosophy h6 {
    font-size: 2.3rem;
    letter-spacing: 0.15em;
    line-height: 1.5;
    font-weight: 600;
}
.p-waokids #childcare-philosophy h6 + p {
    font-size: 1.6rem;
    letter-spacing: 0.06em;
    margin-bottom: 20px;
}

.p-waokids #childcare-philosophy .service-2column {
    gap: 38px;
    padding-block: 20px 55px;
}
.p-waokids #childcare-philosophy .service-2column > figure {
    max-width: 459.6px;
    max-height: 298px;
    aspect-ratio: 459.6 / 298;
    margin-bottom: 0;
}
.p-waokids #childcare-philosophy .service-2column > figure figcaption {
    right: unset;
    left: 15px;
    font-size: 15px;
    font-weight: 600;
}

/*拠点情報*/
.p-waokids #office .inner-container {
    padding: 0 0 67px 0;
}
.p-waokids #office section {
    margin-bottom: 20px;
}

.p-waokids #office .lead {
    color: var(--service-light-green);
}
.p-waokids #office section > h5 {
    background-color: var(--service-light-green);
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    gap: 1rem;
    margin-bottom: 15px;
}
.p-waokids #office section > h5 > span:nth-child(2) {
    font-size: 1.4rem;
    line-height: 1.5;
    border: 1px solid #fff;
    border-radius: 1.5rem;
    padding-inline: 5px;
    text-align: center;
}
.p-waokids #office section > h5 > span:last-child {
    font-size: 1.6rem;
}

.p-waokids #office .service-2column {
    gap: 60px;
}
.p-waokids #office section ul {
    font-size: 1.8rem;
    letter-spacing: 0.025em;
    margin-left: 10px;
}
.p-waokids #office section ul li > span:first-child {
    width: 41%;
    font-weight: 500;
}
.p-waokids #office section ul li > span:last-child {
    width: 57%;
    color: #595757;
}
.p-waokids #office .list-circle li {
    padding-left: calc(1.8rem + 10px);
    font-size: 1.6rem;
}
.p-waokids #office .list-circle li::before {
    width: 1.8rem;
    height: 1.8rem;
}

@media screen and (min-width: 1600.01px) {
    .p-waokids .corporate-philosophy::after {
        background-position: center;
    }
}
@media screen and (max-width: 1079.98px) {
    .p-waokids #office .service-2column{
     gap: 2vw;   
    }
}

@media screen and (max-width: 1039.98px) {
    .p-waokids .corporate-philosophy::after {
        left: 58vw;
    }
    .p-waokids #childcare-philosophy article::before {
        top: -50px;
    }
    .p-waokids #office .service-2column {
        grid-template-columns: 1fr;
    }
    .p-waokids #office section > h5 {
        grid-template-columns: 8.5ch 3ch auto;
    }
    .p-waokids #office section ul li > span:first-child {
        width: 30%;
        min-width: 140px;
    }
}
@media screen and (max-width: 990.98px) {
    .p-waokids .corporate-philosophy::after {
        width: 60vw;
        position: relative;
        background-image: url(../../../assets/service/images/waokids/philosophy--medium.webp);
        left: 42vw;
        top: unset;
        background-position: right top;
        border-radius: 0;
    }
    .p-waokids #office .service-2column {
        gap: 2rem;
    }
}
@media screen and (max-width: 909.98px) {
    .p-waokids #office .service-2column > div:last-child {
        padding-top: 100px;
    }
    .p-waokids #office .bubble {
        right: 0;
        left: 0;
        top: 0;
        margin: auto;
        font-size: 1.6rem;
    }
    .p-waokids #office figure {
        margin: 0 auto;
    }
}
@media screen and (max-width: 767.98px) {
    .p-waokids .business .l-container {
        flex-direction: column;
        align-items: center;
        padding-block: 10px;
    }
    .p-waokids .business header h3 {
        font-size: 3.2vw;
        border-right: 0;
        border-bottom: 2.8px solid #fff;
        padding-right: 0;
        padding-bottom: 1.8vw;
        margin-bottom: 1.8vw;
    }
}
    
@media screen and (max-width: 599.98px) {
    .p-waokids #mv {
        padding-bottom: 45vw;
    }
    .p-waokids .service-header + p {
        width: 75vw;
    }
    .p-waokids .service-header + p br.sp{
        display: block;
    }
    .p-waokids .business header h3 {
        font-size: 1.8rem;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .p-waokids .service-header h4 {
        font-size: 2.1rem;
    }
    .p-waokids #childcare-philosophy ul.list-circle li::before {
        bottom: unset;
        margin: unset;
        top: 6px;
    }
    .p-waokids #childcare-philosophy h6 {
        font-size: 2.0rem;
    }
    .p-waokids #childcare-philosophy h6 + p {
        font-size: 1.4rem;
    }
    .p-waokids #childcare-philosophy .service-2column {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .p-waokids #childcare-philosophy .service-2column figure:first-child::after {
        display: none;
    }
    .p-waokids #childcare-philosophy .service-2column > figure figcaption {
        font-size: 1.4rem;
    }
    .p-waokids .corporate-philosophy::after {
        background-image: url(../../../assets/service/images/waokids/philosophy.webp);
    }

    /* 拠点情報 */
    .p-waokids #office section > h5:has(span) {
        grid-template-columns: 4.5ch auto auto;
        row-gap: 0;
        column-gap: .5rem;
        padding-block: .8rem;
    }
    .p-waokids #office section > h5 span:first-child {
        grid-column: span 3;
        line-height: 1.8;
    }
    .p-waokids #office section > h5 span:nth-child(2) {
        line-height: 1.5;
    }
    .p-waokids #office section ul {
        margin-left: 0;
    }
    .p-waokids #office section > h5 > span:last-child {
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 360.98px) {
    .p-waokids .service-header h4 {
        font-size: 2rem;
    }
}