@media screen and (min-width: 800px) {
    body {
        position: relative;
        background: #ffffff !important;
        margin: 0;
        padding: 0;
    }
    
    /* メインコンテナを中央に配置 */
    .container {
        position: absolute !important;
        left: 50% !important;
        top: 0 !important;
        transform: translateX(-50%) !important;
        width: 40% !important;
        height: 100vh !important;
        z-index: 10;
    }
    
    /* PC版CTAエリア */
    .pc-ver {
        position: absolute !important;
        left: 2% !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 27% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        z-index: 20;
    }
    
    /* PC版ヘッダー */
    .pc-ver .header {
        position: static !important;
        padding: 0px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        flex-shrink: 0 !important;
    }
    
    .pc-ver .logo {
        width: 50%;
        margin-bottom: 15px !important;
    }
    
    .pc-ver .phone-cta-main {
        background: linear-gradient(135deg, #4caf50 0%, #45a049 100%) !important;
        color: white !important;
        padding: 12px 28px !important;
        border: none !important;
        border-radius: 50px !important;
        font-size: 1rem !important;
        font-weight: bold !important;
        text-decoration: none !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3) !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }
    
    .pc-ver .phone-cta-main:hover {
        background: linear-gradient(135deg, #45a049 0%, #3e8e41 100%) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4) !important;
    }
    
    .pc-ver .phone-icon {
        font-size: 1.2rem !important;
    }
    
    /* PC版コンテンツエリア */
    .pc-ver .content-area {
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 30px 20px !important;
        background: #ffffff !important;
        text-align: center !important;
    }
    
    .pc-ver .content-text {
        color: #666 !important;
        font-size: 1rem !important;
        line-height: 1.6 !important;
    }
    
    /* PC版フッター */
    .pc-ver .footer {
        position: static !important;
        padding-top: 8px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-shrink: 0 !important;
		background-color: inherit !important;
		width: 60%;
        margin: auto;
    }
    
    .pc-ver .reserve-btn {
        background: #d32f2f !important;
        color: white !important;
        padding: 15px 30px !important;
        border: none !important;
        border-radius: 50px !important;
        font-size: 1.1rem !important;
        font-weight: bold !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 15px rgba(211, 47, 47, 0.3) !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .pc-ver .reserve-btn:hover {
        background: #b71c1c !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(211, 47, 47, 0.4) !important;
    }
    
    /* 元のヘッダー・フッターを非表示 */
    body > .header,
    body > .footer {
        display: none !important;
    }
    
    /* インジケーターの調整 */
    .swipe-indicator {
        right: 5% !important;
        z-index: 100 !important;
    }
    
    .dot {
        background: rgba(100, 146, 255, 0.4) !important;
        width: 12px !important;
        height: 12px !important;
    }
    
    .dot.active {
        background: #6492ff !important;
        transform: scale(1.3) !important;
    }
    
    .dot:hover {
        background: rgba(100, 146, 255, 0.7) !important;
        transform: scale(1.1) !important;
    }
    
    /* スクロールヒントの調整 */
    .scroll-hint {
        color: #333 !important;
        background: rgba(255, 255, 255, 0.9) !important;
        padding: 10px 20px !important;
        border-radius: 25px !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    }
    
    .arrow-down {
        color: #6492ff !important;
    }
    
    /* メインコンテンツの画像調整 */
    .main-content img {
        max-width: 100% !important;
        height: auto !important;
        max-height: calc(100vh - 40px) !important;
        object-fit: contain !important;
    }
}
@media screen and (max-width: 500px) {
.main-content img {
    margin-top: -4rem;
}
.section5 .main-content img {
    margin-top: -5rem;
	width:90% !important;
}
.footer a {
    width: 70% !important;
}
    .footer {
        padding: 8px !important;
    }
}