/* =========================
   MWS セクション縦並びパッチ（block-flame2 で限定）
   ========================= */

.block-flame2 {
    display: block !important;
}

.block-flame2 li {
    width: 100% !important;
    margin: 0 0 20px 0 !important; /* 下だけ余白を残す */
}

/* 1) dd そのものは縦方向の通常フローにする */
.block-flame2 dl > dd {
  display: block !important;
  clear: both !important;   /* 既存floatの影響を遮断 */
}

/* 2) 上段：画像＋導入文＝横並び（内部だけ横並び） */
.block-flame2 dl > dd .mws-head {
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
  margin: 0 0 16px 0 !important;  /* 下（リンク）との間隔 */
  float: none !important;         /* 念のためfloat解除 */
}

.block-flame2 dl > dd .mws-head img {
  height: auto !important;
  max-width: 100px !important;
  display: block !important;
}

.block-flame2 dl > dd .mws-head p {
  flex: 1 1 auto !important;
  margin: 0 !important;
  line-height: 1.7 !important;
}

/* 3) 下段：リンク集＝必ず下に縦積み */
.block-flame2 dl > dd .mws-links {
  display: block !important;
  clear: both !important;         /* 左右カラム化を完全解除し、下段に落とす */
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

.block-flame2 dl > dd .mws-links ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.block-flame2 dl > dd .mws-links li {
  display: block !important;
  float: none !important;         /* 既存で li を横並びにしている場合の解除 */
  width: 100% !important;
  border: 1px solid #cfd7e6;      /* 参考（ワイヤーの罫線風）。不要なら削除 */
  padding: 12px !important;
  box-sizing: border-box !important;
}

.block-flame2 dl > dd .mws-links li + li {
  margin-top: 12px !important;
}

.block-flame2 dl > dd .mws-links a {
  text-decoration: underline;
  display: inline-block;
}

.block-flame2 dl > dd .mws-links .mws-desc {
  margin: 4px 0 0 !important;
  line-height: 1.7 !important;
}

/* =========================
   box01（これは全ページ共通でOK）
   ========================= */

.box01 {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 2px #004ea2;
  box-sizing: border-box;
}

.box01 .box-title {
  position: absolute;
  display: inline-block;
  top: -26px;
  left: -2px;
  padding: 0 9px;
  height: 25px;
  line-height: 25px;
  font-size: 17px;
  background: #004ea2;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

/* ジャンプリンクの間隔調整 */
.mt-5 {
    margin-top: 20px !important;
}


/* ボタンの基本：幅の間延びを防ぐ、文字色を白に、縦位置を中央に */
a.bt.bt-blue,
button.bt.bt-blue {
  display: inline-flex;          /* 必要幅だけにする & アイコン＋文字の横並び */
  align-items: center;           /* 縦位置を中央に */
  gap: 0.4em;                    /* アイコンと文言の間隔 */
  color: #fff !important;        /* 文字を白に（色の継承を強制的に上書き） */
  text-decoration: none;         /* 下線を消す（a要素の場合） */
  padding: 0.6em 1em;            /* ボタンの余白（お好みで微調整） */
  white-space: nowrap;           /* 改行で縦に伸びるのを防止（文言が長ければ外してOK） */
  border: none;                  /* buttonの枠線を消す */
  line-height: 0.8;              /* 行間の間延び防止 */
}

/* 後半3リンクだけ枠線を外す */
.block-flame2 dl > dd .mws-links ul.mws-secondary-links li {
  border: none !important;
  padding: 0 !important;
}

/* 後半3リンクだけ影も完全に消す */
.block-flame2 dl > dd .mws-links ul.mws-secondary-links li {
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;   /* ← 影を消す */
}

/* mws-secondary-links 内の links-item を「NIVRとは」と同じレイアウトにする */
.mws-secondary-links .links-item {
    background: url(/WebRelease2/r.9114018336031642263.r882sa000000006p/s13dha000000002p/dv669v0000000cqi/dv669v0000001374/common/img/ico_boxarrow.png) no-repeat 0 4px;
    background-size: 20px auto;
    padding-left: 30px;      /* アイコン分の余白 */
    min-height: 20px;
    line-height: 1.6;
    margin-top: 16px;
}

/* aタグをブロック化してアイコンと重ならないようにする */
.mws-secondary-links .links-item a {
    display: block;
    color: #000 !important;
    text-decoration: underline;
    padding: 0;
}

/* ★ 下段3リンクの padding を完全に無効化（重なりの根本原因を解消） */
.block-flame2 dl > dd .mws-links ul.mws-secondary-links > li.links-item {
    padding: 0 !important;
}

.mws-secondary-links .links-item a {
    display: block;
    color: #000 !important;
    text-decoration: underline;
    padding: 0 !important;   /* ← これも重要 */
    line-height: 1.6;
}


.block-flame .bt-content-bottom2 {
    width: 30%;
    position: absolute;
    bottom: 22px;
    right: 20px;
}

.block-flame .bt-content-bottom2 span {
    padding: 7px 30px;
    background-size: 40px auto;
    /* font-size: 16px; */
    font-size: 1rem;
    font-weight: normal;
    min-height: auto;
}

.bt-content-bottom2 {
    width: 30%;
}

.block-flame li dt {
    background: #7bcfb945;
    /* font-size: 18px; */
    font-size: 1.125rem;
    font-weight: bold;
    padding: 10px;
}