.high#ongaku {
  position: relative; }
  .high#ongaku .point {
    padding: 70px 0;
    background-color: #FFF2F3;
    background-image: url(../../images/common/dot.png); }
    @media only screen and (max-width: 767px) {
      .high#ongaku .point {
        padding: 35px 0; } }
  .high#ongaku .courses {
    padding: 70px 0; }
    @media only screen and (max-width: 767px) {
      .high#ongaku .courses {
        padding: 35px 0; } }
    .high#ongaku .courses__hl {
      margin-bottom: 40px; }
      @media only screen and (max-width: 767px) {
        .high#ongaku .courses__hl {
          margin-bottom: 30px; } }
    .high#ongaku .courses__rt {
      text-align: center;
      margin-bottom: 40px; }
      @media only screen and (max-width: 767px) {
        .high#ongaku .courses__rt {
          text-align: left; } }
    .high#ongaku .courses__eachCourse[data-course="instrumental"] {
      margin-top: 40px; }
      @media only screen and (max-width: 767px) {
        .high#ongaku .courses__eachCourse[data-course="instrumental"] {
          margin-top: 20px; } }
    .high#ongaku .courses__eachCourse__fig {
      margin-bottom: 20px; }
    .high#ongaku .courses__eachCourse__texts > dl > dt {
      padding-left: 10px;
      margin-bottom: 10px;
      border-left: 4px solid #E16975;
      font-size: 20px;
      font-size: 2rem;
      font-weight: 500; }
    .high#ongaku .courses__eachCourse__texts > dl > dd > div > div > dl > dt {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 700;
      margin-bottom: 10px; }
  .high#ongaku .support {
    padding: 70px 0;
    background-color: #FFF2F3;
    background-image: url(../../images/common/dot.png); }
    @media only screen and (max-width: 767px) {
      .high#ongaku .support {
        padding: 35px 0; } }
    .high#ongaku .support__hl {
      margin-bottom: 40px; }
      @media only screen and (max-width: 767px) {
        .high#ongaku .support__hl {
          margin-bottom: 30px; } }
    .high#ongaku .support__rt {
      text-align: center;
      margin-bottom: 40px; }
      @media only screen and (max-width: 767px) {
        .high#ongaku .support__rt {
          text-align: left; } }
    .high#ongaku .support__compactHolder {
      margin-bottom: 60px; }
      .high#ongaku .support__compactHolder__holder {
        background-color: #fff; }
        .high#ongaku .support__compactHolder__holder__list__item {
          padding: 15px 20px;
          border-top: 1px solid #DFDFDF; }
          .high#ongaku .support__compactHolder__holder__list__item:first-child {
            border-top: none; }
          .high#ongaku .support__compactHolder__holder__list__item > dl {
            display: flex; }
            @media only screen and (max-width: 767px) {
              .high#ongaku .support__compactHolder__holder__list__item > dl {
                display: block; } }
            .high#ongaku .support__compactHolder__holder__list__item > dl > dt {
              width: 270px;
              font-size: 16px;
              font-size: 1.6rem;
              line-height: 2.25; }
              @media only screen and (max-width: 767px) {
                .high#ongaku .support__compactHolder__holder__list__item > dl > dt {
                  width: 100%;
                  margin-bottom: 5px; } }
            .high#ongaku .support__compactHolder__holder__list__item > dl > dd {
              width: calc(100% - 270px); }
              @media only screen and (max-width: 767px) {
                .high#ongaku .support__compactHolder__holder__list__item > dl > dd {
                  width: 100%; } }
              .high#ongaku .support__compactHolder__holder__list__item > dl > dd > ul {
                margin-left: -20px; }
                .high#ongaku .support__compactHolder__holder__list__item > dl > dd > ul > li {
                  font-size: 16px;
                  font-size: 1.6rem;
                  line-height: 2.25;
                  display: inline-block;
                  margin-left: 20px; }
    .high#ongaku .support__famous {
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      border-radius: 12px;
      overflow: hidden;
      background-color: #fff; }
      @media only screen and (max-width: 767px) {
        .high#ongaku .support__famous {
          display: block; } }
      .high#ongaku .support__famous__fig {
        width: 50%; }
        @media only screen and (max-width: 767px) {
          .high#ongaku .support__famous__fig {
            width: 100%; } }
      .high#ongaku .support__famous__texts {
        padding: 50px;
        width: 50%; }
        @media only screen and (max-width: 767px) {
          .high#ongaku .support__famous__texts {
            width: 100%;
            padding: 30px 20px; } }
        .high#ongaku .support__famous__texts__hl {
          font-size: 30px;
          font-size: 3rem;
          color: #E16975;
          margin-bottom: 20px; }
          @media only screen and (max-width: 767px) {
            .high#ongaku .support__famous__texts__hl {
              font-size: 24px;
              font-size: 2.4rem; } }
  .high#ongaku .information {
    padding: 70px 0; }
    @media only screen and (max-width: 767px) {
      .high#ongaku .information {
        padding: 35px 0; } }
    .high#ongaku .information__hl {
      margin-bottom: 40px; }
      @media only screen and (max-width: 767px) {
        .high#ongaku .information__hl {
          margin-bottom: 30px; } }
    .high#ongaku .information__table {
      width: 100%;
      border: 1px solid #DFDFDF; }
      .high#ongaku .information__table > thead > tr > th {
        padding: 10px;
        background-color: #E16975;
        color: #fff;
        font-size: 20px;
        font-size: 2rem;
        font-weight: 500;
        border: 1px solid #DFDFDF;
        text-align: left; }
      .high#ongaku .information__table > tbody > tr > th {
        padding: 10px;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 400;
        border: 1px solid #DFDFDF;
        width: 210px;
        vertical-align: middle; }
      .high#ongaku .information__table > tbody > tr > td {
        padding: 10px;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 400;
        border: 1px solid #DFDFDF; }
  .high#ongaku .curriculum {
    padding: 70px 0;
    background-color: #FFF2F3;
    background-image: url(../../images/common/dot.png); }
    @media only screen and (max-width: 767px) {
      .high#ongaku .curriculum {
        padding: 35px 0; } }
    .high#ongaku .curriculum__hl {
      margin-bottom: 40px; }
      @media only screen and (max-width: 767px) {
        .high#ongaku .curriculum__hl {
          margin-bottom: 30px; } }
    .high#ongaku .curriculum__holder {
      background-color: #fff;
      border: 3px solid #DFDFDF;
      padding: 40px 100px;
      border-radius: 12px;
      text-align: center;
      margin-bottom: 40px; }
      @media only screen and (max-width: 767px) {
        .high#ongaku .curriculum__holder {
          padding: 20px; } }

/*# sourceMappingURL=ongaku.css.map */