@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: 767px) {
}
@media screen and (min-width: 768px) {
	#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: 768px) and (max-width: 960px)  {
}
@media screen and (min-width: 961px) and (max-width: 1024px)  {
}
@media screen and (min-width: 1025px) and (max-width: 1319px)  {
}
@media screen and (min-width: 1320px) {
	#mv { margin-bottom: 80px; }
}