@charset "UTF-8";
/* 
下水道施設見学会ページ デザイン用ＣＳＳ
★モバイル向け設定をベースとし、後半メディアクエリでデスクトップ向に補正している
*/
.cta_btn07 {
	font-size: 100%;
	display: inline-block;
	width: 80%;
	max-width: 75px; /* ボタン幅 */
	font-weight: bold; /* ボタンの太さ */
	padding: 1em 2em;
	color: #ffff;
	border-radius: 100vh;
	background: #014E22; /* ボタン背景色 */
	background: linear-gradient(0deg, #014E22 50%, #45B173 100%); /* ボタン背景色（グラデーション） */
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6), 0 5px 10px rgba(0, 0, 0, .1);
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
}
	/* マウスオーバーした際のデザイン */
.cta_btn07:hover {
	background: linear-gradient(0deg, #45B173 20%, #014E22 100%);
	-webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 10%);
	box-shadow: 0 2px 3px rgb(0 0 0 / 10%);
}
.cta_btn07a {
	font-size: 100%;
	display: inline-block;
	width: 80%;
	max-width: 75px; /* ボタン幅 */
	font-weight: bold; /* ボタンの太さ */
	padding: 1em 2em;
	color: #fff;
	border-radius: 100vh;
	background: #014E22; /* ボタン背景色 */
	background: linear-gradient(0deg, #fc5204 50%, #b17045 100%); /* ボタン背景色（グラデーション） */
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
}
.cta_btn07c {
	font-size: 100%;
	display: inline-block;
	width: 80%;
	max-width: 75px; /* ボタン幅 */
	font-weight: bold; /* ボタンの太さ */
	padding: 1em 2em;
	color: #fff;
	border-radius: 100vh;
	background: #014E22; /* ボタン背景色 */
	background: linear-gradient(0deg, #18014e 50%, #5945b1 100%); /* ボタン背景色（グラデーション） */
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
}