@charset "utf-8";

/*----------------------------------------------------------------------> ▼ .slogan <--*/

.slogan {
	position: relative;
	margin-bottom: 30px;
	font-family: YuMin-DB;
	font-size: 60px;
	text-align: center;
	letter-spacing: 2px;
}

.slogan span {
	font-size: 50px;
}

.slogan + div {
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.75em;
}

@media (width <= 767px) {
	.slogan {
		margin: 50px 0 30px;
		font-size: 40px;
		letter-spacing: -0.5px;
	}
	
	.slogan span {
		font-size: 30px;
	}
}

@media (hover: hover) and (pointer: fine) {
	.contact a:hover {
		opacity: 0.8;
	}
}

/*----------------------------------------------------------------------> ▼ .slogan <--*/

.post {
	text-align: right;
	margin:1em 0 5px;
}

.sign {
	text-align: right;
	font-family: Makapop;
	line-height: 1em;
}

@media (1025px <= width) {
	.sign {
		font-size: 50px;
		letter-spacing: 5px;
	}
}

/*----------------------------------------------------------------------> ▼ .slogan <--*/

.office div:nth-child(n + 2) {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #aaa;
}