/*** inport ***/
@import "setting.css";
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;500;600&display=swap");
/***********
** LAYOUT **
***********/

img{
	max-width:100%;
	display:block;
}
.alpha img:hover{
	opacity:0.85;
}
ul{
	list-style-type:none;
}
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.ml20{ margin-left:20px; }
.p10{ padding:10px; }

/***********
** main **
***********/

.entry-bt{
	padding:20px 10px;
	margin:30px 0;
	text-align:center;
}
.entry-bt a{
	display:block;
	width:80%;
	font-size:2.6rem;
	font-weight:600;
	color:#fff;
	text-decoration: none;
	padding:20px;
	margin:0 auto;
	background:#fa3a16;
	transition: .3s;
}
.entry-bt a:hover{
	background:#ca2317;
}
@media screen and (max-width: 896px){
	.entry-bt a{
		width:90%;
		font-size:2.0rem;
	}
}
@media screen and (max-width: 480px){
	.entry-bt{
		padding:10px;
		margin:10px 0;
	}
	.entry-bt a{
		width:100%;
		font-size:1.5rem;
	}
}

/**********************************************/

footer .inner{
	padding:15px 30px;
	text-align:right;
}

@media screen and (max-width: 480px){
	footer{
		padding:15px;
		text-align:center;
	}
}