@media screen and (min-width: 769px) {
  .c-lineup-grid {
    max-width: 720px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .c-lineup-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 0.53333vw;
    padding-bottom: 13.33333vw;
  }
}

@media screen and (max-width: 768px) {
  .c-lineup-grid .c-lineup-grid__item {
    margin-top: 0;
    padding: 0 3.2vw;
  }
}

@media screen and (max-width: 768px) {
  .c-lineup-grid .c-button {
    padding: 0.69231em 1.25em 0.76923em;
  }
}

.returnButton {
  max-width: 360px;
  width: 38.35vw;
  margin-top: 6vw;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .returnButton {
    max-width: none;
    width: calc(235 / 375 * 100vw);
    margin-top: 13vw;
  }
}

/* =========================================================
  
    Nyusankin
  
  ========================================================= */

[data-id="nyusankin"] .l-main {
  z-index: 1;
}

[data-id="nyusankin"] .l-footer-online-section {
  z-index: 2;
}

@media screen and (min-width: 769px) {
  [data-id="nyusankin"] .c-section {
    padding: calc(130 / 16 * 1em) 0 calc(160 / 16 * 1em);
  }
}

@media screen and (max-width: 1366px) and (min-width: 769px) {
  .c-page-heading {
    margin: 0 0 calc(-150 / 16 * 1em);
  }
}

.p-whats-nyusankin {
  background: url(../img/common/bg_type01.png) no-repeat center/cover;
  padding: calc(91 / 16 * 1em) 0 calc(70 / 16 * 1em);
  position: relative;
  z-index: -1;
  margin-bottom: -10vw;
}

.p-whats-nyusankin:before,
.p-whats-nyusankin:after {
  z-index: -1;
}

.p-whats-nyusankin:before {
  content: "";
  display: block;
  width: 13%;
  height: 16em;
  background-image: url(../img/nyusankin/deco04.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: calc(97.5% - (50vw + 50%));
  top: 82%;
}

.p-whats-nyusankin:after {
  content: "";
  display: block;
  width: 10%;
  height: 24%;
  background-image: url(../img/nyusankin/deco03.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: calc(100% - (50vw + 50%));
  top: 43.7%;
}

.p-whats-nyusankin__inner {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.p-whats-nyusankin__inner:before,
.p-whats-nyusankin__inner:after {
  content: "";
  display: block;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}

.p-whats-nyusankin__inner:before {
  width: 31%;
  height: 20.5em;
  background-image: url(../img/nyusankin/deco01.png);
  right: calc(92.5% - (50vw + 50%));
  top: 2%;
}

.p-whats-nyusankin__inner:after {
  width: 21%;
  height: 20em;
  background-image: url(../img/nyusankin/deco02.png);
  left: calc(97.5% - (50vw + 50%));
  top: 15%;
}

.p-whats-nyusankin-article {
  border-radius: 20px;
  background-color: #fff;
  padding: 56px 63px 47px;
  box-shadow: 5px 5px 0 rgba(3, 146, 82, 0.5);
}

.p-whats-nyusankin-article+.p-whats-nyusankin-article {
  margin-top: calc(45 / 16 * 1em);
}

.p-whats-nyusankin-article__head {
  display: flex;
  justify-content: center;
}

.p-whats-nyusankin-article__body {
  margin-top: calc((28 / 1112) * 100vw);
}

.p-whats-nyusankin-article__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  gap: 66px;
}

@media screen and (max-width: 1112px) {
  .p-whats-nyusankin-article__grid {
    gap: calc((66 / 1112) * 100vw);
  }
}

.p-whats-nyusankin-article__photo {
  width: calc((338 / 1112) * 100vw);
  margin-top: calc((5 / 1112) * 100vw);
  overflow: hidden;
}

.p-whats-nyusankin-article__text {
  width: calc((470 / 1112) * 100vw);
}

.p-whats-nyusankin-article__text p {
  letter-spacing: 0.8px;
  line-height: 1.87;
  font-feature-settings: "palt";
  text-align: justify;
}

.nyusankin-article_japanese .p-whats-nyusankin-article__body {
  display: block;
}

.nyusankin-article_japanese .p-whats-nyusankin-article__grid {
  display: flex;
}

@media screen and (min-width: 769px) {

  #nyusankin01 .p-whats-nyusankin-article__body,
  #nyusankin03 .p-whats-nyusankin-article__body,
  #nyusankin04 .p-whats-nyusankin-article__body {
    padding: 0 6px;
  }

  .nyusankin-article_japanese .p-whats-nyusankin-article__grid {
    margin-top: calc((18 / 1112) * 100vw);
  }

  .nyusankin-article_japanese .p-whats-nyusankin-article__title img {
    height: 22px;
  }

  .nyusankin-article_japanese .p-whats-nyusankin-article__photo {
    width: calc((330/ 1112) * 100vw);
    overflow: hidden;
  }

  .whats02_03 .p-whats-nyusankin-article__photo {
    margin-top: calc((-5 / 1112) * 100vw);
    width: calc((310/ 1112) * 100vw);
  }

  .nyusankin-article_japanese .p-whats-nyusankin-article__text {
    width: calc((457 / 1112) * 100vw);
  }

}

.slick-slide {
  padding: 0 6px;
}

.p-whats-slide-item {
  position: relative;
  z-index: 1;
}

.p-whats-slide-item__inner {
  padding-bottom: 2em;
}

.p-whats-slid__arrows {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}

.p-whats-slid__arrows .slick-arrow {
  position: relative;
  width: 55px;
  height: 55px;
}

.p-whats-slide__prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.p-whats-slide__dots {
  display: inline-block;
  transform: translateY(-50%);
}

.p-whats-slide__dots .slick-dots {
  bottom: calc(-5 / 16 * 1em);
  position: relative;
}

.slick-dots li {
  width: 10px;
  height: 10px;
}

.nyusankin-article_reason-why {
  padding-bottom: 62px;
}

.nyusankin-article_reason-why .p-whats-nyusankin-article__grid {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: calc(10 / 16 * 1em);
}

.nyusankin-article_reason-why .p-whats-nyusankin-article__grid>* {
  width: 100%;
}

.nyusankin-article_reason-why .p-whats-nyusankin-article__photo {
  text-align: center;
}

.nyusankin-article_supervisor {
  margin: 0 calc(180 / 16 * 1em);
  background: url(../img/nyusankin/bg-supervisor.jpg) no-repeat center/ cover;
  padding: 0;
}

.nyusankin-article_supervisor .p-whats-nyusankin-article__body {
  padding: 0;
}

.nyusankin-article_supervisor .p-whats-nyusankin-article__grid {
  align-items: center;
}

.nyusankin-article_supervisor .p-whats-nyusankin-article__photo {
  width: 100%;
}

@media screen and (max-width: 768px) {

  .p-whats-nyusankin__inner:before,
  .p-whats-nyusankin__inner:after,
  .p-whats-nyusankin:before,
  .p-whats-nyusankin:after {
    z-index: 1;
  }

  .p-whats-nyusankin__inner:before {
    width: 24%;
    height: 8em;
    left: calc(100% - (50vw + 50%));
    background-image: url(../img/nyusankin/sp/deco01_sp.png);
    top: 0.5%;
  }

  .p-whats-nyusankin__inner:after {
    width: 16%;
    height: 9%;
    background-image: url(../img/nyusankin/sp/deco02_sp.png);
    right: calc(100% - (50vw + 50%));
    left: auto;
    top: 8.7%;
  }

  .p-whats-nyusankin:before {
    width: 16%;
    height: 20em;
    background-image: url(../img/nyusankin/sp/deco03_sp.png);
    top: 62%;
  }

  .p-whats-nyusankin:after {
    width: 18%;
    height: 5%;
    background-image: url(../img/nyusankin/sp/deco04_sp.png);
    top: 85%;
  }

  .p-whats-nyusankin-article {
    padding: 14.8% 4.5% 15%;
    box-shadow: 0.4vw 0.6vw 0 rgba(16, 146, 43, 0.5);
  }

  .p-whats-nyusankin-article__body {
    padding: calc(23 / 375* 100vw) 0 0;
  }

  .p-whats-nyusankin-article__grid {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(23 / 375* 100vw);
  }

  .nyusankin-article_reason-why .p-whats-nyusankin-article__grid {
    gap: calc(23 / 375* 100vw);
  }

  .p-whats-nyusankin-article__head img {
    /* max-width: calc(280 / 375* 100vw); */
    width: 100%;
  }

  .p-whats-nyusankin-article__text {
    width: 100%;
  }

  .p-whats-nyusankin-article__text>p {
    font-size: calc(15.5 / 375* 100vw);
    line-height: 2.1;
    font-feature-settings: normal;
  }

  .p-whats-slide-item__head {
    width: 100%;
    padding: 0 0 2em;
  }

  .p-whats-nyusankin-article__photo {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
  }

  .nyusankin-article_japanese .p-whats-nyusankin-article__body {
    display: flex;
    flex-direction: column;
    padding: calc(23 / 375* 100vw) 1vw 0;
  }

  .nyusankin-article_japanese .p-whats-nyusankin-article__title {
    margin-bottom: 3vw;
  }

  .nyusankin-article_japanese .p-whats-nyusankin-article__text {
    width: 100%;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    line-height: 2em;
    letter-spacing: -.02em;
    align-items: center;
  }

  .nyusankin-article_japanese .p-whats-nyusankin-article__photo {
    width: 100%;
  }

  .whats02_01 .p-whats-nyusankin-article__photo {
    padding: 0 15.8%;
  }

  .p-whats-slid__arrows .slick-arrow {
    width: calc(86 / 750* 100vw);
    height: calc(86 / 750* 100vw);
  }

  .p-whats-slid__arrows {
    margin-top: 3vw;
    gap: 3.5vw;
  }

  .slick-dots li {
    width: 15px;
    height: 15px;
    margin: 0 2.3vw;
  }

  .p-whats-nyusankin-article__title picture {
    display: flex;
    justify-content: center;
  }

  .nyusankin-article_supervisor {
    margin: 0 auto;
    width: 70%;
  }

  .nyusankin-article_supervisor {
    background: url(../img/nyusankin/sp/bg-supervisor.jpg) no-repeat center/ cover;
    padding: 0em;
  }

  .nyusankin-article_supervisor .p-whats-nyusankin-article__title {
    width: 100%;
    max-width: 249px;
  }

}

@media screen and (max-width: 768px) {
  .p-whats-nyusankin-section {
    padding: 3.5em 0;
  }

  .p-whats-nyusankin:before {
    width: 20%;
    height: 20em;
    background-image: url(../img/nyusankin/sp/deco03_sp.png);
    top: 60%;
  }

  .p-whats-nyusankin:after {
    width: 21%;
    height: 8%;
    top: 83%;
  }

  .p-whats-nyusankin-article+.p-whats-nyusankin-article {
    margin-top: calc(50 / 16 * 1em);
  }

  .p-whats-nyusankin-article__photo {
    width: 100%;
  }

  .p-whats-nyusankin-article__text {
    width: 100%;
  }

  .nyusankin-article_supervisor {
    padding: 0;
  }

}

@media screen and (max-width: 480px) {
  .slick-dots li {
    width: 5px;
    height: 5px;
  }
}

/* banner */
@media screen and (min-width: 769px) {
  .c-recipe-container__banner .spHide {
    display: inline-block !important;
  }

  .c-recipe-container__banner .pcHide {
    display: none !important;
  }

}

@media screen and (max-width: 768px) {
  .c-recipe-container__banner .pcHide {
    display: inline-block !important;
  }

  .c-recipe-container__banner .spHide {
    display: none !important;
  }
}