@charset "utf-8";

/* ■■■■■■ページボタン■■■■■■ */
.button {
	font-size: 20px;
	display: inline-block;
	text-align: center; /* 文字位置 */
	vertical-align: baseline;
	text-decoration: none;
	cursor: pointer; /* カーソル */
	padding: 15px; /* 余白 */
	background-color: #181818; /* 背景色 */
	color: #a79f9d; /* 文字色 */
	line-height: 1em; /* 1行の高さ */
	border: 1px solid #a79f9d; /* 枠の指定 */
}

.button_l {
	border-radius: 30px 0 0 30px; /* 角丸 */
	margin-right: 5px;
}

.button_r {
	border-radius: 0 30px 30px 0; /* 角丸 */
}

.button_l:hover, .button_r:hover {
	color: #000; /* 文字色 */
	background: #a79f9d; /* 背景色 */
}

/* ページボタン右寄せ */
.pbright {
	text-align: right;
	margin-bottom: 200px;
}

.button_hm {
	color: #fff; /* 文字色 */
	font-size: 18px; /* 文字サイズ */
	line-height: 2; /* 行間 */
	font-weight: bold; /* 文字を太く */
	text-align: center; /* 文字位置 */
	display: inline-block;
	border-radius: 36px; /* 角丸 */
	text-decoration: none;
	cursor: pointer; /* カーソル */
	padding: 16px; /* 余白 */
	background: linear-gradient(-90deg, #2cca3b, #465d90); /* グラデーションの背景色 */
	margin-bottom: 10px;
}

.button_hm a:link {
	color: #fff;
}

.button_hm a:visited {
	color: #fff;
}

.button_hm_return {
	color: #fff; /* 文字色 */
	font-size: 18px; /* 文字サイズ */
	line-height: 2; /* 行間 */
	font-weight: bold; /* 文字を太く */
	text-align: center; /* 文字位置 */
	display: inline-block;
	border-radius: 36px; /* 角丸 */
	text-decoration: none;
	cursor: pointer; /* カーソル */
	padding: 16px; /* 余白 */
	background: linear-gradient(45deg, #2ca9e1 35%, #007bbb); /* グラデーションの背景色 */
	margin-bottom: 100px;
}

.button_hm:hover,
.button_hm_return:hover {
	opacity: 0.8; /* マウスを乗せた時に背景色が薄くなる */
}
/* ■■■■■■■■■■■■■■■■■■700px■■■■■■■■■■■■■■■■■■ */
@media screen and (min-width:700px) {

/* 画面下部ボタン - 700px */
.button {
	font-size: 20px;
	height: 21px;
}

/* 画面下部ボタン右 - 700px */
.button_r {
	border-radius: 0 30px 30px 0; /* 角丸 */
}

/* 画面下部ボタン左 - 700px */
.button_l {
	border-radius: 30px 0 0 30px; /* 角丸 */
}

}
/* ■■■■■■■■■■■■■■■■■■1040px■■■■■■■■■■■■■■■■■■ */
@media screen and (min-width:1040px) {

}