.bg_title{
width: 100%;
}

.bg_title dt,
.bg_title dd{
  text-align: center;
}

.bg_title dt{
  height: 50px;
  background: #119d9c;
}

.bg_title dt h2{
  color: #fff;
  line-height: 50px;
  font-size: 30px;
}

.bg_title dd{
  height: 30px;
  background: #fcca0a;
  line-height: 30px;
}


/*-----sp_cording-----*/


@media only screen and (max-width: 1300px) and (max-width: 786px){
  .bg_title dt h2{
    color: #fff;
    font-size: 22px;
  }

  .bg_title dd{
    height: 50px;
    line-height: 15px;
    padding: 10px;
    text-align: center;
  }

}

/*-----sp_cording_end-----*/


/*-------------------------------------------------------------------------------------------------
beginners_guide
------------------------------------------------------------------------------------------------*/
#beginners_guide .bg_announcement{
  margin-bottom: 50px;
}

#beginners_guide dl{
  width: 30%;
  margin: 30px 1.65%;
  padding: 30px 0;
  border-top: 1px solid #000;
  float: left;
  text-align: left;
}

#beginners_guide dl dt{
  font-size: 20px;
  margin-bottom: 20px;
}

#beginners_guide dl .bg_image img{
  width: 100%;
  border: 3px solid #dcdcdd;
}

#beginners_guide dl .bg_info{
  height: 80px;
  margin: 20px 10px;
  text-indent: 1em;
}


/*-----sp_cording-----*/


@media only screen and (max-width: 1300px) and (max-width: 786px){
  #beginners_guide .bg_announcement{
    margin: 20px 0;
  }

  #beginners_guide{
    width: 95%;
    padding: 0;
    margin: 2.5%;
    text-align: left;
  }

  #beginners_guide dl{
    width: 100%;
    margin: 0 0 30px;
    float: none;
  }

  #beginners_guide dl .bg_info{
    height: ato;
  }

  #beginners_guide .all_button_a{
    padding: 10px 0;
  }
}
/*-----sp_cording_end-----*/