@charset 'UTF-8';

html {
    font-size: 62.5%;
    line-height: 1.6;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
    scroll-behavior: smooth;
}

body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: scroll;
    font-size: 10px;
    color: var(--text_color01);
}

h1 {
    font-size: 4rem;
}

h2 {
    font-size: 3rem;
}

h3 {}

p {}

@media screen and (min-width: 769px) and (max-width: 1280px) {

    /* 1280pxで1remが10pxになる。それ以降は大きくならない。
  1280px以下で自動でサイズが小さくなる。計算式＝10px / 1280px x 100 */
    html {
        font-size: 0.78125vw;
    }
}

@media screen and (min-width: 376px) and (max-width: 768px) {

    /* 768pxで1remが10pxになる。それ以降は大きくならない。
  768px以下で自動でサイズが小さくなる。計算式＝10px / 768px x 100 */
    html {
        font-size: 1.30208vw;
    }
}



@media screen and (max-width: 375px) {

    /* 375pxで1remが10pxになる。それ以降は大きくならない。
  375px以下で自動でサイズが小さくなる。計算式＝10px / 375px x 100 */
    html {
        font-size: 2.666vw;
    }
}

/* ======================================
共通設定
====================================== */
/* PCでTELクリック無効 */
a[href^="tel:"] {
    pointer-events: none;
}

a {
    display: inline-block;
}

/* ======================================
WEBフォント
====================================== */

.font-san {
    font-family: "Sen", sans-serif;
}

.font-doppio {
    font-family: "Doppio One", sans-serif;
}

/* ======================================
色の共通設定
====================================== */
:root {
    --text_color01: #083253;
}

/* ======================================
共通設定ヘルパークラス
====================================== */
@media screen and (min-width: 769px) {

    /* 769px以降は.hp_pcでパソコン表示、.hp_spでスマホ非表示 */
    .pc-only {
        display: block;
    }

    .sp-only {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {

    /* 768pxまでは.hp_pcでパソコン非表示、.hp_spでスマホ表示 */
    .pc-only {
        display: none !important;
    }

    .sp-only {
        display: block;
    }
}

.flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}