/* Phone-sized editorial layouts; desktop composition stays unchanged. */
@media (max-width:760px) {
  body[data-four-home] .recruit.recruit-full { padding:44px 6% 40px; }
  body[data-four-home] .recruit-heading {
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
    gap:18px; align-items:center; margin-top:24px;
  }
  body[data-four-home] .recruit-full h2 {
    font-size:clamp(32px,8.5vw,54px); line-height:1.45; letter-spacing:-.03em;
  }
  body[data-four-home] .recruit-full h2>span { margin-left:.18em; }
  body[data-four-home] .recruit-heading>p {
    font-size:14px; line-height:1.95; letter-spacing:.015em; padding:0; margin:0;
  }
  body[data-four-home] .recruit-heading>p br { display:none; }
  body[data-four-home] .recruit-roles {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:30px;
  }
  body[data-four-home] .recruit-roles article { padding-top:18px; margin:0; }
  body[data-four-home] .recruit-roles h3 {
    font-size:clamp(17px,4.6vw,24px); line-height:1.7; letter-spacing:0; margin:10px 0 12px;
  }
  body[data-four-home] .recruit-roles h3>span { display:block; white-space:nowrap; }
  body[data-four-home] .recruit-roles p { font-size:14px; line-height:1.85; letter-spacing:0; }
  body[data-four-home] .recruit-roles p br { display:none; }
  body[data-four-home] .recruit-destinations { margin-top:30px; padding-top:0; }
  body[data-four-home] .recruit-domestic,
  body[data-four-home] .recruit-overseas { padding:26px 0; gap:18px; }
  body[data-four-home] .recruit-destinations .recruit-destination-kicker { margin:0 0 12px; }
  body[data-four-home] .recruit-destinations h3 { font-size:25px; margin-bottom:12px; }
  body[data-four-home] .recruit-destinations .recruit-overseas h3 { font-size:25px; }
  body[data-four-home] .recruit-destinations .recruit-links { margin-top:0; }
  body[data-four-home] .recruit-destinations .recruit-links a {
    font-size:14px; min-height:48px; padding:9px 0; letter-spacing:.015em;
  }
  body[data-four-home] .recruit-destinations .recruit-links a>span:last-child { font-size:23px; }
  body[data-four-home] .recruit-destinations .recruit-links small { margin-top:10px; }
}

@media (max-width:600px) {
  /* Keep the paper strip inside a reserved gap between both city labels. */
  body[data-four-home][data-four-plan=a] .entrance .inside-greeting {
    width:30px; padding:16px 5px; font-size:17px; line-height:20px;
    letter-spacing:.1em; box-sizing:border-box; white-space:nowrap;
  }
  body[data-four-home][data-four-plan=a] .room-label { left:20px; right:22px; bottom:20px; }
  body[data-four-home][data-four-plan=a] .room-kyoto .room-label,
  body[data-four-home][data-four-plan=a] .room-malaysia .room-label { left:24px; right:15px; }
  body[data-four-home][data-four-plan=a] .room-label>p { font-size:11px; letter-spacing:0; }
  body[data-four-home][data-four-plan=a] .room-label h2 { font-size:clamp(25px,6.8vw,34px); }
  body[data-four-home][data-four-plan=a] .room-malaysia .room-label h2 { font-size:clamp(21px,5.4vw,28px); }
  body[data-four-home][data-four-plan=a] .room-roppongi .room-visit { padding-right:0; }
  body[data-four-home] .room-visit { font-size:11px; }
}

@media (max-width:360px) {
  body[data-four-home][data-four-plan=a] .room-label { left:12px; right:20px; }
  body[data-four-home][data-four-plan=a] .room-kyoto .room-label,
  body[data-four-home][data-four-plan=a] .room-malaysia .room-label { left:21px; right:10px; }
  body[data-four-home] .recruit-heading { gap:14px; }
  body[data-four-home] .recruit-roles { gap:16px; }
  body[data-four-home] .recruit-destinations h3 { font-size:23px; }
}