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

/******************************************************
* reset
******************************************************/
@media screen and (max-width: 767px) {
  img {
    max-width: none;
  }
}


/******************************************************
* layout
******************************************************/
@media screen and (max-width: 767px) {
  .l-inner {
    /* max-width: 460px; */
    max-width: 28.75rem;
  }
}

.m-inner {
  /* max-width: 1280px; */
  /* max-width: 80rem; */
  /* max-width: 1160px; */
  max-width: 72.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .m-inner {
    /* margin: auto 15px; */
    margin: auto 0.9375rem;
  }
}

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



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

.p-subpage-top.p-subpage-top--cooking .p-subpage-top__heading::before {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 14px;
  margin-right: 0.875rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  content: "";
  background-image: url(../images/cooking/cooking_icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 94px;
  width: 5.875rem;
  height: 80px;
  height: 5rem;
}
@media screen and (max-width: 767px) {
  .p-subpage-top.p-subpage-top--cooking .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--cooking .p-subpage-top__heading img {
  width: 100%;
  /* max-width: 585.5px; */
  max-width: 36.5938rem;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-subpage-top.p-subpage-top--cooking .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--cooking .p-subpage-top__inner::before {
  display: none;
}


/******************************************************
* background
******************************************************/
.p-cooking-bg_first {
  position: relative;
  background-image: url(../images/cooking/bg_green_mesh.png);
  background-size: 100% auto;
  background-repeat: repeat;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-cooking-bg_first {
    background-image: url(../images/cooking/bg_green_mesh-sp.png);
  }
}

.p-cooking-bg_second {
  position: relative;
  background-image: url(../images/cooking/bg_orange_mesh.png);
  background-size: 100% auto;
  background-repeat: repeat;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-cooking-bg_second {
    padding-top: 6.5625rem;
    background-image: url(../images/cooking/bg_orange_mesh-sp.png);
  }
}

.p-cooking-bg_third {
  position: relative;
  background-image: url(../images/cooking/bg_purple_mesh.png);
  background-size: 100% auto;
  background-repeat: repeat;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .p-cooking-bg_third {
    padding-top: 6.5625rem;
    background-image: url(../images/cooking/bg_purple_mesh-sp.png);
  }
}





/******************************************************
* main visual
******************************************************/
.p-cooking-mv {
  position: relative;
  padding-top: 0.75rem;
  /* padding: 0.75rem 0; */
}
@media screen and (max-width: 767px) {
  .p-cooking-mv {
    /* padding: 30px 0; */
    padding-top: 1.375rem;
  }
}
.p-cooking-mv__inner {
  position: relative;
  margin: 0 auto;
  width: 88.125rem;
  height: 41.5rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-mv__inner {
    width: 100%;
    height: 24.875rem;
    /* max-width: 320px; */
    /* max-width: 20rem; */
    /* max-height: 392.5px; */
    /* max-height: 24.53125rem; */
  }
}
.p-cooking-mv__decoration {
  
}
.p-cooking-mv__decoration {
  position: absolute;
  top: 0;
  left: 50%;
  width: 88.0625rem;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-cooking-mv__decoration {
    /* top: 2.875rem; */
    left: calc(50% + 0.875rem);
    width: 26.875rem;
    transform: translateX(-50%);
  }
}
.p-cooking-mv__title-shadow {
  position: absolute;
  top: calc(4.25rem + 1.6875rem);
  left: calc(50% + 2.6875rem);
  width: 33.125rem;
  transform: translateX(-50%);
  mix-blend-mode: multiply;
}
@media screen and (max-width: 767px) {
  .p-cooking-mv__title-shadow  {
    top: calc(2.9375rem + 0.875rem);
    left: calc(50% + 1.5rem);
    width: 17.625rem;
  }
}
.p-cooking-mv__title {
  position: absolute;
  top: 4.25rem;
  left: 50%;
  width: 35.125rem;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-cooking-mv__title {
    top: 2.875rem;
    width: 18.75rem;
  }
}
.p-cooking-mv__colortry {
  position: absolute;
  top: 25.75rem;
  left: 50%;
  width: 65.875rem;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-cooking-mv__colortry {
    top: 15.125rem;
    width: 28rem;
  }
}




/******************************************************
* about css
******************************************************/
.p-cooking-about {
  position: relative;
  margin-top: 4.375rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-about {
    margin-top: 1.5625rem;
  }
}
.p-cooking-about__img {
  margin: 0 auto;
  margin-top: 2.8125rem;
  margin-bottom: 1.5625rem;
  width: 577px;
  width: 36.0625rem;
  transition: all .3s cubic-bezier(0.55, 0.05, 0.22, 0.99) 0s;
  transition-property: background, color;
}
@media screen and (max-width: 767px) {
  .p-cooking-about__img {
    margin-top: 1.625rem;
    margin-bottom: 0.6875rem;
    width: 18.125rem;
  }
}
.p-cooking-about__inner p {
  margin: 0 auto;
  text-align: center;
  /* font-size: 22px; */
  font-size: 1.375rem;
  font-feature-settings: "palt";
  line-height: 1.8;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 767px) {
  .p-cooking-about__inner p {
    margin: 0 0.875rem;
    text-align: left;
    /* font-size: 13px; */
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    letter-spacing: 0.13em;
    font-feature-settings: "palt";
    text-align: justify;
  }
  .p-cooking-about__inner p br {
    display: none;
  }
}

.p-cooking-about__anchor-box {
  margin: 0 auto;
  margin-top: 5rem;
  max-width: 50rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-cooking-about__anchor-box {
    margin-top: 2rem;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
}
.p-cooking-about__anchor img {
  width: 15rem;
  height: fit-content;
}
@media screen and (max-width: 767px) {
  .p-cooking-about__anchor img {
    width: 6.875rem;
    height: 8.375rem;
  }
}






/******************************************************
* section css
******************************************************/
.p-cooking-section1 {
  position: relative;
  margin-top: 5.5rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section1 {
    margin-top: 6.25rem;
  }
}
.p-cooking-section2 {
  position: relative;
  margin-top: 20rem;
  padding-top: 8.125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2 {
    margin-top: 6.875rem;
    padding-top: 0;
  }
}
.p-cooking-section3 {
  position: relative;
  margin-top: 20rem;
  padding-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section3 {
    margin-top: 5.3125rem;
    padding-top: 0;
  }
}

.p-cooking-section__inner {
  position: relative;
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section__inner {
    /* padding-bottom: 2.5rem; */
    padding-bottom: 9.25rem;
  }
}


/**
 * section main
 */
.p-cooking-section-main {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-main {
    display: block;
  }
}
.p-cooking-section1 .p-cooking-section-main,
.p-cooking-section2 .p-cooking-section-main,
.p-cooking-section3 .p-cooking-section-main {
  gap: 1.875rem;
}
.p-cooking-section2 .p-cooking-section-main {
  flex-direction: row-reverse;
  gap: 0;
}

.p-cooking-section-main__img-wrapper {
  position: relative;
}

.p-cooking-section1 .p-cooking-section-main__img {
  width: 43.3125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section1 .p-cooking-section-main__img {
    margin: 0 auto;
    width: 19.6875rem;
    transform: translateX(0.625rem);
  }
}
.p-cooking-section2 .p-cooking-section-main__img {
  width: 44.125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2 .p-cooking-section-main__img {
    margin: 0 auto;
    width: 20.0625rem;
    transform: translateX(-0.625rem);
  }
}
.p-cooking-section3 .p-cooking-section-main__img {
  width: 44.875rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section3 .p-cooking-section-main__img {
    margin: 0 auto;
    width: 20.75rem;
  }
}

.p-cooking-section-main__img-shadow {
  position: absolute;
  z-index: -1;
  mix-blend-mode: multiply;
}
.p-cooking-section1 .p-cooking-section-main__img-shadow {
  bottom: -2.4375rem;
  left: -2.5rem;
  width: 39.125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section1 .p-cooking-section-main__img-shadow {
    bottom: -1.25rem;
    left: calc(50% + 1rem);
    /* left: initial; */
    /* right: -9px; */
    width: 17.8125rem;
    transform: translateX(-50%);
  }
}
.p-cooking-section2 .p-cooking-section-main__img-shadow {
  bottom: -2.6875rem;
  right: 0;
  width: 38.4375rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2 .p-cooking-section-main__img-shadow {
    bottom: -1.25rem;
    left: calc(50% + 1rem);
    width: 17.8125rem;
    transform: translateX(-50%);
  }
}
.p-cooking-section3 .p-cooking-section-main__img-shadow {
  bottom: -2.625rem;
  left: -1.3125rem;
  width: 39.125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section3 .p-cooking-section-main__img-shadow {
    bottom: -1.25rem;
    left: calc(50% + 1.25rem);
    width: 18.125rem;
    transform: translateX(-50%);
  }
}

.p-cooking-section-main__title {
  position: absolute;
}
.p-cooking-section1 .p-cooking-section-main__title {
  top: -1.25rem;
  left: 37.375rem;
  width: 46.4375rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section1 .p-cooking-section-main__title {
    top: -90px;
    left: -8px;
    width: 20.375rem;
  }
}
.p-cooking-section2 .p-cooking-section-main__title {
  top: 7rem;
  right: 36.875rem;
  width: 51.75rem;
  max-width: none;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2 .p-cooking-section-main__title {
    top: -90px;
    left: -8px;
    width: 22rem;
  }
}
.p-cooking-section3 .p-cooking-section-main__title {
  top: 2.5rem;
  left: 40.8125rem;
  width: 43.4375rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section3 .p-cooking-section-main__title {
    top: -4.375rem;
    left: 0.8125rem;
    width: 17.6875rem;
  }
}

.p-cooking-section-main__text {
  width: 22.375rem;
  font-size: 1.375rem;
  line-height: 2.5rem;
  letter-spacing: 0.08em;
  font-feature-settings: "palt";
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-main__text {
    width: 100%;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    letter-spacing: 0.1em;
  }
  .p-cooking-section-main__text br {
    display: none;
  }
}
.p-cooking-section1 .p-cooking-section-main__text {
  margin-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section1 .p-cooking-section-main__text {
    margin-top: 2.3125rem;
  }
}
.p-cooking-section2 .p-cooking-section-main__text {
  margin-top: 13.75rem;
  width: 21.875rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2 .p-cooking-section-main__text {
    margin-top: 2.3125rem;
    width: 100%;
  }
}
.p-cooking-section3 .p-cooking-section-main__text {
  margin-top: 8.75rem;
  width: 23.125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section3 .p-cooking-section-main__text {
    margin-top: 2.3125rem;
    width: 100%;
  }
}


/**
 * section step
 */
.p-cooking-section-step {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.25rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-step {
    display: block;
  }
}
.p-cooking-section-step.p-cooking-section1__step1 {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-step.p-cooking-section1__step1 {
    margin-top: 2.875rem;
  }
}
.p-cooking-section-step.p-cooking-section1__step2 {
  margin-top: 0.8125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-step.p-cooking-section1__step2 {
    margin-top: 1.5625rem;
  }
}
.p-cooking-section-step.p-cooking-section2__step1 {
  margin-top: 2.3125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-step.p-cooking-section2__step1 {
    margin-top: 1.5625rem;
  }
}
.p-cooking-section-step.p-cooking-section2__step2 {
  margin-top: 0.75rem;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-step.p-cooking-section2__step2 {
    margin-top: 1.5625rem;
  }
}
.p-cooking-section-step.p-cooking-section3__step1 {
  margin-top: 2.5rem;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-step.p-cooking-section3__step1 {
    margin-top: 1.5625rem;
  }
}
.p-cooking-section-step.p-cooking-section3__step2 {
  margin-top: 0.3125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-step.p-cooking-section3__step2 {
    margin-top: 1.5625rem;
  }
}

.p-cooking-section-step__img-wrapper {
  position: relative;
}

.p-cooking-section-step__img {
  width: 30.5rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-step__img {
    margin: 0 auto;
    width: 15.25rem;
  }
}
.p-cooking-section1__step2 .p-cooking-section-step__img {
  width: 31.125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section1__step2 .p-cooking-section-step__img {
    width: 15.3125rem;
  }
}
.p-cooking-section2__step1 .p-cooking-section-step__img,
.p-cooking-section2__step2 .p-cooking-section-step__img {
  width: 30.625rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2__step1 .p-cooking-section-step__img,
  .p-cooking-section2__step2 .p-cooking-section-step__img  {
    width: 15.25rem;
  }
}

.p-cooking-section-step__img-shadow {
  position: absolute;
  width: 30.5625rem;
  mix-blend-mode: multiply;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-step__img-shadow {
    width: 15.25rem;
  }
}
.p-cooking-section1__step1 .p-cooking-section-step__img-shadow {
  bottom: -2.5625rem;
  right: -2.5625rem;  
}
@media screen and (max-width: 767px) {
  .p-cooking-section1__step1 .p-cooking-section-step__img-shadow {
    bottom: -1.25rem;
    left: calc(50% - 1.25rem);
    right: initial;
    transform: translateX(-50%);
  }
}
.p-cooking-section1__step2 .p-cooking-section-step__img-shadow {
  bottom: -2.4375rem;
  left: -2.125rem;  
}
@media screen and (max-width: 767px) {
  .p-cooking-section1__step2 .p-cooking-section-step__img-shadow {
    bottom: -1.25rem;
    left: calc(50% + 1.25rem);
    transform: translateX(-50%);
  }
}
.p-cooking-section2__step1 .p-cooking-section-step__img-shadow {
  bottom: -2.5625rem;
  left: -2.5625rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2__step1 .p-cooking-section-step__img-shadow {
    bottom: -1.25rem;
    left: calc(50% - 1.25rem);
    transform: translateX(-50%);
  }
}
.p-cooking-section2__step2 .p-cooking-section-step__img-shadow {
  bottom: -2.4375rem;
  right: -2.4375rem;  
}
@media screen and (max-width: 767px) {
  .p-cooking-section2__step2 .p-cooking-section-step__img-shadow {
    bottom: -1.25rem;
    left: calc(50% + 1.25rem);
    transform: translateX(-50%);
  }
}
.p-cooking-section3__step1 .p-cooking-section-step__img-shadow {
  bottom: -2.5625rem;
  right: -2.5625rem;  
}
@media screen and (max-width: 767px) {
  .p-cooking-section3__step1 .p-cooking-section-step__img-shadow {
    bottom: -1.25rem;
    left: calc(50% - 1.25rem);
    transform: translateX(-50%);
  }
}
.p-cooking-section3__step2 .p-cooking-section-step__img-shadow {
  bottom: -2.4375rem;
  left: -2.125rem;  
}
@media screen and (max-width: 767px) {
  .p-cooking-section3__step2 .p-cooking-section-step__img-shadow {
    bottom: -1.25rem;
    left: calc(50% + 1.25rem);
    transform: translateX(-50%);
  }
}

.p-cooking-section-step p {
  padding: 1.25rem 0.125rem;
  width: 28.375rem;
  font-size: 1.375rem;
  line-height: 2.5rem;
  letter-spacing: 0.12em;
  font-feature-settings: "palt";
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-step p {
    padding: 0;
    width: 100%;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    letter-spacing: 0.1em;
  }
}
.p-cooking-section1__step1.p-cooking-section-step p {
  margin-top: 7.5rem;
  border-top: solid 0.3125rem #00ad8d;
  border-bottom: solid 0.3125rem #00ad8d;
}
@media screen and (max-width: 767px) {
  .p-cooking-section1__step1.p-cooking-section-step p {
    margin-top: 2.5rem;
    border: none;
  }
}
.p-cooking-section1__step2.p-cooking-section-step p {
  margin-top: 7.5rem;
  border-top: solid 0.3125rem #00a23d;
  border-bottom: solid 0.3125rem #00a23d;
}
@media screen and (max-width: 767px) {
  .p-cooking-section1__step2.p-cooking-section-step p {
    margin-top: 2.5rem;
    border: none;
  }
}
.p-cooking-section2__step1.p-cooking-section-step p {
  margin-top: 7.5rem;
  /* width: 27.875rem; */
  padding: 1.25rem 0.375rem;
  border-top: solid 0.3125rem #e73257;
  border-bottom: solid 0.3125rem #e73257;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2__step1.p-cooking-section-step p {
    margin-top: 2.5rem;
    padding: 0;
    border: none;
  }
}
.p-cooking-section2__step2.p-cooking-section-step p {
  margin-top: 7.5rem;
  padding: 1.25rem 0.5rem;
  border-top: solid 0.3125rem #ff7300;
  border-bottom: solid 0.3125rem #ff7300;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2__step2.p-cooking-section-step p {
    margin-top: 2.5rem;
    padding: 0;
    border: none;
  }
}
.p-cooking-section3__step1.p-cooking-section-step p {
  margin-top: 7.5rem;
  border-top: solid 0.3125rem #8b58a1;
  border-bottom: solid 0.3125rem #8b58a1;
}
@media screen and (max-width: 767px) {
  .p-cooking-section3__step1.p-cooking-section-step p {
    margin-top: 2.5rem;
    border: none;
  }
}
.p-cooking-section3__step2.p-cooking-section-step p {
  margin-top: 7.5rem;
  border-top: solid 0.3125rem #bb0081;
  border-bottom: solid 0.3125rem #bb0081;
}
@media screen and (max-width: 767px) {
  .p-cooking-section3__step2.p-cooking-section-step p {
    margin-top: 2.5rem;
    border: none;
  }
}

/**
 * section advice
 */
.p-cooking-section-advice {
  position: absolute;
  width: 100%;
  height: 21.5625rem;
  background-size: contain;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-advice {
    /* top: 0; */
    left: 50%;
    height: 13.25rem;
    background-size: contain;
    background-position: top;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 386px) {
  .p-cooking-section-advice {
    background-repeat: no-repeat;
  }
}
.p-cooking-section1__advice {
  background-image: url('../images/cooking/section1_advice_bg.png');
}
@media screen and (max-width: 767px) {
  .p-cooking-section1__advice {
    background-image: url('../images/cooking/section1_advice_bg-sp.png');
  }
}
.p-cooking-section2__advice {
  background-image: url('../images/cooking/section2_advice_bg.png');
}
@media screen and (max-width: 767px) {
  .p-cooking-section2__advice {
    background-image: url('../images/cooking/section2_advice_bg-sp.png');
  }
}
.p-cooking-section3__advice {
  background-image: url('../images/cooking/section3_advice_bg.png');
}
@media screen and (max-width: 767px) {
  .p-cooking-section3__advice {
    z-index: -2;
    background-image: url('../images/cooking/section3_advice_bg-sp.png');
  }
}

.p-cooking-section-advice__title {
  margin: 0 auto;
  margin-top: 2.75rem;
  width: 112rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-advice__title {
    margin-top: 1.875rem;
    width: 19.6875rem;
  }
}

.p-cooking-section-advice p {
  margin: 0 auto;
  margin-top: 3rem;
  width: 50rem;
  font-size: 1.375rem;
  line-height: 2.5rem;
  letter-spacing: 0.12em;
  font-feature-settings: "palt";
  text-align: justify;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-cooking-section-advice p {
    margin-top: 0.9375rem;
    padding: 0 2.1875rem;
    width: 100%;
    max-width: 375px;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    letter-spacing: 0.1em;
  }
}


/**
 * end section
 */
.p-cooking-end {
  position: relative;
  padding-top: 25.875rem;
  padding-bottom: 8.125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-end {
    margin-top: 3.75rem;
    padding-top: 6.875rem;
    padding-bottom: 3.125rem;
  }
}
.p-cooking-end__inner {
  position: relative;
}

.p-cooking-end__img {
  margin: 0 auto;
  width: 36.875rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-end__img {
    width: 18.4375rem;
  }
}

.p-cooking-end__text {
  margin: 0 auto;
  margin-top: 2.5rem;
  font-size: 1.375rem;
  line-height: 2.5rem;
  letter-spacing: 0.12em;
  font-feature-settings: "palt";
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-cooking-end__text {
    margin-top: 1.125rem;
    padding: 0 0.9375rem;
    width: 100%;
    max-width: 375px;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
    letter-spacing: 0.1em;
    text-align: justify;
  }

  .p-cooking-end__text br {
    display: none;
  }
}

/**
 * decoration
 */
.p-cooking-decoration img {
  position: absolute;
  z-index: -2;
}
.p-cooking-section1__deco1 {
  top: 0;
  left: 12.5rem;
  width: 16.25rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section1__deco1 {
    top: -1.875rem;
    right: -0.5rem;
    left: initial;
    width: 6.0625rem;
  }
}
.p-cooking-section1__deco2 {
  top: 11.875rem;
  right: 14.375rem;
  width: 15.375rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section1__deco2 {
    top: 34.625rem;
    left: -1.25rem;
    width: 7.625rem;
  }
}
.p-cooking-section1__deco3 {
  top: 53.75rem;
  right: 14.375rem;
  width: 11.625rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section1__deco3 {
    top: 46.125rem;
    right: -0.375rem;
    left: initial;
    width: 4.75rem;
  }
}
.p-cooking-section1__deco4 {
  top: 62.5rem;
  left: 11.25rem;
  width: 15.125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section1__deco4 {
    top: 60rem;
    left: -0.625rem;
    width: 7.0625rem;
  }
}
.p-cooking-section1__deco5 {
  top: 90rem;
  right: 12.5rem;
  width: 16.25rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section1__deco5 {
    top: 71.625rem;
    right: -1rem;
    left: initial;
    width: 6.8125rem;
  }
}

.p-cooking-section2__deco1 {
  top: 29.375rem;
  left: 10.625rem;
  width: 16.75rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2__deco1 {
    top: -2.5rem;
    right: -1.75rem;
    left: initial;
    width: 6.75rem;
  }
}
.p-cooking-section2__deco2 {
  top: 70.625rem;
  left: 14.375rem;
  width: 11.625rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2__deco2 {
    top: 36.625rem;
    left: 0;
    width: 4.6875rem;
  }
}
.p-cooking-section2__deco3 {
  top: 91.25rem;
  right: 13.125rem;
  width: 16rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2__deco3 {
    top: 45.25rem;
    right: -1.125rem;
    left: initial;
    width: 6.125rem;
  }
}
.p-cooking-section2__deco4 {
  top: 108.75rem;
  left: 11.875rem;
  width: 16.125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2__deco4 {
    top: 61.5rem;
    left: -0.75rem;
    width: 6.3125rem;
  }
}
.p-cooking-section2__deco5 {
  top: 126.25rem;
  right: 10rem;
  width: 20.625rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section2__deco5 {
    top: 72.125rem;
    right: -1.125rem;
    left: initial;
    width: 8.125rem;
  }
}

.p-cooking-section3__deco1 {
  top: 10.625rem;
  right: 6.875rem;
  width: 16.75rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section3__deco1 {
    top: -4.375rem;
    right: -1.875rem;
    left: initial;
    width: 7.1875rem;
  }
}
.p-cooking-section3__deco2 {
  top: 56.25rem;
  left: 12.8125rem;
  width: 10.875rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section3__deco2 {
    top: 34.125rem;
    left: -0.5rem;
    width: 6.125rem;
  }
}
.p-cooking-section3__deco3 {
  top: 52.5rem;
  right: 15.625rem;
  width: 13.125rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section3__deco3 {
    top: 41rem;
    right: -0.625rem;
    left: initial;
    width: 5.625rem;
  }
}
.p-cooking-section3__deco4 {
  top: 94.375rem;
  left: 6.875rem;
  width: 20rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section3__deco4 {
    top: 60rem;
    left: -0.174625rem;
    width: 5.5rem;
  }
}
.p-cooking-section3__deco5 {
  top: 105rem;
  right: 14.375rem;
  width: 14.375rem;
}
@media screen and (max-width: 767px) {
  .p-cooking-section3__deco5 {
    top: 82.625rem;
    right: 0.625rem;
    left: initial;
    width: 5.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;
  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-bound-scale_Anime {
  opacity: 0;
}
.js-bound-scale_Anime.is-animated {
  animation-name: boundscale;
  animation-duration: 0.4s;
  animation-fill-mode:forwards;
}
.js-bound-scale_Anime-main {
  opacity: 0;
}
.js-bound-scale_Anime-main.is-animated {
  animation-name: boundscale;
  animation-duration: 0.4s;
  animation-fill-mode:forwards;
}
.js-bound-scale_Anime-Delay {
  opacity: 0;
}
.js-bound-scale_Anime-Delay.is-animated {
  animation-name: boundscale;
  animation-duration: 0.4s;
  animation-delay: 0.3s;
  animation-fill-mode:forwards;
}
@keyframes boundscale {
  0%  {
    transform: scale(0.3, 0.3);
    opacity: 0;
  }
  70% {
    transform: scale(1.05, 1.05);
  }
  90% {
    transform: scale(0.95, 0.95);
  }
  100% {
    transform: scale(1.0, 1.0);
    opacity: 1;
  }
}



/** main visual Animation */
.js-mv_titleAnime {
  opacity: 0;
}
.js-mv_titleAnime.is-animated {
  animation-name: boundscale;
  animation-duration: 0.4s;
  animation-delay: 0.2s;
  animation-fill-mode:forwards;
}

.js-mv_decorationAnime {
  opacity: 0;
}
.js-mv_decorationAnime.is-animated {
  animation-name: scaleUp;
  animation-duration: 1.2s;
  animation-delay: 0.8s;
  animation-fill-mode:forwards;
}
@keyframes scaleUp {
  from  {
    transform: scale(0.5, 0.5);
    opacity: 0;
  }
  to {
    transform: scale(1.0, 1.0);
    opacity: 1;
  }
}

.js-mv_fadeUpAnime {
  opacity: 0;
}
.js-mv_fadeUpAnime.is-animated {
  animation-name: fadeUp;
  animation-duration: 1.0s;
  animation-delay: 1.6s;
  animation-fill-mode:forwards;
}
@keyframes fadeUp {
  from  {
    transform: translateY(200px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}