/* -------------------------
common
------------------------- */

@charset "utf-8";
html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}
body {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    color: var(--primary-black, #1C1C1C);
    line-height: 1.5;
}
img {
  width: 100%;
  height: auto;
  display: block;
}

a {
    text-decoration: none;
    cursor: pointer;
}

:root {
    --primary-white: #FFFFFF;
    --primary-black: #1C1C1C;
    --primary-gray900: #212121;
    --primary-gray800: #424242;
    --primary-gray700: #616161;
    --primary-gray600: #757575;
    --primary-gray500: #9E9E9E;
    --primary-gray400: #BDBDBD;
    --primary-gray300: #E0E0E0;
    --primary-gray200: #EEEEEE;
    --primary-gray100: #F5F5F5;
    --primary-gray050: #FAFAFA;

    --primary-green900: #39922c;
    --primary-green800: #44af35;
    --primary-green700: #61bb55;
    --primary-green600: #7fc874;
    --primary-green500: #9cd493;
    --primary-green400: #b8e0b2;
    --primary-green300: #b9e1b3;
    --primary-green200: #d0ebcd;
    --primary-green100: #e8f5e6;
    --primary-green050: #f3faf3;

    --primary-txtlink: #38CA69;
    --primary-txtlinkhover: #23B553;

    --primary-yellow: #F5AA00;
    --primary-orange: #E57D1B;

}

/* -------------------------
btn
------------------------- */

/* -------------------------
header
------------------------- */


/* -------------------------
footer
------------------------- */