@charset "utf-8";
/* CSS Document */

/*スライド画像ここから*/
.loop_wrap {
  display: flex;
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.loop_wrap img {
  width: auto;
  height: 100%;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.loop_wrap img:first-child {
  animation: loop 50s -25s linear infinite;
}
.loop_wrap img:last-child {
  animation: loop2 50s linear infinite;
}
/*スライド画像ここまで*/

.top {
	 background-image: url(img/bg01.png);
		background-repeat:no-repeat;
		width: 1080px;
		margin: auto;
	 padding-top:50px;
		}
.top2 {
	background-image: url(img/index-sozai03-4.png);
	background-repeat:no-repeat;
	width: 1080px;
	text-align: center;
	padding-top:150px;
	margin: 0 auto;
}
.top3 {
		width: 1080px;
		margin: auto;
	 padding-top:50px;
		}
.top4{
	width: 1080px;
	text-align: center;
	margin: 100px auto 0;
}
		

.scrolling-wrapper {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	width:950px;
	border: 1px solid #999999;
	padding:5px;
	margin:20px 0 0 50px;
}
.scrolling-wrapper .item {
  display: inline-block;
}

.menu{
	display: grid;
	grid-template-columns: 490px 490px; 
	gap: 1rem;
	justify-content: center;
}


/* whatsnew欄用ここから */
.whatsnew {
	width:950px;
	border: 1px solid #999999;
	padding:5px;
	margin:20px auto 0;
	background-color:#FFF;
	font-size:40px;
	text-align:left;
}

.scr {
  overflow-y: scroll;   /* スクロール表示 */ 
  height:950px;
}
/* whatsnew欄用ここまで */