/* =========================================================================
   訪問看護ステーションまるっとけあISEZAKI｜募集要項サイト スタイルシート
   ブランドカラー：白基調／深いネイビー／信頼感のあるブルー／淡いブルーグレー
   アクセント：控えめなゴールド
   ========================================================================= */

:root{
  --color-white:#ffffff;
  --color-navy:#173456;
  --color-navy-deep:#0f2440;
  --color-blue:#2f6fa8;
  --color-blue-light:#e8f0f7;
  --color-blue-gray:#f4f7fa;
  --color-blue-deep:#5a84b3;
  --color-navy-soft:#2c5680;
  --color-border:#dbe4ec;
  --color-text:#243447;
  --color-text-sub:#546477;
  --color-gold:#c9973f;
  --color-gold-dark:#a9793a;

  --font-base: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;

  --header-h: 72px;
  --mobile-cta-h: 64px;

  --radius-md: 10px;
  --radius-lg: 16px;

  --shadow-sm: 0 2px 8px rgba(15,36,64,0.08);
  --shadow-md: 0 6px 20px rgba(15,36,64,0.10);
  --shadow-lg: 0 16px 40px rgba(15,36,64,0.20);
  --gradient-navy: linear-gradient(135deg, var(--color-navy) 0%, var(--color-navy-deep) 100%);
  --gradient-gold: linear-gradient(135deg, #ddb46a 0%, var(--color-gold-dark) 100%);
  --color-gold-soft: rgba(201,151,63,0.14);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }

body{
  margin:0;
  font-family:var(--font-base);
  color:var(--color-text);
  background:var(--color-white);
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}

img{ max-width:100%; display:block; }

a{ color:var(--color-blue); text-decoration:none; }
a:hover{ text-decoration:underline; }

ul{ margin:0; padding:0; }
li{ margin-bottom:6px; }

h1,h2,h3,h4{ margin:0; font-weight:700; color:var(--color-navy-deep); }

/* 横スクロール防止 */
html, body{ overflow-x:hidden; max-width:100%; }

/* フォーカス表示（アクセシビリティ） */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible{
  outline:3px solid var(--color-gold);
  outline-offset:2px;
  border-radius:4px;
}

/* スキップリンク */
.skip-link{
  position:absolute;
  left:-999px;
  top:0;
  background:var(--color-navy);
  color:#fff;
  padding:10px 16px;
  z-index:2000;
}
.skip-link:focus{ left:8px; top:8px; }

.section-inner{
  max-width:1120px;
  margin:0 auto;
  padding:0 20px;
}

/* =========================================================================
   ヘッダー
   ========================================================================= */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  height:var(--header-h);
  background:rgba(255,255,255,0.97);
  border-bottom:1px solid var(--color-border);
  backdrop-filter:saturate(180%) blur(6px);
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-3px;
  height:3px;
  background:var(--gradient-gold);
}
.header-inner{
  max-width:1200px;
  margin:0 auto;
  height:100%;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.header-logo{
  display:flex;
  align-items:center;
  height:100%;
  flex-shrink:0;
}
.header-logo img{
  height:40px;
  width:auto;
}
.header-nav{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
}
.header-link{
  color:var(--color-navy);
  font-weight:500;
  font-size:14px;
  padding:10px 8px;
  min-height:44px;
  display:flex;
  align-items:center;
  white-space:nowrap;
}
.header-link:hover{ color:var(--color-blue); text-decoration:underline; }
.header-btn{
  background:var(--gradient-navy);
  color:#fff;
  font-weight:700;
  font-size:14px;
  padding:10px 18px;
  min-height:44px;
  display:flex;
  align-items:center;
  border-radius:8px;
  white-space:nowrap;
  box-shadow:0 4px 12px rgba(15,36,64,0.22);
  transition:transform .2s ease, box-shadow .2s ease;
}
.header-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(15,36,64,0.28);
  text-decoration:none;
}

/* =========================================================================
   ファーストビュー
   ========================================================================= */
.hero{
  background:radial-gradient(circle at 15% 20%, #1c3f66 0%, var(--color-navy-deep) 55%, #081729 100%);
  padding:72px 0 64px;
  text-align:center;
  border-bottom:3px solid var(--color-gold-dark);
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0) 40%);
  pointer-events:none;
}
.hero-inner{
  max-width:760px;
  margin:0 auto;
  padding:0 20px;
}
.hero-inner.hero-grid{
  position:relative;
  max-width:1180px;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  grid-template-areas:"text photo-r";
  align-items:center;
  gap:40px;
  text-align:left;
}
.hero-text{ grid-area:text; max-width:520px; }
.hero-photo-right{ grid-area:photo-r; }
.hero-photo{
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  object-fit:cover;
  height:auto;
  width:100%;
}
.hero-photo-right{
  aspect-ratio:4 / 3;
  object-position:center 30%;
}
.hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--color-gold);
  font-weight:700;
  letter-spacing:.14em;
  font-size:13px;
  margin:0 0 14px;
  justify-content:flex-start;
}
.hero-eyebrow::before{
  content:"";
  display:inline-block;
  width:28px;
  height:2px;
  background:var(--gradient-gold);
}
.hero-title{
  font-size:48px;
  color:#ffffff;
  margin:0 0 22px;
  letter-spacing:.06em;
  text-shadow:0 2px 12px rgba(0,0,0,0.25);
}
.hero-lead{
  font-size:21px;
  font-weight:700;
  color:#f3d9a8;
  margin:0 0 16px;
}
.hero-desc{
  font-size:16px;
  color:#cfdbea;
  margin:0;
}

/* =========================================================================
   共通セクション見出し
   ========================================================================= */
.job-nav, .job-detail, .salary-sim, .cta, .notice{
  padding:56px 0;
}
.job-detail{ background:linear-gradient(180deg, var(--color-navy-soft) 0%, #1c3f66 100%); }
.job-detail .section-title{ color:#ffffff; font-size:30px; }
.job-detail .section-title-icon{ color:var(--color-gold); }
.job-detail .section-note-top{ color:#dbe6f2; }
.salary-sim{ background:#fdf6f7; border-top:1px solid var(--color-border); }
.salary-sim .section-note-top{ font-size:16px; }
.section-title{
  font-size:26px;
  font-weight:800;
  letter-spacing:.01em;
  color:var(--color-navy-deep);
  text-align:center;
  margin-bottom:32px;
  position:relative;
  padding-bottom:14px;
}
.section-title::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:56px;
  height:3px;
  background:var(--gradient-gold);
  border-radius:2px;
}
.section-title-icon{
  color:var(--color-gold-dark);
  margin-right:10px;
  font-size:.85em;
}
.section-note-top{
  text-align:center;
  color:var(--color-text-sub);
  font-size:14px;
  margin:-16px 0 32px;
}

/* =========================================================================
   入社祝い金 案内枠（常勤選択時のみ表示）
   ========================================================================= */
.signing-bonus{
  max-width:820px;
  margin:0 auto 28px;
  padding:20px 28px;
  background:var(--color-blue-gray);
  border:1px solid var(--color-border);
  border-left:4px solid var(--color-gold);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-sm);
}
.signing-bonus[hidden]{ display:none; }
.signing-bonus-eyebrow{
  margin:0 0 14px;
  text-align:center;
  font-size:14px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--color-navy);
}
.signing-bonus-eyebrow i{
  color:var(--color-gold-dark);
  margin-right:6px;
}
.signing-bonus-items{
  display:flex;
  gap:16px;
  margin-bottom:12px;
}
.signing-bonus-item{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  padding:12px 10px;
  background:var(--color-white);
  border-radius:var(--radius-md);
  border:1px solid var(--color-border);
}
.signing-bonus-label{
  font-size:14px;
  font-weight:700;
  color:var(--color-text);
}
.signing-bonus-amount{
  font-size:26px;
  font-weight:800;
  color:var(--color-gold-dark);
  letter-spacing:.01em;
}
.signing-bonus-unit{
  font-size:15px;
  font-weight:700;
  margin-left:2px;
}
.signing-bonus-note{
  margin:0;
  text-align:center;
  font-size:12px;
  line-height:1.7;
  color:var(--color-text-sub);
  text-wrap:pretty;
}

/* =========================================================================
   タブ（常勤／非常勤）
   ========================================================================= */
.tabs{
  display:flex;
  justify-content:center;
  gap:12px;
  margin-bottom:32px;
}
.tab-btn{
  font-family:var(--font-base);
  font-size:16px;
  font-weight:700;
  color:var(--color-navy);
  background:var(--color-white);
  border:2px solid var(--color-border);
  border-radius:999px;
  padding:12px 32px;
  min-height:44px;
  cursor:pointer;
  transition:all .2s ease;
}
.tab-btn:hover{ border-color:var(--color-blue); }
.tab-btn.is-active{
  background:var(--gradient-navy);
  border-color:var(--color-navy);
  color:#fff;
  box-shadow:0 6px 16px rgba(15,36,64,0.22);
}

/* =========================================================================
   職種カード
   ========================================================================= */
.job-cards{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px;
  max-width:760px;
  margin:0 auto;
}
.job-cards .job-card{
  text-align:center;
  align-items:center;
}
.job-cards .job-card-facts{
  width:100%;
  max-width:300px;
  margin-left:auto;
  margin-right:auto;
}
.job-cards .job-card-link{
  min-width:160px;
}
.job-card{
  background:#fff;
  border:1px solid var(--color-border);
  border-top:3px solid var(--color-gold);
  border-radius:var(--radius-lg);
  padding:24px 22px;
  box-shadow:var(--shadow-sm);
  display:flex;
  flex-direction:column;
  gap:10px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.job-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
  border-color:var(--color-gold-dark);
}
.job-card-badge{
  display:inline-block;
  align-self:flex-start;
  background:var(--gradient-navy);
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  padding:4px 14px;
  border-radius:999px;
  box-shadow:0 3px 8px rgba(15,36,64,0.18);
}
.job-cards[data-active-category] .job-card-badge{ align-self:center; }
.job-card-title{
  font-size:20px;
  color:var(--color-navy-deep);
  margin:0;
}
.job-card-type{
  font-size:13px;
  color:var(--color-text-sub);
  margin:0;
}
.job-card-facts{
  list-style:none;
  margin:6px 0 10px;
  padding:12px 14px;
  background:linear-gradient(180deg, var(--color-blue-gray) 0%, #eef3f8 100%);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.job-card-facts li{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin:0;
}
.job-card-facts .fact-label{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:12px;
  font-weight:700;
  color:var(--color-blue);
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:4px;
  padding:2px 8px;
  white-space:nowrap;
}
.job-card-facts .fact-label i{ color:var(--color-gold-dark); font-size:.9em; }
.job-card-facts .fact-value{
  font-size:14px;
  font-weight:700;
  color:var(--color-navy-deep);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.job-card-link{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border:2px solid var(--color-navy);
  color:var(--color-navy);
  font-weight:700;
  font-size:14px;
  border-radius:8px;
  padding:8px 14px;
  transition:all .2s ease;
}
.job-card-link:hover{
  background:var(--color-blue);
  border-color:var(--color-blue);
  color:#fff;
  text-decoration:none;
}

/* =========================================================================
   募集要項詳細（アコーディオン）
   ========================================================================= */
.detail-group-title{
  font-size:23px;
  font-weight:800;
  color:#ffffff;
  margin:36px 0 16px;
  padding-left:12px;
  border-left:4px solid var(--color-gold);
  display:flex;
  align-items:center;
  gap:8px;
}
.detail-group-title i{
  color:var(--color-gold);
  font-size:.9em;
}
.job-panel-group{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.job-panel{
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  scroll-margin-top:calc(var(--header-h) + 16px);
}
.job-panel-header{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:var(--color-white);
  border:none;
  padding:20px 24px;
  cursor:pointer;
  text-align:left;
  font-family:var(--font-base);
  min-height:44px;
}
.job-panel-header:hover{ background:var(--color-blue-light); }
.job-panel-header[aria-expanded="true"]{ background:var(--color-blue-light); }
.job-panel-header:hover .job-panel-title,
.job-panel-header:hover .job-panel-type,
.job-panel-header[aria-expanded="true"] .job-panel-title,
.job-panel-header[aria-expanded="true"] .job-panel-type{ color:var(--color-navy); }
.job-panel-headline{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.job-panel-title{
  font-size:19px;
  color:var(--color-navy-deep);
  margin:0;
}
.job-panel-type{
  font-size:13px;
  color:var(--color-text-sub);
}
.job-panel-icon{
  flex-shrink:0;
  width:28px;
  height:28px;
  border-radius:50%;
  border:2px solid var(--color-navy);
  color:var(--color-navy);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  font-weight:700;
  transition:transform .25s ease;
}
.job-panel-header[aria-expanded="true"] .job-panel-icon{
  transform:rotate(45deg);
  border-color:var(--color-gold-dark);
  color:var(--color-gold-dark);
}

.job-panel-body{
  padding:0 24px 28px;
}

/* 要点カード（給与・勤務地・勤務時間） */
.highlight-cards{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
  margin:4px 0 28px;
}
.highlight-card{
  background:linear-gradient(180deg, #ffffff 0%, var(--color-blue-gray) 100%);
  border:1px solid var(--color-border);
  border-top:3px solid var(--color-gold);
  border-radius:var(--radius-md);
  padding:16px 16px;
  text-align:center;
  box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease;
}
.highlight-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
}
.highlight-card-label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:12px;
  color:var(--color-text-sub);
  font-weight:700;
  letter-spacing:.05em;
  margin-bottom:6px;
}
.highlight-card-label i{ color:var(--color-gold-dark); }
.highlight-card-value{
  font-size:17px;
  color:var(--color-navy-deep);
  font-weight:700;
  white-space:nowrap;
}
@media (max-width:420px){
  .highlight-card-value{ font-size:15px; }
}

/* 詳細テーブル的レイアウト（PC：2カラム／SPは縦積み） */
.detail-table{
  display:flex;
  flex-direction:column;
  border-top:1px solid var(--color-border);
}
.detail-row{
  display:grid;
  grid-template-columns:180px 1fr;
  border-bottom:1px solid var(--color-border);
}
.detail-row-label{
  background:var(--color-blue-gray);
  color:var(--color-navy);
  font-weight:700;
  font-size:15px;
  padding:16px 20px;
  display:flex;
  align-items:flex-start;
}
.detail-row-content{
  padding:16px 20px;
  font-size:15px;
  color:var(--color-text);
}
.detail-row-content p{ margin:0 0 10px; }
.detail-row-content p:last-child{ margin-bottom:0; }
.detail-row-content ul{ margin:0; padding-left:1.3em; }
.detail-row-content li{ margin-bottom:6px; }
.section-note{
  color:var(--color-text-sub);
  font-size:13px;
  margin-top:10px;
}
.tag-required, .tag-preferred{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  border-radius:6px;
  padding:2px 8px;
  margin-right:8px;
  vertical-align:middle;
}
.tag-required{ background:#173456; color:#fff; }
.tag-preferred{ background:var(--color-gold); color:#fff; }
.nowrap-phrase{ white-space:nowrap; }

/* =========================================================================
   想定給与シミュレーション（ボタン誘導）
   ========================================================================= */
.salary-sim-cta{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
  max-width:560px;
  margin:0 auto;
  padding:36px 32px;
  background:var(--color-blue-gray);
  border:1px solid var(--color-border);
  border-top:3px solid var(--color-gold);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
  text-align:center;
}
.salary-sim-cta-desc{
  margin:0;
  color:var(--color-text-sub);
  font-size:15px;
}
.salary-sim-cta .btn{
  min-width:260px;
}

/* =========================================================================
   共通CTA
   ========================================================================= */
.cta{
  position:relative;
  background:radial-gradient(circle at 50% 0%, #1c3f66 0%, var(--color-navy-deep) 60%);
  color:#fff;
  overflow:hidden;
}
.cta::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:var(--gradient-gold);
}
.cta-inner{
  text-align:center;
  max-width:720px;
}
.cta-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius:50%;
  background:rgba(201,151,63,0.18);
  color:var(--color-gold);
  font-size:22px;
  margin-bottom:16px;
}
.cta-title{
  color:#fff;
  font-size:24px;
  margin-bottom:16px;
}
.cta-desc{
  color:#cfdbea;
  font-size:15px;
  margin:0 auto 28px;
  max-width:520px;
}
.cta-buttons{
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 28px;
  border-radius:8px;
  font-weight:700;
  font-size:15px;
  transition:all .2s ease;
}
.btn-primary{
  background:var(--gradient-gold);
  color:#fff;
  box-shadow:0 6px 16px rgba(201,151,63,0.35);
  transition:transform .2s ease, box-shadow .2s ease;
}
.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(201,151,63,0.45);
  text-decoration:none;
}
.btn-secondary{
  background:transparent;
  color:#fff;
  border:2px solid #fff;
  transition:all .2s ease;
}
.btn-secondary:hover{
  background:rgba(255,255,255,0.12);
  border-color:var(--color-gold);
  color:var(--color-gold);
  text-decoration:none;
}

/* =========================================================================
   注意事項
   ========================================================================= */
.notice{
  background:var(--color-blue-light);
  padding:28px 0;
}
.notice-title{
  font-size:18px;
  color:var(--color-navy);
  text-align:center;
  margin-bottom:16px;
}
.notice-title i{
  color:var(--color-gold-dark);
  margin-right:6px;
}
.notice-list{
  max-width:680px;
  margin:0 auto;
  padding-left:1.3em;
  color:var(--color-text-sub);
  font-size:14px;
}
.notice-list li::marker{ color:var(--color-gold-dark); }
.notice-list li{ margin-bottom:8px; }

/* =========================================================================
   フッター
   ========================================================================= */
.site-footer{
  background:var(--color-navy-deep);
  color:#cfdbea;
  padding:40px 0 calc(40px + env(safe-area-inset-bottom));
  border-top:3px solid var(--color-gold-dark);
}
.footer-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  text-align:center;
}
.footer-station-name{
  font-weight:800;
  color:#fff;
  font-size:17px;
  margin:0 0 4px;
}
.footer-address{
  margin:0;
  font-size:14px;
  color:#dbe6f2;
}
.footer-company{
  font-weight:700;
  color:#fff;
  margin:8px 0 0;
  font-size:14px;
}
.footer-divider{
  width:56px;
  height:2px;
  background:var(--gradient-gold);
  border:none;
  margin:18px 0 14px;
}
.footer-prep-label{
  margin:0;
  font-size:13px;
  color:var(--color-gold);
  font-weight:700;
  letter-spacing:.04em;
}
.footer-hq-name{
  margin:2px 0 0;
  font-size:14px;
  color:#fff;
  font-weight:700;
}
.footer-hq-address{
  margin:2px 0 0;
  font-size:13px;
  color:#dbe6f2;
}
.footer-contact{
  margin:8px 0 0;
  font-size:13px;
  color:#dbe6f2;
}
.footer-contact a{
  color:#f3d9a8;
}
.footer-hours{
  margin:2px 0 0;
  font-size:12px;
  color:#9fb4cc;
}
.footer-links{
  display:flex;
  gap:20px;
  font-size:14px;
  margin-top:18px;
}
.footer-link{ color:#cfdbea; }
.footer-link:hover{ color:#fff; }
.footer-link-static{ color:#9fb4cc; }
.footer-copyright{
  font-size:12px;
  color:#9fb4cc;
  margin:14px 0 0;
}

/* =========================================================================
   スマートフォン固定CTA
   ========================================================================= */
.mobile-fixed-cta{
  display:none;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:1500;
  background:#fff;
  border-top:1px solid var(--color-border);
  padding:8px 12px calc(8px + env(safe-area-inset-bottom));
  gap:10px;
  box-shadow:0 -4px 16px rgba(15,36,64,0.12);
}
.mobile-cta-btn{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:8px;
  font-weight:700;
  font-size:15px;
}
.mobile-cta-secondary{
  background:var(--color-blue-light);
  color:var(--color-navy);
  border:2px solid var(--color-navy);
}
.mobile-cta-primary{
  background:var(--color-gold);
  color:#fff;
}
.mobile-cta-btn:hover{ text-decoration:none; opacity:.9; }

/* =========================================================================
   レスポンシブ：タブレット（〜1023px）
   ========================================================================= */
@media (max-width:1023px){
  .job-card-facts .fact-value{
    white-space:normal;
    overflow:visible;
    text-overflow:unset;
  }
  .hero-inner.hero-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "text"
      "photo-r";
    text-align:center;
    gap:28px;
  }
  .hero-text{ grid-area:text; max-width:520px; margin:0 auto; text-align:center; }
  .hero-photo-right{ grid-area:photo-r; max-width:480px; margin:0 auto; aspect-ratio:4 / 3; object-position:center 30%; }
}

/* =========================================================================
   レスポンシブ：スマートフォン（〜767px）
   ========================================================================= */
@media (max-width:767px){
  body{ padding-bottom: calc(var(--mobile-cta-h) + env(safe-area-inset-bottom)); }

  .header-inner{ padding:0 16px; }
  .header-nav{ gap:4px; }
  .header-link{ font-size:12px; padding:8px 6px; }
  .header-btn{ font-size:12px; padding:8px 12px; }
  .header-logo img{ height:32px; }

  .hero{ padding:40px 0 36px; }
  .hero-title{ font-size:32px; }
  .hero-lead{ font-size:17px; }
  .hero-desc{ font-size:14px; }
  .hero-inner.hero-grid{ gap:20px; }
  .hero-photo-right{ max-width:320px; aspect-ratio:4 / 3; object-position:center 30%; }

  .signing-bonus{ padding:16px 18px; margin-bottom:24px; }
  .signing-bonus-items{ flex-direction:column; gap:10px; }
  .signing-bonus-amount{ font-size:23px; }

  .section-inner{ padding:0 20px; }
  .job-nav, .job-detail, .salary-sim, .cta, .notice{ padding:40px 0; }
  .notice{ padding:24px 0; }
  .section-title{ font-size:21px; }
  .job-detail .section-title{ font-size:24px; }
  .detail-group-title{ font-size:19px; }
  .salary-sim .section-note-top{ font-size:15px; }

  .tabs{ gap:8px; }
  .tab-btn{ flex:1; padding:12px 10px; font-size:15px; }

  .job-cards{ grid-template-columns:1fr; max-width:none; }

  .highlight-cards{ grid-template-columns:1fr; gap:10px; }

  .detail-row{ grid-template-columns:1fr; }
  .detail-row-label{ padding:12px 16px 6px; }
  .detail-row-content{ padding:6px 16px 16px; }

  .job-panel-header{ padding:16px 18px; }
  .job-panel-body{ padding:0 18px 22px; }
  .job-panel-title{ font-size:17px; }

  .salary-sim-cta{ padding:28px 20px; }
  .salary-sim-cta .btn{ width:100%; min-width:0; }

  .cta-title{ font-size:20px; }
  .cta-buttons{ flex-direction:column; }
  .btn{ width:100%; }

  .mobile-fixed-cta{ display:flex; }
}

/* =========================================================================
   レスポンシブ：デスクトップ大画面（1440px以上）での余白調整
   ========================================================================= */
@media (min-width:1440px){
  .section-inner{ max-width:1200px; }
}

/* GeneratePress child theme adjustments */
.hero-full{margin-top:0 !important;}
.isezaki-calendar{position:absolute;z-index:10050;width:300px;padding:12px;background:#fff;border:1px solid #b9c9d4;border-radius:10px;box-shadow:0 12px 28px rgba(15,36,64,.22);font-size:14px}.isezaki-calendar[hidden]{display:none}.isezaki-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.isezaki-calendar-header button,.isezaki-calendar-clear{border:0;background:#edf4f8;color:#173456;border-radius:5px;cursor:pointer;font:inherit;padding:5px 10px}.isezaki-calendar-week,.isezaki-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.isezaki-calendar-week{color:#607080;font-size:12px;margin-bottom:4px}.isezaki-calendar-days button{border:0;border-radius:5px;background:#fff;color:#243447;cursor:pointer;font:inherit;padding:7px 0}.isezaki-calendar-days button:hover,.isezaki-calendar-days button[aria-pressed=true]{background:#2f6fa8;color:#fff}.isezaki-calendar-days button:disabled{color:#b6c0c8;cursor:not-allowed;background:#fff}.isezaki-calendar-clear{display:block;width:100%;margin-top:10px}
.application-page,.privacy-page{padding-top:var(--header-h,76px);background:#f3f9fd;min-height:100vh}.application-hero,.privacy-hero{background:linear-gradient(135deg,#173a63 0%,#1f6fb2 100%);color:#fff;padding:76px 0 60px}.application-hero h1,.privacy-hero h1{font-size:clamp(28px,4vw,46px);margin:8px 0 14px;color:#fff}.application-hero p,.privacy-hero p{line-height:1.8}.application-form-wrap,.privacy-content{padding:60px 0 100px}.application-form-card,.privacy-card{background:#fff;max-width:860px;margin:0 auto;padding:38px;border-radius:16px;box-shadow:0 12px 36px rgba(15,58,99,.1)}.application-form-card label{display:block;font-weight:700;margin:0 0 20px}.application-form-card fieldset{border:1px solid #c8ddeb;border-radius:8px;margin:0 0 20px;padding:14px 16px}.application-form-card legend{font-weight:700;padding:0 4px}.application-form-card .date-choice{margin:0 0 20px}.date-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-caption{display:block;font-size:.9em;font-weight:700}.application-form-card input,.application-form-card select,.application-form-card textarea{width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #b9d2e5;border-radius:6px;font:inherit}.application-form-card input[type=radio]{width:auto;margin:0 6px 0 0}.application-form-card .wpcf7-list-item{display:inline-flex;align-items:center;margin:3px 14px 3px 0}.application-form-card textarea{min-height:130px}.application-form-card .wpcf7-submit{display:block;width:100%;border:0;border-radius:999px;background:#1f6fb2;color:#fff;font-weight:700;padding:16px;font:inherit;cursor:pointer}.application-form-card .wpcf7-submit:hover{background:#17639e}.application-form-card .required,.application-date-error{color:#b42318;font-size:.9em}.application-date-error{background:#fff1f0;border:1px solid #f5b7b1;padding:10px 12px;border-radius:6px}.optional{font-size:.85em;color:#566}.privacy-card h2{font-size:1.35rem;margin:2.2rem 0 .7rem;border-left:4px solid #1f6fb2;padding-left:.75rem}.privacy-card h3{font-size:1.05rem;margin:1.35rem 0 .45rem}.privacy-card ol,.privacy-card ul{padding-left:1.4rem;margin:0 0 1rem}.privacy-card p{margin:0 0 1rem}@media(max-width:600px){.application-form-card,.privacy-card{padding:24px 18px}.application-hero,.privacy-hero{padding:52px 0 42px}.date-time-grid{grid-template-columns:1fr}}

/* TOPと同一のヘッダーに統一。黒・炭色のホバー状態は使わない。 */
.maruttocare-isezaki .site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h,76px);background:linear-gradient(90deg,#e8f6ff 0%,#fff 78%);border-bottom:1px solid #dce9f2;box-shadow:0 2px 10px rgba(15,58,99,.08);}
.maruttocare-isezaki .site-header::after{display:none;}
.maruttocare-isezaki .header-inner{max-width:1280px;padding:0 24px;gap:20px;}
.maruttocare-isezaki .brand-logo{height:auto;padding:0;border:0;background:transparent;}
.maruttocare-isezaki .brand-logo-img{height:38px;width:auto;padding:4px 10px;border:0;border-radius:6px;background:#fff;}
.maruttocare-isezaki .gnav{display:flex;align-items:center;gap:28px;flex:1;justify-content:flex-end;}
.maruttocare-isezaki .gnav ul{display:flex;gap:24px;align-items:center;}
.maruttocare-isezaki .gnav ul li{margin:0;}
.maruttocare-isezaki .gnav ul li a{color:#232a33;font-size:14.5px;font-weight:500;padding:6px 2px;}
.maruttocare-isezaki .gnav ul li a:hover,.maruttocare-isezaki .gnav ul li a.current{color:#1f6fb2;text-decoration:none;}
.maruttocare-isezaki .gnav-cta{background:#1f6fb2;color:#fff;border-color:#1f6fb2;white-space:nowrap;}
.maruttocare-isezaki .gnav-cta:hover{background:#17639e;color:#fff;border-color:#17639e;}
.maruttocare-isezaki .hamburger span{background:#232a33;}
@media (max-width:767px){
  .maruttocare-isezaki .header-inner{padding:0 16px;}
  .maruttocare-isezaki .hamburger{display:flex;}
  .maruttocare-isezaki .gnav{position:fixed;top:var(--header-h,76px);right:-100%;width:82%;max-width:320px;height:calc(100vh - var(--header-h,76px));background:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:28px 24px;gap:28px;transition:right .3s ease;box-shadow:-8px 0 24px rgba(15,58,99,.16);overflow-y:auto;}
  .maruttocare-isezaki .gnav.open{right:0;}
  .maruttocare-isezaki .gnav ul{flex-direction:column;align-items:flex-start;gap:22px;width:100%;}
  .maruttocare-isezaki .gnav ul li{width:100%;}
  .maruttocare-isezaki .gnav ul li a{display:block;width:100%;font-size:16px;padding:8px 0;}
  .maruttocare-isezaki .gnav-cta{width:100%;text-align:center;}
}

/* 応募ページのCTAを採用TOPと同じ丸型ボタンに統一。 */
.application-body .gnav-cta{
  min-height:48px;
  padding:14px 28px;
  border:2px solid #1f6fb2;
  border-radius:999px;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  box-shadow:0 3px 10px rgba(23,58,99,.14);
}
@media (max-width:767px){
  .application-body .gnav-cta{width:100%;}
}

/* 参照ページの配色・ヘッダーデザインを保持する。 */
.maruttocare-isezaki .site-header{position:sticky;top:0;left:auto;right:auto;height:var(--header-h);background:rgba(255,255,255,.97);border-bottom:1px solid var(--color-border);box-shadow:none;backdrop-filter:saturate(180%) blur(6px);}
.maruttocare-isezaki .site-header::after{display:block;content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:var(--gradient-gold);}
.maruttocare-isezaki .header-inner{max-width:1200px;height:100%;padding:0 20px;gap:16px;}
.maruttocare-isezaki .header-logo{display:flex;align-items:center;height:100%;padding:0;border:0;background:transparent;}
.maruttocare-isezaki .header-logo img{height:40px;width:auto;}
.maruttocare-isezaki .header-nav{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;}
.maruttocare-isezaki .header-link{color:var(--color-navy);font-weight:500;font-size:14px;padding:10px 8px;min-height:44px;display:flex;align-items:center;white-space:nowrap;}
.maruttocare-isezaki .header-link:hover{color:var(--color-blue);text-decoration:underline;}
.maruttocare-isezaki .header-btn{background:var(--gradient-navy);color:#fff;font-weight:700;font-size:14px;padding:10px 18px;min-height:44px;display:flex;align-items:center;border-radius:8px;white-space:nowrap;box-shadow:0 4px 12px rgba(15,36,64,.22);}
.maruttocare-isezaki .header-btn:hover{background:var(--gradient-navy);color:#fff;transform:translateY(-1px);text-decoration:none;}
.application-page,.privacy-page{padding-top:0;background:#f3f9fd;}.application-hero,.privacy-hero{background:linear-gradient(135deg,#173a63 0%,#1f6fb2 100%);}.application-form-card .wpcf7-submit{background:#1f6fb2;color:#fff;}.application-form-card .wpcf7-submit:hover{background:#17639e;color:#fff;}.privacy-card h2{border-left-color:#1f6fb2;}
.application-body{padding-top:0;}.application-site-header{height:64px;min-height:64px;}.application-site-header .brand-logo-img{height:46px;padding:3px 8px;}.application-site-header .header-inner{padding-top:0;padding-bottom:0;}
.privacy-body{padding-top:0;}
.isezaki-application-fallback label{display:block;font-weight:700;margin:0 0 20px}.isezaki-application-fallback fieldset{border:1px solid #c8ddeb;border-radius:8px;margin:0 0 20px;padding:14px 16px}.isezaki-application-fallback legend{font-weight:700;padding:0 4px}.isezaki-application-fallback input,.isezaki-application-fallback textarea{width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #b9d2e5;border-radius:6px;font:inherit}.isezaki-application-fallback input[type=radio]{width:auto;margin:0 6px 0 0}.isezaki-application-fallback fieldset label{display:inline-flex;align-items:center;margin:3px 14px 3px 0}.isezaki-application-fallback textarea{min-height:130px}.isezaki-application-fallback button{display:block;width:100%;border:0;border-radius:999px;background:#1f6fb2;color:#fff;font-weight:700;padding:16px;font:inherit;cursor:pointer}.isezaki-application-fallback button:hover{background:#17639e;color:#fff}
@media(max-width:600px){.maruttocare-isezaki .header-inner{padding:0 16px}.maruttocare-isezaki .header-nav{gap:4px}.maruttocare-isezaki .header-link{font-size:12px;padding:8px 6px}.maruttocare-isezaki .header-btn{font-size:12px;padding:8px 12px}.maruttocare-isezaki .header-logo img{height:32px}}