.loop_wrap {
  display: flex;
  width: 900px;
  height: 200px;
  overflow: hidden;
}

.loop_wrap ul {
  display: flex;
--  width: 900px;
  height: 200px;
border: 1px solid #000000;
}



.loop_wrap ul img {
  margin-left: 10px;
  margin-right: 0px;
  width: 200px;
  height: 200px;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}


.loop_wrap ul:first-child {
  animation: loop 50s -25s linear infinite;
}

.loop_wrap ul:last-child {
  animation: loop2 50s linear infinite;
}

.loop_wrap:hover ul {
  animation-play-state: paused;
}


#menu-btn-check {
    display: none;
}

#toplogo{
  width: 100%;

}

.hamburger-menu{
  text-align: center;
  width: 100%;

}
.menu-content{
  display: inline-block;
  text-align: left;
  background-color: #E5E5E5;
  width: 100%;  
}

/*nav style*/
#top-head nav ul {
  display: flex;
  list-style-type: none;
  justify-content:space-between;
}
/*nav link style*/
#top-head nav ul li a {
  text-decoration: none;
--  margin:0px;padding:49px;
  font-weight: bold;

  color: #404040;
}
#top-head nav ul li a:hover {
  color: #20b2aa;
  font-weight: bold;

}
#nav_toggle {
  display: none;
}

#rowh{
  height: 10px;

}

#rowhm{
  height: 25px;

}

#rowht{
  height: 50px;

}

.footer {
  background-color: #E5E5E5  
}

.footerlogo {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  float:  left;   /* 回り込み指定 */
}



.headerbanner {
  position: relative;
  }

.headerbanner p {
  position: absolute;
  top: 50%;
  left: 30%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 2em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  }

.headerbanner img {
  width: 100%;
  }

#news {

	margin: 1px auto;
	text-align: center;
	display: block;
	border: 0px solid #000;
}

#news ul {
    width: 60%;
    padding-left: 0;
    margin: 1px auto;
	list-style: none;
	display: inline-block;

}
#news ul li {
	text-align: left;
	margin-left: 0%;

}
	
	
.hr {
  text-align: center;
   width: 80%;
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: red;   /* 線色 */
   height: 1px;         /* 高さ(※古いIE用) */
}

.linkimg {
  width: 100%;
  text-align: center;
  color: #000000;

}

.linkimgbox {
  width: 85%;
  text-align: center;
  color: #000000;
  display: block;
  margin-left: auto;
  margin-right: auto

}


.linkbanner {
  padding-top: 30px;
  display: flex;
  justify-content: space-evenly;

}