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

/*ここからサンプル画像用CSS*/
.imagesample{
	width: 700px;
	height: 350px;
	object-fit: cover;
}
/*ここまでサンプル画像用CSS*/
/*===============================
リセットCSS
===============================*/
*{
	margin:0;
	padding:0;
	list-style: none;
	text-decoration: none;
	box-sizing: border-box;
}
/* 以下はレイアウト調整用 */
body{
  vertical-align:middle; 
  padding: 20px 0;
  text-align: center;
  background-color: aliceblue;
}

.blue{
	color:blue;
	margin:100px 0;
}

/*===============================
スライドの設定
===============================*/


.slide-items img {
	width: 600px;
	height: 400px;
	object-fit: cover;/* 画像を中央の位置でトリミング */
	margin:0 auto;
}



	
/*.slide-items { 
	margin: 0 0 50px;
}
.slide-items img {
	width: 100%; 
	height: auto;
}
.slide-items .slick-next {
	right: 20px; 
	z-index: 99;
}
.slide-items .slick-prev {
	left: 15px; 
	z-index: 100;
}*/




/*===============================
ボタン5CSS
===============================*/
a.sample_btn5 {
  display: inline-block;
  width: 250px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  color: #fff;
  background-color: #4169e1;
　border-radius:15px;
  margin-top:50px;
}
a.sample_btn5:hover {
  background-position: right center;
  background-size: 200% auto;
  -webkit-animation: pulse 2s infinite;
  animation: ripple 1.5s infinite;
  color: #fff;
}
@keyframes ripple {
  0% {box-shadow: 0 0 0 0 #1B85FB;}
  70% {box-shadow: 0 0 0 10px rgb(27 133 251 / 0%);}
  100% {box-shadow: 0 0 0 0 rgb(27 133 251 / 0%);}
}