@charset "utf-8";

/* remの設定 */
body {
    font-size: 14rem;
    line-height: 1.4;
}

/* 共通部分の設定 */
@media (min-width: 1441px) {
    html {
        --font-size: 1px;
    }
}
@media (max-width: 1440px) and (min-width: 768px) {
    html {
        --font-size: calc(100 / 1440 * 1vw);
    }
}
@media (max-width: 767px) {
    html {
        --font-size: calc(100 / 375 * 1vw);
    }
}

/* 全体の設定 */
@media (min-width: 1177px) {
    html {
        font-size: 1px;
    }
}
@media (max-width: 1176px) and (min-width: 768px) {
    html {
        font-size: calc(100 / 1176 * 1vw);
    }
}
@media (max-width: 767px) {
    html {
        font-size: calc(100 / 375 * 1vw);
    }
}

@media (min-width: 768px) {
    [data-disp]:not([data-disp~='pc']) {
        display: none !important;
    }
}
@media (max-width: 767px) {
    [data-disp]:not([data-disp~='sp']) {
        display: none !important;
    }
}