@charset "UTF-8";
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.main-area.lp {
  background-color: #7C2E38;
  background-size: 100% auto;
  background-position: top center;
}

.header {
  background: rgb(245, 239, 234) !important;
  background: linear-gradient(0deg, transparent 0%, rgba(124, 46, 56, 0.4037990196) 25%, rgb(124, 46, 56) 100%) !important;
}

.landing_content {
  font-family: "the-seasons", "ryo-text-plusn", serif;
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  --color1: #000;
  --color2: #fff;
  --color3: #FF7BAA;
  --color4: #7C2E38;
  --color5: #C49A6D;
  --color6: #E0C697;
  --color7: #8A6239;
  --header-height: calc(24.7px + 65.91px + 40px + 40px);
  --breadlist-height: 43px;
  --nav-menu-height: 42.84px;
  --master-height: calc(var(--header-height) + var(--breadlist-height));
}

#Foot,
#footer {
  position: relative;
  z-index: 10;
}

.main-area.lp {
  position: relative;
}

@media screen and (min-width: 768px) {
  .landing_content {
    overflow: visible;
    position: relative;
  }
  .js-fade {
    opacity: 0;
    transform: scale(1.05);
    transition: ease-in, opacity 1500ms, transform 1500ms;
  }
  .js-fade.delay1 {
    transition-delay: 0.5s;
  }
  .js-fade--active {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1.001, 1.001, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
  }
  .js-fadeBottomTop {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s;
    transition-delay: 0.3s;
  }
  .js-fadeBottomTop--active {
    opacity: 1;
    transform: translateY(0);
  }
  .landing_content {
    /* 前へ次への矢印カスタマイズ */
    /* 前への矢印カスタマイズ */
    /* 次への矢印カスタマイズ */
  }
  .landing_content .swiper_item {
    position: relative;
    /* 前へ次への矢印カスタマイズ */
  }
  .landing_content .swiper_item .swiper-button-prev,
  .landing_content .swiper_item .swiper-button-next {
    height: 7rem;
    width: 7rem;
  }
  .landing_content .swiper-slide {
    width: 15rem;
    aspect-ratio: 150/226;
  }
  .landing_content .swiper-slide .css-slide_image {
    width: 15rem;
    aspect-ratio: 150/150;
  }
  .landing_content .swiper-slide .css-slide_text {
    position: relative;
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.3rem;
    letter-spacing: 0.05em;
    line-height: 1.95rem;
    color: var(--color3);
    text-align: center;
    margin-top: 1rem;
    left: 0;
  }
  .landing_content .swiper-slide .css-slide_price {
    font-family: "yu-gothic-pr6n", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3rem;
    letter-spacing: 0.05em;
    line-height: 2.4rem;
    color: var(--color3);
    text-align: center;
    margin-top: 0.6rem;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--color4);
  }
  .landing_content .swiper-button-prev {
    left: -3.6rem;
    top: 15.9rem;
  }
  .landing_content .swiper-button-next {
    right: -3.6rem;
    top: 15.9rem;
  }
  .landing_content .swiper-button-prev,
  .landing_content .swiper-button-next {
    height: 7rem;
    width: 7rem;
  }
  .landing_content .swiper-button-prev::after,
  .landing_content .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    content: "";
    margin: auto;
    height: 7rem;
    width: 7rem;
  }
  .landing_content .swiper-button-prev::after {
    background-image: url(/Page/LP/2025/0109_heart/img/arrow_prev.png);
  }
  .landing_content .swiper-button-next::after {
    background-image: url(/Page/LP/2025/0109_heart/img/arrow_next.png);
  }
  .landing_content p,
  .landing_content span {
    color: var(--color3);
  }
  .landing_content .s-view {
    display: none;
  }
  .landing_content img {
    width: 100%;
    height: auto;
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
  .landing_content .css-mainvisual .css-mainvisual_bg_un1,
  .landing_content .css-mainvisual .css-mainvisual_bg_un2 {
    background-image: url(/Page/LP/2025/0109_heart/img/bg_un_l.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 6.5rem;
    background-color: var(--color2);
  }
  .landing_content .css-mainvisual .css-mainvisual_wrapper {
    position: relative;
    width: calc(100% * 1400 / 1400);
    max-width: 140rem;
    margin: 0 auto;
  }
  .landing_content .css-mainvisual .css-mainvisual_wrapper .css-mainvisual_bg {
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(/Page/LP/2025/0109_heart/img/bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
  }
  .landing_content .css-mainvisual .css-mainvisual_wrapper .css-mainvisual_image_area {
    position: relative;
    width: calc(100% * 792.4131 / 1400);
    max-width: 79.24131rem;
    aspect-ratio: 792.4131/800;
    margin: 0 auto;
  }
  .landing_content .css-mainvisual .css-mainvisual_wrapper .css-mainvisual_image_area .css-mainvisual_image_text {
    top: 3.7rem;
    left: calc(100% * -28 / 792.4131);
    position: absolute;
    background-image: url(/Page/LP/2025/0109_heart/img/mainvisual_text_l.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: calc(100% * 786.418 / 792.4131);
    max-width: 78.6418rem;
    aspect-ratio: 786.418/723.2539;
    z-index: 2;
  }
  .landing_content .css-mainvisual .css-mainvisual_wrapper .css-mainvisual_image_area .css-mainvisual_image {
    overflow: hidden;
    width: calc(100% * 700 / 792.4131);
    aspect-ratio: 700/800;
    margin: 0 auto;
    z-index: 1;
  }
  .landing_content .css-hover {
    position: relative;
  }
  .landing_content .css-credit_all {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
  }
  .landing_content .js-hover {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transition: ease-in, background-color 0.5s, opacity 0.5s;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
  .landing_content .js-hover--active {
    background-color: var(--color4);
    opacity: 0.85;
  }
  .landing_content .js-hover .css-hover_text {
    display: inline-block;
    position: relative;
    z-index: 2;
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 2.7rem;
    letter-spacing: 0.08em;
    font-feature-settings: "palt";
    text-align: center;
  }
  .landing_content .js-hover .css-credit {
    z-index: 2;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
  }
  .landing_content .js-hover .css-credit .css-hover_icon1,
  .landing_content .js-hover .css-credit .css-hover_icon2 {
    width: 2rem;
    aspect-ratio: 20/20;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .landing_content .js-hover .css-credit .css-hover_icon1 {
    background-image: url(/Page/LP/2025/0109_heart/img/text_star1.svg);
  }
  .landing_content .js-hover .css-credit .css-hover_icon2 {
    background-image: url(/Page/LP/2025/0109_heart/img/text_star2.svg);
  }
  .landing_content .js-hover .css-credit .css-credit_link {
    position: relative;
    z-index: 2;
    display: inline-block;
    font-family: "yu-gothic-pr6n", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-weight: bold;
    font-size: 1.2rem;
    font-feature-settings: "palt";
    line-height: 2.3rem;
    letter-spacing: 0.02em;
    text-align: center;
  }
  .landing_content .css-section1 {
    position: relative;
    margin-top: 4rem;
    margin-bottom: -0.3rem;
  }
  .landing_content .css-section1 .css-section1_content1,
  .landing_content .css-section1 .css-section1_content2 {
    background-image: url(/Page/LP/2025/0109_heart/img/bg2_l.png);
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center;
    width: 100%;
    background-color: var(--color2);
  }
  .landing_content .css-section1 .css-section1_content1 {
    height: 73.6787rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
  .landing_content .css-section1 .css-section1_content1 .css-image_icon {
    width: calc(87.6559 * 100vw / 1400);
    max-width: 8.76559rem;
    aspect-ratio: 87.6559/107.6262;
    margin: 0 auto;
    margin-top: 6.6rem;
  }
  .landing_content .css-section1 .css-section1_content1 .css-text1 {
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.6rem;
    letter-spacing: 0.2em;
    line-height: 3.177rem;
    font-feature-settings: "palt";
    color: var(--color3);
    text-align: center;
    margin-top: 5.4rem;
  }
  .landing_content .css-section1 .css-section1_content1 .css-text2 {
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    line-height: 3.1rem;
    font-feature-settings: "palt";
    color: var(--color3);
    text-align: center;
    margin-top: 3.8rem;
  }
  .landing_content .css-section1 .css-section1_content1 .css-textarea {
    position: relative;
    margin-top: 9.3rem;
    left: calc(100% * 7 / 1400);
    border-radius: 0.6rem;
    width: 35.57214rem;
    aspect-ratio: 355.7214/111.7503;
    border: solid 1px var(--color3);
    background-color: var(--color4);
  }
  .landing_content .css-section1 .css-section1_content1 .css-textarea .css-textarea_text {
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    line-height: 3.1rem;
    font-feature-settings: "palt";
    color: var(--color3);
    text-align: center;
    margin-top: 0.8rem;
  }
  .landing_content .css-section1 .css-section1_content1 .css-textarea .css-textarea_text span {
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    letter-spacing: 0.08em;
    font-feature-settings: "palt";
    position: relative;
    display: inline-block;
  }
  .landing_content .css-section1 .css-section1_content1 .css-textarea .css-textarea_text span:nth-of-type(1) {
    margin-top: 0rem;
  }
  .landing_content .css-section1 .css-section1_content1 .css-textarea .css-textarea_text span:nth-of-type(2) {
    margin-top: 0rem;
  }
  .landing_content .css-section1 .css-section1_content1 .css-textarea .css-textarea_text span:nth-of-type(3) {
    margin-top: 0rem;
  }
  .landing_content .css-section1 .css-section1_wrapper .css-link {
    display: none;
  }
  .landing_content .css-section1 .css-section1_wrapper .css-credit_link,
  .landing_content .css-section1 .css-section1_wrapper .css-hover_text {
    color: var(--color5);
  }
  .landing_content .css-section1 .css-section1_wrapper .css-credit {
    top: 30.8rem;
    left: -0.6rem;
  }
  .landing_content .css-section1 .css-section1_wrapper .css-image {
    position: relative;
    overflow: hidden;
    width: calc(100% * 639.6553 / 1400);
    max-width: 63.96553rem;
    aspect-ratio: 639.6553/856.8146;
    margin: 0 auto;
    margin-top: 5rem;
    left: calc(100% * 7 / 1400);
  }
  .landing_content .css-section1 .css-section1_content2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    height: 61.89773rem;
    margin-top: 5.8rem;
  }
  .landing_content .css-section1 .css-section1_content2 .css-credit_link,
  .landing_content .css-section1 .css-section1_content2 .css-hover_text {
    color: var(--color3);
  }
  .landing_content .css-section1 .css-section1_content2 .css-hover_text {
    top: 14rem;
    left: 0rem;
    text-align: center;
  }
  .landing_content .css-section1 .css-section1_content2 .css-credit_link {
    top: 16.2rem;
    left: 0rem;
  }
  .landing_content .css-section1 .css-section1_content2 .css-credit {
    top: 0rem;
    left: 0rem;
  }
  .landing_content .css-section1 .css-section1_content2 .css-image {
    position: relative;
    width: calc(100% * 519.9053 / 1400);
    max-width: 51.99053rem;
    aspect-ratio: 519.9053/446.5091;
    margin-top: 6.2rem;
    left: 0.8rem;
  }
  .landing_content .css-section1 .css-section1_content2 .css-image .js-hover {
    width: 101%;
  }
  .landing_content .css-section2 {
    position: relative;
    background-color: var(--color6);
    background-image: url(/Page/LP/2025/0109_heart/img/bg3.png);
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center;
    padding-top: 5rem;
    padding-bottom: 3rem;
  }
  .landing_content .css-section2 .css-section2_wrapper .css-credit_link,
  .landing_content .css-section2 .css-section2_wrapper .css-hover_text {
    color: var(--color7);
  }
  .landing_content .css-section2 .css-section2_wrapper .js-hover--active {
    background-color: var(--color6);
  }
  .landing_content .css-section2 .css-section2_content1 {
    width: 56rem;
    aspect-ratio: 560/790;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p1 {
    margin-top: 22.4rem;
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p2 {
    margin-top: 2.2rem;
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p3 {
    margin-top: 2.4rem;
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p4 {
    margin-top: 2.7rem;
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p5 {
    margin-top: 2.1rem;
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p6 {
    margin-top: 1.9rem;
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p7 {
    margin-top: 3.2rem;
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p8 {
    margin-top: 2.1rem;
  }
  .landing_content .css-section2 .css-section2_content2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 23.13066rem;
    aspect-ratio: 231.3066/268.06;
    margin: 0 auto;
    margin-top: 0rem;
  }
  .landing_content .css-section2 .css-section2_content2 .css-credit_link,
  .landing_content .css-section2 .css-section2_content2 .css-hover_text {
    white-space: nowrap;
  }
  .landing_content .css-section2 .css-section2_content2 .css-credit {
    top: 0rem;
    left: 0rem;
  }
  .landing_content .css-section2 .css-section2_content2 .css-credit .css-credit_link:nth-of-type(1) {
    margin-top: 12rem;
    left: -3rem;
  }
  .landing_content .css-section3 .css-section3_bg_un1,
  .landing_content .css-section3 .css-section3_bg_un2 {
    background-image: url(/Page/LP/2025/0109_heart/img/bg_un_l.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 6.3rem;
    background-color: var(--color2);
  }
  .landing_content .css-section3 .css-section3_wrapper {
    position: relative;
    width: calc(100% * 1400 / 1400);
    max-width: 140rem;
    margin: 0 auto;
  }
  .landing_content .css-section3 .css-section3_wrapper .css-section3_bg {
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(/Page/LP/2025/0109_heart/img/bg4_l.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
  }
  .landing_content .css-section3 .css-section3_wrapper .css-credit_link,
  .landing_content .css-section3 .css-section3_wrapper .css-hover_text {
    color: var(--color3);
  }
  .landing_content .css-section3 .css-section3_wrapper .css-hover_text {
    font-size: 1.6rem;
  }
  .landing_content .css-section3 .css-section3_wrapper .css-credit_link {
    font-size: 1.2rem;
    letter-spacing: 0.02em;
  }
  .landing_content .css-section3 .css-section3_wrapper .css-section3_content1 {
    width: 70rem;
    aspect-ratio: 700/993;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    overflow: hidden;
  }
  .landing_content .css-section3 .css-section3_wrapper .css-section3_content1 .css-hover-p1 {
    margin-top: 24.8rem;
  }
  .landing_content .css-section3 .css-section3_wrapper .css-section3_content1 .css-hover-p2 {
    margin-top: 2.2rem;
  }
  .landing_content .css-section3 .css-section3_wrapper .css-section3_content1 .css-hover-p3 {
    margin-top: 3.3rem;
  }
  .landing_content .css-section3 .css-section3_wrapper .css-section3_content1 .css-hover-p4 {
    margin-top: 2.7rem;
  }
  .landing_content .css-section3 .css-section3_wrapper .css-section3_content1 .css-hover-p5 {
    margin-top: 2.1rem;
  }
  .landing_content .css-section3 .css-section3_wrapper .css-check_all {
    width: 13.94391rem;
    aspect-ratio: 139.4391/35.5013;
    position: absolute;
    bottom: 4.6rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
  }
}
/* 画面幅1400px以上 */
@media screen and (min-width: 1400px) {
  .css-ribbon1 {
    width: 495px;
    /* max-width: 48.6rem; */
    /* aspect-ratio: 486 / 1760.15; */
    top: -743px;
    left: -136px;
  }
  .css-ribbon2 {
    position: absolute;
    width: 1100px;
    /* max-width: 110rem; */
    /* aspect-ratio: 1100 / 76.14; */
    top: 196px;
    left: -640px;
    z-index: 4;
  }
}
/* 画面幅1200px~1000px */
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .css-ribbon1 {
    width: 405px;
    /* max-width: 48.6rem; */
    /* aspect-ratio: 486 / 1760.15; */
    top: -678px;
    left: -116px;
  }
  .css-ribbon2 {
    position: absolute;
    width: 960px;
    /* max-width: 110rem; */
    /* aspect-ratio: 1100 / 76.14; */
    top: 95px;
    left: -560px;
    z-index: 4;
  }
}
/* 画面幅1000px~768px */
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .css-ribbon1 {
    width: 305px;
    /* max-width: 48.6rem; */
    /* aspect-ratio: 486 / 1760.15; */
    top: -513px;
    left: -66px;
  }
  .css-ribbon2 {
    position: absolute;
    width: 720px;
    /* max-width: 110rem; */
    /* aspect-ratio: 1100 / 76.14; */
    top: 70px;
    left: -410px;
    z-index: 4;
  }
}
@media screen and (max-width: 767px) {
  .main-area.lp {
    margin-bottom: 0;
  }
  .landing_content {
    overflow: visible;
    position: relative;
  }
  .landing_content .js-fade {
    opacity: 0;
    transform: scale(1.05);
    transition: ease-in, opacity 1500ms, transform 1500ms;
  }
  .landing_content .js-fade.delay1 {
    transition-delay: 0.5s;
  }
  .landing_content .js-fade--active {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1.001, 1.001, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
  }
  .landing_content .js-fadeBottomTop {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s;
    transition-delay: 0.3s;
  }
  .landing_content .js-fadeBottomTop--active {
    opacity: 1;
    transform: translateY(0);
  }
  .landing_content {
    /* 前へ次への矢印カスタマイズ */
    /* 前への矢印カスタマイズ */
    /* 次への矢印カスタマイズ */
  }
  .landing_content .swiper_item {
    position: relative;
  }
  .landing_content .swiper-slide {
    width: calc(135 * 100vw / 375);
    aspect-ratio: 135/211;
    position: relative;
  }
  .landing_content .swiper-slide .css-slide_image {
    width: calc(135 * 100vw / 375);
    aspect-ratio: 135/135;
  }
  .landing_content .swiper-slide .css-slide_text {
    position: relative;
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(13 * 100vw / 375);
    letter-spacing: 0.05em;
    line-height: calc(19.5 * 100vw / 375);
    color: var(--color3);
    text-align: center;
    margin-top: calc(10 * 100vw / 375);
    left: 0;
  }
  .landing_content .swiper-slide .css-slide_price {
    font-family: "yu-gothic-pr6n", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(13 * 100vw / 375);
    letter-spacing: 0.05em;
    line-height: calc(24 * 100vw / 375);
    color: var(--color3);
    text-align: center;
    margin-top: calc(6 * 100vw / 375);
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--color4);
  }
  .landing_content .swiper-button-prev {
    left: calc(-30 * 100vw / 375);
    top: calc(154 * 100vw / 375);
  }
  .landing_content .swiper-button-next {
    right: calc(-30 * 100vw / 375);
    top: calc(154 * 100vw / 375);
  }
  .landing_content .swiper-button-prev,
  .landing_content .swiper-button-next {
    width: calc(40 * 100vw / 375);
    height: calc(40 * 100vw / 375);
  }
  .landing_content .swiper-button-prev::after,
  .landing_content .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    content: "";
    margin: auto;
    width: calc(40 * 100vw / 375);
    height: calc(40 * 100vw / 375);
  }
  .landing_content .swiper-button-prev::after {
    background-image: url(/Page/LP/2025/0109_heart/img/arrow_prev.png);
  }
  .landing_content .swiper-button-next::after {
    background-image: url(/Page/LP/2025/0109_heart/img/arrow_next.png);
  }
  .landing_content {
    overflow: hidden;
    position: relative;
  }
  .landing_content .landing_content_wrapper {
    overflow-x: hidden;
  }
  .landing_content .flex_background_wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url(/Page/LP/2025/0109_heart/img/background_s.jpg);
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: center;
  }
  .landing_content p,
  .landing_content span {
    color: var(--color3);
  }
  .landing_content .l-view {
    display: none;
  }
  .landing_content img {
    width: 100%;
    height: auto;
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
  .landing_content .css-mainvisual .css-mainvisual_bg_un1,
  .landing_content .css-mainvisual .css-mainvisual_bg_un2 {
    background-image: url(/Page/LP/2025/0109_heart/img/bg_un_s.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: calc(62 * 100vw / 375);
    background-color: var(--color2);
  }
  .landing_content .css-mainvisual .css-mainvisual_wrapper {
    position: relative;
    margin: 0 auto;
  }
  .landing_content .css-mainvisual .css-mainvisual_wrapper .css-mainvisual_bg {
    display: none;
  }
  .landing_content .css-mainvisual .css-mainvisual_wrapper .css-mainvisual_image_area {
    overflow-y: hidden;
    position: relative;
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/614;
    margin: 0 auto;
  }
  .landing_content .css-mainvisual .css-mainvisual_wrapper .css-mainvisual_image_area .css-mainvisual_image_text {
    top: calc(30 * 100vw / 375);
    left: calc(15 * 100vw / 375);
    position: absolute;
    background-image: url(/Page/LP/2025/0109_heart/img/mainvisual_text_s.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: calc(348.0039 * 100vw / 375);
    aspect-ratio: 348.0039/562.165;
    z-index: 2;
  }
  .landing_content .css-mainvisual .css-mainvisual_wrapper .css-mainvisual_image_area .css-mainvisual_image {
    overflow: hidden;
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/614;
    margin: 0 auto;
    z-index: 1;
  }
  .landing_content .css-hover {
    display: block;
    position: relative;
    cursor: pointer;
  }
  .landing_content .css-credit_all {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
  }
  .landing_content .js-hover {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transition: ease-in, background-color 0.5s, opacity 0.5s;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
  .landing_content .js-hover--active {
    background-color: var(--color4);
    opacity: 0.85;
  }
  .landing_content .js-hover .css-hover_text {
    z-index: 2;
    display: inline-block;
    position: relative;
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(11 * 100vw / 375);
    line-height: calc(21 * 100vw / 375);
    letter-spacing: 0.08em;
    font-feature-settings: "palt";
    text-align: center;
  }
  .landing_content .js-hover .css-bk_credit,
  .landing_content .js-hover .css-credit {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    z-index: 2;
  }
  .landing_content .js-hover .css-bk_credit .css-hover_icon1,
  .landing_content .js-hover .css-bk_credit .css-hover_icon2,
  .landing_content .js-hover .css-credit .css-hover_icon1,
  .landing_content .js-hover .css-credit .css-hover_icon2 {
    width: calc(15 * 100vw / 375);
    aspect-ratio: 20/20;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .landing_content .js-hover .css-bk_credit .css-hover_icon1,
  .landing_content .js-hover .css-credit .css-hover_icon1 {
    background-image: url(/Page/LP/2025/0109_heart/img/text_star1.svg);
  }
  .landing_content .js-hover .css-bk_credit .css-hover_icon2,
  .landing_content .js-hover .css-credit .css-hover_icon2 {
    background-image: url(/Page/LP/2025/0109_heart/img/text_star2.svg);
  }
  .landing_content .js-hover .css-bk_credit .css-credit_link,
  .landing_content .js-hover .css-credit .css-credit_link {
    position: relative;
    z-index: 2;
    display: inline-block;
    font-family: "yu-gothic-pr6n", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-weight: bold;
    font-size: calc(10 * 100vw / 375);
    font-feature-settings: "palt";
    line-height: calc(30 * 100vw / 375);
    letter-spacing: 0.02em;
    text-align: center;
  }
  .landing_content .css-section1 {
    position: relative;
    margin-top: calc(0 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_content1 {
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/461.6253;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    background-image: url(/Page/LP/2025/0109_heart/img/bg2_s.png);
    background-repeat: no-repeat;
    background-size: calc(384.7654 * 100vw / 375) auto;
    background-position: calc(-7 * 100vw / 375) calc(27 * 100vw / 375);
    background-color: var(--color4);
  }
  .landing_content .css-section1 .css-section1_content1 .css-image_icon {
    width: calc(65.9254 * 100vw / 375);
    aspect-ratio: 65.9254/80.9449;
    margin: 0 auto;
    margin-top: calc(55 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_content1 .css-text1 {
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(18 * 100vw / 375);
    letter-spacing: 0.08em;
    line-height: calc(25 * 100vw / 375);
    font-feature-settings: "palt";
    color: var(--color3);
    text-align: center;
    margin-top: calc(20 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_content1 .css-text2 {
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(11 * 100vw / 375);
    letter-spacing: 0.08em;
    line-height: calc(21 * 100vw / 375);
    font-feature-settings: "palt";
    color: var(--color3);
    text-align: center;
    margin-top: calc(15 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_content1 .css-textarea {
    position: relative;
    margin-top: calc(28 * 100vw / 375);
    border-radius: calc(2 * 100vw / 375);
    width: calc(216.639 * 100vw / 375);
    aspect-ratio: 216.639/68.0574;
    border: solid 1px var(--color3);
    background-color: var(--color4);
  }
  .landing_content .css-section1 .css-section1_content1 .css-textarea .css-textarea_text {
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(11 * 100vw / 375);
    letter-spacing: 0.08em;
    line-height: calc(21 * 100vw / 375);
    font-feature-settings: "palt";
    color: var(--color3);
    text-align: center;
    margin-top: calc(3 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_content1 .css-textarea .css-textarea_text span {
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(11 * 100vw / 375);
    letter-spacing: 0.08em;
    font-feature-settings: "palt";
    position: relative;
    display: inline-block;
  }
  .landing_content .css-section1 .css-section1_content1 .css-textarea .css-textarea_text span:nth-of-type(1) {
    margin-top: calc(0 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_content1 .css-textarea .css-textarea_text span:nth-of-type(2) {
    margin-top: calc(0 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_content1 .css-textarea .css-textarea_text span:nth-of-type(3) {
    margin-top: calc(-5 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_wrapper .css-credit_link,
  .landing_content .css-section1 .css-section1_wrapper .css-hover_text {
    color: var(--color5);
  }
  .landing_content .css-section1 .css-section1_wrapper .js-hover {
    display: none;
  }
  .landing_content .css-section1 .css-section1_wrapper .css-bk_credit {
    position: relative;
    margin-top: calc(20 * 100vw / 375);
    left: calc(-2 * 100vw / 375);
    text-align: center;
  }
  .landing_content .css-section1 .css-section1_wrapper .css-bk_credit .css-credit_link {
    position: relative;
    display: inline-block;
  }
  .landing_content .css-section1 .css-section1_wrapper .css-bk_credit .css-credit_link:nth-of-type(1) {
    margin-top: calc(0 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_wrapper .css-bk_credit .css-credit_link:nth-of-type(2) {
    margin-top: calc(7 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_wrapper .css-bk_credit .css-credit_link:nth-of-type(3) {
    margin-top: calc(7 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_wrapper .css-bk_credit .css-credit_link:nth-of-type(4) {
    margin-top: calc(7 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_wrapper .css-image {
    position: relative;
    overflow: hidden;
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/555.7223;
    margin: 0 auto;
    margin-top: calc(-2 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_content2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/439.4418;
    background-image: url(/Page/LP/2025/0109_heart/img/bg2_s.png);
    background-repeat: no-repeat;
    background-size: calc(388.0187 * 100vw / 375) auto;
    background-position: calc(-7 * 100vw / 375) calc(0 * 100vw / 375);
    background-color: var(--color4);
    margin-top: calc(20 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_content2 .css-credit_link,
  .landing_content .css-section1 .css-section1_content2 .css-hover_text {
    color: var(--color3);
  }
  .landing_content .css-section1 .css-section1_content2 .css-hover_text {
    top: calc(70 * 100vw / 375);
    left: calc(0 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_content2 .css-credit_link {
    top: calc(75 * 100vw / 375);
    left: calc(0 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_content2 .css-credit {
    top: calc(0 * 100vw / 375);
    left: calc(0 * 100vw / 375);
  }
  .landing_content .css-section1 .css-section1_content2 .css-image {
    position: relative;
    width: calc(295.4392 * 100vw / 375);
    aspect-ratio: 295.4392/253.7314;
    margin-top: calc(85 * 100vw / 375);
    left: calc(0 * 100vw / 375);
  }
  .landing_content .css-section2 {
    position: relative;
    background-color: var(--color6);
    background-image: url(/Page/LP/2025/0109_heart/img/bg3.png);
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center;
    padding-top: calc(0 * 100vw / 375);
    padding-bottom: calc(0 * 100vw / 375);
  }
  .landing_content .css-section2 .css-section2_wrapper .css-credit_link,
  .landing_content .css-section2 .css-section2_wrapper .css-hover_text {
    color: var(--color7);
  }
  .landing_content .css-section2 .css-section2_wrapper .js-hover--active {
    background-color: var(--color6);
  }
  .landing_content .css-section2 .css-section2_content1 {
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/506;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p1 {
    margin-top: calc(78 * 100vw / 375);
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p2 {
    margin-top: calc(4 * 100vw / 375);
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p3 {
    margin-top: calc(18 * 100vw / 375);
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p4 {
    margin-top: calc(22 * 100vw / 375);
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p5 {
    margin-top: calc(5 * 100vw / 375);
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p6 {
    margin-top: calc(18 * 100vw / 375);
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p7 {
    margin-top: calc(22 * 100vw / 375);
  }
  .landing_content .css-section2 .css-section2_content1 .css-hover-p8 {
    margin-top: calc(5 * 100vw / 375);
  }
  .landing_content .css-section2 .css-section2_content2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/256.7698;
    margin: 0 auto;
    margin-top: calc(12 * 100vw / 375);
  }
  .landing_content .css-section2 .css-section2_content2 .css-image {
    width: calc(192.2054 * 100vw / 375);
    aspect-ratio: 192.2054/222.7458;
    margin: 0 auto;
    margin-top: calc(8 * 100vw / 375);
  }
  .landing_content .css-section2 .css-section2_content2 .css-credit_link,
  .landing_content .css-section2 .css-section2_content2 .css-hover_text {
    white-space: nowrap;
  }
  .landing_content .css-section2 .css-section2_content2 .css-credit {
    top: calc(0 * 100vw / 375);
    left: calc(0 * 100vw / 375);
  }
  .landing_content .css-section2 .css-section2_content2 .css-credit .css-credit_link:nth-of-type(1) {
    margin-top: calc(93 * 100vw / 375);
    left: calc(-26 * 100vw / 375);
  }
  .landing_content .css-section3 .css-section3_bg_un1,
  .landing_content .css-section3 .css-section3_bg_un2 {
    background-image: url(/Page/LP/2025/0109_heart/img/bg_un_l.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: calc(60 * 100vw / 375);
    background-color: var(--color2);
  }
  .landing_content .css-section3 .css-section3_wrapper {
    position: relative;
    margin: 0 auto;
  }
  .landing_content .css-section3 .css-section3_wrapper .css-credit_link,
  .landing_content .css-section3 .css-section3_wrapper .css-hover_text {
    color: var(--color3);
  }
  .landing_content .css-section3 .css-section3_wrapper .css-hover_text {
    font-size: calc(11 * 100vw / 375);
  }
  .landing_content .css-section3 .css-section3_wrapper .css-credit_link {
    font-size: calc(10 * 100vw / 375);
    letter-spacing: 0.02em;
  }
  .landing_content .css-section3 .css-section3_wrapper .css-section3_content1 {
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/671.4933;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    overflow: hidden;
  }
  .landing_content .css-section3 .css-section3_wrapper .css-section3_content1 .css-hover-p1 {
    margin-top: calc(165 * 100vw / 375);
  }
  .landing_content .css-section3 .css-section3_wrapper .css-section3_content1 .css-hover-p2 {
    margin-top: calc(5 * 100vw / 375);
  }
  .landing_content .css-section3 .css-section3_wrapper .css-section3_content1 .css-hover-p3 {
    margin-top: calc(18 * 100vw / 375);
  }
  .landing_content .css-section3 .css-section3_wrapper .css-section3_content1 .css-hover-p4 {
    margin-top: calc(22 * 100vw / 375);
  }
  .landing_content .css-section3 .css-section3_wrapper .css-section3_content1 .css-hover-p5 {
    margin-top: calc(5 * 100vw / 375);
  }
  .landing_content .css-section3 .css-section3_wrapper .css-check_all {
    width: calc(108.645 * 100vw / 375);
    aspect-ratio: 108.645/27.6611;
    position: absolute;
    bottom: calc(34 * 100vw / 375);
    left: calc(-6 * 100vw / 375);
    right: 0;
    margin: auto;
    z-index: 2;
  }
}