/* 
 * SVAION Website Fonts Stylesheet
 * ---------------------------- 
 */

/* Noto Sans JP (サンセリフフォント) */
@font-face {
    font-family: 'Noto Sans JP';
    src: url('../fonts/noto-sans/NotoSansJP-Regular.woff2') format('woff2'),
         url('../fonts/noto-sans/NotoSansJP-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('../fonts/noto-sans/NotoSansJP-Medium.woff2') format('woff2'),
         url('../fonts/noto-sans/NotoSansJP-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('../fonts/noto-sans/NotoSansJP-Bold.woff2') format('woff2'),
         url('../fonts/noto-sans/NotoSansJP-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Noto Serif JP (明朝体フォント) */
@font-face {
    font-family: 'Noto Serif JP';
    src: url('../fonts/noto-serif/NotoSerifJP-Regular.woff2') format('woff2'),
         url('../fonts/noto-serif/NotoSerifJP-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif JP';
    src: url('../fonts/noto-serif/NotoSerifJP-Medium.woff2') format('woff2'),
         url('../fonts/noto-serif/NotoSerifJP-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif JP';
    src: url('../fonts/noto-serif/NotoSerifJP-Bold.woff2') format('woff2'),
         url('../fonts/noto-serif/NotoSerifJP-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* SVAIONアイコンフォント */
@font-face {
    font-family: 'SVAION Icons';
    src: url('../fonts/icons/svaion-icons.woff2') format('woff2'),
         url('../fonts/icons/svaion-icons.woff') format('woff'),
         url('../fonts/icons/svaion-icons.svg#svaion-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* アイコンフォント用クラス */
[class^="icon-"], [class*=" icon-"] {
    /* アイコンフォントの基本スタイル */
    font-family: 'SVAION Icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 各アイコンのUnicodeマッピング */
.icon-twitter:before {
    content: "\e900";
}
.icon-facebook:before {
    content: "\e901";
}
.icon-linkedin:before {
    content: "\e902";
}
.icon-location:before {
    content: "\e903";
}
.icon-phone:before {
    content: "\e904";
}
.icon-mail:before {
    content: "\e905";
}
.icon-search:before {
    content: "\e906";
}
.icon-check:before {
    content: "\e907";
}