/* スマホの文字サイズ・配置の調整 / 制作：みろん
 * 書体と太さは従来の各CSSを使用。キャッチコピー・大見出しは元の明朝体。 */
@media (max-width: 700px) {
  .section-heading h2 { font-size: clamp(26px, 7vw, 32px); line-height: 1.6; letter-spacing: .04em; }
  .has-mascot h2 { font-size: clamp(24px, 6.5vw, 30px); }
  .profile-copy h3 { font-size: clamp(26px, 7vw, 30px); letter-spacing: .04em; }
  .profile-subheading h3, .visual-caption h3, .design-heading h3, .contact-heading h3 { font-size: 22px; line-height: 1.6; letter-spacing: .04em; }
  .bio, .hero-description { font-size: 14px; line-height: 2; }
  .facts dd, .community-list dd { font-size: 15px; line-height: 1.8; }
  .facts dt, .community-list dt, .creator-role { font-size: 12px; line-height: 1.8; }
  .platform-link strong, .social-list strong { font-size: 26px; line-height: 1.3; }
  .platform-link small, .social-caption, .heading-note { font-size: 13px; line-height: 1.8; }
  .community-list > div { grid-template-columns: 78px minmax(0, 1fr); gap: 12px; }
  .creator-list > li { grid-template-columns: 94px minmax(0, 1fr); }
  .design-heading { flex-wrap: wrap; }
}
@media (max-width: 370px) {
  .community-info { padding-inline: 14px; }
  .community-list > div { grid-template-columns: 70px minmax(0, 1fr); gap: 10px; }
  .community-list dt { font-size: 11px; white-space: nowrap; }
  .community-list dd { font-size: 14px; }
  .creator-list > li { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .creator-list a { gap: 4px; }
}