.AboutPage {
  padding-top: min(3.5rem /* 56px (基準16px) */, 3.889vw /* 56px (基準1440px) */);
  background-color: #fffdf8;
  color: #3d3d3d;
}

.s .AboutPage {
  padding-top: 3.563rem /* 57px (基準16px) */;
}

.AboutPage-inner {
  padding-top: 4rem /* 64px (基準16px) */;
  padding-bottom: 5rem /* 80px (基準16px) */;
  width: min(42rem /* 672px (基準16px) */, 46.667vw /* 672px (基準1440px) */);
  margin: 0 auto;
}

.s .AboutPage-inner {
  width: 90%;
}

.AboutPage-title {
  width: 12.25rem /* 196px (基準16px) */;
  margin: 0 auto;
}

.AboutPage-infoList {
  margin-top: 2.5rem /* 40px (基準16px) */;
}

.AboutPage-infoList._company {
  margin-top: 5rem /* 80px (基準16px) */;
}

.AboutPage-subTitle {
  position: relative;
  text-align: center;
  color: #bb4953;
  font-size: 1rem /* 16px (基準16px) */;
  font-weight: 400;
  margin-bottom: 2.5rem /* 40px (基準16px) */;
}

.AboutPage-subTitle::before {
  content: '';
  position: absolute;
  bottom: -0.25rem /* 4px (基準16px) */;
  left: 50%;
  transform: translateX(-50%);
  width: 1.25rem /* 20px (基準16px) */;
  height: 1px;
  background-color: #bb4953;
}

.AboutPage-infoItem {
  padding: 1rem /* 16px (基準16px) */ 0;
  border-bottom: 1px solid #9e9e9e;
}

.AboutPage-infoItemTitle {
  color: #bb4953;
  font-size: 0.75rem /* 12px (基準16px) */;
}

.AboutPage-infoItemText {
  margin-top: 0.25rem /* 4px (基準16px) */;
  color: #3d3d3d;
  font-size: 0.813rem /* 13px (基準16px) */;
  line-height: 1.8;
}

.AboutPage-infoMap {
  margin-top: 2.5rem /* 40px (基準16px) */;
}

.AboutPage-infoMap iframe {
  aspect-ratio: 672 / 272;
  width: 100%;
  height: auto;
}

.s .AboutPage-infoMap iframe {
  aspect-ratio: 350 / 230;
}

.AboutPage-infoMapSup {
  margin-top: 0.5rem /* 8px (基準16px) */;
  font-size: 0.75rem /* 12px (基準16px) */;
}

.AboutPage-recruit {
  margin-top: 5rem /* 80px (基準16px) */;
}

.s .AboutPage-recruit {
  margin-top: 3.75rem /* 60px (基準16px) */;
}

.AboutPage-recruitImage {
  width: 100%;
  height: auto;
  aspect-ratio: 672 / 200;
}

.s .AboutPage-recruitImage {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  aspect-ratio: 390 / 200;
  object-fit: cover;
}

.AboutPage-recruitLead {
  margin-top: 2.5rem /* 40px (基準16px) */;
  line-height: 1.8;
}

.AboutPage-recruitLeadText {
  font-size: 1rem /* 16px (基準16px) */;
  color: #bb4953;
  text-align: center;
}

.AboutPage-recruitLeadSub {
  margin-top: 1.5rem /* 24px (基準16px) */;
  font-size: 0.813rem /* 13px (基準16px) */;
}

.AboutPage-contact {
  width: 95%;
  height: auto;
  aspect-ratio: 654 / 200;
  margin: 0 auto;
  margin-top: 5rem /* 80px (基準16px) */;
  background-image:
    linear-gradient(rgba(187, 73, 83, 0.5), rgba(187, 73, 83, 0.5)), url(../img/about-contact.png);
  background-size:
    100% 100%,
    auto;
  background-position:
    top center,
    top -110px center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem /* 24px (基準16px) */ 0.625rem /* 10px (基準16px) */;
  border-radius: 0.25rem /* 4px (基準16px) */;
  border: 1px solid #bb4953;
}

.s .AboutPage-contact {
  margin-top: 3.75rem /* 60px (基準16px) */;
  background-size: cover;
  background-position: center;
}

.AboutPage-contactInner {
  text-align: center;
  color: #fff;
}

.AboutPage-contactTitle {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2.5rem /* 40px (基準16px) */;
  font-weight: 500;
}

.AboutPage-contactSubTitle {
  font-size: 1rem /* 16px (基準16px) */;
}

.AboutPage-contactText {
  margin-top: 0.438rem /* 7px (基準16px) */;
  font-size: 0.625rem /* 10px (基準16px) */;
}

.AboutPage-contactButton {
  margin-top: 0.5rem /* 8px (基準16px) */;
  width: 18.75rem /* 300px (基準16px) */;
}

.AboutPage-contactButton .footer__cta {
  margin-top: 0.438rem /* 7px (基準16px) */;
  width: 100%;
}

.AboutPage ._sp {
  display: none;
}

.s .AboutPage ._sp {
  display: block;
}