@charset "UTF-8";

/* すべてのWebページに適用される */
html {
	font-family: sans-serif;
}
html * {
	box-sizing: border-box;
}
body {
	margin: 0 0 0 0;
	background-color: #ffffff;
}
.wrapper {
	margin: 0 auto 0 auto;
	max-width: 960px;
}
img {
	max-width:100%;
	height: auto;
}
article {
	width: 100%:
}
aside
	{
	width: 100%;
}
.contents {
	display: flex;
	justify-content：space-between;
	margin-bottom: 50px
}
.logo {
	margin: 50px 0 40px 0
	line-height: 0 ;
	text-align: center;
}
.return {	
	text-align: center;
	
}
.nav {
	text-align: center;
}	
.nav li{
	display: block;
	list-style-type: none;
	padding-right: 50px;
}

.nav ul{
       margin-top:5vw;
}

.nav a:link {
	color: #3c454d;
	text-decoration: none;
}
.nav a:visited {
	color: #3c454d;
	text-decoration: none;
}
.nav a:hover {
	color:  #b50099;
	text-decoration: none;
}
.nav a:active {
	color: #5a9bc0;
	text-decoration: none;
}

/* スマートフォン向けCSS */
@media (max-width: 767px) {
/* 全体 - ナビゲーション */
.wrapper {
	margin: 0 8px;
}
.nav {	
	background-color: #dfddda;
}
.nav li {
	display: block;
}
.contents {
	flex-direction: column;
}
.return {	
	border-bottom: 3px dotted #3f5170;
}
article,
aside {
	width: 100%}
}
}