/* help.yellowmobile.jp 共通のヘッダー・フッター（原本は YMhelp。SCSS は使わず直接書く） */
:root { --yellow:#FFD700; --pink:#FF0064; --green:#06C755; --footer:#EFF0F1; }
:root { color-scheme: light; }
body { background:#fff; }
.h-header, .h-footer { font-family:'GenJyuuGothic', sans-serif; }

/* header */
.h-header { position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid #e6e6e6; }
.h-header__inner { display:flex; align-items:center; justify-content:space-between; gap:12px; height:60px; padding:0 0 0 16px; }
.h-header__logo img { display:block; width:130px; height:auto; }
.h-header__cta { display:flex; align-items:stretch; align-self:stretch; }
.h-header__tel { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 12px; color:var(--pink); text-decoration:none; }
.h-header__tel-num { display:inline-flex; align-items:center; gap:4px; padding:3px 10px 4px; border-radius:10px; background:var(--pink); color:#fff; font-size:13px; font-weight:700; line-height:1; white-space:nowrap; }
.h-header__tel-num img { width:auto; height:1em; margin-top:2px; }
.h-header__tel-sub { margin-top:6px; font-size:11px; }
.h-header__line { display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; width:85px; background:var(--green); border:1px solid var(--green); color:#fff; font-size:11px; font-weight:700; text-decoration:none; transition:background-color .4s, color .4s; }
.h-header__line img { height:15px; width:auto; }
.h-header__line .is-hover { display:none; }
.h-header__line:hover { background:#fff; color:var(--green); }
.h-header__line:hover .is-normal { display:none; }
.h-header__line:hover .is-hover { display:block; }

/* footer */
.h-footer { text-align:center; background:var(--footer); }
.h-footer__main { padding:50px 16px 26px; }
.h-footer__logo img { display:inline-block; width:243px; height:auto; }
.h-footer__info { margin:20px 0 28px; padding:0; list-style:none; font-size:14px; line-height:2; }
.h-footer__info li { display:flex; align-items:center; justify-content:center; gap:6px; }
.h-footer__info img { width:24px; height:24px; }
.h-footer__info a { color:inherit; text-decoration:none; }
.h-footer__nav { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 28px; margin:0; padding:0; list-style:none; font-size:13px; }
.h-footer__nav a { color:#000; text-decoration:none; }
.h-footer__nav a:hover { text-decoration:underline; }
.h-footer__copy { margin:0; padding:25px 30px; background:#000; color:#fff; font-size:94%; }

/* スマホ：電話番号は電話アイコンだけ・LINE は小さく */
@media (max-width:768px) {
  .h-header__inner { height:52px; }
  .h-header__logo img { width:104px; }
  .h-header__tel-sub { display:none; }
  .h-header__tel { padding:0 8px; }
  .h-header__tel-num { font-size:12px; padding:5px 8px; }
  .h-header__line { width:72px; }
  .h-footer__main { padding:40px 16px 22px; }
}