.page-crosstalk .common-fv__body-title {
  letter-spacing: 0.06em;
}

.site-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fdede8));
  background: linear-gradient(180deg, #fff 0%, #fdede8 100%);
}

.page-image {
  margin-top: 15rem;
}

.about {
  background: #faf9f5;
  padding: 3.75rem 0;
}

.about__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.about__item {
  border-right: 1px solid #e9e3cb;
  padding: 0 2.5rem;
}

.about__item:last-of-type {
  border-right: none;
}

.about__item-image img {
  aspect-ratio: 229/120;
}

.about__item-contents {
  margin-top: 1.25rem;
}

.about__item-name {
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0em;
  color: #e6001e;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .about__item-name {
    font-size: max(1.2rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .about__item-name {
    font-size: 1.5rem;
  }
}

.about__item-title {
  font-weight: 500;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  margin-top: 0.625rem;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .about__item-title {
    font-size: max(0.7rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .about__item-title {
    font-size: 0.875rem;
  }
}

.about__list {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #bbbbbb;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .about__list {
    font-size: max(0.6rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .about__list {
    font-size: 0.75rem;
  }
}

.about__item-text {
  font-weight: 500;
  line-height: 1.8333333333;
  letter-spacing: 0em;
  margin-top: 0.625rem;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .about__item-text {
    font-size: max(0.6rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .about__item-text {
    font-size: 0.75rem;
  }
}

.note__text {
  font-weight: 500;
  line-height: 1.6666666667;
  letter-spacing: 0em;
  color: #bbbbbb;
  text-align: right;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .note__text {
    font-size: max(0.6rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .note__text {
    font-size: 0.75rem;
  }
}

.impression {
  padding: 15rem 0 0;
}

.challenge {
  padding: 15rem 0 0;
}

.growth {
  padding: 15rem 0 0;
}

.future {
  padding: 15rem 0 0;
}

@media screen and (max-width: 768px) and (min-width: 769px) {
  .page-image {
    margin-top: 9.38vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .page-image {
    margin-top: 32vw;
  }
}
@media screen and (max-width: 768px) {
  .page-image img {
    aspect-ratio: 375/200;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about {
    padding: 4.69vw 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about {
    padding: 16vw 0;
  }
}
@media screen and (max-width: 768px) {
  .about__items {
    grid-template-columns: 1fr;
  }
  .about__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-right: none;
    border-bottom: 1px solid #e9e3cb;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about__item {
    gap: 0.78vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about__item {
    gap: 2.67vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about__item {
    padding: 1.56vw 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about__item {
    padding: 5.33vw 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about__item:first-of-type {
    padding: 0 0 1.56vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about__item:first-of-type {
    padding: 0 0 5.33vw;
  }
}
@media screen and (max-width: 768px) {
  .about__item:last-of-type {
    border-bottom: none;
  }
  .about__item-image {
    width: calc(36.1% - 1.32vw);
  }
  .about__item-image img {
    aspect-ratio: 120/80;
  }
  .about__item-contents {
    width: calc(63.7% - 1.32vw);
    margin-top: 0;
  }
  .about__item-name {
    line-height: 1;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about__item-name {
    font-size: max(1.56vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about__item-name {
    font-size: max(5.33vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about__item-title {
    font-size: max(1.09vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about__item-title {
    font-size: max(3.73vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about__item-title {
    margin-top: 0.39vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about__item-title {
    margin-top: 1.33vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about__list {
    font-size: max(0.94vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about__list {
    font-size: max(3.2vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .about__item-text {
    width: 100%;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .about__item-text {
    font-size: max(0.94vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about__item-text {
    font-size: max(3.2vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .note__text {
    line-height: 1.33;
    color: #888888;
    text-align: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .note__text {
    font-size: max(0.94vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .note__text {
    font-size: max(3.2vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .impression {
    padding: 9.38vw 0 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .impression {
    padding: 32vw 0 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .challenge {
    padding: 9.38vw 0 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .challenge {
    padding: 32vw 0 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .growth {
    padding: 9.38vw 0 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .growth {
    padding: 32vw 0 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .future {
    padding: 9.38vw 0 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .future {
    padding: 32vw 0 0;
  }
}