@charset "UTF-8";

#splash {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  background:#73B5C7;
  text-align:center;
  color:#006F99;
}

h1 img {
	width:100%;
}

/*@media screen and (max-width: 768px) { 
h1 img {
	width:100%;
	height:61vw;
	object-fit:cover;
}
}*/

#pspLogo {
	position:absolute;
	top:20px;
	left:20px;
}

#seibuLogo {
	position:absolute;
	top:20px;
	right:20px;
}

#wrap { width:100%; background:#fff;}

@media screen and (min-width: 769px) {
#wrap { width:767px; margin:0 auto; overflow:scroll; height:100vh;}
}

#pageTop {
	position:fixed;
	right:20px;
	bottom:20px;
}
#pageTop a {
	color: #CCC;
	font-size:2.4rem;
	text-decoration:none;
}

footer {
	text-align:center;
	padding:70px 15px 30px;
	/*background:linear-gradient(rgba(0,0,0,0),rgba(207,18,27,1));*/
	color:#fff;
	background: #FF4743;
}
footer p.ftrTxt1 {
	margin:0 auto;
	text-align:center;	
	font-size:1.6rem;
}
footer p.ftrTxt2 {
	font-size:2.1rem;
	font-weight:bold;
	color:#fff;
}
footer p.ftrTxt3 {
	font-size:1.8rem;
	color:#fff;
}
footer div.ftrBox {
	margin:0 auto 30px;
	padding:20px 25px;
	text-align:center;
	/*background:#1cb7cc;*/
	border:solid 1px #fff;
}

@media screen and (max-width: 768px) { 
footer {padding:20px 10px 30px;}
footer p.ftrTxt1,div.ftrBox p.ftrTxt2,div.ftrBox p.ftrTxt3 {font-size:1.0rem;}
footer p.ftrTxt1 { width:100%;}
footer div.ftrBox { width:100%;}
}

footer ul {
	margin:40px 0;
	display:flex;
	justify-content:center;
	align-items:center;
}
footer ul li {
	margin:0 10px;
}

.fade{
  opacity : 0;
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
}
 
.fade.view{
  opacity: 1;
  transform: translateY(0);
}

@media screen and (max-width: 768px) { 
.fade{
  opacity : 1;
}
}