/* db-uifix : 五月女指示のUI修正（2026-08-06）
   既存セレクタは書き換えず、この1ファイルに集約する。消せば完全に元へ戻る。 */

/* ---- ① FAQアコーディオンの開閉マークを ＋ / − にする ------------
   従来は画像1枚を180度回転させていたが、回転しても見た目が変わらず
   「開いているか閉じているか」が伝わらなかった。
   CSSで線を2本引き、開いている時は縦線を消して「−」にする。 */
.nt-faq-toggle img{display:none;}          /* 旧アイコンを隠す（HTMLは触らない） */
.nt-faq-toggle{
  position:relative;
  width:24px;height:24px;
  display:inline-block;
}
.nt-faq-toggle::before,
.nt-faq-toggle::after{
  content:"";
  position:absolute;
  top:50%;left:50%;
  background:var(--nt-blue,#004DA0);
  border-radius:1px;
  transition:transform .25s ease, opacity .25s ease;
}
/* 横線（＋と−で共通） */
.nt-faq-toggle::before{
  width:16px;height:2.5px;
  transform:translate(-50%,-50%);
}
/* 縦線（＋のときだけ見せる） */
.nt-faq-toggle::after{
  width:2.5px;height:16px;
  transform:translate(-50%,-50%);
}
/* 開いている時は縦線を倒して消す＝「−」になる */
.nt-faq-item[open] .nt-faq-toggle::after{
  transform:translate(-50%,-50%) rotate(90deg);
  opacity:0;
}
/* 既存の回転指定を無効化（回転すると＋/−が斜めになるため） */
.nt-faq-item[open] .nt-faq-toggle{transform:none;}

@media (max-width:768px){
  .nt-faq-toggle{width:20px;height:20px;}
  .nt-faq-toggle::before{width:13px;height:2.5px;}
  .nt-faq-toggle::after{width:2.5px;height:13px;}
}
@media (prefers-reduced-motion:reduce){
  .nt-faq-toggle::before,.nt-faq-toggle::after{transition:none;}
}


/* ---- ② 関連サービス：ChinaBoxの本文の高さを隣と揃える ----------
   隣2枚のh3は<br>で2行、ChinaBoxだけ1行のため本文の開始位置がずれていた。
   HTMLに<br>を足すのではなく、見出しに2行分の最低高さを与えて揃える
   （文言を変えずに済み、将来タイトルが変わっても崩れない）。 */
.nt-related-ttl{min-height:calc(1.5em * 3);}   /* ChinaBoxの新タイトルが3行になったため3行分へ */
@media (max-width:768px){
  .nt-related-ttl{min-height:0;}   /* SPは1カラムなので揃える必要がない */
}

/* ---- ③ フッターのB.A.Dサービス一覧：折り返し行の行頭を左に揃える --
   flex-wrapで2行になった際、2行目の先頭liにも padding-left:11px が
   残るため、1行目より右にずれていた。行頭の余白は「区切り線の左側」
   だけに必要なので、左paddingを0にして区切り線を右側だけで表現する。 */
.nt-footer-svc li{padding-left:0;padding-right:11px;margin-right:11px;}
.nt-footer-svc li:first-child{padding-left:0;}


/* ---- ⑧ フッターの運営会社名を全て白に（五月女指示 2026-08-06）----
   英語併記(Brand Activation and Delivery Corp)だけが
   newtop.css:2559 でベージュ #C9B99A になっており、
   和文の白と不揃いだったので白に揃える。
   紺地 #16283F に対し白はコントラスト 14.6:1 でAA適合。 */
.nt-footer-company div,
.nt-footer-company span{color:#fff;}