@charset "utf-8";
* {
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	text-align: center;
}
#row2-dt {
	position: relative;
	border: 1px;
	text-align: center;
	display: block;
}
#row2-mb {
	display: none;
}
img {
	width: auto;
}
input {
	outline: none;
}

@media all and (min-width: 480px) and (max-width: 768px) {
img {
	width: 100%;
}
.container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
}
#row2-dt {
	display: none;
}
.logo {
	vertical-align: middle;
	text-align: center;
	display: block;
	max-height: 80%;
	margin: 0 auto;
}
.logo img {
	width: 65%;
}
#row2-mb {
	position: relative;
	border: 1px;
	text-align: center;
	display: block;
	height: auto;
}
}

@media all and (max-width: 480px) {
img {
	width: 100%;
}
.container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}
#row2-dt {
	display: none;
}
.logo {
	display: block;
	height: auto;
}
#row2-mb {
	position: relative;
	border: 1px;
	text-align: center;
	display: block;
	height: auto;
}
}