@charset "utf-8";
.loading_base {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #fff;
		z-index: 9999;
		display: flex;
		justify-content: center;
		align-items: center;
}
.kv {
		position: relative;
}
@media(max-width: 1600px) {
		.kv {
				padding-bottom: 3vw;
		}
}
@media(max-width: 960px) {
		.kv {
				padding-bottom: 40px;
		}
}
.kv img {
		width: 100%;
		height: auto
}
.kv .kv-2, .kv .kv-3 {
		position: absolute;
		top: 0;
		left: 3vw;
		width: 100%;
}
.kv .kv_slash-1, .kv .kv_slash-2, .kv .kv_slash-3, .kv .kv_slash-4 {
		position: absolute;
		top: -9vw;
		left: 3vw;
		width: 100%;
}
.kv .kv_slash-1, .kv .kv_slash-3 {
		left: 0
}
.kv_slash-1 img, .kv_slash-2 img, .kv_slash-3 img, .kv_slash-4 img {
		opacity: 0;
}
.isStart .kv_slash-1 img {
		animation: slideIn3 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.isStart .kv_slash-2 img {
		animation: slideIn3 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.isStart .kv_slash-3 img {
		animation: slideIn3 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.isStart .kv_slash-4 img {
		animation: slideIn3 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.kv-1 {
		position: relative;
		left: 3vw
}
.kv-1 img, .kv-2 img, .kv-3 img {
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size: 100%;
		-webkit-mask-size: 100%;
}
.kv-1 img, .kv-3 img {
		opacity: 0;
		mask-position: -30.6vw -54vw;
		-webkit-mask-position: -30.6vw -54vw;
}
.kv-2 img {
		opacity: 0;
		mask-position: -50.4vw -89vw;
		-webkit-mask-position: -50.4vw -89vw;
}
.isStart .kv-1 img, .isStart .kv-3 img {
		animation: slideIn1 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.isStart .kv-2 img {
		animation: slideIn2 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes slideIn1 {
		0% {
				opacity: 0;
				mask-position: -30.6vw -54vw;
				-webkit-mask-position: -30.6vw -54vw;
		}
		100% {
				opacity: 1;
				mask-position: 0vw 0vw;
				-webkit-mask-position: 0vw 0vw;
		}
}
@keyframes slideIn2 {
		0% {
				opacity: 0;
				mask-position: -50.4vw -89vw;
				-webkit-mask-position: -50.4vw -89vw;
		}
		100% {
				opacity: 1;
				mask-position: 0vw 0vw;
				-webkit-mask-position: 0vw 0vw;
		}
}
@keyframes slideIn3 {
		0% {
				opacity: 0;
				transform: translate(-15.3vw, -27vw);
		}
		100% {
				opacity: 1;
				transform: translate(0vw, 0vw);
		}
}
@keyframes slideInSpMask {
		0% {
				opacity: 0;
				mask-position: -460px -800px;
				-webkit-mask-position: -460px -800px;
		}
		100% {
				opacity: 1;
				mask-position: 0 0;
				-webkit-mask-position: 0 0;
		}
}
.kv-1 img {
		mask-image: url("../images/kv_mask-1_pc.png");
		-webkit-mask-image: url("../images/kv_mask-1_pc.png");
}
.kv-2 img {
		mask-image: url("../images/kv_mask-2_pc.png");
		-webkit-mask-image: url("../images/kv_mask-2_pc.png");
}
.kv-3 img {
		mask-image: url("../images/kv_mask-3_pc.png");
		-webkit-mask-image: url("../images/kv_mask-3_pc.png");
}
.kv_catch_gr {
		position: absolute;
		top: 20vw;
		left: 4vw;
		z-index: 10;
}
.kv_catch {
		font-size: clamp(2.5rem, 2.885vw + 0.769rem, 4.375rem); /* 70-40 | 2000 / 960 */
		font-weight: 700;
		letter-spacing: 0.05em;
		line-height: 1.3;
}
.kv_catch_en {
		font-family: "Barlow Condensed";
		font-weight: 600;
		font-size: clamp(1.25rem, 1.442vw + 0.385rem, 2.188rem);
		color: #003F86;
		letter-spacing: 0.03em;
		margin-top: 15px;
}
@media(min-width: 2001px) {
		.kv_catch_gr {
				top: 20vw;
				left: 8vw
		}
		.kv_catch {
				font-size: 90px;
		}
		.kv_catch_en {
				font-size: 45px;
		}
}
@media(max-width: 960px) {
		.kv_catch_gr {
				top: 20vw;
				left: 30px
		}
		.kv_catch {
				font-size: 34px;
		}
		.kv_catch_en {
				font-size: 17px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.kv_slash-4 {
				display: none
		}
		.kv {
				width: 180vw;
				left: -40vw;
		}
		.kv img {
				width: 180vw;
				height: auto
		}
		.kv-1 {
				left: 0vw
		}
		.kv .kv-2, .kv .kv-3 {
				top: 0;
				left: 0;
				width: 130vw;
		}
		.kv-1 img, .kv-2 img, .kv-3 img {
				mask-position: -460px -800px;
				-webkit-mask-position: -460px -800px;
				opacity: 0;
		}
		.kv .kv-1 img {
				mask-image: url("../images/kv_mask-1_sp.png");
				-webkit-mask-image: url("../images/kv_mask-1_sp.png");
		}
		.kv-2 img {
				mask-image: url("../images/kv_mask-2_sp.png");
				-webkit-mask-image: url("../images/kv_mask-2_sp.png");
		}
		.kv-3 img {
				mask-image: url("../images/kv_mask-3_sp.png");
				-webkit-mask-image: url("../images/kv_mask-3_sp.png");
		}
		.isStart .kv-1 img {
				animation: slideInSpMask 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
		}
		.isStart .kv-2 img {
				animation: slideInSpMask 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
				animation-delay: 0.2s;
		}
		.isStart .kv-3 img {
				animation: slideInSpMask 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
				animation-delay: 0.25s;
		}
		.kv .kv_slash-1, .kv .kv_slash-2, .kv .kv_slash-3 {
				top: 0;
				left: 0;
				width: 130vw;
				z-index: 10
		}
		.kv .kv_slash-3 {
				z-index: 0;
				top: -80px;
				left: -60px;
		}
		.kv_catch_gr {
				position: static;
				padding-top: 30px;
		}
		.kv_catch {
				font-size: 7.2vw;
				text-align: center;
				position: relative;
				z-index: 10
		}
		.kv_catch_en {
				font-size: 3.6vw;
				text-align: center;
				position: relative;
				z-index: 10
		}
}
.kv_news {
		margin-top: 8vw;
		width: 30vw;
		height: 80px;
		background: #fff;
		display: flex;
		align-items: center;
		min-width: 490px;
		box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
}
.kv_news_hd {
		height: 80px;
		width: 80px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-image: url("../images/top_kv_news_bg.png");
		display: flex;
		justify-content: center;
		align-items: center;
}
.kv_news_hd span {
		font-family: "Barlow Condensed";
		font-weight: 600;
		color: #fff;
		font-size: 18px;
}
@media(min-width: 2001px) {
		.kv_news {
				width: 760px;
		}
}
.kv_news_thumb {
		width: 80px;
}
.kv_news_thumb img {
		width: 80px;
		height: 80px;
		object-fit: cover;
}
.kv_news_caption {
		flex: 1
}
.kv_news_caption p {
		font-size: 14px;
		line-height: 1.6;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
}
.kv_news_caption a {
		color: #00234B;
		text-decoration: none;
		height: 80px;
		padding: 15px;
		padding-right: 40px;
		display: flex;
		align-items: center;
		position: relative;
		box-sizing: border-box;
}
.kv_news_caption a::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 7.5px);
		right: 15px;
		width: 17px;
		height: 15px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		background-image: url("../images/icon_arw_right_blu.png")
}
@media(max-width: 1300px) {
		.kv_news {
				width: 35vw;
				height: 6vw;
				min-width: inherit;
		}
		.kv_news_hd {
				height: 6vw;
				width: 6vw;
		}
		.kv_news_hd span {
				font-size: 14px;
		}
		.kv_news_thumb {
				height: 6vw;
				width: 6vw
		}
		.kv_news_thumb img {
				height: 6vw;
				width: 6vw
		}
		.kv_news_caption p {
				font-size: 13px;
		}
		.kv_news_caption a {
				height: 6vw;
				padding: 10px;
				padding-right: 35px;
		}
		.kv_news_caption a::after {
				top: calc(50% - 6px);
				right: 10px;
				width: 14px;
				height: 12px;
		}
}
@media(max-width: 960px) {
		.kv_news {
				width: 360px;
				height: 60px;
				min-width: inherit;
		}
		.kv_news_hd {
				height: 60px;
				width: 60px;
		}
		.kv_news_hd span {
				font-size: 14px;
		}
		.kv_news_thumb, .kv_news_thumb img {
				height: 60px;
				width: 60px;
		}
		.kv_news_caption a {
				height: 60px;
				padding: 10px;
				padding-right: 30px;
		}
		.kv_news_caption a::after {
				top: calc(50% - 6px);
				right: 10px;
				width: 14px;
				height: 12px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.kv_news {
				width: calc(100vw - 40px);
				height: 60px;
				min-width: inherit;
				margin: 40px auto 0;
		}
		.kv_news_hd span {
				font-size: 14px;
		}
		.kv_news_caption p {
				font-size: 12px;
		}
		.kv_news_caption a::after {
				top: calc(50% - 6px);
				right: 10px;
				width: 14px;
				height: 12px;
		}
}
.kv_catch_line {
		overflow: clip
}
.kv_catch .kv_catch_line span {
		display: inline-block;
		transform: translateY(150px);
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.kv_catch span:nth-child(2) {
		transition-delay: 0.05s;
}
.kv_catch span:nth-child(3) {
		transition-delay: 0.1s;
}
.kv_catch span:nth-child(4) {
		transition-delay: 0.15s;
}
.kv_catch span:nth-child(5) {
		transition-delay: 0.2s;
}
.kv_catch span:nth-child(6) {
		transition-delay: 0.25s;
}
.kv_catch span:nth-child(7) {
		transition-delay: 0.3s;
}
.kv_catch span:nth-child(8) {
		transition-delay: 0.35s;
}
.kv_catch span:nth-child(9) {
		transition-delay: 0.4s;
}
.kv_catch span:nth-child(10) {
		transition-delay: 0.45s;
}
.kv_catch span:nth-child(11) {
		transition-delay: 0.5s;
}
.kv_catch span:nth-child(12) {
		transition-delay: 0.55s;
}
.kv_catch span:nth-child(13) {
		transition-delay: 0.6s;
}
.isStart .kv_catch span {
		transform: translateY(0px);
}
.kv_catch_en {
		opacity: 0;
		transition: opacity 0.8s;
		transition-delay: 0.5s
}
.isStart .kv_catch_en {
		opacity: 1;
}
.kv_news {
		opacity: 0;
		transition: opacity 0.8s;
		transition-delay: 1s;
		pointer-events: none
}
.isStart .kv_news {
		opacity: 1;
		pointer-events: all;
}