@charset "UTF-8";

/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * CONTENTS............目次
 * UNDER_BANNER........下部バナー
 * CONTENTS............コンテンツ
 */





/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
.news {
    display: block;
    padding-top: clamp(48px, calc(100vw * (64 / var(--innerContainerSize))), 64px);
    padding-bottom: clamp(96px, calc(100vw * (124 / var(--innerContainerSize))), 124px);
}

    .news__inner {
        display: flex;
        flex-wrap: wrap;
        column-gap: max(24px, calc(100% * (52 / 1280)));
        row-gap: 24px;
    }

        .news__image {
            flex-grow: 1;
            width: calc(100% * (620 / 1280));
            height: fit-content;
            padding: clamp(8px, calc(100vw * (18 / var(--innerContainerSize))), 18px);
            border: 2px solid var(--primaryColor-800);
            border-radius: 10px;
        }
        .news__image img {
            aspect-ratio: 580 / 420;
            width: 100%;
            height: 100%;
            border-radius: 10px;
        }

        .news__content {
            flex-grow: 1;
            width: 47.5%;
        }

            .news__label {
                padding-block: .25em;
                margin-bottom: 1.125em;
                border-radius: 99px;
                background-color: var(--accentColor-100);
                color: white;
                font-size: clamp(1.8rem, calc(100vw * (24 / var(--innerContainerSize))), 2.4rem);
                font-weight: 700;
                line-height: 1.5;
                text-align: center;
            }

            .news__title {
                margin-bottom: 21px;
                font-family: var(--fontSub);
                font-size: clamp(2.4rem, calc(100vw * (36 / var(--innerContainerSize))), 3.6rem);
                font-weight: 700;
            }
            .news__title strong {
                display: block;
                color: var(--accentColor-400);
                font-size: calc(1em * (24 / 36));
                line-height: calc(44 / 24);
            }

            .news__details {
                padding-top: 21px;
                border-top: 2px solid var(--primaryColor-100);
            }

                .news__catchphrase {
                    margin-bottom: 0.65em;
                    font-size: clamp(1.8rem, calc(100vw * (20 / var(--innerContainerSize))), 2.0rem);
                    font-weight: 500;
                    line-height: 1.5;
                }
                .news__catchphrase strong {
                    /*color: #53c202;*/
                    font-weight: 700;
                }

                .news__text {
                    margin-bottom: 1.1875em;
                    font-size: clamp(1.4rem, calc(100vw * (16 / var(--innerContainerSize))), 1.6rem);
                    line-height: 1.875;
                    /*letter-spacing: .05em;*/
                }

                .news__button {
                    display: flex;
                    column-gap: 0.4em;
                    font-family: var(--fontEn);
                    font-size: clamp(1.6rem, calc(100vw * (20 / var(--innerContainerSize))), 2.0rem);
                    line-height: 1.15;
                }
                .news__button::after {
                    content: "";
                    width: 1.15em;
                    height: 1.15em;
                    background-image: url(../images/common/icon-button-faq.png);
                    background-image:
                        image-set(
                            url(../images/common/icon-button-faq.png) 1x,
                            url(../images/common/icon-button-faq@2x.png) 2x
                        );
                    background-image:
                        -webkit-image-set(
                            url(../images/common/icon-button-faq.png) 1x,
                            url(../images/common/icon-button-faq@2x.png) 2x
                        );
                    background-size: contain;
                }

                .news__line-link {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    column-gap: 1em;
                    padding-top: 0.4em;
                    padding-inline: 1em;
                    padding-bottom: 0.45em;
                    margin-top: 2.65em;
                    border-radius: 10px;
                    background-color: #53c202;
                    color: white;
                    font-size: clamp(1.6rem, calc(100vw * (20 / var(--innerContainerSize))), 2.0rem);
                    font-weight: 700;
                    line-height: 1.6;
                    letter-spacing: .05;
                }
                .news__line-link::before {
                    content: "";
                    aspect-ratio: 50 / 47;
                    display: block;
                    width: 2.5em;
                    background-image: url(../images/news/icon-line.svg);
                    background-repeat: no-repeat;
                    background-size: contain;
                }