@charset "utf-8";

/*-------------------------------------------------------------------
	#company
-------------------------------------------------------------------*/
#company table {
  margin-bottom: 40px;
}
#company table th {
  width: 159px;
  font-weight: bold;
  color: #e65972;
  padding: 14px 0 13px 19px;
}
#company table td {
  padding: 14px 0 13px 19px;
}
#company table span {
  font-weight: bold;
}

/*-------------------------------------------------------------------
	#map
-------------------------------------------------------------------*/
#content .access {
  padding: 4px;
  border: #ccc 1px solid;
  margin-bottom: 40px;
}
#content #map {
  width: 630px;
  height: 390px;
  background-color: #ccc;
}

/*-------------------------------------------------------------------
	.areabox
-------------------------------------------------------------------*/
#content .areabox {
  overflow: hidden;
  clear: both;
  line-height: 1.71;
  padding: 12px 5px 8px 16px;
  background-color: #fbe8e6;
  border: #f999aa 2px solid;
}
#content .areabox li {
  float: left;
  width: 212px;
}
#content .areabox li.none {
  width: 190px;
}
#content .areabox li.spe {
  width: 390px;
}
#content .areabox li.spe2 {
  width: 390px;
  margin-right: 34px;
}

#content .next {
  padding: 11px 5px 33px 0;
}

@media screen and (max-width: 680px) {
  #content .areabox li,
  #content .areabox li.none,
  #content .areabox li.spe,
  #content .areabox li.spe2 {
    width: 50%;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  #content .areabox li,
  #content .areabox li.none,
  #content .areabox li.spe,
  #content .areabox li.spe2 {
    font-size: 1.2rem;
  }
}