.area-prmy-about-us {
  position: relative;
}
.area-prmy-about-us::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: -2;
  display: inline-block;
  inline-size: 100%;
  block-size: 100%;
  background: linear-gradient(180deg, rgb(118, 196, 26) 0%, rgb(214, 239, 171) 48%, rgb(255, 255, 255) 100%);
}
.area-scdy-about-us-concept .head-scdy {
  inline-size: 100%;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.area-scdy-about-us-concept .head-scdy .overview .title {
  text-align: center;
}
.area-scdy-about-us-concept .head-scdy .overview .title .m-heading .string {
  font-family: vdl-penletter, "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
  font-weight: normal;
}
.area-scdy-about-us-concept .head-scdy .overview .text {
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.area-scdy-about-us-concept .head-scdy .overview .text .sentence {
  padding-block-end: 0;
  font-family: vdl-penletter, "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
}
.area-scdy-about-us-concept .head-scdy .overview .text .sentence:first-of-type {
  align-self: flex-start;
}
.area-scdy-about-us-concept .head-scdy .overview .text .sentence:nth-of-type(2) {
  align-self: center;
}
.area-scdy-about-us-concept .head-scdy .overview .text .sentence:last-of-type {
  align-self: flex-end;
}
.area-scdy-about-us-concept .body-scdy .specifics {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(24px, 17.68px + 1.58vw, 48px);
}
.area-scdy-about-us-concept .body-scdy .specifics .text,
.area-scdy-about-us-concept .body-scdy .specifics .disp {
  inline-size: 100%;
}

.area-prmy-mission {
  position: relative;
  inline-size: 100%;
  block-size: 100%;
  background-color: #eeefe1;
  overflow-x: hidden;
}
.area-prmy-mission::before, .area-prmy-mission::after {
  content: "";
  position: absolute;
  display: inline-block;
}
.area-prmy-mission::after {
  content: "";
  position: absolute;
  inline-size: 100%;
}
.area-prmy-mission::before {
  inset-block-end: 0;
  inline-size: 100%;
  aspect-ratio: 1 / 1.02;
}
.area-prmy-mission.lazy_bg_image::before {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.area-prmy-mission.lazy_bg_image::after {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.area-prmy-mission.is_loaded::before {
  background-image: url("../images/about-us/mission-body-bg-large.png");
}
.area-prmy-mission.is_loaded::after {
  background-image: url("../images/about-us/mission-body-specifics-list-big.png");
}
.area-prmy-mission .head-prmy .overview .title {
  text-align: center;
}
.area-prmy-mission .body-prmy {
  position: relative;
  z-index: 0;
}
.area-prmy-mission .body-prmy .specifics > .list.des-card {
  display: grid;
  column-gap: clamp(24px, 17.68px + 1.58vw, 48px);
  row-gap: 24px;
}
.area-prmy-mission .body-prmy .specifics > .list.des-card > .item {
  display: grid;
  gap: 0;
  grid-template-areas: "title" "text";
  grid-template-rows: subgrid;
  list-style: none;
  grid-auto-columns: 1fr;
  grid-row: span 3;
}
.area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry {
  display: contents;
}
.area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry > .disp {
  grid-area: disp;
}
.area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry > .title {
  grid-area: title;
}
.area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry > .date {
  align-self: center;
  grid-area: date;
}
.area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry > .term {
  align-self: center;
  grid-area: term;
}
.area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry > .text {
  grid-area: text;
}
.area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry > .g-btn-style-read-more {
  grid-area: btn;
}
.area-prmy-mission .body-prmy .specifics > .list.des-card > .item {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.3) 100%);
}
.area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry .title {
  text-align: center;
  align-self: center;
}
.area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry .title .heading {
  position: relative;
}
.area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry .text {
  position: relative;
}
.area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry .text::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  inline-size: 100%;
  background-color: rgb(247.32, 159, 104.6);
  translate: -50% 0;
}
@media screen and (max-width: 1024px) and (min-width: 601px) {
  .area-scdy-about-us-concept .head-scdy .overview .title .m-heading .string {
    font-size: 4.6875vw;
  }
  .area-scdy-about-us-concept .head-scdy .overview .text .sentence {
    font-size: 4.6875vw;
  }
  .area-scdy-about-us-concept .body-scdy .specifics .text,
  .area-scdy-about-us-concept .body-scdy .specifics .disp {
    max-inline-size: 100%;
  }
  .area-prmy-mission::after {
    inset-block-start: 54%;
    inset-block-end: 54%;
    inset-inline-start: 50%;
    inset-inline-end: 50%;
  }
  .area-prmy-mission::after {
    max-inline-size: 21.484375vw;
    block-size: 26.3671875vw;
  }
  .area-prmy-mission::before {
    inset-inline-end: -15.625vw;
  }
  .area-prmy-mission::before {
    max-inline-size: 46.875vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item {
    padding-block-start: 3.515625vw;
    padding-block-end: 3.515625vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item {
    padding-inline-start: 3.515625vw;
    padding-inline-end: 3.515625vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item {
    padding-block-start: 3.515625vw;
    padding-block-end: 5.2734375vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry .title .heading .string {
    padding-block-end: 1.5625vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry .text {
    padding-block-start: 3.515625vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry .text::after {
    max-inline-size: 11.71875vw;
    block-size: 0.46875vw;
  }
}
@media screen and (max-width: 600px) {
  .area-scdy-about-us-concept .head-scdy .overview .title .m-heading .string {
    font-size: 7vw;
  }
  .area-scdy-about-us-concept .head-scdy .overview .text .sentence {
    font-size: 7vw;
  }
  .area-scdy-about-us-concept .body-scdy .specifics .text,
  .area-scdy-about-us-concept .body-scdy .specifics .disp {
    max-inline-size: 100%;
  }
  .area-prmy-mission {
    padding-block-end: 35vw;
  }
  .area-prmy-mission::after {
    inset-block-end: 0;
    inset-inline-start: 0;
  }
  .area-prmy-mission::after {
    max-inline-size: 30vw;
    block-size: 42.5vw;
  }
  .area-prmy-mission::before {
    inset-inline-end: -20vw;
  }
  .area-prmy-mission::before {
    max-inline-size: 80vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card {
    grid-template-columns: 1fr;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item {
    padding-block-start: 6vw;
    padding-block-end: 6vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item {
    padding-inline-start: 6vw;
    padding-inline-end: 6vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item {
    padding-block-start: 6vw;
    padding-block-end: 9vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry .title .heading .string {
    padding-block-end: 3vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry .text {
    padding-block-start: 6vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry .text::after {
    max-inline-size: 20vw;
    block-size: 0.8vw;
  }
}
@media screen and (min-width: 601px) {
  .area-prmy-mission::after {
    translate: -50% -56%;
  }
}
@media screen and (min-width: 1025px) {
  .area-scdy-about-us-concept .head-scdy .overview .title .m-heading .string {
    font-size: 2.8125vw;
  }
  .area-scdy-about-us-concept .head-scdy .overview .text .sentence {
    font-size: 2.8125vw;
  }
  .area-scdy-about-us-concept .body-scdy .specifics .text,
  .area-scdy-about-us-concept .body-scdy .specifics .disp {
    max-inline-size: calc((100% - clamp(24px, 17.68px + 1.58vw, 48px)) / 2);
  }
  .area-scdy-about-us-concept .head-scdy {
    max-inline-size: 41.6666666667vw;
  }
  .area-prmy-mission::after {
    inset-block-start: 56%;
    inset-block-end: 56%;
    inset-inline-start: 50%;
    inset-inline-end: 50%;
  }
  .area-prmy-mission::after {
    max-inline-size: 13.5416666667vw;
    block-size: 16.1458333333vw;
  }
  .area-prmy-mission::before {
    inset-block-start: full;
    inset-block-end: full;
    inset-inline-end: -8.3333333333vw;
  }
  .area-prmy-mission::before {
    max-inline-size: 29.1666666667vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item {
    padding-block-start: 1.25vw;
    padding-block-end: 1.25vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item {
    padding-inline-start: 1.25vw;
    padding-inline-end: 1.25vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item {
    padding-block-start: 2.5vw;
    padding-block-end: 3.75vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry .title .heading .string {
    padding-block-end: 1.25vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry .text {
    padding-block-start: 2.5vw;
  }
  .area-prmy-mission .body-prmy .specifics > .list.des-card > .item > .entry .text::after {
    max-inline-size: 8.3333333333vw;
    block-size: 0.3333333333vw;
  }
}
/*# sourceMappingURL=about-us.css.map */