@charset "UTF-8";

main {
	background: url(../img/bg01.png) top center / 100% fixed;
}

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

@media screen and (max-width: 768px) { 
header img { 
	width:70%;
}
/*h1 img {
	width:100%;
	height:85vw;
	object-fit:cover;
}*/
.pcOnly {
	display:none;
}
}

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

#content {
	margin:0 auto;
	padding:50px 0 30px;
	text-align:center;
	/*background:#F2DB9B;*/
	color:#000;
}
nav {
	margin: 0 auto;
	width: 1000px;
	margin-bottom: 6em;
}
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: 2.1rem;
	text-decoration: none;
	color: #333;
	transition-duration: 0.5s;
}
nav ul li span {
	display: block;
	font-size: 1.4rem;
}
nav ul li a:hover {
	opacity:0.7;
}
#content .mvBtmCopy {
	 font-size:2.8rem; 
	 margin-bottom:2em;"
}
#content h2 {
	margin-bottom:30px;
}
#content section {
	width:1000px;
	margin:0 auto 30px;
}
#pageTop {
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:9999;
}
#pageTop a {
	color: #999;
	font-size:2.4rem;
	text-decoration:none;
}

@media screen and (max-width: 768px) { 
nav {
	width: 100%;
	margin-bottom: 6em;
}
nav ul {
	flex-direction: column;
}
nav ul li a {
	font-size: 1.6rem;
}
nav ul li span {
	font-size: 1.2rem;
}
#content 
	{
	padding:30px 10px 30px;
}
#content .mvBtmCopy {
	 font-size:1.8rem; 
	 margin-bottom:2em;
}
#content section {
	width:100%;
	margin:0 auto 30px;
}
}

footer {
	text-align:center;
	padding:30px 0;
	/*background:#F2DB9B;*/
	color:#000;
}
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:0 auto 50px;
}
footer p.ftrTxt2 {
	font-size:1.8rem;
	font-weight:bold;
	/*color:#000;*/
}
footer p.ftrTxt3 {
	font-size:1.5rem;
	/*color:#000;*/
}

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

footer ul {
	margin:20px 0;
}

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

footer ul li:last-child {
	margin-right:0px;
}

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