@font-face {
    font-family: "A1mincho";
    src:
      url("../assets/font/A-OTF-A1MinchoStd-Bold.otf") format("otf");
  }
  :root{
    --font_en_ttl:trajan-pro-3, serif;
    --font_en_txt:"adobe-garamond-pro";
    --font_jp_txt:"A1mincho","source-han-serif-japanese", serif;
    --font_jp_ttl:"A1mincho","source-han-serif-japanese", serif;
    --bgcolor1:#fff;
    --bgcolor2:#595757;
    --fcolor:#484646;
    --border:#C8C7C7;
    --bg_faq_color:#e2e2e2;
    --border_txt:#5E5E5F;

}
#contents{
	color: var(--fcolor);
}
#contents{
	max-width: 800px;
	width: 90%;
	padding-top: 160px;
	margin: 0 auto;
}
.movie{
	aspect-ratio: 16/9;
}
.movie iframe{
	aspect-ratio: 16/9;
}
.ttl{
	font-size: 18px;
	margin-top: 40px;
}
.ttl span{
	display: block;
	font-size: 18px;
	text-align: center;
	font-family: var(--font_en_ttl);
	color: var(--fcolor);
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 200%;
}
.cinzel{
	display: block;
	font-size: 28px;
	text-align: center;
	font-family: var(--font_en_ttl);
	color: var(--fcolor);
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 150%;
}
.ttl span{
	display: block;
	font-size: 20px;
	text-align: center;
	font-family: var(--font_en_ttl);
	color: var(--fcolor);
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 250%;
}
.pht {
	width: 100%;
	margin: 0 auto;
	margin-top: 40px;
	padding: 1.0em 0 0;

}
.pht img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.txtWrap{
	font-family: var(--font_jp_ttl);
	letter-spacing:0.1em;
}
.position{
	margin-top: 40px;
	font-size: 12px;
	line-height: 200%;
	font-family: var(--font_jp_ttl);
}
.position_sub{
	margin-top: 10px;
	font-size: 14px;
}
.name{
	margin-top: 0px;
	font-size: 20px;
}
.txtBox{
	margin-top: 20px;
}
.lead{
	font-size: 18px;
	margin-top: 40px;
}
.txt,.eventBox .txt{
	margin-top: 10px;
	font-size: 12px;
	line-height: 175%;
}
.btn{
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 2.2;
    border: solid 1px #cbcbcb;
    margin: 0 auto;
height: 40px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 1.0;
	margin-top: 40px;
	margin-bottom: 80px;
	width: 180px;
	border-radius: 2px;
}
.btn a{
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.eventBox{
	font-size: 13px;
	max-width: 750px;
	margin: 0 auto;
}
.eventBox .lead{
	font-size: 12px;
	text-align: left;
}
.btnWrap{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (min-width:1024px){
	#contents{
		max-width: 1200px;
	}

	.eventBox .lead{
		font-size: 14px;
		text-align:center;
		line-height: 175%;
	}
	#contentsCol .txtWrap .txtBox {
		width: 55%;
		font-size: 12px;}
	#contentsCol .txtWrap {
		width: 100%;
		display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	#contentsCol .txtWrap .leadBox {
		width: 40%;
		max-width: 360px;
		font-size: 20px;
	}
	.btnWrap{
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ttl{
		margin-top: 80px;
	}
	.txtWrap{
		margin-top: 40px;
	}
	.btn{
		margin-top: 60px;
		width: 220px;
		height: 44px;
	}

	.pht{
		margin-top: 0;
	}
	.lead{
		margin-top: 0px;
	}
	.txt{
		margin-top: 30px;
		font-size: 14px;
	}
}