/* mixins */
/* functions */
/*======================================================================================*/
.hero {
  padding-block: 32vw 24vw;
  background-image: url(../myimg/about/about-main_sp.webp);
  background-position: center;
  background-size: cover;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .hero {
    padding-block: 145px 80px;
    background-image: url(../myimg/about/about-main.webp);
  }
}
.hero .hero-title {
  font-size: 5.3333333333vw;
  letter-spacing: 0.075em;
}
@media screen and (min-width: 768px) {
  .hero .hero-title {
    font-size: 36px;
  }
}
.hero .hero-read {
  font-size: 4.2666666667vw;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .hero .hero-read {
    font-size: 30px;
  }
}

.about-main-content {
  padding-block: 9.3333333333vw 16vw;
}
@media screen and (min-width: 768px) {
  .about-main-content {
    padding-block: 100px 120px;
  }
}

.about-main-inner {
  width: var(--base-width-sp);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .about-main-inner {
    max-width: var(--base-width);
  }
}
.about-main-inner + .about-main-inner {
  margin-top: 13.3333333333vw;
}
@media screen and (min-width: 768px) {
  .about-main-inner + .about-main-inner {
    margin-top: 95px;
  }
}

.about-main-caption {
  margin-bottom: 4vw;
  font-size: 3.4666666667vw;
  letter-spacing: 0.02em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .about-main-caption {
    margin-bottom: 15px;
    font-size: 25px;
  }
}

.about-main-table {
  table-layout: fixed;
}
.about-main-table tr th,
.about-main-table tr td {
  border: 1px solid #808080;
  font-size: 3.4666666667vw;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-weight: 400;
  padding: 1.1em 0.5em;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .about-main-table tr th,
  .about-main-table tr td {
    font-size: 15px;
    padding: 1.1em 1.6em;
  }
}
.about-main-table tr th {
  width: 8.4em;
  background-color: #e5e5e5;
  border-right: none;
  padding: 1.1em 0em;
}
@media screen and (min-width: 768px) {
  .about-main-table tr th {
    width: 255px;
  }
}
.about-main-table tr td {
  padding: 1.1em 0.7em;
  line-height: 1.9;
  border-left: none;
}
@media screen and (min-width: 768px) {
  .about-main-table tr td {
    font-size: 15px;
    padding: 1.1em 1.6em;
  }
}/*# sourceMappingURL=about.css.map */