/* スマホ用 */
@media screen and (max-width: 800px) {
	
    /* ヘッダー部分_スマホ用 */
    #header-pcmenu {
        display: none;
    }
    #header-spmenu-open-btn {
        display: inline-block;
        text-align: right;
    }
    #header-spmenu{
        display: none; /* 初期状態で非表示 */
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        max-height: 100%;
        background: #333; /* 背景色を指定 */
        transform: translateX(100%); /* 初期状態は画面外に配置 */
        transition: transform 0.3s ease; /* 開閉のアニメーション */
        z-index: 1000;
    }
    #header-close-btn {
        display: block;
        text-align: right;
        padding: 10px;
        color: white;
        cursor: pointer;
    }
    .header-spmenu-item {
        color: white;
        padding: 10px;
    }
    #header-spmenu ul li a {
        color: #fff;
    }



    .header-logo img {
        height: 20px;
    }
    .hero img {
        width: 280px;
        height: auto;
    }
    .hero-text p{
        font-size:20px; 
    }
    .hero-slider:{
        height: 300px;
    }
    .hero h1 {
        width: 400px;
    }
    .index-main-copy{
        font-size: 24px; 
        padding: 0 24px;
    }
    

    
    
    .footer-container {
        margin:0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-left{
        width: 80%;
    }
    .footer-left img {
        width: 80%;
        margin: 20px 0;
    }
    .footer-right{
        width: 100%;
    }
    

}