/** Shopify CDN: Minification failed

Line 271:15 Expected ":"

**/
:root {
  
}

html {
  scroll-behavior: smooth;
  scroll-padding: 100px;

  @media screen and (min-width: 600px) {
    scroll-padding: 150px;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

dl dd + dt {
  margin-block-start: 1em;
}

@media screen and (min-width: 600px) {
  .pc-hidden {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .sp-hidden {
    display: none;
  }
}

.box-cap {
  font-size: 80%;
  min-height: 4lh;
}
.box-code {
  padding: 1em;
  min-height: 3lh;
  background-color: #f5f5f5;
  border-radius: 1em;
  color: #666;
  font-size: 80%;
}
.frame-rounded {
  border: 1px solid #ccc;
  border-radius: 0.2em;
  padding-inline: 0.4em;
  margin-inline: 0.4em;
}
.frame-rounded:first-child {
  margin-inline-start: 0;
}

.underline {
  text-decoration: underline;
}
.line-through {
  text-decoration: line-through;
}
.marker {
  text-decoration: underline;
  text-decoration-color: rgb(100 100 100 / .6);
  text-decoration-thickness: 0.6em;
  text-underline-offset: -0.3em;
  text-decoration-skip-ink: none;
}

#shopify-section-template--17857790574680__slideshow_VVJxty .prose {
    text-align: left;
    line-height: 1.4;
    .h6 {
      font-size: min(calc(32 / var(--design-width-pc) * 100dvw), 32px);
      font-family: var(--font-en);
      color: var(--color-blue);
      margin-bottom: -1.7em;
      @media screen and (max-width: 599px) {
        font-size: calc(10 / var(--design-width-sp) * 100dvw);
        margin-bottom: -2.1em;
      }
    }
    .h1 {
      text-align: center;
      background-color: var(--color-blue);
      color: #fff;
      padding: 2.5em;
      min-width: 30vw;
      font-weight: bold;
      font-size: min(calc(20 / var(--design-width-pc) * 100dvw), 20px);
      @media screen and (max-width: 599px) {
        padding: 1.5em;
        font-size: calc(12 / var(--design-width-sp) * 100dvw);
      }
    }
  }
  
#concept {
  text-align: left;
  .liquid {
  .ttl {
    color: var(--color-blue);
    font-size: min(calc(72 / var(--design-width-pc) * 100dvw), 72px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    @media screen and (max-width: 599px) {
      margin-top: 0.6em;
      font-size: calc(28 / var(--design-width-sp) * 100dvw);
    }
  }
  .sub {
    margin-top: 1em;
    background-color: var(--color-blue);
    color: #fff;
    padding: 0.6em;
    text-align: center;
    font-family: var(--font-en2);
    font-size: min(calc(20 / var(--design-width-pc) * 100dvw), 20px);
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    @media screen and (max-width: 599px) {
      margin-top: 1.6em;
      font-size: calc(11 / var(--design-width-sp) * 100dvw);
    }
  }
    .body {
      margin-top: 1em;
      color: var(--color-blue);
      font-size: min(calc(20 / var(--design-width-pc) * 100dvw), 20px);
      font-style: normal;
      font-weight: 700;
      line-height: 1.6;
      letter-spacing: 2px;
      text-transform: uppercase;
      @media screen and (max-width: 599px) {
        font-size: calc(14 / var(--design-width-sp) * 100dvw);
      }
      p+p{
        margin-top: 1em;
      }
    }
  }
}
#concept-images {
  position: relative;

  #shopify-block-AZHF0d3BrSTJ4dDdBb__lp_image_GKnL6P {
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: -5%;
  }
  #shopify-block-AM1lNYWRoeWQrNDBBU__lp_image_NT9tGW {
    position: absolute;
    right: -2%;
    bottom: 39%;
    width: 40%;
  }
  #shopify-block-Ac0hlekdXbURCYUlTY__lp_image_GyCKAn {
    position: absolute;
    right: 30%;
    bottom: 0%;
    width: 29%;
  }
}


#tutor {
  font-size: min(calc(14 / var(--design-width-pc) * 100dvw), 14px);
  @media screen and (max-width: 599px) {
    font-size: calc(12 / var(--design-width-sp) * 100dvw);
  }
}

#tutors {
  .name {
    margin-top: 1em;
    color: var(--color-blue);
    text-align: center;
    font-size: min(calc(18 / var(--design-width-pc) * 100dvw), 18px);
    font-weight: 700;
    line-height: 1.2;
    @media screen and (max-width: 599px) {
      font-size: calc(16 / var(--design-width-sp) * 100dvw);
    }
  }
  .txt{
    margin-top: 1em;
    color: var(--color-blue);
    font-size: min(calc(14 / var(--design-width-pc) * 100dvw), 14px);
    @media screen and (max-width: 599px) {
      font-size: calc(12 / var(--design-width-sp) * 100dvw);
    }
  }
}

#shopify-block-Aclo5ZjVvTkhBOUI2W__lp_flex_BjPmXc {
  .ttl {
    font-size: min(calc(38 / var(--design-width-pc) * 100dvw), 38px);
    font-weight: 700;
    line-height: 1.2;
    @media screen and (max-width: 599px) {
      font-size: calc(18 / var(--design-width-sp) * 100dvw);
    }
  }
  .price {
    margin-top: 0.3em;
    font-size: min(calc(68 / var(--design-width-pc) * 100dvw), 68px);
    font-weight: 700;
    line-height: 1.2;
    font-family: var(--font-en);
    @media screen and (max-width: 599px) {
      font-size: calc(32 / var(--design-width-sp) * 100dvw);
    }
    .yen {
      font-size: min(calc(48 / var(--design-width-pc) * 100dvw), 48px);
      @media screen and (max-width: 599px) {
        font-size: calc(22 / var(--design-width-sp) * 100dvw);
      }
    }
  }
  .txt {
    margin-top: 0.3em;
    font-size: min(calc(18 / var(--design-width-pc) * 100dvw), 18px);
    @media screen and (max-width: 599px) {
      font-size: calc(12 / var(--design-width-sp) * 100dvw);
    }
  }
  #shopify-block-AYjFERzRwLzRreDA1N__lp_grid_column_bR4cHE {
    @media screen and (min-width: 600px) {
      width: 35%;
    }
  }
  #shopify-block-AYTdOQ01GLzdyaEg1e__lp_grid_column_QetBmM {
    @media screen and (min-width: 600px) {
      border-left: 1px solid #fff;
      margin-left: 4em;
      padding-left: 4em;
      width: calc(35% + 4em);
    }
    @media screen and (max-width: 599px) {
      border-top: 1px solid #fff;
      margin-top: 1em;
      padding-top: 2em;
    }
  }
}

#shopify-block-ASzJxZE9pdHNrQS9Ua__lp_centered_container_MYkcxc {
  .table {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.20);

    tbody {
      tr {

        >th,
        >td {
          opacity: 1;
          text-align: left;
          border-block-width: 0;
          border-color: 1px solid rgba(0, 0, 0, 0.20);
          color #000000 !important;
          font-size: min(calc(15 / var(--design-width-pc) * 100dvw), 18px) !important;

          @media screen and (max-width: 599px) {
            padding: 0;
            display: block;
            font-size: calc(15 / var(--design-width-sp) * 100dvw) !important;
          }

          @media screen and (min-width: 600px) {
            padding: 0.5em 0.5em;
            border-bottom: 1px solid rgba(0, 0, 0, 0.20);
            vertical-align: middle;
          }
        }

        >th {
          font-weight: 700;
          @media screen and (min-width: 600px) {
            width: 22%;
          }
          @media screen and (max-width: 599px) {
            padding-top: 1em;
          }
        }

        >td {
          @media screen and (min-width: 600px) {
            width: 78%;
            height: min(calc(74 / var(--design-width-pc) * 100dvw), 74px);
          }
          @media screen and (max-width: 599px) {
            padding-bottom: 1em;
            border-bottom: 1px solid rgba(0, 0, 0, 0.20);
            font-size: calc(13 / var(--design-width-sp) * 100dvw) !important;
          }
        }
      }
    }
  }
}