@charset "utf-8";



/*  Foundation
*/



/*  Modules strong point
*/

.strong-point {
    margin: 3em auto 22em;
}



.strong-point-list > .wp-block-group__inner-container {
    display: flex;
    justify-content: center;
    align-items: top;

    position: relative;
}



.strong-point-one {
    margin: 1em 3%;
    width: 29.333%;
    max-width: 400px;
}



.strong-point-title {
    font-weight: bold;
    font-size: 1.6em;
}

.strong-point-title img {
    vertical-align: middle;
    margin-right: 0.5em;
}

.strong-point-title .text {
    vertical-align: middle;
    line-height: 1em;
    letter-spacing: 1px;
}

.strong-point-text {
    line-height: 2em;
    letter-spacing: 2px;
}



.strong-point-decoration .wp-block-group__inner-container {
    display: flex;
    justify-content: center;
    align-items: top;
}

.strong-point-decoration .wp-block-group__inner-container figure {
    position: relative;
    width: 33.334%;
    height: 1em;
}

.strong-point-image-1 img {
    position: absolute;
    z-index: 3;
    bottom: -210px;
    left: -210px;
    margin: auto;
    max-width: initial;
    object-fit: contain;
}

.strong-point-image-2 img {
    position: absolute;
    z-index: 2;
    bottom: -320px;
    left: 240px;
    width: auto;
    margin: auto;
    max-width: initial;
    object-fit: contain;
}

.strong-point-image-3 img {
    position: absolute;
    z-index: 1;
    bottom: -420px;
    right: -230px;
    margin: auto;
    max-width: initial;
    object-fit: contain;
    vertical-align: middle;
}



/*  Modules fc recruitment
*/

.fc-recruitment > .wp-block-group__inner-container {
    display: flex;
    justify-content: center;
    align-items: center;

    background: linear-gradient(var(--color-white) 0% 4.999%, var(--bg-color-primary) 5% 90%, var(--bg-color-oralcare) 0% 90.001%);
}

.fc-recruitment-left {
    width: 43%;
    margin-right: 2%;
    text-align: right;
}

.fc-recruitment-left img {
    object-fit: contain;
}

.fc-recruitment-right {
    width: 53%;
    margin-left: 2%;
}

.fc-recruitment-text-sub {
    margin: 0;

    font-weight: bold;
    font-size: 1.2em;
    color: var(--color-white);
    letter-spacing: 1px;
}



/* pc M / pc L  (1366 + 1600) / 2
*/

@media screen and (max-width: 1483px) {
    /*  strong point
    */
    .strong-point-image-1 img {
        bottom: -210px;
        left: -90px;
    }

    .strong-point-image-2 img {
        bottom: -320px;
        left: 330px;
    }

    .strong-point-image-3 img {
        bottom: -320px;
        right: -100px;
        width: 480px;
        height: 375px;
    }
}



/*  pc x-small : pc small ((1024 + 1366) / 2)
*/

@media screen and (max-width: 1195px) {
    /*  strong-point
    */
    .strong-point-list > .wp-block-group__inner-container {
        justify-content: space-between;
    }

    .strong-point-one {
        margin: 1em 2%;
    }

    .strong-point-image-1 img {
        bottom: -210px;
        left: -20px;
        width: 350px;
        height: 206px;
    }

    .strong-point-image-2 img {
        bottom: -310px;
        left: 320px;
        width: 350px;
        height: 201px;
    }

    .strong-point-image-3 img {
        bottom: -190px;
        right: -50px;
        width: 320px;
        height: 250px;
    }

    /*  fc-recruitment
    */
    .fc-recruitment-left {
        width: 43%;
    }

    .fc-recruitment-right {
        width: 56%;
        margin-left: 0;
    }

    .fc-recruitment-right img {
        max-width: 95%;
        object-fit: contain;
    }
}



/*  new iPad portrate : pc x-small ((810px + 1024px) / 2)
*/
@media screen and (max-width: 917px) {
    /*  strong-point
    */
    .strong-point-image-1 img {
        bottom: -150px;
        left: -30px;
        width: 300px;
        height: 176px;
    }

    .strong-point-image-2 img {
        bottom: -280px;
        left: 260px;
        width: 300px;
        height: 172px;
    }

    .strong-point-image-3 img {
        bottom: -160px;
        right: -50px;
        width: 320px;
        height: 250px;
    }
}



/*  iPhone 12 pro Max : iPad portrate ((428px + 768px) / 2)
*/

@media screen and (max-width: 598px) {
    /*  strong point
    */
    .strong-point {
        padding-bottom: 0;
        margin-bottom: 3em;
    }

    .strong-point-name-image {
    }

    .strong-point-name-image img {
        width: 260px;
        height: 44px;
        object-fit: contain;
    }

    .strong-point-name {
        margin-top: 1em;
        padding: 0;
        letter-spacing: 0;
        font-size: var(--font-size-subtitle-micro);
    }

    .strong-point-list > .wp-block-group__inner-container {
        flex-wrap: wrap;
    }

    .strong-point-one {
        width: 100%;
        margin: 1.5em 0.5em;
    }

    .strong-point-list > .wp-block-group__inner-container {
        padding: 0;
    }

    .strong-point-one:nth-child(2) {
        margin-bottom: 3em;
    }

    .strong-point-one:nth-child(4) {
        margin-top: 3em;
    }

    .strong-point-title {
        text-align: center;
        margin: 0.8em 0;
    }

    .strong-point-title img {
        height: 20px;
        width: fit-content;
        margin-right: 0;
        object-fit: contain;
    }

    .strong-point-title .text {
        font-size: 20px;
    }

    .strong-point-text {
        font-size: var(--font-size-body);
    }

    .strong-point-image-1 img {
        position: initial;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: min-content;
    }

    .strong-point-image-2 img {
        position: initial;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: min-content;
    }

    .strong-point-image-3 {
        position: relative;
        width: 100%;
    }

    .strong-point-image-3 img {
        top: 0;
        bottom: 0;
        right: 0;
        width: 160px;
        height: 130px;
    }

    /*  fc-recruitment
    */
    .fc-recruitment > .wp-block-group__inner-container {
        flex-wrap: wrap;
        background: linear-gradient(var(--color-white) 0% 19.999%, var(--bg-color-primary) 20% 100%);
    }

    .fc-recruitment-left,
    .fc-recruitment-right {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .fc-recruitment-left figure {
        margin: 0;
    }

    .fc-recruitment-left img {
        width: 185px;
        height: fit-content;
    }

    .fc-recruitment-text-sub {
        margin: 1em 0;
        font-size: var(--font-size-body);
    }

    .fc-recruitment-text-main-image img {
        width: 270px;
        height: fit-content;
        object-fit: contain;
    }
}