@charset "Shift_JIS";
.noto400{font-family: "noto-sans", sans-serif;font-weight: 400;font-style: normal;}
.noto700{font-family: "noto-sans", sans-serif;font-weight: 700;font-style: normal;}
.mamelon200{font-family: "mamelon", sans-serif;font-weight: 200;font-style: normal;}
.mamelon300{font-family: "mamelon", sans-serif;font-weight: 300;font-style: normal;}
.mamelon400{font-family: "mamelon", sans-serif;font-weight: 400;font-style: normal;}
.mamelon500{font-family: "mamelon", sans-serif;font-weight: 500;font-style: normal;}

:root {
  --color-dark: #C9C050;
  --color-middle: #fcf872;
  --color-light: #FFFDEB;
  --gray-dark: #1F1F1F;
  --gray-middle: #6F6F6F;
  --gray-light: #E8E8E8;
  --margin-wide:5em;
  --margin-middle:3em;
  --margin-narrow:1em;
  --margin-half:.5em;
}
html{
scroll-behavior: smooth;
}
section{
  padding-top: var(--margin-narrow);
  padding-bottom: var(--margin-wide);
}
h2 {
  color: var(--color-dark);
  font-size:48px;
  margin-bottom: var(--margin-half);

}

h3 {
  color: var(--gray-middle);
  font-size:24px;
}

p {
  color: var(--gray-dark);
  font-size:18px;
  line-height: 1.8em;
}

.inner {
    width: 96%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}