/*================================================
 *  診療報酬 特設リンク
 ================================================*/

.special-link-area{
	margin:20px 0 30px 0;
	text-align:center;
}

.special-link{
	display:inline-block;
	padding:20px 100px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	background:hsl(355, 100%, 70%);
	border-radius:6px;
	text-decoration:none;
	transition:0.3s;
	min-width: 320px;

	/* はみ出し防止 */
	box-sizing:border-box;
	max-width:100%;

	/* アニメーション */
	animation: linkPulse 2s infinite;
}

/* ホバー */
.special-link:hover{
	background:#ff5751;
	color:#fff;
	transform:scale(1.05);
}

/* 補足文 */
.special-note{
	margin-top:30px;
	font-size:18px;
	color:#555;
}

/* アニメーション定義 */
@keyframes linkPulse{
	0%{
		box-shadow:0 0 0 0 rgba(253, 63, 94, 0.6);
	}
	70%{
		box-shadow:0 0 0 12px rgba(214,0,47,0);
	}
	100%{
		box-shadow:0 0 0 0 rgba(214,0,47,0);
	}
}
/*================================================
 *  レスポンシブ対応（スマホ）
 ================================================*/
@media screen and (max-width:480px){

	.special-link{
		display:block;
		width:90%;          /* 画面幅に応じて縮む */
		max-width:100%;
		min-width:auto;     /* 固定幅解除 */
		margin:0 auto;      /* 中央寄せ */
		padding:14px 10px;  /* 横余白少し縮める */
		font-size:16px;     /* 少しだけ小さく */
	}

}