.u-purpose-content .l-content__inner{
  --local-padding:calc(var(--SPACING) * 30);
}
.u-purpose-content .l-content__inner > :first-child{
  margin-top:0;
}
.u-purpose-content .l-content__inner > :last-child{
  margin-bottom:0;
}

.u-purpose-content .l-content__outer:not(:first-child) .l-content__inner{
  padding-top:var(--local-padding);
}

.u-purpose-content .l-content__outer:last-child .l-content__inner{
  padding-bottom:var(--local-padding);
}
.u-purpose-layout{
  margin-top:var(--SIZE_60);
}

.u-purpose-layout__head > :first-child,
.u-purpose-layout__body > :first-child,
.u-purpose-layout__media > :first-child{
  margin-top:0;
}
.u-purpose-layout__head > :last-child,
.u-purpose-layout__body > :last-child,
.u-purpose-layout__media > :last-child{
  margin-bottom:0;
}

.u-purpose-layout__head{
  --local-background-offset:var(--SIZE_18);
  background-image:linear-gradient(to bottom, transparent 0%, transparent var(--local-background-offset), var(--COLOR_BRAND_SECONDARY_4) var(--local-background-offset), var(--COLOR_BRAND_SECONDARY_4) 100%);
  padding:0 var(--SIZE_30) var(--SIZE_48);
}

.u-purpose-layout__body{
  margin-top:var(--SIZE_48);
}

.u-purpose-layout__media{
  margin-top:var(--SIZE_60);
}
.u-purpose-text-lead{
  margin-top:var(--SIZE_20);
}

.u-purpose-text-lead__main{
  --HIRAGINO:var(--HIRAGINO_BOLD);
  display:block;
  font-size:var(--FONT_SIZE_22);
  font-weight:var(--FONT_WEIGHT_BOLD);
  letter-spacing:0.16em;
}

.u-purpose-text-lead__sub{
  display:block;
  font-size:var(--FONT_SIZE_11);
  letter-spacing:0.05em;
  margin-top:var(--SIZE_4);
}
.u-purpose-text{
  margin-top:calc(1em * var(--LINE_HEIGHT));
}

.u-purpose-text__item{
  display:inline-block;
}

@media print, screen and (width >= 1000px){
  .u-purpose-content .l-content__inner{
    --local-padding:calc(var(--SPACING) * 37.5);
  }
  .u-purpose-layout{
    --local-media-width:calc(430 / var(--CONTENT_WIDTH_PC_RAW) * 100%);
    display:grid;
    gap:var(--SIZE_60);
    grid-template-columns:1fr var(--local-media-width);
    grid-template-rows:auto 1fr;
  }
  .u-purpose-layout--reverse{
    grid-template-columns:var(--local-media-width) 1fr;
  }
  .u-purpose-layout__head{
    --local-background-offset:var(--SIZE_22);
    grid-column:1;
    grid-row:1;
    margin-top:var(--SIZE_60);
    padding:0 var(--SIZE_60) var(--SIZE_60);
  }
  .u-purpose-layout--reverse .u-purpose-layout__head{
    grid-column:2;
  }
  .u-purpose-layout__body{
    grid-column:1;
    grid-row:2;
    margin-top:0;
    padding-inline:var(--SIZE_60);
  }
  .u-purpose-layout--reverse .u-purpose-layout__body{
    grid-column:2;
  }
  .u-purpose-layout__media{
    grid-column:2;
    grid-row:1/-1;
    margin-top:0;
  }
  .u-purpose-layout--reverse .u-purpose-layout__media{
    grid-column:1;
  }
  .u-purpose-text-lead{
    margin-top:var(--SIZE_24);
  }
  .u-purpose-text-lead__main{
    font-size:var(--FONT_SIZE_26);
  }
  .u-purpose-text-lead__sub{
    font-size:var(--FONT_SIZE_14);
  }
}
