html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	background-color: #000;
}
/*
@font-face {
	font-family: "notosansjp-regular-webfont";
	src: url("../font/notosansjp-regular-webfont.woff2") format("woff2");
}
@font-face {
	font-family: "kosugimaru-regular";
	src: url("../font/kosugimaru-regular.ttf") format("truetype");
}
*/

h1, h2, h3, h4, p {
	margin: 0;
	line-height: 100%;
}

*,
*:before,
*:after {
	box-sizing: border-box;
	user-select: none;
}

.container {
	position: relative;
	width: 100%;
	height: 100%;
}

.contents,
.openingSection,
.startSection,
.questionSection,
.explanationSection,
.resultSection,
.endSection,
.inductionSection {
	font-size: 0;
	position: relative;
	width: fit-content;
	height: fit-content;
	margin: 0 auto;
	line-height: 0;
}
.contents > img,
.openingSection > img,
.startSection > img,
.questionSection > img,
.explanationSection > img,
.resultSection > img,
.endSection > img,
.inductionSection > img {
	width: 100%;
	height: auto;
	max-height: 100vh;
	margin: 0 auto;
}

@media (max-device-width: 768px) and (orientation: landscape){
	.contents > img,
	.openingSection > img,
	.startSection > img,
	.questionSection > img,
	.explanationSection > img,
	.resultSection > img,
	.endSection > img,
	.inductionSection > img {
		width: auto;
		height: 100%;
		max-height: 100%;
	}
}