@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap");
.fadeImg {
  overflow: hidden;
}

.fadeImg img {
  opacity: 0;
  -webkit-transform: scale(1.12);
          transform: scale(1.12);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.fadeImg.active img {
  opacity: 1;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}

.fadeImg--d02 img {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.fadeImg--d04 img {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.fadeIn {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.fadeIn.active {
  opacity: 1;
}

.earlyspring2025Page {
  padding: 0;
  color: #000;
  min-width: initial;
}
@media screen and (min-width: 64em) {
  .earlyspring2025Page {
    padding: 0;
  }
}
.earlyspring2025Page * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.earlyspring2025Page img {
  width: 100%;
}

.videoWrapper {
  position: fixed;
  bottom: -30vw;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .videoWrapper {
    bottom: 0;
    width: calc((100% - 32.2314049587vw) / 2);
  }
}

.videoWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(209, 237, 247, 0.8);
  z-index: 10;
}

.background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-container {
  position: relative;
  width: 100%;
}
.l-drawer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  visibility: hidden;
  opacity: 0;
}
@media screen and (min-width: 64em) {
  .l-drawer {
    position: fixed;
    left: 0;
    width: calc((100% - 32.2314049587vw) / 2);
    /* background: transparent; */
    visibility: visible;
    opacity: 1;
  }
}

.is-drawerOpen .l-drawer {
  visibility: visible;
  opacity: 1;
}

.l-drawer__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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  overflow-y: auto;
  padding: 23.0769230769vw 10.2564102564vw 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .l-drawer__inner {
    padding: 3.125vw 2.7777777778vw 2.7777777778vw;
  }
}

.l-main {
  width: 100%;
  overflow-x: hidden;
}
@media screen and (min-width: 64em) {
  .l-main {
    width: 100%;
  }
}

.l-main__inner {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .l-main__inner {
    width: 32.2314049587vw;
    margin: 0 auto;
  }
}

.l-container__right {
  display: none;
}
@media screen and (min-width: 64em) {
  .l-container__right {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    width: calc((100% - 32.2314049587vw) / 2);
    height: 100%;
    background: rgba(43, 46, 77, 0.7);
  }
}

.drawerLogo {
  display: block;
  width: 27.4358974359vw;
  margin: 0 auto 29.4871794872vw;
}
@media screen and (min-width: 64em) {
  .drawerLogo {
    width: 10.5555555556vw;
    margin: 0 0 6.9444444444vw;
  }
}

.drawerNav {
  text-align: center;
}
@media screen and (min-width: 64em) {
  .drawerNav {
    text-align: left;
  }
}

.drawerNav__list {
  display: inline-block;
}

.drawerNav__item {
  margin-bottom: 7.6923076923vw;
}
@media screen and (min-width: 64em) {
  .drawerNav__item {
    margin-bottom: 1.3888888889vw;
  }
}

.drawerNav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 5.1282051282vw;
  line-height: 1;
  text-align: center;
  color: #484848;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  letter-spacing: 0;
}
@media screen and (min-width: 64em) {
  .drawerNav__link {
    font-size: 1.1270833333vw;
    color: #58757E;
  }
}

.drawerNav__link .ja {
  display: inline-block;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 0;
  font-size: 4.358974359vw;
}
@media screen and (min-width: 64em) {
  .drawerNav__link .ja {
    font-size: 0.9583333333vw;
  }
}

.drawerNav__link .en {
  display: inline-block;
  font-family: "Cormorant Infant", serif;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 0;
}

.drawerNav__link::after {
  content: "";
  display: block;
  width: 4.6153846154vw;
  height: 3.0769230769vw;
  margin-left: 2.0512820513vw;
  background-image: url("../img/earlyspring2025/icon_arrow_red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (min-width: 64em) {
  .drawerNav__link::after {
    width: 0.8333333333vw;
    height: 0.5555555556vw;
    margin-left: 0.5555555556vw;
  }
}

.socialBox {
  margin-bottom: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .socialBox {
    margin-bottom: 1.3888888889vw;
  }
}

.socialBox:last-child {
  margin-bottom: 0;
}

.socialBox__header {
  margin-bottom: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .socialBox__header {
    margin-bottom: 0.5555555556vw;
  }
}

.socialBox__ttl {
  font-size: 2.5641025641vw;
  font-family: "Alata", sans-serif;
  color: #8DA2A9;
}
@media screen and (min-width: 64em) {
  .socialBox__ttl {
    font-size: 0.6944444444vw;
  }
}

.socialBox__txtLink {
  font-size: 4.1025641026vw;
  font-weight: 700;
  color: #58757E;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .socialBox__txtLink {
    font-size: 1.1111111111vw;
  }
}

.socialNav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.6153846154vw;
}
@media screen and (min-width: 64em) {
  .socialNav__list {
    gap: 1.25vw;
  }
}

.socialNav__item--x {
  width: 4.6153846154vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--x {
    width: 1.25vw;
  }
}

.socialNav__item--insta {
  width: 4.8717948718vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--insta {
    width: 1.3194444444vw;
  }
}

.socialNav__item--line {
  width: 5.0256410256vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--line {
    width: 1.3611111111vw;
  }
}

.socialNav__item--fb {
  width: 2.4358974359vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--fb {
    width: 0.6597222222vw;
  }
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 3.0769230769vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 71.7948717949vw;
  padding: 5.3846153846vw;
  background: #AD3028;
  border-radius: 15.3846153846vw;
}
@media screen and (min-width: 64em) {
  .btn {
    gap: 0.9917355372vw;
    width: 23.1404958678vw;
    padding: 1.7355371901vw;
    border-radius: 4.958677686vw;
  }
}

.btn__txt {
  color: #fff;
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 64em) {
  .btn__txt {
    font-size: 1.3223140496vw;
  }
}

.btn__icon {
  position: relative;
  display: block;
  overflow: hidden;
  width: 4.1025641026vw;
  height: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .btn__icon {
    width: 1.3223140496vw;
    height: 0.826446281vw;
  }
}

.btn__icon::before,
.btn__icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn__icon::before {
  background-image: url("../img/earlyspring2025/icon_arrow.svg");
}

.btn__icon::after {
  left: -100%;
  background-image: url("../img/earlyspring2025/icon_arrow_red.svg");
}

.btn--sm {
  width: 40.5128205128vw;
  padding: 2.0512820513vw;
  gap: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .btn--sm {
    width: 13.0578512397vw;
    padding: 0.6611570248vw;
    gap: 0.6611570248vw;
  }
}
.btn--sm .btn__txt {
  font-size: 3.0769230769vw;
  font-weight: 500;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
}
@media screen and (min-width: 64em) {
  .btn--sm .btn__txt {
    font-size: 0.9917355372vw;
  }
}

.btn:hover {
  background: #fff;
  opacity: 1;
}
.btn:hover .btn__txt {
  color: #0A0A0A;
}
.btn:hover .btn__icon::before {
  left: 100%;
}
.btn:hover .btn__icon::after {
  left: 0;
}

.btn--white {
  background: #fff;
  border: #BBBBBB solid 0.2564102564vw;
}
@media screen and (min-width: 64em) {
  .btn--white {
    border: #BBBBBB solid 0.0826446281vw;
  }
}
.btn--white .btn__txt {
  color: #0A0A0A;
}
.btn--white .btn__icon::before {
  background-image: url("../img/earlyspring2025/icon_arrow_red.svg");
}
.btn--white .btn__icon::after {
  background-image: url("../img/earlyspring2025/icon_arrow_red.svg");
}
.btn--white:hover {
  opacity: 1;
  background: #F5EFD8;
}
.btn--noborder {
  border: none !important;
}

.btn--end {
  pointer-events: none;
  background: #B5B5B5;
  border: #B5B5B5 solid 0.2564102564vw;
}
@media screen and (min-width: 64em) {
  .btn--end {
    border: #B5B5B5 solid 0.0826446281vw;
  }
}
.btn--end .btn__txt {
  color: #fff;
}

.navBar {
  position: fixed;
  top: 7.6923076923vw;
  right: 5.1282051282vw;
  z-index: 1200;
  width: 6.1538461538vw;
  height: 3.0769230769vw;
  cursor: pointer;
  mix-blend-mode: difference;
}
@media screen and (min-width: 64em) {
  .navBar {
    display: none;
  }
}
.navBar__line {
  display: block;
  width: 100%;
  height: 0.7692307692vw;
  background: #fff;
  position: absolute;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.navBar__line.line01.active {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-35deg);
          transform: translateY(-50%) rotate(-35deg);
}
.navBar__line.line02 {
  bottom: 0;
}
.navBar__line.line02.active {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(35deg);
          transform: translateY(-50%) rotate(35deg);
}

@media screen and (min-width: 64em) {
  .containerRightTtl {
    position: absolute;
    top: 1.1805555556vw;
    right: 1.0416666667vw;
    width: 8.75vw;
    z-index: 10;
    mix-blend-mode: soft-light;
  }
}

.containerSlider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.containerSlider__list {
  position: relative;
  width: 100%;
  height: 100%;
}

.containerSlider__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.containerSlider__img {
  height: 100%;
}

.containerSlider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.l-kv {
  height: calc(100dvh - 25.641025641vw);
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .l-kv {
    height: calc(100dvh - 8.2644628099vw);
  }
}

.l-kv__top {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.kv__main {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.kv__main::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#7A4A4F));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #7A4A4F 100%);
  z-index: 10;
}

.kvSlider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.kvSlider__list {
  height: 100%;
}

.kvSlider__img {
  height: 100%;
}

.kvSlider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.kvSlider__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.kvLogoWrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.kvLogo {
  position: absolute;
  top: 80px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 26.9230769231vw;
}
@media screen and (min-width: 64em) {
  .kvLogo {
    width: 8.6776859504vw;
  }
}

.kv__ttlWrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  overflow: hidden;
}

.kv__ttl {
  width: 81.0256410256vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .kv__ttl {
    width: 26.1157024793vw;
  }
}

.cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 2000;
  -webkit-transition: all 0.3s ease-out 0.2s;
  transition: all 0.3s ease-out 0.2s;
}

.kvSlider__img {
  -webkit-transform: scale(1.1) translateY(3rem);
          transform: scale(1.1) translateY(3rem);
  -webkit-transition: all 0.8s ease-out 0.2s;
  transition: all 0.8s ease-out 0.2s;
}

.kvLogoWrapper {
  mix-blend-mode: difference;
  -webkit-transition: mix-blend-mode 1s ease 7s;
  transition: mix-blend-mode 1s ease 7s;
  z-index: 2100;
}

.kvLogo {
  -webkit-transition: all 0.3s ease-out 0.2s;
  transition: all 0.3s ease-out 0.2s;
}

.kvLogo__img {
  -webkit-transition: all 0.3s ease-out 0.2s;
  transition: all 0.3s ease-out 0.2s;
}

.kv__ttl {
  clip-path: inset(100% 0 0 0);
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
}

.leadTtl__txt {
  opacity: 0;
  -webkit-transition: all 1.2s ease-out 1.2s;
  transition: all 1.2s ease-out 1.2s;
}

.lead__label {
  opacity: 0;
  -webkit-transition: all 1.2s ease-out 1.4s;
  transition: all 1.2s ease-out 1.4s;
}

.is-loaded .cover {
  top: -100%;
}
.is-loaded .kvLogoWrapper {
  -webkit-animation: kvLogoAnimation 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s forwards, kvLogoAnimation02 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s forwards;
          animation: kvLogoAnimation 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s forwards, kvLogoAnimation02 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s forwards;
}
.is-loaded .kvLogo__img {
  /* -webkit-transform: translateY(calc(-50vh + 10.2564102564vw)); */
  /* transform: translateY(calc(-50vh + 10.2564102564vw)); */
}
@media screen and (min-width: 64em) {
  .is-loaded .kvLogo__img {
    /* -webkit-transform: translateY(calc(-50vh + 4.4628099174vw)); */
    /* transform: translateY(calc(-50vh + 4.4628099174vw)); */
  }
}
.is-loaded .kv__ttl {
  -webkit-animation: kvTtlAnimation 2s cubic-bezier(0.22, 1, 0.36, 1) 1.2s forwards;
          animation: kvTtlAnimation 2s cubic-bezier(0.22, 1, 0.36, 1) 1.2s forwards;
}
.is-loaded .kvSlider__img {
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
}
.is-loaded .leadTtl__txt {
  opacity: 1;
}
.is-loaded .lead__label {
  opacity: 1;
}

@-webkit-keyframes kvLogoAnimation {
  0% {
    mix-blend-mode: difference;
    z-index: 2100;
  }
  40% {
    mix-blend-mode: difference;
    z-index: 2100;
  }
  40.1% {
    mix-blend-mode: normal;
    z-index: 2100;
  }
  100% {
    mix-blend-mode: normal;
    z-index: 100;
  }
}

@keyframes kvLogoAnimation {
  0% {
    mix-blend-mode: difference;
    z-index: 2100;
  }
  40% {
    mix-blend-mode: difference;
    z-index: 2100;
  }
  40.1% {
    mix-blend-mode: normal;
    z-index: 2100;
  }
  100% {
    mix-blend-mode: normal;
    z-index: 100;
  }
}
@-webkit-keyframes kvLogoAnimation02 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.85;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kvLogoAnimation02 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.85;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes kvTtlAnimation {
  0% {
    clip-path: inset(100% 0 0 0);
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
  }
  60% {
    clip-path: inset(-5% 0 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes kvTtlAnimation {
  0% {
    clip-path: inset(100% 0 0 0);
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
  }
  60% {
    clip-path: inset(-5% 0 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.l-lead {
  background: #EBCFD1;
}

.l-lead__top {
  position: relative;
  padding-top: 17.9487179487vw;
  padding-bottom: 76.9230769231vw;
}
@media screen and (min-width: 64em) {
  .l-lead__top {
    padding-top: 5.7851239669vw;
    padding-bottom: 24.7933884298vw;
  }
}

.l-lead__bottom {
  background: #E6ECEE;
}

.leadTtl {
  margin: 0 auto 6.6666666667vw;
  text-align: center;
  font-size: 5.641025641vw;
  font-weight: 500;
  line-height: 1.4;
  color: #A36A71;
}
@media screen and (min-width: 64em) {
  .leadTtl {
    margin-bottom: 2.1487603306vw;
    font-size: 1.8181818182vw;
  }
}

.leadTtl__txt {
  font-weight: 500;
}

.lead__label {
  margin: 0 auto 11.7948717949vw;
  font-size: 3.3333333333vw;
  color: #A36A71;
  text-align: center;
  font-family: "Cormorant Infant", serif;
  font-weight: 300;
  font-style: italic;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .lead__label {
    margin-bottom: 3.8016528926vw;
    font-size: 1.0743801653vw;
  }
}

.leadImg {
  position: relative;
  overflow: hidden;
  width: 71.7948717949vw;
  height: 113.8461538462vw;
  margin: 0 auto;
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .leadImg {
    width: 30.140496vw;
    height: 19.694215vw;
  }
}

.leadImg__list {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.leadImg__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.leadImg__img {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.leadImg__item.active .leadImg__img {
  -webkit-animation: imgslide 1s cubic-bezier(0.26, 0.01, 0.08, 1.1) forwards;
          animation: imgslide 1s cubic-bezier(0.26, 0.01, 0.08, 1.1) forwards;
}

.leadImg__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@-webkit-keyframes imgslide {
  0% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    clip-path: inset(0 0 0 0);
  }
}

@keyframes imgslide {
  0% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    clip-path: inset(0 0 0 0);
  }
}
.lead__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.l-lead__header {
  position: relative;
  padding-top: 25.641025641vw;
  padding-bottom: 25.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-lead__header {
    padding-top: 8.2644628099vw;
    padding-bottom: 8.2644628099vw;
  }
}

.l-lead__body {
  position: relative;
  padding-bottom: 25.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-lead__body {
    padding-bottom: 8.2644628099vw;
  }
}

.lead__logo {
  position: absolute;
  top: -38.9743589744vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 53.8461538462vw;
}
@media screen and (min-width: 64em) {
  .lead__logo {
    top: -12.5619834711vw;
    width: 17.3553719008vw;
  }
}

.lead__txtBox {
  margin-left: 14.8717948718vw;
}
@media screen and (min-width: 64em) {
  .lead__txtBox {
    margin-left: 4.7933884298vw;
  }
}

.lead__txt {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-align: left;
}

.lead__txt span {
  display: block;
  font-size: 4.1025641026vw;
  font-weight: 500;
  white-space: pre;
  color: #729582;
  line-height: 1.05;
  margin: 0 1.7948717949vw;
}
@media screen and (min-width: 64em) {
  .lead__txt span {
    font-size: 1.3223140496vw;
    margin: 0 0.5785123967vw;
  }
}

.lead__flower {
  position: absolute;
  bottom: -6.1538461538vw;
  left: -0.5128205128vw;
  width: 82.0512820513vw;
}
@media screen and (min-width: 64em) {
  .lead__flower {
    bottom: -1.9834710744vw;
    left: -0.1652892562vw;
    width: 26.4462809917vw;
  }
}

.leadGallery {
  position: relative;
  margin-bottom: 20.5128205128vw;
}
@media screen and (min-width: 64em) {
  .leadGallery {
    margin-bottom: 6.6115702479vw;
  }
}

.leadGallery:last-child {
  margin-bottom: 0;
}

.leadGallery__img--01 {
  width: 78.4615384615vw;
  margin-left: auto;
}
@media screen and (min-width: 64em) {
  .leadGallery__img--01 {
    width: 25.2892561983vw;
  }
}

.leadGallery__img--02 {
  position: relative;
  z-index: 10;
  width: 55.1282051282vw;
  margin-bottom: 30.7692307692vw;
}
@media screen and (min-width: 64em) {
  .leadGallery__img--02 {
    width: 17.7685950413vw;
    margin-bottom: 9.9173553719vw;
  }
}

.leadGallery__img--03 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 64.1025641026vw;
}
@media screen and (min-width: 64em) {
  .leadGallery__img--03 {
    width: 20.6611570248vw;
  }
}

.leadGallery__img--04 {
  width: 70.5128205128vw;
}
@media screen and (min-width: 64em) {
  .leadGallery__img--04 {
    width: 22.7272727273vw;
  }
}

.leadGallery__img--05 {
  margin-top: -25.641025641vw;
  margin-left: auto;
  width: 47.4358974359vw;
}
@media screen and (min-width: 64em) {
  .leadGallery__img--05 {
    margin-top: -8.2644628099vw;
    width: 15.2892561983vw;
  }
}

.leadGallery__txt {
  position: relative;
  z-index: 10;
  margin-left: 10.7692307692vw;
  font-size: 4.6153846154vw;
  color: #729582;
  font-family: "Cormorant Infant", serif;
  font-weight: 300;
  font-style: italic;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .leadGallery__txt {
    margin-left: 3.4710743802vw;
    font-size: 1.4876033058vw;
  }
}

.l-center {
  position: relative;
  padding-bottom: 10.2564102564vw;
  background: #fff;
}
@media screen and (min-width: 64em) {
  .l-center {
    padding-bottom: 3.305785124vw;
  }
}

.centerBox {
  height: 57.6923076923vw;
}
@media screen and (min-width: 64em) {
  .centerBox {
    height: 18.5950413223vw;
  }
}

.centerLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 31.2820512821vw;
}
@media screen and (min-width: 64em) {
  .centerLogo {
    width: 10.0826446281vw;
  }
}

.centerBox {
  height: 57.6923076923vw;
  width: 100%;
  clip-path: inset(0);
  z-index: -1;
}
@media screen and (min-width: 64em) {
  .centerBox {
    height: 18.5950413223vw;
  }
}
.centerBox::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/earlyspring2025/lead_bg_02_sp.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
@media screen and (min-width: 64em) {
  .centerBox::before {
    background-image: url("../img/earlyspring2025/lead_bg_02.png");
  }
}

.l-itemSecWrapper {
  padding-top: 10.2564102564vw;
  background: #fff;
}
@media screen and (min-width: 64em) {
  .l-itemSecWrapper {
    padding-top: 3.305785124vw;
  }
}

.l-itemSecWrapper__header {
  position: relative;
  z-index: 10;
}

.l-itemSecWrapper__body {
  margin-top: -8.2051282051vw;
}
@media screen and (min-width: 64em) {
  .l-itemSecWrapper__body {
    margin-top: -2.6446280992vw;
  }
}

.itemSecWrapper__ttl {
  color: #EBCFD2;
  text-align: center;
  font-size: 20.5128205128vw;
  font-weight: 300;
  font-family: "Cormorant Infant", serif;
  line-height: 0.7;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 64em) {
  .itemSecWrapper__ttl {
    font-size: 6.6115702479vw;
  }
}

.l-itemSec__header {
  position: relative;
}

.l-itemSec__body {
  padding-bottom: 20.5128205128vw;
}
@media screen and (min-width: 64em) {
  .l-itemSec__body {
    padding-bottom: 6.6115702479vw;
  }
}

.itemSec__num {
  position: absolute;
  bottom: -6.1538461538vw;
  left: 5.641025641vw;
  display: inline-block;
  color: #EBCFD2;
  font-size: 20.5128205128vw;
  font-weight: 300;
  font-family: "Cormorant Infant", serif;
  line-height: 0.7;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 64em) {
  .itemSec__num {
    bottom: -1.9834710744vw;
    left: 1.8181818182vw;
    font-size: 6.6115702479vw;
  }
}

.itemSec__btn {
  position: absolute;
  bottom: 7.6923076923vw;
  left: 0;
  width: 100%;
  padding: 0 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .itemSec__btn {
    bottom: 2.479338843vw;
    padding: 0 1.652892562vw;
  }
}

.itemSecLead {
  display: block;
  text-align: center;
  padding-top: 15.3846153846vw;
  padding-bottom: 12.8205128205vw;
}
@media screen and (min-width: 64em) {
  .itemSecLead {
    padding-top: 4.958677686vw;
    padding-bottom: 4.132231405vw;
  }
}

.itemSecLead__txtBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.itemSecLead__txt {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-align: left;
}

.itemSecLead__txt span {
  display: block;
  font-size: 4.1025641026vw;
  font-weight: 500;
  white-space: pre;
  color: #A36A71;
  line-height: 1.05;
  margin: 0 2.3076923077vw;
}
@media screen and (min-width: 64em) {
  .itemSecLead__txt span {
    font-size: 1.3223140496vw;
    margin: 0 0.7438016529vw;
  }
}

.itemSecProduct__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  row-gap: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .itemSecProduct__list {
    row-gap: 1.652892562vw;
  }
}

.itemSecProduct__body {
  padding: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .itemSecProduct__body {
    padding: 1.652892562vw;
  }
}

.itemSecProduct__ttl {
  margin-bottom: 3.5897435897vw;
  font-size: 3.5897435897vw;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .itemSecProduct__ttl {
    margin-bottom: 1.1570247934vw;
    font-size: 1.1570247934vw;
  }
}

.itemSecProduct__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.itemSecProduct__price .num {
  font-size: 4.1025641026vw;
  font-family: "Alata", sans-serif;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .itemSecProduct__price .num {
    font-size: 1.3223140496vw;
  }
}

.itemSecProduct__price .label {
  font-size: 2.8205128205vw;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .itemSecProduct__price .label {
    font-size: 0.9090909091vw;
  }
}

.itemSecProduct__img {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.itemSecProduct__img::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.itemSecProduct__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.l-itemSec--01 .itemSec__btn {
  text-align: right;
}
.l-itemSec--01 .itemSecLead {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.l-itemSec--02 .l-itemSec__body {
  padding-top: 12.8205128205vw;
}
@media screen and (min-width: 64em) {
  .l-itemSec--02 .l-itemSec__body {
    padding-top: 4.132231405vw;
  }
}
.l-itemSec--02 .itemSec__num {
  color: #B1CDE4;
  left: auto;
  right: 5.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-itemSec--02 .itemSec__num {
    right: 1.8181818182vw;
  }
}

.l-style {
  background: #fff;
  padding-bottom: 25.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-style {
    padding-bottom: 8.2644628099vw;
  }
}

.styleSec__btn {
  margin-top: 12.8205128205vw;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .styleSec__btn {
    margin-top: 4.132231405vw;
  }
}

.l-style__header {
  position: relative;
  padding-bottom: 11.7948717949vw;
}
@media screen and (min-width: 64em) {
  .l-style__header {
    padding-bottom: 3.8016528926vw;
  }
}

.styleSec__thumb {
  margin-bottom: 8.2051282051vw;
}
@media screen and (min-width: 64em) {
  .styleSec__thumb {
    margin-bottom: 2.6446280992vw;
  }
}

.styleSec__txtBox {
  text-align: right;
  padding-right: 12.3076923077vw;
}
@media screen and (min-width: 64em) {
  .styleSec__txtBox {
    padding-right: 3.9669421488vw;
  }
}

.styleSec__ttl {
  display: inline-block;
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 1.5;
  color: #476A6E;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .styleSec__ttl {
    font-size: 1.3223140496vw;
  }
}

.styleSec__logo {
  position: absolute;
  bottom: 7.6923076923vw;
  left: 7.6923076923vw;
  width: 40.7692307692vw;
}
@media screen and (min-width: 64em) {
  .styleSec__logo {
    bottom: 2.479338843vw;
    left: 2.479338843vw;
    width: 13.1404958678vw;
  }
}

.styleCard {
  position: relative;
  padding: 15.3846153846vw 7.6923076923vw;
  background: #F5EFD8;
}
@media screen and (min-width: 64em) {
  .styleCard {
    padding: 4.958677686vw 2.479338843vw;
  }
}

.styleCard__txtBox {
  position: absolute;
  z-index: 10;
  top: 10.2564102564vw;
  left: 12.8205128205vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 64em) {
  .styleCard__txtBox {
    top: 3.305785124vw;
    left: 4.132231405vw;
  }
}

.styleCard__ttl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-align: left;
}

.styleCard__ttl span {
  display: block;
  font-size: 4.1025641026vw;
  font-weight: 500;
  white-space: pre;
  line-height: 1;
  font-family: "Cormorant Infant", serif;
}
@media screen and (min-width: 64em) {
  .styleCard__ttl span {
    font-size: 1.3223140496vw;
  }
}

.styleCard__img {
  display: block;
  overflow: hidden;
}

a.styleCard__img:hover {
  opacity: 1;
}
a.styleCard__img:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.styleCard__btnWrapper {
  position: absolute;
  bottom: 6.1538461538vw;
  left: 0;
  width: 100%;
  padding: 0 7.6923076923vw;
  text-align: right;
}
@media screen and (min-width: 64em) {
  .styleCard__btnWrapper {
    bottom: 1.9834710744vw;
    padding: 0 2.479338843vw;
  }
}

.styleCardBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.3076923077vw;
}
@media screen and (min-width: 64em) {
  .styleCardBtn {
    gap: 0.7438016529vw;
  }
}

.styleCardBtn__txt {
  font-family: "Cormorant Infant", serif;
  font-size: 5.1282051282vw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.1em;
}
@media screen and (min-width: 64em) {
  .styleCardBtn__txt {
    font-size: 1.652892562vw;
  }
}

.btn__icon {
  position: relative;
  display: block;
  overflow: hidden;
  width: 3.5897435897vw;
  height: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .btn__icon {
    width: 1.1570247934vw;
    height: 0.826446281vw;
  }
}

.btn__icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/earlyspring2025/icon_arrow_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.styleCard:nth-child(2n) .styleCard__txtBox {
  left: auto;
  right: 12.8205128205vw;
}
@media screen and (min-width: 64em) {
  .styleCard:nth-child(2n) .styleCard__txtBox {
    right: 4.132231405vw;
  }
}
.styleCard:nth-child(2n) .styleCard__btnWrapper {
  text-align: left;
}

.styleCard--02 {
  background: #EDD8D8;
}

.l-about {
  background: #fff;
  padding-bottom: 25.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-about {
    padding-bottom: 4.958677686vw;
  }
}

.l-about__header {
  margin-bottom: 17.9487179487vw;
}
@media screen and (min-width: 64em) {
  .l-about__header {
    margin-bottom: 5.7851239669vw;
  }
}

.aboutTtl {
  position: relative;
  z-index: 10;
  margin-top: -10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .aboutTtl {
    margin-top: -3.305785124vw;
  }
}

.aboutTtl__logo {
  width: 20.5128205128vw;
  margin: 0 auto 5.641025641vw;
}
@media screen and (min-width: 64em) {
  .aboutTtl__logo {
    width: 6.6115702479vw;
    margin: 0 auto 1.8181818182vw;
  }
}

.aboutTtl__txt {
  font-size: 4.1025641026vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .aboutTtl__txt {
    font-size: 1.3223140496vw;
  }
}

@-webkit-keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.aboutSlider__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.aboutSlider__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
}

.aboutSlider__list {
  -webkit-animation: infinity-scroll-left 8s infinite linear both;
          animation: infinity-scroll-left 8s infinite linear both;
}

.aboutSlider__item {
  position: relative;
  width: 33.3333333333vw;
  height: 121.5384615385vw;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .aboutSlider__item {
    width: 10.7438016529vw;
    height: 39.173553719vw;
  }
}

@-webkit-keyframes infinity-scroll-left2 {
  0% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: 0;
  }
  3% {
    opacity: 1;
  }
  97% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
    opacity: 0;
  }
}

@keyframes infinity-scroll-left2 {
  0% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: 0;
  }
  3% {
    opacity: 1;
  }
  97% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
    opacity: 0;
  }
}
.aboutSlider__img {
  position: absolute;
  top: 0;
  left: -50%;
  height: 100%;
  overflow: hidden;
  width: 66.6666666667vw;
  -webkit-animation: infinity-scroll-left2 24s infinite linear both;
          animation: infinity-scroll-left2 24s infinite linear both;
}
@media screen and (min-width: 64em) {
  .aboutSlider__img {
    width: 20vw;
  }
}

.aboutSlider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about__txtBox {
  margin-bottom: 15.3846153846vw;
}
@media screen and (min-width: 64em) {
  .about__txtBox {
    margin-bottom: 4.958677686vw;
  }
}

.about__txt {
  margin-bottom: 6.1538461538vw;
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .about__txt {
    margin-bottom: 1.9834710744vw;
    font-size: 1.3223140496vw;
  }
}

.about__btn {
  text-align: center;
}

.l-footer {
  padding-top: 23.5897435897vw;
  padding-bottom: 5.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-footer {
    display: none;
    padding-top: 7.6033057851vw;
    padding-bottom: 1.8181818182vw;
  }
}

.l-footer__inner {
  padding-left: 10.7692307692vw;
  padding-right: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .l-footer__inner {
    padding-left: 3.4710743802vw;
    padding-right: 1.652892562vw;
  }
}

.l-footer__top {
  margin-bottom: 9.2307692308vw;
}
@media screen and (min-width: 64em) {
  .l-footer__top {
    margin-bottom: 2.9752066116vw;
  }
}

.footerLogo {
  width: 27.4358974359vw;
}
@media screen and (min-width: 64em) {
  .footerLogo {
    width: 8.8429752066vw;
  }
}

.copyright {
  color: #58757E;
  font-size: 2.5641025641vw;
  font-family: "Alata", sans-serif;
  text-align: right;
}
@media screen and (min-width: 64em) {
  .copyright {
    font-size: 0.826446281vw;
  }
}



.spec {
  margin-top: 30px;
  padding: 0px 0px 0px 0px;
}
.spec h3 {
  margin: 30px auto 60px;
  line-height: 55px;
  font-size: 24px;
  color: #000;
  font-weight: 200;
  font-family: 'Shippori Mincho', serif;
  margin: 0px auto;
  text-align: center;
}
.spec p {
  margin-top: 0;
  text-align: right;
}
.price {
  text-align: right;
  color: #ff5151;
  font-size: 1vw;
  padding: 50px 20px 50px;
}

.btn,
div.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.osechi_special div.btn-coupon {
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0;
  color: #fa4141;
  border-radius: 0;
  /* flex-direction: unset; */
  /* -webkit-flex-direction: unset; */
  margin: 0px 0px 0px auto;
  align-items: center;
  height: auto;
  background: #df302d;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0;
}

div.btn-coupon .left {
  font-size: 1vw;
  line-height: 1;
  width: 50%;
  padding: 1rem 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  /* border-left: 2px dashed #fff; */
  box-sizing: border-box;
}

div.btn-coupon .left span {
  font-family: "Roboto", sans-serif;
  font-size: 2vw;
  color: #fff100;
}

div.btn-coupon .right {
  font-size: 1vw;
  line-height: 1.5;
  padding: 1rem 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #df302d;
  background: #fcb6a6;
  /* -webkit-box-flex: 1; */
  -ms-flex: 1;
  /* flex: 1; */
  width: 50%;
}

div.btn-coupon .right span {
  font-size: 1vw;
  display: inline-block;
  padding: 0.2rem 1rem;
  letter-spacing: 0.05rem;
  color: #fff;
  border-radius: 100vh;
  background: #df302d;
}

div.btn-coupon i {
  position: absolute;
  top: 0;
  right: 49%;
  width: 1rem;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: rotate(90deg) translateX(0.5rem) translateY(0);
  transform: rotate(90deg) translateX(0.5rem) translateY(0);
  text-align: right;
  color: #fff;
  /* width: 0; */
}
p.countlimited {
    background: #124327;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 0px 5px 0px 5px;
    margin: 0;
    line-height: 23px;
    width: 70px;
    margin: 0 auto;
}
/* section 05
-------------------------------------------*/
#section05 {
  background-color: #efeee5;
  padding: 100px 40px;
  box-sizing: border-box;
}
#section05 .wrap {
  overflow: hidden;
  max-width: 1040px;
  margin: 0 auto;
  font-size: 14px;
}
#section05 h2 img {
  margin-bottom: 80px;
}
#section05 .left {
}
#section05 .left img {
  width: 242px;
  margin-bottom: 30px;
}
#section05 .left p {
  line-height: 2.2;
}
#section05 .right {
  padding: 10px 40px 20px;
  border: 1px solid #333;
  box-sizing: border-box;
}
#section05 .shop li {
  /* float: left; */
}
#section05 .shop .txt1 {
  padding-top: 10px;
}
#section05 .shop li dl {
  padding-top: 10px;
}
#section05 .shop li dt, #section05 .shop li dd {
  padding-top: 10px;
  line-height: 1.6;
}
#section05 .shop li dt {
  float: left;
  width: 130px;
}
#section05 .shop li dd {
  margin-left: 130px;
}
/* section 06
-------------------------------------------*/
.link .wrap {
  overflow: hidden;
  width: 480px;
  margin: 0 auto;
}
.link .btn {
  clear: both;
  width: 90%;
  margin: 100px auto 0;
  border: 1px solid #333;
  box-sizing: border-box;
  text-align: center;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.link .btn a {
  display: block;
  padding: 18px 0;
  font-size: 14px;
}
.link .btn a:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 12px;
  background: url(../img/christmas/ico_back.png) no-repeat;
  background-size: contain;
  vertical-align: top;
  margin-right: 10px;
}
.link .btn:hover {
  width: 100%;
}

.orderflow {
    max-width: 1040px;
    margin: 30px auto;
    background: #C9BF8D;
    padding: 20px;
    box-sizing: border-box;
}
.orderflow dl{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #777;
    padding: 20px 0px;
}
.orderflow dl:last-child{
  border:0;
}
.orderflow dl dt{
    width: 220px;
}
.orderflow dl dd{
    width: 710px;
    line-height: 24px;
}
.orderflow dl dd span{
    padding: 1px 5px;
    display: block;
    max-width: 130px;
    text-align: center;
    border: 1px solid #777;
}