* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  font-size: 0.078125vw;
}

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

.br_sp {
  display: none;
}
@media (max-width: 767px) {
  .br_sp {
    display: block;
  }
}

#main .__inner {
  max-width: 1980px;
  padding: 147rem 0 80rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #main .__inner {
    padding: 400rem 50rem 300rem;
  }
}
@media (max-width: 560px) {
  #main .__inner {
    padding: 600rem 50rem 500rem;
  }
}
#main .__inner > div {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
}
#main .__inner > div h1 {
  font-size: 42rem;
  line-height: 1.33;
  font-weight: 500;
  position: relative;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 767px) {
  #main .__inner > div h1 {
    font-size: 60rem;
  }
}
@media (max-width: 560px) {
  #main .__inner > div h1 {
    font-size: 70rem;
  }
}
#main .__inner > div h1::before {
  content: "";
  background: url(../img/pattern.png);
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto;
  display: block;
  width: 370rem;
  height: 50rem;
  margin-bottom: 10rem;
}
@media (max-width: 767px) {
  #main .__inner > div h1::before {
    transform: scale(1.5);
  }
}
@media (max-width: 560px) {
  #main .__inner > div h1::before {
    transform: scale(2);
    margin-bottom: 50rem;
  }
}
#main .__inner > div h1 span {
  display: block;
  font-size: 22rem;
  line-height: 1.272;
  margin-top: 12rem;
}
@media (max-width: 767px) {
  #main .__inner > div h1 span {
    font-size: 30rem;
  }
}
@media (max-width: 560px) {
  #main .__inner > div h1 span {
    font-size: 50rem;
  }
}
#main .__inner > p {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-size: 15rem;
  line-height: 1.86;
}
@media (max-width: 767px) {
  #main .__inner > p {
    font-size: 25rem;
  }
}
@media (max-width: 560px) {
  #main .__inner > p {
    font-size: 40rem;
  }
}
#main .__inner > p:first-of-type {
  margin-top: 60rem;
}
@media (max-width: 767px) {
  #main .__inner > p:first-of-type {
    margin-top: 80rem;
  }
}
#main .__inner > p:nth-of-type(2) {
  margin-top: 30rem;
}

#inquiry .__inner {
  padding: 60rem 0 80rem;
  background-color: #F7F7F7;
}
#inquiry .__inner .container {
  display: flex;
  gap: 60rem;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  #inquiry .__inner .container {
    flex-direction: column;
  }
}
#inquiry .__inner .container > div {
  width: 430rem;
  height: 160rem;
  box-shadow: 0 3rem 20rem rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  background-color: #FFFFFF;
  padding: 45rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  #inquiry .__inner .container > div {
    width: 60%;
    height: auto;
  }
}
@media (max-width: 560px) {
  #inquiry .__inner .container > div {
    width: 70%;
    height: auto;
  }
}
#inquiry .__inner .container > div > p {
  color: #000;
  font-size: 16rem;
  line-height: 2.5;
  font-weight: bold;
  cursor: text;
}
@media (max-width: 767px) {
  #inquiry .__inner .container > div > p {
    font-size: 40rem;
  }
}
@media (max-width: 560px) {
  #inquiry .__inner .container > div > p {
    font-size: 60rem;
  }
}
#inquiry .__inner .container > div > div {
  margin-top: 8rem;
  display: flex;
  align-items: center;
}
#inquiry .__inner .container > div > div img {
  width: 20rem;
  height: 20rem;
  transform: translateY(-2rem);
  margin-right: 8rem;
}
@media (max-width: 767px) {
  #inquiry .__inner .container > div > div img {
    width: 30rem;
    height: 30rem;
  }
}
@media (max-width: 560px) {
  #inquiry .__inner .container > div > div img {
    width: 50rem;
    height: 50rem;
  }
}
#inquiry .__inner .container > div > div p {
  color: #449995;
  font-size: 26rem;
  line-height: 1.08;
  font-weight: 500;
  cursor: text;
}
@media (max-width: 767px) {
  #inquiry .__inner .container > div > div p {
    font-size: 35rem;
  }
}
@media (max-width: 767px) {
  #inquiry .__inner .container > div > div p {
    font-size: 50rem;
  }
}

footer {
  padding: 40rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer img {
  width: 232.96rem;
  height: auto;
}
@media (max-width: 767px) {
  footer img {
    width: 350rem;
  }
}
@media (max-width: 560px) {
  footer img {
    width: 550rem;
  }
}
footer p {
  margin-top: 25rem;
  font-size: 12rem;
  line-height: 1.5;
  color: #ABABAB;
}
@media (max-width: 767px) {
  footer p {
    font-size: 20rem;
  }
}
@media (max-width: 560px) {
  footer p {
    font-size: 20rem;
    margin-top: 50rem;
  }
}/*# sourceMappingURL=styles.css.map */