@charset "UTF-8";
/* CSS Document */
.main {
  background-color: #fdfdfd;
}
.section-overview {
  margin-bottom: 64px;
}
.section-header {
  margin-bottom: 40px;
}
.section-overview-wrapper {
  filter: drop-shadow(6px 8px 15px #f3f3f3);
}
.section-overview h2 {
  margin-top: 64px;
  margin-bottom: 12px;
  color: #333;
  font-size: 4.0rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
}
.section-overview h4 {
  color: #3d7bf2;
}
.section-overview__image {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 327px;
  border-radius: 20px 20px 0 0;
}
.section-overview__text {
  background-color: #fafafa;
  width: 100%;
  max-width: 327px;
  margin: 0 auto;
  text-align: left;
  padding: 16px 16px 4px;
  border-radius: 0 0 20px 20px;
}
.section-overview h3 {
  font-size: 1.6rem;
  color: #3d7bf2;
}
.span-hyphen {
  vertical-align: 1px;
  margin: 0 2px;
}
.span-parentheses {
  vertical-align: 1px;
  margin: 0 1px;
}
.section-overview ul {
  list-style: none;
}
.section-overview ul li {
  display: flex;
  margin-bottom: 12px;
}
.section-overview ul li a {
  text-decoration: none;
  color: #333;
}
.list-01, .list-02, .list-03 {
  margin-left: 30px;
}
.list-04 {
  margin-left: 20px;
  vertical-align: 2px;
}
@media (min-width: 960px) {
  .section-overview {
    margin-bottom: 80px;
  }
  .section-overview h2 {
    font-size: 5.0rem;
    margin-top: 80px;
    margin-bottom: 16px;
  }
  .section-overview h4 {
    font-size: 2.0rem;
  }
  .section-overview__image {
    max-width: 880px;
    height: 540px;
  }
  .section-overview__text {
    max-width: 880px;
    padding: 32px 32px 12px;
  }
  .section-overview h3 {
    font-size: 2.0rem;
    margin-bottom: 20px;
  }
  .section-overview ul li {
    font-size: 2.0rem;
    margin-bottom: 10px;
  }
  .list-01, .list-02, .list-03 {
    margin-left: 44px;
  }
  .list-04 {
    margin-left: 32px;
  }
}
.section-access {
  margin-bottom: 104px;
}
.section-access h2 {
  margin-bottom: 12px;
  color: #333;
  font-size: 4.0rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
}
.section-access h4 {
  color: #3d7bf2;
}
.section-access__map {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 327px;
  height: 245px;
  border-radius: 20px 20px 0 0;
}
.section-access img {
  width: 108px;
  height: 108px;
  display: block;
  margin: 0 auto;
  background-color: #fafafa;
}
.section-access h5 {
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  text-align: left;
  margin-bottom: 16px;
  color: #3D7BF2;
}
.section-access__text {
  background-color: #fafafa;
  width: 100%;
  max-width: 327px;
  margin: 0 auto;
  text-align: left;
  padding: 16px;
  border-radius: 0 0 20px 20px;
}
.section-access__text01 {
  margin-bottom: 16px;
}
.access-text-big02 {
  margin-bottom: 32px;
}
.section-access-attention {
  margin-top: 24px;
  margin-bottom: 40px;
}
.section-access-wrapper {
  filter: drop-shadow(6px 8px 15px #f3f3f3);
}
@media (min-width: 960px) {
  .section-access {
    margin-bottom: 140px;
  }
  .section-access h2 {
    font-size: 5.0rem;
    margin-bottom: 16px;
  }
  .section-access h4 {
    font-size: 2.0rem;
  }
  .section-access__map {
    max-width: 880px;
    height: 540px;
  }
  .section-access-attention-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
    margin: 0 auto;
  }
  .section-access__text {
    max-width: 880px;
    padding: 32px;
  }
  .access-text-big {
    font-size: 1.8rem;
  }
  .access-text-big02 {
    font-size: 1.8rem;
    margin-bottom: 16px;
  }
  .section-access-attention {
    max-width: 216px;
  }
}