@charset "UTF-8";
.u-dsp-pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .u-dsp-pc {
    display: none;
  }
}

.u-dsp-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-dsp-sp {
    display: block;
  }
}

:root {
  --color-primary: #000;
  --font-size-base: 16px;
  --font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  --font-family-roboto: "Roboto", sans-serif;
  --container-width: 940px;
  --container-width-sp: 600px;
}

html {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  color: var(--color-primary);
}
@media (any-hover: hover) and (pointer: fine) {
  html a:hover,
html button:hover {
    opacity: 0.7;
    cursor: pointer;
  }
}
html img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.l-container {
  max-width: var(--container-width);
  margin-inline: auto;
  padding-inline: 10px;
  box-sizing: content-box;
}
@media screen and (max-width: 767px) {
  .l-container {
    max-width: var(--container-width-sp);
  }
}

.p-nw-header {
  padding-top: 86px;
  padding-bottom: 56px;
  border-bottom: 1px solid #d6d6d6;
}
.p-nw-header img {
  position: fixed;
  top: 48px;
  left: 3.58vw;
  width: 80px;
}
@media screen and (max-width: 767px) {
  .p-nw-header {
    padding-top: 72px;
    padding-bottom: 32px;
  }
  .p-nw-header img {
    top: 14px;
  }
}

.p-nw-header__text {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 42px;
  /* 175% */
  background: linear-gradient(90deg, #23a45e 43.57%, #0d3e24 77.23%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-nw-hero {
  border-bottom: 1px solid #d6d6d6;
}

.p-nw-hero__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 71px;
  padding-bottom: 89px;
}
@media screen and (max-width: 767px) {
  .p-nw-hero__inner {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}

.p-nw-hero__img {
  max-width: 481px;
}

.p-nw-hero__text {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  /* 185.714% */
  margin-top: 34px;
}

.p-nw-hero__point {
  max-width: 481px;
  margin-top: 36px;
}

.p-nw-economy__inner {
  padding-top: 27px;
  padding-bottom: 67.12px;
}

.p-nw__headingLv2 {
  font-family: var(--font-family-roboto);
  font-size: 60px;
  font-weight: 300;
  -webkit-text-fill-color: transparent;
}

.p-nw-economy .p-nw__headingLv2 {
  background: linear-gradient(90deg, #0599ec 0%, #06518a 54.11%);
  background-clip: text;
}

.p-nw-economy__container {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 47px;
}
@media screen and (max-width: 767px) {
  .p-nw-economy__container {
    flex-direction: column;
    gap: 32px;
  }
}

.p-nw-economy__container--left {
  flex: 1;
}

.p-nw-economy__headingLv3 {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  background: #0081cc;
  padding-top: 9px;
  padding-bottom: 9px;
}

.p-nw-economy__text--head {
  max-width: 340px;
  margin-top: 16px;
}

.p-nw-economy__text--sub {
  color: #0081cc;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  /* 171.429% */
  margin-top: 16.13px;
}

.p-nw-economy__note {
  font-size: 10px;
  font-weight: 400;
  line-height: 24px;
  /* 240% */
  margin-top: 1px;
}

.p-nw-economy__list {
  display: flex;
  flex-direction: column;
  gap: 27.29px;
  margin-top: 57px;
}
@media screen and (max-width: 767px) {
  .p-nw-economy__list {
    margin-top: 32px;
  }
}

.p-nw-economy__item {
  display: flex;
  align-items: center;
  gap: 12.71px;
}
.p-nw-economy__item img {
  width: 80px;
}

.p-nw-economy__item--text,
.p-nw-economy__item--caution {
  flex: 1;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  /* 163.636% */
}

.p-nw-economy__item--caution {
  color: #e60012;
}

.p-nw-economy__manual {
  max-width: 220px;
  margin-top: 30.92px;
}
@media screen and (max-width: 767px) {
  .p-nw-economy__manual {
    margin-inline: auto;
    display: block;
  }
}

.p-nw-economy__container--right {
  width: 51.07%;
}
.p-nw-economy__container--right picture {
  max-width: 480px;
}
@media screen and (max-width: 767px) {
  .p-nw-economy__container--right {
    width: 100%;
  }
}

.p-nw-economy__text {
  text-align: center;
  color: #000;
  text-align: center;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 166.667% */
  max-width: 550px;
  margin-inline: auto;
  margin-top: 59px;
}

.p-nw-economy__img-container {
  display: flex;
  gap: 30px;
  max-width: 710px;
  margin-inline: auto;
  margin-top: 49px;
}
@media screen and (max-width: 767px) {
  .p-nw-economy__img-container {
    flex-direction: column;
  }
}

.p-nw-economy__img:first-of-type {
  width: 53.53%;
}
@media screen and (max-width: 767px) {
  .p-nw-economy__img:first-of-type {
    width: 100%;
  }
}

.p-nw-economy__img:last-of-type {
  flex: 1;
}

.p-nw-maintenance {
  background: #fffdf2;
  padding-top: 50px;
  padding-bottom: 50px;
}

.p-nw-maintenance__text {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

.p-nw-maintenance__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 98px;
  margin-top: 58px;
  padding-inline: 36px;
}
@media screen and (max-width: 767px) {
  .p-nw-maintenance__list {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0;
    row-gap: 32px;
  }
}

.p-nw-maintenance__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
}
@media screen and (max-width: 767px) {
  .p-nw-maintenance__item {
    grid-template-rows: auto;
  }
}

.p-nw-maintenance__item--heading {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.p-nw-maintenance__item--heading-icon {
  color: #0081cc;
}

.p-nw-maintenance__item--img {
  display: block;
  margin-top: 10px;
}

.p-nw-maintenance__item--text {
  margin-top: 26px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  /* 166.667% */
}

.p-nw-maintenance__item--text-note {
  color: #e60012;
}

.p-nw-ecology {
  border-bottom: 1px solid #e6e6e6;
}
.p-nw-ecology .p-nw__headingLv2 {
  background: linear-gradient(90deg, #85c450 0%, #2f6503 54.11%);
  background-clip: text;
}

.p-nw-ecology__inner {
  padding-top: 30px;
  padding-bottom: 138px;
}
@media screen and (max-width: 767px) {
  .p-nw-ecology__inner {
    padding-bottom: 88px;
  }
}

.p-nw-ecology__container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 76px;
}
@media screen and (max-width: 767px) {
  .p-nw-ecology__container {
    flex-direction: column;
    margin-top: 56px;
  }
}

.p-nw-ecology__container--left {
  width: 46.82%;
}
@media screen and (max-width: 767px) {
  .p-nw-ecology__container--left {
    width: 100%;
  }
}

.p-nw-ecology__headingLv3 {
  max-width: 440px;
  margin-inline: auto;
}

.p-nw-ecology__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  /* 171.429% */
  margin-top: 23.91px;
}

.p-nw-ecology__img {
  max-width: 279px;
  margin-inline: auto;
  display: block;
  margin-top: 24px;
}

.p-nw-ecology__container--right {
  flex: 1;
}
.p-nw-ecology__container--right .p-nw-ecology__img {
  max-width: 480px;
  margin-inline: auto;
  margin-top: 0;
}

.p-nw-footer {
  padding-top: 59px;
  padding-bottom: 33px;
}
.p-nw-footer img {
  display: block;
  width: 80px;
  margin-inline: auto;
}

.p-nw-footer__copyright {
  color: #222;
  text-align: center;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  /* 200% */
  margin-top: 32px;
}

/*# sourceMappingURL=style.css.map */