@charset "UTF-8";
:root{
	--main:#0d5ba4;
	--sub:#f24c7a;
}
.top__logo{
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}
header#header {
	padding-top: 40px;
	padding-bottom: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:var(--main);
	color: #ffffff;
}
.inner{
	width: 1024px;
	margin: 0 auto;
}
ul.link_list {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-top: 40px;
	margin-bottom: 40px;
}
ul.link_list li{
	width: calc((100% - 20px) / 2);
	margin-bottom: 20px;
	flex-flow: column;
}
ul.link_list li a{
	padding: 1rem;
	font-size: 2rem;
	background-color: var(--sub);
	color: #fff;
	text-align: center;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	flex-flow: column;
	line-height: 1.2em;
}
ul.link_list li.jstream a{
	background-color:#03A500;
}

ul.link_list li.aplink a{
	background-color:#279bd8;
}

ul.link_list li.epsilon a{
	background-color:#042275;
}
@media screen and (max-width: 480px) {
	.inner{
    width: 92%;
	}
	header#header {
    padding-top: 20px;
    padding-bottom: 20px;
	}
	.top__logo {
		width: 70%;
	}
	ul.link_list li{
		width: 100%;
	}
}