@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
}

/******************************************************
* layout
******************************************************/
.m-inner {
  /* max-width: 1280px; */
  max-width: 80rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .m-inner {
    /* margin: auto 20px; */
    margin: auto 1.25rem;
  }
}

@media screen and (max-width: 767px) {
  .sp_none {
    display: none;
  }
}



/******************************************************
* header
******************************************************/
.p-subpage-top.p-subpage-top--niwastyle .p-subpage-top__heading {
  /* margin-top: 68px; */
  margin-top: 4.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .p-subpage-top.p-subpage-top--niwastyle .p-subpage-top__heading {
    /* margin-top: 35px; */
    margin-top: 2.1875rem;
  }
}

.p-subpage-top.p-subpage-top--niwastyle .p-subpage-top__heading::before {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  /* margin-right: 28px; */
  margin-right: 1.75rem;
  /* margin-top: 11px; */
  margin-top: 0.3125rem;
  margin-bottom: 0;
  margin-left: 0;
  content: "";
  background-image: url(../images/niwastyle/niwastyle_icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  /* width: 91px; */
  width: 5.6875rem;
  /* height: 87px; */
  height: 5.4375rem;
}
@media screen and (max-width: 767px) {
  .p-subpage-top.p-subpage-top--niwastyle .p-subpage-top__heading::before {
    /* width: 45.5px; */
    width: 2.84375rem;
    /* height: 43.5px; */
    height: 2.71875rem;
    /* margin-right: 14px; */
    margin-right: 0.875rem;
  }
}

.p-subpage-top.p-subpage-top--niwastyle .p-subpage-top__heading img {
  width: 100%;
  /* max-width: 584px; */
  max-width: 36.5rem;
  /* margin-top: 22px; */
  margin-top: 1.375rem;
}
@media screen and (max-width: 767px) {
  .p-subpage-top.p-subpage-top--niwastyle .p-subpage-top__heading img {
    /* max-width: 263.5px; */
    max-width: 16.46875rem;
    /* margin-top: 11px; */
    margin-top: 0.6875rem;
  }
}

.p-subpage-top.p-subpage-top--niwastyle .p-subpage-top__inner::before {
  display: none;
}


/******************************************************
* background
******************************************************/
.p-niwastyle-bg_blue {
  position: relative;
  background-color: #bfe5d3;
  z-index: 1;
}
.p-niwastyle-bg_blue::after {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height:100%;
  top: 0;
  left: 0;
  background-image: url(../images/niwastyle/bg_texture.png);
  mix-blend-mode: color-burn;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-bg_blue::after {
    background-image: url(../images/niwastyle/bg_texture-sp.png);
  }
}
.p-niwastyle-bg_blue p {
  color: #06518c;
}

.p-niwastyle-bg-joint01 {
  position: relative;
  z-index: -1;
}

.p-niwastyle-bg_green {
  position: relative;
  background-color: #d8ebae;
  z-index: 1;
}
.p-niwastyle-bg_green::after {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height:100%;
  top: 0;
  left: 0;
  background-image: url(../images/niwastyle/bg_texture.png);
  mix-blend-mode: color-burn;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-bg_green::after {
    background-image: url(../images/niwastyle/bg_texture-sp.png);
  }
}
.p-niwastyle-bg_green p {
  color: #006d55;
}

.p-niwastyle-bg-joint02 {
  position: relative;
  z-index: -1;
}

.p-niwastyle-bg_orange {
  position: relative;
  background-color: #f4d994;
  z-index: 1;
}
.p-niwastyle-bg_orange::after {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height:100%;
  top: 0;
  left: 0;
  background-image: url(../images/niwastyle/bg_texture.png);
  mix-blend-mode: color-burn;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-bg_orange::after {
    background-image: url(../images/niwastyle/bg_texture-sp.png);
  }
}
.p-niwastyle-bg_orange p {
  color: #ac6318;
}
.p-niwastyle-decoration img {
  position: absolute;
}





/******************************************************
* main visual
******************************************************/
.p-niwastyle-mv {
  position: relative;
  /* padding: 48px 0; */
  padding: 3rem 0;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-mv {
    /* padding: 30px 0; */
    padding: 1.875rem 0;
  }
}
.p-niwastyle-mv__inner {
  position: relative;
  margin: 0 auto;
  /* width: 1760px; */
  width: 110rem;
  /* height: 670px; */
  height: 41.875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-mv__inner {
    width: 100%;
    /* max-width: 320px; */
    max-width: 20rem;
    /* max-height: 392.5px; */
    max-height: 24.53125rem;
  }
}
.p-niwastyle-mv__img1 {
  position: absolute;
  left: 74.8%;
  /* top: 74px; */
  top: 4.625rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 10;
  /* width: 527px; */
  width: 32.9375rem;
}
.p-niwastyle-mv__img2 {
  position: absolute;
  left: 24.2%;
  /* top: 120px; */
  top: 7.5rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 11;
  /* width: 527px; */
  width: 32.9375rem;
}
.p-niwastyle-mv__img3 {
  position: absolute;
  left: 48%;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 12;
  /* width: 549px; */
  width: 34.3125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-mv__img3 {
    left: 50%;
    /* width: 320.5px; */
    width: 20.03125rem;
  }
}
.p-niwastyle-mv__deco1 {
  position: absolute;
  /* top: 64px; */
  top: 4rem;
  /* left: 46px; */
  left: 2.875rem;
  z-index: 13;
  /* width: 289px; */
  width: 18.0625rem;
}
.p-niwastyle-mv__deco2 {
  position: absolute;
  /* bottom: 32px; */
  bottom: 2rem;
  /* right: 68px; */
  right: 4.25rem;
  z-index: 13;
  /* width: 332px; */
  width: 20.75rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-mv__deco2 {
    /* bottom: -12px; */
    bottom: -0.75rem;
    /* right: -27px; */
    right: -1.6875rem;
    /* width: 165px; */
    width: 10.3125rem;
  }
}
.p-niwastyle-mv__deco3 {
  position: absolute;
  /* top: 174px; */
  top: 10.875rem;
  /* right: 26px; */
  right: 1.625rem;
  z-index: 13;
  /* width: 272px; */
  width: 17rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-mv__deco3 {
    /* top: 21px; */
    top: 1.3125rem;
    /* right: -47px; */
    right: -2.9375rem;
    /* width: 136px; */
    width: 8.5rem;
  }
}
.p-niwastyle-mv__deco4 {
  position: absolute;
  /* bottom: 132px; */
  bottom: 8.25rem;
  /* left: -8px; */
  left: -0.5rem;
  z-index: 13;
  /* width: 241px; */
  width: 15.0625rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-mv__deco4 {
    /* bottom: 70px; */
    bottom: 4.375rem;
    /* left: -40px; */
    left: -2.5rem;
    /* width: 120.5px; */
    width: 7.53125rem;
  }
}




/******************************************************
* about css
******************************************************/
.p-niwastyle-about {
  position: relative;
  /* padding-bottom: 56px; */
  padding-bottom: 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-about {
    /* padding-bottom: 40px; */
    padding-bottom: 2.5rem;
  }
}
.p-niwastyle-about__inner p {
  text-align: center;
  /* font-size: 22px; */
  font-size: 1.375rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-about__inner p {
    /* margin: 0 20px; */
    margin: 0 1.25rem;
    text-align: left;
    /* font-size: 13px; */
    font-size: 0.8125rem;
    line-height: 1.6;
    letter-spacing: 0.13em;
    font-feature-settings: "palt" 1;
    text-align: justify;
  }
  .p-niwastyle-about__inner p br {
    display: none;
  }
}

.p-niwastyle-about__anchor-box {
  margin: 0 auto;
  /* margin-top: 56px; */
  margin-top: 3.5rem;
  /* max-width: 960px; */
  max-width: 60rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-about__anchor-box {
    /* margin-top: 40px; */
    margin-top: 2.5rem;
    padding-left: 5vw;
  }
}
.p-niwastyle-about__anchor {
  /* padding-left: 27px; */
  padding-left: 1.6875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-about__anchor {
    /* margin-right: -16px; */
    margin-right: -1rem;
    /* padding-left: 27px; */
    padding-left: 0;
  }
}
.p-niwastyle-about__anchor:nth-child(2), .p-niwastyle-about__anchor:nth-child(3) {
  padding-left: 4.75rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-about__anchor:nth-child(2), .p-niwastyle-about__anchor:nth-child(3) {
    padding-left: 0;
  }
}
.p-niwastyle-about__anchor-img1 {
  /* width: 290px; */
  width: 18.125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-about__anchor-img1 {
    /* width: 121px; */
    width: 7.5625rem;
  }
}
.p-niwastyle-about__anchor-img2 {
  /* width: 241px; */
  width: 15.0625rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-about__anchor-img2 {
    /* width: 121px; */
    width: 7.5625rem;
  }
}
.p-niwastyle-about__anchor-img3 {
  /* width: 243px; */
  width: 15.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-about__anchor-img3 {
    /* width: 121px; */
    width: 7.5625rem;
  }
}




/******************************************************
* section1 css
******************************************************/
.p-niwastyle-section1 {
  position: relative;
}
.p-niwastyle-section1__inner {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__inner {
    /* padding-bottom: 23px; */
    padding-bottom: 1.4375rem;
  }
}
.p-niwastyle-section1__heading {
  margin: 0 auto;
  /* width: 1061px; */
  width: 66.3125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__heading {
    /* width: 308.5px; */
    width: 19.28125rem;
  }
}
.p-niwastyle-section1__visual-box {
  position: relative;
  margin: 0 auto;
  /* margin-top: 40px; */
  margin-top: 2.5rem;
  /* max-width: 1280px; */
  max-width: 80rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__visual-box {
    margin: 0 auto;
    /* margin-top: 24px; */
    margin-top: 1.5rem;
  }

  .p-niwastyle-section1__visual-title-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 104px; */
    margin: 0 auto;
  }
}
.p-niwastyle-section1__visual-deco {
  position: absolute;
  /* top: 45px; */
  top: 2.8125rem;
  /* left: 74px; */
  left: 4.625rem;
  /* width: 404px; */
  width: 25.25rem;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__visual-deco {
    position: initial;
    /* margin-left: -35px; */
    margin-left: -2.1875rem;
    /* width: 175px; */
    width: 10.9375rem;
  }
}
.p-niwastyle-section1__visual-text {
  position: absolute;
  /* top: 336px; */
  top: 21rem;
  /* left: 214px; */
  left: 13.375rem;
  /* width: 114px; */
  width: 7.125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__visual-text {
    position: initial;
    /* margin-left: 6px; */
    margin-left: 0.375rem;
    /* width: 193px; */
    width: 12.0625rem;
  }
}
.p-niwastyle-section1__visual {
  /* width: 753px; */
  width: 47.0625rem;
  margin: auto;
  /* margin-right: 150px; */
  margin-right: 9.375rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__visual {
    /* width: 365px; */
    width: 22.8125rem;
    margin-right: auto;
  }
}
.p-niwastyle-section1__about-text {
  margin: 0 auto;
  /* margin-top: 60px; */
  margin-top: 3.75rem;
  /* max-width: 1010px; */
  max-width: 63.125rem;
  /* font-size: 22px; */
  font-size: 1.375rem;
  letter-spacing: 0.08em;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__about-text {
    margin: 0 auto;
    /* margin-top: 24px; */
    margin-top: 1.5rem;
    /* margin-left: 20px; */
    margin-left: 1.25rem;
    /* margin-right: 20px; */
    margin-right: 1.25rem;
    /* font-size: 13px; */
    font-size: 0.8125rem;
    text-align: justify;
  }
  .p-niwastyle-section1__about-text br {
    display: none;
  }
}
.p-niwastyle-section1__item-title {
  position: relative;
  display: flex;
  align-items: center;
  /* margin-top: 65px; */
  margin-top: 4.0625rem;
  /* height: 211px; */
  height: 13.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__item-title {
    justify-content: center;
    /* margin-top: 21px; */
    margin-top: 1.3125rem;
    height: auto;
  }
}
.p-niwastyle-section1__item-title-text {
  /* margin-left: 188px; */
  margin-left: 11.75rem;
  /* width: 485px; */
  width: 30.3125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__item-title-text {
    margin-left: unset;
    /* margin-right: 12px; */
    margin-right: 0.75rem;
    /* width: 138px; */
    width: 8.625rem;
  }
}
.p-niwastyle-section1__item-title-img {
  position: absolute;
  top: 0;
  /* right: 120px; */
  right: 7.5rem;
  /* width: 429px; */
  width: 26.8125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__item-title-img {
    position: initial;
    /* margin-right: -72px; */
    margin-right: -4.5rem;
    /* width: 193px; */
    width: 12.0625rem;
  }
}
.p-niwastyle-section1__item1-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* height: 450px; */
  height: 28.125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__item1-box {
    display: block;
    /* margin-top: 12px; */
    margin-top: 0.75rem;
    height: unset;
  }

  .p-niwastyle-section1__item-img-box {
    position: relative;
    margin: 0 auto;
    width: fit-content;
  }
}
.p-niwastyle-section1__item1-img {
  position: absolute;
  /* top: -10px; */
  top: -0.625rem;
  /* left: 160px; */
  left: 10rem;
  /* width: 516px; */
  width: 32.25rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__item1-img {
    position: initial;
    /* width: 315px; */
    width: 19.6875rem;
  }
}
.p-niwastyle-section1__item1-img-deco {
  position: absolute;
  top: 0px;
  /* left: 15px; */
  left: 0.9375rem;
  /* width: 254px; */
  width: 15.875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__item1-img-deco {
    top: 0px;
    /* left: -72px; */
    left: -4.5rem;
    /* width: 157px; */
    width: 9.8125rem;
  }
}
.p-niwastyle-section1__item1-box p {
  /* margin-right: 210px; */
  margin-right: 13.125rem;
  /* max-width: 348px; */
  max-width: 21.75rem;
  /* font-size: 20px; */
  font-size: 1.25rem;
  letter-spacing: 0.11em;
  line-height: 1.95;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__item1-box p {
    margin-right: unset;
    max-width: 100%;
    /* font-size: 13px; */
    font-size: 0.8125rem;
  }
}
.p-niwastyle-section1__item2-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* margin-top: 60px; */
  margin-top: 3.75rem;
  /* height: 540px; */
  height: 33.75rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__item2-box {
    display: block;
    /* margin-top: 20px; */
    margin-top: 1.25rem;
    height: unset;
  }
}
.p-niwastyle-section1__item2-img {
  position: absolute;
  /* top: -50px; */
  top: -3.125rem;
  /* right: 125px; */
  right: 7.8125rem;
  /* width: 516px; */
  width: 32.25rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__item2-img {
    position: initial;
    /* width: 315px; */
    width: 19.6875rem;
  }
}
.p-niwastyle-section1__item2-img-deco {
  position: absolute;
  /* top: 45px; */
  top: 2.8125rem;
  /* right: -20px; */
  right: -1.25rem;
  /* width: 258px; */
  width: 16.125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__item2-img-deco {
    /* top: 45px; */
    top: 2.8125rem;
    /* left: -90px; */
    right: -5.625rem;
    /* width: 158.5px; */
    width: 9.90625rem;
  }
}
.p-niwastyle-section1__item2-box p {
  /* margin-left: 240px; */
  margin-left: 15rem;
  /* max-width: 354px; */
  max-width: 22.125rem;
  /* font-size: 20px; */
  font-size: 1.25rem;
  letter-spacing: 0.11em;
  line-height: 1.95;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__item2-box p {
    margin-left: unset;
    max-width: 100%;
    /* font-size: 13px; */
    font-size: 0.8125rem;
  }
}
.p-niwastyle-section1__recommend-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* height: 211px; */
  height: 13.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__recommend-title {
    justify-content: center;
    flex-direction: row-reverse;
    /* margin-top: 21px; */
    margin-top: 1.3125rem;
    height: auto;
  }
}
.p-niwastyle-section1__recommend-title-text {
  /* margin-right: 188px; */
  margin-right: 11.75rem;
  /* width: 485px; */
  width: 30.3125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__recommend-title-text {
    margin-right: unset;
    /* margin-left: 12px; */
    margin-left: 0.75rem;
    /* width: 138px; */
    width: 8.625rem;
  }
}
.p-niwastyle-section1__recommend-title-img {
  position: absolute;
  top: 0;
  /* left: 125px; */
  left: 7.8125rem;
  /* width: 429px; */
  width: 26.8125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__recommend-title-img {
    position: initial;
    /* margin-left: -72px; */
    margin-left: -4.5rem;
    /* width: 217px; */
    width: 13.5625rem;
  }
}
.p-niwastyle-section1__recommend-visual-box {
  position: relative;
  display: flex;
  justify-content: flex-end;
  /* margin-top: 115px; */
  margin-top: 7.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__recommend-visual-box {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin: 0 auto;
    width: fit-content;
    /* max-width: 350px; */
    max-width: 21.875rem;
  }
}
.p-niwastyle-section1__recommend-visual-img1 {
  /* margin-right: 160px; */
  margin-right: 10rem;
  /* width: 548px; */
  width: 34.25rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__recommend-visual-img1 {
    margin-right: unset;
    /* width: 350px; */
    width: 21.875rem;
    width: 100%;
    transform: rotate(-27deg);
  }
}
.p-niwastyle-section1__recommend-visual-img2 {
  position: absolute;
  /* top: -70px; */
  top: -4.375rem;
  /* left: 135px; */
  left: 8.4375rem;
  /* width: 584px; */
  width: 36.5rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__recommend-visual-img2 {
    position: initial;
    /* width: 350px; */
    width: 21.875rem;
    /* width: 100%; */
    transform: rotate(30deg);
  }
}
.p-niwastyle-section1__recommend-visual-deco1 {
  position: absolute;
  /* top: 315px; */
  top: 19.6875rem;
  /* right: 50px; */
  right: 3.125rem;
  /* width: 243px; */
  width: 15.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__recommend-visual-deco1 {
    position: absolute;
    /* top: 413px; */
    top: 25.8125rem;
    /* right: -74px; */
    right: -4.625rem;
    /* width: 155px; */
    width: 9.6875rem;
    transform: rotate(-27deg);
  }
}
.p-niwastyle-section1__recommend-visual-deco2 {
  position: absolute;
  /* top: 240px; */
  top: 15rem;
  /* left: 30px; */
  left: 1.875rem;
  /* width: 252px; */
  width: 15.75rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__recommend-visual-deco2 {
    position: absolute;
    /* top: 110px; */
    top: 6.875rem;
    /* left: -78px; */
    left: -4.875rem;
    /* width: 158.5px; */
    width: 9.90625rem;
  }
}
.p-niwastyle-section1__recommend-text {
  margin: 0 auto;
  /* margin-top: 40px; */
  margin-top: 2.5rem;
  /* max-width: 800px; */
  max-width: 50rem;
  /* font-size: 22px; */
  font-size: 1.375rem;
  letter-spacing: 0.11em;
  line-height: 1.95;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__recommend-text {
    /* margin: 0 20px; */
    margin: 0 1.25rem;
    /* margin-top: 6px; */
    margin-top: 0.375rem;
    /* font-size: 13px; */
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    line-height: 1.61;
  }
}
.p-niwastyle-section1__recommend-target {
  /* margin-top: 110px; */
  margin-top: 6.875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__recommend-target {
    /* margin-top: 20px; */
    margin-top: 1.25rem;
  }
}
.p-niwastyle-section1__recommend-target-title {
  margin: 0 auto;
  /* width: 762px; */
  width: 47.625rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__recommend-target-title {
    /* width: 294px; */
    width: 18.375rem;
  }
}
.p-niwastyle-section1__recommend-target-text {
  margin: 0 auto;
  /* margin-top: 40px; */
  margin-top: 2.5rem;
  /* max-width: 790px; */
  max-width: 49.375rem;
  /* font-size: 22px; */
  font-size: 1.375rem;
  letter-spacing: 0.11em;
  line-height: 1.95;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section1__recommend-target-text {
    /* margin-top: 20px; */
    margin-top: 1.25rem;
    /* font-size: 13px; */
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    line-height: 1.61;
  }
}
.p-niwastyle-section1__deco1 {
  /* top: -20px; */
  top: -1.25rem;
  /* left: 20px; */
  left: 1.25rem;
  /* width: 307px; */
  width: 19.1875rem;
}
.p-niwastyle-section1__deco2 {
  /* top: 1660px; */
  top: 103.75rem;
  /* right: 30px; */
  right: 1.875rem;
  /* width: 334px; */
  width: 20.875rem;
}
.p-niwastyle-section1__deco3 {
  /* top: 2200px; */
  top: 137.5rem;
  /* left: 30px; */
  left: 1.875rem;
  /* width: 315px; */
  width: 19.6875rem;
}
.p-niwastyle-section1__deco4 {
  /* top: 3660px; */
  top: 228.75rem;
  /* right: 30px; */
  right: 1.875rem;
  /* width: 415px; */
  width: 25.9375rem;
}




/******************************************************
* section2 css
******************************************************/
.p-niwastyle-section2 {
  position: relative;
}
.p-niwastyle-section2__inner {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__inner {
    /* padding-top: 24px; */
    padding-top: 1.5rem;
    /* padding-bottom: 23px; */
    padding-bottom: 1.4375rem;
  }
}
.p-niwastyle-section2__heading {
  margin: 0 auto;
  /* width: 1047px; */
  width: 65.4375rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__heading {
    /* width: 308.5px; */
    width: 19.28125rem;
  }
}
.p-niwastyle-section2__visual-box {
  position: relative;
  margin: 0 auto;
  /* margin-top: 40px; */
  margin-top: 2.5rem;
  /* max-width: 1280px; */
  max-width: 80rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__visual-box {
    margin: 0 auto;
    /* margin-top: 24px; */
    margin-top: 1.5rem;
  }

  .p-niwastyle-section2__visual-title-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 104px; */
    margin: 0 auto;
  }
}
.p-niwastyle-section2__visual-deco {
  position: absolute;
  /* top: 45px; */
  top: 2.8125rem;
  /* left: 70px; */
  left: 4.375rem;
  /* width: 404px; */
  width: 25.25rem;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__visual-deco {
    position: initial;
    /* margin-left: -55px; */
    margin-left: -3.4375rem;
    /* width: 182px; */
    width: 11.375rem;
  }
}
.p-niwastyle-section2__visual-text {
  position: absolute;
  /* top: 330px; */
  top: 20.625rem;
  /* left: 250px; */
  left: 15.625rem;
  /* width: 111px; */
  width: 6.9375rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__visual-text {
    position: initial;
    /* margin-left: 12px; */
    margin-left: 0.75rem;
    /* width: 154.5px; */
    width: 9.65625rem;
  }
}
.p-niwastyle-section2__visual {
  /* width: 750px; */
  width: 46.875rem;
  margin: auto;
  /* margin-right: 140px; */
  margin-right: 8.75rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__visual {
    /* margin-top: 15px; */
    margin-top: 0.9375rem;
    /* width: 365px; */
    width: 22.8125rem;
    margin-right: auto;
  }
}
.p-niwastyle-section2__about-text {
  margin: 0 auto;
  /* margin-top: 60px; */
  margin-top: 3.75rem;
  /* max-width: 1010px; */
  max-width: 63.125rem;
  /* font-size: 22px; */
  font-size: 1.375rem;
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__about-text {
    margin: 0 auto;
    /* margin-top: 24px; */
    margin-top: 1.5rem;
    /* margin-left: 20px; */
    margin-left: 1.25rem;
    /* margin-right: 20px; */
    margin-right: 1.25rem;
    /* font-size: 13px; */
    font-size: 0.8125rem;
    text-align: justify;
  }
  .p-niwastyle-section2__about-text br {
    display: none;
  }
}
.p-niwastyle-section2__item-title {
  position: relative;
  display: flex;
  align-items: center;
  /* margin-top: 65px; */
  margin-top: 4.0625rem;
  /* height: 211px; */
  height: 13.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__item-title {
    justify-content: center;
    /* margin-top: 21px; */
    margin-top: 1.3125rem;
    height: auto;
  }
}
.p-niwastyle-section2__item-title-text {
  /* margin-left: 188px; */
  margin-left: 11.75rem;
  /* width: 485px; */
  width: 30.3125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__item-title-text {
    margin-left: unset;
    /* margin-right: 12px; */
    margin-right: 0.75rem;
    /* width: 138px; */
    width: 8.625rem;
  }
}
.p-niwastyle-section2__item-title-img {
  position: absolute;
  top: 0;
  /* right: 120px; */
  right: 7.5rem;
  /* width: 429px; */
  width: 26.8125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__item-title-img {
    position: initial;
    /* margin-right: -72px; */
    margin-right: -4.5rem;
    /* width: 193px; */
    width: 12.0625rem;
  }
}
.p-niwastyle-section2__item1-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* height: 500px; */
  height: 31.25rem;
  /* margin-top: 10px; */
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__item1-box {
    display: block;
    /* margin-top: 12px; */
    margin-top: 0.75rem;
    height: unset;
  }

  .p-niwastyle-section2__item-img-box {
    position: relative;
    margin: 0 auto;
    width: fit-content;
  }
}
.p-niwastyle-section2__item1-img {
  position: absolute;
  /* top: -10px; */
  top: -0.625rem;
  /* left: 160px; */
  left: 10rem;
  /* width: 501px; */
  width: 31.3125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__item1-img {
    position: initial;
    /* width: 315px; */
    width: 19.6875rem;
  }
}
.p-niwastyle-section2__item1-img-deco {
  position: absolute;
  /* top: 20px; */
  top: 1.25rem;
  /* left: -8px; */
  left: -0.5rem;
  /* width: 254px; */
  width: 15.875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__item1-img-deco {
    top: 0px;
    /* left: -72px; */
    left: -4.5rem;
    /* width: 157px; */
    width: 9.8125rem;
  }
}
.p-niwastyle-section2__item1-box p {
  /* margin-top: 6px; */
  margin-top: 0.375rem;
  /* margin-right: 210px; */
  margin-right: 13.125rem;
  /* max-width: 348px; */
  max-width: 21.75rem;
  /* font-size: 20px; */
  font-size: 1.25rem;
  letter-spacing: 0.11em;
  line-height: 1.95;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__item1-box p {
    margin-right: unset;
    max-width: 100%;
    /* font-size: 13px; */
    font-size: 0.8125rem;
  }
}
.p-niwastyle-section2__item2-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* margin-top: 60px; */
  margin-top: 3.75rem;
  /* height: 520px; */
  height: 32.5rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__item2-box {
    display: block;
    /* margin-top: 8px; */
    margin-top: 0.5rem;
    height: unset;
  }
}
.p-niwastyle-section2__item2-img {
  position: absolute;
  /* top: -20px; */
  top: -1.25rem;
  /* right: 125px; */
  right: 7.8125rem;
  /* width: 501px; */
  width: 31.3125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__item2-img {
    position: initial;
    /* width: 315px; */
    width: 19.6875rem;
  }
}
.p-niwastyle-section2__item2-img-deco {
  position: absolute;
  /* top: 342px; */
  top: 21.375rem;
  /* right: 6px; */
  right: 0.375rem;
  /* width: 258px; */
  width: 16.125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__item2-img-deco {
    /* top: 45px; */
    top: 2.8125rem;
    /* left: -90px; */
    right: -5.625rem;
    /* width: 158.5px; */
    width: 9.90625rem;
  }
}
.p-niwastyle-section2__item2-box p {
  /* margin-top: 12px; */
  margin-top: 0.75rem;
  /* margin-left: 240px; */
  margin-left: 15rem;
  /* max-width: 354px; */
  max-width: 22.125rem;
  /* font-size: 20px; */
  font-size: 1.25rem;
  letter-spacing: 0.11em;
  line-height: 1.95;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__item2-box p {
    margin-left: unset;
    max-width: 100%;
    /* font-size: 13px; */
    font-size: 0.8125rem;
  }
}
.p-niwastyle-section2__recommend-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* height: 211px; */
  height: 13.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__recommend-title {
    justify-content: center;
    flex-direction: row-reverse;
    /* margin-top: 21px; */
    margin-top: 1.3125rem;
    height: auto;
  }
}
.p-niwastyle-section2__recommend-title-text {
  /* margin-right: 188px; */
  margin-right: 11.75rem;
  /* width: 485px; */
  width: 30.3125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__recommend-title-text {
    margin-right: unset;
    /* margin-left: 12px; */
    margin-left: 0.75rem;
    /* width: 138px; */
    width: 8.625rem;
  }
}
.p-niwastyle-section2__recommend-title-img {
  position: absolute;
  top: 0;
  /* left: 125px; */
  left: 7.8125rem;
  /* width: 429px; */
  width: 26.8125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__recommend-title-img {
    position: initial;
    /* margin-left: -72px; */
    margin-left: -4.5rem;
    /* width: 217px; */
    width: 13.5625rem;
  }
}
.p-niwastyle-section2__recommend-visual-box {
  position: relative;
  display: flex;
  justify-content: flex-end;
  /* margin-top: 115px; */
  margin-top: 7.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__recommend-visual-box {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin: 0 auto;
    width: fit-content;
    /* max-width: 350px; */
    max-width: 21.875rem;
  }
}
.p-niwastyle-section2__recommend-visual-img1 {
  /* margin-right: 160px; */
  margin-right: 10rem;
  /* width: 548px; */
  width: 34.25rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__recommend-visual-img1 {
    margin-right: unset;
    /* width: 350px; */
    width: 21.875rem;
    width: 100%;
    transform: rotate(-9deg);
  }
}
.p-niwastyle-section2__recommend-visual-img2 {
  position: absolute;
  /* top: -70px; */
  top: -4.375rem;
  /* left: 135px; */
  left: 8.4375rem;
  /* width: 584px; */
  width: 36.5rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__recommend-visual-img2 {
    position: initial;
    /* width: 350px; */
    width: 21.875rem;
    /* width: 100%; */
    transform: rotate(15deg);
  }
}
.p-niwastyle-section2__recommend-visual-deco1 {
  position: absolute;
  /* top: 315px; */
  top: 19.6875rem;
  /* right: 50px; */
  right: 3.125rem;
  /* width: 243px; */
  width: 15.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__recommend-visual-deco1 {
    position: absolute;
    /* top: 560px; */
    top: 35rem;
    /* right: -70px; */
    right: -4.375rem;
    /* width: 155px; */
    width: 9.6875rem;
    transform: rotate(-15deg);
  }
}
.p-niwastyle-section2__recommend-visual-deco2 {
  position: absolute;
  /* top: 370px; */
  top: 23.125rem;
  /* left: 84px; */
  left: 5.25rem;
  /* width: 241px; */
  width: 15.0625rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__recommend-visual-deco2 {
    position: absolute;
    /* top: 125px; */
    top: 7.8125rem;
    /* left: -85px; */
    left: -5.3125rem;
    /* width: 158.5px; */
    width: 9.90625rem;
    transform: rotate(-20deg);
  }
}
.p-niwastyle-section2__recommend-text {
  margin: 0 auto;
  /* margin-top: 40px; */
  margin-top: 2.5rem;
  /* max-width: 800px; */
  max-width: 50rem;
  /* font-size: 22px; */
  font-size: 1.375rem;
  letter-spacing: 0.11em;
  line-height: 1.95;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__recommend-text {
    /* margin: 0 20px; */
    margin: 0 1.25rem;
    /* margin-top: 6px; */
    margin-top: 0.375rem;
    /* font-size: 13px; */
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    line-height: 1.61;
  }
}
.p-niwastyle-section2__recommend-target {
  /* margin-top: 110px; */
  margin-top: 6.875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__recommend-target {
    /* margin-top: 20px; */
    margin-top: 1.25rem;
  }
}
.p-niwastyle-section2__recommend-target-title {
  margin: 0 auto;
  /* width: 762px; */
  width: 47.625rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__recommend-target-title {
    /* width: 294px; */
    width: 18.375rem;
  }
}
.p-niwastyle-section2__recommend-target-text {
  margin: 0 auto;
  /* margin-top: 40px; */
  margin-top: 2.5rem;
  /* max-width: 790px; */
  max-width: 49.375rem;
  /* font-size: 22px; */
  font-size: 1.375rem;
  letter-spacing: 0.11em;
  line-height: 1.95;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section2__recommend-target-text {
    /* margin-top: 20px; */
    margin-top: 1.25rem;
    /* font-size: 13px; */
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    line-height: 1.61;
  }
}
.p-niwastyle-section2__deco1 {
  /* top: 880px; */
  top: 55rem;
  /* left: 30px; */
  left: 1.875rem;
  /* width: 358px; */
  width: 22.375rem;
}
.p-niwastyle-section2__deco2 {
  /* top: 1800px; */
  top: 112.5rem;
  /* right: 0px; */
  right: 0rem;
  /* width: 420px; */
  width: 26.25rem;
}
.p-niwastyle-section2__deco3 {
  /* top: 2600px; */
  top: 162.5rem;
  /* left: 5px; */
  left: 0.3125rem;
  /* width: 313px; */
  width: 19.5625rem;
}
.p-niwastyle-section2__deco4 {
  /* top: 3790px; */
  top: 236.875rem;
  /* right: 20px; */
  right: 1.25rem;
  /* width: 413px; */
  width: 25.8125rem;
}





/******************************************************
* section3 css
******************************************************/
.p-niwastyle-section3 {
  position: relative;
}
.p-niwastyle-section3__inner {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__inner {
    /* padding-top: 24px; */
    padding-top: 1.5rem;
    /* padding-bottom: 23px; */
    padding-bottom: 1.4375rem;
  }
}
.p-niwastyle-section3__heading {
  margin: 0 auto;
  /* width: 1058px; */
  width: 66.125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__heading {
    /* width: 308.5px; */
    width: 19.28125rem;
  }
}
.p-niwastyle-section3__visual-box {
  position: relative;
  margin: 0 auto;
  /* margin-top: 40px; */
  margin-top: 2.5rem;
  /* max-width: 1280px; */
  max-width: 80rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__visual-box {
    margin: 0 auto;
    /* margin-top: 24px; */
    margin-top: 1.5rem;
  }

  .p-niwastyle-section3__visual-title-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 104px; */
    margin: 0 auto;
  }
}
.p-niwastyle-section3__visual-deco {
  position: absolute;
  /* top: 20px; */
  top: 1.25rem;
  /* left: 80px; */
  left: 5rem;
  /* width: 404px; */
  width: 25.25rem;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__visual-deco {
    position: initial;
    /* margin-left: -48px; */
    margin-left: -3rem;
    /* width: 181.5px; */
    width: 11.34375rem;
  }
}
.p-niwastyle-section3__visual-text {
  position: absolute;
  /* top: 330px; */
  top: 20.625rem;
  /* left: 250px; */
  left: 15.625rem;
  /* width: 114px; */
  width: 7.125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__visual-text {
    position: initial;
    /* margin-left: 20px; */
    margin-left: 1.25rem;
    /* width: 152px; */
    width: 9.5rem;
  }
}
.p-niwastyle-section3__visual {
  /* width: 794px; */
  width: 49.625rem;
  margin: auto;
  /* margin-right: 110px; */
  margin-right: 6.875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__visual {
    /* width: 365px; */
    width: 22.8125rem;
    margin-right: auto;
  }
}
.p-niwastyle-section3__about-text {
  margin: 0 auto;
  /* margin-top: 20px; */
  margin-top: 1.25rem;
  /* max-width: 1010px; */
  max-width: 63.125rem;
  /* font-size: 22px; */
  font-size: 1.375rem;
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__about-text {
    margin: 0 auto;
    /* margin-top: 24px; */
    margin-top: 1.5rem;
    /* margin-left: 20px; */
    margin-left: 1.25rem;
    /* margin-right: 20px; */
    margin-right: 1.25rem;
    /* font-size: 13px; */
    font-size: 0.8125rem;
    text-align: justify;
  }
  .p-niwastyle-section3__about-text br {
    display: none;
  }
}
.p-niwastyle-section3__item-title {
  position: relative;
  display: flex;
  align-items: center;
  /* margin-top: 65px; */
  margin-top: 4.0625rem;
  /* height: 211px; */
  height: 13.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__item-title {
    justify-content: center;
    /* margin-top: 21px; */
    margin-top: 1.3125rem;
    height: auto;
  }
}
.p-niwastyle-section3__item-title-text {
  /* margin-left: 188px; */
  margin-left: 11.75rem;
  /* width: 485px; */
  width: 30.3125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__item-title-text {
    margin-left: unset;
    /* margin-right: 12px; */
    margin-right: 0.75rem;
    /* width: 138px; */
    width: 8.625rem;
  }
}
.p-niwastyle-section3__item-title-img {
  position: absolute;
  top: 0;
  /* right: 120px; */
  right: 7.5rem;
  /* width: 429px; */
  width: 26.8125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__item-title-img {
    position: initial;
    /* margin-right: -72px; */
    margin-right: -4.5rem;
    /* width: 193px; */
    width: 12.0625rem;
  }
}
.p-niwastyle-section3__item1-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* height: 500px; */
  height: 31.25rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__item1-box {
    display: block;
    /* margin-top: 12px; */
    margin-top: 0.75rem;
    height: unset;
  }

  .p-niwastyle-section3__item-img-box {
    position: relative;
    margin: 0 auto;
    width: fit-content;
  }
}
.p-niwastyle-section3__item1-img {
  position: absolute;
  /* top: -25px; */
  top: -1.5625rem;
  /* left: 160px; */
  left: 10rem;
  /* width: 501px; */
  width: 31.3125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__item1-img {
    position: initial;
    /* width: 315px; */
    width: 19.6875rem;
  }
}
.p-niwastyle-section3__item1-img-deco {
  position: absolute;
  /* top: 75px; */
  top: 4.6875rem;
  /* left: 10px; */
  left: 0.625rem;
  /* width: 254px; */
  width: 15.875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__item1-img-deco {
    /* top: 58px; */
    top: 3.625rem;
    /* left: -98px; */
    left: -6.125rem;
    /* width: 157px; */
    width: 9.8125rem;
  }
}
.p-niwastyle-section3__item1-box p {
  /* margin-right: 210px; */
  margin-right: 13.125rem;
  /* max-width: 348px; */
  max-width: 21.75rem;
  /* font-size: 20px; */
  font-size: 1.25rem;
  letter-spacing: 0.11em;
  line-height: 1.95;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__item1-box p {
    margin-right: unset;
    max-width: 100%;
    /* font-size: 13px; */
    font-size: 0.8125rem;
  }
}
.p-niwastyle-section3__item2-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* margin-top: 60px; */
  margin-top: 3.75rem;
  /* height: 540px; */
  height: 33.75rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__item2-box {
    display: block;
    /* margin-top: 20px; */
    margin-top: 1.25rem;
    height: unset;
  }
}
.p-niwastyle-section3__item2-img {
  position: absolute;
  /* top: -20px; */
  top: -1.25rem;
  /* right: 125px; */
  right: 7.8125rem;
  /* width: 516px; */
  width: 32.25rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__item2-img {
    position: initial;
    /* width: 315px; */
    width: 19.6875rem;
  }
}
.p-niwastyle-section3__item2-img-deco {
  position: absolute;
  /* top: 45px; */
  top: 2.8125rem;
  /* right: -20px; */
  right: -1.25rem;
  /* width: 258px; */
  width: 16.125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__item2-img-deco {
    /* top: 110px; */
    top: 6.875rem;
    /* right: -106px; */
    right: -6.625rem;
    /* width: 158.5px; */
    width: 9.90625rem;
  }
}
.p-niwastyle-section3__item2-box p {
  /* margin-left: 240px; */
  margin-left: 15rem;
  /* max-width: 354px; */
  max-width: 22.125rem;
  /* font-size: 20px; */
  font-size: 1.25rem;
  letter-spacing: 0.08em;
  line-height: 1.95;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__item2-box p {
    margin-left: unset;
    max-width: 100%;
    /* font-size: 13px; */
    font-size: 0.8125rem;
  }
}
.p-niwastyle-section3__recommend-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* height: 211px; */
  height: 13.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__recommend-title {
    justify-content: center;
    flex-direction: row-reverse;
    /* margin-top: 21px; */
    margin-top: 1.3125rem;
    height: auto;
  }
}
.p-niwastyle-section3__recommend-title-text {
  /* margin-right: 188px; */
  margin-right: 11.75rem;
  /* width: 485px; */
  width: 30.3125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__recommend-title-text {
    margin-right: unset;
    /* margin-left: 12px; */
    margin-left: 0.75rem;
    /* width: 138px; */
    width: 8.625rem;
  }
}
.p-niwastyle-section3__recommend-title-img {
  position: absolute;
  top: 0;
  /* left: 125px; */
  left: 7.8125rem;
  /* width: 429px; */
  width: 26.8125rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__recommend-title-img {
    position: initial;
    /* margin-left: -72px; */
    margin-left: -4.5rem;
    /* width: 217px; */
    width: 13.5625rem;
  }
}
.p-niwastyle-section3__recommend-visual-box {
  position: relative;
  display: flex;
  justify-content: flex-end;
  /* margin-top: 115px; */
  margin-top: 7.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__recommend-visual-box {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin: 0 auto;
    width: fit-content;
    /* max-width: 350px; */
    max-width: 21.875rem;
  }
}
.p-niwastyle-section3__recommend-visual-img1 {
  /* margin-right: 160px; */
  margin-right: 10rem;
  /* width: 548px; */
  width: 34.25rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__recommend-visual-img1 {
    margin-right: unset;
    /* width: 350px; */
    width: 21.875rem;
    width: 100%;
    transform: rotate(-27deg);
  }
}
.p-niwastyle-section3__recommend-visual-img2 {
  position: absolute;
  /* top: -70px; */
  top: -4.375rem;
  /* left: 135px; */
  left: 8.4375rem;
  /* width: 584px; */
  width: 36.5rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__recommend-visual-img2 {
    position: initial;
    /* width: 350px; */
    width: 21.875rem;
    /* width: 100%; */
    transform: rotate(30deg);
  }
}
.p-niwastyle-section3__recommend-visual-deco1 {
  position: absolute;
  /* top: 315px; */
  top: 19.6875rem;
  /* right: 50px; */
  right: 3.125rem;
  /* width: 243px; */
  width: 15.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__recommend-visual-deco1 {
    position: absolute;
    /* top: 495px; */
    top: 30.9375rem;
    /* right: -95px; */
    right: -5.9375rem;
    /* width: 155px; */
    width: 9.6875rem;
    transform: rotate(-20deg);
  }
}
.p-niwastyle-section3__recommend-visual-deco2 {
  position: absolute;
  /* top: 240px; */
  top: 15rem;
  /* left: 30px; */
  left: 1.875rem;
  /* width: 252px; */
  width: 15.75rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__recommend-visual-deco2 {
    position: absolute;
    /* top: 38px; */
    top: 2.375rem;
    /* left: -75px; */
    left: -4.6875rem;
    /* width: 158.5px; */
    width: 9.90625rem;
  }
}
.p-niwastyle-section3__recommend-text {
  margin: 0 auto;
  /* margin-top: 40px; */
  margin-top: 2.5rem;
  /* max-width: 800px; */
  max-width: 50rem;
  /* font-size: 22px; */
  font-size: 1.375rem;
  letter-spacing: 0.11em;
  line-height: 1.95;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__recommend-text {
    /* margin: 0 20px; */
    margin: 0 1.25rem;
    /* margin-top: 6px; */
    margin-top: 0.375rem;
    /* font-size: 13px; */
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    line-height: 1.61;
  }
}
.p-niwastyle-section3__recommend-target {
  /* margin-top: 110px; */
  margin-top: 6.875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__recommend-target {
    /* margin-top: 20px; */
    margin-top: 1.25rem;
  }
}
.p-niwastyle-section3__recommend-target-title {
  margin: 0 auto;
  /* width: 762px; */
  width: 47.625rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__recommend-target-title {
    /* width: 294px; */
    width: 18.375rem;
  }
}
.p-niwastyle-section3__recommend-target-text {
  margin: 0 auto;
  /* margin-top: 40px; */
  margin-top: 2.5rem;
  /* max-width: 790px; */
  max-width: 49.375rem;
  /* font-size: 22px; */
  font-size: 1.375rem;
  letter-spacing: 0.11em;
  line-height: 1.95;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-section3__recommend-target-text {
    /* margin-top: 20px; */
    margin-top: 1.25rem;
    /* font-size: 13px; */
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    line-height: 1.61;
  }
}
.p-niwastyle-section3__deco1 {
  /* top: 800px; */
  top: 50rem;
  /* left: 50px; */
  left: 3.125rem;
  /* width: 307px; */
  width: 19.1875rem;
}
.p-niwastyle-section3__deco2 {
  /* top: 1600px; */
  top: 100rem;
  /* right: 40px; */
  right: 2.5rem;
  /* width: 328px; */
  width: 20.5rem;
}
.p-niwastyle-section3__deco3 {
  /* top: 3600px; */
  top: 225rem;
  /* left: 40px; */
  left: 2.5rem;
  /* width: 315px; */
  width: 19.6875rem;
}
.p-niwastyle-section3__deco4 {
  /* top: 4170px; */
  top: 260.625rem;
  /* right: 40px; */
  right: 2.5rem;
  /* width: 334px; */
  width: 20.875rem;
}



/******************************************************
* end section css
******************************************************/
.p-niwastyle-end {
  position: relative;
  /* margin-top: 170px; */
  margin-top: 10.625rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-end {
    /* margin-top: 50px; */
    margin-top: 3.125rem;
  }
}
.p-niwastyle-end__inner {
  position: relative;
}
.p-niwastyle-end__visual-box {
  position: relative;
  display: flex;
  justify-content: flex-end;
  /* margin-top: 115px; */
  margin-top: 7.1875rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-end__visual-box {
    margin: 0 auto;
    /* max-width: 368px; */
    max-width: 23rem;
  }
}
.p-niwastyle-end__visual-img1 {
  /* width: 700px; */
  width: 43.75rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-end__visual-img1 {
    /* width: 195px; */
    width: 52vw;
    /* max-width: 214px; */
    max-width: 13.375rem;
  }
}
.p-niwastyle-end__visual-img2 {
  position: absolute;
  /* top: -105px; */
  top: -6.5625rem;
  /* left: 85px; */
  left: 5.3125rem;
  /* width: 671px; */
  width: 41.9375rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-end__visual-img2 {
    position: absolute;
    /* top: -50px; */
    top: -3.125rem;
    left: 0px;
    /* width: 205px; */
    width: 12.8125rem;
    width: 54vw;
    /* max-width: 220px; */
    max-width: 13.75rem;
  }
}
.p-niwastyle-end__visual-deco1 {
  position: absolute;
  /* top: 205px; */
  top: 12.8125rem;
  /* right: 15px; */
  right: 0.9375rem;
  /* width: 257px; */
  width: 16.0625rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-end__visual-deco1 {
    /* top: 80px; */
    top: 5rem;
    /* right: -35px; */
    right: -2.1875rem;
    /* width: 99px; */
    width: 6.1875rem;
  }
}
.p-niwastyle-end__visual-deco2 {
  position: absolute;
  /* top: 330px; */
  top: 20.625rem;
  /* left: 20px; */
  left: 1.25rem;
  /* width: 266px; */
  width: 16.625rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-end__visual-deco2 {
    /* top: -65px; */
    top: -4.0625rem;
    /* left: 130px; */
    left: 8.125rem;
    /* width: 98.5px; */
    width: 6.15625rem;
  }
}
.p-niwastyle-end__text {
  margin: 0 auto;
  /* margin-top: 40px; */
  margin-top: 2.5rem;
  /* max-width: 800px; */
  max-width: 50rem;
  /* font-size: 22px; */
  font-size: 1.375rem;
  letter-spacing: 0.11em;
  line-height: 1.95;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
.p-niwastyle-end__question {
  /* margin-top: 25px; */
  margin-top: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-end__question {
    /* margin-top: -6px; */
    margin-top: -0.375rem;
  }
}
.p-niwastyle-end__question-title {
  margin: 0 auto;
  /* width: 580px; */
  width: 36.25rem;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-end__question-title {
    margin: 0 auto;
    /* width: 266.5px; */
    width: 16.65625rem;
  }
}
.p-niwastyle-end__question-text {
  margin: 0 auto;
  /* margin-top: 65px; */
  margin-top: 4.0625rem;
  /* padding-bottom: 100px; */
  padding-bottom: 6.25rem;
  /* max-width: 790px; */
  max-width: 49.375rem;
  /* font-size: 22px; */
  font-size: 1.375rem;
  letter-spacing: 0.1em;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-niwastyle-end__question-text {
    /* margin-top: 22px; */
    margin-top: 1.375rem;
    /* padding-bottom: 74px; */
    padding-bottom: 4.625rem;
    /* font-size: 13px; */
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    line-height: 1.61;
  }
}
.p-niwastyle-end__deco1 {
  /* top: 550px; */
  top: 34.375rem;
  /* right: -40px; */
  right: -2.5rem;
  /* width: 322px; */
  width: 20.125rem;
}





/******************************************************
* footer css
******************************************************/
.l-btn {
  /* margin-top: 100px; */
  margin-top: 6.25rem;
  /* margin-bottom: 90px; */
  margin-bottom: 5.625rem;
}
@media screen and (max-width: 767px) {
  .l-btn {
    /* margin-top: 37px; */
    margin-top: 2.3125rem;
  }
}
.p-btn__item.p-btn__item--picnic a {
  padding: 12px 55px;
  padding: 0.75rem 3.4375rem;
  text-transform: none;
}
@media screen and (max-width: 767px) {
  .p-btn__item.p-btn__item--picnic a {
    /* padding: 9px 32px; */
    padding: 0.5625rem 2rem;
    justify-content: left;
    text-align: center;
  }
}
.p-btn__item.p-btn__item--picnic a::after, .p-btn__item.p-btn__item--picnic a::before {
  /* right: 50px; */
  right: 3.125rem;
}

.p-btn__item.p-btn__item--picnic img {
  /* width: 44px; */
  width: 2.75rem;
  /* margin-right: 8px; */
  margin-right: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-btn__item.p-btn__item--picnic img {
    /* width: 35px; */
    width: 2.1875rem;
    /* margin-right: 17px; */
    margin-right: 1.0625rem;
  }
}





/****************************************************
** Animation css
****************************************************/

/** 切手アニメーション */
.js-illustAnime.js-illustInit {
  transform: rotate(8deg) translate(30px, 80px);
  opacity: 0;
  transition: opacity 1s, transform 0.3s;
}
.js-illustAnime {
  opacity: 1;
  transition: opacity 1s, transform 1s cubic-bezier(0.37, 1.6, 0.64, 1);
}


/** ハンコアニメーション */
.js-zoomOut {
  transform: scale(1.6,1.6);
  opacity: 0;
  animation: ease-in;
  animation-delay: 1.2s;
  transition: opacity 1s, transform 1s;
}
.js-zoomOut.is-animated {
  transform: scale(1,1);
  opacity: 1;
  animation: ease-in;
  animation-delay: 1s;
  transition: opacity 1s, transform 1s;
}


/* 波表示アニメーション*/
.js-waveAnime{
  opacity: 0;
  overflow: hidden;
}
.js-waveAnime.is-animated {
  animation-duration:1.5s;
  animation-delay: 250ms;
  animation-fill-mode:forwards;
  transition-timing-function: ease;
  opacity: 0;
}
.js-waveAnimeInner.is-animated {
  animation-duration:1.5s;
  animation-delay: 250ms;
  animation-fill-mode:forwards;
  transition-timing-function: ease;
  opacity: 0;
}

.waveLeftWrap.is-animated {
  animation-name:waveR2LAnimationWrap;
}
.waveLeft.is-animated {
  animation-name:waveR2LAnimation;
}

.waveRightWrap.is-animated {
  animation-name:waveL2RAnimationWrap;
}
.waveRight.is-animated {
  animation-name:waveL2RAnimation;
}

@keyframes waveR2LAnimationWrap {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes waveR2LAnimation {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes waveL2RAnimationWrap {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes waveL2RAnimation {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}




/** main visual Animation */
.p-niwastyle-mv__img1.mvInit {
  transform: rotate(12deg) translate(-50%, 100px);
  opacity: 0;
  transition: opacity 1s, transform 0.3s;
}
.p-niwastyle-mv__img1.mvAnime {
  transition: opacity 1s, transform 1s cubic-bezier(0.37, 1.6, 0.64, 1);
}

.p-niwastyle-mv__img2.mvInit {
  transform: rotate(-14deg) translate(-50%, 100px);
  opacity: 0;
  transition: opacity 1s, transform 0.3s;
}
.p-niwastyle-mv__img2.mvAnime {
  transition: opacity 1s, transform 1s cubic-bezier(0.37, 1.6, 0.64, 1);
  transition-delay: 250ms;
}

.p-niwastyle-mv__img3.mvInit {
  transform: rotate(8deg) translate(-50%, 100px);
  opacity: 0;
  transition: opacity 1s, transform 0.3s;
}
.p-niwastyle-mv__img3.mvAnime {
  transition: opacity 1s, transform 1s cubic-bezier(0.37, 1.6, 0.64, 1);
  transition-delay: 500ms;
}

.p-niwastyle-mv__deco1.mvInit {
  transform: translateY(30px);
  opacity: 0;
}
.p-niwastyle-mv__deco1.mvAnime {
  transition: opacity 1s, transform 1s;
  transition-delay: 1000ms;
}

.p-niwastyle-mv__deco2.mvInit {
  transform: translateY(30px);
  opacity: 0;
}
.p-niwastyle-mv__deco2.mvAnime {
  transition: opacity 1s, transform 1s;
  transition-delay: 1000ms;
}

.p-niwastyle-mv__deco3.mvInit {
  transform: translateY(30px);
  opacity: 0;
}
.p-niwastyle-mv__deco3.mvAnime {
  transition: opacity 1s, transform 1s;
  transition-delay: 1000ms;
}

.p-niwastyle-mv__deco4.js-waveAnime.is-animated {
  animation-delay: 1250ms;
}
.p-niwastyle-mv__deco4 .js-waveAnimeInner.is-animated {
  animation-delay: 1250ms;
}