@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:80vw;
	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:#000;
	/*background:url(../img/bg.jpg) top center / 100%;*/
}
p#mvCopy {
	color:#fff; 
	margin:-100px 0 40px; 
	font-size:2.5rem;
	text-align:center;
}
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:0px 0;
}
section a.btn {
	position: absolute;
	bottom:180px;
	left:50%;
	transform: translateX(-50%);
	background:#5e1f7c;
	padding:14px 110px;
	color:#fff;
	text-decoration:none;
	font-size:1.8rem;
	line-height:1.3;
	border-radius:5px;
}

section a.btn::after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg); 
}

section#sec01 {
	background: url(../img/sec01_bg.png) top center no-repeat;
	padding:160px 0 99px;
}

section#sec02 {
	background: url(../img/sec02_bg.png) top center no-repeat;
	padding:60px 0 99px;
}

section#sec03 {
	background: url(../img/sec03_bg.png) top center no-repeat;
	padding:60px 0 91px;
}

section#sec04 {
	background: url(../img/sec04_bg.png) top center no-repeat;
	padding:25px 0 70px;
}

section#sec05 {
	background: url(../img/sec05_bg.png) top center no-repeat;
	padding:60px 0 130px;
}

section#sec06 {
	background: url(../img/sec06_bg.png) top center no-repeat;
	padding:60px 0 90px;
}

section#sec07 {
	background: url(../img/sec07_bg.png) top center no-repeat;
	padding:60px 0 87px;
}



@media screen and (max-width: 768px) { 
p#mvCopy {
	margin:-30px 0 30px; 
	font-size:1.5rem;
}
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%;
}
section a.btn {
	padding:8px 30px;
	font-size:1.0rem;
}
section a.btn span {
	font-size:0.8rem;
}
section img {
	width:95%;
}
section#sec01 {
	background: url(../img/sec01_bg.png) top center / 137% no-repeat;
	padding:65px 0 49px;
}
section#sec02 {
	background: url(../img/sec02_bg.png) top center / 137% no-repeat;
	padding:20px 0 48px;
}
section#sec03 {
	background: url(../img/sec03_bg.png) top center / 137% no-repeat;
	padding:20px 0 44px;
}
section#sec04 {
	background: url(../img/sec04_bg.png) top center / 137% no-repeat;
	padding:20px 0 28px;
}
section#sec05 {
	background: url(../img/sec05_bg.png) top center / 137% no-repeat;
	padding:20px 0 44px;
}
section#sec06 {
	background: url(../img/sec06_bg.png) top center / 137% no-repeat;
	padding:20px 0 43px;
}
section#sec07 {
	background: url(../img/sec07_bg.png) top center / 137% no-repeat;
	padding:20px 0 42px;
}
}

#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 150px;
	/*background:linear-gradient(rgba(0,0,0,0),rgba(34,172,56,0.7));*/
	color:#fff;
	background: url(../img/footer_bg.png) top center / 100% no-repeat;
}
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;}*/