@charset "UTF-8";
html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "BIZ UDPGothic", sans-serif;
  line-height: 2em;
}

.br-sp {
  display: none;
}

span {
  font-size: 14px;
}

h1 img {
  height: 55px;
  width: auto;
}

h2 {
  font-size: 38px;
  font-family: "A-OTF ゴシックMB101 Pr5", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 399px) {
  h2 {
    font-size: 22px;
  }
}

.h2-line {
  position: relative;
  border-bottom: #000 solid 2px;
  line-height: 1.8;
}
.h2-line::after {
  position: absolute;
  background: url(/wp-content/themes/practice/assets/img/line.svg) no-repeat center/contain;
  content: "";
  width: 25px;
  height: 30px;
  right: -10px;
  bottom: -16px;
}
@media screen and (max-width: 767px) {
  .h2-line::after {
    width: 18px;
    height: 31px;
    right: -5px;
    bottom: -17px;
  }
}
@media screen and (max-width: 399px) {
  .h2-line::after {
    bottom: -16px;
  }
}

h3 {
  font-size: 24px;
  font-family: "A-OTF ゴシックMB101 Pr5", sans-serif;
  letter-spacing: 0.2rem;
  font-weight: 600;
}
@media screen and (max-width: 999px) {
  h3 {
    font-size: 20px;
    letter-spacing: 0.1rem;
  }
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 18px;
  }
}

h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 1rem 0;
  font-family: "A-OTF ゴシックMB101 Pr5", sans-serif;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 399px) {
  h4 {
    line-height: 2.5rem;
  }
}

h5 {
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 1199px) {
  h5 {
    letter-spacing: 0;
    font-size: 14px;
  }
}

footer li {
  letter-spacing: 0.05rem;
}

.contact .container .wrapper .card .description p {
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  .contact .container .wrapper .card .description p {
    font-size: 14px;
  }
}
.contact .container .wrapper .card form p {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .contact .container .wrapper .card form p {
    font-size: 14px;
  }
}
.contact .container .wrapper .card form p:nth-child(7) {
  font-size: 12px;
  text-align: center;
  line-height: 1.5rem;
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .contact .container .wrapper .card form p:nth-child(7) {
    font-size: 10px;
  }
}

@media screen and (min-width: 400px) {
  .sm-br {
    display: none;
  }
}
@media screen and (max-width: 399px) {
  .sm-br {
    display: block;
  }
}

@media screen and (min-width: 400px) {
  .sm-br-a {
    display: none;
  }
}
@media screen and (max-width: 399px) {
  .sm-br-a {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .md-br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .md-br {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .pc-br {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .pc-br {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .xl-br {
    display: block;
  }
}
@media screen and (max-width: 1199px) {
  .xl-br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .xl-br {
    display: block;
  }
}/*# sourceMappingURL=font.css.map */