@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main .comText {
  margin-bottom: 83px;
}

#main .widthBox {
  margin: 0 auto;
  width: 770px;
}

#main .headLine05 {
  margin-bottom: 47px;
  padding: 10px 20px 5px;
  color: #fff;
  font-size: 17px;
  box-sizing: border-box;
  background-color: #3296c8;
}

#main .h3Ttl {
  margin-bottom: 50px;
}

#main .comList {
  margin-bottom: 73px;
}

#main .comList li {
  margin-right: 65px;
  float: left;
  width: 352px;
  font-size: 14px;
  line-height: 1.8;
}

#main .comList li span {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  display: block;
}

#main .comList li img {
  margin: 12px auto 17px;
  display: block;
}

#main .comList li:last-child {
  margin-right: 0;
}

#main .comList li:last-child span {
  margin: 0 0 7px 3px;
}

#main .comList li:last-child img {
  margin: 0 auto 2px;
}

#main dl {
  font-size: 16px;
  line-height: 1.6;
}

#main dt {
  float: left;
  font-weight: bold;
}

#main dd {
  margin-bottom: 10px;
  padding: 0 10px 6px 9.4em;
  border-bottom: 1px solid #000;
}

#main dd .list {
  margin: 0 -10px;
}

#main dd .list > li {
  float: left;
  width: 350px;
  letter-spacing: -1px;
}

#main dd .list > li:first-child {
  width: 270px;
}

@media all and (min-width: 0) and (max-width: 767px) {
  #main .widthBox {
    width: auto;
  }

  #main dd .list > li:first-child {
    width: auto;
  }

  #main dd .list > li {
    width: auto;
  }

  #main .comText {
    margin-bottom: 20px;
  }

  #main .headLine05 {
    margin-bottom: 29px;
    padding: 0 12px;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
    background-color: #3296c8;
  }

  #main .comList {
    margin-bottom: 40px;
  }

  #main .comList li {
    margin: 0 0 19px 0;
    padding-bottom: 19px;
    float: none;
    width: auto;
    color: #777;
    font-size: 10px;
    border-bottom: 1px solid #777;
  }

  #main .comList li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
  }

  #main .comList li img {
    margin: 12px auto 4px;
    width: 83px;
    height: 42px;
    text-align: center;
  }

  #main .comList li:last-child img {
    margin: 12px auto 1px;
    width: 58px;
    height: 55px;
    text-align: center;
    border: none;
  }

  #main .comList li span {
    margin-bottom: 4px;
    color: #000;
    font-size: 15px;
  }

  #main dl {
    font-size: 10px;
  }

  #main dd {
    margin-bottom: 7px;
    padding: 0 10px 3px 8.4em;
    border-bottom: 1px solid #000;
  }

  #main .h3Ttl {
    margin-bottom: 17px;
  }

  #main dd:last-child {
    border: none;
  }
}