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

/******************************************************
* layout
******************************************************/
.l-inner {
  max-width: 1578px;
  max-width: 98.625rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .l-inner {
    max-width: 460px;
    max-width: 28.75rem;
    margin: 0 auto;
    padding: 0 30px;
    padding: 0 1.875rem;
  }
}
.m-inner {
  max-width: 950px;
  max-width: 59.375rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .m-inner {
    padding: 0 23px;
    padding: 0 1.4375rem;
  }
}
.s-inner {
  max-width: 796px;
  max-width: 49.75rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .s-inner {
    padding: 0 12px;
    padding: 0 0.75rem;
  }
}

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



/******************************************************
* header
******************************************************/
.p-subpage-top.p-subpage-top--wellbeing .p-subpage-top__heading {
  /* margin-top: 68px; */
  margin-top: 4.25rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  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--wellbeing .p-subpage-top__heading {
    /* margin-top: 35px; */
    margin-top: 2.1875rem;
    padding-bottom: 0;
  }
}

.p-subpage-top.p-subpage-top--wellbeing .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/well-being/well-being-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 95px;
  width: 5.9375rem;
  height: 59px;
  height: 3.6875rem;
}
@media screen and (max-width: 767px) {
  .p-subpage-top.p-subpage-top--wellbeing .p-subpage-top__heading::before {
    width: 48px;
    width: 3rem;
    height: 30px;
    height: 1.875rem;
    /* margin-right: 14px; */
    margin-right: 0.875rem;
  }
}

.p-subpage-top.p-subpage-top--wellbeing .p-subpage-top__heading img {
  width: 100%;
  max-width: 499px;
  max-width: 31.1875rem;
  /* margin-top: 22px; */
  margin-top: 1.375rem;
}
@media screen and (max-width: 767px) {
  .p-subpage-top.p-subpage-top--wellbeing .p-subpage-top__heading img {
    max-width: 230px;
    max-width: 14.375rem;
    /* margin-top: 11px; */
    margin-top: 0.6875rem;
  }
}

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



/******************************************************
* background
******************************************************/
.p-wellbeing-main {
  background-color: #efe7db;
  color: #009944;
}



/******************************************************
* main visual
******************************************************/
.p-wellbeing-mv {
  padding-top: 95px;
  padding-top: 5.9375rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-mv {
    padding-top: 161px;
    padding-top: 10.0625rem;
    padding-bottom: 310px;
    padding-bottom: 19.375rem;
  }
}


.p-wellbeing-mv__inner {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-mv__inner {
    max-width: 500px;
    margin: 0 auto;
  }
}

.p-wellbeing-mv__bg-pc {
  position: relative;
  left: 56px;
  left: 3.5rem;
  width: 1753px;
  width: 109.5625rem;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-mv__bg-pc {
    display: none;
  }
}

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

.p-wellbeing-mv__bg-sp img {
  position: absolute;
  z-index: 10;
}

.p-wellbeing-mv__bg-sp1 {
  top: 6px;
  left: -20px;
  width: 78px;
}

.p-wellbeing-mv__bg-sp2 {
  top: 100px;
  left: -100px;
  width: 153px;
}

.p-wellbeing-mv__bg-sp3 {
  top: 30px;
  right: -88px;
  width: 168px;
}

.p-wellbeing-mv__bg-sp4 {
  top: 160px;
  left: 8px;
  width: 140px;
}

.p-wellbeing-mv__bg-sp5 {
  top: 160px;
  right: -50px;
  width: 143px;
}

.p-wellbeing-mv__bg-sp6 {
  top: 120px;
  left: 150px;
  width: 163px;
}


.p-wellbeing-mv__illust1 {
  position: absolute;
  top: -0.625rem;
  left: 18.25rem;
  width: 29.6875rem;
}

.p-wellbeing-mv__illust2 {
  position: absolute;
  top: -0.625rem;
  right: 34.75rem;
  width: 17.25rem;
}

.p-wellbeing-mv__illust3 {
  position: absolute;
  bottom: 2.625rem;
  left: 5.625rem;
  width: 28.125rem;
}

.p-wellbeing-mv__illust4 {
  position: absolute;
  bottom: 1.625rem;
  left: 36.875rem;
  width: 18.9375rem;
}

.p-wellbeing-mv__illust5 {
  position: absolute;
  bottom: 2.375rem;
  right: 5.75rem;
  width: 36.4375rem;
}

.p-wellbeing-mv__illust-sp1 {
  position: absolute;
  top: -125px;
  left: -18px;
  width: 142px;
}

.p-wellbeing-mv__illust-sp2 {
  position: absolute;
  top: -140px;
  right: 15px;
  width: 85px;
}

.p-wellbeing-mv__illust-sp3 {
  position: absolute;
  top: 120px;
  left: -78px;
  width: 297px;
}

.p-wellbeing-mv__illust-sp4 {
  position: absolute;
  top: 130px;
  right: -58px;
  width: 200px;
}

.p-wellbeing-mv__title {
  position: absolute;
  top: 49%;
  left: 50%;
  width: 748px;
  width: 46.75rem;
  transform: translate(-50%, -50%);
  z-index: 20px;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-mv__title {
    top: -3%;
    width: 230px;
    width: 14.375rem;
    z-index: 20px;
  }
}



/******************************************************
* about css
******************************************************/
.p-wellbeing-about {
  margin-top: 64px;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-about {
    margin-top: 14px;
    margin-top: 0.875rem;
  }
}

.p-wellbeing-about__inner {
  position: relative;
}

.p-wellbeing-lead__title {
  margin: 0 auto;
  width: 480px;
  width: 30rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-lead__title {
    width: 240px;
    width: 15rem;
  }
}

.p-wellbeing-lead__text {
  text-align: center;
  margin: 0 auto;
  margin-top: 53px;
  margin-top: 3.3125rem;
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: 0.13em;
  line-height: 1.818;
  width: 990px;
  width: 61.875rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .p-wellbeing-lead__text {
    margin-top: 23px;
    margin-top: 1.4375rem;
    padding: 0 11px;
    padding: 0 0.6875rem;
    width: 100%;
    font-size: 13px;
    font-size: 0.8125rem;
    text-align: justify;
  }
}

.p-wellbeing-about__title {
  margin: 0 auto;
  margin-top: 86px;
  margin-top: 5.375rem;
  width: 530px;
  width: 33.125rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-about__title {
    margin-top: 41px;
    margin-top: 2.5625rem;
    width: 265px;
    width: 16.5625rem;
  }
}

.p-wellbeing-about__text {
  text-align: center;
  margin: 0 auto;
  margin-top: 37px;
  margin-top: 2.3125rem;
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: 0.13em;
  line-height: 1.818;
  width: 990px;
  width: 61.875rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .p-wellbeing-about__text {
    margin-top: 18px;
    margin-top: 1.125rem;
    padding: 0 11px;
    padding: 0 0.6875rem;
    width: 100%;
    font-size: 13px;
    font-size: 0.8125rem;
    text-align: justify;
  }

  .p-wellbeing-about__text br {
    display: none;
  }
}

.p-wellbeing-about__anchor-box {
  margin: 0 auto;
  margin-top: 96px;
  margin-top: 6rem;
  max-width: 698px;
  max-width: 43.625rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-about__anchor-box {
    margin-top: 36px;
    margin-top: 2.25rem;
  }
}

.p-wellbeing-about__anchor-img1 {
  width: 164px;
  width: 10.25rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-about__anchor-img1 {
    width: 86px;
    width: 5.375rem;
  }
}

.p-wellbeing-about__anchor-img2 {
  width: 167px;
  width: 10.4375rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-about__anchor-img2 {
    width: 86px;
    width: 5.375rem;
  }
}

.p-wellbeing-about__anchor-img3 {
  width: 165px;
  width: 10.3125rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-about__anchor-img3 {
    width: 86px;
    width: 5.375rem;
  }
}



/******************************************************
* contents section css
******************************************************/
.p-wellbeing-contents {
  position: relative;
  padding-top: 122px;
  padding-top: 7.625rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents {
    padding-top: 61px;
    padding-top: 3.8125rem;
  }
}

.p-wellbeing-contents__title {
  margin: 0 auto;
  width: 622px;
  width: 38.875rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents__title {
    width: 312px;
    width: 19.5rem;
  }
}

.p-wellbeing-line__title {
  margin: 0 auto;
  margin-top: 16px;
  margin-top: 1rem;
  width: 1578px;
  width: 98.625rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-line__title {
    margin: 0 auto;
    /* width: 100%; */
    width: 317px;
    width: 19.8125rem;
  }
}

.p-wellbeing-contents__main-img {
  margin: 0 auto;
  margin-top: 80px;
  margin-top: 5rem;
  width: 704px;
  width: 44rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents__main-img {
    margin-top: 30px;
    margin-top: 1.875rem;
    width: 350px;
    width: 21.875rem;
  }
}

.p-wellbeing-contents__main-text {
  margin-top: 46px;
  margin-top: 2.875rem;
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: 0.12em;
  line-height: 1.818;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents__main-text {
    margin-top: 23px;
    margin-top: 1.4375rem;
    font-size: 13px;
    font-size: 0.8125rem;
    text-align: justify;
    font-feature-settings: normal;
  }
}

@media screen and (max-width: 767px) {
  .p-wellbeing-contents__point-section {
    position: relative;
    z-index: 10;
  }
}


.p-wellbeing-contents__point-wrapper {
  margin-top: 80px;
  margin-top: 5rem;
  display: grid;
  grid-template: 
    'illust title' auto
    'illust  text' auto /
    auto     auto;
  gap: 12px 30px;
  gap: 0.75rem 1.875rem;
  justify-items: center;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents__point-wrapper {
    margin-top: 30px;
    margin-top: 1.875rem;
    display: block;
  }
}

.p-wellbeing-contents__point-title-wrapper {
  grid-area: title;
}

.p-wellbeing-contents__point-illust-wrapper {
  grid-area: illust;
}

.p-wellbeing-contents__point-text-wrapper {
  grid-area: text;
}

.p-wellbeing-contents__point-title {
  margin: 0 auto;
  width: 376px;
  width: 23.5rem;
}

.p-wellbeing-contents__point-section .p-wellbeing-contents__point-wrapper:nth-child(2)
.p-wellbeing-contents__point-title {
  width: 290px;
  width: 18.125rem;
}

#section2 .p-wellbeing-contents__point-title {
  width: 227px;
  width: 14.1875rem;
}

#section2 .p-wellbeing-contents__point-section .p-wellbeing-contents__point-wrapper:nth-child(2)
.p-wellbeing-contents__point-title {
  width: 378px;
  width: 23.625rem;
}

#section3 .p-wellbeing-contents__point-title {
  width: 336px;
  width: 21rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents__point-title {
    width: 244px;
    width: 15.25rem;
  }

  .p-wellbeing-contents__point-section .p-wellbeing-contents__point-wrapper:nth-child(2)
  .p-wellbeing-contents__point-title {
    width: 188px;
    width: 11.75rem;
  }

  #section2 .p-wellbeing-contents__point-title {
    width: 147px;
    width: 9.1875rem;
  }

  #section2 .p-wellbeing-contents__point-section .p-wellbeing-contents__point-wrapper:nth-child(2)
  .p-wellbeing-contents__point-title {
    width: 245px;
    width: 15.3125rem;
  }

  #section3 .p-wellbeing-contents__point-title {
    width: 218px;
    width: 13.625rem;
  }
}

.p-wellbeing-line__point {
  width: 420px;
  width: 26.25rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-line__point {
    margin: 0 auto;
    width: 272px;
    width: 17rem;
  }
}

.p-wellbeing-line__point img {
  margin-top: 18px;
  margin-top: 1.125rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-line__point img {
    margin-top: 9px;
    margin-top: 0.5625rem;
  }
}

.p-wellbeing-contents__point-illust {
  margin-top: 40px;
  margin-top: 2.5rem;
  width: 495px;
  width: 30.9375rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents__point-illust {
    margin: 0 auto;
    margin-top: 20px;
    margin-top: 1.25rem;
    width: 286px;
    width: 17.875rem;
  }
}

.p-wellbeing-contents__point-text {
  font-size: 20px;
  font-size: 1.25rem;
  letter-spacing: 0.12em;
  line-height: 2;
  font-feature-settings: "palt";
  width: 400px;
  width: 25rem;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents__point-text {
    margin-top: 20px;
    margin-top: 1.25rem;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.625;
    text-align: justify;
    width: 100%;
  }
}

.p-wellbeing-contents__point-reference {
  margin-top: 12px;
  margin-top: 0.75rem;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  line-height: 2.16;
  font-feature-settings: "palt";
  width: 400px;
  width: 25rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents__point-reference {
    margin-top: 8px;
    margin-top: 0.5rem;
    font-size: 11px;
    font-size: 0.6875rem;
    width: 100%;
  }
}

.p-wellbeing-contents__point-section .p-wellbeing-contents__point-wrapper:nth-child(2) {
  margin-top: 100px;
  margin-top: 6.25rem;
  grid-template: 
  'title illust' auto
  'text  illust' auto /
  auto     auto;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents__point-section .p-wellbeing-contents__point-wrapper:nth-child(2) {
    margin-top: 42px;
    margin-top: 2.625rem;
  }
}

.p-wellbeing-contents__point-section .p-wellbeing-contents__point-wrapper:nth-child(2) 
.p-wellbeing-contents__point-illust {
  margin-top: 60px;
  margin-top: 3.75rem;
  width: 498px;
  width: 31.125rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents__point-section .p-wellbeing-contents__point-wrapper:nth-child(2) 
  .p-wellbeing-contents__point-illust {
    margin-top: 18px;
    margin-top: 1.125rem;
    width: 300px;
    width: 18.75rem;
  }
}

.p-wellbeing-contents__cv-wrapper {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents__cv-wrapper {
    margin-top: 42px;
    margin-top: 2.625rem;
  }
}

.p-wellbeing-contents__cv-comment {
  margin: 0 auto;
  width: 422px;
  width: 26.375rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents__cv-comment {
    width: 282px;
    width: 17.625rem;
  }
}

.p-wellbeing-contents__cv-btn {
  margin: 0 auto;
  margin-top: 20px;
  margin-top: 1.25rem;
  width: 440px;
  width: 27.5rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-contents__cv-btn {
    margin-top: 15px;
    margin-top: 0.9375rem;
    width: 294px;
    width: 18.375rem;
  }
}



/******************************************************
* end section css
******************************************************/
.p-wellbeing-end {
  position: relative;
  margin-top: 130px;
  margin-top: 8.125rem;
  padding-bottom: 110px;
  padding-bottom: 6.875rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-end {
    margin-top: 43px;
    margin-top: 2.6875rem;
    padding-bottom: 43px;
    padding-bottom: 2.6875rem;
  }
}

.p-wellbeing-end__title {
  margin: 0 auto;
  width: 536px;
  width: 33.5rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-end__title {
    width: 268px;
    width: 16.75rem;
  }
}

.p-wellbeing-end__main-img {
  margin: 0 auto;
  margin-top: 46px;
  margin-top: 2.875rem;
  width: 640px;
  width: 40rem;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-end__main-img {
    position: relative;
    margin-top: 22px;
    margin-top: 1.375rem;
    width: 320px;
    width: 20rem;
    z-index: 10;
  }
}

.p-wellbeing-end__text {
  margin: 0 auto;
  margin-top: 46px;
  margin-top: 2.875rem;
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: 0.12em;
  line-height: 1.818;
  font-feature-settings: "palt";
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-end__text {
    margin-top: 20px;
    margin-top: 1.25rem;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.615;
  }
}



/******************************************************
* decoration css
******************************************************/
.p-wellbeing-decoration__pc img {
  position: absolute;
}

.p-wellbeing-decoration__sp img {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-wellbeing-decoration__pc img {
    display: none;
  }

  .p-wellbeing-decoration__sp img {
    display: block;
    position: absolute;
  }
}

.p-wellbeing-decoration__pc1 {
  top: 21.875rem;
  left: -4.375rem;
  width: 18.5rem;
}

.p-wellbeing-decoration__pc2 {
  top: 30rem;
  left: -0.625rem;
  width: 14.3125rem;
}

.p-wellbeing-decoration__pc3 {
  bottom: -6.875rem;
  right: -1.25rem;
  width: 23.6875rem;
}

.p-wellbeing-decoration__pc4 {
  bottom: -5.3125rem;
  right: 2.5rem;
  width: 16.5625rem;
}



/** section1 */
.p-wellbeing-decoration__pc5 {
  top: 35rem;
  left: 8.125rem;
  width: 13.6875rem;
}

.p-wellbeing-decoration__pc6 {
  top: 25.625rem;
  left: -3.125rem;
  width: 19rem;
}

.p-wellbeing-decoration__pc7 {
  top: 51.875rem;
  right: 6.25rem;
  width: 20.625rem;
}

.p-wellbeing-decoration__pc8 {
  top: 61.25rem;
  right: 1.875rem;
  width: 19.1875rem;
}

.p-wellbeing-decoration__pc9 {
  top: 85rem;
  left: 6.25rem;
  width: 9.3125rem;
}

.p-wellbeing-decoration__pc10 {
  top: 92.5rem;
  left: 3.125rem;
  width: 5.625rem;
}

.p-wellbeing-decoration__pc11 {
  top: 105.625rem;
  right: -2.8125rem;
  width: 23.75rem;
}

.p-wellbeing-decoration__pc12 {
  top: 104.375rem;
  right: 2.1875rem;
  width: 11.25rem;
}

.p-wellbeing-decoration__pc13 {
  top: 155rem;
  left: -3.125rem;
  width: 21.375rem;
}



/** section2 */
.p-wellbeing-decoration__pc14 {
  top: 32.5rem;
  right: 3.125rem;
  width: 19.375rem;
}

.p-wellbeing-decoration__pc15 {
  top: 25.625rem;
  right: 3.125rem;
  width: 10.3125rem;
}

.p-wellbeing-decoration__pc16 {
  top: 67.5rem;
  left: 5rem;
  width: 15.875rem;
}

.p-wellbeing-decoration__pc17 {
  top: 56.875rem;
  left: 1.875rem;
  width: 16.5625rem;
}

.p-wellbeing-decoration__pc18 {
  top: 75rem;
  right: 0px;
  width: 19.25rem;
}

.p-wellbeing-decoration__pc19 {
  top: 114.375rem;
  left: 0px;
  width: 19.125rem;
}

.p-wellbeing-decoration__pc20 {
  top: 125rem;
  left: 1.25rem;
  width: 7.8125rem;
}

.p-wellbeing-decoration__pc21 {
  top: 158.75rem;
  right: 3.125rem;
  width: 23.3125rem;
}

.p-wellbeing-decoration__pc22 {
  top: 169.375rem;
  right: 1.25rem;
  width: 19.625rem;
}



/** section3 */
.p-wellbeing-decoration__pc23 {
  top: 30rem;
  left: 3.125rem;
  width: 20rem;
}

.p-wellbeing-decoration__pc24 {
  top: 35rem;
  left: 3.125rem;
  width: 17.5rem;
}

.p-wellbeing-decoration__pc25 {
  top: 61.25rem;
  right: 5rem;
  width: 13.9375rem;
}

.p-wellbeing-decoration__pc26 {
  top: 59.375rem;
  right: 1.875rem;
  width: 15.8125rem;
}

.p-wellbeing-decoration__pc27 {
  top: 95rem;
  left: -3.75rem;
  width: 18.75rem;
}

.p-wellbeing-decoration__pc28 {
  top: 115.625rem;
  right: 3.125rem;
  width: 8.125rem;
}

.p-wellbeing-decoration__pc29 {
  top: 125rem;
  right: 7.5rem;
  width: 6.25rem;
}

.p-wellbeing-decoration__pc30 {
  top: 158.75rem;
  left: 3.125rem;
  width: 22.875rem;
}

.p-wellbeing-decoration__pc31 {
  top: 165.625rem;
  left: 6.25rem;
  width: 8.75rem;
}



/** end-section */
.p-wellbeing-decoration__pc32 {
  top: -12.5rem;
  right: 1.875rem;
  width: 19.75rem;
}

.p-wellbeing-decoration__pc33 {
  top: -21.875rem;
  right: 3.125rem;
  width: 16.5rem;
}

.p-wellbeing-decoration__pc34 {
  top: 17.5rem;
  left: 1.875rem;
  width: 21.25rem;
}

.p-wellbeing-decoration__pc35 {
  top: 15rem;
  left: -3.75rem;
  width: 16.5rem;
}

.p-wellbeing-decoration__pc36 {
  top: 40.625rem;
  right: 3.125rem;
  width: 21.375rem;
}

.p-wellbeing-decoration__pc37 {
  top: 43.125rem;
  right: 6.25rem;
  width: 15.25rem;
}


/** section1 sp */
.p-wellbeing-decoration__sp1 {
  top: 40rem;
  right: -5.25rem;
  width: 8.5rem;
}

.p-wellbeing-decoration__sp2 {
  top: 50rem;
  right: -3.125rem;
  width: 9.8125rem;
}

.p-wellbeing-decoration__sp3 {
  top: 53.4375rem;
  right: -7.75rem;
  width: 11.875rem;
}

.p-wellbeing-decoration__sp4 {
  top: 59.375rem;
  left: -3.75rem;
  width: 7.375rem;
}

.p-wellbeing-decoration__sp5 {
  top: 83.75rem;
  left: -4.375rem;
  width: 9.8125rem;
}

.p-wellbeing-decoration__sp6 {
  top: 84.375rem;
  right: -4.375rem;
  width: 9.625rem;
}

.p-wellbeing-decoration__sp7 {
  top: 93.125rem;
  left: -3.75rem;
  width: 9.5rem;
}



/** section2 sp */
.p-wellbeing-decoration__sp8 {
  top: 43.125rem;
  left: -4.625rem;
  width: 9.8125rem;
}

.p-wellbeing-decoration__sp9 {
  top: 47.8125rem;
  right: -4.375rem;
  width: 8.125rem;
}

.p-wellbeing-decoration__sp10 {
  top: 56.25rem;
  left: -3.75rem;
  width: 10.3125rem;
}

.p-wellbeing-decoration__sp11 {
  top: 61.375rem;
  left: -0.625rem;
  width: 8.75rem;
}

.p-wellbeing-decoration__sp12 {
  top: 85.625rem;
  left: -5rem;
  width: 8.625rem;
}

.p-wellbeing-decoration__sp13 {
  top: 87.5rem;
  right: -4.375rem;
  width: 9.6875rem;
}

.p-wellbeing-decoration__sp14 {
  top: 93.4375rem;
  left: -2.5rem;
  width: 10.6875rem;
}



/** section3 sp */
.p-wellbeing-decoration__sp15 {
  top: 38.4375rem;
  right: -5.625rem;
  width: 9.8125rem;
}

.p-wellbeing-decoration__sp16 {
  top: 49.6875rem;
  left: -1.875rem;
  width: 8.125rem;
}

.p-wellbeing-decoration__sp17 {
  top: 48.75rem;
  right: 0.625rem;
  width: 10.3125rem;
}

.p-wellbeing-decoration__sp18 {
  top: 72.1875rem;
  right: -4.6875rem;
  width: 8.75rem;
}

.p-wellbeing-decoration__sp19 {
  top: 83.75rem;
  left: -2.1875rem;
  width: 8.625rem;
}

.p-wellbeing-decoration__sp20 {
  top: 87.1875rem;
  right: -2.1875rem;
  width: 9.6875rem;
}

.p-wellbeing-decoration__sp21 {
  top: 95rem;
  left: 0.375rem;
  width: 7.4375rem;
}



/** end section sp */
.p-wellbeing-decoration__sp22 {
  top: 0;
  right: -4.0625rem;
  width: 8.625rem;
}

.p-wellbeing-decoration__sp23 {
  top: 7.5rem;
  left: -3.125rem;
  width: 9.6875rem;
}

.p-wellbeing-decoration__sp24 {
  top: 20rem;
  right: -3.125rem;
  width: 7.4375rem;
}



/******************************************************
* 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 12px 80px;
  padding: 0.75rem 3.4375rem 0.75rem 5rem;
  text-transform: none;
}
@media screen and (max-width: 767px) {
  .p-btn__item.p-btn__item--picnic a {
    /* padding: 9px 32px; */
    padding: 0.5625rem 2rem;
    padding-left: 3.75rem;
    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: 32px;
  width: 2rem;
  /* margin-right: 8px; */
  margin-right: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-btn__item.p-btn__item--picnic img {
    width: 24px;
    width: 1.5rem;
    /* margin-right: 17px; */
    margin-right: 1.0625rem;
  }
}





/****************************************************
** Animation css
****************************************************/
.titleFadeUp {
  animation-name: titleFadeUp;
  animation-duration: 1.4s;
  animation-delay: 1.0s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  opacity: 0;
}

@keyframes titleFadeUp {
  from {
    margin-top: 50px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}

.slide-in {
	overflow: hidden;
  /* display: inline-block; */
}

.slide-in_inner {
	display: inline-block;

}

/*左右のアニメーション*/
.maskingAnime, .leftAnime, .rightAnime {
    opacity: 0;/*事前に透過0にして消しておく*/
}

.maskingAnimeLeftRight {
	animation-name:slideTextX100;
	animation-duration:1.8s;
	animation-fill-mode:forwards;
  opacity: 1;
}
.maskingAnimeRightLeft {
	animation-name:slideTextX-100;
	animation-duration:1.8s;
	animation-fill-mode:forwards;
  opacity: 0;
}

.sectionLine {
  animation-duration: 2.0s;
}

@keyframes slideTextX100 {
  from {
    transform: translateX(-100%); /*要素を左の枠外に移動*/
        opacity: 0;
  }

  to {
    transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}

@keyframes slideTextX-100 {
  from {
    transform: translateX(100%);/*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
    transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}