/*---------------------------------------------------
共通フォントサイズここから
----------------------------------------------------*/
.ofs-1 { /* 12px */
    font-size: 0.75rem !important;
}

.ofs-2 { /* 13px */
    font-size: 0.813rem !important;
}

.ofs-3 { /* 14px */
    font-size: 0.875rem !important;
}

/*
    font-size: 16px;に関してはbootstrapのfs-6で対応
*/

.ofs-4 { /* 18px */
    font-size: 1.125rem !important;
}

/*
    font-size: 20px;に関してはbootstrapのfs-5で対応
*/

.ofs-5 { /* 22px */
    font-size: 1.375rem !important;
}

.ofs-6 { /* 24px */
    font-size: 1.5rem !important;
}

.ofs-7 { /* 26px */
    font-size: 1.625rem !important;
}

.ofs-8 { /* 28px */
    font-size: 1.75rem !important;
}

.ofs-9 { /* 30px */
    font-size: 1.875rem !important;
}

.ofs-10 { /* 38px */
    font-size: 2.375rem !important;
}

.ofs-11 { /* 40px */
    font-size: 2.5rem !important;
}

/*-------------- lg ------------------*/

@media screen and (min-width: 992px) {
    .ofs-lg-1 { /* 12px */
        font-size: 0.75rem !important;
    }

    .ofs-lg-2 { /* 13px */
        font-size: 0.813rem !important;
    }

    .ofs-lg-3 { /* 14px */
        font-size: 0.875rem !important;
    }

    .ofs-lg-4 { /* 18px */
        font-size: 1.125rem !important;
    }

    .ofs-lg-5 { /* 22px */
        font-size: 1.375rem !important;
    }

    .ofs-lg-6 { /* 24px */
        font-size: 1.5rem !important;
    }

    .ofs-lg-7 { /* 26px */
        font-size: 1.625rem !important;
    }

    .ofs-lg-8 { /* 28px */
        font-size: 1.75rem !important;
    }

    .ofs-lg-9 { /* 30px */
        font-size: 1.875rem !important;
    }

    .ofs-lg-10 { /* 38px */
        font-size: 2.375rem !important;
    }

    .ofs-lg-11 { /* 40px */
        font-size: 2.5rem !important;
    }

    .ofs-lg-12 { /* 43px */
        font-size: 2.688rem !important;
    }
}