@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");
.color-white {
  color: #fff !important;
}

.devPage {
  padding: 0;
  margin: 0;
  color: #333;
  min-width: initial;
}
@media screen and (min-width: 64em) {
  .devPage {
    padding: 0;
  }
}
.devPage * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.devPage img {
  max-width: 100%;
}

.cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00070D;
  z-index: 2000;
}

.cover img {
  width: 100%;
}

.coverLogoWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
  width: 76.9230769231vw;
}
@media screen and (min-width: 64em) {
  .coverLogoWrapper {
    width: 20.8333333333vw;
  }
}

.coverLogo__top {
  width: 100%;
  margin-bottom: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .coverLogo__top {
    margin-bottom: 1.1111111111vw;
  }
}

.coverLogo__cross {
  width: 5.641025641vw;
  margin: 0 auto 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .coverLogo__cross {
    width: 1.5277777778vw;
    margin: 0 auto 1.1111111111vw;
  }
}

.coverLogo__bottom {
  width: 35.8974358974vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .coverLogo__bottom {
    width: 9.7222222222vw;
  }
}

.coverVideoWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.coverVideoWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  background-image: url("../img/prince2025/bg_sp.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .coverVideoWrapper::before {
    background-image: url("../img/prince2025/bg_pc.jpg");
  }
}

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

.coverVideoWrapper::before {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 1;
}

.coverVideoWrapper.is-hide::before {
  opacity: 0;
}

.coverVideoWrapper {
  -webkit-transition: all 0.5s ease 0.2s;
  transition: all 0.5s ease 0.2s;
  opacity: 0;
}

.cover.is-start .coverVideoWrapper {
  opacity: 1;
}

.coverLogo {
  -webkit-transition: all 1s ease-out 1s;
  transition: all 1s ease-out 1s;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  opacity: 0;
}

.cover.is-start .coverLogo {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.cover {
  -webkit-transition: all 1s ease-out 3s;
  transition: all 1s ease-out 3s;
}

.cover.is-start {
  opacity: 0;
  visibility: hidden;
}

.fade {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.fadeIn.active {
  opacity: 1;
}

.fadeDown {
  opacity: 0;
  -webkit-transform: translateY(-2rem);
          transform: translateY(-2rem);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.fadeDown.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.fadeShrink {
  opacity: 0;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 1.2s ease-out 0.4s;
  transition: all 1.2s ease-out 0.4s;
}

.fadeShrink.active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.videoWrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .videoWrapper {
    width: 32.2314049587vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.videoWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  background-image: url("../img/prince2025/bg_sp.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
}

.videoWrapper.is-play::before {
  display: none;
}

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

.videoWrapper__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.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 {
    display: none;
  }
}

.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-drawer__top {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 128.2051282051vw;
}
@media screen and (min-width: 64em) {
  .l-drawer__top {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 2.7777777778vw;
    min-height: 34vw;
  }
}

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

.l-main img {
  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__left {
  display: none;
  position: relative;
  background: #F4F0E7;
}
@media screen and (min-width: 64em) {
  .l-container__left {
    position: fixed;
    display: block;
    left: 0;
    width: calc((100% - 32.2314049587vw) / 2);
    height: 100%;
  }
}

.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;
  text-align: left;
}

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

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

.drawerNav__label {
  font-size: 3.5897435897vw;
  font-weight: 700;
  color: #9B9B9B;
  line-height: 0.7;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .drawerNav__label {
    font-size: 0.9722222222vw;
    color: #C4C4C4;
  }
}

.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: 0.7;
  color: #333;
  -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.1111111111vw;
    color: #fff;
  }
}

.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: 1.0416666667vw;
  }
}

.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;
  }
}

.drawerNav__child {
  margin-top: 10.2564102564vw;
  padding-left: 7.1794871795vw;
  border-left: 0.2564102564vw solid #333;
}
@media screen and (min-width: 64em) {
  .drawerNav__child {
    margin-top: 2.7777777778vw;
    padding-left: 1.9444444444vw;
    border-left: 0.0694444444vw solid #fff;
  }
}
.drawerNav__child .drawerNav__link {
  font-size: 4.6153846154vw;
}
@media screen and (min-width: 64em) {
  .drawerNav__child .drawerNav__link {
    font-size: 1.25vw;
  }
}

.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: 1.0256410256vw;
}
@media screen and (min-width: 64em) {
  .socialBox__header {
    margin-bottom: 0.2777777778vw;
  }
}

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

.socialBox__txtLink {
  font-size: 4.1025641026vw;
  font-weight: 700;
  color: #000;
  line-height: 1;
  font-family: "Alata", sans-serif;
}
@media screen and (min-width: 64em) {
  .socialBox__txtLink {
    font-size: 1.1111111111vw;
    color: #3A3A3A;
  }
}

.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;
}
.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: #F4F0E7;
}
.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) {
  .containerRightNav {
    position: absolute;
    top: 2.9166666667vw;
    right: 3.1944444444vw;
    z-index: 10;
  }
}

.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;
}

.containerLeft__img {
  position: absolute;
  top: 20%;
  left: 8.0555555556vw;
  width: 19.0277777778vw;
}

.containerLeft__flex {
  position: relative;
  z-index: 10;
  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%;
  padding: 3.125vw 1.3888888889vw 2.0833333333vw 2.7777777778vw;
  gap: 2.0833333333vw;
}

.containerLeft__logo {
  width: 10.5555555556vw;
}

.containerLeft__princeLogo {
  width: 16.1805555556vw;
  margin-bottom: 2.2222222222vw;
}

.l-kv {
  position: relative;
  z-index: 10;
  height: 100vh;
  background-image: url("../img/prince2025/bg_kv.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.l-kv__inner {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.kvVideoWrapper {
  width: 100%;
  height: 100%;
}

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

.kvLogo {
  position: absolute;
  top: 22.5641025641vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
  width: 27.4358974359vw;
}
@media screen and (min-width: 64em) {
  .kvLogo {
    display: none;
    top: 7.2727272727vw;
    width: 8.8429752066vw;
  }
}

.kvBox {
  position: absolute;
  bottom: 24.1025641026vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .kvBox {
    bottom: 7.7685950413vw;
  }
}

.kvBoxTtl__top {
  display: block;
  width: 76.9230769231vw;
  margin: 0 auto 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .kvBoxTtl__top {
    width: 24.7933884298vw;
    margin: 0 auto 0.6611570248vw;
  }
}

.kvBoxTtl__cross {
  display: block;
  width: 5.8974358974vw;
  margin: 0 auto 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .kvBoxTtl__cross {
    width: 1.9008264463vw;
    margin: 0 auto 0.6611570248vw;
  }
}

.kvBoxTtl__bottom {
  display: block;
  width: 35.8974358974vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .kvBoxTtl__bottom {
    width: 11.5702479339vw;
  }
}

.kvLine {
  position: absolute;
  bottom: -6.4102564103vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
  width: 0.2564102564vw;
  height: 16.9230769231vw;
  background: #fff;
}
@media screen and (min-width: 64em) {
  .kvLine {
    bottom: -2.0661157025vw;
    width: 0.0826446281vw;
    height: 6.4462809917vw;
  }
}

.kvLine::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2.0512820513vw;
  height: 2.0512820513vw;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: lineMove 2s linear infinite;
          animation: lineMove 2s linear infinite;
}
@media screen and (min-width: 64em) {
  .kvLine::before {
    width: 0.6611570248vw;
    height: 0.6611570248vw;
  }
}

@-webkit-keyframes lineMove {
  0% {
    top: 10%;
    opacity: 0;
  }
  30% {
    top: 50%;
    opacity: 1;
  }
  60% {
    top: 90%;
    opacity: 0;
  }
  100% {
    top: 90%;
    opacity: 0;
  }
}

@keyframes lineMove {
  0% {
    top: 10%;
    opacity: 0;
  }
  30% {
    top: 50%;
    opacity: 1;
  }
  60% {
    top: 90%;
    opacity: 0;
  }
  100% {
    top: 90%;
    opacity: 0;
  }
}
.l-lead {
  padding-top: 38.4615384615vw;
  padding-bottom: 38.4615384615vw;
}
@media screen and (min-width: 64em) {
  .l-lead {
    padding-top: 12.3966942149vw;
    padding-bottom: 12.3966942149vw;
  }
}

.lead__top {
  margin-bottom: 25.641025641vw;
}
@media screen and (min-width: 64em) {
  .lead__top {
    margin-bottom: 8.2644628099vw;
  }
}

.lead__ttl {
  margin-bottom: 7.6923076923vw;
  font-size: 5.641025641vw;
  font-weight: 700;
  color: #FAB61D;
  text-align: center;
  line-height: 1.4;
}
@media screen and (min-width: 64em) {
  .lead__ttl {
    margin-bottom: 2.479338843vw;
    font-size: 1.8181818182vw;
  }
}

.lead__enTxt {
  font-family: "adobe-garamond-pro", serif;
  font-size: 4.1025641026vw;
  color: #AAAAAA;
  text-align: center;
  line-height: 1.4;
}
@media screen and (min-width: 64em) {
  .lead__enTxt {
    font-size: 1.3223140496vw;
  }
}

.lead__bottom {
  text-align: center;
}

.lead__txt {
  display: inline-block;
  font-size: 4.1025641026vw;
  color: #fff;
  line-height: 1.8;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .lead__txt {
    font-size: 1.3223140496vw;
  }
}

.l-design {
  background: #fff;
  overflow: hidden;
}

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

.designAnime {
  position: relative;
  height: 187.1794871795vw;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .designAnime {
    height: 60.3305785124vw;
  }
}

.designAnime__flower {
  position: absolute;
  top: 33.0769230769vw;
  left: 11.2820512821vw;
  width: 13.0769230769vw;
}
@media screen and (min-width: 64em) {
  .designAnime__flower {
    top: 10.6611570248vw;
    left: 3.6363636364vw;
    width: 4.2148760331vw;
  }
}

.designAnime__bird {
  position: absolute;
  top: 18.7179487179vw;
  left: 33.3333333333vw;
  width: 11.7948717949vw;
}
@media screen and (min-width: 64em) {
  .designAnime__bird {
    top: 6.0330578512vw;
    left: 10.7438016529vw;
    width: 3.8016528926vw;
  }
}

.designAnime__leaves {
  position: absolute;
  top: 55.1282051282vw;
  left: 20.5128205128vw;
  width: 17.9487179487vw;
}
@media screen and (min-width: 64em) {
  .designAnime__leaves {
    top: 17.7685950413vw;
    left: 6.6115702479vw;
    width: 5.7851239669vw;
  }
}

.designAnime__tree {
  position: absolute;
  top: 23.0769230769vw;
  right: 5.1282051282vw;
  width: 57.6923076923vw;
}
@media screen and (min-width: 64em) {
  .designAnime__tree {
    top: 7.4380165289vw;
    right: 1.652892562vw;
    width: 18.5950413223vw;
  }
}

.designAnime__sheep {
  position: absolute;
  top: 93.0769230769vw;
  right: 6.6666666667vw;
  width: 24.6153846154vw;
}
@media screen and (min-width: 64em) {
  .designAnime__sheep {
    top: 30vw;
    right: 2.1487603306vw;
    width: 7.9338842975vw;
  }
}

.designAnime__person {
  position: absolute;
  top: 89.7435897436vw;
  left: 14.8717948718vw;
  width: 67.6923076923vw;
}
@media screen and (min-width: 64em) {
  .designAnime__person {
    top: 28.9256198347vw;
    left: 4.7933884298vw;
    width: 21.8181818182vw;
  }
}

.designAnime__star01 {
  position: absolute;
  top: 9.7435897436vw;
  right: 17.4358974359vw;
  width: 7.9487179487vw;
}
@media screen and (min-width: 64em) {
  .designAnime__star01 {
    top: 3.1404958678vw;
    right: 5.6198347107vw;
    width: 2.5619834711vw;
  }
}

.designAnime__star02 {
  position: absolute;
  top: 86.9230769231vw;
  left: 16.4102564103vw;
  width: 8.7179487179vw;
}
@media screen and (min-width: 64em) {
  .designAnime__star02 {
    top: 28.0165289256vw;
    left: 5.2892561983vw;
    width: 2.8099173554vw;
  }
}

.designAnime__star03 {
  position: absolute;
  top: 116.1538461538vw;
  left: 5.1282051282vw;
  width: 9.2307692308vw;
}
@media screen and (min-width: 64em) {
  .designAnime__star03 {
    top: 37.4380165289vw;
    left: 1.652892562vw;
    width: 2.9752066116vw;
  }
}

.designAnime__star04 {
  position: absolute;
  top: 116.1538461538vw;
  right: 9.2307692308vw;
  width: 9.7435897436vw;
}
@media screen and (min-width: 64em) {
  .designAnime__star04 {
    top: 37.4380165289vw;
    right: 2.9752066116vw;
    width: 3.1404958678vw;
  }
}

.designAnime__sun {
  position: absolute;
  bottom: -23.0769230769vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 46.1538461538vw;
}
@media screen and (min-width: 64em) {
  .designAnime__sun {
    bottom: -7.4380165289vw;
    width: 14.8760330579vw;
  }
}

@-webkit-keyframes rotatePause {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  23% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  48% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  73% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  98% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes rotatePause {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  23% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  48% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  73% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  98% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.swingLeftRight {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: rotatePause 7s ease-in-out infinite;
          animation: rotatePause 7s ease-in-out infinite;
}

@-webkit-keyframes rotatePauseReverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  23% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  48% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  73% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  98% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes rotatePauseReverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  23% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  48% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  73% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  98% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.swingLeftRight-reverse {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: rotatePauseReverse 7s ease-in-out infinite;
          animation: rotatePauseReverse 7s ease-in-out infinite;
}

.designAnime__left {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);
}

.designAnime__right {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
}

.designAnime.active .designAnime__left,
.designAnime.active .designAnime__right {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

@-webkit-keyframes rotateInfinite {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateInfinite {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.designAnime__sun .designAnime__img {
  -webkit-animation: rotateInfinite 18s linear infinite;
          animation: rotateInfinite 18s linear infinite;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.l-design__header {
  background: #F0F0F0;
  padding: 39.7435897436vw 5.1282051282vw 15.3846153846vw;
}
@media screen and (min-width: 64em) {
  .l-design__header {
    padding: 12.8099173554vw 1.652892562vw 4.958677686vw;
  }
}

.designSec__ttl {
  width: 72.3076923077vw;
  margin: 0 auto 18.4615384615vw;
}
@media screen and (min-width: 64em) {
  .designSec__ttl {
    width: 23.305785124vw;
    margin: 0 auto 5.9504132231vw;
  }
}

.designSec__colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .designSec__colors {
    gap: 0.826446281vw;
  }
}

.designSec__color {
  width: 12.8205128205vw;
}
@media screen and (min-width: 64em) {
  .designSec__color {
    width: 4.132231405vw;
  }
}

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

.designCont__label {
  font-family: "adobe-garamond-pro", serif;
  font-size: 4.1025641026vw;
  text-align: center;
  line-height: 1;
  color: #515151;
}
@media screen and (min-width: 64em) {
  .designCont__label {
    font-size: 1.3223140496vw;
  }
}

.designCont__top {
  position: relative;
}

.designCont__ttlWrapper {
  position: absolute;
  top: 37.1794871795vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 46.1538461538vw;
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .designCont__ttlWrapper {
    top: 11.9834710744vw;
    width: 14.8760330579vw;
  }
}

.designCont__txtBox {
  position: absolute;
  top: 120.5128205128vw;
  left: 0;
  width: 100%;
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .designCont__txtBox {
    top: 38.8429752066vw;
  }
}

.designCont__txt {
  font-size: 4.1025641026vw;
  line-height: 1.8;
  color: #fff;
  text-align: center;
  font-weight: 500;
}
@media screen and (min-width: 64em) {
  .designCont__txt {
    font-size: 1.3223140496vw;
  }
}

.designCont__bottom {
  position: relative;
}

.designCont__lead {
  position: absolute;
  top: 7.6923076923vw;
  right: 7.6923076923vw;
  width: 16.9230769231vw;
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .designCont__lead {
    top: 2.479338843vw;
    right: 2.479338843vw;
    width: 5.4545454545vw;
  }
}

.designCont__img {
  position: relative;
}

.designCont__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10;
}

.imgCover.active::before {
  -webkit-animation: revealDown 1s cubic-bezier(0.4, 0.11, 0.14, 0.89) forwards;
          animation: revealDown 1s cubic-bezier(0.4, 0.11, 0.14, 0.89) forwards;
}

@-webkit-keyframes revealDown {
  0% {
    clip-path: inset(0% 0% 0% 0%);
  }
  100% {
    clip-path: inset(100% 0% 0% 0%);
  }
}

@keyframes revealDown {
  0% {
    clip-path: inset(0% 0% 0% 0%);
  }
  100% {
    clip-path: inset(100% 0% 0% 0%);
  }
}
.designCont--02 .designCont__ttlWrapper {
  top: 47.1794871795vw;
  left: 23.0769230769vw;
  -webkit-transform: none;
          transform: none;
}
@media screen and (min-width: 64em) {
  .designCont--02 .designCont__ttlWrapper {
    top: 15.2066115702vw;
    left: 7.4380165289vw;
  }
}
.designCont--02 .designCont__txt {
  color: #3E4A6B;
}
.designCont--02 .designCont__lead {
  right: auto;
  left: 7.6923076923vw;
  width: 18.2051282051vw;
}
@media screen and (min-width: 64em) {
  .designCont--02 .designCont__lead {
    left: 2.479338843vw;
    width: 5.867768595vw;
  }
}

.designCont--03 .designCont__ttlWrapper {
  top: 47.1794871795vw;
}
@media screen and (min-width: 64em) {
  .designCont--03 .designCont__ttlWrapper {
    top: 15.2066115702vw;
  }
}
.designCont--03 .designCont__txt {
  color: #3E4A6B;
}
.designCont--03 .designCont__lead {
  width: 18.2051282051vw;
}
@media screen and (min-width: 64em) {
  .designCont--03 .designCont__lead {
    width: 5.867768595vw;
  }
}

.l-item {
  background: #F4F0E7;
  padding-bottom: 17.9487179487vw;
}
@media screen and (min-width: 64em) {
  .l-item {
    padding-bottom: 5.7851239669vw;
  }
}

.l-item__header {
  padding-top: 37.1794871795vw;
  padding-bottom: 30.7692307692vw;
}
@media screen and (min-width: 64em) {
  .l-item__header {
    padding-top: 11.9834710744vw;
    padding-bottom: 9.9173553719vw;
  }
}

.itemSec__ttl {
  width: 72.3076923077vw;
  margin: 0 auto 10.7692307692vw;
}
@media screen and (min-width: 64em) {
  .itemSec__ttl {
    width: 23.305785124vw;
    margin: 0 auto 3.4710743802vw;
  }
}

.itemSec__thumb {
  width: 100%;
}

.itemCont {
  margin-bottom: 38.4615384615vw;
}
@media screen and (min-width: 64em) {
  .itemCont {
    margin-bottom: 12.3966942149vw;
  }
}

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

.itemCont__header {
  margin-bottom: 12.8205128205vw;
}
@media screen and (min-width: 64em) {
  .itemCont__header {
    margin-bottom: 4.132231405vw;
  }
}

.itemCont__label {
  margin-bottom: 3.5897435897vw;
  font-family: "adobe-garamond-pro", serif;
  font-size: 9.2307692308vw;
  text-align: center;
  line-height: 1;
  color: #515151;
}
@media screen and (min-width: 64em) {
  .itemCont__label {
    margin-bottom: 1.1570247934vw;
    font-size: 2.9752066116vw;
  }
}

.itemCont__ttl {
  font-family: "adobe-garamond-pro", serif;
  font-size: 4.1025641026vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.8;
  color: #000;
}
@media screen and (min-width: 64em) {
  .itemCont__ttl {
    font-size: 1.3223140496vw;
  }
}

.itemCont__card {
  margin-bottom: 2.5641025641vw;
  padding: 0 2.5641025641vw;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .itemCont__card {
    margin-bottom: 0.826446281vw;
    padding: 0 0.826446281vw;
  }
}

.itemCont__inner {
  position: relative;
}

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

.itemCont__txt {
  margin-bottom: 4.1025641026vw;
  font-family: "adobe-garamond-pro", serif;
  font-size: 4.1025641026vw;
  line-height: 1;
  color: #fff;
}
@media screen and (min-width: 64em) {
  .itemCont__txt {
    margin-bottom: 1.3223140496vw;
    font-size: 1.3223140496vw;
  }
}

.itemCont__star {
  position: absolute;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  opacity: 0;
  -webkit-transform: translateY(-2rem);
          transform: translateY(-2rem);
}

.itemCont__card.active .itemCont__star {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@-webkit-keyframes rotatePause02 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  15% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  65% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  90% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes rotatePause02 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  15% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  65% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  90% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.swingLeftRight02 {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: rotatePause02 2s ease-in-out 2s infinite backwards;
          animation: rotatePause02 2s ease-in-out 2s infinite backwards;
}

@-webkit-keyframes rotatePause02Reverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  15% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  65% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  90% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes rotatePause02Reverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  15% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  65% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  90% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.swingLeftRight02Reverse {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: rotatePause02Reverse 2s ease-in-out 2s infinite backwards;
          animation: rotatePause02Reverse 2s ease-in-out 2s infinite backwards;
}

@-webkit-keyframes swingLeftRight03 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  15% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  65% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  90% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes swingLeftRight03 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  15% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  65% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  90% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.swingLeftRight03 {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: swingLeftRight03 2s ease-in-out 2s infinite backwards;
          animation: swingLeftRight03 2s ease-in-out 2s infinite backwards;
}

.itemAnime__left {
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);
}

.itemAnime__right {
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
}

.itemAnime__right--deray {
  -webkit-transition: all 1s ease-out 0.3s;
  transition: all 1s ease-out 0.3s;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
}

.itemCont__card.active .itemAnime__left,
.itemCont__card.active .itemAnime__right {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.itemCont__star01_01 {
  top: 15.8974358974vw;
  left: 10.7692307692vw;
  width: 18.9743589744vw;
}
@media screen and (min-width: 64em) {
  .itemCont__star01_01 {
    top: 5.1239669421vw;
    left: 3.4710743802vw;
    width: 6.1157024793vw;
  }
}

.itemCont__star01_02 {
  top: 33.0769230769vw;
  right: 10.7692307692vw;
  width: 15.1282051282vw;
}
@media screen and (min-width: 64em) {
  .itemCont__star01_02 {
    top: 10.6611570248vw;
    right: 3.4710743802vw;
    width: 4.8760330579vw;
  }
}

.itemCont__star01_03 {
  top: 101.2820512821vw;
  right: 25.641025641vw;
  width: 18.9743589744vw;
}
@media screen and (min-width: 64em) {
  .itemCont__star01_03 {
    top: 32.6446280992vw;
    right: 8.2644628099vw;
    width: 6.1157024793vw;
  }
}

.itemCont__star02_01 {
  top: 25.8974358974vw;
  left: 11.2820512821vw;
  width: 15.3846153846vw;
}
@media screen and (min-width: 64em) {
  .itemCont__star02_01 {
    top: 8.347107438vw;
    left: 3.6363636364vw;
    width: 4.958677686vw;
  }
}

.itemCont__star02_02 {
  top: 19.7435897436vw;
  right: 11.5384615385vw;
  width: 15.8974358974vw;
}
@media screen and (min-width: 64em) {
  .itemCont__star02_02 {
    top: 6.3636363636vw;
    right: 3.7190082645vw;
    width: 5.1239669421vw;
  }
}

.itemCont__star02_03 {
  top: 112.5641025641vw;
  right: 23.5897435897vw;
  width: 15.1282051282vw;
}
@media screen and (min-width: 64em) {
  .itemCont__star02_03 {
    top: 36.2809917355vw;
    right: 7.6033057851vw;
    width: 4.8760330579vw;
  }
}

.itemCont__sheep {
  position: absolute;
  top: 14.1025641026vw;
  left: -12.0512820513vw;
  width: 31.7948717949vw;
}
@media screen and (min-width: 64em) {
  .itemCont__sheep {
    top: 4.5454545455vw;
    left: -3.8842975207vw;
    width: 10.2479338843vw;
  }
}

.itemCont__animal {
  position: absolute;
  top: 65.3846153846vw;
  right: -19.2307692308vw;
  width: 34.6153846154vw;
}
@media screen and (min-width: 64em) {
  .itemCont__animal {
    top: 21.0743801653vw;
    right: -6.1983471074vw;
    width: 11.1570247934vw;
  }
}

.itemCont__sheep02 {
  position: absolute;
  top: 66.6666666667vw;
  right: -7.6923076923vw;
  width: 28.4615384615vw;
}
@media screen and (min-width: 64em) {
  .itemCont__sheep02 {
    top: 21.4876033058vw;
    right: -2.479338843vw;
    width: 9.173553719vw;
  }
}

.itemCont__star06_01 {
  top: 13.8461538462vw;
  left: 11.0256410256vw;
  width: 19.2307692308vw;
}
@media screen and (min-width: 64em) {
  .itemCont__star06_01 {
    top: 4.4628099174vw;
    left: 3.5537190083vw;
    width: 6.1983471074vw;
  }
}

.itemCont__star06_02 {
  top: 109.7435897436vw;
  right: 6.6666666667vw;
  width: 15.1282051282vw;
}
@media screen and (min-width: 64em) {
  .itemCont__star06_02 {
    top: 35.3719008264vw;
    right: 2.1487603306vw;
    width: 4.8760330579vw;
  }
}

.itemCont__person {
  position: absolute;
  top: 77.9487179487vw;
  right: 10.7692307692vw;
  width: 23.0769230769vw;
  opacity: 0;
  -webkit-transform: translateY(-2rem);
          transform: translateY(-2rem);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
@media screen and (min-width: 64em) {
  .itemCont__person {
    top: 25.1239669421vw;
    right: 3.4710743802vw;
    width: 7.4380165289vw;
  }
}

.itemCont__card.active .itemCont__person {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.itemCont__flower {
  position: absolute;
  top: 27.9487179487vw;
  right: -8.9743589744vw;
  width: 31.0256410256vw;
}
@media screen and (min-width: 64em) {
  .itemCont__flower {
    top: 9.0082644628vw;
    right: -2.8925619835vw;
    width: 10vw;
  }
}

.itemCont__leaves {
  position: absolute;
  top: 104.358974359vw;
  left: -13.0769230769vw;
  width: 39.7435897436vw;
}
@media screen and (min-width: 64em) {
  .itemCont__leaves {
    top: 33.6363636364vw;
    left: -4.2148760331vw;
    width: 12.8099173554vw;
  }
}

.l-gift {
  background: #fff;
}

.l-gift__header {
  padding-top: 38.4615384615vw;
  padding-bottom: 16.6666666667vw;
}
@media screen and (min-width: 64em) {
  .l-gift__header {
    padding-top: 12.3966942149vw;
    padding-bottom: 5.3719008264vw;
  }
}

.giftSec__ttl {
  width: 55.1282051282vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .giftSec__ttl {
    width: 17.7685950413vw;
  }
}

.giftSec__main {
  position: relative;
  overflow: hidden;
}

.giftSec__bg img {
  vertical-align: bottom;
}

.giftSec__txt {
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 1.8;
  color: #000;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 64em) {
  .giftSec__txt {
    font-size: 1.3223140496vw;
  }
}

.giftSec__txtBox--01 {
  position: absolute;
  top: 22.0512820513vw;
  left: 17.9487179487vw;
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .giftSec__txtBox--01 {
    top: 7.1074380165vw;
    left: 5.7851239669vw;
  }
}

.giftSec__txtBox--02 {
  position: absolute;
  top: 139.4871794872vw;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .giftSec__txtBox--02 {
    top: 44.958677686vw;
  }
}
.giftSec__txtBox--02 .lead__enTxt {
  color: #787878;
}

.giftSec__txtBox--03 {
  position: absolute;
  top: 243.0769230769vw;
  left: 10.7692307692vw;
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .giftSec__txtBox--03 {
    top: 78.347107438vw;
    left: 3.4710743802vw;
  }
}

.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;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
}
@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;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
}
@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-message {
  padding-top: 38.4615384615vw;
  padding-bottom: 30.7692307692vw;
  color: #fff;
}
@media screen and (min-width: 64em) {
  .l-message {
    padding-top: 12.3966942149vw;
    padding-bottom: 9.9173553719vw;
  }
}

.l-message__header {
  text-align: center;
}

.l-message__body {
  margin-bottom: 25.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-message__body {
    margin-bottom: 8.2644628099vw;
  }
}

.messageSecTtl {
  display: inline-block;
  margin-bottom: 15.8974358974vw;
}
@media screen and (min-width: 64em) {
  .messageSecTtl {
    margin-bottom: 5.1239669421vw;
  }
}

.messageSecTtl__en {
  margin-bottom: 0.5128205128vw;
  font-size: 17.9487179487vw;
  font-weight: 400;
  line-height: 1;
  font-family: "adobe-garamond-pro", serif;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .messageSecTtl__en {
    margin-bottom: 0.1652892562vw;
    font-size: 5.7851239669vw;
  }
}

.messageSecTtl__ja {
  font-size: 4.6153846154vw;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .messageSecTtl__ja {
    font-size: 1.4876033058vw;
  }
}

.messageSec__img {
  width: 27.4358974359vw;
  margin: 0 auto 14.8717948718vw;
}
@media screen and (min-width: 64em) {
  .messageSec__img {
    width: 8.8429752066vw;
    margin: 0 auto 4.7933884298vw;
  }
}

.l-message__inner {
  width: 76.9230769231vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .l-message__inner {
    width: 24.7933884298vw;
  }
}

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

.messageSec__logo {
  width: 70vw;
  margin-bottom: 6.9230769231vw;
}
@media screen and (min-width: 64em) {
  .messageSec__logo {
    width: 22.5619834711vw;
    margin-bottom: 2.2314049587vw;
  }
}

.messageSec__logo02 {
  width: 29.7435897436vw;
}
@media screen and (min-width: 64em) {
  .messageSec__logo02 {
    width: 9.5867768595vw;
  }
}

.l-about {
  background: #fff;
}

.l-about__header {
  position: relative;
}

.aboutTtl {
  position: absolute;
  top: 57.4358974359vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .aboutTtl {
    top: 18.5123966942vw;
  }
}

.aboutTtl__logo {
  width: 15.3846153846vw;
  margin: 0 auto 6.4102564103vw;
}
@media screen and (min-width: 64em) {
  .aboutTtl__logo {
    width: 4.958677686vw;
    margin: 0 auto 2.0661157025vw;
  }
}

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

.l-about__body {
  padding: 25.641025641vw 3.0769230769vw;
}
@media screen and (min-width: 64em) {
  .l-about__body {
    padding: 8.2644628099vw 0.9917355372vw;
  }
}

.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;
  text-align: center;
  line-height: 1.5;
}
@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: 18.9743589744vw;
  padding-bottom: 13.8461538462vw;
  background: #2E2E2E;
}
@media screen and (min-width: 64em) {
  .l-footer {
    display: none;
    padding-top: 6.1157024793vw;
    padding-bottom: 4.4628099174vw;
  }
}

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

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

.footerLogo {
  width: 27.4358974359vw;
}

.copyright {
  color: #fff;
  font-size: 2.5641025641vw;
  font-family: "Alata", sans-serif;
  text-align: right;
}
@media screen and (min-width: 64em) {
  .copyright {
    font-size: 0.826446281vw;
  }
}
/*# sourceMappingURL=prince2025.css.map */