@charset "UTF-8";
.landing_content {
  overflow: visible;
  --color1: #000;
  --color2: #fff;
}

.js-scroll_lock {
  overflow: hidden;
}

.main-area {
  overflow: initial;
}

@media screen and (min-width: 768px) {
  .landing_content .js-fadeIn {
    opacity: 0;
    transition: ease-in, opacity 1s;
  }
  .landing_content .js-fadeIn--active {
    opacity: 1;
  }
  .landing_content .js-fadeInBottomTop {
    opacity: 0;
    transform: translateY(10%);
    transition: ease-in, opacity 1s, transform 1s;
  }
  .landing_content .js-fadeInBottomTop.css-delay1 {
    transition-delay: 0.5s;
  }
  .landing_content .js-fadeInBottomTop.css-delay2 {
    transition-delay: 0.8s;
  }
  .landing_content .js-fadeInBottomTop.css-delay3 {
    transition-delay: 1.2s;
  }
  .landing_content .js-fadeInBottomTop.css-delay4 {
    transition-delay: 1.5s;
  }
  .landing_content .js-fadeInBottomTop--active {
    opacity: 1;
    transform: translateY(0);
  }
  .landing_content .js-fadeInLeftRight {
    opacity: 0;
    transform: translateX(10%);
    transition: ease-in, opacity 1s, transform 1s;
  }
  .landing_content .js-fadeInLeftRight.css-delay1 {
    transition-delay: 0.5s;
  }
  .landing_content .js-fadeInLeftRight.css-delay2 {
    transition-delay: 0.8s;
  }
  .landing_content .js-fadeInLeftRight.css-delay3 {
    transition-delay: 1.2s;
  }
  .landing_content .js-fadeInLeftRight.css-delay4 {
    transition-delay: 1.5s;
  }
  .landing_content .js-fadeInLeftRight--active {
    opacity: 1;
    transform: translateX(0);
  }
  .s-view {
    display: none !important;
  }
  .bredlist.lp {
    margin-bottom: 2.7rem;
  }
  #footer_emmi {
    margin-top: 9.8rem;
    padding-top: 0;
  }
  .landing_content {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }
  .landing_content img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    vertical-align: bottom;
  }
  .landing_content .js-modal_active {
    cursor: pointer;
  }
  .landing_content__mainvisual {
    width: calc(100% * 920 / 1400);
    max-width: 92rem;
    aspect-ratio: 920/600;
    margin: 0 auto;
  }
  .landing_content .css-hover_white::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #fff;
    z-index: -1;
  }
  .landing_content .css-textarea {
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4rem;
    font-feature-settings: "palt";
    line-height: 2.8rem;
    letter-spacing: 0.05em;
    margin-top: 5.8rem;
    text-align: center;
  }
  .landing_content .css-credit {
    z-index: 2;
  }
  .landing_content .css-credit .css-credit_link {
    font-family: "pragmatica", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-feature-settings: "palt";
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 2.6rem;
  }
  .landing_content .css-credit .css-credit_link + .css-credit_link,
  .landing_content .css-credit .s-view + .css-credit_link {
    margin-left: 1rem;
  }
  .landing_content .css-section1 {
    position: relative;
    width: calc(100% * 780 / 1400);
    max-width: 78rem;
    aspect-ratio: 780/555;
    margin: 0 auto;
    margin-top: 7.2rem;
  }
  .landing_content .css-section1 .css-section_wrapper {
    width: calc(100% * 780 / 780);
    max-width: 78rem;
    aspect-ratio: 780/555;
    position: relative;
    right: calc(100% * 10 / 780);
  }
  .landing_content .css-section1 .css-section_wrapper .css-section_image1 {
    width: calc(100% * 380 / 780);
    max-width: 38rem;
    aspect-ratio: 380/475;
    position: absolute;
    right: calc(100% * 0 / 780);
    bottom: calc(100% * 0 / 555);
    z-index: 2;
  }
  .landing_content .css-section1 .css-section_wrapper .css-bg1 {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
  }
  .landing_content .css-section1 .css-section_wrapper .css-bg1 {
    width: calc(100% * 150 / 780);
    max-width: 15rem;
    aspect-ratio: 150/375;
    background-image: url(/Page/feature/atelier/241211_umeharu/img/section1_bg1_l.jpg);
    left: calc(100% * 0 / 780);
    top: calc(100% * 0 / 555);
  }
  .landing_content .css-section1 .css-section_wrapper .css-credit {
    position: absolute;
    text-align: left;
    left: calc(100% * 144 / 780);
    bottom: calc(100% * -7 / 555);
  }
  .landing_content .css-section2 {
    position: relative;
    width: calc(100% * 920 / 1400);
    max-width: 92rem;
    aspect-ratio: 920/787;
    margin: 0 auto;
    margin-top: 14rem;
  }
  .landing_content .css-section2 .css-section_wrapper {
    width: calc(100% * 920 / 920);
    max-width: 92rem;
    aspect-ratio: 920/787;
    position: relative;
    right: calc(100% * 0 / 920);
  }
  .landing_content .css-section2 .css-section_wrapper .css-section_image1 {
    width: calc(100% * 440 / 920);
    max-width: 44rem;
    aspect-ratio: 440/550;
    position: absolute;
    right: calc(100% * 0 / 920);
    top: calc(100% * 140 / 787);
    z-index: 2;
  }
  .landing_content .css-section2 .css-section_wrapper .css-section_image2 {
    width: calc(100% * 440 / 920);
    max-width: 44rem;
    aspect-ratio: 440/550;
    position: absolute;
    left: calc(100% * 0 / 920);
    top: calc(100% * 140 / 787);
    z-index: 2;
  }
  .landing_content .css-section2 .css-section_wrapper .css-bg1 {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
  }
  .landing_content .css-section2 .css-section_wrapper .css-bg1 {
    width: calc(100% * 592 / 920);
    max-width: 59.2rem;
    aspect-ratio: 592/740;
    background-image: url(/Page/feature/atelier/241211_umeharu/img/section2_bg1_l.jpg);
    left: calc(100% * 0 / 920);
    right: calc(100% * 0 / 920);
    margin: auto;
    top: calc(100% * 0 / 787);
  }
  .landing_content .css-section2 .css-section_wrapper .css-credit {
    position: absolute;
    text-align: right;
    right: calc(100% * -2 / 920);
    bottom: calc(100% * -6 / 787);
  }
  .landing_content .css-section2 .css-section_wrapper .css-credit .css-credit_link:nth-child(2) {
    margin-left: 0.7rem;
  }
  .landing_content .css-section2 .css-section_wrapper .css-credit .css-credit_link:last-of-type {
    margin-left: 0.5rem;
  }
  .landing_content .css-section3 {
    position: relative;
    width: calc(100% * 860 / 1400);
    max-width: 86rem;
    aspect-ratio: 860/1360;
    margin: 0 auto;
    margin-top: 14rem;
  }
  .landing_content .css-section3 .css-section_wrapper {
    width: calc(100% * 860 / 860);
    max-width: 86rem;
    aspect-ratio: 860/1360;
    position: relative;
    right: calc(100% * 0 / 860);
  }
  .landing_content .css-section3 .css-section_wrapper .css-section_image1 {
    width: calc(100% * 380 / 860);
    max-width: 38rem;
    aspect-ratio: 380/475;
    position: absolute;
    left: calc(100% * 240 / 860);
    top: calc(100% * 80 / 1360);
    z-index: 2;
  }
  .landing_content .css-section3 .css-section_wrapper .css-section_image2 {
    width: calc(100% * 320 / 860);
    max-width: 32rem;
    aspect-ratio: 320/400;
    position: absolute;
    left: calc(100% * -20 / 860);
    top: calc(100% * 655 / 1360);
    z-index: 2;
  }
  .landing_content .css-section3 .css-section_wrapper .css-section_image3 {
    width: calc(100% * 420 / 860);
    max-width: 42rem;
    aspect-ratio: 420/525;
    position: absolute;
    right: calc(100% * 80 / 860);
    bottom: calc(100% * 40 / 1360);
    z-index: 2;
  }
  .landing_content .css-section3 .css-section_wrapper .css-bg1,
  .landing_content .css-section3 .css-section_wrapper .css-bg2 {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
  }
  .landing_content .css-section3 .css-section_wrapper .css-bg1 {
    width: calc(100% * 150 / 860);
    max-width: 15rem;
    aspect-ratio: 150/375;
    background-image: url(/Page/feature/atelier/241211_umeharu/img/section3_bg1_l.jpg);
    left: calc(100% * 130 / 860);
    top: calc(100% * 0 / 1360);
  }
  .landing_content .css-section3 .css-section_wrapper .css-bg2 {
    width: calc(100% * 120 / 860);
    max-width: 12rem;
    aspect-ratio: 120/300;
    background-image: url(/Page/feature/atelier/241211_umeharu/img/section3_bg2_l.jpg);
    right: calc(100% * 20 / 860);
    bottom: calc(100% * 0 / 1360);
  }
  .landing_content .css-section3 .css-section_wrapper .css-credit {
    position: absolute;
    text-align: left;
    left: calc(100% * 360 / 860);
    bottom: calc(100% * -37 / 1360);
  }
  .landing_content .css-section3 .css-section_wrapper .css-credit .css-credit_link + .css-credit_link,
  .landing_content .css-section3 .css-section_wrapper .css-credit .s-view + .css-credit_link {
    margin-left: 0.5rem;
  }
  .landing_content .css-section4 {
    position: relative;
    width: calc(100% * 1320 / 1400);
    max-width: 132rem;
    aspect-ratio: 1320/620;
    margin: 0 auto;
    margin-top: 17rem;
  }
  .landing_content .css-section4 .css-section_wrapper {
    width: calc(100% * 1320 / 1320);
    max-width: 132rem;
    aspect-ratio: 1320/620;
    position: relative;
    right: calc(100% * 0 / 1320);
  }
  .landing_content .css-section4 .css-section_wrapper .css-section_image1 {
    width: calc(100% * 340 / 1320);
    max-width: 34rem;
    aspect-ratio: 340/425;
    position: absolute;
    left: calc(100% * 0 / 1320);
    top: calc(100% * 0 / 620);
    z-index: 2;
  }
  .landing_content .css-section4 .css-section_wrapper .css-section_image2 {
    width: calc(100% * 400 / 1320);
    max-width: 40rem;
    aspect-ratio: 400/500;
    position: absolute;
    right: calc(100% * 410 / 1320);
    bottom: calc(100% * 0 / 620);
    z-index: 2;
  }
  .landing_content .css-section4 .css-section_wrapper .css-section_image3 {
    width: calc(100% * 400 / 1320);
    max-width: 40rem;
    aspect-ratio: 400/500;
    position: absolute;
    right: calc(100% * 0 / 1320);
    bottom: calc(100% * 0 / 620);
    z-index: 2;
  }
  .landing_content .css-section4 .css-section_wrapper .css-credit {
    position: absolute;
    text-align: left;
    left: calc(100% * 0 / 1320);
    top: calc(100% * 450 / 620);
  }
  .landing_content .css-section5 {
    position: relative;
    width: calc(100% * 1075 / 1400);
    max-width: 107.5rem;
    aspect-ratio: 1075/690;
    margin: 0 auto;
    margin-top: 16rem;
  }
  .landing_content .css-section5 .css-section_wrapper {
    width: calc(100% * 1075 / 1075);
    max-width: 107.5rem;
    aspect-ratio: 1075/690;
    position: relative;
    left: calc(100% * -42 / 1075);
  }
  .landing_content .css-section5 .css-section_wrapper .css-section_image1 {
    width: calc(100% * 440 / 1075);
    max-width: 44rem;
    aspect-ratio: 440/550;
    position: absolute;
    left: calc(100% * 100 / 1075);
    bottom: calc(100% * 0 / 690);
    z-index: 2;
  }
  .landing_content .css-section5 .css-section_wrapper .css-section_image2 {
    width: calc(100% * 300 / 1075);
    max-width: 30rem;
    aspect-ratio: 300/375;
    position: absolute;
    right: calc(100% * 0 / 1075);
    top: calc(100% * 20 / 690);
    z-index: 2;
  }
  .landing_content .css-section5 .css-section_wrapper .css-bg1 {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
  }
  .landing_content .css-section5 .css-section_wrapper .css-bg1 {
    width: calc(100% * 200 / 1075);
    max-width: 20rem;
    aspect-ratio: 200/500;
    background-image: url(/Page/feature/atelier/241211_umeharu/img/section5_bg1_l.jpg);
    left: calc(100% * 0 / 1075);
    top: calc(100% * 0 / 690);
  }
  .landing_content .css-section5 .css-section_wrapper .css-credit {
    position: absolute;
    text-align: left;
    left: calc(100% * 570 / 1075);
    bottom: calc(100% * -7 / 690);
  }
  .landing_content .css-section6 {
    position: relative;
    width: calc(100% * 1100 / 1400);
    max-width: 110rem;
    aspect-ratio: 1100/860;
    margin: 0 auto;
    margin-top: 16rem;
  }
  .landing_content .css-section6 .css-section_wrapper {
    width: calc(100% * 1100 / 1100);
    max-width: 110rem;
    aspect-ratio: 1100/860;
    position: relative;
    left: calc(100% * 30 / 1100);
  }
  .landing_content .css-section6 .css-section_wrapper .css-section_image1 {
    width: calc(100% * 460 / 1100);
    max-width: 46rem;
    aspect-ratio: 460/575;
    position: absolute;
    right: calc(100% * 40 / 1100);
    top: calc(100% * 0 / 860);
    z-index: 2;
  }
  .landing_content .css-section6 .css-section_wrapper .css-section_image2 {
    width: calc(100% * 300 / 1100);
    max-width: 30rem;
    aspect-ratio: 300/375;
    position: absolute;
    left: calc(100% * 0 / 1100);
    top: calc(100% * 100 / 860);
    z-index: 2;
  }
  .landing_content .css-section6 .css-section_wrapper .css-section_image3 {
    width: calc(100% * 300 / 1100);
    max-width: 30rem;
    aspect-ratio: 300/375;
    position: absolute;
    left: calc(100% * 0 / 1100);
    top: calc(100% * 485 / 860);
    z-index: 2;
  }
  .landing_content .css-section6 .css-section_wrapper .css-bg1 {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
  }
  .landing_content .css-section6 .css-section_wrapper .css-bg1 {
    width: calc(100% * 120 / 1100);
    max-width: 12rem;
    aspect-ratio: 120/300;
    background-image: url(/Page/feature/atelier/241211_umeharu/img/section6_bg1_l.jpg);
    right: calc(100% * 0 / 1100);
    top: calc(100% * 325 / 860);
  }
  .landing_content .css-section6 .css-section_wrapper .css-credit {
    position: absolute;
    text-align: left;
    right: calc(100% * 253 / 1100);
    bottom: calc(100% * 208 / 860);
  }
  .landing_content .css-section7 {
    position: relative;
    width: calc(100% * 960 / 1400);
    max-width: 96rem;
    aspect-ratio: 960/735;
    margin: 0 auto;
    margin-top: 10rem;
  }
  .landing_content .css-section7 .css-section_wrapper {
    width: calc(100% * 960 / 960);
    max-width: 96rem;
    aspect-ratio: 960/735;
    position: relative;
    left: calc(100% * 10 / 960);
  }
  .landing_content .css-section7 .css-section_wrapper .css-section_image1 {
    width: calc(100% * 460 / 960);
    max-width: 46rem;
    aspect-ratio: 460/575;
    position: absolute;
    left: calc(100% * 0 / 960);
    bottom: calc(100% * 0 / 735);
    z-index: 2;
  }
  .landing_content .css-section7 .css-section_wrapper .css-section_image2 {
    width: calc(100% * 340 / 960);
    max-width: 34rem;
    aspect-ratio: 340/425;
    position: absolute;
    right: calc(100% * 0 / 960);
    top: calc(100% * 0 / 735);
    z-index: 2;
  }
  .landing_content .css-section7 .css-section_wrapper .css-credit {
    position: absolute;
    text-align: left;
    left: calc(100% * 490 / 960);
    bottom: calc(100% * -7 / 735);
  }
  .landing_content .css-section7 .css-section_wrapper .css-credit .css-credit_link + .css-credit_link,
  .landing_content .css-section7 .css-section_wrapper .css-credit .s-view + .css-credit_link {
    margin-left: 0.5rem;
  }
  .landing_content__check_all_button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12rem;
  }
  .landing_content__check_all_button--link {
    width: 32rem;
    aspect-ratio: 320/52;
    object-fit: cover;
  }
}
@media screen and (max-width: 767px) {
  .landing_content .js-fadeIn {
    opacity: 0;
    transition: ease-in, opacity 1s;
  }
  .landing_content .js-fadeIn.css-delay1 {
    transition-delay: 0.5s;
  }
  .landing_content .js-fadeIn.css-delay2 {
    transition-delay: 0.8s;
  }
  .landing_content .js-fadeIn.css-delay3 {
    transition-delay: 1.2s;
  }
  .landing_content .js-fadeIn.css-delay4 {
    transition-delay: 1.5s;
  }
  .landing_content .js-fadeIn--active {
    opacity: 1;
  }
  .landing_content .js-fadeInBottomTop {
    opacity: 0;
    transform: translateY(10%);
    transition: ease-in, opacity 1s, transform 1s;
  }
  .landing_content .js-fadeInBottomTop.css-delay1 {
    transition-delay: 0.5s;
  }
  .landing_content .js-fadeInBottomTop.css-delay2 {
    transition-delay: 0.8s;
  }
  .landing_content .js-fadeInBottomTop.css-delay3 {
    transition-delay: 1.2s;
  }
  .landing_content .js-fadeInBottomTop.css-delay4 {
    transition-delay: 1.5s;
  }
  .landing_content .js-fadeInBottomTop--active {
    opacity: 1;
    transform: translateY(0);
  }
  .landing_content .js-fadeInLeftRight {
    opacity: 0;
    transform: translateX(10%);
    transition: ease-in, opacity 1s, transform 1s;
  }
  .landing_content .js-fadeInLeftRight.css-delay1 {
    transition-delay: 0.5s;
  }
  .landing_content .js-fadeInLeftRight.css-delay2 {
    transition-delay: 0.8s;
  }
  .landing_content .js-fadeInLeftRight.css-delay3 {
    transition-delay: 1.2s;
  }
  .landing_content .js-fadeInLeftRight.css-delay4 {
    transition-delay: 1.5s;
  }
  .landing_content .js-fadeInLeftRight--active {
    opacity: 1;
    transform: translateX(0);
  }
  #footer_emmi {
    margin-top: calc(150 * 100vw / 750);
    padding-top: calc(0 * 100vw / 750);
  }
  .l-view {
    display: none !important;
  }
  .landing_content {
    overflow: visible;
    contain: paint;
    padding-top: calc(75 * 100vw / 750);
    padding-bottom: calc(0 * 100vw / 750);
  }
  .landing_content img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    vertical-align: bottom;
  }
  .landing_content .js-modal_active {
    cursor: pointer;
  }
  .landing_content__mainvisual {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/920;
    margin: 0 auto;
  }
  .landing_content .css-textarea {
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24 * 100vw / 750);
    line-height: calc(48 * 100vw / 750);
    letter-spacing: 0.035em;
    font-feature-settings: "palt";
    text-align: center;
    margin-top: calc(90 * 100vw / 750);
  }
  .landing_content .css-credit {
    text-align: center;
    z-index: 2;
  }
  .landing_content .css-credit .css-credit_link {
    font-family: "pragmatica", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-feature-settings: "palt";
    font-size: calc(22 * 100vw / 750);
    letter-spacing: 0.05em;
    line-height: calc(40 * 100vw / 750);
  }
  .landing_content .css-credit .css-credit_link + .css-credit_link,
  .landing_content .css-credit .l-view + .css-credit_link {
    margin-left: calc(10 * 100vw / 750);
  }
  .landing_content .css-section1 {
    position: relative;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/942;
    margin: 0 auto;
    margin-top: calc(127 * 100vw / 750);
  }
  .landing_content .css-section1 .css-section_wrapper {
    width: calc(665 * 100vw / 750);
    aspect-ratio: 665/942;
    position: relative;
    margin-left: auto;
  }
  .landing_content .css-section1 .css-section_wrapper .css-section_image1 {
    width: calc(560 * 100vw / 750);
    aspect-ratio: 560/700;
    position: absolute;
    right: calc(0 * 100vw / 750);
    top: calc(100 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section1 .css-section_wrapper .css-bg1 {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
  }
  .landing_content .css-section1 .css-section_wrapper .css-bg1 {
    width: calc(240 * 100vw / 750);
    aspect-ratio: 240/600;
    background-image: url(/Page/feature/atelier/241211_umeharu/img/section1_bg1_s.jpg);
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
  }
  .landing_content .css-section1 .css-section_wrapper .css-credit {
    position: absolute;
    text-align: left;
    left: calc(103 * 100vw / 750);
    bottom: calc(-11 * 100vw / 750);
  }
  .landing_content .css-section2 {
    position: relative;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1813;
    margin: 0 auto;
    margin-top: calc(166 * 100vw / 750);
  }
  .landing_content .css-section2 .css-section_wrapper {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1813;
    position: relative;
    margin-left: auto;
  }
  .landing_content .css-section2 .css-section_wrapper .css-section_image1 {
    width: calc(660 * 100vw / 750);
    aspect-ratio: 660/825;
    position: relative;
    margin: 0 auto;
    margin-top: calc(100 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section2 .css-section_wrapper .css-section_image2 {
    width: calc(660 * 100vw / 750);
    aspect-ratio: 660/825;
    position: relative;
    margin: 0 auto;
    margin-top: calc(20 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section2 .css-section_wrapper .css-bg1 {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
  }
  .landing_content .css-section2 .css-section_wrapper .css-bg1 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1050;
    background-image: url(/Page/feature/atelier/241211_umeharu/img/section2_bg1_s.jpg);
    left: calc(0 * 100vw / 750);
    right: calc(0 * 100vw / 750);
    top: calc(310 * 100vw / 750);
    margin: auto;
  }
  .landing_content .css-section2 .css-section_wrapper .css-credit {
    position: relative;
    text-align: center;
    left: calc(0 * 100vw / 750);
    margin-top: calc(31 * 100vw / 750);
  }
  .landing_content .css-section3 {
    position: relative;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/2375;
    margin: 0 auto;
    margin-top: calc(130 * 100vw / 750);
  }
  .landing_content .css-section3 .css-section_wrapper {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/2375;
    position: relative;
    margin-left: auto;
  }
  .landing_content .css-section3 .css-section_wrapper .css-section_image1 {
    width: calc(540 * 100vw / 750);
    aspect-ratio: 540/675;
    position: relative;
    margin: 0 auto;
    top: calc(100 * 100vw / 750);
    left: calc(34 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section3 .css-section_wrapper .css-section_image2 {
    width: calc(440 * 100vw / 750);
    aspect-ratio: 440/550;
    position: relative;
    top: calc(181 * 100vw / 750);
    left: calc(0 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section3 .css-section_wrapper .css-section_image3 {
    width: calc(640 * 100vw / 750);
    aspect-ratio: 640/800;
    position: relative;
    margin: 0 auto;
    top: calc(281 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section3 .css-section_wrapper .css-bg1,
  .landing_content .css-section3 .css-section_wrapper .css-bg2 {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
  }
  .landing_content .css-section3 .css-section_wrapper .css-bg1 {
    width: calc(240 * 100vw / 750);
    aspect-ratio: 240/600;
    background-image: url(/Page/feature/atelier/241211_umeharu/img/section3_bg1_s.jpg);
    left: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
  }
  .landing_content .css-section3 .css-section_wrapper .css-bg2 {
    width: calc(220 * 100vw / 750);
    aspect-ratio: 220/550;
    background-image: url(/Page/feature/atelier/241211_umeharu/img/section3_bg2_s.jpg);
    right: calc(0 * 100vw / 750);
    bottom: calc(0 * 100vw / 750);
  }
  .landing_content .css-section3 .css-section_wrapper .css-credit {
    position: absolute;
    text-align: left;
    left: calc(360 * 100vw / 750);
    top: calc(1260 * 100vw / 750);
  }
  .landing_content .css-section4 {
    position: relative;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/2357;
    margin: 0 auto;
    margin-top: calc(141 * 100vw / 750);
  }
  .landing_content .css-section4 .css-section_wrapper {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/2357;
    position: relative;
    margin-left: auto;
  }
  .landing_content .css-section4 .css-section_wrapper .css-section_image1 {
    width: calc(500 * 100vw / 750);
    aspect-ratio: 500/625;
    position: relative;
    margin-right: auto;
    margin-top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section4 .css-section_wrapper .css-section_image2 {
    width: calc(620 * 100vw / 750);
    aspect-ratio: 620/775;
    position: relative;
    margin-left: auto;
    margin-top: calc(88 * 100vw / 750);
    left: calc(0 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section4 .css-section_wrapper .css-section_image3 {
    width: calc(620 * 100vw / 750);
    aspect-ratio: 620/775;
    position: relative;
    margin-top: calc(20 * 100vw / 750);
    left: calc(0 * 100vw / 750);
    margin-left: auto;
    z-index: 2;
  }
  .landing_content .css-section4 .css-section_wrapper .css-credit {
    position: relative;
    text-align: left;
    left: calc(40 * 100vw / 750);
    margin-top: calc(34 * 100vw / 750);
  }
  .landing_content .css-section5 {
    position: relative;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1665;
    margin: 0 auto;
    margin-top: calc(141 * 100vw / 750);
  }
  .landing_content .css-section5 .css-section_wrapper {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1665;
    position: relative;
    margin-left: auto;
  }
  .landing_content .css-section5 .css-section_wrapper .css-section_image1 {
    width: calc(660 * 100vw / 750);
    aspect-ratio: 660/825;
    position: relative;
    margin-right: auto;
    top: calc(139 * 100vw / 750);
    left: calc(0 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section5 .css-section_wrapper .css-section_image2 {
    width: calc(480 * 100vw / 750);
    aspect-ratio: 480/600;
    position: absolute;
    bottom: calc(0 * 100vw / 750);
    right: calc(0 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section5 .css-section_wrapper .css-bg1 {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
  }
  .landing_content .css-section5 .css-section_wrapper .css-bg1 {
    width: calc(280 * 100vw / 750);
    aspect-ratio: 280/700;
    background-image: url(/Page/feature/atelier/241211_umeharu/img/section5_bg1_s.jpg);
    right: calc(-20 * 100vw / 750);
    top: calc(0 * 100vw / 750);
  }
  .landing_content .css-section5 .css-section_wrapper .css-credit {
    z-index: 3;
    position: absolute;
    text-align: left;
    left: calc(40 * 100vw / 750);
    bottom: calc(24 * 100vw / 750);
  }
  .landing_content .css-section6 {
    position: relative;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/2255;
    margin: 0 auto;
    margin-top: calc(160 * 100vw / 750);
  }
  .landing_content .css-section6 .css-section_wrapper {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/2255;
    position: relative;
    margin-left: auto;
  }
  .landing_content .css-section6 .css-section_wrapper .css-section_image1 {
    width: calc(680 * 100vw / 750);
    aspect-ratio: 680/850;
    position: relative;
    margin-right: auto;
    top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section6 .css-section_wrapper .css-section_image2 {
    width: calc(460 * 100vw / 750);
    aspect-ratio: 460/575;
    position: relative;
    margin: 0 auto;
    margin-top: calc(121 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section6 .css-section_wrapper .css-section_image3 {
    width: calc(460 * 100vw / 750);
    aspect-ratio: 460/575;
    position: relative;
    margin: 0 auto;
    margin-top: calc(20 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section6 .css-section_wrapper .css-bg1 {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
  }
  .landing_content .css-section6 .css-section_wrapper .css-bg1 {
    width: calc(240 * 100vw / 750);
    aspect-ratio: 240/600;
    background-image: url(/Page/feature/atelier/241211_umeharu/img/section6_bg1_s.jpg);
    right: calc(0 * 100vw / 750);
    top: calc(381 * 100vw / 750);
  }
  .landing_content .css-section6 .css-section_wrapper .css-credit {
    z-index: 3;
    position: relative;
    text-align: left;
    left: calc(40 * 100vw / 750);
    margin-top: calc(32 * 100vw / 750);
  }
  .landing_content .css-section7 {
    position: relative;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1814.5;
    margin: 0 auto;
    margin-top: calc(160 * 100vw / 750);
  }
  .landing_content .css-section7 .css-section_wrapper {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1814.5;
    position: relative;
    margin-left: auto;
  }
  .landing_content .css-section7 .css-section_wrapper .css-section_image1 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/937.5;
    position: relative;
    margin: 0 auto;
    margin-top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section7 .css-section_wrapper .css-section_image2 {
    width: calc(540 * 100vw / 750);
    aspect-ratio: 540/675;
    position: relative;
    margin-left: auto;
    margin-top: calc(100 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section7 .css-section_wrapper .css-credit {
    z-index: 3;
    position: relative;
    text-align: left;
    left: calc(151 * 100vw / 750);
    margin-top: calc(32 * 100vw / 750);
  }
  .landing_content__check_all_button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(118 * 100vw / 750);
  }
  .landing_content__check_all_button--link {
    width: calc(480 * 100vw / 750);
    aspect-ratio: 480/84;
    object-fit: cover;
  }
}
@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}