@charset "UTF-8";
/*----------------------------------------
  単位変換関数
----------------------------------------*/
/*----------------------------------------
  色操作関数
----------------------------------------*/
/*----------------------------------------
  ブレークポイント
----------------------------------------*/
/*----------------------------------------
  メディアクエリ
----------------------------------------*/
@media screen and (min-width: 375px) {
  /* xxs-size */
}
@media screen and (min-width: 576px) {
  /* xs-size */
}
@media screen and (min-width: 768px) {
  /* s-size */
}
@media screen and (min-width: 992px) {
  /* m-size */
}
@media screen and (min-width: 1280px) {
  /* l-size */
}
@media screen and (min-width: 1400px) {
  /* xl-size */
}
@media screen and (min-width: 1920px) {
  /* xxl-size */
}
/*----------------------------------------
  タイポグラフィ
----------------------------------------*/
/*----------------------------------------
  Sass変数
----------------------------------------*/
/*----------------------------------------
  CSSカスタムプロパティ
----------------------------------------*/
:root {
  --focus-outline-color: #000;
  --vh: 100svh;
  --white: #fff;
  --black: #1c1c1c;
  --gray: #a1a1a1;
  --red: #c91400;
  --aqua: #0074c2;
  --navy: #0d4483;
  --light-blue: #d5f5fa;
  --light-red: #fedada;
  --light-yellow: #fffaca;
  --color-primary: var(--aqua);
  --color-accent: var(--navy);
  --color-notice: var(--red);
  --color-text: var(--black);
  --color-border: var(--gray);
  --color-on-primary: var(--white);
  --color-on-accent: var(--white);
  --color-on-notice: var(--white);
  --color-background: var(--white);
  --color-background-secondary: var(--light-blue);
  --color-background-tertiary: var(--light-yellow);
  --color-background-notice: var(--light-red);
  --font-family-base: "BIZ UDPGothic", sans-serif;
  --font-family-zenmaru: "Zen Maru Gothic", sans-serif;
  --font-family-poppins: "Poppins", sans-serif;
  --scroll-padding-gap: 0px;
}

/*----------------------------------------
  html / body
----------------------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html,
body {
  overscroll-behavior: none;
  height: 100%;
}

body {
  overflow-wrap: break-word;
  word-break: normal;
  line-break: strict;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*----------------------------------------
  見出し・テキスト
----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

/*----------------------------------------
  リスト
----------------------------------------*/
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*----------------------------------------
  リンク
----------------------------------------*/
a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}

/*----------------------------------------
  メディア要素
----------------------------------------*/
img,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/*----------------------------------------
  テーブル
----------------------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  padding: 0;
  border: 0;
}

/*----------------------------------------
  フォーム関連
----------------------------------------*/
input,
textarea,
select,
button {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background: none;
  border: none;
}

input[type=checkbox],
input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

button,
a {
  touch-action: manipulation;
}

/*----------------------------------------
  details / summary
----------------------------------------*/
summary {
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

/*----------------------------------------
  html / body
----------------------------------------*/
html {
  font-size: 100%;
  scroll-padding-top: var(--scroll-padding-gap);
}

body {
  position: relative;
  font-family: "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6;
  color: var(--color-text);
  min-height: calc(var(--vh, 100vh));
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.02em;
}
body.is_noScroll {
  overflow: hidden;
}

/*----------------------------------------
  スクリーンリーダー専用表示
----------------------------------------*/
.a11y_srOnly {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/*----------------------------------------
  スキップリンク
----------------------------------------*/
.a11y_skip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  color: var(--color-text);
  background: var(--color-background);
  padding: 8px 16px;
  transform: translateY(-120%);
  transition: transform 0.3s ease-out;
}
.a11y_skip:focus {
  transform: translateY(0);
}

/*----------------------------------------
  キーボードフォーカス強調
----------------------------------------*/
:focus-visible {
  outline: 3px solid var(--focus-outline-color);
  outline-offset: 3px;
}

.splide :focus-visible {
  outline: 3px solid var(--focus-outline-color) !important;
  outline-offset: -3px;
}

/*----------------------------------------
  prefers-reduced-motion 対応
----------------------------------------*/
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/*----------------------------------------
  tabindex="-1" が付いている要素がフォーカスされた時、枠線を消す
----------------------------------------*/
[tabindex="-1"]:focus {
  outline: none !important;
}

/* -----------------------------------------
  Display
----------------------------------------- */
.hp_hidden {
  display: none !important;
}

.hp_block {
  display: block !important;
}

.hp_inlineBlock {
  display: inline-block !important;
}

/* -----------------------------------------
  Border
----------------------------------------- */
.hp_borderRadius0 {
  border-radius: 0 !important;
}

/* -----------------------------------------
  Margin / Padding
----------------------------------------- */
.hp_m0 {
  margin: 0 !important;
}

.hp_mt0 {
  margin-top: 0 !important;
}

.hp_mt10 {
  margin-top: 10px !important;
}

.hp_mt15 {
  margin-top: 15px !important;
}

.hp_mt20 {
  margin-top: 20px !important;
}

.hp_mt30 {
  margin-top: 30px !important;
}

.hp_mt40 {
  margin-top: 40px !important;
}

.hp_mb0 {
  margin-bottom: 0 !important;
}

.hp_mb10 {
  margin-bottom: 10px !important;
}

.hp_mb15 {
  margin-bottom: 15px !important;
}

.hp_mb20 {
  margin-bottom: 20px !important;
}

.hp_mb30 {
  margin-bottom: 30px !important;
}

.hp_mb40 {
  margin-bottom: 40px !important;
}

.hp_p0 {
  padding: 0 !important;
}

.hp_pt0 {
  padding-top: 0 !important;
}

.hp_pb0 {
  padding-bottom: 0 !important;
}

/* -----------------------------------------
  Text
----------------------------------------- */
.hp_left {
  text-align: left !important;
}

.hp_center {
  text-align: center !important;
}

.hp_right {
  text-align: right !important;
}

.hp_bold {
  font-weight: 700 !important;
}

.hp_italic {
  font-style: italic !important;
}

/* -----------------------------------------
  Color
----------------------------------------- */
.hp_red {
  color: #8a0000 !important;
}

/* -----------------------------------------
  Responsive Display
----------------------------------------- */
@media screen and (min-width: 768px) {
  .hp_spOnly {
    display: none !important;
  }
}

.hp_pcOnly {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .hp_pcOnly {
    display: block !important;
  }
}

@media screen and (min-width: 992px) {
  .hp_spOnlyM {
    display: none !important;
  }
}

.hp_pcOnlyM {
  display: none !important;
}
@media screen and (min-width: 992px) {
  .hp_pcOnlyM {
    display: block !important;
  }
}

@media screen and (min-width: 1280px) {
  .hp_spOnlyL {
    display: none !important;
  }
}

.hp_pcOnlyL {
  display: none !important;
}
@media screen and (min-width: 1280px) {
  .hp_pcOnlyL {
    display: block !important;
  }
}

/* -----------------------------------------
  Float
----------------------------------------- */
.hp_floatLeft {
  float: left !important;
}

.hp_floatRight {
  float: right !important;
}

.hp_clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* -----------------------------------------
  TEL
----------------------------------------- */
.hp_telRestricted[href^="tel:"] {
  pointer-events: none;
  cursor: default;
}
@media (hover: none) and (pointer: coarse) {
  .hp_telRestricted[href^="tel:"] {
    pointer-events: auto;
    cursor: pointer;
    color: var(--color-primary);
  }
}

.ly_container {
  position: relative;
  height: 100%;
  min-height: var(--vh);
  display: flex;
  flex-direction: column;
}

.ly_header {
  position: absolute;
  top: 40px;
  left: 50%;
  z-index: 1000;
  display: flex;
  width: calc(100% - 20px);
  max-width: 1240px;
  min-height: 76px;
  background-color: var(--color-background);
  border-radius: 12px;
  border: 1px solid #e9e9e9;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .ly_header {
    top: 19px;
    width: calc(100% - 40px);
    min-height: 109px;
    overflow: visible;
    border-radius: 20px;
  }
}
.ly_header_container {
  display: flex;
  width: 100%;
}
.ly_header_logo {
  display: flex;
  align-items: center;
  width: 193px;
  min-width: 193px;
  padding: 14px 20px 16px 19px;
}
@media screen and (min-width: 768px) {
  .ly_header_logo {
    width: 230px;
    min-width: 230px;
    border-right: 1px solid #e9e9e9;
    padding: 16px 30px 16px 29px;
  }
}
.ly_header_logo a {
  display: block;
}
.ly_header_logo img {
  display: block;
  width: 154px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .ly_header_logo img {
    width: 170px;
  }
}
@media screen and (min-width: 768px) {
  .ly_header_content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 21px 0;
    padding: 11px 29px 13px 31px;
  }
}
.ly_header_subNav {
  display: none;
}
@media screen and (min-width: 992px) {
  .ly_header_subNav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 40px;
    width: 100%;
    padding-right: 200px;
  }
}
.ly_header_infoLinks {
  margin-right: auto;
}
.ly_header_infoList {
  display: flex;
  gap: 0 10px;
}
.ly_header_infoList > li {
  width: 100%;
}
.ly_header_infoList > li > a {
  position: relative;
  display: block;
  min-width: 100%;
  min-height: 34px;
  color: var(--color-accent);
  text-align: center;
  border-radius: 6px;
  border: 1px solid var(--color-accent);
  background-color: var(--color-background);
  padding: 3px 13px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 992px) {
  .ly_header_infoList > li > a {
    min-width: 120px;
  }
}
.ly_header_infoList > li > a.notice {
  color: var(--color-notice);
  border-color: var(--color-background-notice);
  background-color: var(--color-background-notice);
  padding: 3px 13px 3px 38px;
}
@media screen and (min-width: 992px) {
  .ly_header_infoList > li > a.notice {
    min-width: 121px;
  }
}
.ly_header_infoList > li > a.notice::before {
  position: absolute;
  top: calc(50% - 10px);
  left: 12px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url("/common/img/icons/icon-notice.svg") center no-repeat;
  background-size: 100% 100%;
}
@media (hover: hover) {
  .ly_header_infoList > li > a:hover {
    text-decoration: underline;
  }
}
.ly_header_utilList {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
@media screen and (min-width: 992px) {
  .ly_header_utilList {
    flex-direction: row;
    gap: 0 25px;
  }
}
.ly_header_utilList > li > a {
  color: var(--color-accent);
  text-decoration: underline;
  transition: color 0.3s ease-out;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
@media (hover: hover) {
  .ly_header_utilList > li > a:hover {
    color: var(--color-primary);
  }
}
.ly_header_utilList > li > button {
  color: var(--color-accent);
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  line-height: 1.7142857143;
  text-decoration: underline;
  transition: color 0.3s ease-out;
}
@media (hover: hover) {
  .ly_header_utilList > li > button:hover {
    color: var(--color-primary);
  }
}
.ly_header__disaster {
  position: static;
  transform: translateX(0);
  margin: 20px auto 0;
}

.ly_headerNav {
  display: none;
}
@media screen and (min-width: 1280px) {
  .ly_headerNav {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: auto;
  }
}
.ly_headerNav_list {
  display: flex;
}
.ly_headerNav_list > li {
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
.ly_headerNav_list > li:not(:last-child) {
  border-right: 1px dashed var(--color-border);
}
.ly_headerNav_list > li > a {
  display: block;
  padding: 1px 30px;
  transition: color 0.3s ease-out;
}
@media (hover: hover) {
  .ly_headerNav_list > li > a:hover {
    color: var(--color-accent);
  }
}

.ly_menu {
  position: fixed;
  inset: 0;
  z-index: 1002;
  background-color: var(--color-primary);
  padding: 40px 10px 60px;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
}
@media screen and (min-width: 768px) {
  .ly_menu {
    padding: 19px 20px 48px;
  }
}
.ly_menu.is_menuOpen {
  will-change: visibility, opacity;
  visibility: visible;
  opacity: 1;
}
.ly_menu_container {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 1240px;
  min-height: calc(100% - 80px);
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #e9e9e9;
  background-color: var(--color-background);
  padding: 0 15px 20px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .ly_menu_container {
    overflow: visible;
    border-radius: 20px;
    padding: 0 29px 39px;
  }
}
@media screen and (min-width: 1280px) {
  .ly_menu_container {
    padding: 0 56px 39px 29px;
  }
}
.ly_menu_close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 75px;
  font-weight: 700;
  color: var(--color-on-primary);
  text-align: center;
  border-radius: 0 12px 0 12px;
  border: 1px solid #e9e9e9;
  border-top: none;
  border-right: none;
  background-color: var(--color-primary);
  padding: 8px;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
  font-size: 0.75rem;
  line-height: 1.25;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .ly_menu_close {
    top: -5px;
    right: 29px;
    width: 180px;
    height: 49px;
    border-radius: 0 0 20px 20px;
    border: none;
    font-size: 0.9375rem;
    line-height: 1.2666666667;
    letter-spacing: 0.05em;
  }
}
.ly_menu_close .txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .ly_menu_close .txt {
    flex-direction: row;
    gap: 0 10px;
    padding-left: 37px;
  }
}
.ly_menu_close .txt::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url("/common/img/icons/icon-close.svg") center no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .ly_menu_close .txt::before {
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
  }
}
@media (hover: hover) {
  .ly_menu_close:hover {
    color: var(--color-on-accent);
    background-color: var(--color-accent);
  }
}
.ly_menu_header {
  display: flex;
  align-items: center;
  height: 72px;
  padding-left: 4px;
  margin-bottom: 42px;
}
@media screen and (min-width: 768px) {
  .ly_menu_header {
    height: 111px;
    padding-left: 0;
    margin-bottom: 5px;
  }
}
.ly_menu_logo {
  display: block;
  width: 154px;
}
@media screen and (min-width: 768px) {
  .ly_menu_logo {
    width: 170px;
  }
}
.ly_menu_logo img {
  display: block;
  width: 154px;
}
@media screen and (min-width: 768px) {
  .ly_menu_logo img {
    width: 170px;
  }
}
.ly_menu_content {
  display: flex;
  flex-direction: column;
  gap: 50px 0;
}
@media screen and (min-width: 992px) {
  .ly_menu_content {
    flex-direction: row;
    gap: 0 59px;
  }
}
@media screen and (min-width: 992px) {
  .ly_menu_primary {
    width: 680px;
  }
}
@media screen and (min-width: 992px) {
  .ly_menu_secondary {
    width: 414px;
    min-width: 372px;
  }
}
.ly_menu_section + .ly_menu_section {
  margin-top: 50px;
}
.ly_menu_closeBottom {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.ly_menu_closeBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 50px;
  font-weight: 700;
  color: var(--color-on-primary);
  border-radius: 25px;
  border: 1px solid currentColor;
  background-color: var(--color-primary);
  padding: 8px;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
  font-size: 0.9375rem;
  line-height: 1.2666666667;
  letter-spacing: 0.05em;
}
.ly_menu_closeBtn .txt {
  position: relative;
  padding-left: 37px;
}
.ly_menu_closeBtn .txt::before {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url("/common/img/icons/icon-close.svg") center no-repeat;
  background-size: 100% 100%;
}
@media (hover: hover) {
  .ly_menu_closeBtn:hover {
    background-color: var(--color-accent);
  }
}

.ly_menuNavCategory_list {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}
@media screen and (min-width: 992px) {
  .ly_menuNavCategory_list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media screen and (min-width: 992px) {
  .ly_menuNavCategory_list > li {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (min-width: 992px) {
  .ly_menuNavCategory_list > li:nth-child(2n+1) .ly_menuNavCategory_content {
    border-radius: 0 10px 10px 10px;
    margin-right: calc(-100% - 20px);
  }
}
@media screen and (min-width: 992px) {
  .ly_menuNavCategory_list > li:nth-child(2n+2) .ly_menuNavCategory_content {
    border-radius: 10px 0 10px 10px;
    margin-left: calc(-100% - 20px);
  }
}
.ly_menuNavCategory_item {
  border-radius: 10px;
  border: 1px solid #b3dde4;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .ly_menuNavCategory_item {
    border-radius: 0;
    border: none;
    overflow: visible;
  }
}
.ly_menuNavCategory_header {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 56px;
  text-align: left;
  border-radius: 10px;
  background-color: var(--color-background);
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.ly_menuNavCategory_header:focus-visible {
  outline-offset: -3px;
}
@media screen and (min-width: 992px) {
  .ly_menuNavCategory_header::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: 10px;
    border: 1px solid #b3dde4;
    background-color: var(--color-background);
    transition: height 0.3s ease-out, border-color 0.3s ease-out, border-radius 0.15s ease-out;
  }
}
.ly_menuNavCategory_header .inner {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 2px 48px 2px 19px;
}
.ly_menuNavCategory_header .inner::before, .ly_menuNavCategory_header .inner::after {
  position: absolute;
  top: calc(50% - 1px);
  right: 19px;
  display: block;
  content: "";
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--color-primary);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.ly_menuNavCategory_header .inner::after {
  transform: rotate(-90deg);
}
@media (hover: hover) {
  .ly_menuNavCategory_header:hover {
    text-decoration: underline;
  }
}
.ly_menuNavCategory_content {
  overflow: hidden;
  width: 100%;
  max-height: 0;
  background-color: var(--color-background);
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out, visibility 0s linear 0.3s;
}
@media screen and (min-width: 992px) {
  .ly_menuNavCategory_content {
    width: calc(200% + 20px);
    border: 1px solid #b3dde4;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
  }
}
.ly_menuNavCategory_box {
  padding: 15px 19px 29px;
}
@media screen and (min-width: 1280px) {
  .ly_menuNavCategory_box {
    padding: 19px;
  }
}
@media screen and (min-width: 992px) {
  .ly_menuNavCategory_item.is_open .ly_menuNavCategory_header {
    margin-bottom: 20px;
  }
}
.ly_menuNavCategory_item.is_open .ly_menuNavCategory_header::after {
  border-radius: 10px 10px 0 0;
  border-bottom-color: transparent;
}
@media screen and (min-width: 992px) {
  .ly_menuNavCategory_item.is_open .ly_menuNavCategory_header::after {
    height: calc(100% + 21px);
  }
}
.ly_menuNavCategory_item.is_open .ly_menuNavCategory_header .inner::before {
  opacity: 0;
}
.ly_menuNavCategory_item.is_open .ly_menuNavCategory_header .inner::after {
  transform: none;
}
@media screen and (min-width: 992px) {
  .ly_menuNavCategory_item.is_open .ly_menuNavCategory_content {
    opacity: 1;
    visibility: visible;
  }
}

.ly_menuNavUser_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
}
@media screen and (min-width: 992px) {
  .ly_menuNavUser_list {
    gap: 20px;
  }
}
.ly_menuNavUser_list > li {
  width: calc((100% - 15px) / 2);
  min-height: 100px;
}
@media screen and (min-width: 992px) {
  .ly_menuNavUser_list > li {
    width: calc((100% - 20px) / 2);
    min-height: 60px;
  }
}
.ly_menuNavUser_list > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid var(--color-primary);
  padding: 18px 6px 12px;
  transition: background-color 0.3s ease-out;
}
@media screen and (min-width: 992px) {
  .ly_menuNavUser_list > li > a {
    flex-direction: row;
    gap: 0 8px;
    padding: 15px 15px 15px 24px;
  }
}
.ly_menuNavUser_list > li > a .icon {
  width: 30px;
  min-width: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 992px) {
  .ly_menuNavUser_list > li > a .icon {
    width: 24px;
    min-width: 24px;
  }
}
.ly_menuNavUser_list > li > a .icon img {
  display: block;
  width: 100%;
}
.ly_menuNavUser_list > li > a .ttl {
  font-weight: 700;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
@media (hover: hover) {
  .ly_menuNavUser_list > li > a:hover {
    text-decoration: underline;
    background-color: var(--color-background) !important;
  }
}
.ly_menuNavUser_list > li > a.link01 {
  border-color: #a2eba2;
  background-color: #ebffeb;
}
.ly_menuNavUser_list > li > a.link02 {
  border-color: #dca898;
  background-color: #ffefea;
}
.ly_menuNavUser_list > li > a.link03 {
  border-color: #cca6e1;
  background-color: #f9f0fd;
}
.ly_menuNavUser_list > li > a.link04 {
  border-color: #8496b1;
  background-color: #ebf4ff;
}

.ly_menuSearch_input {
  margin-bottom: 50px;
}
@media screen and (min-width: 992px) {
  .ly_menuSearch_input {
    margin-bottom: 30px;
  }
}
.ly_menuSearch_box {
  border-radius: 20px;
  background-color: #dcf0ff;
  padding: 30px 20px;
}
.ly_menuSearch_links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px 0;
}
@media screen and (min-width: 992px) {
  .ly_menuSearch_links {
    gap: 20px 0;
  }
}
.ly_menuSearch_links .bnr a {
  display: block;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .ly_menuSearch_links .bnr a:hover {
    will-change: opacity;
    opacity: 0.7;
  }
}
.ly_menuSearch_links .links {
  width: 100%;
}
.ly_menuSearch_links .links_list {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
@media screen and (min-width: 992px) {
  .ly_menuSearch_links .links_list {
    gap: 20px 0;
  }
}
.ly_menuSearch_links .links_list > li > a {
  display: flex;
  align-items: center;
  gap: 0 13px;
  width: 100%;
  min-height: 72px;
  border-radius: 20px;
  border: 1px solid var(--color-background);
  background-color: var(--color-background);
  padding: 12px 25px;
  transition: border-color 0.3s ease-out;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width: 992px) {
  .ly_menuSearch_links .links_list > li > a {
    gap: 0 15px;
    min-height: 80px;
  }
}
.ly_menuSearch_links .links_list > li > a .icon {
  width: 52px;
  min-width: 52px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ly_menuSearch_links .links_list > li > a .ttl {
  flex: 1;
}
@media (hover: hover) {
  .ly_menuSearch_links .links_list > li > a:hover {
    text-decoration: underline;
    border-color: var(--color-primary);
  }
}

.ly_menuBtn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px 0;
  width: 72px;
  height: 100%;
  font-weight: 700;
  color: var(--color-on-primary);
  text-align: center;
  border-radius: 0 12px 12px 0;
  border-left: 1px solid #e9e9e9;
  background-color: var(--color-primary);
  padding: 14px 8px 7px;
  transition: background-color 0.3s ease-out;
  font-size: 0.75rem;
  line-height: 1.25;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .ly_menuBtn {
    top: -5px;
    right: 29px;
    flex-direction: row;
    gap: 0 10px;
    width: 180px;
    height: auto;
    min-height: 49px;
    border-radius: 0 0 20px 20px;
    border: none;
    padding: 11px 16px 10px;
    font-size: 0.9375rem;
    line-height: 1.2666666667;
    letter-spacing: 0.05em;
  }
}
.ly_menuBtn::before {
  display: block;
  content: "";
  width: 25px;
  min-width: 25px;
  height: 19px;
  background: url("/common/img/icons/icon-search-menu.svg") center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .ly_menuBtn::before {
    width: 33px;
    min-width: 33px;
    height: 26px;
    margin-top: 2px;
  }
}
@media (hover: hover) {
  .ly_menuBtn:hover {
    background-color: var(--color-accent);
  }
}

.ly_main {
  position: relative;
  overflow: clip;
}

.ly_mainHead {
  min-height: 533px;
  background-color: var(--color-background-secondary);
  padding-block: 133px 41px;
}
@media screen and (min-width: 768px) {
  .ly_mainHead {
    min-height: 616px;
    padding-block: 154px 50px;
  }
}
@media screen and (min-width: 992px) {
  .ly_mainHead {
    min-height: 440px;
    padding-block: 154px 20px;
  }
}
.ly_mainHead_content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px 0;
  padding: 24px 0 0;
}
@media screen and (min-width: 992px) {
  .ly_mainHead_content {
    flex-direction: row;
    align-items: stretch;
    gap: 0 43px;
    min-height: 51px;
    padding: 0 37px 0 0;
  }
}
@media screen and (min-width: 992px) {
  .ly_mainHead_body {
    flex: 1;
    align-self: center;
    padding-bottom: 6px;
  }
}
.ly_mainHead_imgWrap {
  width: 256px;
}
@media screen and (min-width: 768px) {
  .ly_mainHead_imgWrap {
    width: clamp(256px, 47.9386385%, 500px);
  }
}
@media screen and (min-width: 992px) {
  .ly_mainHead_imgWrap {
    align-self: flex-end;
    width: 47.9386385%;
    margin-bottom: -32px;
  }
}
.ly_mainHead_imgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 500/328;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 992px) {
  .ly_mainHead_imgWrap img {
    border-radius: 36px 36px 0 0;
  }
}
.ly_mainHead_illustration, .ly_mainHead_illustration02 {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ly_mainHead_illustration img, .ly_mainHead_illustration02 img {
  display: block;
  width: 100%;
}
.ly_mainHead_illustration {
  right: -11px;
  bottom: -30px;
  width: 79px;
  opacity: 0.8;
  mix-blend-mode: screen;
}
@media screen and (min-width: 768px) {
  .ly_mainHead_illustration {
    right: -53px;
    bottom: 14px;
    width: 195px;
  }
}
.ly_mainHead_illustration02 {
  bottom: -25px;
  left: -5px;
  z-index: 1;
  width: 96px;
}
@media screen and (min-width: 768px) {
  .ly_mainHead_illustration02 {
    bottom: -37px;
    left: -61px;
    width: 209px;
  }
}
.ly_mainHead__02 {
  min-height: 309px;
}
.ly_mainHead__02 .ly_mainHead_content {
  align-items: flex-start;
}
.ly_mainHead__02 .ly_mainHeading {
  padding-block: 20px 23px;
}
@media screen and (min-width: 992px) {
  .ly_mainHead__02 .ly_mainHeading {
    padding-block: 44px;
  }
}
.ly_mainHead__03 {
  min-height: 228px;
}
@media screen and (min-width: 768px) {
  .ly_mainHead__03 {
    min-height: 255px;
  }
}
@media screen and (min-width: 992px) {
  .ly_mainHead__03 {
    min-height: 255px;
  }
}
.ly_mainHead__03 .ly_mainHead_content {
  padding: 0;
}

.ly_mainHeading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px 0;
  max-width: 30em;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.3571428571;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 992px) {
  .ly_mainHeading {
    flex-direction: row;
    gap: 0 30px;
    max-width: 25em;
    padding-block: 21px 24px;
    font-size: 2.375rem;
    line-height: 1.2631578947;
  }
}
.ly_mainHeading_icon {
  width: 54px;
  min-width: 54px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  .ly_mainHeading_icon {
    width: 64px;
    min-width: 64px;
  }
}
.ly_mainHeading_icon img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--color-background);
  -o-object-fit: cover;
     object-fit: cover;
}

.ly_mainContent {
  position: relative;
  background-color: var(--color-background);
  padding-block: 32px 91px;
}
@media screen and (min-width: 768px) {
  .ly_mainContent {
    padding-block: 69px 120px;
  }
}
.ly_mainContent::before {
  position: absolute;
  bottom: 100%;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 11px;
  background: url("/common/img/wave-white.svg") center repeat-x;
  background-position: center;
  background-size: auto 11px;
}
@media screen and (min-width: 768px) {
  .ly_mainContent::before {
    height: 20px;
    background-size: auto 20px;
  }
}

.ly_pageTop {
  position: absolute;
  top: -25px;
  right: 20px;
  height: 50px;
}
@media screen and (min-width: 768px) {
  .ly_pageTop {
    top: -27px;
    height: 56px;
  }
}
.ly_pageTop_link {
  position: fixed;
  right: 20px;
  bottom: 30px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px 0;
  width: 50px;
  height: 50px;
  font-weight: 700;
  color: var(--color-primary);
  text-align: center;
  border-radius: 70px;
  border: 1px solid var(--color-primary);
  background-color: var(--color-background);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (min-width: 768px) {
  .ly_pageTop_link {
    width: 136px;
    height: 56px;
  }
}
.ly_pageTop_link::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background: url("/common/img/icons/icon-page-top.svg") center no-repeat;
  background-size: 100% 100%;
  transition: background-image 0.3s ease-out;
}
.ly_pageTop_link .inner {
  display: none;
}
@media screen and (min-width: 768px) {
  .ly_pageTop_link .inner {
    display: block;
  }
}
.ly_pageTop_link.is_active {
  opacity: 1;
  visibility: visible;
}
@media (hover: hover) {
  .ly_pageTop_link:hover {
    color: var(--color-on-primary);
    background-color: var(--color-primary);
  }
  .ly_pageTop_link:hover::before {
    background-image: url("/common/img/icons/icon-page-top-white.svg");
  }
}
.ly_pageTop.is_stopped .ly_pageTop_link {
  position: relative;
  bottom: 0;
  right: 0;
}

.ly_footer {
  position: relative;
  z-index: 1;
  background-color: var(--color-background-secondary);
  min-height: 661px;
  padding-block: 66px 105px;
}
@media screen and (min-width: 768px) {
  .ly_footer {
    padding-block: 86px 206px;
  }
}
.ly_footer_wrap {
  position: relative;
  z-index: 1000;
  margin-top: auto;
}
.ly_footer::before {
  position: absolute;
  bottom: 100%;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 11px;
  background: url("/common/img/wave.svg") repeat-x;
  background-position: center;
  background-size: auto 11px;
}
@media screen and (min-width: 768px) {
  .ly_footer::before {
    height: 20px;
    background-size: auto 20px;
  }
}
.ly_footer_content {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}
@media screen and (min-width: 768px) {
  .ly_footer_content {
    flex-direction: row;
    justify-content: space-between;
    gap: 0 11.1111111%;
  }
}
@media screen and (min-width: 768px) {
  .ly_footer_primary {
    flex: 1;
  }
}
@media screen and (min-width: 768px) {
  .ly_footer_secondary {
    width: clamp(300px, 42.5925926%, 460px);
  }
}
@media screen and (min-width: 992px) {
  .ly_footer_secondary {
    width: clamp(420px, 42.5925926%, 460px);
  }
}
.ly_footer_logo {
  width: 186px;
  margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
  .ly_footer_logo {
    width: 226px;
    margin-bottom: 40px;
  }
}
.ly_footer_logo img {
  display: block;
}
.ly_footer_logo a {
  display: block;
}
.ly_footer_address > * {
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .ly_footer_address > * {
    font-size: 1rem;
    line-height: 1.625;
  }
}
.ly_footer_address > *:not(:last-child) {
  margin-bottom: 5px;
}
.ly_footer_address .name {
  font-weight: 700;
  margin-bottom: 12px;
  font-size: 1.25rem;
  line-height: 1.1;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .ly_footer_address .name {
    margin-bottom: 14px;
  }
}
.ly_footer_address .small {
  font-size: 0.857em;
}
.ly_footer_address a:not([href^="tel:"]) {
  color: var(--color-accent);
}
@media (hover: hover) {
  .ly_footer_address a:not([href^="tel:"]):hover {
    text-decoration: underline;
  }
}
.ly_footer_address .tel {
  font-size: 1rem;
  line-height: 1.625;
}
@media (hover: none) and (pointer: coarse) {
  .ly_footer_address .tel a[href^="tel:"] {
    color: var(--color-accent);
  }
}
.ly_footer_address .telLink {
  width: calc(100% - 40px);
  margin: 20px auto 0;
}
@media screen and (min-width: 768px) {
  .ly_footer_address .telLink {
    margin: 20px 0 0;
  }
}
@media screen and (min-width: 992px) {
  .ly_footer_address .telLink {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
  }
}
.ly_footer_address .telLink_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--color-on-primary);
  text-align: center;
  border-radius: 10px;
  background-color: var(--color-primary);
  padding: 7px 20px 10px;
}
@media screen and (min-width: 992px) {
  .ly_footer_address .telLink_link {
    flex-direction: row;
    gap: 0 14px;
    padding: 9px 20px;
  }
}
@media (hover: none) and (pointer: coarse) {
  .ly_footer_address .telLink_link {
    color: var(--color-on-primary);
  }
}
.ly_footer_address .telLink_ttl {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.8571428571;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .ly_footer_address .telLink_ttl {
    font-size: 1rem;
    line-height: 1.625;
  }
}
.ly_footer_address .telLink_no {
  font-weight: 700;
  margin-top: -4px;
  font-size: 1.0625rem;
  line-height: 1.5294117647;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .ly_footer_address .telLink_no {
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.625;
  }
}
.ly_footer_list {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
@media screen and (min-width: 768px) {
  .ly_footer_list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 20px;
  }
}
.ly_footer_list > li {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .ly_footer_list > li {
    width: calc((100% - 20px) / 2);
  }
}
.ly_footer_list > li > a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 54px;
  font-weight: 700;
  border-radius: 50px;
  background-color: var(--color-background);
  padding: 8px 50px 8px 29px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 992px) {
  .ly_footer_list > li > a {
    justify-content: center;
    min-height: 63px;
    border-radius: 10px;
    border: 1px solid #e9ebed;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    padding: 18px 8px;
  }
}
.ly_footer_list > li > a::after {
  position: absolute;
  top: calc(50% - 10px);
  right: 16px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: var(--color-background) url("/common/img/icons/icon-circle-arrow.svg") center no-repeat;
  background-size: 100% 100%;
  border-radius: 50%;
  transition: background-image 0.3s ease-out;
}
@media screen and (min-width: 992px) {
  .ly_footer_list > li > a::after {
    content: none;
  }
}
@media (hover: hover) {
  .ly_footer_list > li > a:hover {
    text-decoration: underline;
  }
}
.ly_footer_list02 {
  display: grid;
  grid-template-columns: minmax(0, max-content) minmax(0, max-content);
  gap: 8px 23px;
  margin-top: 27px;
}
@media screen and (min-width: 768px) {
  .ly_footer_list02 {
    grid-template-columns: auto;
    gap: 10px 38px;
    margin-top: 35px;
  }
}
@media screen and (min-width: 992px) {
  .ly_footer_list02 {
    grid-template-columns: minmax(0, max-content) minmax(0, max-content);
  }
}
.ly_footer_list02 > li > a {
  color: var(--color-accent);
  font-size: 0.875rem;
  line-height: 1.8571428571;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .ly_footer_list02 > li > a {
    font-size: 1rem;
    line-height: 1.625;
  }
}
@media (hover: hover) {
  .ly_footer_list02 > li > a:hover {
    text-decoration: underline;
  }
}
.ly_footer_pcSocial {
  margin-top: 30px;
}
.ly_footer_spSocial {
  margin-top: 40px;
}
.ly_footer_copyright {
  text-align: center;
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .ly_footer_copyright {
    text-align: right;
    margin-top: 52px;
  }
}
.ly_footer_bgWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 210px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ly_footer_bgWrap img {
  display: block;
  width: 1400px;
  max-width: none;
  height: 210px;
  transform: translateX(-100px);
}
@media screen and (min-width: 768px) {
  .ly_footer_bgWrap img {
    transform: translateX(8px);
  }
}

.ly_centered {
  width: calc(100% - 30px);
  max-width: 1076px;
  margin-inline: auto auto;
}
@media screen and (min-width: 768px) {
  .ly_centered {
    width: calc(100% - 100px);
  }
}
.ly_centered__w1080 {
  max-width: 1080px;
}

@media screen and (min-width: 992px) {
  .ly_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0 50px;
  }
}
.ly_content_side {
  display: none;
}
@media screen and (min-width: 992px) {
  .ly_content_side {
    display: block;
    width: 260px;
  }
}
@media screen and (min-width: 992px) {
  .ly_content_sticky {
    position: sticky;
    top: 30px;
    left: 0;
  }
}
@media screen and (min-width: 992px) {
  .ly_content_main {
    width: calc(100% - 310px);
  }
}

.ly_columns {
  display: flex;
  gap: 9px;
}
@media screen and (min-width: 768px) {
  .ly_columns {
    gap: 14px;
  }
}
.ly_columns .ly_column {
  flex: 1 1 0;
}
.ly_columns .ly_column > :first-child {
  margin-top: 0;
}
.ly_columns .ly_column > :last-child {
  margin-bottom: 0;
}
.ly_columns .ly_column figure img {
  width: 100%;
}

.bl_breadcrumb {
  width: 100%;
  margin-bottom: 6px;
}
.bl_breadcrumb_list {
  display: flex;
  flex-wrap: wrap;
}
.bl_breadcrumb_list > li {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
.bl_breadcrumb_list > li:not(:first-child)::before {
  display: inline-block;
  content: "＞";
  margin: 0 0.429em;
}
.bl_breadcrumb_list > li > a {
  color: var(--color-accent);
}
@media (hover: hover) {
  .bl_breadcrumb_list > li > a:hover {
    text-decoration: underline;
  }
}

.bl_wavyArea {
  position: relative;
  background-color: var(--color-background);
}
.bl_wavyArea::before {
  position: absolute;
  bottom: 100%;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 11px;
  background: url("/common/img/wave-white.svg") center repeat-x;
  background-position: center;
  background-size: auto 11px;
}
@media screen and (min-width: 768px) {
  .bl_wavyArea::before {
    height: 20px;
    background-size: auto 20px;
  }
}
.bl_wavyArea__blue {
  background-color: var(--color-background-secondary);
}
.bl_wavyArea__blue::before {
  background-image: url("/common/img/wave.svg");
}
.bl_wavyArea__navy {
  background-color: var(--color-accent);
}
.bl_wavyArea__navy::before {
  background-image: url("/common/img/wave-navy.svg");
}

.bl_section {
  padding-block: 0 60px;
}
@media screen and (min-width: 768px) {
  .bl_section {
    padding-block: 0 60px;
  }
}

.bl_section02 {
  padding-block: 40px 60px;
}
@media screen and (min-width: 768px) {
  .bl_section02 {
    padding-block: 50px 100px;
  }
}

.bl_section03 {
  padding-block: 10px 60px;
}
@media screen and (min-width: 768px) {
  .bl_section03 {
    padding-block: 4px 100px;
  }
}

.bl_section04 {
  padding-block: 50px;
}

.bl_section05 {
  padding-block: 60px;
}

.bl_sectionItems {
  display: flex;
  flex-direction: column;
  gap: 60px 0;
}
@media screen and (min-width: 768px) {
  .bl_sectionItems {
    gap: 80px 0;
  }
}
.bl_sectionItems__rowGap60 {
  row-gap: 60px;
}
@media screen and (min-width: 768px) {
  .bl_sectionItems__rowGap60 {
    row-gap: 60px;
  }
}

.bl_newsList {
  display: flex;
  flex-direction: column;
  gap: 25px 0;
}
@media screen and (min-width: 992px) {
  .bl_newsList {
    gap: 20px 0;
  }
}
.bl_newsList__02 .bl_newsItem_category, .bl_newsList__03 .bl_newsItem_category {
  width: 110px;
  border-radius: 13px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}
@media screen and (min-width: 992px) {
  .bl_newsList__02 .bl_newsItem_category, .bl_newsList__03 .bl_newsItem_category {
    width: 140px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
.bl_newsList__02 .bl_newsItem_ttl, .bl_newsList__03 .bl_newsItem_ttl {
  font-size: 0.9375rem;
  line-height: 1.7333333333;
}
@media screen and (min-width: 992px) {
  .bl_newsList__02 .bl_newsItem_ttl, .bl_newsList__03 .bl_newsItem_ttl {
    font-size: 1rem;
    line-height: 1.625;
  }
}
@media screen and (min-width: 992px) {
  .bl_newsList__02 {
    gap: 30px 0;
  }
}
@media screen and (min-width: 1280px) {
  .bl_newsList__02 {
    gap: 12px 0;
  }
}
@media screen and (min-width: 992px) {
  .bl_newsList__02 .bl_newsItem {
    flex-direction: column;
    gap: 7px 0;
  }
}
@media screen and (min-width: 1280px) {
  .bl_newsList__02 .bl_newsItem {
    flex-direction: row;
    gap: 0 20px;
  }
}
.bl_newsList__03 {
  gap: 30px 0;
}
@media screen and (min-width: 992px) {
  .bl_newsList__03 {
    gap: 30px 0;
  }
}
@media screen and (min-width: 992px) {
  .bl_newsList__04 {
    gap: 30px 0;
  }
}
@media screen and (min-width: 992px) {
  .bl_newsList__noCategory .bl_newsItem_head {
    width: auto;
  }
}

.bl_newsItem {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
@media screen and (min-width: 992px) {
  .bl_newsItem {
    flex-direction: row;
    align-items: flex-start;
    gap: 0 20px;
  }
}
@media screen and (min-width: 768px) {
  .bl_newsItem__vertical {
    flex-direction: row;
    gap: 0 20px;
  }
}
@media screen and (min-width: 992px) {
  .bl_newsItem__vertical {
    flex-direction: column;
    gap: 7px 0;
  }
}
.bl_newsItem_head {
  display: flex;
  align-items: flex-start;
  gap: 0 13px;
}
@media screen and (min-width: 992px) {
  .bl_newsItem_head {
    gap: 0 12px;
  }
}
.bl_newsItem_date {
  width: 156px;
  min-width: 156px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
.bl_newsItem_category {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  border-radius: 13px;
  background-color: #bae7ee;
  margin-top: 1px;
  padding: 0 5px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (hover: hover) {
  .bl_newsItem_category:hover {
    text-decoration: none;
  }
}
.bl_newsItem_category__orange {
  background-color: #fecd95;
}
.bl_newsItem_category__green {
  background-color: #baf2cb;
}
.bl_newsItem_category__blue {
  background-color: #bae7ee;
}
.bl_newsItem_category__purple {
  background-color: #f9f0fd;
}
.bl_newsItem_ttl {
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 992px) {
  .bl_newsItem_ttl {
    flex: 1;
  }
}
.bl_newsItem_ttl > a {
  display: inline-block;
  transition: color 0.3s ease-out;
}
@media (hover: hover) {
  .bl_newsItem_ttl > a:hover {
    text-decoration: underline;
  }
}
.bl_newsItem_ttl__02 > a {
  color: var(--color-accent);
}

.bl_indexSection_heading {
  position: relative;
  display: block;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  padding-bottom: 6px;
  margin-top: -53px;
  margin-bottom: 21px;
  font-size: 1.3125rem;
  line-height: 1.2380952381;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .bl_indexSection_heading {
    margin-top: -64px;
    margin-bottom: 32px;
  }
}
.bl_indexSection_heading::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--color-accent);
  border-radius: 2px;
}
.bl_indexSection_box {
  background-color: var(--color-background-secondary);
  padding-block: 30px 30px;
}
.bl_indexSection_box:has(.bl_indexSection_heading) {
  padding-block: 40px 30px;
}
@media screen and (min-width: 768px) {
  .bl_indexSection_box:has(.bl_indexSection_heading) {
    padding-block: 50px 30px;
  }
}
.bl_indexSection__w1180 {
  max-width: 1180px;
  margin-inline: auto;
}

.bl_indexLinks_list {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
@media screen and (min-width: 768px) {
  .bl_indexLinks_list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 18px 21px;
  }
}
.bl_indexLinks_list > li {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .bl_indexLinks_list > li {
    width: calc((100% - 21px) / 2);
  }
}
@media screen and (min-width: 992px) {
  .bl_indexLinks_list > li {
    width: calc((100% - 42px) / 3);
  }
}
.bl_indexLinks_list > li > a {
  position: relative;
  display: block;
  font-weight: 700;
  border: 1px solid var(--color-background);
  background-color: var(--color-background);
  padding: 15px 24px 15px 51px;
  transition: border-color 0.3s ease-out;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .bl_indexLinks_list > li > a {
    padding: 15px 24px 15px 56px;
  }
}
.bl_indexLinks_list > li > a::before {
  position: absolute;
  top: 19px;
  left: 19px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url("/common/img/icons/icon-circle-arrow.svg") center no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .bl_indexLinks_list > li > a::before {
    left: 24px;
  }
}
@media (hover: hover) {
  .bl_indexLinks_list > li > a:hover {
    text-decoration: underline;
    border-color: var(--color-primary);
  }
}
.bl_indexLinks_list > li > a[href^="#"] {
  padding: 15px 51px 15px 24px;
}
@media screen and (min-width: 768px) {
  .bl_indexLinks_list > li > a[href^="#"] {
    padding: 15px 56px 15px 24px;
  }
}
.bl_indexLinks_list > li > a[href^="#"]::before {
  position: absolute;
  top: 24px;
  right: 14px;
  left: auto;
  width: 14px;
  height: 10px;
  background-image: url("/common/img/icons/icon-dropdown-arrow.svg");
}
.bl_indexLinks_list__vertical {
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .bl_indexLinks_list__vertical > li {
    width: auto;
  }
}
.bl_indexLinks_list__ver02 {
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .bl_indexLinks_list__ver02 > li {
    width: auto;
  }
}
.bl_indexLinks_list__ver02 > li > a {
  border: 1px solid var(--color-primary);
}
.bl_indexLinks_list__ver03 {
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .bl_indexLinks_list__ver03 > li {
    width: auto;
  }
}
.bl_indexLinks_list__ver03 > li > a {
  border: 2px solid #cdcdcd;
  border-radius: 20px;
}

.bl_linkBoxes {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
@media screen and (min-width: 768px) {
  .bl_linkBoxes {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 30px 40px;
  }
}
@media screen and (min-width: 768px) {
  .bl_linkBoxes .bl_linkBox {
    width: calc((100% - 40px) / 2);
  }
}
@media screen and (min-width: 768px) {
  .bl_linkBoxes__column {
    flex-direction: column;
    gap: 40px 0;
  }
}
@media screen and (min-width: 768px) {
  .bl_linkBoxes__column .bl_linkBox {
    width: 100%;
  }
}

.bl_linkBox {
  width: 100%;
  border-radius: 20px;
  border: 2px solid var(--color-primary);
  background-color: var(--color-primary);
  overflow: hidden;
}
.bl_linkBox_heading {
  background-color: var(--color-primary);
  padding: 16px 18px 18px;
}
@media screen and (min-width: 768px) {
  .bl_linkBox_heading {
    padding: 14px 28px 18px;
  }
}
.bl_linkBox_heading > a,
.bl_linkBox_heading > span {
  position: relative;
  display: block;
  font-weight: 700;
  color: var(--color-on-primary);
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.02em;
}
.bl_linkBox_heading > a {
  padding-left: 26px;
}
.bl_linkBox_heading > a::before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url("/common/img/icons/icon-circle-arrow-white.svg") center no-repeat;
  background-size: 100% 100%;
}
@media (hover: hover) {
  .bl_linkBox_heading > a:hover {
    text-decoration: underline;
  }
}
.bl_linkBox_body, .bl_linkBox_body02 {
  background-color: var(--color-background);
  padding: 3px 18px;
}
@media screen and (min-width: 768px) {
  .bl_linkBox_body, .bl_linkBox_body02 {
    padding: 3px 28px;
  }
}
.bl_linkBox_body02 {
  padding-block: 18px;
}
@media screen and (min-width: 768px) {
  .bl_linkBox_body02 {
    padding-block: 28px;
  }
}
.bl_linkBox_list > li:not(:last-child) {
  position: relative;
}
.bl_linkBox_list > li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  bottom: 0;
  height: 1px;
  background-image: repeating-linear-gradient(to right, var(--color-border) 0 5px, transparent 5px 8px);
  background-size: 8px 1px;
  border-radius: 1px;
}
.bl_linkBox_list > li > a {
  position: relative;
  display: block;
  padding: 20px 0 21px 26px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.02em;
}
.bl_linkBox_list > li > a::before {
  position: absolute;
  top: 25px;
  left: 0;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url("/common/img/icons/icon-circle-arrow.svg") center no-repeat;
  background-size: 100% 100%;
}
@media (hover: hover) {
  .bl_linkBox_list > li > a:hover {
    text-decoration: underline;
  }
}

.bl_linkBox02 {
  width: 100%;
  border-radius: 20px;
  border: 2px solid var(--color-background-secondary);
  background-color: var(--color-background-secondary);
  overflow: hidden;
}
.bl_linkBox02 + .bl_linkBox02 {
  margin-top: 20px;
}
@media screen and (min-width: 992px) {
  .bl_linkBox02 + .bl_linkBox02 {
    margin-top: 30px;
  }
}
.bl_linkBox02_heading {
  background-color: var(--color-background-secondary);
  padding: 13px 18px 15px;
}
.bl_linkBox02_heading > a {
  position: relative;
  display: block;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.02em;
}
@media (hover: hover) {
  .bl_linkBox02_heading > a:hover {
    text-decoration: underline;
  }
}
.bl_linkBox02_body {
  background-color: var(--color-background);
  padding: 7px 18px;
}
.bl_linkBox02_list > li:not(:last-child) {
  position: relative;
}
.bl_linkBox02_list > li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 1px;
  background-image: repeating-linear-gradient(to right, var(--color-border) 0 5px, transparent 5px 8px);
  background-size: 8px 1px;
  border-radius: 1px;
}
.bl_linkBox02_list > li:first-child .date {
  margin-top: 5px;
}
.bl_linkBox02_list > li > a {
  position: relative;
  display: block;
  padding: 11px 0 12px 26px;
  font-size: 0.9375rem;
  line-height: 1.7333333333;
  letter-spacing: 0.02em;
}
.bl_linkBox02_list > li > a::before {
  position: absolute;
  top: 16px;
  left: 0;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url("/common/img/icons/icon-circle-arrow.svg") center no-repeat;
  background-size: 100% 100%;
}
@media (hover: hover) {
  .bl_linkBox02_list > li > a:hover {
    text-decoration: underline;
  }
}
.bl_linkBox02_list > li > a.is_current {
  color: var(--color-accent);
  font-weight: 700;
}
.bl_linkBox02_list > li > a.is_current::before {
  background-image: url(/common/img/icons/icon-circle-arrow-navy.svg);
}
.bl_linkBox02_list > li .date {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

.bl_linkBox03 {
  display: flex;
  flex-direction: column;
  gap: 25px 0;
}
@media screen and (min-width: 1280px) {
  .bl_linkBox03 {
    flex-direction: row;
    gap: 0 30px;
  }
}
@media screen and (min-width: 1280px) {
  .bl_linkBox03_head {
    width: 203px;
    border-right: 1px dashed #bebebe;
    padding: 10px 30px 10px 0;
  }
}
.bl_linkBox03_heading > a {
  position: relative;
  display: block;
  padding-left: 30px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
.bl_linkBox03_heading > a::before {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url("/common/img/icons/icon-circle-arrow.svg") center no-repeat;
  background-size: 100% 100%;
}
@media (hover: hover) {
  .bl_linkBox03_heading > a:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: 576px) {
  .bl_linkBox03_body {
    flex: 1;
  }
}
@media screen and (min-width: 1280px) {
  .bl_linkBox03_body {
    padding: 10px 0;
  }
}
.bl_linkBox03_list {
  display: flex;
  flex-direction: column;
  gap: 25px 0;
  padding-left: 10px;
}
@media screen and (min-width: 576px) {
  .bl_linkBox03_list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 14px 30px;
    padding-left: 0;
  }
}
.bl_linkBox03_list > li {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .bl_linkBox03_list > li {
    width: calc((100% - 30px) / 2);
  }
}
.bl_linkBox03_list > li > a {
  position: relative;
  display: block;
  padding-left: 26px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.02em;
}
.bl_linkBox03_list > li > a::before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url("/common/img/icons/icon-circle-arrow.svg") center no-repeat;
  background-size: 100% 100%;
}
@media (hover: hover) {
  .bl_linkBox03_list > li > a:hover {
    text-decoration: underline;
  }
}

.bl_linkList {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .bl_linkList {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 60px;
  }
}
.bl_linkList > li {
  position: relative;
}
@media screen and (min-width: 768px) {
  .bl_linkList > li {
    width: calc((100% - 60px) / 2);
  }
}
.bl_linkList > li:first-child {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .bl_linkList > li:nth-child(-n+2) {
    padding-top: 0;
  }
}
.bl_linkList > li::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-image: repeating-linear-gradient(to right, var(--color-border) 0 5px, transparent 5px 8px);
  background-size: 8px 1px;
  border-radius: 1px;
}
.bl_linkList > li > a, .bl_linkList > li > span {
  position: relative;
  display: block;
  padding: 20px 0 21px 26px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.02em;
}
.bl_linkList > li > a {
  transition: color 0.3s ease-out;
}
.bl_linkList > li > a::before {
  position: absolute;
  top: 25px;
  left: 0;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url("/common/img/icons/icon-circle-arrow.svg") center no-repeat;
  background-size: 100% 100%;
}
@media (hover: hover) {
  .bl_linkList > li > a:hover {
    text-decoration: underline;
  }
}
.bl_linkList > li > span {
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .bl_linkList__1col {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .bl_linkList__1col > li {
    width: 100%;
  }
}

.el_heading {
  position: relative;
  display: block;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  padding-left: 32px;
  margin-bottom: 5px;
  font-size: 1.5rem;
  line-height: 1.4166666667;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .el_heading {
    padding-left: 48px;
    margin-bottom: 10px;
    font-size: 1.875rem;
    line-height: 1.3333333333;
  }
}
.el_heading::before {
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  content: "";
  width: 24px;
  height: 20px;
  background: url("/common/img/icons/icon-double-circle.svg") center no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .el_heading::before {
    top: 10px;
    width: 30px;
    height: 25px;
  }
}
@media (hover: hover) {
  .el_heading > a:hover {
    text-decoration: underline;
  }
}
.el_heading__02 {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .el_heading__02 {
    padding-left: 32px;
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 1.4166666667;
  }
}
@media screen and (min-width: 768px) {
  .el_heading__02::before {
    top: 7px;
    left: 0;
    width: 24px;
    height: 20px;
  }
}

.el_heading02 {
  position: relative;
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .el_heading02 {
    margin-bottom: 30px;
    font-size: 1.5rem;
    line-height: 1.4166666667;
  }
}
.el_heading02:has(.el_heading02_icon) {
  min-height: 30px;
  padding-left: 40px;
}
@media screen and (min-width: 768px) {
  .el_heading02:has(.el_heading02_icon) {
    min-height: 40px;
    padding-top: 3px;
    padding-left: 50px;
  }
}
.el_heading02_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  .el_heading02_icon {
    width: 40px;
  }
}
.el_heading02_icon img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (hover: hover) {
  .el_heading02_ttl a:hover {
    text-decoration: underline;
  }
}

.el_heading03 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 24px;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  margin-bottom: 30px;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .el_heading03 {
    gap: 0 64px;
    font-size: 1.875rem;
    letter-spacing: 0.1em;
  }
}
.el_heading03_ttl {
  position: relative;
  display: block;
  padding-left: 41px;
}
@media screen and (min-width: 768px) {
  .el_heading03_ttl {
    padding-left: 57px;
  }
}
.el_heading03_ttl::before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  content: "";
  width: 34px;
  height: 21px;
  background: url("/common/img/icons/icon-double-circle02.svg") center no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .el_heading03_ttl::before {
    top: 8px;
    width: 45px;
    height: 28px;
  }
}
.el_heading03_border {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
  flex: 1;
}
.el_heading03_border::before, .el_heading03_border::after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #b3dde4;
}

.el_heading04 {
  border-radius: 4px;
  background-color: var(--color-background-secondary);
  padding: 4px 15px;
  margin-bottom: 20px;
}
.el_heading04__large {
  font-weight: 700;
  border-radius: 10px;
  padding: 9px 20px;
  font-size: 1.375rem;
  line-height: 1.4545454545;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .el_heading04__large {
    margin-bottom: 30px;
  }
}
.el_heading04__num, .el_heading04__icon {
  position: relative;
  padding-left: 65px;
}
.el_heading04__num .num {
  position: absolute;
  top: 9px;
  left: 20px;
  display: grid;
  place-content: center;
  width: 30px;
  height: 30px;
  font-family: var(--font-family-poppins);
  color: var(--color-on-accent);
  font-size: 20px;
  line-height: 1;
  border-radius: 50%;
  background-color: var(--color-accent);
  padding: 2px 0 0 2px;
  letter-spacing: 0.05em;
}
.el_heading04__icon .icon {
  position: absolute;
  top: 9px;
  left: 20px;
  display: grid;
  place-content: center;
  width: 30px;
  height: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.el_heading04__icon .icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.el_heading05 {
  position: relative;
  font-weight: 700;
  color: var(--color-accent);
  padding: 1px 0 0 40px;
  margin-bottom: 20px;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
.el_heading05 .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.el_heading05 .icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.el_lv2Heading, .bl_richTxt h2 {
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-on-accent);
  border-radius: 10px;
  background-color: var(--color-accent);
  padding: 15px;
  margin-bottom: 20px;
  font-size: 1.5rem;
  line-height: 1.4166666667;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .el_lv2Heading, .bl_richTxt h2 {
    padding: 15px 24px;
    font-size: 1.75rem;
    line-height: 1.3571428571;
  }
}

.el_lv3Heading, .bl_richTxt h3 {
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  border-radius: 10px 10px 0 0;
  border-bottom: 2px solid var(--color-accent);
  background-color: var(--color-background-secondary);
  padding: 10px 15px;
  margin-bottom: 20px;
  font-size: 1.375rem;
  line-height: 1.4545454545;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .el_lv3Heading, .bl_richTxt h3 {
    padding: 10px 24px;
    font-size: 1.5rem;
    line-height: 1.4166666667;
  }
}

.el_lv4Heading, .bl_richTxt h4 {
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  border-bottom: 2px solid var(--color-accent);
  padding: 0 0 12px 10px;
  margin-bottom: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .el_lv4Heading, .bl_richTxt h4 {
    padding: 0 0 10px 10px;
    font-size: 1.375rem;
    line-height: 1.4545454545;
  }
}

.el_lv5Heading, .bl_richTxt h5 {
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  background-color: var(--color-background-secondary);
  border-radius: 4px;
  padding: 0 10px 1px;
  margin-bottom: 20px;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.1em;
}

.el_lv6Heading, .bl_richTxt h6 {
  position: relative;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  padding: 0 0 5px 10px;
  margin-bottom: 10px;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .el_lv6Heading, .bl_richTxt h6 {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
.el_lv6Heading::before, .bl_richTxt h6::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 20px;
  height: 8px;
  border-bottom: 2px solid var(--color-primary);
  border-left: 2px solid var(--color-primary);
}

.el_ul > li, .bl_richTxt ul > li {
  position: relative;
  padding-left: 26px;
}
.el_ul > li::before, .bl_richTxt ul > li::before {
  position: absolute;
  top: 7px;
  left: 6px;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-accent);
}
.el_ul > li + li, .bl_richTxt ul > li + li {
  margin-top: 10px;
}
.el_ul > li > a, .bl_richTxt ul > li > a {
  position: relative;
  transition: color 0.3s ease-out;
}
.el_ul__files > li {
  padding-left: 0 !important;
}
.el_ul__files > li::before {
  content: none !important;
}
.el_ul__links > li {
  padding-left: 0 !important;
}
.el_ul__links > li::before {
  content: none !important;
}
.el_ul__links > li > a {
  color: var(--color-accent) !important;
  padding-left: 21px !important;
}
.el_ul__links > li > a::before {
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url("/common/img/icons/icon-circle-arrow.svg") center no-repeat;
  background-size: 100% 100%;
}
.el_ul__links > li > a[href^="#"]::before {
  transform: rotate(90deg);
}
@media (hover: hover) {
  .el_ul__links > li > a:hover {
    color: var(--color-primary) !important;
    text-decoration: underline !important;
  }
}
.el_ul__column {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.el_ul__column > li + li {
  margin-top: 0;
}

.el_ol, .bl_richTxt ol {
  counter-reset: counter;
}
.el_ol > li, .bl_richTxt ol > li {
  position: relative;
  padding-left: 40px;
}
.el_ol > li::before, .bl_richTxt ol > li::before {
  position: absolute;
  top: 0;
  left: 6px;
  display: grid;
  place-content: center;
  content: counter(counter);
  counter-increment: counter;
  width: 25px;
  height: 25px;
  color: var(--color-accent);
  font-size: 16px;
  line-height: 1;
  border-radius: 50%;
  border: 1px solid currentColor;
  padding: 1px 0 0 2px;
}
.el_ol > li + li, .bl_richTxt ol > li + li {
  margin-top: 10px;
}

.el_dl dt, .bl_richTxt dl dt {
  font-weight: 700;
}
.el_dl dt + dd, .bl_richTxt dl dt + dd {
  margin-top: 15px !important;
}
.el_dl dd > :first-child, .bl_richTxt dl dd > :first-child {
  margin-top: 0;
}
.el_dl dd > :last-child, .bl_richTxt dl dd > :last-child {
  margin-bottom: 0;
}
.el_dl dd + dt, .bl_richTxt dl dd + dt {
  margin-top: 30px;
}

.bl_figure, .bl_richTxt figure {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bl_figure img, .bl_richTxt figure img {
  transition: opacity 0.3s ease-out;
}
.bl_figure figcaption, .bl_richTxt figure figcaption {
  width: 100%;
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}

@media (hover: hover) {
  a:hover .bl_figure img, a:hover .bl_richTxt figure img, .bl_richTxt a:hover figure img {
    will-change: opacity;
    opacity: 0.7;
  }
}

.bl_blockquote, .bl_richTxt blockquote {
  background-color: #f0f3f6;
  padding: 30px 15px;
}
@media screen and (min-width: 768px) {
  .bl_blockquote, .bl_richTxt blockquote {
    padding: 30px 32px;
  }
}
.bl_blockquote > :first-child, .bl_richTxt blockquote > :first-child {
  margin-top: 0;
}
.bl_blockquote > :last-child, .bl_richTxt blockquote > :last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .bl_table tr:not(:last-child) th, .bl_richTxt table:not(.bl_table02):not(.bl_table03):not(.bl_table04) tr:not(:last-child) th {
    border-bottom-color: var(--color-background);
  }
}
.bl_table th, .bl_richTxt table:not(.bl_table02):not(.bl_table03):not(.bl_table04) th,
.bl_table td,
.bl_richTxt table:not(.bl_table02):not(.bl_table03):not(.bl_table04) td {
  text-align: center;
  border: 1px solid var(--color-primary);
  padding: 12px 15px;
  min-width: 70px;
  vertical-align: top;
}
.bl_table th, .bl_richTxt table:not(.bl_table02):not(.bl_table03):not(.bl_table04) th {
  font-weight: 700;
  text-align: center;
  color: var(--color-on-primary);
  background-color: var(--color-primary);
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
}
.bl_table th.blank, .bl_richTxt table:not(.bl_table02):not(.bl_table03):not(.bl_table04) th.blank {
  border: none !important;
  background: none !important;
}
@media screen and (min-width: 768px) {
  .bl_table thead th:not(:last-child), .bl_richTxt table:not(.bl_table02):not(.bl_table03):not(.bl_table04) thead th:not(:last-child) {
    border-right: 1px solid var(--color-background);
  }
}

.bl_table02,
.bl_table03 {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .bl_table02,
  .bl_table03 {
    display: table;
    table-layout: fixed;
  }
}
.bl_table02 tr,
.bl_table03 tr {
  display: block;
}
@media screen and (min-width: 768px) {
  .bl_table02 tr,
  .bl_table03 tr {
    display: table-row;
  }
}
.bl_table02 tr:not(:last-child),
.bl_table03 tr:not(:last-child) {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .bl_table02 tr:not(:last-child),
  .bl_table03 tr:not(:last-child) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .bl_table02 tr:not(:last-child) th,
  .bl_table03 tr:not(:last-child) th {
    border-bottom-color: var(--color-background);
  }
}
.bl_table02 th,
.bl_table02 td,
.bl_table03 th,
.bl_table03 td {
  display: block;
  min-width: 100%;
  text-align: left;
  padding: 12px 15px;
}
@media screen and (min-width: 768px) {
  .bl_table02 th,
  .bl_table02 td,
  .bl_table03 th,
  .bl_table03 td {
    display: table-cell;
    vertical-align: top;
  }
}
.bl_table02 th,
.bl_table03 th {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .bl_table02 th:first-child,
  .bl_table03 th:first-child {
    width: 144px;
  }
}
.bl_table02 thead,
.bl_table03 thead {
  display: block;
}
@media screen and (min-width: 768px) {
  .bl_table02 thead,
  .bl_table03 thead {
    display: table-header-group;
  }
}
.bl_table02 tbody,
.bl_table03 tbody {
  display: block;
}
@media screen and (min-width: 768px) {
  .bl_table02 tbody,
  .bl_table03 tbody {
    display: table-row-group;
  }
}

.bl_table02 tr:last-child td {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .bl_table02 tr:last-child td {
    padding-bottom: 12px;
  }
}
.bl_table02 th,
.bl_table02 td {
  border: none;
}
@media screen and (min-width: 768px) {
  .bl_table02 th,
  .bl_table02 td {
    border-bottom: 4px solid var(--color-background);
  }
}
.bl_table02 th {
  color: var(--color-text);
  background-color: var(--color-background-secondary);
}
.bl_table02 td {
  padding: 12px 0;
}
@media screen and (min-width: 768px) {
  .bl_table02 td {
    padding: 12px 15px;
  }
}

@media screen and (min-width: 768px) {
  .bl_table03 tr th:not(:last-child) {
    border-right-color: 1px solid var(--color-background);
  }
}
.bl_table03 th,
.bl_table03 td {
  border: 1px solid var(--color-accent);
}
.bl_table03 th {
  color: var(--color-on-accent);
  background-color: var(--color-accent);
}

.bl_table04 {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.bl_table04 tr {
  display: table-row;
}
.bl_table04 tr:not(:last-child) th {
  border-bottom-color: var(--color-background);
}
.bl_table04 th,
.bl_table04 td {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  border: 1px solid var(--color-background-secondary);
  padding: 12px 15px;
}
.bl_table04 th {
  font-weight: 700;
}
.bl_table04 th:first-child {
  width: 200px;
}
.bl_table04 thead {
  display: table-header-group;
}
.bl_table04 thead th {
  color: var(--color-on-primary);
  text-align: center;
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}
.bl_table04 thead th.blank {
  border: none !important;
  background: none !important;
}
.bl_table04 thead th:not(:last-child) {
  border-right-color: var(--color-background);
}
.bl_table04 tbody {
  display: table-row-group;
}
.bl_table04 tbody th {
  color: var(--color-text);
  background-color: var(--color-background-secondary);
}

.bl_table05 {
  width: 100%;
  table-layout: fixed;
}
.bl_table05 tr:first-child th {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .bl_table05 tr:first-child th {
    border-top: none;
  }
}
@media screen and (min-width: 768px) {
  .bl_table05 tr:first-child td {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .bl_table05 tr:first-child td::before {
    top: 0;
    height: calc(100% - 20px);
  }
}
@media screen and (min-width: 768px) {
  .bl_table05 tr:last-child th {
    padding-bottom: 0;
  }
}
.bl_table05 tr:last-child td {
  padding-bottom: 0;
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .bl_table05 tr:last-child td::before {
    height: calc(100% - 20px);
  }
}
.bl_table05 th, .bl_table05 td {
  display: block;
}
@media screen and (min-width: 768px) {
  .bl_table05 th, .bl_table05 td {
    display: table-cell;
  }
}
.bl_table05 th {
  padding: 30px 0 10px;
  text-align: left;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .bl_table05 th {
    width: 90px;
    padding: 20px 10px 20px 0;
    vertical-align: top;
    border-top: 1px solid #cdcdcd;
  }
}
.bl_table05 td {
  padding: 0 0 30px 0;
  border-bottom: 1px solid #cdcdcd;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0em;
}
@media screen and (min-width: 768px) {
  .bl_table05 td {
    position: relative;
    padding: 20px;
  }
  .bl_table05 td::before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: 1px;
    height: calc(100% - 40px);
    background-color: #cdcdcd;
  }
}

.bl_tableWrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 7px;
}
.bl_tableWrap table {
  min-width: 694px;
}

.bl_tableWrap02 {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 7px;
}
@media screen and (min-width: 992px) {
  .bl_tableWrap02 table {
    min-width: 694px;
  }
}

.bl_richTxt {
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.02em;
  /*----------------------------------------
    ブロック要素の間隔リズム
  ----------------------------------------*/
}
.bl_richTxt > section:first-child > *:first-child {
  margin-top: 0 !important;
}
.bl_richTxt > section > *:last-child {
  margin-bottom: 0 !important;
}
.bl_richTxt {
  /*----------------------------------------
    見出し階層 (h1-h6)
  ----------------------------------------*/
}
.bl_richTxt h2 {
  margin-top: 60px;
}
.bl_richTxt h2 + * {
  margin-top: 20px !important;
}
.bl_richTxt h2 + h3 {
  margin-top: 30px !important;
}
.bl_richTxt h3 {
  margin-top: 50px;
}
.bl_richTxt h3 + * {
  margin-top: 20px !important;
}
.bl_richTxt h3 + h4 {
  margin-top: 30px !important;
}
.bl_richTxt h4 {
  margin-top: 50px;
}
.bl_richTxt h4 + * {
  margin-top: 20px !important;
}
.bl_richTxt h4 + h5 {
  margin-top: 30px !important;
}
.bl_richTxt h5 {
  margin-top: 50px;
}
.bl_richTxt h5 + * {
  margin-top: 20px !important;
}
.bl_richTxt h5 + h6 {
  margin-top: 30px !important;
}
.bl_richTxt h6 {
  margin-top: 50px;
}
.bl_richTxt h6 + * {
  margin-top: 10px !important;
}
@media screen and (min-width: 768px) {
  .bl_richTxt h2 + .bl_imgFloatL, .bl_richTxt h2 + .bl_imgFloatR,
  .bl_richTxt h3 + .bl_imgFloatL,
  .bl_richTxt h3 + .bl_imgFloatR,
  .bl_richTxt h4 + .bl_imgFloatL,
  .bl_richTxt h4 + .bl_imgFloatR,
  .bl_richTxt h5 + .bl_imgFloatL,
  .bl_richTxt h5 + .bl_imgFloatR,
  .bl_richTxt h6 + .bl_imgFloatL,
  .bl_richTxt h6 + .bl_imgFloatR {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .bl_richTxt h2 + .bl_imgFloatL + *, .bl_richTxt h2 + .bl_imgFloatR + *,
  .bl_richTxt h3 + .bl_imgFloatL + *,
  .bl_richTxt h3 + .bl_imgFloatR + *,
  .bl_richTxt h4 + .bl_imgFloatL + *,
  .bl_richTxt h4 + .bl_imgFloatR + *,
  .bl_richTxt h5 + .bl_imgFloatL + *,
  .bl_richTxt h5 + .bl_imgFloatR + *,
  .bl_richTxt h6 + .bl_imgFloatL + *,
  .bl_richTxt h6 + .bl_imgFloatR + * {
    margin-top: 20px !important;
  }
}
.bl_richTxt {
  /*----------------------------------------
    段落・インライン
  ----------------------------------------*/
}
.bl_richTxt p {
  margin-top: 1.625em;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.02em;
}
.bl_richTxt strong {
  font-weight: 700;
}
.bl_richTxt i,
.bl_richTxt em {
  font-style: italic;
}
.bl_richTxt s {
  text-decoration: line-through;
}
.bl_richTxt a:not(.el_btn) {
  color: var(--c-link);
  text-decoration: underline;
}
@media (hover: hover) {
  .bl_richTxt a:not(.el_btn):hover {
    text-decoration: none;
  }
}
.bl_richTxt a.el_linkIcon {
  color: var(--color-accent);
}
@media (hover: hover) {
  .bl_richTxt a.el_linkIcon:hover {
    color: var(--color-primary);
    text-decoration: underline;
  }
}
.bl_richTxt a:not(.el_ul__files > li > a):not(.el_ul__links > li > a).el_linkIcon {
  margin-inline: 6px;
}
.bl_richTxt {
  /*----------------------------------------
    画像・キャプション
  ----------------------------------------*/
}
.bl_richTxt img {
  margin-top: 1.625em;
}
.bl_richTxt .bl_imgFloatL figure, .bl_richTxt .bl_imgFloatL img,
.bl_richTxt .bl_imgFloatR figure,
.bl_richTxt .bl_imgFloatR img,
.bl_richTxt .bl_media figure,
.bl_richTxt .bl_media img,
.bl_richTxt .ly_column figure,
.bl_richTxt .ly_column img,
.bl_richTxt .el_imgWrap figure,
.bl_richTxt .el_imgWrap img {
  margin-top: 0;
}
.bl_richTxt {
  /*----------------------------------------
    引用
  ----------------------------------------*/
}
.bl_richTxt blockquote {
  margin-top: 1.625em;
}
.bl_richTxt {
  /*----------------------------------------
    リスト
  ----------------------------------------*/
}
.bl_richTxt ul {
  margin-top: 1.625em;
}
.bl_richTxt ol {
  margin-top: 1.625em;
}
.bl_richTxt dl {
  margin-top: 1.625em;
}
.bl_richTxt .el_ul__column > li + li {
  margin-top: 0;
}
.bl_richTxt {
  /*----------------------------------------
    テーブル
  ----------------------------------------*/
}
.bl_richTxt table {
  margin-top: 1.625em;
}
.bl_richTxt .bl_tableWrap,
.bl_richTxt .bl_tableWrap02 {
  margin-top: 1.625em;
}
.bl_richTxt .bl_tableWrap table,
.bl_richTxt .bl_tableWrap02 table {
  margin-top: 0;
}
.bl_richTxt {
  /*----------------------------------------
    ボックス
  ----------------------------------------*/
}
.bl_richTxt .bl_box {
  margin-top: 1.625em;
}
.bl_richTxt {
  /*----------------------------------------
    マージン調整
  ----------------------------------------*/
}
.bl_richTxt .el_imgWrap,
.bl_richTxt .el_embed {
  margin-top: 35px;
}
.bl_richTxt .el_imgWrap + *,
.bl_richTxt .el_embed + * {
  margin-top: 60px;
}
.bl_richTxt {
  /*----------------------------------------
    動画
  ----------------------------------------*/
}
.bl_richTxt .iframe_contents {
  margin-top: 1.625em;
}
.bl_richTxt .iframe_contents iframe {
  width: 100%;
}

.bl_box {
  background: var(--color-background-secondary);
  padding: 30px 15px;
}
@media screen and (min-width: 768px) {
  .bl_box {
    padding: 30px 32px;
  }
}
.bl_box > :first-child {
  margin-top: 0;
}
.bl_box > :last-child {
  margin-bottom: 0;
}
.bl_box_ttl {
  font-weight: 700;
}
.bl_box_ttl + * {
  margin-top: 15px !important;
}
.bl_box__border {
  border: 1px solid var(--color-primary);
  background-color: var(--color-background);
  padding: 29px 14px;
}
@media screen and (min-width: 768px) {
  .bl_box__border {
    padding: 29px 31px;
  }
}
.bl_box__border .bl_box_ttl {
  color: var(--color-primary);
}
.bl_box__yellow {
  background-color: var(--color-background-tertiary);
}
.bl_box__scroll {
  overflow-y: scroll;
  max-height: 230px;
}

.bl_imgFloatL,
.bl_imgFloatR {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .bl_imgFloatL,
  .bl_imgFloatR {
    display: block;
    max-width: 192px;
  }
}
.bl_imgFloatL + *,
.bl_imgFloatR + * {
  margin-top: 20px !important;
}
@media screen and (min-width: 768px) {
  .bl_imgFloatL + *,
  .bl_imgFloatR + * {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .bl_imgFloatL {
    float: left;
    margin-right: 15px;
  }
}

@media screen and (min-width: 768px) {
  .bl_imgFloatR {
    float: right;
    margin-left: 15px;
  }
}

.bl_imgFloatWrap::after {
  content: "";
  display: block;
  clear: both;
}

.bl_media {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
@media screen and (min-width: 768px) {
  .bl_media {
    flex-direction: row;
    gap: 0 15px;
  }
}
.bl_media_imgWrap {
  align-self: center;
}
@media screen and (min-width: 768px) {
  .bl_media_imgWrap {
    align-self: stretch;
    width: 192px;
  }
}
.bl_media_imgWrap img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .bl_media_body {
    flex: 1;
  }
}
.bl_media_body > :first-child {
  margin-top: 0;
}
.bl_media_body > :last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .bl_media__rev {
    flex-direction: row-reverse;
  }
}

.bl_contentBox {
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid var(--color-accent);
  background-color: var(--color-accent);
}
.bl_contentBox + .bl_contentBox {
  margin-top: 35px;
}
.bl_contentBox_heading {
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-on-accent);
  background-color: var(--color-accent);
  padding: 11px 14px;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .bl_contentBox_heading {
    padding: 9px 23px 10px;
  }
}
.bl_contentBox_body {
  background-color: var(--color-background);
  padding: 15px 19px 26px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.02em;
}
.bl_contentBox__w766 {
  max-width: 766px;
  margin-inline: auto;
}

.bl_infoBox {
  position: relative;
  padding: 30px 18px 28px;
  overflow: hidden;
  border-radius: 20px;
  border: 2px dashed var(--color-primary);
}
@media screen and (min-width: 992px) {
  .bl_infoBox {
    padding: 38px 40px;
  }
}
.bl_infoBox_content {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
@media screen and (min-width: 992px) {
  .bl_infoBox_content {
    flex-direction: row;
    gap: 0 50px;
  }
}
.bl_infoBox_heading {
  position: relative;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  padding-left: 42px;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .bl_infoBox_heading {
    font-size: 1.5rem;
    line-height: 1.4166666667;
  }
}
.bl_infoBox_heading::before {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  background: url("/common/img/icons/icon-speaker.svg") center no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 992px) {
  .bl_infoBox_body {
    flex: 1;
  }
}

.bl_tabContent_tabs {
  display: flex;
  align-items: flex-end;
  gap: 0 4px;
  padding-inline: 16px;
}
@media screen and (min-width: 768px) {
  .bl_tabContent_tabs {
    gap: 0 10px;
    padding-inline: 23px;
  }
}
.bl_tabContent_tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 22.3642173%;
  min-height: 50px;
  text-align: center;
  border-radius: 10px 10px 0 0;
  border: 1px solid var(--color-accent);
  border-bottom: none;
  background-color: var(--color-background);
  padding: 4px 3px 2px;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .bl_tabContent_tab {
    width: 21.6666667%;
    min-height: 45px;
    font-size: clamp(0.875rem, 1.25vw, 1rem);
    padding: 4px 6px 2px;
    line-height: 1.625;
  }
}
.bl_tabContent_tab[aria-selected=true] {
  width: 29.0734824%;
  min-height: 55px;
  font-weight: 700;
  color: var(--color-on-primary);
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  font-size: 1rem;
  line-height: 1.375;
}
@media screen and (min-width: 768px) {
  .bl_tabContent_tab[aria-selected=true] {
    width: 30%;
    min-height: 50px;
    font-size: clamp(1rem, 1.40625vw, 1.125rem);
    line-height: 1.5555555556;
  }
}
@media (hover: hover) {
  .bl_tabContent_tab:hover {
    text-decoration: underline;
  }
}
.bl_tabContent_panels {
  border-radius: 20px;
  border: 1px solid var(--color-accent);
  background-color: var(--color-background);
}
.bl_tabContent_panel {
  padding: 25px 13px 29px;
}
@media screen and (min-width: 768px) {
  .bl_tabContent_panel {
    padding: 23px 23px 29px;
  }
}

.bl_searchbar {
  position: relative;
  display: flex;
  height: 50px;
  border-radius: 30px;
}
.bl_searchbar_input {
  position: relative;
  flex: 1;
}
@media screen and (min-width: 768px) {
  .bl_searchbar_input::before {
    position: absolute;
    top: calc(50% - 10px);
    left: 20px;
    z-index: 1;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    background: url("/common/img/icons/icon-search.svg") center no-repeat;
    background-size: 100% 100%;
  }
}
.bl_searchbar_input input {
  position: absolute;
  inset: 0;
  border-radius: 30px;
  background-color: var(--color-background);
  padding-inline: 20px 56px;
  font-size: 1rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .bl_searchbar_input input {
    border-radius: 30px 0 0 30px;
    padding-inline: 50px 20px;
  }
}
.bl_searchbar_input input::-moz-placeholder {
  color: #767676;
}
.bl_searchbar_input input::placeholder {
  color: #767676;
}
.bl_searchbar_input input:focus-visible {
  outline-offset: -3px;
}
.bl_searchbar_btn {
  position: absolute;
  top: calc(50% - 21px);
  right: 4px;
  z-index: 1;
  width: 43px;
  height: 42px;
  color: var(--color-on-accent);
  border-radius: 50%;
  background-color: var(--color-accent);
  transition: background-color 0.3s ease-out;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .bl_searchbar_btn {
    position: relative;
    top: auto;
    right: auto;
    width: 100px;
    height: auto;
    border-radius: 0 30px 30px 0;
  }
}
.bl_searchbar_btn .txt {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media screen and (min-width: 768px) {
  .bl_searchbar_btn .txt {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: unset;
    white-space: unset;
  }
}
.bl_searchbar_btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 17px;
  height: 17px;
  background: url("/common/img/icons/icon-search-white.svg") center no-repeat;
  background-size: 100% 100%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .bl_searchbar_btn::before {
    content: none;
  }
}
.bl_searchbar_btn:focus-visible {
  outline-offset: -3px;
}
@media (hover: hover) {
  .bl_searchbar_btn:hover {
    background-color: var(--color-primary);
  }
}
.bl_searchbar__border .bl_searchbar_input input {
  border: 1px solid var(--color-accent);
  border-right: none;
}

.bl_routeSchedule {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.bl_routeSchedule_suspension {
  display: block;
  border: 2px solid #e9ebed;
  background-color: #f3f6f8;
  border-radius: 10px;
  padding: 18px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
.bl_routeSchedule_row {
  display: flex;
  min-height: 53px;
  border-radius: 10px;
  background-color: var(--color-background);
  overflow: hidden;
}
.bl_routeSchedule_num {
  display: flex;
  justify-content: center;
  width: 80px;
  font-weight: 700;
  color: var(--color-on-primary);
  text-align: center;
  background-color: #4cb9d8;
  padding: 16px 13px 13px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.1em;
}
.bl_routeSchedule_content {
  flex: 1;
  border-radius: 0 10px 10px 0;
  border: 2px solid #e9ebed;
  border-left: none;
  transition: border-color 0.3s ease-out;
}
.bl_routeSchedule_content:has(.bl_routeSchedule_heading:hover) {
  border-color: #4cb9d8;
}
.bl_routeSchedule_heading {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  border-radius: 0 10px 10px 0;
  padding: 13px 44px 13px 25px;
}
.bl_routeSchedule_heading::after {
  position: absolute;
  top: calc(50% - 5px);
  right: 15px;
  display: block;
  content: "";
  width: 15px;
  height: 10px;
  background: url("/common/img/icons/icon-acc-arrow.svg") center no-repeat;
  background-size: 100% 100%;
  transition: transform 0.3s ease-out;
}
.bl_routeSchedule_heading[aria-expanded=true]::after {
  transform: rotate(180deg);
}
.bl_routeSchedule_heading:focus-visible {
  outline-offset: -1px;
}
.bl_routeSchedule_heading .time {
  width: 52px;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  margin-right: 4px;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0em;
}
.bl_routeSchedule_heading .label {
  display: grid;
  place-content: center;
  width: 20px;
  height: 20px;
  font-weight: 700;
  border-radius: 3px;
  background-color: var(--color-background-secondary);
  margin-right: 10px;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0em;
}
.bl_routeSchedule_heading .name {
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.1em;
}
.bl_routeSchedule_body {
  border-radius: 0 0 10px 0;
  border-top: 2px solid #e9ebed;
  overflow: hidden;
}
.bl_routeSchedule_stops {
  position: relative;
}
.bl_routeSchedule_stops::before {
  position: absolute;
  top: 0;
  left: 121px;
  z-index: 1;
  display: block;
  content: "";
  width: 2px;
  height: 100%;
  background-color: var(--color-primary);
}
.bl_routeSchedule_stop {
  position: relative;
  display: flex;
  align-items: center;
  padding: 27px 30px;
}
.bl_routeSchedule_stop:first-child::before, .bl_routeSchedule_stop:last-child::before {
  position: absolute;
  left: 119px;
  z-index: 2;
  display: block;
  content: "";
  width: 5px;
  height: 50%;
  background-color: var(--color-background);
}
.bl_routeSchedule_stop:first-child::before {
  top: 0;
}
.bl_routeSchedule_stop:last-child::before {
  bottom: 0;
}
.bl_routeSchedule_stop:nth-child(even) {
  background-color: #f3f6f8;
}
.bl_routeSchedule_stop:nth-child(even):first-child::before, .bl_routeSchedule_stop:nth-child(even):last-child::before {
  background-color: #f3f6f8;
}
.bl_routeSchedule_stop:nth-child(even) .bl_routeSchedule_times:has(.bl_routeSchedule_time + .bl_routeSchedule_time)::before {
  background-color: #f3f6f8;
}
.bl_routeSchedule_times {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 11px 0;
}
.bl_routeSchedule_times:has(.bl_routeSchedule_time + .bl_routeSchedule_time)::before {
  position: absolute;
  top: 50%;
  left: 89px;
  z-index: 1;
  display: block;
  content: "";
  width: 5px;
  height: 30px;
  background-color: var(--color-background);
  transform: translateY(-50%);
}
.bl_routeSchedule_time {
  display: flex;
  align-items: center;
}
.bl_routeSchedule_time .time {
  width: 52px;
  font-family: var(--font-family-poppins);
  font-weight: 500;
  margin-right: 4px;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0em;
}
.bl_routeSchedule_time .label {
  width: 14px;
  color: #5e5e5e;
  margin-right: 17px;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
.bl_routeSchedule_time .point {
  z-index: 3;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--color-primary);
  background-color: var(--color-background);
  margin-right: 17px;
}
.bl_routeSchedule_name {
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.7333333333;
  letter-spacing: 0.1em;
}

.bl_statusInfo {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
@media screen and (min-width: 768px) {
  .bl_statusInfo {
    flex-direction: row;
    gap: 20px 20px;
  }
}
.bl_statusInfo > li {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .bl_statusInfo > li {
    max-width: 200px;
  }
}
.bl_statusInfo_item {
  display: flex;
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--color-accent);
}
@media screen and (min-width: 768px) {
  .bl_statusInfo_item {
    flex-direction: column;
  }
}
.bl_statusInfo_label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40%;
  font-weight: 700;
  color: var(--color-on-accent);
  text-align: center;
  background-color: var(--color-accent);
  padding: 8px 4px;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .bl_statusInfo_label {
    width: auto;
  }
}
.bl_statusInfo_state {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  text-align: center;
  padding: 8px 4px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: 0.05em;
}

.bl_sideLinks {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.bl_sideLinks > li > a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 62px;
  font-weight: 700;
  color: var(--color-accent);
  border-radius: 10px;
  border: 1px solid var(--color-background);
  background-color: var(--color-background);
  padding: 8px 40px 8px 20px;
  transition: border-color 0.3s ease-out;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
.bl_sideLinks > li > a::after {
  position: absolute;
  top: calc(50% - 8px);
  right: 14px;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url("/common/img/icons/icon-circle-arrow-navy.svg") center no-repeat;
  background-size: 100% 100%;
}
@media (hover: hover) {
  .bl_sideLinks > li > a:hover {
    text-decoration: underline;
    border-color: var(--color-accent);
  }
}

.bl_gradationBox {
  border-radius: 20px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), var(--color-background-secondary);
  padding: 30px 15px;
}
@media screen and (min-width: 768px) {
  .bl_gradationBox {
    padding: 40px 50px 42px;
  }
}

.bl_imgCards {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  padding-inline: 10px;
}
@media screen and (min-width: 576px) {
  .bl_imgCards {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px 30px;
  }
}
@media screen and (min-width: 992px) {
  .bl_imgCards {
    gap: 30px 60px;
    padding-inline: 0;
  }
}
.bl_imgCards .bl_imgCard {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .bl_imgCards .bl_imgCard {
    width: calc((100% - 30px) / 2);
  }
}
@media screen and (min-width: 992px) {
  .bl_imgCards .bl_imgCard {
    width: calc((100% - 120px) / 3);
  }
}

.bl_imgCard {
  display: flex;
  flex-direction: column;
}
.bl_imgCard_imgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 320/160;
  border-radius: 20px 20px 0 0;
}
.bl_imgCard_body {
  position: relative;
  flex: 1;
  min-height: 194px;
  border-radius: 0 0 20px 20px;
  border: 1px solid var(--color-primary);
  border-top: none;
  background-color: var(--color-background);
  padding: 54px 19px 39px;
}
.bl_imgCard_icon {
  position: absolute;
  top: -36px;
  left: calc(50% - 36px);
  display: grid;
  place-content: center;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: var(--color-background);
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bl_imgCard_icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.bl_imgCard_ttl {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 14px;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.bl_imgCard_ttl .num {
  display: grid;
  place-content: center;
  width: 46px;
  min-width: 46px;
  height: 34px;
  font-family: var(--font-family-poppins);
  font-weight: 700;
  font-size: 22px;
  color: var(--color-on-accent);
  line-height: 1;
  border-radius: 4px;
  background-color: var(--color-accent);
  padding: 2px 0 0 2px;
  margin-right: 12px;
  letter-spacing: 0.05em;
}
.bl_imgCard_txt {
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
.bl_imgCard__01 .bl_imgCard_ttl .num {
  background-color: #368235;
}
.bl_imgCard__02 .bl_imgCard_ttl .num {
  background-color: #eb7497;
}
.bl_imgCard__03 .bl_imgCard_ttl .num {
  background-color: #803c9d;
}
.bl_imgCard__04 .bl_imgCard_ttl .num {
  background-color: #f39420;
}
.bl_imgCard__05 .bl_imgCard_ttl .num {
  background-color: #2cbcd5;
}

.bl_siteLinks {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
  padding-inline: 12px;
}
@media screen and (min-width: 768px) {
  .bl_siteLinks {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 5.37037037%;
    padding-inline: 0;
  }
}
.bl_siteLinks > li {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .bl_siteLinks > li {
    width: 29.7530864333%;
  }
}

.bl_siteLink {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  border-radius: 10px;
  background-color: #efefef;
  transition: opacity 0.3s ease-out;
}
.bl_siteLink_imgWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  background-color: var(--color-background);
  padding: 8px;
  margin-bottom: 10px;
}
.bl_siteLink_ttl {
  font-weight: 700;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
@media (hover: hover) {
  .bl_siteLink:hover {
    will-change: opacity;
    opacity: 0.7;
  }
}

.bl_borderBox {
  border-radius: 20px;
  background-color: var(--color-background);
  border: 1px dashed var(--color-accent);
  padding: 29px 19px;
}
@media screen and (min-width: 768px) {
  .bl_borderBox {
    padding: 29px 49px;
  }
}

.bl_faq_wrap {
  margin-inline: -15px;
}
@media screen and (min-width: 768px) {
  .bl_faq_wrap {
    margin-inline: 0;
  }
}
.bl_faq_heading {
  display: flex;
  gap: 0 5px;
  margin-bottom: 20px;
}
.bl_faq_heading .label {
  width: 40px;
  min-width: 40px;
  font-family: var(--font-family-poppins);
  font-size: 38px;
  font-weight: 900;
  color: var(--color-accent);
  line-height: 1;
  letter-spacing: 0em;
}
.bl_faq_heading .ttl {
  flex: 1;
  font-weight: 700;
  padding-top: 5px;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
.bl_faq_body {
  display: flex;
  gap: 0 10px;
  border-radius: 20px;
  background-color: var(--color-background);
  padding: 30px 20px;
}
@media screen and (min-width: 768px) {
  .bl_faq_body {
    gap: 0 16px;
    padding: 30px;
  }
}
.bl_faq_body .label {
  width: 40px;
  min-width: 40px;
  font-family: var(--font-family-poppins);
  font-size: 38px;
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: 0em;
}
.bl_faq_body .content {
  flex: 1;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
.bl_faq_body + .bl_faq_heading {
  margin-top: 30px;
}
.bl_faq__acc .bl_faq_heading {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-right: 62px;
  margin-bottom: 0;
  text-align: left;
}
.bl_faq__acc .bl_faq_heading::before, .bl_faq__acc .bl_faq_heading::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 4px;
  background-color: var(--color-primary);
}
.bl_faq__acc .bl_faq_heading::before {
  top: 10px;
  right: 23px;
  width: 6px;
  height: 18px;
  transition: transform 0.3s ease-out;
}
.bl_faq__acc .bl_faq_heading::after {
  top: 16px;
  right: 17px;
  width: 18px;
  height: 6px;
}
.bl_faq__acc .bl_faq_body {
  margin-top: 20px;
}
.bl_faq__acc .js_accordionItem {
  position: relative;
}
.bl_faq__acc .js_accordionItem::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  width: 52px;
  height: 28px;
  background-color: var(--white);
  border-radius: 16px;
}
.bl_faq__acc .js_accordionItem + .js_accordionItem {
  margin-top: 30px;
}
.bl_faq__acc .js_accordionItem.is_open .bl_faq_heading::before {
  transform: rotate(-90deg);
}

.bl_searchList {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  margin-top: 30px;
}

.bl_searchItem {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 15px;
}
.bl_searchItem_ttl {
  font-weight: 700;
  font-size: 1.125rem;
}
.bl_searchItem_ttl > a {
  color: var(--color-primary);
}
@media (hover: hover) {
  .bl_searchItem_ttl > a:hover {
    text-decoration: underline;
  }
}
.bl_searchItem_url {
  color: #808080;
  font-size: 0.75rem;
  margin: 5px 0;
}
.bl_searchItem_txt {
  font-size: 1rem;
}

.bl_pager {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.bl_pager_wrap {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .bl_pager_wrap {
    margin-top: 60px;
  }
}
.bl_pager_num > a,
.bl_pager_num > span {
  width: 40px;
  aspect-ratio: 1;
  background-color: var(--white);
  border: 1px solid var(--gray);
  border-radius: 4px;
  color: inherit;
  text-decoration: none;
  display: grid;
  place-items: center;
  transition: color 0.3s ease-out, background 0.3s ease-out;
  font-size: 1rem;
}
.bl_pager_num > a:hover {
  color: var(--white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.bl_pager_num.is_current span {
  background-color: var(--color-primary);
  color: var(--white);
  border-color: var(--color-primary);
}
.bl_pager_prev > a,
.bl_pager_prev > span, .bl_pager_next > a,
.bl_pager_next > span {
  width: 40px;
  aspect-ratio: 1;
  background-color: var(--white);
  border: 1px solid var(--gray);
  border-radius: 4px;
  color: inherit;
  text-decoration: none;
  display: grid;
  place-items: center;
  transition: background 0.3s ease-out;
}
.bl_pager_prev > a::before,
.bl_pager_prev > span::before, .bl_pager_next > a::before,
.bl_pager_next > span::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--black);
  border-right: 2px solid var(--black);
  transform: rotate(45deg);
  transition: border 0.3s ease-out;
}
.bl_pager_prev > a:hover, .bl_pager_next > a:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.bl_pager_prev > a:hover::before, .bl_pager_next > a:hover::before {
  border-color: var(--white);
}
.bl_pager_prev > span, .bl_pager_next > span {
  background-color: #e9ebed;
  border-color: #e9ebed;
}
.bl_pager_prev > span::before, .bl_pager_next > span::before {
  opacity: 0.4;
}
.bl_pager_prev > a::before,
.bl_pager_prev > span::before {
  margin-left: 3px;
  transform: rotate(45deg) scale(-1);
}
.bl_pager_next > a::before,
.bl_pager_next > span::before {
  margin-right: 3px;
}
.bl_pager__left {
  justify-content: flex-start;
}

.bl_prevNext {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.bl_prevNext_wrap {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .bl_prevNext_wrap {
    margin-top: 60px;
  }
}
.bl_prevNext_prev > a,
.bl_prevNext_prev > span, .bl_prevNext_next > a,
.bl_prevNext_next > span {
  position: relative;
  display: inline-block;
  min-height: 40px;
  padding: 5px 22px 4px 36px;
  background-color: var(--white);
  border: 1px solid var(--gray);
  border-radius: 4px;
  color: var(--navy);
  display: grid;
  place-items: center;
  transition: color 0.3s ease-out, background 0.3s ease-out;
}
.bl_prevNext_prev > a::before,
.bl_prevNext_prev > span::before, .bl_prevNext_next > a::before,
.bl_prevNext_next > span::before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--navy);
  border-right: 2px solid var(--navy);
  transform: rotate(45deg);
  transition: border 0.3s ease-out;
}
.bl_prevNext_prev > a:hover, .bl_prevNext_next > a:hover {
  color: var(--white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.bl_prevNext_prev > a:hover::before, .bl_prevNext_next > a:hover::before {
  border-color: var(--white);
}
.bl_prevNext_prev > a::before,
.bl_prevNext_prev > span::before {
  transform: rotate(45deg) scale(-1);
}
.bl_prevNext_next > a,
.bl_prevNext_next > span {
  padding: 5px 36px 4px 22px;
}
.bl_prevNext_next > a::before,
.bl_prevNext_next > span::before {
  left: calc(100% - 24px);
}

.bl_modal {
  position: relative;
  width: calc(100% - 40px);
  max-width: 800px;
  height: 90%;
  max-height: 700px;
}
.bl_modal__w700 {
  max-width: 700px;
}
.bl_modal_wrap {
  position: fixed;
  inset: 0;
  z-index: 1001;
  display: grid;
  place-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.bl_modal_wrap.is_active {
  opacity: 1;
  visibility: visible;
}
.bl_modal_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}
.bl_modal_close {
  position: absolute;
  bottom: 100%;
  left: 100%;
  transform: translate(calc(-50% - 4px), 50%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .bl_modal_close {
    transform: translate(-50%, 50%);
  }
}
.bl_modal_close > button {
  position: relative;
  width: 36px;
  height: 36px;
  border: none;
  background-color: #333;
  border-radius: 50%;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .bl_modal_close > button {
    width: 40px;
    height: 40px;
  }
}
.bl_modal_close > button::before, .bl_modal_close > button::after {
  content: "";
  display: block;
  position: absolute;
  top: 17px;
  left: 8px;
  width: 19px;
  height: 2px;
  background-color: var(--white);
}
@media screen and (min-width: 768px) {
  .bl_modal_close > button::before, .bl_modal_close > button::after {
    top: 20px;
    left: 10px;
    width: 20px;
  }
}
.bl_modal_close > button::before {
  transform: rotate(-45deg);
}
.bl_modal_close > button::after {
  transform: rotate(45deg);
}
.bl_modal_inner {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.bl_modal_cont {
  position: relative;
  height: 100%;
  padding: 24px;
  border-radius: 12px;
  background-color: var(--white);
}

/* その他モーダル */
.bl_dialog {
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  inset: 0;
  opacity: 0;
  overflow-y: auto;
  padding: 45px 15px;
  position: fixed;
  transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
  visibility: hidden;
  z-index: 1002;
}
.bl_dialog.is_menuOpen {
  opacity: 1;
  visibility: visible;
  will-change: visibility, opacity;
}
.bl_dialog_container {
  background-color: var(--color-background);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  margin: auto;
  max-width: 1000px;
  padding: 30px 15px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .bl_dialog_container {
    padding: 30px 50px;
  }
}
.bl_dialog_content {
  margin-bottom: auto;
}
.bl_dialog_heading {
  display: flex;
  align-items: center;
  gap: 0 8px;
  padding: 12px 25px;
  margin-bottom: 20px;
  background-color: var(--color-background-secondary);
  border-radius: 20px;
}
.bl_dialog_heading .icon {
  width: 20px;
}
.bl_dialog_heading .icon img {
  display: block;
  width: 100%;
}
.bl_dialog_heading .heading {
  color: var(--dark-green);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.4166666667;
  letter-spacing: 0.05em;
}

.bl_allyInfo .el_img02 {
  margin-top: 20px;
}
.bl_allyInfo .el_txt__smail {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .bl_allyInfo .el_txt__smail {
    text-align: center;
  }
}

.bl_btnList {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .bl_btnList {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 30px;
  }
}
@media screen and (min-width: 768px) {
  .bl_btnList__2col > li {
    width: calc((100% - 30px) / 2);
  }
}
@media screen and (min-width: 768px) {
  .bl_btnList__w760 {
    max-width: 760px;
    margin-inline: auto;
  }
}

.bl_bnrList {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.bl_bnrList > li {
  width: calc((100% - 15px) / 2);
}
@media screen and (min-width: 768px) {
  .bl_bnrList > li {
    width: calc((100% - 60px) / 5);
  }
}
@media screen and (min-width: 992px) {
  .bl_bnrList > li {
    width: calc((100% - 90px) / 7);
  }
}
.bl_bnrList > li > a {
  display: block;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .bl_bnrList > li > a:hover {
    opacity: 0.7;
  }
}
.bl_bnrList > li > a > img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 140/60;
  -o-object-fit: contain;
     object-fit: contain;
}

.bl_formMassage {
  padding: 10px 15px;
  color: #aa0808;
  border: 2px solid #aa0808;
  background-color: #fffaca;
  margin: 10px auto;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}

.bl_form_required {
  display: inline-block;
  min-width: 57px;
  padding: 4px 10px;
  color: var(--color-on-primary);
  background-color: #aa0808;
  border-radius: 6px;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
.bl_form_note {
  margin-top: 8px;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
}
.bl_form_fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.bl_form_fieldset legend {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.bl_form_privacy {
  width: calc(100% - 40px);
  max-width: 880px;
  margin: 40px auto 0;
  padding: 30px 20px;
  background-color: #dcf0ff;
  border: 1px solid #dcf0ff;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .bl_form_privacy {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0 20px;
  }
}
.bl_form_privacy .ttl {
  display: flex;
  align-items: center;
  gap: 0 10px;
  margin-bottom: 13px;
}
@media screen and (min-width: 768px) {
  .bl_form_privacy .ttl {
    flex: 1;
  }
}
@media screen and (min-width: 768px) {
  .bl_form_privacy .content {
    width: 68.1818182%;
  }
}
.bl_form_link {
  color: var(--color-primary);
  text-decoration: underline;
  transition: color 0.3s ease-out;
}
@media (hover: hover) {
  .bl_form_link:hover {
    color: var(--color-accent);
  }
}
.bl_form .error {
  display: inline-block;
  margin-top: 8px;
  color: #aa0808;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
}

.bl_formList {
  width: calc(100% - 40px);
  max-width: 880px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .bl_formList {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 30px 20px;
  }
}
.bl_formList dt {
  display: flex;
  align-items: center;
  gap: 0 10px;
  margin: 40px 0 13px 0;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .bl_formList dt {
    margin: 0;
    padding-top: 13px;
    width: calc(100% - 20px - 68.1818182%);
    min-height: 40px;
  }
}
.bl_formList dt:first-child {
  margin-top: 0;
}
.bl_formList dd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .bl_formList dd {
    width: 68.1818182%;
    min-height: 40px;
  }
}
.bl_formList dd.bg_on {
  padding: 10px;
  border-radius: 10px;
  background-color: #f3f6f8;
  border: 2px solid #dfdfdf;
}
.bl_formList_wrap {
  margin-top: 50px;
  padding-block: 30px;
  border-radius: 20px;
  background-color: var(--color-background);
  border: 1px solid var(--color-primary);
}
@media screen and (min-width: 768px) {
  .bl_formList_wrap {
    padding-block: 60px;
  }
}
.bl_formList__error {
  border-color: #aa0808;
  background-color: #fff7f7;
}
.bl_formList__error .bl_form_privacy {
  border: 2px solid #aa0808;
  background-color: #ffebeb;
}

.bl_formBtns {
  margin-top: 50px !important;
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}

.bl_formBtn {
  position: relative;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media (hover: hover) {
  .bl_formBtn:hover {
    text-decoration: underline;
  }
}
.bl_formBtn__back {
  padding-left: 30px;
}
.bl_formBtn__back::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
  transform: scale(-1, 1);
  background: var(--color-background) url("/common/img/icons/icon-circle-arrow-navy.svg") center no-repeat;
  background-size: 100% 100%;
  border-radius: 50%;
}

.bl_flowList {
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
  gap: 0 60px;
}
.bl_flowList > li {
  position: relative;
}
.bl_flowList > li:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: 23px;
  right: 100%;
  width: 60px;
  height: 2px;
  background-color: var(--color-primary);
}
.bl_flowList > li.is_current .bl_flowItem_num {
  bottom: calc(100% + 5px);
  color: var(--color-text);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.4;
}
.bl_flowList > li.is_current .bl_flowItem_ttl {
  width: 64px;
  height: 56px;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-on-primary);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
}

.bl_flowItem {
  position: relative;
}
.bl_flowItem_num {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: #838383;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
.bl_flowItem_ttl {
  width: 56px;
  height: 46px;
  border: 1px solid var(--color-primary);
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: var(--color-primary);
  background-color: #f3f6f8;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
}

.el_btn {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: auto;
  min-width: 240px;
  max-width: 400px;
  min-height: 60px;
  font-weight: 700;
  color: var(--color-on-accent);
  background-color: var(--color-accent);
  border-radius: 30px;
  padding: 17px 50px 17px 28px;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
  font-size: 1.0625rem;
  line-height: 1.5294117647;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .el_btn {
    justify-content: center;
    min-width: 334px;
    padding: 17px 51px;
  }
}
.el_btn::after {
  position: absolute;
  top: calc(50% - 10px);
  right: 20px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: var(--color-background) url("/common/img/icons/icon-circle-arrow-white02.svg") center no-repeat;
  background-size: 100% 100%;
  border-radius: 50%;
  transition: background-image 0.3s ease-out;
}
@media (hover: hover) {
  .el_btn:hover {
    color: var(--color-on-primary);
    background-color: var(--color-primary);
  }
  .el_btn:hover::after {
    background-image: url("/common/img/icons/icon-circle-arrow-white.svg");
  }
}
.el_btn:has(.icon) .icon {
  margin-right: 5px;
}
.el_btn_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px 10px;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .el_btn_wrap {
    gap: 20px 25px;
  }
}
.el_btn_wrap__left {
  justify-content: flex-start;
}
.el_btn_wrap__center {
  justify-content: center;
}
.el_btn_wrap__right {
  justify-content: flex-end;
}
.el_btn_wrap__02 {
  margin-top: 17px;
}
.el_btn_list {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.el_btn__02 {
  min-height: 56px;
  padding: 15px 50px 15px 28px;
}
@media screen and (min-width: 768px) {
  .el_btn__02 {
    padding: 15px 51px;
  }
}
.el_btn__full {
  width: 100%;
  max-width: none !important;
}
.el_btn__noArrow {
  justify-content: center;
  min-width: 240px !important;
  min-height: 50px;
  text-align: center !important;
  border-radius: 25px;
  padding: 12px 30px !important;
  font-size: 1rem;
  line-height: 1.625;
}
.el_btn__noArrow::after {
  content: none;
}
.el_btn__aqua {
  color: var(--color-on-primary);
  background-color: var(--color-primary);
}
.el_btn__aqua::after {
  background-image: url("/common/img/icons/icon-circle-arrow-white.svg");
}
@media (hover: hover) {
  .el_btn__aqua:hover {
    color: var(--color-on-accent);
    background-color: var(--color-accent);
  }
  .el_btn__aqua:hover::after {
    background-image: url("/common/img/icons/icon-circle-arrow-white02.svg");
  }
}
.el_btn__gray {
  background-color: var(--gray);
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .el_btn__gray:hover {
    background-color: var(--gray);
    opacity: 0.7;
  }
}
.el_btn .icon {
  width: 20px;
}
.el_btn.el_linkIcon {
  text-align: center;
  color: var(--white) !important;
  transition: background 0.3s ease-out;
}
.el_btn.el_linkIcon::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  vertical-align: -6px;
}
@media (hover: hover) {
  .el_btn.el_linkIcon:hover {
    text-decoration: none !important;
    color: var(--white);
  }
}
.el_btn.el_linkIcon__blank::before {
  content: none;
}
.el_btn.el_linkIcon__blank::after {
  background: transparent url(/common/img/icons/icon-blank-white.svg) center no-repeat;
  background-size: 100% 100%;
  position: static;
  vertical-align: -2px;
  border-radius: 0;
}
.el_btn.el_linkIcon__pdf.el_linkIcon__blank::before, .el_btn.el_linkIcon__word.el_linkIcon__blank::before, .el_btn.el_linkIcon__excel.el_linkIcon__blank::before, .el_btn.el_linkIcon__powerpoint.el_linkIcon__blank::before, .el_btn.el_linkIcon__zip.el_linkIcon__blank::before {
  content: "";
}
.el_btn.el_linkIcon__pdf::before {
  background-image: url(/common/img/icons/file/icon-pdf.svg);
}
.el_btn.el_linkIcon__word::before {
  background-image: url(/common/img/icons/file/icon-word.svg);
}
.el_btn.el_linkIcon__excel::before {
  background-image: url(/common/img/icons/file/icon-excel.svg);
}
.el_btn.el_linkIcon__powerpoint::before {
  background-image: url(/common/img/icons/file/icon-powerpoint.svg);
}
.el_btn.el_linkIcon__zip::before {
  background-image: url(/common/img/icons/file/icon-filelink-white.svg);
}

.el_btn02 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 176px;
  min-height: 60px;
  font-weight: 700;
  color: var(--color-on-accent);
  border-radius: 10px;
  background-color: var(--color-accent);
  padding: 8px 44px 8px 15px;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
  font-size: 1rem;
  line-height: 1.125;
  letter-spacing: 0em;
}
.el_btn02::after {
  position: absolute;
  top: calc(50% - 10px);
  right: 15px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url("/common/img/icons/icon-circle-arrow-white02.svg") center no-repeat;
  background-size: 100% 100%;
  transition: background-image 0.3s ease-out;
}
@media (hover: hover) {
  .el_btn02:hover {
    color: var(--color-on-primary);
    background-color: var(--color-primary);
  }
  .el_btn02:hover::after {
    background-image: url("/common/img/icons/icon-circle-arrow-white.svg");
  }
}

.el_btn03 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 240px;
  max-width: 340px;
  min-height: 68px;
  font-weight: 700;
  color: var(--color-on-accent);
  border-radius: 10px;
  background-color: var(--color-accent);
  padding: 8px 15px;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
.el_btn03 .inner {
  position: relative;
  display: block;
  padding-left: 34px;
}
.el_btn03 .icon {
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
  width: 24px;
  height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.el_btn03 .icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .el_btn03:hover {
    color: var(--color-on-primary);
    background-color: var(--color-primary);
  }
  .el_btn03:hover::after {
    background-image: url("/common/img/icons/icon-circle-arrow-white.svg");
  }
}

.el_rssBtn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px 0;
  font-family: var(--font-family-poppins);
  color: var(--color-accent);
  min-height: 60px;
  border-radius: 6px;
  border: 1px solid currentColor;
  background-color: var(--color-background);
  padding: 8px 12px 7px;
  transition: color 0.3s ease-out, border-color 0.3s ease-out, background-color 0.3s ease-out;
  font-size: 0.9375rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .el_rssBtn {
    flex-direction: row;
    gap: 0 6px;
    min-height: 56px;
    padding: 8px 15px 8px 20px;
    font-size: 1.25rem;
  }
}
.el_rssBtn::before {
  display: block;
  content: "";
  width: 18px;
  min-width: 18px;
  height: 18px;
  background: url("/common/img/icons/icon-rss.svg") center no-repeat;
  background-size: 100% 100%;
  transition: background-image 0.3s ease-out;
}
@media (hover: hover) {
  .el_rssBtn:hover {
    color: var(--color-on-primary);
    border-color: var(--color-primary);
    background-color: var(--color-primary);
  }
  .el_rssBtn:hover::before {
    background-image: url("/common/img/icons/icon-rss-white.svg");
  }
}

.el_socialWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 30px;
}
@media screen and (min-width: 768px) {
  .el_socialWrap {
    justify-content: flex-end;
  }
}
.el_socialWrap_heading {
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}

.el_social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 19px;
}
@media screen and (min-width: 768px) {
  .el_social {
    justify-content: flex-start;
    gap: 0 13px;
  }
}
.el_social > li {
  font-size: 1rem;
  line-height: 1.625;
}
.el_social > li img {
  display: block;
  width: 49px;
  transition: opacity 0.3s ease-out;
}
@media screen and (min-width: 768px) {
  .el_social > li img {
    width: 28px;
  }
}
.el_social > li a {
  display: block;
}
.el_social > li a:hover {
  text-decoration: underline;
}
@media (hover: hover) {
  .el_social > li a:hover img {
    will-change: opacity;
    opacity: 0.7;
  }
}
.el_social__02 {
  gap: 0 13px;
}
.el_social__02 > li img {
  width: 28px;
}
.el_social__03 {
  justify-content: flex-start;
  gap: 0 25px !important;
}
@media screen and (min-width: 992px) {
  .el_social__03 {
    justify-content: center;
  }
}
.el_social__03 > li img {
  width: 43px !important;
}
.el_social__right {
  justify-content: flex-end !important;
}

.el_imgWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.el_imgWrap img {
  display: block;
}
.el_imgWrap__left {
  align-items: flex-start;
  text-align: left;
}
.el_imgWrap__center {
  align-items: center;
  text-align: center;
}
.el_imgWrap__right {
  align-items: flex-end;
  text-align: right;
}
.el_imgWrap__full img {
  width: 100%;
  text-align: left;
}

.el_embed iframe {
  display: block;
  max-width: 100%;
  height: auto;
}
.el_embed__full iframe {
  width: 100%;
}
.el_embed__aspectRatio16-9 iframe {
  aspect-ratio: 16/9;
}
.el_embed__aspectRatio4-3 iframe {
  aspect-ratio: 4/3;
}
.el_embed__aspectRatio1-1 iframe {
  aspect-ratio: 1/1;
}
.el_embed__aspectRatio21-9 iframe {
  aspect-ratio: 21/9;
}

.el_fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.el_fieldset:not(:last-of-type) {
  margin-bottom: 15px;
}
.el_fieldset_heading {
  display: block;
  font-weight: normal;
  font-size: inherit;
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .el_fieldset_heading {
    margin-bottom: 4px;
  }
}

.el_options {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
@media screen and (min-width: 768px) {
  .el_options {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px 30px;
  }
}

.el_radioTxt {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.el_radioTxt_input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  opacity: 0;
  overflow: hidden;
}
.el_radioTxt_input:focus-visible + label::before {
  outline: 3px solid var(--focus-outline-color);
  outline-offset: 3px;
}
.el_radioTxt_input:checked + label::after {
  content: "";
}
.el_radioTxt_label {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 26px;
}
.el_radioTxt_label::before, .el_radioTxt_label::after {
  position: absolute;
  border-radius: 50%;
}
.el_radioTxt_label::before {
  left: 0;
  top: 3px;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-accent);
  background-color: var(--color-background);
}
.el_radioTxt_label::after {
  left: 4px;
  top: 7px;
  content: none;
  width: 12px;
  height: 12px;
  background-color: var(--color-accent);
}

.el_linkIcon {
  display: inline;
  margin-inline: 0 6px !important;
  transition: color 0.3s ease-out;
}
.el_linkIcon::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  vertical-align: -6px;
}
.el_linkIcon__blank::after {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  background-image: url("/common/img/icons/icon-blank.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left: 6px;
}
.el_linkIcon__blank:not(.el_ul__files > li > a):not(.el_ul__links > li > a):not(.el_linkIcon__pdf):not(.el_linkIcon__word):not(.el_linkIcon__excel):not(.el_linkIcon__powerpoint):not(.el_linkIcon__zip)::before {
  content: none;
}
.el_linkIcon__pdf::before {
  background-image: url(/common/img/icons/file/icon-pdf.svg);
}
.el_linkIcon__word::before {
  background-image: url(/common/img/icons/file/icon-word.svg);
}
.el_linkIcon__excel::before {
  background-image: url(/common/img/icons/file/icon-excel.svg);
}
.el_linkIcon__powerpoint::before {
  background-image: url(/common/img/icons/file/icon-powerpoint.svg);
}
.el_linkIcon__zip::before {
  background-image: url(/common/img/icons/file/icon-filelink.svg);
}

.el_ul__files .el_linkIcon,
.el_ul__links .el_linkIcon {
  margin-left: 0;
}

.el_ul__files .el_linkIcon::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  vertical-align: -6px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 5px;
}
.el_ul__files .el_linkIcon__pdf::before {
  background-image: url("/common/img/icons/file/icon-pdf.svg");
}
.el_ul__files .el_linkIcon__word::before {
  background-image: url("/common/img/icons/file/icon-word.svg");
}
.el_ul__files .el_linkIcon__excel::before {
  background-image: url("/common/img/icons/file/icon-excel.svg");
}
.el_ul__files .el_linkIcon__powerpoint::before {
  background-image: url("/common/img/icons/file/icon-powerpoint.svg");
}
.el_ul__files .el_linkIcon__zip::before {
  background-image: url("/common/img/icons/file/icon-filelink.svg");
}

.el_txtWrap p {
  font-size: 0.9375rem;
  line-height: 1.7333333333;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .el_txtWrap p {
    font-size: 1rem;
    line-height: 1.625;
  }
}
.el_txtWrap p:not(:first-child) {
  margin-top: 1.7333333333em;
}
@media screen and (min-width: 768px) {
  .el_txtWrap p:not(:first-child) {
    margin-top: 1.625em;
  }
}

.el_txtWrap02 p {
  font-size: 1.125rem;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}
.el_txtWrap02 p:not(:first-child) {
  margin-top: 1.6666666667em;
}
@media screen and (min-width: 768px) {
  .el_txtWrap02__pcCenter {
    text-align: center;
  }
}
.el_txtWrap02 + * {
  margin-top: 30px;
}
.el_txtWrap02 + .bl_imgCards {
  margin-top: 40px;
}

.el_txtWrap03 p {
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}

.el_note {
  margin: 10px 0 0;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
}
.bl_fileLinks + .el_note {
  margin-top: 15px;
}

.el_iconHeading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px 0;
  width: -moz-max-content;
  width: max-content;
  max-width: calc(100% - 20px);
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  text-align: center;
  padding-bottom: 20px;
  margin-inline: auto;
  margin-bottom: 30px;
  font-size: 1.625rem;
  line-height: 1.3846153846;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .el_iconHeading {
    margin-bottom: 40px;
    font-size: 2rem;
    line-height: 1.3125;
  }
}
.el_iconHeading .icon {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.el_iconHeading::after {
  position: absolute;
  bottom: 0;
  left: calc(50% + 3px);
  display: block;
  content: "";
  width: 198px;
  height: 4px;
  background-image: repeating-linear-gradient(to right, var(--color-primary) 0 12px, transparent 12px 18px);
  background-size: 18px 4px;
  background-position: center;
  transform: translateX(-50%);
}

.el_imgHeading {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.el_imgHeading img {
  display: block;
}

.el_btnBox {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px 0;
  background-color: #f5f5f5;
  padding: 40px 20px;
  margin-top: 100px;
}
@media screen and (min-width: 768px) {
  .el_btnBox {
    flex-direction: row;
    gap: 0 40px;
  }
}
.el_btnBox::before, .el_btnBox::after {
  position: absolute;
  left: 50%;
  display: block;
  content: "";
  width: 100%;
  height: 4px;
  background-image: repeating-linear-gradient(to right, var(--color-primary) 0 12px, transparent 12px 18px);
  background-size: 18px 4px;
  background-position: left -5px center;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .el_btnBox::before, .el_btnBox::after {
    background-position: left -6px center;
  }
}
.el_btnBox::before {
  top: -2px;
}
.el_btnBox::after {
  bottom: -2px;
}

.bl_fileLinks {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
@media screen and (min-width: 768px) {
  .bl_fileLinks {
    flex-direction: row;
    gap: 20px 40px;
  }
}
@media screen and (min-width: 768px) {
  .bl_fileLinks__center {
    max-width: 950px;
    margin-inline: auto;
  }
}
.bl_fileLinks > li > a {
  display: block;
  background-color: #f5f5f5;
  padding: 15px 19px;
  color: var(--color-text);
  text-decoration: underline;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.02em;
}
.bl_fileLinks > li > a:hover {
  color: var(--color-primary);
}
.bl_fileLinks > li .el_linkIcon::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  vertical-align: -6px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 5px;
}
.bl_fileLinks > li .el_linkIcon__pdf::before {
  background-image: url("/common/img/icons/file/icon-pdf.svg");
}
.bl_fileLinks > li .el_linkIcon__word::before {
  background-image: url("/common/img/icons/file/icon-word.svg");
}
.bl_fileLinks > li .el_linkIcon__excel::before {
  background-image: url("/common/img/icons/file/icon-excel.svg");
}
.bl_fileLinks > li .el_linkIcon__powerpoint::before {
  background-image: url("/common/img/icons/file/icon-powerpoint.svg");
}
.bl_fileLinks > li .el_linkIcon__zip::before {
  background-image: url("/common/img/icons/file/icon-filelink.svg");
}
.bl_imgCards + .bl_fileLinks {
  margin-top: 44px;
}
@media screen and (min-width: 768px) {
  .bl_imgCards + .bl_fileLinks {
    margin-top: 55px;
  }
}

.el_orderList {
  counter-reset: counter;
}
.el_orderList > li {
  position: relative;
  padding-left: 32px;
  font-size: 1.125rem;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}
.el_orderList > li::before {
  position: absolute;
  top: 4px;
  left: 0;
  display: grid;
  place-content: center;
  content: counter(counter);
  counter-increment: counter;
  width: 22px;
  height: 22px;
  font-family: var(--font-family-poppins);
  font-size: 16px;
  font-weight: 900;
  color: var(--color-on-accent);
  line-height: 1;
  border-radius: 50%;
  background-color: var(--color-accent);
  padding: 2px 0 0 1px;
}

.el_checkMarkList {
  margin-block: 10px 10px;
}
.el_checkMarkList > dt {
  position: relative;
  min-height: 30px;
  font-weight: 700;
  color: var(--color-accent);
  padding: 1px 0 0 39px;
  margin-bottom: 15px;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
.el_checkMarkList > dt::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url("/common/img/icons/icon-check-mark.svg") center no-repeat;
  background-size: 100% 100%;
}
.el_checkMarkList > dd {
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
.el_checkMarkList > dd + dt {
  margin-top: 40px;
}

.el_descriptionList > dt {
  position: relative;
  padding-left: 22px;
  margin-bottom: 20px;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
.el_descriptionList > dt::before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.el_descriptionList > dd :first-child {
  margin-top: 0;
}
.el_descriptionList > dd:last-child {
  margin-bottom: 0;
}
.el_descriptionList > dd + dt {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .el_descriptionList > dd + dt {
    margin-top: 60px;
  }
}
.bl_borderBox + .el_descriptionList {
  margin-top: 40px;
}

.el_link {
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  text-decoration: underline;
  transition: color 0.3s ease-out;
  margin-right: 3px;
  font-size: 1rem;
  line-height: 2.25;
  letter-spacing: 0.03em;
}
@media (hover: hover) {
  .el_link:hover {
    color: var(--color-primary);
  }
}

.el_img02 {
  padding: 6px;
  border: 2px solid var(--color-accent);
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .el_img02 {
    padding: 10px;
  }
}
.el_img02 img {
  display: block;
  width: 100%;
}
.el_img02__w520 {
  max-width: 520px;
  margin-inline: auto;
}

.el_txt {
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
.el_txt__smail {
  font-size: 0.875rem;
  line-height: 1.7142857143;
}
.el_txt__xs {
  font-size: 0.75rem;
  line-height: 1.6666666667;
}

.el_input {
  width: 100%;
  height: 48px;
  padding: 10px;
  border-radius: 10px;
  background-color: var(--color-background);
  border: 1px solid var(--color-primary);
}
@media screen and (min-width: 992px) {
  .el_input {
    padding: 20px;
  }
}
.el_input__error {
  border: 2px solid #aa0808;
}

.el_textarea {
  width: 100%;
  height: 200px;
  padding: 10px;
  border-radius: 10px;
  background-color: var(--color-background);
  border: 1px solid var(--color-primary);
}
@media screen and (min-width: 992px) {
  .el_textarea {
    padding: 20px;
  }
}
.el_textarea__error {
  border: 2px solid #aa0808;
}

.el_checkbox {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}
.el_checkbox:checked + label::after {
  opacity: 1;
  visibility: visible;
}
.el_checkbox:focus-visible + label::before {
  outline: 3px solid var(--focus-outline-color);
  outline-offset: 3px;
}
.el_checkbox_label {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  cursor: pointer;
}
.el_checkbox_label::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 20px;
  aspect-ratio: 1;
  border-radius: 2px;
  background-color: var(--color-background);
  border: 1px solid var(--color-primary);
}
.el_checkbox_label::after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 5px;
  transform: rotate(-45deg);
  width: 10px;
  height: 6px;
  border-left: 2px solid var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
  opacity: 0;
  visibility: hidden;
}
.el_checkbox_wrap {
  display: flex;
  align-items: flex-start;
  gap: 0 10px;
}
.el_checkbox_wrap label {
  flex: 1;
}
.el_checkbox__error + label::before {
  border: 2px solid #aa0808;
}

.js_accordionItem_content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.js_fadeUp {
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.js_fadeUp.is_fadeUp {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.zoomimg {
  cursor: pointer;
}

.js_modal_img_cont img {
  margin-inline: auto;
  height: 100%;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
}

.js_hidden.is_hidden {
  display: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.un_notification {
  position: absolute;
  top: 126px;
  left: 50%;
  z-index: 1000;
  width: calc(100% - 20px);
  max-width: 1080px;
  transform: translateX(-50%);
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .un_notification {
    top: 143px;
    width: calc(100% - 40px);
    background-color: var(--color-background-notice);
    padding: 15px 20px;
  }
}
.un_notification_content {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .un_notification_content {
    flex-direction: row;
  }
}
.un_notification_heading {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--color-on-notice);
  background-color: #aa0808;
  padding: 4px 15px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .un_notification_heading {
    padding: 12px 15px;
  }
}
.un_notification_heading .inner {
  position: relative;
  padding-left: 29px;
}
.un_notification_heading .inner::before {
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background: url("/common/img/icons/icon-notice02.svg") center no-repeat;
  background-size: 100% 100%;
}
.un_notification_body {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  font-weight: 700;
  background-color: var(--color-background);
  padding: 12px 15px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .un_notification_body {
    flex: 1;
  }
}
@media screen and (min-width: 992px) {
  .un_notification_body {
    flex-direction: row;
    gap: 0 15px;
  }
}
@media screen and (min-width: 992px) {
  .un_notification_linkList {
    flex: 1;
  }
}
@media screen and (min-width: 992px) {
  .un_notification_linkList > li {
    flex: 1;
  }
}
.un_notification_linkList > li:not(:first-child) {
  margin-top: 10px;
}
.un_notification_item {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .un_notification_item {
    flex-direction: row;
    gap: 0 15px;
  }
}
.un_notification_item .date {
  font-weight: 500;
  font-family: var(--font-family-poppins);
  flex-shrink: 0;
}
.un_notification_item .ttl {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
}
@media screen and (min-width: 992px) {
  .un_notification_item .ttl {
    flex: 1;
  }
}
@media (hover: hover) {
  .un_notification_item:hover .ttl {
    text-decoration: underline;
  }
}
.un_notification_linkWrap {
  padding: 10px 0 0 0;
  border-top: 1px dashed var(--color-border);
  text-align: center;
}
@media screen and (min-width: 992px) {
  .un_notification_linkWrap {
    padding: 0 0 0 15px;
    border-top: none;
    border-left: 1px dashed var(--color-border);
    display: grid;
    place-items: center;
  }
}
.un_notification_link {
  position: relative;
  display: inline-block;
  padding-right: 29px;
  color: #aa0808;
  font-weight: 400;
}
.un_notification_link::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(/common/img/icons/icon-circle-arrow-red.svg) no-repeat center;
  background-size: 16px 16px;
}
@media (hover: hover) {
  .un_notification_link:hover {
    text-decoration: underline;
  }
}

.un_details_head {
  margin-bottom: 54px;
}
@media screen and (min-width: 768px) {
  .un_details_head {
    margin-bottom: 50px;
  }
}
.un_details_heading {
  position: relative;
  font-weight: 700;
  padding-bottom: 29px;
  margin-bottom: 10px;
  font-size: 1.75rem;
  line-height: 1.3571428571;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .un_details_heading {
    margin-bottom: 13px;
    font-size: 2.375rem;
    line-height: 1.2631578947;
  }
}
.un_details_heading::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: #b3dde4;
}
.un_details_date {
  text-align: right;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.02em;
}
.un_details_foot {
  margin-top: 60px;
}
.un_details_contact {
  margin-top: 80px;
}

.un_homeMv {
  position: relative;
  display: grid;
  place-content: center;
  width: 100%;
  aspect-ratio: 375/595;
  max-height: calc(var(--vh, 100vh));
  clip-path: inset(0);
}
@media screen and (min-width: 768px) {
  .un_homeMv {
    min-height: 650px;
    aspect-ratio: 1280/773;
  }
}
.un_homeMv_imgWrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  aspect-ratio: 375/598;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  .un_homeMv_imgWrap {
    top: -4px;
    aspect-ratio: 1280/842;
  }
}
.un_homeMv_imgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 653px;
  -o-object-fit: cover;
     object-fit: cover;
}
.un_homeMv_catch, .un_homeMv_silhouette {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.un_homeMv_catch img, .un_homeMv_silhouette img {
  display: block;
  width: 100%;
}
.un_homeMv_catch {
  width: 192px;
  margin-top: 19px;
}
@media screen and (min-width: 768px) {
  .un_homeMv_catch {
    width: 245px;
    margin-top: -6px;
  }
}
.un_homeMv_silhouette {
  mix-blend-mode: overlay;
  opacity: 0.7;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 486px;
  margin: 36px 0 0 -14px;
}
@media screen and (min-width: 768px) {
  .un_homeMv_silhouette {
    width: 629px;
    margin: 17px 0 0 -18px;
  }
}
.un_homeMv::before, .un_homeMv::after {
  position: absolute;
  bottom: 0;
  display: block;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.un_homeMv::before {
  bottom: -5px;
  left: -39px;
  width: 150px;
  background-image: url("/common/img/illustrations/illustration-cloud01.png");
  aspect-ratio: 304/280;
}
@media screen and (min-width: 768px) {
  .un_homeMv::before {
    bottom: -36px;
    left: 0;
    width: min(23.75vw, 304px);
  }
}
.un_homeMv::after {
  right: -34px;
  bottom: -5px;
  width: 146px;
  background-image: url("/common/img/illustrations/illustration-cloud02.png");
  aspect-ratio: 295/246;
}
@media screen and (min-width: 768px) {
  .un_homeMv::after {
    right: 0;
    bottom: -26px;
    width: min(23.046875vw, 295px);
  }
}
.un_homeMv_illustration, .un_homeMv_illustration02 {
  position: absolute;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.un_homeMv_illustration img, .un_homeMv_illustration02 img {
  display: block;
  width: 100%;
}
.un_homeMv_illustration {
  bottom: 28px;
  left: 10px;
  width: 113px;
}
@media screen and (min-width: 768px) {
  .un_homeMv_illustration {
    left: 27px;
    bottom: min(8.59375vw, 110px);
    width: min(15.3125vw, 196px);
  }
}
.un_homeMv_illustration02 {
  right: -27px;
  bottom: 23px;
  width: 154px;
}
@media screen and (min-width: 768px) {
  .un_homeMv_illustration02 {
    right: 22px;
    bottom: min(9.296875vw, 119px);
    width: min(25.3125vw, 324px);
  }
}

.un_homeAnchorNav {
  position: relative;
  padding-top: 30px;
}
@media screen and (min-width: 992px) {
  .un_homeAnchorNav {
    transform: translateY(-50%);
    padding-top: 0;
    margin-bottom: -37px;
  }
}
.un_homeAnchorNav_list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
@media screen and (min-width: 992px) {
  .un_homeAnchorNav_list {
    gap: 14px;
  }
}
.un_homeAnchorNav_list > li {
  width: calc((100% - 5px) / 2);
}
@media screen and (min-width: 992px) {
  .un_homeAnchorNav_list > li {
    width: calc((100% - 42px) / 4);
  }
}
.un_homeAnchorNav_list > li > a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 75px;
  font-weight: 700;
  color: var(--color-primary);
  background-color: var(--color-background);
  border-radius: 10px;
  border: 2px solid currentColor;
  padding: 10px 30px 10px 10px;
  transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .un_homeAnchorNav_list > li > a {
    border-width: 3px;
    padding: 10px 37px 10px 19px;
    font-size: 1.125rem;
    line-height: 1.5555555556;
  }
}
.un_homeAnchorNav_list > li > a::before {
  position: absolute;
  top: calc(50% - 8px);
  right: 10px;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url("/common/img/icons/icon-circle-arrow.svg") center no-repeat;
  background-size: 100% 100%;
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .un_homeAnchorNav_list > li > a::before {
    right: 13px;
  }
}
@media (hover: hover) {
  .un_homeAnchorNav_list > li > a:hover {
    will-change: transform;
    box-shadow: 0px 4px 4px rgba(28, 28, 28, 0.2);
    transform: translateY(5px);
  }
}
.un_homeAnchorNav_list > li > a.link01 {
  color: var(--color-accent);
  border-color: var(--color-primary);
}
.un_homeAnchorNav_list > li > a.link01::before {
  background-image: url("/common/img/icons/icon-circle-arrow-navy.svg");
}
.un_homeAnchorNav_list > li > a.link02 {
  color: #002916;
  border-color: #05854a;
}
.un_homeAnchorNav_list > li > a.link02::before {
  background-image: url("/common/img/icons/icon-circle-arrow-dark-green.svg");
}
.un_homeAnchorNav_list > li > a.link03 {
  color: #4a2200;
  border-color: #e1a777;
}
.un_homeAnchorNav_list > li > a.link03::before {
  background-image: url("/common/img/icons/icon-circle-arrow-brown.svg");
}
.un_homeAnchorNav_list > li > a.link04 {
  color: #5a0000;
  border-color: #ba3c3c;
}
.un_homeAnchorNav_list > li > a.link04::before {
  background-image: url("/common/img/icons/icon-circle-arrow-reddish-brown.svg");
}

.un_homeFeaturedInfo {
  padding-block: 50px 61px;
}
@media screen and (min-width: 768px) {
  .un_homeFeaturedInfo {
    padding-block: 60px 90px;
  }
}
.un_homeFeaturedInfo_centered {
  position: relative;
}
.un_homeFeaturedInfo_illustration {
  position: absolute;
  right: -9px;
  top: calc(100% + 35px);
  width: 75px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  .un_homeFeaturedInfo_illustration {
    right: 19px;
    top: calc(100% + 43px);
    width: 122px;
  }
}
.un_homeFeaturedInfo_illustration img {
  display: block;
  width: 100%;
}

.un_homeOfficeInfo {
  padding-block: 39px 35px;
}
@media screen and (min-width: 992px) {
  .un_homeOfficeInfo {
    padding-block: 64px 45px;
  }
}
.un_homeOfficeInfo_heading {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .un_homeOfficeInfo_heading {
    margin-bottom: 40px;
  }
}
.un_homeOfficeInfo_heading .ttl {
  position: relative;
  display: block;
  width: calc(100% - 18px);
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  text-align: center;
  padding-block: 12px 11px;
  font-size: 1.5rem;
  line-height: 1.4166666667;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .un_homeOfficeInfo_heading .ttl {
    width: auto;
    padding-block: 0;
    padding-inline: 75px;
    font-size: 1.875rem;
    line-height: 1.3333333333;
  }
}
.un_homeOfficeInfo_heading .ttl::before, .un_homeOfficeInfo_heading .ttl::after {
  position: absolute;
  display: block;
  content: "";
  width: 41px;
  height: 20px;
  background: url("/common/img/icons/icon-triple-circle.svg") center no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .un_homeOfficeInfo_heading .ttl::before, .un_homeOfficeInfo_heading .ttl::after {
    width: 57px;
    height: 28px;
  }
}
.un_homeOfficeInfo_heading .ttl::before {
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .un_homeOfficeInfo_heading .ttl::before {
    top: calc(50% - 14px);
  }
}
.un_homeOfficeInfo_heading .ttl::after {
  right: 0;
  bottom: 0;
  transform: scaleX(-1);
}
@media screen and (min-width: 768px) {
  .un_homeOfficeInfo_heading .ttl::after {
    top: calc(50% - 14px);
    bottom: auto;
  }
}
.un_homeOfficeInfo_content {
  display: flex;
  flex-direction: column;
  gap: 45px 0;
}
@media screen and (min-width: 992px) {
  .un_homeOfficeInfo_content {
    flex-direction: row;
    gap: 0 34px;
  }
}
@media screen and (min-width: 992px) {
  .un_homeOfficeInfo_left {
    width: 400px;
  }
}
@media screen and (min-width: 992px) {
  .un_homeOfficeInfo_right {
    width: 646px;
  }
}
.un_homeOfficeInfo_slider .splide__slide > a {
  display: block;
}
.un_homeOfficeInfo_slider .splide__slide img {
  display: block;
  width: 100%;
}
.un_homeOfficeInfo_news {
  overflow-y: auto;
  max-height: 568px;
  padding: 6px 18px 6px 6px;
  margin-right: -10px;
}
@media screen and (min-width: 992px) {
  .un_homeOfficeInfo_news {
    max-height: 536px;
    margin-right: 0;
  }
}
.un_homeOfficeInfo_news + .el_btn_wrap {
  margin-top: 32px;
}
@media screen and (min-width: 992px) {
  .un_homeOfficeInfo_news + .el_btn_wrap {
    margin-top: 30px;
  }
}
.un_homeOfficeInfo_calendar {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 15px;
  margin-top: 30px;
  border-radius: 20px;
  background-color: var(--color-background-secondary);
  padding: 30px 50px 30px 20px;
  width: 100%;
  color: var(--color-accent);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.un_homeOfficeInfo_calendar::after {
  position: absolute;
  top: calc(50% - 8px);
  right: 20px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url("/common/img/icons/icon-circle-arrow-navy.svg") center no-repeat;
  background-size: 100% 100%;
}
@media (hover: hover) {
  .un_homeOfficeInfo_calendar:hover {
    text-decoration: underline;
  }
}
.un_homeOfficeInfo_calendarIcon {
  width: 54px;
}
.un_homeOfficeInfo_calendarIcon img {
  display: block;
  width: 100%;
}
.un_homeOfficeInfo_calendarBody {
  flex: 1;
  font-family: var(--font-family-zenmaru);
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 992px) {
  .un_homeOfficeInfo_calendarBody {
    font-size: 1.375rem;
    line-height: 1;
  }
}
.un_homeOfficeInfo_calendarBody .lg {
  font-size: 1.5rem;
  line-height: 1.3333333333;
}
@media screen and (min-width: 992px) {
  .un_homeOfficeInfo_calendarBody .lg {
    font-size: 1.625rem;
    line-height: 1.3076923077;
  }
}

.un_homeFerryInfo {
  padding-block: 39px 61px;
}
@media screen and (min-width: 768px) {
  .un_homeFerryInfo {
    padding-block: 70px 100px;
  }
}
.un_homeFerryInfo_content {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_content {
    flex-direction: row;
    gap: 0 40px;
  }
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_main {
    flex: 1;
  }
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_side {
    width: 210px;
  }
}
.un_homeFerryInfo_box {
  min-height: 300px;
  border-radius: 20px;
  border: 2px solid #b3dde4;
  background-color: var(--color-background);
  padding: 28px 18px;
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_box {
    border-radius: 40px;
    border-width: 4px;
    padding: 36px 46px 41px 46px;
  }
}
.un_homeFerryInfo_headWrap {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_headWrap {
    flex-direction: row;
    gap: 0 28px;
    margin-inline: -10px;
  }
}
.un_homeFerryInfo_date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", "BIZ UDPGothic", sans-serif;
  border-bottom: 2px dashed var(--color-border);
  padding-bottom: 15px;
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_date {
    width: 152px;
    height: 152px;
    border-radius: 0 0 20px 0;
    border: 2px dashed var(--color-border);
    border-top: none;
    border-left: none;
    padding: 9px 12px 18px 12px;
  }
}
.un_homeFerryInfo_date .date {
  display: flex;
  align-items: baseline;
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_date .date {
    flex-direction: column;
    align-items: center;
  }
}
.un_homeFerryInfo_date .year {
  display: flex;
  line-height: 1;
  margin: 0 12px 0 0;
  font-size: 1rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_date .year {
    margin: 0 0 3px;
  }
}
.un_homeFerryInfo_date .year .num {
  margin: -1px 2px 0 0;
  font-size: 1.125rem;
}
.un_homeFerryInfo_date .md {
  position: relative;
  display: flex;
  align-items: baseline;
  line-height: 1;
  font-size: 1rem;
  letter-spacing: 0.05em;
}
.un_homeFerryInfo_date .md .num {
  font-weight: 800;
  color: var(--color-accent);
  margin-inline: 5px 2px;
  transform: translateY(2px);
  font-size: 2rem;
}
.un_homeFerryInfo_date .md .num:first-child {
  margin-left: 0;
}
.un_homeFerryInfo_date .weekday {
  margin: 0 0 0 4px;
  transform: translateY(-2px);
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_date .weekday {
    margin-top: 6px;
    transform: none;
  }
}
.un_homeFerryInfo_date .time {
  margin-top: 6px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_date .time {
    margin-top: 14px;
  }
}
.un_homeFerryInfo_date .time .num {
  font-size: 1.125rem;
  line-height: 1.4444444444;
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_head {
    flex: 1;
  }
}
.un_homeFerryInfo_heading {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .un_homeFerryInfo_heading {
    justify-content: flex-start;
  }
}
.un_homeFerryInfo_heading .ttl {
  position: relative;
  display: block;
  min-height: 30px;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-primary);
  text-align: center;
  padding-left: 42px;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .un_homeFerryInfo_heading .ttl {
    text-align: left;
    min-height: 32px;
    font-size: 1.375rem;
    line-height: 1.1818181818;
  }
}
.un_homeFerryInfo_heading .ttl::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: url("/common/img/icons/icon-anchor.svg") center no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .un_homeFerryInfo_heading .ttl::before {
    width: 32px;
    height: 32px;
  }
}
.un_homeFerryInfo_heading02 {
  position: relative;
  display: flex;
  min-height: 24px;
  padding-left: 23px;
  margin-bottom: 20px;
}
.un_homeFerryInfo_heading02 .icon {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 17px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.un_homeFerryInfo_heading02 .icon img {
  display: block;
  width: 100%;
}
.un_homeFerryInfo_heading02 .ttl {
  position: relative;
  display: block;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.un_homeFerryInfo_heading03 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 38px;
  padding: 0 0 8px 39px;
  margin-bottom: 15px;
}
.un_homeFerryInfo_heading03::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  border-radius: 1px;
  background-color: var(--color-primary);
}
.un_homeFerryInfo_heading03 .icon {
  position: absolute;
  display: block;
  content: "";
  top: 3px;
  left: 0;
  width: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.un_homeFerryInfo_heading03 .icon img {
  display: block;
  width: 100%;
}
.un_homeFerryInfo_heading03 .ttl {
  position: relative;
  display: block;
  min-height: 24px;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  font-size: 1.375rem;
  line-height: 1.5454545455;
  letter-spacing: 0.05em;
}
.un_homeFerryInfo_headingWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 38px;
  padding-bottom: 8px;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .un_homeFerryInfo_headingWrap {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.un_homeFerryInfo_headingWrap .un_homeFerryInfo_heading03 {
  min-height: auto;
  padding-bottom: 0;
  margin-bottom: 0;
}
.un_homeFerryInfo_headingWrap .un_homeFerryInfo_heading03::after {
  content: none;
}
.un_homeFerryInfo_headingWrap::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  border-radius: 1px;
  background-color: var(--color-primary);
}
.un_homeFerryInfo_note {
  text-align: right;
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .un_homeFerryInfo_note {
    margin-top: 0;
  }
}
.un_homeFerryInfo_schedule {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
  margin-bottom: 40px;
}
@media screen and (min-width: 1280px) {
  .un_homeFerryInfo_schedule {
    flex-direction: row;
    gap: 0 40px;
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 1280px) {
  .un_homeFerryInfo_route {
    width: calc((100% - 40px) / 2);
  }
}
.un_homeFerryInfo_route__02 .bl_routeSchedule_num {
  background-color: #47c86d;
}
.un_homeFerryInfo_route__02 .bl_routeSchedule_content:has(.bl_routeSchedule_heading:hover) {
  border-color: #47c86d;
}
.un_homeFerryInfo_route__02 .bl_routeSchedule_heading::after {
  background-image: url("/common/img/icons/icon-acc-arrow-green.svg");
}
.un_homeFerryInfo_route__02 .bl_routeSchedule_heading .label {
  background-color: #baedc9;
}
.un_homeFerryInfo_route__02 .bl_routeSchedule_stops::before {
  background-color: #155d25;
}
.un_homeFerryInfo_route__02 .bl_routeSchedule_time .point {
  border-color: #155d25;
}
.un_homeFerryInfo_section + .un_homeFerryInfo_section {
  margin-top: 50px;
}
@media screen and (min-width: 1280px) {
  .un_homeFerryInfo_section + .un_homeFerryInfo_section {
    margin-top: 40px;
  }
}
.un_homeFerryInfo_sideLinks {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_sideLinks {
    gap: 12px 0;
  }
}
.un_homeFerryInfo_sideLinks > li a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family-poppins);
  text-align: center;
  border-radius: 10px;
  border: 1px solid var(--color-accent);
  transition: color 0.3s ease-out, border-color 0.3s ease-out, background-color 0.3s ease-out;
}
.un_homeFerryInfo_sideLinks > li a.reservation {
  gap: 0 16px;
  min-height: 99px;
  font-weight: 700;
  color: var(--color-on-accent);
  background-color: var(--color-accent);
  padding: 8px;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_sideLinks > li a.reservation {
    flex-direction: column;
    gap: 15px 0;
    min-height: 136px;
  }
}
.un_homeFerryInfo_sideLinks > li a.reservation .icon {
  width: 53px;
}
.un_homeFerryInfo_sideLinks > li a.reservation .icon img {
  display: block;
  width: 100%;
}
@media (hover: hover) {
  .un_homeFerryInfo_sideLinks > li a.reservation:hover {
    color: var(--color-on-primary);
    border-color: var(--color-primary);
    background-color: var(--color-primary);
  }
}
.un_homeFerryInfo_sideLinks > li a.en {
  min-height: 50px;
  font-weight: 600;
  color: var(--color-accent);
  background-color: var(--color-background);
  padding: 8px 12px;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
@media (hover: hover) {
  .un_homeFerryInfo_sideLinks > li a.en:hover {
    color: var(--color-on-primary);
    border-color: var(--color-primary);
    background-color: var(--color-primary);
  }
}
.un_homeFerryInfo_sideNav02 {
  border-top: 1px dashed var(--color-accent);
  padding-top: 20px;
  margin-top: 20px;
}
@media screen and (min-width: 992px) {
  .un_homeFerryInfo_sideNav02 {
    padding-top: 30px;
    margin-top: 30px;
  }
}

.un_homeMainNav_content {
  display: flex;
  flex-direction: column;
  gap: 50px 0;
  padding-block: 35px;
}
@media screen and (min-width: 992px) {
  .un_homeMainNav_content {
    flex-direction: row;
    gap: 0 55px;
    padding-block: 45px;
  }
}
@media screen and (min-width: 992px) {
  .un_homeMainNav_scene {
    width: 525px;
  }
}
@media screen and (min-width: 992px) {
  .un_homeMainNav_search {
    width: 500px;
  }
}

.un_homeMainNavUser {
  padding-block: 35px;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavUser {
    padding-block: 45px;
  }
}
.un_homeMainNavUser_heading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.un_homeMainNavUser_heading .ttl {
  position: relative;
  min-height: 34px;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  text-align: center;
  padding-left: 44px;
  font-size: 1.5rem;
  line-height: 1.4166666667;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavUser_heading .ttl {
    font-size: 1.875rem;
    line-height: 1.3333333333;
  }
}
.un_homeMainNavUser_heading .ttl::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: "";
  width: 34px;
  height: 34px;
  background: url("/common/img/icons/icon-list-search.svg");
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .un_homeMainNavUser_heading .ttl::before {
    top: calc(50% + 3px);
  }
}
.un_homeMainNavUser_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
}
@media screen and (min-width: 992px) {
  .un_homeMainNavUser_list {
    gap: 15px 20px;
  }
}
.un_homeMainNavUser_list > li {
  width: calc((100% - 15px) / 2);
  min-height: 100px;
}
@media screen and (min-width: 992px) {
  .un_homeMainNavUser_list > li {
    min-height: 60px;
    width: calc((100% - 60px) / 4);
  }
}
.un_homeMainNavUser_list > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid var(--color-primary);
  padding: 18px 6px 12px;
  transition: background-color 0.3s ease-out;
}
@media screen and (min-width: 992px) {
  .un_homeMainNavUser_list > li > a {
    flex-direction: row;
    gap: 0 8px;
    padding: 15px 15px 15px 24px;
  }
}
.un_homeMainNavUser_list > li > a .icon {
  width: 30px;
  min-width: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 992px) {
  .un_homeMainNavUser_list > li > a .icon {
    width: 24px;
    min-width: 24px;
  }
}
.un_homeMainNavUser_list > li > a .icon img {
  display: block;
  width: 100%;
}
.un_homeMainNavUser_list > li > a .ttl {
  font-weight: 700;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
@media (hover: hover) {
  .un_homeMainNavUser_list > li > a:hover {
    text-decoration: underline;
    background-color: var(--color-background) !important;
  }
}
.un_homeMainNavUser_list > li > a.link01 {
  border-color: #a2eba2;
  background-color: #ebffeb;
}
.un_homeMainNavUser_list > li > a.link02 {
  border-color: #dca898;
  background-color: #ffefea;
}
.un_homeMainNavUser_list > li > a.link03 {
  border-color: #cca6e1;
  background-color: #f9f0fd;
}
.un_homeMainNavUser_list > li > a.link04 {
  border-color: #8496b1;
  background-color: #ebf4ff;
}

.un_homeMainNavScene_heading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.un_homeMainNavScene_heading .ttl {
  position: relative;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  text-align: center;
  min-height: 31px;
  padding-left: 37px;
  font-size: 1.5rem;
  line-height: 1.4166666667;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavScene_heading .ttl {
    font-size: 1.875rem;
    line-height: 1.3333333333;
  }
}
.un_homeMainNavScene_heading .ttl::before {
  position: absolute;
  top: calc(50% + 2px);
  left: 0;
  display: block;
  content: "";
  width: 31px;
  height: 31px;
  background: url("/common/img/icons/icon-leaf.svg");
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .un_homeMainNavScene_heading .ttl::before {
    top: calc(50% + 3px);
  }
}
.un_homeMainNavScene_list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.un_homeMainNavScene_list > li {
  width: calc((100% - 15px) / 2);
  min-height: 140px;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavScene_list > li {
    width: calc((100% - 45px) / 4);
  }
}
@media screen and (min-width: 992px) {
  .un_homeMainNavScene_list > li {
    width: calc((100% - 15px) / 2);
  }
}
@media screen and (min-width: 1280px) {
  .un_homeMainNavScene_list > li {
    width: calc((100% - 45px) / 4);
  }
}
.un_homeMainNavScene_list > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 11px 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  border: 2px solid #e2e2e2;
  padding: 18px 9px 19px;
  transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
}
.un_homeMainNavScene_list > li > a .icon {
  width: 60px;
  min-width: 60px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.un_homeMainNavScene_list > li > a .icon img {
  display: block;
  width: 100%;
}
.un_homeMainNavScene_list > li > a .ttl {
  font-weight: 700;
  text-align: center;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0em;
}
@media (hover: hover) {
  .un_homeMainNavScene_list > li > a:hover {
    text-decoration: underline;
    border-color: #2e57d0;
    background-color: rgba(35, 142, 214, 0.05);
  }
}

.un_homeMainNavSearch {
  border-radius: 20px;
  background-color: var(--color-background-secondary);
  padding: 30px 20px;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavSearch {
    min-width: 440px;
    min-height: 365px;
    padding: 30px;
  }
}
.un_homeMainNavSearch_heading {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  letter-spacing: 0.05em;
}
.un_homeMainNavSearch_links {
  display: flex;
  flex-direction: column;
  gap: 15px 18px;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavSearch_links {
    flex-direction: row;
    margin-top: 37px;
  }
}
@media screen and (min-width: 992px) {
  .un_homeMainNavSearch_links {
    flex-direction: column;
  }
}
@media screen and (min-width: 1280px) {
  .un_homeMainNavSearch_links {
    flex-direction: row;
  }
}
.un_homeMainNavSearch_links > li.bnr {
  width: 100%;
  max-width: 506px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavSearch_links > li.bnr {
    width: 190px;
    min-width: 190px;
  }
}
.un_homeMainNavSearch_links > li.bnr > a {
  display: block;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .un_homeMainNavSearch_links > li.bnr > a:hover {
    will-change: opacity;
    opacity: 0.7;
  }
}
.un_homeMainNavSearch_links > li.bnr img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavSearch_links > li.links {
    flex: 1;
  }
}
.un_homeMainNavSearch_links > li.links .links_list {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavSearch_links > li.links .links_list {
    gap: 20px 0;
  }
}
.un_homeMainNavSearch_links > li.links .links_list > li > a {
  display: flex;
  align-items: center;
  gap: 0 13px;
  width: 100%;
  min-height: 72px;
  border-radius: 20px;
  border: 1px solid var(--color-background);
  background-color: var(--color-background);
  padding: 12px 25px;
  transition: border-color 0.3s ease-out;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavSearch_links > li.links .links_list > li > a {
    gap: 0 15px;
    min-height: 80px;
  }
}
.un_homeMainNavSearch_links > li.links .links_list > li > a .icon {
  width: 52px;
  min-width: 52px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.un_homeMainNavSearch_links > li.links .links_list > li > a .ttl {
  flex: 1;
}
@media (hover: hover) {
  .un_homeMainNavSearch_links > li.links .links_list > li > a:hover {
    text-decoration: underline;
    border-color: var(--color-primary);
  }
}

.un_homeMainNavEmergency {
  padding-block: 35px 81px;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavEmergency {
    padding-block: 45px 130px;
  }
}
.un_homeMainNavEmergency_heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavEmergency_heading {
    gap: 0 35px;
  }
}
.un_homeMainNavEmergency_heading .ttl {
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.4166666667;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavEmergency_heading .ttl {
    font-size: 1.875rem;
    line-height: 1.3333333333;
  }
}
.un_homeMainNavEmergency_heading::before, .un_homeMainNavEmergency_heading::after {
  flex: 1;
  display: block;
  content: "";
  height: 4px;
  background-color: var(--color-background-secondary);
}
.un_homeMainNavEmergency_heading::before {
  border-radius: 4px 0 0 4px;
}
.un_homeMainNavEmergency_heading::after {
  border-radius: 0 4px 4px 0;
}
.un_homeMainNavEmergency_list {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavEmergency_list {
    flex-direction: row;
    gap: 12px 15px;
  }
}
.un_homeMainNavEmergency_list > li {
  width: 100%;
  min-height: 60px;
}
@media screen and (min-width: 768px) {
  .un_homeMainNavEmergency_list > li {
    width: calc((100% - 30px) / 3);
  }
}
.un_homeMainNavEmergency_list > li > a {
  display: flex;
  align-items: center;
  gap: 0 12px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid var(--color-primary);
  padding: 9px 24px;
}
.un_homeMainNavEmergency_list > li > a .icon {
  width: 40px;
  min-width: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.un_homeMainNavEmergency_list > li > a .icon img {
  display: block;
  width: 100%;
}
.un_homeMainNavEmergency_list > li > a .ttl {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
@media (hover: hover) {
  .un_homeMainNavEmergency_list > li > a:hover {
    text-decoration: underline;
  }
}
.un_homeMainNavEmergency_list > li > a.link01 {
  border-color: #8a0000;
}
.un_homeMainNavEmergency_list > li > a.link02 {
  border-color: #008468;
}
.un_homeMainNavEmergency_list > li > a.link03 {
  border-color: var(--color-accent);
}

.un_homeTopics {
  border-radius: 20px;
  background-color: #dcf0ff;
  padding: 30px 20px;
}
@media screen and (min-width: 768px) {
  .un_homeTopics {
    padding: 30px;
  }
}
.un_homeTopics_heading {
  position: relative;
  display: flex;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  text-align: center;
  padding-inline: 20px;
  margin: 0 auto 20px;
  font-size: 1.625rem;
  line-height: 1.0769230769;
  letter-spacing: 0.05em;
}
.un_homeTopics_heading::before, .un_homeTopics_heading::after {
  position: absolute;
  bottom: 1px;
  display: block;
  content: "";
  width: 3px;
  height: 18px;
  border-radius: 3px;
  background-color: currentColor;
}
.un_homeTopics_heading::before {
  left: 0;
  transform: rotate(-36deg);
}
.un_homeTopics_heading::after {
  right: 0;
  transform: rotate(36deg);
}

.un_homeTopicsSlider .splide__arrow {
  width: 34px;
  height: 34px;
  top: calc(50% - 55px);
  background: var(--color-background) url("/common/img/controller/controller-arrow.svg") no-repeat;
  background-position: left 14px center;
  background-size: 10px 14px;
  opacity: 1 !important;
  transition: background 0.3s ease-out;
}
@media (hover: hover) {
  .un_homeTopicsSlider .splide__arrow:hover {
    background-color: var(--color-primary);
    background-image: url("/common/img/controller/controller-arrow-white.svg");
  }
}
.un_homeTopicsSlider .splide__arrow--prev {
  left: -17px;
  transform: translateY(-50%) scaleX(-1);
}
.un_homeTopicsSlider .splide__arrow--next {
  right: -17px;
}
.un_homeTopicsSlider .splide__controller {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 32px;
  border-radius: 20px;
  background-color: var(--color-background);
  margin-top: 20px;
  margin-inline: auto;
}
.un_homeTopicsSlider .splide__controller__custom {
  display: flex;
  align-items: center;
  gap: 0 22px;
}
.un_homeTopicsSlider .splide__controller__custom .splide__pagination {
  position: static;
  display: flex;
  gap: 0 10px;
  width: auto;
  padding: 0;
}
.un_homeTopicsSlider .splide__controller__custom .splide__pagination > li {
  display: flex;
}
.un_homeTopicsSlider .splide__controller__custom .splide__pagination__page {
  width: 12px;
  height: 12px;
  background-color: #9bc1da;
  margin: 0;
  opacity: 1;
}
.un_homeTopicsSlider .splide__controller__custom .splide__pagination__page.is-active {
  width: 18px;
  height: 18px;
  border: 1px solid var(--color-primary);
  background-color: #ecf7ff;
  transform: none;
}
.un_homeTopicsSlider .splide__controller__custom .splide__toggle__wrap {
  position: absolute;
  right: 22px;
  bottom: 4px;
}
.un_homeTopicsSlider .splide__controller__custom .splide__toggle {
  position: relative;
  display: block;
  height: 24px;
  font-weight: 700;
  color: var(--color-primary);
  padding-left: 20px;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
.un_homeTopicsSlider .splide__controller__custom .splide__toggle::before {
  position: absolute;
  top: calc(50% - 7px);
  left: 0;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/common/img/controller/controller-play.svg") center no-repeat;
  background-size: 100% 100%;
}
.un_homeTopicsSlider .splide__controller__custom .splide__toggle.is-active::before {
  background-image: url("/common/img/controller/controller-stop.svg");
}
.un_homeTopicsSlider_item {
  display: block;
}
@media (hover: hover) {
  .un_homeTopicsSlider_item:hover .un_homeTopicsSlider_imgWrap::before {
    will-change: opacity;
    opacity: 1;
  }
  .un_homeTopicsSlider_item:hover .un_homeTopicsSlider_body {
    text-decoration: underline;
  }
}
.un_homeTopicsSlider_imgWrap {
  position: relative;
  border-radius: 20px;
  aspect-ratio: 340/200;
  overflow: hidden;
}
.un_homeTopicsSlider_imgWrap::before {
  position: absolute;
  inset: 0;
  display: block;
  content: "";
  background-color: rgba(13, 68, 131, 0.3);
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.un_homeTopicsSlider_imgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.un_homeTopicsSlider_body {
  margin-top: 15px;
}
.un_homeTopicsSlider_txt {
  min-height: 3.25em;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}

.un_homePublic {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  border: 4px solid #6be3ef;
  background-color: var(--color-background);
  padding: 20px 23px 21px 16px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .un_homePublic {
    padding: 20px 36px 21px 42px;
  }
}
.un_homePublic_heading {
  width: 160px;
  margin: 0 auto 20px;
  transform: translateX(-3px);
}
.un_homePublic_heading img {
  display: block;
  width: 100%;
}
.un_homePublic_media {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .un_homePublic_media {
    gap: 25px;
  }
}
.un_homePublic_mediaImgWrap {
  width: 113px;
}
.un_homePublic_mediaImgWrap img {
  display: block;
  width: 100%;
}
.un_homePublic_mediaBody {
  flex: 1;
}

.un_homeGovInfo {
  position: relative;
  z-index: 1;
  overflow: clip;
  color: var(--color-on-accent);
  padding-block: 143px 67px;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo {
    padding-block: 76px 107px;
  }
}
.un_homeGovInfo_map {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 292px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_map {
    top: 50px;
    right: 0;
    width: 379px;
  }
}
.un_homeGovInfo_map img {
  display: block;
  width: 100%;
}
.un_homeGovInfo_head {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
  margin-bottom: 23px;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_head {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1280px) {
  .un_homeGovInfo_head {
    flex-direction: row;
    align-items: center;
    gap: 0 34px;
  }
}
.un_homeGovInfo_heading {
  display: flex;
  flex-direction: column;
  gap: 7px 0;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_heading {
    gap: 9px 0;
  }
}
.un_homeGovInfo_heading .lead {
  font-size: 1.125rem;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_heading .lead {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
.un_homeGovInfo_heading .num {
  font-size: 1.4375rem;
  line-height: 1.7391304348;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_heading .num {
    font-size: 1.5625rem;
    line-height: 1.6;
  }
}
.un_homeGovInfo_heading .ttl {
  font-size: 2.5rem;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_heading .ttl {
    font-size: 3.125rem;
    line-height: 1;
  }
}
.un_homeGovInfo_description {
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.un_homeGovInfo_links {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_links {
    flex-direction: row;
    gap: 0 27px;
    align-items: flex-start;
  }
}
.un_homeGovInfo_sonchou {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_sonchou {
    width: 220px;
    max-width: 345px;
  }
}
.un_homeGovInfo_sonchouLink {
  display: flex;
  flex-direction: column;
  color: var(--color-text);
  border-radius: 10px;
  background-color: var(--color-background);
  padding: 15px 20px 5px;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_sonchouLink {
    padding: 10px 10px 12px;
  }
}
@media (hover: hover) {
  .un_homeGovInfo_sonchouLink:hover {
    text-decoration: underline;
  }
}
.un_homeGovInfo_sonchouImgWrap {
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_sonchouImgWrap {
    margin-bottom: 9px;
  }
}
.un_homeGovInfo_sonchouImgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  aspect-ratio: 305/134;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_sonchouImgWrap img {
    aspect-ratio: 200/134;
  }
}
.un_homeGovInfo_sonchouBody {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 5px;
  padding-right: 15px;
}
.un_homeGovInfo_sonchouBody .icon {
  width: 47px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.un_homeGovInfo_sonchouBody .icon img {
  display: block;
  width: 100%;
}
.un_homeGovInfo_sonchouBody .ttl {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}
.un_homeGovInfo_list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_list {
    flex: 1;
  }
}
@media screen and (min-width: 992px) {
  .un_homeGovInfo_list {
    gap: 15px 15px;
  }
}
@media screen and (min-width: 1280px) {
  .un_homeGovInfo_list {
    gap: 20px 26px;
  }
}
.un_homeGovInfo_list > li {
  width: calc((100% - 15px) / 2);
}
@media screen and (min-width: 992px) {
  .un_homeGovInfo_list > li {
    width: calc((100% - 52px) / 3);
  }
}
.un_homeGovInfo_list > li > a {
  display: flex;
  align-items: center;
  gap: 0 15px;
  min-height: 74px;
  font-weight: 700;
  color: var(--color-text);
  border-radius: 10px;
  background-color: var(--color-background);
  padding: 12px;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_list > li > a {
    min-height: 96px;
    line-height: 1.625;
  }
}
.un_homeGovInfo_list > li > a .icon {
  position: relative;
  display: grid;
  place-content: center;
  width: 50px;
  min-width: 50px;
  border-radius: 10px;
  border: 1px solid #8bc9f3;
  background-color: #daf0ff;
  aspect-ratio: 1/1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_list > li > a .icon {
    width: 70px;
    min-width: 70px;
  }
}
.un_homeGovInfo_list > li > a .icon img {
  position: absolute;
  inset: -1px;
  display: block;
}
@media (hover: hover) {
  .un_homeGovInfo_list > li > a:hover {
    text-decoration: underline;
  }
}
.un_homeGovInfo_bottom {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 50px 0;
  margin-top: 50px;
  padding-top: 50px;
}
@media screen and (min-width: 992px) {
  .un_homeGovInfo_bottom {
    flex-direction: row;
    gap: 0 40px;
    padding-top: 34px;
  }
}
.un_homeGovInfo_bottom::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  height: 1px;
  background-image: repeating-linear-gradient(to right, var(--color-on-accent) 0 10px, transparent 10px 18px);
  background-size: 18px 1px;
  border-radius: 1px;
}
.un_homeGovInfo_heading02 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.un_homeGovInfo_heading02__population {
  display: flex;
  flex-direction: column;
  margin-bottom: 7px;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_heading02__population {
    margin-bottom: 4px;
  }
}
.un_homeGovInfo_heading02__population .note {
  font-weight: 400;
  text-align: right;
  margin-top: -6px;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_heading02__population .note {
    margin-top: -16px;
    font-size: 0.9375rem;
    line-height: 1.7333333333;
  }
}
.un_homeGovInfo_heading02__social {
  margin-bottom: 11px;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_heading02__social {
    margin-bottom: 14px;
  }
}
@media screen and (min-width: 992px) {
  .un_homeGovInfo_population {
    flex: 1;
  }
}
.un_homeGovInfo_populationBox {
  display: flex;
  flex-direction: column;
  min-height: 87px;
  border-radius: 10px;
  background-color: rgba(0, 34, 73, 0.8);
  padding: 27px 19px 20px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 576px) {
  .un_homeGovInfo_populationBox {
    padding: 27px 24px 20px;
  }
}
@media screen and (min-width: 1280px) {
  .un_homeGovInfo_populationBox {
    flex-direction: row;
    min-height: 75px;
    padding: 12px 29px;
  }
}
.un_homeGovInfo_populationBox .population {
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 1280px) {
  .un_homeGovInfo_populationBox .population {
    padding-bottom: 8px;
  }
}
.un_homeGovInfo_populationBox .population_detail {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 7px 44px;
  min-height: 35px;
  padding-left: 36px;
}
@media screen and (min-width: 576px) {
  .un_homeGovInfo_populationBox .population_detail {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_populationBox .population_detail {
    padding-left: 45px;
  }
}
.un_homeGovInfo_populationBox .population_detail::before {
  position: absolute;
  top: 10px;
  left: 6px;
  display: block;
  content: "";
  width: 20px;
  height: 18px;
  background: url("/common/img/icons/government-info/icon-population.svg") center no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_populationBox .population_detail::before {
    top: -3px;
    width: 29px;
    height: 25px;
  }
}
@media screen and (min-width: 1280px) {
  .un_homeGovInfo_populationBox .population_detail::before {
    top: 5px;
    left: 0;
  }
}
.un_homeGovInfo_populationBox .population_detail .total,
.un_homeGovInfo_populationBox .population_detail .gender_male,
.un_homeGovInfo_populationBox .population_detail .gender_female {
  display: flex;
  align-items: flex-end;
}
.un_homeGovInfo_populationBox .population_detail .total .label,
.un_homeGovInfo_populationBox .population_detail .gender_male .label,
.un_homeGovInfo_populationBox .population_detail .gender_female .label {
  font-weight: 700;
}
.un_homeGovInfo_populationBox .population_detail .total .num,
.un_homeGovInfo_populationBox .population_detail .gender_male .num,
.un_homeGovInfo_populationBox .population_detail .gender_female .num {
  font-family: var(--font-family-poppins);
  letter-spacing: 0em;
}
.un_homeGovInfo_populationBox .population_detail .total {
  position: relative;
  gap: 0 10px;
}
.un_homeGovInfo_populationBox .population_detail .total .label {
  padding-bottom: 1px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
.un_homeGovInfo_populationBox .population_detail .total .num {
  font-weight: 700;
  margin-right: 4px;
  font-size: 1.625rem;
  line-height: 1;
}
@media screen and (min-width: 1280px) {
  .un_homeGovInfo_populationBox .population_detail .total::after {
    position: absolute;
    top: calc(50% - 11px);
    left: calc(100% + 21px);
    display: block;
    content: "";
    width: 1px;
    height: 28px;
    background-color: var(--color-background);
    transform: rotate(42deg);
  }
}
.un_homeGovInfo_populationBox .population_detail .gender {
  display: flex;
  gap: 0 22px;
  font-size: 0.875rem;
  line-height: 1.8571428571;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_populationBox .population_detail .gender {
    font-size: 1rem;
    line-height: 1.625;
  }
}
.un_homeGovInfo_populationBox .population_detail .gender_male,
.un_homeGovInfo_populationBox .population_detail .gender_female {
  gap: 0 8px;
}
.un_homeGovInfo_populationBox .population_detail .gender_male .num,
.un_homeGovInfo_populationBox .population_detail .gender_female .num {
  margin-right: 3px;
  font-size: 1.4375rem;
  line-height: 1.3043478261;
}
.un_homeGovInfo_populationBox .household {
  position: relative;
  display: flex;
  align-items: flex-end;
  border-top: 1px dashed var(--color-background);
  padding: 24px 0 0;
  margin: 15px 0 0;
}
@media screen and (min-width: 1280px) {
  .un_homeGovInfo_populationBox .household {
    border-top: none;
    border-left: 1px dashed var(--color-background);
    padding: 4px 0 5px 25px;
    margin: 0 0 0 25px;
  }
}
.un_homeGovInfo_populationBox .household_detail {
  position: relative;
  display: flex;
  min-height: 35px;
  padding-left: 36px;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_populationBox .household_detail {
    padding-left: 45px;
  }
}
.un_homeGovInfo_populationBox .household_detail::before {
  position: absolute;
  top: 6px;
  left: 6px;
  display: block;
  content: "";
  width: 20px;
  height: 18px;
  background: url("/common/img/icons/government-info/icon-household.svg") center no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .un_homeGovInfo_populationBox .household_detail::before {
    top: -3px;
    width: 29px;
    height: 25px;
  }
}
@media screen and (min-width: 1280px) {
  .un_homeGovInfo_populationBox .household_detail::before {
    top: -1px;
    left: 0;
  }
}
.un_homeGovInfo_populationBox .household_count {
  gap: 0 10px;
}
.un_homeGovInfo_populationBox .household_count .num {
  font-family: var(--font-family-poppins);
  vertical-align: -1px;
  margin-right: 4px;
  font-size: 1.625rem;
  line-height: 1;
  letter-spacing: 0em;
}
.un_homeGovInfo_socialBox {
  min-height: 87px;
  border-radius: 10px;
  background-color: var(--color-background);
  padding: 22px 25px;
}
@media screen and (min-width: 992px) {
  .un_homeGovInfo_socialBox {
    width: 220px;
    min-height: 75px;
    padding: 16px 25px;
  }
}

.un_homeRelatedSites {
  padding-block: 62px 89px;
}
@media screen and (min-width: 768px) {
  .un_homeRelatedSites {
    padding-block: 82px 84px;
  }
}
.un_homeRelatedSites_heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 6px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .un_homeRelatedSites_heading {
    margin-bottom: 40px;
  }
}
.un_homeRelatedSites_heading .ttl {
  position: relative;
  display: block;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  text-align: center;
  min-height: 30px;
  padding-inline: 69px;
  font-size: 1.5rem;
  line-height: 1.4166666667;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .un_homeRelatedSites_heading .ttl {
    min-height: 45px;
    padding-inline: 100px;
    font-size: 1.875rem;
    line-height: 1.3333333333;
  }
}
.un_homeRelatedSites_heading .ttl::before, .un_homeRelatedSites_heading .ttl::after {
  position: absolute;
  top: calc(50% - 15px);
  display: block;
  content: "";
  width: 55px;
  height: 30px;
  background: url("/common/img/icons/icon-wavy.svg") center no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .un_homeRelatedSites_heading .ttl::before, .un_homeRelatedSites_heading .ttl::after {
    top: calc(50% - 23px);
    width: 84px;
    height: 45px;
  }
}
.un_homeRelatedSites_heading .ttl::before {
  left: 0;
}
.un_homeRelatedSites_heading .ttl::after {
  right: 0;
  transform: scaleX(-1);
}

.un_homeRelatedSitesSlider {
  margin-inline: -15px;
}
.un_homeRelatedSitesSlider .splide__slide {
  padding: 0 2px 4px;
}
.un_homeRelatedSitesSlider .splide__slide > a {
  display: block;
  border-radius: 10px;
  border: 1px solid #e9ebed;
  background: var(--color-background);
  padding: 3px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .un_homeRelatedSitesSlider .splide__slide > a:hover {
    will-change: opacity;
    opacity: 0.7;
  }
}
.un_homeRelatedSitesSlider .splide__slide img {
  display: block;
  width: 100%;
  border-radius: 8px;
}
.un_homeRelatedSitesSlider .splide__controller {
  display: flex;
  justify-content: center;
  width: calc(100% - 54px);
  height: 32px;
  border-radius: 20px;
  background-color: var(--color-background);
  margin-top: 5px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .un_homeRelatedSitesSlider .splide__controller {
    position: relative;
    justify-content: flex-start;
    width: 100%;
    padding-inline: 10px;
    margin-top: 14px;
  }
}
.un_homeRelatedSitesSlider .splide__controller__custom {
  display: flex;
  align-items: center;
  gap: 0 22px;
}
.un_homeRelatedSitesSlider .splide__controller__custom .splide__arrows__wrap {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .un_homeRelatedSitesSlider .splide__controller__custom .splide__arrows__wrap {
    position: relative;
    padding-inline: 38px;
  }
}
.un_homeRelatedSitesSlider .splide__controller__custom .splide__arrow {
  top: calc(50% - 40px);
  width: 36px;
  height: 36px;
  border: 2px solid #a0d7fc;
  background: #ecf7ff url("/common/img/controller/controller-arrow.svg") no-repeat;
  background-position: left 12px center;
  background-size: 10px 14px;
  margin: 0;
  transform: none;
  opacity: 1 !important;
  transition: border-color 0.3s ease-out, background 0.3s ease-out;
}
@media screen and (min-width: 768px) {
  .un_homeRelatedSitesSlider .splide__controller__custom .splide__arrow {
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-position: left 7px center;
    background-size: 7px 10px;
  }
}
@media (hover: hover) {
  .un_homeRelatedSitesSlider .splide__controller__custom .splide__arrow:hover {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    background-image: url("/common/img/controller/controller-arrow-white.svg");
  }
}
.un_homeRelatedSitesSlider .splide__controller__custom .splide__arrow--prev {
  left: 15px;
  transform: scaleX(-1);
}
@media screen and (min-width: 768px) {
  .un_homeRelatedSitesSlider .splide__controller__custom .splide__arrow--prev {
    left: 0;
  }
}
.un_homeRelatedSitesSlider .splide__controller__custom .splide__arrow--next {
  right: 15px;
}
@media screen and (min-width: 768px) {
  .un_homeRelatedSitesSlider .splide__controller__custom .splide__arrow--next {
    right: 0;
  }
}
.un_homeRelatedSitesSlider .splide__controller__custom .splide__pagination {
  position: static;
  display: flex;
  gap: 0 10px;
  width: auto;
  padding: 0;
}
.un_homeRelatedSitesSlider .splide__controller__custom .splide__pagination > li {
  display: flex;
}
.un_homeRelatedSitesSlider .splide__controller__custom .splide__pagination__page {
  width: 8px;
  height: 8px;
  background-color: #9bc1da;
  margin: 0;
  opacity: 1;
}
.un_homeRelatedSitesSlider .splide__controller__custom .splide__pagination__page.is-active {
  width: 18px;
  height: 18px;
  border: 1px solid var(--color-primary);
  background-color: #ecf7ff;
  transform: none;
}
.un_homeRelatedSitesSlider .splide__controller__custom .splide__toggle__wrap {
  position: absolute;
  right: 27px;
  bottom: 4px;
}
@media screen and (min-width: 768px) {
  .un_homeRelatedSitesSlider .splide__controller__custom .splide__toggle__wrap {
    position: static;
  }
}
.un_homeRelatedSitesSlider .splide__controller__custom .splide__toggle {
  display: block;
  height: 24px;
  font-weight: 700;
  color: var(--color-primary);
  padding-left: 20px;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .un_homeRelatedSitesSlider .splide__controller__custom .splide__toggle {
    position: relative;
  }
}
.un_homeRelatedSitesSlider .splide__controller__custom .splide__toggle::before {
  position: absolute;
  top: calc(50% - 7px);
  left: 0;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/common/img/controller/controller-play.svg") center no-repeat;
  background-size: 100% 100%;
}
.un_homeRelatedSitesSlider .splide__controller__custom .splide__toggle.is-active::before {
  background-image: url("/common/img/controller/controller-stop.svg");
}

.un_furusatoTaxMv {
  position: relative;
  min-height: 449px;
  padding-block: 133px 66px;
  background-color: #d5f5fa;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 50.5567929%, #b1eeff 100%);
}
@media screen and (min-width: 768px) {
  .un_furusatoTaxMv {
    min-height: 480px;
    background-color: #d7faff;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 53.75%, #b1eeff 100%);
    padding-block: 154px 46px;
  }
}
.un_furusatoTaxMv_bgContainer {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.un_furusatoTaxMv_bgWrap, .un_furusatoTaxMv_bgWrap02 {
  position: absolute;
  bottom: -8px;
  left: calc(50% - 241px);
  width: 466px;
  height: 285px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  .un_furusatoTaxMv_bgWrap, .un_furusatoTaxMv_bgWrap02 {
    bottom: -13px;
    left: calc(50% - 693px);
    width: 1362px;
    height: 458px;
  }
}
.un_furusatoTaxMv_bgWrap img, .un_furusatoTaxMv_bgWrap02 img {
  display: block;
  width: 100%;
  height: 100%;
}
.un_furusatoTaxMv_bgWrap {
  mix-blend-mode: overlay;
}
.un_furusatoTaxMv_bgWrap02 {
  mix-blend-mode: color-dodge;
}
.un_furusatoTaxMv_center {
  position: relative;
}
.un_furusatoTaxMv_content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 226px;
}
@media screen and (min-width: 768px) {
  .un_furusatoTaxMv_content {
    min-height: 256px;
  }
}
.un_furusatoTaxMv_catch, .un_furusatoTaxMv_lead {
  position: relative;
  z-index: 5;
}
.un_furusatoTaxMv_catch {
  width: 302px;
  margin-block: 60px 37px;
}
@media screen and (min-width: 768px) {
  .un_furusatoTaxMv_catch {
    width: 484px;
    margin-block: 37px 38px;
  }
}
.un_furusatoTaxMv_catch img {
  display: block;
  width: 100%;
}
.un_furusatoTaxMv_lead {
  display: flex;
  flex-direction: column;
  gap: 1px 0;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5625;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px) {
  .un_furusatoTaxMv_lead {
    gap: 6px 0;
    font-size: 1.25rem;
    line-height: 1.25;
  }
}
.un_furusatoTaxMv_illustration, .un_furusatoTaxMv_illustration02 {
  position: absolute;
  z-index: 3;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.un_furusatoTaxMv_illustration img, .un_furusatoTaxMv_illustration02 img {
  display: block;
  width: 100%;
}
.un_furusatoTaxMv_illustration {
  bottom: -69px;
  left: -37px;
  width: 110px;
  width: clamp(110px, 16.016129vw, 158px);
}
@media screen and (min-width: 992px) {
  .un_furusatoTaxMv_illustration {
    bottom: -52px;
    left: 74px;
    width: 205px;
    width: min(16.015625vw, 205px);
  }
}
.un_furusatoTaxMv_illustration02 {
  right: -107px;
  bottom: -69px;
  width: clamp(183px, 28.3578629vw, 281px);
}
@media screen and (min-width: 992px) {
  .un_furusatoTaxMv_illustration02 {
    right: -87px;
    bottom: -54px;
    width: min(28.359375vw, 363px);
  }
}

.un_furusatoTaxContent {
  padding-top: 0 !important;
}

.un_furusatoTaxIntro {
  position: relative;
  padding-block: 107px 60px;
}
@media screen and (min-width: 768px) {
  .un_furusatoTaxIntro {
    padding-block: 118px 60px;
  }
}
.un_furusatoTaxIntro_heading {
  position: absolute;
  top: -46px;
  left: 50%;
  z-index: 4;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  text-align: center;
  border-radius: 10px;
  background-color: #ffe883;
  padding: 10px 13px;
  margin: 0 auto 85px;
  transform: translateX(-50%);
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .un_furusatoTaxIntro_heading {
    top: -27px;
    padding: 13px 36px 10px;
    font-size: 1.375rem;
    line-height: 1.4545454545;
  }
}
.un_furusatoTaxIntro_heading::before, .un_furusatoTaxIntro_heading::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
  border-radius: 50%;
}
.un_furusatoTaxIntro_heading:before {
  top: calc(100% - 18px);
  left: calc(50% - 21px);
  width: 35px;
  height: 35px;
  background: linear-gradient(180deg, #ffe883 50%, #ffa425 100%);
}
.un_furusatoTaxIntro_heading::after {
  top: calc(100% + 23px);
  left: calc(50% - 15px);
  width: 22px;
  height: 22px;
  background: url("/common/img/icons/icon-circle-heart.svg") center no-repeat;
  background-size: 100% 100%;
}

.un_furusatoTaxZamami_heading {
  margin-top: -141px;
}
@media screen and (min-width: 768px) {
  .un_furusatoTaxZamami_heading {
    margin-top: -117px;
  }
}
.un_furusatoTaxZamami_box {
  position: relative;
  padding-top: 60px;
}
@media screen and (min-width: 768px) {
  .un_furusatoTaxZamami_box {
    padding-top: 65px;
  }
}

.un_assemblyMv {
  position: relative;
  min-height: 529px;
  background-color: #d7faff;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 58.0340265%, #b1eeff 100%);
  padding-block: 133px 11px;
}
@media screen and (min-width: 768px) {
  .un_assemblyMv {
    min-height: 480px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 53.75%, #b1eeff 100%);
    padding-block: 154px 20px;
  }
}
.un_assemblyMv_content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 361px;
  padding: 67px 0 39px;
}
@media screen and (min-width: 992px) {
  .un_assemblyMv_content {
    flex-direction: row;
    gap: 0 43px;
    min-height: 282px;
    padding: 0 11.2962963% 44px 0;
  }
}
@media screen and (min-width: 992px) {
  .un_assemblyMv_body {
    flex: 1;
  }
}
.un_assemblyMv_heading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  color: var(--color-accent);
  text-align: center;
  margin-bottom: 42px;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .un_assemblyMv_heading {
    font-size: 4rem;
  }
}
@media screen and (min-width: 992px) {
  .un_assemblyMv_heading {
    position: static;
    margin-bottom: 0;
  }
}
.un_assemblyMv_heading:after {
  position: absolute;
  top: calc(50% - 63px);
  left: calc(50% - 78px);
  z-index: -1;
  display: block;
  content: "";
  width: 156px;
  height: 126px;
  background: url("/common/img/zamami-mark.svg") center no-repeat;
  background-size: 100% 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 992px) {
  .un_assemblyMv_heading:after {
    width: 248px;
    height: 200px;
    top: auto;
    bottom: -57px;
    left: -31px;
  }
}
@media screen and (min-width: 1280px) {
  .un_assemblyMv_heading:after {
    left: -81px;
  }
}
.un_assemblyMv_imgWrap {
  width: 305px;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(180deg, #b2e9ff 0%, #94e8ff 100%);
  padding: 10px;
  aspect-ratio: 380/220;
}
@media screen and (min-width: 768px) {
  .un_assemblyMv_imgWrap {
    width: 400px;
  }
}
@media screen and (min-width: 992px) {
  .un_assemblyMv_imgWrap {
    width: clamp(305px, 37.037037%, 400px);
  }
}
.un_assemblyMv_imgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.un_assemblyMv_illustration {
  position: absolute;
  right: -5px;
  bottom: 2px;
  width: 79px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  .un_assemblyMv_illustration {
    right: 15px;
    width: 137px;
  }
}
.un_assemblyMv_illustration img {
  display: block;
  width: 100%;
}

.un_assemblyTopics_content {
  display: flex;
  flex-direction: column;
  gap: 60px 0;
}
@media screen and (min-width: 992px) {
  .un_assemblyTopics_content {
    flex-direction: row;
    gap: 0 69px;
  }
}
.un_assemblyTopics_left {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .un_assemblyTopics_left {
    width: 656px;
  }
}
.un_assemblyTopics_right {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .un_assemblyTopics_right {
    width: 355px;
  }
}

.un_assemblyNews_listWrap {
  overflow-y: auto;
  max-height: 478px;
  padding: 6px 18px 6px 6px;
  margin: -6px 0 -6px -6px;
}
@media screen and (min-width: 992px) {
  .un_assemblyNews_listWrap {
    max-height: 411px;
  }
}
.un_assemblyNews_listWrap + .el_btn_wrap {
  margin-top: 30px;
}
@media screen and (min-width: 992px) {
  .un_assemblyNews_listWrap + .el_btn_wrap {
    margin-top: 41px;
  }
}

.un_assemblyPublic {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  border: 1px solid var(--color-accent);
  background-color: var(--color-background);
  padding: 29px 39px 39px;
}
.un_assemblyPublic_heading {
  width: 263px;
  margin: 0 auto 12px;
}
.un_assemblyPublic_heading img {
  display: block;
  width: 100%;
}
.un_assemblyPublic_media {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px 0;
}
@media screen and (min-width: 768px) {
  .un_assemblyPublic_media {
    flex-direction: row;
    gap: 0 25px;
  }
}
@media screen and (min-width: 992px) {
  .un_assemblyPublic_media {
    flex-direction: column;
    gap: 10px 0;
  }
}
.un_assemblyPublic_mediaImgWrap {
  width: 203px;
}
.un_assemblyPublic_mediaImgWrap img {
  display: block;
  width: 100%;
}
.un_assemblyPublic_mediaBody {
  flex: 1;
}
.un_assemblyPublic .el_btn_wrap {
  flex-direction: column !important;
  gap: 10px 0 !important;
  margin-top: 0;
}
.un_assemblyPublic .el_btn {
  justify-content: center;
  min-width: 265px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .un_assemblyPublic .el_btn {
    padding: 17px 51px 17px 31px;
  }
}

.un_sitemap > *:first-child {
  margin-top: 0 !important;
}
.un_sitemap_lv1 {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .un_sitemap_lv1 {
    margin-top: 60px;
  }
}
.un_sitemap_lv1 > a {
  position: relative;
  display: block;
  background-color: var(--color-accent);
  border-radius: 10px;
  color: var(--color-on-accent);
  font-family: var(--font-family-zenmaru);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4166666667;
  padding: 15px 15px 15px 42px;
  transition: background 0.3s ease-out;
}
@media screen and (min-width: 768px) {
  .un_sitemap_lv1 > a {
    font-size: 1.75rem;
    line-height: 1.3571428571;
    padding: 15px 24px 15px 42px;
  }
}
.un_sitemap_lv1 > a::before {
  background: url(/common/img/icons/icon-circle-arrow-white02.svg) 50% no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  height: 20px;
  left: 14px;
  position: absolute;
  top: 24px;
  width: 20px;
  transition: background 0.3s ease-out;
}
@media (hover: hover) {
  .un_sitemap_lv1 > a:hover {
    background-color: var(--color-primary);
  }
  .un_sitemap_lv1 > a:hover::before {
    background-image: url(/common/img/icons/icon-circle-arrow-white.svg);
  }
}
.un_sitemap_lv2 {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
@media screen and (min-width: 768px) {
  .un_sitemap_lv2 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .un_sitemap_lv2 > li {
    width: calc((100% - 20px) / 2);
  }
}
.un_sitemap_lv2 > li > a {
  position: relative;
  display: block;
  background-color: var(--color-background-secondary);
  border-radius: 10px 10px 0 0;
  padding: 10px 15px 10px 40px;
  margin-bottom: 20px;
  border-bottom: 2px solid var(--color-accent);
  color: var(--color-accent);
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.4545454545;
  letter-spacing: 0.1em;
  transition: color 0.3s ease-out;
}
@media screen and (min-width: 768px) {
  .un_sitemap_lv2 > li > a {
    font-size: 1.5rem;
    line-height: 1.4166666667;
    padding: 10px 24px 10px 40px;
  }
}
.un_sitemap_lv2 > li > a::before {
  background: url(/common/img/icons/icon-circle-arrow-white02.svg) 50% no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  height: 20px;
  left: 12px;
  position: absolute;
  top: 18px;
  width: 20px;
  transition: background 0.3s ease-out;
}
@media (hover: hover) {
  .un_sitemap_lv2 > li > a:hover {
    color: var(--color-primary);
  }
  .un_sitemap_lv2 > li > a:hover::before {
    background-image: url(/common/img/icons/icon-circle-arrow-white.svg);
  }
}
.un_sitemap_lv3, .un_sitemap_lv4, .un_sitemap_lv5 {
  margin: 10px 0;
  padding-left: 1em;
}
.un_sitemap_lv3 > li > a, .un_sitemap_lv4 > li > a, .un_sitemap_lv5 > li > a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  color: var(--color-black);
}
.un_sitemap_lv3 > li > a::before, .un_sitemap_lv4 > li > a::before, .un_sitemap_lv5 > li > a::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-accent);
}
@media (hover: hover) {
  .un_sitemap_lv3 > li > a:hover, .un_sitemap_lv4 > li > a:hover, .un_sitemap_lv5 > li > a:hover {
    text-decoration: underline;
  }
}
.un_sitemap_lv3 li + li {
  margin-top: 5px;
}

.un_division_head {
  position: relative;
}
.un_division_head::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 4px);
  height: 4px;
  border-radius: 4px;
  background-color: var(--color-accent);
}
.un_division_heading {
  position: relative;
  padding-bottom: 26px;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.3571428571;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 992px) {
  .un_division_heading {
    font-size: 2.375rem;
    line-height: 1.2631578947;
  }
}
.un_division_heading::before, .un_division_heading::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  width: 50px;
  height: 4px;
}
@media screen and (min-width: 992px) {
  .un_division_heading::before, .un_division_heading::after {
    width: 80px;
  }
}
.un_division_heading::before {
  bottom: 4px;
  border-radius: 4px 4px 0 0;
  background-color: var(--color-primary);
}
.un_division_heading::after {
  bottom: 0;
  border-radius: 0 0 4px 4px;
  background-color: var(--color-accent);
}
.un_division_body {
  display: flex;
  flex-direction: column;
  gap: 80px 0;
}
.un_division_lv2Heading {
  margin-bottom: 30px;
  padding: 10px 15px;
  border-radius: 4px;
  background-color: var(--light-blue);
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.4545454545;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 992px) {
  .un_division_lv2Heading {
    padding: 4px 20px 5px 20px;
    font-size: 1.5rem;
    line-height: 1.4166666667;
  }
}
.un_division_contact {
  margin-top: 80px;
}

.un_newsletter_heading {
  margin-bottom: 20px;
  padding: 20px 23px 21px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color-background);
  border: 4px solid #6be3ef;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  .un_newsletter_heading {
    padding: 15px 23px 16px 16px;
  }
}
.un_newsletter_heading .heading {
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.3571428571;
  letter-spacing: 0.05em;
}
.un_newsletter_heading .heading img {
  display: block;
  width: 140px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .un_newsletter_heading .heading img {
    width: 192px;
  }
}
.un_newsletter_document {
  width: calc(100% - 40px);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .un_newsletter_document {
    width: 100%;
  }
}
.un_newsletter_document .caption {
  margin-top: 15px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
}

.un_newsletterCont {
  margin-top: 50px;
  padding-block: 40px;
  background-color: var(--color-background-secondary);
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .un_newsletterCont {
    padding-block: 50px;
  }
}
.un_newsletterCont_inner {
  width: calc(100% - 50px);
  max-width: 880px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}
@media screen and (min-width: 768px) {
  .un_newsletterCont_inner {
    width: 81.4814815%;
    flex-direction: row;
    gap: 0 10.7954545%;
  }
}
@media screen and (min-width: 768px) {
  .un_newsletterCont_left {
    flex: 1;
    min-width: 0;
  }
}
@media screen and (min-width: 768px) {
  .un_newsletterCont_right {
    width: 50.1136364%;
  }
}

.un_newsletterCont02 {
  margin-top: 50px;
}
.un_newsletterCont02_inner {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
@media screen and (min-width: 768px) {
  .un_newsletterCont02_inner {
    flex-direction: row;
    gap: 0 4.62962963%;
  }
}
@media screen and (min-width: 768px) {
  .un_newsletterCont02_left {
    flex: 1;
    min-width: 0;
  }
}
@media screen and (min-width: 768px) {
  .un_newsletterCont02_right {
    width: 63.4259259%;
  }
}

.un_newsletterBox .el_ul__files > li > a {
  display: block;
  padding: 20px 15px;
  background-color: var(--white);
  border: 2px solid #cdcdcd;
  border-radius: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .un_newsletterBox .el_ul__files > li > a {
    padding: 30px;
  }
}
.un_newsletterBox .el_ul__files > li > a:hover {
  text-decoration: underline;
}

.un_newsletterIndex {
  margin-top: 20px;
  border: 2px solid var(--color-accent);
  border-radius: 10px;
}
.un_newsletterIndex_ttl {
  padding: 8px 20px;
  border-radius: 7px 7px 0 0;
  color: var(--white);
  background-color: var(--color-accent);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .un_newsletterIndex_ttl {
    padding: 8px 30px;
  }
}
.un_newsletterIndex_cont {
  padding: 20px 20px 30px;
}
@media screen and (min-width: 768px) {
  .un_newsletterIndex_cont {
    padding: 30px;
  }
}
.un_newsletterIndex .el_ul__files > li > a:hover {
  text-decoration: underline;
}

.un_newsletterSlider .splide__slide > a {
  display: block;
}
.un_newsletterSlider .splide__slide > a .ttl {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  font-weight: 700;
  font-size: 1.3125rem;
  line-height: 1.4761904762;
  letter-spacing: 0.1em;
}
.un_newsletterSlider .splide__slide > a .ttl .tag {
  display: inline-block;
  min-width: 70px;
  padding: 3px 6px 1px 11px;
  color: var(--white);
  background-color: var(--color-primary);
  border-radius: 10px;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.1em;
}
.un_newsletterSlider .splide__slide > a .document {
  max-width: 344px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .un_newsletterSlider .splide__slide > a .document {
    max-width: 100%;
  }
}
.un_newsletterSlider .splide__slide > a .document img {
  display: block;
  width: 100%;
}
.un_newsletterSlider .splide__controller {
  width: 100%;
  height: 34px;
  margin-top: 20px;
}
.un_newsletterSlider .splide__controller__custom {
  position: relative;
  max-width: 190px;
  height: 100%;
  margin-inline: auto;
}
.un_newsletterSlider .splide__arrow {
  width: 34px;
  height: 34px;
  background: url(/common/img/icons/icon-circle-arrow-white.svg) no-repeat center;
  background-size: 34px 34px;
  opacity: 1;
  transition: background 0.3s ease-out;
}
.un_newsletterSlider .splide__arrow--prev {
  left: 0;
  transform: translateY(-50%) scale(-1, 1);
}
.un_newsletterSlider .splide__arrow--next {
  right: 0;
}
.un_newsletterSlider .splide__arrow:hover:not(:disabled) {
  opacity: 1;
  background-image: url(/common/img/icons/icon-circle-arrow.svg);
}
.un_newsletterSlider .sliderPager {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.1em;
}

.un_bnrArea {
  width: calc(100% - 20px);
  margin-inline: auto;
  padding-block: 30px;
  border-radius: 20px;
  background-color: var(--color-background-secondary);
}
@media screen and (min-width: 768px) {
  .un_bnrArea {
    width: calc(100% - 40px);
    padding-block: 30px;
    border-radius: 20px;
  }
}
.un_bnrArea_centered {
  width: calc(100% - 40px);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .un_bnrArea_centered {
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 768px) {
  .un_bnrArea.is_fixed {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1001;
    width: 100%;
    padding-block: 20px;
    border-radius: 0;
  }
}

#top .un_bnrArea {
  margin-bottom: 100px;
}
@media screen and (min-width: 768px) {
  #top .un_bnrArea.is_fixed {
    margin-bottom: 0;
  }
}

.un_bnrAreaLinks {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .un_bnrAreaLinks {
    justify-content: space-between;
  }
}

.un_bnrAreaLink {
  position: relative;
  display: inline-block;
  padding: 0 28px 4px 0;
  border-bottom: 1px dashed var(--color-accent);
  color: var(--color-accent);
  font-family: var(--font-family-zenmaru);
  font-weight: 700;
  transition: opacity 0.3s ease-out;
  font-size: 1.125rem;
  line-height: 1.1111111111;
  letter-spacing: 0.1em;
}
.un_bnrAreaLink::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url("/common/img/icons/icon-circle-arrow-navy.svg") no-repeat center;
  background-size: 20px 20px;
}
.un_bnrAreaLink:hover {
  opacity: 0.7;
}
.un_bnrAreaLink_wrap {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .un_bnrAreaLink_wrap {
    text-align: left;
  }
}

.un_bnrAreaHiddenLink {
  position: relative;
  display: inline-block;
  padding-left: 26px;
  font-family: var(--font-family-zenmaru);
  transition: opacity 0.3s ease-out;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.1em;
}
.un_bnrAreaHiddenLink::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.313em;
  left: 0;
  width: 18px;
  height: 18px;
  background: url("/image/icons/icon-circle-close-black.svg") no-repeat center;
  background-size: 18px 18px;
}
.un_bnrAreaHiddenLink:hover {
  opacity: 0.7;
}
.un_bnrAreaHiddenLink_wrap {
  display: none;
}
@media screen and (min-width: 768px) {
  .un_bnrAreaHiddenLink_wrap {
    display: block;
    text-align: right;
  }
}

.un_disaster {
  background-color: var(--color-background-secondary);
}
@media screen and (min-width: 992px) {
  .un_disaster_notification {
    flex: 1;
  }
}
.un_disaster_notification .un_notification {
  position: static;
  transform: translateX(0);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .un_disaster_notification .un_notification {
    padding: 0;
  }
}

.un_disasterMain {
  padding-block: 20px 30px;
  background-color: var(--color-background-secondary);
}
.un_disasterMain_bottom {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
@media screen and (min-width: 992px) {
  .un_disasterMain_bottom {
    flex-direction: row;
    align-items: flex-start;
    gap: 0 30px;
  }
}

.un_disasterSecondary {
  padding-block: 40px 100px;
  background-color: var(--color-background);
}
@media screen and (min-width: 992px) {
  .un_disasterSecondary {
    padding-block: 60px 100px;
  }
}

.un_disasterHeader {
  padding-block: 20px;
  background-color: #aa0808;
  color: var(--color-on-primary);
}
.un_disasterHeader_inner {
  width: calc(100% - 30px);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
@media screen and (min-width: 992px) {
  .un_disasterHeader_inner {
    width: calc(100% - 80px);
    flex-direction: row;
    gap: 0 30px;
  }
}
.un_disasterHeader_head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.un_disasterHeader_logo {
  display: flex;
  align-items: center;
  max-width: 154px;
  background-color: var(--color-background);
  padding: 10px;
  border-radius: 8px;
}
.un_disasterHeader_logo a {
  display: block;
}
.un_disasterHeader_logo img {
  display: block;
  width: 100%;
}
.un_disasterHeader_heading {
  margin-bottom: 10px;
  text-align: center;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.4166666667;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 992px) {
  .un_disasterHeader_heading {
    text-align: left;
  }
}
.un_disasterHeader_body {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
@media screen and (min-width: 992px) {
  .un_disasterHeader_body {
    flex: 1;
    flex-direction: row;
    align-items: center;
    gap: 0 30px;
  }
}
@media screen and (min-width: 992px) {
  .un_disasterHeader_content {
    flex: 1;
  }
}
.un_disasterHeader_txt {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 992px) {
  .un_disasterHeader_txt {
    flex: 1;
  }
}
@media screen and (min-width: 992px) {
  .un_disasterHeader_btnWrap {
    min-width: 194px;
  }
}
.un_disasterHeader_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0 6px;
  width: 100%;
  min-height: 58px;
  padding: 4px 12px;
  border-radius: 10px;
  background-color: var(--color-on-primary);
  color: var(--color-text);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
.un_disasterHeader_btn::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background-image: url("/common/img/icons/icon-pc.svg");
  background-size: 100% 100%;
}
@media (hover: hover) {
  .un_disasterHeader_btn:hover {
    text-decoration: underline;
  }
}

.un_disasterInfo {
  margin-bottom: 30px;
  padding-block: 25px 30px;
  border-radius: 10px;
  border: 3px solid #aa0808;
  background-color: var(--color-background);
}
@media screen and (min-width: 992px) {
  .un_disasterInfo {
    padding-block: 30px;
  }
}
.un_disasterInfo_inner {
  width: calc(100% - 30px);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .un_disasterInfo_inner {
    width: calc(100% - 60px);
  }
}
.un_disasterInfo_heading {
  margin-bottom: 15px;
  text-align: center;
  color: #aa0808;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 992px) {
  .un_disasterInfo_heading {
    text-align: left;
  }
}
.un_disasterInfo_content {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}

.un_disasterBnr {
  display: block;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .un_disasterBnr:hover {
    opacity: 0.7;
  }
}
.un_disasterBnr > img {
  display: block;
  width: 100%;
}
.un_disasterBnr_wrap {
  max-width: 320px;
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .un_disasterBnr_wrap {
    width: 29.6296296296%;
    margin: 0;
  }
}

.un_disasterList {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
@media screen and (min-width: 992px) {
  .un_disasterList {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 15px;
  }
}
@media screen and (min-width: 992px) {
  .un_disasterList > li {
    width: calc((100% - 45px) / 4);
  }
}

.un_disasterItem {
  height: 100%;
  background-color: var(--color-background);
  display: flex;
  flex-direction: column;
}
.un_disasterItem_head {
  padding: 15px 20px;
  border-radius: 10px 10px 0 0;
  border: 3px solid var(--color-text);
}
.un_disasterItem_heading {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
.un_disasterItem_body {
  height: 100%;
  padding: 20px;
  border: 3px solid var(--color-text);
  border-top: none;
  border-radius: 0 0 10px 10px;
}
.un_disasterItem_list {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.un_disasterItem_list > li > a {
  position: relative;
  display: block;
  padding-left: 16px;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
.un_disasterItem_list > li > a::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #d9d9d9;
  border-radius: 2px;
}
@media (hover: hover) {
  .un_disasterItem_list > li > a:hover {
    text-decoration: underline;
  }
}
.un_disasterItem__blue .un_disasterItem_head,
.un_disasterItem__blue .un_disasterItem_body {
  border-color: var(--color-accent);
}
.un_disasterItem__blue .un_disasterItem_heading {
  color: var(--color-accent);
}
.un_disasterItem__green .un_disasterItem_head,
.un_disasterItem__green .un_disasterItem_body {
  border-color: #05854a;
}
.un_disasterItem__green .un_disasterItem_heading {
  color: #002916;
}
.un_disasterItem__yellow .un_disasterItem_head,
.un_disasterItem__yellow .un_disasterItem_body {
  border-color: #e1a777;
}
.un_disasterItem__yellow .un_disasterItem_heading {
  color: #4a2200;
}
.un_disasterItem__red .un_disasterItem_head,
.un_disasterItem__red .un_disasterItem_body {
  border-color: #ba3c3c;
}
.un_disasterItem__red .un_disasterItem_heading {
  color: #5a0000;
}

.un_disasterApp {
  max-width: 320px;
  margin-inline: auto;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  border: 4px solid #ffdd17;
  border-radius: 30px;
  background-color: var(--color-background);
}
.un_disasterApp_app {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 20px;
}
.un_disasterApp_app .icon {
  display: block;
  width: 100%;
  max-width: 90px;
}
.un_disasterApp_app .icon img {
  display: block;
  width: 100%;
}
.un_disasterApp_app .ttl {
  text-align: center;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 1;
  letter-spacing: 0.15em;
}
.un_disasterApp_app .ttl .sm {
  display: block;
  margin-top: 8px;
  font-size: 1.0625rem;
  line-height: 1.5294117647;
  letter-spacing: 0.04em;
}
.un_disasterApp_txt {
  margin-top: 10px;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}
.un_disasterApp_bnrs {
  display: flex;
  align-items: center;
  gap: 0 13px;
}
.un_disasterApp_bnrs .bnr {
  display: block;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .un_disasterApp_bnrs .bnr:hover {
    opacity: 0.7;
  }
}
.un_disasterApp_bnrs .bnr img {
  display: block;
  width: 100%;
}
.un_disasterApp_bnrs .bnr__apple {
  width: 42.5454545%;
}
.un_disasterApp_bnrs .bnr__google {
  flex: 1;
}/*# sourceMappingURL=app.css.map */