/* 参陽商会 v10 レスポンシブ
   PC：1160px〜（デザインそのまま）／タブレット：768〜1159px／スマホ：〜767px
   要素ごとの余白・文字サイズ・段組みの切り替えは各ページの <style id="resp-auto"> に自動生成。ここは手で決めた共通ルール */
.rs-burger,.rs-menu{display:none}
.sy-lv select{width:100%;min-width:0}

/* ===== タブレット＋スマホ（〜1159px） ===== */
@media (max-width:1159px){
  .sc-host>div{min-width:0!important}
  body{overflow-x:hidden}
  img,svg,video,canvas{max-width:100%}
  /* ヘッダー：メニューはハンバーガーへ */
  header{padding:16px 40px!important;position:sticky;top:0;z-index:130}
  header>nav{display:none!important}
  .rs-burger{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;margin-right:-10px;background:none;border:0;padding:10px;cursor:pointer}
  .rs-burger i{display:block;height:1.5px;background:#1c2b38;transition:transform .3s,opacity .3s}
  .rs-open .rs-burger i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .rs-open .rs-burger i:nth-child(2){opacity:0}
  .rs-open .rs-burger i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .rs-menu{display:flex;flex-direction:column;position:fixed;inset:0;z-index:120;background:#12202c;padding:104px max(28px,calc(50vw - 300px)) 40px;gap:0;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;overflow-y:auto}
  .rs-open .rs-menu{opacity:1;visibility:visible}
  .rs-menu a{color:#fff;font-size:17px;letter-spacing:.14em;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;align-items:center}
  .rs-menu a small{font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.2em;color:#e0a526}
  .rs-menu a.rs-cta{margin-top:28px;border:1px solid #e0a526;justify-content:center;gap:14px}
  .rs-menu p{margin:auto 0 0;padding-top:32px;color:#8b97a1;font-size:12px;line-height:2}
  .rs-open header{background:transparent!important;border-color:transparent!important}
  .rs-open header a span span{color:#fff!important}
  .rs-open header svg line[stroke="#1c2b38"]{stroke:#fff}
  .rs-open .rs-burger i{background:#fff}
  /* 見出しは文節で改行（対応ブラウザのみ） */
  h1,h2,h3,[data-mv="lines"]{word-break:auto-phrase}
  [style*="text-align: center"] p,[style*="text-align: center"] h2,[style*="text-align: center"] h3,p[style*="text-align: center"]{word-break:auto-phrase}
  [style*="Shippori Mincho"]{word-break:auto-phrase}
  /* 本文は素直に折り返す（行末が揃わない「右の空白」を防ぐ） */
  p,li,dd{text-wrap:wrap;line-break:strict}
  /* 電話番号などは途中で改行しない */
  .rs-nw{white-space:nowrap}
  /* フッター：ナビを折り返し可に */
  footer nav{flex-wrap:wrap;gap:14px 22px!important}
}

/* ===== スマホ（〜767px） ===== */
@media (max-width:767px){
  header{padding:14px 20px!important}
  /* ヒーローの SCROLL 表示は本文と重なるので隠す */
  section div:has(> .sy-sc){display:none!important}
  /* ヒーローの「Ship Chandler — Onomichi, Japan」：ティック帯を短くして英字を1行に */
  .rs-tagline{gap:12px!important}
  .rs-tagline>span{display:none!important}
  /* フッター：縦積み */
  footer>div>div{flex-direction:column!important;gap:28px!important}
  /* 確認用バー */
  .rv-bar{font-size:10.5px;gap:10px;padding:8px 12px;line-height:1.5}
  .rv-tag{display:none}
  .rv-bar button{padding:4px 10px;white-space:nowrap}
  .rv-badge{font-size:10px;padding:5px 8px;left:8px;top:8px}
  /* 2列の表（会社概要・募集要項）：セルの余白を詰める */
  [style*="grid-template-columns: 200px 1fr"]>div{padding:14px 12px!important}
  /* お問い合わせのタブ：2つを均等幅に */
  #tab-recruit,#tab-general{flex:1 1 0;padding:14px 8px!important;font-size:13px!important;letter-spacing:.06em!important;line-height:1.5}
  /* 採用エントリーの言語レベル：縦積み */
  .sy-lv{grid-template-columns:1fr!important}
}

/* ===== 小さめタブレット（768〜959px）：3列カードは1列に（本文が細くならないように） ===== */
@media (min-width:768px) and (max-width:959px){
  [style*="grid-template-columns: repeat(3, minmax(0px, 1fr))"]{grid-template-columns:1fr!important;width:100%!important;box-sizing:border-box;max-width:600px;margin-left:auto!important;margin-right:auto!important}
}

/* ヘッダーのロゴ（支給ロゴのSVG） */
@media (max-width:1159px){.sy-logo img{height:54px!important}}
@media (max-width:767px){.sy-logo img{height:46px!important}}