@charset "UTF-8";

/* loading ---------------------------------------*/

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace.pace-inactive .pace-progress {
	display: none;
}

.pace .pace-progress {
	-webkit-transform: translate3d(0, -50%, 0) !important;
	-ms-transform: translate3d(0, -50%, 0) !important;
	position: fixed;
	left: 0%;
	top: 50%;
	width: 100%;
	height: 100%;
	text-align: center;
	transform: translate3d(0, -50%, 0) !important;
	z-index: 2000;
}

.pace .pace-progress:after {
	display: block;
	position:absolute;
	left:0%;
	top:50%;
	transform:translate(0%,-50%);
	width: 100%;
	content: attr(data-progress-text);
	font-family: 'EB Garamond', serif;
	font-size: 17px;
	line-height: 1;
	text-align:center;
	color: #000;
}

/* index kv ---------------------------------------*/

.indexkv-wrapper{
	overflow: hidden;
	width:100%;
	margin-bottom: 50px;
}

.indexkv{
	position: relative;
	margin:0 auto;
}

.indexkv img{
	width:100%;
}


/* index common ---------------------------------------*/

/* .indexwrapper{} */

.indexsection{
	padding: 0 50px;
}


/* index news ---------------------------------------*/

/* .indexnews{} */
/* .indexnews-title{} */

.indexnews-list{
	line-height: 1.6;
	margin-bottom: 30px;
}

.indexnews-list-item{
	border-bottom:1px solid #aaa;
}

.indexnews-list-item a{
	display: block;
	padding: 10px 0;
	transition: all .25s ease;
}

.indexnews-list-item a:hover{opacity:0.7;}

.indexnews-list-item-head{
	overflow: hidden;
	margin-bottom: 5px;
}

.indexnews-list-item-date{
	display: inline-block;
}

.indexnews-list-item-category{
	display: inline-block;
	background: #000;
	line-height: 1.1;
	padding: 5px 10px;
	border-radius: 30px;
	font-size:12px;
	color: #fff;
	text-align: center;
}


/* small pc */
@media screen and (min-width: 768px) and (max-width: 1200px){


}



@media screen and (max-width: 767px){

	/* flex reset ---------------------------------------*/

	.aaa,
	.bbb{
		display: block;
		width: 100%;
	}


	/* index kv ---------------------------------------*/

	.indexkv{
		padding: 50px 0 0px 0;
		position: relative;
		height:auto;
	}







}