@charset "utf-8";



/*  Foundation
*/



/*  Moduels top image
*/

.front-top-image {
    margin-top: 3em;
    margin-bottom: 0;
}

.front-top-image img {
    object-fit: contain;
}



/*  Moduels slide image
*/

.front-slide-image {
    margin-top: 1em;
}

.front-slide-image img {
    max-width: initial;
}

.slide-left {
    position: relative;
    /*
    width: 10236px;
    height: 814px;
    */
}

.slide-left .wp-image-slide {
    max-width: initial;

    /*
    width: 5118px;
    height: 814px;
    */
}

.slide-left .wp-image-slide:first-child {
    animation: slide-left-5872-end-stop 40s linear infinite;
}

@keyframes slide-left-5872-end-stop {
    0% { margin-left: 2vw; }
    50% { margin-left: calc(-5872px + 98vw); }
    90% { margin-left: calc(-5872px + 98vw); }
    95% { margin-left: 2vw; }
    100% { margin-left: 2vw;}
}

@keyframes slide-left-2756-end-stop {
    0% { margin-left: 2vw; }
    50% { margin-left: calc(-2756px + 98vw); }
    90% { margin-left: calc(-2756px + 98vw); }
    95% { margin-left: 2vw; }
    100% { margin-left: 2vw;}
}



/*  Moduels news
*/

.front-news {
    margin: 5em 0;
}

.news-list {
    list-style: none;
}

.news-one {
    border-bottom: 1px #666 dashed;
    padding: 1em 10%;
    margin-bottom: 1em;

    display: flex;
    justify-content: flex-start;
    align-items: center;
}



.news-one .category {
    margin: 0 0.5em;
    width: 200px;
    text-align: center;
}

.news-link {
    padding: 0.5em 1em;

    font-size: var(--font-size-main);
    color: #111;
}

.category .news-link {
    background-color: #666;
    color: var(--font-color-sub);
}

.news-link.kotuyosi-kids {
    background-color: #86b3e0;
    color: var(--font-color-sub);
}

.news-link.kotuyosi {
    background-color: var(--bg-color-primary);
    color: var(--font-color-sub);
}

.news-link.reuse {
    background-color: #ffe33f;
    color: var(--font-color-sub);
}

.news-link.oralcare {
    background-color: #db8692;
    color: var(--font-color-sub);
}

.news-link.childcare {
    background-color: #86b3e0;
    color: var(--font-color-sub);
}

.news-link.resource {
    background-color: #ddab85;
    color: var(--font-color-sub);
}



.news-one .datetime {
    margin: 0 1em 0 0;
    width: 180px;
    text-align: center;

    font-size: var(--font-size-alnum);
}

.news-one .title {
    max-width: calc(100% - 437px);
    margin: 0 1em 0 0.5em;

    font-size: var(--font-size-main);
    color: var(--font-color-main);
}



/*  Moduels more button
*/

.more-button .wp-block-button__link {
    width: 220px;
    height: 50px;
    position: relative;
    background-color: var(--color-light-lime-green) !important;

    line-height: 1em;
    text-align: center;

    font-weight: bold;
    font-size: 1.4em;
    letter-spacing: 4px;
}

.more-button .wp-block-button__link .icon {
    position: absolute;
    top: 0;
    left: -25px;
    width: 50px;
    height: 50px;
    margin: auto;

    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-dark-glay);
    border-radius: 50%;
}

.more-button .wp-block-button__link .icon i {
    font-size: 1.4em;
    width: 18px;
    color: var(--font-color-primary);
}



.more-button .wp-block-button__link:hover {
    background-color: var(--bg-color-primary) !important;
}

.more-button .wp-block-button__link:hover .icon {
    left: calc(100% - 1.025em);
}



/*  pc x-small : pc standard : (1024 + 1920) / 2
*/
@media screen and (max-width: 1472px) {
    /*  slides
    */
    .slide-left {
        /* height: 305px; */
        height: 400px;
    }

    .slide-left img {
        max-width: 2756px;
        object-fit: contain;
    }

    .slide-left .wp-image-slide {
        /*
        width: 1920px;
        height: 305px;
        */
        width: 2756px;
        height: 400px;
    }

    .slide-left .wp-image-slide:first-child {
        animation: slide-left-2756-end-stop 30s linear infinite;
    }
}



/*  pc x-small : pc small ((1024 + 1366) / 2)
*/
@media screen and (max-width: 1195px) {
    /*  news
    */
    .news-one {
        padding: 1em;
    }

    .news-one .category {
        width: 160px;
    }

    .news-one .datetime {
        width: 120px;
    }

    .news-one .title {
        margin: 0;
        max-width: calc(100% - 313px);
    }
}



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

@media screen and (max-width: 598px) {
    /*  Foundation
    */
    .front-page > .wp-block-group__inner-container {
        background: linear-gradient(to bottom, #fffaf0 35%, transparent 35%);
    }

    /*  top image
    */
    .front-top-image {
        padding: 2em 10% 0.5em 10%;
    }

    /*  news
    */
    .news-one {
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        overflow-x: hidden;
    }

    .news-one .category {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
        margin-bottom: 1em;
    }

    .news-one .category .news-link {
        padding: 0.2em 0.5em;
    }

    .news-one .datetime {
        width: fit-content;
        margin: 0;
        padding: 0;
    }

    .news-one .title {
        width: calc(100% - 100px);
        max-width: 100%;
    }

    .news-one .title .news-link {
        padding: 0;
    }

    .front-news .more-button {
        width: 100%;
        padding: 0 15%;
        margin-top: 2em;
    }

    .more-button .wp-block-button__link {
        width: 100%;
        padding: 0.5em 0;
        background-color: var(--bg-color-primary) !important;
    }
}