#pagetitle {
  --urlSP: url(../images/about/pagetitle_bg_sp.webp);
  --urlPCx1: url(../images/about/pagetitle_bg.webp);
  --urlPCx2: url(../images/about/pagetitle_bg@2x.webp);
}
@media (768px <= width) {
  #pagetitle::before {
    content: "";
    width: calc(50% - 54rem);
    max-width: 42rem;
    height: 42rem;
    position: absolute;
    bottom: -42rem;
    left: 0;
    background: url(../images/about/dec01b.webp) top right no-repeat;
    z-index: 2;
  }
}
#pagetitle:after {
  content: "";
  position: absolute;
  bottom: calc(-374 / var(--spSize) * 100vw);
  left: 0;
  width: 100%;
  height: calc(531 / var(--spSize) * 100vw);
  background: url(../images/about/dec01_sp.webp) center/100% auto no-repeat;
  pointer-events: none;
  z-index: 2;
}
@media (768px <= width) {
  #pagetitle:after {
    height: 86.8rem;
    max-width: 58.4rem;
    width: calc(50% - 37.6rem);
    left: auto;
    right: 0;
    bottom: -58.3rem;
    background: url(../images/about/dec01a.webp) top left no-repeat;
  }
}

#leadblock {
  position: relative;
  z-index: 2;
}

.leadblock__inner {
  position: relative;
  padding-top: calc(101 / var(--spSize) * 100vw);
  padding-bottom: calc(250 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .leadblock__inner {
    padding-top: 13rem;
    padding-bottom: 17rem;
    padding-left: max(50% - 60rem, 5rem);
    align-items: flex-start;
    display: grid;
    grid-template: "b a" 26rem "c a" auto/50rem auto;
    gap: 0 3rem;
  }
}
.leadblock__inner::after {
  content: "";
  width: calc(292 / var(--spSize) * 100vw);
  height: calc(374 / var(--spSize) * 100vw);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background: url(../images/about/dec02_sp.webp) center/contain no-repeat;
}
@media (768px <= width) {
  .leadblock__inner::after {
    content: none;
  }
}
.leadblock__inner .dec01 {
  background: url(../images/about/dec01_sp.webp) center/100% auto no-repeat;
  width: 100%;
  aspect-ratio: 750/533;
  position: absolute;
  top: calc(-157.5 / var(--spSize) * 100vw);
  left: 0;
  pointer-events: none;
}
@media (768px <= width) {
  .leadblock__inner .dec01 {
    width: 192rem;
    height: 86.8rem;
    top: -28.4rem;
    left: calc(50% - 96rem);
    aspect-ratio: auto;
    background-size: contain;
    background-image: url(../images/about/dec01.webp);
    background-image: -webkit-image-set(url(../images/about/dec01.webp) 1x, url(../images/about/dec01@2x.webp) 2x);
    background-image: image-set(url(../images/about/dec01.webp) 1x, url(../images/about/dec01@2x.webp) 2x);
  }
}
.leadblock__img {
  position: relative;
}
@media (768px <= width) {
  .leadblock__img {
    grid-area: a;
  }
}
.leadblock__lead {
  color: var(--blue);
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.5238;
  padding-top: calc(45 / var(--spSize) * 100vw);
  padding-left: calc(30 / var(--spSize) * 100vw);
  padding-right: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .leadblock__lead {
    grid-area: b;
    padding: 0;
    font-size: 3.6rem;
    line-height: 1.6667;
  }
}
.leadblock__text {
  padding: calc(20 / var(--spSize) * 100vw) calc(30 / var(--spSize) * 100vw) 0;
  font-size: 1.5rem;
  line-height: 2;
}
@media (768px <= width) {
  .leadblock__text {
    grid-area: c;
    padding: 0;
    font-size: 1.6rem;
    line-height: 2.25;
  }
}
.leadblock__dec {
  position: absolute;
  bottom: -0.05em;
  right: calc(30 / var(--spSize) * 100vw);
  font-size: 6rem;
  font-family: var(--ff-oswald);
  font-weight: 300;
  line-height: 100%;
  text-align: right;
  opacity: 0.06;
  pointer-events: none;
}
@media (768px <= width) {
  .leadblock__dec {
    font-size: 18rem;
    bottom: -0.05em;
  }
}

.smart {
  padding-left: calc(30 / var(--spSize) * 100vw);
  padding-right: calc(30 / var(--spSize) * 100vw);
  position: relative;
}
@media (768px <= width) {
  .smart::before {
    pointer-events: none;
    content: "";
    width: max(50%, 96rem);
    height: 85rem;
    position: absolute;
    right: 50%;
    top: -38.6rem;
    z-index: -1;
    background: url(../images/about/dec02.webp) left no-repeat;
  }
}
.smart::after {
  content: "";
  width: calc(200 / var(--spSize) * 100vw);
  height: calc(200 / var(--spSize) * 100vw);
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/about/dec03_sp.webp) center/contain no-repeat;
  z-index: -1;
}
@media (768px <= width) {
  .smart::after {
    background: url(../images/about/dec03.webp) left 2rem top 0 no-repeat;
    width: min(50% - 2rem, 96rem);
    height: 94rem;
  }
}
@media (768px <= width) {
  .smart__img {
    text-align: center;
  }
}
.smart__inner {
  padding-top: calc(40 / var(--spSize) * 100vw);
  padding-bottom: calc(190 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .smart__inner {
    padding-top: 3rem;
    padding-bottom: 9rem;
    width: 120rem;
    margin: 0 auto;
  }
}
.smart__lead {
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.5238;
  color: var(--blue);
}
@media (768px <= width) {
  .smart__lead {
    font-size: 3.6rem;
  }
  .smart__lead br {
    display: none;
  }
}
.smart__text {
  margin-top: calc(10 / var(--spSize) * 100vw);
  font-size: 1.5rem;
  line-height: 2;
}
@media (768px <= width) {
  .smart__text {
    margin-top: 1rem;
    font: 1.6rem;
    line-height: 2.25;
  }
}

.netis__inner {
  padding-bottom: calc(140 / var(--spSize) * 100vw);
  position: relative;
}
@media (768px <= width) {
  .netis__inner {
    padding: 8.5rem calc(50% - 60rem) 0;
    display: grid;
    grid-template: "a b" auto "a c" auto/48rem auto;
  }
  .netis__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: calc(50% + 28rem);
    max-width: 124rem;
    height: 68rem;
    background: url(../images/about/netis_bg.webp) right top no-repeat;
  }
  .netis__inner > .leadblock__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .netis__inner > .leadblock__lead {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .netis__inner > .leadblock__text {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media (768px <= width) {
  .netis__img {
    grid-area: a;
    align-self: end;
    padding-left: 3rem;
  }
}
.netis__lead {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.4545;
  color: var(--blue);
  margin: calc(45 / var(--spSize) * 100vw) calc(30 / var(--spSize) * 100vw) 0;
}
@media (768px <= width) {
  .netis__lead {
    grid-area: b;
    margin: 0;
    font-size: 3.6rem;
    line-height: 1.6667;
  }
}
.netis__text {
  margin: calc(25 / var(--spSize) * 100vw) calc(30 / var(--spSize) * 100vw) 0;
}
@media (768px <= width) {
  .netis__text {
    grid-area: c;
    margin: 0 0 15.3rem;
  }
}
@media (768px <= width) {
  .leadblock__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .leadblock__lead {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .leadblock__text {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .netis__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .netis__inner > .netis__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .netis__lead {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .netis__inner > .netis__lead {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .netis__text {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .netis__inner > .netis__text {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
.netis__text p {
  font-size: 1.5rem;
  line-height: 2;
}
.netis__text p.coution {
  font-size: 1.4rem;
  line-height: 2;
  color: #666;
  padding-left: 1em;
  text-indent: -1em;
}
@media (768px <= width) {
  .netis__text p {
    font-size: 1.6rem;
    line-height: 2.25;
  }
  .netis__text p.coution {
    font-size: 1.5rem;
  }
}
.netis__t {
  font-size: 6rem;
  font-weight: 300;
  font-family: var(--ff-oswald);
  line-height: 1;
  color: rgba(0, 0, 0, 0.06);
  letter-spacing: -0.01em;
  position: absolute;
  bottom: -0.05em;
  right: 0;
}
@media (768px <= width) {
  .netis__t {
    font-size: 18rem;
    right: -0.05em;
    bottom: -0.05em;
  }
}