/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 01 2025 | 14:37:03 */
html:has(.page-id-1006) {
  margin-top: 0 !important;
}

.page-id-1006 {
  .base_rect:has(a:hover) {
    opacity: 0.8;
  }

  .turquoise.circle {
    width: 100px;
  }

  .scroll-section {
    width: 100vw;
  }

  overflow-x: hidden;

  /* adminbar を処理 */
  #wpadminbar,
  #admin-panel {
    /* display: none; */
  }

  /* ヘッダーを処理 */
  #header-container {
    position: fixed;
    display: block;
    width: 100vw;
    top: 60px !important;
    z-index: 100;
    background: rgba(255, 255, 255, 0.9);
    transform: translateY(-100%);
    /* 初期は非表示 */
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    /* フェードイン用トランジション */
    opacity: 1;
  }

  .wrap {
    width: 100vw;
    overflow-x: hidden;
  }

  .main {
    padding: 0;
  }

  .content {
    margin-top: -40px;
  }

  .entry-content {
    margin-top: 0;
    margin-bottom: 0;
    width: 100vw;
    left: calc(50% - 50vw);
    top: -46px;
    position: relative;
    background: url("https://test.draci.jp/wp-content/uploads/2025/01/stripe_background-scaled.jpg");
    background-size: cover;
  }

  .entry-content>* {
    margin-bottom: 0;
  }

  .article {

    p,
    h3 {
      margin-bottom: 0;
    }
  }

  .footer {
    /* position: fixed; */
    bottom: 0;
    margin-top: -50px;
    /* visibility: hidden; */
  }

  .article .base_rect,
  .base_rect .wp-block-button__link {
    background: var(--base-font-color);
    color: #fff;
  }

  article .base_rect.join_button {
    background: var(--darkturquoise);
  }

  .turquoise.circle {
    display: block;
    text-align: center;
    width: 5vw;
    height: 5vw;
    margin: 0;
    padding: 0;
    line-height: 5vw;
    border-radius: 50%;
    background: var(--darkturquoise);
    color: #fff;
    position: relative;

    &.leftup {
      position: absolute;
    }

    &.doubleline {
      line-height: 1.2vw;
      padding: 2vw 0;
    }
  }

  div.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  /* 一般化 */
  div.scroll-section {
    position: relative;
    width: 100vw;
    padding-top: 0;

    h2 {
      font-size: 3.8vw;
    }

    h3 {
      text-align: center;
      font-size: 2vw;
      margin-bottom: 1vw;
      line-height: 3vw;
    }

    a {
      padding: 0.6vw 1vw;
      font-size: 2vw;
    }

    .wp-block-buttons-is-layout-flex {
      margin-top: 1vw;
      width: 100%;

      .wp-block-button {
        width: 100%;
        text-align: center;
        font-size: 1.2vw;
        line-height: 1.2vw;
      }
    }

    .flex p {
      display: inline-block;
      font-size: 1vw;
      line-height: 1vw;
    }
  }

  /* トップバナー */
  div#top.scroll-section {
    height: 57vw;

    div {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1000;
    }

    figure {
      position: absolute;
      top: 0;
      left: 0;
      width: 67vw;
      height: 47vw;
      overflow: hidden;
    }

    figure.topbanner {
      position: relative;
      width: 100vw;
      overflow: visible;
    }

    .imgback {
      position: absolute;
      width: calc(100vw - 67vw);
      left: 67vw;
      height: 47vw;
      object-fit: cover;
      z-index: 0;
      background-image: url("https://test.draci.jp/wp-content/uploads/2025/01/background.jpg");
      background-size: cover;

      h2 {
        position: absolute;
        display: block;
        font-size: 0;
        width: 16vw;
        aspect-ratio: 466 / 528;
        top: 10vw;
        left: 7vw;
        background: url("https://test.draci.jp/wp-content/uploads/2025/01/draci_kokorozashi.png");
        background-size: contain;
        background-repeat: no-repeat;
      }

      p {
        color: var(--base-font-color);
        font-weight: 700;
        position: absolute;
        left: 4vw;
        display: block;
        text-align: center;
        width: 26vw;
      }

      p:nth-child(2) {
        top: 30vw;
        font-size: 1.8vw;
        line-height: 2.3vw;
      }

      p:nth-child(3) {
        top: 38vw;
        font-size: 1.9vw;
        line-height: 2.7vw;
      }
    }

    .belt {
      position: absolute;
      height: calc(57vw - 47vw);
      background: var(--base-font-color);
      top: 47vw;
      width: 100vw;
      color: #fff;

      p {
        position: absolute;
      }

      p:nth-child(1) {
        top: -1.7vw;
        left: 10.3vw;
        font-size: 7vw;
      }

      p:nth-child(2) {
        top: 1vw;
        left: 59vw;
        font-size: 2.9vw;
      }

      p:nth-child(3) {
        top: 5vw;
        left: 53vw;
        font-size: 1.6vw;
      }
    }
  }

  /* News */
  div#news.scroll-section {
    height: 47vw;

    h2 {
      position: absolute;
      text-align: left;
      left: 1vw;
      top: 5vw;
      width: 70vw;
      white-space: nowrap;
      z-index: 99;
    }

    figure {
      position: absolute;
      width: 42vw;
      left: -1vw;
      top: 15vw;
    }

    .wp-block-cocoon-blocks-column-right.column-right {
      position: absolute;
      top: 15vw;
      width: 40vw;
      left: 48vw;

      h3.base_rect {
        width: 10vw;
        margin-bottom: 1vw;
        height: 4vw;
        line-height: 2vw;
      }

      p {
        font-size: 2vw;
        line-height: 2.7vw;
      }

      .base_rect {
        a {
          padding: 0.6vw 8vw;
          line-height: 3vw;
        }
      }

      div.base_rect {
        width: 35vw;
        position: relative;
        left: 4vw;
      }

      .turquoise.circle {
        width: 9vw;
        height: 9vw;
        position: relative;
        left: -3vw;
      }

      .flex p {
        position: absolute;
        left: 7vw;
        font-size: 1.4vw;
        line-height: 1.6vw;
        width: 35vw;
      }

      .flex h4 {
        font-size: 2vw;
        line-height: 2.2vw;
      }
    }
  }

  /* Mission */
  div#mission.scroll-section {
    height: 47vw;

    h2 {
      position: absolute;
      text-align: left;
      left: 4vw;
      top: 5vw;
      z-index: 99;
    }

    figure {
      position: absolute;
      width: 42vw;
      left: -1vw;
      top: 15vw;
    }

    .wp-block-cocoon-blocks-column-right.column-right {
      position: absolute;
      top: 18vw;
      width: 40vw;
      left: 48vw;

      ul {
        list-style: none;
        display: flex;
        flex-direction: row;
        padding-left: 0;

        li {
          font-size: 1.4vw;
          color: var(--base-font-color);
          font-weight: 700;
        }

        li:after {
          content: " |";
        }

        li:last-child:after {
          content: "";
        }
      }

      p {
        font-size: 4vw;
        display: block;
        position: absolute;
        width: 50vw;
        text-align: center;
      }

      p:nth-of-type(1) {
        top: 8vw;
        left: -3vw;
      }

      p:nth-of-type(2) {
        top: 10vw;
        left: -3vw;
      }

      p:nth-of-type(3) {
        top: 12vw;
        left: -3vw;
      }
    }
  }

  /* About */
  div#about.scroll-section {
    height: 57vw;

    h2 {
      position: absolute;
      text-align: left;
      left: 4vw;
      top: 5vw;
      z-index: 99;
    }

    figure.btobcom {
      position: absolute;
      width: 36vw;
      height: 36vw;
      overflow: hidden;
      left: 8vw;
      top: 17vw;
      border: 0.5vw solid #a5c5d8;

      img {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 36vw;
        object-fit: cover;
      }
    }

    .wp-block-cocoon-blocks-column-right.column-right {
      position: absolute;
      top: 17vw;
      width: 48vw;
      left: 48vw;

      h3 {
        position: absolute;
        top: 0vw;
        width: 42vw;
        font-size: 1.9vw;
      }

      p {
        position: relative;
        font-size: 1.5vw;
        top: 9vw;
        line-height: 2vw;
      }

      .wp-block-cocoon-blocks-column-2 {
        position: absolute;

        figure {
          position: relative;
          width: 18vw;
          top: 13vw;
          left: -3vw;

          img {
            box-shadow: none;
          }
        }

        .base_rect {
          position: relative;
          top: -5vw;
          left: -31vw;
          width: 28vw;
          height: 4vw;
          line-height: 4vw;

          a {
            background: none;
            padding: 0;
          }
        }
      }
    }
  }

  /* What We are */
  div#whoweare.scroll-section {
    height: 50vw;

    h2 {
      position: absolute;
      text-align: left;
      left: 4vw;
      top: 5vw;
    }

    .wp-block-cocoon-blocks-column-3 {
      position: absolute;
      top: 20vw;
      width: 90vw;
      left: 19vw;

      &>div {
        background: #fff;
        height: 26vw;
      }

      figure {
        position: relative;
        top: -8vw;
      }

      p {
        display: inline-block;
        position: relative;
        top: -7vw;
        margin: 0 10%;
        width: 80%;
        text-align: center;
        font-size: 1.5vw;
        line-height: 1.5vw;
        color: var(--base-font-color);
      }

      .column-left {
        position: absolute;
        left: -10vw;
        width: 25vw;

        p {
          margin-top: 3.5vw;
        }
      }

      .column-center {
        position: absolute;
        left: 20vw;
        width: 25vw;

        p {
          margin-top: 3vw;
        }
      }

      .column-right {
        position: absolute;
        left: 50vw;
        width: 25vw;

        p {
          margin-top: 1vw;
        }
      }

      .turquoise.circle {
        width: 8vw;
        height: 8vw;
        position: relative;
        left: -4vw;
        font-size: 1.8vw;
        line-height: 8vw;
        top: -4vw;
        z-index: 10;

        &.doubleline {
          line-height: 1.8vw;
          padding-top: 2.2vw;
        }
      }
    }
  }

  /* Business */
  div#business.scroll-section {
    height: 47vw;

    h2 {
      position: absolute;
      text-align: left;
      left: 4vw;
      top: 5vw;
    }

    figure {
      position: absolute;
    }

    figure:nth-child(3) {
      width: 30vw;
      left: 65vw;
      top: 26vw;
    }

    figure:nth-child(2) {
      width: 30vw;
      left: 41vw;
      top: 8vw;
    }

    .wp-block-buttons {
      position: absolute;
      top: 27vw;
      left: 12vw;
      width: 32vw;

      &>div {
        line-height: 5vw;

        a {
          padding: 0;
        }

        height: 5vw;
      }
    }
  }

  /* Contact */
  div#contact.scroll-section {
    height: 47vw;

    .wp-block-cocoon-blocks-column-3 {
      position: absolute;
      top: 5vw;
      left: 27vw;

      .column-left {
        width: 23vw;
        position: absolute;
        left: -10vw;
      }

      .column-center {
        width: 23vw;
        position: absolute;
        left: 14vw;
      }

      .column-right {
        width: 23vw;
        position: absolute;
        left: 38vw;
      }
    }

    .wp-block-cocoon-blocks-column-2 {
      position: absolute;

      .column-left {
        position: absolute;
        text-align: left;
        left: 20vw;
        top: 25vw;
        width: 40vw;
      }

      .column-right {
        position: absolute;
        text-align: left;
        left: 56vw;
        color: var(--base-font-color);
        font-size: 1.6vw;
        width: 40vw;
        top: 23vw;
      }
    }
  }
}

@media (width >=1024px) {
  .page-id-1006 {
    .content {
      margin-top: 40px;
    }

    .turquoise.circle {
      width: 5vw;
      height: 5vw;
      line-height: 5vw;

      &.doubleline {
        line-height: 1.2vw;
        padding: 2vw 0;
      }
    }

    /* 一般化 */
    div.scroll-section {
      width: 100vw;

      h2 {
        font-size: 3.8vw;
      }

      h3 {
        font-size: 2vw;
        margin-bottom: 1vw;
        line-height: 3vw;
      }

      a {
        padding: 0.6vw 1vw;
        font-size: 2vw;
      }

      .wp-block-buttons-is-layout-flex {
        margin-top: 1vw;

        .wp-block-button {
          font-size: 1.2vw;
          line-height: 1.2vw;
        }
      }

      .flex p {
        font-size: 1vw;
        line-height: 1vw;
      }
    }

    /* トップバナー */
    div#top.scroll-section {
      height: 57vw;

      figure {
        width: 67vw;
        height: 47vw;

        img {
          width: 67vw;
          max-width: none;
        }
      }

      .imgback {
        width: 33vw;
        left: 67vw;
        height: 47vw;

        h2 {
          width: 16vw;
          top: 10vw;
          left: 7vw;
        }

        p {
          left: 4vw;
          width: 26vw;
        }

        p:nth-child(2) {
          top: 30vw;
          font-size: 1.8vw;
          line-height: 2.3vw;
        }

        p:nth-child(3) {
          top: 38vw;
          font-size: 1.9vw;
          line-height: 2.7vw;
        }
      }

      .belt {
        height: 10vw;
        top: 47vw;
        width: 100vw;

        p:nth-child(1) {
          top: -1.7vw;
          left: calc(10.3vw + (50vw - 50vw));
          font-size: 7vw;
        }

        p:nth-child(2) {
          top: 1vw;
          left: calc(59vw + (50vw - 50vw));
          font-size: 2.9vw;
        }

        p:nth-child(3) {
          top: 5vw;
          left: calc(53vw + (50vw - 50vw));
          font-size: 1.6vw;
        }
      }
    }

    /* News */
    div#news.scroll-section {
      height: 47vw;

      h2 {
        left: calc(1vw + (50vw - 50vw));
        top: 5vw;
        width: 70vw;
      }

      figure {
        width: 42vw;
        left: calc(-1vw + (50vw - 50vw));
        top: 15vw;
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        top: 15vw;
        width: 40vw;
        left: calc(48vw + (50vw - 50vw));

        h3.base_rect {
          width: 10vw;
          margin-bottom: 1vw;
          height: 4vw;
          line-height: 2vw;
        }

        p {
          font-size: 2vw;
          line-height: 2.7vw;
        }

        .base_rect {
          a {
            padding: 0.6vw 8vw;
            line-height: 3vw;
          }
        }

        div.base_rect {
          width: 35vw;
          left: 4vw;
        }

        .turquoise.circle {
          width: 9vw;
          height: 9vw;
          left: -3vw;
        }

        .flex p {
          left: 7vw;
          font-size: 1.4vw;
          line-height: 1.6vw;
          width: 35vw;
        }

        .flex h4 {
          font-size: 2vw;
          line-height: 2.2vw;
        }
      }
    }

    /* Mission */
    div#mission.scroll-section {
      height: 47vw;

      h2 {
        left: calc(4vw + (50vw - 50vw));
        top: 5vw;
      }

      figure {
        width: 42vw;
        left: calc(-1vw + (50vw - 50vw));
        top: 15vw;
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        top: 18vw;
        width: 40vw;
        left: calc(48vw + (50vw - 50vw));

        ul {
          li {
            font-size: 4vw;
          }
        }

        p {
          font-size: 1.8vw;
          width: 50vw;
        }

        p:nth-of-type(1) {
          top: 8vw;
          left: -3vw;
        }

        p:nth-of-type(2) {
          top: 10vw;
          left: -3vw;
        }

        p:nth-of-type(3) {
          top: 12vw;
          left: -3vw;
        }
      }
    }

    /* About */
    div#about.scroll-section {
      height: 57vw;

      h2 {
        left: calc(4vw + (50vw - 50vw));
        top: 5vw;
      }

      figure.btobcom {
        width: 36vw;
        height: 36vw;
        left: calc(8vw + (50vw - 50vw));
        top: 17vw;
        border: 0.5vw solid #a5c5d8;

        img {
          height: 36vw;
        }
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        top: 17vw;
        width: 48vw;
        left: calc(48vw + (50vw - 50vw));

        h3 {
          top: 0vw;
          width: 42vw;
          font-size: 1.9vw;
        }

        p {
          font-size: 1.5vw;
          top: 9vw;
          line-height: 2vw;
        }

        .wp-block-cocoon-blocks-column-2 {
          figure {
            width: 18vw;
            top: 13vw;
            left: -3vw;
          }

          .base_rect {
            top: -5vw;
            left: calc(-31vw - (50vw - 50vw));
            width: 28vw;
            height: 4vw;
            line-height: 4vw;
          }
        }
      }
    }

    /* What We are */
    div#whoweare.scroll-section {
      height: 50vw;

      h2 {
        left: calc(4vw + (50vw - 50vw));
        top: 5vw;
      }

      .wp-block-cocoon-blocks-column-3 {
        top: 20vw;
        width: 90vw;
        left: calc(19vw + (50vw - 50vw));

        &>div {
          height: 26vw;
        }

        figure {
          top: -8vw;
        }

        p {
          top: -7vw;
          font-size: 1.5vw;
          line-height: 1.5vw;
        }

        .column-left {
          left: -10vw;
          width: 25vw;

          p {
            margin-top: 3.5vw;
          }
        }

        .column-center {
          left: 20vw;
          width: 25vw;

          p {
            margin-top: 3vw;
          }
        }

        .column-right {
          left: 50vw;
          width: 25vw;

          p {
            margin-top: 1vw;
          }
        }

        .turquoise.circle {
          width: 8vw;
          height: 8vw;
          left: -4vw;
          font-size: 1.8vw;
          line-height: 8vw;
          top: -4vw;

          &.doubleline {
            line-height: 1.8vw;
            padding-top: 2.2vw;
          }
        }
      }
    }

    /* Business */
    div#business.scroll-section {
      height: 47vw;

      h2 {
        left: calc(4vw + (50vw - 50vw));
        top: 5vw;
      }

      figure:nth-child(3) {
        width: 30vw;
        left: calc(65vw + (50vw - 50vw));
        top: 26vw;
      }

      figure:nth-child(2) {
        width: 30vw;
        left: calc(41vw + (50vw - 50vw));
        top: 8vw;
      }

      .wp-block-buttons {
        top: 27vw;
        left: calc(12vw + (50vw - 50vw));
        width: 32vw;

        &>div {
          line-height: 5vw;
          height: 5vw;
        }
      }
    }

    /* Contact */
    div#contact.scroll-section {
      height: 47vw;

      .wp-block-cocoon-blocks-column-3 {
        top: 5vw;
        left: calc(27vw + (50vw - 50vw));

        .column-left {
          width: 23vw;
          left: -10vw;
        }

        .column-center {
          width: 23vw;
          left: 14vw;
        }

        .column-right {
          width: 23vw;
          left: 38vw;
        }
      }

      .wp-block-cocoon-blocks-column-2 {
        left: 50vw - 50vw;

        .column-left {
          left: 20vw;
          top: 25vw;
          width: 40vw;
        }

        .column-right {
          left: 56vw;
          font-size: 1.6vw;
          width: 40vw;
          top: 23vw;
        }
      }
    }
  }
}

@media (width < 1024px) and (orientation: portrait) {
  .page-id-1006 {
    #header-container {
      display: none;
    }

    .turquoise.circle {
      display: block;
      text-align: center;
      width: 5vw;
      height: 5vw;
      margin: 0;
      padding: 0;
      line-height: 5vw;
      border-radius: 50%;
      background: var(--darkturquoise);
      color: #fff;
      position: relative;

      &.leftup {
        position: absolute;
      }

      &.doubleline {
        line-height: 1.2vw;
        padding: 2vw 0;
      }
    }

    div.flex {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
    }

    /* 一般化 */
    div.scroll-section {
      position: relative;
      width: 100vw;
      padding-top: 0;

      h2 {
        font-size: 3.8vw;
      }

      h3 {
        text-align: center;
        font-size: 2vw;
        margin-bottom: 1vw;
        line-height: 3vw;
      }

      a {
        padding: 0.6vw 1vw;
        font-size: 2vw;
      }

      .wp-block-buttons-is-layout-flex {
        margin-top: 1vw;
        width: 100%;

        .wp-block-button {
          width: 100%;
          text-align: center;
          font-size: 1.2vw;
          line-height: 1.2vw;
        }
      }

      .flex p {
        display: inline-block;
        font-size: 1vw;
        line-height: 1vw;
      }
    }

    /* トップバナー */
    div#top.scroll-section {
      height: 57vw;

      div {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000;
      }

      figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 67vw;
        height: 47vw;
        overflow: hidden;
      }

      figure.topbanner {
        position: relative;
        width: 100vw;
        overflow: visible;
      }

      .imgback {
        position: absolute;
        width: calc(100vw - 67vw);
        left: 67vw;
        height: 47vw;
        object-fit: cover;
        z-index: 0;
        background-image: url("https://test.draci.jp/wp-content/uploads/2025/01/topimgbackground.png");

        h2 {
          width: 16vw;
          position: absolute;
          top: 10vw;
          left: 7vw;
        }

        p {
          color: var(--base-font-color);
          font-weight: 700;
          position: absolute;
          left: 4vw;
          display: block;
          text-align: center;
          width: 26vw;
        }

        p:nth-child(2) {
          top: 30vw;
          font-size: 1.8vw;
          line-height: 2.3vw;
        }

        p:nth-child(3) {
          top: 38vw;
          font-size: 1.9vw;
          line-height: 2.7vw;
        }
      }

      .belt {
        position: absolute;
        height: calc(57vw - 47vw);
        background: var(--base-font-color);
        top: 47vw;
        width: 100vw;
        color: #fff;

        p {
          position: absolute;
        }

        p:nth-child(1) {
          top: -1.7vw;
          left: 10.3vw;
          font-size: 7vw;
        }

        p:nth-child(2) {
          top: 1vw;
          left: 59vw;
          font-size: 2.9vw;
        }

        p:nth-child(3) {
          top: 5vw;
          left: 53vw;
          font-size: 1.6vw;
        }
      }
    }

    /* News */
    div#news.scroll-section {
      height: 47vw;

      h2 {
        position: absolute;
        text-align: left;
        left: 1vw;
        top: 5vw;
        width: 70vw;
        white-space: nowrap;
        z-index: 99;
      }

      figure {
        position: absolute;
        width: 42vw;
        left: -1vw;
        top: 15vw;
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        position: absolute;
        top: 15vw;
        width: 40vw;
        left: 48vw;

        h3.base_rect {
          width: 10vw;
          margin-bottom: 1vw;
          height: 4vw;
          line-height: 2vw;
        }

        p {
          font-size: 2vw;
          line-height: 2.7vw;
        }

        .base_rect {
          a {
            line-height: 3vw;
          }
        }

        div.base_rect {
          width: 35vw;
          position: relative;
          left: 4vw;
        }

        .turquoise.circle {
          width: 9vw;
          height: 9vw;
          position: relative;
          left: -3vw;
        }

        .flex p {
          position: absolute;
          left: 7vw;
          font-size: 1.4vw;
          line-height: 1.6vw;
          width: 35vw;
        }

        .flex h4 {
          font-size: 2vw;
          line-height: 2.2vw;
        }
      }
    }

    /* Mission */
    div#mission.scroll-section {
      height: 47vw;

      h2 {
        position: absolute;
        text-align: left;
        left: 4vw;
        top: 5vw;
        z-index: 99;
      }

      figure {
        position: absolute;
        width: 42vw;
        left: -1vw;
        top: 15vw;
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        position: absolute;
        top: 18vw;
        width: 40vw;
        left: 48vw;

        ul {
          list-style: none;
          display: flex;
          flex-direction: row;
          padding-left: 0;

          li {
            font-size: 4vw;
            color: var(--base-font-color);
            font-weight: 700;
          }

          li:after {
            content: " |";
          }

          li:last-child:after {
            content: "";
          }
        }

        p {
          font-size: 1.8vw;
          display: block;
          position: absolute;
          width: 50vw;
          text-align: center;
        }

        p:nth-of-type(1) {
          top: 8vw;
          left: -3vw;
        }

        p:nth-of-type(2) {
          top: 10vw;
          left: -3vw;
        }

        p:nth-of-type(3) {
          top: 12vw;
          left: -3vw;
        }
      }
    }

    /* About */
    div#about.scroll-section {
      height: 57vw;

      h2 {
        position: absolute;
        text-align: left;
        left: 4vw;
        top: 5vw;
        z-index: 99;
      }

      figure.btobcom {
        position: absolute;
        width: 36vw;
        height: 36vw;
        overflow: hidden;
        left: 8vw;
        top: 17vw;
        border: 0.5vw solid #a5c5d8;

        img {
          position: relative;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 36vw;
          object-fit: cover;
        }
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        position: absolute;
        top: 17vw;
        width: 48vw;
        left: 48vw;

        h3 {
          position: absolute;
          top: 0vw;
          width: 42vw;
          font-size: 1.9vw;
        }

        p {
          position: relative;
          font-size: 1.5vw;
          top: 9vw;
          line-height: 2vw;
        }

        .wp-block-cocoon-blocks-column-2 {
          position: absolute;

          figure {
            position: relative;
            width: 18vw;
            top: 13vw;
            left: -3vw;

            img {
              box-shadow: none;
            }
          }

          .base_rect {
            position: relative;
            top: -5vw;
            left: -31vw;
            width: 28vw;
            height: 4vw;
            line-height: 4vw;

            a {
              background: none;
              padding: 0;
            }
          }
        }
      }
    }

    /* What We are */
    div#whoweare.scroll-section {
      height: 50vw;

      h2 {
        position: absolute;
        text-align: left;
        left: 4vw;
        top: 5vw;
      }

      .wp-block-cocoon-blocks-column-3 {
        position: absolute;
        top: 20vw;
        width: 90vw;
        left: 19vw;

        &>div {
          background: #fff;
          height: 26vw;
        }

        figure {
          position: relative;
          top: -8vw;
        }

        p {
          display: inline-block;
          position: relative;
          top: -7vw;
          margin: 0 10%;
          width: 80%;
          text-align: center;
          font-size: 1.5vw;
          line-height: 1.5vw;
          color: var(--base-font-color);
        }

        .column-left {
          position: absolute;
          left: -10vw;
          width: 25vw;

          p {
            margin-top: 3.5vw;
          }
        }

        .column-center {
          position: absolute;
          left: 20vw;
          width: 25vw;

          p {
            margin-top: 3vw;
          }
        }

        .column-right {
          position: absolute;
          left: 50vw;
          width: 25vw;

          p {
            margin-top: 1vw;
          }
        }

        .turquoise.circle {
          width: 8vw;
          height: 8vw;
          position: relative;
          left: -4vw;
          font-size: 1.8vw;
          line-height: 8vw;
          top: -4vw;
          z-index: 10;

          &.doubleline {
            line-height: 1.8vw;
            padding-top: 2.2vw;
          }
        }
      }
    }

    /* Business */
    div#business.scroll-section {
      height: 47vw;

      h2 {
        position: absolute;
        text-align: left;
        left: 4vw;
        top: 5vw;
      }

      figure {
        position: absolute;
      }

      figure:nth-child(3) {
        width: 30vw;
        left: 65vw;
        top: 26vw;
      }

      figure:nth-child(2) {
        width: 30vw;
        left: 41vw;
        top: 8vw;
      }

      .wp-block-buttons {
        position: absolute;
        top: 27vw;
        left: 12vw;
        width: 32vw;

        &>div {
          line-height: 5vw;

          a {
            padding: 0;
          }

          height: 5vw;
        }
      }
    }

    /* Contact */
    div#contact.scroll-section {
      height: 47vw;

      .wp-block-cocoon-blocks-column-3 {
        position: absolute;
        top: 5vw;
        left: 27vw;

        .column-left {
          width: 23vw;
          position: absolute;
          left: -10vw;
        }

        .column-center {
          width: 23vw;
          position: absolute;
          left: 14vw;
        }

        .column-right {
          width: 23vw;
          position: absolute;
          left: 38vw;
        }
      }

      .wp-block-cocoon-blocks-column-2 {
        position: absolute;

        .column-left {
          position: absolute;
          text-align: left;
          left: 20vw;
          top: 25vw;
          width: 40vw;
        }

        .column-right {
          position: absolute;
          text-align: left;
          left: 56vw;
          color: var(--base-font-color);
          font-size: 1.6vw;
          width: 40vw;
          top: 23vw;
        }
      }
    }
  }
}

html:has(.page-id-1006) {
  margin-top: 0 !important;
}

.page-id-1006 {
  .base_rect:has(a:hover) {
    opacity: 0.8;
  }

  .turquoise.circle {
    width: 100px;
  }

  .scroll-section {
    width: 100vw;
  }

  overflow-x: hidden;

  /* adminbar を処理 */
  #wpadminbar,
  #admin-panel {
    /* display: none; */
  }

  /* ヘッダーを処理 */
  #header-container {
    position: fixed;
    display: block;
    width: 100vw;
    top: 60px !important;
    z-index: 100;
    background: rgba(255, 255, 255, 0.9);
    transform: translateY(-100%);
    /* 初期は非表示 */
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    /* フェードイン用トランジション */
    opacity: 1;
  }

  .wrap {
    width: 100vw;
    overflow-x: hidden;
  }

  .main {
    padding: 0;
  }

  .content {
    margin-top: -40px;
  }

  .entry-content {
    margin-top: 0;
    margin-bottom: 0;
    width: 100vw;
    left: calc(50% - 50vw);
    top: -46px;
    position: relative;
    background: url("https://test.draci.jp/wp-content/uploads/2025/01/stripe_background-scaled.jpg");
    background-size: cover;
  }

  .entry-content>* {
    margin-bottom: 0;
  }

  .article {

    p,
    h3 {
      margin-bottom: 0;
    }
  }

  .footer {
    /* position: fixed; */
    bottom: 0;
    margin-top: -50px;
    /* visibility: hidden; */
  }

  .article .base_rect,
  .base_rect .wp-block-button__link {
    background: var(--base-font-color);
    color: #fff;
  }

  article .base_rect.join_button {
    background: var(--darkturquoise);
  }

  .turquoise.circle {
    display: block;
    text-align: center;
    width: 5vw;
    height: 5vw;
    margin: 0;
    padding: 0;
    line-height: 5vw;
    border-radius: 50%;
    background: var(--darkturquoise);
    color: #fff;
    position: relative;

    &.leftup {
      position: absolute;
    }

    &.doubleline {
      line-height: 1.2vw;
      padding: 2vw 0;
    }
  }

  div.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  /* 一般化 */
  div.scroll-section {
    position: relative;
    width: 100vw;
    padding-top: 0;

    h2 {
      font-size: 3.8vw;
    }

    h3 {
      text-align: center;
      font-size: 2vw;
      margin-bottom: 1vw;
      line-height: 3vw;
    }

    a {
      padding: 0.6vw 1vw;
      font-size: 2vw;
    }

    .wp-block-buttons-is-layout-flex {
      margin-top: 1vw;
      width: 100%;

      .wp-block-button {
        width: 100%;
        text-align: center;
        font-size: 1.2vw;
        line-height: 1.2vw;
      }
    }

    .flex p {
      display: inline-block;
      font-size: 1vw;
      line-height: 1vw;
    }
  }

  /* トップバナー */
  div#top.scroll-section {
    height: 57vw;

    div {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1000;
    }

    figure {
      position: absolute;
      top: 0;
      left: 0;
      width: 67vw;
      height: 47vw;
      overflow: hidden;
    }

    figure.topbanner {
      position: relative;
      width: 100vw;
      overflow: visible;
    }

    .imgback {
      position: absolute;
      width: calc(100vw - 67vw);
      left: 67vw;
      height: 47vw;
      object-fit: cover;
      z-index: 0;
      background-image: url("https://test.draci.jp/wp-content/uploads/2025/01/background.jpg");
      background-size: cover;

      h2 {
        position: absolute;
        display: block;
        font-size: 0;
        width: 16vw;
        aspect-ratio: 466 / 528;
        top: 10vw;
        left: 7vw;
        background: url("https://test.draci.jp/wp-content/uploads/2025/01/draci_kokorozashi.png");
        background-size: contain;
        background-repeat: no-repeat;
      }

      p {
        color: var(--base-font-color);
        font-weight: 700;
        position: absolute;
        left: 4vw;
        display: block;
        text-align: center;
        width: 26vw;
      }

      p:nth-child(2) {
        top: 30vw;
        font-size: 1.8vw;
        line-height: 2.3vw;
      }

      p:nth-child(3) {
        top: 38vw;
        font-size: 1.9vw;
        line-height: 2.7vw;
      }
    }

    .belt {
      position: absolute;
      height: calc(57vw - 47vw);
      background: var(--base-font-color);
      top: 47vw;
      width: 100vw;
      color: #fff;

      p {
        position: absolute;
      }

      p:nth-child(1) {
        top: -1.7vw;
        left: 10.3vw;
        font-size: 7vw;
      }

      p:nth-child(2) {
        top: 1vw;
        left: 59vw;
        font-size: 2.9vw;
      }

      p:nth-child(3) {
        top: 5vw;
        left: 53vw;
        font-size: 1.6vw;
      }
    }
  }

  /* News */
  div#news.scroll-section {
    height: 47vw;

    h2 {
      position: absolute;
      text-align: left;
      left: 1vw;
      top: 5vw;
      width: 70vw;
      white-space: nowrap;
      z-index: 99;
    }

    figure {
      position: absolute;
      width: 42vw;
      left: -1vw;
      top: 15vw;
    }

    .wp-block-cocoon-blocks-column-right.column-right {
      position: absolute;
      top: 15vw;
      width: 40vw;
      left: 48vw;

      h3.base_rect {
        width: 10vw;
        margin-bottom: 1vw;
        height: 4vw;
        line-height: 2vw;
      }

      p {
        font-size: 2vw;
        line-height: 2.7vw;
      }

      .base_rect {
        a {
          padding: 0.6vw 8vw;
          line-height: 3vw;
        }
      }

      div.base_rect {
        width: 35vw;
        position: relative;
        left: 4vw;
      }

      .turquoise.circle {
        width: 9vw;
        height: 9vw;
        position: relative;
        left: -3vw;
      }

      .flex p {
        position: absolute;
        left: 7vw;
        font-size: 1.4vw;
        line-height: 1.6vw;
        width: 35vw;
      }

      .flex h4 {
        font-size: 2vw;
        line-height: 2.2vw;
      }
    }
  }

  /* Mission */
  div#mission.scroll-section {
    height: 47vw;

    h2 {
      position: absolute;
      text-align: left;
      left: 4vw;
      top: 5vw;
      z-index: 99;
    }

    figure {
      position: absolute;
      width: 42vw;
      left: -1vw;
      top: 15vw;
    }

    .wp-block-cocoon-blocks-column-right.column-right {
      position: absolute;
      top: 18vw;
      width: 40vw;
      left: 48vw;

      ul {
        list-style: none;
        display: flex;
        flex-direction: row;
        padding-left: 0;

        li {
          font-size: 4vw;
          color: var(--base-font-color);
          font-weight: 700;
        }

        li:after {
          content: " |";
        }

        li:last-child:after {
          content: "";
        }
      }

      p {
        font-size: 1.8vw;
        display: block;
        position: absolute;
        width: 50vw;
        text-align: center;
      }

      p:nth-of-type(1) {
        top: 8vw;
        left: -3vw;
      }

      p:nth-of-type(2) {
        top: 10vw;
        left: -3vw;
      }

      p:nth-of-type(3) {
        top: 12vw;
        left: -3vw;
      }
    }
  }

  /* About */
  div#about.scroll-section {
    height: 57vw;

    h2 {
      position: absolute;
      text-align: left;
      left: 4vw;
      top: 5vw;
      z-index: 99;
    }

    figure.btobcom {
      position: absolute;
      width: 36vw;
      height: 36vw;
      overflow: hidden;
      left: 8vw;
      top: 17vw;
      border: 0.5vw solid #a5c5d8;

      img {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 36vw;
        object-fit: cover;
      }
    }

    .wp-block-cocoon-blocks-column-right.column-right {
      position: absolute;
      top: 17vw;
      width: 48vw;
      left: 48vw;

      h3 {
        position: absolute;
        top: 0vw;
        width: 42vw;
        font-size: 1.9vw;
      }

      p {
        position: relative;
        font-size: 1.5vw;
        top: 9vw;
        line-height: 2vw;
      }

      .wp-block-cocoon-blocks-column-2 {
        position: absolute;

        figure {
          position: relative;
          width: 18vw;
          top: 13vw;
          left: -3vw;

          img {
            box-shadow: none;
          }
        }

        .base_rect {
          position: relative;
          top: -5vw;
          left: -31vw;
          width: 28vw;
          height: 4vw;
          line-height: 4vw;

          a {
            background: none;
            padding: 0;
          }
        }
      }
    }
  }

  /* What We are */
  div#whoweare.scroll-section {
    height: 50vw;

    h2 {
      position: absolute;
      text-align: left;
      left: 4vw;
      top: 5vw;
    }

    .wp-block-cocoon-blocks-column-3 {
      position: absolute;
      top: 20vw;
      width: 90vw;
      left: 19vw;

      &>div {
        background: #fff;
        height: 26vw;
      }

      figure {
        position: relative;
        top: -8vw;
      }

      p {
        display: inline-block;
        position: relative;
        top: -7vw;
        margin: 0 10%;
        width: 80%;
        text-align: center;
        font-size: 1.5vw;
        line-height: 1.5vw;
        color: var(--base-font-color);
      }

      .column-left {
        position: absolute;
        left: -10vw;
        width: 25vw;

        p {
          margin-top: 3.5vw;
        }
      }

      .column-center {
        position: absolute;
        left: 20vw;
        width: 25vw;

        p {
          margin-top: 3vw;
        }
      }

      .column-right {
        position: absolute;
        left: 50vw;
        width: 25vw;

        p {
          margin-top: 1vw;
        }
      }

      .turquoise.circle {
        width: 8vw;
        height: 8vw;
        position: relative;
        left: -4vw;
        font-size: 1.8vw;
        line-height: 8vw;
        top: -4vw;
        z-index: 10;

        &.doubleline {
          line-height: 1.8vw;
          padding-top: 2.2vw;
        }
      }
    }
  }

  /* Business */
  div#business.scroll-section {
    height: 47vw;

    h2 {
      position: absolute;
      text-align: left;
      left: 4vw;
      top: 5vw;
    }

    figure {
      position: absolute;
    }

    figure:nth-child(3) {
      width: 30vw;
      left: 65vw;
      top: 26vw;
    }

    figure:nth-child(2) {
      width: 30vw;
      left: 41vw;
      top: 8vw;
    }

    .wp-block-buttons {
      position: absolute;
      top: 27vw;
      left: 12vw;
      width: 32vw;

      &>div {
        line-height: 5vw;

        a {
          padding: 0;
        }

        height: 5vw;
      }
    }
  }

  /* Contact */
  div#contact.scroll-section {
    height: 47vw;

    .wp-block-cocoon-blocks-column-3 {
      position: absolute;
      top: 5vw;
      left: 27vw;

      .column-left {
        width: 23vw;
        position: absolute;
        left: -10vw;
      }

      .column-center {
        width: 23vw;
        position: absolute;
        left: 14vw;
      }

      .column-right {
        width: 23vw;
        position: absolute;
        left: 38vw;
      }
    }

    .wp-block-cocoon-blocks-column-2 {
      position: absolute;

      .column-left {
        position: absolute;
        text-align: left;
        left: 20vw;
        top: 25vw;
        width: 40vw;
      }

      .column-right {
        position: absolute;
        text-align: left;
        left: 56vw;
        color: var(--base-font-color);
        font-size: 1.6vw;
        width: 40vw;
        top: 23vw;
      }
    }
  }
}

@media (width >=1024px) {
  .page-id-1006 {
    .content {
      margin-top: 40px;
    }

    .turquoise.circle {
      width: 5vw;
      height: 5vw;
      line-height: 5vw;

      &.doubleline {
        line-height: 1.2vw;
        padding: 2vw 0;
      }
    }

    /* 一般化 */
    div.scroll-section {
      width: 100vw;

      h2 {
        font-size: 3.8vw;
      }

      h3 {
        font-size: 2vw;
        margin-bottom: 1vw;
        line-height: 3vw;
      }

      a {
        padding: 0.6vw 1vw;
        font-size: 2vw;
      }

      .wp-block-buttons-is-layout-flex {
        margin-top: 1vw;

        .wp-block-button {
          font-size: 1.2vw;
          line-height: 1.2vw;
        }
      }

      .flex p {
        font-size: 1vw;
        line-height: 1vw;
      }
    }

    /* トップバナー */
    div#top.scroll-section {
      height: 57vw;

      figure {
        width: 67vw;
        height: 47vw;

        img {
          width: 67vw;
          max-width: none;
        }
      }

      .imgback {
        width: 33vw;
        left: 67vw;
        height: 47vw;

        h2 {
          width: 16vw;
          top: 10vw;
          left: 7vw;
        }

        p {
          left: 4vw;
          width: 26vw;
        }

        p:nth-child(2) {
          top: 30vw;
          font-size: 1.8vw;
          line-height: 2.3vw;
        }

        p:nth-child(3) {
          top: 38vw;
          font-size: 1.9vw;
          line-height: 2.7vw;
        }
      }

      .belt {
        height: 10vw;
        top: 47vw;
        width: 100vw;

        p:nth-child(1) {
          top: -1.7vw;
          left: calc(10.3vw + (50vw - 50vw));
          font-size: 7vw;
        }

        p:nth-child(2) {
          top: 1vw;
          left: calc(59vw + (50vw - 50vw));
          font-size: 2.9vw;
        }

        p:nth-child(3) {
          top: 5vw;
          left: calc(53vw + (50vw - 50vw));
          font-size: 1.6vw;
        }
      }
    }

    /* News */
    div#news.scroll-section {
      height: 47vw;

      h2 {
        left: calc(1vw + (50vw - 50vw));
        top: 5vw;
        width: 70vw;
      }

      figure {
        width: 42vw;
        left: calc(-1vw + (50vw - 50vw));
        top: 15vw;
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        top: 15vw;
        width: 40vw;
        left: calc(48vw + (50vw - 50vw));

        h3.base_rect {
          width: 10vw;
          margin-bottom: 1vw;
          height: 4vw;
          line-height: 2vw;
        }

        p {
          font-size: 2vw;
          line-height: 2.7vw;
        }

        .base_rect {
          a {
            padding: 0.6vw 8vw;
            line-height: 3vw;
          }
        }

        div.base_rect {
          width: 35vw;
          left: 4vw;
        }

        .turquoise.circle {
          width: 9vw;
          height: 9vw;
          left: -3vw;
        }

        .flex p {
          left: 7vw;
          font-size: 1.4vw;
          line-height: 1.6vw;
          width: 35vw;
        }

        .flex h4 {
          font-size: 2vw;
          line-height: 2.2vw;
        }
      }
    }

    /* Mission */
    div#mission.scroll-section {
      height: 47vw;

      h2 {
        left: calc(4vw + (50vw - 50vw));
        top: 5vw;
      }

      figure {
        width: 42vw;
        left: calc(-1vw + (50vw - 50vw));
        top: 15vw;
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        top: 18vw;
        width: 40vw;
        left: calc(48vw + (50vw - 50vw));

        ul {
          li {
            font-size: 4vw;
          }
        }

        p {
          font-size: 1.8vw;
          width: 50vw;
        }

        p:nth-of-type(1) {
          top: 8vw;
          left: -3vw;
        }

        p:nth-of-type(2) {
          top: 10vw;
          left: -3vw;
        }

        p:nth-of-type(3) {
          top: 12vw;
          left: -3vw;
        }
      }
    }

    /* About */
    div#about.scroll-section {
      height: 57vw;

      h2 {
        left: calc(4vw + (50vw - 50vw));
        top: 5vw;
      }

      figure.btobcom {
        width: 36vw;
        height: 36vw;
        left: calc(8vw + (50vw - 50vw));
        top: 17vw;
        border: 0.5vw solid #a5c5d8;

        img {
          height: 36vw;
        }
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        top: 17vw;
        width: 48vw;
        left: calc(48vw + (50vw - 50vw));

        h3 {
          top: 0vw;
          width: 42vw;
          font-size: 1.9vw;
        }

        p {
          font-size: 1.5vw;
          top: 9vw;
          line-height: 2vw;
        }

        .wp-block-cocoon-blocks-column-2 {
          figure {
            width: 18vw;
            top: 13vw;
            left: -3vw;
          }

          .base_rect {
            top: -5vw;
            left: calc(-31vw - (50vw - 50vw));
            width: 28vw;
            height: 4vw;
            line-height: 4vw;
          }
        }
      }
    }

    /* What We are */
    div#whoweare.scroll-section {
      height: 50vw;

      h2 {
        left: calc(4vw + (50vw - 50vw));
        top: 5vw;
      }

      .wp-block-cocoon-blocks-column-3 {
        top: 20vw;
        width: 90vw;
        left: calc(19vw + (50vw - 50vw));

        &>div {
          height: 26vw;
        }

        figure {
          top: -8vw;
        }

        p {
          top: -7vw;
          font-size: 1.5vw;
          line-height: 1.5vw;
        }

        .column-left {
          left: -10vw;
          width: 25vw;

          p {
            margin-top: 3.5vw;
          }
        }

        .column-center {
          left: 20vw;
          width: 25vw;

          p {
            margin-top: 3vw;
          }
        }

        .column-right {
          left: 50vw;
          width: 25vw;

          p {
            margin-top: 1vw;
          }
        }

        .turquoise.circle {
          width: 8vw;
          height: 8vw;
          left: -4vw;
          font-size: 1.8vw;
          line-height: 8vw;
          top: -4vw;

          &.doubleline {
            line-height: 1.8vw;
            padding-top: 2.2vw;
          }
        }
      }
    }

    /* Business */
    div#business.scroll-section {
      height: 47vw;

      h2 {
        left: calc(4vw + (50vw - 50vw));
        top: 5vw;
      }

      figure:nth-child(3) {
        width: 30vw;
        left: calc(65vw + (50vw - 50vw));
        top: 26vw;
      }

      figure:nth-child(2) {
        width: 30vw;
        left: calc(41vw + (50vw - 50vw));
        top: 8vw;
      }

      .wp-block-buttons {
        top: 27vw;
        left: calc(12vw + (50vw - 50vw));
        width: 32vw;

        &>div {
          line-height: 5vw;
          height: 5vw;
        }
      }
    }

    /* Contact */
    div#contact.scroll-section {
      height: 47vw;

      .wp-block-cocoon-blocks-column-3 {
        top: 5vw;
        left: calc(27vw + (50vw - 50vw));

        .column-left {
          width: 23vw;
          left: -10vw;
        }

        .column-center {
          width: 23vw;
          left: 14vw;
        }

        .column-right {
          width: 23vw;
          left: 38vw;
        }
      }

      .wp-block-cocoon-blocks-column-2 {
        left: 50vw - 50vw;

        .column-left {
          left: 20vw;
          top: 25vw;
          width: 40vw;
        }

        .column-right {
          left: 56vw;
          font-size: 1.6vw;
          width: 40vw;
          top: 23vw;
        }
      }
    }
  }
}

@media (width < 1024px) and (orientation: portrait) {
  .page-id-1006 {
    #header-container {
      display: none;
    }

    .turquoise.circle {
      display: block;
      text-align: center;
      width: 5vw;
      height: 5vw;
      margin: 0;
      padding: 0;
      line-height: 5vw;
      border-radius: 50%;
      background: var(--darkturquoise);
      color: #fff;
      position: relative;

      &.leftup {
        position: absolute;
      }

      &.doubleline {
        line-height: 1.2vw;
        padding: 2vw 0;
      }
    }

    div.flex {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
    }

    /* 一般化 */
    div.scroll-section {
      position: relative;
      width: 100vw;
      padding-top: 0;

      h2 {
        font-size: 3.8vw;
      }

      h3 {
        text-align: center;
        font-size: 2vw;
        margin-bottom: 1vw;
        line-height: 3vw;
      }

      a {
        padding: 0.6vw 1vw;
        font-size: 2vw;
      }

      .wp-block-buttons-is-layout-flex {
        margin-top: 1vw;
        width: 100%;

        .wp-block-button {
          width: 100%;
          text-align: center;
          font-size: 1.2vw;
          line-height: 1.2vw;
        }
      }

      .flex p {
        display: inline-block;
        font-size: 1vw;
        line-height: 1vw;
      }
    }

    /* トップバナー */
    div#top.scroll-section {
      height: 57vw;

      div {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000;
      }

      figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 67vw;
        height: 47vw;
        overflow: hidden;
      }

      figure.topbanner {
        position: relative;
        width: 100vw;
        overflow: visible;
      }

      .imgback {
        position: absolute;
        width: calc(100vw - 67vw);
        left: 67vw;
        height: 47vw;
        object-fit: cover;
        z-index: 0;
        background-image: url("https://test.draci.jp/wp-content/uploads/2025/01/topimgbackground.png");

        h2 {
          width: 16vw;
          position: absolute;
          top: 10vw;
          left: 7vw;
        }

        p {
          color: var(--base-font-color);
          font-weight: 700;
          position: absolute;
          left: 4vw;
          display: block;
          text-align: center;
          width: 26vw;
        }

        p:nth-child(2) {
          top: 30vw;
          font-size: 1.8vw;
          line-height: 2.3vw;
        }

        p:nth-child(3) {
          top: 38vw;
          font-size: 1.9vw;
          line-height: 2.7vw;
        }
      }

      .belt {
        position: absolute;
        height: calc(57vw - 47vw);
        background: var(--base-font-color);
        top: 47vw;
        width: 100vw;
        color: #fff;

        p {
          position: absolute;
        }

        p:nth-child(1) {
          top: -1.7vw;
          left: 10.3vw;
          font-size: 7vw;
        }

        p:nth-child(2) {
          top: 1vw;
          left: 59vw;
          font-size: 2.9vw;
        }

        p:nth-child(3) {
          top: 5vw;
          left: 53vw;
          font-size: 1.6vw;
        }
      }
    }

    /* News */
    div#news.scroll-section {
      height: 47vw;

      h2 {
        position: absolute;
        text-align: left;
        left: 1vw;
        top: 5vw;
        width: 70vw;
        white-space: nowrap;
        z-index: 99;
      }

      figure {
        position: absolute;
        width: 42vw;
        left: -1vw;
        top: 15vw;
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        position: absolute;
        top: 15vw;
        width: 40vw;
        left: 48vw;

        h3.base_rect {
          width: 10vw;
          margin-bottom: 1vw;
          height: 4vw;
          line-height: 2vw;
        }

        p {
          font-size: 2vw;
          line-height: 2.7vw;
        }

        .base_rect {
          a {
            line-height: 3vw;
          }
        }

        div.base_rect {
          width: 35vw;
          position: relative;
          left: 4vw;
        }

        .turquoise.circle {
          width: 9vw;
          height: 9vw;
          position: relative;
          left: -3vw;
        }

        .flex p {
          position: absolute;
          left: 7vw;
          font-size: 1.4vw;
          line-height: 1.6vw;
          width: 35vw;
        }

        .flex h4 {
          font-size: 2vw;
          line-height: 2.2vw;
        }
      }
    }

    /* Mission */
    div#mission.scroll-section {
      height: 47vw;

      h2 {
        position: absolute;
        text-align: left;
        left: 4vw;
        top: 5vw;
        z-index: 99;
      }

      figure {
        position: absolute;
        width: 42vw;
        left: -1vw;
        top: 15vw;
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        position: absolute;
        top: 18vw;
        width: 40vw;
        left: 48vw;

        ul {
          list-style: none;
          display: flex;
          flex-direction: row;
          padding-left: 0;

          li {
            font-size: 4vw;
            color: var(--base-font-color);
            font-weight: 700;
          }

          li:after {
            content: " |";
          }

          li:last-child:after {
            content: "";
          }
        }

        p {
          font-size: 1.8vw;
          display: block;
          position: absolute;
          width: 50vw;
          text-align: center;
        }

        p:nth-of-type(1) {
          top: 8vw;
          left: -3vw;
        }

        p:nth-of-type(2) {
          top: 10vw;
          left: -3vw;
        }

        p:nth-of-type(3) {
          top: 12vw;
          left: -3vw;
        }
      }
    }

    /* About */
    div#about.scroll-section {
      height: 57vw;

      h2 {
        position: absolute;
        text-align: left;
        left: 4vw;
        top: 5vw;
        z-index: 99;
      }

      figure.btobcom {
        position: absolute;
        width: 36vw;
        height: 36vw;
        overflow: hidden;
        left: 8vw;
        top: 17vw;
        border: 0.5vw solid #a5c5d8;

        img {
          position: relative;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 36vw;
          object-fit: cover;
        }
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        position: absolute;
        top: 17vw;
        width: 48vw;
        left: 48vw;

        h3 {
          position: absolute;
          top: 0vw;
          width: 42vw;
          font-size: 1.9vw;
        }

        p {
          position: relative;
          font-size: 1.5vw;
          top: 9vw;
          line-height: 2vw;
        }

        .wp-block-cocoon-blocks-column-2 {
          position: absolute;

          figure {
            position: relative;
            width: 18vw;
            top: 13vw;
            left: -3vw;

            img {
              box-shadow: none;
            }
          }

          .base_rect {
            position: relative;
            top: -5vw;
            left: -31vw;
            width: 28vw;
            height: 4vw;
            line-height: 4vw;

            a {
              background: none;
              padding: 0;
            }
          }
        }
      }
    }

    /* What We are */
    div#whoweare.scroll-section {
      height: 50vw;

      h2 {
        position: absolute;
        text-align: left;
        left: 4vw;
        top: 5vw;
      }

      .wp-block-cocoon-blocks-column-3 {
        position: absolute;
        top: 20vw;
        width: 90vw;
        left: 19vw;

        &>div {
          background: #fff;
          height: 26vw;
        }

        figure {
          position: relative;
          top: -8vw;
        }

        p {
          display: inline-block;
          position: relative;
          top: -7vw;
          margin: 0 10%;
          width: 80%;
          text-align: center;
          font-size: 1.5vw;
          line-height: 1.5vw;
          color: var(--base-font-color);
        }

        .column-left {
          position: absolute;
          left: -10vw;
          width: 25vw;

          p {
            margin-top: 3.5vw;
          }
        }

        .column-center {
          position: absolute;
          left: 20vw;
          width: 25vw;

          p {
            margin-top: 3vw;
          }
        }

        .column-right {
          position: absolute;
          left: 50vw;
          width: 25vw;

          p {
            margin-top: 1vw;
          }
        }

        .turquoise.circle {
          width: 8vw;
          height: 8vw;
          position: relative;
          left: -4vw;
          font-size: 1.8vw;
          line-height: 8vw;
          top: -4vw;
          z-index: 10;

          &.doubleline {
            line-height: 1.8vw;
            padding-top: 2.2vw;
          }
        }
      }
    }

    /* Business */
    div#business.scroll-section {
      height: 47vw;

      h2 {
        position: absolute;
        text-align: left;
        left: 4vw;
        top: 5vw;
      }

      figure {
        position: absolute;
      }

      figure:nth-child(3) {
        width: 30vw;
        left: 65vw;
        top: 26vw;
      }

      figure:nth-child(2) {
        width: 30vw;
        left: 41vw;
        top: 8vw;
      }

      .wp-block-buttons {
        position: absolute;
        top: 27vw;
        left: 12vw;
        width: 32vw;

        &>div {
          line-height: 5vw;

          a {
            padding: 0;
          }

          height: 5vw;
        }
      }
    }

    /* Contact */
    div#contact.scroll-section {
      height: 47vw;

      .wp-block-cocoon-blocks-column-3 {
        position: absolute;
        top: 5vw;
        left: 27vw;

        .column-left {
          width: 23vw;
          position: absolute;
          left: -10vw;
        }

        .column-center {
          width: 23vw;
          position: absolute;
          left: 14vw;
        }

        .column-right {
          width: 23vw;
          position: absolute;
          left: 38vw;
        }
      }

      .wp-block-cocoon-blocks-column-2 {
        position: absolute;

        .column-left {
          position: absolute;
          text-align: left;
          left: 20vw;
          top: 25vw;
          width: 40vw;
        }

        .column-right {
          position: absolute;
          text-align: left;
          left: 56vw;
          color: var(--base-font-color);
          font-size: 1.6vw;
          width: 40vw;
          top: 23vw;
        }
      }
    }
  }
}


@media (width <=450px) {
  .page-id-1006 {
    .content {
      margin-top: 40px;
    }

    .turquoise.circle {
      width: 5vw;
      height: 5vw;
      line-height: 5vw;

      &.doubleline {
        line-height: 1.2vw;
        padding: 2vw 0;
      }
    }

    /* 一般化 */
    div.scroll-section {
      width: 100vw;

      h2 {
        font-size: 3.8vw;
      }

      h3 {
        font-size: 2vw;
        margin-bottom: 1vw;
        line-height: 3vw;
      }

      a {
        padding: 0.6vw 1vw;
        font-size: 2vw;
      }

      .wp-block-buttons-is-layout-flex {
        margin-top: 1vw;

        .wp-block-button {
          font-size: 1.2vw;
          line-height: 1.2vw;
        }
      }

      .flex p {
        font-size: 1vw;
        line-height: 1vw;
      }
    }

    /* トップバナー */
    div#top.scroll-section {
      height: 57vw;

      figure {
        width: 67vw;
        height: 47vw;

        img {
          width: 67vw;
          max-width: none;
        }
      }

      .imgback {
        width: 33vw;
        left: 67vw;
        height: 47vw;

        h2 {
          width: 16vw;
          top: 10vw;
          left: 7vw;
        }

        p {
          left: 4vw;
          width: 26vw;
        }

        p:nth-child(2) {
          top: 30vw;
          font-size: 1.8vw;
          line-height: 2.3vw;
        }

        p:nth-child(3) {
          top: 38vw;
          font-size: 1.9vw;
          line-height: 2.7vw;
        }
      }

      .belt {
        height: 10vw;
        top: 47vw;
        width: 100vw;

        p:nth-child(1) {
          top: -1.7vw;
          left: calc(10.3vw + (50vw - 50vw));
          font-size: 7vw;
        }

        p:nth-child(2) {
          top: 1vw;
          left: calc(59vw + (50vw - 50vw));
          font-size: 2.9vw;
        }

        p:nth-child(3) {
          top: 5vw;
          left: calc(53vw + (50vw - 50vw));
          font-size: 1.6vw;
        }
      }
    }

    /* News */
    div#news.scroll-section {
      height: 120vw;

      h2 {
        left: calc(1vw + (50vw - 50vw));
        top: 5vw;
        width: 70vw;
      }

      figure {
        width: 100vw;
        height: 45vw;
        overflow: hidden;
        left: 0;
        top: 14vw;
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        top: 65vw;
        width: 90vw;
        left: 5vw;

        h3.base_rect {
          width: 20vw;
          margin-bottom: 1vw;
          height: 8vw;
          line-height: 3vw;
          font-size: 4vw;
          top: -1vw;
          left: 1vw;
        }


        p {
          font-size: 4vw;
          line-height: 4.7vw;
        }

        .base_rect {
          width: 60vw;
          height: 7vw;
          position: relative;
          left: 20vw;
          top: 2vw;

          a {
            font-size: 4vw;
            padding: 0.6vw 8vw;
            line-height: 3vw;
          }
        }

        div.base_rect {
          width: 60vw;
          height: 7vw;
          left: 4vw;
        }

        .turquoise.circle {
          width: 20vw;
          height: 20vw;
          left: 2vw;
          top: 3vw;
        }

        .flex p {
          top: 25vw;
          left: 27vw;
          font-size: 3vw;
          line-height: 3.2vw;
          width: 60vw
        }

        .flex h4 {
          font-size: 5vw;
          line-height: 6.5vw;
        }
      }
    }

    /* Mission */
    div#mission.scroll-section {
      height: 90vw;

      h2 {
        font-size: 6vw;
        left: calc(4vw + (50vw - 50vw));
        top: 3vw;
      }

      figure {
        width: 100vw;
        height: 40vw;
        overflow: hidden;
        left: 0;
        top: 15vw;
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        top: 58vw;
        width: 90vw;
        left: 10vw;

        ul {
          li {
            font-size: 6vw;
          }
        }

        p {
          font-size: 3vw;
          width: 90vw;
        }

        p:nth-of-type(1) {
          top: 10vw;
          left: -6vw;
        }

        p:nth-of-type(2) {
          top: 15vw;
          left: -3vw;
        }

        p:nth-of-type(3) {
          top: 20vw;
          left: -3vw;
        }
      }
    }

    /* About */
    div#about.scroll-section {
      height: 95vw;

      h2 {
        font-size: 6vw;
        left: calc(4vw + (50vw - 50vw));
        top: 5vw;
      }

      figure.btobcom {
        width: 36vw;
        height: 36vw;
        left: calc(8vw + (50vw - 50vw));
        top: 17vw;
        border: 0.5vw solid #a5c5d8;

        img {
          height: 36vw;
        }
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        top: 17vw;
        width: 48vw;
        left: calc(48vw + (50vw - 50vw));

        h3 {
          top: 40vw;
          left: -42vw;
          width: 90vw;
          font-size: 4vw;
          line-height: 5vw;
        }

        p {
          font-size: 3vw;
          top: 55vw;
          width: 90vw;
          line-height: 4.5vw;
          left: -40vw;
        }

        .wp-block-cocoon-blocks-column-2 {
          figure {
            width: 30vw;
            top: -22vw;
            left: 5vw;
          }

          .base_rect {
            top: -18vw;
            left: -42vw;
            width: 28vw;
            height: 4vw;
            line-height: 4vw;
          }
        }
      }
    }

    /* What We are */
    div#whoweare.scroll-section {
      height: 270vw;

      h2 {
        font-size: 6vw;
        left: calc(4vw + (50vw - 50vw));
        top: 5vw;
      }

      .wp-block-cocoon-blocks-column-3 {
        top: 25vw;
        width: 90vw;
        left: calc(19vw + (50vw - 50vw));

        &>div {
          height: 26vw;
        }

        figure {
          top: -8vw;
        }

        p {
          top: -7vw;
          font-size: 1.5vw;
          line-height: 1.5vw;
        }

        .column-left {
          left: -10vw;
          width: 80vw;

          p {
            font-size: 4vw;
            margin-top: 3.5vw;
          }
        }

        .column-center {
          left: -10vw;
          width: 80vw;
          top: 80vw;

          p {
            font-size: 4vw;
            line-height: 5vw;
            margin-top: 3vw;
          }
        }

        .column-right {
          top: 165vw;
          left: -10vw;
          width: 80vw;

          p {
            font-size: 4vw;
            margin-top: 1vw;
            line-height: 5vw;
          }
        }

        .turquoise.circle {
          width: 15vw;
          height: 15vw;
          left: -4vw;
          font-size: 4vw;
          line-height: 15vw;
          top: -4vw;

          &.doubleline {
            font-size: 4vw;
            width: 15vw;
            height: 15vw;
            line-height: 5vw;
            padding-top: 2.2vw;
          }
        }
      }
    }

    /* Business */
    div#business.scroll-section {
      height: 47vw;

      h2 {
        left: calc(4vw + (50vw - 50vw));
        top: 5vw;
        font-size: 6vw;
      }

      figure:nth-child(3) {
        width: 30vw;
        left: calc(65vw + (50vw - 50vw));
        top: 26vw;
      }

      figure:nth-child(2) {
        width: 30vw;
        left: calc(41vw + (50vw - 50vw));
        top: 8vw;
      }

      .wp-block-buttons {
        top: 27vw;
        left: calc(12vw + (50vw - 50vw));
        width: 42vw;

        &>div {
          line-height: 5vw;
          height: 5vw;

          a {
            font-size: 4vw;
          }
        }
      }
    }

    /* Contact */
    div#contact.scroll-section {
      height: 76vw;

      .wp-block-cocoon-blocks-column-3 {
        top: 5vw;
        left: calc(27vw + (50vw - 50vw));

        .column-left {
          width: 23vw;
          left: -10vw;
        }

        .column-center {
          width: 23vw;
          left: 14vw;
        }

        .column-right {
          width: 23vw;
          left: 38vw;
        }
      }

      .wp-block-cocoon-blocks-column-2 {
        left: 50vw - 50vw;

        .column-left {
          h2 {
            font-size: 6vw;
          }

          left: 5vw;
          top: 20vw;
          width: 40vw;
        }

        .column-right {
          left: 11vw;
          font-size: 4vw;
          width: 80vw;
          top: 32vw;
        }
      }
    }
  }
}


@supports not (width: 1vw) {
  .page-id-1006 {
    .scroll-section {
      width: 100%;
    }

    /* ヘッダーを処理 */
    #header-container {
      width: 100%;
    }

    .wrap {
      width: 100%;
    }

    .entry-content {
      width: 100%;
    }

    .turquoise.circle {
      width: calc(5px * 4.8);
      height: calc(5px * 4.8);
      line-height: calc(5px * 4.8);

      &.doubleline {
        line-height: calc(1.2px * 4.8);
        padding: calc(2px * 4.8) 0;
      }
    }

    /* 一般化 */
    div.scroll-section {
      width: 100%;

      h2 {
        font-size: calc(3.8px * 4.8);
      }

      h3 {
        font-size: calc(2px * 4.8);
        margin-bottom: calc(1px * 4.8);
        line-height: calc(3px * 4.8);
      }

      a {
        padding: calc(0.6px * 4.8) calc(1px * 4.8);
        font-size: calc(2px * 4.8);
      }

      .wp-block-buttons-is-layout-flex {
        margin-top: calc(1px * 4.8);

        .wp-block-button {
          width: 100%;
          font-size: calc(1.2px * 4.8);
          line-height: calc(1.2px * 4.8);
        }
      }

      .flex p {
        font-size: calc(1px * 4.8);
        line-height: calc(1px * 4.8);
      }
    }

    /* トップバナー */
    div#top.scroll-section {
      height: calc(57px * 4.8);

      figure {
        width: calc(67px * 4.8);
        height: calc(47px * 4.8);
      }

      figure.topbanner {
        width: 100%;
      }

      .imgback {
        position: absolute;
        width: calc(100% - calc(67px * 4.8));
        left: calc(67px * 4.8);
        height: calc(47px * 4.8);

        h2 {
          width: calc(16px * 4.8);
          top: calc(10px * 4.8);
          left: calc(7px * 4.8);
        }

        p {
          left: calc(4px * 4.8);
          width: calc(26px * 4.8);
        }

        p:nth-child(2) {
          top: calc(30px * 4.8);
          font-size: calc(1.8px * 4.8);
          line-height: calc(2.3px * 4.8);
        }

        p:nth-child(3) {
          top: calc(38px * 4.8);
          font-size: calc(1.9px * 4.8);
          line-height: calc(2.7px * 4.8);
        }
      }

      .belt {
        height: calc(calc(57px * 4.8) - calc(47px * 4.8));
        top: calc(47px * 4.8);
        width: 100%;

        p:nth-child(1) {
          top: -calc(1.7px * 4.8);
          left: calc(10.3px * 4.8);
          font-size: calc(7px * 4.8);
        }

        p:nth-child(2) {
          top: calc(1px * 4.8);
          left: calc(59px * 4.8);
          font-size: calc(2.9px * 4.8);
        }

        p:nth-child(3) {
          top: calc(5px * 4.8);
          left: calc(53px * 4.8);
          font-size: calc(1.6px * 4.8);
        }
      }
    }

    /* News */
    div#news.scroll-section {
      height: calc(47px * 4.8);

      h2 {
        left: calc(1px * 4.8);
        top: calc(5px * 4.8);
        width: calc(70px * 4.8);
      }

      figure {
        width: calc(42px * 4.8);
        left: calc(-1px * 4.8);
        top: calc(15px * 4.8);
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        top: calc(15px * 4.8);
        width: calc(40px * 4.8);
        left: calc(48px * 4.8);

        h3.base_rect {
          width: calc(10px * 4.8);
          margin-bottom: calc(1px * 4.8);
          height: calc(4px * 4.8);
          line-height: calc(2px * 4.8);
        }

        p {
          font-size: calc(2px * 4.8);
          line-height: calc(2.7px * 4.8);
        }

        .base_rect {
          a {
            padding: calc(0.6px * 4.8) calc(8px * 4.8);
            line-height: calc(3px * 4.8);
          }
        }

        div.base_rect {
          width: calc(35px * 4.8);
          left: calc(4px * 4.8);
        }

        .turquoise.circle {
          width: calc(9px * 4.8);
          height: calc(9px * 4.8);
          left: calc(-3px * 4.8);
        }

        .flex p {
          left: calc(7px * 4.8);
          font-size: calc(1.4px * 4.8);
          line-height: calc(1.6px * 4.8);
          width: calc(35px * 4.8);
        }

        .flex h4 {
          font-size: calc(2px * 4.8);
          line-height: calc(2.2px * 4.8);
        }
      }
    }

    /* Mission */
    div#mission.scroll-section {
      height: calc(47px * 4.8);

      h2 {
        left: calc(4px * 4.8);
        top: calc(5px * 4.8);
      }

      figure {
        width: calc(42px * 4.8);
        left: calc(-1px * 4.8);
        top: calc(15px * 4.8);
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        top: calc(18px * 4.8);
        width: calc(40px * 4.8);
        left: calc(48px * 4.8);

        ul {
          li {
            font-size: calc(4px * 4.8);
          }
        }

        p {
          font-size: calc(1.8px * 4.8);
          width: calc(50px * 4.8);
        }

        p:nth-of-type(1) {
          top: calc(8px * 4.8);
          left: calc(-3px * 4.8);
        }

        p:nth-of-type(2) {
          top: calc(10px * 4.8);
          left: calc(-3px * 4.8);
        }

        p:nth-of-type(3) {
          top: calc(12px * 4.8);
          left: calc(-3px * 4.8);
        }
      }
    }

    /* About */
    div#about.scroll-section {
      height: calc(57px * 4.8);

      h2 {
        left: calc(4px * 4.8);
        top: calc(5px * 4.8);
      }

      figure.btobcom {
        width: calc(36px * 4.8);
        height: calc(36px * 4.8);
        left: calc(8px * 4.8);
        top: calc(17px * 4.8);
        border: calc(0.5px * 4.8) solid #a5c5d8;

        img {
          height: calc(36px * 4.8);
        }
      }

      .wp-block-cocoon-blocks-column-right.column-right {
        top: calc(17px * 4.8);
        width: calc(48px * 4.8);
        left: calc(48px * 4.8);

        h3 {
          top: calc(0px * 4.8);
          width: calc(42px * 4.8);
          font-size: calc(1.9px * 4.8);
        }

        p {
          font-size: calc(1.5px * 4.8);
          top: calc(9px * 4.8);
          line-height: calc(2px * 4.8);
        }

        .wp-block-cocoon-blocks-column-2 {
          figure {
            width: calc(18px * 4.8);
            top: calc(13px * 4.8);
            left: calc(-3px * 4.8);
          }

          .base_rect {
            top: calc(-5px * 4.8);
            left: calc(-31px * 4.8);
            width: calc(28px * 4.8);
            height: calc(4px * 4.8);
            line-height: calc(4px * 4.8);
          }
        }
      }
    }

    /* What We are */
    div#whoweare.scroll-section {
      height: calc(50px * 4.8);

      h2 {
        left: calc(4px * 4.8);
        top: calc(5px * 4.8);
      }

      .wp-block-cocoon-blocks-column-3 {
        top: calc(20px * 4.8);
        width: calc(90px * 4.8);
        left: calc(19px * 4.8);

        &>div {
          height: calc(26px * 4.8);
        }

        figure {
          top: calc(-8px * 4.8);
        }

        p {
          top: calc(-7px * 4.8);
          margin: 0 10%;
          width: 80%;
          text-align: center;
          font-size: calc(1.5px * 4.8);
          line-height: calc(1.5px * 4.8);
          color: var(--base-font-color);
        }

        .column-left {
          position: absolute;
          left: calc(-10px * 4.8);
          width: calc(25px * 4.8);

          p {
            margin-top: calc(3.5px * 4.8);
          }
        }

        .column-center {
          position: absolute;
          left: calc(20px * 4.8);
          width: calc(25px * 4.8);

          p {
            margin-top: calc(3px * 4.8);
          }
        }

        .column-right {
          position: absolute;
          left: calc(50px * 4.8);
          width: calc(25px * 4.8);

          p {
            margin-top: calc(1px * 4.8);
          }
        }

        .turquoise.circle {
          width: calc(8px * 4.8);
          height: calc(8px * 4.8);
          left: calc(-4px * 4.8);
          font-size: calc(1.8px * 4.8);
          line-height: calc(8px * 4.8);
          top: calc(-4px * 4.8);

          &.doubleline {
            line-height: calc(1.8px * 4.8);
            padding-top: calc(2.2px * 4.8);
          }
        }
      }
    }

    /* Business */
    div#business.scroll-section {
      height: calc(47px * 4.8);

      h2 {
        position: absolute;
        text-align: left;
        left: calc(4px * 4.8);
        top: calc(5px * 4.8);
      }

      figure {
        position: absolute;
      }

      figure:nth-child(3) {
        width: calc(30px * 4.8);
        left: calc(65px * 4.8);
        top: calc(26px * 4.8);
      }

      figure:nth-child(2) {
        width: calc(30px * 4.8);
        left: calc(41px * 4.8);
        top: calc(8px * 4.8);
      }

      .wp-block-buttons {
        position: absolute;
        top: calc(27px * 4.8);
        left: calc(12px * 4.8);
        width: calc(32px * 4.8);

        &>div {
          line-height: calc(5px * 4.8);
          height: calc(5px * 4.8);
        }
      }
    }

    /* Contact */
    div#contact.scroll-section {
      height: calc(47px * 4.8);

      .wp-block-cocoon-blocks-column-3 {
        position: absolute;
        top: calc(5px * 4.8);
        left: calc(27px * 4.8);

        .column-left {
          width: calc(23px * 4.8);
          left: calc(-10px * 4.8);
        }

        .column-center {
          width: calc(23px * 4.8);
          left: calc(14px * 4.8);
        }

        .column-right {
          width: calc(23px * 4.8);
          left: calc(38px * 4.8);
        }
      }

      .wp-block-cocoon-blocks-column-2 {
        .column-left {
          left: calc(20px * 4.8);
          top: calc(25px * 4.8);
          width: calc(40px * 4.8);
        }

        .column-right {
          left: calc(56px * 4.8);
          font-size: calc(1.6px * 4.8);
          width: calc(40px * 4.8);
          top: calc(23px * 4.8);
        }
      }
    }
  }
}