
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  li,
  ol {
    list-style: none;
  }
  
  input {
    visibility: hidden;
    outline: none;
  }
  
  label {
    display: block;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
  }
  label:focus {
    outline: none;
  }
  
  a {
    outline: none;
    text-decoration: none;
  }
  a:hover, a:focus {
    outline: none;
    -webkit-tap-highlight-color: transparent;
  }
  img {
    width: 100%;
  }
  
  .c-button {
    width: 44.6511627907vw;
    margin: 5.13vw auto 0;
  }
  
  @media screen and (min-width: 768px) {
    .c-button {
      width: 192px;
      margin-top: 20px;
    }
  }
  .c-button__link {
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 700;
    font-style: normal;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.5vw solid #fff;
    font-size: 4.1860465116vw;
    height: 10.9302325581vw;
    border-radius: 11.6279069767vw;
  }
  
  @media screen and (min-width: 768px) {
    .c-button__link {
      border: 2px solid #fff;
      font-size: 18px;
      height: 47px;
      border-radius: 50px;
      transition: 0.2s;
    }
    .c-button__link:hover {
      opacity: 0.7;
    }
  }
  
  .type_on_demand .c-button__link {
    background-color: #C065A1;
    border: none;
    /* color: #D9BBCF; */
  }
  .type_instructor .c-button__link {
    background-color: #EB7D4C;
    border: none;
  }
  .type_self_style .c-button__link {
    background-color: #52B09E;
    border: none;
  }
  
  .c-button_link_disabled a{
    pointer-events: none;
  }
  .c-button_link_disabled .c-button__link{
      background-color: #D3D3D3;
      color: #fff;
  }
  
  .p_lesson_type {
    background-color: #F8F6F2;
    padding: 20.9302325581vw 4.6511627907vw 18.6046511628vw;
  }
  .p_lesson_type__heading {
    text-align: center;
  }
  .p_lesson_type__heading > img {
    width: 74.4186046512vw;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .p_lesson_type__discription {
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #82757E;
    text-align: center;
    line-height: 2;
    letter-spacing: 0.2vw;
    font-size: 3.2558139535vw;
    margin-top: 2.7906976744vw;
    margin-bottom: 6.976744186vw;
  }
  .p_lesson_type__card {
    background-color: #fff;
    padding: 5.5813953488vw;
    border-radius: 6.976744186vw;
  }
  .p_lesson_type__card:not(.p_lesson_type__card:first-child) {
    margin-top: 5.5813953488vw;
  }
  .p_lesson_type__card__title_wrap {
    display: flex;
    justify-content: space-between;
  }
  .p_lesson_type__card__title {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    letter-spacing: -0.1vw;
    white-space: nowrap;
    font-size: 7.9069767442vw;
  }
  .p_lesson_type__card__balloon {
    width: 25.1162790698vw;
  }
  .p_lesson_type__card__image {
    margin-top: 1.8604651163vw;
  }
  .p_lesson_type__card__detail {
    padding-top: 3.7209302326vw;
  }
  .p_lesson_type__card__detail_title {
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-weight: bold;
    color: #222;
    letter-spacing: 0.2vw;
    font-size: 5.1162790698vw;
  }
  .p_lesson_type__card__detail_discription {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: #222;
    font-size: 3.488372093vw;
    padding-top: 2.7906976744vw;
  }
  .p_lesson_type__card__detail_list {
    display: flex;
    flex-direction: column;
    margin-top: 3.7209302326vw;
  }
  .p_lesson_type__card__detail_item {
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 500;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #222;
    letter-spacing: 0.2vw;
    height: 9.7674418605vw;
    margin-bottom: 1.8604651163vw;
    font-size: 4.1860465116vw;
    border-radius: 2.3255813953vw;
  }
  .p_lesson_type__card__detail_item:last-child {
    margin-bottom: 0;
  }
  .p_lesson_type__card__detail_item > span {
    position: relative;
    top: -8%;
    font-size: 2.7906976744vw;
  }
  .p_lesson_type__card__detail_sup_wrap {
    margin-top: 3.2558139535vw;
  }
  .p_lesson_type__card__detail_sup {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    letter-spacing: 0.1vw;
    font-size: 2.7906976744vw;
    margin-bottom: 1.3953488372vw;
  }
  .p_lesson_type__card__detail_sup:last-child {
    margin-bottom: 0;
  }
  .p_lesson_type__card.type_self_style {
    background-color: #AED7C6;
  }
  .p_lesson_type__card.type_self_style .p_lesson_type__card__detail_item {
    color: #46A37C;
  }
  .p_lesson_type__card.type_instructor {
    background-color: #FBAA87;
  }
  .p_lesson_type__card.type_instructor .p_lesson_type__card__detail_item {
    color: #DB6937;
  }
  .p_lesson_type__card.type_on_demand {
    background-color: #DCB6CF;
  }
  .p_lesson_type__card.type_on_demand .p_lesson_type__card__detail_item {
    color: #A84B88;
  }
  .p_lesson_type__button{
    width: 100%;
    background-color: #f17373;
    text-align: center;
    border-radius: 100vh;
    margin-top: 10%;
  }
  .p_lesson_type__button > a{
    display: block;
    width: 100%;
    color: #fff;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-style: normal;
    font-weight: 700;
    padding: 5%;
    font-size: 5.12vw;
    letter-spacing: 0.26vw;
    line-height: 1;
  }
  @media screen and (min-width: 768px) {
    .p_lesson_type {
      padding: 30px 20px 100px;
    }
    .p_lesson_type__heading > img {
      width: 320px;
    }
    .p_lesson_type__discription {
      letter-spacing: 2px;
      font-size: 14px;
      margin: 12px 0 30px;
    }
    .p_lesson_type__card {
      padding: 24px;
      border-radius: 30px;
    }
    .p_lesson_type__card:not(.p_lesson_type__card:first-child) {
      margin-top: 24px;
    }
    .p_lesson_type__card__title {
      font-size: 34px;
      letter-spacing: 1px;
    }
    .p_lesson_type__card__balloon {
      width: 108px;
    }
    .p_lesson_type__card__image {
      margin-top: 8px;
    }
    .p_lesson_type__card__detail {
      padding-top: 16px;
    }
    .p_lesson_type__card__detail_title {
      font-size: 22px;
      letter-spacing: 2.3px;
    }
    .p_lesson_type__card__detail_discription {
      font-size: 15px;
      padding-top: 12px;
    }
    .p_lesson_type__card__detail_list {
      margin-top: 16px;
    }
    .p_lesson_type__card__detail_item {
      letter-spacing: 2.3px;
      height: 42px;
      margin-bottom: 8px;
      font-size: 18px;
      border-radius: 10px;
    }
    .p_lesson_type__card__detail_item > span {
      font-size: 12px;
    }
    .p_lesson_type__card__detail_sup_wrap {
      margin-top: 14px;
    }
    .p_lesson_type__card__detail_sup {
      letter-spacing: 1px;
      font-size: 12px;
      margin-bottom: 6px;
    }
    .p_lesson_type__button > a{
        font-size: 22px;
        letter-spacing: 1.1px;
    }
  }
  
  @media screen and (min-width: 768px) {
    .u-pt62--md {
      padding-top: 62px;
    }
  }/*# sourceMappingURL=style.css.map */


