html {
	font-size: 100%;
}

body {
	text-align: left;
	font-family: system-ui, -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	line-height: 1.7;
	margin: 0;
	padding: 1rem;
	font-size: clamp(16px, 4vw, 18px);
}

select {
	padding: 2px;
	margin: 2px;
}

/* RESPONSIVE setting
------------------------------------------------------------*/
/* iPad and Android */
@media only screen and (max-width: 768px){
	#oVideo {
		width: 90%;
		height: auto;
		margin: 2px;
		padding: 2px;
	}
}
/* PC */
@media only screen and (max-width: 1200px){
	#oVideo {
		width: 80%;
		height: auto;
		margin: 2px;
		padding: 2px;
	}
}
/* iPhone SE */
@media only screen and (max-width: 480px){
	#oVideo {
		width: 80%;
		height: auto;
		margin: 2px;
		padding: 2px;
	}
}