@charset "utf-8";
/* CSS Document */

/* ==========================
// use sample //
color: var(--color-base);
---------------------------*/
:root{
  
  /*--font-family:'Hiragino UD Sans F StdN'; */
  --font-family:Arial, Helvetica, "sans-serif";
  
  /* light */
  --color-primary-lt-100:#F7FBF0;
  --color-primary-lt-200:#EAF2DE;
  --color-primary-lt-300:#C2DE94;
  --color-primary-lt-400:#95C546;
  --color-primary-lt-500:#6DB000;
  --color-primary-lt-600:#4D8500;
  
  
  /* dark */
  --color-primary-dark-100:#F5FBFA;
  --color-primary-dark-200:#D7F0E9;
  --color-primary-dark-300:#9CD9C8;
  --color-primary-dark-400:#7ACDB6;
  --color-primary-dark-500:#45A48A;
  --color-primary-dark-600:#437567;
  
  
  /* neutral */
  --color-primary-neutral-100:#FFFFFF;
  --color-primary-neutral-200:#F7F7F7;
  --color-primary-neutral-300:#E6E6E6;
  --color-primary-neutral-400:#D9D9D9;
  --color-primary-neutral-500:#BFBFBF;
  --color-primary-neutral-600:#999999;
  --color-primary-neutral-700:#666666;
  --color-primary-neutral-800:#4C4C4C;
  --color-primary-neutral-900:#2E2E2E;
  
  
  /* accent */
  --color-accent-100:#FFFCF2;
  --color-accent-200:#FDEED0;
  --color-accent-300:#FADB84;
  --color-accent-400:#FFC72F;
  --color-accent-500:#FFA600;
  --color-accent-600:#FF8000;
  --color-accent-700:#8C6E1B;
  
  /* btnlpcommon */
  --color-btn-txt:#2E2E2E;        /* button text */
  --color-btn-txt-hover:#ffffff;  /* button hover text */
  
  /* btnlp1 */  
  --color-btn-base1:#ffffff;     /* base */
  --color-btn-border1:#45A48A;   /* border */
  --color-btn-iconyaji1:#ffffff; /* yajirushi */
  --color-btn-iconbg1:#437567;   /* icon bg */
  --color-btn-base1-hover:#437567;     /* base hover */
  --color-btn-border1-hover:#437567;   /* border hover */
  --color-btn-iconyaji1-hover:#437567; /* yajirushi hover */
  --color-btn-iconbg1-hover:#ffffff;   /* icon bg hover */
  
  
  /* anchor */  
  --color-anchor-base:#4D8500;     /* base */
  --color-anchor-iconyaji:#4D8500; /* yajirushi */
  --color-anchor-iconbg:#ffffff;   /* icon bg */
  --color-anchor-base-hover:#6DB000;     /* base hover */
  --color-anchor-iconyaji-hover:#6DB000; /* yajirushi hover */
  --color-anchor-iconbg-hover:#ffffff;   /* icon bg hover */
  
  
  
  --font-size-8:calc((8 / 14) * 100%) !important;
  --font-size-9:calc((9 / 14) * 100%) !important;
  --font-size-10:calc((10 / 14) * 100%) !important;
  --font-size-11:calc((11 / 14) * 100%) !important;
  --font-size-14:calc((14 / 14) * 100%) !important;
  --font-size-15:calc((15 / 14) * 100%) !important;
  --font-size-16:calc((16 / 14) * 100%) !important;
  --font-size-17:calc((17 / 14) * 100%) !important;
  --font-size-18:calc((18 / 14) * 100%) !important;
  --font-size-19:calc((19 / 14) * 100%) !important;
  --font-size-20:calc((20 / 14) * 100%) !important;
  --font-size-21:calc((21 / 14) * 100%) !important;
  --font-size-22:calc((22 / 14) * 100%) !important;
  --font-size-23:calc((23 / 14) * 100%) !important;
  --font-size-24:calc((24 / 14) * 100%) !important;
  --font-size-25:calc((25 / 14) * 100%) !important;
  --font-size-26:calc((26 / 14) * 100%) !important;
  --font-size-27:calc((27 / 14) * 100%) !important;
  --font-size-28:calc((28 / 14) * 100%) !important;
  --font-size-30:calc((30 / 14) * 100%) !important;
  --font-size-32:calc((32 / 14) * 100%) !important;
  --font-size-36:calc((36 / 14) * 100%) !important;
  --font-size-40:calc((40 / 14) * 100%) !important;
  --font-size-60:calc((60 / 14) * 100%) !important;
  
  --color-base-linebox1:rgba(247, 251, 240, 0.9);
}