@charset "UTF-8";

/* ブレークポイント */

.news {
  width: 100%;
  padding: 20px 0 50px 0;
  text-align: left;
}

.info {
  padding: 0
}

.info ul li{
  padding: 0;
  margin: 0 0 8px 0;
}

.info ul li dl{
  padding: 0;
  margin: 0;
  width: 100%;
}

.info ul li dl:before,.info ul li dl:after{
  content: '';
  display: table;
}

.info ul li dl:after{
  clear: both;
}

.info ul li dl dt{
  float: left;
  background: url(../images/icon.png) no-repeat 0 5px;
  padding: 0 0 0 15px;
  width: 100%;
}

@media screen and (min-width: 670px){

  .info ul li dl dt{
    width: 21%;
  }
}

@media print{

  .info ul li dl dt{
    width: 21%;
  }
}

.info ul li dl dd{
  float: left;
  margin: 0 0 0 3%;
  margin-top: 5px;
  padding: 25px 0 0 0;
  width: 100%;
}

.info ul li dl dd.oshirase{
  background: url(../images/index/icon02.gif) no-repeat 0 0;
}

.info ul li dl dd.sogo{
  background: url(../images/index/icon03.gif) no-repeat 0 0;
}

.info ul li dl dd.bus{
  background: url(../images/index/icon04.gif) no-repeat 0 0;
}

.info ul li dl dd.mechanic{
  background: url(../images/index/icon05.gif) no-repeat 0 0;
}

.info ul li dl dd.training{
  background: url(../images/index/icon06.gif) no-repeat 0 0;
}

.info ul li dl dd a{
  color: #888888;
}

@media screen and (min-width: 670px){

  .info ul li dl dd{
    margin-top: 0;
  }
}

@media print{

  .info ul li dl dd{
    margin-top: 0;
  }
}

@media screen and (min-width: 670px){

  .info ul li dl dd{
    padding: 0 0 0 80px;
  }
}

@media print{

  .info ul li dl dd{
    padding: 0 0 0 80px;
  }
}

@media screen and (min-width: 670px){

  .info ul li dl dd{
    width: 76%;
  }
}

@media print{

  .info ul li dl dd{
    width: 76%;
  }
}

.info ul li dl dd a:hover{
  color: #888888;
  text-decoration: underline;
}