@charset "UTF-8";
html body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: #3A2323;
  font-size: 16px;
}
html body .wrap {
  width: 90%;
  max-width: 1200px;
  margin: 65px auto;
}
html body .none {
  margin: 0 auto;
}
html body .bg-green {
  background-color: #E4F5F2;
  padding: 65px 0;
}
html h1 {
  font-family: "Rounded Mplus 1c";
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
@media screen and (max-width: 960px) {
  html h1 {
    font-size: 28px;
  }
}
html h1 span {
  color: #43B19F;
}
@media screen and (max-width: 645px) {
  html h1 span {
    display: block;
  }
}
html h1 i {
  font-size: 0.7em;
  color: #3a3123;
  opacity: 0.8;
}
html .slider {
  width: 100%;
  margin: 0 auto;
  /* 中央配置 */
}
html .slider img {
  width: 100%;
  /* 画像幅を100%にする */
  height: auto;
  /* アスペクト比を維持 */
  -o-object-fit: cover;
     object-fit: cover;
  /* 画像をはみ出さずに表示 */
}
html .voice {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
html .voice li {
  width: calc((100% - 40px) / 2);
  list-style: none;
  border: #43B19F solid 2px;
  background-color: #fff;
  padding: 2em;
  border-radius: 3rem;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  html .voice li {
    width: calc((100% - 0px) / 1);
  }
}
html .voice li div,
html .voice li span {
  text-align: center;
}
html .voice li div {
  margin-bottom: 10px;
}
html .voice li div img {
  width: 80px;
}
html .voice li span {
  font-size: 14px;
  display: block;
  margin-bottom: 20px;
}/*# sourceMappingURL=style.css.map */