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

div#body_container{
	padding-top: 0;
}

header{
background-color: #ffffff;
}

div#contents_container{
	width: 100%;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

div.sec_title{
margin-bottom:35px;
}

/*----------------------------------------------------------------*/
/*---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;
	position: absolute;top:50vh;left:5%;
	margin-top: -5vh;
}
div#hc_main_image div.hcmi_heading h2{
	color: #426559;
font-size: 28px;
font-weight: 400;
font-family: 'Sawarabi Mincho', sans-serif;
line-height: 1.8em;
letter-spacing: 0.1em;
margin-top: 15px;
}
div#hc_main_image div.hcmi_heading p{
font-size: 17px;
font-weight: 400;
font-family: 'Sawarabi Mincho', sans-serif;
line-height: 1.8em;
letter-spacing: 0.1em;
margin-top: 15px;
}

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

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

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!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 70px;
	margin-top: 60px;

	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_information div.sec_title{
	margin-left: 0;
}
div#sec_information div.sec_title h2{
	width: 100%;
}
div#sec_information a.pubt{
	margin-top: 20px;
	margin-left: auto;
}

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

div#sec_information div.left{
	width: 47%;
}

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

div#sec_information div.right{
	width: 47%;
}

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

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

	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%;
}
div#sec_about div.lq_img img{
}

div#sec_about div.text{
	z-index: 110;
	position: relative;
	margin-right: 50px;
}
div#sec_about div.text h2{
	color: #ffffff;
	font-size: 21px;
font-weight:500;
font-family: 'Sawarabi Mincho', sans-serif;
text-align: right;
line-height: 1.9em;
letter-spacing: 0.05em;
}

div#sec_about div.text > ul{
	margin-top: 25px;

	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.text > ul li{
	margin-left: 20px;
}
div#sec_about div.text > ul li a{
	width: 150px;
	height: 42px;
	background-color: rgba(255,255,255,0.1);
		color: #ffffff;
		font-size: 12px;
	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 70px;
	margin-top: 60px;
}

div#sec_contents ul.cnt_contents_list{
}

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

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

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

div#sec_workshop div.left{
padding: 0 70px;

	-webkit-flex: 1;
	flex: 1;
}
div#sec_workshop div.right{
	width: 37%;
	height: 100%;
	background-color: rgba(66,101,89,0.1);
	padding: 40px 50px;
}

/*---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: 23px;
font-weight: 500;
font-family: 'Sawarabi Mincho', sans-serif;
line-height: 1.7em;
}
div#sec_workshop div.left div.text p{
font-size: 15px;
font-weight: 400;
line-height: 1.9em;
margin-top: 10px;
}
div#sec_workshop div.left div.text h2+p{
	margin-top: 15px;
}

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: 14px;
	line-height: 1.6em;
	margin-top: 11px;
}

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: 26px;
	padding-bottom: 15px;
}
div#sec_workshop div.right table.cnt_calendar tbody td > div{
	min-height: 40px;
}

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

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

div#sec_recomend ul.cnt_item_list{
	margin-top: -40px;
}

div#sec_recomend a.topage{
	margin-top: 35px;
}