@charset "utf-8";

body{
	width:100%;
}
/*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:relative;
}
#indMv01{background-image: url(../images/index/mv.jpg)}
#indMv02{background-image: url(../images/index/mv.jpg)}
.slide-animation{
	animation: fadezoom 10s 0s forwards linear;
}
@keyframes fadezoom {
  0% {
	transform: scale(1);
  }
  100% {
	transform: scale(1.1);
  }
}
/**/



/**/
#indFirst{
}
#indFirst .copy01{
	font-size: 3rem;
	font-size:max(2rem, min(3vw, 3rem) );
	margin-bottom: 1em;	
	letter-spacing: 0.1em;
}
#indFirst .copy02{
	font-size: 1.4rem;
	font-size:max(1.4rem, min(1.6vw, 1.6rem) );
	line-height: 2;
	letter-spacing: 0.1em;
}
/**/



/**/
#indMenu{}
#indMenu .unit{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	max-height: 400px;
	border-bottom: 1px solid #fff;
}
#indMenu .unit:nth-of-type(2){
	flex-direction: row-reverse;
}
#indMenu .unit .txtwrap{
	background-color: #1a2f4b;
	width: 58.4%;
	text-align: left;
	display: flex;
	justify-content: center;
	align-items: center;
}
#indMenu .unit .txtwrap a{
	display: block;
	color: #b1964d;
	font-size: 4rem;
	font-size:max(1.6rem, min(4vw, 4rem) );
	text-align: left;
	text-decoration: none;
	width: 70%;
	border-bottom: 1px solid #b1964d;
	padding-bottom: 0.5em;
	letter-spacing: 0.2em;
	position: relative;
}
#indMenu .unit .txtwrap a::before{
	position: absolute;
	content: "";
	display: block;
	width: 14px;
	height: 1px;
	background-color: #b1964d;
	right: -1px;
	bottom: 4px;
	transform: rotate(45deg);
}
#indMenu .unit figure{
	width: 41.6%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
#indMenu .unit figure img{
	width: 100%;
}
/**/



/**/
#indGroup{}
#indGroup .groupWrap{
	display: block;
}
#indGroup .groupWrap .unit{
	max-width: 300px;
	margin: 0 auto 60px;
	color: #fff;
	text-align: left;
}
#indGroup .groupWrap .unit figure{
	margin-bottom: 30px;
}
#indGroup .groupWrap .unit h3{
	font-size: 1.6rem;
	font-weight: normal;
	margin-bottom: 10px;
}
#indGroup .groupWrap .unit p{
	font-size: 1.4rem;
	font-weight: normal;
	margin-bottom: 10px;
}
#indGroup .groupWrap .unit a{
	display: block;
	color: #b1964d;
	font-size: 1.4rem;
	text-align: left;
	text-decoration: none;
	width: 150px;
	margin-left: auto;
	border-bottom: 1px solid #b1964d;
	padding-bottom: 5px;
	position: relative;
}
#indGroup .groupWrap .unit a::before{
	position: absolute;
	content: "";
	display: block;
	width: 14px;
	height: 1px;
	background-color: #b1964d;
	right: -1px;
	bottom: 4px;
	transform: rotate(45deg);
}
#indGroup .groupWrap .unit a.nolink{
	pointer-events: none;
}



@media (min-width:768px) {
	#indGroup .groupWrap{
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}
	#indGroup .groupWrap .unit{
		width: 30%;
		margin: 0;
		padding-bottom: 50px;
		position: relative;
	}
	#indGroup .groupWrap .unit a{
		position: absolute;
		right: 0;
		bottom: 0;
	}
}
/**/



/**/
#indContact{
	color: #fff;
}
#indContact .privacyFrame{
	border: 0;
	width: 100%;
	height: 200px;
	margin: 40px auto;
}

































/**/