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

header{
	position: absolute;top:0;left:0;
}

div#contents_container{
	padding-top: 0;
}

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

div#header_contents{
	z-index: 1000;
	position: relative;
	width: 100%;
	overflow: hidden;
}

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

div#hc_main_image{
	z-index: 1000;
	position: relative;
	width: 100%;
}

/*---hcmi_heading-------------------------------------------------------------*/

div#hc_main_image div.hcmi_heading{
	z-index: 110;
	width: 100%;
	background-color: rgba(0,0,0,0.4);
	background-color: rgba(17, 106, 76, 0.5);
	background-color: rgba(83, 126, 112, 0.7);
	padding: 20px 20px;
}
div#hc_main_image div.hcmi_heading h2{
	color: #537e70;
		color: #ffffff;
font-size: 19px;
font-weight: 400;
font-family: 'Sawarabi Mincho', sans-serif;
line-height: 1.8em;
letter-spacing: 0.1em;
}
div#hc_main_image div.hcmi_heading p{
	color: #ffffff;
font-size: 13px;
font-weight: 400;
font-family: 'Sawarabi Mincho', sans-serif;
line-height: 1.8em;
letter-spacing: 0.1em;
margin-top: 10px;
}
div#hc_main_image div.hcmi_heading p br{
	display: none;
}

/*---hcmi_slider-------------------------------------------------------------*/

div#hc_main_image ul#hcmi_slider{
	z-index: 100;
	position: relative;
	width: 100%;
	height:80vh;
	overflow: hidden;
	padding-top: 80px;
}

div#hc_main_image ul#hcmi_slider li{
width: 100%;
height:100%;
overflow: hidden;
}

div#hc_main_image ul#hcmi_slider li.lq_img{
width: 100%;
	height:100%;
	background-position: top right 18.5%!important;

animation: animationZoom 40s ease-in-out 0s normal;
}
@keyframes animationZoom {
50%{ transform:scale(1.1); }
}

div#hc_main_image ul#hcmi_slider li.lq_img img{
}

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

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

div#sec_information div.sec_title{
	margin-bottom: 15px;
}
div#sec_information div.sec_title h2{
	width: 100%;
}
div#sec_information a.pubt{
}

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

div#sec_information div.left{
margin-top: 40px;
}

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

div#sec_information div.right{
margin-top: 40px;
}

/*----------------------------------------------------------------*/
/*---sec_about-------------------------------------------------------------*/

div#sec_about{
	position: relative;
	width: 100%;
	background-color: #000000;
	margin-top: 50px;

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

div#sec_about div.lq_img{
	z-index: 100;
	position: absolute;top:0;left:0;
	width: 100%;
	height: 100%;
	background-size: auto 110%!important;
	background-position: left 28% bottom -40px !important;
}
div#sec_about div.lq_img img{
}

div#sec_about div.text{
	z-index: 110;
	position: relative;
	width: 100%;
	padding: 60px 6%;
	padding-bottom: 110px;
	padding-left: 35%;
}
div#sec_about div.text h2{
	color: #ffffff;
	font-size: 13px;
font-weight:500;
font-family: 'Sawarabi Mincho', sans-serif;
line-height: 1.8em;
text-align: right;
	margin-top: 12px;

text-shadow:0 0 5px rgba(0,0,0,0.9);
}
div#sec_about div.text h2:first-child{
	margin-top: 0;
}

div#sec_about div.text > ul{
width: 100%;
padding-left: 35%;
margin-top: 25px;
}
div#sec_about div.text > ul li{
	width: 100%;
	margin-top: 15px;
}
div#sec_about div.text > ul li a{
	width: 100%;
	height: 42px;
	background-color: rgba(255,255,255,0.1);
		color: #ffffff;
		font-size: 11px;
	font-weight:400;
	letter-spacing: 0.05em;
	border: 1px rgba(255,255,255,0.7) solid;

	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;
	-ms-flex-line-pack: center;
	align-content: center;
}
div#sec_about div.text > ul li a:hover{
background-color: rgba(255,255,255,0.2);
}

/*----------------------------------------------------------------*/
/*---sec_contents-------------------------------------------------------------*/

div#sec_contents{
	width: 100%;
	padding: 0 6%;
	margin-top: 40px;
}

div#sec_contents ul.cnt_contents_list{
}

/*----------------------------------------------------------------*/
/*---sec_workshop-------------------------------------------------------------*/

div#sec_workshop{
	width: 100%;
	background-color: rgba(66,101,89,0.05);
	margin-top: 30px;
}

div#sec_workshop div.left{
padding: 30px 7%;
}
div#sec_workshop div.right{
	width: 100%;
padding: 0 6%;
padding-bottom: 30px;
}

/*---left-------------------------------------------------------------*/

div#sec_workshop div.left div.lq_img{
	width: 100%;
	padding-bottom: 40%;
}

div#sec_workshop div.left div.text{
}
div#sec_workshop div.left div.text h2{
color: #426559;
font-size: 18px;
font-weight: 500;
font-family: 'Sawarabi Mincho', sans-serif;
line-height: 1.6em;
}
div#sec_workshop div.left div.text p{
font-size: 13px;
font-weight: 400;
line-height: 1.9em;
margin-top: 10px;
}
div#sec_workshop div.left div.text h2+p{
	margin-top: 10px;
}

div#sec_workshop div.left div.text a.pubt{
}

/*---right-------------------------------------------------------------*/

div#sec_workshop div.right{
}

div#sec_workshop div.right div.calendar_wrap_mini{
}

/*---right-------------------------------------------------------------*/

div#sec_workshop div.right > h3{
	font-size: 12px;
	line-height: 1.6em;
	margin-top: 10px;
}

div#sec_workshop div.right div#sec_cnt_calendar{
	z-index: 100;
position: relative;
}

div#sec_workshop div.right div.smp_wrap{
	border: 5px rgba(255,255,255,0.5) solid;
}
div#sec_workshop div.calendar_wrap_mini ul.calendar_console li b{
	font-size: 23px;
	padding-bottom: 10px;
}
div#sec_workshop div.right table.cnt_calendar tbody td > div{
	min-height: 30px;
}

/*----------------------------------------------------------------*/
/*---sec_recomend-------------------------------------------------------------*/

div#sec_recomend{
	width: 100%;
	padding: 0 6%;
	margin-top: 40px;
}

div#sec_recomend ul.cnt_item_list{
}

div#sec_recomend a.topage{
}