@charset "utf-8";

/* トップ調整　vhは、アドレスバーを含めた高さも取得してしまう
-------------------------------------------------------------- */
html,
body{
	height:100%;
	overflow:hidden;
}

/* ロゴ
------------------------------------------------------------*/
h1.logo {
	width: 200px;
	height: 244px;
	margin: auto;
	position: absolute;
	left: 5%;
	bottom: 70px;
	z-index:3;
}
h1.logo img {
	background: rgba(255,255,255,0.8);
	padding: 10px;
}
@media (max-width: 768px) {
h1.logo {
	width: 120px;
	height: 146px;
	bottom: 100px;
}
}

/* キャッチコピー
------------------------------------------------------------*/
.copy {
	width: 150px;
	height: 566px;
	margin: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index:3;
}
.copy img {
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.7));
}
@media (max-width: 768px) {
.copy {
	width: 100px;
	height: 377px;
}
}