@charset "UTF-8";
.landing_content {
  overflow: visible;
  --color1: #000;
  --color2: #fff;
  --color3: rgba(166, 174, 191, 0.5);
}

.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);
  }
  .s-view {
    display: none !important;
  }
  .bredlist.lp {
    margin-bottom: 2.7rem;
  }
  #footer_emmi {
    margin-top: 9.8rem;
    padding-top: 0;
  }
  .landing_content {
    background-color: var(--color3);
    padding-top: 4rem;
    padding-bottom: 12.1rem;
  }
  .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% * 890 / 1400);
    max-width: 89rem;
    aspect-ratio: 890/494.4436;
    margin: 0 auto;
  }
  .landing_content__textarea {
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 2.8rem;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
    text-align: center;
    margin-top: 5.7rem;
  }
  .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-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: 0.7rem;
  }
  .landing_content .css-section1 {
    position: relative;
    width: calc(100% * 636.2529 / 1400);
    max-width: 63.62529rem;
    aspect-ratio: 636.2529/700;
    margin: 0 auto;
    margin-top: 10.4rem;
    right: calc(100% * 27 / 1400);
  }
  .landing_content .css-section1 .css-section_headline {
    width: calc(100% * 59.9502 / 636.2529);
    max-width: 5.99502rem;
    aspect-ratio: 59.9502/690.4465;
    position: absolute;
    left: calc(100% * 0 / 636.2529);
    top: 1.6rem;
  }
  .landing_content .css-section1 .css-section_wrapper {
    width: calc(100% * 560 / 636.2529);
    max-width: 56rem;
    aspect-ratio: 560/700;
    position: absolute;
    right: calc(100% * 0 / 636.2529);
    top: 0.8rem;
    border: solid 1px var(--color2);
    /* 左上 | 右上 | 右下 | 左下 */
    border-radius: 10.3rem 0 10.3rem 0;
  }
  .landing_content .css-section1 .css-section_wrapper .css-section_image {
    width: calc(100% * 440 / 560);
    max-width: 44rem;
    aspect-ratio: 440/550;
    position: relative;
    margin: 0 auto;
    margin-top: 6.4rem;
  }
  .landing_content .css-section1 .css-section_wrapper .css-svg1,
  .landing_content .css-section1 .css-section_wrapper .css-svg2,
  .landing_content .css-section1 .css-section_wrapper .css-svg3,
  .landing_content .css-section1 .css-section_wrapper .css-svg4 {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    z-index: 2;
  }
  .landing_content .css-section1 .css-section_wrapper .css-svg1 {
    width: calc(100% * 87.7676 / 560);
    max-width: 8.77676rem;
    aspect-ratio: 87.7676/22.7539;
    background-image: url(/page/feature/yoga/241119_yoga/img/section1_text1_l.svg);
    top: 10.8rem;
    left: calc(100% * 102 / 560);
  }
  .landing_content .css-section1 .css-section_wrapper .css-svg2 {
    width: calc(100% * 71.7188 / 560);
    max-width: 7.17188rem;
    aspect-ratio: 71.7188/22.5137;
    background-image: url(/page/feature/yoga/241119_yoga/img/section1_text2_l.svg);
    top: 14.4rem;
    right: calc(100% * 41 / 560);
  }
  .landing_content .css-section1 .css-section_wrapper .css-svg3 {
    width: calc(100% * 36.627 / 560);
    max-width: 3.6627rem;
    aspect-ratio: 36.627/22.5381;
    background-image: url(/page/feature/yoga/241119_yoga/img/section1_text3_l.svg);
    top: 44.4rem;
    left: calc(100% * 47 / 560);
  }
  .landing_content .css-section1 .css-section_wrapper .css-svg4 {
    width: calc(100% * 61.5879 / 560);
    max-width: 6.15879rem;
    aspect-ratio: 61.5879/18.0015;
    background-image: url(/page/feature/yoga/241119_yoga/img/section1_text4_l.svg);
    top: 55.8rem;
    left: calc(100% * 420 / 560);
  }
  .landing_content .css-section1 .css-section_wrapper .css-credit {
    position: relative;
    margin-top: 2.6rem;
    text-align: center;
  }
  .landing_content .css-section2 {
    overflow: visible;
    margin-top: 15rem;
  }
  .landing_content .css-section2 .css-border {
    position: absolute;
    width: 100vw;
    height: 82.5rem;
    aspect-ratio: 1095/825;
    left: calc(100% * 108 / 1400);
    top: 18rem;
    border: solid 1px var(--color2);
    pointer-events: none;
    z-index: 1;
    /* 左上 | 右上 | 右下 | 左下 */
    border-radius: 10.3rem 0 0 10.3rem;
  }
  .landing_content .css-section2 .css-section_wrapper {
    position: relative;
    z-index: 2;
    width: calc(100% * 1087.7149 / 1400);
    max-width: 108.77149rem;
    aspect-ratio: 1087.7149/1134;
    margin: 0 auto;
    margin-top: 0rem;
    left: calc(100% * 48 / 1400);
  }
  .landing_content .css-section2 .css-section_wrapper .css-svg {
    width: calc(100% * 278.5547 / 1087.7149);
    max-width: 27.85547rem;
    aspect-ratio: 278.5547/100.5718;
    position: absolute;
    pointer-events: none;
    z-index: 5;
    right: calc(100% * 0 / 1087.7149);
    top: 53.2rem;
  }
  .landing_content .css-section2 .css-section_wrapper .css-credit {
    position: relative;
    text-align: center;
    left: calc(100% * 22 / 1087.7149);
    top: 75.5rem;
  }
  .landing_content .css-section2 .css-section_wrapper .css-image1 {
    position: absolute;
    width: calc(100% * 340 / 1087.7149);
    max-width: 34rem;
    aspect-ratio: 340/425;
    left: calc(100% * 0 / 1087.7149);
    top: 0;
    z-index: 2;
  }
  .landing_content .css-section2 .css-section_wrapper .css-image2 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 520 / 1087.7149);
    max-width: 52rem;
    aspect-ratio: 520/650;
    right: calc(100% * 140 / 1087.7149);
    top: 8rem;
  }
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper {
    position: absolute;
    z-index: 2;
    width: calc(100% * 790 / 1087.7149);
    max-width: 79rem;
    aspect-ratio: 790/260;
    left: calc(100% * 164 / 1087.7149);
    bottom: -3.1rem;
  }
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper .css-image3:hover::after,
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper .css-image4:hover::after,
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper .css-image5:hover::after,
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper .css-image6:hover::after {
    opacity: 0.3;
  }
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper .css-image3 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 200 / 790);
    max-width: 20rem;
    aspect-ratio: 200/200;
    left: calc(100% * 0 / 790);
    top: 0rem;
  }
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper .css-image4 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 200 / 790);
    max-width: 20rem;
    aspect-ratio: 200/200;
    left: calc(100% * 210 / 790);
    top: 0rem;
  }
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper .css-image5 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 200 / 790);
    max-width: 20rem;
    aspect-ratio: 200/260;
    left: calc(100% * 400 / 790);
    top: -3rem;
  }
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper .css-image6 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 200 / 790);
    max-width: 20rem;
    aspect-ratio: 200/200;
    right: calc(100% * 0 / 790);
    top: 0rem;
  }
  .landing_content .css-section3 {
    overflow: visible;
    margin-top: 10rem;
  }
  .landing_content .css-section3 .css-border {
    position: absolute;
    width: 100vw;
    height: 82.5rem;
    aspect-ratio: 1095/825;
    right: calc(100% * 188 / 1400);
    top: 27.4rem;
    border: solid 1px var(--color2);
    pointer-events: none;
    z-index: 1;
    /* 左上 | 右上 | 右下 | 左下 */
    border-radius: 0 10.3rem 10.3rem 0;
  }
  .landing_content .css-section3 .css-section_wrapper {
    position: relative;
    z-index: 2;
    width: calc(100% * 930 / 1400);
    max-width: 93rem;
    aspect-ratio: 930/1230;
    margin: 0 auto;
    margin-top: 0rem;
    left: calc(100% * 52 / 1400);
  }
  .landing_content .css-section3 .css-section_wrapper .css-svg {
    width: calc(100% * 93.707 / 930);
    max-width: 9.3707rem;
    aspect-ratio: 93.707/506.1011;
    position: absolute;
    pointer-events: none;
    z-index: 5;
    left: calc(100% * 15 / 930);
    top: 33.2rem;
  }
  .landing_content .css-section3 .css-section_wrapper .css-credit {
    position: absolute;
    text-align: left;
    right: calc(100% * 89 / 930);
    top: 82.5rem;
  }
  .landing_content .css-section3 .css-section_wrapper .css-image1 {
    position: absolute;
    width: calc(100% * 370 / 930);
    max-width: 37rem;
    aspect-ratio: 370/462;
    right: calc(100% * 0 / 930);
    top: 0;
    z-index: 2;
  }
  .landing_content .css-section3 .css-section_wrapper .css-image2 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 520 / 930);
    max-width: 52rem;
    aspect-ratio: 520/650;
    left: calc(100% * 75 / 930);
    top: 22rem;
  }
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper {
    position: absolute;
    z-index: 2;
    width: calc(100% * 790 / 930);
    max-width: 79rem;
    aspect-ratio: 790/260;
    right: calc(100% * 140 / 930);
    bottom: -3.1rem;
  }
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper .css-image3:hover::after,
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper .css-image4:hover::after,
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper .css-image5:hover::after,
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper .css-image6:hover::after {
    opacity: 0.3;
  }
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper .css-image3 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 200 / 790);
    max-width: 20rem;
    aspect-ratio: 200/200;
    left: calc(100% * 0 / 790);
    top: 0rem;
  }
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper .css-image4 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 200 / 790);
    max-width: 20rem;
    aspect-ratio: 200/200;
    left: calc(100% * 210 / 790);
    top: 0rem;
  }
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper .css-image5 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 200 / 790);
    max-width: 20rem;
    aspect-ratio: 200/260;
    left: calc(100% * 400 / 790);
    top: -3rem;
  }
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper .css-image6 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 200 / 790);
    max-width: 20rem;
    aspect-ratio: 200/200;
    right: calc(100% * 0 / 790);
    top: 0rem;
  }
  .landing_content .css-section4 {
    overflow: visible;
    margin-top: 18.5rem;
  }
  .landing_content .css-section4 .css-border {
    position: absolute;
    width: calc(100% * 1200 / 1000);
    max-width: 120rem;
    aspect-ratio: 1200/825;
    left: calc(100% * -101 / 1000);
    right: calc(100% * 0 / 1000);
    top: 17.9rem;
    margin: auto;
    border: solid 1px var(--color2);
    pointer-events: none;
    z-index: 1;
    /* 左上 | 右上 | 右下 | 左下 */
    border-radius: 0 10.3rem 0 10.3rem;
  }
  .landing_content .css-section4 .css-section_wrapper {
    position: relative;
    z-index: 2;
    width: calc(100% * 1000 / 1400);
    max-width: 100rem;
    aspect-ratio: 1000/1135;
    margin: 0 auto;
    margin-top: 0rem;
    left: calc(100% * 0 / 1400);
  }
  .landing_content .css-section4 .css-section_wrapper .css-svg {
    width: calc(100% * 239.043 / 1000);
    max-width: 23.9043rem;
    aspect-ratio: 239.043/75.6578;
    position: absolute;
    pointer-events: none;
    z-index: 5;
    left: calc(100% * 280 / 1000);
    top: 66.2rem;
  }
  .landing_content .css-section4 .css-section_wrapper .css-credit {
    position: absolute;
    text-align: left;
    left: calc(100% * 1 / 1000);
    top: 55rem;
  }
  .landing_content .css-section4 .css-section_wrapper .css-image1 {
    position: absolute;
    width: calc(100% * 420 / 1000);
    max-width: 42rem;
    aspect-ratio: 420/525;
    left: calc(100% * 0 / 1000);
    top: 0;
    z-index: 2;
  }
  .landing_content .css-section4 .css-section_wrapper .css-image2 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 540 / 1000);
    max-width: 54rem;
    aspect-ratio: 540/675;
    right: calc(100% * 0 / 1000);
    top: 10rem;
  }
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper {
    position: absolute;
    z-index: 2;
    width: calc(100% * 790 / 1000);
    max-width: 79rem;
    aspect-ratio: 790/260;
    left: calc(100% * 105 / 1000);
    bottom: -3.1rem;
  }
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper .css-image3:hover::after,
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper .css-image4:hover::after,
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper .css-image5:hover::after,
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper .css-image6:hover::after {
    opacity: 0.3;
  }
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper .css-image3 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 200 / 790);
    max-width: 20rem;
    aspect-ratio: 200/200;
    left: calc(100% * 0 / 790);
    top: 0rem;
  }
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper .css-image4 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 200 / 790);
    max-width: 20rem;
    aspect-ratio: 200/200;
    left: calc(100% * 210 / 790);
    top: 0rem;
  }
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper .css-image5 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 200 / 790);
    max-width: 20rem;
    aspect-ratio: 200/260;
    left: calc(100% * 400 / 790);
    top: -3rem;
  }
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper .css-image6 {
    position: absolute;
    z-index: 2;
    width: calc(100% * 200 / 790);
    max-width: 20rem;
    aspect-ratio: 200/200;
    right: calc(100% * 0 / 790);
    top: 0rem;
  }
  .landing_content__check_all_button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7.9rem;
  }
  .landing_content__check_all_button--link {
    width: 32rem;
    aspect-ratio: 320/50;
    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);
  }
  #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;
    background-color: var(--color3);
    padding-top: calc(67 * 100vw / 750);
    padding-bottom: calc(122 * 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/810;
    margin: 0 auto;
  }
  .landing_content__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.05em;
    font-feature-settings: "palt";
    text-align: center;
    margin-top: calc(108 * 100vw / 750);
  }
  .landing_content .css-credit {
    text-align: center;
  }
  .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 .l-view + .css-credit_link {
    margin-left: calc(10 * 100vw / 750);
  }
  .landing_content .css-section1 {
    position: relative;
    overflow: visible;
    contain: paint;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/954;
    margin: 0 auto;
    margin-top: calc(101 * 100vw / 750);
  }
  .landing_content .css-section1 .css-section_headline {
    width: calc(83.1602 * 100vw / 750);
    aspect-ratio: 83.1602/915.9287;
    position: absolute;
    left: calc(9 * 100vw / 750);
    top: calc(0 * 100vw / 750);
  }
  .landing_content .css-section1 .css-section_wrapper {
    position: absolute;
    width: calc(660 * 100vw / 750);
    aspect-ratio: 660/825;
    right: calc(0 * 100vw / 750);
    top: calc(0 * 100vw / 750);
    overflow: visible;
  }
  .landing_content .css-section1 .css-section_wrapper .css-border {
    position: absolute;
    border: solid 1px var(--color2);
    width: calc(660 * 100vw / 750);
    aspect-ratio: 660/825;
    /* 左上 | 右上 | 右下 | 左下 */
    border-radius: calc(100 * 100vw / 750) 0 calc(100 * 100vw / 750) 0;
    z-index: 2;
    pointer-events: none;
    top: calc(24 * 100vw / 750);
    left: calc(40 * 100vw / 750);
  }
  .landing_content .css-section1 .css-section_wrapper .css-section_image {
    width: calc(660 * 100vw / 750);
    aspect-ratio: 660/825;
    position: relative;
    margin: 0 auto;
    margin-top: calc(65 * 100vw / 750);
  }
  .landing_content .css-section1 .css-section_wrapper .css-svg1,
  .landing_content .css-section1 .css-section_wrapper .css-svg2,
  .landing_content .css-section1 .css-section_wrapper .css-svg3,
  .landing_content .css-section1 .css-section_wrapper .css-svg4 {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    z-index: 2;
  }
  .landing_content .css-section1 .css-section_wrapper .css-svg1 {
    width: calc(151.9131 * 100vw / 750);
    aspect-ratio: 151.9131/39.8232;
    background-image: url(/page/feature/yoga/241119_yoga/img/section1_text1_l.svg);
    top: calc(188 * 100vw / 750);
    left: calc(84 * 100vw / 750);
  }
  .landing_content .css-section1 .css-section_wrapper .css-svg2 {
    width: calc(124.4932 * 100vw / 750);
    aspect-ratio: 124.4932/39.4033;
    background-image: url(/page/feature/yoga/241119_yoga/img/section1_text2_l.svg);
    top: calc(53 * 100vw / 750);
    left: calc(488 * 100vw / 750);
  }
  .landing_content .css-section1 .css-section_wrapper .css-svg3 {
    width: calc(63.582 * 100vw / 750);
    aspect-ratio: 63.582/39.4451;
    background-image: url(/page/feature/yoga/241119_yoga/img/section1_text3_l.svg);
    top: calc(440 * 100vw / 750);
    left: calc(230 * 100vw / 750);
  }
  .landing_content .css-section1 .css-section_wrapper .css-svg4 {
    width: calc(106.3301 * 100vw / 750);
    aspect-ratio: 106.3301/31.5059;
    background-image: url(/page/feature/yoga/241119_yoga/img/section1_text4_l.svg);
    top: calc(780 * 100vw / 750);
    left: calc(240 * 100vw / 750);
  }
  .landing_content .css-section1 .css-section_wrapper .css-credit {
    position: relative;
    margin-top: calc(34 * 100vw / 750);
    left: calc(2 * 100vw / 750);
    text-align: center;
  }
  .landing_content .css-section2 {
    overflow: visible;
    margin-top: calc(140 * 100vw / 750);
  }
  .landing_content .css-section2 .css-border {
    position: absolute;
    width: calc(650 * 100vw / 750);
    aspect-ratio: 650/2028;
    left: calc(99 * 100vw / 750);
    top: calc(139 * 100vw / 750);
    border: solid 1px var(--color2);
    border-right: none;
    z-index: 1;
    pointer-events: none;
    /* 左上 | 右上 | 右下 | 左下 */
    border-radius: 0 0 0 calc(76 * 100vw / 750);
  }
  .landing_content .css-section2 .css-section_wrapper {
    position: relative;
    z-index: 2;
    width: calc(715 * 100vw / 750);
    aspect-ratio: 715/1500;
    margin-top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section2 .css-section_wrapper .css-svg {
    width: calc(139.2461 * 100vw / 750);
    aspect-ratio: 139.2461/396.4868;
    position: absolute;
    pointer-events: none;
    z-index: 5;
    right: calc(13 * 100vw / 750);
    top: calc(799 * 100vw / 750);
  }
  .landing_content .css-section2 .css-section_wrapper .css-credit {
    position: absolute;
    text-align: left;
    right: calc(14 * 100vw / 750);
    top: calc(1430 * 100vw / 750);
  }
  .landing_content .css-section2 .css-section_wrapper .css-image2 {
    position: relative;
    width: calc(680 * 100vw / 750);
    aspect-ratio: 680/850;
    left: calc(0 * 100vw / 750);
    margin-left: auto;
    margin-top: calc(0 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section2 .css-section_wrapper .css-image1 {
    position: relative;
    z-index: 2;
    width: calc(440 * 100vw / 750);
    aspect-ratio: 440/550;
    left: calc(0 * 100vw / 750);
    margin-top: calc(100 * 100vw / 750);
  }
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper {
    width: calc(660 * 100vw / 750);
    aspect-ratio: 660/776;
    margin-left: calc(47 * 100vw / 750);
    margin-top: calc(100 * 100vw / 750);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: calc(38 * 100vw / 750);
    column-gap: calc(18 * 100vw / 750);
    z-index: 2;
    position: relative;
  }
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper .css-image3 {
    width: calc(320 * 100vw / 750);
    aspect-ratio: 320/320;
  }
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper .css-image4 {
    width: calc(320 * 100vw / 750);
    aspect-ratio: 320/320;
  }
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper .css-image5 {
    width: calc(320 * 100vw / 750);
    aspect-ratio: 320/416;
  }
  .landing_content .css-section2 .css-section_wrapper .css-image_wrapper .css-image6 {
    width: calc(320 * 100vw / 750);
    aspect-ratio: 320/320;
    position: relative;
    top: calc(48 * 100vw / 750);
  }
  .landing_content .css-section3 {
    overflow: visible;
    margin-top: calc(140 * 100vw / 750);
  }
  .landing_content .css-section3 .css-border {
    position: absolute;
    width: calc(680 * 100vw / 750);
    aspect-ratio: 680/2206;
    right: calc(68 * 100vw / 750);
    top: calc(99 * 100vw / 750);
    border: solid 1px var(--color2);
    border-left: none;
    z-index: 1;
    pointer-events: none;
    /* 左上 | 右上 | 右下 | 左下 */
    border-radius: 0 0 calc(107 * 100vw / 750) 0;
  }
  .landing_content .css-section3 .css-section_wrapper {
    position: relative;
    z-index: 2;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1515;
    margin-top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section3 .css-section_wrapper .css-svg {
    width: calc(129.7422 * 100vw / 750);
    aspect-ratio: 129.7422/722.351;
    position: absolute;
    pointer-events: none;
    z-index: 5;
    left: calc(40 * 100vw / 750);
    top: calc(243 * 100vw / 750);
  }
  .landing_content .css-section3 .css-section_wrapper .css-credit {
    position: relative;
    text-align: center;
    left: calc(0 * 100vw / 750);
    margin-top: calc(33 * 100vw / 750);
  }
  .landing_content .css-section3 .css-section_wrapper .css-image1 {
    position: relative;
    z-index: 2;
    width: calc(430 * 100vw / 750);
    aspect-ratio: 430/537.5;
    margin-left: auto;
    left: calc(-40 * 100vw / 750);
    margin-top: calc(0 * 100vw / 750);
  }
  .landing_content .css-section3 .css-section_wrapper .css-image2 {
    position: relative;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/937.5;
    left: calc(0 * 100vw / 750);
    margin-left: auto;
    margin-top: calc(40 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper {
    width: calc(660 * 100vw / 750);
    aspect-ratio: 660/776;
    margin-left: calc(47 * 100vw / 750);
    margin-top: calc(89 * 100vw / 750);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: calc(38 * 100vw / 750);
    column-gap: calc(18 * 100vw / 750);
    z-index: 2;
    position: relative;
  }
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper .css-image3 {
    width: calc(320 * 100vw / 750);
    aspect-ratio: 320/320;
  }
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper .css-image4 {
    width: calc(320 * 100vw / 750);
    aspect-ratio: 320/320;
  }
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper .css-image5 {
    width: calc(320 * 100vw / 750);
    aspect-ratio: 320/416;
  }
  .landing_content .css-section3 .css-section_wrapper .css-image_wrapper .css-image6 {
    width: calc(320 * 100vw / 750);
    aspect-ratio: 320/320;
    position: relative;
    top: calc(48 * 100vw / 750);
  }
  .landing_content .css-section4 {
    overflow: visible;
    margin-top: calc(140 * 100vw / 750);
  }
  .landing_content .css-section4 .css-border {
    position: absolute;
    width: calc(680 * 100vw / 750);
    aspect-ratio: 680/2126;
    left: calc(0 * 100vw / 750);
    right: calc(0 * 100vw / 750);
    margin: auto;
    top: calc(117 * 100vw / 750);
    border: solid 1px var(--color2);
    pointer-events: none;
    z-index: 1;
    /* 左上 | 右上 | 右下 | 左下 */
    border-radius: 0 0 calc(97 * 100vw / 750) 0;
  }
  .landing_content .css-section4 .css-section_wrapper {
    position: relative;
    z-index: 2;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1495;
    margin-top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section4 .css-section_wrapper .css-svg {
    width: calc(104.7509 * 100vw / 750);
    aspect-ratio: 104.7509/339.6191;
    position: absolute;
    pointer-events: none;
    z-index: 5;
    right: calc(81 * 100vw / 750);
    top: calc(344 * 100vw / 750);
  }
  .landing_content .css-section4 .css-section_wrapper .css-credit {
    position: relative;
    text-align: left;
    left: calc(71 * 100vw / 750);
    margin-top: calc(33 * 100vw / 750);
  }
  .landing_content .css-section4 .css-section_wrapper .css-image1 {
    position: relative;
    z-index: 2;
    width: calc(500 * 100vw / 750);
    aspect-ratio: 500/625;
    margin-right: auto;
    left: calc(0 * 100vw / 750);
    margin-top: calc(0 * 100vw / 750);
  }
  .landing_content .css-section4 .css-section_wrapper .css-image2 {
    position: relative;
    width: calc(680 * 100vw / 750);
    aspect-ratio: 680/850;
    left: calc(0 * 100vw / 750);
    margin-left: auto;
    margin-top: calc(19 * 100vw / 750);
    z-index: 2;
  }
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper {
    width: calc(660 * 100vw / 750);
    aspect-ratio: 660/776;
    margin-left: calc(47 * 100vw / 750);
    margin-top: calc(89 * 100vw / 750);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: calc(38 * 100vw / 750);
    column-gap: calc(18 * 100vw / 750);
    z-index: 2;
    position: relative;
  }
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper .css-image3 {
    width: calc(320 * 100vw / 750);
    aspect-ratio: 320/320;
  }
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper .css-image4 {
    width: calc(320 * 100vw / 750);
    aspect-ratio: 320/320;
  }
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper .css-image5 {
    width: calc(320 * 100vw / 750);
    aspect-ratio: 320/416;
  }
  .landing_content .css-section4 .css-section_wrapper .css-image_wrapper .css-image6 {
    width: calc(320 * 100vw / 750);
    aspect-ratio: 320/320;
    position: relative;
    top: calc(48 * 100vw / 750);
  }
  .landing_content__check_all_button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(128 * 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;
  }
}