@charset "UTF-8";

/*--------------------------------------------
MAIN VISUAL
---------------------------------------------*/

#home-mv{
	text-indent : 0;
	/*font-family : "Shippori Mincho", serif;*/
	line-height : 1;
}

#home-mv > div{
	position : relative;
}

#home-mv #slider img{
	width : 100%;
	height : auto;
}

#home-mv #slider picture{
	display : block;
}

#home-mv .slick-dots{
	display : flex;
	justify-content : center;
	align-items : center;
	z-index : 5;
	position : relative;
}

#home-mv .slick-dots li{
	font-size : 0;
}

#home-mv .slick-dots button{
	color : transparent;
	font-size : 0;
	vertical-align : top;
	cursor : pointer;
	width : 100%;
	height : 100%;
	overflow : hidden;
	border-radius : 50%;
}

#home-mv .slick-dots{
	position : absolute;
}

#home-mv .slick-dots button{
	background-color : #fff;
}

#home-mv .slick-dots .slick-active button{
	background-color : #a3b5b8;
}

#home-mv .iframe-container{
	position : relative;
}

#home-mv .iframe-container > #map , #home-mv .iframe-container > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}

#home-mv .iframe-container{
	width : 100%;
}

#home-mv .links{
	position : absolute;
	background-color : #fff;
	display : flex;
	z-index : 1;
}

#home-mv .links li{
	position : relative;
	height : 100%;
}

#home-mv .links li + li:before{
	content : "";
	display : block;
	width : 1px;
	position : absolute;
	left : -.5px;
	background-color : #a3b5b8;
}

#home-mv .links a{
	text-align : center;
	transition : opacity .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : opacity;
	font-weight : 600;
	text-align : center;
	letter-spacing : .15em;
	text-indent : .15em;
	display : block;
	height : 100%;
	color : #000;
	background-position-x : center;
	background-repeat : no-repeat;
}

#home-mv .links a:hover{
	opacity : .5;
}

#home-mv .links li:nth-child(1) a{
	/*background-image : url("../img/ui/icon/pencil.svg");*/
}

#home-mv .links li:nth-child(2) a{
	/*background-image : url("../img/ui/icon/cap.svg");*/
}

#home-mv .links li:nth-child(3) a{
	/*background-image : url("../img/ui/icon/book.svg");*/
}

#home-mv .links li:nth-child(4) a{
	/*background-image : url("../img/ui/icon/bag.svg");*/
}

/*--------------------------------------------
IMPORTANT
---------------------------------------------*/

#home-important{
	text-indent : 0;
	/*font-family : "Shippori Mincho", serif;*/
	color : #000;
	line-height : 1;
	font-weight : 500;
}

#home-important a{
	color : #000;
}

#home-important a span{
	color : #000;
	display : flex;
	align-items : baseline;
	transition : opacity .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : opacity;
}

#home-important > div{
	background-color : #edf0f1;
}

#home-important h2{
	display : flex;
	align-items : center;
	font-weight : 500;
	letter-spacing : .2em;
}

#home-important h2:before{
	content : "";
	display : block;
	flex-shrink : 0;
	background-position : 0 center;
	background-size : contain;
	background-repeat : no-repeat;
	font-size : 0;
}

#home-important time{
	/*font-family : "Amiri", serif;*/
	font-weight : 400;
	flex-shrink : 0;
}

#home-important a{
	display : flex;
	align-items : baseline;
	transition : opacity .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : opacity;
}

#home-important a:hover{
	opacity : .5;
}