/*==============================================================================
kaitori_area
==============================================================================*/
#kaitori_area{
  height: 1060px;
  background: url(../../img/kaitori_map.jpg) no-repeat;
  text-align: left;
}

#kaitori_area h2,
#kaitori_area p,
#kaitori_area .kaitori_area_list{
  width: 63%;
}

#kaitori_area h2{
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #036eb8;
  padding: 10px 0px;
  border-bottom: 5px solid #036eb8;
}

.kaitori_area_list h3{
  width: 100%;
  background: #222c3c;
  padding: 10px;
  margin-top: 20px;
  color: #fff;
}

.kaitori_area_list dl{
  width: 100%;
  clear: both;
}

.kaitori_area_list dl dt,
.kaitori_area_list dl dd{
  float: left;
  padding: 8px 0;
  text-align: center;
}

.kaitori_area_list dl dt{
  width: 14.5%;
}

.kaitori_area_list dl dd{
  width: 9.5%;
}

.hokkaido{
  background: #eb6da5
}

.tohoku{
  background: #36bdef
}

.kanto{
  background: #8ec43d
}

.chubu{
  background: #f29a75
}

.kinki{
  background: #00aca8
}

.chugoku{
  background: #f39700
}

.shikoku{
  background: #8e81bc
}

.kyushu{
  background: #187fc3
}

.okinawa{
  background: #ea5431
}



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


@media only screen and (max-width: 1300px) and (max-width: 786px){
  #kaitori_area{
    height: auto;
    background: none;
    width: 95%;
    padding: 0;
    margin: 30px 2.5%;
    text-align: left;
  }

  #kaitori_area h2,
  #kaitori_area p,
  #kaitori_area .kaitori_area_list{
    width: 100%;
  }

  #kaitori_area .kaitori_area_list{
    overflow: hidden;
    margin-bottom: 50px;
  }

  .kaitori_area_list dl dt,
  .kaitori_area_list dl dd{
    float: none;
  }

  .kaitori_area_list dl dt{
    width: 100%;
    clear: both;
  }

  .kaitori_area_list dl dd{
    float: left;
    margin: 10px 0;
    width: 20%;
  }

}

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