@charset "UTF-8";
:root {
  --leading-trim: calc((1em - 1lh) / 2);
}

/*
======== table of content. ===============

summary:私たちについてページ要素

==========================================
*/
.about-us__main {
  padding-block: 5vw 7.1428571429vw;
  padding-inline: 12vw;
  background: url(../../img/about-us__bg__pc.jpg) no-repeat center/cover;
}
@media screen and (max-width: 767px) {
  .about-us__main {
    padding-block: 14.4vw 18.6666666667vw;
    padding-inline: 0;
    background-image: url(../../img/about-us__bg__sp.jpg);
  }
}
.about-us__main__ttl {
  display: flex;
  flex-direction: column;
  font-family: "Zen Old Mincho", serif !important;
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
}
.about-us__main__ttl::before {
  content: attr(data-en);
  font-size: 225%;
}
@media screen and (max-width: 767px) {
  .about-us__main__ttl::before {
    font-size: 187.5%;
  }
}
.about-us__main__ttl span {
  font-size: 212.5%;
}
@media screen and (max-width: 767px) {
  .about-us__main__ttl span {
    font-size: 175%;
  }
}
.about-us__main__col {
  position: relative;
}
.about-us__main__col.col__01 {
  padding-inline: 8.5714285714vw;
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__01 {
    padding-inline: 0;
  }
}
.about-us__main__col.col__01 figure {
  margin-block-end: 3.2142857143vw;
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__01 figure {
    padding-inline: 9.0666666667vw;
    margin-block-end: 6.6666666667vw;
  }
}
.about-us__main__col.col__01 .about-us__main__col__text {
  margin-block-end: 7.8571428571vw;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__01 .about-us__main__col__text {
    margin-block-end: 20vw;
  }
}
@media screen and (min-width: 768px) {
  .about-us__main__col.col__02 figure,
  .about-us__main__col.col__02 .about-us__main__col__text__en,
  .about-us__main__col.col__02 .about-us__main__col__ttl,
  .about-us__main__col.col__02 .about-us__main__col__text, .about-us__main__col.col__03 figure,
  .about-us__main__col.col__03 .about-us__main__col__text__en,
  .about-us__main__col.col__03 .about-us__main__col__ttl,
  .about-us__main__col.col__03 .about-us__main__col__text, .about-us__main__col.col__04 figure,
  .about-us__main__col.col__04 .about-us__main__col__text__en,
  .about-us__main__col.col__04 .about-us__main__col__ttl,
  .about-us__main__col.col__04 .about-us__main__col__text {
    position: absolute;
  }
}
.about-us__main__col.col__02 .about-us__main__col__text__en,
.about-us__main__col.col__02 .about-us__main__col__ttl, .about-us__main__col.col__03 .about-us__main__col__text__en,
.about-us__main__col.col__03 .about-us__main__col__ttl, .about-us__main__col.col__04 .about-us__main__col__text__en,
.about-us__main__col.col__04 .about-us__main__col__ttl {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  letter-spacing: 0;
}
.about-us__main__col.col__02 .about-us__main__col__text__en, .about-us__main__col.col__03 .about-us__main__col__text__en, .about-us__main__col.col__04 .about-us__main__col__text__en {
  color: #a7c9d5;
  font-size: 387.5%;
  line-height: 0.968;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__02 .about-us__main__col__text__en, .about-us__main__col.col__03 .about-us__main__col__text__en, .about-us__main__col.col__04 .about-us__main__col__text__en {
    position: absolute;
    color: #a7c9d5;
    font-size: 225%;
  }
}
.about-us__main__col.col__02 .about-us__main__col__text__en sup, .about-us__main__col.col__03 .about-us__main__col__text__en sup, .about-us__main__col.col__04 .about-us__main__col__text__en sup {
  position: relative;
  color: #a7c9d5;
  font-size: 30%;
  vertical-align: top;
  top: 1em;
}
.about-us__main__col.col__02 .about-us__main__col__ttl, .about-us__main__col.col__03 .about-us__main__col__ttl, .about-us__main__col.col__04 .about-us__main__col__ttl {
  color: #0083ab;
  font-size: 150%;
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__02 .about-us__main__col__ttl, .about-us__main__col.col__03 .about-us__main__col__ttl, .about-us__main__col.col__04 .about-us__main__col__ttl {
    letter-spacing: -0.09em;
    font-size: 137.5%;
  }
}
.about-us__main__col.col__02 .about-us__main__col__ttl sup, .about-us__main__col.col__03 .about-us__main__col__ttl sup, .about-us__main__col.col__04 .about-us__main__col__ttl sup {
  position: relative;
  color: #0083ab;
  font-size: 50%;
  vertical-align: top;
  top: 1.2em;
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__02 .about-us__main__col__ttl,
  .about-us__main__col.col__02 .about-us__main__col__text, .about-us__main__col.col__03 .about-us__main__col__ttl,
  .about-us__main__col.col__03 .about-us__main__col__text, .about-us__main__col.col__04 .about-us__main__col__ttl,
  .about-us__main__col.col__04 .about-us__main__col__text {
    margin-inline: 8.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__02 .about-us__main__col__ttl, .about-us__main__col.col__03 .about-us__main__col__ttl, .about-us__main__col.col__04 .about-us__main__col__ttl {
    margin-block: 7.4666666667vw 8vw;
  }
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__02 .about-us__main__col__text, .about-us__main__col.col__03 .about-us__main__col__text, .about-us__main__col.col__04 .about-us__main__col__text {
    margin-block: 0 18.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .about-us__main__col.col__02 {
    min-height: 34.3571428571vw;
    padding-inline: 1.0714285714vw 0;
  }
}
.about-us__main__col.col__02 figure {
  width: 22.7857142857vw;
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__02 figure {
    width: 42.9333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .about-us__main__col.col__02 .about-us__main__col__text__en {
    margin-block: 2vw 0;
    margin-inline: 18.7142857143vw 13.5714285714vw;
  }
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__02 .about-us__main__col__text__en {
    left: 34.6666666667vw;
    top: 0;
  }
}
@media screen and (min-width: 768px) {
  .about-us__main__col.col__02 .about-us__main__col__ttl {
    margin-block: 12.1428571429vw 1.2142857143vw;
    margin-inline: 32.1428571429vw 13.5714285714vw;
  }
}
@media screen and (min-width: 768px) {
  .about-us__main__col.col__02 .about-us__main__col__text {
    margin-block: 15.7142857143vw 0;
    margin-inline: 32.1428571429vw 13.5714285714vw;
  }
}
@media screen and (min-width: 768px) {
  .about-us__main__col.col__03 {
    min-height: 27.1428571429vw;
    padding-inline: 8.4285714286vw 0;
  }
}
.about-us__main__col.col__03 figure {
  right: 0;
  width: 32.5714285714vw;
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__03 figure {
    width: 64vw;
    margin-inline-start: calc(100% - 64vw);
  }
}
@media screen and (min-width: 768px) {
  .about-us__main__col.col__03 .about-us__main__col__text__en {
    margin-block: 1.6428571429vw 1.9285714286vw;
    margin-inline: 4.2857142857vw 0;
  }
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__03 .about-us__main__col__text__en {
    top: 0;
    margin-block: -8vw 0;
    margin-inline: 4.2666666667vw 55.2vw;
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  .about-us__main__col.col__03 .about-us__main__col__ttl {
    margin-block: 7.2857142857vw 1.4285714286vw;
    margin-inline: 14.2857142857vw 0;
  }
}
@media screen and (min-width: 768px) {
  .about-us__main__col.col__03 .about-us__main__col__text {
    margin-block: 11vw 0;
    margin-inline: 1.4285714286vw 40.7142857143vw;
  }
}
@media screen and (min-width: 768px) {
  .about-us__main__col.col__04 {
    min-height: 37.8571428571vw;
    padding-inline: 0 6vw;
  }
}
.about-us__main__col.col__04 figure {
  width: 30.7142857143vw;
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__04 figure {
    width: 59.2vw;
  }
}
@media screen and (min-width: 768px) {
  .about-us__main__col.col__04 .about-us__main__col__text__en {
    margin-block-start: -1.4285714286vw;
    margin-inline: 25.6428571429vw 21.4285714286vw;
  }
}
@media screen and (max-width: 767px) {
  .about-us__main__col.col__04 .about-us__main__col__text__en {
    top: 0;
    margin-block: -2.6666666667vw 0;
    margin-inline: 34.6666666667vw 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .about-us__main__col.col__04 .about-us__main__col__ttl {
    margin-block: 10.7142857143vw 2vw;
    margin-inline: 37.8571428571vw 0;
  }
}
@media screen and (min-width: 768px) {
  .about-us__main__col.col__04 .about-us__main__col__text {
    margin-block: 14.2857142857vw 0;
    margin-inline: 37.8571428571vw 6vw;
  }
}

.four__missions {
  padding-block: 3.5714285714vw;
  background-color: #f2f5f7;
}
@media screen and (max-width: 767px) {
  .four__missions {
    padding-block: 9.6vw;
    padding-inline: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .four__missions .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.four__missions__texts {
  position: relative;
}
@media screen and (min-width: 768px) {
  .four__missions__texts {
    width: 35.2857142857vw;
    padding: 2.1428571429vw;
  }
}
@media screen and (min-width: 768px) {
  .four__missions__texts:first-child, .four__missions__texts:nth-child(2) {
    border-bottom: 1px solid #d0d0d0;
  }
}
@media screen and (min-width: 768px) {
  .four__missions__texts:first-child::after, .four__missions__texts:nth-child(3)::after {
    content: "";
    position: absolute;
    right: -2.8571428571vw;
    top: 1.7857142857vw;
    display: block;
    width: 1px;
    height: 100%;
    background-color: #d0d0d0;
  }
}
@media screen and (min-width: 768px) {
  .four__missions__texts:first-child::after {
    height: calc(100% - 3.5714285714vw);
  }
}
@media screen and (min-width: 768px) {
  .four__missions__texts:nth-child(3)::after {
    height: calc(100% - 1.7857142857vw);
  }
}
@media screen and (max-width: 767px) {
  .four__missions__texts:not(:last-child) {
    margin-block-end: 9.6vw;
    padding-block-end: 9.6vw;
    border-bottom: 1px solid #d0d0d0;
  }
}
@media screen and (max-width: 767px) {
  .four__missions__texts:last-child {
    margin-block-end: 4.8vw;
  }
}
.four__missions__texts dt {
  margin-block-end: 5.3333333333vw;
  font-family: "Zen Old Mincho", serif !important;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .four__missions__texts dt {
    margin-block-end: 2.1428571429vw;
    font-size: 250%;
  }
}
.four__missions__texts dt::first-letter {
  color: #1b799b;
}
@media screen and (max-width: 767px) {
  .four__missions__texts dt {
    font-size: 200%;
  }
}
.four__missions__texts dd {
  font-size: 93.75%;
}

.company__profile {
  margin-block: 7.8571428571vw;
}
@media screen and (max-width: 767px) {
  .company__profile {
    margin-block: 9.3333333333vw;
  }
}
.company__profile .table__company {
  border-collapse: collapse;
}
@media screen and (min-width: 768px) {
  .company__profile .table__company {
    width: calc(100% - 8.2857142857vw);
    margin-inline: 4.1428571429vw;
  }
}
.company__profile .table__company th,
.company__profile .table__company td {
  padding: 1em;
  border: 1px solid #d0d0d0;
}
.company__profile .table__company th {
  background-color: #f7f7f7;
}/*# sourceMappingURL=about-us.css.map */