@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansJP-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansJP-Medium.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/NotoSansJP-Bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSansJP-Black.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifJP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSerifJP-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifJP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSerifJP-Medium.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifJP";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/NotoSerifJP-Bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifJP";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSerifJP-Black.woff") format("woff");
  font-display: swap;
}
body.bg__gradient {
  background: url(../images/top/bg_top_gradient_01.png) top center/100% no-repeat;
}
@media screen and (max-width: 768px) {
  body.bg__gradient {
    background: url(../images/top/bg_top_gradient_01.png) top center/100% no-repeat;
  }
}

main {
  padding: 0 0 140px;
}
@media screen and (max-width: 1050px) {
  main {
    padding: 0 0 13.2899869961vw;
  }
}
@media screen and (max-width: 768px) {
  main {
    padding: 0 0 32vw;
  }
}
main.bg__gradient {
  background: url(../images/top/bg_top_gradient_02.png) bottom center/100% auto no-repeat;
}

.breadcrumbs {
  padding: 80px 0 48px;
}
@media screen and (max-width: 1050px) {
  .breadcrumbs {
    padding: 7.5942782835vw 0 4.5565669701vw;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumbs {
    padding: 16vw 0 12.8vw;
  }
}
.breadcrumbs .sec__inner {
  width: 100%;
  max-width: 1280px;
  padding: 0 40px;
  display: none;
}
@media screen and (max-width: 1050px) {
  .breadcrumbs .sec__inner {
    padding: 0;
    width: 94.9284785436vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumbs .sec__inner {
    width: 100%;
    padding: 0 5.3333333333vw;
  }
}
.breadcrumbs ul {
  display: flex;
  gap: 0 4px;
}
@media screen and (max-width: 1050px) {
  .breadcrumbs ul {
    gap: 0 0.3797139142vw;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumbs ul {
    gap: 0 1.0666666667vw;
  }
}
.breadcrumbs ul li {
  font-size: 12px;
}
@media screen and (max-width: 1050px) {
  .breadcrumbs ul li {
    font-size: 1.1391417425vw;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumbs ul li {
    font-size: 3.2vw;
  }
}
.breadcrumbs ul li:not(:last-of-type)::after {
  content: ">";
}
.breadcrumbs ul li a {
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .breadcrumbs ul li a:hover {
    text-decoration: unset;
  }
}

.page__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px 0;
  letter-spacing: 1px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 1050px) {
  .page__title {
    gap: 1.3289986996vw 0;
    letter-spacing: 0.0949284785vw;
    margin: 0 auto 3.7971391417vw;
  }
}
@media screen and (max-width: 768px) {
  .page__title {
    gap: 2.6666666667vw;
    letter-spacing: 0.2666666667vw;
    margin: 0 auto 10.6666666667vw;
  }
}
.page__title .en {
  font-size: 40px;
}
@media screen and (max-width: 1050px) {
  .page__title .en {
    font-size: 3.7971391417vw;
  }
}
@media screen and (max-width: 768px) {
  .page__title .en {
    font-size: 8vw;
  }
}
.page__title .ja {
  font-size: 14px;
  font-weight: 500;
  color: #6c6c6c;
}
@media screen and (max-width: 1050px) {
  .page__title .ja {
    font-size: 1.3289986996vw;
  }
}
@media screen and (max-width: 768px) {
  .page__title .ja {
    font-size: 3.7333333333vw;
  }
}
/*# sourceMappingURL=page.css.map */