@charset "UTF-8";

/* ----------------------------------
 	Outline
---------------------------------- */
.outline {
  margin: 10% 0;
}

.outline-box {
  width: 85%;
  margin: 0 auto;
}

.outline__title-text {
  font-size: 1.8em;
  line-height: 1.5;
  margin-bottom: 5%;
  text-align: center;
}

.outline-table {
  width: 100%;
  border-top: 1px solid #9FA0A0;
  border-bottom: 1px solid #9FA0A0;
  margin: 0 auto;
}

.outline-table th {
  width: 25%;
  background-color: #9FA0A0;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1.5;
}

.outline-table td {
  border-bottom: 1px solid #9FA0A0;
  line-height: 1.5;
  padding-left: 2%;
}

.outline-table tr:last-of-type th,td {
  border:none;
}


/*----- PC -----*/
@media only screen and (min-width: 1025px) {
  .outline {
    margin: 3% 0 10%;
  }

  .outline-box {
    width: 100%;
  }

  .outline__title-text {
    font-size: 3vw;
    margin-bottom: 3%;
  }

  .outline-table  {
    width: 100%;
    border-top: 2px solid #9FA0A0;
    border-bottom: 2px solid #9FA0A0;
    font-size: 1.5vw;
  }

  .outline-table th, td {
    padding: 2% 0;
  }

  .outline-table th {
    border-bottom: 2px solid #fff;
  }

  .outline-table td {
    border-bottom: 2px solid #9FA0A0;
  }

}

/* ----------------------------------
 	Map
---------------------------------- */
.map {
  margin-bottom: 10%;
}

.map-box {
  width: 85%;
  margin: auto;
}

.map__img {
  width: 100%;
  margin-bottom: 5%
}

.map__btn {
  width: 100%;
}

.map__btn img {
  width: 100%;
  display: block;
}

/*----- PC -----*/
@media only screen and (min-width: 1025px) {
  .map__btn {
    width: 50%;
    display: block;
    margin: 0 auto;
  }
}