@charset "UTF-8";

/* -------------------------------------------------------
    style.html タブレット版（768px〜1439px）
    css/style.css（PC版）の px 指定を 1440px 基準で vw に変換
    計算式：px ÷ 1440 × 100 = vw（小数点4桁まで）
    セレクタ・レイアウト構成はPC版から変更していません
------------------------------------------------------- */

@media screen and (min-width: 768px) and (max-width: 1439px) {

    /* -------------------------
        hero（トップページ）
    ------------------------- */

    .hero {
        position: relative;
        width: 100%;
        min-width: 69.4444vw;
        overflow: visible;
        background: var(--color-yellow);
    }

    .hero__inner {
        position: relative;
        width: 100%;
        max-width: 100vw;
        min-height: 170.8333vw;
        margin: 0 auto;
    }



    .hero__photo,
    .hero__photo-img {
        display: block;
        object-fit: cover;
        border-radius: 63% 37% 54% 46% / 43% 47% 53% 57%;
    }

    .hero__photo {
        position: absolute;
        z-index: 1;
    }

    .hero__photo-wrap {
        position: absolute;
        z-index: 1;
    }

    .hero__photo-wrap .hero__photo-img {
        width: 100%;
        height: 100%;
    }

    .hero__photo--01 {
        top: -1.5278vw;
        left: -12.0139vw;
        width: 54.4444vw;
        height: 82.7083vw;
        border-radius: 0;
    }

    .hero__photo--03 {
        top: 99.5139vw;
        left: -2.9167vw;
        width: 45.1389vw;
        height: 37.0833vw;
        border-radius: 0;
    }

    .hero__photo--03-care {
        position: absolute;
        top: 6.3604vw;
        left: 0;
        width: 40.4924vw;
        height: 26.8514vw;
    }

    .hero__photo--03-staff {
        position: absolute;
        top: 0;
        left: 22.8181vw;
        width: 22.3479vw;
        height: 29.2299vw;
    }

    .hero__photo--03-phone {
        position: absolute;
        top: 26.5472vw;
        left: 31.4201vw;
        width: 7.5507vw;
        height: 10.5361vw;
    }

    .hero__photo--05 {
        top: 140.6944vw;
        left: 18.1944vw;
        width: 23.5417vw;
        height: 35.3472vw;
    }

    .hero__photo--06 {
        top: 128.5417vw;
        left: 70.9722vw;
        width: 33.0556vw;
        height: 43.125vw;
        transform: rotate(-10.81deg);
    }



    .hero__bubble {
        position: absolute;
        top: 59.0278vw;
        left: 56.9444vw;
        z-index: 2;
        width: 55.7639vw;
        height: 49.4444vw;
    }

    .hero__bubble-photo {
        position: absolute;
        top: 6.6576vw;
        left: 2.7049vw;
        width: 49.834vw;
        height: 36.5111vw;
    }

    .hero__bubble-balloon {
        position: absolute;
        top: 16.5736vw;
        left: 2.2889vw;
        width: 15.9521vw;
        height: 10.4715vw;
    }



    .hero__catch {
        position: absolute;
        top: 19.0972vw;
        left: 54.1667vw;
        z-index: 1;
        width: 29.3056vw;
    }

    .hero__catch-img {
        display: block;
        width: 100%;
        height: auto;
    }

    .hero__catch-sub {
        position: absolute;
        top: 22.5694vw;
        left: 0;
        margin: 0;
        color: #000;
        font-size: 1.5278vw;
        font-weight: 700;
        white-space: nowrap;
    }



    .hero__illust {
        position: absolute;
        top: 41.6667vw;
        left: 2.8472vw;
        z-index: 1;
        width: 96.9444vw;
        height: 53.2639vw;
        pointer-events: none;
    }

    .hero__illust-grass {
        position: absolute;
        top: 0;
        left: 20.9722vw;
        width: 24.6528vw;
        height: 11.1111vw;
    }

    .hero__illust-mountain {
        position: absolute;
        top: 18.0556vw;
        left: 18.1944vw;
        width: 46.7361vw;
        height: 12.8472vw;
    }

    .hero__illust-train {
        position: absolute;
        top: 8.6806vw;
        left: 74.5139vw;
        width: 22.4306vw;
        height: 9.9306vw;
    }

    .hero__illust-tree {
        position: absolute;
        top: 27.9167vw;
        left: 8.6111vw;
        width: 8.1944vw;
        height: 25.3472vw;
    }

    .hero__illust-firefly {
        position: absolute;
        top: 30.2778vw;
        left: 0;
        width: 11.0417vw;
        height: 14.0972vw;
    }

    .hero__deco-sun {
        position: absolute;
        top: 53.3333vw;
        left: 51.5278vw;
        z-index: 1;
        width: 6.25vw;
        height: 5.9375vw;
        pointer-events: none;
    }



    .hero__text {
        position: absolute;
        z-index: 1;
        margin: 0;
        color: #000;
        font-size: 1.6667vw;
        font-weight: 500;
        line-height: 3.1944vw;
    }

    .hero__text--01 {
        top: 82.4306vw;
        left: 20.3472vw;
        width: 32.9167vw;
    }

    .hero__message {
        position: absolute;
        top: 108.3333vw;
        left: 51.8056vw;
        z-index: 1;
        width: 34.0278vw;
    }

    .hero__text--02 {
        position: static;
        margin-bottom: 4.9306vw;
    }

    .hero__deco-swirl-02 {
        position: absolute;
        top: 139.9306vw;
        left: 1.3889vw;
        z-index: 1;
        width: 15.9028vw;
        height: auto;
        pointer-events: none;
    }

    .hero__deco-swirl-03 {
        position: absolute;
        top: 106.25vw;
        left: 88.1944vw;
        z-index: 1;
        width: 19.4444vw;
        height: auto;
        pointer-events: none;
    }


    /* -------------------------
        理事長のダイヤリー
    ------------------------- */

    .diary {
        position: relative;
        z-index: 0;
        width: 100%;
        min-width: 69.4444vw;
        overflow: visible;
        background: var(--color-cream);
        padding: 0 0 6.9444vw;
    }

    .diary__bg-top {
        position: absolute;
        top: -36.8056vw;
        left: -5.0694vw;
        z-index: 0;
        width: 120%;
        max-width: 120%;
        height: 40.7639vw;
        object-fit: fill;
        pointer-events: none;
        display: block;
    }

    .diary__deco-staff3 {
        position: absolute;
        top: -31.875vw;
        left: 14.5833vw;
        z-index: -1;
        width: 23.5417vw;
        height: auto;
        pointer-events: none;
    }

    .diary__deco-house {
        position: absolute;
        top: -15.5556vw;
        left: 43.4028vw;
        z-index: 1;
        width: 35vw;
        height: auto;
        pointer-events: none;
    }

    .diary__deco-staff1 {
        position: absolute;
        top: -42.6389vw;
        left: 71.7361vw;
        z-index: -1;
        width: 29.0972vw;
        height: auto;
        pointer-events: none;
    }

    .diary__deco-trees {
        position: absolute;
        z-index: 1;
        height: auto;
        pointer-events: none;
    }

    .diary__deco-trees--left {
        top: 0vw;
        left: 11.1111vw;
        width: 7.6389vw;
    }

    .diary__deco-trees--right {
        top: -2.0833vw;
        left: 76.3889vw;
        width: 9.0278vw;
    }

    .diary__inner {
        position: relative;
        max-width: 100vw;
        margin: 0 auto;
        padding-top: 13.8889vw;
    }

    .diary__card {
        position: relative;
        width: 78.6111vw;
        height: 29.1667vw;
        margin: 0 auto;
        background: #fff;
        border: 2px solid var(--color-orange);
        border-radius: 2.0833vw;
    }

    .diary__illust {
        position: absolute;
        top: 1.3889vw;
        left: 0;
        width: 18.125vw;
        height: auto;
    }

    .diary__deco-dots {
        position: absolute;
        top: -6.3889vw;
        right: -13.4028vw;
        z-index: 2;
        width: 14.0278vw;
        height: 13.6806vw;
        pointer-events: none;
    }

    .diary__body {
        position: absolute;
        top: 5.3472vw;
        left: 14.5139vw;
        width: 30.9722vw;
    }

    .diary__label {
        margin: 0;
        color: var(--color-orange);
        font-size: 1.3889vw;
        font-weight: 700;
        letter-spacing: 2px;
    }

    .diary__title {
        margin: 0;
        color: var(--color-orange);
        font-size: 2.5vw;
        font-weight: 700;
    }

    .diary__text {
        margin: 1.7361vw 0 0;
        color: #333;
        font-size: 1.25vw;
        line-height: 2.0833vw;
        letter-spacing: -0.9px;
    }

    .diary__body .c-btn-more {
        margin-top: 3.4722vw;
    }

    .diary__photo-wrap {
        position: absolute;
        top: -3.4722vw;
        left: 45.1389vw;
        width: 31.25vw;
        height: 29.675vw;
    }

    .diary__notebook {
        position: absolute;
        top: 5.6701vw;
        left: 0;
        width: 6.6785vw;
        height: 5.6076vw;
    }

    .diary__photo {
        position: absolute;
        top: 5.7333vw;
        left: 8.0014vw;
        width: 23.2486vw;
        height: 23.9417vw;
    }

    .diary__bubble {
        position: absolute;
        top: 0;
        left: 16.2549vw;
        width: 14.491vw;
        height: 9.5139vw;
    }


    /* -------------------------
        お知らせ
    ------------------------- */

    .news {
        position: relative;
        width: 100%;
        min-width: 69.4444vw;
        background: var(--color-cream);
        padding: 2.7778vw 0 11.8056vw;
    }

    .news__inner {
        position: relative;
        max-width: 100vw;
        margin: 0 auto;
    }

    .news__heading {
        position: relative;
        margin-bottom: 4.1667vw;
        text-align: center;
    }

    .news__title {
        font-family: "Inter", "Zen Kaku Gothic New", sans-serif;
        margin: 0;
        color: var(--color-green);
        font-size: 3.3333vw;
        font-weight: 700;
        letter-spacing: 2.4px;
    }

    .news__subtitle {
        margin: 0;
        color: var(--color-green);
        font-size: 1.5278vw;
        font-weight: 700;
        letter-spacing: 6.82px;
    }

    .news__deco-baby {
        position: absolute;
        top: 2.0833vw;
        right: 7.6389vw;
        z-index: 2;
        width: 16.3889vw;
        height: 14.6528vw;
        pointer-events: none;
    }

    .news__card {
        position: relative;
        width: 78.125vw;
        height: 37.2917vw;
        margin: 0 auto;
        background: #fff;
        border-radius: 2.0833vw;
        padding: 4.5139vw 10.9028vw 0;
    }

    .news__list {
        display: flex;
        flex-direction: column;
        gap: 1.6667vw;
        max-height: 27.7778vw;
        margin: 0;
        padding: 0 1.1111vw 0 0;
        list-style: none;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .news__list::-webkit-scrollbar {
        display: none;
    }

    .news__item a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5556vw;
        color: #000;
        text-decoration: none;
    }

    .news__item a:hover {
        opacity: 0.7;
    }

    .news__tag {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        width: fit-content;
        height: 1.6667vw;
        background: #FFA963;
        color: #fff;
        font-size: 0.9722vw;
        font-weight: 700;
        border-radius: 0.2778vw;
        padding: 0 1.0417vw;
    }

    .news__row {
        display: flex;
        align-items: baseline;
        gap: 1.6667vw;
        width: 100%;
    }

    .news__date {
        flex-shrink: 0;
        font-size: 1.25vw;
    }

    .news__excerpt {
        flex: 1;
        min-width: 0;
        overflow: hidden;
        font-size: 1.25vw;
        letter-spacing: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .news__deco-trees {
        position: absolute;
        left: -3.4722vw;
        bottom: -4.8611vw;
        width: 12.1528vw;
        height: auto;
        pointer-events: none;
    }

    .news__more {
        display: flex;
        margin: 4.1667vw auto 0;
    }


    /* -------------------------
        ひだまりのサービス
    ------------------------- */

    .service {
        position: relative;
        width: 100%;
        min-width: 69.4444vw;
        background: var(--color-cream);
    }

    .service__photo-wrap {
        position: relative;
        width: 100%;
    }

    .service__photo-mask {
        position: relative;
        width: 100%;
        aspect-ratio: 1440 / 470;
        overflow: hidden;
    }

    .service__photo {
        position: absolute;
        top: -15%;
        left: 0;
        width: 100%;
        height: 130%;
        object-fit: cover;
        object-position: center 30%;
    }

    .service__deco-wave {
        position: absolute;
        top: 38.1944vw;
        right: 7.4306vw;
        z-index: 2;
        width: 22.6389vw;
        height: auto;
        pointer-events: none;
    }

    .service__deco-swirl {
        position: absolute;
        top: -3.4722vw;
        left: 4.1667vw;
        z-index: 2;
        width: 17.3611vw;
        height: auto;
        pointer-events: none;
    }

    .service__inner {
        max-width: 100vw;
        margin: 0 auto;
        padding: 12.5vw 4.8611vw;
        text-align: center;
    }

    .service__heading {
        position: relative;
        display: inline-block;
        margin-bottom: 3.125vw;
    }

    .service__title {
        font-family: "Inter", "Zen Kaku Gothic New", sans-serif;
        margin: 0;
        color: var(--color-green);
        font-size: 3.3333vw;
        font-weight: 700;
        letter-spacing: 2.4px;
    }

    .service__subtitle {
        margin: 0;
        color: var(--color-green);
        font-size: 1.5278vw;
        font-weight: 700;
        letter-spacing: 6.82px;
    }

    .service__deco-dots {
        position: absolute;
        top: 2.0833vw;
        right: -50vw;
        width: 14.0278vw;
        height: 13.6806vw;
        pointer-events: none;
    }

    .service__lead {
        max-width: 65.6944vw;
        margin: 0 auto 3.125vw;
        font-size: 1.3889vw;
        font-weight: 400;
        line-height: 2.4306vw;
    }

    .service__buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6.4583vw;
    }



    .service__map {
        position: relative;
        margin-top: 6.9444vw;
    }

    .service__map-illust {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 1340 / 968;
        object-fit: cover;
        border-radius: 1.3889vw;
    }


    /* -------------------------
        ブログ
    ------------------------- */

    .top-blog {
        position: relative;
        width: 100%;
        min-width: 69.4444vw;
        overflow: visible;
        background: var(--color-cream);
        padding: 2.7778vw 0 11.1111vw;
    }

    .blog__bg {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        object-fit: fill;
        pointer-events: none;
    }

    .blog__inner {
        position: relative;
        z-index: 1;
        max-width: 100vw;
        margin: 0 auto;
        padding: 8.3333vw 4.8611vw 0;
    }

    .blog__heading {
        position: relative;
        margin-bottom: 4.1667vw;
        text-align: center;
    }

    .blog__title {
        font-family: "Inter", "Zen Kaku Gothic New", sans-serif;
        margin: 0;
        color: var(--color-green);
        font-size: 3.3333vw;
        font-weight: 700;
        letter-spacing: 2.4px;
    }

    .blog__subtitle {
        margin: 0;
        color: var(--color-green);
        font-size: 1.5278vw;
        font-weight: 700;
        letter-spacing: 6.82px;
    }

    .blog__deco {
        position: absolute;
        top: -16.6667vw;
        left: 12.5vw;
        width: 12.8472vw;
        height: auto;
        pointer-events: none;
    }

    .blog__slider {
        position: relative;
    }

    .blog__viewport {
        overflow: hidden;
        padding: 0.6944vw 0;
        margin: 0 0 4.1667vw;
    }

    .blog__viewport img {
        -webkit-user-drag: none;
        user-select: none;
    }

    .blog__list {
        display: flex;
        gap: 2.0833vw;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .blog__item {
        flex: 0 0 auto;
    }

    .blog__item a {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 0.6944vw;
        background: #fff;
        border-radius: 2.0833vw;
        color: #000;
        text-decoration: none;
        box-shadow: 0 4px 5px rgba(101, 63, 49, 0.2);
        transition: opacity 0.3s;
    }

    .blog__item a:hover {
        opacity: 0.8;
    }

    .blog__photo-wrap {
        border-radius: 1.6667vw 1.6667vw 0 0;
        margin-bottom: 0.8333vw;
    }

    .blog__photo {
        display: block;
        width: 100%;
        aspect-ratio: 302 / 200;
        object-fit: cover;
    }

    .blog__item-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin: 0 0 0.8333vw;
        font-size: 1.25vw;
        font-weight: 500;
        line-height: 1.6;
        padding: 0.6944vw;
    }

    .blog__item-meta {
        margin-top: auto;
        display: flex;
        align-items: center;
        gap: 0.9722vw;
        padding: 0.6944vw;
    }

    .blog__item-meta .blog__date {
        margin-right: auto;
    }

    .blog__tag {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        max-width: 17.3611vw;
        padding: 0.3472vw 0.8333vw;
        background: #FFA963;
        color: #fff;
        font-size: 0.9722vw;
        font-weight: 700;
        line-height: 1.4;
        border-radius: 0.8333vw;
        text-align: center;
    }

    .blog__date {
        font-size: 0.9722vw;
    }

    .blog__item-arrow {
        display: block;
        flex-shrink: 0;
        width: 1.8056vw;
        height: 1.8056vw;
        background-image: url("../images/top/Group 1816.svg");
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 50%;
    }

    .blog__more {
        display: flex;
        margin: 0 auto;
    }


    /* -------------------------
        採用情報・研修のご案内
    ------------------------- */

    .teaser {
        position: relative;
        width: 100%;
        min-width: 69.4444vw;
        background: var(--color-cream);
        padding: 13.1944vw 0;
    }

    .teaser__inner {
        position: relative;
        display: flex;
        align-items: center;
        gap: 3.4722vw;
        padding: 6.5972vw 5.2083vw;
        height: 34.7222vw;
        background: #fff;
        border-radius: 2.7778vw;
        overflow: visible;
    }
    .teaser__inner_r {
        max-width: none;
        margin-left: max(4.8611vw, calc((100% - 88.8889vw) / 2 + 4.8611vw));
        margin-right: 0;
        margin-bottom: 8.6806vw;
        padding: 0;
        overflow: visible;
    }
    .teaser__inner_r .teaser__inner{
        border-radius: 2.7778vw 0 0 2.7778vw;
    }
    .teaser__inner_r .teaser__card{
        margin: 0 auto 0 0;
    }

    .teaser__inner_l {
        max-width: none;
        margin-left: 0;
        margin-right: max(4.8611vw, calc((100% - 88.8889vw) / 2 + 4.8611vw));
        padding: 0;
        overflow: visible;
        z-index: 2;
        position: relative;
    }
    .teaser__inner_l .teaser__inner{
        border-radius: 0 2.7778vw 2.7778vw 0;
    }
    .teaser__inner_l .teaser__card{
       margin: 0 0 0 auto;
    }

    .teaser__inner + .teaser__inner {
        margin-top: 4.1667vw;
    }

    .teaser__card {
        position: relative;
        width: 69.0972vw;
        padding: 0;
        overflow: visible;
        display: flex;
        gap: 5.5556vw;
    }

    .teaser__deco-lift {
        position: absolute;
        top: -20.4167vw;
        left: 57.2222vw;
        width: 20.3472vw;
        height: 18.2639vw;
        pointer-events: none;
        z-index: 1;
    }

    .teaser__card--training {
        flex-direction: row;
    }

    .teaser__photo {
        flex-shrink: 0;
        width: 30.2778vw;
        aspect-ratio: 436 / 310;
        object-fit: cover;
        border-radius: 1.6667vw;
    }

    .teaser__body {
        flex: 1;
        min-width: 0;
    }

    .teaser__title {
        margin: 0 0 1.1111vw;
        color: var(--color-orange);
        font-size: 2.6389vw;
        font-weight: 700;
        letter-spacing: 1.9px;
    }

    .teaser__text {
        margin: 0 0 1.9444vw;
        font-size: 1.3889vw;
        line-height: 1.8;
    }

    .teaser__deco-dots {
        position: absolute;
        top: 47.9167vw;
        left: 13.1944vw;
        width: 13.8889vw;
        height: auto;
        pointer-events: none;
        z-index: 1;
    }

    .teaser__deco-swirl {
        position: absolute;
        top: 53.4722vw;
        right: 9.0278vw;
        width: 19.4444vw;
        height: auto;
        pointer-events: none;
        z-index: 1;
    }

    .teaser__deco-recruit {
        position: absolute;
        top: -12.5vw;
        right: 20.1389vw;
        width: 20.4861vw;
        height: auto;
        pointer-events: none;
    }


    /* -------------------------
        見学・資料請求・お問い合わせ
    ------------------------- */

    .contact {
        position: relative;
        width: 100%;
        min-width: 69.4444vw;
        background: var(--color-cream);
        padding: 0 0 27.7778vw;
    }

    .contact__inner {
        max-width: 100vw;
        margin: 0 auto;
        padding: 0 4.8611vw;
    }

    .contact__card {
        position: relative;
        max-width: 78.5417vw;
        margin: 0 auto;
        padding: 4.8611vw 6.25vw 6.25vw;
        background: var(--color-yellow);
        border-radius: 2.7778vw;
        text-align: center;
        overflow: visible;
    }

    .contact__deco-left {
        position: absolute;
        top: -11.8056vw;
        left: -22.2222vw;
        width: 20.8333vw;
        height: auto;
        pointer-events: none;
    }

    .contact__deco-right {
        position: absolute;
        bottom: -2.7778vw;
        right: -4.1667vw;
        width: 15.2778vw;
        height: auto;
        pointer-events: none;
    }

    .contact__deco-run {
        position: absolute;
        bottom: -8.3333vw;
        left: -4.1667vw;
        width: 14.5833vw;
        height: auto;
        pointer-events: none;
    }

    .contact__title {
        font-family: "Inter", "Zen Kaku Gothic New", sans-serif;
        position: relative;
        margin: 0;
        color: var(--color-green);
        font-size: 3.3333vw;
        font-weight: 700;
        letter-spacing: 2.4px;
    }

    .contact__subtitle {
        position: relative;
        margin: 0;
        color: var(--color-green);
        font-size: 1.5278vw;
        font-weight: 700;
        letter-spacing: 6.82px;
    }

    .contact__lead {
        position: relative;
        margin: 4.1667vw 0 0;
        font-size: 1.3889vw;
        line-height: 1.75;
    }

    .contact__phone {
        position: relative;
        display: flex;
        align-items: center;
        gap: 2.0833vw;
        margin: 2.0833vw 0 0;
        padding: 4.1667vw 2.7778vw;
        background: #fff;
        border-radius: 1.3889vw;
        text-align: left;
    }

    .contact__phone-icon {
        flex-shrink: 0;
        margin-top: 0.4861vw;
        width: 3.5417vw;
        height: 3.5417vw;
    }

    .contact__phone-body {
        flex: 1;
        min-width: 0;
    }

    .contact__phone-label {
        margin: 0;
        font-size: 1.7361vw;
        font-weight: 500;
    }

    .contact__phone-note {
        margin: 0.2778vw 0 0;
        font-size: 1.25vw;
        letter-spacing: -1px;
        white-space: nowrap;
    }

    .contact__phone-note a {
        color: var(--color-brown);
        text-decoration: underline;
    }

    .contact__phone-numberdiv{
        display: flex;
        align-items: center;
        gap: 0.6944vw;
    }
    .contact__phone-number {
        flex-shrink: 0;
        text-align: center;
    }

    .contact__phone-number a {
        font-size: 4.1667vw;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 1px;
        color: #000;
        text-decoration: none;
    }

    .contact__phone-hours {
        margin: 0.1389vw 0 0;
        font-size: 1.3889vw;
    }

    .contact__buttons {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2.0833vw;
        margin-top: 3.4722vw;
    }

    /* -------------------------
        記事が0件のときの表示
    ------------------------- */

    .blog__item--empty {
        flex: 1 1 100%;
        padding: 4.1667vw 1.3889vw;
        border-radius: 2.0833vw;
        font-size: 1.25vw;
    }

    .news__item--empty {
        padding: 2.7778vw 0;
        font-size: 1.25vw;
    }
}