@charset "utf-8";
img{
	vertical-align: bottom;
}
body{
	background: url(../images/bg.png) repeat;
	font-family: "Sawarabi Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}
#wrapper{
	width: 980px;
	margin: 3% auto;
	text-align: center;
}
.btn{
	font-size: 24px;
	font-weight: bold;
	padding: 3rem;
}
.btn a{
	background: linear-gradient(90deg, #55c8ac 0%, #d6d75b 100%);
    display: inline-block;
    padding: 0.25rem 0.25rem;
    border-radius: 2rem;
    text-decoration: none;
}
.btn span{
	display: block;
	background: #ffffff;
	padding: 0.75rem 2.5rem;
	border-radius: 2rem;
	color: #55c8ac;
	transition: all 0.1s linear;
}
.btn span:hover{
	background: transparent;
    color: #ffffff;
}
@media screen and (max-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	#wrapper{
		width: 96%;
	}
}