@charset "utf-8";

#test_index #global_nav ul .skype  {
  line-height: 0;
}

#test_index #global_nav ul .skype2:before {
    content: "\f17e";
    font-family: FontAwesome;
    margin-right: 3px;
    color: #009FE3;
}

#test_index .support {
   float: none;
   margin: 0 auto;
   display: block;
}

#test_index .top-bar #global_nav ul li span.skype2 {
  font-size: 1.6rem;
  color: #414141;
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}


#test_index .tail_links{
  position: relative;
  height: 330px;
}

#test_index .tail_links li {
  top: 0;
  width: 100%;
  height: 95px;
  float: none;
  text-align: center;
  border: 1px solid #80bf3a;
  box-shadow: 0 5px 0 #24a156;
  border-radius: 5px;
  margin-bottom: 3.52rem;
}
#test_index .commercial_box{
  display: none;
}

.tail_links li.mailmg {
  background: url("https://color-type.jp/img/common/footer_mailmg.png") no-repeat;
  background-size: 100px;
  background-position: 80% 0.8rem;
}

#front_page .index_post_list_title {
width: 100%;
}

#skype_course .pages_head:before{
    content: "\f17e";
    font-family: FontAwesome;
    margin-right: 3px;
    color: #009FE3;
}
#skype_course .schedule_outline p{
text-indent: 0;
}

@media screen and (min-width: 920px) {
  #test_index .tail_links{
    height: 200px;
  }
  #test_index .tail_links li {
    position: absolute;
    width: 45%;
  }
  #test_index .tail_links li.certification {
    left: 0;
  }
  #test_index  .tail_links li.mailmg {
    right: 0;
  }
  #test_index .tail_links li.support {
    left: 200px;
    top: 116px;
  }
  #test_index .commercial_box{
    display: block;
    position: fixed;
    top: 60% !important;
    right: 0;
    width: 200px;
    height: 140px;
    background-color: #FFF;
    border: 1px solid #DA2E25;
    border-right: none;
    box-shadow: 0 5px 0 #DA2E25;
    border-radius: 5px ;
    margin-bottom: 3.52rem;
  }
  #test_index .commercial_box h3{
    padding: 8px;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    background: #FF726B;
    color: #fff;
  }
  #test_index .commercial_box p{
    padding: 8px;
  }
  #front_page .index_post_list_title {
   width: 320px;
 }
}