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

/*#con_main.body{

	background-image:url(image/contents_main.jpg);


	}*/

.page_button{
	max-width: 100%;
	margin: 0 auto;
}
.page_button li{
	display: inline-block;
	width: 23.5%;
	margin-right: 2%;
	vertical-align: middle;
}
.page_button li a{
	display: block;
	box-sizing: border-box;
	text-align:center;
	height:70px;
	margin: 0 0 10px 0;
	font-size: 20px;
	line-height: 100px;
	border: solid 1px #caa06e;
	position: relative;
}

.page_button li a:hover{
	background-color: #caa06e;
	color: #fff !important;
}

.page_button li a span{
	width: 100%;
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.page_button li a h4{
	font-size: 1.2rem;
	color: #000;
}
.page_button li a:hover h4,
.page_button li a:hover p{
	color: #fff;
}
.page_button li a p{
	font-size: 0.7rem;
	color: #caa06e;
}

.page_button li:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 768px){
	.page_button li{
	width: 48%;
	}
}