@charset "utf-8";

main{
	padding-top:0;
}

/*翻訳ボタン*/
#langBtnSp{
	position: fixed;
	right:0;
	top:0;
	cursor: pointer;
	z-index:100;
	background-color:#faf8f0;
	padding:12px 10px;
	height:60px;
}
#langBtnSp p{
	margin:0;
	font-size:10px;
	line-height: 1;
	margin-top:-3px;
}
#langSp{
	display: none;
	position: fixed;
	right:0;
	top:60px;
	z-index:110;
}
.langWrap{
	display: block;
	border-top:1px solid rgba(0,0,0,0.15);
	border-left:1px solid rgba(0,0,0,0.15);
	border-right:1px solid rgba(0,0,0,0.15);
	border-bottom:1px solid rgba(0,0,0,0.15);
	padding:5px 15px;
	background-color: #faf8f0;
}
.langWrap .langNav{
	display: block;
	font-size:12px;
	width:100%;
	margin:0;
	padding:5px 15px 5px 5px;
	border:0;
	text-align: left;
	text-decoration: none !important;
	position:relative;
}
.langWrap a[data-stt-changelang] {}
.langWrap a[data-stt-active] {
	font-weight:bold;
}
.langWrap a[data-stt-active]::after {
	content:"●";
	position:absolute;
	right:0;
	top:25%;
	font-size:80%;
}
/*Google Chrome翻訳機能によって抑止されている言語切り替えバーのスタイル*/
[data-stt-disabled] * {
	opacity:0.4;
	cursor: auto;
}

@media (min-width:768px) {
#langBtnSp{
	display: block;
}
}

/*MV*/
#indMv{
}
/**/
#indMv{
	width:100%;
	color:#fff;
}
#indMv .txtwrap01{
		background-image: url(../images/index_pre/mv_bg.jpg);
		background-position: center center;
		background-size: cover;
}
#indMv .txtwrap02{
	background-color:rgba(0,0,0,0.5);
	padding:12.5vw 5%;
}
#indMv .txtwrap02 .logo{
	width:70vw;
	margin:0 auto 10vw;
}
#indMv .txtwrap02 .copy01{
	display: inline-block;
	font-size:7.5vw;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
#indMv .txtwrap02 .copy02{
	font-size:7.5vw;
}
#indMv .txtwrap03{
	padding:12.5vw 5%;
}
#indMv .txtwrap03 .copy03{
	font-size:min(3vw,14px);
	line-height: 2.5;
	max-width:500px;
}
@media (min-width:768px) {
	#indMv{
		background-image: url(../images/index_pre/mv_bg.jpg);
		background-position: center center;
		background-size: cover;
		display: flex;
		justify-content: center;
		flex-direction: row-reverse;
		align-items: stretch;
		max-height:900px;
	}
	#indMv .txtwrap01{
			background-image:none;
			width:45%;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
	}
	#indMv .img01{
		width:50%;
		margin-right:5%;
		text-align: left;
	}
	#indMv .img01 img{
		width:100%;
		max-width:600px;
	}
	#indMv .txtwrap02{
		background-color:rgba(0,0,0,0.5);
		padding-top:min(4vw,50px);
		padding-bottom:min(4vw,50px);
		padding-left:5%;
		padding-right:5%;
		width:100%;
	}
	#indMv .txtwrap02 .logo{
		max-width:300px;
		margin-top:0;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:min(2.5vw,30px);
	}
	#indMv .txtwrap02 .copy01{
		font-size:min(3.75vw,36px);
	}
	#indMv .txtwrap02 .copy02{
		font-size:min(3.75vw,36px);
	}
	#indMv .txtwrap03{
		padding-top:min(5vw,50px);
		padding-bottom:0;
		padding-left:5%;
		padding-right:5%;
	}
	#indMv .txtwrap03 .copy03{
		font-size:clamp(10px,1.5vw,14px);
	}
}




.photoWrap{
	width:80%;
	max-width:1000px;
	margin:0 auto;
}
.photoWrap .unit01{
	width:100%;
	margin-bottom: 60px;
}
.photoWrap .unit01 .ttl01{
	margin-top:0.5em;
	font-size: min(10vw,36px);
	font-weight: 300;
  font-family : Cormorant Garamond , serif;
}

@media (min-width:768px) {
	.photoWrap{
		width:90%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.photoWrap .unit01{
		width:48%;
	}
}




footer{
	background-color:#3c3228;
	height:auto;
	padding:50px 5%;
	color:#fff;
}
footer .logo01{
	width:75vw;
	max-width:300px;
	margin:0 auto 30px;
}
footer a{
	color:#fff !important;
}