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

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

div#sec_about,
div#sec_information,
div#sec_instructor,
div#sec_schedule,
div#sec_access{
	padding: 0 5%;
}

/*----------------------------------------------------------------*/
/*---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_movie-------------------------------------------------------------*/

div#hc_main_image div#hcmi_movie{
	z-index: 100;
	position: relative;
	width: 100%;
	background-color: #ffffff;
	background-color: rgba(0,0,0,0.1);
	overflow: hidden;

	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;
}

body.bc_st_2201 div#hc_main_image div#hcmi_movie{
background-image:url(../../img/studio/2201/1.jpg);
background-size: cover;
}

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

div#hc_main_image div#hcmi_movie video{
	z-index: 100;
	position: relative;
	width: 230%;
	height: 50vh;
}

/*---sound_bt-------------------------------------------------------------*/

div#hc_main_image div#hcmi_movie div#sound_bt{
position: absolute;top:30px;right:12px;
}

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

div#hc_main_image ul#hcmi_slider{
	z-index: 100;
	position: relative;
	height:70vh;
	background-color: #ffffff;
	overflow: hidden;
}

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

div#hc_main_image ul#hcmi_slider li.lq_img{
	width:100%;
	height:100%;

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

/*---hcmi_studio_data-------------------------------------------------------------*/

div#hc_main_image div.hcmi_studio_data{
	z-index: 110;
	position: absolute;bottom: 0;left:0;
	width: 100%;
  background-color: rgba(1,81,159,0.5);
	background-size:16px;
	background-image:url(../../img/common/stripes_wh.svg);
	background-repeat: repeat;
	padding: 20px 15px;
	padding-bottom: 12px;

	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

div#hc_main_image div.hcmi_studio_data h1{

-webkit-transform: skew(-9deg);
-moz-transform: skew(-9deg);
-o-transform: skew(-9deg);

	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#hc_main_image div.hcmi_studio_data h1 span,
div#hc_main_image div.hcmi_studio_data h1 b{
	color: #ffffff;
font-family: 'Poppins', sans-serif;
}

div#hc_main_image div.hcmi_studio_data h1 span{
font-size: 22px;
font-weight: 600;
line-height: 1.1em;
letter-spacing: 0.01em;
}
div#hc_main_image div.hcmi_studio_data h1 b{
background-color: #0151A0;
font-size: 18px;
font-weight: 200;
line-height: 1.1em;
letter-spacing: 0.01em;
padding: 4px 8px;
padding-top: 6px;
margin-left: 10px;
}

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

div#hc_main_image div.hcmi_studio_data > ul{
	margin-top: 6px;
}
div#hc_main_image div.hcmi_studio_data > ul li{
	color: #ffffff;
	font-size: 11px;
	font-weight: 200;
	line-height: 1.9em;
	letter-spacing: 0.05em;
}

/*---hc_studio_menu-------------------------------------------------------------*/

div#hc_studio_menu{
	width: 100%;
	background-color: #0151A0;
}

div#hc_studio_menu > ul{
	width: 100%;

	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_studio_menu > ul > li{
	width: 50%;
	padding: 0 7px;
	border: 1px rgba(255,255,255,0.1) solid;
	border-width: 0 1px 1px 0;
}
div#hc_studio_menu > ul > li a{
	color: #ffffff;
	height: 42px;
	font-size: 12px;

	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#hc_studio_menu > ul > li a:hover{
border-left:4px rgba(255,255,255,1.0) solid;
}

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

div#sec_about{
	width: 100%;
  background-color: rgba(232,15,28,0.02);
	padding: 30px 5%;
	margin: 0 auto;
}

/*---lq_img-------------------------------------------------------------*/

div#sec_about div.lq_img{
	width: 100%;
	min-height: 200px;

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

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

div#sec_about div.text{

	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#sec_about div.text h2{
	width: 100%;
font-size: 18px;
font-weight: 800;
line-height: 1.1em;
letter-spacing: 0.15em;
text-align: center;
margin-top: 20px;
}

div#sec_about div.text div{
margin-top: 8px;
}
div#sec_about div.text div p{
	font-size: 13px;
	font-weight: 500;
	line-height: 1.7em;
	margin-top: 8px;
}

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

div#sec_information{
	width: 100%;
	margin: 0 auto;
	margin-top: 40px;
}
div#sec_information a.pubt{
	margin: 0 auto;
	margin-top: 30px;
}

/*----------------------------------------------------------------*/
/*---sec_instructor-------------------------------------------------------------*/

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

div#sec_instructor div.sec_title{
	margin-bottom: 20px;
}

div#sec_instructor ul.cnt_instructor_list{
}
div#sec_instructor ul.cnt_instructor_list > li a div.text h2 b{
	font-size: 14px;
}

div#sec_instructor ul.cnt_instructor_list > li a div.lq_img{
	width:100%;
	padding-bottom:110%;
}

/*----------------------------------------------------------------*/
/*---sec_schedule-------------------------------------------------------------*/

div#sec_schedule{
	width: 100%;
  background-color: rgba(232, 15, 28, 0.02);
	padding: 40px 5%;
	margin: 0 auto;
	margin-top: 40px;
}
div#sec_schedule div.sec_title{
	margin-bottom: 15px;
}
div#sec_schedule div.std_title b{
	font-size: 20px;
}

/*----------------------------------------------------------------*/
/*---sec_access-------------------------------------------------------------*/

div#sec_access{
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;
}

div#sec_access div.cnt_access_map {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}