@charset "UTF-8";

@media screen and (min-width: 768px) and (max-width: 1100px) {
    body { font-size: 1.3rem; }
    .header-inner { min-height: 70px; }
    .site-logo img { width: 140px; }
    .nav-list { font-size: 1.2rem; gap: 22px; }
    .hero { padding-top: 85px; padding-bottom: 85px; }
    .hero-message h2 { font-size: 1.7rem; }
    .box-two { gap: 28px; }
    .works-grid { row-gap: 55px; margin-top: 60px; }
    .page-section { padding-top: 75px; padding-bottom: 100px; }
    .works-card-title { font-size: 1.3rem; }
    .works-role { font-size: 1rem; }
    .tool-list { gap: 8px; }
    .tool-list li, .tool-list img { width: 48px; }
    .tool-list span { font-size: .9rem; }
    .profile { gap: 30px; }
    .strength-row { grid-template-columns: 100px 1fr; }
    .works-detail-outline { padding: 30px 40px; }
}