.landing_content {
  overflow: visible;
  width: 100%;
  --color1: #000;
  --color2: #fff;
  --color3: #834C35;
}

#Wrap,
#Contents {
  width: 100%;
}

.css-hidden {
  display: none;
}

.c-breadcrumb {
  display: none;
}

@media screen and (min-width: 767px) {
  .landing_content .js-fadeIn {
    opacity: 0;
    transition: opacity 0.5s ease-in;
  }
  .landing_content .js-fadeIn--active {
    opacity: 1;
  }
  .landing_content .js-fadeInBottom {
    transition: ease-in, opacity 1000ms, transform 500ms, -webkit-transform 500ms;
    transform: translate3d(0, 10rem, 0);
    opacity: 0;
  }
  .landing_content .js-fadeInBottom.js-delay {
    transition-delay: 0.3s;
  }
  .landing_content .js-fadeInBottom--active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .landing_content.loading {
    padding-top: 128px;
  }
  .landing_content .s-view {
    display: none !important;
    pointer-events: none;
  }
  .landing_content img:not(.landing_content .css-section10 img) {
    width: 100%;
    height: auto;
    backface-visibility: unset;
    vertical-align: bottom;
  }
  .landing_content p,
  .landing_content span,
  .landing_content a {
    font-family: var(--font-notosans), sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .landing_content .css-black_area {
    padding-top: 10.4rem;
    padding-bottom: 20.8rem;
    background-color: var(--color1);
  }
  .landing_content .css-black_area .css-logo_headline {
    font-family: "Sofia Sans Extra Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 6rem;
    font-weight: bold;
    color: var(--color2);
    text-align: center;
  }
  .landing_content .css-black_area .css-section1 {
    width: calc(100% * 1600 / 1600);
    margin: 0 auto;
    margin-top: 10.6rem;
    position: relative;
    aspect-ratio: 1600/390;
    max-height: 39rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .landing_content .css-black_area .css-section1 .css-image1,
  .landing_content .css-black_area .css-section1 .css-image2 {
    position: absolute;
    width: calc(100% * 630 / 1600);
    height: 100%;
    max-width: 63rem;
    aspect-ratio: 630/390;
    z-index: 2;
    top: 0;
    transition: opacity 0.5s ease-in, transform 3s ease-in;
  }
  .landing_content .css-black_area .css-section1 .css-image1 img,
  .landing_content .css-black_area .css-section1 .css-image2 img {
    width: auto;
    height: 100%;
  }
  .landing_content .css-black_area .css-section1 .js-move_left {
    transform: translateX(calc(100% * -800 / 1600));
  }
  .landing_content .css-black_area .css-section1 .js-move_left--active {
    transform: translateX(calc(100% * -1812 / 1600));
  }
  .landing_content .css-black_area .css-section1 .js-move_right {
    transform: translateX(calc(100% * 800 / 1600));
  }
  .landing_content .css-black_area .css-section1 .js-move_right--active {
    transform: translateX(calc(100% * 1812 / 1600));
  }
  .landing_content .css-black_area .css-section1 .css-text_area {
    width: calc(100% * 600 / 1600);
    margin: 0 auto;
    font-family: var(--font-notosans), sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    text-align: center;
    color: var(--color2);
    line-height: 3.2rem;
    letter-spacing: 0.05em;
  }
  .landing_content .css-black_area .css-section2 {
    position: relative;
    margin-top: 13rem;
  }
  .landing_content .css-black_area .css-section2 .css-text_area {
    position: absolute;
    top: 23.6rem;
    left: 0;
    right: 0;
    margin: auto;
    font-family: "Sofia Sans Extra Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 5.4rem;
    font-weight: bold;
    line-height: 6.48rem;
    color: var(--color2);
    z-index: 2;
  }
  .landing_content .css-black_area .css-section2 .css-text_area.js-text_animation {
    scale: 1;
    transition: scale 1s;
    transform-origin: 50% 50%;
  }
  .landing_content .css-black_area .css-section2 .css-section_wrapper {
    position: relative;
    width: calc(100% * 990 / 1600);
    max-width: 99rem;
    aspect-ratio: 990/612;
    margin: 0 auto;
    z-index: 1;
  }
  .landing_content .css-black_area .css-section2 .css-section_wrapper .css-image1 {
    position: absolute;
    width: calc(100% * 490 / 990);
    max-width: 49rem;
    aspect-ratio: 490/332;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.3;
  }
  .landing_content .css-black_area .css-section2 .css-section_wrapper .css-image2 {
    position: absolute;
    width: calc(100% * 340 / 990);
    max-width: 34rem;
    aspect-ratio: 340/230;
    left: calc(100% * -16 / 990);
    bottom: 0;
    opacity: 0.3;
  }
  .landing_content .css-black_area .css-section2 .css-section_wrapper .css-image3 {
    position: absolute;
    width: calc(100% * 340 / 990);
    max-width: 34rem;
    aspect-ratio: 340/230;
    right: calc(100% * 15 / 990);
    bottom: 3rem;
    opacity: 0.3;
  }
  .landing_content .css-black_area .css-section3 {
    width: calc(100% * 1600 / 1600);
    margin: 0 auto;
    margin-top: 20.9rem;
    position: relative;
    aspect-ratio: 1600/390;
    max-height: 39rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .landing_content .css-black_area .css-section3 .css-image1,
  .landing_content .css-black_area .css-section3 .css-image2 {
    position: absolute;
    width: calc(100% * 630 / 1600);
    height: 100%;
    max-width: 63rem;
    aspect-ratio: 630/390;
    z-index: 2;
    top: 0;
  }
  .landing_content .css-black_area .css-section3 .css-image1 img,
  .landing_content .css-black_area .css-section3 .css-image2 img {
    width: auto;
    height: 100%;
  }
  .landing_content .css-black_area .css-section3 .js-move_left_scroll {
    transform: translateX(calc(100% * -800 / 1600));
  }
  .landing_content .css-black_area .css-section3 .js-move_right_scroll {
    transform: translateX(calc(100% * 800 / 1600));
  }
  .landing_content .css-black_area .css-section3 .css-text_area {
    width: calc(100% * 660 / 1600);
    margin: 0 auto;
    font-family: var(--font-notosans), sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    text-align: center;
    color: var(--color2);
    line-height: 3.2rem;
    letter-spacing: 0.05em;
  }
  .landing_content .css-section4 {
    position: relative;
  }
  .landing_content .css-section4 .css-text_area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Sofia Sans Extra Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 5.8rem;
    font-weight: bold;
    line-height: 6.96rem;
    color: var(--color2);
    z-index: 2;
  }
  .landing_content .css-section4 .css-movie_bg {
    overflow: hidden;
    width: auto;
    height: 100%;
    aspect-ratio: 1600/900;
  }
  .landing_content .css-section4 .css-movie_bg video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
  }
  .landing_content .css-section5 {
    position: relative;
    margin: 0 auto;
    margin-top: 19.6rem;
    margin-bottom: 19.6rem;
  }
  .landing_content .css-section5 .css-text_area {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-notosans), sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 1.6rem;
    line-height: 3.2rem;
    letter-spacing: 0.05em;
    color: var(--color1);
  }
  .landing_content .css-section6 {
    position: relative;
  }
  .landing_content .css-section6 .css-movie_bg {
    overflow: hidden;
    width: auto;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1600/900;
  }
  .landing_content .css-section6 video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
  }
  .landing_content .css-section7 {
    overflow: hidden;
    margin-top: 20rem;
  }
  .landing_content .css-section7 .css-wrapper_flex {
    position: relative;
    width: 136rem;
    column-gap: 10rem;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .landing_content .css-section7 .css-wrapper_flex .js-move_text_image {
    position: absolute;
    width: calc(100% * 184 / 1360);
    aspect-ratio: 184/88.93;
    top: 37.7rem;
    right: calc(100% * -490 / 1360);
  }
  .landing_content .css-section7 .css-wrapper_flex .css-image {
    width: calc(100% * 500 / 1360);
    aspect-ratio: 500/640;
    max-width: 50rem;
  }
  .landing_content .css-section7 .css-wrapper_flex .css-text_area {
    width: calc(100% * 635 / 1360);
    position: relative;
    top: 0.2rem;
    margin-left: 0rem;
  }
  .landing_content .css-section7 .css-wrapper_flex .css-text_area .css-text_area_long {
    font-family: "Sofia Sans Extra Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    font-size: 5.4rem;
    line-height: 6.48rem;
    letter-spacing: 0em;
    color: var(--color1);
    white-space: nowrap;
  }
  .landing_content .css-section7 .css-wrapper_flex .css-text_area .css-text_area_short {
    display: inline-block;
    position: relative;
    font-family: var(--font-futura-pt), sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-top: 5.1rem;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.92rem;
    letter-spacing: 0.03em;
    color: var(--color3);
  }
  .landing_content .css-section7 .css-wrapper_flex .css-text_area .css-text_area_short:hover::after {
    opacity: 1;
  }
  .landing_content .css-section7 .css-wrapper_flex .css-text_area .css-text_area_short::after {
    color: var(--color3);
    content: "";
    position: absolute;
    width: 100%;
    height: 0.5px;
    bottom: -1px;
    left: 0;
    background-color: var(--color3);
    transition: all 0.7s ease;
    opacity: 0;
  }
  .landing_content .css-section8 {
    position: relative;
    margin: 0 auto;
    margin-top: 19.6rem;
    margin-bottom: 19.6rem;
  }
  .landing_content .css-section8 .css-text_area {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-notosans), sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 1.6rem;
    line-height: 3.2rem;
    letter-spacing: 0.05em;
    color: var(--color1);
  }
  .landing_content .css-section9 {
    overflow: hidden;
  }
  .landing_content .css-section9 .css-wrapper_flex {
    position: relative;
    width: calc(100% * 1100 / 1600);
    max-width: 110rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    left: calc(100% * 30 / 1100);
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_left {
    width: calc(100% * 400 / 1100);
    text-align: center;
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_left .css-image {
    width: 100%;
    aspect-ratio: 400/416;
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_left .css-text_area_long {
    margin-top: 2.6rem;
    font-family: var(--font-notosans), sans-serif;
    font-weight: 400;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: 1.6rem;
    line-height: 3.2rem;
    letter-spacing: 0.05em;
    color: var(--color1);
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_left .css-text_area_short {
    display: inline-block;
    position: relative;
    font-family: var(--font-futura-pt), sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-top: 4.7rem;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.92rem;
    letter-spacing: 0.03em;
    color: var(--color3);
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_left .css-text_area_short:hover::after {
    opacity: 1;
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_left .css-text_area_short::after {
    color: var(--color3);
    content: "";
    position: absolute;
    width: 100%;
    height: 0.5px;
    bottom: -1px;
    left: 0;
    background-color: var(--color3);
    transition: all 0.7s ease;
    opacity: 0;
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_right {
    width: calc(100% * 550 / 1100);
    aspect-ratio: 500/640;
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_right .css-image {
    width: 100%;
  }
  .landing_content .css-section10 {
    position: relative;
    margin-top: 18.2rem;
    margin-bottom: 6rem;
  }
  .landing_content .css-section10 .css-headline {
    font-family: "Sofia Sans Extra Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    line-height: 3.2rem;
    color: var(--color3);
  }
  .landing_content .css-section10 .photo_swiper_control {
    position: absolute;
    right: 0;
    top: 0rem;
    width: calc(100% * 60 / 1600);
    max-width: 6rem;
    margin-right: calc(100% * 160 / 1600);
  }
  .landing_content .css-section10 .photo_swiper_control .photo_swiper-button-prev,
  .landing_content .css-section10 .photo_swiper_control .photo_swiper-button-next {
    position: absolute;
    width: calc(100% * 10 / 60);
    aspect-ratio: 10/20;
    cursor: pointer;
  }
  .landing_content .css-section10 .photo_swiper_control .photo_swiper-button-prev {
    top: 0;
    left: 0;
  }
  .landing_content .css-section10 .photo_swiper_control .photo_swiper-button-next {
    top: 0;
    right: 0;
  }
  .landing_content .css-section10 .photo_swiper {
    margin-top: 0.6rem;
  }
  .landing_content .css-section10 .photo_swiper .swiper-slide {
    width: calc(100% * 263 / 1600);
    max-width: 26.3rem;
    aspect-ratio: 263/263;
  }
}
@media screen and (max-width: 768px) {
  .landing_content .js-fadeIn {
    opacity: 0;
    transition: opacity 0.5s ease-in;
  }
  .landing_content .js-fadeIn--active {
    opacity: 1;
  }
  .landing_content .js-fadeInBottom {
    transition: ease-in, opacity 1000ms, transform 500ms, -webkit-transform 500ms;
    transform: translate3d(0, calc(100 * 100vw / 750), 0);
    opacity: 0;
  }
  .landing_content .js-fadeInBottom.js-delay {
    transition-delay: 0.3s;
  }
  .landing_content .js-fadeInBottom--active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  #Contents {
    overflow: visible;
  }
  .page-share-btn .share-txt {
    background: #fff5ed;
  }
  .landing_content {
    position: relative;
    margin-top: calc(0 * 100vw / 375);
    overflow: visible;
    contain: paint;
  }
  .landing_content.loading {
    padding-top: 104px;
  }
  .landing_content .l-view {
    display: none !important;
    pointer-events: none;
  }
  .landing_content img {
    width: 100%;
    height: auto;
    backface-visibility: unset;
    vertical-align: bottom;
  }
  .landing_content p,
  .landing_content span,
  .landing_content a {
    font-family: var(--font-notosans), sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .landing_content .css-black_area {
    padding-top: calc(55 * 100vw / 375);
    background-color: var(--color1);
  }
  .landing_content .css-black_area .css-logo_headline {
    font-family: "Sofia Sans Extra Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: calc(50 * 100vw / 375);
    letter-spacing: 0em;
    font-weight: bold;
    color: var(--color2);
    text-align: center;
  }
  .landing_content .css-black_area .css-section1 {
    width: calc(375 * 100vw / 375);
    margin: 0 auto;
    margin-top: calc(55 * 100vw / 375);
    position: relative;
  }
  .landing_content .css-black_area .css-section1 .css-image1,
  .landing_content .css-black_area .css-section1 .css-image2 {
    position: relative;
    width: calc(375 * 100vw / 375);
    height: 100%;
    aspect-ratio: 375/232;
    z-index: 2;
    top: 0;
    transition: opacity 0.5s ease-in, left 3s ease-in, right 3s ease-in;
  }
  .landing_content .css-black_area .css-section1 .js-move_left {
    left: calc(375 * 100vw / 375);
  }
  .landing_content .css-black_area .css-section1 .js-move_left--active {
    left: calc(0 * 100vw / 375);
  }
  .landing_content .css-black_area .css-section1 .js-move_right {
    right: calc(375 * 100vw / 375);
  }
  .landing_content .css-black_area .css-section1 .js-move_right--active {
    right: calc(0 * 100vw / 375);
  }
  .landing_content .css-black_area .css-section1 .css-text_area {
    width: calc(325 * 100vw / 375);
    margin: 0 auto;
    font-family: var(--font-notosans), sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(13 * 100vw / 375);
    text-align: left;
    color: var(--color2);
    line-height: calc(26 * 100vw / 375);
    margin-top: calc(47 * 100vw / 375);
    margin-bottom: calc(46 * 100vw / 375);
    letter-spacing: 0.05em;
  }
  .landing_content .css-black_area .css-section2 {
    position: relative;
    margin-top: calc(80 * 100vw / 375);
  }
  .landing_content .css-black_area .css-section2 .css-text_area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    font-family: "Sofia Sans Extra Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: calc(30 * 100vw / 375);
    font-weight: bold;
    line-height: calc(36 * 100vw / 375);
    letter-spacing: 0em;
    color: var(--color2);
    z-index: 2;
    white-space: nowrap;
  }
  .landing_content .css-black_area .css-section2 .css-text_area.js-text_animation {
    scale: 1;
    transition: scale 1s;
    transform-origin: 50% 50%;
  }
  .landing_content .css-black_area .css-section2 .css-section_wrapper {
    position: relative;
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/264;
    margin: 0 auto;
    z-index: 1;
  }
  .landing_content .css-black_area .css-section2 .css-section_wrapper .css-image1 {
    position: absolute;
    width: calc(210 * 100vw / 375);
    aspect-ratio: 210/142;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.3;
  }
  .landing_content .css-black_area .css-section2 .css-section_wrapper .css-image2 {
    position: absolute;
    width: calc(150 * 100vw / 375);
    aspect-ratio: 150/102;
    left: 0;
    bottom: 0;
    opacity: 0.3;
  }
  .landing_content .css-black_area .css-section2 .css-section_wrapper .css-image3 {
    position: absolute;
    width: calc(140 * 100vw / 375);
    aspect-ratio: 140/95;
    right: 0;
    bottom: calc(17 * 100vw / 375);
    opacity: 0.3;
  }
  .landing_content .css-black_area .css-section3 {
    width: calc(375 * 100vw / 375);
    margin: 0 auto;
    margin-top: calc(80 * 100vw / 375);
    position: relative;
  }
  .landing_content .css-black_area .css-section3 .css-image1,
  .landing_content .css-black_area .css-section3 .css-image2 {
    position: relative;
    width: calc(375 * 100vw / 375);
    height: 100%;
    aspect-ratio: 375/232;
    z-index: 2;
    top: 0;
    transition: opacity 0.5s ease-in, transform 2s;
  }
  .landing_content .css-black_area .css-section3 .js-move_left_scroll {
    transform: translate(100px) scale(1);
  }
  .landing_content .css-black_area .css-section3 .js-move_left_scroll--active {
    transform: translate(0) scale(1);
  }
  .landing_content .css-black_area .css-section3 .js-move_right_scroll {
    transform: translate(100px) scale(1);
  }
  .landing_content .css-black_area .css-section3 .js-move_right_scroll--active {
    transform: translate(0) scale(1);
  }
  .landing_content .css-black_area .css-section3 .css-text_area {
    width: calc(325 * 100vw / 375);
    margin: 0 auto;
    font-family: var(--font-notosans), sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(13 * 100vw / 375);
    text-align: left;
    color: var(--color2);
    line-height: calc(26 * 100vw / 375);
    margin-top: calc(48 * 100vw / 375);
    margin-bottom: calc(44 * 100vw / 375);
    letter-spacing: 0.05em;
  }
  .landing_content .css-section4 {
    position: relative;
  }
  .landing_content .css-section4 .css-text_area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Sofia Sans Extra Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: calc(30 * 100vw / 375);
    font-weight: bold;
    line-height: calc(36 * 100vw / 375);
    letter-spacing: 0em;
    color: var(--color2);
    z-index: 2;
    white-space: nowrap;
  }
  .landing_content .css-section4 .css-movie_bg {
    overflow: hidden;
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/500;
  }
  .landing_content .css-section4 .css-movie_bg video {
    width: auto;
    height: 100%;
    aspect-ratio: 375/500;
    object-fit: cover;
    object-position: 50%;
  }
  .landing_content .css-section5 {
    position: relative;
    margin-top: calc(48 * 100vw / 375);
  }
  .landing_content .css-section5 .css-text_area {
    width: calc(325 * 100vw / 375);
    margin: 0 auto;
    font-family: var(--font-notosans), sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(13 * 100vw / 375);
    text-align: left;
    color: var(--color1);
    line-height: calc(26 * 100vw / 375);
    letter-spacing: 0.05em;
  }
  .landing_content .css-section6 {
    position: relative;
    margin-top: calc(46 * 100vw / 375);
  }
  .landing_content .css-section6 .css-movie_bg {
    overflow: hidden;
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/500;
  }
  .landing_content .css-section6 .css-movie_bg video {
    width: auto;
    height: 100%;
    aspect-ratio: 375/500;
    object-fit: cover;
    object-position: 50%;
  }
  .landing_content .css-section7 {
    overflow: hidden;
    margin-top: calc(80 * 100vw / 375);
  }
  .landing_content .css-section7 .css-wrapper_flex {
    position: relative;
    margin: 0 auto;
  }
  .landing_content .css-section7 .css-wrapper_flex .js-move_text_image {
    position: absolute;
    width: calc(118.75 * 100vw / 375);
    aspect-ratio: 118.75/58.75;
    top: calc(720 * 100vw / 375);
    right: calc(60 * 100vw / 375);
    transform: translateX(0px) scale(1);
    transform-origin: 50% 50%;
  }
  .landing_content .css-section7 .css-wrapper_flex .css-image {
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/480;
  }
  .landing_content .css-section7 .css-wrapper_flex .css-text_area {
    margin-top: calc(50 * 100vw / 375);
    position: relative;
    text-align: center;
  }
  .landing_content .css-section7 .css-wrapper_flex .css-text_area .css-text_area_long {
    position: relative;
    width: calc(590 * 100vw / 375);
    left: 50%;
    transform: translateX(-50%);
    font-family: "Sofia Sans Extra Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    font-size: calc(36 * 100vw / 375);
    line-height: calc(43.2 * 100vw / 375);
    letter-spacing: 0em;
    color: var(--color1);
    white-space: nowrap;
  }
  .landing_content .css-section7 .css-wrapper_flex .css-text_area .css-text_area_short {
    position: relative;
    display: inline-block;
    margin-top: calc(51 * 100vw / 375);
    font-family: var(--font-futura-pt), sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    font-size: calc(16 * 100vw / 375);
    line-height: calc(19.2 * 100vw / 375);
    letter-spacing: 0.03em;
    color: var(--color3);
    left: calc(0 * 100vw / 375);
  }
  .landing_content .css-section8 {
    position: relative;
    margin: 0 auto;
    margin-top: calc(78 * 100vw / 375);
    margin-bottom: calc(76 * 100vw / 375);
  }
  .landing_content .css-section8 .css-text_area {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-notosans), sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: calc(13 * 100vw / 375);
    line-height: calc(26 * 100vw / 375);
    letter-spacing: 0.05em;
    color: var(--color1);
  }
  .landing_content .css-section9 {
    overflow: hidden;
  }
  .landing_content .css-section9 .css-wrapper_flex {
    position: relative;
    margin: 0 auto;
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_left {
    text-align: center;
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_left .css-image {
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/390;
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_left .css-text_area_long {
    position: relative;
    margin-top: calc(27 * 100vw / 375);
    font-family: var(--font-notosans), sans-serif;
    font-weight: 400;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: calc(13 * 100vw / 375);
    line-height: calc(26 * 100vw / 375);
    letter-spacing: 0.05em;
    color: var(--color1);
    left: calc(0 * 100vw / 375);
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_left .css-text_area_short {
    position: relative;
    display: inline-block;
    font-family: var(--font-futura-pt), sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-top: calc(47 * 100vw / 375);
    text-align: center;
    font-size: calc(16 * 100vw / 375);
    line-height: calc(19.2 * 100vw / 375);
    letter-spacing: 0.03em;
    color: var(--color3);
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_right {
    margin-top: calc(61 * 100vw / 375);
    width: calc(375 * 100vw / 375);
    aspect-ratio: 375/480;
  }
  .landing_content .css-section9 .css-wrapper_flex .css-flex_right .css-image {
    width: 100%;
  }
  .landing_content .css-section10 {
    position: relative;
    margin-top: calc(79 * 100vw / 375);
    margin-bottom: calc(10 * 100vw / 375);
  }
  .landing_content .css-section10 .css-headline {
    font-family: "Sofia Sans Extra Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: calc(20 * 100vw / 375);
    text-align: center;
    font-weight: bold;
    line-height: calc(27 * 100vw / 375);
    color: var(--color3);
  }
  .landing_content .css-section10 .photo_swiper_control {
    position: absolute;
    right: calc(18 * 100vw / 375);
    top: calc(6 * 100vw / 375);
    width: calc(36 * 100vw / 375);
  }
  .landing_content .css-section10 .photo_swiper_control .photo_swiper-button-prev,
  .landing_content .css-section10 .photo_swiper_control .photo_swiper-button-next {
    position: absolute;
    width: calc(6 * 100vw / 375);
    aspect-ratio: 6/12;
    cursor: pointer;
  }
  .landing_content .css-section10 .photo_swiper_control .photo_swiper-button-prev {
    top: 0;
    left: 0;
  }
  .landing_content .css-section10 .photo_swiper_control .photo_swiper-button-next {
    top: 0;
    right: 0;
  }
  .landing_content .css-section10 .photo_swiper {
    margin-top: calc(8 * 100vw / 375);
  }
  .landing_content .css-section10 .photo_swiper .swiper-slide {
    width: calc(124 * 100vw / 375);
    aspect-ratio: 124/124;
  }
}