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

/*ここからサンプル画像用CSS*/
.imagesample{
	width: 330px;
	height: 145px;
	object-fit: cover;
}
/*ここまでサンプル画像用CSS*/

div#image{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

/*-- button --*/

.button{
	margin: 30px;
}

a{
	text-decoration: none;
}

.button-link {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #33dbc5;
	box-shadow: inset 0 5px 2px rgba(255,255,255,0.5),inset 0 -9px 2px rgba(0,0,0,0.2);
	filter: drop-shadow(0px 5px 2px rgba(186,186,186,0.7));
	cursor: pointer;
}

.button-text{
	font-size: 30px;
	font-weight: bold;
	color: #8223ae;
}

.button-link:hover {
	transform: scale(1.05);
	letter-spacing: 0.12em;
	text-indent: 0.12em;
}

.button-link:active{
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.5),inset 0 -2px 2px rgba(0,0,0,0.4);
	opacity: 0.9;
	letter-spacing: 0em;
	text-indent: 0em;
}

.button-text:active{
	opacity: 0.9;
}

/*-- リンク --*/

.link{
	vertical-align:middle; 
	padding: 50px 0;
	margin: 30px 20px 20px 20px;
	text-align: center;
}


a.rink_1 {
	font-size: 30px;
	font-weight: bold;
	display: inline-block;
	width: 250px;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	color: #fff;
	background-color: #1B85FB;
}

a.rink_1: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%);}
}

/*-- こちらをクリック --*/

.click{
	margin: 30px 20px 20px 20px;
	vertical-align:middle; 
	padding: 50px 0;
	text-align: center;
}

.click_btn {
	font-size: 25px;
	display: inline-block;
	width: 250px;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	color: #000;
	background-color: #eeec51;
	box-shadow: 0px 5px 0px #837e2c;
	transition: .3s;
}

.click_btn:hover {
	transform: scale(0.9,0.9);
}

.click_btn:active{
	box-shadow: unset;
	transform: translateY(4px);
}