/*==================================================
スライダーのためのcss
===================================*/
* {
	padding: 0; /* Reset `padding` and `margin` of all elements */
	margin: 0;
}
/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
	cursor: pointer;
}

button,
input,
optgroup,
select,
textarea {
	font: inherit; /* Specify font inheritance of form elements */
}
button {
	overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}
/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: 0;
	padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	outline: 1px dotted ButtonText;
}

button,
html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
	text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none;
	color: inherit;
}

/* ───────────────────────────────────────────────────────────────
.kv-slider
─────────────────────────────────────────────────────────────── */
.kv-slider {
position:relative;
z-index: 1;
/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
height: 100vh; /* スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
/* background:url('/assets/img/top/bg_01.jpg'); */
background-repeat: no-repeat;/*背景画像をリピートしない*/
background-position: center top;/*背景画像の位置を中央に*/
background-size: contain;/*背景画像が.slider-item全体を覆い表示*/
background-color: rgba(38, 106, 181, 1.0);
}


.kv-slider .slider-item {
			width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
			height:100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
			background-repeat: no-repeat;/*背景画像をリピートしない*/
			background-position: center top;/*背景画像の位置を中央に*/
			background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}
/*　背景画像設定　*/
.kv-slider .slider-item.slider-item01 {background-image:url('/assets/img/kv/top_bg_kv_01.jpg?202506v2');}
.kv-slider .slider-item.slider-item02 {background-image:url('/assets/img/kv/top_bg_kv_02.jpg?202506v2');}
.kv-slider .slider-item.slider-item03 {background-image:url('/assets/img/kv/top_bg_kv_03.jpg?202506v2');}
.kv-slider .slider-item.slider-item04 {background-image:url('/assets/img/kv/top_bg_kv_04.jpg?202506v2');background-position: left top;}
.kv-slider .slider-item.slider-item05 {background-image:url('/assets/img/kv/top_bg_kv_05.jpg?202506v2');background-position: center top;}

@media screen and (max-width: 880px) {
	.kv-slider .slider-item {background-position: left top;}
	.kv-slider .slider-item.slider-item01 {background-image:url('/assets/img/kv/top_sp_bg_kv_01.jpg?202506v2');}
	.kv-slider .slider-item.slider-item02 {background-image:url('/assets/img/kv/top_sp_bg_kv_02.jpg?202506v2');}
	.kv-slider .slider-item.slider-item03 {background-image:url('/assets/img/kv/top_sp_bg_kv_03.jpg?202506v2');}
	.kv-slider .slider-item.slider-item04 {background-image:url('/assets/img/kv/top_sp_bg_kv_04.jpg?202506v2');}
	.kv-slider .slider-item.slider-item05 {background-image:url('/assets/img/kv/top_sp_bg_kv_05.jpg?202506v2');}
		
}
















/*矢印の設定*/

.kv-slider .slick-prev, 
.kv-slider .slick-next {
			position: absolute;
			z-index: 3;
			top: 42%;
			cursor: pointer;/*マウスカーソルを指マークに*/
			outline: none;/*クリックをしたら出てくる枠線を消す*/
			border-top: 2px solid #fff;/*矢印の色*/
			border-right: 2px solid #fff;/*矢印の色*/
			height: 25px;
			width: 25px;
}

.kv-slider .slick-prev {/*戻る矢印の位置と形状*/
			left:2.5%;
			transform: rotate(-135deg);
}

.kv-slider .slick-next {/*次へ矢印の位置と形状*/
			right:2.5%;
			transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.kv-slider .slick-dots {
position: relative;
z-index: 3;
			text-align:center;
margin:-50px 0 0 0;/*ドットの位置*/
}

.kv-slider .slick-dots li {
			display:inline-block;
margin:0 5px;
}

.kv-slider .slick-dots button {
			color: transparent;
			outline: none;
			width:8px;/*ドットボタンのサイズ*/
			height:8px;/*ドットボタンのサイズ*/
			display:block;
			border-radius:50%;
			background:#fff;/*ドットボタンの色*/
}

.kv-slider .slick-dots .slick-active button{
			background:#333;/*ドットボタンの現在地表示の色*/
}



.kv-slider div.logo-sns{
	position: absolute;
	z-index: 9999;
	top: 26%;
	left: 13%;
	right: auto;
	/* transform: translate(-50%, -50%); */
	text-align: center;
	color: #fff;
		width: 60vh;
		max-width: 420px;
		/* border: 1px solid #000; */
}
						.kv-slider .slider-item01 div.logo-sns,
						.kv-slider .slider-item01 div.logo-sns.right{
							top: 25.0%;
						}
.kv-slider div.logo-sns.right{
	left: auto;
	right: 11%;
}
.kv-slider div.logo-sns h2 img{
	width: 100%;
}
					@media only screen and (max-width:640px) {
						.kv-slider div.logo-sns,
						.kv-slider div.logo-sns.right
						{
							top: auto;
							bottom:8%;
							left: 5%;
							width: 30vh;
						}
						.kv-slider .slider-item01 div.logo-sns,
						.kv-slider .slider-item01 div.logo-sns.right{
							top: auto;
							bottom:8.8%;
						}
						}
					@media only screen and (max-width:480px) {
						.kv-slider div.logo-sns,
						.kv-slider div.logo-sns.right{
							top: auto;
							bottom:8%;
							left: 5%;
							width: 30vh;
						}
						.kv-slider .slider-item01 div.logo-sns,
						.kv-slider .slider-item01 div.logo-sns.right{
							top: auto;
							bottom:8.8%;
						}
					}


.kv-slider div.logo-sns ul.kv-sns{ margin: -8% 0 0 0;padding: 0;}
.kv-slider div.logo-sns ul.kv-sns li{
	float: left;
	display: inline-block;
	width: 14.5%;
	/* margin: 0 0 0 4.2%; */
	margin: 0 4.8%;
}
.kv-slider div.logo-sns ul.kv-sns li img{
		width: 100%;
}
					@media only screen and (max-width:640px) {
						.kv-slider div.logo-sns ul.kv-sns li{
						}
					}
					@media only screen and (max-width:480px) {
						.kv-slider div.logo-sns ul.kv-sns li{
						}
					}











/* KVコピー流れるように

.leftAnime {
  opacity: 0;
  overflow: hidden;
}
.leftAnime .leftAnimeInner {
  display: inline-block;
  opacity: 0;
}

.slideAnimeLeftRight {
  animation: slideTextX100 0.8s forwards;
}
@keyframes slideTextX100 {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.slideAnimeRightLeft {
  animation: slideTextX-100 0.8s forwards;
}
@keyframes slideTextX-100 {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
 */

/* ───────────────────────────────────────────────────────────────
.mv-slider
─────────────────────────────────────────────────────────────── */
.mv-slider {
	/* margin:-280px 0 0 0 ; */
	margin:2px 0 ;
	position:relative;
	z-index: 1;
	}
	@media only screen and (max-width:640px) {
		.mv-slider {
				margin-top: -41%;
		}
	}
	/*　背景画像設定　*/
	/*矢印の設定*/
	
	.mv-slider .slick-prev, 
	.mv-slider .slick-next {
				position: absolute;
				z-index: 3;
				top: 42%;
				cursor: pointer;/*マウスカーソルを指マークに*/
				outline: none;/*クリックをしたら出てくる枠線を消す*/
				border-top: 2px solid #fff;/*矢印の色*/
				border-right: 2px solid #fff;/*矢印の色*/
				height: 25px;
				width: 25px;
	}
	
	.mv-slider .slick-prev {/*戻る矢印の位置と形状*/
				left:2.5%;
				transform: rotate(-135deg);
	}
	
	.mv-slider .slick-next {/*次へ矢印の位置と形状*/
				right:2.5%;
				transform: rotate(45deg);
	}
	
	/*ドットナビゲーションの設定*/
	
	.mv-slider .slick-dots {
	position: relative;
	z-index: 3;
				text-align:center;
	margin:-50px 0 0 0;/*ドットの位置*/
	}
	
	.mv-slider .slick-dots li {
				display:inline-block;
	margin:0 5px;
	}
	
	.mv-slider .slick-dots button {
				color: transparent;
				outline: none;
				width:8px;/*ドットボタンのサイズ*/
				height:8px;/*ドットボタンのサイズ*/
				display:block;
				border-radius:50%;
				background:#fff;/*ドットボタンの色*/
	}
	
	.mv-slider .slick-dots .slick-active button{
				background:#333;/*ドットボタンの現在地表示の色*/
	}
	.mv-slider iframe{
	width: 90%;
	border-radius: 6px;
	}
	.mv-slider img{
	/* width: 90%; */
	/* border-radius: 6px; */
	}
	.mv-slider li {
		position: relative;
		border-right: 2px solid #fff;
		box-sizing: border-box;
	}
	.mv-slider li:hover {
		opacity: 0.8;
		box-sizing: border-box;
	}
	.mv-slider li .icn_yt {
		position: absolute;
		top:40%;
		left: 40%;
		width: 16%;
	}




/* ───────────────────────────────────────────────────────────────
.ban-slider
─────────────────────────────────────────────────────────────── */
.ban-slider {
	/* margin:-280px 0 0 0 ; */
	margin:2px 0 ;
	position:relative;
	z-index: 1;
	}
	/*　背景画像設定　*/

	/*矢印の設定*/
	
	.ban-slider .slick-prev, 
	.ban-slider .slick-next {
				position: absolute;
				z-index: 3;
				top: 42%;
				cursor: pointer;/*マウスカーソルを指マークに*/
				outline: none;/*クリックをしたら出てくる枠線を消す*/
				border-top: 2px solid #fff;/*矢印の色*/
				border-right: 2px solid #fff;/*矢印の色*/
				height: 25px;
				width: 25px;
	}
	
	.ban-slider .slick-prev {/*戻る矢印の位置と形状*/
				left:2.5%;
				transform: rotate(-135deg);
	}
	
	.ban-slider .slick-next {/*次へ矢印の位置と形状*/
				right:2.5%;
				transform: rotate(45deg);
	}
	
	/*ドットナビゲーションの設定*/
	
	.ban-slider .slick-dots {
	position: relative;
	z-index: 3;
				text-align:center;
	margin:-50px 0 0 0;/*ドットの位置*/
	}
	
	.ban-slider .slick-dots li {
				display:inline-block;
	margin:0 5px;
	}
	
	.ban-slider .slick-dots button {
				color: transparent;
				outline: none;
				width:8px;/*ドットボタンのサイズ*/
				height:8px;/*ドットボタンのサイズ*/
				display:block;
				border-radius:50%;
				background:#fff;/*ドットボタンの色*/
	}
	
	.ban-slider .slick-dots .slick-active button{
				background:#333;/*ドットボタンの現在地表示の色*/
	}
	.ban-slider iframe{
	width: 90%;
	border-radius: 6px;
	}
	.ban-slider img{
	/* width: 90%; */
	/* border-radius: 6px; */
	}
	.ban-slider li {
		position: relative;
		border-right: 2px solid #fff;
		box-sizing: border-box;
	}
	.ban-slider li:hover {
		opacity: 0.8;
		box-sizing: border-box;
	}
	.ban-slider li .icn_yt {
		position: absolute;
		top:40%;
		left: 40%;
		width: 16%;
	}