/* commons
 ----------------------------------------------------------------------*/
* {
	margin: 0; padding: 0;
}
ul, li {
	list-style: none;
}
.main-button {
	width: 650px; height: auto;
}
p, a {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* header
 ----------------------------------------------------------------------*/
#header-lead {
	background-color: #007260; width: 100%; height: 40px; margin: 0 auto;
}
#header-lead img {
	display: block; margin: 0px auto; height: 23px; width: auto; padding-top: 8px;
}
h1 {
	width: 960px; height: 100px; display: block; margin: 0 auto;
}
#top-logo {
	height: 50px; width: auto; margin-top: 25px;
}

/* first view
 ----------------------------------------------------------------------*/
#first-view {
	width: 100%; height: 480px; border-bottom: 30px solid #007260; background-image: url('../images/background_border.svg'); background-size: contain;
}
#first-view .wrapper {
	position: relative; width: 100%; height: 400px; display: block; margin: 0 auto;
}
#first-view ul li {
	width: 960px!important; height: 400px;
  margin: 0 auto;
}
#first-view ul li img {
	width: 960px; height: auto;
}
#first-view .fv-bottom {
  width: 100%; height: 110px;
  background-color: #007260;
}
#first-view .fv-bottom nav {
  width: 960px; height: 110px;
  margin: 0 auto;
  position: relative;
}
#first-view .fv-bottom nav p {
	font-size: 12px; line-height: 21px;
  text-align: center;
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #FFf;
}
#first-view .fv-bottom p a {
	color: #FCEA00;
}
#point {
	width: 340px; height: auto; position: absolute; right: 0; top: 15px;
}
#first-view .main-button {
	position: absolute; bottom: 20px; left: 0;
}
#charactor {
	position: absolute; top: 150px; right: 25px;
}

/* contents
 ----------------------------------------------------------------------*/
#wrap {
	width: 100%; overflow: hidden; margin: 0 auto; position: relative;
}
#jump-top {
	width: 60px; height: auto; position: fixed; bottom: 50px; right: 50px; cursor: pointer; cursor: hand;
}
#contents-1, #contents-2,
#contents-3, #contents-4,
#contents-5, #contents-6,
#contents-7, #contents-8 {
	position: relative;
}
#contents-1 img,
#contents-2 img,
#contents-3 img,
#contents-4 img,
#contents-5 img,
#contents-6 img,
#contents-7 img,
#contents-8 img {
	width: 960px; height: auto; display: block; margin: 0 auto;
}
#contents-1 {
	width: 960px; margin: 0 auto;
}
#contents-1 .main-button {
	position: absolute; bottom: 35px; width: 650px; height: auto; left: 0;
}
#contents-1 .sub-button {
	position: absolute; bottom: 35px; width: 308px; height: auto; right: 0;
}
#contents-2 {
	width: 100%; margin: 0 auto; border-top: 10px solid #007260;
}
#contents-3 {
	width: 100%; height: 1840px; background-color: #FFFEEE;
}
#contents-4 {
	width: 960px; margin: 0 auto;
}
#contents-4 .main-button {
	position: absolute; bottom: 35px; width: 650px; height: auto; left: 0;
}
#contents-5 {
	 border-top: 10px solid #007260;
}
#contents-5 a {
	display: block; margin: 0 auto; width: 510px; position: relative; bottom: 50px; font-size: 20px; color: #007260; font-weight: 700;
}
#contents-6 {
	width: 100%; height: 450px; background-image: url('../images/background_border.svg'); background-repeat: repeat;
  background-color: #FFFEEE;
}
#contents-6 div {
	position: relative; width: 960px; height: auto; margin: 0 auto;
}
#contents-6 .main-button {
	position: absolute; bottom: 35px; width: 650px; height: auto; left: 0;
}
#contents-6 .sub-button {
	position: absolute; bottom: 35px; width: 308px; height: auto; right: 0;
}
#contents-7 {
	width: 100%; margin: 0 auto;
}
#contents-8 {
	width: 100%; height: 410px; margin: 0 auto; background-color: #007260;
}
#contents-8 img {
	padding-top: 19px;
}
footer {
	width: 100%; height: 100px;
}
footer img {
	display: block; margin: 0 auto; width: 400px; height: auto;
}
footer p {
  font-size: 11px; text-align: center;
  color: #444;
  margin-top: 20px;
}