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


/* ----------------------------------------
    about
---------------------------------------- */
#about {
	margin: 0 auto;
	width: 900px;
	z-index: 9;
}
#about section {
	margin-bottom: 80px;
}
#about section p {
	margin: 20px 0;
	padding: 32px;
	line-height: 2;
	background: #fff;
}

#concept strong {
	font-size: 15px;
}

#designer strong {
	font-size: 18px;
}

#company {
	padding: 32px;
	color: #fff;
	background: rgba(0,0,0,0.8);
}
#company h2 {
	margin-bottom: 5px;
}
#company h3 {
	margin: 30px 0 10px;
}
#company dl {
	position: relative;
	margin: 10px 0;
	border-top: 1px solid #fff;
}
#company dt {
	padding: 7px 0;
	position: absolute;
	left: 0;
}
#company dd {
	display: block;
	padding: 7px 0 7px 150px;
	border-bottom: 1px solid #fff;
}

#company a,
#company a:hover {
	color: #fff;
}

.copyright {
	position: absolute;
}


/* ++++++++++++++++++++++++++++++++++++++++

	for SP
	
++++++++++++++++++++++++++++++++++++++++ */

@media screen and (max-width: 767px) {
	
	#about {
		padding-bottom: 15%;
		margin: 0 auto;
		width: 87.5%;
	}
	#about section {
		margin-bottom: 10%;
	}
	#about section p {
		margin: 1% auto;
		padding: 5%;
	}
	
	#concept h2 img {
		width: 45.89%;
	}
	
	#concept strong {
    font-size: 12px;
	}
	
	#designer h2 img {
		width: 27.14%;
	}
	#company h2 img {
		display: block;
		width: 30.96%;
	}
	#company {
		padding: 5%;
	}
	
	#company dd {
		display: block;
		padding: 7px 0 7px 33%;
		border-bottom: 1px solid #fff;
	}
}