/* メインサイトのモバイル専用調整。事業の下層ページには適用しない。 */
@media (max-width: 700px) {
  .main-home .header-inner { min-height: 72px; }
  .main-home .brand { gap: 9px; }
  .main-home .brand > span:last-child { font-size: 26px; letter-spacing: .3px; }
  .main-home .menu-toggle { width: 46px; height: 46px; }
  .main-home #site-nav { padding: 10px 24px 24px; }
  .main-home #site-nav > a:not(.button) { padding: 14px 0; min-height: 48px; }

  .main-home .corporate-hero { height: clamp(560px, 149vw, 720px); }
  .main-home .corporate-hero-image { object-position: center; }
  .main-home .hero-center-glow {
    background: radial-gradient(ellipse 67% 27% at 50% 48%, #ffffffe0 0%, #ffffffc0 45%, #ffffff35 76%, transparent 100%);
  }
  .main-home .corporate-hero-copy {
    inset: 31% 12px auto;
    height: 35%;
    padding: 0;
    justify-content: center;
    pointer-events: none;
  }
  .main-home .corporate-hero h1 {
    font-size: clamp(29px, 8.6vw, 43px);
    line-height: 1.5;
    letter-spacing: .045em;
    text-shadow: 0 1px 12px #fff9;
  }
  .main-home .corporate-hero-copy > p {
    font-size: clamp(12px, 3.35vw, 15px);
    line-height: 1.9;
    letter-spacing: .025em;
    margin-top: 12px;
  }
  .main-home .hero-badge {
    width: 68px;
    height: 68px;
    padding: 9px 3px;
    gap: 4px;
  }
  .main-home .hero-badge svg { width: 25px; height: 25px; }
  .main-home .hero-badge span { font-size: 9px; }
  .main-home .badge-office { left: 5%; top: 18%; bottom: auto; }
  .main-home .badge-systems { right: 5%; top: 18%; bottom: auto; }
  .main-home .badge-logistics { left: 4%; bottom: 16%; }
  .main-home .badge-web { right: 4%; bottom: 16%; }
  .main-home .badge-agency { right: calc(50% - 34px); bottom: 4.5%; }
  .main-home .badge-agency span { font-size: 8px; }
  .main-home .scroll-cue { left: 50%; bottom: 8px; gap: 2px; font-size: 10px; }

  .main-home .business-section { padding: 27px 0 30px; }
  .main-home .business-section-title { font-size: 23px; margin-bottom: 20px; }
  .main-home .business-grid { gap: 16px; }
  .main-home .business-card { padding: 21px 18px; min-height: 214px; }
  .main-home .business-heading { gap: 10px; align-items: flex-start; }
  .main-home .business-heading > div { min-width: 0; }
  .main-home .business-heading > svg { width: 34px; height: 35px; flex-basis: 34px; }
  .main-home .business-heading h3 { font-size: 18px; line-height: 1.45; text-wrap: balance; }
  .main-home .business-heading p { font-size: 11px; line-height: 1.7; margin-top: 3px; }
  .main-home .business-description { margin-top: 17px; font-size: 14px; line-height: 1.9; }
  .main-home .business-description br { display: none; }
  .main-home .business-office, .main-home .business-logistics { min-height: 236px; }
  .main-home .business-office .business-heading h3,
  .main-home .business-logistics .business-heading h3 { font-size: 20px; }
  .main-home .business-office .business-description,
  .main-home .business-logistics .business-description { font-size: 14px; line-height: 1.9; }
  .main-home .business-office .business-description { max-width: 73%; }
  .main-home .business-office:after {
    background: linear-gradient(90deg, #a94700 0%, #a94700ed 37%, #a94700b0 65%, transparent 100%);
  }
  .main-home .business-logistics:after {
    background: linear-gradient(90deg, #a92e09 0%, #a92e09ed 36%, #a92e09a0 66%, transparent 100%);
  }
  .main-home .business-logistics ul { width: 79%; column-gap: 18px; row-gap: 1px; }
  .main-home .business-arrow { width: 44px; height: 44px; bottom: 17px; right: 16px; }
  .main-home .business-systems .business-heading h3 { font-size: 16px; }
  .main-home .business-systems .business-heading p { font-size: 10px; }
  .main-home .business-systems .business-description { font-size: 14px; max-width: 67%; }
  .main-home .business-systems .business-photo { height: 132px; width: 32%; }
  .main-home .business-web .business-description { font-size: 14px; max-width: 61%; }
  .main-home .business-web { min-height: 225px; }
  .main-home .web-devices { width: 35%; bottom: 45px; right: 18px; }
  .main-home .business-agency { min-height: 238px; }
  .main-home .business-agency .business-description p { font-size: 14px; padding-right: 12px; }
  .main-home .business-agency .partner-names { margin: 15px 40px 0 0; gap: 17px; flex-wrap: wrap; }

  .main-home .corporate-footer { padding: 30px 0 20px; }
  .main-home .footer-grid { gap: 27px 18px; }
  .main-home .footer-company address { font-size: 13px; }
  .main-home .footer-company > p { font-size: 13px; line-height: 1.9; }
  .main-home .footer-grid h2 { font-size: 14px; }
  .main-home .footer-grid nav a,
  .main-home .footer-business-link { font-size: 12px; min-height: 44px; padding: 8px 0; line-height: 1.8; }
  .main-home .footer-info > a { font-size: 13px; padding: 6px 0; }
  .main-home .footer-info summary { min-height: 44px; padding: 10px 0; }
  .main-home .corporate-footer .footer-phone { font-size: 24px; padding: 5px 0; }
  .main-home .back-top { width: 44px; height: 44px; line-height: 41px; }
  .main-home .business-dialog { max-height: calc(100dvh - 40px); overflow-y: auto; }
}
@media (max-width: 360px) {
  .main-home .brand > span:last-child { font-size: 24px; }
  .main-home .hero-badge { width: 60px; height: 60px; }
  .main-home .badge-agency { right: calc(50% - 30px); }
  .main-home .business-card { padding-inline: 15px; }
  .main-home .business-heading h3,
  .main-home .business-office .business-heading h3,
  .main-home .business-logistics .business-heading h3 { font-size: 18px; }
  .main-home .business-systems .business-heading h3 { font-size: 14px; }
  .main-home .business-heading p { font-size: 10px; }
  .main-home .business-logistics ul { column-gap: 12px; font-size: 13px; }
  .main-home .footer-grid { grid-template-columns: 1fr; }
  .main-home .footer-company, .main-home .footer-info { grid-column: auto; }
}
@media (max-width: 700px) {
  .main-home .badge-agency { bottom: 7%; }
  .main-home .business-office:after {
    background: linear-gradient(90deg, #a94700 0%, #a94700f5 55%, #a94700e0 72%, transparent 100%);
  }
  .main-home .business-logistics:after {
    background: linear-gradient(90deg, #a92e09 0%, #a92e09f5 55%, #a92e09e0 72%, transparent 100%);
  }
}