@charset "utf-8";
body{
  background-color: #0E1A31;
  margin: 0;
  padding: 0;
}


.box1{
  position:fixed;
  position: absolute;
  width: 300px;
  top:25%;
  left:130px;
  z-index: 2;
}
@media (max-width: 1370px){
.box1{
  position:fixed;
  position: absolute;
  width: 200px;
  top:150px;
  left:10px;
  z-index: 2;
}
}
@media (max-width: 1023px){
.box1{
  position:fixed;
  position: absolute;
  width: 300px;
  top:230px;
  left:10px;
  z-index: 2;
}
}
@media (max-width: 499px){
.box1{
  position:fixed;
  position: absolute;
  width: 200px;
  top:150px;
  left:10px;
  z-index: 2;
}
}

h1{
 font-family:"明朝体",serif;
 position:absolute;
 color:#56FFF7;
 font-size:47px;
}
@media(max-width: 1370px){
  h1{
  font-family:"明朝体",serif;
  position:absolute;
  color:#56FFF7;
  font-size:25px;
  }
}
@media(max-width: 1023px){
  h1{
  font-family:"明朝体",serif;
  position:absolute;
  color:#56FFF7;
  font-size:35px;
  }
}
@media(max-width: 499px){
  h1{
  font-family:"明朝体",serif;
  position:absolute;
  color:#56FFF7;
  font-size:20px;
  }
}

.slider-container {
	width: 100%; /* コンテナ幅を100%に */
	min-height: 100vh; /* コンテナの高さを固定 */
	overflow: hidden; /* スライドがコンテナ外に出ないように非表示 */;
}

.slideimg {
	position: absolute; /* 位置を絶対指定で重ねて配置 */
	width: 100%; /* スライド画像の幅を100%に */
	height: 100%; /* スライド画像の高さを100%に */
	top: 0; /* 上からの位置を0に */
	left: 0; /* 左からの位置を0に */
	opacity: 0; /* 初期状態で透明に */
	background-size: cover; /* 画像をスライド全体にカバー */
	animation: slideAnime 1 3s forwards;
  z-index: 1
}

@keyframes slideAnime {
	0% { opacity: 0; } /* 非表示のタイミングを設定 */
	65%, 100% { opacity: 1; } /* 表示されるタイミングを設定 */
}

/* 各スライドのアニメーションタイミングを均等にずらす */
.slideimg:nth-of-type(1) {
  background-image: url('../image/haikei/footprint1.png'); /* 2枚目の画像を指定 */
	animation-delay: 0s; /* アニメーション開始を3秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(1) {
	background-image: url('../image/haikei_tablet/footprint1_tablet.png'); /* 2枚目の画像を指定 */
	animation-delay: 0s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(1) {
	background-image: url('../image/haikei_mobile/footprint1_mobile.png'); /* 2枚目の画像を指定 */
	animation-delay: 0s; /* アニメーション開始を3秒遅延 */
}
}


.slideimg:nth-of-type(2) {
  background-image: url('../image/haikei/haikei1.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 0s; /* アニメーション開始を3秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(2) {
	background-image: url('../image/haikei_tablet/haikei1_tablet.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 0s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(2) {
	background-image: url('../image/haikei_mobile/haikei1_mobile.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 0s; /* アニメーション開始を3秒遅延 */
}
}

.slideimg:nth-of-type(3) {
	background-image: url('../image/haikei/haikei2.png'); /* 3枚目の画像を指定 */
	animation-delay: 4s; /* アニメーション開始を6秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(3) {
	background-image: url('../image/haikei_tablet/haikei2_tablet.png'); /* 2枚目の画像を指定 */
	animation-delay: 4s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){.slideimg:nth-of-type(3) {
	background-image: url('../image/haikei_mobile/haikei2_mobile.jpg'); /* 3枚目の画像を指定 */
	animation-delay: 4s; /* アニメーション開始を6秒遅延 */
}
}

.slideimg:nth-of-type(4) {
	background-image: url('../image/haikei/haikei3.jpg'); /* 4枚目の画像を指定 */
	animation-delay: 6s; /* アニメーション開始を9秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(4) {
	background-image: url('../image/haikei_tablet/haikei3_tablet.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 6s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){.slideimg:nth-of-type(4) {
	background-image: url('../image/haikei_mobile/haikei3_mobile.jpg'); /* 4枚目の画像を指定 */
	animation-delay: 6s; /* アニメーション開始を9秒遅延 */
}
}

.slideimg:nth-of-type(5) {
	background-image: url('../image/haikei/haikei4.jpg'); /* 5枚目の画像を指定 */
	animation-delay: 6.8s; /* アニメーション開始を12秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(5) {
	background-image: url('../image/haikei_tablet/haikei4_tablet.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 6.8s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(5) {
	background-image: url('../image/haikei_mobile/haikei4_mobile.jpg'); /* 5枚目の画像を指定 */
	animation-delay: 6.8s; /* アニメーション開始を12秒遅延 */
}
}

.slideimg:nth-of-type(6) {
	background-image: url('../image/haikei/haikei5.jpg'); /* 5枚目の画像を指定 */
	animation-delay: 8s; /* アニメーション開始を12秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(6) {
	background-image: url('../image/haikei_tablet/haikei5_tablet.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 8s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(6) {
	background-image: url('../image/haikei_mobile/haikei5_mobile.jpg'); /* 5枚目の画像を指定 */
	animation-delay: 8s; /* アニメーション開始を12秒遅延 */
}
}

.slideimg:nth-of-type(7) {
	background-image: url('../image/haikei/haikei6.jpg'); /* 5枚目の画像を指定 */
	animation-delay: 8.3s; /* アニメーション開始を12秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(7) {
	background-image: url('../image/haikei_tablet/haikei6_tablet.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 8.3s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(7) {
	background-image: url('../image/haikei_mobile/haikei6_mobile.jpg'); /* 5枚目の画像を指定 */
	animation-delay: 8.3s; /* アニメーション開始を12秒遅延 */
}
}

.slideimg:nth-of-type(8) {
  background-image: url('../image/haikei/haikei7.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 8.8s; /* アニメーション開始を3秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(8) {
	background-image: url('../image/haikei_tablet/haikei7_tablet.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 8.8s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(8) {
	background-image: url('../image/haikei_mobile/haikei7_mobile.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 8.8s; /* アニメーション開始を3秒遅延 */
}
}


.slideimg:nth-of-type(9) {
  background-image: url('../image//haikei/haikei8.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 9.3s; /* アニメーション開始を3秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(9) {
	background-image: url('../image/haikei_tablet/haikei8_tablet.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 9.3s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(9) {
	background-image: url('../image/haikei_mobile/haikei8_mobile.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 9.3s; /* アニメーション開始を3秒遅延 */
}
}

.slideimg:nth-of-type(10) {
	background-image: url('../image/haikei/haikei9.jpg'); /* 3枚目の画像を指定 */
	animation-delay: 9.8s; /* アニメーション開始を6秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(10) {
	background-image: url('../image/haikei_tablet/haikei9_tablet.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 9.8s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){.slideimg:nth-of-type(10) {
	background-image: url('../image/haikei_mobile/haikei9_mobile.jpg'); /* 3枚目の画像を指定 */
	animation-delay: 9.8s; /* アニメーション開始を6秒遅延 */
}
}

.slideimg:nth-of-type(11) {
	background-image: url('../image/haikei/haikei10.jpg'); /* 4枚目の画像を指定 */
	animation-delay: 10.3s; /* アニメーション開始を9秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(11) {
	background-image: url('../image/haikei_tablet/haikei10_tablet.jpg'); /* 2枚目の画像を指定 */
	animation-delay: 10.3s.; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){.slideimg:nth-of-type(11) {
	background-image: url('../image/haikei_mobile/haikei10_mobile.jpg'); /* 4枚目の画像を指定 */
	animation-delay: 10.3s; /* アニメーション開始を9秒遅延 */
}
}

.slideimg:nth-of-type(12) {
	background-image: url('../image/haikei/footprint1.png'); /* 5枚目の画像を指定 */
	animation-delay: 10.6s; /* アニメーション開始を12秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(12) {
	background-image: url('../image/haikei_tablet/footprint1_tablet.png'); /* 2枚目の画像を指定 */
	animation-delay: 10.6s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(12) {
	background-image: url('../image/haikei_mobile/footprint1_mobile.png'); /* 5枚目の画像を指定 */
	animation-delay: 10.6s; /* アニメーション開始を12秒遅延 */
}
}

.slideimg:nth-of-type(13) {
	background-image: url('../image/haikei/footprint2.png'); /* 5枚目の画像を指定 */
	animation-delay: 10.9s; /* アニメーション開始を12秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(13) {
	background-image: url('../image/haikei_tablet/footprint2_tablet.png'); /* 2枚目の画像を指定 */
	animation-delay: 10.9s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(13) {
	background-image: url('../image/haikei_mobile/footprint2_mobile.png'); /* 5枚目の画像を指定 */
	animation-delay: 10.9s; /* アニメーション開始を12秒遅延 */
}
}

.slideimg:nth-of-type(14) {
	background-image: url('../image/haikei/footprint3.png'); /* 5枚目の画像を指定 */
	animation-delay: 11.2s; /* アニメーション開始を12秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(14) {
	background-image: url('../image/haikei_tablet/footprint3_tablet.png'); /* 2枚目の画像を指定 */
	animation-delay: 11.2s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(14) {
	background-image: url('../image/haikei_mobile/footprint3_mobile.png'); /* 5枚目の画像を指定 */
	animation-delay: 11.2s; /* アニメーション開始を12秒遅延 */
}
}

.slideimg:nth-of-type(15) {
	background-image: url('../image/haikei/footprint4.png'); /* 3枚目の画像を指定 */
	animation-delay: 11.5s; /* アニメーション開始を6秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(15) {
	background-image: url('../image/haikei_tablet/footprint4_tablet.png'); /* 2枚目の画像を指定 */
	animation-delay: 11.5s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){.slideimg:nth-of-type(15) {
	background-image: url('../image/haikei_mobile/footprint4_mobile.png'); /* 3枚目の画像を指定 */
	animation-delay: 11.5s; /* アニメーション開始を6秒遅延 */
}
}

.slideimg:nth-of-type(16) {
	background-image: url('../image/haikei/footprint5.png'); /* 4枚目の画像を指定 */
	animation-delay: 11.8s; /* アニメーション開始を9秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(16) {
	background-image: url('../image/haikei_tablet/footprint5_tablet.png'); /* 2枚目の画像を指定 */
	animation-delay: 11.8s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){.slideimg:nth-of-type(16) {
	background-image: url('../image/haikei_mobile/footprint5_mobile.png'); /* 4枚目の画像を指定 */
	animation-delay: 11.8s; /* アニメーション開始を9秒遅延 */
}
}

.slideimg:nth-of-type(17) {
	background-image: url('../image/haikei/footprint6.png'); /* 5枚目の画像を指定 */
	animation-delay: 12.1s; /* アニメーション開始を12秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(17) {
	background-image: url('../image/haikei_tablet/footprint6_tablet.png'); /* 2枚目の画像を指定 */
	animation-delay: 12.1s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(17) {
	background-image: url('../image/haikei_mobile/footprint6_mobile.png'); /* 5枚目の画像を指定 */
	animation-delay: 12.1s; /* アニメーション開始を12秒遅延 */
}
}

.slideimg:nth-of-type(18) {
	background-image: url('../image/haikei/footprint7.png'); /* 5枚目の画像を指定 */
	animation-delay: 12.4s; /* アニメーション開始を12秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(18) {
	background-image: url('../image/haikei_tablet/footprint7_tablet.png'); /* 2枚目の画像を指定 */
	animation-delay: 12.4s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(18) {
	background-image: url('../image/haikei_mobile/footprint7_mobile.png'); /* 5枚目の画像を指定 */
	animation-delay: 12.4s; /* アニメーション開始を12秒遅延 */
}
}

.slideimg:nth-of-type(19) {
	background-image: url('../image/haikei/footprint8.png'); /* 5枚目の画像を指定 */
	animation-delay: 12.7s; /* アニメーション開始を12秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(19) {
	background-image: url('../image/haikei_tablet/footprint8_tablet.png'); /* 2枚目の画像を指定 */
	animation-delay: 12.7s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(19) {
	background-image: url('../image/haikei_mobile/footprint8_mobile.png'); /* 5枚目の画像を指定 */
	animation-delay: 12.7s; /* アニメーション開始を12秒遅延 */
}
}

.slideimg:nth-of-type(20) {
	background-image: url('../image/haikei/child.png'); /* 5枚目の画像を指定 */
	animation-delay: 13.2s; /* アニメーション開始を12秒遅延 */
}
@media(max-width:1023px){
  .slideimg:nth-of-type(20) {
	background-image: url('../image/haikei_tablet/child_tablet.png'); /* 2枚目の画像を指定 */
	animation-delay: 13.2s; /* アニメーション開始を3秒遅延 */
}
}
@media(max-width:499px){
  .slideimg:nth-of-type(20) {
	background-image: url('../image/haikei_mobile/child_mobile.png'); /* 5枚目の画像を指定 */
	animation-delay: 13.2s; /* アニメーション開始を12秒遅延 */
}
}


.menu01{
  position:fixed;
  padding: 0;
  margin: 0;
  bottom:100px;
  left:0px;
  z-index: 3;
}
@media(max-width: 1370px){
.menu01 {
  position:fixed;
  padding: 0;
  margin: 0;
  bottom:70px;
  left:0px;
  z-index: 3
}
}
@media(max-width: 1023px){
.menu01 {
  position:fixed;
  padding: 0;
  margin: 0;
  bottom:120px;
  left:0px;
  z-index: 3
}
}
@media(max-width: 499px){
.menu01 {
  position:fixed;
  padding: 0;
  margin: 0;
  bottom:82px;
  left:0px;
  z-index: 3
}
}

.menu1 {
 list-style: none;
 font-family:"明朝体",serif;
 font-size:35px;
}
@media(max-width: 1370px){
.menu1 {
  list-style: none;
  font-family:"明朝体",serif;
  font-size:20px;
}
}
@media(max-width: 1023px){
.menu1 {
  list-style: none;
  font-family:"明朝体",serif;
  font-size:40px;
}
}
@media(max-width: 499px){
.menu1 {
  list-style: none;
  font-family:"明朝体",serif;
  left:0;
  font-size:25px;
}
}


.menu02{
  position:fixed;
  padding: 0;
  margin: 0;
  bottom:15px;
  left:0px;
  z-index: 4;
}
@media(max-width: 1370px){
.menu02{
  position:fixed;
  padding: 0;
  margin: 0;
  bottom:10px;
  left:0px;
  z-index: 4;
}
}
@media(max-width:1023px){
.menu02{
  position:fixed;
  padding: 0;
  margin: 0;
  bottom:10px;
  left:0px;
  z-index: 4
}
}
@media(max-width:499px){
.menu02{
  position:fixed;
  padding: 0;
  margin: 0;
  bottom:10px;
  left:0px;
  z-index: 4
}
}

.menu2{
 list-style: none;
 font-family:"明朝体",serif;
 font-size:25px;
}
@media(max-width:1370px){
.menu2{
  list-style: none;
  font-family:"明朝体",serif;
  font-size:17px;
}
}
@media(max-width:1023px){
.menu2{
  list-style: none;
  font-family:"明朝体",serif;
  font-size:30px;
}
}
@media(max-width:499px){
.menu2{
  list-style: none;
  font-family:"明朝体",serif;
  font-size:20px;
}
}


.menu1 a{
  text-decoration: none;
 color: #FFF351;
}
.menu2 a{
  text-decoration: none;
  color: #FFF351;
}
.menu1 a:hover{
 color:#56FFF7;
}
.menu2 a:hover{
  color:#56FFF7;
}