/* Default Options */
/* Media Query */
/* Transform Font Size */
/* --------------------------------- */
.l-contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--space-md);
}
.l-contents .intro {
  width: 100%;
}

/* --------------------------------- */
.p-area {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-sm);
}
.p-area-sec {
  padding-block-end: var(--space-sm);
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xs);
  border-block-end: 1px solid var(--text-color);
}
.p-area-sec:last-child {
  padding-block-end: 0;
  border-block-end: 0;
}
.p-area-sec__title {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xs);
  line-height: 1;
}
.p-area-sec__title .number {
  font-weight: 600;
}
.p-area-sec__title .text {
  font-weight: 500;
}
.p-area-sec.develop {
  row-gap: var(--space-sm);
}
.p-area-sec .item {
  padding-block-start: var(--space-sm);
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xs);
  border-block-start: 1px solid rgba(0, 0, 0, 0.15);
}
.p-area-sec .item .image-inner {
  border: 1px solid var(--text-color);
  border-radius: 5px;
  overflow: hidden;
}
.p-area-sec .item .image-inner img {
  width: 100%;
}
.p-area-sec .item .imagelist {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.p-area-sec .item .inner {
  display: flex;
  flex-direction: column;
  row-gap: clamp(20px, 3vw, 30px);
}
.p-area-sec .item .inner .title {
  display: grid;
  grid-template-columns: clamp(20px, 2vw, 24px) 1fr;
  column-gap: 10px;
}
.p-area-sec .item .inner .title span {
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 1080px) {
  .p-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: clamp(60px, 8vw, 120px);
  }
  .p-area-sec {
    padding-block-end: 0;
    border-block-end: 0;
  }
  .p-area-sec:nth-child(1) {
    grid-area: 1/1/2/3;
    padding-block-end: var(--space-md);
    border-block-end: 1px solid var(--text-color);
  }
  .p-area-sec:nth-child(2) {
    grid-area: 2/1/3/2;
  }
  .p-area-sec:nth-child(3) {
    grid-area: 2/2/3/3;
  }
  .p-area-sec.develop .p-area-sec__title {
    display: grid;
    grid-template-columns: var(--grid-column-guide);
    column-gap: var(--column-gap);
  }
  .p-area-sec.develop .p-area-sec__title .number {
    grid-column: 1/2;
  }
  .p-area-sec.develop .p-area-sec__title .text {
    grid-column: 2/13;
  }
  .p-area-sec .item {
    display: grid;
    grid-template-columns: var(--grid-column-guide);
    column-gap: var(--column-gap);
  }
  .p-area-sec .item .image,
  .p-area-sec .item .imagelist {
    grid-area: 1/4/2/13;
  }
  .p-area-sec .item .wrap {
    grid-area: 1/1/2/4;
  }
  .p-area-sec .item .imagelist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .p-area-sec .item .imagelist .image-inner:nth-child(1) {
    grid-area: 1/1/2/3;
  }
  .p-area-sec .item .imagelist .image-inner:nth-child(2) {
    grid-area: 2/1/3/2;
  }
  .p-area-sec .item .imagelist .image-inner:nth-child(3) {
    grid-area: 2/2/3/3;
  }
  .p-area-sec .item .inner {
    position: sticky;
    top: 120px;
  }
}

/* --------------------------------- */
/* --------------------------------- */