@charset "UTF-8";

h1 {

}

h1 img {
	width:100%;
	padding:0;
	margin:0px 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:#000;*/
	/*background:url(../img/bg.jpg) top center / 100%;*/
}
p#mvCopy {
	color:#fff; 
	margin:30px 0 40px; 
	font-size:2.4rem;
	text-align:center;
}
p#mvCopy span {
	color:#ffff97; 
	margin:0px 0 10px; 
	font-size:3.6rem;
	display:block;
}
#prize {
	margin:0px 0 40px; 
	text-align:center;
}
nav {
	margin:0 auto 50px;
	width:960px;
}
nav ul li {
	display:inline;
	margin:10px 30px;
	font-size:2.4rem;
	position:relative;
}
nav ul li a {
	font-size:2.4rem;
	text-decoration:none;
	color:#FFF;
}
nav ul li a::after {
	content: "";
    position: absolute;
    top: 50%;
    right: -20px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
    margin-top: -5px;
}
/*nav ul li img {
	max-width:100%;
	margin-bottom:10px;
}*/
section {
	position:relative;
	margin:0px auto 30px;
	width:1100px;
}
section .sec900 {
	margin:0px auto;
	width:900px;
	background:#FFF;
	padding:10px 30px;
}
section h2 {
	font-size:3.6rem;
	color:#ffff97;
	padding:30px 0;
	border-top:solid 1px #ffff97;
	border-bottom:solid 1px #ffff97;
	margin-bottom:30px;
}
section h3 {
	font-size:2.4rem;
	color:#fff;
	padding:30px 0 30px;
}
section h4 {
	font-size:1.8rem;
	color:#fff;
	padding:30px 0 30px;
	line-height:1.6;
}
section ul.photoBlock {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
section ul.photoBlock li {
    padding: 10px;
    background: white;
	margin:15px;
}
section ul.photoBlock li span {
	display: block;
    padding: 10px;
	font-size:1.8rem;
}
section .flowBlock {
	display: flex;
    align-items: center;
	padding:20px 0;
	/*border-bottom:solid 2px #000;*/
}
section .flowBlock .flowBlockCircle  {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background:#f1e433;
  margin-right:2em;
  padding-right:7.5em;
}
section .flowBlock .flowBlockCircle span  {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :80px;
  text-align:center;
    font-size:1.8rem;
}
section .flowBlock .flowBlockRight  {
  font-size:2.1rem; 
  text-align:left;
  line-height:1.4;
}
section .flowBlock .flowBlockRight a  {
  font-size:2.1rem;
  color:#000;
  text-decoration:underline;
}
section .flowBlock .flowBlockRight p  {
  font-size:1.8rem; 
}
section .flowLine {
  position: relative;
  border-bottom: 2px solid #000;
}
section .flowLine:before {
  position: absolute;
  bottom: -14px;
  left: 40em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}
section .flowLine:after {
  position: absolute;
  bottom: -10px;
  left: 40em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
section .flowApplication {
	font-size:1.5rem;
	line-height:1.5;
	text-align:left;
	margin:0px auto;
	width:900px;
	background:#FFF;
	padding:30px;
	overflow:scroll;
	height:280px;
}

section#sec01 {
}
section#sec02 {
}
section#sec03 {
}

@media screen and (max-width: 768px) { 
#content {
	padding:0 10px;
}
p#mvCopy {
	margin:0px 10px 30px; 
	font-size:1.5rem;
}
p#mvCopy span {
	margin:10px 0 10px; 
	font-size:2.1rem;
}
nav {
	margin:0 auto 50px;
	width:100%;
}
nav ul li {
	display: block;
	margin:20px 30px;
}
section {
	width:100%;
}
section .sec900 {
	width:100%;
}
section h2 {
	font-size:2.6rem;
}
section .flowApplication {
	width:100%;
}
section .flowLine:before {
  left: 15em;
}
section .flowLine:after {
  left: 15em;
}
section .flowBlock .flowBlockRight  {
  font-size:1.8rem; 
}
section .flowBlock .flowBlockRight a  {
  font-size:1.8rem;
}
section .flowBlock .flowBlockRight p  {
  font-size:1.6rem; 
}
}

#pageTop {
	position:fixed;
	right:20px;
	bottom:20px;
}
#pageTop a {
	color: #999;
	font-size:2.4rem;
	text-decoration:none;
}
footer {
	text-align:center;
	padding:70px 0 30px;
	/*background:linear-gradient(rgba(0,0,0,0),rgba(207,18,27,1));*/
	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 #000;
}

@media screen and (max-width: 768px) { 
footer {padding:0px 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: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;}*/