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

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

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

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

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

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

div#header_contents div.hc_heading{
	width: 100%;
	/* background-color: rgba(255,255,255,0.8); */
	padding: 50px 20px;
	padding-bottom: 70px;
margin: 0 auto;
/* border: 4px rgba(0,0,0,0.05) solid;

-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px; */

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

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

div#header_contents div.hc_heading div.text{
	width: 100%;
	margin-top: 30px;

	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 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;
	text-align: center;
}

div#header_contents div.hc_heading div.text h2 span{
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
}
div#header_contents div.hc_heading div.text h2 b{
font-size: 54px;
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: 14px;
	font-weight: 600;
	line-height: 1.9em;
	text-align: center;
	padding: 0 15px;
	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: 100%;

	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
}
div#header_contents div.hc_heading div.image img{
	width: 52%;
	margin: 0 auto;
}

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

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

div.hc_service_list > ul{
	margin: 0 auto;
}
div.hc_service_list > ul li{
	width: 100%;
	margin-top: 25px;
}
div.hc_service_list > ul li:first-child{
	margin-top: 0;
}
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: 20px 20px;
	padding-top: 25px;

background-image: url(../../img/common/triangle_wh.svg), url(../../img/common/stripes_wh.svg);
background-repeat: no-repeat, repeat;
background-position: bottom -1px right -1px, 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: 21px;
	font-weight: 500;
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 15px;
}
div.hc_service_list > ul li a p{
	color: #ffffff;
	font-size: 14px;
	font-weight: 200;
	line-height: 1.7em;
	margin-top: 6px;
}
div.hc_service_list > ul li a p:first-child{
	margin-top: 0;
}

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

div#sec_picup{
	width: 100%;
	padding: 0 6%;
	margin: 0 auto;
}

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

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

div#sec_new_data{
	width: 100%;
	padding: 0 6%;
	margin: 0 auto;
	margin-top: 50px;
}

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