@charset "utf-8";
/* CSS Document */

img {
	max-width: 100%;
}

.sp {
	display: none;
}

div#container,
header,
.info {
	width: 100%;
}

footer .contact ul, 
section.content article.main, 
body.content,
section.content article.relation ul,
div.list {
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
}

footer .sns,
footer .contact ul,
.info ul,
section.content article.relation ul,
div.list {
	padding-left: 20px;
	padding-right: 20px;
	max-width: 1180px;
}
.info ul {
	max-width: 100%;
}

section.content article.main.page .mission {
	margin-left: -20px;
	margin-right: -20px;
}

section.content article.main.page .about .img ul,
section.content article.main.page .value ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}	

@media screen and (max-width: 1150px) {
	header a.logo {
		top: 39px;
		left: 20px;
		z-index: 2;
	}
}

header nav {
	z-index: 1;
}

footer .sns {
	width: auto;
}

.news ul {
	padding-left: 20px;
	padding-right: 20px;
	max-width: 1010px;
}
div.list article .archive_img {
	width: 28.07%;
}
div.list article .archive_content {
	width: 71.93%;
	padding: 20px 30px 35px 30px;
}