@charset "utf-8";

body #allWrap {
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	font-style: normal;
	color: #333;
}
#allWrap .pc {
	display: block;
}
#allWrap .sp {
	display: none;
}
@media screen and (max-width: 768px) {
	#allWrap .pc {
	display: none;
	}
	#allWrap .sp {
	display: block;
	}
}
#allWrap ol,
#allWrap ul {
	list-style: none;
}
#allWrap table {
	border-collapse: collapse;
	border-spacing: 0;
}
#allWrap a:hover {
	opacity: 0.6;
	text-decoration: none;
}
#allWrap .inner {
	margin: 0 auto;
	max-width: 114rem;
	width: auto;
	position: static;
}
.outdoor .wrap {
	display: flex;
	flex-wrap: wrap;
}
.outdoor p,
.outdoor ul {
	margin-bottom: 0;
}
.outdoor ul,
.outdoor ol {
	padding-left: 0;
}
.outdoor a {
	color: #333;
}
@media screen and (max-width: 768px) {
	#allWrap .inner {
		padding: 0 1.5rem;
	}
}

/* animation */
.fadeIn01,
.fadeIn02,
.fadeIn03,
.fadeIn04{
	animation-name:fadeInAnime;
	animation-duration:3s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeInAnime {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.fadeIn02 {
	animation-delay: 0.5s;
}
.fadeIn03 {
	animation-delay: 1s;
}
.fadeIn04 {
	animation-delay: 1.5s;
}
.fadeBlock {
	opacity: 0;
	transition: all 1s;
	transform: translateY(100px);
}
.fadeBlock.fadeIn {
	opacity: 1;
	transform: translateY(0);
}

/* gototop */
#gototop {
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	width: 8.6rem;
	z-index: 100;
}
#gototop a {
	display: block;
	position: relative;
}
@media screen and (max-width: 480px) {
	#gototop {
		bottom: 7rem;
		width: 4.7rem;
	}
}