/* レスポンシブ対応用追加スタイル */
@media (max-width: 1800px) {
    main, .content-wrapper, .container, .section, .hero-section, .features-section, .info-section, .services-section {
        width: 95%;
        max-width: 100%;
        padding: 1.5rem;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }
    
    img, table, iframe, video {
        max-width: 100%;
        height: auto;
    }
    
    .row, .flex-container, .grid-container {
        flex-wrap: wrap;
    }
    
    .hero-content, .feature-card, .service-card {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* 画面幅1800px以下のスタイル */
@media screen and (max-width: 1800px) {
    body {
        max-width: 100%;
        overflow-x: hidden;
    }
    
    .container {
        width: 95%;
        max-width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    section {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    .content-wrapper {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
    
    table {
        width: 100%;
        max-width: 100%;
        display: block;
        overflow-x: auto;
    }
}

/* タブレットサイズ向けスタイル */
@media screen and (max-width: 1024px) {
    /* 既存のタブレット用スタイルがあればここに追加 */
}

/* モバイルサイズ向けスタイル */
@media screen and (max-width: 768px) {
    /* 既存のモバイル用スタイルがあればここに追加 */
}