/* sp-opa-fix — 元は各HTML内の<style>ブロック（1ページで使用） */
@media (max-width:920px){
  /* 中央絶対配置レイアウトを通常フローに戻す */
  #top_wrapper{position:static !important;top:auto !important;left:auto !important;
    margin:0 auto !important;width:auto !important;height:auto !important;padding:12px 0}
  #top_wrapper-inner{width:auto !important;height:auto !important}
  #main,#menu{float:none !important;width:auto !important;height:auto !important;text-align:center !important}
  /* タイトル画像（500x500）を縮小表示 */
  #main h3{width:340px !important;height:340px !important;margin:0 auto 10px !important;
    background-size:contain !important;background-position:top center !important}
  /* 公式サイトへのリンク：テキスト表示に */
  .top_links{width:auto !important;height:auto !important;text-align:center;margin:6px 0 !important;text-indent:0 !important}
  .top_links a{width:auto !important;height:auto !important;background:none !important;
    text-indent:0 !important;display:inline-block;padding:10px 0;
    color:#3f5bb8;font-weight:700;font-size:15px;text-decoration:underline}
  /* 装飾用の空画像は非表示 */
  #menu p{display:none !important}
  /* 悩み別メニュー8個：画像をやめてテキストボタンで読みやすく */
  div[class^="top_menu"]{width:340px !important;height:auto !important;margin:0 auto 8px !important;background:none !important}
  div[class^="top_menu"] a{width:auto !important;height:auto !important;display:block;text-indent:0 !important;
    background:linear-gradient(180deg,#a9c9ec,#7fa9dd) !important;border:1px solid #6f9bd2;border-radius:6px;
    color:#fff !important;font-size:16px !important;font-weight:700;line-height:1.55 !important;text-align:left;
    padding:13px 12px 13px 36px !important;text-decoration:none;position:relative;
    text-shadow:0 1px 1px rgba(60,90,140,.45);box-sizing:border-box}
  div[class^="top_menu"] a:before{content:"➜";position:absolute;left:13px;top:13px;font-size:14px;opacity:.9}
  div[class^="top_menu"] a:hover{filter:brightness(1.06);background-position:0 0 !important;font-size:16px !important;line-height:1.55 !important}
  .top_links a:hover{background:none !important;font-size:15px !important;line-height:inherit !important}
}

/* 921px以上：#top_wrapper が position:absolute で浮いていたため、
   後ろに置いたフッターナビがページ先頭に回り込んでいた（2026-10-16 修正）。
   通常フローに戻して、ナビが下に並ぶようにする。 */
@media (min-width:921px){
  #top_wrapper{position:relative;top:auto;left:auto;margin:40px auto 0}
}