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

div#body_container{
background-image:url(../img/index/bg1.svg);
background-position: top -2% right -2%;
background-size: 35%;
}

header span.hc_bg{
	background-color: rgba(255,255,255,0.1);
}

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

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

div#header_contents{
background-image:url(../img/index/bg2.svg);
background-position: bottom -2% left -2%;
background-size: 50%;
}

div#header_contents div.hc_heading{
	width: 100%;
	max-width: 1400px;

padding: 100px 130px;
padding-bottom: 160px;
margin: 0 auto;

display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}

/*---text-------------------------------------------------------------*/

div#header_contents div.hc_heading div.text{
	padding-right:70px;

	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;

	-webkit-flex: 1;
	flex: 1;
}
div#header_contents div.hc_heading div.text h2{
	width: 100%;
}
div#header_contents div.hc_heading div.text h2 *{
	color: #212121;
	line-height: 1.1em;
}

div#header_contents div.hc_heading div.text h2 span{
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}
div#header_contents div.hc_heading div.text h2 b{
font-size: 94px;
font-weight: 400;
font-family: 'Teko', 'Noto Sans Japanese', sans-serif;
line-height: 0.8em;
letter-spacing: 0.1em;
}

div#header_contents div.hc_heading div.text h3{
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 1.9em;
	margin-top: 10px;
}

div#header_contents div.hc_heading div.text a{
	height: 42px;
	background-color: #24475b;
	background-color: #cdde00;
	color: #ffffff;
font-size: 15px;
font-weight: 500;
line-height: 1.1em;
letter-spacing: 0.2em;
padding: 0 30px;
margin-top: 30px;

	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius: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.hc_heading div.text a:hover{
	opacity: 0.8;
}

/*---image-------------------------------------------------------------*/

div#header_contents div.hc_heading div.image{
	width: 40%;
}
div#header_contents div.hc_heading div.image img{
	width: 80%;
}

/*----------------------------------------------------------------*/
/*---hc_service_list-------------------------------------------------------------*/

div.hc_service_list{
	width: 100%;
	background-color:rgb(36,71,91,0.05);
	  padding: 60px 60px;
	margin: 0 auto;
}

div.hc_service_list > ul{
	max-width: 1200px;
	margin: 0 auto;
	margin-top: -40px;

	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

align-items: stretch;
}
div.hc_service_list > ul li{
	width: 48%;
	margin-top: 40px;
}
div.hc_service_list > ul li a{
	width: 100%;
	height: 100%;
	/* background-position: bottom right;
	background-image:url(../img/common/triangle_wh.svg);
	background-size: 20px; */
	background-color: #24475b;
	padding: 30px 35px;
	padding-bottom: 25px;

background-image: url(../img/common/triangle_wh.svg), url(../img/common/stripes_wh.svg);
background-repeat: no-repeat, repeat;
background-position: bottom right, top center;
background-size: 30px, 20px;

-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
div.hc_service_list > ul li a:hover{
	opacity: 0.8;
}

div.hc_service_list > ul li a b{
	color: #ffffff;
	font-size: 27px;
	font-weight: 500;
	line-height: 1.5em;
	margin-bottom: 10px;
}
div.hc_service_list > ul li a p{
	color: #ffffff;
	font-size: 15px;
	font-weight: 200;
	line-height: 1.8em;
	margin-top: 6px;
}
div.hc_service_list > ul li a p:first-child{
	margin-top: 0;
}

/*----------------------------------------------------------------*/
/*---sec_picup-------------------------------------------------------------*/

div#sec_picup{
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

div#sec_picup a.pubt.more{
	margin: 0 auto;
	margin-top: 35px;
}

/*----------------------------------------------------------------*/
/*---sec_new_data-------------------------------------------------------------*/

div#sec_new_data{
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	margin-top: 90px;
}

div#sec_new_data a.pubt.more{
	margin: 0 auto;
	margin-top: 35px;
}