@charset "utf-8";
.first_section {}
.kv {
		background-color: #F1E9E3;
		position: relative;
		background-repeat: no-repeat;
		background-position: right center;
		background-image: url("../images/kv_main_pc.jpg");
}
.kv.full {
		background-size: cover;
		height: 100vh;
}
.kv.basic {
		width: 100vw;
		background-size: 100%;
		background-position: right 0;
		aspect-ratio: 10 / 5.42;
}
.kv img {
		width: 100%;
		height: auto
}
.kv_left {
		width: 50vw;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index: 10
}
.kv.full .kv_left {
		height: 100vh;
}
.kv.basic .kv_left {
		aspect-ratio: 1 / 1;
}
.kv_catch {
		width: 68%;
		position: relative;
		top: -4.5vw;
}
.kv_left .kv_logo_wrap {
		width: 100%;
		position: absolute;
		bottom: 50px;
		left: 0;
}
.kv_logo {
		width: 65.7%;
		margin: 0 auto;
}
.kv_notes {
		padding: 20px 30px;
		margin: 0 auto;
}
@media(max-width: 960px) {
		.first_section {
				padding-bottom: 200px;
		}
}
@media(min-width: 768px) {
		.kv_after_logo, .kv_mark_sp {
				display: none
		}
}
@media(max-width: 767px) {
		.first_section {
				height: auto;
				padding-bottom: 120px;
		}
		.kv {
				height: 146.6vw;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-size: 100%;
				background-image: url("../images/kv_main_sp4.jpg");
		}
		.kv_left {
				width: 100%;
				height: 100%;
				display: block;
		}
		.kv_left .kv_catch {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 146.6vw;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-size: 100%;
				background-image: url("../images/kv_catch_sp4.png");
				z-index: 5
		}
		.kv_catch img {
				opacity: 0
		}
		.kv .kv_mark_sp {
				position: absolute;
				width: 70px;
				right: 25px;
				bottom: 20px;
		}
		.kv_mark_sp img {
				width: 100%;
				height: auto;
		}
		.kv_logo_wrap {
				display: none
		}
		.kv_after_logo {
				width: 100%;
				padding-top: 40px;
				margin-bottom: 30px;
		}
		.kv_after_logo img {
				width: 100%;
				height: auto
		}
		.kv_notes {
				padding: 0 20px;
		}
}