@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;
}
header{
	width: 100%;
	height: 100px;
	background-image: linear-gradient(123deg, #a586b0, #3a287f);
	color: #FFF;
}
header h1{
	text-align: center;
	line-height: 100px;
}

ul{
	list-style: none;
	width: 100%;
	margin: 2rem auto;
	padding: 0;
}
li{
	margin: 0 0.1%;
}
img{
	width: 100%;
}

#wrapper{
	width: 980px;
	height:800px;
	margin: 50px auto;
	padding: 50px 30px 50px;
	background:#EEE;
	text-align: center;
}
@media screen and (max-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	#wrapper{
		width: 84%;
		margin: 30px auto;
		padding: 5%;
		line-height: 1.5em;
	}
}