@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-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--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: 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: 10.8rem;
  }
  .landing_content {
    margin: 0 auto;
  }
  .landing_content img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
  .landing_content__logo {
    width: 24.2rem;
    aspect-ratio: 242/46;
    margin: 0 auto;
    margin-top: 6rem;
  }
  .landing_content__main_visual {
    position: relative;
    width: 80rem;
    aspect-ratio: 800/540;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    margin-top: 1.9rem;
  }
  .landing_content__main_visual__wrapper {
    position: relative;
    width: 80rem;
    aspect-ratio: 800/540;
    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 .css-section .css-wrapper {
    position: relative;
    margin: 0 auto;
  }
  .landing_content .css-section .css-item1,
  .landing_content .css-section .css-item2,
  .landing_content .css-section .css-item3 {
    position: absolute;
  }
  .landing_content .css-section .css-item1 .css-image,
  .landing_content .css-section .css-item2 .css-image,
  .landing_content .css-section .css-item3 .css-image {
    background-color: var(--color2);
  }
  .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.6rem;
    letter-spacing: 0.05em;
    font-size: 1.4rem;
    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: 7.3rem;
  }
  .landing_content .css-section1 .css-wrapper {
    width: 100rem;
    aspect-ratio: 1000/1488;
  }
  .landing_content .css-section1 .css-wrapper .css-item1 {
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 38rem;
    aspect-ratio: 380/532;
  }
  .landing_content .css-section1 .css-wrapper .css-item3 {
    bottom: 38rem;
    left: 0rem;
    width: 34rem;
    aspect-ratio: 340/476;
  }
  .landing_content .css-section1 .css-wrapper .css-item2 {
    bottom: 0rem;
    right: 0rem;
    width: 54rem;
    aspect-ratio: 540/756;
  }
  .landing_content .css-section1 .css-wrapper .css-credit {
    left: 14.6rem;
    bottom: -0.7rem;
    text-align: right;
  }
  .landing_content .css-section2 {
    margin-top: 14rem;
  }
  .landing_content .css-section2 .css-wrapper {
    width: 64rem;
  }
  .landing_content .css-section2 .css-wrapper .css-content_wrapper {
    width: 64rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .landing_content .css-section2 .css-wrapper .css-content_wrapper .css-item {
    width: 32rem;
    aspect-ratio: 320/448;
  }
  .landing_content .css-section2 .css-wrapper .css-item1 {
    position: relative;
    margin: 0 auto;
    margin-top: 10rem;
    width: 52rem;
    aspect-ratio: 520/780;
  }
  .landing_content .css-section2 .css-wrapper .css-credit {
    position: relative;
    text-align: center;
    margin: 0 auto;
    margin-top: 1.5rem;
  }
  .landing_content .css-section3 {
    margin-top: 13.3rem;
  }
  .landing_content .css-section3 .css-wrapper {
    width: 140rem;
    aspect-ratio: 1400/1200;
    position: relative;
    margin: 0 auto;
  }
  .landing_content .css-section3 .css-wrapper .css-item3 {
    left: 0;
    top: 0;
    width: 58rem;
    aspect-ratio: 580/821;
  }
  .landing_content .css-section3 .css-wrapper .css-item1 {
    right: 0;
    top: 8rem;
    width: 36rem;
    aspect-ratio: 360/540;
  }
  .landing_content .css-section3 .css-wrapper .css-item2 {
    width: 38rem;
    aspect-ratio: 380/570;
    bottom: 0;
    right: 17rem;
  }
  .landing_content .css-section3 .css-wrapper .css-credit {
    text-align: right;
    right: 56.9rem;
    bottom: -0.7rem;
  }
  .landing_content .css-section4 {
    margin-top: 14rem;
  }
  .landing_content .css-section4 .css-wrapper {
    width: 134rem;
    aspect-ratio: 1340/1050;
    position: relative;
    margin: 0 auto;
  }
  .landing_content .css-section4 .css-wrapper .css-headline {
    position: absolute;
    top: 3.4rem;
    left: 36rem;
    width: 28.96221rem;
    aspect-ratio: 289.6221/135.9995;
    z-index: 2;
    pointer-events: none;
  }
  .landing_content .css-section4 .css-wrapper .css-item1 {
    left: 15rem;
    top: 0rem;
    width: 36rem;
    aspect-ratio: 360/540;
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper {
    position: absolute;
    right: -17rem;
    top: 39rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper .css-item {
    position: relative;
    width: 44rem;
    aspect-ratio: 440/660;
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper .css-item:nth-child(2) {
    left: -2rem;
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper .css-item:nth-child(2)::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-color: #fff;
    z-index: 0;
    top: 0;
    left: 0;
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper .css-item:nth-child(2) a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .landing_content .css-section4 .css-item2 {
    position: relative;
    margin: 0 auto;
    width: 54rem;
    aspect-ratio: 540/810;
    margin-top: 12rem;
  }
  .landing_content .css-section4 .css-credit {
    position: relative;
    text-align: center;
    margin-top: 1.5rem;
  }
  .landing_content .css-section5 {
    margin-top: 13.3rem;
  }
  .landing_content .css-section5 .css-wrapper {
    width: 69rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .landing_content .css-section5 .css-wrapper .css-item1 {
    position: relative;
    width: 46rem;
    aspect-ratio: 460/690;
  }
  .landing_content .css-section5 .css-wrapper .css-item2 {
    position: relative;
    width: 23rem;
    aspect-ratio: 230/690;
  }
  .landing_content .css-bottom_content {
    margin-top: 12rem;
  }
  .landing_content .css-bottom_content .css-bottom_content_headline {
    width: 30rem;
    aspect-ratio: 300/103;
    margin: 0 auto;
  }
  .landing_content .css-bottom_content .css-bottom_content_textarea {
    text-align: center;
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 2.8rem;
    margin-top: 2.8rem;
  }
  .landing_content .css-bottom_content .css-bottom_content_textarea--text1 {
    position: relative;
  }
  .landing_content .css-bottom_content .css-bottom_content_textarea--text2 {
    position: relative;
    margin-top: 1.4rem;
  }
  .landing_content .css-bottom_content .css-bottom_content_textarea--text3 {
    position: relative;
    margin-top: 0.7rem;
  }
  .landing_content .css-bottom_content .css-bottom_content_textarea--text3 span {
    font-size: 1.2rem;
  }
  .landing_content .css-bottom_content .css-bottom_content_textarea--block {
    width: 8.6rem;
    height: 1.8rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #000;
    color: #fff;
    margin-top: 3.3rem;
  }
  .landing_content__check_all_button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 9.3rem;
  }
  .landing_content__check_all_button--link {
    width: 34rem;
    display: block;
    object-fit: cover;
  }
  .landing_content .css-bottom_content_staff {
    text-align: center;
    font-family: "pragmatica", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 2.8rem;
    margin-top: 7.4rem;
  }
}
@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--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);
  }
  #footer_emmi {
    margin-top: calc(136 * 100vw / 750);
  }
  .l-view {
    display: none;
  }
  #footer_emmi {
    padding-top: 0;
  }
  .landing_content {
    width: 100%;
    overflow-x: hidden;
  }
  .landing_content img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
  .landing_content__logo {
    width: calc(326.9308 * 100vw / 750);
    aspect-ratio: 326.9308/64;
    margin: 0 auto;
    position: relative;
    left: calc(5 * 100vw / 750);
    margin-top: calc(57 * 100vw / 750);
  }
  .landing_content__main_visual {
    position: relative;
    width: calc(750 * 100vw / 750);
    object-fit: cover;
    display: block;
    margin: 0 auto;
    margin-top: calc(28 * 100vw / 750);
    overflow: hidden;
  }
  .landing_content__main_visual__wrapper {
    position: relative;
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/800;
    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(67 * 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.025em;
    line-height: calc(48 * 100vw / 750);
    color: var(--color1);
  }
  .landing_content .css-section .css-wrapper {
    position: relative;
    margin: 0 auto;
  }
  .landing_content .css-section .css-item1,
  .landing_content .css-section .css-item2,
  .landing_content .css-section .css-item3 {
    position: relative;
  }
  .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-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";
    white-space: nowrap;
  }
  .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(8 * 100vw / 750);
  }
  .landing_content .css-section1 {
    margin-top: calc(108 * 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(580 * 100vw / 750);
    aspect-ratio: 580/812;
    margin: 0 auto;
  }
  .landing_content .css-section1 .css-wrapper .css-item2 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1050;
    margin: 0 auto;
    margin-top: calc(80 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section1 .css-wrapper .css-credit {
    position: relative;
    margin-top: calc(34 * 100vw / 750);
    left: calc(40 * 100vw / 750);
    text-align: left;
    z-index: 2;
  }
  .landing_content .css-section1 .css-wrapper .css-item3 {
    width: calc(560 * 100vw / 750);
    aspect-ratio: 560/784;
    margin: 0 auto;
    margin-top: calc(70 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section2 {
    margin-top: calc(140 * 100vw / 750);
  }
  .landing_content .css-section2 .css-wrapper {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1357.498;
  }
  .landing_content .css-section2 .css-wrapper .css-content_wrapper {
    width: calc(750 * 100vw / 750);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .landing_content .css-section2 .css-wrapper .css-content_wrapper .css-item {
    width: calc(375 * 100vw / 750);
    aspect-ratio: 375/560;
    overflow: hidden;
    position: relative;
  }
  .landing_content .css-section2 .css-wrapper .css-content_wrapper .css-item img {
    position: relative;
    width: calc(400 * 100vw / 750);
    aspect-ratio: 400/560;
  }
  .landing_content .css-section2 .css-wrapper .css-content_wrapper .css-item:nth-child(1) img {
    left: calc(-22 * 100vw / 750);
  }
  .landing_content .css-section2 .css-wrapper .css-content_wrapper .css-item:nth-child(2) img {
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section2 .css-wrapper .css-content_wrapper .css-item:nth-child(3) img {
    left: calc(-22 * 100vw / 750);
  }
  .landing_content .css-section2 .css-wrapper .css-content_wrapper .css-item:nth-child(4) img {
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section2 .css-wrapper .css-item1 {
    width: calc(680 * 100vw / 750);
    aspect-ratio: 680/1020;
    margin: 0 auto;
    margin-top: calc(101 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section2 .css-wrapper .css-credit {
    position: relative;
    margin-top: calc(34 * 100vw / 750);
    left: calc(34 * 100vw / 750);
    text-align: left;
    z-index: 2;
  }
  .landing_content .css-section3 {
    margin-top: calc(130 * 100vw / 750);
  }
  .landing_content .css-section3 .css-wrapper {
    width: calc(750 * 100vw / 750);
  }
  .landing_content .css-section3 .css-wrapper .css-item1 {
    width: calc(480 * 100vw / 750);
    aspect-ratio: 480/720;
    margin-left: auto;
    margin-top: calc(101 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section3 .css-wrapper .css-item2 {
    width: calc(520 * 100vw / 750);
    aspect-ratio: 520/780;
    margin-right: auto;
    margin-top: calc(18 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section3 .css-wrapper .css-item3 {
    width: calc(750 * 100vw / 750);
    aspect-ratio: 750/1050;
    margin: 0 auto;
    margin-top: calc(80 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section3 .css-wrapper .css-credit {
    position: relative;
    margin-top: calc(34 * 100vw / 750);
    left: calc(41 * 100vw / 750);
    text-align: left;
    z-index: 2;
  }
  .landing_content .css-section4 {
    margin-top: calc(120 * 100vw / 750);
  }
  .landing_content .css-section4 .css-wrapper {
    width: calc(750 * 100vw / 750);
    position: relative;
    margin: 0 auto;
  }
  .landing_content .css-section4 .css-wrapper .css-headline {
    position: absolute;
    top: calc(46 * 100vw / 750);
    right: calc(35 * 100vw / 750);
    width: calc(436.1445 * 100vw / 750);
    aspect-ratio: 436.1445/202.6997;
    z-index: 2;
    pointer-events: none;
  }
  .landing_content .css-section4 .css-wrapper .css-item1 {
    width: calc(520 * 100vw / 750);
    aspect-ratio: 520/750;
    margin-right: auto;
    margin-top: calc(0 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: calc(80 * 100vw / 750);
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper .css-item {
    position: relative;
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper .css-item img {
    width: calc(480 * 100vw / 750);
    aspect-ratio: 480/720;
    position: relative;
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper .css-item:nth-child(1) {
    width: calc(385 * 100vw / 750);
    aspect-ratio: 385/720;
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper .css-item:nth-child(1) img {
    left: calc(-92 * 100vw / 750);
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper .css-item:nth-child(2) {
    width: calc(365 * 100vw / 750);
    aspect-ratio: 365/720;
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper .css-item:nth-child(2) img {
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper .css-item:nth-child(2)::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-color: #fff;
    z-index: 0;
    top: 0;
    left: 0;
  }
  .landing_content .css-section4 .css-wrapper .css-content_wrapper .css-item:nth-child(2) a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .landing_content .css-section4 .css-item2 {
    width: calc(660 * 100vw / 750);
    aspect-ratio: 660/990;
    margin: 0 auto;
    margin-top: calc(99 * 100vw / 750);
    left: calc(0 * 100vw / 750);
  }
  .landing_content .css-section4 .css-credit {
    position: relative;
    margin-top: calc(34 * 100vw / 750);
    left: calc(45 * 100vw / 750);
    text-align: left;
    z-index: 2;
  }
  .landing_content .css-section5 {
    margin-top: calc(130 * 100vw / 750);
  }
  .landing_content .css-section5 .css-wrapper {
    width: calc(750 * 100vw / 750);
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .landing_content .css-section5 .css-wrapper .css-item1 {
    position: relative;
    width: calc(500 * 100vw / 750);
    aspect-ratio: 500/750;
  }
  .landing_content .css-section5 .css-wrapper .css-item2 {
    position: relative;
    width: calc(250 * 100vw / 750);
    aspect-ratio: 250/750;
  }
  .landing_content .css-bottom_content {
    margin-top: calc(140 * 100vw / 750);
  }
  .landing_content .css-bottom_content .css-bottom_content_headline {
    width: calc(374 * 100vw / 750);
    aspect-ratio: 374/141;
    margin: 0 auto;
  }
  .landing_content .css-bottom_content .css-bottom_content_textarea {
    text-align: center;
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: calc(22 * 100vw / 750);
    letter-spacing: 0.05em;
    line-height: calc(66 * 100vw / 750);
    margin-top: calc(39 * 100vw / 750);
  }
  .landing_content .css-bottom_content .css-bottom_content_textarea--text1 {
    position: relative;
    line-height: calc(66 * 100vw / 750);
  }
  .landing_content .css-bottom_content .css-bottom_content_textarea--text2 {
    position: relative;
    margin-top: calc(9 * 100vw / 750);
    line-height: calc(45 * 100vw / 750);
  }
  .landing_content .css-bottom_content .css-bottom_content_textarea--text3 {
    position: relative;
    margin-top: calc(18 * 100vw / 750);
    line-height: calc(44 * 100vw / 750);
  }
  .landing_content .css-bottom_content .css-bottom_content_textarea--text3 span {
    font-size: calc(18 * 100vw / 750);
  }
  .landing_content .css-bottom_content .css-bottom_content_textarea--block {
    width: calc(130 * 100vw / 750);
    height: calc(30 * 100vw / 750);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #000;
    color: #fff;
    margin-top: calc(49 * 100vw / 750);
  }
  .landing_content__check_all_button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(108 * 100vw / 750);
  }
  .landing_content__check_all_button--link {
    width: calc(520 * 100vw / 750);
    display: block;
    object-fit: cover;
  }
  .landing_content .css-bottom_content_staff {
    text-align: center;
    font-family: "pragmatica", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(22 * 100vw / 750);
    letter-spacing: 0.05em;
    line-height: calc(44 * 100vw / 750);
    margin-top: calc(86 * 100vw / 750);
  }
}