* {
	margin: 0px;
	padding: 0px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

body {
	position: relative;
	min-height: 680px;
	padding-bottom: 40px;
	background: url(../img/bg.jpg) center / cover no-repeat;
}
.logo {
	padding: 1.5vw;
	width: 44vw;
}
.textbox {
	/* position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%); */
	width: 50%;
	margin: 0px auto;
	padding: 5em 0px;
	border-radius: 1.5rem;
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
}
.title {
	width: 78%;
	margin: 0px auto 1em;
}
.date {
	width: 40%;
	margin: 0px auto 1.5em;
}
.text {
	font-size: 1.5em;
	font-weight: 500;
}

@media screen and (max-width: 1300px) {
	.textbox {
		width: 70%;
	}
}

@media screen and (max-width: 986px) {
	.logo {
		width: 60vw;
	}
	.textbox {
		width: 80%;
	}
	.text {
		font-size: 1.3em;
	}
}

@media screen and (max-width: 768px) {
	.logo {
		width: 80vw;
		padding: 2.5vw;
	}
	.textbox {
		width: 92%;
		padding: 10vw 5vw;
		box-sizing: border-box;
	}
	.title {
		width: 100%;
	}
	.date {
		width: 50%;
	}
	.text {
		font-size: 1em;
	}
}