@charset "utf-8";

.footerRadioContainer {
    background-color: rgba(242, 236, 229, 1);
}

.footerRadioContainer .footerRadioWrap {
    grid-template-columns: max(520px, calc(100vw * 520 / 1440)) 1fr;
}

.footerRadioWrap .footerRadioTxt {
    padding-top: calc(100vw * 140 / 1440);
    padding-bottom: calc(100vw * 140 / 1440);
    padding-left: calc(100vw * 90 / 1440);
    padding-right: calc(100vw * 90 / 1440);
}

.footerRadioTxt a.dspGrid {
    background-color: rgba(44, 53, 64, 1);
    border-radius: 9999px;
    column-gap: 12px;
    grid-template-columns: 1fr auto;
    width: 256px;
    height: 60px;
    box-sizing: border-box;
}

.footerRadioTxt .footerRadioLinkBottom {
    grid-template-columns: auto 1fr;
    column-gap: 8px;
}

.footerRadioTxt .footerRadioLinkBottom a {
    text-underline-offset: 2px;
    text-decoration: underline;
    color: rgba(44, 53, 64, 1);
}

@media (max-width: 768px) {
    .footerRadioContainer .footerRadioWrap {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .footerRadioWrap .footerRadioTxt {
        padding: 48px 40px;
        order: 2;
    }

    .footerRadioTxt .titleImg {
        width: fit-content !important;
        margin-left: auto;
        margin-right: auto;
    }

    .footerRadioTxt a.dspGrid {
        width: 296px;
    }

    .footerRadioVideo video {
        aspect-ratio: 390 / 295;
    }
}