.media-detail {
    width: 100%;
    max-width: calc(1440 / var(--base) * 100vw);
    margin: 0 auto;
    padding: 0 calc(80 / var(--base) * 100vw);

    .media-detail__inner {
        padding: calc(64.39 / var(--base) * 100vw) calc(192.08 / var(--base) * 100vw) calc(48 / var(--base) * 100vw) calc(192.07 / var(--base) * 100vw);
        text-align: left;

        h1 {
            font-family: var(--font-serif);
            font-size: calc(32 / var(--base) * 100vw);
            font-weight: 700;
            letter-spacing: calc(0.8 / var(--base) * 100vw);
            line-height: calc(52.3 / var(--base) * 100vw);
            color: var(--text-black);
        }



        .media-detail__info {
            margin-top: calc(9.59 / var(--base) * 100vw);
            display: flex;
            gap: calc(17.98 / var(--base) * 100vw);
            align-items: center;
            justify-content: flex-start;
            overflow: hidden;

            time {
                font-family: var(--font-serif);
                font-size: calc(12 / var(--base) * 100vw);
                font-weight: 400;
                letter-spacing: 0.8%;
                line-height: 180%;
                color: var(--green);
            }

            .detail__info-tags {
                display: flex;
                gap: calc(8 / var(--base) * 100vw);
                align-items: center;
                justify-content: flex-start;
                width: max-content;

                .detail__info-tag {
                    height: calc(29.25 / var(--base) * 100vw);
                    background: var(--green);
                    padding: calc(1.89 / var(--base) * 100vw) calc(14.4 / var(--base) * 100vw) calc(2.36 / var(--base) * 100vw);
                    font-family: var(--font-sans);
                    font-size: calc(13.6 / var(--base) * 100vw);
                    font-weight: 700;
                    letter-spacing: calc(0.8 / var(--base) * 100vw);
                    line-height: calc(24.5 / var(--base) * 100vw);
                    color: var(--white);
                    border-radius: calc(5 / var(--base) * 100vw);
                }
            }
        }

        .news_detail_body {
            margin-top: calc(58.79 / var(--base) * 100vw);

            h2 {
                margin-top: calc(44 / var(--base) * 100vw);
                margin-bottom: calc(20 / var(--base) * 100vw);
                padding-left: calc(12 / var(--base) * 100vw);
                border-left: calc(4 / var(--base) * 100vw) solid var(--green);
                border-bottom: calc(1 / var(--base) * 100vw) solid var(--green);
                font-family: var(--font-serif);
                font-size: calc(22 / var(--base) * 100vw);
                font-weight: 700;
                letter-spacing: calc(0.48 / var(--base) * 100vw);
                line-height: calc(30.8 / var(--base) * 100vw);
                color: var(--purple);
            }

            h3 {
                padding-left: calc(9 / var(--base) * 100vw);
                padding-bottom: calc(10.19 / var(--base) * 100vw);
                border-left: calc(1 / var(--base) * 100vw) solid var(--green);
                border-bottom: calc(2 / var(--base) * 100vw) solid var(--green);
                font-family: var(--font-serif);
                font-size: calc(18 / var(--base) * 100vw);
                font-weight: 500;
                letter-spacing: calc(0.48 / var(--base) * 100vw);
                line-height: calc(25.2 / var(--base) * 100vw);
                color: var(--purple);
                margin-bottom: calc(24 / var(--base) * 100vw);
            }

            .wp-block-table {
                table {
                    margin-top: calc(23 / var(--base) * 100vw);
                    width: 100%;
                    border-collapse: collapse;

                    thead {
                        width: 100%;
                        background: rgb(245, 245, 245);
                        border-bottom: calc(3 / var(--base) * 100vw) solid rgb(51, 51, 51);

                        th {
                            border-width: calc(1 / var(--base) * 100vw) calc(1 / var(--base) * 100vw) calc(2 / var(--base) * 100vw);
                            border-style: solid;
                            border-color: rgb(221, 221, 221);
                            border-image: initial;
                            padding: calc(11 / var(--base) * 100vw) calc(16 / var(--base) * 100vw) calc(11.39 / var(--base) * 100vw);
                            font-family: var(--font-sans);
                            font-size: calc(16 / var(--base) * 100vw);
                            font-weight: 700;
                            letter-spacing: calc(0.48 / var(--base) * 100vw);
                            line-height: calc(30.4 / var(--base) * 100vw);
                            text-align: left;
                        }
                    }

                    tbody {

                        tr {


                            td {
                                border: calc(1 / var(--base) * 100vw) solid rgb(221, 221, 221);
                                padding: calc(11 / var(--base) * 100vw) calc(16 / var(--base) * 100vw) calc(11.39 / var(--base) * 100vw);
                                font-family: var(--font-sans);
                                font-size: calc(16 / var(--base) * 100vw);
                                font-weight: 400;
                                letter-spacing: calc(0.48 / var(--base) * 100vw);
                                line-height: calc(30.4 / var(--base) * 100vw);
                                text-align: left;
                            }
                        }

                        tr:nth-child(2n) {
                            background: rgb(250, 250, 250);
                        }

                    }
                }
            }
        }

        p {
            font-family: var(--font-sans);
            font-size: calc(16 / var(--base) * 100vw);
            font-weight: 400;
            letter-spacing: calc(0.48 / var(--base) * 100vw);
            line-height: calc(30.4 / var(--base) * 100vw);
            color: var(--text-black);

            &+.media-detail-gray {
                margin-top: 0;
                padding: calc(28.17 / var(--base) * 100vw) calc(22.24 / var(--base) * 100vw) calc(28.55 / var(--base) * 100vw) calc(28.8 / var(--base) * 100vw);
            }
        }

        ul {
            li {
                font-family: var(--font-sans);
                font-size: calc(16 / var(--base) * 100vw);
                font-weight: 400;
                letter-spacing: calc(0.48 / var(--base) * 100vw);
                line-height: calc(30.4 / var(--base) * 100vw);
                color: var(--text-black);
                padding-left: calc(24 / var(--base) * 100vw);
                position: relative;

                &::before {
                    content: "•";
                    position: absolute;
                    left: calc(12 / var(--base) * 100vw);
                    top: 0;
                    transform: translateX(-50%);
                }
            }
        }

        h3,
        h4 {
            margin-top: calc(44 / var(--base) * 100vw);

            &+p {
                margin-top: calc(24 / var(--base) * 100vw);
            }
        }

        h3 {
            padding-left: calc(12 / var(--base) * 100vw);
            border-left: calc(4 / var(--base) * 100vw) solid var(--green);
            border-bottom: calc(1 / var(--base) * 100vw) solid var(--green);

            font-family: var(--font-serif);
            font-size: calc(22 / var(--base) * 100vw);
            font-weight: 700;
            letter-spacing: calc(0.48 / var(--base) * 100vw);
            line-height: calc(30.8 / var(--base) * 100vw);
            color: var(--purple);
        }

        h4 {
            padding-left: calc(9 / var(--base) * 100vw);
            padding-bottom: calc(10.19 / var(--base) * 100vw);
            border-left: calc(1 / var(--base) * 100vw) solid var(--green);
            border-bottom: calc(2 / var(--base) * 100vw) solid var(--green);

            font-family: var(--font-serif);
            font-size: calc(18 / var(--base) * 100vw);
            font-weight: 500;
            letter-spacing: calc(0.48 / var(--base) * 100vw);
            line-height: calc(25.2 / var(--base) * 100vw);
            color: var(--purple);
        }

        .media-detail-gray {
            margin-top: calc(16 / var(--base) * 100vw);
            background: #F7F7F7;
            padding: calc(28.8 / var(--base) * 100vw);
            display: flex;
            gap: calc(28.8 / var(--base) * 100vw);
            align-items: center;
            border: calc(1 / var(--base) * 100vw) solid #EEEEEE;
            border-radius: calc(6 / var(--base) * 100vw);

            img {
                width: calc(24 / var(--base) * 100vw);
                height: calc(24 / var(--base) * 100vw);
                object-fit: cover;
            }

            .media-detail-gray__inner {
                font-family: var(--font-sans);
                font-size: calc(16 / var(--base) * 100vw);
                font-weight: 400;
                letter-spacing: calc(0.48 / var(--base) * 100vw);
                line-height: calc(30.4 / var(--base) * 100vw);
                color: var(--text-black);
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap: calc(28.8 / var(--base) * 100vw);
            }
        }

        .media-detail-table {
            margin-top: calc(23 / var(--base) * 100vw);
            width: 100%;
            border-collapse: collapse;

            thead {
                width: 100%;
                background: #F5F5F5;
                border-bottom: calc(3 / var(--base) * 100vw) solid #333333;

                th {
                    border: calc(1 / var(--base) * 100vw) solid #DDDDDD;
                    border-bottom-width: calc(2 / var(--base) * 100vw);
                    padding: calc(11 / var(--base) * 100vw) calc(16 / var(--base) * 100vw) calc(11.39 / var(--base) * 100vw);
                    font-family: var(--font-sans);
                    font-size: calc(16 / var(--base) * 100vw);
                    font-weight: 700;
                    letter-spacing: calc(0.48 / var(--base) * 100vw);
                    line-height: calc(30.4 / var(--base) * 100vw);
                    text-align: left;
                }
            }

            tbody {

                tr {
                    &:nth-child(2n) {
                        background: #FAFAFA;
                    }

                    td {
                        border: calc(1 / var(--base) * 100vw) solid #DDDDDD;
                        padding: calc(11 / var(--base) * 100vw) calc(16 / var(--base) * 100vw) calc(11.39 / var(--base) * 100vw);
                        font-family: var(--font-sans);
                        font-size: calc(16 / var(--base) * 100vw);
                        font-weight: 400;
                        letter-spacing: calc(0.48 / var(--base) * 100vw);
                        line-height: calc(30.4 / var(--base) * 100vw);
                        text-align: left;
                    }
                }

            }

            &th,
            td:nth-child(1n) {
                width: calc(352.55 / var(--base) * 100vw);
            }

            &+p {
                margin-top: calc(23 / var(--base) * 100vw);
            }
        }

        .media-faq {
            margin-top: calc(36 / var(--base) * 100vw);

            .faq__item:not(:first-child) {
                margin-top: calc(35 / var(--base) * 100vw);
            }

            .faq__q {
                display: block;
                cursor: pointer;
                padding-left: calc(9 / var(--base) * 100vw);
                padding-bottom: calc(10.19 / var(--base) * 100vw);
                border-left: calc(1 / var(--base) * 100vw) solid var(--green);
                border-bottom: calc(2 / var(--base) * 100vw) solid var(--green);

                font-family: var(--font-serif);
                font-size: calc(18 / var(--base) * 100vw);
                font-weight: 500;
                letter-spacing: calc(0.48 / var(--base) * 100vw);
                line-height: calc(25.2 / var(--base) * 100vw);
                color: var(--purple);

                &::-webkit-details-marker {
                    display: none;
                }
            }

            .faq__a {
                padding-top: calc(16 / var(--base) * 100vw);
                font-family: var(--font-sans);
                font-size: calc(16 / var(--base) * 100vw);
                font-weight: 400;
                letter-spacing: calc(0.48 / var(--base) * 100vw);
                line-height: calc(30.4 / var(--base) * 100vw);
                color: var(--text-black);
            }
        }

        .media-author {
            margin-top: calc(44 / var(--base) * 100vw);
            width: 100%;
            padding: calc(23 / var(--base) * 100vw) calc(24 / var(--base) * 100vw) calc(24.3 / var(--base) * 100vw);
            background: #F5F7FA;
            border-radius: calc(8 / var(--base) * 100vw);
            display: flex;
            gap: calc(20 / var(--base) * 100vw);
            font-family: var(--font-sans);

            img {
                width: calc(80 / var(--base) * 100vw);
                height: calc(80 / var(--base) * 100vw);
                object-fit: cover;
            }

            strong {
                font-size: calc(17 / var(--base) * 100vw);
                font-weight: 700;
                letter-spacing: calc(0.48 / var(--base) * 100vw);
                line-height: calc(32.3 / var(--base) * 100vw);
                color: var(--purple);
            }

            .media-author__info_dec {
                margin-top: calc(3 / var(--base) * 100vw);
                font-size: calc(13 / var(--base) * 100vw);
                font-weight: 400;
                letter-spacing: calc(0.48 / var(--base) * 100vw);
                line-height: calc(24.7 / var(--base) * 100vw);
                color: #666666;
            }

            .media-author__info_text {
                font-size: calc(14 / var(--base) * 100vw);
                font-weight: 400;
                letter-spacing: calc(0.48 / var(--base) * 100vw);
                line-height: calc(23.8 / var(--base) * 100vw);
            }
        }

        .media-news {
            margin-top: calc(44 / var(--base) * 100vw);

            .media-news-title {
                width: 100%;
                padding-bottom: calc(12 / var(--base) * 100vw);
                border-bottom: calc(2 / var(--base) * 100vw) solid #E0E0E0;
                text-align: left;
                font-family: var(--font-sans);
                font-size: calc(20 / var(--base) * 100vw);
                font-weight: 700;
                letter-spacing: calc(0.48 / var(--base) * 100vw);
                line-height: calc(28 / var(--base) * 100vw);
                color: var(--purple);
            }

            .media-news-boxs {
                margin-top: calc(24 / var(--base) * 100vw);
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                place-content: center;
                gap: calc(24 / var(--base) * 100vw);

                .media-news-box {
                    border: calc(1 / var(--base) * 100vw) solid #E0E0E0;
                    border-radius: calc(8 / var(--base) * 100vw);
                    overflow: hidden;

                    img {
                        aspect-ratio: 433.92 / 244.08;
                        object-fit: cover;
                    }

                    .media-news-box__content {
                        padding: calc(18 / var(--base) * 100vw) calc(16 / var(--base) * 100vw) calc(17.36 / var(--base) * 100vw);
                        display: flex;
                        flex-direction: column;
                        gap: calc(8 / var(--base) * 100vw);

                        .box__content__list {
                            display: flex;
                            justify-content: flex-start;
                            gap: calc(8 / var(--base) * 100vw);

                            a {
                                padding: calc(4 / var(--base) * 100vw) calc(8 / var(--base) * 100vw);
                                color: var(--white);
                                background: var(--green);
                                font-family: var(--font-sans);
                                font-size: calc(12 / var(--base) * 100vw);
                                font-weight: 500;
                                letter-spacing: calc(0.48 / var(--base) * 100vw);
                                line-height: calc(22.8 / var(--base) * 100vw);
                                border-radius: calc(4 / var(--base) * 100vw);
                            }
                        }

                        p {
                            font-family: var(--font-sans);
                            font-size: calc(16 / var(--base) * 100vw);
                            font-weight: 700;
                            letter-spacing: calc(0.48 / var(--base) * 100vw);
                            line-height: calc(24 / var(--base) * 100vw);
                            color: var(--purple);
                        }

                        time {
                            font-family: var(--font-sans);
                            font-size: calc(13 / var(--base) * 100vw);
                            font-weight: 400;
                            letter-spacing: calc(0.48 / var(--base) * 100vw);
                            line-height: calc(24.7 / var(--base) * 100vw);
                            color: #666666;
                        }
                    }
                }
            }
        }

        .media-green-info {
            margin-top: calc(44 / var(--base) * 100vw);
            width: 100%;
            padding: calc(39 / var(--base) * 100vw) calc(40 / var(--base) * 100vw) calc(40 / var(--base) * 100vw);
            border-radius: calc(12 / var(--base) * 100vw);
            color: var(--white);
            background: linear-gradient(136deg, #00ACBA 0%, #007983 100%);
            display: flex;
            flex-direction: column;
            gap: calc(16 / var(--base) * 100vw);
            justify-content: center;
            align-items: center;

            span {
                font-family: var(--font-sans);
                font-size: calc(18 / var(--base) * 100vw);
                font-weight: 500;
                letter-spacing: calc(0.48 / var(--base) * 100vw);
                line-height: calc(25.2 / var(--base) * 100vw);
            }

            p {
                color: var(--white);
            }
        }
    }
}

.media-share-buttons {
    margin-top: calc(44 / var(--base) * 100vw);
    padding-bottom: calc(39.99 / var(--base) * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(12 / var(--base) * 100vw);
    align-items: center;
    justify-content: center;

    p {
        font-family: var(--font-sans);
        font-size: calc(14 / var(--base) * 100vw);
        font-weight: 500;
        letter-spacing: calc(0.48 / var(--base) * 100vw);
        line-height: calc(26.6 / var(--base) * 100vw);
        color: #666666;
    }

    .media-share-buttons__list {
        display: flex;
        place-content: center;
        gap: calc(12 / var(--base) * 100vw);

        .media-share-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: calc(10 / var(--base) * 100vw) calc(24 / var(--base) * 100vw);
            border-radius: calc(100 / var(--base) * 100vw);
            text-decoration: none;
            font-size: calc(14 / var(--base) * 100vw);
            font-weight: 700;
            transition: all 0.2s ease;
            color: #ffffff;
            min-width: calc(130 / var(--base) * 100vw);

            &.media-share-btn--x {
                background: #000000;
            }

            &.media-share-btn--facebook {
                background: #1877f2;
            }

            &.media-share-btn--line {
                background: #00b900;
            }

            &:hover {
                opacity: 0.85;
                transform: translateY(calc(-1 / var(--base) * 100vw));
                color: #ffffff;
                text-decoration: none;
            }
        }
    }
}

/*投稿者情報*/
.author-profile-box {
    background-color: #f4f5f7;
    padding: calc(24 / var(--base) * 100vw);
    border-radius: calc(8 / var(--base) * 100vw);
    margin-top: calc(40 / var(--base) * 100vw);
    box-sizing: border-box;
    width: 100%;

    .author-profile-flex {
        display: flex;
        align-items: flex-start;
        width: 100%;

        .author-profile-avatar {
            flex-shrink: 0;
            width: calc(80 / var(--base) * 100vw);
            margin-right: calc(20 / var(--base) * 100vw);

            .author-avatar-img {
                width: calc(80 / var(--base) * 100vw) !important;
                height: calc(80 / var(--base) * 100vw) !important;
                border-radius: 50%;
                object-fit: cover;
                display: block;
            }
        }

        .author-profile-content {
            flex-grow: 1;

            .author-name {
                margin: 0 0 calc(12 / var(--base) * 100vw) 0 !important;
                font-size: calc(18 / var(--base) * 100vw);
                color: #111827;
                font-weight: bold;
                line-height: 1.2;
            }

            .author-title {
                margin: 0 0 calc(12 / var(--base) * 100vw) 0 !important;
                font-size: calc(13 / var(--base) * 100vw);
                color: #6b7280;
                font-weight: normal;
                line-height: 1.2;
            }

            .author-description {
                margin: 0 !important;
                font-size: calc(14 / var(--base) * 100vw);
                color: #374151;
                line-height: 1.6;
                word-break: break-all;
            }

        }

    }
}



@media (max-width: 768px) {
    .media-detail {
        padding: 0;

        .media-detail__inner {
            padding: calc(20.8 / var(--base) * 100vw) calc(28 / var(--base) * 100vw) 0;
            text-align: left;

            h2 {
                font-size: calc(24 / var(--base) * 100vw);
                line-height: calc(39.2 / var(--base) * 100vw);
            }

            .media-detail__info {
                margin-top: calc(20 / var(--base) * 100vw);
                gap: calc(11 / var(--base) * 100vw);

                time {
                    font-family: var(--font-serif);
                    font-size: calc(12 / var(--base) * 100vw);
                    font-weight: 400;
                    letter-spacing: 0.8%;
                    line-height: 180%;
                    color: var(--green);
                }

                &+p {
                    margin-top: calc(28.79 / var(--base) * 100vw);
                }
            }

            p {
                font-family: var(--font-sans);
                font-size: calc(15 / var(--base) * 100vw);
                font-weight: 400;
                letter-spacing: calc(0.45 / var(--base) * 100vw);
                line-height: calc(28.5 / var(--base) * 100vw);
                color: var(--text-black);

                &+.media-detail-gray {
                    margin-top: 0;
                    padding: calc(28.79 / var(--base) * 100vw) calc(23.61 / var(--base) * 100vw) calc(28.8 / var(--base) * 100vw) calc(28.8 / var(--base) * 100vw);
                }
            }

            ul {
                li {
                    font-family: var(--font-sans);
                    font-size: calc(15 / var(--base) * 100vw);
                    font-weight: 400;
                    letter-spacing: calc(0.45 / var(--base) * 100vw);
                    line-height: calc(28.5 / var(--base) * 100vw);
                    color: var(--text-black);
                    padding-left: calc(22.5 / var(--base) * 100vw);
                    position: relative;

                    &::before {
                        content: "•";
                        position: absolute;
                        left: calc(11.25 / var(--base) * 100vw);
                        top: 0;
                        transform: translateX(-50%);
                    }
                }
            }

            h3,
            h4 {
                margin-top: calc(34 / var(--base) * 100vw);

                &+p {
                    margin-top: calc(15 / var(--base) * 100vw);
                }
            }

            h3 {
                padding-left: calc(16 / var(--base) * 100vw);
                border-left: calc(4 / var(--base) * 100vw) solid var(--green);
                border-bottom: calc(1 / var(--base) * 100vw) solid var(--green);

                font-family: var(--font-serif);
                font-size: calc(19 / var(--base) * 100vw);
                font-weight: 700;
                letter-spacing: calc(0.45 / var(--base) * 100vw);
                line-height: calc(26.6 / var(--base) * 100vw);
                color: var(--purple);
            }

            h4 {
                padding-left: calc(9 / var(--base) * 100vw);
                padding-bottom: calc(10.19 / var(--base) * 100vw);
                border-left: calc(1 / var(--base) * 100vw) solid var(--green);
                border-bottom: calc(2 / var(--base) * 100vw) solid var(--green);

                font-family: var(--font-serif);
                font-size: calc(17 / var(--base) * 100vw);
                font-weight: 500;
                letter-spacing: calc(0.45 / var(--base) * 100vw);
                line-height: calc(23.8 / var(--base) * 100vw);
                color: var(--purple);
            }

            .media-detail-gray {
                margin-top: calc(12 / var(--base) * 100vw);
                background: #F7F7F7;
                padding: calc(28.8 / var(--base) * 100vw);
                display: flex;
                flex-direction: column;
                gap: calc(28.4 / var(--base) * 100vw);
                align-items: center;
                border: calc(1 / var(--base) * 100vw) solid #EEEEEE;
                border-radius: calc(6 / var(--base) * 100vw);

                img {
                    width: calc(24 / var(--base) * 100vw);
                    height: calc(24 / var(--base) * 100vw);
                    object-fit: cover;
                }

                .media-detail-gray__inner {
                    font-family: var(--font-sans);
                    font-size: calc(15 / var(--base) * 100vw);
                    font-weight: 400;
                    letter-spacing: calc(0.45 / var(--base) * 100vw);
                    line-height: calc(28.5 / var(--base) * 100vw);
                    color: var(--text-black);
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: flex-start;
                    gap: calc(28 / var(--base) * 100vw);
                }
            }

            .media-detail-table {
                margin-top: calc(23.5 / var(--base) * 100vw);
                width: 100%;
                border-collapse: collapse;

                thead {
                    width: 100%;
                    background: #F5F5F5;
                    border-bottom: calc(3 / var(--base) * 100vw) solid #333333;

                    th {
                        border: calc(1 / var(--base) * 100vw) solid #DDDDDD;
                        border-bottom-width: calc(2 / var(--base) * 100vw);
                        padding: calc(11 / var(--base) * 100vw) calc(16 / var(--base) * 100vw) calc(11.59 / var(--base) * 100vw);
                        font-family: var(--font-sans);
                        font-size: calc(14 / var(--base) * 100vw);
                        font-weight: 700;
                        letter-spacing: calc(0.45 / var(--base) * 100vw);
                        line-height: calc(26.6 / var(--base) * 100vw);
                        text-align: left;
                    }
                }

                tbody {

                    tr {
                        &:nth-child(2n) {
                            background: #FAFAFA;
                        }

                        td {
                            border: calc(1 / var(--base) * 100vw) solid #DDDDDD;
                            padding: calc(11.8 / var(--base) * 100vw) calc(16 / var(--base) * 100vw) calc(11.39 / var(--base) * 100vw);
                            font-family: var(--font-sans);
                            font-size: calc(14 / var(--base) * 100vw);
                            font-weight: 400;
                            letter-spacing: calc(0.45 / var(--base) * 100vw);
                            line-height: calc(26.6 / var(--base) * 100vw);
                            text-align: left;
                        }
                    }

                }

                &th,
                td:nth-child(1n) {
                    width: calc(128.47 / var(--base) * 100vw);
                }

                &+p {
                    margin-top: calc(23.5 / var(--base) * 100vw);
                }
            }

            .media-faq {
                margin-top: calc(28 / var(--base) * 100vw);

                .faq__item:not(:first-child) {
                    margin-top: calc(28 / var(--base) * 100vw);
                }

                .faq__q {
                    display: block;
                    cursor: pointer;
                    padding-left: calc(8 / var(--base) * 100vw);
                    padding-bottom: calc(8 / var(--base) * 100vw);
                    border-left: calc(1 / var(--base) * 100vw) solid var(--green);
                    border-bottom: calc(2 / var(--base) * 100vw) solid var(--green);

                    font-family: var(--font-serif);
                    font-size: calc(17 / var(--base) * 100vw);
                    font-weight: 500;
                    letter-spacing: calc(0.45 / var(--base) * 100vw);
                    line-height: calc(23.8 / var(--base) * 100vw);
                    color: var(--purple);

                    &::-webkit-details-marker {
                        display: none;
                    }
                }

                .faq__a {
                    padding-top: calc(11 / var(--base) * 100vw);
                    font-family: var(--font-sans);
                    font-size: calc(15 / var(--base) * 100vw);
                    font-weight: 400;
                    letter-spacing: calc(0.45 / var(--base) * 100vw);
                    line-height: calc(28.5 / var(--base) * 100vw);
                    color: var(--text-black);
                }
            }

            .media-author {
                margin-top: calc(34 / var(--base) * 100vw);
                width: 100%;
                padding: calc(20 / var(--base) * 100vw) calc(18.71 / var(--base) * 100vw) calc(20 / var(--base) * 100vw) calc(18.7 / var(--base) * 100vw);
                background: #F5F7FA;
                border-radius: calc(8 / var(--base) * 100vw);
                display: flex;
                flex-direction: column;
                place-items: center;
                text-align: center;
                gap: calc(19 / var(--base) * 100vw);
                font-family: var(--font-sans);

                img {
                    width: calc(80 / var(--base) * 100vw);
                    height: calc(80 / var(--base) * 100vw);
                    object-fit: cover;
                }

                strong {
                    letter-spacing: calc(0.45 / var(--base) * 100vw);
                }

                .media-author__info_dec {
                    letter-spacing: calc(0.45 / var(--base) * 100vw);
                }

                .media-author__info_text {
                    margin-top: calc(3 / var(--base) * 100vw);
                    letter-spacing: calc(0.44 / var(--base) * 100vw);
                }
            }

            .media-news {
                margin-top: calc(34 / var(--base) * 100vw);

                .media-news-title {
                    letter-spacing: calc(0.45 / var(--base) * 100vw);
                }

                .media-news-boxs {
                    margin-top: calc(24 / var(--base) * 100vw);
                    display: grid;
                    grid-template-columns: 1fr;
                    place-content: center;
                    gap: calc(25.8 / var(--base) * 100vw);

                    .media-news-box {
                        border: calc(1 / var(--base) * 100vw) solid #E0E0E0;
                        border-radius: calc(8 / var(--base) * 100vw);
                        overflow: hidden;

                        img {
                            aspect-ratio: 315.41 / 177.41;
                            object-fit: cover;
                        }

                        .media-news-box__content {
                            padding: calc(16 / var(--base) * 100vw) calc(16 / var(--base) * 100vw) calc(17.51 / var(--base) * 100vw);
                            display: flex;
                            flex-direction: column;
                            gap: calc(8 / var(--base) * 100vw);

                            .box__content__list {
                                display: flex;
                                justify-content: flex-start;
                                gap: calc(8 / var(--base) * 100vw);

                                a {
                                    letter-spacing: calc(0.45 / var(--base) * 100vw);
                                }
                            }

                            p {
                                letter-spacing: calc(0.45 / var(--base) * 100vw);
                            }

                            time {
                                letter-spacing: calc(0.45 / var(--base) * 100vw);
                            }
                        }
                    }
                }
            }

            .media-green-info {
                margin-top: calc(34 / var(--base) * 100vw);
                width: 100%;
                padding: calc(23.4 / var(--base) * 100vw) calc(20 / var(--base) * 100vw) calc(23.99 / var(--base) * 100vw);
                border-radius: calc(12 / var(--base) * 100vw);
                display: flex;
                flex-direction: column;
                gap: calc(15.3 / var(--base) * 100vw);
                justify-content: center;
                align-items: center;
                text-align: center;

                span {
                    font-family: var(--font-sans);
                    font-size: calc(17 / var(--base) * 100vw);
                    font-weight: 500;
                    letter-spacing: calc(0.45 / var(--base) * 100vw);
                    line-height: calc(23.8 / var(--base) * 100vw);
                }

                p {
                    color: var(--white);
                }
            }

            .media-social {
                margin-top: calc(34 / var(--base) * 100vw);
                padding-bottom: calc(40 / var(--base) * 100vw);
                display: flex;
                flex-direction: column;
                gap: calc(12 / var(--base) * 100vw);
                align-items: center;
                justify-content: center;

                p {
                    letter-spacing: calc(0.45 / var(--base) * 100vw);
                }

                .media-social__inner {
                    display: grid;
                    grid-template-columns: repeat(2, max-content);
                    justify-content: center;
                    gap: calc(8.16 / var(--base) * 100vw);

                    img {
                        height: calc(40.69 / var(--base) * 100vw);
                        object-fit: contain;

                        &:last-child {
                            grid-column: 1 / -1;
                            justify-self: center;
                        }
                    }
                }
            }
        }
    }

    .media-share-buttons {
        .media-share-buttons__list {
            flex-wrap: wrap;
        }
    }

    /*投稿者情報*/
    .author-profile-box {
        padding: calc(20 / var(--base) * 100vw) calc(16 / var(--base) * 100vw);

        .author-profile-flex {
            flex-direction: column;
            align-items: center;
            gap: calc(25 / var(--base) * 100vw);

            .author-profile-avatar {
                margin: 0;
            }

            .author-profile-content {
                flex-grow: 1;
                text-align: center;

                /* .author-name {
                    margin: 0 0 calc(12 / var(--base) * 100vw) 0 !important;
                    font-size: calc(18 / var(--base) * 100vw);
                    color: #111827;
                    font-weight: bold;
                    line-height: 1.2;
                }

                .author-title {
                    margin: 0 0 calc(12 / var(--base) * 100vw) 0 !important;
                    font-size: calc(13 / var(--base) * 100vw);
                    color: #6b7280;
                    font-weight: normal;
                    line-height: 1.2;
                }

                .author-description {
                    margin: 0 !important;
                    font-size: calc(14 / var(--base) * 100vw);
                    color: #374151;
                    line-height: 1.6;
                    word-break: break-all;
                } */

            }

        }
    }
}