@charset "utf-8";
/* CSS Document */

div#body_container{
}

div#contents_container{
	padding-top: 40px;
}

/*----------------------------------------------------------------*/
/*---header_contents-------------------------------------------------------------*/

div#header_contents{
	position: relative;
	width: 100%;
	height:70vh;
	/* background-color: #1c4c9e; */

/* background-size: auto 120%;
background-image:url(../../img/index/1.svg);
background-position: center right -200px; */

background-image:url(../../img/index/bg.jpg);
background-position: bottom center;
}

div#header_contents div.logo{
	position: absolute;top:50%;	left: 0;
	width: 100%;
	margin-top: -30px;

	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
}
div#header_contents div.logo img.logo_ic{
	width: 90px;
}
/* div#header_contents div.logo img.logo_title{
	width: 200px;
	margin-left: 20px;
} */

div#header_contents div.logo b{
color: #1c4c9e;
	font-size: 18px;
	font-weight: 800;
font-family:'Roboto Condensed';
line-height: 1.1em;
padding: 2px 0;
padding-left: 20px;
margin-left: 15px;
border-left: 1px rgba(0,0,0,0.1) solid;
}

/*----------------------------------------------------------------*/
/*---sec_works-------------------------------------------------------------*/

div#sec_works{
	width: 100%;
	padding: 0 6%;
}

div#sec_works > ul{
}
div#sec_works > ul > li{
	margin-top: 50px;
}
div#sec_works > ul > li:first-child{
	margin-top: 0;
}