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

div#contents_container{
	width: 100%;
	padding-top: 0;
	padding-bottom:500px;
}


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

div#header_container{
	
}

/*---hc_main_image-------------------------------------------------------------*/

div#hc_main_image{
	position: relative;
	width:100%;
	display:block;
	margin:auto;
}

div#hc_main_image img{
	width:100%;
	}

/*---hc_heading-------------------------------------------------------------*/

div#hc_heading{
	z-index: 1100;
	position: absolute;top:0;left:0;
	width: 25%;
	height: 100%;
	padding-bottom: 37px;

display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div#hc_heading > span{
height: 83%;
	background-color:#1e2678;
	padding: 45px 40px;

display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
div#hc_heading h2{
	color: #ffffff;
	width: 100%;
	font-size: 33px;
	font-weight: 600;
	line-height: 1.4em;
}

div#hc_heading h2 p{
color:#d6bd6f;
}

div#hc_heading h3{
	color: #ffffff;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
}

div#hc_heading h3 p{
color:#d6bd6f;
font-weight:400;
margin-top:20px;
}

/*---sec_indexinfomation-------------------------------------------------------------*/

div#sec_indexinfomation{
	width: 100%;
margin-top: 90px;
}

div#sec_indexinfomation ul{
	width: 90%;
	margin:auto;
	padding: 0 2%;

display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div#sec_indexinfomation li{
position:relative;
	width: 24.5%;
	height: 140px;
margin-bottom:10px;

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

div#sec_indexinfomation li a{
background-color:#ffffff;
	width: 100%;
	height: 130px;
border: 1px rgba(0,0,0,0.2) solid;
	}

div#sec_indexinfomation li a p{
	font-size: 13px;
	font-weight: 200;
	line-height: 1.5em;
	margin:10px;
	margin-left:10px;
}


div#sec_indexinfomation li a span{
position:absolute;
bottom:0px;
left:0;
background-color:#dbdbdb;
color:#ffffff;
font-size:11px;
text-align:center;
width:100%;
display:block;
margin-top:5px;
padding:2px;
}

div#sec_indexinfomation li a span.navy{
background-color:#333399;
}

div#sec_indexinfomation li a span.blue{
background-color:#014099
}

div#sec_indexinfomation li a span.purple{
background-color:#401863;
}

div#sec_indexinfomation li a span.pink{
background-color:#ff6666;
}

div#sec_indexinfomation li img{
float:left;
width:50%;
margin-right:10px;
}

div#sec_indexinfomation li a:hover{
background-color:#f7f0fd;
color:#401863;
border: 1px #522678 solid;
}

/*----------------------------------------------------------------*/

/*---hc_contents-------------------------------------------------------------*/

div#hc_contents{
	width: 100%;
margin-top: 90px;
}

div#hc_contents ul{
	width: 100%;
	padding: 0 2%;

display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div#hc_contents li{
	width: 32%;
	height: 130px;
/* background-size:80px;
background-position:left 25px center; */


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

div#hc_contents li a{
background-color:#ffffff;
	width: 100%;
	height: 130px;
font-size: 15px;
font-weight: 200;
line-height: 1.5em;
padding: 20px 20px;
border: 1px rgba(0,0,0,0.2) solid;
-moz-transition:background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
-webkit-transition::background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
-o-transition::background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
-ms-transition::background-color 0.3s linear, color 0.3s linear, border 0.3s linear;

	}

div#hc_contents li a strong{
font-size: 24px;
color:#401863;
display:block;
}

div#hc_contents li img{
float:left;
width:100px;
margin-right:10px;
}

div#hc_contents li a:hover{
background-color:#f7f0fd;
color:#401863;
border: 1px #522678 solid;
}

/* div#hc_contents li:nth-child(1){background-image:url(../img/index/award.png);}
div#hc_contents li:nth-child(2){background-image:url(../img/index/award.png);}
div#hc_contents li:nth-child(3){background-image:url(../img/index/award.png);}
 */

/*----------------------------------------------------------------*/
/*---sec_information-------------------------------------------------------------*/

div#sec_information{
	background-color: #522678;
		padding: 40px 70px;
	margin-top: 40px;

display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div#sec_information div.heading{
	width: 55%;
	padding-right: 70px;
}
div#sec_information div.heading h2{
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}
div#sec_information div.heading h2 b{
	font-size: 24px;
	display: block;
	margin-bottom: 20px;
}
div#sec_information div.heading h3{
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	margin-top: 10px;
}

div#sec_information div.schedule{
	background-color: #ffffff;
		padding: 30px 40px;

-webkit-flex: 1;
flex: 1;
}
div#sec_information div.schedule{
}
div#sec_information div.schedule b{
font-size: 19px;
font-weight: 600;
text-align: center;
display: block;
margin-bottom: 15px;
}
div#sec_information div.schedule ul{
}
div#sec_information div.schedule ul li{
	padding: 10px 4px;
	border-bottom: 1px #dbdbdb dashed;
}
div#sec_information div.schedule ul li a{
	background-size: 6px;
	background-image:url(../../../img/common/icon/arrow1_bl.svg);
	background-position: left 8px center;
	font-weight: 500;
	padding-left: 30px;
}

div#sec_information div.schedule > p{
font-size: 13px;
font-weight: 400;
margin-top: 10px;
}
div#sec_information div.schedule > p span{
font-size: 15px;
font-weight: 600;
text-align: right;
display: block;
margin-top: 5px;
}


/*----------------------------------------------------------------*/

/*---sec_reason-------------------------------------------------------------*/

div#sec_reason{
	width: 100%;
	margin-top: 90px;
}


div#sec_reason h3{
	color:#1e2678;
	font-size:22px;
	font-family: 'Noto Serif JP', serif;
	width:90%;
	margin:50px auto;

}
/*----------------------------------------------------------------*/


/*---line4-------------------------------------------------------------*/

div#contact{
width:100%;
background-color:#f9f9f9;
padding:35px 0;
}

div#contact_container{
width:960px;
background-image:url(../img/index/contact_bar.png);
background-position:30px 32px;
background-color:#ffffff;
padding:10px 0;
padding-top:25px;
margin:0 auto;

-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}