@charset "utf-8";
/* CSS Document */

/*mainImg
*********************************************************/

.mainImgWrap{
	position:relative;
	max-height:96vh;
	overflow:hidden;
	}
.mainImgWrap img{
	max-width:none;
	width:100%;
	height:auto;
	}

.mainImg{
	position:relative;
	width:100%;
	max-width:1200px;
	}

.mainTxt{
	position:absolute;
	bottom: 65%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	left:0;
	z-index:12;
	display:inline-block;
	background-color:rgba(14,24,57,0.8);
	font-weight:bold;
	color:#fff;
	padding:2.4% 4%;
	font-size:1.5em;
	line-height:1.5em;
	}
.mainTxtB{
	position:absolute;
	bottom:16%;
	left:10%;
	z-index:13;
	width:60%;
	}
.mainTxtB1{
	position:relative;
	z-index:14;
  clip-path: inset(0 100% 0 0); /* 初期状態は右から100%隠す */
  animation: reveal 1s linear forwards;
	animation-delay: 1s;
	}
.mainTxtB2{
	position:absolute;
	top:0;
	left:0;
	z-index:15;
	width:100%;
  clip-path: inset(0 100% 0 0); /* 初期状態は右から100%隠す */
	animation: reveal 1s linear forwards;
  animation-delay:2s;
	}

@keyframes reveal {
  to {
    clip-path: inset(0 0 0 0); /* アニメーション後は全表示 */
  }
}


@media only screen and (min-width : 600px){
	.mainTxt{
		padding:2.4% 6%;
		font-size:2.4em;
		line-height:1.5em;
		}
}
@media only screen and (min-width : 1025px){
	.mainImg{
		width:62.5%;
		max-width:none;
		}
	.mainTxt{
		padding:2.4% 7%;
		bottom: 55%;
		font-size:3em;
		line-height:1.5em;
	}
	.mainTxtB{
		bottom:6%;
		width:50%;
	}
}


/***********/
.mainAbe{
	position:absolute;
	right:inherit;
	left:50%;
	bottom:-12%;
	width:60%;
  aspect-ratio: 1140 / 1121;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	overflow:hidden;
	z-index:10;
	}
.mainAbe > *{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
.mainAbeLogo{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:11;
	}

@media only screen and (min-width : 1025px){
	.mainAbe{
		right:-18%;
		bottom:50%;
		-webkit-transform: translateY(50%);
		-ms-transform: translateY(50%);
		transform: translateY(50%);
		}

}














/* ページネーションの余白 */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 8px;
}
/* ページネーションのサイズと色 */
.swiper-pagination-bullet {
  background-color: #fff;
	opacity: 0.5;
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
  height: 10px;
  width: 10px;
}
/* 選択されているページネーション */
.swiper-pagination-bullet-active {
	opacity: 1;
}