.chromophototherapy {
  background-color: #B49ED3;
  color: #fff; }
  .chromophototherapy .top {
    padding-top: 8.0rem; }
    @media (max-width: 768px) {
      .chromophototherapy .top {
        padding-top: 13.333333333333334vw; } }
  .chromophototherapy .history {
    padding: 8.0rem 5.0rem 10.0rem; }
    @media (max-width: 768px) {
      .chromophototherapy .history {
        padding: 1.6vw 5.333333333333334vw 9.333333333333334vw; } }
    .chromophototherapy .history .ttl {
      font-size: 2.0rem;
      font-weight: 600;
      margin-bottom: 2.0rem; }
      @media (max-width: 768px) {
        .chromophototherapy .history .ttl {
          font-size: 3.2vw;
          margin-bottom: 2.666666666666667vw;
          text-align: center; } }
    .chromophototherapy .history .txt {
      font-size: 1.6rem;
      line-height: 1.875;
      margin-bottom: 4.0rem; }
      @media (max-width: 768px) {
        .chromophototherapy .history .txt {
          font-size: 2.666666666666667vw;
          margin-bottom: 8vw; } }
    .chromophototherapy .history .copy {
      text-align: center;
      font-size: 3.0rem;
      font-weight: 600;
      line-height: 2.1; }
      @media (max-width: 768px) {
        .chromophototherapy .history .copy {
          font-size: 4.266666666666667vw;
          line-height: 1.8125; } }
  @media (max-width: 768px) {
    .chromophototherapy .course {
      background-color: #fff; } }
  .chromophototherapy .course_box {
    background-color: #fff;
    border-radius: 3.0rem;
    padding: 3.0rem 5.0rem;
    color: #383838; }
    @media (max-width: 768px) {
      .chromophototherapy .course_box {
        padding: 14.666666666666666vw 0 5.333333333333334vw;
        border-radius: 0;
        border-bottom: 1px solid #707070; } }
    .chromophototherapy .course_box + .course_box {
      margin-top: 5.5rem; }
      @media (max-width: 768px) {
        .chromophototherapy .course_box + .course_box {
          margin-top: 0;
          border-bottom: none; } }
  .chromophototherapy .course_column {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.0rem; }
    @media (max-width: 768px) {
      .chromophototherapy .course_column {
        display: block;
        margin-bottom: 9.333333333333334vw; } }
    .chromophototherapy .course_column .box:first-child {
      width: 49.73%; }
      @media (max-width: 768px) {
        .chromophototherapy .course_column .box:first-child {
          width: 100%; } }
    .chromophototherapy .course_column .box:last-child {
      width: 41.88%; }
      @media (max-width: 768px) {
        .chromophototherapy .course_column .box:last-child {
          width: 100%; } }
    .chromophototherapy .course_column .box .ttl {
      color: #5F2EA2;
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      font-size: 3.0rem;
      line-height: 1.5;
      font-weight: 600;
      margin: 0 0 3.0rem; }
      @media (max-width: 768px) {
        .chromophototherapy .course_column .box .ttl {
          flex-flow: column;
          align-items: center;
          text-align: center;
          font-size: 5.6000000000000005vw;
          margin-bottom: 5.333333333333334vw; } }
      .chromophototherapy .course_column .box .ttl span {
        width: 100%;
        font-size: 1.8rem; }
        @media (max-width: 768px) {
          .chromophototherapy .course_column .box .ttl span {
            font-size: 5.333333333333334vw; } }
      .chromophototherapy .course_column .box .ttl dfn {
        font-style: normal;
        font-size: 1.6rem; }
        @media (max-width: 768px) {
          .chromophototherapy .course_column .box .ttl dfn {
            font-size: 3.2vw; } }
    .chromophototherapy .course_column .box .effect_ttl {
      font-size: 2.3rem;
      font-weight: 600;
      margin-bottom: 1.5rem; }
      @media (max-width: 768px) {
        .chromophototherapy .course_column .box .effect_ttl {
          text-align: center;
          font-size: 5.333333333333334vw;
          margin-bottom: 4vw; } }
    .chromophototherapy .course_column .box .effect dt {
      font-size: 1.8rem;
      font-weight: 600;
      color: #5F2EA2; }
      @media (max-width: 768px) {
        .chromophototherapy .course_column .box .effect dt {
          font-size: 4.8vw; } }
    .chromophototherapy .course_column .box .effect dd {
      padding: 0;
      margin: 0; }
      .chromophototherapy .course_column .box .effect dd p {
        font-size: 1.6rem;
        line-height: 1.875;
        margin-bottom: 2.5rem; }
        @media (max-width: 768px) {
          .chromophototherapy .course_column .box .effect dd p {
            font-size: 2.666666666666667vw;
            line-height: 1.7;
            margin-bottom: 4vw; } }
      .chromophototherapy .course_column .box .effect dd ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        .chromophototherapy .course_column .box .effect dd ul li {
          padding: 0;
          margin: 0;
          font-size: 1.6rem;
          line-height: 1.875; }
          @media (max-width: 768px) {
            .chromophototherapy .course_column .box .effect dd ul li {
              font-size: 2.666666666666667vw;
              line-height: 1.7; } }
    .chromophototherapy .course_column .box-list {
      list-style: none;
      padding: 0;
      margin: 0; }
      .chromophototherapy .course_column .box-list li {
        padding: 0;
        margin: 0;
        font-size: 1.6rem;
        line-height: 1.875; }
        @media (max-width: 768px) {
          .chromophototherapy .course_column .box-list li {
            font-size: 3.2vw;
            line-height: 4vw; } }
    .chromophototherapy .course_column .box .btn {
      background-color: #B49ED3;
      border-radius: 3.0rem;
      font-size: 1.6rem;
      color: #fff;
      font-weight: 600;
      padding: 1.0rem 4.0rem;
      margin: 1.5rem 0 0;
      text-align: center; }
      @media (max-width: 768px) {
        .chromophototherapy .course_column .box .btn {
          font-size: 3.2vw;
          padding: 1.0rem;
          margin-top: 6.666666666666667vw; } }
    .chromophototherapy .course_column .box .photo {
      margin-top: 3.5rem; }
      @media (max-width: 768px) {
        .chromophototherapy .course_column .box .photo {
          margin-top: 0;
          margin-bottom: 8vw; } }
      .chromophototherapy .course_column .box .photo img {
        width: 100%;
        border-radius: 1.0rem; }
  .chromophototherapy .course .voice {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .chromophototherapy .course .voice {
        display: block; } }
    .chromophototherapy .course .voice dl {
      width: 31%; }
      @media (max-width: 768px) {
        .chromophototherapy .course .voice dl {
          width: 100%; } }
      .chromophototherapy .course .voice dl dt {
        font-size: 1.8rem;
        font-weight: 600;
        color: #5F2EA2;
        margin-bottom: 1.0rem; }
        @media (max-width: 768px) {
          .chromophototherapy .course .voice dl dt {
            font-size: 4.8vw; } }
      .chromophototherapy .course .voice dl dd {
        padding: 0;
        margin: 0;
        font-size: 1.4rem;
        line-height: 1.625; }
        @media (max-width: 768px) {
          .chromophototherapy .course .voice dl dd {
            font-size: 2.666666666666667vw;
            line-height: 1.7; } }
      @media (max-width: 768px) {
        .chromophototherapy .course .voice dl + dl {
          margin-top: 5.333333333333334vw; } }
  .chromophototherapy .recommendation {
    padding-bottom: 8.0rem; }
    @media (max-width: 768px) {
      .chromophototherapy .recommendation {
        padding-bottom: 21.333333333333336vw; } }
    .chromophototherapy .recommendation .link-btn {
      display: flex;
      justify-content: center;
      margin: 8.0rem 0 12.0rem; }
      @media (max-width: 768px) {
        .chromophototherapy .recommendation .link-btn {
          margin: 21.333333333333336vw 0 9.333333333333334vw; } }
      .chromophototherapy .recommendation .link-btn a {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        padding: 1.0rem;
        width: 57.5rem;
        text-align: center;
        color: #5F2EA2;
        font-size: 2.4rem;
        font-weight: 600;
        border-radius: 3.0rem;
        text-decoration: none; }
        @media (max-width: 768px) {
          .chromophototherapy .recommendation .link-btn a {
            width: 100%;
            font-size: 4.8vw; } }
        .chromophototherapy .recommendation .link-btn a img {
          margin-left: 1.7rem;
          max-width: 1.6rem; }
          @media (max-width: 768px) {
            .chromophototherapy .recommendation .link-btn a img {
              margin-left: 2.1333333333333333vw;
              max-width: 3.733333333333334vw; } }
    .chromophototherapy .recommendation .copy {
      text-align: center;
      font-size: 3.0rem;
      font-weight: 600;
      line-height: 2.1; }
      @media (max-width: 768px) {
        .chromophototherapy .recommendation .copy {
          font-size: 4.266666666666667vw;
          line-height: 2.0; } }
    .chromophototherapy .recommendation .ttl {
      font-size: 2.0rem;
      font-weight: 600;
      text-align: center;
      margin: 0;
      padding-top: 11.0rem; }
      @media (max-width: 768px) {
        .chromophototherapy .recommendation .ttl {
          font-size: 4.266666666666667vw;
          padding-top: 10.666666666666668vw; } }
    .chromophototherapy .recommendation .img {
      max-width: 94.0rem;
      margin: 0 auto; }
      @media (max-width: 768px) {
        .chromophototherapy .recommendation .img {
          width: 100%; } }