@charset "UTF-8";

/* ==== root ========================== */
:root {
  --color-black: #595656;
  --color-white: #fff;
  --color-primary: #6eb92b;
  --color-bgEntxt: #f4f3e7;
  --color-bg: #fefcf3;
  --color-bgDark: #faf7e9;

  --noto-sans: "noto-sans-cjk-jp", sans-serif;
  --noto-serif: "Noto Serif JP", serif;
  --zen-kaku: "Zen Kaku Gothic New", serif;
  --montserrat: "Montserrat", serif;
  --roboto: "Roboto", sans-serif;

  --fs-140: 8.75em;
  --fs-130: 8.125em;
  --fs-52: 3.25em;
  --fs-50: 3.125em;
  --fs-40: 2.5em;
  --fs-34: 2.125em;
  --fs-30: 1.875em;
  --fs-20: 1.25em;
  --fs-18: 1.125em;
  --fs-14: 0.875em;

  --medium: 500;
  --regular: 400;

  --l-100: 6.25em;
  --l-70: 4.375em;
  --l-60: 3.75em;
  --l-50: 3.125em;
  --l-40: 2.5em;
  --l-30: 1.875em;
  --l-20: 1.25em;
  --l-10: 0.625em;

  --max-wid: 2000px;

  --header: clamp(0.8rem, 6.48vw, 20rem);
  scroll-padding: var(--header);
}

@media screen and (max-width:767px) {
  :root {
    --fs-140: 5.6em;
    --fs-130: 5.2em;
    --fs-52: 2.08em;
    --fs-50: 2em;
    --fs-40: 1.6em;
    --fs-34: 1.36em;
    --fs-30: 1.2em;
    --fs-20: 0.8em;
    --fs-18: 0.72em;
    --fs-14: 0.56em;


    --l-100: 4em;
    --l-70: 2.8em;
    --l-60: 2.4em;
    --l-50: 2em;
    --l-40: 1.6em;
    --l-30: 1.2em;
    --l-20: 0.8em;
    --l-10: 0.4em;

    --header: 20vw;
    scroll-padding: var(--header);
  }
}


/*================================================
 *  standard
 ================================================*/
#standard .standard-list {
  max-width: 1440px;
  padding-left: clamp(1rem, 12em, 270px);
  padding-right: clamp(1rem, 12em, 270px);
  display: grid;
  gap: 2em 0;
}

@media screen and (max-width:767px) {
  #standard .standard-list {
    padding-left: 1.4em;
    padding-right: 1.4em;
  }
}

#standard .standard-item {
  display: grid;
  gap: 1em 0;
}

@media screen and (max-width:767px) {
  #standard .standard-item {}
}

#standard .standard-item dt {
  position: relative;
  background: #f3efda;
  font-size: 1.2em;
  font-weight: 500;
  padding: 0.2em 1em;
}

@media screen and (max-width:767px) {
  #standard .standard-item dt {}
}

#standard .standard-item dt::before {
  content: "";
  display: block;
  width: 0.2em;
  height: 100%;
  background-color: var(--color-primary);
  position: absolute;
  top: 0;
  left: 0;
}

#standard .standard-item dd {}

@media screen and (max-width:767px) {
  #standard .standard-item dd {}
}

#standard .standard-item dd h4 {
  font-size: 1.1em;
  font-weight: 700;
  margin-top: 1.5em;
}

@media screen and (max-width:767px) {
  #standard .standard-item dd h4 {}
}

#standard .standard-item dd p {}

@media screen and (max-width:767px) {
  #standard .standard-item dd p {}
}

#standard .standard-item dd ul {}

@media screen and (max-width:767px) {
  #standard .standard-item dd ul {}
}

#standard .standard-item dd ul li {
  position: relative;
  padding-left: 1em;
}

@media screen and (max-width:767px) {
  #standard .standard-item dd ul li {}
}

#standard .standard-item dd ul li::before {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-radius: 9999px;
  background-color: var(--color-primary);
  position: absolute;
  top: 0.8em;
  left: 0;
}

#standard .standard-item dd ul li ul li::before {
  content: "";
  display: block;
  width: 0.2em;
  height: 0.2em;
  border-radius: 9999px;
  background-color: var(--color-primary);
  position: absolute;
  top: 1em;
  left: 0.4em;
}