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

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

@media (max-width:680px) {

  header a.hc_logo{
    background-image: none!important;
  }

  header div#menu_container div.mc_line{
    background-color: transparent!important;
  }

  ul#inner_left_menu > li > a,
  ul#inner_left_menu > li > a:hover,
  ul#inner_left_menu > li.active > a{
    background-color: #4cbcdd;
  }

  div#hc_main_image div.hcmi_heading{
    background: rgb(86,173,199);
    background: linear-gradient(0deg, rgba(86,173,199,0.5) 0%, rgba(86,173,199,0.50) 80%, rgba(86,173,199,0) 100%),url(../img/common/stripes_wh.svg)!important;
    background-size:24px!important;
  }
}

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

header a.hc_logo{
background-image:url(../img/common/logo_bg_bs.svg);
}

a#smp_menu{
background-image:url(../img/base/bs/smp_menu_bt.svg);
}

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

ul.sns_ic_list a,
ul.cnt_instructor_list > li a div.text,
.pubt,
div#sec_about div.image span,
div#menu_container a.mc_contact,
header div#menu_container div.mc_line {
  background-color: #4cbcdd;
}

div#menu_container a.mc_contact:hover,
.pubt{
  background-color: #55aec8;
}

.pubt:hover{
background-color: #4cbcdd;
}

div.sec_title h2 span,
.ctg > li {
  background-color: rgba(86,173,199,0.1)!important;
}

tr.set_sche td > div{
  background-color: rgba(86,173,199,0.5)!important;
}

div.cnt_title1 > b{
background-color: rgba(86,173,199,0.1);
border-bottom: 3px #4cbcdd solid;
}

div.cr_blog_list{
background-color: rgba(86,173,199,0.05)!important;
}

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

ul.cnt_blog_list li a:hover div.text h2,
div#sec_substitution div.cnt_subst_list > ul > li b,
div.cnt_value ul.detail > li > b,
div.sec_title h2 span,
ul.ctg > li,
div#menu_container ul.main_menu > li.active > a,
div#menu_container ul.main_menu > li > a:hover {
    color: #3993ad;
}

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

ul.cnt_topics_list > li div.lq_img::after {
border-top: 15px solid #4cbcdd;
border-right: 15px solid #4cbcdd;
}

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

ul#inner_left_menu > li > a{
	border: 1px #4cbcdd solid;
}

ul#inner_left_menu > li > a:hover{
	background-color: #4cbcdd;
	border: 1px #4cbcdd solid;
}
ul#inner_left_menu > li.active > a{
	background-color: #4cbcdd;
}

div#sec_schedule ul#inner_left_menu > li a{
	background-color: #ffffff!important;
	color: #4cbcdd!important;
	border: 1px #4cbcdd solid!important;
}
div#sec_schedule ul#inner_left_menu > li.active a{
	background-color: #4cbcdd!important;
	color: #ffffff!important;
}