@charset "UTF-8";


.is-active {
    background-color: #f3f5f1 !important;
}


.c-accordionList__item.is-active .js-accordion-trigger {
    color: #00bb9e; /* サイトで使われている緑色に変更 */
    font-weight: bold; /* 太字にする */
    transition: color 0.3s ease, font-weight 0.3s ease; /* 変化をスムーズに */
    }

    .c-link {
    color: #007bff;
    font-weight: bold;
    text-decoration: none;
    text-underline-offset: 5px;
}

.c-link:hover {
    text-decoration: underline;
}
/* “リンク＋後ろの語尾”を一塊にしたい時だけ使う */
.c-markList li .u-nowrap,
.c-markList--flat li .u-nowrap {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  word-break: keep-all;
}

/* ただしリンク本文は改行OK（長い文や英数を折り返す）*/
.c-markList li .u-nowrap .c-link,
.c-markList--flat li .u-nowrap .c-link {
  white-space: normal !important;
  overflow-wrap: anywhere;   /* 可能ならこちら */
  word-break: break-word;    /* フォールバック */
}

/* 端末が狭い時は .u-nowrap を緩めたい場合に使う */
@media (max-width: 480px) {
  .u-nowrap.u-wrap-sm { white-space: normal; }
}

/* 通常は今まで通り */
.u-nowrap{ white-space:nowrap; display:inline-flex; align-items:baseline; word-break:keep-all; }

/* スマホでは折り返しを許可するユーティリティ */
@media (max-width: 480px){
  .u-nowrap.u-wrap-sm{
    white-space: normal !important;   /* 親のnowrapを打ち消す */
    display: inline !important;       /* inline-flexを解除して通常の改行挙動に */
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .u-nowrap.u-wrap-sm .c-link{
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
}




/* 外部リンクアイコン（色はリンク色に追従 / Retinaでもクッキリ） */
.c-link[target="_blank"]::after{
  content:"";
  display:inline-block;
  width: 1.1em;              /* 文字サイズに連動 */
  height: 1.1em;
  margin-left: .15em;
  vertical-align: -0.2em;    /* ベースラインを微調整 */
  background-color: currentColor;

  /* SVGをマスクとして適用（どの色にも馴染む） */
  -webkit-mask: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox=\"0 0 24 24\">\
<path d=\"M14 3h7v7h-2V6.41L8.7 16.71l-1.41-1.41L17.59 5H14V3z\"/>\
<path d=\"M5 5h7v2H7v10h10v-5h2v7H5V5z\"/>\
</svg>') no-repeat center / contain;
          mask: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox=\"0 0 24 24\">\
<path d=\"M14 3h7v7h-2V6.41L8.7 16.71l-1.41-1.41L17.59 5H14V3z\"/>\
<path d=\"M5 5h7v2H7v10h10v-5h2v7H5V5z\"/>\
</svg>') no-repeat center / contain;
}

/* 必要なら “アイコンを出したくない外部リンク” を除外 */
.c-link.no-ext::after{ display:none !important; }

/* 視覚的に改行させたくない場合の保険（必要に応じて） */
.c-link[target="_blank"]{ white-space: nowrap; }