@charset "utf-8";


/* Google fonts import */

@import url("https://fonts.googleapis.com/earlyaccess/sawarabimincho.css"); /* mincho [font-family: "Sawarabi Mincho";] */
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css"); /* gothic [font-family: "Noto Sans Japanese";] */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap&subset=japanese');

/*■reset----------------------------------------------*/
*{
	padding:0;
	margin:0;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
ul,ol,li{
	list-style-type:none;
}
a{
	transition:all 0.5s;
	text-decoration:none;
}
a:hover{
	opacity:0.68;
}
img{
	border:none;
	display:block;
	width:100%;
}
p{
	font-size:14px;
	line-height:140%;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-family: "Noto Serif Japanese", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 游明朝, YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-family: "Noto Sans Japanese";
        font-family: 'Noto Serif JP', serif;
	background:#FFFFFF;
}


br.sp{
	display:none;
}
.Sp-Only{
	display:none !important;
}
@media screen and (max-width: 640px) {
	br.sp{
		display: block;
	}
	.Pc-Only{
		display:none !important;
	}
	.Sp-Only{
		display:block !important;
	}
}






.cap{
	padding: 0.5em;
	position: absolute;
	right: 0;
	bottom: 0;
	color: #FFF;
	font-size: 11px;
	line-height: 1;
	text-shadow: 0 0 3px #000;
}
.cap.bk{
	color: #000;
	text-shadow: none;
}
@media screen and (max-width: 640px) {
	.cap{
		font-size: 10px;
	}
}

.TonCon{
	width:100%;
	position:relative;
}
.TonCon .Area{
}
.TonCon .Area .Cont{
	width:100%;
	height:680px;
	position:relative;
	overflow:hidden;
}
.TonCon .Area .Cont#Loc{
	height: auto !important;
}
.TonCon .Area .Cont#Loc .slider li{
	position: relative;
}
.TonCon .Area .Cont::before{
	content:"";
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	background:rgba(0,0,0,0.55);
}
.TonCon .Area .Cont .cap{
	z-index: 2;
}
.TonCon .Area .Cont .Tx{
	width:50%;
	position:absolute;
	top:50%;
	left:15%;
	transform:translateY(-50%);
	z-index:3;
}
.TonCon .Area .Cont .Tx h3{
	font-size:42px;
	letter-spacing:6px;
	color:#FFFFFF;
}
.TonCon .Area .Cont .Tx h3 span{
	display:inline-block;
}
.TonCon .Area .Cont .Tx h3 span::after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#FFFFFF;
	margin:15px 0 25px 0;
}
.TonCon .Area .Cont .Tx h4{
	font-size:21px;
	letter-spacing:4px;
	color:#FFFFFF;
	margin-bottom:20px;
}
.TonCon .Area .Cont .Tx p{
	font-size:14px;
	letter-spacing:2px;
	line-height:165%;
	color:#FFFFFF;
}
.TonCon .Area .Cont .Tx a{
	display:inline-block;
	line-height:1;
	padding:12px 32px;
	color:#FFFFFF;
	margin-top:30px;
	background:#b08d59;
	font-size:14px;
	letter-spacing:2px;
	border:solid 1px #FFFFFF;
}
.TonCon .Area .Cont .Tx a.Coming{
	pointer-events:none;
	cursor:default;
	color:#333333;
	background:#FAFAFA;
}

/* re */
.TonCon .Area .Cont .Tx.re{
	right:15%;
	left:auto;
	text-align:right;
}
.TonCon .Area .Cont .Tx.re h3,
.TonCon .Area .Cont .Tx.re h4,
.TonCon .Area .Cont .Tx.re p{
	text-align:right;
}



/* Cont */
.TonCon .Area .Cont .Mov{
	width:110%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;
}
.TonCon .Area .Cont .Mov video{
	width:100%;
}

.TonCon .Area .Cont .Img{
	width:105%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;
}
.TonCon .Area .Cont .Img img{
	display:block;
	width:100%;
}


.slider {
	margin:auto;
}
.slider img {
	width: 100%;
	height: auto;
}
.slick-prev::before, .slick-next::before {
	display:none !important;
}

.TonCon .TxImg{
	position:absolute;
	top:1.5%;
	left:1%;
	width:6%;
	z-index:2;
}


@media screen and (max-width: 1260px) {
	.TonCon .Area .Cont{
		height:540px;
	}
	.TonCon .Area .Cont .Tx h3{
		font-size:32px;
	}
	.TonCon .Area .Cont .Tx h3 span::after{
		margin:12px 0 20px 0;
	}
	.TonCon .Area .Cont .Tx h4{
		font-size:18px;
		letter-spacing:3px;
		margin-bottom:15px;
	}
	.TonCon .Area .Cont .Tx p{
		font-size:13px;
	}
	.TonCon .Area .Cont .Tx a{
		padding:10px 24px;
		margin-top:25px;
		font-size:13px;
	}
}
@media screen and (max-width: 900px) {
	.TonCon .Area .Cont{
		height:360px;
	}
	.TonCon .Area .Cont .Tx{
		width:60%;
		left:12%;
	}
	.TonCon .Area .Cont .Tx.re{
		right:12%;
		left:auto;
	}
	.TonCon .Area .Cont .Tx h3{
		font-size:28px;
	}
	.TonCon .Area .Cont .Tx h3 span::after{
		margin:10px 0 16px 0;
	}
	.TonCon .Area .Cont .Tx h4{
		font-size:16px;
		margin-bottom:12px;
	}
	.TonCon .Area .Cont .Tx p{
		font-size:12px;
	}
	.TonCon .Area .Cont .Tx a{
		padding:8px 20px;
		margin-top:20px;
		font-size:12px;
	}
}
@media screen and (max-width: 640px) {
	.TonCon .Area .Cont{
		height:300px;
	}
	.TonCon .Area .Cont .Tx{
		width:80%;
		left:10%;
	}
	.TonCon .Area .Cont .Tx.re{
		right:10%;
		left:auto;
	}
	.TonCon .Area .Cont .Tx h3{
		font-size:23px;
		letter-spacing:3px;
	}
	.TonCon .Area .Cont .Tx h3 span::after{
		margin:6px 0 12px 0;
	}
	.TonCon .Area .Cont .Tx h4{
		font-size:14px;
		margin-bottom:8px;
	}
	.TonCon .Area .Cont .Tx p{
		font-size:10px;
		line-height:145%;
	}
	.TonCon .Area .Cont .Tx a{
		padding:6px 20px;
		margin-top:10px;
		font-size:10px;
	}
	
	.TonCon .Area .Cont .Mov{
		width:145%;
	}
	.TonCon .Area .Cont .Img{
		width:140%;
	}
}