@charset "UTF-8";
@font-face {
    font-family: "NotoSansJP";
    font-display: swap;
    src: url("../fonts/NotoSansJP-Bold.otf") format("TrueType");
    }

    * {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
      -webkit-text-size-adjust: 100%;
      font-feature-settings: "palt";
      letter-spacing: var(--font-letterspacing-3);
    }
    b {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    }

h1 ,h2 ,h3{
  color: #00B06F;
  font-family: "Noto Sans JP", system-ui;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

h2{
  font-size: 1.5rem;
  @media screen and (min-width: 550px) {
    font-size: 2.5rem;
  }
}

h3{
  color: #499A49;
  font-size: 1.125rem;
  @media screen and (min-width: 550px) {
    font-size: 1.5rem;
  }
}

p {
  font-size: 1.125rem;
  line-height: 1.8rem;
}

a {
  text-decoration: none;
  color: black;

}

li{
  color: #000000;
  list-style-position: inside;
}

.nav{
  list-style: none;
}

.center{
  text-align: center;
}

img.alignright{
	display: block;
	margin: 0 0 0 auto;
}
img.alignleft{
	display: block;
	margin: 0 auto 0 0;
}
img.aligncenter{
	display: block;
	margin: 0 auto;
}
button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}