@charset "UTF-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.mainwrap {
	background-position: left top,right top,right bottom,left bottom;
	height: 100vh;
}
.box {
	margin: 0 auto;
	text-align: center;
	color: #333;
	font-size: 1.6rem;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	position: relative;
	top: 30%;
}
.pc_br {
    display: none;
}
.sp_br {
	display: block;
}
.logo {
	margin-top: 20px;
}
.logo img {
	max-width: 90%;
}
@media screen and (max-width: 768px){
	.mainwrap {
		background-size: 20%;
	}
	.box {
		font-size: 1.2rem;
	}
	.pc_br {
		display: block;
	}
	.sp_br {
		display: none;
	}
}


@media screen and (min-width: 960px) { /* スマホとタブレット以外はこっちを適用 */
    .bg-pc{
        height: 100vh !important; /* !importantを使用し、jQueryを打ち消し */
    }
    h1{
        padding-top: 47.5vh !important; /* !importantを使用し、jQueryを打ち消し */
        font-size: 5vh !important; /* !importantを使用し、jQueryを打ち消し */
    }
}