@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 {
  margin-bottom: 5%;
}
@media screen and (max-width: 1199px) {
  h1 {
    margin-bottom: 55%;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    margin-bottom: 5%;
  }
}
h1 img {
  height: 65px;
  width: auto;
}
@media screen and (max-width: 999px) {
  h1 img {
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  h1 img {
    height: 27px;
  }
}

h2 {
  margin-bottom: 7%;
}
@media screen and (max-width: 767px) {
  h2 {
    margin-bottom: 15%;
  }
}
h2 img {
  height: 47px;
  width: auto;
}
@media screen and (max-width: 999px) {
  h2 img {
    height: 25px;
  }
}

h3 {
  font-size: 36px;
  font-family: "A-OTF ゴシックMB101 Pr5", sans-serif;
  margin: 0 0 3.5% 0;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 999px) {
  h3 {
    font-size: 26px;
    letter-spacing: 0.1rem;
  }
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 22px;
  }
}

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

h5 {
  letter-spacing: 0.2rem;
  margin-top: 3.5%;
  border-bottom: 1px solid #422b11;
  display: inline-block;
  margin-top: 7%;
}
@media screen and (max-width: 1199px) {
  h5 {
    letter-spacing: 0.1rem;
  }
}
@media screen and (max-width: 767px) {
  h5 {
    margin-top: 12%;
    margin-bottom: 5%;
  }
}
h5 p {
  font-size: 20px;
  font-family: "A-OTF ゴシックMB101 Pr5", sans-serif;
  padding-bottom: 3px;
}
@media screen and (max-width: 999px) {
  h5 p {
    font-size: 18px;
    padding-bottom: 1px;
  }
}

.works-tab .tab-img h6 {
  width: 55%;
  margin: 0 auto;
  border-bottom: 1px solid #422b11;
}
@media screen and (max-width: 1199px) {
  .works-tab .tab-img h6 {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .works-tab .tab-img h6 {
    width: 53%;
    margin-bottom: 3px;
  }
}
@media screen and (max-width: 399px) {
  .works-tab .tab-img h6 {
    width: 64%;
  }
}
.works-tab .tab-img h6 span {
  font-size: 20px;
  margin: 0 0 1.6rem 0;
  width: 35%;
  margin: 0 auto;
}
@media screen and (max-width: 999px) {
  .works-tab .tab-img h6 span {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .works-tab .tab-img h6 span {
    font-size: 14px;
  }
}
.works-tab .tab-img h6 span:hover, .works-tab .tab-img h6 span:focus {
  color: #a195db;
}
.works-tab .tab-img h6:hover, .works-tab .tab-img h6:focus {
  border-bottom: 1px solid #a195db;
}
@media screen and (max-width: 767px) {
  .works-tab .tab-img p {
    line-height: 2rem;
  }
}
@media screen and (max-width: 999px) {
  .works-tab .tab-img p span {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .works-tab .tab-img p span {
    font-size: 10px;
  }
}
.works-tab .tab-img p span:hover, .works-tab .tab-img p span:focus {
  color: #a195db;
}

.blog-title span, .blog-tab span {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .blog-title span, .blog-tab span {
    font-size: 14px;
  }
}

p {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 3rem;
  overflow-wrap: break-word;
}
@media screen and (max-width: 767px) {
  p {
    line-height: 2.5rem;
    font-size: 14px;
  }
}

a {
  text-decoration: none;
}

footer li {
  letter-spacing: 0.05rem;
}

.contact .container .wrapper .card .description p {
  font-size: 21px;
  writing-mode: vertical-rl;
}
@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(6) {
  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(6) {
    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: block;
  }
}
@media screen and (max-width: 767px) {
  .md-br {
    display: none;
  }
}

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