@charset "UTF-8";

h1 img {
	width:100%;
	padding:0;
}
#pspLogo {
	position:absolute;
	top:20px;
	left:20px;
}
#seibuLogo {
	position:absolute;
	top:20px;
	right:20px;
}

@media screen and (max-width: 768px) { 
h1 img {
	height:90vw;
	object-fit:cover;
}
#pspLogo {
	position:absolute; 
	top:10px; 
	left:50%; 
	transform: translateX(-50%);
}
#seibuLogo { 
	display:none;
}
}

#content {
	margin:0 auto;
	padding:0;
	text-align:center;
	background:url(../img/bg.jpg) top center / 100%;
}
/*p#mvCopy {
	margin-top:-180px;
	font-size:2.8rem;
}*/
nav {
	margin:0 auto 10px;
	width:960px;
}
nav ul li {
	display:inline;
	margin:10px 5px;
}
nav ul li img {
	max-width:100%;
	margin-bottom:10px;
}
section {
	position:relative;
	margin:30px 0;
}
section a.btn {
	position: absolute;
	bottom:6%;
	left:44vw;
	/*transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);*/
	border:solid 1px #ee7800;
	padding:10px 20px;
	color:#ee7800;
	text-decoration:none;
	font-size:2.1rem;
	line-height:1.3;
}
section a.btn span {
	font-size:1.6rem;
}

@media screen and (max-width: 768px) { 
nav {
	margin:0 auto 10px;
	width:100%;
}
nav ul li {
	display:inline;
	margin:10px 5px;
}
nav ul li img {
	max-width:40%;
	margin-bottom:10px;
}
section a.btn {
	bottom:6%;
	left:39vw;
}
section a.btn {
	padding:8px 10px;
	font-size:1.0rem;
}
section a.btn span {
	font-size:0.8rem;
}
section img {
	width:95%;
}
}

#pageTop {
	position:fixed;
	right:20px;
	bottom:20px;
}
#pageTop a {
	color: #999;
	font-size:2.4rem;
	text-decoration:none;
}
footer {
	text-align:center;
	padding:100px 0 30px;
	background:linear-gradient(rgba(0,0,0,0),rgba(34,172,56,0.7));
	color:#fff;
}
footer p.ftrTxt1 {
	width:1040px;
	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 {
	width:1040px;
	margin:0 auto 30px;
	padding:20px 25px;
	text-align:center;
	/*background:#1cb7cc;*/
	border:solid 1px #fff;
}

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

footer ul {
	margin:20px 0;
}
footer ul li {
	display:inline-block;
	margin-right:20px;
}
footer ul li:last-child {
	margin-right:0px;
}

@media screen and (max-width: 768px) { 
.pcOnly {
	display:none;
}
}
@media screen and (min-width: 768px) { 
.spOnly {
	display:none;
}
}

.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) { 
.button-toggle { padding:30px; font-size:18px;}
}
@media screen and (min-width: 768px) { 
.button-toggle { display:none;}
}

.menu,.menu2 { margin:30px auto;}
@media screen and (max-width: 768px) { 
.menu { width:90%;}
.menu2 { display:none;}
}

.menu ul,.menu2 ul {text-align:center; }
.menu ul li,.menu2 ul li { display: inline-block; margin-right:10px; padding-right:10px;}
@media screen and (max-width: 768px) { 
.menu ul li { display: block; padding:5px 10px; background:#FFF; margin-bottom:2px; }
}

.menu ul li a,.menu2 ul li a { font-size:18px; text-decoration:none;}*/