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

.js-scroll_lock {
  overflow: hidden;
}

.main-area {
  overflow: initial;
}

@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}
@media screen and (min-width: 768px) {
  .landing_content.js-icons {
    position: relative;
    overflow: hidden;
  }
  .landing_content.js-icons .icon1,
  .landing_content.js-icons .icon2,
  .landing_content.js-icons .icon3,
  .landing_content.js-icons .icon4,
  .landing_content.js-icons .icon5,
  .landing_content.js-icons .icon6 {
    position: absolute;
    display: block;
    z-index: -1;
    width: 8rem;
    aspect-ratio: 80/80;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
  }
  .landing_content.js-icons .icon1 {
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_icon1.svg);
  }
  .landing_content.js-icons .icon2 {
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_icon2.svg);
  }
  .landing_content.js-icons .icon3 {
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_icon3.svg);
  }
  .landing_content.js-icons .icon4 {
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_icon4.svg);
  }
  .landing_content.js-icons .icon5 {
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_icon5.svg);
  }
  .landing_content.js-icons .icon6 {
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_icon6.svg);
  }
  .landing_content .js-fadeIn {
    opacity: 0;
    transition: ease-in, opacity 1s;
  }
  .landing_content .js-fadeIn--active {
    opacity: 1;
  }
  .landing_content .swiper_fade .swiper-pagination {
    width: auto;
    left: 0.8rem;
    bottom: 0.8rem;
    text-align: left;
  }
  .landing_content .swiper_fade .swiper-pagination-bullet {
    /*サイズを変更*/
    width: 0.4rem;
    height: 0.4rem;
    /*ドットの間隔を変更*/
    margin: 0 0.4rem !important;
    /*ドットの色を変更*/
    background-color: transparent;
    border: solid 1px var(--color2);
    opacity: 1 !important;
  }
  .landing_content .swiper_fade .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background-color: var(--color2);
  }
  .s-view {
    display: none;
  }
  #footer_emmi {
    padding-top: 0;
    margin-top: 12rem;
  }
  .landing_content {
    margin: 0 auto;
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_pc.png);
    background-size: 140rem;
    background-repeat: repeat-y;
    background-position: center;
  }
  .landing_content img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
  .landing_content__main_visual {
    position: relative;
    width: 90rem;
    aspect-ratio: 900/500;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    margin-top: 4rem;
    background-color: var(--color2);
  }
  .landing_content__main_visual__wrapper {
    position: relative;
    width: 90rem;
    aspect-ratio: 900/500;
    object-fit: cover;
    display: block;
  }
  .landing_content__main_visual__wrapper a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .landing_content__textarea {
    text-align: center;
    margin-top: 7.3rem;
  }
  .landing_content__textarea--text {
    font-size: 1.4rem;
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 2.8rem;
    color: var(--color1);
  }
  .landing_content__media {
    width: 72rem;
    margin: 0 auto;
    margin-top: 5.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .landing_content__media video {
    width: 72rem;
  }
  .landing_content__accordion_textarea {
    border: solid 2px var(--color3);
    width: 41.7rem;
    height: 8rem;
    transition: height 1s, width 1s;
    margin: 0 auto;
    margin-top: 10rem;
    position: relative;
    background-color: var(--color2);
  }
  .landing_content__accordion_textarea--headline {
    position: absolute;
    width: 26rem;
    aspect-ratio: 260/61.895;
    left: 0;
    right: 0;
    top: -2rem;
    margin: auto;
  }
  .landing_content__accordion_textarea--text {
    text-align: center;
    font-size: 1.3rem;
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 2.6rem;
    font-feature-settings: "palt";
    color: var(--color1);
  }
  .landing_content__accordion_textarea--text--bold {
    font-weight: bold;
  }
  .landing_content__accordion_textarea .css-open_button {
    position: absolute;
    width: 8.18799rem;
    aspect-ratio: 81.8799/41.571;
    left: 0;
    right: 0;
    bottom: -3.1rem;
    margin: auto;
    opacity: 1;
    cursor: pointer;
  }
  .landing_content__accordion_textarea .css-close_button {
    position: absolute;
    width: 4.40532rem;
    aspect-ratio: 44.0532/41.585;
    left: 0;
    right: 0;
    bottom: -3.1rem;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
  }
  .landing_content__accordion_textarea .css-accordion_textarea_wrapper {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s;
    transition-delay: 0.5s;
    position: relative;
    margin: 0 auto;
    margin-top: 9.6rem;
    left: 0;
  }
  .landing_content__accordion_textarea--text_sub {
    margin-top: 2.6rem;
    font-family: freight-big-pro, serif;
    font-weight: 400;
    font-style: normal;
    font-weight: 500;
    font-size: 2.2rem;
    letter-spacing: 0.04em;
    line-height: 3.85rem;
    text-align: center;
    font-feature-settings: "palt";
    color: var(--color3);
  }
  .landing_content__accordion_textarea__list {
    margin: 0 auto;
    margin-top: 0.7rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 47.04868rem;
    position: relative;
    left: -0.4rem;
  }
  .landing_content__accordion_textarea__list__item {
    position: relative;
    width: 10rem;
  }
  .landing_content__accordion_textarea__list__item:nth-of-type(1) {
    width: 11.1186rem;
  }
  .landing_content__accordion_textarea.js-active {
    width: 82.7rem;
    height: 65.4rem;
  }
  .landing_content__accordion_textarea.js-active .css-open_button {
    opacity: 0;
    visibility: hidden;
  }
  .landing_content__accordion_textarea.js-active .css-close_button {
    opacity: 1;
    visibility: visible;
  }
  .landing_content__accordion_textarea.js-active .css-accordion_textarea_wrapper {
    visibility: visible;
    opacity: 1;
  }
  .landing_content .css-section .css-wrapper {
    position: relative;
    margin: 0 auto;
  }
  .landing_content .css-section .css-item1,
  .landing_content .css-section .css-item2 {
    position: absolute;
  }
  .landing_content .css-section .css-item1 .css-image,
  .landing_content .css-section .css-item2 .css-image {
    background-color: var(--color2);
  }
  .landing_content .css-section .css-item1 .css-text1,
  .landing_content .css-section .css-item1 .css-text2,
  .landing_content .css-section .css-item2 .css-text1,
  .landing_content .css-section .css-item2 .css-text2 {
    position: absolute;
    pointer-events: none;
    z-index: 2;
  }
  .landing_content .css-section .css-textarea {
    position: absolute;
    font-family: freight-big-pro, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
  }
  .landing_content .css-section .css-textarea_jp {
    position: absolute;
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.3rem;
    line-height: 2.6rem;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
  }
  .landing_content .css-section .css-icon1,
  .landing_content .css-section .css-icon2,
  .landing_content .css-section .css-icon3 {
    position: absolute;
  }
  .landing_content .css-section .css-icon1 {
    width: 10rem;
    aspect-ratio: 100/100;
  }
  .landing_content .css-section .css-icon2 {
    width: 10rem;
    aspect-ratio: 100/100;
  }
  .landing_content .css-section .css-icon3 {
    width: 10rem;
    aspect-ratio: 100/100;
  }
  .landing_content .css-section .css-unknown_block {
    background-color: var(--color2);
    width: 8rem;
    aspect-ratio: 80/195;
    position: absolute;
  }
  .landing_content .css-section .css-unknown_block::after {
    top: 0;
    left: 0;
    background-color: rgba(22, 29, 111, 0.1);
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
  }
  .landing_content .css-section .css-credit {
    position: absolute;
  }
  .landing_content .css-section .css-credit .css-credit_link {
    font-family: "pragmatica", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 2.5rem;
    letter-spacing: 0.05em;
    font-size: 1.3rem;
    font-feature-settings: "palt";
  }
  .landing_content .css-section .css-credit .css-credit_link + .css-credit_link,
  .landing_content .css-section .css-credit .s-view + .css-credit_link {
    margin-left: 0.6rem;
  }
  .landing_content .css-section1 {
    margin-top: 15.2rem;
  }
  .landing_content .css-section1 .css-wrapper {
    width: 115.99796rem;
    aspect-ratio: 1159.9796/692.2209;
  }
  .landing_content .css-section1 .css-wrapper .css-item1 {
    width: 39rem;
    aspect-ratio: 390/520;
    top: 0;
    right: 8rem;
  }
  .landing_content .css-section1 .css-wrapper .css-item1 .css-image {
    width: 39rem;
    aspect-ratio: 390/520;
  }
  .landing_content .css-section1 .css-wrapper .css-item2 {
    width: 56rem;
    aspect-ratio: 560/420;
    bottom: 1.2rem;
    left: -8rem;
  }
  .landing_content .css-section1 .css-wrapper .css-item2 .css-text1 {
    width: 18.24976rem;
    aspect-ratio: 182.4976/36.5693;
    left: 2rem;
    top: -2.2rem;
  }
  .landing_content .css-section1 .css-wrapper .css-item2 .css-text2 {
    width: 8.81517rem;
    aspect-ratio: 88.1517/28.0759;
    right: -5.5rem;
    bottom: -1.3rem;
  }
  .landing_content .css-section1 .css-wrapper .css-item2 .css-image {
    width: 56rem;
    aspect-ratio: 560/420;
  }
  .landing_content .css-section1 .css-wrapper .css-credit {
    right: 10.7rem;
    bottom: 10.7rem;
    text-align: left;
  }
  .landing_content .css-section2 {
    margin-top: 14rem;
  }
  .landing_content .css-section2 .css-wrapper {
    width: 81.16279rem;
    aspect-ratio: 811.6279/694;
  }
  .landing_content .css-section2 .css-wrapper .css-item1 {
    width: 42rem;
    aspect-ratio: 420/560;
    top: 0;
    left: 1.6rem;
  }
  .landing_content .css-section2 .css-wrapper .css-item1 .css-image {
    width: 42rem;
    aspect-ratio: 420/560;
  }
  .landing_content .css-section2 .css-wrapper .css-item2 {
    width: 34.5rem;
    aspect-ratio: 345/460;
    bottom: 7.4rem;
    right: 2.5rem;
  }
  .landing_content .css-section2 .css-wrapper .css-item2 .css-image {
    width: 34.5rem;
    aspect-ratio: 345/460;
  }
  .landing_content .css-section2 .css-wrapper .css-item2 .css-text1 {
    width: 2.9748rem;
    aspect-ratio: 29.748/131.5415;
    right: -4.1rem;
    top: -4rem;
  }
  .landing_content .css-section2 .css-wrapper .css-item2 .css-text2 {
    width: 2.98364rem;
    aspect-ratio: 29.8364/79.9185;
    right: -4.1rem;
    bottom: -4rem;
  }
  .landing_content .css-section2 .css-wrapper .css-credit {
    left: 1.6rem;
    bottom: -0.6rem;
    text-align: left;
  }
  .landing_content .css-section3 {
    margin-top: 14rem;
  }
  .landing_content .css-section3 .css-wrapper {
    width: 91rem;
    aspect-ratio: 910/659;
  }
  .landing_content .css-section3 .css-wrapper .css-item1 {
    width: 45rem;
    aspect-ratio: 450/600;
    top: 0;
    right: -3.5rem;
  }
  .landing_content .css-section3 .css-wrapper .css-item1 .css-image {
    width: 45rem;
    aspect-ratio: 450/600;
  }
  .landing_content .css-section3 .css-wrapper .css-item2 {
    width: 36rem;
    aspect-ratio: 360/480;
    top: 6rem;
    left: 3.5rem;
  }
  .landing_content .css-section3 .css-wrapper .css-item2 .css-image {
    width: 36rem;
    aspect-ratio: 360/480;
  }
  .landing_content .css-section3 .css-wrapper .css-item2 .css-text1 {
    width: 13.46265rem;
    aspect-ratio: 134.6265/32.4507;
    right: -5.2rem;
    top: -2rem;
  }
  .landing_content .css-section3 .css-wrapper .css-credit {
    right: -1.6rem;
    bottom: -0.6rem;
    text-align: left;
  }
  .landing_content .css-section4 {
    margin-top: 14rem;
  }
  .landing_content .css-section4 .css-wrapper {
    width: 95.16279rem;
    aspect-ratio: 951.6279/728.123;
  }
  .landing_content .css-section4 .css-wrapper .css-item1 {
    width: 51rem;
    aspect-ratio: 510/680;
    top: 0;
    right: 6.5rem;
  }
  .landing_content .css-section4 .css-wrapper .css-item1 .css-image {
    width: 51rem;
    aspect-ratio: 510/680;
  }
  .landing_content .css-section4 .css-wrapper .css-item1 .css-text1 {
    width: 2.9748rem;
    aspect-ratio: 29.748/123.6592;
    right: -4.1rem;
    bottom: -2.9rem;
  }
  .landing_content .css-section4 .css-wrapper .css-textarea {
    width: 42rem;
    aspect-ratio: 420/274;
    left: 1.6rem;
    top: 3.8rem;
    color: var(--color1);
  }
  .landing_content .css-section4 .css-wrapper .css-unknown_block {
    width: 8rem;
    aspect-ratio: 80/195;
    left: -2.4rem;
    top: -1.9rem;
  }
  .landing_content .css-section4 .css-wrapper .css-credit {
    left: 15.2rem;
    bottom: 4.2rem;
    text-align: right;
  }
  .landing_content .css-section5 {
    margin-top: 13.6rem;
  }
  .landing_content .css-section5 .css-wrapper {
    width: 84.5rem;
    aspect-ratio: 845/639.8267;
  }
  .landing_content .css-section5 .css-wrapper .css-item1 {
    width: 42rem;
    aspect-ratio: 420/560;
    top: 0;
    left: 7.8rem;
  }
  .landing_content .css-section5 .css-wrapper .css-item1 .css-image {
    width: 42rem;
    aspect-ratio: 420/560;
  }
  .landing_content .css-section5 .css-wrapper .css-item1 .css-text1 {
    width: 20.3522rem;
    aspect-ratio: 203.522/212.5464;
    left: -10.5rem;
    top: -4.6rem;
  }
  .landing_content .css-section5 .css-wrapper .css-item2 {
    width: 42rem;
    aspect-ratio: 420/560;
    top: 0;
    right: -7.8rem;
  }
  .landing_content .css-section5 .css-wrapper .css-item2 .css-image {
    width: 42rem;
    aspect-ratio: 420/560;
  }
  .landing_content .css-section5 .css-wrapper .css-credit {
    left: 28rem;
    bottom: 3.9rem;
    text-align: center;
  }
  .landing_content .css-section6 {
    margin-top: 3.5rem;
  }
  .landing_content .css-section6 .css-wrapper {
    width: 74rem;
    aspect-ratio: 740/605;
  }
  .landing_content .css-section6 .css-wrapper .css-item1 {
    width: 36rem;
    aspect-ratio: 360/480;
    top: 12.5rem;
    left: 9rem;
  }
  .landing_content .css-section6 .css-wrapper .css-item1 .css-image {
    width: 36rem;
    aspect-ratio: 360/480;
  }
  .landing_content .css-section6 .css-wrapper .css-unknown_block {
    right: -9rem;
    top: 0;
  }
  .landing_content .css-section6 .css-wrapper .css-textarea_jp {
    width: 40rem;
    aspect-ratio: 400/195;
    right: -4rem;
    top: 1.5rem;
  }
  .landing_content .css-section6 .css-wrapper .css-icon1 {
    right: 8rem;
    top: 23.5rem;
  }
  .landing_content .css-section6 .css-wrapper .css-icon2 {
    right: -4rem;
    top: 23.5rem;
  }
  .landing_content .css-section6 .css-wrapper .css-credit {
    left: 47rem;
    bottom: -0.8rem;
    text-align: left;
  }
  .landing_content .css-section7 {
    margin-top: 14rem;
  }
  .landing_content .css-section7 .css-wrapper {
    width: 100rem;
    aspect-ratio: 1000/453.0424;
  }
  .landing_content .css-section7 .css-wrapper .css-item1 {
    width: 56rem;
    aspect-ratio: 560/420.0848;
    top: 0rem;
    right: 0rem;
  }
  .landing_content .css-section7 .css-wrapper .css-item1 .css-image {
    width: 56rem;
    aspect-ratio: 560/420.0848;
  }
  .landing_content .css-section7 .css-wrapper .css-item1 .css-text1 {
    width: 3.31255rem;
    aspect-ratio: 33.1255/270.2848;
    top: -3.9rem;
    right: 3.4rem;
  }
  .landing_content .css-section7 .css-wrapper .css-unknown_block {
    width: 8rem;
    aspect-ratio: 80/265;
    left: 0rem;
    top: 5.8rem;
  }
  .landing_content .css-section7 .css-wrapper .css-textarea_jp {
    width: 36rem;
    aspect-ratio: 360/195;
    left: 3rem;
    top: 22rem;
  }
  .landing_content .css-section7 .css-wrapper .css-icon1 {
    left: 1rem;
    top: 8.5rem;
  }
  .landing_content .css-section7 .css-wrapper .css-icon3 {
    left: 13rem;
    top: 8.5rem;
  }
  .landing_content .css-section7 .css-wrapper .css-credit {
    right: -0.2rem;
    bottom: -0.7rem;
    text-align: left;
  }
  .landing_content .css-section8 {
    margin-top: 14rem;
  }
  .landing_content .css-section8 .css-wrapper {
    width: 80rem;
    aspect-ratio: 800/660;
  }
  .landing_content .css-section8 .css-wrapper .css-item1 {
    width: 45rem;
    aspect-ratio: 450/600;
    bottom: 0rem;
    left: 4rem;
  }
  .landing_content .css-section8 .css-wrapper .css-item1 .css-image {
    width: 45rem;
    aspect-ratio: 450/600;
  }
  .landing_content .css-section8 .css-wrapper .css-item1 .css-text1 {
    width: 8.8542rem;
    aspect-ratio: 88.542/237.4126;
    top: -6rem;
    left: -4.5rem;
  }
  .landing_content .css-section8 .css-wrapper .css-unknown_block {
    width: 8rem;
    aspect-ratio: 80/266;
    right: -4rem;
    top: 0rem;
  }
  .landing_content .css-section8 .css-wrapper .css-textarea_jp {
    width: 39rem;
    right: -2rem;
    top: 12.5rem;
  }
  .landing_content .css-section8 .css-wrapper .css-icon1 {
    right: -2rem;
    top: 0rem;
  }
  .landing_content .css-section8 .css-wrapper .css-credit {
    left: 51rem;
    bottom: -0.8rem;
    text-align: left;
  }
  .landing_content .css-section9 {
    width: 53.7rem;
    height: 24.2rem;
    border: solid 2px var(--color3);
    position: relative;
    margin: 0 auto;
    margin-top: 13.3rem;
    background-color: var(--color2);
  }
  .landing_content .css-section9__headline {
    width: 46rem;
    aspect-ratio: 460/71;
    position: absolute;
    top: -1.5rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
  }
  .landing_content .css-section9__text1 {
    text-align: center;
    font-family: "pragmatica", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3rem;
    line-height: 2.8rem;
    letter-spacing: 0.05em;
    margin-top: 8.4rem;
  }
  .landing_content .css-section9__text2 {
    text-align: center;
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.3rem;
    line-height: 2.6rem;
    letter-spacing: 0.05em;
    margin-top: 2.1rem;
  }
  .landing_content__check_all_button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 9.9rem;
  }
  .landing_content__check_all_button--link {
    width: 34rem;
    display: block;
    object-fit: cover;
  }
}
@media screen and (max-width: 767px) {
  .landing_content.js-icons {
    position: relative;
    overflow: hidden;
  }
  .landing_content.js-icons .icon1,
  .landing_content.js-icons .icon2,
  .landing_content.js-icons .icon3,
  .landing_content.js-icons .icon4,
  .landing_content.js-icons .icon5,
  .landing_content.js-icons .icon6 {
    position: absolute;
    display: block;
    z-index: -1;
    width: calc(120 * 100vw / 750);
    aspect-ratio: 120/120;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
  }
  .landing_content.js-icons .icon1 {
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_icon1.svg);
  }
  .landing_content.js-icons .icon2 {
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_icon2.svg);
  }
  .landing_content.js-icons .icon3 {
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_icon3.svg);
  }
  .landing_content.js-icons .icon4 {
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_icon4.svg);
  }
  .landing_content.js-icons .icon5 {
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_icon5.svg);
  }
  .landing_content.js-icons .icon6 {
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_icon6.svg);
  }
  .landing_content .js-fadeIn {
    opacity: 0;
    transition: ease-in, opacity 1s;
  }
  .landing_content .js-fadeIn--active {
    opacity: 1;
  }
  .landing_content .js-fadeInLeft {
    opacity: 0;
    transform: translateX(5%);
    transition: ease-in, opacity 1s, transform 1s;
  }
  .landing_content .js-fadeInLeft--active {
    opacity: 1;
    transform: translateX(0);
  }
  .landing_content .js-fadeInRight {
    opacity: 0;
    transform: translateX(-5%);
    transition: ease-in, opacity 1s, transform 1s;
  }
  .landing_content .js-fadeInRight--active {
    opacity: 1;
    transform: translateX(0);
  }
  .landing_content .swiper_fade .swiper-pagination {
    width: auto;
    left: calc(10 * 100vw / 750);
    bottom: calc(15 * 100vw / 750);
    text-align: left;
  }
  .landing_content .swiper_fade .swiper-pagination-bullet {
    /*サイズを変更*/
    width: calc(10 * 100vw / 750);
    height: calc(10 * 100vw / 750);
    /*ドットの間隔を変更*/
    margin: 0 calc(9 * 100vw / 750) !important;
    /*ドットの色を変更*/
    background-color: transparent;
    border: solid 1px var(--color2);
    opacity: 1 !important;
  }
  .landing_content .swiper_fade .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background-color: var(--color2);
  }
  .landing_content__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    z-index: 10000;
    visibility: hidden;
    opacity: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: white;
    z-index: 10000;
  }
  .landing_content__modal.js-active {
    visibility: visible;
    opacity: 1;
    transition: 0.3s;
  }
  .landing_content__modal__close {
    width: calc(50 * 100vw / 750);
    aspect-ratio: 50/50;
    position: fixed;
    top: calc(40 * 100vw / 750);
    right: calc(30 * 100vw / 750);
    z-index: 2;
    cursor: pointer;
  }
  .landing_content__modal__wrapper {
    width: calc(520 * 100vw / 750);
    margin: 0 auto;
    margin-top: calc(25 * 100vw / 750);
    padding-bottom: calc(95 * 100vw / 750);
    position: relative;
    z-index: 3;
  }
  .landing_content__modal .css-credit {
    width: 100%;
    padding-top: calc(104 * 100vw / 750);
  }
  .landing_content__modal .css-credit:first-child {
    padding-top: calc(106 * 100vw / 750);
  }
  .landing_content__modal .css-credit .css-credit_image {
    width: calc(520 * 100vw / 750);
    aspect-ratio: 520/780;
  }
  .landing_content__modal .css-credit .css-credit_image + .css-credit_image {
    margin-top: calc(30 * 100vw / 750);
  }
  .landing_content__modal .css-credit .css-credit_text {
    width: calc(520 * 100vw / 750);
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-feature-settings: "palt";
    font-size: calc(22 * 100vw / 750);
    letter-spacing: 0.041em;
    line-height: calc(48 * 100vw / 750);
    margin: 0 auto;
    margin-top: calc(47 * 100vw / 750);
  }
  .landing_content__modal .css-credit .css-credit_links {
    width: calc(520 * 100vw / 750);
    margin: 0 auto;
    margin-top: calc(12 * 100vw / 750);
  }
  .landing_content__modal .css-credit .css-credit_links .css-credit_link {
    display: inline-block;
    font-family: "pragmatica", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-feature-settings: "palt";
    font-weight: 300;
    font-size: calc(22 * 100vw / 750);
    letter-spacing: 0.05em;
    line-height: calc(48 * 100vw / 750);
  }
  .landing_content__modal .css-credit .css-credit_links .css-credit_link + .css-credit_link {
    margin-left: calc(15 * 100vw / 750);
  }
  .landing_content__modal .css-credit .css-credit_about_button {
    margin-top: calc(47 * 100vw / 750);
    width: calc(520 * 100vw / 750);
    aspect-ratio: 520/74;
  }
  #footer_emmi {
    margin-top: calc(106 * 100vw / 750);
  }
  .l-view {
    display: none;
  }
  #footer_emmi {
    padding-top: 0;
  }
  .landing_content {
    width: 100%;
    overflow-x: hidden;
    background-image: url(/Page/feature/atelier/241011_sustainable/img/bg_sp.png);
    background-size: calc(750 * 100vw / 750);
    background-repeat: repeat-y;
    background-position: center;
  }
  .landing_content img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
  .landing_content__main_visual {
    position: relative;
    width: calc(750 * 100vw / 750);
    object-fit: cover;
    display: block;
    margin: 0 auto;
    margin-top: calc(58 * 100vw / 750);
    overflow: hidden;
  }
  .landing_content__main_visual__wrapper {
    position: relative;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/920;
    object-fit: cover;
    display: block;
  }
  .landing_content__main_visual__wrapper a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .landing_content__textarea {
    text-align: center;
    margin-top: calc(54 * 100vw / 750);
  }
  .landing_content__textarea--text {
    font-size: calc(24 * 100vw / 750);
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: calc(48 * 100vw / 750);
    color: var(--color1);
  }
  .landing_content__media {
    width: calc(540 * 100vw / 750);
    margin: 0 auto;
    margin-top: calc(86 * 100vw / 750);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .landing_content__media video {
    width: calc(540 * 100vw / 750);
  }
  .landing_content__accordion_textarea {
    border: solid 2px var(--color3);
    width: calc(640 * 100vw / 750);
    height: calc(147 * 100vw / 750);
    transition: height 1s, width 1s;
    margin: 0 auto;
    margin-top: calc(146 * 100vw / 750);
    position: relative;
    background-color: var(--color2);
  }
  .landing_content__accordion_textarea--headline {
    position: absolute;
    width: calc(475 * 100vw / 750);
    aspect-ratio: 475/112.135;
    left: 0;
    right: 0;
    top: calc(-32 * 100vw / 750);
    margin: auto;
  }
  .landing_content__accordion_textarea--text {
    position: relative;
    margin-top: calc(150 * 100vw / 750);
    left: calc(55 * 100vw / 750);
    width: calc(560 * 100vw / 750);
    text-align: left;
    font-size: calc(22 * 100vw / 750);
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.035em;
    line-height: calc(44 * 100vw / 750);
    font-feature-settings: "palt";
    color: var(--color1);
  }
  .landing_content__accordion_textarea--text--bold {
    font-weight: bold;
  }
  .landing_content__accordion_textarea .css-open_button {
    position: absolute;
    width: calc(139.9854 * 100vw / 750);
    aspect-ratio: 139.9854/74.836;
    left: 0;
    right: 0;
    bottom: calc(-56 * 100vw / 750);
    margin: auto;
    opacity: 1;
    cursor: pointer;
  }
  .landing_content__accordion_textarea .css-close_button {
    position: absolute;
    width: calc(75.2393 * 100vw / 750);
    aspect-ratio: 75.2393/74.8599;
    left: 0;
    right: 0;
    bottom: calc(-56 * 100vw / 750);
    margin: auto;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
  }
  .landing_content__accordion_textarea .css-accordion_textarea_wrapper {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s;
    position: relative;
    margin: 0 auto;
  }
  .landing_content__accordion_textarea--text_sub {
    margin-top: calc(55 * 100vw / 750);
    font-family: freight-big-pro, serif;
    font-weight: 400;
    font-style: normal;
    font-weight: 500;
    font-size: calc(40 * 100vw / 750);
    letter-spacing: 0.03em;
    line-height: calc(70 * 100vw / 750);
    text-align: center;
    font-feature-settings: "palt";
    color: var(--color3);
  }
  .landing_content__accordion_textarea__list {
    width: calc(427 * 100vw / 750);
    margin: 0 auto;
    margin-top: calc(20 * 100vw / 750);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
  }
  .landing_content__accordion_textarea__list__item {
    position: relative;
    width: calc(180 * 100vw / 750);
  }
  .landing_content__accordion_textarea__list__item:nth-of-type(1) {
    width: calc(197.5039 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    left: calc(-21 * 100vw / 750);
  }
  .landing_content__accordion_textarea__list__item:nth-of-type(2) {
    top: calc(0 * 100vw / 750);
    left: calc(-15 * 100vw / 750);
  }
  .landing_content__accordion_textarea__list__item:nth-of-type(3) {
    top: calc(30 * 100vw / 750);
    left: calc(15 * 100vw / 750);
  }
  .landing_content__accordion_textarea__list__item:nth-of-type(4) {
    top: calc(30 * 100vw / 750);
    left: calc(-15 * 100vw / 750);
  }
  .landing_content__accordion_textarea.js-active {
    width: calc(680 * 100vw / 750);
    height: calc(1677 * 100vw / 750);
  }
  .landing_content__accordion_textarea.js-active .css-open_button {
    opacity: 0;
    visibility: hidden;
  }
  .landing_content__accordion_textarea.js-active .css-close_button {
    opacity: 1;
    visibility: visible;
  }
  .landing_content__accordion_textarea.js-active .css-accordion_textarea_wrapper {
    visibility: visible;
    opacity: 1;
  }
  .landing_content .css-section .css-wrapper {
    position: relative;
    margin: 0 auto;
  }
  .landing_content .css-section .css-item1,
  .landing_content .css-section .css-item2 {
    position: relative;
  }
  .landing_content .css-section .css-item1 .css-image,
  .landing_content .css-section .css-item2 .css-image {
    background-color: var(--color2);
  }
  .landing_content .css-section .css-item1 .css-text1,
  .landing_content .css-section .css-item1 .css-text2,
  .landing_content .css-section .css-item2 .css-text1,
  .landing_content .css-section .css-item2 .css-text2 {
    position: absolute;
    pointer-events: none;
    z-index: 2;
  }
  .landing_content .css-section .css-textarea_jp {
    position: absolute;
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: calc(23 * 100vw / 750);
    line-height: calc(46 * 100vw / 750);
    letter-spacing: 0.025em;
    font-feature-settings: "palt";
  }
  .landing_content .css-section .css-icon1,
  .landing_content .css-section .css-icon2,
  .landing_content .css-section .css-icon3 {
    position: absolute;
  }
  .landing_content .css-section .css-icon1 {
    width: calc(180 * 100vw / 750);
    aspect-ratio: 180/180;
  }
  .landing_content .css-section .css-icon2 {
    width: calc(180 * 100vw / 750);
    aspect-ratio: 180/180;
  }
  .landing_content .css-section .css-icon3 {
    width: calc(180 * 100vw / 750);
    aspect-ratio: 180/180;
  }
  .landing_content .css-section .css-textarea {
    position: absolute;
    font-family: freight-big-pro, serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(22 * 100vw / 750);
    line-height: calc(36 * 100vw / 750);
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
  }
  .landing_content .css-section .css-unknown_block {
    background-color: var(--color2);
    width: calc(125 * 100vw / 750);
    aspect-ratio: 125/347;
    position: absolute;
    pointer-events: none;
  }
  .landing_content .css-section .css-unknown_block::after {
    top: 0;
    left: 0;
    background-color: rgba(22, 29, 111, 0.1);
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
  }
  .landing_content .css-section .css-credit {
    position: relative;
  }
  .landing_content .css-section .css-credit .css-credit_link {
    font-family: "pragmatica", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(22 * 100vw / 750);
    letter-spacing: 0.05em;
    line-height: calc(40 * 100vw / 750);
    font-feature-settings: "palt";
  }
  .landing_content .css-section .css-credit .css-credit_link + .css-credit_link,
  .landing_content .css-section .css-credit .l-view + .css-credit_link {
    margin-left: calc(6 * 100vw / 750);
  }
  .landing_content .css-section1 {
    margin-top: calc(194 * 100vw / 750);
  }
  .landing_content .css-section1 .css-wrapper {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1357.498;
  }
  .landing_content .css-section1 .css-wrapper .css-item1 {
    width: calc(510 * 100vw / 750);
    aspect-ratio: 510/680;
    margin-left: auto;
    margin-top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section1 .css-wrapper .css-item1 .css-image {
    width: calc(510 * 100vw / 750);
    aspect-ratio: 510/680;
  }
  .landing_content .css-section1 .css-wrapper .css-item1 .swiper-pagination {
    right: calc(10 * 100vw / 750);
    text-align: right;
  }
  .landing_content .css-section1 .css-wrapper .css-item2 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/562.6136;
    margin-left: auto;
    margin-top: calc(100 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section1 .css-wrapper .css-item2 .css-text1 {
    width: calc(294.6934 * 100vw / 750);
    aspect-ratio: 294.6934/59.8374;
    left: calc(10 * 100vw / 750);
    top: calc(-23 * 100vw / 750);
  }
  .landing_content .css-section1 .css-wrapper .css-item2 .css-text2 {
    width: calc(142.3768 * 100vw / 750);
    aspect-ratio: 142.3768/45.9404;
    right: calc(10 * 100vw / 750);
    bottom: calc(-13 * 100vw / 750);
  }
  .landing_content .css-section1 .css-wrapper .css-item2 .css-image {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/562.6136;
  }
  .landing_content .css-section1 .css-wrapper .css-credit {
    position: absolute;
    top: calc(460 * 100vw / 750);
    left: calc(84 * 100vw / 750);
    text-align: left;
    z-index: 2;
  }
  .landing_content .css-section2 {
    margin-top: calc(125 * 100vw / 750);
  }
  .landing_content .css-section2 .css-wrapper {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1538;
  }
  .landing_content .css-section2 .css-wrapper .css-item1 {
    width: calc(570 * 100vw / 750);
    aspect-ratio: 570/760;
    margin-top: calc(0 * 100vw / 750);
    left: calc(45 * 100vw / 750);
  }
  .landing_content .css-section2 .css-wrapper .css-item1 .css-image {
    width: calc(570 * 100vw / 750);
    aspect-ratio: 570/760;
  }
  .landing_content .css-section2 .css-wrapper .css-item1 .swiper-pagination {
    left: calc(10 * 100vw / 750);
    text-align: left;
  }
  .landing_content .css-section2 .css-wrapper .css-item2 {
    width: calc(480 * 100vw / 750);
    aspect-ratio: 480/640;
    margin-left: auto;
    margin-top: calc(7 * 100vw / 750);
    left: calc(-44 * 100vw / 750);
  }
  .landing_content .css-section2 .css-wrapper .css-item2 .css-image {
    width: calc(480 * 100vw / 750);
    aspect-ratio: 480/640;
  }
  .landing_content .css-section2 .css-wrapper .css-item2 .css-text1 {
    width: calc(48.6758 * 100vw / 750);
    aspect-ratio: 48.6758/212.2251;
    left: calc(-91 * 100vw / 750);
    top: calc(28 * 100vw / 750);
  }
  .landing_content .css-section2 .css-wrapper .css-item2 .css-text2 {
    width: calc(48.8203 * 100vw / 750);
    aspect-ratio: 48.8203/127.5977;
    left: calc(-90 * 100vw / 750);
    bottom: calc(32 * 100vw / 750);
  }
  .landing_content .css-section2 .css-wrapper .css-credit {
    margin-top: calc(21 * 100vw / 750);
    left: calc(224 * 100vw / 750);
    text-align: left;
    z-index: 2;
  }
  .landing_content .css-section3 {
    margin-top: calc(131 * 100vw / 750);
  }
  .landing_content .css-section3 .css-wrapper {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1873;
  }
  .landing_content .css-section3 .css-wrapper .css-item1 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1000;
    margin-top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section3 .css-wrapper .css-item1 .css-image {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1000;
  }
  .landing_content .css-section3 .css-wrapper .css-item2 {
    width: calc(480 * 100vw / 750);
    aspect-ratio: 480/640;
    margin: 0 auto;
    margin-top: calc(99 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section3 .css-wrapper .css-item2 .css-image {
    width: calc(480 * 100vw / 750);
    aspect-ratio: 480/640;
  }
  .landing_content .css-section3 .css-wrapper .css-item2 .css-text1 {
    width: calc(197.625 * 100vw / 750);
    aspect-ratio: 197.625/48.6763;
    top: calc(-28 * 100vw / 750);
    right: calc(-49 * 100vw / 750);
  }
  .landing_content .css-section3 .css-wrapper .css-credit {
    margin-top: calc(24 * 100vw / 750);
    left: calc(0 * 100vw / 750);
    text-align: center;
    z-index: 2;
  }
  .landing_content .css-section4 {
    margin-top: calc(131 * 100vw / 750);
  }
  .landing_content .css-section4 .css-wrapper {
    width: calc(750 * 100vw / 750);
  }
  .landing_content .css-section4 .css-wrapper .css-item1 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1000;
    margin-top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section4 .css-wrapper .css-item1 .css-image {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1000;
  }
  .landing_content .css-section4 .css-wrapper .css-item1 .css-text1 {
    width: calc(48.6768 * 100vw / 750);
    aspect-ratio: 48.6768/204.1055;
    left: calc(43 * 100vw / 750);
    top: calc(-47 * 100vw / 750);
  }
  .landing_content .css-section4 .css-wrapper .css-unknown_block {
    background-color: transparent;
    left: calc(20 * 100vw / 750);
    top: calc(550 * 100vw / 750);
    z-index: 1;
  }
  .landing_content .css-section4 .css-wrapper .css-unknown_block::after {
    background-color: rgba(22, 29, 111, 0.15);
  }
  .landing_content .css-section4 .css-wrapper .css-textarea {
    color: var(--color2);
    width: calc(650 * 100vw / 750);
    aspect-ratio: 650/347;
    left: calc(65 * 100vw / 750);
    top: calc(607 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section4 .css-wrapper .css-credit {
    margin-top: calc(24 * 100vw / 750);
    left: calc(0 * 100vw / 750);
    text-align: center;
    z-index: 2;
  }
  .landing_content .css-section5 {
    margin-top: calc(160 * 100vw / 750);
  }
  .landing_content .css-section5 .css-wrapper {
    width: calc(750 * 100vw / 750);
  }
  .landing_content .css-section5 .css-wrapper .css-item1 {
    width: calc(570 * 100vw / 750);
    aspect-ratio: 570/760;
    margin-left: auto;
    margin-top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section5 .css-wrapper .css-item1 .css-image {
    width: calc(570 * 100vw / 750);
    aspect-ratio: 570/760;
  }
  .landing_content .css-section5 .css-wrapper .css-item1 .css-text1 {
    width: calc(326.7764 * 100vw / 750);
    aspect-ratio: 326.7764/355.8857;
    left: calc(-120 * 100vw / 750);
    top: calc(-39 * 100vw / 750);
  }
  .landing_content .css-section5 .css-wrapper .css-item2 {
    width: calc(570 * 100vw / 750);
    aspect-ratio: 570/760;
    margin-left: auto;
    margin-top: calc(5 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section5 .css-wrapper .css-item2 .css-image {
    width: calc(570 * 100vw / 750);
    aspect-ratio: 570/760;
  }
  .landing_content .css-section5 .css-wrapper .css-credit {
    position: absolute;
    bottom: calc(20 * 100vw / 750);
    left: calc(35 * 100vw / 750);
    text-align: left;
    z-index: 2;
  }
  .landing_content .css-section6 {
    margin-top: calc(70 * 100vw / 750);
  }
  .landing_content .css-section6 .css-wrapper {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1173;
  }
  .landing_content .css-section6 .css-wrapper .css-item1 {
    width: calc(510 * 100vw / 750);
    aspect-ratio: 510/680;
    top: calc(411 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section6 .css-wrapper .css-item1 .css-image {
    width: calc(510 * 100vw / 750);
    aspect-ratio: 510/680;
  }
  .landing_content .css-section6 .css-wrapper .css-unknown_block {
    width: calc(125 * 100vw / 750);
    aspect-ratio: 125/436;
    right: calc(0 * 100vw / 750);
    top: calc(90 * 100vw / 750);
  }
  .landing_content .css-section6 .css-wrapper .css-textarea_jp {
    width: calc(480.6201 * 100vw / 750);
    aspect-ratio: 480.6201/435.248;
    right: calc(30 * 100vw / 750);
    top: calc(10 * 100vw / 750);
  }
  .landing_content .css-section6 .css-wrapper .css-icon1 {
    right: calc(10 * 100vw / 750);
    top: calc(446 * 100vw / 750);
  }
  .landing_content .css-section6 .css-wrapper .css-icon2 {
    right: calc(10 * 100vw / 750);
    top: calc(636 * 100vw / 750);
  }
  .landing_content .css-section6 .css-wrapper .css-credit {
    position: absolute;
    bottom: calc(-20 * 100vw / 750);
    left: calc(31 * 100vw / 750);
    text-align: left;
    z-index: 2;
  }
  .landing_content .css-section7 {
    margin-top: calc(150 * 100vw / 750);
  }
  .landing_content .css-section7 .css-wrapper {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1259.5;
  }
  .landing_content .css-section7 .css-wrapper .css-item1 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/562.6136;
    top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section7 .css-wrapper .css-item1 .css-image {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/562.6136;
  }
  .landing_content .css-section7 .css-wrapper .css-item1 .css-text1 {
    width: calc(45.8672 * 100vw / 750);
    aspect-ratio: 45.8672/357.3618;
    top: calc(-68 * 100vw / 750);
    right: calc(39 * 100vw / 750);
  }
  .landing_content .css-section7 .css-wrapper .css-wrapper_sub {
    position: relative;
    width: calc(675 * 100vw / 750);
    aspect-ratio: 675/564;
    margin: 0 auto;
    margin-top: calc(2 * 100vw / 750);
  }
  .landing_content .css-section7 .css-wrapper .css-unknown_block {
    width: calc(125 * 100vw / 750);
    aspect-ratio: 125/444;
    left: calc(2 * 100vw / 750);
    top: calc(90 * 100vw / 750);
  }
  .landing_content .css-section7 .css-wrapper .css-textarea_jp {
    width: calc(600 * 100vw / 750);
    left: calc(77 * 100vw / 750);
    top: calc(300 * 100vw / 750);
  }
  .landing_content .css-section7 .css-wrapper .css-icon1 {
    left: calc(58 * 100vw / 750);
    top: calc(91 * 100vw / 750);
  }
  .landing_content .css-section7 .css-wrapper .css-icon3 {
    left: calc(259 * 100vw / 750);
    top: calc(91 * 100vw / 750);
  }
  .landing_content .css-section7 .css-wrapper .css-credit {
    position: relative;
    top: calc(22 * 100vw / 750);
    left: calc(189 * 100vw / 750);
    text-align: left;
    z-index: 2;
  }
  .landing_content .css-section8 {
    margin-top: calc(140 * 100vw / 750);
  }
  .landing_content .css-section8 .css-wrapper {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1411;
  }
  .landing_content .css-section8 .css-wrapper .css-item1 {
    width: calc(660 * 100vw / 750);
    aspect-ratio: 660/880;
    top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section8 .css-wrapper .css-item1 .css-image {
    width: calc(660 * 100vw / 750);
    aspect-ratio: 660/880;
  }
  .landing_content .css-section8 .css-wrapper .css-item1 .css-text1 {
    width: calc(129.9736 * 100vw / 750);
    aspect-ratio: 129.9736/346.1172;
    top: calc(-40 * 100vw / 750);
    right: calc(-64 * 100vw / 750);
  }
  .landing_content .css-section8 .css-wrapper .css-wrapper_sub {
    position: relative;
    width: calc(720 * 100vw / 750);
    aspect-ratio: 720/338;
    margin: 0 auto;
    margin-top: calc(72 * 100vw / 750);
  }
  .landing_content .css-section8 .css-wrapper .css-unknown_block {
    width: calc(125 * 100vw / 750);
    aspect-ratio: 125/298;
    right: calc(-17 * 100vw / 750);
    top: calc(0 * 100vw / 750);
  }
  .landing_content .css-section8 .css-wrapper .css-textarea_jp {
    width: calc(455 * 100vw / 750);
    left: calc(226 * 100vw / 750);
    top: calc(31 * 100vw / 750);
  }
  .landing_content .css-section8 .css-wrapper .css-icon1 {
    left: calc(15 * 100vw / 750);
    top: calc(0 * 100vw / 750);
  }
  .landing_content .css-section8 .css-wrapper .css-credit {
    position: relative;
    top: calc(22 * 100vw / 750);
    left: calc(30 * 100vw / 750);
    text-align: left;
    z-index: 2;
  }
  .landing_content .css-section9 {
    width: calc(680 * 100vw / 750);
    height: calc(528 * 100vw / 750);
    border: solid 2px var(--color3);
    position: relative;
    margin: 0 auto;
    margin-top: calc(199 * 100vw / 750);
    background-color: var(--color2);
  }
  .landing_content .css-section9__headline {
    width: calc(500 * 100vw / 750);
    aspect-ratio: 500/196;
    position: absolute;
    top: calc(-63 * 100vw / 750);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
  }
  .landing_content .css-section9__text1 {
    text-align: center;
    font-family: "pragmatica", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24 * 100vw / 750);
    line-height: calc(48 * 100vw / 750);
    letter-spacing: 0.05em;
    margin-top: calc(186 * 100vw / 750);
  }
  .landing_content .css-section9__text2 {
    text-align: center;
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: calc(23 * 100vw / 750);
    line-height: calc(46 * 100vw / 750);
    letter-spacing: 0.06em;
    margin-top: calc(37 * 100vw / 750);
  }
  .landing_content__check_all_button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(132 * 100vw / 750);
  }
  .landing_content__check_all_button--link {
    width: calc(500 * 100vw / 750);
    display: block;
    object-fit: cover;
  }
}