@charset "UTF-8";
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansJP-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansJP-Medium.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/NotoSansJP-Bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSansJP-Black.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifJP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSerifJP-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifJP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSerifJP-Medium.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifJP";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/NotoSerifJP-Bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifJP";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSerifJP-Black.woff") format("woff");
  font-display: swap;
}
.company__catch {
  display: flex;
  flex-direction: column;
  gap: 108px 0;
  margin: 0 0 160px;
}
@media screen and (max-width: 1050px) {
  .company__catch {
    gap: 10.2522756827vw 0;
    margin: 0 0 15.188556567vw;
  }
}
@media screen and (max-width: 768px) {
  .company__catch {
    gap: 29.3333333333vw 0;
    margin: 0 0 32vw;
  }
}

.company__wrapper {
  position: relative;
}
@media screen and (max-width: 768px) {
  .company__wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 18.6666666667vw 0;
  }
}
.company__wrapper .sec__inner {
  display: flex;
  height: 353px;
  align-items: center;
}
@media screen and (max-width: 1050px) {
  .company__wrapper .sec__inner {
    height: 33.5097529259vw;
  }
}
@media screen and (max-width: 768px) {
  .company__wrapper .sec__inner {
    height: unset;
  }
}
.company__wrapper--reverse .sec__inner {
  justify-content: flex-end;
}
.company__wrapper--reverse .company__image {
  left: 0;
  right: unset;
}

.company__text {
  width: 550px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 1050px) {
  .company__text {
    width: 52.210663199vw;
  }
}
@media screen and (max-width: 768px) {
  .company__text {
    width: 100%;
  }
}
.company__text h2 {
  font-size: 30px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin: 0 0 24px;
}
@media screen and (max-width: 1050px) {
  .company__text h2 {
    font-size: 2.8478543563vw;
    margin: 0 0 2.278283485vw;
  }
}
@media screen and (max-width: 768px) {
  .company__text h2 {
    font-size: 6.6666666667vw;
    margin: 0 0 2.1333333333vw;
    justify-content: center;
  }
}
.company__text h2 span {
  font-size: 20px;
}
@media screen and (max-width: 1050px) {
  .company__text h2 span {
    font-size: 1.8985695709vw;
  }
}
@media screen and (max-width: 768px) {
  .company__text h2 span {
    font-size: 5.3333333333vw;
  }
}
.company__text h2 + p {
  font-size: 18px;
  margin: 0 0 32px;
}
@media screen and (max-width: 1050px) {
  .company__text h2 + p {
    font-size: 1.7087126138vw;
    margin: 0 0 3.0377113134vw;
  }
}
@media screen and (max-width: 768px) {
  .company__text h2 + p {
    font-size: 4vw;
    line-height: 6.4vw;
    margin: 0 0 8.5333333333vw;
    text-align: center;
  }
}

.company__caption {
  font-size: 14px;
  line-height: 30px;
}
@media screen and (max-width: 1050px) {
  .company__caption {
    font-size: 1.3289986996vw;
    line-height: 2.8478543563vw;
  }
}
@media screen and (max-width: 768px) {
  .company__caption {
    font-size: 3.2vw;
    line-height: 6.6666666667vw;
  }
}

.company__image {
  position: absolute;
  top: 0;
  right: 0;
  width: 42%;
}
@media screen and (max-width: 768px) {
  .company__image {
    position: unset;
    width: calc(100% - 10.6666666667vw);
    margin: 0 auto;
  }
}
.company__image img {
  width: 100%;
  height: 353px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1050px) {
  .company__image img {
    height: 33.5097529259vw;
  }
}
@media screen and (max-width: 768px) {
  .company__image img {
    height: unset;
  }
}

.company__profile-table table {
  width: 100%;
}
.company__profile-table table tbody tr {
  display: flex;
  padding: 40px 0;
  border-top: 1px solid #000;
  position: relative;
}
@media screen and (max-width: 1050px) {
  .company__profile-table table tbody tr {
    padding: 3.7971391417vw 0 3.7971391417vw;
    border-width: 0.0949284785vw;
  }
}
@media screen and (max-width: 768px) {
  .company__profile-table table tbody tr {
    padding: 5.3333333333vw 0;
    border-width: 0.2666666667vw;
  }
}
.company__profile-table table tbody tr::before {
  content: "";
  width: 200px;
  height: 3px;
  top: -2px;
  left: 0;
  background: #000;
  position: absolute;
}
@media screen and (max-width: 1050px) {
  .company__profile-table table tbody tr::before {
    width: 18.9856957087vw;
    height: 0.2847854356vw;
    top: -0.1898569571vw;
  }
}
@media screen and (max-width: 768px) {
  .company__profile-table table tbody tr::before {
    width: 29.3333333333vw;
    height: 0.5333333333vw;
    top: -0.4vw;
  }
}
.company__profile-table table tbody tr:last-of-type {
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 1050px) {
  .company__profile-table table tbody tr:last-of-type {
    border-width: 0.0949284785vw;
  }
}
@media screen and (max-width: 768px) {
  .company__profile-table table tbody tr:last-of-type {
    border-width: 0.2666666667vw;
  }
}
.company__profile-table table tbody tr:last-of-type::after {
  content: "";
  width: 200px;
  height: 3px;
  bottom: -2px;
  left: 0;
  background: #000;
  position: absolute;
}
@media screen and (max-width: 1050px) {
  .company__profile-table table tbody tr:last-of-type::after {
    width: 18.9856957087vw;
    height: 0.2847854356vw;
    bottom: -0.1898569571vw;
  }
}
@media screen and (max-width: 768px) {
  .company__profile-table table tbody tr:last-of-type::after {
    width: 29.3333333333vw;
    height: 0.5333333333vw;
    bottom: -0.4vw;
  }
}
.company__profile-table table tbody tr th {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
  width: 200px;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 1050px) {
  .company__profile-table table tbody tr th {
    font-size: 1.3289986996vw;
    line-height: 2.6579973992vw;
    width: 18.9856957087vw;
    padding: 0 0 0 1.8985695709vw;
  }
}
@media screen and (max-width: 768px) {
  .company__profile-table table tbody tr th {
    font-size: 3.2vw;
    width: 29.3333333333vw;
    line-height: 4.8vw;
    padding: 0 0 0 2.6666666667vw;
  }
}
.company__profile-table table tbody tr td {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  flex: 1;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 1050px) {
  .company__profile-table table tbody tr td {
    font-size: 1.3289986996vw;
    line-height: 2.6579973992vw;
    padding: 0 0 0 1.8985695709vw;
  }
}
@media screen and (max-width: 768px) {
  .company__profile-table table tbody tr td {
    font-size: 3.2vw;
    line-height: 4.8vw;
    padding: 0 0 0 2.6666666667vw;
  }
}

.company__profile-dots {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .company__profile-dots {
    gap: 2.1333333333vw 0;
  }
}
.company__profile-dots li {
  display: flex;
  line-height: 28px;
}
@media screen and (max-width: 1050px) {
  .company__profile-dots li {
    line-height: 2.6579973992vw;
  }
}
@media screen and (max-width: 768px) {
  .company__profile-dots li {
    line-height: 4.8vw;
  }
}
.company__profile-dots li::before {
  content: "・";
  position: relative;
  top: 7px;
}
@media screen and (max-width: 1050px) {
  .company__profile-dots li::before {
    top: 0.6644993498vw;
  }
}
@media screen and (max-width: 768px) {
  .company__profile-dots li::before {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    top: 0.8vw;
  }
}
/*# sourceMappingURL=company.css.map */