@charset "utf-8";

@import url("./common.css");

/*-----------------------------------------------------------------------
home用
-----------------------------------------------------------------------*/

div#mainvis{
	display:table;
	width:100%;
	height:100%;
	min-height:100%;
}

div#mainvis::before{
	position:fixed;
	top:0;
	left:0;
	z-index:-20;
	width:100vw;
	height:100vh;
	background-image:url("../image/home_mainvis.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:40% 50%;
	content:"";
}

div#logo{
	width:30%;
	min-width:200px;
	height:200px;
	margin:0 auto 20px auto;
	background-image:url("../image/cmn_logo_w.png");
	background-position:center bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

div#navi{
	background-color:rgba(0, 0, 0, 0.3);
}

div#navi div#navigation_list ul li a:link,
div#navi div#navigation_list ul li a:visited,
div#navi div#navigation_list ul li a:hover,
div#navi div#navigation_list ul li a:active{
	color:#FFF;
}

div#information_box{
	width:100%;
	margin:0 auto;
	padding:50px 0;
	background-color:rgba(255,255,255,1);
	color:#000;
	text-align:center;
}

div#information_box div#information_title{
	margin:10px auto 20px auto;
	padding:0;
	text-align:center;
	font-size:140%;
	letter-spacing:.4em;
	text-indent:.4em;
}

div#information_box ul{
	margin:0 auto;
	padding:0;
}

div#information_box ul li{
	width:80%;
	margin:10px auto;
	padding:30px 0 10px 0;
	border-top:1px dotted #333;
	list-style:none;
	line-height:1.7em;
}

div#information_box ul li span.info_dayoff,
div#information_box ul li span.info_date{
	padding:10px 20px;
	background:#9c927e;
	border-radius:30px;
	color:#FFF;
	letter-spacing:.1em;
	text-indent:.1em;
	font-size:90%;
}

div#information_box ul li span.info_content{
	display:block;
	margin-top:20px;
	line-height:2em;
}