html{
    font-size: 16px;
}
@font-face {
    font-family: 'NotoSansJP';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/NotoSansJP-Regular.woff') format('woff'),
        url('../../fonts/NotoSansJP-Regular.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSansJP';
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/NotoSansJP-Medium.woff') format('woff'),
        url('../../font/NotoSansJP-Medium.eot')  format('eot');
    font-display: swap;

}
@font-face {
    font-family: 'NotoSansJP';
    font-style: normal;
    font-weight: 900;
    src: url('../../fonts/NotoSansJP-Bold.woff') format('woff'),
        url('../../fonts/NotoSansJP-Bold.eot')  format('eot');
    font-display: swap;
}
body {
    font-family: 'NotoSansJP', "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif!important;
    color: #212D33;
}



p{
    line-height: 1.8;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    margin-bottom: 1rem;
    line-height: 1.5;
}
svg{
    vertical-align: text-top;
}

@media (max-width: 767px){
    h3{
        font-size: 1.6rem;
    }
    h4{
        font-size: 1.35rem;
    }
    h5{
        font-size: 1.1rem;
    }
}