@charset "utf-8";
/****************
common
****************/
:root {
  /* color */
  --c-g    : #004b35;
  --c-lg   : #3A7210;
  --c-llg  : #3F8F12;
  --c-o    : #A35F15;
  --c-lb   : #D2791B;
  --c-lo   : #F06E0E;
  --c-gray : #EBEBEB;
  --c-dark : #42464b;
  --c-red  : #C5272D;
  --c-em   : #ca310b;
  /* space */
  --s-huge  : 6.25rem; /* 100px */
  --s-big   : 5rem;    /* 80px */
  --s-ll    : 4.5rem;  /* 72px */
  --s-l     : 3.75rem; /* 60px */
  --s-ml    : 3.125rem;/* 50px */
  --s-m     : 1.875rem;/* 30px */
  --s-mm    : 1.5rem;  /* 24px */
  --s-ms    : 1.25rem; /* 20px */
  --s-double: 1rem;    /* 16x */
  --s-nomal : 0.5rem;  /* 8px */
  --s-s     : 0.25rem; /* 4px */
  --btn-space: 1rem;   /* 16x */
  /* font */
  --f-l   : 1.875rem;  /* 30px */
  --f-mll : 1.5625rem; /* 25px */
  --f-ml  : 1.25rem;   /* 20px */
  --f-m   : 1.125rem;  /* 18px */
  --f-s   : .875rem;   /* 14px */

  --roboto: "Roboto";

  /* size */
 --inner-width: min(1200px, 90%);

 /* other */
--polygon: polygon(100% 100%, 28% 0%, 0% 0%, 0% 100%);
--radius : 5px;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Local Noto Sans JP", "Noto Sans JP", sans-serif;
  color: #42464b;
}
a {
    line-height: 1.2;
}
p {
    line-height: 1.7;
}
.sp_only {
    display: none;
}
@media screen and (max-width: 1200px) {
  .sp_only {
    display: revert;
  }
}