@charset "UTF-8";

header {
	background:#7D622E; 
	padding:20px 0; 
	text-align:center;
}
h1 {
	width:1360px;
	margin: 0 auto;
}
h1 img {
	width:100%;
}

@media screen and (max-width: 768px) { 
header img { 
	width:70%;
}
h1 {
	width:100%;
}
}

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

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

@media screen and (max-width: 768px) { 
#pspLogo {position:absolute; top:10px; left:50%; transform: translateX(-50%);}
/*#pspLogo img { width:70%;}*/
}

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

#content {
	width: 1360px;
	margin:0 auto;
	padding:0px 0 0px;
	text-align:center;
	background: url(../img/bg01.png) center top repeat-y;
	color:#000;
}
nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
}
nav ul li a {
	display: block;
	background: #fff;
	padding: 1em 2em;
	border-radius: 10px;
	font-size: 1.6rem;
	text-decoration: none;
	color: #600f19;
	transition-duration: 0.5s;
}
nav ul li a:hover {
	background: #600f19;
	color: #fff;
}
/*#content .mvBtmCopy {
	 font-size:2.6rem; 
	 padding:2em 0;
	 color:#005D2D;
}*/
#content h2 {
	margin-bottom:0px;
}
#content section {
	width:1150px;
	margin:0 auto 0px;
	padding:2em 0;
	background: #fff;
}
#content section#sec01 .mvBtmCopy {
	font-size:2.4rem;
	margin:1em 0 2em;
}
#content section#sec01 ul li {
	font-size:2.4rem;
	margin-bottom:1em;
}
#content section#sec01 ul li span{
	font-size:1.8rem;
	padding:0.25em 1em;
	background:#5f0e17;
	border-radius:5px;
	color:#fff;
	margin-right:0.5em;
}
#content section#sec02 {

}
#content section#sec03 {

}

#pageTop {
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:9999;
}
#pageTop a {
	color: #999;
	font-size:3.4rem;
	text-decoration:none;
}

@media screen and (max-width: 768px) { 
#content {
	width: 100%;
	padding:0px 0px;
	background: url(../img/bg01.png) center top / 100%;
}
#content section#sec01 .mvBtmCopy {
	font-size:1.6rem; 
	margin:1em 1em 2em;
}
#content section#sec01 ul{
	margin:0em 1em;
}
#content section#sec01 ul li {
	font-size:1.6rem;
	margin-bottom:2em;
}
#content section {
	width:100%;
	margin:0 auto 0px;
}
#content img {
	max-width:95%;
}
#content img.w70{
	max-width:70%;
}
#content img.w30{
	max-width:30%;
}
#content img.w20{
	max-width:20%;
}
}
footer {
	width: 1150px;
	margin: 0 auto;
	text-align:center;
	padding:30px 0;
	background:#fff;
	color:#333;
}
footer p {
	font-size:1.5rem;
}
footer div.ftrBox {
	width:1040px;
	margin:0 auto 30px;
	padding:20px 25px;
	text-align:left;
	/*background:#fff125;*/
	color:#fff125;
	border:1px solid #fff125;
}
footer p.ftrTxt1 {
	font-size:1.5rem;
	/*color:#fff;*/
	/*text-align:left;*/
	/*width:1040px;*/
	margin:5rem 0;
}
footer p.ftrTxt2 {
	font-size:2.3rem;
	/*font-weight:bold;*/
	/*color:#000;*/
}
footer p.ftrTxt3 {
	font-size:1.5rem;
	/*color:#000;*/
}

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

footer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	align-items: center;
    gap: 2rem;
	margin:3rem 0;
}
footer ul li {
}

.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;
}
}*/