@media screen and (max-width: 1024px) {
	body {
        background: url(/img/event/20250930Collaboration/main_bg_m.jpg) no-repeat 0% 20%;
        background-size: cover;
    }	
	img {
			max-width: 100%;
	}
	#home {
        height: 1350px;;
    }
	.logo {
		margin-top: 5%;
	}
	.slogan {
		width: 60%;
		margin-top: 40%;
	}
    img.slogan_effect {
        top: 25px;
        z-index: 0;
    }
	.bottom {
		width: 100%;
	}
	.btn {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	footer .wrap {
		width: 100%;
	}
		.footerbox {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
	}
	.footerbox > div {
		margin: 5px;
	}
	.copyright {
	    text-align: center;
	}
	.copyright p {
		text-align: left;
	}
		
}
@media screen and (max-width: 820px) {
    html, body {
        width: 100%;
        overflow-x: hidden;
    }    	
	.logo {
        width: 70%;
        margin-top: 8%;
    }
    .slogan {
        width: 58%;
        margin-top: 30%;
        margin-bottom: 15%;
    }
	img.slogan_effect {
		top: 40px;
	}
	img.sTitle {
		width: 80%;
	}
    .game_link {
        /*display: none;*/
    }
    nav .game_link {
        display: block;
        right: 0;
        top: 0;
        margin: 90px auto;
        position: relative;
        transform: scale(2);
    }
	
    
   
	.copyright {
		max-width: 560px;
	}
    .copyright a, .copyright p, .grade li {
		font-size: 1.2rem;
		line-height: 1.5;
	}
	.grade {
		max-width: 560px;
	}


    /*----footer----*/
    footer .store {
        margin: 0 auto 30px;
    }
}
@media screen and (max-width: 780px) {

	
}
@media screen and (max-width: 540px) {

}
@media screen and (max-width: 480px) {

    /*----footer----*/
    footer {
        padding: 30px 15px 20px;
    }
}