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

/*ここからサンプル画像用CSS*/
.imagesample{
	width: 444px;
	height: 250px;
	object-fit: cover;
}
/*ここまでサンプル画像用CSS*/
/*===============================
リセットCSS
===============================*/
*{
	margin:0;
	padding:0;
	list-style: none;
	text-decoration: none;
	box-sizing: border-box;
}
/* 以下はレイアウト調整用 */
body{
  vertical-align:middle; 
  padding: 50px 0;
  text-align: center;
	background-color: #fffff0;
}
/*===============================
ループスライダー
===============================*/
/* コンテナー */
.container {
  max-width: 900px;
  margin: 0 auto;
}

/* スライダーのwrapper スライダーの横スクロールの動きを一定にする*/
.infinite-slider .swiper-wrapper {
  transition-timing-function: linear;
}

/* スライド */
.infinite-slider .swiper-slide {
  height: 320px !important; /* 高さを指定 上書き*/
  width: auto !important;
}

/* スライド内の画像 */
.infinite-slider .swiper-slide img {
  width: auto;
  height: 100%;
}
/*===============================
ボタン2CSS
===============================*/
.sample_btn2 {
  display: inline-block;
  width: 250px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  color: #FFFFFF;
  background: linear-gradient(to right, #1B85FB, #ffff00);
  background-position: 0% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  border-radius:15px;
  margin-top:50px;
}


.sample_btn2:hover {
  color: #2f4f4f;
  background-position: 100% 51%;
}