@charset "UTF-8";
/**********************************
- 目次
 * 汎用
 * フォント
 * テキストのグラデ 左から右 青とアクア
 * テキストのグラデ 上から下 暗い青と青
 * 背景のグラデ 左から右
 * 背景のグラデ 上から下
 * 見出しの装飾 - テキスト下 border-bottomグラデ
 * 見出しの装飾 - テキスト左 border-leftグラデ
 * 共通 - 人アイコン
 * 共通 - セクションの3本線ハンバーガーアイコン
 * 共通 - Contactセクション
 * 共通 - マイルくんの顔
 * テンプレートパーツ /template-parts/contact - Contactコンテンツ
 * パンくず
 * よくある質問セクション
**********************************/
/**********************************
 * 汎用
**********************************/
.container {
  width: 100%;
  max-width: 1260px;
  padding: 0 30px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .container {
    max-width: 1240px;
    padding: 0 20px;
  }
}

.is-pc {
  display: initial !important;
}
@media screen and (max-width: 767px) {
  .is-pc {
    display: none !important;
  }
}

.is-pc-tab {
  display: initial !important;
}
@media screen and (max-width: 960px) {
  .is-pc-tab {
    display: none !important;
  }
}

.is-tab {
  display: none !important;
}
@media screen and (max-width: 960px) {
  .is-tab {
    display: initial !important;
  }
}

.is-sp {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .is-sp {
    display: initial !important;
  }
}

.is-pc-flex {
  display: flex !important;
}
@media screen and (max-width: 767px) {
  .is-pc-flex {
    display: none !important;
  }
}

.is-sp-flex {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .is-sp-flex {
    display: flex !important;
  }
}

.is-header-sp {
  display: none !important;
}
@media screen and (max-width: 1080px) {
  .is-header-sp {
    display: initial !important;
  }
}

.is-header-sp-flex {
  display: none !important;
}
@media screen and (max-width: 1080px) {
  .is-header-sp-flex {
    display: flex !important;
  }
}

.is-header-pc {
  display: initial !important;
}
@media screen and (max-width: 1080px) {
  .is-header-pc {
    display: none !important;
  }
}

.is-header-sp-block {
  display: none !important;
}
@media screen and (max-width: 1080px) {
  .is-header-sp-block {
    display: block !important;
  }
}

.is-header-pc-block {
  display: block !important;
}
@media screen and (max-width: 1080px) {
  .is-header-pc-block {
    display: none !important;
  }
}

/**********************************
 * フォント
**********************************/
.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen-kaku-gothic-new-medium {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.zen-kaku-gothic-new-bold {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/**********************************
 * テキストのグラデ 左から右 青とアクア
**********************************/
.text-gradient-to-right {
  width: fit-content;
  background: -webkit-linear-gradient(to right, #2559D2, #79E2D0);
  background: -moz-linear-gradient(to right, #2559D2, #79E2D0);
  background: linear-gradient(to right, #2559D2, #79E2D0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/**********************************
 * テキストのグラデ 上から下 暗い青と青
**********************************/
.text-gradient-to-bottom {
  width: fit-content;
  background: -webkit-linear-gradient(to bottom, #0044a4, #0084ff);
  background: -moz-linear-gradient(to bottom, #0044a4, #0084ff);
  background: linear-gradient(to bottom, #0044a4, #0084ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/**********************************
 * 背景のグラデ 左から右
**********************************/
.bg-gradient-to-right {
  background: -webkit-linear-gradient(to right, #2559D2, #79E2D0);
  background: -moz-linear-gradient(to right, #2559D2, #79E2D0);
  background: linear-gradient(to right, #2559D2, #79E2D0);
}

/**********************************
 * 背景のグラデ 上から下
**********************************/
.bg-gradient-to-bottom {
  background: -webkit-linear-gradient(to bottom, #2559D2, #79E2D0);
  background: -moz-linear-gradient(to bottom, #2559D2, #79E2D0);
  background: linear-gradient(to bottom, #2559D2, #79E2D0);
}

/**********************************
 * 見出しの装飾 - テキスト下 border-bottomグラデ
**********************************/
.heading-border-bottom-gradient {
  position: relative;
}
.heading-border-bottom-gradient::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 50px;
  height: 3px;
  background: -webkit-linear-gradient(to right, #2559D2, #79E2D0);
  background: -moz-linear-gradient(to right, #2559D2, #79E2D0);
  background: linear-gradient(to right, #2559D2, #79E2D0);
}
@media screen and (max-width: 767px) {
  .heading-border-bottom-gradient::before {
    width: 40px;
  }
}

/**********************************
 * 見出しの装飾 - テキスト左 border-leftグラデ
**********************************/
.heading-border-left-gradient {
  position: relative;
}
.heading-border-left-gradient::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 3px;
  height: 22px;
  background: -webkit-linear-gradient(to bottom, #2559D2, #79E2D0);
  background: -moz-linear-gradient(to bottom, #2559D2, #79E2D0);
  background: linear-gradient(to bottom, #2559D2, #79E2D0);
}

/**********************************
 * 共通 - 人アイコン
**********************************/
.commonPeopleIcon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 20px;
}
.commonPeopleIcon.is-blue {
  background-color: #CEE4FF;
}
.commonPeopleIcon.is-blue .commonPeopleIcon_inner::before, .commonPeopleIcon.is-blue .commonPeopleIcon_inner::after {
  background-color: #76B1F9;
}
.commonPeopleIcon.is-dark-blue {
  background-color: #CED2FF;
}
.commonPeopleIcon.is-dark-blue .commonPeopleIcon_inner::before, .commonPeopleIcon.is-dark-blue .commonPeopleIcon_inner::after {
  background-color: #A1A9FE;
}
.commonPeopleIcon.is-purple {
  background-color: #E2CEFF;
}
.commonPeopleIcon.is-purple .commonPeopleIcon_inner::before, .commonPeopleIcon.is-purple .commonPeopleIcon_inner::after {
  background-color: #C59FFB;
}
.commonPeopleIcon.is-aqua {
  background-color: #D4F4F1;
}
.commonPeopleIcon.is-aqua .commonPeopleIcon_inner::before, .commonPeopleIcon.is-aqua .commonPeopleIcon_inner::after {
  background-color: #9BE1DA;
}
.commonPeopleIcon.is-green {
  background-color: #DAF4D5;
}
.commonPeopleIcon.is-green .commonPeopleIcon_inner::before, .commonPeopleIcon.is-green .commonPeopleIcon_inner::after {
  background-color: #9EE291;
}
.commonPeopleIcon.is-light-green {
  background-color: #DEF3B5;
}
.commonPeopleIcon.is-light-green .commonPeopleIcon_inner::before, .commonPeopleIcon.is-light-green .commonPeopleIcon_inner::after {
  background-color: #A6DE5D;
}
.commonPeopleIcon.is-orange {
  background-color: #FFE4C3;
}
.commonPeopleIcon.is-orange .commonPeopleIcon_inner::before, .commonPeopleIcon.is-orange .commonPeopleIcon_inner::after {
  background-color: #FBC19F;
}
.commonPeopleIcon.is-pink {
  background-color: #FFCEEF;
}
.commonPeopleIcon.is-pink .commonPeopleIcon_inner::before, .commonPeopleIcon.is-pink .commonPeopleIcon_inner::after {
  background-color: #FB9FE0;
}
.commonPeopleIcon.is-deco::after {
  position: absolute;
  content: "";
  width: 96px;
  height: 29px;
  top: 2px;
  left: -28.5px;
  background-image: url("../../img/icon/icon-people-deco.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.commonPeopleIcon.is-large {
  width: 55px;
  height: 55px;
  flex: 0 0 55px;
  border-radius: 28px;
}
@media screen and (max-width: 767px) {
  .commonPeopleIcon.is-large {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 20px;
  }
}
.commonPeopleIcon.is-large::after {
  left: -19px;
}
@media screen and (max-width: 767px) {
  .commonPeopleIcon.is-large::after {
    left: -28.5px;
  }
}
.commonPeopleIcon.is-large .commonPeopleIcon_inner::before {
  width: 12px;
  height: 12px;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .commonPeopleIcon.is-large .commonPeopleIcon_inner::before {
    width: 8.73px;
    height: 8.73px;
    border-radius: 5px;
  }
}
.commonPeopleIcon.is-large .commonPeopleIcon_inner::after {
  width: 18.63px;
  height: 13.5px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
@media screen and (max-width: 767px) {
  .commonPeopleIcon.is-large .commonPeopleIcon_inner::after {
    width: 13.55px;
    height: 9.82px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}
.commonPeopleIcon_inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.45px;
  z-index: 1;
}
.commonPeopleIcon_inner::before, .commonPeopleIcon_inner::after {
  display: block;
  content: "";
}
.commonPeopleIcon_inner::before {
  width: 8.73px;
  height: 8.73px;
  border-radius: 5px;
}
.commonPeopleIcon_inner::after {
  width: 13.55px;
  height: 9.82px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/**********************************
 * 共通 - セクションの3本線ハンバーガーアイコン
**********************************/
.commonHamburger_icon {
  display: block;
  position: relative;
  width: 18.43px;
  height: 4.82px;
  flex: 0 0 18.43px;
  background-color: #0088C3;
  border-radius: 1px;
}
.commonHamburger_icon::before, .commonHamburger_icon::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 1px;
}
.commonHamburger_icon::before {
  top: -1.25px;
  left: 0;
  transform: translateY(-100%);
  background-color: #0068B6;
}
.commonHamburger_icon::after {
  top: 1.25px;
  left: 0;
  transform: translateY(100%);
  background-color: #36ACDE;
}

/**********************************
 * 共通 - Contactセクション
**********************************/
.commonContactSection {
  padding-block: 80px;
  color: #ffffff;
  background-color: #00357F;
}
@media screen and (max-width: 767px) {
  .commonContactSection {
    padding-block: 40px;
  }
}
.commonContactSection.is-mt {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .commonContactSection.is-mt {
    margin-top: 40px;
  }
}
.commonContactSection.is-rounded {
  background-color: transparent;
  padding: 0;
  padding-inline: 20px;
}
.commonContactSection.is-rounded .container {
  border-radius: 30px;
  max-width: 1200px;
  margin-inline: auto;
  padding-block: 80px;
  background-color: #00357F;
}
@media screen and (max-width: 767px) {
  .commonContactSection.is-rounded .container {
    padding-block: 40px;
    border-radius: 16px;
  }
}

/**********************************
 * 共通 - マイルくんの顔
**********************************/
.mile_face-wrap {
  position: absolute;
  width: 131px;
  height: 110px;
  top: -72px;
  right: 30px;
  transform: translate(0, -100%);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .mile_face-wrap {
    width: 97px;
    height: 82px;
    top: -43px;
    right: auto;
    left: 50%;
    transform: translate(-50%, -100%);
  }
}
.mile_face-wrap .mile_face-hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 131/102;
  overflow: hidden;
}
.mile_face-wrap .mile_face {
  position: relative;
  transition: all 0.5s;
  transform: translate(0, 50%);
}
.mile_face-wrap .mile_face.is-visible {
  transform: translate(0, 0);
}
.mile_face-wrap .mile_both-hands {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 90.84%;
  aspect-ratio: 119/18;
}

/**********************************
 * テンプレートパーツ /template-parts/contact - Contactコンテンツ
**********************************/
.commonContactContent_logo {
  display: block;
  margin-inline: auto;
  width: 192px;
  height: 42px;
}
@media screen and (max-width: 767px) {
  .commonContactContent_logo {
    width: 160px;
    height: 35px;
  }
}
.commonContactContent_logo img {
  width: 100%;
  object-fit: contain;
}
.commonContactContent_heading2 {
  margin-top: 28px;
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .commonContactContent_heading2 {
    margin-top: 18px;
    font-size: 26px;
    line-height: 1.2;
  }
}
.commonContactContent_text {
  margin-top: 28px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: 0;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .commonContactContent_text {
    margin-top: 18px;
    font-size: 15px;
    line-height: 1.4;
  }
}
.commonContactContent_btn {
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .commonContactContent_btn {
    margin-top: 32px;
  }
}

/**********************************
 パンくず
**********************************/
.pagePerson .breadcrumbs .container {
  padding-left: 0;
}

.breadcrumbs {
  margin-top: 120px;
  margin-bottom: 36px;
}
@media screen and (max-width: 767px) {
  .breadcrumbs {
    margin-top: 90px;
  }
}
.breadcrumbs.no-margin {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}
.breadcrumbs.no-margin .container {
  padding-inline: 0 !important;
}
.breadcrumbs.is-features {
  margin-bottom: 12px !important;
}
.breadcrumbs .container {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  transform: translate(0, 0) !important;
}
.breadcrumbs ul li {
  display: inline;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .breadcrumbs ul li {
    font-size: 12px;
  }
}
.breadcrumbs ul li a,
.breadcrumbs ul li span {
  display: inline;
}
.breadcrumbs ul li a:link, .breadcrumbs ul li a:visited,
.breadcrumbs ul li span:link,
.breadcrumbs ul li span:visited {
  color: #333333;
}
.breadcrumbs ul li a {
  text-decoration: underline;
}
.breadcrumbs ul li a:hover {
  text-decoration: none;
}
.breadcrumbs ul li .arrow {
  display: inline;
  margin-inline: 13px;
}
@media screen and (max-width: 767px) {
  .breadcrumbs ul li .arrow {
    vertical-align: middle;
    margin-inline: 6px;
  }
}
.breadcrumbs ul li .arrow img {
  display: inline;
  width: auto;
}

/**********************************
 よくある質問セクション
**********************************/
.commonFaq_heading2 {
  font-weight: 700;
  font-size: 34px;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  color: #00357F;
}
@media screen and (max-width: 767px) {
  .commonFaq_heading2 {
    font-size: 26px;
  }
}
.commonFaq_text {
  margin-top: 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .commonFaq_text {
    text-align: left;
    line-height: 1.6;
  }
}
.commonFaq_dl {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .commonFaq_dl {
    margin-top: 30px;
  }
}
.commonFaq_dt {
  cursor: pointer;
  position: relative;
  padding: 27px 70px 27px 20px;
  background-color: #00357F;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
  border-radius: 10px;
}
.commonFaq_dt:not(:first-of-type) {
  margin-top: 16px;
}
.commonFaq_dt::after {
  position: absolute;
  content: "";
  width: 13px;
  height: 13px;
  top: 50%;
  right: 27px;
  transform: translate(0, -50%) rotate(180deg);
  background-image: url("../../img/icon/icon-top-arrow-white.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.commonFaq_dt.is-open::after {
  transform: translate(0, -50%);
}
.commonFaq_dd {
  overflow: hidden;
  padding: 0;
  margin: 0;
  height: 0;
  transition: height 0.3s ease;
  will-change: height;
}
.commonFaq_dd-text {
  padding: 20px 20px 20px 10px;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0;
}
.commonFaq_text-bottom {
  margin-top: 50px;
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  color: #00357F;
}
@media screen and (max-width: 767px) {
  .commonFaq_text-bottom {
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.4;
  }
}

/**********************************
 flexコンテナ（ブログとお知らせ共通）
**********************************/
.flex {
  display: flex;
  gap: 40px;
  margin-top: 54px;
  margin-bottom: 80px;
  position: relative;
  flex-wrap: wrap;
}
@media screen and (max-width: 1080px) {
  .flex {
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 24px;
    gap: 60px;
    margin-bottom: 40px;
  }
}
.flex.has-deco::before {
  content: "";
  position: absolute;
  top: -180px;
  right: 0;
  background-image: url("../../img/page-deco.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 296px;
  height: 128px;
}
@media screen and (max-width: 767px) {
  .flex.has-deco::before {
    width: 172px;
    height: 73px;
    top: -137px;
  }
}
.flex.mt-large {
  margin-top: 140px;
}
@media screen and (max-width: 767px) {
  .flex.mt-large {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1080px) {
  .flex.is-reverse {
    flex-direction: column-reverse;
  }
}
.flex_main {
  flex: 1;
}
.flex_main.is-small {
  max-width: 840px;
  margin-inline: auto;
}
.flex_aside {
  width: 320px;
}
@media screen and (max-width: 767px) {
  .flex_aside {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
}

/**********************************
 カテゴリボックス（ブログとお知らせ共通）
**********************************/
.cat {
  background: #F0F5FB;
  border-radius: 10px;
  padding: 30px 20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .cat {
    padding: 16px;
  }
}
.cat .mile_face-wrap {
  top: 8px;
  right: 0;
}
@media screen and (max-width: 1080px) {
  .cat .mile_face-wrap {
    display: none;
  }
}
.cat_title {
  display: flex;
  gap: 8px;
  align-items: center;
  line-height: 1.4;
  font-size: 18px;
  font-weight: 700;
  color: #00357F;
}
@media screen and (max-width: 767px) {
  .cat_title {
    font-size: 16px;
  }
}
.cat_title::before {
  content: "";
  background-image: url("../../img/icon/icon-park-solid_tag.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .cat_title::before {
    width: 20px;
  }
}
.cat_list {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .cat_list {
    margin-top: 12px;
  }
}
.cat_list li a {
  color: #00357F;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  border-radius: 6px;
  padding: 12px;
  display: block;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .cat_list li a {
    padding: 8px 16px;
    font-size: 14px;
  }
}
.cat_list li a:hover {
  opacity: 0.8;
}
.cat_list li a.is-current {
  background: linear-gradient(90deg, #69caff 0%, #369ae5 100%);
  color: #ffffff;
  pointer-events: none;
}
.cat.is-tag {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .cat.is-tag {
    margin-top: 0;
  }
}
.cat.is-tag .cat_title::before {
  background-image: url("../../img/icon/icon-category.svg");
}
.cat.is-tag .tag_list {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .cat.is-tag .tag_list {
    margin-top: 12px;
    gap: 8px;
  }
}
.cat.is-tag .tag_list li {
  width: fit-content;
  height: fit-content;
}
.cat.is-tag .tag_list a {
  position: relative;
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0;
  color: #00357F;
  background-color: #fff;
  border-radius: 6px;
  padding: 12px;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .cat.is-tag .tag_list a {
    font-size: 14px;
    padding: 8px 16px;
  }
}
.cat.is-tag .tag_list a::before {
  content: "#";
}
.cat.is-tag .tag_list a:hover {
  opacity: 0.8;
}
.cat.is-tag .tag_list a.is-current {
  background: linear-gradient(90deg, #69caff 0%, #369ae5 100%);
  color: #ffffff;
  pointer-events: none;
}

/**********************************
 ページネーション（ブログとお知らせ共通）
**********************************/
.pagination {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .pagination {
    margin-top: 32px;
  }
}
.pagination_list {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.pagination_list .page-numbers {
  width: 39px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  color: #9FBAD1;
  font-size: 16px;
  font-weight: 700;
  background: #ffffff;
}
.pagination_list .page-numbers.current {
  background: linear-gradient(90deg, #69caff 0%, #369ae5 100%);
  color: #ffffff;
}
.pagination_list .page-numbers.prev, .pagination_list .page-numbers.next {
  font-size: 0;
  position: relative;
}
.pagination_list .page-numbers.prev::before, .pagination_list .page-numbers.next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../../img/icon/arrow-right-gradation.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 8px;
  height: 12px;
}
.pagination_list .page-numbers.prev::before {
  transform: translate(-50%, -50%) scaleX(-1);
}
.pagination_list .page-numbers.disabled::before {
  background-image: url("../../img/icon/arrow-right-gray.svg");
}

/**********************************
 人気記事ランキング（ブログとお知らせ共通）
**********************************/
.ranking {
  margin-top: 20px;
  background: #F0F5FB;
  border-radius: 10px;
  padding: 30px 20px;
}
@media screen and (max-width: 767px) {
  .ranking {
    padding: 16px;
    margin-top: 0;
  }
}
.ranking_title {
  display: flex;
  gap: 8px;
  align-items: center;
  line-height: 1.4;
  font-size: 18px;
  font-weight: 700;
  color: #00357F;
}
@media screen and (max-width: 767px) {
  .ranking_title {
    font-size: 16px;
  }
}
.ranking_title::before {
  content: "";
  background-image: url("../../img/icon/icon-ranking.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .ranking_title::before {
    width: 20px;
  }
}
.ranking_list {
  margin-top: 20px;
  background: #ffffff;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .ranking_list {
    margin-top: 12px;
  }
}
.ranking_item:not(:first-child) {
  border-top: 1px solid #F0F5FB;
}
.ranking_itemLink {
  padding: 12px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.ranking_itemMain {
  flex: 1;
}
.ranking_itemTitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .ranking_itemTitle {
    font-size: 13px;
  }
}
.ranking_itemThumbnail {
  width: 60px;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 3px;
  flex-shrink: 0;
}
.ranking_itemThumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ranking_itemCategory {
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ranking_itemCategory li {
  color: #36ACDE;
  line-height: 1;
  font-size: 12px;
  font-weight: 500;
  padding: 4px;
  border-radius: 3px;
  background: #EFF5F8;
}
@media screen and (max-width: 767px) {
  .ranking_itemCategory li {
    font-size: 11px;
    background-color: #ffffff;
    border: 1px solid #36ACDE;
  }
}

/**********************************
 検索
**********************************/
.query {
  border: 1px solid #BFCCDD;
  border-radius: 10px;
  padding: 30px 20px;
}
.query.is-mt {
  margin-top: 66px;
}
@media screen and (max-width: 767px) {
  .query.is-mt {
    margin-top: 0;
  }
}
.query.is-form {
  padding: 0;
  border: none;
  border-radius: 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .query.is-pd-sm {
    padding: 20px 16px;
  }
}
.query_title {
  color: #00357F;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
}
.query_form {
  position: relative;
  margin-top: 12px;
}
.query_form [type=search] {
  width: 100%;
  background: #F0F5FB;
  border-radius: 8px;
  border: none;
  padding: 20px 24px 20px 56px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
}
.query_form [type=search]::placeholder {
  color: #9FBAD1;
}
.query_button {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 24px;
  width: 18px;
  border: none;
  background: transparent;
  padding: 0;
}
.query_cat {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .query_cat.is-mt-none {
    margin-top: 0;
  }
}
.query_catText {
  color: #9FBAD1;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0;
  padding-left: 11px;
  position: relative;
}
.query_catText::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  background: currentColor;
  left: 0;
  top: 0;
}
.query_catList {
  margin-top: 8px;
}
.query_catList + .query_catText {
  margin-top: 20px;
}
.query_catList li {
  padding: 8px 0;
}
.query_catList li a {
  font-weight: 700;
  color: #00357F;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0;
}

/**********************************
 詳細ページ（ブログとお知らせ共通）
**********************************/
@media screen and (max-width: 767px) {
  .pageDetail.is-mb {
    margin-bottom: 60px;
  }
}
.pageDetail_headline {
  margin-bottom: 40px;
}
.pageDetail_fixed {
  position: fixed;
  top: 312px;
  right: 0;
  z-index: 2;
}
.pageDetail_fixed a {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background: -webkit-linear-gradient(to bottom, #369ae5, #69caff);
  background: -moz-linear-gradient(to bottom, #369ae5, #69caff);
  background: linear-gradient(to bottom, #369ae5, #69caff);
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0;
  writing-mode: vertical-rl;
  padding: 30px 20px;
  display: flex;
  gap: 8px;
}
.pageDetail_fixed a::after {
  content: "";
  width: 16px;
  aspect-ratio: 1/1;
  background-image: url("../../img/icon/arrow-down-white.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.pageDetail_title {
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  .pageDetail_title {
    font-size: 18px;
  }
}
.pageDetail_info {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pageDetail_info {
    margin-top: 16px;
    gap: 14px;
  }
}
.pageDetail_date {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .pageDetail_date {
    font-size: 14px;
    line-height: 1.6;
  }
}
.pageDetail_time {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
  color: #00357F;
}
@media screen and (max-width: 767px) {
  .pageDetail_time {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: -6px;
  }
}
.pageDetail_cat {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.pageDetail_cat li {
  color: #36ACDE;
  padding: 7px 15px;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  border-radius: 3px;
  border: 1px solid currentColor;
}
@media screen and (max-width: 767px) {
  .pageDetail_cat li {
    font-size: 14px;
    line-height: 1.3;
    padding: 3px 7px;
  }
}
.pageDetail_thumbnail {
  margin-top: 40px;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 16/9;
}
@media screen and (max-width: 767px) {
  .pageDetail_thumbnail {
    margin-top: 20px;
  }
}
.pageDetail_thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pageDetail_content .no_bullets {
  position: relative;
  border-radius: 8px !important;
  width: 100% !important;
  box-shadow: 0 0 10px color-mix(in srgb, #000000 10%, transparent) !important;
  background: #ffffff !important;
  border: none !important;
  margin-block: 60px !important;
  padding: 30px 40px !important;
}
@media screen and (max-width: 767px) {
  .pageDetail_content .no_bullets {
    margin-block: 40px !important;
    padding: 24px 28px !important;
  }
}
.pageDetail_content .no_bullets .toc_title {
  text-align: left !important;
  font-size: 24px;
  color: #36ACDE;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 24px !important;
}
@media screen and (max-width: 767px) {
  .pageDetail_content .no_bullets .toc_title {
    font-size: 18px;
    margin-bottom: 20px !important;
  }
}
.pageDetail_content .no_bullets .toc_list li a {
  color: #36ACDE;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.06em;
  padding-bottom: 10px;
  border-bottom: 2px solid #EFF5F8;
  display: block;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .pageDetail_content .no_bullets .toc_list li a {
    font-size: 16px;
    margin-top: 20px;
  }
}
.pageDetail_content .no_bullets .toc_list li ul {
  margin-top: 16px !important;
  margin-left: 16px !important;
}
.pageDetail_content .no_bullets .toc_list li ul li:not(:first-child) {
  margin-top: 6px !important;
}
.pageDetail_content .no_bullets .toc_list li ul li a {
  padding-bottom: 0;
  border-bottom: none;
  padding-left: 22px;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
  color: #00357F;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .pageDetail_content .no_bullets .toc_list li ul li a {
    font-size: 14px;
  }
}
.pageDetail_content .no_bullets .toc_list li ul li a::before {
  content: "";
  position: absolute;
  aspect-ratio: 1/1;
  width: 12px;
  border-radius: 50%;
  background: linear-gradient(to right, #2559d2, #79e2d0);
  left: 0;
  top: 0.5lh;
  transform: translate(0, -50%);
}
.pageDetail_content .no_bullets .toc_hidden {
  display: none;
}
.pageDetail_content .no_bullets .toc_gradient {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 25%, #fff 75%);
  pointer-events: none;
}
.pageDetail_content .no_bullets .toc_more_btn {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  max-width: 300px;
  padding: 10px;
  text-align: center;
  background: #00357F;
  color: #fff;
  cursor: pointer;
  border-radius: 30px;
}
@media screen and (max-width: 767px) {
  .pageDetail_content .no_bullets .toc_more_btn {
    bottom: 10px;
    font-size: 0.9em;
    padding: 0.6em;
  }
}
.pageDetail_content h2 {
  color: #36ACDE;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
  font-size: 28px;
  padding-left: 24px;
  position: relative;
  margin-top: 80px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .pageDetail_content h2 {
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 18px;
    padding-left: 20px;
  }
}
.pageDetail_content h2::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, #2559d2, #79e2d0);
}
.pageDetail_content h3 {
  padding-left: 30px;
  position: relative;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
  color: #00357F;
  margin-top: 40px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .pageDetail_content h3 {
    font-size: 18px;
    margin-top: 30px;
    padding-left: 26px;
  }
}
.pageDetail_content h3::before {
  content: "";
  position: absolute;
  aspect-ratio: 1/1;
  width: 20px;
  border-radius: 50%;
  background: linear-gradient(to right, #2559d2, #79e2d0);
  left: 0;
  top: 0.5lh;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .pageDetail_content h3::before {
    width: 16px;
  }
}
.pageDetail_content h4 {
  color: #36ACDE;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.06em;
  margin-top: 40px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .pageDetail_content h4 {
    font-size: 18px;
    margin-top: 30px;
  }
}
.pageDetail_content p {
  font-weight: 500;
  color: #00357F;
  line-height: 2;
  font-size: 16px;
  letter-spacing: 0.02em;
  margin-block: 10px;
}
@media screen and (max-width: 767px) {
  .pageDetail_content p {
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0.01em;
  }
}
.pageDetail_content p a {
  text-decoration: underline;
  color: #36ACDE;
}
.pageDetail_content p a:hover {
  text-decoration: none;
}
.pageDetail_content li .has-inline-color,
.pageDetail_content p .has-inline-color {
  color: inherit;
  background-color: transparent !important;
  position: relative;
  display: inline;
  background: linear-gradient(transparent 60%, rgba(255, 238, 89, 0.4) 0%);
}
.pageDetail_content a {
  word-break: break-all;
}
.pageDetail_content .wp-block-image {
  margin-block: 20px;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .pageDetail_content .wp-block-image {
    margin-block: 14px;
  }
}
.pageDetail_content .wp-block-image img {
  width: 100%;
  height: auto;
}
.pageDetail_content .wp-block-buttons {
  margin: 60px 0;
}
@media screen and (max-width: 767px) {
  .pageDetail_content .wp-block-buttons {
    margin: 40px 0;
  }
}
.pageDetail_content .wp-block-buttons .wp-block-button {
  max-width: fit-content;
}
.pageDetail_content .wp-block-buttons .wp-block-button.wp-block-button__width-25 {
  width: 25%;
  max-width: 100%;
}
.pageDetail_content .wp-block-buttons .wp-block-button.wp-block-button__width-50 {
  width: 50%;
  max-width: 100%;
}
.pageDetail_content .wp-block-buttons .wp-block-button.wp-block-button__width-75 {
  width: 75%;
  max-width: 100%;
}
.pageDetail_content .wp-block-buttons .wp-block-button.wp-block-button__width-100 {
  width: 100%;
  max-width: 100%;
}
.pageDetail_content .wp-block-buttons .wp-block-button a.has-background {
  background: transparent;
}
.pageDetail_content .wp-block-buttons .wp-block-button a {
  background: -webkit-linear-gradient(to right, #369ae5, #69caff);
  background: -moz-linear-gradient(to right, #369ae5, #69caff);
  background: linear-gradient(to right, #369ae5, #69caff);
  color: #ffffff;
  padding: 18px 50px;
  width: auto;
  font-size: 16px;
  line-height: 1.2;
  border-radius: 100vmax;
  font-weight: 700;
  letter-spacing: 0;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .pageDetail_content .wp-block-buttons .wp-block-button a {
    font-size: 16px;
    padding: 16px;
    width: 100%;
    font-size: 15px;
  }
}
.pageDetail_content .wp-block-buttons .wp-block-button a:hover {
  opacity: 0.8;
}
.pageDetail_content .wp-block-quote {
  background: #EFF5F8;
  border-radius: 8px;
  margin: 32px 0;
  padding: 28px 24px;
}
@media screen and (max-width: 767px) {
  .pageDetail_content .wp-block-quote {
    padding: 24px 20px;
  }
}
.pageDetail_content .wp-block-quote p {
  padding-left: 24px;
  position: relative;
  color: #333333;
}
.pageDetail_content .wp-block-quote p::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background: #BFCCDD;
  border-radius: 100vmax;
  left: 0;
  top: 0;
}
.pageDetail_content .wp-block-list {
  border-radius: 8px;
  border: 2px solid #36ACDE;
  padding: 20px;
  margin-block: 20px;
}
@media screen and (max-width: 767px) {
  .pageDetail_content .wp-block-list {
    margin-block: 24px;
    padding: 16px 20px;
  }
}
.pageDetail_content .wp-block-list li {
  color: #00357F;
  font-weight: 500;
  line-height: 2;
  font-size: 16px;
  letter-spacing: 0.02em;
  position: relative;
  padding-left: 24px;
}
@media screen and (max-width: 767px) {
  .pageDetail_content .wp-block-list li {
    font-size: 15px;
    line-height: 1.8;
    padding-left: 23px;
    letter-spacing: 0.01em;
  }
}
.pageDetail_content .wp-block-list li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
  line-height: inherit;
  font-size: inherit;
}
.pageDetail_content ol.wp-block-list {
  counter-reset: list-counter;
}
.pageDetail_content ol.wp-block-list li {
  counter-increment: list-counter;
}
.pageDetail_content ol.wp-block-list li::before {
  content: counter(list-counter) ".";
}
.pageDetail_prof {
  background: #F0F5FB;
  padding: 60px 50px;
  border-radius: 20px;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .pageDetail_prof {
    padding: 40px 24px;
    margin-top: 40px;
  }
}
.pageDetail_profHeading {
  text-align: center;
  font-weight: 700;
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.06em;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .pageDetail_profHeading {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.pageDetail_profFlex {
  margin-top: 50px;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 767px) {
  .pageDetail_profFlex {
    flex-direction: column;
    margin-top: 30px;
    gap: 30px;
  }
}
.pageDetail_profImg {
  width: 100%;
  max-width: 268px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .pageDetail_profImg {
    max-width: 180px;
    margin-inline: auto;
  }
}
.pageDetail_profBlock + .pageDetail_profBlock {
  margin-top: 26px;
}
@media screen and (max-width: 767px) {
  .pageDetail_profBlock + .pageDetail_profBlock {
    margin-top: 20px;
  }
}
.pageDetail_profTitles {
  margin-bottom: 8px;
}
.pageDetail_profSubtitle {
  color: #36ACDE;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .pageDetail_profSubtitle {
    font-size: 15px;
  }
}
.pageDetail_profTitle {
  color: #36ACDE;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .pageDetail_profTitle {
    font-size: 18px;
  }
}
.pageDetail_profText {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .pageDetail_profText {
    font-size: 15px;
  }
}
.pageDetail_form {
  margin-top: 60px;
  background: #F0F5FB;
  padding: 60px 50px;
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .pageDetail_form {
    margin-top: 40px;
    padding: 40px 24px;
  }
}
.pageDetail_form .smf-action {
  margin: 40px auto 0;
}
.pageDetail_form .smf-action .smf-button-control__control {
  border-radius: 100vmax;
  background: #36ACDE;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  padding: 21px;
  width: 100%;
  max-width: 290px;
  border: none;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.required .smf-item__label__text::after,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.required .smf-item__label__text::after,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.required .smf-item__label__text::after {
  content: "必須" !important;
  background-color: #36ACDE !important;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__label__text,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__label__text,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__label__text {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__label__text,
  .pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__label__text,
  .pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__label__text {
    gap: 8px;
  }
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__label__text::after,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__label__text::after,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__label__text::after {
  display: block;
  content: "任意";
  width: fit-content;
  padding: 3px 6px 4px;
  color: #ffffff;
  border-radius: 2px;
  background-color: #9FBAD1;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item {
  gap: 8px;
  padding: 0;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .pageDetail_form .snow-monkey-form[data-screen=input] .smf-item,
  .pageDetail_form .snow-monkey-form[data-screen=back] .smf-item,
  .pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item {
    flex-direction: column;
    margin-top: 16px;
  }
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--label,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--label,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--label {
  margin-top: 13px;
  flex: 0 0 300px;
  max-width: 300px;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--label,
  .pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--label,
  .pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--label {
    flex: 1 1 100%;
    max-width: 100%;
    margin-top: 0;
    padding-bottom: 8px;
  }
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--label .smf-item__label__text,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--label .smf-item__label__text,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--label .smf-item__label__text {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.36;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--label .smf-item__label__text,
  .pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--label .smf-item__label__text,
  .pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--label .smf-item__label__text {
    font-size: 15px;
  }
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls {
  flex: 0 0 calc(100% - 300px - 8px);
  max-width: calc(100% - 300px - 8px);
}
@media screen and (max-width: 767px) {
  .pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls,
  .pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls,
  .pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls input[type=text],
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls input[type=email],
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls input[type=tel],
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls textarea,
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls select,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls input[type=text],
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls input[type=email],
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls input[type=tel],
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls textarea,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls select,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls input[type=text],
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls input[type=email],
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls input[type=tel],
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls textarea,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls select {
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 1px;
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid #9FBAD1;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls input[type=text]::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls input[type=email]::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls input[type=tel]::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls textarea::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls select::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls input[type=text]::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls input[type=email]::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls input[type=tel]::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls textarea::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls select::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls input[type=text]::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls input[type=email]::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls input[type=tel]::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls textarea::placeholder,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls select::placeholder {
  color: #BFCCDD;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls input[type=text]:focus,
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls input[type=email]:focus,
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls input[type=tel]:focus,
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls textarea:focus,
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls select:focus,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls input[type=text]:focus,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls input[type=email]:focus,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls input[type=tel]:focus,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls textarea:focus,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls select:focus,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls input[type=text]:focus,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls input[type=email]:focus,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls input[type=tel]:focus,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls textarea:focus,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls select:focus {
  border-color: #00357F;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls input[type=text],
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls input[type=email],
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls input[type=tel],
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls select,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls input[type=text],
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls input[type=email],
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls input[type=tel],
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls select,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls input[type=text],
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls input[type=email],
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls input[type=tel],
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls select {
  height: 50px;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls textarea,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls textarea,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls textarea {
  height: 160px;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item__col.smf-item__col--controls .smf-select-control,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item__col.smf-item__col--controls .smf-select-control,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item__col.smf-item__col--controls .smf-select-control {
  width: 100%;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .pageContactForm_text-description,
.pageDetail_form .snow-monkey-form[data-screen=back] .pageContactForm_text-description,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .pageContactForm_text-description {
  position: relative;
  margin-top: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0;
  color: #36ACDE;
  padding-left: 1.1em;
}
@media screen and (max-width: 767px) {
  .pageDetail_form .snow-monkey-form[data-screen=input] .pageContactForm_text-description,
  .pageDetail_form .snow-monkey-form[data-screen=back] .pageContactForm_text-description,
  .pageDetail_form .snow-monkey-form[data-screen=invalid] .pageContactForm_text-description {
    font-size: 12px;
  }
}
.pageDetail_form .snow-monkey-form[data-screen=input] .pageContactForm_text-description::before,
.pageDetail_form .snow-monkey-form[data-screen=back] .pageContactForm_text-description::before,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .pageContactForm_text-description::before {
  position: absolute;
  content: "※";
  font-size: 1em;
  line-height: 1.6;
  top: 0;
  left: 0;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.is-privacy,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.is-privacy,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.is-privacy {
  justify-content: center;
  margin-top: 40px;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.is-privacy:has(.smf-error-messages),
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.is-privacy:has(.smf-error-messages),
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.is-privacy:has(.smf-error-messages) {
  margin-bottom: 1em !important;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.is-privacy .wp-block-group,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.is-privacy .wp-block-group,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.is-privacy .wp-block-group {
  gap: 12px;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.is-privacy label,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.is-privacy label,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.is-privacy label {
  display: flex;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.is-privacy input[type=checkbox],
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.is-privacy input[type=checkbox],
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.is-privacy input[type=checkbox] {
  margin: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #9FBAD1;
  border-radius: 1px;
}
@media screen and (max-width: 767px) {
  .pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.is-privacy input[type=checkbox],
  .pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.is-privacy input[type=checkbox],
  .pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.is-privacy input[type=checkbox] {
    width: 18px;
    height: 18px;
  }
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.is-privacy .smf-checkbox-control__label,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.is-privacy .smf-checkbox-control__label,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.is-privacy .smf-checkbox-control__label {
  display: none;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.is-privacy .pageContactForm_text-privacy,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.is-privacy .pageContactForm_text-privacy,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.is-privacy .pageContactForm_text-privacy {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  color: #00357F;
}
@media screen and (max-width: 767px) {
  .pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.is-privacy .pageContactForm_text-privacy,
  .pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.is-privacy .pageContactForm_text-privacy,
  .pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.is-privacy .pageContactForm_text-privacy {
    font-size: 15px;
  }
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.is-privacy .pageContactForm_text-privacy a,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.is-privacy .pageContactForm_text-privacy a,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.is-privacy .pageContactForm_text-privacy a {
  text-decoration: underline;
  transition: all 0.3s;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.is-privacy .pageContactForm_text-privacy a:hover,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.is-privacy .pageContactForm_text-privacy a:hover,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.is-privacy .pageContactForm_text-privacy a:hover {
  opacity: 0.7;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.is-privacy .smf-placeholder,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.is-privacy .smf-placeholder,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.is-privacy .smf-placeholder {
  position: relative;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-item.is-privacy .smf-error-messages,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-item.is-privacy .smf-error-messages,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-item.is-privacy .smf-error-messages {
  position: absolute;
  white-space: nowrap;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  transform: translate(0, calc(100% + 8px));
  margin-top: 0;
}
.pageDetail_form .snow-monkey-form[data-screen=input] .smf-error-messages,
.pageDetail_form .snow-monkey-form[data-screen=input] .custom-error-message,
.pageDetail_form .snow-monkey-form[data-screen=back] .smf-error-messages,
.pageDetail_form .snow-monkey-form[data-screen=back] .custom-error-message,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-error-messages,
.pageDetail_form .snow-monkey-form[data-screen=invalid] .custom-error-message {
  color: #FF3D3D;
  margin-top: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .pageDetail_form .snow-monkey-form[data-screen=input] .smf-error-messages,
  .pageDetail_form .snow-monkey-form[data-screen=input] .custom-error-message,
  .pageDetail_form .snow-monkey-form[data-screen=back] .smf-error-messages,
  .pageDetail_form .snow-monkey-form[data-screen=back] .custom-error-message,
  .pageDetail_form .snow-monkey-form[data-screen=invalid] .smf-error-messages,
  .pageDetail_form .snow-monkey-form[data-screen=invalid] .custom-error-message {
    font-size: 13px;
  }
}
.pageDetail_formHeading {
  text-align: center;
  font-weight: 700;
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.06em;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .pageDetail_formHeading {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.pageDetail_nav {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .pageDetail_nav {
    margin-top: 60px;
  }
}
.pageDetail_navItem--prev .pageDetail_navLink {
  padding-right: 65px;
}
@media screen and (max-width: 767px) {
  .pageDetail_navItem--prev .pageDetail_navLink {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .pageDetail_navItem--prev .pageDetail_navArrow {
    margin-right: 6px;
  }
}
.pageDetail_navItem--prev .pageDetail_navArrow::before {
  transform: translate(-50%, -50%) scaleX(-1);
}
.pageDetail_navItem--next .pageDetail_navLink {
  padding-left: 65px;
  border-bottom: 1px solid #dce9fc;
}
@media screen and (max-width: 767px) {
  .pageDetail_navItem--next .pageDetail_navLink {
    padding-left: 0;
  }
}
.pageDetail_navItem--next .pageDetail_navImg {
  margin-left: auto;
}
.pageDetail_navLink {
  display: flex;
  align-items: center;
  padding-block: 26px;
  border-top: 1px solid #dce9fc;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .pageDetail_navLink {
    padding-block: 12px;
  }
}
.pageDetail_navLink:hover {
  opacity: 0.8;
}
.pageDetail_navArrow {
  width: 39px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: linear-gradient(90deg, #69caff 0%, #369ae5 100%);
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .pageDetail_navArrow {
    width: 24px;
    margin-left: 6px;
  }
}
.pageDetail_navArrow.ml-auto {
  margin-left: auto;
}
.pageDetail_navArrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 12px;
  background-image: url("../../img/icon/arrow-right-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .pageDetail_navArrow::before {
    width: 7px;
    height: 9px;
  }
}
.pageDetail_navContent {
  display: flex;
  align-items: center;
  gap: 26px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .pageDetail_navContent {
    gap: 10px;
  }
}
.pageDetail_navImg {
  width: 144px;
  aspect-ratio: 16/9;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .pageDetail_navImg {
    width: 60px;
    aspect-ratio: 1/1;
    border-radius: 3px;
  }
}
.pageDetail_navImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pageDetail_navTitle {
  color: #00357F;
  font-weight: 700;
  line-height: 1.5;
  font-size: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .pageDetail_navTitle {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
  }
}
.pageDetail_navInfo {
  display: flex;
  gap: 12px;
  margin-top: 10px;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .pageDetail_navInfo {
    margin-top: 6px;
    gap: 10px;
  }
}
.pageDetail_navDate {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.06em;
  color: #00357F;
}
@media screen and (max-width: 767px) {
  .pageDetail_navDate {
    line-height: 1.6;
  }
}
.pageDetail_navCategory {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.pageDetail_navCategory li {
  color: #36ACDE;
  padding: 2px 13px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 500;
  border-radius: 3px;
  border: 1px solid currentColor;
}
@media screen and (max-width: 767px) {
  .pageDetail_navCategory li {
    padding: 2px 7px;
  }
}
.pageDetail_btn {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .pageDetail_btn {
    margin-top: 32px;
  }
}
.pageDetail_btn a {
  background: #0c4fa2;
  color: #ffffff;
  width: 290px;
  height: 61px;
  border-radius: 100vmax;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
  font-size: 18px;
  transition: all 0.3s;
}
.pageDetail_btn a:hover {
  opacity: 0.8;
}
.pageDetail_latest {
  background: #F0F5FB;
  margin: 80px calc(50% - 50cqi) -185px;
  padding-top: 80px;
  padding-bottom: 243px;
  padding-inline: 20px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .pageDetail_latest {
    margin: 32px calc(50% - 50cqi) -100px;
    padding-top: 40px;
    padding-bottom: 140px;
  }
}
.pageDetail_latestInner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
}
.pageDetail_latestTitle {
  font-weight: 700;
  line-height: 2;
  font-size: 40px;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .pageDetail_latestTitle {
    font-size: 24px;
    margin-bottom: 32px;
    line-height: 1.2;
  }
}
.pageDetail_relation {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .pageDetail_relation {
    margin-top: 60px;
  }
}
.pageDetail_relationHeading {
  color: #00357F;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .pageDetail_relationHeading {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.pageDetail_relationList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .pageDetail_relationList {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.pageDetail_relationItem a {
  border-radius: 10px;
  box-shadow: 0 0 10px color-mix(in srgb, #000000 10%, transparent);
  padding: 24px 30px 24px 24px;
  background: #ffffff;
  display: block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .pageDetail_relationItem a {
    padding: 18px 24px 18px 16px;
  }
}
.pageDetail_relationItem a::after {
  content: "";
  position: absolute;
  background-image: url("../../img/icon/arrow-right-blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 19px;
  top: 50%;
  transform: translate(0, -50%);
  width: 8px;
  aspect-ratio: 9/13;
}
@media screen and (max-width: 767px) {
  .pageDetail_relationItem a::after {
    right: 11px;
  }
}
.pageDetail_relationCat {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .pageDetail_relationCat {
    margin-bottom: 10px;
  }
}
.pageDetail_relationCat li {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #00357F;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0;
}
.pageDetail_relationCat li img {
  width: 20px;
  height: auto;
}
.pageDetail_relationTitle {
  color: #00357F;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .pageDetail_relationTitle {
    font-size: 16px;
  }
}
.pageDetail_tag {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.pageDetail_tag li {
  display: flex;
  gap: 6px;
  align-items: center;
  color: #00357F;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: 0;
}
.pageDetail_tag li img {
  width: 20px;
  height: auto;
}
.pageDetail_author {
  margin-top: 80px;
  padding: 30px;
  background-color: #f0f5fb;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .pageDetail_author {
    margin-top: 60px;
    padding: 30px 20px;
  }
}
.pageDetail_author.margin-medium {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .pageDetail_author.margin-medium {
    margin-top: 24px;
  }
}
.pageDetail_author.margin-small {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .pageDetail_author.margin-small {
    margin-top: 20px;
  }
}
.pageDetail_author-heading {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pageDetail_author-heading {
    font-size: 18px;
  }
}
.pageDetail_author-flex {
  margin-top: 24px;
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 767px) {
  .pageDetail_author-flex {
    gap: 16px;
    align-items: center;
  }
}
.pageDetail_author-img {
  flex: 0 0 140px;
  height: 140px;
  border-radius: 6px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .pageDetail_author-img {
    flex: 0 0 110px;
    height: 110px;
  }
}
.pageDetail_author-img img {
  object-fit: cover;
  width: 140px;
  height: 140px;
}
@media screen and (max-width: 767px) {
  .pageDetail_author-img img {
    width: 110px;
    height: 110px;
  }
}
.pageDetail_author-name {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0;
  color: #36acde;
}
.pageDetail_author-role {
  display: block;
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .pageDetail_author-role {
    font-size: 14px;
  }
}
.pageDetail_author-text {
  margin-top: 8px;
  font-weight: 500;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .pageDetail_author-text {
    margin-top: 20px;
    font-size: 14px;
  }
}
.pageDetail_author-text * {
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
}
.pageDetail_author-linkWrap {
  margin-top: 14px;
  display: flex;
  justify-content: space-between;
}
.pageDetail_author-snsList {
  display: flex;
  gap: 15px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pageDetail_author-snsList {
    margin-top: 20px;
  }
}
.pageDetail_author-snsItem a {
  display: block;
  transition: all 0.3s;
}
.pageDetail_author-snsItem a:hover {
  opacity: 0.8;
}
.pageDetail_author-snsItem:first-of-type img {
  width: 20px;
  height: 20px;
}
.pageDetail_author-snsItem:nth-of-type(2) img {
  width: 18px;
  height: 18px;
}
.pageDetail_author-snsItem:nth-of-type(3) img {
  width: 18px;
  height: 16px;
}
.pageDetail_author-snsItem:last-of-type img {
  width: 20px;
  height: 14px;
}
@media screen and (max-width: 767px) {
  .pageDetail_author-btn {
    margin-top: 20px;
  }
}
.pageDetail_author-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #0c4fa2;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0;
  width: 140px;
  height: 44px;
  border-radius: 22px;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .pageDetail_author-btn a {
    width: 100%;
    max-width: 300px;
  }
}
.pageDetail_author-btn a:hover {
  opacity: 0.8;
}
.pageDetail_meta {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .pageDetail_meta {
    margin-top: 40px;
  }
}
.pageDetail_meta-category {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .pageDetail_meta-category {
    gap: 12px;
  }
}
.pageDetail_meta-category.is-tag {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .pageDetail_meta-category.is-tag {
    margin-top: 16px;
  }
}
.pageDetail_meta-label {
  display: block;
  color: #00357F;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: right;
  width: 5.5em;
  flex: 0 0 5.5em;
  white-space: nowrap;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .pageDetail_meta-label {
    font-size: 14px;
    line-height: 18px;
  }
}
.pageDetail_meta-label.is-category {
  line-height: 32px;
}
@media screen and (max-width: 767px) {
  .pageDetail_meta-label.is-category {
    line-height: 26px;
  }
}
.pageDetail_meta-list {
  display: flex;
  flex-wrap: wrap;
}
.pageDetail_meta-list.is-category {
  gap: 12px;
}
@media screen and (max-width: 767px) {
  .pageDetail_meta-list.is-category {
    gap: 8px;
  }
}
.pageDetail_meta-list.is-category .pageDetail_meta-link {
  padding: 8px 16px;
  color: #36ACDE;
  border: 1px solid #36ACDE;
  border-radius: 3px;
}
@media screen and (max-width: 767px) {
  .pageDetail_meta-list.is-category .pageDetail_meta-link {
    padding: 4px 8px;
  }
}
.pageDetail_meta-list.is-tag {
  row-gap: 10px;
  column-gap: 16px;
}
@media screen and (max-width: 767px) {
  .pageDetail_meta-list.is-tag {
    row-gap: 8px;
    column-gap: 10px;
  }
}
.pageDetail_meta-list.is-tag .pageDetail_meta-link {
  position: relative;
  color: #00357F;
  letter-spacing: -0.01em !important;
}
.pageDetail_meta-list.is-tag .pageDetail_meta-link::before {
  content: "#";
}
.pageDetail_meta-item {
  width: fit-content;
  height: fit-content;
}
.pageDetail_meta-link {
  display: block;
  transition: all 0.3s;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .pageDetail_meta-link {
    font-size: 14px;
    line-height: 18px;
  }
}
.pageDetail_meta-link:hover {
  opacity: 0.8;
}

/**********************************
 すべて見るボタン
**********************************/
.viewAll {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .viewAll {
    margin-top: 20px;
  }
}
.viewAll a {
  display: flex;
  gap: 10px;
  align-items: center;
}
.viewAll a .text {
  color: #36ACDE;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .viewAll a .text {
    font-size: 16px;
  }
}
.viewAll a .arrow {
  aspect-ratio: 1/1;
  width: 24px;
  background: linear-gradient(90deg, #69caff 0%, #369ae5 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.viewAll a .arrow img {
  width: 6px;
  height: auto;
}

/**********************************
 お知らせリスト
**********************************/
.news_item {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .news_item {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .news_item:not(:first-child) {
    margin-top: 20px;
  }
}
.news_itemLink {
  border-bottom: 1px solid #dce9fc;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  gap: 10px 20px;
}
@media screen and (max-width: 1080px) {
  .news_itemLink {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .news_itemLink {
    padding-bottom: 10px;
    gap: 10px;
  }
}
.news_itemInfo {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .news_itemInfo {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}
.news_itemDate {
  min-width: 100px;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 500;
}
.news_itemCat {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex-shrink: 0;
}
.news_itemCat li {
  font-size: 12px;
  line-height: 1.3;
  color: #36ACDE;
  font-weight: 500;
  padding: 2px 7px;
  width: 100px;
  text-align: center;
  border: 1px solid currentColor;
  border-radius: 3px;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .news_itemCat li {
    width: auto;
    min-width: 100px;
  }
}
.news_itemTitle {
  font-weight: 700;
  line-height: 1.5;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .news_itemTitle {
    font-size: 16px;
  }
}