@charset "UTF-8";

.index_page {
  position: relative;

  * {
    margin: 0;
    padding: 0;
    line-height: calc(.5rem + 1em)
  }

  *,
  :before,
  :after {
    box-sizing: border-box
  }

  *:where(:not(fieldset, progress, meter)) {
    border-collapse: collapse;
    border-width: 0;
    border-style: solid;
    background-origin: border-box;
    background-repeat: no-repeat
  }

  html {
    block-size: 100%;
    -webkit-text-size-adjust: none
  }

  @media (prefers-reduced-motion: no-preference) {
    html:focus-within {
      scroll-behavior: smooth
    }
  }

  body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    min-block-size: 100%
  }

  :where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block
  }

  :where(img, svg, video) {
    block-size: auto;
    max-inline-size: 100%
  }

  :where(svg) {
    stroke: none;
    fill: currentColor
  }

  :where(svg):where(:not([fill])) {
    stroke: currentColor;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round
  }

  :where(svg):where(:not([width])) {
    inline-size: 5rem
  }

  :where(input, button, textarea, select),
  :where(input[type=file])::-webkit-file-upload-button {
    color: inherit;
    font: inherit;
    font-size: inherit;
    letter-spacing: inherit
  }

  :where(textarea) {
    resize: vertical
  }

  @supports (resize: block) {
    :where(textarea) {
      resize: block
    }
  }

  :where(p, h1, h2, h3, h4, h5, h6) {
    overflow-wrap: break-word
  }

  h1 {
    font-size: 2em
  }

  :where(ul, ol) {
    list-style: none
  }

  a:not([class]) {
    text-decoration-skip-ink: auto
  }

  :where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
    cursor: pointer;
    touch-action: manipulation;
    text-decoration: none
  }

  :where(input[type=file]) {
    cursor: auto
  }

  :where(input[type=file])::-webkit-file-upload-button,
  :where(input[type=file])::file-selector-button {
    cursor: pointer
  }

  @media (prefers-reduced-motion: no-preference) {
    :focus-visible {
      transition: outline-offset 145ms cubic-bezier(.25, 0, .4, 1)
    }

    :where(:not(:active)):focus-visible {
      transition-duration: .25s
    }
  }

  :where(:not(:active)):focus-visible {
    outline-offset: 5px
  }

  :where(button, button[type], input[type=button], input[type=submit], input[type=reset]),
  :where(input[type=file])::-webkit-file-upload-button,
  :where(input[type=file])::file-selector-button {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    text-align: center
  }

  :where(button, button[type], input[type=button], input[type=submit], input[type=reset])[disabled] {
    cursor: not-allowed
  }

  :where(iframe[src*=youtube]) {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9
  }

  .is-pc {
    display: block
  }

  @media screen and (width < 769px) {
    .is-pc {
      display: none
    }
  }

  .is-sp {
    display: none
  }

  @media screen and (width < 769px) {
    .is-sp {
      display: block
    }
  }

  [data-anim-elm] {
    opacity: 0
  }

  [v-cloak] {
    display: none
  }

  table {
    width: 100%;
    border-collapse: collapse
  }

  button {
    outline: none;
    background: none
  }

  html {
    scroll-behavior: smooth
  }

  @media screen and (width < 769px) {
    html {
      font-size: calc(16 / 390 * 100vw)
    }
  }

  body {
    font-family: Noto Sans JP, Helvetica, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, 游ゴシック, "Yu Gothic ", YuGothic, Osaka, メイリオ, Meiryo, MS Pゴシック, MS P Gothic, sans-serif;
    background: #ccc
  }

  .c-comment_block {
    --c-comment-border-color: #A52F28;
    --c-comment-title-color: #A52F28;
    --c-comment-text-color: #666666
  }

  .c-comment_block--white {
    --c-comment-border-color: #FFF;
    --c-comment-title-color: #FFF;
    --c-comment-text-color: #FFF
  }

  .c-comment_block--white .c-comment_block__text {
    font-size: 15px;
    line-height: 230%;
    letter-spacing: .3px
  }

  @media screen and (width < 1044px) {
    .c-comment_block--white .c-comment_block__text {
      font-size: calc(15 / 1044 * 100vw);
      letter-spacing: calc(.3 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .c-comment_block--white .c-comment_block__text {
      font-size: calc(13 / 390 * 100vw);
      line-height: 200%;
      letter-spacing: calc(.26 / 390 * 100vw)
    }
  }

  .c-comment_block--primary {
    --c-comment-border-color: #A52F28;
    --c-comment-title-color: #A52F28;
    --c-comment-text-color: #666666
  }

  .c-comment_block--primary .c-comment_block__text {
    font-size: 14px;
    line-height: 190%;
    letter-spacing: .28px
  }

  @media screen and (width < 1044px) {
    .c-comment_block--primary .c-comment_block__text {
      font-size: calc(14 / 1044 * 100vw);
      letter-spacing: calc(.28 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .c-comment_block--primary .c-comment_block__text {
      font-size: calc(14 / 390 * 100vw);
      letter-spacing: calc(.28 / 390 * 100vw)
    }
  }

  .c-comment_block__inner {
    position: relative;
    margin: 0 auto;
    padding: 26px
  }

  @media screen and (width < 1044px) {
    .c-comment_block__inner {
      padding: calc(26 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .c-comment_block__inner {
      padding: calc(26 / 390 * 100vw)
    }
  }

  .c-comment_block__inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 24px;
    border-top: 1px solid var(--c-comment-border-color);
    border-left: 1px solid var(--c-comment-border-color)
  }

  @media screen and (width < 1044px) {
    .c-comment_block__inner:before {
      width: calc(26 / 1044 * 100vw);
      height: calc(24 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .c-comment_block__inner:before {
      width: calc(26 / 390 * 100vw);
      height: calc(24 / 390 * 100vw)
    }
  }

  .c-comment_block__inner:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 26px;
    height: 24px;
    border-bottom: 1px solid var(--c-comment-border-color);
    border-right: 1px solid var(--c-comment-border-color)
  }

  @media screen and (width < 1044px) {
    .c-comment_block__inner:after {
      width: calc(26 / 1044 * 100vw);
      height: calc(24 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .c-comment_block__inner:after {
      width: calc(26 / 390 * 100vw);
      height: calc(24 / 390 * 100vw)
    }
  }

  .c-comment_block__title {
    position: absolute;
    top: -8px;
    left: 38px;
    z-index: 1;
    color: var(--c-comment-title-color);
    font-family: Urbanist;
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
    line-height: normal
  }

  @media screen and (width < 1044px) {
    .c-comment_block__title {
      top: calc(-8 / 1044 * 100vw);
      left: calc(38 / 1044 * 100vw);
      font-size: calc(15 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .c-comment_block__title {
      top: calc(-8 / 390 * 100vw);
      left: calc(38 / 390 * 100vw);
      font-size: calc(15 / 390 * 100vw)
    }
  }

  .c-comment_block__text {
    color: var(--c-comment-text-color);
    text-align: justify;
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 400
  }

  .c-links {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px
  }

  @media screen and (width < 1044px) {
    .c-links {
      margin-top: calc(20 / 1044 * 100vw);
      gap: calc(12 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .c-links {
      margin-top: calc(12 / 390 * 100vw);
      gap: calc(10 / 390 * 100vw)
    }
  }

  .c-links a {
    display: block;
    border-bottom: 1px solid #000;
    width: fit-content;
    color: #000;
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: .56px
  }

  @media screen and (width < 1044px) {
    .c-links a {
      font-size: calc(14 / 1044 * 100vw);
      letter-spacing: calc(.56 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .c-links a {
      line-height: 140%;
      font-size: calc(13 / 390 * 100vw);
      letter-spacing: calc(.52 / 390 * 100vw)
    }
  }

  .c-links a span {
    color: #000;
    font-family: Urbanist;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .48px
  }

  @media screen and (width < 1044px) {
    .c-links a span {
      font-size: calc(12 / 1044 * 100vw);
      letter-spacing: calc(.48 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .c-links a span {
      font-size: calc(11 / 390 * 100vw);
      letter-spacing: calc(.44 / 390 * 100vw)
    }
  }

  .page_top_block {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 9999;
    width: 116px;
    height: 114px;
    transition: opacity .2s ease-in-out;
    pointer-events: none;
    opacity: 0
  }

  @media screen and (width < 769px) {
    .page_top_block {
      bottom: calc(30 / 390 * 100vw);
      right: calc(10 / 390 * 100vw);
      width: calc(65 / 390 * 100vw);
      height: calc(70 / 390 * 100vw)
    }
  }

  .page_top_block.is-visible {
    opacity: 1;
    pointer-events: auto
  }

  .fv_block__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .fv_block__img {
    width: 100%;
    height: auto;
    aspect-ratio: 1512/830;
    overflow: hidden
  }

  @media screen and (width < 769px) {
    .fv_block__img {
      aspect-ratio: 390/505
    }
  }

  .fv_block__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: scaleDown 8s cubic-bezier(.16, .4, .3, 1) forwards
  }

  .fv_block__title {
    position: absolute;
    top: 52%;
    transform: translateY(-52%);
    z-index: 1;
    right: calc(110 / 1440 * 100vw);
    width: calc(700 / 1440 * 100vw);
    height: auto;
    animation: slideInFromLeft 1s ease-out 1.5s backwards
  }

  @media screen and (width < 769px) {
    .fv_block__title {
      bottom: calc(46 / 390 * 100vw);
      right: calc(30 / 390 * 100vw);
      top: auto;
      left: auto;
      transform: none;
      width: calc(190 / 390 * 100vw);
      animation: slideInFromLeftSP 1s ease-out 1.5s backwards
    }
  }

  .fv_block__title img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  .lead_block {
    background-color: #f1dcd6
  }

  .lead_block__inner {
    max-width: 1044px;
    margin: 0 auto;
    padding: 160px 20px
  }

  @media screen and (width < 1044px) {
    .lead_block__inner {
      padding: calc(160 / 1044 * 100vw) calc(20 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .lead_block__inner {
      padding: calc(60 / 390 * 100vw) calc(12 / 390 * 100vw) calc(55 / 390 * 100vw)
    }
  }

  .lead_block p {
    color: #444;
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 240%;
    letter-spacing: .32px
  }

  @media screen and (width < 1044px) {
    .lead_block p {
      font-size: calc(16 / 1044 * 100vw);
      letter-spacing: calc(.32 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .lead_block p {
      font-size: calc(13 / 390 * 100vw);
      letter-spacing: calc(.26 / 390 * 100vw);
      line-height: 215%
    }
  }

  .about_block {
    background: url(../images/bg_about.webp) repeat center center/cover
  }

  .about_block__inner {
    max-width: 956px;
    margin: 0 auto;
    padding: 160px 20px
  }

  @media screen and (width < 1044px) {
    .about_block__inner {
      padding: calc(160 / 1044 * 100vw) calc(20 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .about_block__inner {
      padding: calc(60 / 390 * 100vw) calc(20 / 390 * 100vw) calc(64 / 390 * 100vw)
    }
  }

  .about_block__top {
    position: relative;
    width: fit-content;
    margin: 0 auto
  }

  .about_block__top_img {
    width: 776px;
    height: auto
  }

  @media screen and (width < 1044px) {
    .about_block__top_img {
      width: calc(776 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .about_block__top_img {
      width: 100%
    }
  }

  .about_block__top_img img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  .about_block__top_line_up {
    position: absolute;
    top: -45px;
    left: -60px;
    z-index: 1
  }

  @media screen and (width < 1044px) {
    .about_block__top_line_up {
      top: calc(-45 / 1044 * 100vw);
      left: calc(-60 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .about_block__top_line_up {
      top: calc(-22 / 390 * 100vw);
      left: 0vw;
      width: calc(116 / 390 * 100vw);
      height: calc(40 / 390 * 100vw)
    }
  }

  .about_block__top_comment {
    max-width: 700px;
    margin: 46px auto 0
  }

  @media screen and (width < 1044px) {
    .about_block__top_comment {
      margin-top: calc(46 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .about_block__top_comment {
      margin: calc(40 / 390 * 100vw) auto 0
    }
  }

  .about_block__bottom {
    display: flex;
    margin-top: 60px;
    gap: 30px
  }

  @media screen and (width < 1044px) {
    .about_block__bottom {
      margin-top: calc(60 / 1044 * 100vw);
      gap: calc(30 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .about_block__bottom {
      flex-direction: column;
      margin-top: calc(24 / 390 * 100vw);
      gap: calc(20 / 390 * 100vw)
    }
  }

  .about_block__bottom_img {
    width: 390px;
    height: 390px;
    flex-shrink: 0
  }

  @media screen and (width < 1044px) {
    .about_block__bottom_img {
      width: calc(390 / 1044 * 100vw);
      height: calc(390 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .about_block__bottom_img {
      width: calc(282 / 390 * 100vw);
      height: auto;
      margin: 0 auto
    }
  }

  .about_block__bottom_img img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  @media screen and (width < 769px) {
    .about_block__bottom_comment {
      display: flex;
      flex-direction: column-reverse;
      align-items: center
    }
  }

  .about_block__bottom_img_title {
    margin: 30px 0 0 56px
  }

  @media screen and (width < 1044px) {
    .about_block__bottom_img_title {
      margin-top: calc(30 / 1044 * 100vw);
      margin-left: calc(56 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .about_block__bottom_img_title {
      margin: calc(16 / 390 * 100vw) 0 calc(20 / 390 * 100vw) 0;
      width: calc(233 / 390 * 100vw)
    }
  }

  .content_block {
    position: relative;
    overflow: hidden
  }

  .content_block__deco {
    position: relative;
    z-index: 0
  }

  .content_block__deco img {
    display: block;
    flex-shrink: 0;
    position: absolute;
    object-fit: contain
  }

  .content_block__deco--01 {
    top: -50px;
    left: -140px;
    width: 560px
  }

  @media screen and (width < 1044px) {
    .content_block__deco--01 {
      top: calc(-50 / 1044 * 100vw);
      left: calc(-140 / 1044 * 100vw);
      width: calc(560 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_block__deco--01 {
      top: calc(570 / 390 * 100vw);
      left: calc(-70 / 390 * 100vw);
      width: calc(180 / 390 * 100vw)
    }
  }

  .content_block__deco--02 {
    top: 1540px;
    right: -110px;
    width: 720px;
    z-index: 1
  }

  @media screen and (width < 1044px) {
    .content_block__deco--02 {
      top: calc(1540 / 1044 * 100vw);
      right: calc(-110 / 1044 * 100vw);
      width: calc(720 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_block__deco--02 {
      top: calc(1010 / 390 * 100vw);
      right: calc(-100 / 390 * 100vw);
      width: calc(300 / 390 * 100vw)
    }
  }

  .content_block__deco--03 {
    top: 2600px;
    right: -20px;
    width: 180px
  }

  @media screen and (width < 1044px) {
    .content_block__deco--03 {
      top: calc(2600 / 1044 * 100vw);
      right: calc(-20 / 1044 * 100vw);
      width: calc(180 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_block__deco--03 {
      display: none !important
    }
  }

  .content_block__deco--04 {
    top: 3520px;
    left: -50px;
    width: 350px
  }

  @media screen and (width < 1044px) {
    .content_block__deco--04 {
      top: calc(3520 / 1044 * 100vw);
      left: calc(-50 / 1044 * 100vw);
      width: calc(350 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_block__deco--04 {
      top: calc(3020 / 390 * 100vw);
      left: calc(-20 / 390 * 100vw);
      width: calc(140 / 390 * 100vw)
    }
  }

  .content_block__deco--05 {
    top: 4530px;
    left: -400px;
    width: 714px;
    z-index: 1
  }

  @media screen and (width < 1044px) {
    .content_block__deco--05 {
      top: calc(4530 / 1044 * 100vw);
      left: calc(-400 / 1044 * 100vw);
      width: calc(714 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_block__deco--05 {
      top: calc(4320 / 390 * 100vw);
      left: calc(-140 / 390 * 100vw);
      width: calc(260 / 390 * 100vw)
    }
  }

  .content_block__deco--06 {
    top: 5900px;
    right: -120px;
    width: 300px;
    z-index: 1
  }

  @media screen and (width < 1044px) {
    .content_block__deco--06 {
      top: calc(5900 / 1044 * 100vw);
      right: calc(-120 / 1044 * 100vw);
      width: calc(300 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_block__deco--06 {
      display: none !important
    }
  }

  .content_block__deco--07 {
    top: 7260px;
    right: -120px;
    width: 480px
  }

  @media screen and (width < 1044px) {
    .content_block__deco--07 {
      top: calc(7260 / 1044 * 100vw);
      right: calc(-120 / 1044 * 100vw);
      width: calc(480 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_block__deco--07 {
      top: calc(7440 / 390 * 100vw);
      right: calc(-80 / 390 * 100vw);
      width: calc(220 / 390 * 100vw);
      z-index: 1
    }
  }

  .content_block__deco--08 {
    top: 8480px;
    left: 0;
    width: 180px
  }

  @media screen and (width < 1044px) {
    .content_block__deco--08 {
      top: calc(8480 / 1044 * 100vw);
      left: 0vw;
      width: calc(180 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_block__deco--08 {
      top: calc(8670 / 390 * 100vw);
      left: calc(-20 / 390 * 100vw);
      width: calc(80 / 390 * 100vw)
    }
  }

  .content_block__deco--09 {
    top: 11200px;
    left: -70px;
    width: 340px
  }

  @media screen and (width < 1044px) {
    .content_block__deco--09 {
      top: calc(11200 / 1044 * 100vw);
      left: calc(-70 / 1044 * 100vw);
      width: calc(340 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_block__deco--09 {
      top: calc(10550 / 390 * 100vw);
      left: calc(-60 / 390 * 100vw);
      width: calc(160 / 390 * 100vw)
    }
  }

  .content_block__deco--10 {
    top: 11280px;
    right: 0;
    width: 144px
  }

  @media screen and (width < 1044px) {
    .content_block__deco--10 {
      top: calc(11280 / 1044 * 100vw);
      right: 0vw;
      width: calc(144 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_block__deco--10 {
      display: none !important
    }
  }

  .content_block__deco--11 {
    top: 12320px;
    left: 0;
    width: 144px
  }

  @media screen and (width < 1044px) {
    .content_block__deco--11 {
      top: calc(12320 / 1044 * 100vw);
      left: 0vw;
      width: calc(144 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_block__deco--11 {
      top: calc(12530 / 390 * 100vw);
      left: calc(-10 / 390 * 100vw);
      width: calc(80 / 390 * 100vw);
      opacity: .5
    }
  }

  .content_01_block {
    position: relative;
    z-index: 10
  }

  .content_01_block--reverse .content_01_block__top {
    flex-direction: row-reverse
  }

  @media screen and (width < 769px) {
    .content_01_block--reverse .content_01_block__top {
      flex-direction: column-reverse;
      margin-top: calc(140 / 390 * 100vw)
    }
  }

  .content_01_block--reverse .content_01_block__bottom {
    flex-direction: row-reverse
  }

  @media screen and (width < 769px) {
    .content_01_block--reverse .content_01_block__bottom {
      flex-direction: column-reverse
    }
  }

  .content_01_block--reverse .content_01_block__bottom_img_01 {
    width: 422px;
    height: 632px
  }

  @media screen and (width < 1044px) {
    .content_01_block--reverse .content_01_block__bottom_img_01 {
      width: calc(422 / 1044 * 100vw);
      height: calc(632 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_01_block--reverse .content_01_block__bottom_img_01 {
      margin-top: calc(18 / 390 * 100vw);
      width: calc(240 / 390 * 100vw);
      height: calc(365 / 390 * 100vw)
    }
  }

  .content_01_block--reverse .content_01_block__bottom_img_02 {
    margin-top: 190px;
    width: 480px;
    height: 731px
  }

  @media screen and (width < 1044px) {
    .content_01_block--reverse .content_01_block__bottom_img_02 {
      margin-top: calc(190 / 1044 * 100vw);
      width: calc(480 / 1044 * 100vw);
      height: calc(731 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_01_block--reverse .content_01_block__bottom_img_02 {
      margin-top: calc(20 / 390 * 100vw);
      margin-left: auto;
      width: calc(200 / 390 * 100vw);
      height: calc(252 / 390 * 100vw)
    }
  }

  .content_01_block__inner {
    max-width: 1044px;
    width: 100%;
    margin: 242px auto 0;
    padding: 0 20px
  }

  @media screen and (width < 1044px) {
    .content_01_block__inner {
      margin: calc(242 / 1044 * 100vw) auto 0;
      padding: 0 calc(20 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_01_block__inner {
      margin: 0;
      padding: 0 calc(20 / 390 * 100vw)
    }
  }

  .content_01_block__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 68px
  }

  @media screen and (width < 1044px) {
    .content_01_block__top {
      gap: calc(68 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_01_block__top {
      flex-direction: column-reverse;
      gap: calc(30 / 390 * 100vw)
    }
  }

  .content_01_block__top_look {
    width: 186px;
    margin: 0 auto
  }

  @media screen and (width < 1044px) {
    .content_01_block__top_look {
      width: calc(186 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_01_block__top_look {
      width: calc(120 / 390 * 100vw);
      margin: 0 auto
    }
  }

  .content_01_block__top_text {
    margin-top: 60px;
    color: #666;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    letter-spacing: .28px
  }

  @media screen and (width < 1044px) {
    .content_01_block__top_text {
      margin-top: calc(60 / 1044 * 100vw);
      font-size: calc(14 / 1044 * 100vw);
      letter-spacing: calc(.28 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_01_block__top_text {
      margin-top: calc(30 / 390 * 100vw);
      font-size: calc(14 / 390 * 100vw);
      letter-spacing: calc(.28 / 390 * 100vw)
    }
  }

  .content_01_block__top_comment {
    margin-top: 218px
  }

  @media screen and (width < 1044px) {
    .content_01_block__top_comment {
      margin-top: calc(218 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_01_block__top_comment {
      margin-top: calc(40 / 390 * 100vw)
    }
  }

  .content_01_block__top_img {
    width: 525px;
    height: 800px;
    aspect-ratio: 525/800
  }

  @media screen and (width < 1044px) {
    .content_01_block__top_img {
      width: calc(525 / 1044 * 100vw);
      height: calc(800 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_01_block__top_img {
      width: 100vw;
      height: auto;
      margin: 0 calc(50% - 50vw) 0
    }
  }

  .content_01_block__top_img img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  .content_01_block__bottom {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    margin-top: 100px
  }

  @media screen and (width < 1044px) {
    .content_01_block__bottom {
      gap: calc(60 / 1044 * 100vw);
      margin-top: calc(100 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_01_block__bottom {
      flex-direction: column-reverse;
      gap: 0;
      margin-top: 0
    }
  }

  @media screen and (width < 769px) {
    .content_01_block__bottom_img_01_wrapper {
      margin: calc(14 / 390 * 100vw) 0 0 auto
    }
  }

  .content_01_block__bottom_img_01 {
    width: 480px;
    height: 698px
  }

  @media screen and (width < 1044px) {
    .content_01_block__bottom_img_01 {
      width: calc(480 / 1044 * 100vw);
      height: calc(698 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_01_block__bottom_img_01 {
      width: calc(240 / 390 * 100vw);
      height: calc(348 / 390 * 100vw)
    }
  }

  .content_01_block__bottom_img_01 img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  .content_01_block__bottom_img_02 {
    margin-top: 190px;
    width: 422px;
    height: 632px;
    aspect-ratio: 420/630
  }

  @media screen and (width < 1044px) {
    .content_01_block__bottom_img_02 {
      margin-top: calc(190 / 1044 * 100vw);
      width: calc(422 / 1044 * 100vw);
      height: calc(632 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_01_block__bottom_img_02 {
      margin-top: calc(20 / 390 * 100vw);
      width: calc(200 / 390 * 100vw);
      height: calc(253 / 390 * 100vw)
    }
  }

  .content_01_block__bottom_img_02 img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  .content_01_block .c-links {
    margin-top: 20px
  }

  @media screen and (width < 1044px) {
    .content_01_block .c-links {
      margin-top: calc(20 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_01_block .c-links {
      margin-top: calc(12 / 390 * 100vw)
    }
  }

  .content_02_block {
    position: relative;
    z-index: 10
  }

  .content_02_block__inner {
    max-width: 1044px;
    margin: 242px auto 0;
    padding: 0 20px
  }

  @media screen and (width < 1044px) {
    .content_02_block__inner {
      margin: calc(242 / 1044 * 100vw) auto 0;
      padding: 0 calc(20 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_02_block__inner {
      margin: calc(140 / 390 * 100vw) auto 0;
      padding: 0 calc(20 / 390 * 100vw)
    }
  }

  .content_02_block__top {
    display: flex;
    gap: 60px
  }

  @media screen and (width < 1044px) {
    .content_02_block__top {
      gap: calc(60 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_02_block__top {
      flex-direction: column-reverse;
      gap: 0
    }
  }

  .content_02_block__top_look {
    width: 186px;
    margin: 160px auto 0
  }

  @media screen and (width < 1044px) {
    .content_02_block__top_look {
      width: calc(186 / 1044 * 100vw);
      margin-top: calc(160 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_02_block__top_look {
      width: calc(120 / 390 * 100vw);
      margin: calc(30 / 390 * 100vw) auto 0
    }
  }

  .content_02_block__top_text {
    margin-top: 60px;
    color: #666;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    letter-spacing: .28px
  }

  @media screen and (width < 1044px) {
    .content_02_block__top_text {
      margin-top: calc(60 / 1044 * 100vw);
      font-size: calc(14 / 1044 * 100vw);
      letter-spacing: calc(.28 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_02_block__top_text {
      margin-top: calc(30 / 390 * 100vw);
      font-size: calc(14 / 390 * 100vw);
      letter-spacing: calc(.28 / 390 * 100vw);
      line-height: 190%
    }
  }

  .content_02_block__top_comment {
    margin-top: 200px
  }

  @media screen and (width < 1044px) {
    .content_02_block__top_comment {
      margin-top: calc(200 / 1044 * 100vw)
    }
  }

  .content_02_block__top_img {
    width: 525px;
    height: 800px;
    aspect-ratio: 525/800
  }

  @media screen and (width < 1044px) {
    .content_02_block__top_img {
      width: calc(525 / 1044 * 100vw);
      height: calc(800 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_02_block__top_img {
      width: 100vw;
      height: auto;
      margin: 0 calc(50% - 50vw) 0
    }
  }

  .content_02_block__top_img img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  .content_02_block__bottom {
    display: flex;
    gap: 112px;
    margin-top: 148px
  }

  @media screen and (width < 1044px) {
    .content_02_block__bottom {
      gap: calc(112 / 1044 * 100vw);
      margin-top: calc(148 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_02_block__bottom {
      flex-direction: column;
      margin-top: calc(30 / 390 * 100vw);
      gap: 0
    }
  }

  @media screen and (width < 769px) {
    .content_02_block__bottom_wrapper {
      display: flex;
      flex-direction: column-reverse;
      gap: calc(30 / 390 * 100vw)
    }
  }

  .content_02_block__bottom_img_01 {
    margin-top: -298px;
    width: 480px;
    height: 698px
  }

  @media screen and (width < 1044px) {
    .content_02_block__bottom_img_01 {
      margin-top: calc(-298 / 1044 * 100vw);
      width: calc(480 / 1044 * 100vw);
      height: calc(698 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_02_block__bottom_img_01 {
      margin-top: 0;
      width: 100%;
      height: auto
    }
  }

  .content_02_block__bottom_img_01 img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  .content_02_block__bottom_img_02 {
    margin-top: 103px;
    width: 412px;
    height: 632px;
    aspect-ratio: 412/632
  }

  @media screen and (width < 1044px) {
    .content_02_block__bottom_img_02 {
      margin-top: calc(103 / 1044 * 100vw);
      width: calc(412 / 1044 * 100vw);
      height: calc(632 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_02_block__bottom_img_02 {
      margin-top: calc(30 / 390 * 100vw);
      margin-right: calc(20 / 390 * 100vw);
      margin-left: auto;
      width: calc(200 / 390 * 100vw);
      height: calc(306 / 390 * 100vw)
    }
  }

  .content_02_block__bottom_img_02 img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  .content_02_block .c-links {
    margin-top: 20px
  }

  @media screen and (width < 1044px) {
    .content_02_block .c-links {
      margin-top: calc(20 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_02_block .c-links {
      margin-top: calc(12 / 390 * 100vw)
    }
  }

  .content_03_block {
    position: relative;
    z-index: 10
  }

  .content_03_block__inner {
    max-width: 1044px;
    margin: 242px auto 0;
    padding: 0 20px;
    position: relative
  }

  @media screen and (width < 1044px) {
    .content_03_block__inner {
      margin: calc(242 / 1044 * 100vw) auto 0;
      padding: 0 calc(20 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_03_block__inner {
      margin: calc(134 / 390 * 100vw) auto 0;
      padding: 0 calc(20 / 390 * 100vw)
    }
  }

  .content_03_block__look {
    width: 316px
  }

  @media screen and (width < 1044px) {
    .content_03_block__look {
      width: calc(228 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_03_block__look {
      width: calc(120 / 390 * 100vw);
      margin: 0 auto
    }
  }

  .content_03_block__text {
    margin: 40px 18px 0 0;
    color: #666;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    letter-spacing: .28px
  }

  @media screen and (width < 1044px) {
    .content_03_block__text {
      margin: calc(40 / 1044 * 100vw) calc(18 / 1044 * 100vw) 0 0;
      font-size: calc(14 / 1044 * 100vw);
      letter-spacing: calc(.28 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_03_block__text {
      margin-top: calc(32 / 390 * 100vw);
      font-size: calc(14 / 390 * 100vw);
      letter-spacing: calc(.28 / 390 * 100vw)
    }
  }

  .content_03_block__top {
    display: flex;
    margin: 0 54px
  }

  @media screen and (width < 1044px) {
    .content_03_block__top {
      margin: 0 calc(54 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_03_block__top {
      margin: 0;
      flex-direction: column
    }
  }

  .content_03_block__top_img {
    width: 525px;
    height: 800px;
    aspect-ratio: 525/800
  }

  @media screen and (width < 1044px) {
    .content_03_block__top_img {
      width: calc(525 / 1044 * 100vw);
      height: calc(800 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_03_block__top_img {
      width: 100vw;
      height: auto;
      margin: calc(30 / 390 * 100vw) calc(50% - 50vw) 0
    }
  }

  .content_03_block__top_img img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  .content_03_block__middle {
    position: absolute;
    top: 74px;
    right: 74px;
    z-index: 1;
    width: 417px
  }

  @media screen and (width < 1044px) {
    .content_03_block__middle {
      top: calc(74 / 1044 * 100vw);
      right: calc(74 / 1044 * 100vw);
      width: calc(417 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_03_block__middle {
      position: relative;
      top: auto;
      right: auto;
      width: 100%
    }
  }

  .content_03_block__middle_img {
    margin-top: 120px;
    width: 417px;
    height: 635px;
    aspect-ratio: 417/635
  }

  @media screen and (width < 1044px) {
    .content_03_block__middle_img {
      margin-top: calc(120 / 1044 * 100vw);
      width: calc(417 / 1044 * 100vw);
      height: calc(635 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_03_block__middle_img {
      margin-top: calc(30 / 390 * 100vw);
      margin-left: auto;
      margin-right: calc(20 / 390 * 100vw);
      width: calc(200 / 390 * 100vw);
      height: calc(304 / 390 * 100vw)
    }
  }

  .content_03_block__middle_img img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  .content_03_block__bottom {
    display: flex;
    gap: 70px;
    margin-top: 315px;
    align-items: flex-end
  }

  @media screen and (width < 1044px) {
    .content_03_block__bottom {
      gap: calc(70 / 1044 * 100vw);
      margin-top: calc(315 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_03_block__bottom {
      flex-direction: column-reverse;
      gap: 0;
      margin-top: calc(40 / 390 * 100vw)
    }
  }

  .content_03_block__bottom_img_01 {
    width: 525px;
    height: 800px;
    flex-shrink: 0
  }

  @media screen and (width < 1044px) {
    .content_03_block__bottom_img_01 {
      width: calc(525 / 1044 * 100vw);
      height: calc(800 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_03_block__bottom_img_01 {
      margin: calc(20 / 390 * 100vw) auto 0 0;
      width: calc(290 / 390 * 100vw);
      height: calc(440 / 390 * 100vw)
    }
  }

  .content_03_block__bottom_img_01 img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  .content_03_block .c-links {
    margin-top: 100px
  }

  @media screen and (width < 1044px) {
    .content_03_block .c-links {
      margin-top: calc(100 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_03_block .c-links {
      margin-top: calc(35 / 390 * 100vw)
    }
  }

  .content_04_block {
    position: relative;
    z-index: 10
  }

  .content_04_block--reverse .content_04_block__top {
    flex-direction: row-reverse
  }

  @media screen and (width < 769px) {
    .content_04_block--reverse .content_04_block__top {
      flex-direction: column-reverse
    }
  }

  .content_04_block--reverse .content_04_block__top_comment {
    margin-top: 220px
  }

  @media screen and (width < 1044px) {
    .content_04_block--reverse .content_04_block__top_comment {
      margin-top: calc(220 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_04_block--reverse .content_04_block__top_comment {
      margin-top: calc(40 / 390 * 100vw)
    }
  }

  .content_04_block__inner {
    max-width: 1044px;
    margin: 242px auto 0;
    padding: 0 20px
  }

  @media screen and (width < 1044px) {
    .content_04_block__inner {
      margin: calc(242 / 1044 * 100vw) auto 0;
      padding: 0 calc(20 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_04_block__inner {
      margin: calc(140 / 390 * 100vw) auto 0;
      padding: 0 calc(20 / 390 * 100vw)
    }
  }

  .content_04_block__top {
    display: flex;
    align-items: flex-end;
    gap: 68px
  }

  @media screen and (width < 1044px) {
    .content_04_block__top {
      gap: calc(68 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_04_block__top {
      flex-direction: column-reverse;
      gap: 0
    }
  }

  .content_04_block__top_look {
    width: 204px;
    margin: 0 auto
  }

  @media screen and (width < 1044px) {
    .content_04_block__top_look {
      width: calc(204 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_04_block__top_look {
      width: calc(130 / 390 * 100vw);
      margin: calc(36 / 390 * 100vw) auto 0
    }
  }

  .content_04_block__top_text {
    margin-top: 66px;
    color: #666;
    text-align: justify;
    font-family: Noto Sans JP;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    letter-spacing: .28px
  }

  @media screen and (width < 1044px) {
    .content_04_block__top_text {
      margin-top: calc(66 / 1044 * 100vw);
      font-size: calc(14 / 1044 * 100vw);
      letter-spacing: calc(.28 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_04_block__top_text {
      margin-top: calc(30 / 390 * 100vw);
      font-size: calc(14 / 390 * 100vw);
      letter-spacing: calc(.28 / 390 * 100vw)
    }
  }

  .content_04_block__top_comment {
    margin-top: 160px
  }

  @media screen and (width < 1044px) {
    .content_04_block__top_comment {
      margin-top: calc(160 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_04_block__top_comment {
      margin-top: calc(40 / 390 * 100vw)
    }
  }

  .content_04_block__top_img {
    width: 525px;
    height: 800px;
    aspect-ratio: 525/800
  }

  @media screen and (width < 1044px) {
    .content_04_block__top_img {
      width: calc(525 / 1044 * 100vw);
      height: calc(800 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_04_block__top_img {
      width: 100vw;
      height: auto;
      margin: 0 calc(50% - 50vw) 0
    }
  }

  .content_04_block__top_img img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  .content_04_block__bottom {
    margin: 100px auto 0;
    width: fit-content
  }

  @media screen and (width < 1044px) {
    .content_04_block__bottom {
      margin: calc(100 / 1044 * 100vw) auto 0
    }
  }

  @media screen and (width < 769px) {
    .content_04_block__bottom {
      margin: calc(20 / 390 * 100vw) auto 0
    }
  }

  .content_04_block__bottom_img {
    width: 480px;
    height: auto
  }

  @media screen and (width < 1044px) {
    .content_04_block__bottom_img {
      width: calc(480 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_04_block__bottom_img {
      width: 100%
    }
  }

  .content_04_block .c-links {
    margin-top: 20px
  }

  @media screen and (width < 1044px) {
    .content_04_block .c-links {
      margin-top: calc(20 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .content_04_block .c-links {
      margin-top: calc(12 / 390 * 100vw)
    }
  }

  .video_block {
    background-color: #ceb7b6
  }

  .video_block__inner {
    max-width: 680px;
    margin: 242px auto 0;
    padding: 120px 20px 150px
  }

  @media screen and (width < 1044px) {
    .video_block__inner {
      margin: calc(242 / 1044 * 100vw) auto 0;
      padding: calc(120 / 1044 * 100vw) calc(20 / 1044 * 100vw) calc(150 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .video_block__inner {
      margin: calc(100 / 390 * 100vw) auto 0;
      padding: calc(60 / 390 * 100vw) calc(20 / 390 * 100vw)
    }
  }

  .video_block__youtube {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    color: #323232;
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: 1.82px
  }

  @media screen and (width < 1044px) {
    .video_block__youtube {
      font-size: calc(14 / 1044 * 100vw);
      letter-spacing: calc(1.82 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .video_block__youtube {
      font-size: calc(14 / 390 * 100vw);
      letter-spacing: calc(1.82 / 390 * 100vw);
      line-height: 180%
    }
  }

  .video_block__youtube:before {
    content: "";
    position: absolute;
    top: 55%;
    transform: translateY(-55%);
    left: -30px;
    width: 15px;
    height: 1px;
    background-color: #323232;
    transform: rotate(45deg)
  }

  @media screen and (width < 1044px) {
    .video_block__youtube:before {
      left: calc(-30 / 1044 * 100vw);
      width: calc(15 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .video_block__youtube:before {
      left: calc(-30 / 390 * 100vw);
      width: calc(15 / 390 * 100vw)
    }
  }

  .video_block__youtube:after {
    content: "";
    position: absolute;
    top: 55%;
    transform: translateY(-55%);
    right: -30px;
    width: 15px;
    height: 1px;
    background-color: #323232;
    transform: rotate(-45deg)
  }

  @media screen and (width < 1044px) {
    .video_block__youtube:after {
      right: calc(-30 / 1044 * 100vw);
      width: calc(15 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .video_block__youtube:after {
      right: calc(-30 / 390 * 100vw);
      width: calc(15 / 390 * 100vw)
    }
  }

  .video_block__video {
    width: 100%;
    height: 100%;
    margin-top: 40px
  }

  @media screen and (width < 1044px) {
    .video_block__video {
      margin-top: calc(40 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .video_block__video {
      margin-top: calc(20 / 390 * 100vw)
    }
  }

  .video_block__name {
    margin-top: 58px;
    color: #323232;
    font-family: Noto Sans JP;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 210%;
    letter-spacing: .36px
  }

  @media screen and (width < 1044px) {
    .video_block__name {
      margin-top: calc(58 / 1044 * 100vw);
      font-size: calc(18 / 1044 * 100vw);
      letter-spacing: calc(.36 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .video_block__name {
      margin-top: calc(20 / 390 * 100vw);
      margin-inline: auto;
      width: fit-content;
      font-size: calc(18 / 390 * 100vw);
      letter-spacing: calc(.36 / 390 * 100vw);
      line-height: 160%
    }
  }

  .video_block__description {
    margin-top: 4px;
    color: #323232;
    font-family: Noto Sans JP;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 210%;
    letter-spacing: .28px
  }

  @media screen and (width < 1044px) {
    .video_block__description {
      margin-top: calc(4 / 1044 * 100vw);
      font-size: calc(14 / 1044 * 100vw);
      letter-spacing: calc(.28 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .video_block__description {
      margin-top: calc(20 / 390 * 100vw);
      font-size: calc(13 / 390 * 100vw);
      letter-spacing: calc(.26 / 390 * 100vw);
      line-height: 185%
    }
  }

  .credit_block__inner {
    max-width: 1044px;
    margin: 0 auto;
    padding: 80px 20px
  }

  @media screen and (width < 1044px) {
    .credit_block__inner {
      padding: calc(80 / 1044 * 100vw) calc(20 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .credit_block__inner {
      padding: calc(40 / 390 * 100vw) calc(20 / 390 * 100vw)
    }
  }

  .credit_block__inner p {
    color: #5a5a5a;
    text-align: center;
    font-family: Urbanist;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    letter-spacing: .78px
  }

  @media screen and (width < 1044px) {
    .credit_block__inner p {
      font-size: calc(13 / 1044 * 100vw);
      letter-spacing: calc(.78 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .credit_block__inner p {
      font-size: calc(11 / 390 * 100vw);
      letter-spacing: calc(.66 / 390 * 100vw);
      line-height: 200%
    }
  }

  .footer_block__inner {
    max-width: 1044px;
    margin: 0 auto;
    padding: 60px 20px 50px;
    border-top: 1px solid #E0E0E0
  }

  @media screen and (width < 1044px) {
    .footer_block__inner {
      padding: calc(60 / 1044 * 100vw) calc(20 / 1044 * 100vw) calc(50 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .footer_block__inner {
      padding: calc(40 / 390 * 100vw) calc(20 / 390 * 100vw) calc(50 / 390 * 100vw)
    }
  }

  .footer_block__links {
    display: flex;
    justify-content: center;
    gap: 30px
  }

  @media screen and (width < 1044px) {
    .footer_block__links {
      gap: calc(30 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .footer_block__links {
      flex-direction: column;
      gap: calc(14 / 390 * 100vw);
      margin: 0 calc(40 / 390 * 100vw)
    }
  }

  .footer_block__links a {
    display: flex;
    min-width: 270px;
    padding: 18px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid #000;
    color: #000;
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: .28px;
    text-wrap: nowrap
  }

  @media screen and (width < 1044px) {
    .footer_block__links a {
      min-width: calc(270 / 1044 * 100vw);
      padding: calc(18 / 1044 * 100vw) calc(30 / 1044 * 100vw);
      gap: calc(10 / 1044 * 100vw);
      font-size: calc(14 / 1044 * 100vw);
      letter-spacing: calc(.28 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .footer_block__links a {
      min-width: auto;
      width: 100%;
      height: calc(56 / 390 * 100vw);
      padding: 0;
      gap: calc(10 / 390 * 100vw);
      font-size: calc(14 / 390 * 100vw);
      letter-spacing: calc(.28 / 390 * 100vw);
      line-height: 200%
    }
  }

  .footer_block__logo {
    width: 240px;
    margin: 56px auto 0;
    display: block
  }

  @media screen and (width < 1044px) {
    .footer_block__logo {
      width: calc(240 / 1044 * 100vw);
      margin-top: calc(56 / 1044 * 100vw)
    }
  }

  @media screen and (width < 769px) {
    .footer_block__logo {
      width: calc(170 / 390 * 100vw);
      margin-top: calc(40 / 390 * 100vw)
    }
  }

  @keyframes scaleDown {
    0% {
      transform: scale(1.2)
    }

    80% {
      transform: scale(1.02)
    }

    to {
      transform: scale(1)
    }
  }

  @keyframes slideInFromLeft {
    0% {
      opacity: 0;
      transform: translateY(-52%) translate(-10%) scale(.95)
    }

    to {
      opacity: 1;
      transform: translateY(-52%) translate(0) scale(1)
    }
  }

  @keyframes slideInFromLeftSP {
    0% {
      opacity: 0;
      transform: translate(-10%) scale(.95)
    }

    to {
      opacity: 1;
      transform: translate(0) scale(1)
    }
  }
}