/* build_renew_wp.py で生成。renew3.css のうちヘッダーの部分だけ（TOP・Viewer・FAQ 以外のページ用） */
/*header修正*/
.headerNav__subList .c_main{
  color: #1b5eb9;
}

.gNav__item.c_main{
  color: #1b5eb9;
}

/* ============================================================
   20. ヘッダー：見守るViewer（NEW）への導線
   PC（1200px以上）は電話番号の左、1199px以下はヘッダー直下の帯（TOPのみ）とメニュー項目
   ============================================================ */
.headerNav__tel{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.headerNav__new{
  display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.8rem;
  margin:0 2.4rem 0 auto;padding:.5rem 1.6rem .5rem .5rem;border:1px solid #BCCCE0;border-radius:99px;background:#F4F7FB;
  font-size:1.5rem;font-weight:700;line-height:1.2;color:#162E59;text-decoration:none;white-space:nowrap;
  -webkit-transition:background .3s,border-color .3s;transition:background .3s,border-color .3s
}
.headerNav__new::after{content:"";width:.6rem;height:.6rem;margin-left:.2rem;border-top:2px solid #F08300;border-right:2px solid #F08300;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.headerNav__new:hover{background:#E9EFF6;border-color:#1b5eb9}
.headerNav__new-badge{
  display:inline-block;padding:.35rem .9rem;border-radius:99px;background:#F08300;color:#fff;
  font-family:"Roboto",sans-serif;font-size:1.2rem;font-weight:700;font-style:italic;letter-spacing:.06em;line-height:1
}
/* ハンバーガーメニュー内の項目 */
.gNav__new{display:inline-block;margin-left:.8rem;padding:.3rem .8rem;border-radius:99px;background:#F08300;color:#fff;font-family:"Roboto",sans-serif;font-size:1.2rem;font-weight:700;font-style:italic;letter-spacing:.06em;line-height:1}
/* ヘッダー直下の帯（1199px以下のみ） */
.headerNewBar{display:none}
@media (max-width:1199px){
  .headerNewBar{
    display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem;
    padding:1rem 1.6rem;background:#162E59;color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700;line-height:1.3
  }
  .headerNewBar__more{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.4rem;font-size:1.4rem;font-weight:500;color:#BCCCE0;border-bottom:1px solid currentColor}
  .headerNewBar__more::after{content:"";width:.6rem;height:.6rem;border-top:2px solid #F08300;border-right:2px solid #F08300;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
}
@media (max-width:374px){
  .headerNewBar{gap:.8rem;padding:1rem 1.2rem;font-size:1.4rem}
  .headerNewBar__more{display:none}
}

/* ============================================================
   26. ヘッダーの「NEW」バッジを点滅させて目立たせる
   （激しい点滅にならないよう、1.6秒周期でふわっと明滅＋光の輪）
   ============================================================ */
.headerNav__new-badge{position:relative;-webkit-animation:headerNewBlink 1.6s ease-in-out infinite;animation:headerNewBlink 1.6s ease-in-out infinite}
@-webkit-keyframes headerNewBlink{
  0%,100%{opacity:1;-webkit-box-shadow:0 0 0 0 rgba(240,131,0,.55)}
  50%{opacity:.35;-webkit-box-shadow:0 0 0 6px rgba(240,131,0,0)}
}
@keyframes headerNewBlink{
  0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(240,131,0,.55)}
  50%{opacity:.35;box-shadow:0 0 0 6px rgba(240,131,0,0)}
}
@media (prefers-reduced-motion:reduce){
  .headerNav__new-badge{-webkit-animation:none;animation:none}
}