/*-------------
	topics
-------------*/
.un-message {
	position: relative;
	width: 100%;
}
@media (min-width: 768px) {
	.un-message {
		height: 400px;
		margin-bottom: 60px;
	}
}
@media (max-width: 767px) {
	.un-message {
		margin-bottom: 30px;
	}
}
@media (min-width: 768px) {
	.un-message__img {
		width: 580px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
}
.un-message__box {
	background: #F3F5F7;
	border-top: var(--color-prim) solid 4px;
}
@media (min-width: 768px) {
	.un-message__box {
		width: 400px;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 2;
		padding: 30px 40px 44px;
	}
}
@media (max-width: 767px) {
	.un-message__box {
		padding: 30px 27px;
	}
}
.un-message__catch {
	font-weight: bold;
}
@media (min-width: 768px) {
	.un-message__catch {
		font-size: 2.2rem;
		line-height: 30px;
	}
}
@media (max-width: 767px) {
	.un-message__catch {
		font-size: 1.8rem;
		line-height: 28px;
	}
}
.un-message__director {
	line-height: 1.4;
}
@media (min-width: 768px) {
	.un-message__director {
		font-size: 1.4rem;
		margin-top: 20px;
	}
}
@media (max-width: 767px) {
	.un-message__director {
		font-size: 1.2rem;
		margin-top: 18px;
	}
}
.un-message__name {
	margin-top: 18px;
	line-height: 1;
}
@media (min-width: 768px) {
	.un-message__name {
		font-size: 2.4rem;
	}
}
@media (max-width: 767px) {
	.un-message__name {
		font-size: 2rem;
	}
}
/*# sourceMappingURL=style.css.map */