@charset "UTF-8";

@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    src: url("../font/Noto_Sans_JP/Subset_NotoSansJP-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    src: url("../font/Noto_Sans_JP/Subset_NotoSansJP-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    src: url("../font/Noto_Sans_JP/Subset_NotoSansJP-Bold.woff2") format("woff2");
}

/* font定義 */
body {
    font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

/* body M-regular = f-14 */
/* 藤田追記　フォントサイズを16pxに変更するため、フォントサーズの指定を削除 */
body {
    font-weight: normal;
    font-style: normal;
    line-height: 150%;
}

/* Typography定義 */
/* f-14b → bold
 f-14m → medium → font-weight: 600 */

.f-7, 
select.f-7 option {
    font-weight: normal;
    font-size: 7px !important;
    line-height: 150%;
}

.f-7m, 
select.f-70m option {
    font-weight: 500;
    font-size: 7px !important;
    line-height: 150%;
}

.f-7b, 
select.f-7b option {
    font-weight: bold;
    font-size: 7px !important;
    line-height: 150%;
}

.f-10, 
select.f-10 option {
    font-weight: normal;
    font-size: 10px !important;
    line-height: 150%;
}

.f-10m, 
select.f-10m option {
    font-weight: 500;
    font-size: 10px !important;
    line-height: 150%;
}

.f-10b, 
select.f-10b option {
    font-weight: bold;
    font-size: 10px !important;
    line-height: 150%;
}

.f-11, 
select.f-11 option {
    font-weight: normal;
    font-size: 11px !important;
    line-height: 150%;
}

/* body S-regular */
.f-12, 
select.f-12 option {
    font-weight: normal;
    font-size: 12px !important;
    line-height: 150%;
}

/* button S */
.f-12m, 
select.f-12m option {
    font-weight: 500;
    font-size: 12px !important;
    line-height: 150%;
}

/* body S-bold */
.f-12b, 
select.f-12b option {
    font-weight: bold;
    font-size: 12px !important;
    line-height: 150%;
}

.f-13, 
select.f-13 option {
    font-weight: normal;
    font-size: 13px !important;
    line-height: 150%;
}

.f-14, 
select.f-14 option {
    font-weight: normal;
    font-size: 14px !important;
    line-height: 150%;
}

/* button M */
.f-14m, 
select.f-14m option {
    font-weight: 500;
    font-size: 14px !important;
    line-height: 150%;
}

/* body M-bold */
.f-14b, 
select.f-14b option {
    font-weight: bold;
    font-size: 14px !important;
    line-height: 150%;
}

/* heading h3 */
.f-14h, 
select.f-14h option {
    font-weight: 700;
    font-size: 14px !important;
    line-height: 150%;
}

.f-15, 
select.f-15 option {
    font-weight: normal;
    font-size: 15px !important;
    line-height: 150%;
}

.f-16, 
select.f-16 option {
    font-weight: normal;
    font-size: 16px !important;
    line-height: 150%;
}

.f-16m, 
select.f-16m option {
    font-weight: 500;
    font-size: 16px !important;
    line-height: 150%;
}

/* heading h2 */
.f-16b, 
select.f-16b option {
    font-weight: bold;
    font-size: 16px !important;
    line-height: 150%;
}

.f-17, 
select.f-17 option {
    font-weight: normal;
    font-size: 17px !important;
    line-height: 150%;
}

.f-17b, 
select.f-17b option {
    font-weight: 700;
    font-size: 17px !important;
    line-height: 150%;
}

.f-18, 
select.f-18 option {
    font-weight: normal;
    font-size: 18px !important;
    line-height: 150%;
}

/* heading modal */
.f-18m, 
select.f-18m option {
    font-weight: 500;
    font-size: 18px !important;
    line-height: 150%;
}

.f-18b, 
select.f-18b option {
    font-weight: 700;
    font-size: 18px !important;
    line-height: 150%;
}

.f-19, 
select.f-19 option {
    font-weight: normal;
    font-size: 19px !important;
    line-height: 150%;
}

.f-20, 
select.f-20 option {
    font-weight: normal;
    font-size: 20px !important;
    line-height: 150%;
}

/* heading h1 */
.f-20b, 
select.f-20b option {
    font-weight: bold;
    font-size: 20px !important;
    line-height: 150%;
}

.f-24b, 
select.f-24b option {
    font-weight: 700;
    font-size: 24px !important;
    line-height: 150%;
}

.f-28m, 
select.f-28m option {
    font-weight: 500;
    font-size: 28px !important;
    line-height: 150%;
}

.f-32b, 
select.f-32b option {
    font-weight: 700;
    font-size: 32px !important;
    line-height: 150%;
}

.f-40b, 
select.f-40b option {
    font-weight: 700;
    font-size: 40px !important;
    line-height: 150%;
}