@charset "UTF-8";
@keyframes js-scale {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  20% {
    visibility: visible;
    opacity: 1;
  }
  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
}
.landing-page {
  --color1: #000;
  --color2: #fff;
  --color3: #584133;
  --color4: rgba(202, 184, 160, 0.2);
  --color5: #C3B9B4;
  --color6: #F4F0ED;
}

@media screen and (min-width: 768px) {
  .js-fadeIn {
    opacity: 0;
    transition: ease-in, opacity 2s;
  }
  .js-fadeIn--active {
    opacity: 1;
  }
  .js-fadeInDelay {
    opacity: 0;
    transition: ease-in, opacity 2s;
    transition-delay: 0.8s;
  }
  .js-fadeInDelay--active {
    opacity: 1;
  }
  .s-view {
    display: none !important;
  }
  img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
  .clp-mainvisual {
    width: 100%;
    max-height: 67.5rem;
    aspect-ratio: 1400/675;
    position: relative;
    margin: 0 auto;
  }
  .clp-mainvisual__content {
    position: relative;
    overflow: visible;
    contain: paint;
    width: 100%;
    height: 100%;
  }
  .clp-mainvisual__content--bg_image {
    width: 100%;
    height: 100%;
    background-image: url(/Page/style/241018/img/firstview_bg_pc.jpg);
    background-size: cover;
  }
  .clp-mainvisual__content--image {
    position: absolute;
    height: 100%;
    aspect-ratio: 840/675;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    vertical-align: bottom;
    transform: scale(1, 1.005);
  }
  .clp-mainvisual__content--image img {
    vertical-align: bottom;
  }
  .clp-anchor {
    position: sticky;
    display: inline-block;
    width: 6.4rem;
    aspect-ratio: 64/60;
    bottom: 10.6rem;
    left: calc(50% + 55.6rem);
  }
  .clp-anchor.js-anchor {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1.2s, transform 1.2s;
  }
  .clp-anchor.js-anchor--active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 1.2s, transform 1.2s;
  }
  .js-anchor_active_area {
    max-width: 1400px;
    margin: 0 auto;
  }
  .landing-page {
    overflow: hidden;
    margin-bottom: 14rem;
  }
  .landing-page__textbox {
    margin-top: 12.1rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .landing-page__textbox .css-headline {
    position: relative;
    width: 23.67637rem;
    aspect-ratio: 236.7637/26.1741;
    top: 0;
    left: 0;
  }
  .landing-page__textbox .css-border {
    position: relative;
    margin-top: 2.4rem;
    top: 0;
    left: 0;
    width: 0.1rem;
    height: 5rem;
    background-color: var(--color3);
  }
  .landing-page__textbox .css-headline_text {
    position: relative;
    margin-top: 1.4rem;
    top: 0;
    left: 0;
    text-align: center;
    font-family: 游ゴシック体, 游ゴシック Medium, Yu Gothic Medium, Yu Gothic, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-weight: 500;
    font-size: 1.3rem;
    letter-spacing: 0.05em;
    line-height: 2.86rem;
    font-feature-settings: "palt";
    color: var(--color3);
  }
  .landing-page .css-section {
    overflow-x: visible;
    position: relative;
  }
  .landing-page .css-section.css-bg_color {
    background-color: var(--color4);
  }
  .landing-page .css-section .css-border {
    position: absolute;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color3);
  }
  .landing-page .css-section .css-article {
    position: relative;
  }
  .landing-page .css-section .css-article .css-position_left_top,
  .landing-page .css-section .css-article .css-position_right_top,
  .landing-page .css-section .css-article .css-position_left_bottom,
  .landing-page .css-section .css-article .css-position_right_bottom {
    position: absolute;
  }
  .landing-page .css-section .css-headline,
  .landing-page .css-section .css-headline2 {
    position: absolute;
  }
  .landing-page .css-section .css-image {
    position: absolute;
  }
  .landing-page .css-section .css-image a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  .landing-page .css-section .css-image a:hover {
    opacity: 1;
  }
  .landing-page .css-section .css-image a:hover::after {
    opacity: 1;
  }
  .landing-page .css-section .css-textarea {
    position: absolute;
  }
  .landing-page .css-section .css-textarea .css-text {
    font-family: 游ゴシック体, 游ゴシック Medium, Yu Gothic Medium, Yu Gothic, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-weight: 500;
    font-size: 1.3rem;
    letter-spacing: 0.025em;
    line-height: 2.86rem;
    font-feature-settings: "palt";
    color: var(--color3);
  }
  .landing-page .css-section .css-textarea .css-text + .css-text {
    margin-top: 0rem;
  }
  .landing-page .css-section .css-credit {
    position: absolute;
  }
  .landing-page .css-section .css-credit__link {
    position: relative;
    display: inline-block;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    font-weight: 500;
    font-size: 1.3rem;
    letter-spacing: 0.025em;
    line-height: 2.2rem;
    color: var(--color3);
  }
  .landing-page .css-section .css-credit__link::after {
    position: relative;
    content: "";
    height: 1px;
    background-color: var(--color5);
    width: 100%;
    display: block;
    top: -0.4rem;
    left: 0;
  }
  .landing-page .css-section1 {
    margin-top: 11.4rem;
    padding-top: 12.1rem;
    padding-bottom: 11.9rem;
  }
  .landing-page .css-section1 .css-border {
    top: 37.5rem;
  }
  .landing-page .css-section1 .css-article {
    width: 82rem;
    aspect-ratio: 820/600;
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section1 .css-article .css-headline {
    width: 32.47402rem;
    aspect-ratio: 324.7402/54.7117;
    top: 18.2rem;
    left: 0.3rem;
  }
  .landing-page .css-section1 .css-article .css-textarea {
    width: 34rem;
    top: 28.8rem;
    left: 0;
  }
  .landing-page .css-section1 .css-article .css-textarea .css-text {
    text-align: left;
  }
  .landing-page .css-section1 .css-article .css-textarea .css-text + .css-text {
    margin-top: 0.9rem;
  }
  .landing-page .css-section1 .css-article .css-credit {
    top: 45.5rem;
    left: 0.1rem;
  }
  .landing-page .css-section1 .css-article .css-image1 {
    width: 40rem;
    aspect-ratio: 400/600;
    right: 0rem;
    top: 0;
  }
  .landing-page .css-section2 {
    margin-top: 14.5rem;
  }
  .landing-page .css-section2 .css-article {
    width: 119.61423rem;
    aspect-ratio: 1196.1423/1450.0976;
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section2 .css-article .css-position_left_top {
    width: 10.64296rem;
    aspect-ratio: 106.4296/364.4908;
    top: -4.3rem;
    left: 1.7rem;
  }
  .landing-page .css-section2 .css-article .css-position_right_top {
    width: 13.41888rem;
    aspect-ratio: 134.1888/642.1478;
    top: 5rem;
    right: -0.7rem;
  }
  .landing-page .css-section2 .css-article .css-position_left_bottom {
    width: 12.13374rem;
    aspect-ratio: 121.3374/467.4115;
    bottom: 19rem;
    left: 1rem;
  }
  .landing-page .css-section2 .css-article .css-position_right_bottom {
    width: 10.08311rem;
    aspect-ratio: 100.8311/281.3907;
    bottom: 7.2rem;
    right: -0.9rem;
  }
  .landing-page .css-section2 .css-article .css-position_left_bottom2,
  .landing-page .css-section2 .css-article .css-position_right_bottom2 {
    display: none;
  }
  .landing-page .css-section2 .css-article .css-headline {
    width: 38.08287rem;
    aspect-ratio: 380.8287/138.646;
    top: 0rem;
    left: -8rem;
    right: 0;
    margin: auto;
  }
  .landing-page .css-section2 .css-article .css-headline2 {
    width: 4rem;
    aspect-ratio: 40/352;
    bottom: 3.8rem;
    right: 0rem;
  }
  .landing-page .css-section2 .css-article .css-textarea {
    width: 34rem;
    top: 77.2rem;
    left: 63.9rem;
  }
  .landing-page .css-section2 .css-article .css-textarea .css-text {
    text-align: left;
  }
  .landing-page .css-section2 .css-article .css-textarea .css-text + .css-text {
    margin-top: 1.1rem;
  }
  .landing-page .css-section2 .css-article .css-unknown_box {
    position: absolute;
    width: 36rem;
    aspect-ratio: 360/390;
    background-color: var(--color6);
    left: 42rem;
    bottom: 9.3rem;
    z-index: -1;
  }
  .landing-page .css-section2 .css-article .css-credit {
    bottom: 20.6rem;
    left: 25.9rem;
  }
  .landing-page .css-section2 .css-article .css-animation_area {
    position: absolute;
    width: 69.8rem;
    aspect-ratio: 698/658;
    left: 25.8rem;
    top: 74.9rem;
  }
  .landing-page .css-section2 .css-article .css-image1 {
    width: 72rem;
    aspect-ratio: 720/480;
    top: 18.9rem;
    left: 0;
    right: 0;
    margin: auto;
  }
  .landing-page .css-section2 .css-article .css-image2 {
    width: 30rem;
    aspect-ratio: 300/450;
    left: 0rem;
    top: 0rem;
  }
  .landing-page .css-section2 .css-article .css-image3 {
    width: 26rem;
    aspect-ratio: 260/390;
    right: 6rem;
    bottom: 0rem;
  }
  .landing-page .css-section3 {
    margin-top: 7.6rem;
    padding-top: 12.1rem;
    padding-bottom: 11.1rem;
  }
  .landing-page .css-section3 .css-border {
    top: 21.2rem;
  }
  .landing-page .css-section3 .css-article {
    width: 82.5rem;
    aspect-ratio: 825/780;
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section3 .css-article .css-headline {
    width: 31.18057rem;
    aspect-ratio: 311.8057/45.8076;
    top: 1.4rem;
    right: 0.2rem;
  }
  .landing-page .css-section3 .css-article .css-textarea {
    width: 32rem;
    top: 12.5rem;
    left: 50.8rem;
  }
  .landing-page .css-section3 .css-article .css-textarea .css-text {
    text-align: left;
  }
  .landing-page .css-section3 .css-article .css-textarea .css-text + .css-text {
    margin-top: 1rem;
  }
  .landing-page .css-section3 .css-article .css-credit {
    bottom: -0.5rem;
    left: 11.3rem;
  }
  .landing-page .css-section3 .css-article .css-image1 {
    width: 42rem;
    aspect-ratio: 420/280;
    left: 0.3rem;
    top: 0;
  }
  .landing-page .css-section3 .css-article .css-image2 {
    width: 60rem;
    aspect-ratio: 600/400;
    left: 11.3rem;
    bottom: 4rem;
  }
  .landing-page .css-section4 {
    margin-top: 11.9rem;
  }
  .landing-page .css-section4 .css-article {
    width: 126.56583rem;
    aspect-ratio: 1265.6583/803.8129;
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section4 .css-article .css-position_left_top {
    width: 5.40704rem;
    aspect-ratio: 54.0704/90.0128;
    top: -1.2rem;
    left: 1.4rem;
  }
  .landing-page .css-section4 .css-article .css-position_right_top {
    width: 8.98577rem;
    aspect-ratio: 89.8577/396.1756;
    top: -2.5rem;
    right: 0.9rem;
  }
  .landing-page .css-section4 .css-article .css-position_left_bottom {
    width: 9.53006rem;
    aspect-ratio: 95.3006/147.3927;
    bottom: 18rem;
    left: -0.9rem;
  }
  .landing-page .css-section4 .css-article .css-position_right_bottom {
    width: 3.46626rem;
    aspect-ratio: 34.6626/43.432;
    bottom: 2.6rem;
    right: 0.9rem;
  }
  .landing-page .css-section4 .css-article .css-position_left_bottom2,
  .landing-page .css-section4 .css-article .css-position_right_bottom2 {
    display: none;
  }
  .landing-page .css-section4 .css-article .css-headline {
    width: 29.70348rem;
    aspect-ratio: 297.0348/101.9492;
    top: 3.6rem;
    left: 17.9rem;
  }
  .landing-page .css-section4 .css-article .css-textarea {
    width: 26rem;
    top: 57.4rem;
    left: 72.3rem;
  }
  .landing-page .css-section4 .css-article .css-textarea .css-text {
    text-align: center;
  }
  .landing-page .css-section4 .css-article .css-textarea .css-text + .css-text {
    margin-top: 1.1rem;
  }
  .landing-page .css-section4 .css-article .css-credit {
    bottom: 15.7rem;
    left: 23.4rem;
  }
  .landing-page .css-section4 .css-article .css-image1 {
    width: 36rem;
    aspect-ratio: 360/540;
    top: 0rem;
    right: 23.2rem;
  }
  .landing-page .css-section4 .css-article .css-image2 {
    width: 26rem;
    aspect-ratio: 260/390;
    left: 23.3rem;
    bottom: 20.2rem;
  }
  .landing-page .css-check_all_button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7.4rem;
  }
  .landing-page .css-check_all_button--link {
    width: 101.5rem;
    aspect-ratio: 1015/62;
    display: block;
    object-fit: cover;
  }
}
@media screen and (max-width: 767px) {
  .js-fadeIn {
    opacity: 0;
    transition: ease-in, opacity 2s;
  }
  .js-fadeIn--active {
    opacity: 1;
  }
  .js-fadeInDelay {
    opacity: 0;
    transition-delay: 0.8s;
    transition: ease-in, opacity 2s;
  }
  .js-fadeInDelay--active {
    opacity: 1;
  }
  .clp-mainvisual {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/880;
    position: relative;
    margin: 0 auto;
    margin-top: calc(20 * 100vw / 750);
  }
  .clp-mainvisual__content {
    position: relative;
    overflow: visible;
    contain: paint;
    width: 100%;
    height: 100%;
  }
  .clp-mainvisual__content--bg_image {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/880;
    background-image: url(/Page/style/241018/img/firstview_bg_sp.jpg);
    background-size: cover;
  }
  .clp-mainvisual__content--image {
    position: absolute;
    width: calc(700 * 100vw / 750);
    height: 100%;
    aspect-ratio: 700/880;
    z-index: 2;
    top: calc(1 * 100vw / 750);
    left: 0;
    right: 0;
    margin: auto;
    vertical-align: bottom;
    transform: scale(1, 1.004);
  }
  .clp-mainvisual__content--image img {
    vertical-align: bottom;
  }
  .clp-anchor {
    position: sticky;
    display: inline-block;
    width: calc(61 * 100vw / 750);
    aspect-ratio: 61/61;
    bottom: 14.1333333333vw;
    left: 87.3146666667vw;
  }
  .clp-anchor.js-anchor {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1.2s, transform 1.2s;
  }
  .clp-anchor.js-anchor--active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 1.2s, transform 1.2s;
  }
  .l-view {
    display: none !important;
  }
  img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
  .landing-page {
    overflow: hidden;
    margin-bottom: calc(40 * 100vw / 750);
  }
  .landing-page__textbox {
    margin-top: calc(121 * 100vw / 750);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .landing-page__textbox .css-headline {
    position: relative;
    width: calc(443.9316 * 100vw / 750);
    aspect-ratio: 443.9316/49.078;
    top: 0;
    left: 0;
  }
  .landing-page__textbox .css-border {
    position: relative;
    margin-top: calc(50 * 100vw / 750);
    top: 0;
    left: 0;
    width: calc(2 * 100vw / 750);
    height: calc(80 * 100vw / 750);
    background-color: var(--color3);
  }
  .landing-page__textbox .css-headline_text {
    position: relative;
    margin-top: calc(27 * 100vw / 750);
    top: 0;
    left: 0;
    text-align: center;
    font-family: 游ゴシック体, 游ゴシック Medium, Yu Gothic Medium, Yu Gothic, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-weight: 500;
    font-size: calc(24 * 100vw / 750);
    letter-spacing: 0.05em;
    line-height: calc(52.8 * 100vw / 750);
    font-feature-settings: "palt";
    color: var(--color3);
  }
  .landing-page .css-section {
    position: relative;
    overflow-x: visible;
  }
  .landing-page .css-section.css-bg_color {
    background-color: var(--color4);
  }
  .landing-page .css-section .css-border {
    position: absolute;
    width: 100%;
    height: calc(2 * 100vw / 750);
    background-color: var(--color3);
  }
  .landing-page .css-section .css-article {
    position: relative;
  }
  .landing-page .css-section .css-article .css-position_left_top,
  .landing-page .css-section .css-article .css-position_right_top,
  .landing-page .css-section .css-article .css-position_left_bottom,
  .landing-page .css-section .css-article .css-position_right_bottom {
    position: absolute;
  }
  .landing-page .css-section .css-headline {
    position: relative;
  }
  .landing-page .css-section .css-headline2 {
    position: absolute;
  }
  .landing-page .css-section .css-image {
    position: relative;
  }
  .landing-page .css-section .css-image a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  .landing-page .css-section .css-image a:hover {
    opacity: 1;
  }
  .landing-page .css-section .css-image a:hover::after {
    opacity: 1;
  }
  .landing-page .css-section .css-textarea {
    position: relative;
  }
  .landing-page .css-section .css-textarea .css-text {
    font-family: 游ゴシック体, 游ゴシック Medium, Yu Gothic Medium, Yu Gothic, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-weight: 500;
    font-size: calc(24 * 100vw / 750);
    letter-spacing: 0.05em;
    line-height: calc(52.8 * 100vw / 750);
    font-feature-settings: "palt";
    color: var(--color3);
  }
  .landing-page .css-section .css-textarea .css-text + .css-text {
    margin-top: calc(0 * 100vw / 750);
  }
  .landing-page .css-section .css-credit {
    position: relative;
  }
  .landing-page .css-section .css-credit__link {
    display: inline-block;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    font-weight: 500;
    font-size: calc(24 * 100vw / 750);
    letter-spacing: 0.025em;
    line-height: calc(22 * 100vw / 750);
  }
  .landing-page .css-section .css-credit__link::after {
    position: relative;
    content: "";
    height: calc(1.5 * 100vw / 750);
    background-color: var(--color5);
    width: 100%;
    display: block;
    top: calc(3 * 100vw / 750);
    left: 0;
  }
  .landing-page .css-section1 {
    margin-top: calc(108 * 100vw / 750);
    padding-top: calc(133 * 100vw / 750);
    padding-bottom: calc(120 * 100vw / 750);
  }
  .landing-page .css-section1 .css-border {
    top: calc(629 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article {
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section1 .css-article .css-headline {
    width: calc(521.8984 * 100vw / 750);
    aspect-ratio: 521.8984/87.9265;
    margin: 0 auto;
    margin-top: calc(0 * 100vw / 750);
    left: calc(-4 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article .css-textarea {
    width: calc(630 * 100vw / 750);
    margin: 0 auto;
    margin-top: calc(67 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article .css-textarea .css-text {
    text-align: center;
  }
  .landing-page .css-section1 .css-article .css-textarea .css-text + .css-text {
    margin-top: calc(13 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article .css-credit {
    text-align: center;
    margin: 0 auto;
    margin-top: calc(27 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article .css-image1 {
    width: calc(480 * 100vw / 750);
    aspect-ratio: 480/720;
    margin: 0 auto;
    margin-top: calc(49 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing-page .css-section2 {
    margin-top: calc(108 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/2564.2585;
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section2 .css-article .css-position_left_top {
    width: calc(60.7509 * 100vw / 750);
    aspect-ratio: 60.7509/249.9408;
    top: calc(109 * 100vw / 750);
    left: calc(17 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-position_right_top {
    width: calc(52.0397 * 100vw / 750);
    aspect-ratio: 52.0397/214.0123;
    top: calc(170 * 100vw / 750);
    right: calc(24 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-position_left_bottom {
    width: calc(34.1689 * 100vw / 750);
    aspect-ratio: 34.1689/312.2095;
    top: calc(1049 * 100vw / 750);
    left: calc(22 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-position_right_bottom {
    width: calc(43.6618 * 100vw / 750);
    aspect-ratio: 43.6618/446.4338;
    top: calc(898 * 100vw / 750);
    right: calc(17 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-position_left_bottom2 {
    position: absolute;
    width: calc(27.3374 * 100vw / 750);
    aspect-ratio: 27.3374/302.9156;
    bottom: calc(105 * 100vw / 750);
    left: calc(33 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-position_right_bottom2 {
    position: absolute;
    width: calc(49.7476 * 100vw / 750);
    aspect-ratio: 49.7476/258.3161;
    bottom: calc(122 * 100vw / 750);
    right: calc(40 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-headline {
    width: calc(548.9327 * 100vw / 750);
    aspect-ratio: 548.9327/231.4109;
    margin: 0 auto;
    margin-top: calc(0 * 100vw / 750);
    left: calc(-36 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-image1 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/500;
    margin: 0 auto;
    margin-top: calc(81 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-textarea {
    margin: 0 auto;
    margin-top: calc(67 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-textarea .css-text {
    text-align: center;
  }
  .landing-page .css-section2 .css-article .css-textarea .css-text + .css-text {
    margin-top: calc(17 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-item_wrapper {
    position: relative;
    width: calc(616.25 * 100vw / 750);
    aspect-ratio: 616.25/1232;
    margin: 0 auto;
    margin-top: calc(68 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-headline2 {
    width: calc(60 * 100vw / 750);
    aspect-ratio: 60/530;
    top: calc(172 * 100vw / 750);
    right: calc(5 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-unknown_box {
    position: absolute;
    width: calc(460 * 100vw / 750);
    aspect-ratio: 460/820;
    background-color: var(--color6);
    left: calc(70 * 100vw / 750);
    bottom: calc(240 * 100vw / 750);
    z-index: -1;
  }
  .landing-page .css-section2 .css-article .css-image2 {
    position: absolute;
    width: calc(420 * 100vw / 750);
    aspect-ratio: 420/630;
    margin: 0 auto;
    margin-top: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    left: calc(-6 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-image3 {
    position: absolute;
    width: calc(330 * 100vw / 750);
    aspect-ratio: 330/495;
    margin: 0 auto;
    margin-top: calc(0 * 100vw / 750);
    bottom: calc(68 * 100vw / 750);
    right: calc(143 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article .css-credit {
    position: absolute;
    text-align: left;
    margin: 0 auto;
    margin-top: calc(27 * 100vw / 750);
    bottom: calc(4 * 100vw / 750);
    left: calc(144 * 100vw / 750);
  }
  .landing-page .css-section3 {
    margin-top: calc(120 * 100vw / 750);
    padding-top: calc(122 * 100vw / 750);
    padding-bottom: calc(120 * 100vw / 750);
  }
  .landing-page .css-section3 .css-border {
    top: calc(468 * 100vw / 750);
  }
  .landing-page .css-section3 .css-article {
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section3 .css-article .css-headline {
    width: calc(499.0449 * 100vw / 750);
    aspect-ratio: 499.0449/73.6167;
    margin: 0 auto;
    margin-top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing-page .css-section3 .css-article .css-image1 {
    width: calc(600 * 100vw / 750);
    aspect-ratio: 600/400;
    margin: 0 auto;
    margin-top: calc(73 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing-page .css-section3 .css-article .css-textarea {
    width: calc(630 * 100vw / 750);
    margin: 0 auto;
    margin-top: calc(67 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing-page .css-section3 .css-article .css-textarea .css-text {
    text-align: center;
  }
  .landing-page .css-section3 .css-article .css-textarea .css-text + .css-text {
    margin-top: calc(12 * 100vw / 750);
  }
  .landing-page .css-section3 .css-article .css-image2 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/500;
    margin: 0 auto;
    margin-top: calc(61 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing-page .css-section3 .css-article .css-credit {
    text-align: center;
    margin: 0 auto;
    margin-top: calc(41 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing-page .css-section4 {
    margin-top: calc(120 * 100vw / 750);
  }
  .landing-page .css-section4 .css-article {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/2022.2579;
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section4 .css-article .css-position_left_top {
    width: calc(58.7509 * 100vw / 750);
    aspect-ratio: 58.7509/693.4604;
    top: calc(202 * 100vw / 750);
    left: calc(39 * 100vw / 750);
  }
  .landing-page .css-section4 .css-article .css-position_right_top {
    width: calc(47.3112 * 100vw / 750);
    aspect-ratio: 47.3112/637.5787;
    top: calc(89 * 100vw / 750);
    right: calc(31 * 100vw / 750);
  }
  .landing-page .css-section4 .css-article .css-position_left_bottom {
    width: calc(76.2476 * 100vw / 750);
    aspect-ratio: 76.2476/540.0787;
    top: calc(1336 * 100vw / 750);
    left: calc(28 * 100vw / 750);
  }
  .landing-page .css-section4 .css-article .css-position_right_bottom {
    width: calc(54.5568 * 100vw / 750);
    aspect-ratio: 54.5568/618.5534;
    top: calc(1290 * 100vw / 750);
    right: calc(33 * 100vw / 750);
  }
  .landing-page .css-section4 .css-article .css-headline {
    width: calc(471.9561 * 100vw / 750);
    aspect-ratio: 471.9561/143.0557;
    margin: 0 auto;
    margin-top: calc(0 * 100vw / 750);
    left: calc(-55 * 100vw / 750);
  }
  .landing-page .css-section4 .css-article .css-image1 {
    width: calc(480 * 100vw / 750);
    aspect-ratio: 480/720;
    margin: 0 auto;
    margin-top: calc(69 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    left: calc(-8 * 100vw / 750);
  }
  .landing-page .css-section4 .css-article .css-textarea {
    margin: 0 auto;
    margin-top: calc(67 * 100vw / 750);
    left: calc(-4 * 100vw / 750);
  }
  .landing-page .css-section4 .css-article .css-textarea .css-text {
    text-align: center;
  }
  .landing-page .css-section4 .css-article .css-textarea .css-text + .css-text {
    margin-top: calc(9 * 100vw / 750);
  }
  .landing-page .css-section4 .css-article .css-image2 {
    width: calc(420 * 100vw / 750);
    aspect-ratio: 420/630;
    margin: 0 auto;
    margin-top: calc(68 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    left: calc(-6 * 100vw / 750);
  }
  .landing-page .css-section4 .css-article .css-credit {
    text-align: center;
    margin: 0 auto;
    margin-top: calc(40 * 100vw / 750);
    left: calc(-6 * 100vw / 750);
  }
  .landing-page .css-check_all_button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(203 * 100vw / 750);
  }
  .landing-page .css-check_all_button--link {
    width: calc(660 * 100vw / 750);
    display: block;
    object-fit: cover;
  }
}