/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
main {
  padding-bottom: 0; }

section {
  margin-top: 80px; }
  @media screen and (max-width: 750px) {
    section {
      margin-top: 60px; } }

.area .area_ttl {
  color: #0050c6;
  font-size: 42px;
  font-weight: bold;
  position: relative;
  display: inline-block; }
  .area .area_ttl:after {
    content: '';
    display: inline-block;
    width: 50px;
    height: 4px;
    background: #bdd15e;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%); }
.area ul {
  margin-top: 40px;
  border: 1px solid #bdd15e; }
  .area ul li {
    display: flex; }
    .area ul li .title {
      padding: 20px 10px;
      background: #bdd15e;
      color: #fff;
      width: 150px;
      font-weight: bold;
      border-bottom: 1px solid #fff; }
    .area ul li .con {
      background: #fff;
      padding: 20px 10px;
      width: calc(100% - 150px);
      text-align: left;
      border-bottom: 1px solid #bdd15e; }
    .area ul li:last-child .title {
      border-bottom: none; }
    .area ul li:last-child .con {
      border-bottom: none; }

@media screen and (max-width: 750px) {
  .area .area_ttl {
    font-size: 32px; }
    .area .area_ttl:after {
      width: 50px;
      height: 4px;
      bottom: -5px; }
  .area ul {
    margin-top: 5.3333333333vw; }
    .area ul li {
      display: flex;
      font-size: 14px; }
      .area ul li .title {
        padding: 2.6666666667vw 10px;
        width: 90px; }
      .area ul li .con {
        padding: 2.6666666667vw 10px;
        width: calc(100% - 90px); } }
.map {
  margin-top: 60px;
  margin-bottom: 60px; }
  .map iframe {
    width: 100%;
    height: 250px;
    max-width: 960px; }
  @media screen and (max-width: 750px) {
    .map {
      margin-top: 8vw;
      margin-bottom: 0vw; } }