/* WordPress 化で足した分だけ（原本 assets/*.css は触らない） */

/* 店舗ページの紹介文（原本の見本には無い節） */
.st-desc{max-width:760px;margin:clamp(24px,3vw,40px) auto 0;font-size:16px;line-height:2;}
.st-desc p{margin:0;}

/* お知らせ：前後の記事が無いときのボタン */
.ar-pn .is-off{visibility:hidden;}
.ar-empty{grid-column:1/-1;text-align:center;padding:40px 0;color:var(--ink-2,#666);}

/* お知らせ本文：移行した記事の画像・埋め込み */
.ar-body img{max-width:100%;height:auto;}
.ar-body .ar-fig-16 img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;}
.ar-body iframe{max-width:100%;}

/* Contact Form 7：原本のフォームの見た目に合わせる */
.wpcf7-form .co-input{width:100%;}
.wpcf7-not-valid-tip{display:block;margin-top:6px;font-size:13px;color:#c0392b;}
.wpcf7 form .wpcf7-response-output{margin:24px 0 0;padding:14px 18px;border-radius:10px;font-size:14px;}
.wpcf7-spinner{margin:0 0 0 12px;}
.co-check .wpcf7-list-item{margin:0;}
/* CF7 の同意欄は label が中に入る＝原本の .co-check（flex・gap10px）を内側の label に当てる */
.co-check .wpcf7-form-control-wrap,.co-check .wpcf7-acceptance,.co-check .wpcf7-list-item,.co-check .wpcf7-list-item-label{display:contents;}
.co-check label{display:flex;align-items:center;gap:10px;cursor:pointer;}
.co-check input{margin:0;}

/* プライバシーポリシー（原本に無いページ） */
.pp{max-width:820px;margin:0 auto;font-size:16px;line-height:2;}
.pp p{margin:0;}
.pp-intro{margin-bottom:clamp(32px,4vw,48px);}
.pp-item{padding:clamp(24px,3vw,32px) 0;border-top:1px solid var(--line,#e5e1da);}
.pp-item:last-child{border-bottom:1px solid var(--line,#e5e1da);}
.pp-h{margin:0 0 12px;font-size:clamp(17px,1.6vw,19px);font-weight:700;line-height:1.6;}
.pp ul{margin:12px 0 0;padding-left:1.4em;}
.pp li{margin:0;}
.pp-addr{margin-top:12px !important;}

/* フッターのプライバシーポリシー（.foot-co p の特異度に合わせて p を含める） */
.foot-co p.foot-pp{margin:10px 0 0;font-size:12px;}
.foot-co p.foot-pp a{color:inherit;text-decoration:underline;text-underline-offset:3px;}

/* 採用トップの円弧スライダー：写真を4枚にしたので、1周期（30s・120vw）を4等分してずらす（2026-11-10） */
.rc-arc-item:nth-child(1){animation-delay:0s;}
.rc-arc-item:nth-child(2){animation-delay:-7.5s;}
.rc-arc-item:nth-child(3){animation-delay:-15s;}
.rc-arc-item:nth-child(4){animation-delay:-22.5s;}

/* 物件のご相談・応募フォーム（co-* はお問い合わせフォームと共通） */
.co-note{margin:8px 0 0;font-size:13px;line-height:1.7;color:var(--ink-2);}
.co-birth{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.co-birth .wpcf7-form-control-wrap{flex:1 1 0;min-width:84px;}
.co-birth .wpcf7-form-control-wrap:first-child{flex:1.4 1 0;min-width:110px;}
.co-birth > span:not(.wpcf7-form-control-wrap){flex:none;font-size:15px;}
.co-radio .wpcf7-radio,.co-radio .wpcf7-checkbox{display:flex;flex-wrap:wrap;gap:12px 28px;padding:6px 0;}
.co-radio .wpcf7-list-item{margin:0;}
.co-radio label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;}
.co-radio input{margin:0;width:18px;height:18px;accent-color:var(--accent);}
.co-file{display:block;width:100%;font-size:14px;padding:14px 16px;background:var(--paper);border:1px dashed var(--line);border-radius:10px;}
.co-file::file-selector-button{margin-right:14px;padding:8px 16px;font:inherit;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;cursor:pointer;}
/* 採用の地（グラデーション）に載せるときも白の板にする */
.aml-entry .co-form{position:relative;}
/* 3区分の入口：原本の4列を3列に */
.co-gates.aml-gates3{grid-template-columns:repeat(3,1fr);max-width:1080px;margin-left:auto;margin-right:auto;}
.co-gate.is-closed{opacity:.72;cursor:default;}
.co-gate.is-closed:hover{transform:none;box-shadow:none;}
.co-gate.is-closed .co-gate-txt{font-weight:700;color:var(--ink);}
@media(max-width:900px){ .co-gates.aml-gates3{grid-template-columns:1fr;} }
/* 募集要項の「応募はこちら」と、新卒の受付終了の表示 */
.rc-req-act{margin-top:clamp(20px,2.4vw,30px);display:flex;justify-content:center;}
.aml-closed{width:100%;padding:18px 22px;text-align:center;background:var(--paper-2,#f6f3ee);border-radius:12px;}
.aml-closed-h{margin:0;font-size:16px;font-weight:700;line-height:1.7;}
.aml-closed-tx{margin:6px 0 0;font-size:14px;line-height:1.8;color:var(--ink-2);}
.aml-closed.is-lg{max-width:820px;margin:clamp(40px,4.4vw,64px) auto clamp(28px,3vw,40px);padding:clamp(32px,4vw,56px) clamp(20px,3vw,40px);background:#fff;border-radius:clamp(16px,1.6vw,22px);}
.aml-closed.is-lg .aml-closed-h{font-size:clamp(18px,1.8vw,22px);}
/* スマホ：生年月日は「年」で1行、「月・日」で1行（3つ並べると日だけ次の行に落ちる） */
@media(max-width:700px){
  .co-birth{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;}
  .co-birth .wpcf7-form-control-wrap,.co-birth .wpcf7-form-control-wrap:first-child{min-width:0;}
  .co-birth .wpcf7-form-control-wrap:first-child{grid-column:1 / 4;}
}

/* 募集要項の「募集区分」：文字だけ左揃えで箱（760px）が中央寄せのままだと、見出しが中途半端な位置に出る＝箱ごと左へ */
#openings .s-head{margin-left:0;}

/* 公開時は出さない節（職種紹介・カジュアル面談）。hidden を外せば戻る（2026-11-10） */
section[hidden]{display:none !important;}
/* トップ：社員インタビューの名前を漢字に、物件募集の見出しを日本語に（2026-11-10） */
.iv-name.is-ja{font-family:inherit;font-weight:700;letter-spacing:.08em;}
.pt-en.is-ja{font-family:inherit;font-weight:700;font-size:clamp(26px,2.9vw,42px);letter-spacing:.06em;}

/* スマホ：インタビューのキャリアの STEP は3列だと題が1文字ずつ折れる（「アミュ／ーズメ／ント業／界」）＝縦に積み、矢印は下向きに（2026-11-10） */
@media(max-width:640px){
  .ar-steps{grid-template-columns:minmax(0,1fr);gap:18px;}
  .ar-step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-items:center;text-align:left;padding:16px 18px;}
  .ar-step-no{grid-row:1 / span 2;align-self:center;}
  .ar-step-no::after{margin:6px 0 0;}
  .ar-step-ttl{grid-column:2;margin:0;}
  .ar-step-sub{grid-column:2;margin-top:2px;}
  .ar-step + .ar-step::before{top:-14px;left:50%;transform:translateX(-50%) rotate(135deg);}
  /* 会社概要の売上グラフ：単位「億円」が8px・「計画」が10pxで読めない */
  .cbar-val{font-size:13px;}
  .cbar-val small{font-size:10px;}
  .cbar-lb{font-size:12px;}
  .cbar-lb small{font-size:11px;}
}

/* お知らせ：アイキャッチの無いカード（文字だけ）は、上の余白を少し広げる */
.ar-card.is-noimg .ar-card-bd{padding-top:clamp(22px,2.2vw,30px);}

/* 店舗一覧：画面の外の店舗リストは近づくまで描かない（44店舗分の日本語フォントを最初に読みに行かせず、ヒーロー写真を先に出すため） */
#list .st-card{content-visibility:auto;contain-intrinsic-size:auto 380px;}