.p-page_content {
        padding-right: 0 !important;
        padding-left: 0 !important;
      }
      .p-page_content__inner {
        max-width: 100%;
      }

/*page-about--------------------*/

.page-about-wrapper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 100px;
}

.page-about-pc{
  display: block;
}
.page-about-sp{
  display: none;
}

@media (max-width: 719px) {
  .page-about-wrapper {
  padding: 0 20px;
  }

  .u-margin__bottom--80 {
    margin-bottom: 40px;
}
.u-margin__top--80 {
    margin-top: 40px;
}
}


@media (max-width: 719px) {

.page-about-pc{
  display: none;
}
.page-about-sp{
  display: block;
}
}

.page-about-main {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 1920 / 680;
  background-size: 100% auto;
  width: 100%;
  position: relative;
  margin-top: -60px;
}

@media (max-width: 719px) {
  .page-about-main {
    background-position: center bottom;
    background-repeat: no-repeat;
    aspect-ratio: 750 / 425;
    background-size:auto 100%;
    height: 100%;
  }
}

.page-about-main-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

h2.page-about-main-text-title,
h2.page-about-main-text-title-jp{
  color: #FFF;
  font-family: serif;
  font-size: 28px !important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  line-height: 1.5;
}

h2.page-about-main-text-title {
  margin-bottom: 3.13vw !important;
}

h2.page-about-main-text-title-jp {
  margin-left:-1rem;
}

@media (max-width: 719px) {
  h2.page-about-main-text-title,
  h2.page-about-main-text-title-jp{
    font-size: 17px !important;
  }
  h2.page-about-main-text-title {
    margin-bottom: 2.13vw !important;
  }

  h2.page-about-main-text-title-jp {
  margin-left:-0.5rem;
}

}

.page-about-about {
  text-align: center;
  margin: 5.21vw 0;
}

h2.page-about-about-title {
  font-family: serif;
  color: #000;
  font-size: 28px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 5px;
}

.page-about-about-title-sub{
  font-family: serif;
  color: #000;
  font-size: 28px !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 5px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.page-about-about-txt {
  color: #444;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 10px !important;
}

@media (max-width: 719px) {
  .page-about-about {
    margin: 0 0;
  }
  h2.page-about-about-title {
    font-size: 24px !important;
  }
  .page-about-about-title-sub{
    font-size: 20px !important;
    letter-spacing: 3px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .page-about-about-txt {
    font-size: 14px !important;
    margin-top: 20px !important;
    text-align: left;
    padding: 0 10px;
  }
}

.page-about-concept {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio:1195/672;
  background-size: 100% auto;
  width: 100%;
  position: relative;
}

.page-about-concept__inner {
  background: rgba(255, 255, 255, 0.9);
  padding: 4vw;
}

@media (min-width: 720px) {
.page-about-concept__inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 700px;
}
}

@media (max-width: 768px) {
  .page-about-concept__inner {
    padding: 20px 20px;
    max-width: 568px;
}
}


@media (max-width: 719px) {
  .page-about-concept {
  background-position: right top;
  background-repeat: no-repeat;
  background-size:cover;
  padding: 30px 0px;
  }
  .page-about-concept__inner {
    padding: 20px 20px;
    width: 100%;
}
}

.page-about-concept-title {
  color: #000;
  font-family:serif;
  font-size: 28px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 5px;
  margin-bottom: 30px !important;
}

.page-about-concept-text{
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  margin-top: 10px !important;
  line-height: 1.5;
}

@media (max-width: 719px) {
  .page-about-concept-title {
  font-size: 20px !important;
  margin-bottom: 20px !important;
}

.page-about-concept-text{
  font-size: 14px !important;
  margin-top: 20px !important;
  line-height: 1.5;
}
}

@media (max-width: 375px) {
  .page-about-concept-title {
  font-size: 18px !important;
  margin-bottom: 20px !important;
}
}

.page-about-value-title {
  color: #000;
  font-family:serif;
  font-size: 28px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 5px;
  text-align: center;
  margin-bottom: 60px !important;
}

@media (max-width: 719px) {
  .page-about-value-title {
      font-size: 24px !important;
      margin-bottom: 40px !important;

  }
}

.page-about-value-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 60px;
}

.page-about-value-box div{
  width:calc((100% - 60px)/2);
}

.page-about-value-box:nth-of-type(2) {
  margin: 60px 0;
}

.page-about-value-box:nth-of-type(2) .page-about-value-box-img {
  order: 2;
}

.page-about-value-box:nth-of-type(2) .page-about-value-box-text {
  order: 1;
}

.page-about-value-box-text h3{
  font-family: serif;
  font-size: 22px !important;
  color: #000;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}

.page-about-value-box-text p{
  margin-top: 30px;
color: #000;
font-size: 16px !important;
font-style: normal;
font-weight: 500;
line-height: 1.5;
}

@media (max-width: 719px) {
  .page-about-value-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}

.page-about-value-box div.page-about-value-box-text{
  width:100%;
}

.page-about-value-box div.page-about-value-box-img {
  margin-left: -30px;
  margin-right: -30px;
  width: calc(100% + 60px);
}

.page-about-value-box-img img{
  width: 100%;
}

.page-about-value-box:nth-of-type(2) {
  margin: 30px 0;
}

.page-about-value-box:nth-of-type(2) .page-about-value-box-img {
  order: 1;
}

.page-about-value-box:nth-of-type(2) .page-about-value-box-text {
  order: 2;
}
.page-about-value-box-text h3{
  font-size: 16px !important;
}

.page-about-value-box-text p{
  font-size: 14px !important;
  margin-top: 20px;

}
}

.page-about-value-second {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio:1920/510;
  background-size: 100% auto;
  width: 100%;
  position: relative;
}

.page-about-value-second::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    #fff 0%,
    rgba(255, 255, 255, 0.7) 30%,
    rgba(255, 255, 255, 0.3) 60%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
}

.page-about-value-second-box{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}



@media (max-width: 719px) {
  .page-about-value-second {
  aspect-ratio:750/750;
  }
.page-about-value-second-box{
  flex-direction: column;
  gap:20px;
}

.page-about-value-second-box div{
  width: 100%;
}

}

.page-about-value-second-title {
  color: #555;
  font-family:serif;
  font-size: 28px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 5px;
}

.page-about-value-second-title:nth-child(1){
  margin-bottom: 30px !important;
}

@media (max-width: 768px) {
  .page-about-value-second-title {
    font-size: 16px !important;
  }
.page-about-value-second-title:nth-child(1){
  margin-bottom: 20px !important;
}

}

.u-text--subhead {
    color: #000000 !important;
    font-size: 16px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
    font-weight:normal;
}