@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 {
	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 a.img {
	position: relative;
	width: 100%;
	padding-top: 59.26%;
	display: block;
}

/*---------------------------------------------- WHO WE ARE ------------------------------------------------------------*/

@media screen and (max-width: 1260px) {
	section.content article.main.page .about .img {
		height: auto;
	}
	section.content article.main.page .about .img img {
		position: static;
		left: auto;
		transform:translateY(0);
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		display: block;
		margin: 0 auto 10px auto;
	}
	section.content article.main.page .about .img ul {
		background: none;
		width: 100%;
		height: auto;
	}
	section.content article.main.page .about .img ul li,
	section.content article.main.page .about .img ul li:first-child,
	section.content article.main.page .about .img ul li:nth-child(2),
	section.content article.main.page .about .img ul li:last-child {
		position: static;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		transform:translate(0, 0);
		-webkit-transform:translate(0, 0);
		-moz-transform:translate(0, 0);
		-ms-transform:translate(0, 0);
		width: -webkit-calc( (100% - 40px) / 3);
		width: calc( (100% - 40px) / 3);
		box-sizing: border-box;
		padding: 10px;
	}
	section.content article.main.page .about .img ul li:first-child,
	section.content article.main.page .about .img ul li:nth-child(2) {
		margin-right: 20px;
	}
}
section.content article.main.page .value .back {
	left: -20px;
	right: -20px;
}
section.content article.main.page .message img {
	width: 30%;
}
section.content article.main.page .value ul li p {
	padding-left: 10px;
	padding-right: 10px;
}
section.content article.main.page .message .message_article {
	width: 68%;
}

/*---------------------------------------------- PROJECT ------------------------------------------------------------*/

section.content article.main.page .approach article img {
	width: 50%;
	margin-left: 0;
}
section.content article.main.page .approach article .example {
	width: 45%;
	margin-right: 0;
}