@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 {
  --color3: #F8F4EC;
}

@media screen and (min-width: 768px) {
  .js-fadeIn {
    opacity: 0;
    transition: ease-in, opacity 0.8s;
  }
  .js-fadeIn--active {
    opacity: 1;
  }
  .articleBody--christel:not(.--archived) .archiveArea {
    grid-row: unset !important;
    margin-top: 11.8rem !important;
  }
  .s-view {
    display: none !important;
  }
  img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
  .clp-mainvisual {
    width: 110rem;
    aspect-ratio: 1100/660;
    position: relative;
    margin: 0 auto;
  }
  .clp-mainvisual__content {
    position: relative;
    overflow: visible;
    contain: paint;
    width: 100%;
    height: 100%;
  }
  .clp-mainvisual__textbox {
    margin: 0 auto;
    margin-top: 11.3rem;
  }
  .clp-mainvisual__textbox--detail {
    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-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 2.86rem;
    font-feature-settings: "palt";
  }
  .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 .css-main_title {
    width: 27.08635rem;
    aspect-ratio: 270.8635/37.6662;
    margin: 0 auto;
    margin-top: 12.3rem;
    left: 1px;
    position: relative;
  }
  .landing-page .css-lead {
    margin: 0 auto;
    margin-top: 1.8rem;
    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;
    font-feature-settings: "palt";
    line-height: 2.86rem;
  }
  .landing-page .css-section_obi {
    background-color: var(--color3);
    margin-top: 15.4rem;
    height: 23.6rem;
  }
  .landing-page .css-section_obi .css-section_obi_wrapper .css-headline {
    position: relative;
    width: 6.29699rem;
    aspect-ratio: 62.9699/41.0862;
    margin: 0 auto;
    top: -2rem;
    left: 0.2rem;
  }
  .landing-page .css-section_obi .css-section_obi_wrapper .css-text {
    margin: 0 auto;
    margin-top: 0rem;
    text-align: center;
    position: relative;
    top: -0.7rem;
    left: 0.1rem;
    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;
    font-feature-settings: "palt";
    line-height: 2.86rem;
  }
  .landing-page .css-section1,
  .landing-page .css-section2 {
    overflow-x: visible;
  }
  .landing-page .css-section1 .css-image1,
  .landing-page .css-section1 .css-image2,
  .landing-page .css-section2 .css-image1,
  .landing-page .css-section2 .css-image2 {
    position: absolute;
  }
  .landing-page .css-section1 .css-article1,
  .landing-page .css-section1 .css-article2,
  .landing-page .css-section2 .css-article1,
  .landing-page .css-section2 .css-article2 {
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section1 .css-article1 .css-title,
  .landing-page .css-section1 .css-article2 .css-title,
  .landing-page .css-section2 .css-article1 .css-title,
  .landing-page .css-section2 .css-article2 .css-title {
    position: absolute;
    pointer-events: none;
    z-index: 1;
  }
  .landing-page .css-section1 .css-article1 .css-headline1,
  .landing-page .css-section1 .css-article2 .css-headline1,
  .landing-page .css-section2 .css-article1 .css-headline1,
  .landing-page .css-section2 .css-article2 .css-headline1 {
    position: absolute;
  }
  .landing-page .css-section1 .css-textarea,
  .landing-page .css-section2 .css-textarea {
    position: absolute;
  }
  .landing-page .css-section1 .css-textarea--icon_top, .landing-page .css-section1 .css-textarea--icon_bottom,
  .landing-page .css-section2 .css-textarea--icon_top,
  .landing-page .css-section2 .css-textarea--icon_bottom {
    width: 3rem;
    aspect-ratio: 30/25;
  }
  .landing-page .css-section1 .css-textarea--icon_top,
  .landing-page .css-section2 .css-textarea--icon_top {
    position: absolute;
  }
  .landing-page .css-section1 .css-textarea--icon_bottom,
  .landing-page .css-section2 .css-textarea--icon_bottom {
    position: absolute;
  }
  .landing-page .css-section1 .css-textarea .css-text,
  .landing-page .css-section2 .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.05em;
    font-feature-settings: "palt";
    line-height: 2.86rem;
    text-align: center;
  }
  .landing-page .css-section1 .css-credit,
  .landing-page .css-section2 .css-credit {
    position: absolute;
  }
  .landing-page .css-section1 .css-credit__link,
  .landing-page .css-section2 .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;
  }
  .landing-page .css-section1 .css-credit__link::after,
  .landing-page .css-section2 .css-credit__link::after {
    position: relative;
    content: "";
    height: 1px;
    background-color: #B2B2B2;
    width: 100%;
    display: block;
    top: -0.4rem;
    left: 0;
  }
  .landing-page .css-section1 {
    margin-top: 10rem;
  }
  .landing-page .css-section1 .css-article1 {
    width: 95rem;
    aspect-ratio: 950/1129;
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section1 .css-article1 .css-title {
    position: absolute;
    width: 46rem;
    aspect-ratio: 460/282;
    right: 1.5rem;
    top: 13.4rem;
  }
  .landing-page .css-section1 .css-article1 .css-headline1 {
    position: absolute;
    width: 25rem;
    aspect-ratio: 250/80;
    left: 12.5rem;
    top: 72rem;
  }
  .landing-page .css-section1 .css-article1 .css-textarea {
    width: 50rem;
    aspect-ratio: 500/334;
    left: 0;
    top: 83.5rem;
  }
  .landing-page .css-section1 .css-article1 .css-textarea--icon_top {
    left: 0;
    top: -4rem;
  }
  .landing-page .css-section1 .css-article1 .css-textarea--icon_bottom {
    right: 0;
    bottom: 4rem;
  }
  .landing-page .css-section1 .css-article1 .css-textarea .css-text {
    position: relative;
    left: 0;
    top: -0.1rem;
  }
  .landing-page .css-section1 .css-article1 .css-image1 {
    width: 42rem;
    aspect-ratio: 420/630;
    left: 10.9rem;
    top: 0;
  }
  .landing-page .css-section1 .css-article1 .css-image2 {
    width: 38rem;
    aspect-ratio: 380/570;
    right: 0;
    bottom: 0.9rem;
  }
  .landing-page .css-section1 .css-article2 {
    width: 95.4rem;
    aspect-ratio: 954/750;
    position: relative;
    margin: 0 auto;
    margin-top: 9.6rem;
  }
  .landing-page .css-section1 .css-article2 .css-headline1 {
    position: absolute;
    width: 20rem;
    aspect-ratio: 200/80;
    right: 0;
    top: 50.3rem;
  }
  .landing-page .css-section1 .css-article2 .css-textarea {
    right: -0.7rem;
    top: 21.3rem;
  }
  .landing-page .css-section1 .css-article2 .css-textarea::before {
    content: "";
    position: absolute;
    z-index: -1;
    height: 38.4rem;
    width: 150vw;
    top: -5.3rem;
    left: -18rem;
    background: var(--color3);
  }
  .landing-page .css-section1 .css-article2 .css-textarea .css-text {
    text-align: left;
    position: relative;
    left: -0.6rem;
    top: 0rem;
  }
  .landing-page .css-section1 .css-article2 .css-image1 {
    width: 47rem;
    aspect-ratio: 470/705;
    left: 0rem;
    top: 0;
  }
  .landing-page .css-section1 .css-article2 .css-credit {
    bottom: -0.3rem;
    left: 37.9rem;
  }
  .landing-page .css-section2 {
    margin-top: 14.1rem;
  }
  .landing-page .css-section2 .css-article1 {
    width: 100rem;
    aspect-ratio: 1000/1330;
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section2 .css-article1 .css-title {
    position: absolute;
    width: 51.8064rem;
    aspect-ratio: 518.064/282;
    left: 2.1rem;
    top: 14.3rem;
  }
  .landing-page .css-section2 .css-article1 .css-headline1 {
    position: absolute;
    width: 25rem;
    aspect-ratio: 250/80;
    right: 6.6rem;
    top: 75.2rem;
  }
  .landing-page .css-section2 .css-article1 .css-textarea {
    width: 42rem;
    aspect-ratio: 420/360;
    right: -1.9rem;
    bottom: 10.3rem;
  }
  .landing-page .css-section2 .css-article1 .css-textarea--icon_top {
    left: 0;
    top: -4rem;
  }
  .landing-page .css-section2 .css-article1 .css-textarea--icon_bottom {
    right: 0;
    bottom: 4rem;
  }
  .landing-page .css-section2 .css-article1 .css-textarea .css-text1 {
    position: relative;
    left: 0;
    top: -0.3rem;
  }
  .landing-page .css-section2 .css-article1 .css-textarea .css-text2 {
    position: relative;
    left: 0rem;
    top: 2.3rem;
  }
  .landing-page .css-section2 .css-article1 .css-image1 {
    width: 38rem;
    aspect-ratio: 380/570;
    right: 2.1rem;
    top: 0;
  }
  .landing-page .css-section2 .css-article1 .css-image2 {
    width: 48rem;
    aspect-ratio: 480/720;
    left: 1.9rem;
    bottom: 0;
  }
  .landing-page .css-section2 .css-article1 .css-credit {
    bottom: -4.8rem;
    left: 1.9rem;
  }
  .landing-page .css-section2 .css-article2 {
    width: 100%;
    margin: 0 auto;
    margin-top: 46.6rem;
    background-color: var(--color3);
  }
  .landing-page .css-section2 .css-article2 .css-article2_wrapper {
    position: relative;
    margin: 0 auto;
    width: 57rem;
    height: 34rem;
  }
  .landing-page .css-section2 .css-article2 .css-image1 {
    width: 57rem;
    aspect-ratio: 570/380;
    left: 0rem;
    top: -32.2rem;
  }
  .landing-page .css-section2 .css-article2 .css-headline1 {
    position: absolute;
    width: 20rem;
    aspect-ratio: 200/80;
    right: 0;
    left: 0;
    bottom: -3.7rem;
    margin: auto;
  }
  .landing-page .css-section2 .css-article2 .css-textarea {
    margin: auto;
    top: 11.1rem;
    left: 0;
    right: 0;
  }
  .landing-page .css-section2 .css-article2 .css-textarea .css-text {
    text-align: center;
  }
  .landing-page .css-section_footer {
    width: 100rem;
    aspect-ratio: 1000/91;
    margin: 0 auto;
    position: relative;
    margin-top: 18.7rem;
  }
  .landing-page .css-section_footer::before, .landing-page .css-section_footer::after {
    position: absolute;
    content: "";
    background: #333;
    height: 1px;
    width: 100%;
    display: block;
  }
  .landing-page .css-section_footer::before {
    top: 0;
  }
  .landing-page .css-section_footer::after {
    bottom: 0;
  }
  .landing-page .css-section_footer__bgf {
    position: absolute;
    width: 33.5rem;
    aspect-ratio: 335/10;
    top: -0.6rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    z-index: 1;
  }
  .landing-page .css-section_footer__text1 {
    position: relative;
    margin: 0 auto;
    width: 30.32354rem;
    aspect-ratio: 303.2354/12.6758;
    top: 0;
    left: 0;
  }
  .landing-page .css-section_footer__text2 {
    position: relative;
    margin: 0 auto;
    width: 12.64155rem;
    aspect-ratio: 126.4155/32;
    top: 3.4rem;
    left: 0;
  }
  .landing-page .css-section_footer_staff_text {
    margin-top: 5.6rem;
    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.4rem;
    text-align: center;
  }
  .landing-page .css-check_all_button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5.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 0.8s;
  }
  .js-fadeIn--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__textbox {
    margin: 0 auto;
    text-align: center;
    margin-top: calc(106 * 100vw / 750);
  }
  .clp-mainvisual__textbox--detail {
    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-size: calc(24 * 100vw / 750);
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: calc(52.8 * 100vw / 750);
  }
  .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;
  }
  .articleBody--christel:not(.--archived) .archiveArea {
    grid-row: unset !important;
    margin-top: calc(137 * 100vw / 750) !important;
  }
  img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
  .landing-page {
    overflow: hidden;
    margin-bottom: calc(141 * 100vw / 750);
  }
  .landing-page .css-main_title {
    width: calc(541.727 * 100vw / 750);
    aspect-ratio: 541.727/75.3325;
    margin: 0 auto;
    margin-top: calc(145 * 100vw / 750);
  }
  .landing-page .css-lead {
    margin: 0 auto;
    margin-top: calc(49 * 100vw / 750);
    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;
    font-feature-settings: "palt";
    line-height: calc(52.8 * 100vw / 750);
  }
  .landing-page .css-section_obi {
    background-color: var(--color3);
    margin-top: calc(172 * 100vw / 750);
    height: calc(440 * 100vw / 750);
  }
  .landing-page .css-section_obi .css-section_obi_wrapper .css-headline {
    position: relative;
    width: calc(100.7505 * 100vw / 750);
    aspect-ratio: 100.7505/65.7354;
    margin: 0 auto;
    top: calc(-23 * 100vw / 750);
    left: calc(3 * 100vw / 750);
  }
  .landing-page .css-section_obi .css-section_obi_wrapper .css-text {
    margin: 0 auto;
    margin-top: 0rem;
    text-align: center;
    position: relative;
    top: calc(5 * 100vw / 750);
    left: calc(0 * 100vw / 750);
    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;
    font-feature-settings: "palt";
    line-height: calc(52.8 * 100vw / 750);
  }
  .landing-page .css-section1,
  .landing-page .css-section2 {
    overflow-x: visible;
  }
  .landing-page .css-section1 .css-image1,
  .landing-page .css-section1 .css-image2,
  .landing-page .css-section2 .css-image1,
  .landing-page .css-section2 .css-image2 {
    position: relative;
  }
  .landing-page .css-section1 .css-article1,
  .landing-page .css-section1 .css-article2,
  .landing-page .css-section2 .css-article1,
  .landing-page .css-section2 .css-article2 {
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section1 .css-article1 .css-title,
  .landing-page .css-section1 .css-article2 .css-title,
  .landing-page .css-section2 .css-article1 .css-title,
  .landing-page .css-section2 .css-article2 .css-title {
    position: relative;
    pointer-events: none;
    z-index: 1;
    margin: 0 auto;
  }
  .landing-page .css-section1 .css-article1 .css-headline1,
  .landing-page .css-section1 .css-article2 .css-headline1,
  .landing-page .css-section2 .css-article1 .css-headline1,
  .landing-page .css-section2 .css-article2 .css-headline1 {
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section1 .css-textarea,
  .landing-page .css-section2 .css-textarea {
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section1 .css-textarea--icon_top, .landing-page .css-section1 .css-textarea--icon_bottom,
  .landing-page .css-section2 .css-textarea--icon_top,
  .landing-page .css-section2 .css-textarea--icon_bottom {
    width: calc(38.8051 * 100vw / 750);
    aspect-ratio: 38.8051/32;
  }
  .landing-page .css-section1 .css-textarea--icon_top,
  .landing-page .css-section2 .css-textarea--icon_top {
    position: absolute;
  }
  .landing-page .css-section1 .css-textarea--icon_bottom,
  .landing-page .css-section2 .css-textarea--icon_bottom {
    position: absolute;
  }
  .landing-page .css-section1 .css-textarea .css-text,
  .landing-page .css-section2 .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;
    font-feature-settings: "palt";
    line-height: calc(52.8 * 100vw / 750);
    text-align: center;
  }
  .landing-page .css-section1 .css-credit,
  .landing-page .css-section2 .css-credit {
    position: relative;
  }
  .landing-page .css-section1 .css-credit__link,
  .landing-page .css-section2 .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-section1 .css-credit__link::after,
  .landing-page .css-section2 .css-credit__link::after {
    position: relative;
    content: "";
    height: calc(1.5 * 100vw / 750);
    background-color: #B2B2B2;
    width: 100%;
    display: block;
    top: calc(3 * 100vw / 750);
    left: 0;
  }
  .landing-page .css-section1 {
    margin-top: calc(143 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article1 {
    width: calc(750 * 100vw / 750);
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section1 .css-article1 .css-title {
    position: relative;
    width: calc(572.1514 * 100vw / 750);
    aspect-ratio: 572.1514/378;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(0 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article1 .css-image1 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1125;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(60 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article1 .css-image2 {
    width: calc(610 * 100vw / 750);
    aspect-ratio: 610/915;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(61 * 100vw / 750);
    margin-left: auto;
  }
  .landing-page .css-section1 .css-article1 .css-headline1 {
    position: relative;
    width: calc(500 * 100vw / 750);
    aspect-ratio: 500/160;
    left: calc(16 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(80 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article1 .css-textarea {
    width: calc(617.2304 * 100vw / 750);
    aspect-ratio: 617.2304/684;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(8 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article1 .css-textarea--icon_top {
    left: 0;
    top: calc(0 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article1 .css-textarea--icon_bottom {
    right: 0;
    bottom: calc(0 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article1 .css-textarea .css-text {
    position: relative;
  }
  .landing-page .css-section1 .css-article1 .css-textarea .css-text.css-text1 {
    width: 100%;
    left: calc(0 * 100vw / 750);
    top: calc(60 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article1 .css-textarea .css-text.css-text2 {
    width: 100%;
    left: calc(0 * 100vw / 750);
    top: calc(94 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article2 {
    width: calc(750 * 100vw / 750);
    position: relative;
    margin: 0 auto;
    margin-top: calc(88 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article2 .css-article2_wrapper {
    background-color: var(--color3);
    padding-bottom: calc(61 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article2 .css-image1 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1125;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(0 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article2 .css-textarea {
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(67 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article2 .css-textarea .css-text {
    text-align: center;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(0 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article2 .css-headline1 {
    position: relative;
    width: calc(376 * 100vw / 750);
    aspect-ratio: 376/141;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(43 * 100vw / 750);
  }
  .landing-page .css-section1 .css-article2 .css-credit {
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(42 * 100vw / 750);
    text-align: center;
  }
  .landing-page .css-section2 {
    margin-top: calc(180 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article1 {
    width: calc(750 * 100vw / 750);
    position: relative;
    margin: 0 auto;
  }
  .landing-page .css-section2 .css-article1 .css-title {
    position: relative;
    width: calc(481.833 * 100vw / 750);
    aspect-ratio: 481.833/378;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(0 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article1 .css-image1 {
    width: calc(570 * 100vw / 750);
    aspect-ratio: 570/855;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin: 0 auto;
    margin-top: calc(60 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article1 .css-image2 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1125;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(61 * 100vw / 750);
    margin-left: auto;
  }
  .landing-page .css-section2 .css-article1 .css-headline1 {
    position: relative;
    width: calc(500 * 100vw / 750);
    aspect-ratio: 500/160;
    left: calc(1 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(80 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article1 .css-textarea {
    width: calc(617.2304 * 100vw / 750);
    aspect-ratio: 617.2304/684;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(8 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article1 .css-textarea--icon_top {
    left: 0;
    top: calc(0 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article1 .css-textarea--icon_bottom {
    right: 0;
    bottom: calc(0 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article1 .css-textarea .css-text {
    position: relative;
  }
  .landing-page .css-section2 .css-article1 .css-textarea .css-text.css-text1 {
    width: 100%;
    left: calc(0 * 100vw / 750);
    top: calc(60 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article1 .css-textarea .css-text.css-text2 {
    width: 100%;
    left: calc(0 * 100vw / 750);
    top: calc(94 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article2 {
    width: calc(750 * 100vw / 750);
    position: relative;
    margin: 0 auto;
    margin-top: calc(88 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article2 .css-article2_wrapper {
    background-color: var(--color3);
    padding-bottom: calc(61 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article2 .css-image1 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/500;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(0 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article2 .css-textarea {
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(67 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article2 .css-textarea .css-text {
    text-align: center;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(0 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article2 .css-headline1 {
    position: relative;
    width: calc(376 * 100vw / 750);
    aspect-ratio: 376/141;
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(51 * 100vw / 750);
  }
  .landing-page .css-section2 .css-article2 .css-credit {
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    margin-top: calc(42 * 100vw / 750);
    text-align: center;
  }
  .landing-page .css-section_footer {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/157;
    margin: 0 auto;
    position: relative;
    margin-top: calc(218 * 100vw / 750);
  }
  .landing-page .css-section_footer::before, .landing-page .css-section_footer::after {
    position: absolute;
    content: "";
    background: #333;
    height: 1px;
    width: 100%;
    display: block;
  }
  .landing-page .css-section_footer::before {
    top: 0;
  }
  .landing-page .css-section_footer::after {
    bottom: 0;
  }
  .landing-page .css-section_footer__bgf {
    position: absolute;
    width: calc(580 * 100vw / 750);
    aspect-ratio: 580/20;
    top: calc(-12 * 100vw / 750);
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    z-index: 1;
  }
  .landing-page .css-section_footer__text1 {
    position: relative;
    margin: 0 auto;
    width: calc(535.7598 * 100vw / 750);
    aspect-ratio: 535.7598/22.5264;
    top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing-page .css-section_footer__text2 {
    position: relative;
    margin: 0 auto;
    width: calc(234.9941 * 100vw / 750);
    aspect-ratio: 234.9941/60;
    top: calc(56 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing-page .css-section_footer_staff_text {
    margin-top: calc(109 * 100vw / 750);
    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(46 * 100vw / 750);
    text-align: center;
  }
  .landing-page .css-check_all_button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(69 * 100vw / 750);
  }
  .landing-page .css-check_all_button--link {
    width: calc(660 * 100vw / 750);
    display: block;
    object-fit: cover;
  }
}