/* -------------------------
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;

    --primary-danger: #F83B3B;
    --primary-warming: #F0B630;
    --primary-sucess: #44af35;

    --contentWidth: 91.4%;
    --contentPadding: 3.2%;
    --contentPaddingPC: 5.6%;
}

/* -------------------------
inner
------------------------- */
.inner {
  padding: 0 12.5px;
}

@media screen and (min-width:768px) {
    .inner {
        padding: 0 40px;
    }
}

@media screen and (min-width:1280px) {
  .inner {
    max-width: 1280px;
    padding: 0 40px;
    margin: 0 auto;
  }
}

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

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


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