.about {
  color: #fff;
  background-color: #00009e;
}

/* MV */
.about-mv {
  background: url('../img/about-bg.jpg') no-repeat center / cover;
}

._open .about-mv-text {
  transform: translate(-125%, -50%);
}

.about-mv-text h1 {
  width: calc(535 / var(--full-width) * 100vw);
  width: calc(670 / var(--full-width) * 100vw);
}
.s .about-mv-text h1 {
  width: calc(565 / var(--sp-full-width) * 100vw);
}

.about-mv-text p {
  width: calc(290 / var(--full-width) * 100vw);
}
.s .about-mv-text p {
  width: calc(430 / var(--sp-full-width) * 100vw);
}

/* スライドコンテナ */
.about-slideContainerWrapper {
  position: absolute;
  top: 50%;
  left: 14%;
  transform: translateY(-50%);
  width: 75%;
}
.s .about-slideContainerWrapper {
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

/* ポリシー */
.about-textList {
  display: flex;
  flex-direction: column;
  row-gap: calc(40 / var(--full-width) * 100vw);
  margin-top: calc(45 / var(--full-width) * 100vw);
}
.s .about-textList {
  row-gap: calc(50 / var(--sp-full-width) * 100vw);
  margin-top: calc(45 / var(--sp-full-width) * 100vw);
}

.about-textItem {
  display: flex;
  flex-direction: column;
  row-gap: calc(5 / var(--full-width) * 100vw);
}
.s .about-textItem {
  row-gap: calc(8 / var(--sp-full-width) * 100vw);
}

/* 見出し */
.about-textItem-headline {
  display: flex;
  column-gap: calc(23 / var(--full-width) * 100vw);
}
.s .about-textItem-headline {
  column-gap: calc(30 / var(--sp-full-width) * 100vw);
}

.about-textItem-headline span:first-of-type {
  font-size: calc(20 / var(--full-width) * 100vw);
  font-weight: 700;
  font-family: 'Cabin', sans-serif;
  letter-spacing: 2px;
}
.about-textItem-headline span:last-of-type {
  font-size: calc(20 / var(--full-width) * 100vw);
  font-weight: 500;
  font-family: 'Shippori Mincho', serif;
}
.s .about-textItem-headline span {
  font-size: calc(32 / var(--sp-full-width) * 100vw);
}

/* テキスト */
.about-textItem div {
  padding-left: calc(50 / var(--full-width) * 100vw);
}
.s .about-textItem div {
  padding-left: calc(75 / var(--sp-full-width) * 100vw);
}

.about-textItem-text {
  font-size: calc(14 / var(--full-width) * 100vw);
  font-weight: 300;
}
.s .about-textItem-text {
  font-size: calc(26 / var(--sp-full-width) * 100vw);
}

.about-textItem-text span {
  padding-bottom: calc(8 / var(--full-width) * 100vw);
}
.s .about-textItem-text span {
  padding-bottom: calc(12 / var(--sp-full-width) * 100vw);
}

.about-container {
  position: relative;
  background-color: #00009e;
  padding: calc(200 / var(--full-width) * 100vw) calc(230 / var(--full-width) * 100vw);
  padding-right: 0;
}
.s .about-container {
  padding: calc(185 / var(--sp-full-width) * 100vw) calc(30 / var(--sp-full-width) * 100vw)
    calc(220 / var(--sp-full-width) * 100vw);
  padding-right: 0;
}

/* 代表 */
.about-ceo {
  padding: calc(40 / var(--full-width) * 100vw) calc(40 / var(--full-width) * 100vw)
    calc(25 / var(--full-width) * 100vw);
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  display: flex;
  column-gap: calc(90 / var(--full-width) * 100vw);
  font-size: calc(16 / var(--full-width) * 100vw);
  font-weight: 300;
  letter-spacing: calc(-0.8 / var(--full-width) * 100vw);
}
.s .about-ceo {
  padding: calc(60 / var(--sp-full-width) * 100vw) calc(50 / var(--sp-full-width) * 100vw)
    calc(50 / var(--sp-full-width) * 100vw);
  flex-direction: column;
  row-gap: calc(45 / var(--sp-full-width) * 100vw);
  font-size: calc(26 / var(--sp-full-width) * 100vw);
}

.about-ceo-text {
  width: calc(580 / var(--full-width) * 100vw);
  letter-spacing: calc(-0.8 / var(--full-width) * 100vw);
}
.s .about-ceo-text {
  width: calc(600 / var(--sp-full-width) * 100vw);
}

.about-ceo-name p:nth-of-type(2) {
  width: calc(140 / var(--full-width) * 100vw);
  padding-top: calc(8 / var(--full-width) * 100vw);
}
.s .about-ceo-name p:nth-of-type(2) {
  width: calc(225 / var(--sp-full-width) * 100vw);
  padding-top: calc(20 / var(--sp-full-width) * 100vw);
}

/* その他 */
.about-others {
  padding-top: calc(180 / var(--full-width) * 100vw);
  display: flex;
  column-gap: calc(170 / var(--full-width) * 100vw);
  position: relative;
}
.s .about-others {
  padding-top: calc(175 / var(--sp-full-width) * 100vw);
  padding-left: calc(50 / var(--sp-full-width) * 100vw);
  flex-direction: column-reverse;
  row-gap: calc(115 / var(--sp-full-width) * 100vw);
}

.about-others-text {
  padding-top: calc(45 / var(--full-width) * 100vw);
  font-size: calc(16 / var(--full-width) * 100vw);
  font-weight: 300;
  position: relative;
  z-index: 1;
}
.s .about-others-text {
  padding-top: calc(40 / var(--sp-full-width) * 100vw);
  font-size: calc(26 / var(--sp-full-width) * 100vw);
}

/* 下部ロゴ */
.about-others-logo {
  position: absolute;
  bottom: calc(-204 / var(--full-width) * 100vw);
  right: 0;
  width: calc(587 / var(--full-width) * 100vw);
}
.s .about-others-logo {
  bottom: calc(-224 / var(--sp-full-width) * 100vw);
  width: calc(587 / var(--sp-full-width) * 100vw);
}