@charset "UTF-8";

.p-about {
  padding-top: clamp(80px, 9.765625vw, 100px);
  padding-bottom: clamp(120px, 11.62109375vw, 119px);
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebf9ff)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #ffffff 0%, #ebf9ff 100%) 0% 0% no-repeat padding-box;
}

.p-about__body-title {
  margin-top: clamp(40px, 5.56640625vw, 57px);
  font-size: clamp(28px, 3.125vw, 32px);
  line-height: 1.65625;
  letter-spacing: 2.56px;
  font-weight: 700;
}
@media screen and (min-width:768px) {
  .p-about__body-title {
    padding-left: clamp(20px, 4.1666666667vw, 50px);
  }
}

.p-about__text {
  margin-top: clamp(48px, 6.8359375vw, 70px);
  font-size: 15px;
  line-height: 1.8666666667;
  letter-spacing: 1.2px;
  font-weight: 500;
  max-width: 639px;
}
@media screen and (min-width:1024px) {
  .p-about__text {
    margin-right: clamp(40px, 5.1244509517vw, 70px);
    margin-left: auto;
  }
}

.p-sche {
  position: relative;
}
.p-sche .l-inner {
  z-index: 1;
}

.p-sche__items {
  margin-top: clamp(80px, 9.5703125vw, 98px);
  max-width: 1060px;
  margin-inline: auto;
}

.p-sche__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 40px;
}
@media screen and (min-width:1024px) {
  .p-sche__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width:1024px) {
  .p-sche__item:nth-of-type(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-sche__item:nth-of-type(2n) .p-sche__item-texts {
  margin-left: auto;
}
@media screen and (min-width:1024px) {
  .p-sche__item:nth-of-type(2n) .p-sche__item-texts {
    margin-left: 0;
  }
}
.p-sche__item:nth-of-type(2n) .p-sche__item-img {
  margin-left: auto;
}
@media screen and (min-width:1024px) {
  .p-sche__item:nth-of-type(2n) .p-sche__item-img {
    margin-left: 0;
  }
}
.p-sche__item + .p-sche__item {
  margin-top: clamp(56px, 6.6666666667vw, 80px);
}

.p-sche__item-texts {
  max-width: 530px;
}


.p-sche__item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

.p-sche__item-time {
  padding-right: 25px;
  color: #005EB7;
  font-family: "Prompt", sans-serif;
  font-size: clamp(24px, 2.5vw, 30px);
  line-height: 1.5333333333;
  letter-spacing: 3px;
  font-weight: 600;
  position: relative;
}
.p-sche__item-time::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 0;
  width: 1px;
  height: 16px;
  background: #005EB7;
}

.p-sche__item-title {
  color: #015FB7;
  font-size: clamp(18px, 1.8333333333vw, 22px);
  line-height: 1.5;
  letter-spacing: 1.76px;
  font-weight: 700;
}

.p-sche__item-text {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.8666666667;
  letter-spacing: 1.2px;
  font-weight: 500;
}

.p-sche__item-img {
  aspect-ratio: 450/280;
  max-width: clamp(200px, 58.59375vw, 450px);
  border-radius: 10px;
}
.p-sche__item-img img {
  border-radius: 10px;
}

.p-sche__bg-l {
  position: absolute;
  top: clamp(60px, 13.6896046852vw, 187px);
  left: clamp(-296px, -21.6691068814vw, -120px);
  width: clamp(300px, 71.6691068814vw, 979px);
  aspect-ratio: 979/755;
  background: transparent radial-gradient(closest-side at 50% 50%, rgba(1, 95, 183, 0.3019607843) 0%, rgba(1, 95, 183, 0) 100%) 0% 0% no-repeat padding-box;
  border-radius: 50%;
  pointer-events: none;
}
.p-sche__bg-r {
  position: absolute;
  top: clamp(60px, 106.0761346999vw, 1449px);
 right: clamp(-463px, -33.8945827233vw, -120px);
  width: clamp(300px, 71.6691068814vw, 979px);
  aspect-ratio: 979/755;
  background: transparent radial-gradient(closest-side at 50% 50%, rgba(1, 95, 183, 0.3019607843) 0%, rgba(1, 95, 183, 0) 100%) 0% 0% no-repeat padding-box;
  border-radius: 50%;
  pointer-events: none;
}



.p-othews {
  margin-top: clamp(80px, 11.6666666667vw, 140px);
  margin-bottom: clamp(120px, 15vw, 180px);
  padding-top: clamp(72px, 9.1666666667vw, 110px);
  padding-bottom: clamp(92px, 10.8333333333vw, 130px);
  background: #015fb7;
  -webkit-box-shadow: inset 0px 0px 50px #88c3dc;
          box-shadow: inset 0px 0px 50px #88c3dc;
  border-radius: 30px;
}

.p-others__head {
  color: #ffffff;
}
.p-others__head .c-section__title-ja::after {
  background: #ffffff;
}

.p-others__items {
  margin-top: clamp(60px, 7.5833333333vw, 91px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-items: center;
  max-width: 1060px;
  margin-inline: auto;
  gap: 20px;
}
@media screen and (min-width:1024px) {
  .p-others__items {
    grid-template-columns: repeat(4, 1fr);
  }
}

.p-others__item {
  max-width: 250px;
  width: 100%;
  padding-block: 20px;
  padding-inline: clamp(10px, 2.5vw, 30px);
  background: #ffffff;
  border-radius: 10px;
}

.p-others__item-text {
  padding-left: 33px;
  font-size: 15px;
  line-height: 1.4666666667;
  font-weight: 500;
  position: relative;
}
.p-others__item-text::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0;
  width: 8px;
  height: 8px;
  background: #0060B7;
  border-radius: 50%;
}
