@charset "utf-8";
.kv, .kv_inner {
		min-height: 600px;
}
.kv {
		background: #000;
		min-height: 700px;
		height: 100vh;
		position: relative;
		overflow: hidden;
}
.kv .yuge_L, .kv .yuge_R {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100%;
		z-index: 5
}
.kv .yuge_L {
		background-image: url("../images/kv_yuge_L_pc.png")
}
.kv .yuge_R {
		background-image: url("../images/kv_yuge_R_pc.png")
}
.kv_inner {
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100%;
		background-image: url("../images/kv_pc_min.jpg");
		/* max-width: 1180px; */
		max-width: 1400px;
		margin: 0 auto;
}
.kv_title_col {
		height: 88%;
		background-repeat: no-repeat;
		position: relative;
}
@media(max-width: 768px) {
		.kv_title_col {
				min-height: 550px;
		}
}
.kv_title {
		height: 100%;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100%;
		background-image: url("../images/kv_title_bg_pc_w.png");
}
.kv_title_col div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100%;
		z-index: 6
}
.kv_title_col .kv_catch {
		background-image: url("../images/kv_catch_pc.png");
}
.kv_title_col .kv_pkg {
		background-image: url("../images/kv_pkg3_min.png");
}
.kv_title_col .kv_notes {
		position: absolute;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
}
.kv_title_col .kv_notes_txt {
		text-align: right;
		color: #fff;
		font-size: 12px;
		width: calc(calc(100vh - 123px) * 1.16);
		height: auto;
		margin: 0 auto;
		position: static;
		background: none;
		padding: 0;
		line-height: 1;
		padding-bottom: 40px;
}
@media(max-height: 1050px) and (min-width: 768px) {
		.kv_title_col .kv_notes_txt {
				padding-bottom: 25px;
				font-size: 11px;
				min-width: 710px;
		}
}
@media(max-width: 767px) {
		.kv_title_col .kv_notes_txt {
				width: 100%;
				box-sizing: border-box;
				padding-right: 20px;
				max-width: inherit;
				min-width: inherit;
				font-size: 9px;
				padding-bottom: 12px;
		}
}
.kv_title {
		width: 100%;
}
.kv_title img {
		width: 100%;
		height: auto;
}
.kv_cover {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		z-index: 100;
}
.global {
		max-width: 1180px;
		margin: 0 auto;
		padding: 0 40px;
		position: relative;
		z-index: 6
}
.global ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.global li {
		list-style: none;
		width: 360px;
}
.global li img {
		width: 100%;
		height: auto;
		transition: opacity 0.3s;
}
.global li a {
		display: inline-block;
		background: #300400;
		transition: background 0.3s;
}
@media (hover: hover) {
		.global li a:hover {
				background: #cf000f;
		}
}
@media(max-width: 1180px) {
		.global li {
				width: calc(calc(100% - 40px) / 3);
		}
}
@media(max-height: 1050px) {
		.global {
				max-width: 800px;
				margin: 0 auto;
		}
		.global li {
				list-style: none;
				width: calc(calc(100% - 40px) / 3);
		}
}
/* ==== TABLET ==== */
.kv.isTablet {
		max-height: 83vw;
}
.isTablet .kv_inner {
		background-size: 100%;
		height: 82vw !important;
}
.isTablet .kv_title {
		background-size: 100%;
}
.isTablet .kv_title_col div {
		background-position: center top;
		background-size: 100%;
}
.isTablet .kv_title_col .kv_notes_txt {
		max-width: 100%;
		font-size: 12px;
		padding-right: 40px;
		box-sizing: border-box;
}
/* ==== // TABLET ==== */

@media(max-width: 767px) {
		.kv, .kv_inner {
				min-height: inherit;
		}
		.kv {
				min-height: inherit;
				height: calc(100vh - 60px);
		}
		.kv.kvShort {
				height: 100vh;
		}
		.kv .yuge_L, .kv .yuge_R {
				background-size: 100%;
				height: 120vh;
		}
		.kv .yuge_L {
				background-image: url("../images/kv_yuge_L_sp.png")
		}
		.kv .yuge_R {
				background-image: url("../images/kv_yuge_R_sp.png")
		}
		.kv_inner {
				background-size: 100%;
				background-image: url("../images/kv_sp.jpg");
				max-width: inherit;
				width: 100%;
		}
		.kv_title_col {
				height: 141vw;
		}
		.kv_title {
				height: 100%;
				background-position: center top;
				background-size: 100%;
				background-image: url("../images/kv_title_sp.png");
		}
		.kv_title_col div {
				width: 100%;
				height: 100%;
				background-size: 100%;
		}
		.kv_title_col .kv_catch {
				background-image: url("../images/kv_catch_sp.png")
		}
		.kv_title_col .kv_pkg {
				background-image: url("../images/kv_pkg_sp.png")
		}
		.global {
				padding: 0 20px;
		}
		.global li {
				width: 360px;
		}
		.global li.nav-1 {
				width: 24.4%
		}
		.global li.nav-2 {
				width: 42.5%
		}
		.global li.nav-3 {
				width: 28.7%
		}
}