@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
html {
  position: relative;
  min-height: 100%;
  overflow-y: scroll;
  font-size: 62.5%;
}
.container {
  width: 100%;
}
#frmLP, .pane-footer {
  position: relative;
  z-index: 2;
}
/* headerなし時 */
body {
  padding: 0;
}

/* /---headerなし時----*/
img {
  border: none;
  vertical-align: middle;
}

.wrapper {
  overflow: hidden;
  width: 100%;
  min-width: 1200px;
  padding-top: 0;
}

@media screen and (max-width: 767px) {
  .wrapper {
    min-width: unset;
  }
}
h1, h2, h3, h4, h5, h6 {
  margin: unset;
}

/*------------------------------------
yumeikoro
*-------------------------------------*/
.yumeikoro {
  position: relative;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  color: #444444;
  letter-spacing: unset;
}
@media screen and (max-width: 767px) {
  .yumeikoro .c-btn-wrap {
    position: relative;
    z-index: 2;
    background: #FFFFFF;
    padding: 20px 0;
  }
  .yumeikoro .c-btn-wrap__inner {
    width: 100%;
    max-width: 342px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  .yumeikoro .c-btn-wrap .c-btn {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
  }
  .yumeikoro .c-btn-wrap .c-btn img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .yumeikoro .c-btn-wrap__shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgb(0, 124, 194)), to(rgb(94, 204, 163)));
    background: linear-gradient(90deg, rgb(0, 124, 194) 0%, rgb(94, 204, 163) 100%);
    border-radius: 90px;
    -webkit-filter: blur(6px);
            filter: blur(6px);
    opacity: 0.4;
  }
  .yumeikoro .p-circle + .c-btn-wrap {
    padding-top: 60px;
    margin-top: -40px;
  }
}
.yumeikoro .p-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.yumeikoro .p-bg.is-hidden {
  opacity: 0;
}
.yumeikoro .p-bg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-bg video {
    -o-object-position: 0 50%;
       object-position: 0 50%;
  }
}
.yumeikoro .p-mv {
  position: relative;
  z-index: 3;
}
.yumeikoro .p-mv img {
  width: 100%;
  height: auto;
}
.yumeikoro .p-circle {
  position: relative;
  z-index: 2;
  background: url(/img/usr/lp/yumeikoro/bg_introduction_hokkaido.png) no-repeat left top/clamp(1200px, 100vw, 1440px);
  /* 回転スピードは 20s（お好みで調整可） */
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-circle {
    background: url(/img/usr/lp/yumeikoro/bg_introduction_hokkaido_sp.png) no-repeat left top/100%;
    overflow: hidden;
    z-index: 3;
  }
}
.yumeikoro .p-circle::before {
  position: absolute;
  display: block;
  content: "";
  width: calc(100vw - clamp(1200px, 100vw, 1440px));
  height: 50%;
  background: #FFFFFF;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-circle::before {
    display: none;
  }
}
.yumeikoro .p-circle__img {
  position: absolute;
  top: clamp(-291.6666666667px, -24.3055555556vw, -350px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(1200px, 100vw, 1440px);
  height: clamp(1195.8333333333px, 99.6527777778vw, 1435px);
  -webkit-animation: circle-rotate 20s linear infinite;
          animation: circle-rotate 20s linear infinite;
  -webkit-transform-origin: clamp(599.1666666667px, 49.9305555556vw, 719px) clamp(700px, 58.3333333333vw, 840px);
          transform-origin: clamp(599.1666666667px, 49.9305555556vw, 719px) clamp(700px, 58.3333333333vw, 840px);
}
.yumeikoro .p-circle__img img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-circle__img {
    width: 100%;
    max-width: 375px;
    height: auto;
    max-height: 866px;
    -webkit-transform-origin: 196px 504px;
            transform-origin: 196px 504px;
    top: -150px;
  }
}
@-webkit-keyframes circle-rotate {
  from {
    -webkit-transform: translateX(-50%) rotate(0deg);
            transform: translateX(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(-50%) rotate(360deg);
            transform: translateX(-50%) rotate(360deg);
  }
}
@keyframes circle-rotate {
  from {
    -webkit-transform: translateX(-50%) rotate(0deg);
            transform: translateX(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(-50%) rotate(360deg);
            transform: translateX(-50%) rotate(360deg);
  }
}
.yumeikoro .p-introduction {
  position: relative;
  padding-top: clamp(78.3333333333px, 6.5277777778vw, 94px);
  padding-bottom: clamp(226.6666666667px, 18.8888888889vw, 272px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-introduction {
    padding-top: 105px;
    padding-bottom: unset;
  }
}
.yumeikoro .p-introduction::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 50%;
  background: #FFFFFF;
  bottom: -380px;
  z-index: -1;
  left: 0;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-introduction::after {
    display: none;
  }
}
.yumeikoro .p-introduction__inner {
  position: relative;
}
.yumeikoro .p-introduction__ttl {
  width: clamp(416.6666666667px, 34.7222222222vw, 500px);
  height: auto;
  margin: 0 auto 20px;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-introduction__ttl {
    width: auto;
    max-width: 213px;
  }
}
.yumeikoro .p-introduction__txt {
  font-size: clamp(16.6666666667px, 1.3888888889vw, 20px);
  line-height: clamp(40px, 3.3333333333vw, 48px);
  text-align: center;
  margin-top: clamp(60px, 5vw, 72px);
  letter-spacing: 0.15em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-introduction__txt {
    font-size: 1.5rem;
    margin-top: 20px;
    line-height: clamp(36px, 9.6vw, 36px);
  }
}
.yumeikoro .p-introduction__img {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-introduction__img {
    position: relative;
  }
}
.yumeikoro .p-introduction__img--farm01 {
  top: clamp(-17.5px, -1.4583333333vw, -21px);
  left: clamp(27.5px, 2.2916666667vw, 33px);
  width: clamp(145.8333333333px, 12.1527777778vw, 175px);
  height: auto;
}
.yumeikoro .p-introduction__img--farm01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-introduction__img--farm01 {
    top: auto;
    left: auto;
    width: auto;
    max-width: 120px;
    height: auto;
    margin-top: 67px;
  }
}
.yumeikoro .p-introduction__img--farm02 {
  right: 0;
  top: 0;
  width: clamp(330.8333333333px, 27.5694444444vw, 397px);
  height: auto;
}
.yumeikoro .p-introduction__img--farm02 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-introduction__img--farm02 {
    right: auto;
    top: auto;
    width: auto;
    max-width: 212px;
    height: auto;
    margin-left: auto;
    margin-top: 22px;
  }
}
.yumeikoro .p-introduction__img--chips {
  right: 0;
  top: clamp(416.6666666667px, 34.7222222222vw, 500px);
  width: clamp(384.1666666667px, 32.0138888889vw, 461px);
  height: auto;
}
.yumeikoro .p-introduction__img--chips img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-introduction__img--chips {
    right: auto;
    top: auto;
    width: auto;
    max-width: 275px;
    height: auto;
  }
}
.yumeikoro .p-flavor {
  position: relative;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(14%, rgb(255, 255, 255)), color-stop(28%, rgb(255, 255, 255)), color-stop(41%, rgb(255, 255, 255)), color-stop(56%, rgb(255, 255, 255)), color-stop(70%, rgb(255, 255, 255)), color-stop(84%, rgb(255, 255, 255)), color-stop(92%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 14%, rgb(255, 255, 255) 28%, rgb(255, 255, 255) 41%, rgb(255, 255, 255) 56%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 84%, rgb(255, 255, 255) 92%, rgba(255, 255, 255, 0) 100%);
    padding-top: 20px;
  }
}
.yumeikoro .p-flavor__head {
  margin-top: clamp(-116.6666666667px, -9.7222222222vw, -140px);
  padding-bottom: clamp(191.6666666667px, 15.9722222222vw, 230px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__head {
    margin-top: unset;
    padding-bottom: unset;
    margin-bottom: 56px;
  }
}
.yumeikoro .p-flavor__head__inner {
  width: clamp(1200px, 100vw, 1440px);
  margin: 0 auto;
  padding-left: clamp(117.5px, 9.7916666667vw, 141px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__head__inner {
    width: auto;
    padding-left: unset;
  }
}
.yumeikoro .p-flavor__head__ttl {
  width: clamp(409.1666666667px, 34.0972222222vw, 491px);
  height: auto;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__head__ttl {
    width: auto;
    max-width: 295px;
    margin: 0 auto;
  }
}
.yumeikoro .p-flavor__head__txt {
  font-size: clamp(20px, 1.6666666667vw, 24px);
  line-height: clamp(35px, 2.9166666667vw, 42px);
  margin-top: clamp(30px, 2.5vw, 36px);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__head__txt {
    font-size: 1.6rem;
    line-height: clamp(30px, 8vw, 30px);
    margin-top: 18px;
    text-align: center;
  }
}
.yumeikoro .p-flavor__content {
  position: relative;
}
.yumeikoro .p-flavor__content::before, .yumeikoro .p-flavor__content::after {
  position: absolute;
  display: block;
  content: "";
  width: 50%;
  height: clamp(518.3333333333px, 43.1944444444vw, 622px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content::before, .yumeikoro .p-flavor__content::after {
    display: none;
  }
}
.yumeikoro .p-flavor__content::before {
  height: clamp(518.3333333333px, 43.1944444444vw, 622px);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 232, 245)), to(rgb(240, 249, 253)));
  background: linear-gradient(180deg, rgb(192, 232, 245) 0%, rgb(240, 249, 253) 100%);
  left: 0;
  top: 0;
}
.yumeikoro .p-flavor__content::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(247, 228, 177)), to(rgb(253, 248, 233)));
  background: linear-gradient(180deg, rgb(247, 228, 177) 0%, rgb(253, 248, 233) 100%);
  right: 0;
  top: clamp(-266.6666666667px, -22.2222222222vw, -320px);
}
.yumeikoro .p-flavor__content__inner {
  width: clamp(1200px, 100vw, 1440px);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__inner {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.yumeikoro .p-flavor__content__item {
  width: 50%;
  position: relative;
  background: url(/img/usr/lp/yumeikoro/bg_flavor_decoration.svg) no-repeat center top 33px/90%;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item {
    width: auto;
    position: relative;
  }
  .yumeikoro .p-flavor__content__item::before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 380px;
    top: 65px;
    left: 0;
  }
}
.yumeikoro .p-flavor__content__item--salt {
  background-position: center top calc(clamp(111.6666666667px, 9.3055555556vw, 134px) + 33px);
  margin-top: clamp(-111.6666666667px, -9.3055555556vw, -134px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item--salt {
    margin-top: unset;
  }
  .yumeikoro .p-flavor__content__item--salt::before {
    background: url(/img/usr/lp/yumeikoro/bg_flavor_decoration.svg) no-repeat center top 16px/90%, -webkit-gradient(linear, left top, left bottom, from(rgb(192, 232, 245)), to(rgb(240, 249, 253)));
    background: url(/img/usr/lp/yumeikoro/bg_flavor_decoration.svg) no-repeat center top 16px/90%, linear-gradient(180deg, rgb(192, 232, 245) 0%, rgb(240, 249, 253) 100%);
  }
}
.yumeikoro .p-flavor__content__item--consomme {
  margin-top: clamp(-400px, -33.3333333333vw, -480px);
  background-position: center top clamp(158.3333333333px, 13.1944444444vw, 190px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item--consomme {
    margin-top: 33px;
  }
  .yumeikoro .p-flavor__content__item--consomme::before {
    background: url(/img/usr/lp/yumeikoro/bg_flavor_decoration.svg) no-repeat center top 16px/90%, -webkit-gradient(linear, left top, left bottom, from(rgb(247, 228, 177)), to(rgb(253, 248, 233)));
    background: url(/img/usr/lp/yumeikoro/bg_flavor_decoration.svg) no-repeat center top 16px/90%, linear-gradient(180deg, rgb(247, 228, 177) 0%, rgb(253, 248, 233) 100%);
  }
}
.yumeikoro .p-flavor__content__item__head__ttl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  position: absolute;
  right: clamp(50px, 4.1666666667vw, 60px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__head__ttl {
    right: 20px;
    line-height: clamp(30px, 8vw, 30px);
  }
}
.yumeikoro .p-flavor__content__item__head__ttl__sub {
  font-size: clamp(16.6666666667px, 1.3888888889vw, 20px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__head__ttl__sub {
    font-size: 1.5rem;
  }
}
.yumeikoro .p-flavor__content__item__head__ttl__main {
  font-size: clamp(41.6666666667px, 3.4722222222vw, 50px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__head__ttl__main {
    font-size: 2.6rem;
  }
}
.yumeikoro .p-flavor__content__item__head__ttl--salt {
  color: #007AA0;
  top: clamp(151.6666666667px, 12.6388888889vw, 182px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__head__ttl--salt {
    top: 3px;
  }
}
.yumeikoro .p-flavor__content__item__head__ttl--salt .p-flavor__content__item__head__ttl__main {
  position: relative;
  top: clamp(-7.5px, -0.625vw, -9px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__head__ttl--salt .p-flavor__content__item__head__ttl__main {
    top: -3px;
  }
}
.yumeikoro .p-flavor__content__item__head__ttl--consomme {
  color: #6C171B;
  top: clamp(156.6666666667px, 13.0555555556vw, 188px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__head__ttl--consomme {
    top: 5px;
  }
}
.yumeikoro .p-flavor__content__item__head__ttl--consomme .p-flavor__content__item__head__ttl__main {
  position: relative;
  top: clamp(-10.8333333333px, -0.9027777778vw, -13px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__head__ttl--consomme .p-flavor__content__item__head__ttl__main {
    top: -6px;
  }
}
.yumeikoro .p-flavor__content__item__content__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.yumeikoro .p-flavor__content__item__content__pkg {
  height: auto;
}
.yumeikoro .p-flavor__content__item__content__pkg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yumeikoro .p-flavor__content__item__content__pkg--salt {
  width: clamp(306.6666666667px, 25.5555555556vw, 368px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__content__pkg--salt {
    width: auto;
    max-width: 191px;
    height: auto;
  }
}
.yumeikoro .p-flavor__content__item__content__pkg--consomme {
  width: clamp(310px, 25.8333333333vw, 372px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__content__pkg--consomme {
    width: auto;
    max-width: 193px;
    height: auto;
  }
}
.yumeikoro .p-flavor__content__item__content__txt {
  font-size: clamp(16.6666666667px, 1.3888888889vw, 20px);
  line-height: clamp(29.1666666667px, 2.4305555556vw, 35px);
  text-align: center;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__content__txt {
    font-size: 1.6rem;
    line-height: clamp(26px, 6.9333333333vw, 26px);
  }
}
.yumeikoro .p-flavor__content__item__content__txt--salt {
  color: #007AA0;
  margin-top: clamp(-37.5px, -3.125vw, -45px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__content__txt--salt {
    margin-top: -22px;
  }
}
.yumeikoro .p-flavor__content__item__content__txt--consomme {
  color: #6C171B;
  margin-top: clamp(-150px, -12.5vw, -180px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__content__txt--consomme {
    margin-top: -75px;
  }
}
.yumeikoro .p-flavor__content__item__img {
  margin-top: clamp(25px, 2.0833333333vw, 30px);
  height: auto;
  position: relative;
}
.yumeikoro .p-flavor__content__item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yumeikoro .p-flavor__content__item__img--salt {
  width: clamp(472.5px, 39.375vw, 567px);
  margin-left: clamp(70.8333333333px, 5.9027777778vw, 85px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__img--salt {
    width: auto;
    max-width: 297px;
    height: auto;
    margin: 16px auto 0;
    left: 5px;
  }
}
.yumeikoro .p-flavor__content__item__img--consomme {
  width: clamp(492.5px, 41.0416666667vw, 591px);
  margin-left: clamp(58.3333333333px, 4.8611111111vw, 70px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-flavor__content__item__img--consomme {
    width: auto;
    max-width: 309px;
    height: auto;
    margin: 16px auto 0;
    left: 5px;
  }
}
.yumeikoro .p-story {
  position: relative;
  z-index: 1;
  margin-top: clamp(-459.1666666667px, -38.2638888889vw, -551px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story {
    margin-top: -52px;
    padding: 0 5.3%;
  }
}
.yumeikoro .p-story__inner {
  padding-top: clamp(150px, 12.5vw, 180px);
  width: clamp(953.3333333333px, 79.4444444444vw, 1144px);
  margin: 0 auto;
  background: #FFFFFF;
  padding: 0 clamp(83.3333333333px, 6.9444444444vw, 100px) clamp(47.5px, 3.9583333333vw, 57px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story__inner {
    width: auto;
    padding: 40px 17px 47px;
  }
}
.yumeikoro .p-story__head {
  padding-top: clamp(150px, 12.5vw, 180px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story__head {
    padding-top: unset;
  }
}
.yumeikoro .p-story__head__ttl {
  width: clamp(328.3333333333px, 27.3611111111vw, 394px);
  margin-right: 0;
  margin-left: auto;
  height: auto;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story__head__ttl {
    width: auto;
    max-width: 295px;
    margin: 0 auto;
  }
  .yumeikoro .p-story__head__ttl img {
    width: 100%;
    height: auto;
  }
}
.yumeikoro .p-story__content__item {
  margin-top: clamp(95.8333333333px, 7.9861111111vw, 115px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story__content__item {
    margin-top: 40px;
  }
  .yumeikoro .p-story__content__item--02 {
    margin-top: 53px;
  }
}
.yumeikoro .p-story__content__item__inner {
  position: relative;
}
.yumeikoro .p-story__content__item__description--01 {
  width: clamp(398.3333333333px, 33.1944444444vw, 478px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story__content__item__description--01 {
    width: auto;
  }
}
.yumeikoro .p-story__content__item__description--02 {
  width: clamp(457.5px, 38.125vw, 549px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story__content__item__description--02 {
    width: auto;
  }
}
.yumeikoro .p-story__content__item__description__ttl {
  font-size: clamp(30px, 2.5vw, 36px);
  line-height: clamp(41.6666666667px, 3.4722222222vw, 50px);
  color: #007CC2;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story__content__item__description__ttl {
    font-size: 2.2rem;
    line-height: clamp(30px, 8vw, 30px);
  }
}
.yumeikoro .p-story__content__item__description__txt {
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: clamp(30px, 2.5vw, 36px);
  font-weight: 500;
  margin-top: clamp(33.3333333333px, 2.7777777778vw, 40px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story__content__item__description__txt {
    font-size: 1.6rem;
    line-height: clamp(30px, 8vw, 30px);
    margin-top: 35px;
  }
}
.yumeikoro .p-story__content__item__description__txt + .p-story__content__item__description__txt {
  margin-top: clamp(25px, 2.0833333333vw, 30px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story__content__item__description__txt + .p-story__content__item__description__txt {
    margin-top: 30px;
  }
}
.yumeikoro .p-story__content__item__img {
  height: auto;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story__content__item__img {
    position: relative;
  }
}
.yumeikoro .p-story__content__item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yumeikoro .p-story__content__item__img--01 {
  width: clamp(510.8333333333px, 42.5694444444vw, 613px);
  right: clamp(-162.5px, -13.5416666667vw, -195px);
  top: 0;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story__content__item__img--01 {
    width: auto;
    max-width: 295px;
    height: auto;
    right: auto;
    margin: 32px auto 0;
  }
}
.yumeikoro .p-story__content__item__img--02 {
  width: clamp(413.3333333333px, 34.4444444444vw, 496px);
  left: clamp(-150px, -12.5vw, -180px);
  top: 0;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story__content__item__img--02 {
    width: auto;
    max-width: 295px;
    height: auto;
    left: auto;
    margin: 63px auto 0;
  }
}
.yumeikoro .p-story__content__item__img__txt {
  font-size: clamp(13.3333333333px, 1.1111111111vw, 16px);
  line-height: clamp(20.8333333333px, 1.7361111111vw, 25px);
  margin-top: clamp(87.5px, 7.2916666667vw, 105px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story__content__item__img__txt {
    font-size: 1.4rem;
    line-height: clamp(30px, 8vw, 30px);
    margin-top: 30px;
    font-weight: 500;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-story .c-btn-wrap {
    padding-bottom: 60px;
  }
}
.yumeikoro .p-lineup {
  position: relative;
  z-index: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(3, 74, 207)), color-stop(19%, rgb(67, 140, 206)), color-stop(38%, rgb(122, 200, 204)), color-stop(60%, rgb(210, 237, 234)), color-stop(85%, rgb(250, 254, 234)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(3, 74, 207) 0%, rgb(67, 140, 206) 19%, rgb(122, 200, 204) 38%, rgb(210, 237, 234) 60%, rgb(250, 254, 234) 85%, rgb(255, 255, 255) 100%);
  padding-bottom: clamp(85.8333333333px, 7.1527777778vw, 103px);
  padding-top: clamp(12.5px, 1.0416666667vw, 15px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup {
    padding-top: unset;
    padding-bottom: 47px;
  }
}
.yumeikoro .p-lineup__ttl {
  width: clamp(755.8333333333px, 62.9861111111vw, 907px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__ttl {
    width: auto;
    max-width: 375px;
    height: auto;
  }
  .yumeikoro .p-lineup__ttl img {
    width: 100%;
    height: auto;
  }
}
.yumeikoro .p-lineup__content__inner {
  width: clamp(950px, 79.1666666667vw, 1140px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__inner {
    width: auto;
  }
}
.yumeikoro .p-lineup__content__item {
  background: url(/img/usr/lp/yumeikoro/bg_lineup_decoration.svg) no-repeat center top clamp(98.3333333333px, 8.1944444444vw, 118px)/91%, #FFFFFF;
  padding: clamp(41.6666666667px, 3.4722222222vw, 50px) 0 clamp(50px, 4.1666666667vw, 60px);
  margin-top: -1px;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1490196078);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item {
    margin: -1px 5.3% 0;
    padding: 24px 0 30px;
    background: url(/img/usr/lp/yumeikoro/bg_lineup_decoration.svg) no-repeat center top clamp(11.6666666667px, 0.9722222222vw, 14px)/91%, #FFFFFF;
  }
}
.yumeikoro .p-lineup__content__item__ttl {
  font-size: clamp(50px, 4.1666666667vw, 60px);
  color: #007CC2;
  font-weight: 600;
  position: relative;
  text-align: center;
  line-height: clamp(45px, 3.75vw, 54px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__ttl {
    font-size: 3rem;
    line-height: clamp(54px, 14.4vw, 54px);
  }
}
.yumeikoro .p-lineup__content__item__ttl__discount {
  position: absolute;
  display: block;
  width: clamp(136.6666666667px, 11.3888888889vw, 164px);
  height: auto;
  right: clamp(89.1666666667px, 7.4305555556vw, 107px);
  top: clamp(-91.6666666667px, -7.6388888889vw, -110px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__ttl__discount {
    width: 80px;
    right: -10px;
    top: -48px;
  }
}
.yumeikoro .p-lineup__content__item__ttl__discount img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yumeikoro .p-lineup__content__item__content__inner {
  padding: 0 clamp(48.3333333333px, 4.0277777778vw, 58px) 0 clamp(40px, 3.3333333333vw, 48px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(30.8333333333px, 2.5694444444vw, 37px);
  margin-top: clamp(61.6666666667px, 5.1388888889vw, 74px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__content__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: unset;
    gap: unset;
    margin-top: 7px;
  }
}
.yumeikoro .p-lineup__content__item__content__pkg {
  width: clamp(500px, 41.6666666667vw, 600px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(17.5px, 1.4583333333vw, 21px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__content__pkg {
    width: auto;
    max-width: 279px;
    height: auto;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__content__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__content__txt__ttl {
    font-size: 1.4rem;
    line-height: clamp(21px, 5.6vw, 21px);
    font-weight: 500;
  }
}
.yumeikoro .p-lineup__content__item__content__item--salt {
  width: clamp(257.5px, 21.4583333333vw, 309px);
  height: auto;
}
.yumeikoro .p-lineup__content__item__content__item--salt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yumeikoro .p-lineup__content__item__content__item--consomme {
  width: clamp(258.3333333333px, 21.5277777778vw, 310px);
  height: auto;
}
.yumeikoro .p-lineup__content__item__content__item--consomme img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yumeikoro .p-lineup__content__item__content__item__txt {
  font-size: clamp(13.3333333333px, 1.1111111111vw, 16px);
  font-weight: 600;
  line-height: clamp(27.5px, 2.2916666667vw, 33px);
  margin-top: clamp(5px, 0.4166666667vw, 6px);
}
.yumeikoro .p-lineup__content__item__content__item__txt--salt {
  padding-left: clamp(25.8333333333px, 2.1527777778vw, 31px);
}
.yumeikoro .p-lineup__content__item__content__item__txt--consomme {
  padding-left: clamp(21.6666666667px, 1.8055555556vw, 26px);
}
.yumeikoro .p-lineup__content__item__content__price {
  width: clamp(330.8333333333px, 27.5694444444vw, 397px);
  padding-top: clamp(16.6666666667px, 1.3888888889vw, 20px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__content__price {
    padding: 0 30px;
    margin: 0 auto;
  }
}
.yumeikoro .p-lineup__content__item__content__price__txt {
  font-size: clamp(15px, 1.25vw, 18px);
  font-weight: 600;
  line-height: clamp(27.5px, 2.2916666667vw, 33px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__content__price__txt {
    font-size: 1.6rem;
    line-height: clamp(26px, 6.9333333333vw, 26px);
    margin-top: 27px;
  }
}
.yumeikoro .p-lineup__content__item__content__price__price {
  width: clamp(305px, 25.4166666667vw, 366px);
  height: auto;
  margin-top: clamp(41.6666666667px, 3.4722222222vw, 50px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__content__price__price {
    width: auto;
    max-width: 190px;
    height: auto;
    margin: 24px auto 0;
  }
}
.yumeikoro .p-lineup__content__item__content__price__price img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yumeikoro .p-lineup__content__item__content__btn {
  width: clamp(339.1666666667px, 28.2638888889vw, 407px);
  height: auto;
  margin: clamp(31.6666666667px, 2.6388888889vw, 38px) auto 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__content__btn {
    width: auto;
    max-width: 256px;
    height: auto;
    margin: 30px auto 0;
  }
}
.yumeikoro .p-lineup__content__item__content__btn a {
  display: block;
  width: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  z-index: 1;
}
.yumeikoro .p-lineup__content__item__content__btn a:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.yumeikoro .p-lineup__content__item__content__btn a:hover + .p-lineup__content__item__content__btn__shadow {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__content__btn a:hover {
    -webkit-transform: unset;
            transform: unset;
  }
}
.yumeikoro .p-lineup__content__item__content__btn a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yumeikoro .p-lineup__content__item__content__btn__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 124, 194)), to(rgb(94, 204, 163)));
  background: linear-gradient(90deg, rgb(0, 124, 194) 0%, rgb(94, 204, 163) 100%);
  border-radius: 90px;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__content__btn__shadow {
    opacity: 0.5;
  }
}
.yumeikoro .p-lineup__content__item__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(40px, 3.3333333333vw, 48px);
  margin-top: clamp(42.5px, 3.5416666667vw, 51px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px;
    gap: 20px;
  }
}
.yumeikoro .p-lineup__content__item__flex__item {
  width: 50%;
  padding: clamp(33.3333333333px, 2.7777777778vw, 40px) 0 clamp(50px, 4.1666666667vw, 60px);
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1490196078);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__flex__item {
    width: auto;
    margin: 0 5.3%;
    padding: 25px 0 30px;
  }
}
.yumeikoro .p-lineup__content__item__flex__item--salt {
  background: url(/img/usr/lp/yumeikoro/bg_flavor_decoration.svg) no-repeat center top clamp(95px, 7.9166666667vw, 114px)/90%, -webkit-gradient(linear, left top, left bottom, from(rgb(192, 232, 245)), to(rgb(255, 255, 255)));
  background: url(/img/usr/lp/yumeikoro/bg_flavor_decoration.svg) no-repeat center top clamp(95px, 7.9166666667vw, 114px)/90%, linear-gradient(180deg, rgb(192, 232, 245) 0%, rgb(255, 255, 255) 100%);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__flex__item--salt {
    background: url(/img/usr/lp/yumeikoro/bg_flavor_decoration.svg) no-repeat center top 20px/90%, -webkit-gradient(linear, left top, left bottom, from(rgb(192, 232, 245)), to(rgb(255, 255, 255)));
    background: url(/img/usr/lp/yumeikoro/bg_flavor_decoration.svg) no-repeat center top 20px/90%, linear-gradient(180deg, rgb(192, 232, 245) 0%, rgb(255, 255, 255) 100%);
  }
}
.yumeikoro .p-lineup__content__item__flex__item--consomme {
  background: url(/img/usr/lp/yumeikoro/bg_flavor_decoration.svg) no-repeat center top clamp(95px, 7.9166666667vw, 114px)/90%, -webkit-gradient(linear, left top, left bottom, from(rgb(247, 228, 177)), to(rgb(255, 255, 255)));
  background: url(/img/usr/lp/yumeikoro/bg_flavor_decoration.svg) no-repeat center top clamp(95px, 7.9166666667vw, 114px)/90%, linear-gradient(180deg, rgb(247, 228, 177) 0%, rgb(255, 255, 255) 100%);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__flex__item--consomme {
    background: url(/img/usr/lp/yumeikoro/bg_flavor_decoration.svg) no-repeat center top 20px/90%, -webkit-gradient(linear, left top, left bottom, from(rgb(247, 228, 177)), to(rgb(255, 255, 255)));
    background: url(/img/usr/lp/yumeikoro/bg_flavor_decoration.svg) no-repeat center top 20px/90%, linear-gradient(180deg, rgb(247, 228, 177) 0%, rgb(255, 255, 255) 100%);
  }
}
.yumeikoro .p-lineup__content__item__flex__item__ttl {
  font-size: clamp(41.6666666667px, 3.4722222222vw, 50px);
  line-height: clamp(45px, 3.75vw, 54px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__flex__item__ttl {
    font-size: 3rem;
    line-height: clamp(54px, 14.4vw, 54px);
  }
}
.yumeikoro .p-lineup__content__item__flex__item__ttl--salt {
  color: #007AA0;
}
.yumeikoro .p-lineup__content__item__flex__item__ttl--consomme {
  color: #6C171B;
}
.yumeikoro .p-lineup__content__item__flex__item__pkg {
  height: auto;
  margin: 0 auto;
  margin-top: clamp(54.1666666667px, 4.5138888889vw, 65px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__flex__item__pkg {
    width: auto;
    max-width: 220px;
    height: auto;
    margin-top: 6px;
  }
}
.yumeikoro .p-lineup__content__item__flex__item__pkg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yumeikoro .p-lineup__content__item__flex__item__pkg--salt {
  width: clamp(257.5px, 21.4583333333vw, 309px);
}
.yumeikoro .p-lineup__content__item__flex__item__pkg--consomme {
  width: clamp(258.3333333333px, 21.5277777778vw, 310px);
}
.yumeikoro .p-lineup__content__item__flex__item__txt {
  font-size: clamp(13.3333333333px, 1.1111111111vw, 16px);
  line-height: clamp(27.5px, 2.2916666667vw, 33px);
  font-weight: 600;
  text-align: center;
  margin-top: clamp(15.8333333333px, 1.3194444444vw, 19px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__flex__item__txt {
    font-size: 1.4rem;
    line-height: clamp(21px, 5.6vw, 21px);
    margin-top: 10px;
    font-weight: 500;
  }
}
.yumeikoro .p-lineup__content__item__flex__item__price {
  width: clamp(305px, 25.4166666667vw, 366px);
  margin: 0 auto;
  margin-top: clamp(29.1666666667px, 2.4305555556vw, 35px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__flex__item__price {
    width: auto;
    max-width: 190px;
    height: auto;
    margin: 29px auto 0;
  }
}
.yumeikoro .p-lineup__content__item__flex__item__btn {
  width: clamp(339.1666666667px, 28.2638888889vw, 407px);
  margin: 0 auto;
  margin-top: clamp(36.6666666667px, 3.0555555556vw, 44px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__flex__item__btn {
    width: auto;
    max-width: 256px;
    height: auto;
    margin: 30px auto 0;
  }
}
.yumeikoro .p-lineup__content__item__flex__item__btn a {
  position: relative;
  z-index: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: block;
  width: 100%;
  height: auto;
}
.yumeikoro .p-lineup__content__item__flex__item__btn a:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.yumeikoro .p-lineup__content__item__flex__item__btn a:hover + .p-lineup__content__item__flex__item__btn__shadow {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__flex__item__btn a:hover {
    -webkit-transform: unset;
            transform: unset;
  }
}
.yumeikoro .p-lineup__content__item__flex__item__btn__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 124, 194)), to(rgb(94, 204, 163)));
  background: linear-gradient(90deg, rgb(0, 124, 194) 0%, rgb(94, 204, 163) 100%);
  border-radius: 90px;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-lineup__content__item__flex__item__btn__shadow {
    opacity: 0.5;
  }
}
.yumeikoro .p-cv {
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #044BCF;
  padding: clamp(8.3333333333px, 0.6944444444vw, 10px) 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  min-width: 1200px;
}
.yumeikoro .p-cv.is-animated {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-cv {
    min-width: unset;
    padding: 10px 0;
    -webkit-transform: translateY(136px);
            transform: translateY(136px);
  }
}
.yumeikoro .p-cv__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-cv__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.yumeikoro .p-cv__pkg {
  width: clamp(106.6666666667px, 8.8888888889vw, 128px);
  height: auto;
  margin-right: clamp(33.3333333333px, 2.7777777778vw, 40px);
}
.yumeikoro .p-cv__pkg img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.yumeikoro .p-cv__ttl {
  width: clamp(325px, 27.0833333333vw, 390px);
  height: auto;
  margin-right: clamp(38.3333333333px, 3.1944444444vw, 46px);
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-cv__ttl {
    width: auto;
    max-width: 298px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }
}
.yumeikoro .p-cv__ttl img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.yumeikoro .p-cv__btn {
  width: clamp(288.3333333333px, 24.0277777778vw, 346px);
  height: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-cv__btn {
    width: auto;
    max-width: 342px;
    height: auto;
    margin: 3px auto 0;
  }
}
.yumeikoro .p-cv__btn a {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.yumeikoro .p-cv__btn a:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.yumeikoro .p-cv__btn a:hover + .p-cv__btn__shadow {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .yumeikoro .p-cv__btn a:hover {
    -webkit-transform: unset;
            transform: unset;
  }
}
.yumeikoro .p-cv__btn a img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.yumeikoro .p-cv__btn__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 124, 194)), to(rgb(94, 204, 163)));
  background: linear-gradient(90deg, rgb(0, 124, 194) 0%, rgb(94, 204, 163) 100%);
  border-radius: 90px;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.c-btn-sold a {
  pointer-events: none;
}

.directDelivery__image_eighth {
  padding-bottom: calc(clamp(129.1666666667px, 10.7638888889vw, 155px) - clamp(25px, 2.0833333333vw, 30px));
  padding-top: clamp(85.8333333333px, 7.1527777778vw, 103px);
  position: relative;
  z-index: 1;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth {
    margin-top: -1px;
    padding: 0 5.3%;
  }
}
.directDelivery__image_eighth__wrap {
  position: relative;
  width: 860px;
  height: 100px;
  padding-top: 5px;
  margin: 0 auto 40px;
  clear: both;
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth__wrap {
    width: auto;
    height: auto;
  }
}
.directDelivery__image_eighth__wrap::before {
  position: absolute;
  top: 0;
  left: 472px;
  width: 1px;
  height: 100px;
  content: "";
  background: #8D8D8D;
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth__wrap::before {
    position: relative;
  }
}
.directDelivery__image_eighth__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  float: left;
  width: 454px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth__list {
    display: block;
    width: auto;
  }
}
.directDelivery__image_eighth__list dt {
  width: 80px;
  margin-bottom: 10px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth__list dt {
    font-size: 1.2rem;
    width: 24%;
    display: block;
    margin-bottom: unset;
  }
}
.directDelivery__image_eighth__list dd {
  width: 374px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth__list dd {
    width: 76%;
    font-size: 1.2rem;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth__list--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .directDelivery__image_eighth__list--item:last-of-type {
    border-top: 1px solid #8D8D8D;
    padding-top: 20px;
    margin-top: 20px !important;
  }
  .directDelivery__image_eighth__list--item + .directDelivery__image_eighth__list--item {
    margin-top: 8px;
  }
}
.directDelivery__image_eighth__list:last-of-type {
  float: right;
  width: 370px;
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth__list:last-of-type {
    float: none;
    width: auto;
  }
}
.directDelivery__image_eighth__list:last-of-type dt {
  width: 150px;
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth__list:last-of-type dt {
    width: 24%;
  }
}
.directDelivery__image_eighth__list:last-of-type dd {
  width: 220px;
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth__list:last-of-type dd {
    width: 76%;
  }
}
.directDelivery__image_eighth__name {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
}
.directDelivery__image_eighth__table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: clamp(1012.5px, 84.375vw, 1215px);
  margin: 20px auto 0;
  border-top: solid #8D8D8D 1px;
  border-left: solid #8D8D8D 1px;
  background: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: clamp(25px, 2.0833333333vw, 30px);
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth__table {
    width: auto;
    border-right: solid #8D8D8D 1px;
    margin: 20px auto 40px;
  }
}
.directDelivery__image_eighth__table dt, .directDelivery__image_eighth__table dd {
  padding: 20px 0 20px;
  font-size: 12px;
  text-align: left;
  border-right: solid #8D8D8D 1px;
  border-bottom: solid #8D8D8D 1px;
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth__table dt, .directDelivery__image_eighth__table dd {
    border-right: none;
    padding: 15px 0 12px 15px;
  }
}
.directDelivery__image_eighth__table dt {
  width: clamp(166.6666666667px, 13.8888888889vw, 200px);
  font-weight: 800;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth__table dt {
    border-bottom: none;
    width: 100%;
    text-align: left;
  }
}
.directDelivery__image_eighth__table dd {
  width: calc(100% - clamp(166.6666666667px, 13.8888888889vw, 200px));
  padding: 20px 40px 20px 50px;
}
.directDelivery__image_eighth__table dd span + span {
  margin-top: 20px;
  display: block;
}
@media screen and (max-width: 767px) {
  .directDelivery__image_eighth__table dd {
    padding: 0 15px 20px 15px;
    width: 100%;
  }
  .directDelivery__image_eighth__table dd b {
    display: inline-block;
    margin-bottom: 6px;
  }
}

.visible, .invisible {
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transition: opacity 1s ease-out, -webkit-filter 1s ease-out;
  transition: opacity 1s ease-out, -webkit-filter 1s ease-out;
  transition: opacity 1s ease-out, filter 1s ease-out;
  transition: opacity 1s ease-out, filter 1s ease-out, -webkit-filter 1s ease-out;
}

.visible {
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

.visible.translateY, .invisible.translateY {
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.visible.translateY {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.visible.translateYup, .invisible.translateYup {
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (max-width: 767px) {
  .visible.translateYup, .invisible.translateYup {
    -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}

.visible.translateYup {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.visible.translateToLeft, .invisible.translateToLeft {
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.visible.translateToLeft {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.visible.translateToRight, .invisible.translateToRight {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.visible.translateToRight {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.visible.translateScaleUp, .invisible.translateScaleUp {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.visible.translateScaleUp {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.visible.translateScaleDown, .invisible.translateScaleDown {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.visible.translateScaleDown {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.visible.translateRotate, .invisible.translateRotate {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.visible.translateRotate {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.visible.delay03, .invisible.delay03 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.visible.delay05, .invisible.delay05 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.visible.delay10, .invisible.delay10 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.visible.delay15, .invisible.delay15 {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
/*# sourceMappingURL=yumeikoro.css.map */