@property --s03-draw {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@keyframes s03-plus-spin {
  from {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }
}
.p-about [data-s03] .s03__stage {
  position: relative;
}
.p-about [data-s03] .s03__stage[data-state=list] .s03__detail__view {
  display: none;
}
.p-about [data-s03] .s03__stage:not([data-state=list]) .s03__detail {
  display: none;
}
.p-about [data-s03] .s03__detail__view {
  position: relative;
}
.p-about [data-s03] .s03__stage[data-state="1"] .s03__detail__view__inner:not([data-view="1"]) {
  display: none;
}
.p-about [data-s03] .s03__stage[data-state="1"] .s03__detail__view__otherview dd button[data-view="1"] {
  display: none;
}
.p-about [data-s03] .s03__detail__view__inner[data-view="1"] .heading {
  background-image: url(/assets/img/about/s3_view1_bg.jpg);
}
.p-about [data-s03] .s03__stage[data-state="2"] .s03__detail__view__inner:not([data-view="2"]) {
  display: none;
}
.p-about [data-s03] .s03__stage[data-state="2"] .s03__detail__view__otherview dd button[data-view="2"] {
  display: none;
}
.p-about [data-s03] .s03__detail__view__inner[data-view="2"] .heading {
  background-image: url(/assets/img/about/s3_view2_bg.jpg);
}
.p-about [data-s03] .s03__stage[data-state="3"] .s03__detail__view__inner:not([data-view="3"]) {
  display: none;
}
.p-about [data-s03] .s03__stage[data-state="3"] .s03__detail__view__otherview dd button[data-view="3"] {
  display: none;
}
.p-about [data-s03] .s03__detail__view__inner[data-view="3"] .heading {
  background-image: url(/assets/img/about/s3_view3_bg.jpg);
}
.p-about [data-s03] .s03__tab__head {
  display: block;
}
.p-about [data-s03] .s03__detail__view h4:focus {
  outline: none;
}
.p-about [data-s03] .s03__detail__view h4:focus-visible {
  outline: 2px solid #d71b2a;
  outline-offset: 4px;
}
.p-about [data-s03] .is-quiet-focus.is-quiet-focus:focus-visible {
  outline: none;
}
.p-about [data-s03] .s03__detail button .icon::before, .p-about [data-s03] .s03__detail button .icon::after, .p-about [data-s03] .s03__detail__view__otherview .icon::before, .p-about [data-s03] .s03__detail__view__otherview .icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  background: #b9bbbc;
}
.p-about [data-s03] .s03__detail button .icon::before, .p-about [data-s03] .s03__detail__view__otherview .icon::before {
  width: 100%;
  height: 1px;
}
.p-about [data-s03] .s03__detail button .icon::after, .p-about [data-s03] .s03__detail__view__otherview .icon::after {
  width: 1px;
  height: 100%;
}
@media (max-width: 767px) {
  .p-about [data-s03] .s03__detail button .icon {
    border: 1px solid #b9bbbc;
    border-radius: 50%;
  }
  .p-about [data-s03] .s03__detail button .icon::before {
    width: 46%;
  }
  .p-about [data-s03] .s03__detail button .icon::after {
    height: 46%;
  }
}
.p-about [data-s03] .s03__detail__view__otherview .icon {
  border: 1px solid #b9bbbc;
  border-radius: 50%;
}
.p-about [data-s03] .s03__detail__view__otherview .icon::before {
  width: 46%;
}
.p-about [data-s03] .s03__detail__view__otherview .icon::after {
  height: 46%;
}
.p-about [data-s03] .s03__detail button::after, .p-about [data-s03] .s03__detail__view__otherview dd button::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 2;
  pointer-events: none;
  --s03-v: calc(clamp(0, var(--s03-draw) * 2, 1) * 100%);
  --s03-h: calc(clamp(0, var(--s03-draw) * 2 - 1, 1) * 100%);
  background: linear-gradient(#1e201c, #1e201c) left bottom/3px var(--s03-v) no-repeat, linear-gradient(#1e201c, #1e201c) left top/var(--s03-h) 3px no-repeat, linear-gradient(#1e201c, #1e201c) right top/3px var(--s03-v) no-repeat, linear-gradient(#1e201c, #1e201c) right bottom/var(--s03-h) 3px no-repeat;
  transition: --s03-draw 0.6s var(--ease-in-out);
}
@media (hover: hover) and (pointer: fine) {
  .p-about [data-s03] .s03__detail button:hover, .p-about [data-s03] .s03__detail__view__otherview dd button:hover {
    z-index: 3;
  }
  .p-about [data-s03] .s03__detail button:hover::after, .p-about [data-s03] .s03__detail__view__otherview dd button:hover::after {
    --s03-draw: 1;
  }
  .p-about [data-s03] .s03__detail button:hover .icon, .p-about [data-s03] .s03__detail__view__otherview dd button:hover .icon {
    animation: s03-plus-spin 0.6s var(--ease-in-out);
  }
}
.p-about [data-s03] .s03__detail button:focus-visible, .p-about [data-s03] .s03__detail__view__otherview dd button:focus-visible {
  z-index: 3;
}
.p-about [data-s03] .s03__detail button:focus-visible::after, .p-about [data-s03] .s03__detail__view__otherview dd button:focus-visible::after {
  --s03-draw: 1;
}
.p-about [data-s03] .s03__detail button:focus-visible .icon, .p-about [data-s03] .s03__detail__view__otherview dd button:focus-visible .icon {
  animation: s03-plus-spin 0.6s var(--ease-in-out);
}
@media (prefers-reduced-motion: reduce) {
  .p-about [data-s03] .s03__detail button::after, .p-about [data-s03] .s03__detail__view__otherview dd button::after {
    transition: none;
  }
  .p-about [data-s03] .s03__detail button .icon, .p-about [data-s03] .s03__detail__view__otherview dd button .icon {
    animation: none !important;
  }
}
.p-about [data-s03] .s03__close {
  position: absolute;
  z-index: 3;
  top: 20px;
  right: 40px;
  width: 42px;
  height: 42px;
  cursor: pointer;
}
.p-about [data-s03] .s03__close::before, .p-about [data-s03] .s03__close::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  margin-top: -0.5px;
  background: #b9bbbc;
  transition: rotate var(--motion-short) var(--ease-out), background-color var(--motion-short) linear;
}
@media (hover: hover) and (pointer: fine) {
  .p-about [data-s03] .s03__close:hover::before, .p-about [data-s03] .s03__close:hover::after {
    background: #1e201c;
  }
  .p-about [data-s03] .s03__close:hover::before {
    rotate: 45deg;
  }
  .p-about [data-s03] .s03__close:hover::after {
    rotate: -45deg;
  }
}
.p-about [data-s03] .s03__close:focus-visible {
  outline: 2px solid #d71b2a;
  outline-offset: 2px;
}
@media (max-width: 767px) {
  .p-about [data-s03] .s03__close {
    top: calc(var(--sp-w) * 0.03);
    right: calc(var(--sp-w) * 0.03);
    width: calc(var(--sp-w) * 0.084);
    height: calc(var(--sp-w) * 0.084);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-about [data-s03] .s03__close::before, .p-about [data-s03] .s03__close::after {
    transition: none;
  }
}
.p-about [data-s03] .s03__live {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.p-about [data-s03] .s03__rules {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.p-about [data-s03] .s03__rules i {
  position: absolute;
  background: #b9bbbc;
}

.js .p-about [data-s03] .s03__detail, .js .p-about [data-s03] .s03__detail button, .js .p-about [data-s03] .s03__detail__view, .js .p-about [data-s03] .s03__detail__view__otherview, .js .p-about [data-s03] .s03__detail__view__otherview dt, .js .p-about [data-s03] .s03__detail__view__otherview dd button {
  border-color: transparent;
}

@keyframes s03-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes s03-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes s03-clip-in {
  from {
    clip-path: inset(var(--s03-clip));
  }
  to {
    clip-path: inset(0);
  }
}
html.vt-s03::view-transition-group(*) {
  animation-duration: 0.6s;
  animation-delay: 0.1s;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: both;
}
html.vt-s03::view-transition-old(*), html.vt-s03::view-transition-new(*) {
  animation-duration: 0.6s;
  animation-delay: 0.1s;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: both;
}
html.vt-s03::view-transition-old(*):only-child {
  animation: s03-fade-out 0.3s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03::view-transition-new(*):only-child {
  animation: s03-fade-in 0.3s 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03::view-transition-old(s03-rule-t) {
  animation: none;
  opacity: 0;
}
html.vt-s03::view-transition-new(s03-rule-t) {
  animation: none;
  width: 100%;
  height: 100%;
}
html.vt-s03::view-transition-old(s03-rule-b) {
  animation: none;
  opacity: 0;
}
html.vt-s03::view-transition-new(s03-rule-b) {
  animation: none;
  width: 100%;
  height: 100%;
}
html.vt-s03::view-transition-old(s03-rule-l) {
  animation: none;
  opacity: 0;
}
html.vt-s03::view-transition-new(s03-rule-l) {
  animation: none;
  width: 100%;
  height: 100%;
}
html.vt-s03::view-transition-old(s03-rule-r) {
  animation: none;
  opacity: 0;
}
html.vt-s03::view-transition-new(s03-rule-r) {
  animation: none;
  width: 100%;
  height: 100%;
}
html.vt-s03::view-transition-old(s03-rule-a) {
  animation: none;
  opacity: 0;
}
html.vt-s03::view-transition-new(s03-rule-a) {
  animation: none;
  width: 100%;
  height: 100%;
}
html.vt-s03::view-transition-old(s03-rule-b2) {
  animation: none;
  opacity: 0;
}
html.vt-s03::view-transition-new(s03-rule-b2) {
  animation: none;
  width: 100%;
  height: 100%;
}
html.vt-s03::view-transition-old(s03-rule-c) {
  animation: none;
  opacity: 0;
}
html.vt-s03::view-transition-new(s03-rule-c) {
  animation: none;
  width: 100%;
  height: 100%;
}
html.vt-s03::view-transition-old(s03-rule-d) {
  animation: none;
  opacity: 0;
}
html.vt-s03::view-transition-new(s03-rule-d) {
  animation: none;
  width: 100%;
  height: 100%;
}
html.vt-s03::view-transition-old(root) {
  animation: s03-fade-out 0.3s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03::view-transition-new(root) {
  animation: s03-fade-in 0.3s 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03::view-transition-group(s03-photo) {
  z-index: 1;
}
html.vt-s03:not(.vt-s03-switch)::view-transition-group(s03-photo) {
  animation: none;
}
html.vt-s03::view-transition-group(s03-head-1), html.vt-s03::view-transition-group(s03-plus-1) {
  z-index: 3;
}
html.vt-s03::view-transition-group(s03-head-2), html.vt-s03::view-transition-group(s03-plus-2) {
  z-index: 3;
}
html.vt-s03::view-transition-group(s03-head-3), html.vt-s03::view-transition-group(s03-plus-3) {
  z-index: 3;
}
html.vt-s03::view-transition-group(s03-rule-t) {
  z-index: 2;
}
html.vt-s03::view-transition-group(s03-rule-b) {
  z-index: 2;
}
html.vt-s03::view-transition-group(s03-rule-l) {
  z-index: 2;
}
html.vt-s03::view-transition-group(s03-rule-r) {
  z-index: 2;
}
html.vt-s03::view-transition-group(s03-rule-a) {
  z-index: 2;
}
html.vt-s03::view-transition-group(s03-rule-b2) {
  z-index: 2;
}
html.vt-s03::view-transition-group(s03-rule-c) {
  z-index: 2;
}
html.vt-s03::view-transition-group(s03-rule-d) {
  z-index: 2;
}
html.vt-s03::view-transition-group(s03-d-h4) {
  animation: none;
}
html.vt-s03::view-transition-group(s03-d-txt) {
  animation: none;
}
html.vt-s03::view-transition-group(s03-d-fact) {
  animation: none;
}
html.vt-s03::view-transition-group(s03-d-dt) {
  animation: none;
}
html.vt-s03::view-transition-group(s03-d-close) {
  animation: none;
}

html.vt-s03-open::view-transition-new(s03-photo), html.vt-s03-open::view-transition-new(s03-photo):only-child {
  animation: s03-clip-in 0.5s 0.3s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-open::view-transition-new(s03-d-h4), html.vt-s03-open::view-transition-new(s03-d-h4):only-child {
  animation: s03-fade-in 0.4s calc(0.6s + 0 * 0.08s) cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-open::view-transition-new(s03-d-txt), html.vt-s03-open::view-transition-new(s03-d-txt):only-child {
  animation: s03-fade-in 0.4s calc(0.6s + 1 * 0.08s) cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-open::view-transition-new(s03-d-fact), html.vt-s03-open::view-transition-new(s03-d-fact):only-child {
  animation: s03-fade-in 0.4s calc(0.6s + 2 * 0.08s) cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-open::view-transition-new(s03-d-dt), html.vt-s03-open::view-transition-new(s03-d-dt):only-child {
  animation: s03-fade-in 0.4s calc(0.6s + 3 * 0.08s) cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-open::view-transition-new(s03-d-close), html.vt-s03-open::view-transition-new(s03-d-close):only-child {
  animation: s03-fade-in 0.4s calc(0.6s + 3 * 0.08s) cubic-bezier(0.22, 1, 0.36, 1) both;
}

html.vt-s03-close::view-transition-group(*) {
  animation-delay: 0.3s;
}
html.vt-s03-close::view-transition-old(s03-photo), html.vt-s03-close::view-transition-old(s03-photo):only-child {
  animation: s03-fade-out 0.3s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-close::view-transition-old(s03-d-h4), html.vt-s03-close::view-transition-old(s03-d-h4):only-child {
  animation: s03-fade-out 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-close::view-transition-old(s03-d-txt), html.vt-s03-close::view-transition-old(s03-d-txt):only-child {
  animation: s03-fade-out 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-close::view-transition-old(s03-d-fact), html.vt-s03-close::view-transition-old(s03-d-fact):only-child {
  animation: s03-fade-out 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-close::view-transition-old(s03-d-dt), html.vt-s03-close::view-transition-old(s03-d-dt):only-child {
  animation: s03-fade-out 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-close::view-transition-old(s03-d-close), html.vt-s03-close::view-transition-old(s03-d-close):only-child {
  animation: s03-fade-out 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-close::view-transition-new(root), html.vt-s03-close::view-transition-new(*):only-child {
  animation: s03-fade-in 0.3s 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
}

html.vt-s03-switch::view-transition-old(s03-photo), html.vt-s03-switch::view-transition-new(s03-photo) {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
html.vt-s03-switch::view-transition-old(s03-photo), html.vt-s03-switch::view-transition-old(s03-photo):only-child {
  animation: none;
}
html.vt-s03-switch::view-transition-new(s03-photo), html.vt-s03-switch::view-transition-new(s03-photo):only-child {
  animation: s03-clip-in 0.5s 0.2s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-switch::view-transition-old(root), html.vt-s03-switch::view-transition-old(root):only-child {
  animation: s03-fade-out 0.2s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-switch::view-transition-new(root), html.vt-s03-switch::view-transition-new(root):only-child {
  animation: s03-fade-in 0.3s 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-switch::view-transition-old(s03-d-h4), html.vt-s03-switch::view-transition-old(s03-d-h4):only-child {
  animation: s03-fade-out 0.2s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-switch::view-transition-new(s03-d-h4), html.vt-s03-switch::view-transition-new(s03-d-h4):only-child {
  animation: s03-fade-in 0.4s calc(0.45s + 0 * 0.08s) cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-switch::view-transition-old(s03-d-txt), html.vt-s03-switch::view-transition-old(s03-d-txt):only-child {
  animation: s03-fade-out 0.2s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-switch::view-transition-new(s03-d-txt), html.vt-s03-switch::view-transition-new(s03-d-txt):only-child {
  animation: s03-fade-in 0.4s calc(0.45s + 1 * 0.08s) cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-switch::view-transition-old(s03-d-fact), html.vt-s03-switch::view-transition-old(s03-d-fact):only-child {
  animation: s03-fade-out 0.2s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-switch::view-transition-new(s03-d-fact), html.vt-s03-switch::view-transition-new(s03-d-fact):only-child {
  animation: s03-fade-in 0.4s calc(0.45s + 2 * 0.08s) cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-switch::view-transition-old(s03-d-dt), html.vt-s03-switch::view-transition-old(s03-d-dt):only-child {
  animation: s03-fade-out 0.2s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-switch::view-transition-new(s03-d-dt), html.vt-s03-switch::view-transition-new(s03-d-dt):only-child {
  animation: s03-fade-in 0.4s calc(0.45s + 3 * 0.08s) cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-switch::view-transition-old(s03-d-close), html.vt-s03-switch::view-transition-old(s03-d-close):only-child {
  animation: s03-fade-out 0.2s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.vt-s03-switch::view-transition-new(s03-d-close), html.vt-s03-switch::view-transition-new(s03-d-close):only-child {
  animation: s03-fade-in 0.4s calc(0.45s + 3 * 0.08s) cubic-bezier(0.22, 1, 0.36, 1) both;
}

html.vt-s03-reduced::view-transition-old(root), html.vt-s03-reduced::view-transition-old(root):only-child {
  animation: s03-fade-out 0.2s linear both;
}
html.vt-s03-reduced::view-transition-new(root), html.vt-s03-reduced::view-transition-new(root):only-child {
  animation: s03-fade-in 0.2s linear both;
}

.js .p-about [data-s03] .s03__detail[data-reveal=stagger] > * {
  translate: 0 calc(var(--motion-distance) * 2.5);
  transition-duration: var(--motion-long);
  transition-delay: calc(var(--reveal-wait, 0s) + var(--i, 0) * var(--motion-stagger) * 2.5);
}

.js .p-about [data-s03] .s03__detail[data-reveal=stagger].is-revealed > * {
  translate: 0 0;
}

@media (prefers-reduced-motion: reduce) {
  .js .p-about [data-s03] .s03__detail[data-reveal=stagger] > * {
    translate: 0 0;
  }
}
.js .p-about .s04__wrap > h2[data-reveal] .en {
  display: block;
}
.js .p-about .s04__wrap > h2[data-reveal] .en, .js .p-about .s05 > h2[data-reveal] {
  clip-path: inset(0 0 100% 0);
  translate: 0 0.35em;
  transition: clip-path var(--motion-long) var(--ease-out), translate var(--motion-long) var(--ease-out);
  transition-delay: var(--reveal-wait, 0s);
}
.js .p-about .s04__wrap > h2[data-reveal] .ja {
  clip-path: inset(0 100% 0 0);
  transition: clip-path var(--motion-long) var(--ease-in-out);
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-base) * 0.6);
}
.js .p-about .s04__wrap > h2[data-reveal].is-revealed .en, .js .p-about .s05 > h2[data-reveal].is-revealed {
  clip-path: inset(-0.2em 0 -0.2em 0);
  translate: 0 0;
}
.js .p-about .s04__wrap > h2[data-reveal].is-revealed .ja {
  clip-path: inset(0);
}
@media (max-width: 767px) {
  .js .p-about .s04__wrap__detail.overview[data-reveal=each] {
    --motion-short: 0.1s;
    --motion-base: 0.3s;
    --motion-long: 0.6s;
    --motion-stagger: 0.05s;
  }
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] > * {
  position: relative;
  border-top-color: transparent;
  translate: 0 0;
  opacity: 1;
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] > *::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 1px;
  background: #898b8c;
  scale: 0 1;
  transform-origin: left center;
  transition: scale var(--motion-long) var(--ease-in-out);
  transition-delay: var(--reveal-wait, 0s);
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] > dt:nth-child(1)::before, .js .p-about .s04__wrap__detail.overview[data-reveal=each] > dd:nth-child(2)::before {
  display: none;
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] > dd::before {
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-long) * 0.3);
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] > *, .js .p-about .s04__wrap__detail.overview[data-reveal=each] > * * {
  transition: color var(--motion-base) var(--ease-out);
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-short));
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] > dd, .js .p-about .s04__wrap__detail.overview[data-reveal=each] > dd * {
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-short) * 1.6);
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] > :not(.is-revealed), .js .p-about .s04__wrap__detail.overview[data-reveal=each] > :not(.is-revealed) * {
  color: transparent !important;
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] > .is-revealed::before {
  scale: 1 1;
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] .history-list li {
  opacity: 0;
  translate: 0 var(--motion-distance);
  transition: opacity var(--motion-base) var(--ease-out), translate var(--motion-base) var(--ease-out);
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] .history-list li:nth-child(1) {
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-short) * 1.6 + 0 * var(--motion-stagger));
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] .history-list li:nth-child(2) {
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-short) * 1.6 + 1 * var(--motion-stagger));
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] .history-list li:nth-child(3) {
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-short) * 1.6 + 2 * var(--motion-stagger));
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] .history-list li:nth-child(4) {
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-short) * 1.6 + 3 * var(--motion-stagger));
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] .history-list li:nth-child(5) {
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-short) * 1.6 + 4 * var(--motion-stagger));
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] .history-list li:nth-child(6) {
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-short) * 1.6 + 5 * var(--motion-stagger));
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] .history-list li:nth-child(7) {
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-short) * 1.6 + 6 * var(--motion-stagger));
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] .history-list li:nth-child(8) {
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-short) * 1.6 + 7 * var(--motion-stagger));
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] .history-list.is-revealed li {
  opacity: 1;
  translate: 0 0;
}
.js .p-about .s04__wrap__detail.overview[data-reveal=each] .history-list li, .js .p-about .s04__wrap__detail.overview[data-reveal=each] .history-list li * {
  transition-property: opacity, translate, color;
}
.js .p-about .s04__wrap__detail[data-reveal]:not(.overview) .prof_img {
  overflow: hidden;
  clip-path: inset(100% 0 0 0);
  transition: clip-path var(--motion-long) var(--ease-in-out);
  transition-delay: var(--reveal-wait, 0s);
}
.js .p-about .s04__wrap__detail[data-reveal]:not(.overview) .prof_img img {
  display: block;
  scale: 1.18;
  transition: scale calc(var(--motion-long) * 1.8) var(--ease-out);
  transition-delay: var(--reveal-wait, 0s);
}
.js .p-about .s04__wrap__detail[data-reveal]:not(.overview) .prof_detail > * {
  opacity: 0;
  translate: 0 var(--motion-distance);
  transition: opacity var(--motion-base) var(--ease-out), translate var(--motion-base) var(--ease-out);
}
.js .p-about .s04__wrap__detail[data-reveal]:not(.overview) .prof_detail > :nth-child(1) {
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-long) * 0.6);
}
.js .p-about .s04__wrap__detail[data-reveal]:not(.overview) .prof_detail > :nth-child(2) {
  transition-delay: calc(var(--reveal-wait, 0s) + var(--motion-long) * 0.6 + var(--motion-stagger) * 2);
}
.js .p-about .s04__wrap__detail[data-reveal]:not(.overview).is-revealed .prof_img {
  clip-path: inset(0);
}
.js .p-about .s04__wrap__detail[data-reveal]:not(.overview).is-revealed .prof_img img {
  scale: 1;
}
.js .p-about .s04__wrap__detail[data-reveal]:not(.overview).is-revealed .prof_detail > * {
  opacity: 1;
  translate: 0 0;
}
.js .p-about .s05 > h3[data-reveal] {
  clip-path: inset(0 100% 0 0);
  transition: clip-path calc(var(--motion-long) * 1.6) var(--ease-in-out);
  transition-delay: var(--reveal-wait, 0s);
}
.js .p-about .s05 > h3[data-reveal].is-revealed {
  clip-path: inset(0);
}
.js .p-about .s05 > h4[data-reveal], .js .p-about .s05 > p[data-reveal] {
  opacity: 0;
  translate: 0 var(--motion-distance);
  transition: opacity var(--motion-long) var(--ease-out), translate var(--motion-long) var(--ease-out);
  transition-delay: var(--reveal-wait, 0s);
}
.js .p-about .s05 > h4[data-reveal].is-revealed, .js .p-about .s05 > p[data-reveal].is-revealed {
  opacity: 1;
  translate: 0 0;
}
@media (prefers-reduced-motion: reduce) {
  .js .p-about .s04__wrap > h2[data-reveal] .en, .js .p-about .s05 > h2[data-reveal], .js .p-about .s04__wrap > h2[data-reveal] .ja,
  .js .p-about .s04__wrap__detail[data-reveal]:not(.overview) .prof_img, .js .p-about .s05 > h3[data-reveal] {
    clip-path: none;
    translate: 0 0;
    transition: none;
  }
  .js .p-about .s04__wrap__detail.overview[data-reveal=each] > *::before {
    scale: 1 1;
    transition: none;
  }
  .js .p-about .s04__wrap__detail[data-reveal]:not(.overview) .prof_img img {
    scale: 1;
    transition: none;
  }
}

.p-about .s02 {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.p-about .s02__inner {
  width: 600px;
  margin: 0 0 0 120px;
}
.p-about .s02__inner h2 {
  width: 516px;
  margin: 0 0 59.5px 0;
}
.p-about .s02__inner p {
  font-size: 21px;
  font-weight: bold;
  line-height: 39px;
  letter-spacing: 0.04em;
  text-align: justify;
}
@media (max-width: 767px) {
  .p-about .s02__inner {
    width: calc(var(--sp-w) * 0.84);
    margin: 0 auto;
  }
  .p-about .s02__inner h2 {
    width: calc(var(--sp-w) * 0.389);
    margin: 0 0 calc(var(--sp-w) * 0.135) 0;
  }
  .p-about .s02__inner p {
    font-size: calc(var(--sp-w) * 0.036);
    line-height: calc(var(--sp-w) * 0.065);
    letter-spacing: 0;
  }
}
.p-about .s03 {
  padding: 125px 80px;
}
@media (max-width: 767px) {
  .p-about .s03 {
    padding: calc(var(--sp-w) * 0.2) calc(var(--sp-w) * 0.08);
  }
}
.p-about .s03 h2 {
  width: 524px;
  margin: 0 0 125px 0;
}
@media (max-width: 767px) {
  .p-about .s03 h2 {
    width: calc(var(--sp-w) * 0.734);
    margin: 0 0 calc(var(--sp-w) * 0.2) 0;
  }
}
.p-about .s03__detail {
  display: flex;
  justify-content: space-between;
  border-left: 1px solid #b9bbbc;
  border-top: 1px solid #b9bbbc;
}
@media (max-width: 767px) {
  .p-about .s03__detail {
    flex-flow: column;
  }
}
.p-about .s03__detail button {
  padding: 40px;
  border-right: 1px solid #b9bbbc;
  border-bottom: 1px solid #b9bbbc;
  width: 33.3333333333%;
  position: relative;
  z-index: 1;
}
.p-about .s03__detail button .catch {
  height: 200px;
}
.p-about .s03__detail button h3 {
  text-align: left;
  font-family: "Atkinson Hyperlegible Next", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 700;
  font-size: 37.5px;
  line-height: 0.65em;
}
.p-about .s03__detail button h3 .num {
  color: #d71b2a;
  font-size: 14px;
  line-height: 2.5em;
}
.p-about .s03__detail button h3 .ja {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: bold;
  font-size: 16px;
}
.p-about .s03__detail button .icon {
  width: 42px;
  height: 42px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -18px;
  margin-left: -18px;
  z-index: -1;
}
@media (max-width: 767px) {
  .p-about .s03__detail button {
    padding: calc(var(--sp-w) * 0.07) calc(var(--sp-w) * 0.07) calc(var(--sp-w) * 0.06);
    border-right: 1px solid #b9bbbc;
    border-bottom: 1px solid #b9bbbc;
    width: calc(var(--sp-w) * 0.84);
  }
  .p-about .s03__detail button .catch {
    height: calc(var(--sp-w) * 0.16);
  }
  .p-about .s03__detail button h3 {
    font-size: calc(var(--sp-w) * 0.075);
  }
  .p-about .s03__detail button h3 .num {
    font-size: calc(var(--sp-w) * 0.028);
  }
  .p-about .s03__detail button h3 .ja {
    font-size: calc(var(--sp-w) * 0.032);
  }
  .p-about .s03__detail button .icon {
    width: 45px;
    height: 45px;
    top: auto;
    bottom: calc(var(--sp-w) * 0.06);
    left: auto;
    right: calc(var(--sp-w) * 0.07);
    margin-top: 0;
    margin-left: 0;
  }
}
.p-about .s03__detail__01 .catch {
  width: 230px;
}
@media (max-width: 767px) {
  .p-about .s03__detail__01 .catch {
    width: calc(var(--sp-w) * 0.448);
  }
}
.p-about .s03__detail__02 .catch {
  width: 227px;
}
@media (max-width: 767px) {
  .p-about .s03__detail__02 .catch {
    width: calc(var(--sp-w) * 0.507);
  }
}
.p-about .s03__detail__03 .catch {
  width: 266.5px;
}
@media (max-width: 767px) {
  .p-about .s03__detail__03 .catch {
    width: calc(var(--sp-w) * 0.61);
  }
}
.p-about .s03__detail__view {
  border-left: 1px solid #b9bbbc;
  border-top: 1px solid #b9bbbc;
  border-right: 1px solid #b9bbbc;
  border-bottom: 1px solid #b9bbbc;
}
.p-about .s03__detail__view__inner {
  display: flex;
}
@media (max-width: 767px) {
  .p-about .s03__detail__view__inner {
    flex-flow: column;
  }
}
.p-about .s03__detail__view__inner .heading {
  width: 50%;
  background: url(/assets/img/about/s3_view1_bg.jpg) no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-about .s03__detail__view__inner .heading h3 {
  color: #e7e8e8;
  text-align: center;
  font-family: "Atkinson Hyperlegible Next", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 700;
  font-size: 55px;
  line-height: 0.5em;
}
.p-about .s03__detail__view__inner .heading h3 .ja {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: bold;
  font-size: 20px;
}
@media (max-width: 767px) {
  .p-about .s03__detail__view__inner .heading {
    width: 100%;
    height: calc(var(--sp-w) * 0.64);
  }
  .p-about .s03__detail__view__inner .heading h3 {
    font-size: calc(var(--sp-w) * 0.11);
  }
  .p-about .s03__detail__view__inner .heading h3 .ja {
    font-size: calc(var(--sp-w) * 0.04);
  }
}
.p-about .s03__detail__view__inner .detail {
  width: 50%;
  padding: 80px;
}
.p-about .s03__detail__view__inner .detail h4 {
  height: 109px;
}
.p-about .s03__detail__view__inner .detail h4 img {
  height: 100%;
}
@media (max-width: 767px) {
  .p-about .s03__detail__view__inner .detail {
    width: 100%;
    padding: calc(var(--sp-w) * 0.08) calc(var(--sp-w) * 0.07) calc(var(--sp-w) * 0.07);
  }
  .p-about .s03__detail__view__inner .detail h4 {
    height: calc(var(--sp-w) * 0.17);
  }
}
.p-about .s03__detail__view__inner .detail__txt {
  font-size: 16px;
  line-height: 30px;
  padding: 25px 0;
  margin: 0 0 25px;
  border-bottom: 1px solid #b9bbbc;
}
@media (max-width: 767px) {
  .p-about .s03__detail__view__inner .detail__txt {
    font-size: calc(var(--sp-w) * 0.032);
    line-height: calc(var(--sp-w) * 0.06);
    padding: calc(var(--sp-w) * 0.04) 0;
    margin: 0 0 calc(var(--sp-w) * 0.04);
  }
}
.p-about .s03__detail__view__inner .detail .fact {
  display: flex;
  gap: 15px;
}
@media (max-width: 767px) {
  .p-about .s03__detail__view__inner .detail .fact {
    flex-flow: column;
    gap: calc(var(--sp-w) * 0.01);
  }
}
.p-about .s03__detail__view__inner .detail .fact li {
  width: 50%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .p-about .s03__detail__view__inner .detail .fact li {
    width: 100%;
    flex-direction: row-reverse;
  }
}
.p-about .s03__detail__view__inner .detail .fact__txt {
  width: calc(100% - 70px);
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
  padding: 0 10px 0 0;
}
.p-about .s03__detail__view__inner .detail .fact__txt span {
  font-family: "Atkinson Hyperlegible Next", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 2em;
  color: #898b8c;
}
@media (max-width: 767px) {
  .p-about .s03__detail__view__inner .detail .fact__txt {
    width: calc(100% - 10vw);
    font-size: calc(var(--sp-w) * 0.026);
    line-height: calc(var(--sp-w) * 0.036);
    padding: 0 0 0 calc(var(--sp-w) * 0.03);
  }
  .p-about .s03__detail__view__inner .detail .fact__txt span {
    font-size: calc(var(--sp-w) * 0.026);
    line-height: 1em;
  }
}
.p-about .s03__detail__view__inner .detail .fact__img {
  width: 70px;
}
@media (max-width: 767px) {
  .p-about .s03__detail__view__inner .detail .fact__img {
    width: 10vw;
  }
}
.p-about .s03__detail__view__otherview {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #b9bbbc;
  width: 100%;
}
@media (max-width: 767px) {
  .p-about .s03__detail__view__otherview {
    flex-flow: column;
  }
}
.p-about .s03__detail__view__otherview dt {
  width: calc(var(--pc-w) * 0.19444);
  border-right: 1px solid #b9bbbc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
}
@media (max-width: 767px) {
  .p-about .s03__detail__view__otherview dt {
    width: 100%;
    height: calc(var(--sp-w) * 0.1);
    font-size: calc(var(--sp-w) * 0.036);
    border-right: none;
    border-bottom: 1px solid #b9bbbc;
  }
}
.p-about .s03__detail__view__otherview dd {
  display: flex;
  justify-content: space-between;
}
.p-about .s03__detail__view__otherview dd button {
  width: calc(var(--pc-w) * 0.34722);
  border-right: 1px solid #b9bbbc;
  padding: 15px 40px 30px;
  text-align: left;
  font-family: "Atkinson Hyperlegible Next", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 700;
  font-size: 37.5px;
  line-height: 0.65em;
  position: relative;
}
.p-about .s03__detail__view__otherview dd button .num {
  color: #d71b2a;
  font-size: 14px;
  line-height: 2.5em;
}
.p-about .s03__detail__view__otherview dd button .ja {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: bold;
  font-size: 16px;
}
.p-about .s03__detail__view__otherview dd button .icon {
  width: 45px;
  height: 45px;
  display: block;
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -22.5px;
}
.p-about .s03__detail__view__otherview dd button + button {
  border-right: none;
}
@media (max-width: 767px) {
  .p-about .s03__detail__view__otherview dd button {
    width: 100%;
    padding: calc(var(--sp-w) * 0.025) calc(var(--sp-w) * 0.04) calc(var(--sp-w) * 0.045);
    font-size: calc(var(--sp-w) * 0.058);
  }
  .p-about .s03__detail__view__otherview dd button .num {
    font-size: calc(var(--sp-w) * 0.028);
  }
  .p-about .s03__detail__view__otherview dd button .ja {
    font-size: calc(var(--sp-w) * 0.028);
  }
  .p-about .s03__detail__view__otherview dd button .icon {
    display: none;
  }
}
.p-about .s04 {
  background: #444648;
  color: #e7e8e8;
  padding: 125px 80px 0;
}
@media (max-width: 767px) {
  .p-about .s04 {
    padding: calc(var(--sp-w) * 0.2) calc(var(--sp-w) * 0.08) 0;
  }
}
.p-about .s04__wrap {
  display: flex;
  padding: 0 0 125px;
}
@media (max-width: 767px) {
  .p-about .s04__wrap {
    padding: 0 0 calc(var(--sp-w) * 0.2);
    flex-flow: column;
  }
}
.p-about .s04__wrap h2 {
  width: 430px;
  font-family: "Atkinson Hyperlegible Next", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 700;
  font-size: 50px;
}
.p-about .s04__wrap h2 .ja {
  height: 18.5px;
  display: block;
}
.p-about .s04__wrap h2 .ja img {
  height: 100%;
}
@media (max-width: 767px) {
  .p-about .s04__wrap h2 {
    width: 100%;
    margin-bottom: calc(var(--sp-w) * 0.07);
  }
  .p-about .s04__wrap h2 h2 {
    width: 100%;
    font-size: calc(var(--sp-w) * 0.1);
  }
  .p-about .s04__wrap h2 h2 .ja {
    height: calc(var(--sp-w) * 0.037);
  }
}
.p-about .s04__wrap__detail {
  width: calc(100% - 430px);
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .p-about .s04__wrap__detail {
    width: 100%;
  }
}
.p-about .s04__wrap__detail.overview {
  border-bottom: 1px solid #898b8c;
  font-size: 16px;
  line-height: 25px;
}
@media (max-width: 767px) {
  .p-about .s04__wrap__detail.overview {
    font-size: calc(var(--sp-w) * 0.028);
    line-height: calc(var(--sp-w) * 0.04);
  }
}
.p-about .s04__wrap__detail dt {
  width: 34%;
  color: #898b8c;
  border-top: 1px solid #898b8c;
  padding: 25px 0;
}
@media (max-width: 767px) {
  .p-about .s04__wrap__detail dt {
    width: calc(var(--sp-w) * 0.155);
    padding: calc(var(--sp-w) * 0.05) 0;
  }
}
.p-about .s04__wrap__detail dt:nth-child(1) {
  border-top: none;
}
.p-about .s04__wrap__detail dd {
  width: 66%;
  border-top: 1px solid #898b8c;
  padding: 25px 0;
}
@media (max-width: 767px) {
  .p-about .s04__wrap__detail dd {
    width: calc(100% - var(--sp-w) * 0.155);
    padding: calc(var(--sp-w) * 0.05) 0;
  }
}
.p-about .s04__wrap__detail dd:nth-child(2) {
  border-top: none;
}
.p-about .s04__wrap__detail dd.service ul li, .p-about .s04__wrap__detail dd.bank ul li, .p-about .s04__wrap__detail dd.client ul li {
  padding-left: 1em;
  position: relative;
}
.p-about .s04__wrap__detail dd.service ul li::before, .p-about .s04__wrap__detail dd.bank ul li::before, .p-about .s04__wrap__detail dd.client ul li::before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.p-about .s04__wrap__detail dd.client p {
  font-size: 14px;
  padding-top: 1em;
}
@media (max-width: 767px) {
  .p-about .s04__wrap__detail dd.client p {
    font-size: calc(var(--sp-w) * 0.026);
  }
}
.p-about .s04__wrap__detail dd.history-list ul li {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
.p-about .s04__wrap__detail dd.history-list ul li .year {
  width: 70px;
  display: block;
  font-weight: bold;
  color: #898b8c;
}
.p-about .s04__wrap__detail dd.history-list ul li .history {
  width: calc(100% - 70px);
  display: block;
  padding-left: 1em;
  border-left: 1px solid #898b8c;
}
@media (max-width: 767px) {
  .p-about .s04__wrap__detail dd.history-list ul li {
    flex-flow: column;
  }
  .p-about .s04__wrap__detail dd.history-list ul li .year {
    width: 100%;
  }
  .p-about .s04__wrap__detail dd.history-list ul li .history {
    width: 100%;
    border-left: none;
    padding-left: 0;
  }
}
.p-about .s04__wrap__detail .prof_img {
  width: 280px;
}
@media (max-width: 767px) {
  .p-about .s04__wrap__detail .prof_img {
    width: calc(var(--sp-w) * 0.76);
    margin: 0 auto calc(var(--sp-w) * 0.07);
  }
}
.p-about .s04__wrap__detail .prof_detail {
  width: calc(100% - 280px);
  font-size: 16px;
  line-height: 30px;
  padding: 0 0 0 60px;
}
.p-about .s04__wrap__detail .prof_detail h3 {
  font-size: 22.5px;
  font-weight: bold;
  padding: 0 0 0.5em;
}
.p-about .s04__wrap__detail .prof_detail h3 span {
  font-size: 14px;
  color: #898b8c;
  padding: 0 0 0 1em;
}
@media (max-width: 767px) {
  .p-about .s04__wrap__detail .prof_detail {
    width: 100%;
    font-size: calc(var(--sp-w) * 0.032);
    line-height: calc(var(--sp-w) * 0.06);
    padding: 0 calc(var(--sp-w) * 0.04);
  }
  .p-about .s04__wrap__detail .prof_detail h3 {
    font-size: calc(var(--sp-w) * 0.045);
  }
  .p-about .s04__wrap__detail .prof_detail h3 span {
    font-size: calc(var(--sp-w) * 0.028);
  }
}
.p-about .s04__wrap__detail .prof_detail p {
  text-align: justify;
}
.p-about .s05 {
  padding: 125px 80px;
}
.p-about .s05 h2 {
  font-size: 50px;
  font-family: "Atkinson Hyperlegible Next", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 100px;
}
.p-about .s05 h3 {
  width: min(calc(var(--pc-w) * 0.88819), 1705.33px);
  margin: 0 auto 75px;
}
.p-about .s05 h4 {
  width: 673.5px;
  margin: 0 0 50px;
}
@media (max-width: 767px) {
  .p-about .s05 {
    padding: calc(var(--sp-w) * 0.2) 0;
  }
  .p-about .s05 h2 {
    font-size: calc(var(--sp-w) * 0.1);
    margin-bottom: calc(var(--sp-w) * 0.14);
    padding: 0 calc(var(--sp-w) * 0.08);
  }
  .p-about .s05 h3 {
    width: calc(var(--sp-w) * 0.888);
    margin: 0 auto calc(var(--sp-w) * 0.2);
  }
  .p-about .s05 h4 {
    width: calc(var(--sp-w) * 0.84);
    margin: 0 auto calc(var(--sp-w) * 0.055);
  }
  .p-about .s05 p {
    font-size: calc(var(--sp-w) * 0.032);
    line-height: calc(var(--sp-w) * 0.06);
    text-align: justify;
    padding: 0 calc(var(--sp-w) * 0.08);
  }
}
.p-about .cta {
  padding: 80px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .p-about .cta {
    padding: 0 calc(var(--sp-w) * 0.08);
    flex-flow: column;
  }
}
.p-about .cta__wrap-left {
  width: 50%;
  padding: 0 80px 0 0;
  border-right: 1px solid #444648;
}
.p-about .cta__wrap-left h2 .tag {
  font-size: 16px;
  font-family: "Atkinson Hyperlegible Next", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1em;
  display: block;
}
.p-about .cta__wrap-left h2 .txt {
  width: 501px;
}
.p-about .cta__wrap-left p {
  font-size: 16px;
  line-height: 30px;
  padding: 1em 0 0;
}
@media (max-width: 767px) {
  .p-about .cta__wrap-left {
    width: 100%;
    padding: calc(var(--sp-w) * 0.14) 0 calc(var(--sp-w) * 0.12);
    border-right: none;
    border-bottom: 1px solid #444648;
  }
  .p-about .cta__wrap-left h2 .tag {
    font-size: 16px;
  }
  .p-about .cta__wrap-left h2 .txt {
    width: calc(var(--sp-w) * 0.751);
  }
  .p-about .cta__wrap-left p {
    font-size: calc(var(--sp-w) * 0.032);
    line-height: calc(var(--sp-w) * 0.06);
  }
}
.p-about .cta__wrap-right {
  width: 50%;
  display: block;
  padding: 0 0 0 80px;
  position: relative;
}
.p-about .cta__wrap-right h3 {
  font-family: "Atkinson Hyperlegible Next", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 700;
  font-size: 45px;
  line-height: 0.5em;
  padding: 0.15em 0 0.5em;
}
.p-about .cta__wrap-right h3 i {
  font-weight: 200;
  font-style: normal;
}
.p-about .cta__wrap-right h3 span {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #d71b2a;
}
.p-about .cta__wrap-right p {
  width: 316.5px;
}
.p-about .cta__wrap-right .arrow {
  width: 24.5px;
  height: 24.5px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .p-about .cta__wrap-right {
    width: 100%;
    padding: calc(var(--sp-w) * 0.12) 0;
  }
  .p-about .cta__wrap-right h3 {
    font-size: calc(var(--sp-w) * 0.11);
    padding: 0 0 0.5em;
    line-height: 0.85em;
  }
  .p-about .cta__wrap-right h3 span {
    font-size: calc(var(--sp-w) * 0.028);
  }
  .p-about .cta__wrap-right p {
    width: calc(var(--sp-w) * 0.663);
  }
  .p-about .cta__wrap-right .arrow {
    width: calc(var(--sp-w) * 0.049);
    height: calc(var(--sp-w) * 0.049);
    top: calc(var(--sp-w) * 0.12);
  }
}