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

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


/*=======================================
　全体設定
=======================================*/
p.kadai{
	width: 300px;
	height: 100px;
	border-radius: 20px;
	background-color: #021570;
	text-align: center;
	line-height: 100px;
	color:#fff;
	margin: 30px;
}


/*=======================================
　ここからbutton
=======================================*/
p#button{
	font-size: 50px;
}

p#button:hover{
	opacity: 0.7;
	font-weight: bold;
}

/*=======================================
　ここからリンク
=======================================*/
p#link{
	font-size: 50px;
}

p#link:hover{
	box-shadow: 5px 5px 10px gray;
	font-weight: bold;
}


/*=======================================
　ここからクリック
=======================================*/
p#click{
	font-size: 30px;
	position:relative;
	top:0;
}

p#click:hover{
	font-weight: bold;
	top:-10px;
	transition:0.3s;
}