@CHARSET "UTF-8";

.header-inner{
	max-width:1000px;
	width:calc(100% - 40px);
	margin:0 auto;
	padding:20px 0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;}
.header-logo img{
	height:40px;}
.header-text h2{
	font-size:22px;
	margin:0;
	color:#FFF;}
.header-text p{
	margin:4px 0 0;
	font-size:14px;
	color:#FFF;}
.contact-header{
	background:#A82537;}
#contents{
	width:calc(100% - 40px);
	max-width:1000px;
	margin:auto;}
.button{
	margin:0;
	padding:0;
	list-style:none;}
.btn-box{
	margin:0 0 50px;}
.btn-box:last-child{
	margin:0;}
.button a{
	border-radius:5px;
	text-align:center;
	position:relative;
	display:flex;
	justify-content:space-around;
	align-items:center;
	font-size:1.3rem;
	margin:0 auto;
	width:280px;
	padding:10px;
	height:120px;
	font-family:"Noto Sans Japanese";
	color:#FFF;
	line-height:1.8;
	text-decoration:none;
	transition:0.3s ease-in-out;
	font-weight:500;}
.button a.sagin{
	background:#E50012;}
.button a.sagin:hover{
	background:#89000D;}
.button a.mikuni{
	background:#0063B2;}
.button a.mikuni:hover{
	background:#003D85;}
.button a:after{
	content:'';
	width:10px;
	height:10px;
	border-top:3px solid #FFF;
	border-right:3px solid #FFF;
	transform:rotate(45deg) translateY(-50%);
	position:absolute;
	top:50%;
	right:20px;
	border-radius:1px;
	transition:0.3s ease-in-out;}
.button a span{
	margin:0 15px 0 0;}
@media only screen and (max-width:767px){
	.header-inner{
		display:block;
		text-align:center;}
}
@media only screen and (min-width:768px){
	.button{
		padding:0;
		margin:5em auto;
		list-style:none;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;}
	.btn-box:nth-child(odd){
		margin:0 20px 0 0;}
	.btn-box:nth-child(even){
		margin:0 0 0 20px;}
}