@charset "utf-8";

.contentsTTL h1 span {
	font-size: 1em;
}

.photo {
	max-width: 800px;
	margin: 0 auto 30px;
}
.tablebasic01 {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.tablebasic01 th {
	border: 1px solid #999;
	padding: 8px;
	width: 6em;
	background: rgba(229,225,216,1);
	text-align: center;
	font-weight: bold;
	color: #4f3922;
}
.tablebasic01 td {
	border: 1px solid #999;
	padding: 8px;
	background: rgba(229,225,216,0.3);
}

.btnLink {
	max-width: 320px;
	margin: 0 auto 50px;
}

.btnLink li {
	text-align: center;
}
.btnLink li a {
	display: block;
	background: #b60005;
	padding: 10px;
	box-shadow: 0 0 0 5px #b60005;
	border: 1px solid #fff;
}
.btnLink li a:hover {
	text-decoration: none;
	opacity: 0.8;
}
.btnLink li p {
	color: #fff;
	position: relative;
	font-weight: bold;
	font-size: 1.25em;
}
.btnLink li p:after {
	position: absolute;
	content: "\f0da";
	font-family: FontAwesome;
	top: 50%;
	right: 10px;
	margin-top: -14px;
}

/* ---------------------------------------------
	768px 以下
--------------------------------------------- */
@media only screen and (max-width: 768px) {

	.tablebasic01 {
		border-bottom: 1px solid #999;
		font-size: 0.94em;
	}
	.tablebasic01 th {
		display: block;
		width: 100%;
		border-bottom: none;
		text-align: left;
	}
	.tablebasic01 td {
		display: block;
		width: 100%;
		border-bottom: none;
	}

}

/* ---------------------------------------------
	640px 以下
--------------------------------------------- */
@media only screen and (max-width: 640px) {

	
}

/* ---------------------------------------------
	480px 以下
--------------------------------------------- */
@media only screen and (max-width: 480px) {

	.contentsTTL h1 span {
		display: block;
	}

	.btnLink {
		max-width: 100%;
	}

}