@charset "utf-8";

body{
	width:100%;
}
header{
	height:0;
	background-color: transparent;
}
main{
	margin-top:0;
}
@media(min-width:768px){
	main{
		margin-top:0;
	}
}
/*MV*/
#indMv{
	width:100%;
	height:100vh;
	overflow:hidden;
	position: relative;
	z-index: 1;
}
#indMvLogo{
	display: block;
	width: 150px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate(-50% , -50%);
}
#indMvLogo figure img{
	width: 100%;
}
/*スライド*/
#indMvSlider{
	width:100%;
	height:100vh;
	z-index: 1;
}
#indMvSlider  div{
	display:block;
	width:100%;
	height:100%;
	background-size: cover;
	background-position: center center;
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0;

}
#indMv01{
	background-image: url(../images/index/mv01.jpg);
	z-index:2;
}
@keyframes indMv01anime {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
#indMv03{
	z-index:4;
	opacity:0;
	animation: indMv01anime 1s 1s forwards linear;
	display:flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@keyframes indMv01anime {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
#indMv03 .logo{
	width:150px;
	height:106px;
	margin-bottom:30px;
}
#indMv03 .copy{
	font-size:1.6rem;
	color:#fff;
}
/**/



/**/
#indFirst{
	background-image: url(../images/index/bg01.png);
	background-size:100% auto;
	background-position: top center;
	background-repeat: no-repeat;
}
#indFirst .bg01{
	width:40%;
	max-width:400px;
	margin-right:auto;
	margin-bottom:60px;
}
#indFirst .bg02{
	width:40%;
	max-width:400px;
	margin-left:auto;
	margin-top:80px;
}
#indFirst .copy01{
	font-size: 1.4rem;
	font-size:max(1.4rem, min(1.6vw, 1.6rem) );
	line-height: 2;
	letter-spacing: 0.1em;
	text-align:left;
}
#indFirst .copy02{
	font-size: clamp(1.8rem,2.4vw,2.4rem);
	line-height: 2;
	letter-spacing: 0.1em;
	color: #00538c;
	font-weight: bold;
	margin-bottom: 1em;
}
@media(min-width: 768px){
	#indFirst .copy01{
		text-align: center;
	}
}
/**/



/**/
#indMenu{}
#indMenu .unit{
	text-decoration: none;
}
#indMenu .unit .img{
}
#indMenu .unit .txtwrap{
	background-image: url(../images/index/bg02.png);
	text-align: left;
	padding:50px 5%;
	background-size:100% auto;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
}
#indMenu .unit.rvs .txtwrap{
	background-image: url(../images/index/bg03.png);
	background-position: bottom center;
}
#indMenu .unit .txtwrap::before{
	content:"";
	position: absolute;
	right:10%;
	top:calc(50% - 10px);
	width:20px;
	height: 20px;
	border-top: 1px solid #00538c;	
	border-right: 1px solid #00538c;
	transform: rotate(45deg);
}
@media (min-width:768px) {
	#indMenu .unit .txtwrap::before{
		top:calc(50% - 15px);
		width:30px;
		height: 30px;
		right:20%;
	}
}
#indMenu .unit .txtwrap .en{
	font-size: clamp(2.6rem,4vw,4rem);
	color:#00538c;
	letter-spacing: 0.2em;
}
#indMenu .unit .txtwrap .jp{
	font-size: clamp(1.4rem,1.8vw,1.8rem);
}
@media (min-width:768px) {
	#indMenu{
	}
	#indMenu .unit{
		display:flex;
		justify-content: space-between;
		align-items: stretch;
	}
	#indMenu .unit.rvs{
		flex-direction: row-reverse;
	}
	#indMenu .unit .img{
		width:50%;
	}
	#indMenu .unit .txtwrap{
		width:50%;
		padding:50px 10%;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;

	}
}
/**/


.indgmap {
  width: 100%;
  height: 100vw;
  overflow: hidden;
  margin: 0 auto;
}
.indgmap iframe {
  width: 100%;
  height: 100vw;
}
@media (min-width:768px) {
.indgmap {
  width: 100%;
  height: 600px;
  overflow: hidden;
  margin: 0 auto;
}
.indgmap iframe {
  width: 100%;
  height: 600px;
}

}






/**/

.bg01 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  clip-path: inset(0); /* 切り抜き */
  z-index: -11;
}
.bg01 .img01 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
/*
.bg01img {
  position: fixed;
  top: 0;
  left:0;
  width: 100%;
  height: 100vh;
  background-image: url(../images/index/mv01.jpg);
  background-size: cover;
  background-position: center;
}
*/
.parWrap {
	position: relative;
	z-index: 2;
	display:block;
	background: #fff;
}
.parWrapBg01{
	position: relative;
	z-index: 1;
	min-height: 50vh;
	display:block;
	overflow:hidden;
	background-color:rgba(0,0,0,0.3);
}























/**/