#container {
  overflow: visible;
}

.lp-main {
  --lpw: 100vw;
}
@media screen and (min-width: 1401px) {
  .lp-main {
    --lpw: 1400px;
  }
}

.lp-main {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
  line-height: 1.2;
}
.lp-main h1, .lp-main h2, .lp-main h3, .lp-main h4, .lp-main h5, .lp-main h6, .lp-main th, .lp-main td {
  font-weight: inherit;
}
.lp-main .link-op:hover {
  background: #B28E32 !important;
}
.lp-main .ff-medium {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
}
.lp-main .text-shadow {
  position: relative;
  z-index: 2;
}
.lp-main .text-shadow::before {
  width: 100%;
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  color: transparent;
  -webkit-text-stroke: calc(var(--lpw) * 0.7291666667 / 100) #fff;
  text-align: center;
}
.lp-main .title-lines {
  width: -moz-max-content;
  width: max-content;
  position: relative;
  margin: 0 auto;
}
.lp-main .title-lines::after, .lp-main .title-lines::before {
  content: "";
  display: block;
  width: calc(var(--lpw) * 0.4166666667 / 100);
  height: calc(var(--lpw) * 2.34375 / 100);
  border-radius: 999px;
  background: var(--text-color);
  position: absolute;
  top: 50%;
}
@media screen and (max-width: 767px) {
  .lp-main .title-lines::after, .lp-main .title-lines::before {
    width: calc(var(--lpw) * 0.9333333333 / 100);
    height: calc(var(--lpw) * 3.2 / 100);
  }
}
.lp-main .title-lines::before {
  transform: translateY(-50%) rotate(-24deg);
  left: calc(var(--lpw) * -2.0833333333 / 100);
}
@media screen and (max-width: 767px) {
  .lp-main .title-lines::before {
    left: calc(var(--lpw) * -2.6666666667 / 100);
  }
}
.lp-main .title-lines::after {
  right: calc(var(--lpw) * -2.0833333333 / 100);
  transform: translateY(-50%) rotate(24deg);
}
@media screen and (max-width: 767px) {
  .lp-main .title-lines::after {
    right: calc(var(--lpw) * -2.6666666667 / 100);
  }
}

#wrapper {
  overflow: visible;
}

.type-slider .slick-arrow::before,
.type-slider .slick-arrow::after {
  display: none;
}

.type-slider .slick-arrow {
  width: calc(var(--lpw) * 4.21875 / 100);
  height: calc(var(--lpw) * 4.21875 / 100);
  z-index: 99;
}
@media screen and (max-width: 767px) {
  .type-slider .slick-arrow {
    width: calc(var(--lpw) * 8.2666666667 / 100);
    height: calc(var(--lpw) * 8.2666666667 / 100);
  }
}

.type-slider .slick-next {
  background: url("https://grand-mercure-beppubay-resortandspa.jp/tw/lp/hellokittyroom/assets/images/icon/arrow-next.svg") no-repeat 0 0;
  background-size: contain;
  -webkit-background-size: contain;
  left: 50%;
  transform: translateX(calc(-50% + calc(var(--lpw) * 33.8375 / 100)));
}
@media screen and (max-width: 767px) {
  .type-slider .slick-next {
    left: auto;
    right: calc(var(--lpw) * 2.1333333333 / 100);
    transform: translate(0);
  }
}

.type-slider .slick-prev {
  background: url("https://grand-mercure-beppubay-resortandspa.jp/tw/lp/hellokittyroom/assets/images/icon/arrow-prev.svg") no-repeat 0 0;
  background-size: contain;
  -webkit-background-size: contain;
  left: 50%;
  transform: translateX(calc(-50% - calc(var(--lpw) * 33.8375 / 100)));
}
@media screen and (max-width: 767px) {
  .type-slider .slick-prev {
    left: calc(var(--lpw) * 2.1333333333 / 100);
    transform: translate(0);
  }
}

.memory {
  position: relative;
  margin-top: 100px;
  overflow: hidden;
}
.memory .memory-bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.memory .memory-bg-left {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--lpw) * 18.4375 / 100);
  z-index: 10;
}
.memory .memory-bg-right {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(var(--lpw) * 19.375 / 100);
  z-index: 10;
}
.memory .memory-bed {
  width: calc(var(--lpw) * 46.40625 / 100);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(calc(-50% + calc(var(--lpw) * 25.722917 / 100)),-50%);
  z-index: 2;
}
.memory .memory-bed .memory-bed-text {
  position: absolute;
  bottom: calc(var(--lpw) * 1.5625 / 100);
  left: calc(var(--lpw) * 2.0833333333 / 100);
  font-size: calc(var(--lpw) * 1.0416666667 / 100);
  transform: scale(0.5);
  transform-origin: left bottom;
  color: #fff;
  font-family: "Noto Sans JP";
  font-weight: bold;
}
.memory .memory-img1 {
  width: calc(var(--lpw) * 23.125 / 100);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(calc(-50% - calc(var(--lpw) * 34.722917 / 100)),calc(-50% - calc(var(--lpw) * 15.722917 / 100)));
  z-index: 3;
}
.memory .memory-img2 {
  width: calc(var(--lpw) * 21.875 / 100);
  position: absolute;
  left: 50%;
  transform: translate(calc(-50% - calc(var(--lpw) * 13.322917 / 100)),calc(-50% - calc(var(--lpw) * 14.722917 / 100)));
  top: 50%;
  z-index: 3;
}
.memory .memory-img3 {
  width: calc(var(--lpw) * 19.0625 / 100);
  position: absolute;
  left: 50%;
  transform: translate(calc(-50% - calc(var(--lpw) * 10.322917 / 100)),calc(-50% + calc(var(--lpw) * 8.722917 / 100)));
  top: 50%;
  z-index: 3;
}
.memory .memory-img4 {
  width: calc(var(--lpw) * 15.9375 / 100);
  position: absolute;
  left: 50%;
  transform: translate(calc(-50% - calc(var(--lpw) * 21.322917 / 100)),calc(-50% + calc(var(--lpw) * 13.722917 / 100)));
  top: 50%;
  z-index: 3;
}
.memory .memory-img5 {
  width: calc(var(--lpw) * 25.46875 / 100);
  position: absolute;
  left: 50%;
  transform: translate(calc(-50% - calc(var(--lpw) * 36.322917 / 100)),calc(-50% + calc(var(--lpw) * 11.222917 / 100)));
  top: 50%;
  z-index: 3;
}
.memory .memory-text-wrap {
  width: calc(var(--lpw) * 36.4583333333 / 100);
  position: absolute;
  left: 50%;
  transform: translate(calc(-50% - calc(var(--lpw) * 25.022917 / 100)),calc(-50% - calc(var(--lpw) * 2.27083 / 100)));
  top: 50%;
  z-index: 2;
}
.memory .memory-text-wrap .memory-text-inner {
  width: auto;
  position: absolute;
  left: 50%;
  top: calc(var(--lpw) * 4.2708333333 / 100);
  transform: translateX(-50%);
  text-align: center;
}
.memory .memory-text-wrap .memory-text1 {
  font-size: calc(var(--lpw) * 2.0833333333 / 100);
  color: #fff;
}
.memory .memory-text-wrap .memory-title {
  width: calc(var(--lpw) * 28.6458333333 / 100);
  font-size: calc(var(--lpw) * 3.125 / 100);
  position: relative;
  color: #003475;
  margin-top: calc(var(--lpw) * 0.3125 / 100);
  line-height: 1.3;
}
.memory .memory-text-wrap .memory-title::before {
  width: 100%;
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  color: transparent;
  -webkit-text-stroke: calc(var(--lpw) * 1.0416666667 / 100) #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .memory .memory-text-wrap .memory-title::before {
    -webkit-text-stroke: calc(var(--lpw) * 2.1333333333 / 100) #fff;
  }
}
@media screen and (max-width: 767px) {
  .memory {
    margin-top: 60px;
    height: auto;
  }
  .memory .memory-bed {
    width: calc(var(--lpw) * 87.7333333333 / 100);
    left: 50%;
    transform: translateX(-50%);
    top: calc(var(--lpw) * 66.6666666667 / 100);
  }
  .memory .memory-bed .memory-bed-text {
    font-size: calc(var(--lpw) * 2.6666666667 / 100);
    bottom: calc(var(--lpw) * 3.2 / 100);
    right: calc(var(--lpw) * 3.2 / 100);
    left: auto;
    transform-origin: right bottom;
  }
  .memory .memory-img1 {
    width: calc(var(--lpw) * 42.9333333333 / 100);
    left: calc(var(--lpw) * 2.1333333333 / 100);
    top: calc(var(--lpw) * 123.2 / 100);
    transform: translate(0);
  }
  .memory .memory-img2 {
    width: calc(var(--lpw) * 34.4 / 100);
    top: calc(var(--lpw) * 134.1333333333 / 100);
    left: calc(var(--lpw) * 27.7333333333 / 100);
    transform: rotate(-14deg);
    transform: translate(0);
  }
  .memory .memory-img3 {
    width: calc(var(--lpw) * 36.2666666667 / 100);
    top: calc(var(--lpw) * 36.8 / 100);
    left: calc(var(--lpw) * 61.6 / 100);
    transform: translate(0);
  }
  .memory .memory-img4 {
    width: calc(var(--lpw) * 35.4666666667 / 100);
    top: calc(var(--lpw) * 50.1333333333 / 100);
    left: calc(var(--lpw) * 52.8 / 100);
    transform: translate(0);
  }
  .memory .memory-img5 {
    width: calc(var(--lpw) * 51.2 / 100);
    top: calc(var(--lpw) * 39.4666666667 / 100);
    left: calc(var(--lpw) * 2.1333333333 / 100);
    transform: translate(0);
  }
  .memory .memory-text-wrap {
    top: calc(var(--lpw) * 5.3333333333 / 100);
    width: calc(var(--lpw) * 85.3333333333 / 100);
    left: calc(var(--lpw) * 7.4666666667 / 100);
    transform: translate(0);
  }
  .memory .memory-text-wrap .memory-text-inner {
    top: calc(var(--lpw) * 10.6666666667 / 100);
  }
  .memory .memory-text-wrap .memory-text1 {
    font-size: calc(var(--lpw) * 5.3333333333 / 100);
  }
  .memory .memory-text-wrap .memory-title {
    width: calc(var(--lpw) * 74.6666666667 / 100);
    font-size: calc(var(--lpw) * 8 / 100);
  }
  .memory .memory-text-wrap .memory-title::before {
    -webkit-text-stroke: calc(var(--lpw) * 2.1333333333 / 100) #fff;
  }
}

.maini_link {
  padding: calc(var(--lpw) * 0.9375 / 100) 0;
  background-color: #DC000C;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  pointer-events: none;
  opacity: 0;
}
.maini_link.active{
  opacity: 1;
  pointer-events: all;
  animation: show 0.5s ease 0s;
}
.maini_link ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.maini_link .link {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  color: #fff;
  font-size: calc(var(--lpw) * 1.5625 / 100);
}
.maini_link .link .icon-flower {
  width: calc(var(--lpw) * 6.09375 / 100);
  margin-right: calc(var(--lpw) * 0.2604166667 / 100);
}
.maini_link li:not(:last-child) {
  margin-right: calc(var(--lpw) * 5 / 100);
}
.maini_link .link-play {
  padding: 0 calc(var(--lpw) * 3.3333333333 / 100);
  background-color: #D1A330;
  border-radius: 999px;
  line-height: calc(var(--lpw) * 3.6458333333 / 100);
  height: calc(var(--lpw) * 3.6458333333 / 100);
  box-shadow: calc(var(--lpw) * 0.2604166667 / 100) calc(var(--lpw) * 0.2604166667 / 100) 0 #9A6E00;
}
.maini_link .link-play .icon-play {
  width: calc(var(--lpw) * 1.71875 / 100);
  margin-left: calc(var(--lpw) * 1.0416666667 / 100);
}
@media screen and (max-width: 767px) {
  .maini_link {
    padding: calc(var(--lpw) * 2.4 / 100) 0;
  }
  .maini_link .link {
    font-size: calc(var(--lpw) * 5.3333333333 / 100);
  }
  .maini_link .link-play {
    line-height: calc(var(--lpw) * 8 / 100);
    height: calc(var(--lpw) * 8 / 100);
    padding: 0 calc(var(--lpw) * 22.1333333333 / 100);
  }
  .maini_link .link-play .icon-play {
    width: calc(var(--lpw) * 4.2666666667 / 100);
    margin-left: calc(var(--lpw) * 2.1333333333 / 100);
  }
}

.house {
  padding: calc(var(--lpw) * 19.2708333333 / 100) 0 calc(var(--lpw) * 14.2708333333 / 100);
  position: relative;
  overflow: hidden;
}
.house .house-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.house .house-content {
  position: relative;
  z-index: 2;
  width: calc(var(--lpw) * 78.125 / 100);
  margin: 0 auto;
}
.house .house-content .house-content-bg {
  width: calc(var(--lpw) * 84.0104166667 / 100);
  position: absolute;
  top: calc(var(--lpw) * -11.7708333333 / 100);
  left: 0;
}
.house .house-content-inner {
  position: relative;
  z-index: 3;
  text-align: center;
}
.house .house-content-inner .house-title {
  font-size: calc(var(--lpw) * 3.3854166667 / 100);
  color: #003475;
  line-height: 1.2;
}
.house .house-content-inner .house-title::before {
  width: 100%;
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  color: transparent;
  -webkit-text-stroke: calc(var(--lpw) * 0.8333333333 / 100) #fff;
  text-align: center;
}
.house .house-content-inner .house-text1 {
  font-size: calc(var(--lpw) * 2.34375 / 100);
  margin-top: calc(var(--lpw) * 1.5625 / 100);
  color: #003475;
}
.house .house-content-inner .house-list {
  display: flex;
  justify-content: center;
  margin-top: calc(var(--lpw) * 2.34375 / 100);
}
.house .house-content-inner .house-list .item2{
  animation-delay: .1s;
}
.house .house-content-inner .house-list .item3{
  animation-delay: .2s;
}
.house .house-content-inner .house-list .item:not(:last-child) {
  margin-right: calc(var(--lpw) * 1.0416666667 / 100);
}
.house .house-content-inner .house-list .item-img {
  width: calc(var(--lpw) * 22.7083333333 / 100);
}
.house .house-content-inner .house-list .item-title {
  width: calc(var(--lpw) * 20.3125 / 100);
  margin-top: calc(var(--lpw) * -2.6041666667 / 100);
}
.house .house-content-inner .house-list .item-text {
  font-size: calc(var(--lpw) * 1.5625 / 100);
  color: #003475;
  margin-top: calc(var(--lpw) * -1.5625 / 100);
}
@media screen and (max-width: 767px) {
  .house {
    padding: calc(var(--lpw) * 23.4666666667 / 100) 0 calc(var(--lpw) * 18.6666666667 / 100);
  }
  .house .house-content {
    width: calc(var(--lpw) * 82.6666666667 / 100);
  }
  .house .house-content .house-content-bg {
    width: calc(var(--lpw) * 94.4 / 100);
    top: calc(var(--lpw) * -15.4666666667 / 100);
    left: 50%;
    transform: translateX(-47.5%);
  }
  .house .house-content .house-content-inner .house-title {
    font-size: calc(var(--lpw) * 6.6666666667 / 100);
    letter-spacing: -1px;
  }
  .house .house-content .house-content-inner .house-title::before {
    content: attr(data-text1);
    -webkit-text-stroke: calc(var(--lpw) * 2.1333333333 / 100) #fff;
    letter-spacing: -1px;
  }
  .house .house-content .house-content-inner .house-title::after {
    width: 100%;
    content: attr(data-text2);
    -webkit-text-stroke: calc(var(--lpw) * 2.1333333333 / 100) #fff;
    position: absolute;
    left: 0;
    top: calc(var(--lpw) * 8 / 100);
    z-index: -1;
    color: transparent;
    text-align: center;
    letter-spacing: -1px;
  }
  .house .house-content .house-content-inner .house-text1 {
    font-size: calc(var(--lpw) * 5.3333333333 / 100);
    margin: calc(var(--lpw) * 1.3333333333 / 100) auto 0;
    width: calc(var(--lpw) * 65.3333333333 / 100);
  }
  .house .house-content .house-content-inner .house-list {
    margin-top: calc(var(--lpw) * 2.6666666667 / 100);
    display: block;
  }
  .house .house-content .house-content-inner .house-list .item:not(:last-child) {
    margin-right: calc(var(--lpw) * 2.6666666667 / 100);
  }
  .house .house-content .house-content-inner .house-list .item {
    display: flex;
    justify-content: space-between;
  }
  .house .house-content .house-content-inner .house-list .item:nth-of-type(2n) {
    flex-direction: row-reverse;
  }
  .house .house-content .house-content-inner .house-list .item-img {
    width: calc(var(--lpw) * 39.7333333333 / 100);
  }
  .house .house-content .house-content-inner .house-list .item-copy {
    width: calc(var(--lpw) * 34.6666666667 / 100);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 calc(var(--lpw) * 1.3333333333 / 100);
  }
  .house .house-content .house-content-inner .house-list .item-title {
    width: calc(var(--lpw) * 32 / 100);
    margin-top: calc(var(--lpw) * 4.2666666667 / 100);
  }
  .house .house-content .house-content-inner .house-list .item-text {
    font-size: calc(var(--lpw) * 4.8 / 100);
    margin-top: 0;
  }
}

@keyframes barAni {
  0% {
    transform: translateX(calc(var(--lpw) * 0 / 100));
  }
  100% {
    transform: translateX(calc(var(--lpw) * -30.8854166667 / 100));
  }
}
@media screen and (max-width: 767px) {
  @keyframes barAniMob {
    0% {
      transform: translateX(calc(var(--lpw) * 0 / 100));
    }
    100% {
      transform: translateX(calc(var(--lpw) * -78.1333333333 / 100));
    }
  }
}
.type {
  position: relative;
  overflow: hidden;
  padding-bottom: calc(var(--lpw) * 16.6666666667 / 100);
}
.type .section-bar {
  width: calc(var(--lpw) * 249.3229166667 / 100);
  max-width: none;
  height: calc(var(--lpw) * 4.53125 / 100);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  -o-object-fit: cover;
     object-fit: cover;
  /* animation: barAni 5s linear infinite; */
}
.type .type-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.type .type-top {
  width: 100%;
  padding-top: calc(var(--lpw) * 13.4375 / 100);
  position: relative;
  z-index: 2;
  text-align: center;
}
.type .type-top .type-kitty {
  width: calc(var(--lpw) * 15.15625 / 100);
  position: absolute;
  top: calc(var(--lpw) * 11.5104166667 / 100);
  left: 50%;
  transform: translate(calc(-50% - calc(var(--lpw) * 28.5104166667 / 100)));
}
.type .type-top .type-heart {
  width: calc(var(--lpw) * 11.9270833333 / 100);
  position: absolute;
  top: calc(var(--lpw) * 14.2708333333 / 100);
  left: 50%;
  transform: translate(calc(-50% + calc(var(--lpw) * 26.5104166667 / 100)));
}
.type .type-top .type-title2 {
  font-size: calc(var(--lpw) * 3.125 / 100);
  color: #D1A330;
}
.type .type-top .type-title2::before,
.type .type-top .type-title2::after {
  height: calc(var(--lpw) * 3.125 / 100);
  width: calc(var(--lpw) * 0.5208333333 / 100);
}
.type .type-top .type-title1 {
  font-size: calc(var(--lpw) * 4.1666666667 / 100);
  color: #003475;
  margin-top: calc(var(--lpw) * 0.78125 / 100);
}
.type .type-top .type-btns {
  display: flex;
  line-height: 1.4;
  justify-content: center;
  font-size: calc(var(--lpw) * 1.5625 / 100);
  margin-top: calc(var(--lpw) * 2.6041666667 / 100);
}
.type .type-top .type-btns .type-btn {
  padding: calc(var(--lpw) * 1.1458333333 / 100) calc(var(--lpw) * 4.8958333333 / 100) calc(var(--lpw) * 1.1458333333 / 100) calc(var(--lpw) * 4.4270833333 / 100);
  background-color: #D1A330;
  border-radius: 999px;
  color: #fff;
  box-shadow: calc(var(--lpw) * 0.5208333333 / 100) calc(var(--lpw) * 0.5208333333 / 100) 0 rgba(154, 110, 0, 0.4);
  position: relative;
}
.type .type-top .type-btns .type-btn .icon-play {
  width: calc(var(--lpw) * 1.9791666667 / 100);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(var(--lpw) * 1.3020833333 / 100);
}
.type .type-top .type-btns .type-btn:hover {
  background-color: #B28E32;
}
.type .type-top .type-btns .type-btn:not(:last-child) {
  margin-right: calc(var(--lpw) * 1.7708333333 / 100);
}
.type .type-slider {
  position: relative;
  z-index: 2;
  margin-top: calc(var(--lpw) * 5.2083333333 / 100);
}
.type .type-slider .slick-arrow {
  top: calc(var(--lpw) * 25.5208333333 / 100);
}
.type .type-slider .slide {
  width: calc(var(--lpw) * 69.0104166667 / 100);
  margin: 0 calc(var(--lpw) * 1.875 / 100) calc(var(--lpw) * 1.0416666667 / 100);
  position: relative;
  background-color: #E2F2FF;
  border: calc(var(--lpw) * 0.5208333333 / 100) solid #fff;
  border-radius: calc(var(--lpw) * 1.5625 / 100);
  box-shadow: calc(var(--lpw) * 1.0416666667 / 100) calc(var(--lpw) * 1.0416666667 / 100) 0 #BFCEDB;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.type .type-slider .slide .type-img-l {
  width: calc(var(--lpw) * 64.0625 / 100);
  border-radius: calc(var(--lpw) * 1.5625 / 100);
  box-shadow: calc(var(--lpw) * 0.2604166667 / 100) calc(var(--lpw) * 0.2604166667 / 100) calc(var(--lpw) * 0.5208333333 / 100) rgba(0, 0, 0, 0.16);
  margin-top: calc(var(--lpw) * 1.8229166667 / 100);
}
.type .type-slider .slide .type-img-l img{
  display: block;
  width: 100%;
  height: auto;
}
.type .type-slider .slide .imgs-list {
  display: flex;
  width: calc(var(--lpw) * 64.0625 / 100);
  margin-top: calc(var(--lpw) * 1.3020833333 / 100);
}
.type .type-slider .slide .imgs-list .type-img-s {
  padding: calc(var(--lpw) * 0.05 / 100);
  width: calc(var(--lpw) * 15.203333 / 100);
  border-radius: calc(var(--lpw) * 0.9625 / 100);
  box-shadow: calc(var(--lpw) * 0.2604166667 / 100) calc(var(--lpw) * 0.2604166667 / 100) calc(var(--lpw) * 0.5208333333 / 100) rgba(0, 0, 0, 0.16);
  cursor: pointer;
}
.type .type-slider .slide .imgs-list .type-img-s:not(:last-child) {
  margin-right: calc(var(--lpw) * 0.78125 / 100);
}
.type .type-slider .slide-content {
  width: calc(100% - calc(var(--lpw) * 4.375 / 100));
  display: flex;
  justify-content: space-between;
  padding-bottom: calc(var(--lpw) * 2.0833333333 / 100);
  margin-top: calc(var(--lpw) * 1.9791666667 / 100);
}
.type .type-slider .slide-content .slide-left {
  display: flex;
}
.type .type-slider .slide-content .room-wrap {
  width: calc(var(--lpw) * 14.0625 / 100);
  position: relative;
}
.type .type-slider .slide-content .room-wrap .room-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  color: #fff;
  text-align: center;
}
.type .type-slider .slide-content .room-wrap .room-text {
  font-size: calc(var(--lpw) * 2.6041666667 / 100);
}
.type .type-slider .slide-content .room-wrap .room-num {
  font-size: calc(var(--lpw) * 3.6458333333 / 100);
  line-height: 1;
}
.type .type-slider .slide-content .slide-copy {
  width: calc(var(--lpw) * 30 / 100);
  margin-left: calc(var(--lpw) * 0.8854166667 / 100);
  margin-right: calc(var(--lpw) * 2.1875 / 100);
  color: #003475;
  margin-top: calc(var(--lpw) * 1.25 / 100);
}
.type .type-slider .slide-content .slide-copy .slide-title {
  font-size: calc(var(--lpw) * 2.6041666667 / 100);
}
.type .type-slider .slide-content .slide-copy .line {
  border-top: calc(var(--lpw) * 0.15625 / 100) dashed #fff;
  margin: calc(var(--lpw) * 0.9895833333 / 100) 0;
}
.type .type-slider .slide-content .slide-copy .slide-text {
  font-size: calc(var(--lpw) * 1.3020833333 / 100);
}
.type .type-slider .slide-content .slide-table {
  padding: calc(var(--lpw) * 1.0416666667 / 100) calc(var(--lpw) * 1.5625 / 100) 0;
  height: calc(var(--lpw) * 16.1458333333 / 100);
  background-color: #fff;
  border-radius: calc(var(--lpw) * 0.4166666667 / 100);
  color: #003475;
  line-height: calc(var(--lpw) * 2.6041666667 / 100);
}
.type .type-slider .slide-content .slide-table th {
  background: none;
  font-size: calc(var(--lpw) * 1.3020833333 / 100);
}
.type .type-slider .slide-content .slide-table td {
  border: none;
  border-top: 1px dashed #003475;
  font-size: calc(var(--lpw) * 0.9375 / 100);
}
.type .type-slider .slide-content .slide-table tr:nth-of-type(6) {
  line-height: 1.4;
  transform: translateY(calc(var(--lpw) * -0.625 / 100));
}
.type .type-slider .slide-content .slide-table tr:nth-of-type(6) td {
  font-size: calc(var(--lpw) * 0.5729166667 / 100);
  border: none;
}
@media screen and (max-width: 767px) {
  .type {
    padding-bottom: calc(var(--lpw) * 24 / 100);
  }
  .type .section-bar {
    width: calc(var(--lpw) * 630.9333333333 / 100);
    height: calc(var(--lpw) * 11.4666666667 / 100);
    /* animation: barAniMob 5s linear infinite; */
  }
  .type .type-top {
    padding-top: calc(var(--lpw) * 22.9333333333 / 100);
  }
  .type .type-top .type-title2 {
    font-size: calc(var(--lpw) * 6.6666666667 / 100);
  }
  .type .type-top .type-title2::before,
  .type .type-top .type-title2::after {
    height: calc(var(--lpw) * 5.3333333333 / 100);
    width: calc(var(--lpw) * 0.9333333333 / 100);
  }
  .type .type-top .type-title1 {
    font-size: calc(var(--lpw) * 9.3333333333 / 100);
  }
  .type .type-top .type-kitty {
    width: calc(var(--lpw) * 25.6 / 100);
    top: calc(var(--lpw) * 45.6 / 100);
    left: calc(var(--lpw) * 25.6 / 100);
    transform: translate(0);
  }
  .type .type-top .type-heart {
    width: calc(var(--lpw) * 20.2666666667 / 100);
    top: calc(var(--lpw) * 47.2 / 100);
    left: calc(var(--lpw) * 53.3333333333 / 100);
    transform: translate(0);
  }
  .type .type-top .type-btns {
    margin-top: calc(var(--lpw) * 25.3333333333 / 100);
    font-size: calc(var(--lpw) * 3.2 / 100);
    flex-wrap: wrap;
    line-height: calc(var(--lpw) * 5.0666666667 / 100);
  }
  .type .type-top .type-btns .type-btn {
    padding: calc(var(--lpw) * 1.6 / 100) calc(var(--lpw) * 2.9333333333 / 100);
    width: -moz-max-content;
    width: max-content;
    display: flex;
    align-items: center;
    box-shadow: calc(var(--lpw) * 0.8 / 100) calc(var(--lpw) * 0.8 / 100) 0 rgba(154, 110, 0, 0.3);
  }
  .type .type-top .type-btns .type-btn .text-l {
    font-size: calc(var(--lpw) * 4.8 / 100);
  }
  .type .type-top .type-btns .type-btn .icon-play {
    position: static;
    transform: translate(0);
    width: calc(var(--lpw) * 4.4 / 100);
    margin-left: calc(var(--lpw) * 1.3333333333 / 100);
  }
  .type .type-top .type-btns .type-btn:not(:last-child) {
    margin-right: 0;
  }
  .type .type-top .type-btns .type-btn:nth-of-type(1) {
    margin-right: calc(var(--lpw) * 4 / 100);
  }
  .type .type-top .type-btns .type-btn:nth-of-type(n+3) {
    margin-top: calc(var(--lpw) * 2.1333333333 / 100);
  }
  .type .type-slider {
    margin-top: calc(var(--lpw) * 6.1333333333 / 100);
  }
  .type .type-slider .slick-arrow {
    top: calc(var(--lpw) * 91.2 / 100);
  }
  .type .type-slider .slide {
    margin: 0 calc(var(--lpw) * 7.4666666667 / 100) calc(var(--lpw) * 1.3333333333 / 100);
    border-radius: calc(var(--lpw) * 4 / 100);
    border: calc(var(--lpw) * 1.3333333333 / 100) solid #fff;
    box-shadow: calc(var(--lpw) * 1.3333333333 / 100) calc(var(--lpw) * 1.3333333333 / 100) 0 #BFCEDB;
  }
  .type .type-slider .slide .type-img-l {
    width: calc(var(--lpw) * 77.0666666667 / 100);
    margin-top: calc(var(--lpw) * 4 / 100);
    border-radius: calc(var(--lpw) * 2.6666666667 / 100);
    box-shadow: calc(var(--lpw) * 0.8 / 100) calc(var(--lpw) * 0.8 / 100) calc(var(--lpw) * 1.3333333333 / 100) rgba(0, 0, 0, 0.16);
  }
  .type .type-slider .slide .imgs-list {
    width: calc(var(--lpw) * 77.0666666667 / 100);
    margin-top: calc(var(--lpw) * 2.6666666667 / 100);
  }
  .type .type-slider .slide .imgs-list .type-img-s {
    padding: calc(var(--lpw) * 0.2 / 100);
    width: calc(var(--lpw) * 18.133333 / 100);
  }
  .type .type-slider .slide .imgs-list .type-img-s:not(:last-child) {
    margin-right: calc(var(--lpw) * 1.8666666667 / 100);
  }
  .type .type-slider .slide-content {
    width: calc(var(--lpw) * 77.0666666667 / 100);
    margin-top: calc(var(--lpw) * 2.6666666667 / 100);
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .type .type-slider .slide-content .slide-left {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .type .type-slider .slide-content .room-wrap {
    width: calc(var(--lpw) * 24 / 100);
  }
  .type .type-slider .slide-content .room-wrap .room-text {
    font-size: calc(var(--lpw) * 4.2666666667 / 100);
  }
  .type .type-slider .slide-content .room-wrap .room-num {
    font-size: calc(var(--lpw) * 6.1333333333 / 100);
  }
  .type .type-slider .slide-content .slide-copy {
    margin: 0 0 0 calc(var(--lpw) * 4.2666666667 / 100);
    width: auto;
    flex: 1;
  }
  .type .type-slider .slide-content .slide-copy .slide-title {
    font-size: calc(var(--lpw) * 5.3333333333 / 100);
  }
  .type .type-slider .slide-content .slide-copy .slide-text {
    font-size: calc(var(--lpw) * 4 / 100);
    margin-top: calc(var(--lpw) * 3.2 / 100);
  }
  .type .type-slider .slide-content .slide-table {
    width: calc(var(--lpw) * 75.4666666667 / 100);
    padding: calc(var(--lpw) * 5.3333333333 / 100) calc(var(--lpw) * 8 / 100) calc(var(--lpw) * 2.6666666667 / 100);
    height: auto;
    border-radius: calc(var(--lpw) * 1.3333333333 / 100);
    line-height: calc(var(--lpw) * 7.4666666667 / 100);
    margin-top: calc(var(--lpw) * 3.2 / 100);
  }
  .type .type-slider .slide-content .slide-table th {
    font-size: calc(var(--lpw) * 4 / 100);
  }
  .type .type-slider .slide-content .slide-table td {
    font-size: calc(var(--lpw) * 3.4666666667 / 100);
    width: 50%;
  }
  .type .type-slider .slide-content .slide-table tr:nth-of-type(6) td {
    font-size: calc(var(--lpw) * 2.4 / 100);
  }
}

.product {
  position: relative;
  background-size: cover;
  z-index: 4;
}
.product .product-bears {
  width: calc(var(--lpw) * 40.0520833333 / 100);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--lpw) * -5.7291666667 / 100);
  z-index: -1;
}
.product .product-bears.active{
  z-index: 8;
}
.product .product-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.product .product-bg-top {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.product .product-top {
  position: relative;
  z-index: 2;
  padding-top: calc(var(--lpw) * 9.7395833333 / 100);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #003475;
}
.product .product-top .title1-wrap {
  width: calc(var(--lpw) * 31.9791666667 / 100);
  color: #fff;
  font-size: calc(var(--lpw) * 2.8125 / 100);
  position: relative;
}
.product .product-top .title1-wrap .product-title1 {
  position: absolute;
  width: 100%;
  left: 0;
  top: calc(var(--lpw) * 0.3125 / 100);
  z-index: 2;
  text-align: center;
  line-height: 1.48;
}
.product .product-top .product-title2 {
  font-size: calc(var(--lpw) * 4.1666666667 / 100);
  margin-top: calc(var(--lpw) * 1.3020833333 / 100);
}
.product .product-top .product-text {
  font-size: calc(var(--lpw) * 1.8229166667 / 100);
  line-height: 1.65;
  margin-top: calc(var(--lpw) * 1.5625 / 100);
  text-align: center;
}
.product .product-top .product-des {
  width: calc(var(--lpw) * 63.125 / 100);
  display: flex;
  align-items: center;
  background-color: #fff;
  margin-top: calc(var(--lpw) * 3.125 / 100);
  border-radius: calc(var(--lpw) * 0.5208333333 / 100);
  overflow: hidden;
}
.product .product-top .product-des .des-title {
  width: calc(var(--lpw) * 16.25 / 100);
  line-height: calc(var(--lpw) * 8.3333333333 / 100);
  background-color: #003475;
  text-align: center;
  color: #fff;
  font-size: calc(var(--lpw) * 1.3020833333 / 100);
}
.product .product-top .product-des .des-list {
  flex: 1;
  padding-left: calc(var(--lpw) * 2.3958333333 / 100);
  font-size: calc(var(--lpw) * 1.1458333333 / 100);
  line-height: 1.72;
}
.product .product-top .product-des .des-list li {
  position: relative;
}
.product .product-top .product-des .des-list li::after {
  content: "";
  display: block;
  width: calc(var(--lpw) * 0.15625 / 100);
  height: calc(var(--lpw) * 0.15625 / 100);
  background-color: #003475;
  border-radius: calc(var(--lpw) * 0.0520833333 / 100);
  position: absolute;
  left: calc(var(--lpw) * -0.5208333333 / 100);
  top: calc(var(--lpw) * 0.78125 / 100);
}
.product .product-part {
  position: relative;
  z-index: 2;
  margin: calc(var(--lpw) * 6.5625 / 100) auto 0;
  width: calc(var(--lpw) * 78.125 / 100);
}
.product .product-part .part-copy {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  margin: 0 auto calc(var(--lpw) * 1.5625 / 100);
  color: #003475;
}
.product .product-part .part-copy .text-shadow::before {
  -webkit-text-stroke: calc(var(--lpw) * 0.625 / 100) #fff;
}
.product .product-part .part-copy .icon-flower-left,
.product .product-part .part-copy .icon-flower-right {
  width: calc(var(--lpw) * 11.5625 / 100);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.product .product-part .part-copy .icon-flower-left {
  left: calc(var(--lpw) * -12.2916666667 / 100);
}
.product .product-part .part-copy .icon-flower-right {
  right: calc(var(--lpw) * -12.2916666667 / 100);
}
.product .product-part .part-copy .part-title {
  font-size: calc(var(--lpw) * 2.8645833333 / 100);
}
.product .product-part .part-copy .part-text {
  font-size: calc(var(--lpw) * 1.5625 / 100);
  margin-top: calc(var(--lpw) * 0.5208333333 / 100);
}
.product .product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: calc(var(--lpw) * 2.6041666667 / 100);
  border-top: calc(var(--lpw) * 0.15625 / 100) dashed #003475;
}
.product .product-list .product-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product .product-list .product-img1 {
  width: calc(var(--lpw) * 12.34375 / 100);
}
.product .product-list .product-img2 {
  width: calc(var(--lpw) * 12.34375 / 100);
}
.product .product-list .product-img3 {
  width: calc(var(--lpw) * 16.9270833333 / 100);
}
.product .product-list .product-img4 {
  width: calc(var(--lpw) * 31.3541666667 / 100);
  transform: translate(-50%, -54%);
}
.product .product-list .product-img5 {
  width: calc(var(--lpw) * 35 / 100);
}
.product .product-list .product-img6 {
  width: calc(var(--lpw) * 36.1979166667 / 100);
}
.product .product-list .product-img7 {
  width: calc(var(--lpw) * 34.1666666667 / 100);
  top: calc(var(--lpw) * 3.8541666667 / 100);
  transform: translateX(-50%);
}
.product .product-list .product-img8 {
  width: calc(var(--lpw) * 33.6979166667 / 100);
  top: calc(var(--lpw) * 2.4479166667 / 100);
  transform: translateX(-50%);
}
.product .product-list .product-img9 {
  width: calc(var(--lpw) * 36.5104166667 / 100);
  top: calc(var(--lpw) * 1.71875 / 100);
  transform: translateX(-50%);
}
.product .product-list .product-container {
  color: #003475;
}
.product .product-list .product-container .product-left {
  width: calc(var(--lpw) * 38.0208333333 / 100);
  height: calc(var(--lpw) * 28.6458333333 / 100);
  background-color: #fff;
  border: calc(var(--lpw) * 0.2604166667 / 100) solid #003475;
  border-radius: calc(var(--lpw) * 1.5625 / 100);
  position: relative;
}
.product .product-list .product-container .left-name-wrap {
  width: 100%;
  position: absolute;
  bottom: calc(var(--lpw) * 2.03125 / 100);
  display: flex;
  font-size: calc(var(--lpw) * 1.5625 / 100);
}
.product .product-list .product-container .left-name-wrap .name1 {
  margin: 0 calc(var(--lpw) * 12.7604166667 / 100) 0 calc(var(--lpw) * 7.65625 / 100);
}
.product .product-list .product-container .reduce-title-warp {
  display: flex;
  margin-bottom: calc(var(--lpw) * 1.9270833333 / 100);
}
.product .product-list .product-container .reduce-num-wrap {
  width: calc(var(--lpw) * 7.03125 / 100);
  position: relative;
  font-size: calc(var(--lpw) * 2.96875 / 100);
  color: #fff;
  margin-right: calc(var(--lpw) * 3.125 / 100);
}
.product .product-list .product-container .reduce-num-wrap .num {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--lpw) * 1.5625 / 100);
  line-height: 1;
}
.product .product-list .product-container1 .reduce-num-wrap .num{
  transform: translateX(-45%);
}
.product .product-list .product-container .reduce-subtitle {
  font-size: calc(var(--lpw) * 1.5625 / 100);
}
.product .product-list .product-container .reduce-title {
  font-size: calc(var(--lpw) * 2.0833333333 / 100);
  flex: 1;
  margin-top: calc(var(--lpw) * 0.5208333333 / 100);
}
.product .product-list .product-container .reduce-text {
  padding-top: calc(var(--lpw) * 1.5625 / 100);
  font-size: calc(var(--lpw) * 1.3020833333 / 100);
  line-height: 1.5;
  border-top: calc(var(--lpw) * 0.15625 / 100) dashed #003475;
  min-height: calc(var(--lpw) * 12.5 / 100);
}
.product .product-list .product-container .reduce-bottom {
  width: 100%;
  display: flex;
  border-radius: calc(var(--lpw) * 0.5208333333 / 100);
  overflow: hidden;
}
.product .product-list .product-container .reduce-bottom .bottom-title {
  width: calc(var(--lpw) * 9.1145833333 / 100);
  height: calc(var(--lpw) * 8.3333333333 / 100);
  background-color: #003475;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--lpw) * 1.3020833333 / 100);
}
.product .product-list .product-container .reduce-bottom .bottom-list {
  flex: 1;
  padding-left: calc(var(--lpw) * 3.125 / 100);
  background-color: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  line-height: 1.7;
  font-size: calc(var(--lpw) * 1.1458333333 / 100);
}
.product .product-list .product-container .reduce-bottom .bottom-list li {
  position: relative;
}
.product .product-list .product-container .reduce-bottom .bottom-list li::after {
  content: "";
  display: block;
  width: calc(var(--lpw) * 0.15625 / 100);
  height: calc(var(--lpw) * 0.15625 / 100);
  background-color: #003475;
  border-radius: calc(var(--lpw) * 0.0520833333 / 100);
  position: absolute;
  left: calc(var(--lpw) * -0.625 / 100);
  top: calc(var(--lpw) * 0.8333333333 / 100);
}
.product .product-list .product-container1 {
  width: 100%;
  display: flex;
  align-items: center;
}
.product .product-list .product-container1 .product-reduce {
  margin-left: calc(var(--lpw) * 5.2083333333 / 100);
  flex: 1;
}
.product .product-list .product-container1 .reduce-text {
  min-height: calc(var(--lpw) * 9.6354166667 / 100);
}
.product .product-list .product-container2,
.product .product-list .product-container3 {
  width: calc(var(--lpw) * 38.0208333333 / 100);
  margin-top: calc(var(--lpw) * 1.8229166667 / 100);
}
.product .product-list .product-container2 .product-reduce,
.product .product-list .product-container3 .product-reduce {
  margin-top: calc(var(--lpw) * 2.2916666667 / 100);
}
.product .product-list .product-container2 .reduce-num-wrap,
.product .product-list .product-container3 .reduce-num-wrap {
  margin-right: calc(var(--lpw) * 1.875 / 100);
}
.product .product-list .product-container7 .product-left {
  height: calc(var(--lpw) * 31.4583333333 / 100);
}
.product .product-list .product-container7 .reduce-title {
  margin-top: calc(var(--lpw) * -0.2604166667 / 100);
}
.product .product-list .product-container7 .reduce-text {
  min-height: calc(var(--lpw) * 12.5 / 100);
}
.product .product-list .product-container7 .left-name-wrap {
  bottom: calc(var(--lpw) * 3.3854166667 / 100);
}
.product .product-list .product-container8 .reduce-subtitle,
.product .product-list .product-container9 .reduce-subtitle {
  font-size: calc(var(--lpw) * 2.34375 / 100);
}
.product .product-list .product-container8 .reduce-title,
.product .product-list .product-container9 .reduce-title {
  margin-top: 0;
}
.product .slider-wrapper-container {
  margin-top: calc(var(--lpw) * 4.4791666667 / 100);
  position: relative;
  transform: translateY(calc(var(--lpw) * 13.4375 / 100));
  overflow: visible;
}
.product .slider-wrapper{
  overflow: hidden;
  position: relative;
}
@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.product .slider-wrapper .slider {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}
.product .slider-wrapper .slider .slider-inner {
  display: flex;
  animation: scroll-left 35s infinite linear 0.5s both;
}
.product .product-mouse {
  width: calc(var(--lpw) * 15.625 / 100);
  position: absolute;
  right: calc(var(--lpw) * 20.8333333333 / 100);
  top: calc(var(--lpw) * -6.25 / 100);
}
.product .slider-wrapper .slide-img {
  width: calc(var(--lpw) * 29.21875 / 100);
  margin-right: calc(var(--lpw) * 1.0416666667 / 100);
}
@media screen and (max-width: 767px) {
  .product .product-bears {
    width: calc(var(--lpw) * 73.0666666667 / 100);
    top: calc(var(--lpw) * -9.8666666667 / 100);
  }
  .product .product-top {
    padding-top: calc(var(--lpw) * 16 / 100);
  }
  .product .product-top .title1-wrap {
    width: calc(var(--lpw) * 76.8 / 100);
    font-size: calc(var(--lpw) * 6.1333333333 / 100);
  }
  .product .product-top .title1-wrap .product-title1 {
    top: calc(var(--lpw) * 0.8 / 100);
  }
  .product .product-top .product-title2 {
    text-align: center;
    font-size: calc(var(--lpw) * 9.3333333333 / 100);
    margin-top: calc(var(--lpw) * -2.1333333333 / 100);
  }
  .product .product-top .product-title2::before {
    content: attr(data-text1);
    -webkit-text-stroke: calc(var(--lpw) * 2.1333333333 / 100) #fff;
    letter-spacing: -1px;
  }
  .product .product-top .product-title2::after {
    display: block;
    width: 100%;
    content: attr(data-text2);
    -webkit-text-stroke: calc(var(--lpw) * 2.1333333333 / 100) #fff;
    position: absolute;
    left: 0;
    top: calc(var(--lpw) * 11.7333333333 / 100);
    z-index: -1;
    color: transparent;
    text-align: center;
    letter-spacing: -1px;
  }
  .product .product-top .product-text {
    font-size: calc(var(--lpw) * 4.8 / 100);
    margin-top: calc(var(--lpw) * 2.9333333333 / 100);
  }
  .product .product-top .product-des {
    margin-top: calc(var(--lpw) * 6.1333333333 / 100);
    width: calc(var(--lpw) * 85.0666666667 / 100);
    flex-direction: column;
    border-radius: calc(var(--lpw) * 2.6666666667 / 100);
  }
  .product .product-top .product-des .des-title {
    width: 100%;
    line-height: calc(var(--lpw) * 10.6666666667 / 100);
    font-size: calc(var(--lpw) * 4.8 / 100);
  }
  .product .product-top .product-des .des-list {
    font-size: calc(var(--lpw) * 3.4666666667 / 100);
    padding: calc(var(--lpw) * 4 / 100) calc(var(--lpw) * 4.8 / 100) calc(var(--lpw) * 4.8 / 100);
  }
  .product .product-top .product-des .des-list li {
    padding-left: calc(var(--lpw) * 1.0666666667 / 100);
  }
  .product .product-top .product-des .des-list li::after {
    width: calc(var(--lpw) * 0.8 / 100);
    height: calc(var(--lpw) * 0.8 / 100);
    border-radius: calc(var(--lpw) * 0.2666666667 / 100);
    top: calc(var(--lpw) * 2.6666666667 / 100);
    left: calc(var(--lpw) * -1.0666666667 / 100);
  }
  .product .product-part {
    width: calc(var(--lpw) * 85.3333333333 / 100);
    margin-top: calc(var(--lpw) * 7.4666666667 / 100);
  }
  .product .product-part .part-copy {
    margin-bottom: calc(var(--lpw) * 2.1333333333 / 100);
  }
  .product .product-part .part-copy .icon-flower-left,
  .product .product-part .part-copy .icon-flower-right {
    width: calc(var(--lpw) * 21.6 / 100);
  }
  .product .product-part .part-copy .icon-flower-left {
    left: calc(var(--lpw) * -21.8666666667 / 100);
  }
  .product .product-part .part-copy .icon-flower-right {
    right: calc(var(--lpw) * -21.8666666667 / 100);
  }
  .product .product-part .part-copy .part-title {
    font-size: calc(var(--lpw) * 6.4 / 100);
  }
  .product .product-part .part-copy .part-text {
    font-size: calc(var(--lpw) * 4 / 100);
    margin-top: calc(var(--lpw) * 0.5333333333 / 100);
  }
  .product .product-part .product-list {
    padding-top: calc(var(--lpw) * 5.3333333333 / 100);
    border-top-width: calc(var(--lpw) * 0.8 / 100);
  }
  .product .product-part .product-list .product-container {
    flex-direction: column;
    width: 100%;
  }
  .product .product-part .product-list .product-container .product-img1 {
    width: calc(var(--lpw) * 23.4666666667 / 100);
  }
  .product .product-part .product-list .product-container .product-img2 {
    width: calc(var(--lpw) * 23.4666666667 / 100);
  }
  .product .product-part .product-list .product-container .product-img3 {
    width: calc(var(--lpw) * 33.6 / 100);
  }
  .product .product-part .product-list .product-container .product-img4 {
    width: calc(var(--lpw) * 55.2 / 100);
  }
  .product .product-part .product-list .product-container .product-img5 {
    width: calc(var(--lpw) * 76 / 100);
  }
  .product .product-part .product-list .product-container .product-img6 {
    width: calc(var(--lpw) * 76.5333333333 / 100);
  }
  .product .product-part .product-list .product-container .product-img7 {
    width: calc(var(--lpw) * 78.1333333333 / 100);
    top: auto;
    bottom: calc(var(--lpw) * 10.1333333333 / 100);
  }
  .product .product-part .product-list .product-container .product-img8 {
    width: calc(var(--lpw) * 76 / 100);
    top: auto;
    bottom: calc(var(--lpw) * 10.1333333333 / 100);
  }
  .product .product-part .product-list .product-container .product-img9 {
    width: calc(var(--lpw) * 76.5333333333 / 100);
    top: auto;
    bottom: calc(var(--lpw) * 8 / 100);
  }
  .product .product-part .product-list .product-container .product-left {
    width: 100%;
    height: calc(var(--lpw) * 53.3333333333 / 100);
    border-width: calc(var(--lpw) * 1.3333333333 / 100);
    border-radius: calc(var(--lpw) * 4 / 100);
  }
  .product .product-part .product-list .product-container .product-reduce {
    margin: calc(var(--lpw) * 1.6 / 100) auto 0;
    flex: 0;
    width: 100%;
  }
  .product .product-part .product-list .product-container .reduce-title-warp {
    margin-bottom: calc(var(--lpw) * 3.7333333333 / 100);
  }
  .product .product-part .product-list .product-container .reduce-num-wrap {
    width: calc(var(--lpw) * 17.0666666667 / 100);
    font-size: calc(var(--lpw) * 6.9333333333 / 100);
    margin-right: calc(var(--lpw) * 3.2 / 100);
  }
  .product .product-part .product-list .product-container .reduce-num-wrap .num {
    top: calc(var(--lpw) * 2.9333333333 / 100);
  }
  .product .product-part .product-list .product-container .reduce-title {
    margin-top: calc(var(--lpw) * -0.5333333333 / 100);
    font-size: calc(var(--lpw) * 6.6666666667 / 100);
  }
  .product .product-part .product-list .product-container .reduce-subtitle {
    font-size: calc(var(--lpw) * 5.3333333333 / 100);
  }
  .product .product-part .product-list .product-container .reduce-text {
    font-size: calc(var(--lpw) * 4.8 / 100);
    border-top-width: calc(var(--lpw) * 0.8 / 100);
    padding-top: calc(var(--lpw) * 3.2 / 100);
    min-height: 0;
  }
  .product .product-part .product-list .product-container .reduce-bottom {
    flex-direction: column;
    border-radius: calc(var(--lpw) * 2.6666666667 / 100);
    margin-top: calc(var(--lpw) * 5.3333333333 / 100);
  }
  .product .product-part .product-list .product-container .reduce-bottom .bottom-title {
    width: 100%;
    line-height: calc(var(--lpw) * 11.4666666667 / 100);
    font-size: calc(var(--lpw) * 4.8 / 100);
  }
  .product .product-part .product-list .product-container .reduce-bottom .bottom-list {
    padding: calc(var(--lpw) * 3.7333333333 / 100) calc(var(--lpw) * 4.8 / 100) calc(var(--lpw) * 4.8 / 100);
    font-size: calc(var(--lpw) * 4 / 100);
  }
  .product .product-part .product-list .product-container .reduce-bottom .bottom-list li {
    padding-left: calc(var(--lpw) * 1.6 / 100);
  }
  .product .product-part .product-list .product-container .reduce-bottom .bottom-list li::after {
    width: calc(var(--lpw) * 0.5333333333 / 100);
    height: calc(var(--lpw) * 0.5333333333 / 100);
    border-radius: calc(var(--lpw) * 0.2666666667 / 100);
    top: calc(var(--lpw) * 2.9333333333 / 100);
    left: calc(var(--lpw) * 0 / 100);
  }
  .product .product-part .product-list .product-container .left-name-wrap {
    font-size: calc(var(--lpw) * 3.2 / 100);
    bottom: calc(var(--lpw) * 3.7333333333 / 100);
  }
  .product .product-part .product-list .product-container .left-name-wrap .name1 {
    margin: 0 calc(var(--lpw) * 29.3333333333 / 100) 0 calc(var(--lpw) * 17.3333333333 / 100);
  }
  .product .product-part .product-list .product-container2,
  .product .product-part .product-list .product-container3 {
    margin-top: calc(var(--lpw) * 8.2666666667 / 100);
  }
  .product .product-part .product-list .product-container7 .product-left,
  .product .product-part .product-list .product-container8 .product-left,
  .product .product-part .product-list .product-container9 .product-left {
    height: calc(var(--lpw) * 62.6666666667 / 100);
  }
  .product .slider-wrapper-container {
    margin-top: 0;
    transform: translateY(calc(var(--lpw) * 18.6666666667 / 100));
  }
  .product .product-mouse {
    width: calc(var(--lpw) * 25.6 / 100);
    right: calc(var(--lpw) * 4.2666666667 / 100);
    top: calc(var(--lpw) * -10.6666666667 / 100);
  }
  .product .slider-wrapper .slide-img {
    width: calc(var(--lpw) * 48.5333333333 / 100);
    margin-right: calc(var(--lpw) * 1.8666666667 / 100);
  }
}

.hotel {
  background: url("https://grand-mercure-beppubay-resortandspa.jp/tw/lp/hellokittyroom/assets/images/top/hotel-bg.webp");
  background-size: cover;
  padding-top: calc(var(--lpw) * 21.8229166667 / 100);
  padding-bottom: calc(var(--lpw) * 11.1979166667 / 100);
  background-position: center;
  overflow: hidden;
}
.hotel .hotel-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  --text-color:#81641C;
  color: #81641C;
}
.hotel .hotel-top .hotel-title2 {
  font-size: calc(var(--lpw) * 3.125 / 100);
}
.hotel .hotel-top .hotel-title1 {
  font-size: calc(var(--lpw) * 4.1666666667 / 100);
  margin-top: calc(var(--lpw) * 0.3645833333 / 100);
}
.hotel .hotel-top .hotel-text {
  font-size: calc(var(--lpw) * 1.5625 / 100);
  margin-top: calc(var(--lpw) * 0.7291666667 / 100);
  line-height: 1.6;
}
.hotel .hotel-content {
  width: calc(var(--lpw) * 79.6875 / 100);
  border: calc(var(--lpw) * 0.78125 / 100) solid rgba(209, 163, 48, 0.25);
  margin: calc(var(--lpw) * 3.125 / 100) auto 0;
  border-radius: calc(var(--lpw) * 1.9270833333 / 100);
  background-color: #fff;
  position: relative;
  padding-bottom: calc(var(--lpw) * 7.9166666667 / 100);
}
.hotel .hotel-content .hotel-kitty {
  width: calc(var(--lpw) * 12.4479166667 / 100);
  position: absolute;
  left: calc(var(--lpw) * 2.3958333333 / 100);
  top: calc(var(--lpw) * -9.1666666667 / 100);
}
.hotel .hotel-content .hotel-kitty .hotel-kitty-foot {
  width: calc(var(--lpw) * 2.5 / 100);
  position: absolute;
  bottom: 0;
}
@keyframes footAni {
  0% {
    transform: translateY(calc(var(--lpw) * -0.2 / 100)) scale(1.05);
  }
  100% {
    transform: translateY(calc(var(--lpw) * 0.2 / 100)) scale(0.9);
  }
}
.hotel .hotel-content .hotel-kitty .hotel-kitty-foot-left {
  left: calc(var(--lpw) * 2.5520833333 / 100);
  animation: footAni 1s infinite linear alternate;
}
.hotel .hotel-content .hotel-kitty .hotel-kitty-foot-right {
  right: calc(var(--lpw) * 2.5 / 100);
  animation: footAni 1s 1s infinite linear alternate;
}
.hotel .hotel-content .hotel-bear {
  width: calc(var(--lpw) * 6.1458333333 / 100);
  position: absolute;
  right: calc(var(--lpw) * 9.9479166667 / 100);
  top: calc(var(--lpw) * -5.5729166667 / 100);
}
.hotel .hotel-content .hotel-reduce {
  width: calc(var(--lpw) * 72.3958333333 / 100);
  margin: calc(var(--lpw) * 3.6458333333 / 100) auto 0;
  position: relative;
}
.hotel .hotel-content .hotel-reduce .reduce-inner {
  border-radius: calc(var(--lpw) * 1.9270833333 / 100);
  overflow: hidden;
  display: flex;
}
.hotel .hotel-content .hotel-reduce .reduce-left {
  width: calc(var(--lpw) * 33.125 / 100);
  background-color: #D1A330;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(var(--lpw) * 3.8541666667 / 100) 0;
}
.hotel .hotel-content .hotel-reduce .left-text1 {
  font-size: calc(var(--lpw) * 1.8229166667 / 100);
  color: #fff;
}
.hotel .hotel-content .hotel-reduce .left-text2 {
  font-size: calc(var(--lpw) * 2.0833333333 / 100);
  color: #81641C;
  z-index: 2;
  margin-top: calc(var(--lpw) * 0.625 / 100);
}
.hotel .hotel-content .hotel-reduce .reduce-right {
  flex: 1;
  background-color: #F9F2E1;
  font-size: calc(var(--lpw) * 1.0416666667 / 100);
  display: flex;
  padding: 0 calc(var(--lpw) * 3.0208333333 / 100);
  color: #81641C;
  line-height: 2;
  flex-direction: column;
  justify-content: center;
}
.hotel .hotel-content .hotel-reduce .reduce-right .reduce-right-s {
  width: 100%;
  text-align: left;
}
@keyframes ciecleAni {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.hotel .hotel-content .hotel-reduce .hotel-bottom-img {
  width: calc(var(--lpw) * 8.3854166667 / 100);
  position: absolute;
  right: calc(var(--lpw) * -0.5208333333 / 100);
  bottom: calc(var(--lpw) * -5.8854166667 / 100);
  animation: ciecleAni 6s infinite linear;
}
.hotel .hotel-content .hotel-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: calc(var(--lpw) * 4.1666666667 / 100);
  padding: 0 calc(var(--lpw) * 5.5208333333 / 100);
}
.hotel .hotel-content .hotel-item .item-img-wrap {
  width: calc(var(--lpw) * 36.4583333333 / 100);
  position: relative;
}
.hotel .hotel-content .hotel-item .item-img-wrap .hotel-bottom-img {
  position: absolute;
  z-index: 3;
}
@keyframes plateAni {
  0% {
    transform: translateX(-20%) scale(1);
  }
  30% {
    transform: translateX(-10%) scale(1.1);
  }
  50% {
    transform: translateX(0%) scale(1.2);
  }
  70% {
    transform: translateX(10%) scale(1.1);
  }
  100% {
    transform: translateX(20%) scale(1);
  }
}
.hotel .hotel-content .hotel-item .item-img-wrap .hotel-bottom-img2 {
  width: calc(var(--lpw) * 17.3958333333 / 100);
  left: calc(var(--lpw) * -3.6458333333 / 100);
  bottom: calc(var(--lpw) * -7.3958333333 / 100);
  /* animation: plateAni 4s infinite linear alternate; */
}
.hotel .hotel-content .hotel-item .item-img-wrap .hotel-bottom-img3 {
  width: calc(var(--lpw) * 16.6145833333 / 100);
  right: calc(var(--lpw) * -3.3333333333 / 100);
  bottom: calc(var(--lpw) * -11.9791666667 / 100);
  animation: ciecleAni 8s infinite linear;
}
.hotel .hotel-content .hotel-item .item-img-wrap .hotel-bottom-img4 {
  width: calc(var(--lpw) * 20.5208333333 / 100);
  left: calc(var(--lpw) * -3.6458333333 / 100);
  bottom: calc(var(--lpw) * -11.3541666667 / 100);
}
.hotel .hotel-content .hotel-item .item-img-wrap .hotel-bottom-img5 {
  width: calc(var(--lpw) * 20.6770833333 / 100);
  right: calc(var(--lpw) * -2.65625 / 100);
  bottom: calc(var(--lpw) * -9.375 / 100);
}
.hotel .hotel-content .hotel-item .item-img-wrap .hotel-person {
  width: calc(var(--lpw) * 13.8020833333 / 100);
  position: absolute;
  top: calc(var(--lpw) * -13.8541666667 / 100);
  right: calc(var(--lpw) * -1.5625 / 100);
}
.hotel .hotel-content .hotel-item .item-img-wrap .hotel-img {
  position: relative;
  z-index: 2;
}
.hotel .hotel-content .hotel-item .item-texts {
  width: calc(var(--lpw) * 26.7708333333 / 100);
  margin-left: calc(var(--lpw) * 3.125 / 100);
}
.hotel .hotel-content .hotel-item .item-text {
  line-height: 1.76;
}
.hotel .hotel-content .hotel-item .num-wrap {
  width: calc(var(--lpw) * 11.71875 / 100);
  font-size: calc(var(--lpw) * 1.8229166667 / 100);
  color: #fff;
  position: relative;
}
.hotel .hotel-content .hotel-item .num-wrap .num {
  position: absolute;
  top: calc(var(--lpw) * 0.8854166667 / 100);
  left: calc(var(--lpw) * 1.0416666667 / 100);
  line-height: 1.37;
}
.hotel .hotel-content .hotel-item .item-title {
  font-size: calc(var(--lpw) * 2.6041666667 / 100);
  color: #D1A330;
  padding: calc(var(--lpw) * 1.5625 / 100) 0 calc(var(--lpw) * 0.78125 / 100);
  border-bottom: calc(var(--lpw) * 0.15625 / 100) dashed #F9F2E1;
}
.hotel .hotel-content .hotel-item .item-text {
  font-size: calc(var(--lpw) * 1.3020833333 / 100);
  color: #81641C;
  padding-top: calc(var(--lpw) * 1.3020833333 / 100);
}
.hotel .hotel-content .hotel-item:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.hotel .hotel-content .hotel-item:nth-of-type(2n) .item-texts {
  margin-left: calc(var(--lpw) * 2.0833333333 / 100);
}
.hotel .hotel-content .hotel-item1 .item-texts {
  margin-top: calc(var(--lpw) * 1.7708333333 / 100);
}
.hotel .hotel-content .hotel-item2 .item-texts {
  margin-top: calc(var(--lpw) * 4.375 / 100);
}
.hotel .hotel-content .hotel-item2 .item-text {
  width: calc(var(--lpw) * 27.6041666667 / 100);
}
.hotel .hotel-content .hotel-item3 .item-texts {
  margin-top: calc(var(--lpw) * 4.8958333333 / 100);
}
.hotel .hotel-content .hotel-item4 .item-texts {
  margin-top: calc(var(--lpw) * 10.5729166667 / 100);
}
.hotel .hotel-content .hotel-item4 .item-text {
  width: calc(var(--lpw) * 29.9479166667 / 100);
}
@media screen and (max-width: 767px) {
  .hotel {
    padding-top: calc(var(--lpw) * 30.6666666667 / 100);
    padding-bottom: calc(var(--lpw) * 13.3333333333 / 100);
    background: url("https://grand-mercure-beppubay-resortandspa.jp/tw/lp/hellokittyroom/assets/images/top/hotel-bg-mob.webp") center;
    background-size: cover;
  }
  .hotel .hotel-top .hotel-title2 {
    font-size: calc(var(--lpw) * 6.6666666667 / 100);
  }
  .hotel .hotel-top .hotel-title2::before, .hotel .hotel-top .hotel-title2::after {
    height: calc(var(--lpw) * 5.8666666667 / 100);
    width: calc(var(--lpw) * 0.8 / 100);
  }
  .hotel .hotel-top .hotel-title1 {
    margin-top: calc(var(--lpw) * 0.8 / 100);
    font-size: calc(var(--lpw) * 9.3333333333 / 100);
  }
  .hotel .hotel-top .hotel-title1::before {
    content: attr(data-text1);
    -webkit-text-stroke: calc(var(--lpw) * 2.1333333333 / 100) #fff;
    letter-spacing: -1px;
  }
  .hotel .hotel-top .hotel-title1::after {
    width: 100%;
    content: attr(data-text2);
    -webkit-text-stroke: calc(var(--lpw) * 2.1333333333 / 100) #fff;
    position: absolute;
    left: 0;
    top: calc(var(--lpw) * 11.7333333333 / 100);
    z-index: -1;
    color: transparent;
    text-align: center;
    letter-spacing: -1px;
  }
  .hotel .hotel-top .hotel-text {
    font-size: calc(var(--lpw) * 4.8 / 100);
    margin-top: calc(var(--lpw) * 2.6666666667 / 100);
  }
  .hotel .hotel-content {
    margin-top: calc(var(--lpw) * 21.3333333333 / 100);
    width: calc(var(--lpw) * 87.7333333333 / 100);
    border-width: calc(var(--lpw) * 1.3333333333 / 100);
    border-radius: calc(var(--lpw) * 4 / 100);
  }
  .hotel .hotel-content .hotel-kitty {
    width: calc(var(--lpw) * 27.7333333333 / 100);
    top: calc(var(--lpw) * -21.3333333333 / 100);
  }
  .hotel .hotel-content .hotel-kitty .hotel-kitty-foot {
    width: calc(var(--lpw) * 5.6 / 100);
  }
  .hotel .hotel-content .hotel-kitty .hotel-kitty-foot-left {
    left: calc(var(--lpw) * 5.8666666667 / 100);
  }
  .hotel .hotel-content .hotel-kitty .hotel-kitty-foot-right {
    right: calc(var(--lpw) * 5.8666666667 / 100);
  }
  .hotel .hotel-content .hotel-bear {
    width: calc(var(--lpw) * 13.8666666667 / 100);
    top: calc(var(--lpw) * -13.3333333333 / 100);
    right: calc(var(--lpw) * 4 / 100);
  }
  .hotel .hotel-content .hotel-reduce {
    z-index: 3;
  }
  .hotel .hotel-content .hotel-reduce .reduce-inner {
    flex-direction: column;
    width: calc(var(--lpw) * 75.4666666667 / 100);
  }
  .hotel .hotel-content .hotel-reduce .reduce-left {
    width: 100%;
  }
  .hotel .hotel-content .hotel-reduce .left-text1 {
    font-size: calc(var(--lpw) * 3.4666666667 / 100);
  }
  .hotel .hotel-content .hotel-reduce .left-text2 {
    font-size: calc(var(--lpw) * 4.8 / 100);
  }
  .hotel .hotel-content .hotel-reduce .reduce-right {
    padding: calc(var(--lpw) * 4.2666666667 / 100) calc(var(--lpw) * 4.2666666667 / 100) calc(var(--lpw) * 5.6 / 100);
    font-size: calc(var(--lpw) * 4 / 100);
    line-height: 1.6;
    display: block;
  }
  .hotel .hotel-content .hotel-reduce .reduce-right .reduce-right-s {
    font-size: calc(var(--lpw) * 3.4666666667 / 100);
  }
  .hotel .hotel-content .hotel-reduce .hotel-bottom-img {
    width: calc(var(--lpw) * 19.4666666667 / 100);
    right: auto;
    left: calc(var(--lpw) * -8.8 / 100);
    bottom: calc(var(--lpw) * -14.6666666667 / 100);
  }
  .hotel .hotel-content .hotel-item {
    margin-top: calc(var(--lpw) * 4.8 / 100);
  }
  .hotel .hotel-content .hotel-item .item-img-wrap {
    width: 100%;
  }
  .hotel .hotel-content .hotel-item .item-img-wrap .hotel-bottom-img2 {
    width: calc(var(--lpw) * 44.5333333333 / 100);
    left: auto;
    right: calc(var(--lpw) * -9.6 / 100);
    bottom: calc(var(--lpw) * -24.6 / 100);
  }
  .hotel .hotel-content .hotel-item .item-img-wrap .hotel-bottom-img3 {
    width: calc(var(--lpw) * 28.8 / 100);
    left: auto;
    right: calc(var(--lpw) * -8.5333333333 / 100);
    bottom: calc(var(--lpw) * -20.5333333333 / 100);
  }
  .hotel .hotel-content .hotel-item .item-img-wrap .hotel-bottom-img4 {
    width: calc(var(--lpw) * 41.3333333333 / 100);
    left: auto;
    right: calc(var(--lpw) * -7.2 / 100);
    bottom: calc(var(--lpw) * -21.3333333333 / 100);
  }
  .hotel .hotel-content .hotel-item .item-img-wrap .hotel-bottom-img5 {
    width: calc(var(--lpw) * 41.8666666667 / 100);
    left: auto;
    right: calc(var(--lpw) * -7.2 / 100);
    bottom: calc(var(--lpw) * -20.5333333333 / 100);
  }
  .hotel .hotel-content .hotel-item .item-img-wrap .hotel-person {
    width: calc(var(--lpw) * 32 / 100);
    top: calc(var(--lpw) * -38.1333333333 / 100);
    right: calc(var(--lpw) * -1.6 / 100);
  }
  .hotel .hotel-content .hotel-item .num-wrap {
    width: calc(var(--lpw) * 35.7333333333 / 100);
    font-size: calc(var(--lpw) * 5.3333333333 / 100);
  }
  .hotel .hotel-content .hotel-item .num-wrap .num {
    left: calc(var(--lpw) * 3.2 / 100);
    top: calc(var(--lpw) * 2.6666666667 / 100);
  }
  .hotel .hotel-content .hotel-item .item-title {
    font-size: calc(var(--lpw) * 6.6666666667 / 100);
    padding-top: calc(var(--lpw) * 2.4 / 100);
    padding-bottom: calc(var(--lpw) * 1.3333333333 / 100);
    border-bottom-width: calc(var(--lpw) * 0.8 / 100);
  }
  .hotel .hotel-content .hotel-item .item-text {
    width: 100%;
    font-size: calc(var(--lpw) * 4.8 / 100);
    padding-top: calc(var(--lpw) * 2.6666666667 / 100);
  }
  .hotel .hotel-content .hotel-item,
  .hotel .hotel-content .hotel-item:nth-of-type(2n) {
    flex-direction: column;
  }
  .hotel .hotel-content .hotel-item .item-texts,
  .hotel .hotel-content .hotel-item:nth-of-type(2n) .item-texts {
    width: 100%;
    margin-top: calc(var(--lpw) * 2.9333333333 / 100);
    margin-left: 0;
  }
  .hotel .hotel-content .hotel-item1 .item-text {
    width: calc(var(--lpw) * 50.6666666667 / 100);
  }
}

.reduce {
  padding: calc(var(--lpw) * 10.9895833333 / 100) 0 calc(var(--lpw) * 16.9270833333 / 100);
  background: url("https://grand-mercure-beppubay-resortandspa.jp/tw/lp/hellokittyroom/assets/images/top/reduce-bg.webp");
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: center;
}
.reduce .section-bar {
  width: calc(var(--lpw) * 252.4479166667 / 100);
  height: calc(var(--lpw) * 4.53125 / 100);
  position: absolute;
  left: 0;
  /* animation: barAni 5s linear infinite; */
  max-width: none;
}
.reduce .section-bar-top {
  top: 0;
}
.reduce .section-bar-bottom {
  bottom: 0;
}
.reduce .reduce-title {
  font-size: calc(var(--lpw) * 3.125 / 100);
  color: #003475;
  text-align: center;
}
.reduce .reduce-content {
  width: calc(var(--lpw) * 78.125 / 100);
  background-color: #E2F2FF;
  border: calc(var(--lpw) * 0.78125 / 100) solid #fff;
  border-radius: calc(var(--lpw) * 1.5625 / 100);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: calc(var(--lpw) * 1.5625 / 100) calc(var(--lpw) * 2.7083333333 / 100) calc(var(--lpw) * 1.5625 / 100) calc(var(--lpw) * 1.8229166667 / 100);
  margin-top: calc(var(--lpw) * 3.125 / 100);
  line-height: 1.5;
}
.reduce .reduce-content .reduce-img {
  width: calc(var(--lpw) * 39.0625 / 100);
}
.reduce .reduce-content .reduce-copy {
  width: calc(var(--lpw) * 30.46875 / 100);
  color: #003475;
}
.reduce .reduce-content .copy-title {
  font-size: calc(var(--lpw) * 2.34375 / 100);
  margin-bottom: calc(var(--lpw) * 1.0416666667 / 100);
}
.reduce .reduce-content .copy-text {
  padding-top: calc(var(--lpw) * 1.3541666667 / 100);
  border-top: calc(var(--lpw) * 0.15625 / 100) dashed #003475;
  line-height: 1.68;
  font-size: calc(var(--lpw) * 1.3020833333 / 100);
}
.reduce .reduce-content .reduce-link {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  line-height: calc(var(--lpw) * 3.59375 / 100);
  background-color: #D1A330;
  box-shadow: calc(var(--lpw) * 0.15625 / 100) calc(var(--lpw) * 0.15625 / 100) 0 #9A6E00;
  border-radius: 999px;
  color: #fff;
  font-size: calc(var(--lpw) * 1.5625 / 100);
  margin-top: calc(var(--lpw) * 1.5625 / 100);
  padding: 0 calc(var(--lpw) * 2.5 / 100);
}
.reduce .reduce-content .reduce-link .icon-play {
  width: calc(var(--lpw) * 1.71875 / 100);
  margin-left: calc(var(--lpw) * 0.625 / 100);
}
@media screen and (max-width: 767px) {
  .reduce {
    background: url("https://grand-mercure-beppubay-resortandspa.jp/tw/lp/hellokittyroom/assets/images/top/reduce-bg-mob.webp");
    background-size: cover;
    padding: calc(var(--lpw) * 21.3333333333 / 100) 0 calc(var(--lpw) * 21.3333333333 / 100);
    background-position: 43% center;
  }
  .reduce .section-bar {
    width: calc(var(--lpw) * 630.9333333333 / 100);
    height: calc(var(--lpw) * 11.4666666667 / 100);
    /* animation: barAniMob 5s linear infinite; */
  }
  .reduce .reduce-content {
    width: calc(var(--lpw) * 85.0666666667 / 100);
    border-width: calc(var(--lpw) * 1.3333333333 / 100);
    border-radius: calc(var(--lpw) * 2.6666666667 / 100);
    flex-direction: column;
    align-items: center;
    padding: calc(var(--lpw) * 6.4 / 100) calc(var(--lpw) * 4.8 / 100) calc(var(--lpw) * 8.5333333333 / 100);
  }
  .reduce .reduce-content .reduce-img {
    width: calc(var(--lpw) * 75.4666666667 / 100);
    margin-top: calc(var(--lpw) * 3.2 / 100);
  }
  .reduce .reduce-content .reduce-copy {
    margin-top: calc(var(--lpw) * 1.6 / 100);
    width: 100%;
  }
  .reduce .reduce-content .copy-title {
    font-size: calc(var(--lpw) * 6.6666666667 / 100);
    margin-bottom: calc(var(--lpw) * 3.7333333333 / 100);
  }
  .reduce .reduce-content .copy-text {
    font-size: calc(var(--lpw) * 4.8 / 100);
    padding-top: calc(var(--lpw) * 4 / 100);
    border-top-width: calc(var(--lpw) * 0.8 / 100);
  }
  .reduce .reduce-content .reduce-link {
    line-height: calc(var(--lpw) * 12 / 100);
    padding: 0 calc(var(--lpw) * 9.0666666667 / 100);
    box-shadow: calc(var(--lpw) * 0.8 / 100) calc(var(--lpw) * 0.8 / 100) 0 #9A6E00;
    font-size: calc(var(--lpw) * 5.3333333333 / 100);
    margin: calc(var(--lpw) * 4 / 100) auto 0;
  }
  .reduce .reduce-content .reduce-link .icon-play {
    width: calc(var(--lpw) * 5.3333333333 / 100);
    margin-left: calc(var(--lpw) * 1.3333333333 / 100);
  }
  .reduce .reduce-title {
    font-size: calc(var(--lpw) * 8.8 / 100);
  }
}

.appoint {
  padding: calc(var(--lpw) * 10.4166666667 / 100) 0;
  background: url("https://grand-mercure-beppubay-resortandspa.jp/tw/lp/hellokittyroom/assets/images/top/appoint-bg.webp");
  background-size: cover;
}
.appoint .appoint-content {
  width: calc(var(--lpw) * 78.125 / 100);
  margin: 0 auto;
  position: relative;
  color: #003475;
}
.appoint .appoint-content .appoint-title {
  font-size: calc(var(--lpw) * 3.125 / 100);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--lpw) * 3.4375 / 100);
  z-index: 2;
}
.appoint .appoint-content .appoint-img {
  width: calc(var(--lpw) * 25.1041666667 / 100);
  position: absolute;
  left: calc(var(--lpw) * 11.8229166667 / 100);
  bottom: calc(var(--lpw) * 4.1666666667 / 100);
}
.appoint .appoint-content .copy-right {
  font-size: calc(var(--lpw) * 0.5208333333 / 100);
  position: absolute;
  left: calc(var(--lpw) * 15.8333333333 / 100);
  bottom: calc(var(--lpw) * 2.8645833333 / 100);
  font-family: "Noto Sans JP";
  font-weight: bold;
}
.appoint .appoint-content .appoint-copy {
  width: calc(var(--lpw) * 33.3333333333 / 100);
  position: absolute;
  top: calc(var(--lpw) * 14.7395833333 / 100);
  right: calc(var(--lpw) * 5.3125 / 100);
}
.appoint .appoint-content .appoint-copy .appoint-text {
  font-size: calc(var(--lpw) * 1.5625 / 100);
  line-height: 1.6;
}
.appoint .appoint-content .appoint-copy .appoint-link {
  line-height: calc(var(--lpw) * 3.59375 / 100);
  padding: 0 calc(var(--lpw) * 3.28125 / 100);
  display: flex;
  font-size: calc(var(--lpw) * 1.5625 / 100);
  color: #fff;
  background-color: #D1A330;
  border-radius: 999px;
  box-shadow: calc(var(--lpw) * 0.15625 / 100) calc(var(--lpw) * 0.15625 / 100) 0 #9A6E00;
  width: -moz-max-content;
  width: max-content;
  margin: calc(var(--lpw) * 1.875 / 100) auto 0;
}
.appoint .appoint-content .appoint-copy .appoint-link .icon-play {
  width: calc(var(--lpw) * 1.71875 / 100);
  margin-left: calc(var(--lpw) * 0.8333333333 / 100);
}
@media screen and (max-width: 767px) {
  .appoint {
    padding: calc(var(--lpw) * 10.6666666667 / 100) 0;
    background: url("https://grand-mercure-beppubay-resortandspa.jp/tw/lp/hellokittyroom/assets/images/top/appoint-bg-mob.webp");
    background-size: cover;
  }
  .appoint .appoint-content {
    width: calc(var(--lpw) * 89.0666666667 / 100);
  }
  .appoint .appoint-content .appoint-title {
    font-size: calc(var(--lpw) * 8.8 / 100);
    top: calc(var(--lpw) * 4.8 / 100);
  }
  .appoint .appoint-content .appoint-img {
    width: calc(var(--lpw) * 60 / 100);
    left: calc(var(--lpw) * 12.5333333333 / 100);
    bottom: calc(var(--lpw) * 34.6666666667 / 100);
  }
  .appoint .appoint-content .copy-right {
    width: 90%;
    text-align: center;
    font-size: calc(var(--lpw) * 2.6666666667 / 100);
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(var(--lpw) * 10.6666666667 / 100);
  }
  .appoint .appoint-content .appoint-copy {
    width: calc(var(--lpw) * 75.4666666667 / 100);
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    top: calc(var(--lpw) * 21.3333333333 / 100);
  }
  .appoint .appoint-content .appoint-copy .appoint-text {
    font-size: calc(var(--lpw) * 4.8 / 100);
    text-align: center;
  }
  .appoint .appoint-content .appoint-copy .appoint-link {
    line-height: calc(var(--lpw) * 12 / 100);
    font-size: calc(var(--lpw) * 5.3333333333 / 100);
    padding: 0 calc(var(--lpw) * 13.8666666667 / 100);
    box-shadow: calc(var(--lpw) * 0.8 / 100) calc(var(--lpw) * 0.8 / 100) 0 #9A6E00;
    margin-top: calc(var(--lpw) * 50.1333333333 / 100);
  }
  .appoint .appoint-content .appoint-copy .appoint-link .icon-play {
    width: calc(var(--lpw) * 5.3333333333 / 100);
    margin-left: calc(var(--lpw) * 1.6 / 100);
  }
}

.share {
  padding: calc(var(--lpw) * 4.1666666667 / 100) 0 calc(var(--lpw) * 1.5625 / 100);
  background-color: #fff;
}
.share .share-title {
  font-size: calc(var(--lpw) * 1.5625 / 100);
  color: #003475;
  text-align: center;
}
.share .share-list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(var(--lpw) * 2.0833333333 / 100);
}
.share .share-list .link {
  display: block;
}
.share .share-list .link:not(:last-child) {
  margin-right: calc(var(--lpw) * 3.28125 / 100);
}
.share .share-list .icon-line {
  width: calc(var(--lpw) * 5.5729166667 / 100);
}
.share .share-list .logo-black {
  width: calc(var(--lpw) * 4.2708333333 / 100);
}
.share .share-list .icon-facebook {
  width: calc(var(--lpw) * 5.5729166667 / 100);
}
@media screen and (max-width: 767px) {
  .share {
    padding: calc(var(--lpw) * 13.3333333333 / 100) 0 calc(var(--lpw) * 5.3333333333 / 100);
  }
  .share .share-title {
    font-size: calc(var(--lpw) * 4.8 / 100);
  }
  .share .share-list {
    margin-top: calc(var(--lpw) * 4.5333333333 / 100);
  }
  .share .share-list .icon-line {
    width: calc(var(--lpw) * 15.2 / 100);
  }
  .share .share-list .logo-black {
    width: calc(var(--lpw) * 14.6666666667 / 100);
  }
  .share .share-list .icon-facebook {
    width: calc(var(--lpw) * 15.2 / 100);
  }
  .share .share-list .link:not(:last-child) {
    margin-right: calc(var(--lpw) * 8.5333333333 / 100);
  }
}
#footer{
  --lpw: 100vw;
  padding: 20px 0 calc(calc(var(--lpw) * 6.09375 / 100) + 40px);
}
@media screen and (min-width: 1401px){
  #footer{
    --lpw: 1400px;
    padding: 20px 0 calc(calc(var(--lpw) * 6.09375 / 100) + 30px);
    
  }
}