.courgette {
  font-family: "Courgette", cursive;
  font-weight: 400; }

/* column */
@media screen and (max-width: 640px) {
  .column {
    margin-right: -1.5rem;
    margin-left: -1.5rem; } }
.column .detail .ph.large {
  height: 151%; }
  @media screen and (max-width: 640px) {
    .column .detail .ph.large {
      margin-top: 0.5rem; } }
.column .detail figcaption {
  position: absolute;
  transform: rotate(-9.5deg);
  z-index: 1; }
  .column .detail figcaption > span {
    font-size: 4.5rem;
    font-family: "Courgette", cursive;
    font-weight: 400;
    color: #f05050; }
    @media screen and (max-width: 640px) {
      .column .detail figcaption > span {
        font-size: 2.5rem; } }

section .column .detail {
  padding-top: 25%; }
  section .column .detail .ph img {
    top: auto;
    -webkit-transform: none;
    transform: none; }

/* sec_learning */
.sec_learning {
  padding-bottom: 7rem; }
  .sec_learning .sec_tit {
    margin-bottom: 5.5rem; }
    @media screen and (max-width: 640px) {
      .sec_learning .sec_tit {
        margin-bottom: 2rem; } }
    .sec_learning .sec_tit > .title {
      min-width: 42rem; }
      @media screen and (max-width: 640px) {
        .sec_learning .sec_tit > .title {
          min-width: 29rem; } }
  .sec_learning .column .detail {
    margin-bottom: 5rem; }
    @media screen and (max-width: 640px) {
      .sec_learning .column .detail {
        min-height: 19.9rem;
        margin-bottom: 0;
        padding-top: 0; } }
    @media screen and (max-width: 640px) {
      .sec_learning .column .detail + .detail {
        margin-top: 1rem; } }
    @media screen and (max-width: 640px) {
      .sec_learning .column .detail .text_box {
        margin-right: 1.3rem;
        margin-left: 15.7rem; } }
    @media screen and (max-width: 640px) {
      .sec_learning .column .detail .text_box .title {
        margin-top: 0;
        margin-bottom: 0.5rem;
        line-height: 1.3;
        letter-spacing: -1.2px; } }
    @media screen and (max-width: 640px) {
      .sec_learning .column .detail .text_box .title.row {
        margin-top: 2.5rem; } }
    @media screen and (max-width: 640px) {
      .sec_learning .column .detail .text_box .title.row2 {
        margin-top: 1.5rem; } }
    @media screen and (max-width: 640px) {
      .sec_learning .column .detail .text_box .title.row3 {
        margin-top: 2.0rem; } }
    @media screen and (max-width: 640px) {
      .sec_learning .column .detail .text_box .read {
        font-size: 1.1rem;
        letter-spacing: 0;
        line-height: 1.8rem;
        padding-bottom: 1rem; } }
    @media screen and (max-width: 640px) {
      .sec_learning .column .detail:nth-child(even) .text_box {
        margin-right: 15.7rem;
        margin-left: 1.3rem; } }
    .sec_learning .column .detail .ph {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 256px; }
      @media screen and (max-width: 640px) {
        .sec_learning .column .detail .ph {
          width: 45%;
          height: 100%; } }
      @media screen and (max-width: 640px) {
        .sec_learning .column .detail .ph img {
          width: 100%;
          height: auto;
          -webkit-transform: none;
          transform: none; } }
      .sec_learning .column .detail .ph figcaption {
        right: -0.5rem;
        bottom: -0.5rem;
        text-indent: -13em; }
        @media screen and (max-width: 640px) {
          .sec_learning .column .detail .ph figcaption {
            right: 1.5rem;
            bottom: -0.8rem;
            text-indent: -7em; } }
      @media screen and (max-width: 640px) {
        .sec_learning .column .detail .ph.large {
          right: auto;
          width: auto; } }
    @media screen and (max-width: 640px) {
      .sec_learning .column .detail:nth-child(even) .ph {
        right: 0;
        left: auto; } }

/* sec_community */
.sec_community > .wrap {
  padding-bottom: 10.5rem; }
  @media screen and (max-width: 640px) {
    .sec_community > .wrap {
      padding-bottom: 6rem; } }
  @media screen and (max-width: 640px) {
    .sec_community > .wrap .sec_tit {
      margin-bottom: 2rem; } }
  .sec_community > .wrap .sec_tit > .title {
    min-width: 48rem; }
    @media screen and (max-width: 640px) {
      .sec_community > .wrap .sec_tit > .title {
        min-width: 29rem; } }
  .sec_community > .wrap .column .detail {
    margin-bottom: 4rem;
    position: relative; }
    @media screen and (max-width: 640px) {
      .sec_community > .wrap .column .detail {
        min-height: 19.9rem;
        margin-bottom: 0;
        padding-top: 0;
        background-color: #fff; } }
    @media screen and (max-width: 640px) {
      .sec_community > .wrap .column .detail + .detail {
        margin-top: 1.5rem; } }
    @media screen and (max-width: 640px) {
      .sec_community > .wrap .column .detail .text_box {
        margin-right: 1.3rem;
        margin-left: 15.7rem; } }
    @media screen and (max-width: 640px) {
      .sec_community > .wrap .column .detail .text_box .title {
        margin-top: 1.0rem;
        margin-bottom: 0.5rem;
        line-height: 1.3;
        letter-spacing: -1.2px; } }
    @media screen and (max-width: 640px) {
      .sec_community > .wrap .column .detail .text_box .title.row {
        margin-top: 2.5rem; } }
    @media screen and (max-width: 640px) {
      .sec_community > .wrap .column .detail .text_box .title.row3 {
        margin-top: 2.0rem; } }
    @media screen and (max-width: 640px) {
      .sec_community > .wrap .column .detail .text_box .read {
        font-size: 1.1rem;
        letter-spacing: 0;
        line-height: 1.8rem;
        padding-bottom: 1rem; } }
    @media screen and (max-width: 640px) {
      .sec_community > .wrap .column .detail:nth-child(2) .text_box, .sec_community > .wrap .column .detail:nth-child(5) .text_box {
        margin-right: 15.7rem;
        margin-left: 1.3rem; } }
    .sec_community > .wrap .column .detail .ph {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 256px; }
      @media screen and (max-width: 640px) {
        .sec_community > .wrap .column .detail .ph {
          width: 45%;
          height: 100%; } }
      .sec_community > .wrap .column .detail .ph figcaption {
        bottom: -1rem;
        left: 6rem;
        text-indent: -8.5em; }
        @media screen and (max-width: 640px) {
          .sec_community > .wrap .column .detail .ph figcaption {
            right: 2rem;
            bottom: -2rem;
            left: auto;
            text-indent: -5.5em; } }
      .sec_community > .wrap .column .detail .ph.large {
        height: 151%; }
        @media screen and (max-width: 640px) {
          .sec_community > .wrap .column .detail .ph.large {
            right: auto;
            width: auto;
            margin-top: 0; } }
    @media screen and (max-width: 640px) {
      .sec_community > .wrap .column .detail:nth-child(2) .ph, .sec_community > .wrap .column .detail:nth-child(5) .ph {
        right: 0;
        left: auto; } }