@charset "UTF-8";

#mv  { overflow-x: hidden; }

#wrapper { position: relative; }
#video { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100vh; }

@media screen and (max-width: 599px) {
}
@media screen and (min-width: 600px) {
	#mv  { margin-bottom: 40px; }
	
	.textBox { position: relative; background: #fff; border: 3px solid #333; padding: 10px 20px; width: 65%; margin-left: 15%; margin-top: -50px; }
	.swImg { width: 80%; margin: 0; }
	.textBox h4 { font-size: 0.9rem; font-weight: bold; margin-bottom: 10px; }
	.textBox dl { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.textBox dl dd { margin-right: 1%; margin-bottom: 5px; padding: 1px 5px; font-size: 0.7rem; background: #333; color: #fff; }

}
@media screen and (min-width: 600px) and (max-width: 899px)  {
}
@media screen and (min-width: 900px) and (max-width: 1079px)  {
}
@media screen and (min-width: 1080px) and (max-width: 1199px)  {
}
@media screen and (min-width: 1200px) and (max-width: 1479px)  {
}
@media screen and (min-width: 1480px) {
	#mv  { margin-bottom: 80px; }
}