body { font-family: "Helvetica Neue", Arial, Hiragino Kaku Gothic ProN, Meiryo, sans-serif; color: #333; line-height: 1.6; margin: 0; }
    h1, h2, h3 { color: #003855; }
    .container { max-width: 960px; margin: 0 auto; padding: 0 20px; }
    .header { background: #fff; padding: 20px 0; border-bottom: 2px solid #0066cc; }
    .logo { max-width: 200px; display: block; }
    .nav-bar { background: #003855; padding: 10px 0; }
    .nav-bar a { color: #fff; text-decoration: none; padding: 10px 15px; display: inline-block; }
    .slider { background: #f4f4f4; height: 300px; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }
    .main-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 30px; padding: 20px 0; }
    .plan-table { width: 100%; border-collapse: collapse; margin: 20px 0; }
    .plan-table td { border: 1px solid #ddd; padding: 10px; text-align: center; }
    .contact-cta { background: #0082f3; color: #fff; padding: 15px; text-align: center; text-decoration: none; display: block; font-weight: bold; border-radius: 5px; }
    .footer { background: #1a2744; color: #fff; padding: 20px; text-align: center; margin-top: 40px; }
    .footer a { color: #888; margin: 0 10px; text-decoration: none; }
    @media (max-width: 768px) { .main-grid { grid-template-columns: 1fr; } }