/* Smartphone typography tuning. Loaded last so page layouts stay intact. */

@media (max-width: 767px) {
  html,
  body {
    font-size: 14px;
  }

  main :is(p, li, dd, dt, th, td) {
    font-size: 14px;
  }

  .home-hero-bottom p,
  .home-section-head p,
  .home-occupation-copy p,
  .home-company .home-section-head p,
  .home-workstyle .home-section-head p,
  .home-interviews .home-section-head p,
  .home-before-entry .home-section-head p,
  .home-recruit-list .home-section-head p,
  .rs-hero .ph-title .lede,
  .recruit-hero .ph-title .lede,
  .about-hero .ph-title .lede,
  .biz-hero .ph-title .lede,
  .company-hero .ph-title .lede,
  .page-hero .ph-title .lede,
  .faq-hero .ph-title .lede,
  .iv-archive-hero .ph-title .lede,
  .rs-intro p,
  .rs-section-text p,
  .rs-info-card p,
  .rs-qa-item p,
  .rs-timeline-text p,
  .recruit-table-new td,
  .recruit-card-new p,
  .faq-page-body .faq-item p,
  .iv-lead p,
  .iv-section-body p,
  .iv-extra-profile p,
  .iv-profile-body p {
    font-size: 14px;
    line-height: 1.95;
  }

  .home-hero-title {
    font-size: 32px;
    line-height: 1.45;
  }

  .home-hero-statement {
    font-size: 16px;
    line-height: 1.8;
  }

  .mv-headline h1,
  .entry-cta h2,
  .rs-cta h2,
  .home-section-head h2,
  .home-occupation-copy h2,
  .home-company .home-section-head h2,
  .home-workstyle .home-section-head h2,
  .home-before-entry .home-section-head h2,
  .home-recruit-list .home-section-head h2,
  .home-interviews .home-section-head h2,
  .section-title h2,
  .matching-intro h2,
  .photo-gallery .gallery-head h2 {
    font-size: 26px;
    line-height: 1.5;
  }

  .rs-hero .ph-en,
  .recruit-hero .ph-en,
  .about-hero .ph-en,
  .biz-hero .ph-en,
  .company-hero .ph-en,
  .page-hero .ph-en,
  .faq-hero .ph-en,
  .iv-archive-hero .ph-en {
    font-size: 38px;
  }

  .rs-hero .ph-title h1,
  .recruit-hero .ph-title h1,
  .about-hero .ph-title h1,
  .biz-hero .ph-title h1,
  .company-hero .ph-title h1,
  .page-hero .ph-title h1,
  .faq-hero .ph-title h1,
  .iv-archive-hero .ph-title h1,
  .iv-hero .iv-title {
    font-size: 24px;
    line-height: 1.55;
  }

  .rs-intro h2,
  .rs-section-title,
  .rs-blocks h3,
  .rs-split-block h3,
  .recruit-group-head h2,
  .recruit-detail-head h2,
  .matching-result-body h2 {
    font-size: 22px;
    line-height: 1.6;
  }

  .home-interview-body p,
  .recruit-card-new h3,
  .rs-info-card h3,
  .rs-question,
  .faq-page-body .faq-item h3,
  .matching-question-text,
  .iv-section-title,
  .iv-extra-title {
    font-size: 18px;
    line-height: 1.65;
  }

  .rs-section-num,
  .recruit-group-num,
  .matching-result-percent strong {
    font-size: 54px;
  }

  .rs-card-num,
  .rs-stat-value,
  .matching-result-percent small {
    font-size: 24px;
  }

  main :is(small, figcaption),
  .home-kicker,
  .rs-intro-kicker,
  .rs-section-label,
  .rs-photo-label,
  .rs-profile-table dt,
  .recruit-table-new th,
  .iv-hero .breadcrumb,
  .rs-hero .breadcrumb,
  .recruit-hero .breadcrumb {
    font-size: 12px;
  }
}