/*---------------------------------------------------
共通フォントファミリーここから
----------------------------------------------------*/
.ff-toppan-bunkyu-midashi-gothic {
    font-family: "Toppan Bunkyu Midashi Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.yu-gothic {
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.yu-mincho {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.ff-mincho {
    font-family: var(--bs-font-serif);
}

.ff-helvetica {
    font-family: Helvetica, Arial, sans-serif;
}

.ff-noto-sans-jp {
    font-family: 'Noto Sans JP', sans-serif;
}

.ff-noto-serif-jp {
    font-family: 'Noto Serif JP', serif;
}

.off-tsukugo-pr5n-m {
    font-family: 'FFOT-筑紫ゴシック Pr5N M', 'TsukuGoPr5N-M';
}

.off-tsukugo-pro-b {
    font-family: 'FOT-筑紫ゴシック Pro B', 'TsukuGoPro-B';
}

.off-tsukugo-pro-e {
    font-family: 'FOT-筑紫ゴシック Pro E', 'TsukuGoPro-E';
}

.off-tsukugo-pro-h {
    font-family: 'FOT-筑紫ゴシック Pro H', 'TsukuGoPro-H';
}

/*---------------------------------------------------
 共通line-heightここから
----------------------------------------------------*/
.lh-1f {
    line-height: 1.5;
}

.lh-2f {
    line-height: 2.5;
}

@media screen and (min-width: 992px) {
    .lh-lg-1f {
        line-height: 1.5;
    }

    .lh-lg-2f {
        line-height: 2.5;
    }
}

/*---------------------------------------------------
 共通letter-spacingここから
----------------------------------------------------*/
.ols-0 {
    letter-spacing: 0 !important;
}

.ols-50 {
    letter-spacing: 0.05em !important;
}

.ols-100 {
    letter-spacing: 0.1em !important;
}

.ols-150 {
    letter-spacing: 0.15em !important;
}

.ols-200 {
    letter-spacing: 0.2em !important;
}

.ols-300 {
    letter-spacing: 0.3em !important;
}

@media screen and (min-width: 992px) {
    .ols-lg-0 {
        letter-spacing: 0;
    }

    .ols-lg-50 {
        letter-spacing: 0.05em !important;
    }

    .ols-lg-100 {
        letter-spacing: 0.1em !important;
    }

    .ols-lg-150 {
        letter-spacing: 0.15em !important;
    }

    .ols-lg-200 {
        letter-spacing: 0.2em !important;
    }

    .ols-lg-300 {
        letter-spacing: 0.3em !important;
    }
}

/*---------------------------------------------------
共通フォントウェイトここから
----------------------------------------------------*/
.ofw-demibold {
    font-weight: 600;
}

/*---------------------------------------------------
共通フォントサイズここから
----------------------------------------------------*/
/*
sm = 576px以上
md = 76px以上
lg = 992px以上
xl = 1200px以上
xxl = 1400px以上
-----------------
1 = 12px
2 = 13px
3 = 14px
4 = 15px
5 = 16px
6 = 17px
7 = 18px
8 = 19px
9 = 20px
10 = 21px
11 = 22px
12 = 23px
13 = 24px
14 = 25px
15 = 26px
16 = 27px
17 = 28px
18 = 29px
19 = 30px
20 = 31px
21 = 32px
22 = 33px
23 = 34px
24 = 35px
25 = 36px
26 = 37px
27 = 38px
28 = 39px
29 = 40px
*/
.ofs-ruby {
    font-size: 8px !important;
}

.ofs-1 { /* 12px */
    font-size: 0.75rem !important;
}

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

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

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

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

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

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

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

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

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

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

.ofs-12 { /* 23px */
    font-size: 1.438rem !important;
}

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

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

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

.ofs-16 { /* 27px */
    font-size: 1.688rem !important;
}

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

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

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

.ofs-20 { /* 31px */
    font-size: 1.938rem !important;
}

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

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

.ofs-23 { /* 34px */
    font-size: 2.125rem !important;
}

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

.ofs-25 { /* 36px */
    font-size: 2.25rem !important;
}

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

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

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

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

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

.ofs-31 { /* 42px */
    font-size: 2.625rem !important;
}

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

.ofs-33 { /* 44px */
    font-size: 2.75rem !important;
}

.ofs-34 { /* 45px */
    font-size: 2.813rem !important;
}

.ofs-35 { /* 46px */
    font-size: 2.875rem !important;
}

.ofs-36 { /* 47px */
    font-size: 2.938rem !important;
}

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

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

.ofs-39 { /* 50px */
    font-size: 3.125rem !important;
}

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

.ofs-41 { /* 52px */
    font-size: 3.25rem !important;
}

.ofs-42 { /* 53px */
    font-size: 3.313rem !important;
}

.ofs-43 { /* 54px */
    font-size: 3.375rem !important;
}

.ofs-44 { /* 55px */
    font-size: 3.438rem !important;
}

.ofs-45 { /* 56px */
    font-size: 3.5rem !important;
}

.ofs-46 { /* 57px */
    font-size: 3.563rem !important;
}

.ofs-47 { /* 58px */
    font-size: 3.625rem !important;
}

.ofs-48 { /* 59px */
    font-size: 3.688rem !important;
}

.ofs-49 { /* 60px */
    font-size: 3.75rem !important;
}

.ofs-50 { /* 61px */
    font-size: 3.813rem !important;
}

.ofs-51 { /* 62px */
    font-size: 3.875rem !important;
}

.ofs-52 { /* 63px */
    font-size: 3.938rem !important;
}

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

.ofs-54 { /* 65px */
    font-size: 4.063rem !important;
}

/*-------------- sm ------------------*/

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

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

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

    .ofs-sm-4 { /* 15px */
        font-size: 0.938rem !important;
    }

    .ofs-sm-5 { /* 16px */
        font-size: 1rem !important;
    }

    .ofs-sm-6 { /* 17px */
        font-size: 1.063rem !important;
    }

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

    .ofs-sm-8 { /* 19px */
        font-size: 1.188rem !important;
    }

    .ofs-sm-9 { /* 20px */
        font-size: 1.25rem !important;
    }

    .ofs-sm-10 { /* 21px */
        font-size: 1.313rem !important;
    }

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

    .ofs-sm-12 { /* 23px */
        font-size: 1.438rem !important;
    }

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

    .ofs-sm-14 { /* 25px */
        font-size: 1.563rem !important;
    }

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

    .ofs-sm-16 { /* 27px */
        font-size: 1.688rem !important;
    }

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

    .ofs-sm-18 { /* 29px */
        font-size: 1.813rem !important;
    }

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

    .ofs-sm-20 { /* 31px */
        font-size: 1.938rem !important;
    }

    .ofs-sm-21 { /* 32px */
        font-size: 2rem !important;
    }

    .ofs-sm-22 { /* 33px */
        font-size: 2.063rem !important;
    }

    .ofs-sm-23 { /* 34px */
        font-size: 2.125rem !important;
    }

    .ofs-sm-24 { /* 35px */
        font-size: 2.188rem !important;
    }

    .ofs-sm-25 { /* 36px */
        font-size: 2.25rem !important;
    }

    .ofs-sm-26 { /* 37px */
        font-size: 2.313rem !important;
    }

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

    .ofs-sm-28 { /* 39px */
        font-size: 2.438rem !important;
    }

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

/*-------------- md ------------------*/

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

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

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

    .ofs-md-4 { /* 15px */
        font-size: 0.938rem !important;
    }

    .ofs-md-5 { /* 16px */
        font-size: 1rem !important;
    }

    .ofs-md-6 { /* 17px */
        font-size: 1.063rem !important;
    }

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

    .ofs-md-8 { /* 19px */
        font-size: 1.188rem !important;
    }

    .ofs-md-9 { /* 20px */
        font-size: 1.25rem !important;
    }

    .ofs-md-10 { /* 21px */
        font-size: 1.313rem !important;
    }

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

    .ofs-md-12 { /* 23px */
        font-size: 1.438rem !important;
    }

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

    .ofs-md-14 { /* 25px */
        font-size: 1.563rem !important;
    }

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

    .ofs-md-16 { /* 27px */
        font-size: 1.688rem !important;
    }

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

    .ofs-md-18 { /* 29px */
        font-size: 1.813rem !important;
    }

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

    .ofs-md-20 { /* 31px */
        font-size: 1.938rem !important;
    }

    .ofs-md-21 { /* 32px */
        font-size: 2rem !important;
    }

    .ofs-md-22 { /* 33px */
        font-size: 2.063rem !important;
    }

    .ofs-md-23 { /* 34px */
        font-size: 2.125rem !important;
    }

    .ofs-md-24 { /* 35px */
        font-size: 2.188rem !important;
    }

    .ofs-md-25 { /* 36px */
        font-size: 2.25rem !important;
    }

    .ofs-md-26 { /* 37px */
        font-size: 2.313rem !important;
    }

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

    .ofs-md-28 { /* 39px */
        font-size: 2.438rem !important;
    }

    .ofs-md-29 { /* 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 { /* 15px */
        font-size: 0.938rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

    .ofs-lg-16 { /* 27px */
        font-size: 1.688rem !important;
    }

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

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

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

    .ofs-lg-20 { /* 31px */
        font-size: 1.938rem !important;
    }

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

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

    .ofs-lg-23 { /* 34px */
        font-size: 2.125rem !important;
    }

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

    .ofs-lg-25 { /* 36px */
        font-size: 2.25rem !important;
    }

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

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

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

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

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

    .ofs-lg-31 { /* 42px */
        font-size: 2.625rem !important;
    }

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

    .ofs-lg-33 { /* 44px */
        font-size: 2.75rem !important;
    }

    .ofs-lg-34 { /* 45px */
        font-size: 2.813rem !important;
    }

    .ofs-lg-35 { /* 46px */
        font-size: 2.875rem !important;
    }

    .ofs-lg-36 { /* 47px */
        font-size: 2.938rem !important;
    }

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

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

    .ofs-lg-39 { /* 50px */
        font-size: 3.125rem !important;
    }

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

    .ofs-lg-41 { /* 52px */
        font-size: 3.25rem !important;
    }

    .ofs-lg-42 { /* 53px */
        font-size: 3.313rem !important;
    }

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

    .ofs-lg-44 { /* 55px */
        font-size: 3.438rem !important;
    }

    .ofs-lg-45 { /* 56px */
        font-size: 3.5rem !important;
    }

    .ofs-lg-46 { /* 57px */
        font-size: 3.563rem !important;
    }

    .ofs-lg-47 { /* 58px */
        font-size: 3.625rem !important;
    }

    .ofs-lg-48 { /* 59px */
        font-size: 3.688rem !important;
    }

    .ofs-lg-49 { /* 60px */
        font-size: 3.75rem !important;
    }

    .ofs-lg-50 { /* 61px */
        font-size: 3.813rem !important;
    }

    .ofs-lg-51 { /* 62px */
        font-size: 3.875rem !important;
    }

    .ofs-lg-52 { /* 63px */
        font-size: 3.938rem !important;
    }

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

    .ofs-lg-54 { /* 65px */
        font-size: 4.063rem !important;
    }

    .ofs-lg-55 { /* 66px */
        font-size: 4.125rem !important;
    }

    .ofs-lg-59 { /* 70px */
        font-size: 4.375rem !important;
    }

    .ofs-lg-63 { /* 74px */
        font-size: 4.625rem !important;
    }
}

/*-------------- xl ------------------*/

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

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

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

    .ofs-xl-4 { /* 15px */
        font-size: 0.938rem !important;
    }

    .ofs-xl-5 { /* 16px */
        font-size: 1rem !important;
    }

    .ofs-xl-6 { /* 17px */
        font-size: 1.063rem !important;
    }

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

    .ofs-xl-8 { /* 19px */
        font-size: 1.188rem !important;
    }

    .ofs-xl-9 { /* 20px */
        font-size: 1.25rem !important;
    }

    .ofs-xl-10 { /* 21px */
        font-size: 1.313rem !important;
    }

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

    .ofs-xl-12 { /* 23px */
        font-size: 1.438rem !important;
    }

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

    .ofs-xl-14 { /* 25px */
        font-size: 1.563rem !important;
    }

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

    .ofs-xl-16 { /* 27px */
        font-size: 1.688rem !important;
    }

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

    .ofs-xl-18 { /* 29px */
        font-size: 1.813rem !important;
    }

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

    .ofs-xl-20 { /* 31px */
        font-size: 1.938rem !important;
    }

    .ofs-xl-21 { /* 32px */
        font-size: 2rem !important;
    }

    .ofs-xl-22 { /* 33px */
        font-size: 2.063rem !important;
    }

    .ofs-xl-23 { /* 34px */
        font-size: 2.125rem !important;
    }

    .ofs-xl-24 { /* 35px */
        font-size: 2.188rem !important;
    }

    .ofs-xl-25 { /* 36px */
        font-size: 2.25rem !important;
    }

    .ofs-xl-26 { /* 37px */
        font-size: 2.313rem !important;
    }

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

    .ofs-xl-28 { /* 39px */
        font-size: 2.438rem !important;
    }

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

/*-------------- xxl ------------------*/

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

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

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

    .ofs-xxl-4 { /* 15px */
        font-size: 0.938rem !important;
    }

    .ofs-xxl-5 { /* 16px */
        font-size: 1rem !important;
    }

    .ofs-xxl-6 { /* 17px */
        font-size: 1.063rem !important;
    }

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

    .ofs-xxl-8 { /* 19px */
        font-size: 1.188rem !important;
    }

    .ofs-xxl-9 { /* 20px */
        font-size: 1.25rem !important;
    }

    .ofs-xxl-10 { /* 21px */
        font-size: 1.313rem !important;
    }

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

    .ofs-xxl-12 { /* 23px */
        font-size: 1.438rem !important;
    }

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

    .ofs-xxl-14 { /* 25px */
        font-size: 1.563rem !important;
    }

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

    .ofs-xxl-16 { /* 27px */
        font-size: 1.688rem !important;
    }

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

    .ofs-xxl-18 { /* 29px */
        font-size: 1.813rem !important;
    }

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

    .ofs-xxl-20 { /* 31px */
        font-size: 1.938rem !important;
    }

    .ofs-xxl-21 { /* 32px */
        font-size: 2rem !important;
    }

    .ofs-xxl-22 { /* 33px */
        font-size: 2.063rem !important;
    }

    .ofs-xxl-23 { /* 34px */
        font-size: 2.125rem !important;
    }

    .ofs-xxl-24 { /* 35px */
        font-size: 2.188rem !important;
    }

    .ofs-xxl-25 { /* 36px */
        font-size: 2.25rem !important;
    }

    .ofs-xxl-26 { /* 37px */
        font-size: 2.313rem !important;
    }

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

    .ofs-xxl-28 { /* 39px */
        font-size: 2.438rem !important;
    }

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