@import "reset.css";
@import "header.css";
@import "banner.css";
@import "article.css";
@import "partner.css";
@import "review.css";
@import "footer.css";
@import "contact.css";
@import "media.css";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap");

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

h1 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}

h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

h2 {
  font-size: 1.1rem;
  line-height: 1.3rem;
}

h3 {
  font-size: 1rem;
  line-height: 1.3rem;
}

h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

a {
  font-family: "Noto Sans JP", sans-serif;
}

a:focus {
  outline: none;
  border: none;
}

span {
  line-height: 1.2rem;
}

.button a {
  background-color: #25b6a5;
  padding: 7px 20px;
  border-radius: 25px;
  font-weight: 500;
  text-decoration: none;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.button a:active {
  transform: scale(0.95);
  border: none;
  outline: none;
}

body::before {
  content: " ";
  background-image: url(imgs/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
  opacity: 0.04;
}