@charset "utf-8";

/* index
========================================================================== */

#arata {
	width: 400px;
	margin: -260px 0 0 -200px;
	position: absolute;
	top: 50%;
	left: 50%;
}

#arata img {
	max-width: 240px;
	margin-bottom: 2em;
}

#arata p {
	margin-bottom: .5em;
	color: #fff;
}

#arata p.design {
	margin-bottom: .5em;
	font-weight: bold;
}
#arata p.sendai {
	margin-bottom: 2em;
	font-size: 93%; /* 13px */
}

#arata p.address {
	margin-bottom: 1.25em;
	font-size: 86%;
}

#arata p.address a {
	margin-left: .5em;
	padding: 0 .25em;
	border: 1px solid #fff;
	font-size: 86%;
}
#arata p.address a:after {
	width: 1em;
	content: "\f041";
	font-family: FontAwesome;
	text-align: center;
	display: inline-block;
}

#arata p.facebook {
	margin-bottom: 4em;
}
#arata p.facebook a:before {
	width: 1em;
	margin: 0 .25em 0 0;
	content: "\f230";
	font-family: FontAwesome;
	text-align: center;
	display: inline-block;
}
#arata p.facebook a:hover {
	border-bottom: 1px solid #000;
}

#arata p.copyright {
	font-size: 86%; /* 12px */
}

/* phones */
@media only screen and (max-width: 767px) {
		#arata img {
		width: 50%;
	}
}