.page h2{
	margin: 80px 0 20px 0;
	text-align: center;
	font-size: 3.6rem;
}
.page h2+.txt{
	text-align: center;
  margin-bottom: 100px;	
}

.page .page_contact{
	width: 600px;
	max-width: 100%;
  background: #a1a1a1;
  color: #fff;
  margin: 160px auto;
}
.page .page_contact p.ttl{
  font-family: "Quicksand", sans-serif;
	text-align: center;
	font-size: 3.0rem;
	padding-top:20px;
}
.page .page_contact .flex{
	display: flex;
	align-items: center;
	  height: 60px;
	  padding-bottom: 20px;
}
.page .page_contact .flex a{
	color: #fff;
}
.page .page_contact .flex .tel{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #fff;
}
.page .page_contact .flex .mailform{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.page .page_contact .flex .tel a{
	font-size:2.2rem;
}
.page .page_contact .flex .mailform a{
	font-size: 1.6rem;
}
.pagenation{
	margin: 50px auto;
	display: flex;	
	justify-content: center;
}
.pagenation a{
	margin: 0 5px;
	border-bottom: 1px solid #333;
}
.pagenation .prev.page-numbers,.pagenation .next.page-numbers{
	border-bottom: none;
}
.pagenation a:hover{

}
.pagenation span{
	margin: 0 5px;
}

  @media screen and (max-width: 800px){
  	.page .page_contact .flex{
  		display: block;
  		height: auto;
  	}
  	.page .page_contact .flex .tel{
  		border-right: none;
  		width: 100%;
  	}
  	.page .page_contact .flex .mailform{
  		width: 100%;
  		padding-bottom: 30px;
  	}
  }
  @media screen and (max-width:600px){
  	.page .page_contact p.ttl{
  		font-size: 3.0rem;
  	}
  	.page .page_contact .flex .tel a{
  		font-size: 2.4rem;
  	}
  	.page .page_contact .flex .mailform a{
  		font-size: 1.8rem;
  	}
  	.page .page_contact{
  		margin: 50px auto;
  	}
  }