@charset "utf-8";
.compact_section {
		padding-left: 0;
}
.compact_inner {
		position: relative;
		display: flex;
		align-items: center;
}
.compact_inner .bg {
		width: 50vw;
}
.compact_inner .bg img {
		width: 100%;
		height: auto;
}
.compact_caption {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
}
.compact_catch {
		width: 360px;
		margin: 0 0 80px;
}
.compact_catch img {
		width: 100%;
		height: auto;
}
.compact_caption p {
		font-size: 18px;
		font-weight: 500;
		line-height: 2.6;
		letter-spacing: 0.2em
}
@media(min-width: 1200px) {
		.compact_catch {
				width: 24.3vw;
		}
		.compact_caption p {
				font-size: 1.2vw;
		}
}
@media(max-width: 960px) {
		.compact_catch {
				width: 310px;
				margin: 0 0 60px;
		}
		.compact_caption p {
				font-size: 15px;
				line-height: 2.4;
		}
}
@media(max-width: 767px) {
		.compact_section, .compact_inner, .compact_inner .bg::before, .compact_caption {
				height: auto
		}
		.compact_inner {
				display: flex;
				flex-direction: column-reverse;
				align-items: flex-start;
				margin-bottom: 0;
		}
		.compact_caption {
				margin-left: 0;
				height: auto;
				display: block;
				padding: 0 6vw;
		}
		.compact_catch {
				font-size: 22px;
				margin: 0 0 60px;
				text-align: left;
		}
		.compact_caption p {
				font-size: 15px;
				line-height: 2.4;
				text-align: justify;
		}
		.compact_inner .bg {
				width: 88%;
				margin-top: 60px;
		}
		.compact_inner .bg::before {
				display: none
		}
}