@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
@font-face {
  font-family: 'Poppins';
  font-weight: 400;
  font-display: swap;
  src: url("/css/fonts/Poppins-Regular_subset.woff2") format("woff2");
}
@font-face {
  font-family: 'Poppins';
  font-weight: 500;
  font-display: swap;
  src: url("/css/fonts/Poppins-Medium_subset.woff2") format("woff2");
}
@font-face {
  font-family: 'Poppins';
  font-weight: 700;
  font-display: swap;
  src: url("/css/fonts/Poppins-Bold_subset.woff2") format("woff2");
}
main {
  padding-bottom: 110rem;
}
@media only screen and (max-width: 767px) {
  main {
    padding-bottom: 80rem;
  }
}

@media print, screen and (min-width: 768px) {
  .heading-area .wrapper {
    width: 1145rem;
  }
}
.heading-area .title-main {
  font-size: 36rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  margin-bottom: 60rem;
}
@media only screen and (max-width: 767px) {
  .heading-area .title-main {
    font-size: 24rem;
    font-weight: bold;
    margin-bottom: 20rem;
  }
}
@media only screen and (max-width: 767px) {
  .heading-area .title-main br {
    display: none;
  }
}

.contents-area {
  margin: 0 0 70rem;
}
.contents-area .lead-wrap {
  margin-bottom: 80rem;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .contents-area .lead-wrap {
    margin-bottom: 60rem;
  }
}
@media print, screen and (min-width: 768px) {
  .contents-area .lead-wrap .wrapper {
    width: 1145rem;
  }
}

.front .post-type-page {
  /* スクロールバーが動く背景（トラック）の部分 */
}
@media only screen and (max-width: 767px) {
  .front .post-type-page p {
    font-size: 16rem;
  }
}
@media only screen and (max-width: 767px) {
  .front .post-type-page h2 {
    font-size: 20rem;
    padding-bottom: 10rem;
    margin-bottom: 30rem;
  }
}
@media only screen and (max-width: 767px) {
  .front .post-type-page h3 {
    font-size: 18rem;
  }
}
@media only screen and (max-width: 767px) {
  .front .post-type-page ul, .front .post-type-page ol {
    font-size: 16rem;
  }
}
.front .post-type-page table {
  white-space: nowrap;
  height: auto !important;
}
@media only screen and (max-width: 767px) {
  .front .post-type-page table {
    width: 100% !important;
  }
}
.front .post-type-page .simplebar-scrollable-x {
  /* 動くバー本体の部分 */
  /* SimpleBarの標準スタイルを微調整：スクロールバーを常に表示したい場合 */
}
@media only screen and (max-width: 767px) {
  .front .post-type-page .simplebar-scrollable-x {
    margin-bottom: 30rem;
  }
}
.front .post-type-page .simplebar-scrollable-x .simplebar-track.simplebar-horizontal {
  background-color: #DEDEDE;
  height: 10rem;
  border-radius: 10rem;
}
.front .post-type-page .simplebar-scrollable-x .simplebar-scrollbar {
  /* ホバーした時に少し色を濃くする場合（任意） */
}
.front .post-type-page .simplebar-scrollable-x .simplebar-scrollbar::before {
  background-color: #6B960E !important;
  opacity: 1 !important;
  border-radius: 10rem !important;
  top: 1rem;
  bottom: 1rem;
  left: 2rem;
  right: 2rem;
}
.front .post-type-page .simplebar-scrollable-x .simplebar-scrollbar:hover::before {
  background-color: #55770b !important;
}
.front .post-type-page .simplebar-scrollable-x .simplebar-track {
  visibility: visible !important;
}
@media only screen and (max-width: 767px) {
  .front .post-type-page .wp-block-image {
    margin: 10rem 10rem 20rem;
  }
}

.mokuji-area .heading-wrap {
  margin-bottom: 30rem;
}
@media print, screen and (min-width: 768px) {
  .mokuji-area .heading-wrap {
    padding-left: 20rem;
  }
}
@media only screen and (max-width: 767px) {
  .mokuji-area .heading-wrap {
    margin-bottom: 20rem;
  }
}
.mokuji-area .heading-wrap img {
  width: 48rem;
}
@media only screen and (max-width: 767px) {
  .mokuji-area .heading-wrap img {
    width: 38rem;
  }
}
.mokuji-area .heading-wrap .title-main {
  font-size: 28rem;
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .mokuji-area .heading-wrap .title-main {
    font-size: 24rem;
  }
}
.mokuji-area .mokuji-item {
  border-top: 2px solid #EAC200;
  display: flex;
  padding: 20rem;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .mokuji-area .mokuji-item {
    padding: 10rem;
  }
}
.mokuji-area .mokuji-item:last-child {
  border-bottom: 2px solid #EAC200;
}
.mokuji-area .mokuji-item .title-wrap {
  display: flex;
  align-items: center;
  gap: 40rem;
}
@media only screen and (max-width: 767px) {
  .mokuji-area .mokuji-item .title-wrap {
    align-items: flex-start;
    gap: 10rem;
  }
}
.mokuji-area .mokuji-item .title-wrap .num {
  font-size: 21rem;
  letter-spacing: 0.05em;
}
@media print, screen and (min-width: 768px) {
  .mokuji-area .mokuji-item .title-wrap .num {
    font-weight: 900;
  }
}
@media only screen and (max-width: 767px) {
  .mokuji-area .mokuji-item .title-wrap .num {
    font-size: 16rem;
    margin-top: 2rem;
  }
}
.mokuji-area .mokuji-item .title-wrap .title {
  font-size: 28rem;
  letter-spacing: 0.05em;
}
@media print, screen and (min-width: 768px) {
  .mokuji-area .mokuji-item .title-wrap .title {
    font-weight: bold;
  }
}
@media only screen and (max-width: 767px) {
  .mokuji-area .mokuji-item .title-wrap .title {
    font-size: 18rem;
  }
}
.mokuji-area .mokuji-item .arrow-wrap {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 20rem;
}
.mokuji-area .mokuji-item .arrow-wrap img {
  width: 27rem;
}
@media only screen and (max-width: 767px) {
  .mokuji-area .mokuji-item .arrow-wrap img {
    width: 23rem;
  }
}

/*# sourceMappingURL=page_page.css.map */
