/* ARIFU-MOBILE-NAV-RELATED-V3 */
.site-nav .submenu .submenu-group-desc {
  display: block;
  margin: 0 14px 10px;
  color: #627b89;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}
.site-nav .submenu .submenu-group-label + .submenu-group-desc,
.site-nav .submenu .submenu-group .submenu-group-link + .submenu-group-desc {
  margin-top: -2px;
}
@media (min-width: 1241px) {
  .site-nav .submenu .submenu-group .submenu-group-label,
  .site-nav .submenu .submenu-group .submenu-group-link {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .site-nav .submenu .submenu-group .submenu-group-desc {
    display: inline-block;
    width: auto;
    max-width: 204px;
    margin: 0 0 10px 8px;
    vertical-align: middle;
  }
  .site-nav .submenu .submenu-group .submenu-group-label,
  .site-nav .submenu .submenu-group .submenu-group-link {
    display: inline-block !important;
    width: auto !important;
  }
  .site-nav .submenu .submenu-group .submenu-group-desc {
    display: inline-block !important;
    width: auto !important;
    margin: 0 0 10px 8px !important;
    vertical-align: middle !important;
  }
}
@media (max-width: 1240px) {
  .nav-drawer {
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .nav-drawer nav {
    display: block;
    padding: 8px 0 28px;
  }
  .nav-drawer .mobile-nav-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    margin: 0 0 10px;
    border: 1px solid #c7e2eb;
    border-radius: 10px;
    background: #f6fbfd;
    color: #15546d;
    font: inherit;
    font-size: 14px;
    font-weight: 750;
  }
  .nav-drawer .mobile-nav-section {
    margin: 0;
    border-bottom: 1px solid #d8e8ee;
  }
  .nav-drawer .mobile-nav-section__head {
    display: flex;
    align-items: stretch;
    min-height: 50px;
  }
  .nav-drawer .mobile-nav-section__link {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    margin: 0;
    padding: 13px 10px 13px 2px;
    border: 0;
    color: #073d58;
    font-weight: 820;
    text-decoration: none;
  }
  .nav-drawer .mobile-nav-section__toggle {
    display: inline-flex;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    border: 0;
    border-left: 1px solid #e1edf1;
    background: transparent;
    color: #087a9e;
    font-size: 22px;
    line-height: 1;
  }
  .nav-drawer .mobile-nav-section__toggle::before { content: '+'; }
  .nav-drawer .mobile-nav-section.is-open .mobile-nav-section__toggle::before { content: '−'; }
  .nav-drawer .mobile-nav-section__toggle:focus-visible,
  .nav-drawer .mobile-nav-close:focus-visible,
  .nav-drawer .mobile-nav-group summary:focus-visible {
    outline: 3px solid rgba(32, 177, 204, .36);
    outline-offset: -2px;
  }
  .nav-drawer .mobile-nav-section__body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .22s cubic-bezier(.23, 1, .32, 1), padding .22s cubic-bezier(.23, 1, .32, 1);
  }
  .nav-drawer .mobile-nav-section.is-open .mobile-nav-section__body {
    grid-template-rows: 1fr;
    padding: 0 0 12px;
  }
  .nav-drawer .mobile-nav-section__content {
    min-height: 0;
    overflow: hidden;
  }
  .nav-drawer .mobile-nav-group {
    margin: 8px 0 0;
    border: 1px solid #cfe5ed;
    border-radius: 10px;
    background: #fbfeff;
  }
  .nav-drawer .mobile-nav-group summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    padding: 10px 13px;
    color: #0d526e;
    cursor: pointer;
    list-style: none;
  }
  .nav-drawer .mobile-nav-group summary::-webkit-details-marker { display: none; }
  .nav-drawer .mobile-nav-group summary::after {
    content: '+';
    flex: 0 0 auto;
    color: #0b8db4;
    font-size: 20px;
    font-weight: 450;
    line-height: 1;
  }
  .nav-drawer .mobile-nav-group[open] summary::after { content: '−'; }
  .nav-drawer .mobile-nav-group__title {
    display: block;
    color: #0b516d;
    font-size: 14px;
    font-weight: 820;
    line-height: 1.3;
  }
  .nav-drawer .mobile-nav-group__desc {
    display: block;
    margin-top: 3px;
    color: #66818c;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
  }
  .nav-drawer .mobile-nav-group__overview,
  .nav-drawer .mobile-nav-group .submenu-item {
    display: block;
    margin: 0 11px 6px;
    padding: 10px 11px;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #315f71;
    font-size: 13px;
    line-height: 1.45;
    text-decoration: none;
  }
  .nav-drawer .mobile-nav-group__overview {
    color: #087a9e;
    background: #eaf8fc;
    font-weight: 750;
  }
  .nav-drawer .mobile-nav-group .submenu-item:active,
  .nav-drawer .mobile-nav-group__overview:active { background: #dff3f8; }
}
.arifu-related-content {
  position: relative;
  margin: 66px 0 0;
  padding: 54px 0;
  border-top: 1px solid #d4e9ef;
  border-bottom: 1px solid #d4e9ef;
  background: linear-gradient(130deg, #effbfe 0%, #ffffff 52%, #e9f7fb 100%);
}
.arifu-related-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: min(1160px, calc(100% - 40px));
  height: 4px;
  transform: translateX(-50%);
  border-radius: 0 0 99px 99px;
  background: linear-gradient(90deg, #16b9cf, #0b6491 55%, #92dbe5);
}
.arifu-related-content__inner { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.arifu-related-content__eyebrow {
  display: inline-block;
  margin: 0 0 7px;
  color: #0a718f;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .09em;
}
.arifu-related-content h2 { margin: 0; color: #073f5d; font-size: clamp(26px, 3.1vw, 38px); line-height: 1.24; }
.arifu-related-content__lead { max-width: 720px; margin: 12px 0 0; color: #426371; font-size: 16px; line-height: 1.72; }
.arifu-related-content__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 26px; }
.arifu-related-content__card {
  display: flex;
  flex-direction: column;
  min-height: 190px;
  padding: 23px;
  border: 1px solid #c5e3eb;
  border-radius: 16px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 12px 26px rgba(12, 81, 108, .09);
  text-decoration: none;
  transition: transform .18s cubic-bezier(.23, 1, .32, 1), box-shadow .18s cubic-bezier(.23, 1, .32, 1), border-color .18s ease;
}
.arifu-related-content__card:hover { transform: translateY(-3px); border-color: #57bace; box-shadow: 0 18px 34px rgba(12, 81, 108, .15); }
.arifu-related-content__type { color: #0c85a7; font-size: 12px; font-weight: 850; letter-spacing: .06em; }
.arifu-related-content__card h3 { margin: 10px 0 9px; color: #0a405d; font-size: 20px; line-height: 1.35; }
.arifu-related-content__card p { margin: 0; color: #55717c; font-size: 14px; line-height: 1.65; }
.arifu-related-content__card span:last-child { display: inline-block; margin-top: auto; padding-top: 18px; color: #087a9e; font-size: 14px; font-weight: 800; }
@media (max-width: 767px) {
  .arifu-related-content { margin-top: 42px; padding: 40px 0; }
  .arifu-related-content__inner { width: min(100% - 32px, 1160px); }
  .arifu-related-content__lead { font-size: 15px; }
  .arifu-related-content__grid { grid-template-columns: 1fr; gap: 12px; margin-top: 20px; }
  .arifu-related-content__card { min-height: 0; padding: 19px; }
  .arifu-related-content__card h3 { font-size: 19px; }
}