@charset "UTF-8";

.about.contents {
  max-width: unset;
  padding: 0
}

.about__ttl {
  padding: 130px 0 0.5em;
  font-size: 37.33px;
  line-height: 1.5
}

.about__challenge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 90px
}

.about__challenge__detail {
  width: 52%
}

.about__challenge__detail .contents__ttl {
  padding: 0 0 0.4em
}

.about__challenge__detail .contents__txt {
  padding: 0 0 1.5em
}

.about__challenge__detail .morebtn {
  display: inline-block;
  position: relative;
  padding: 0 2.375em 0 1.5em;
  background: #DC1E37;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 48px;
  color: #fff;
  -webkit-transition: 0.4s all;
  transition: 0.4s all
}

.about__challenge__detail .morebtn:after {
  content: "";
  position: absolute;
  display: block;
  right: 1.2em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}

.about__challenge__detail .morebtn:hover {
  text-decoration: none;
  opacity: 0.7;
  -webkit-transition: 0.4s all;
  transition: 0.4s all
}

.about__challenge__illust {
  width: 48%
}

.about__challenge:nth-of-type(2n) .about__challenge__detail {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.about__challenge:nth-of-type(2n) .about__challenge__illust {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

@media screen and (max-width:767px) {
  .about {
    padding: 0 0 2.8205128205vw
  }

  .about__ttl {
    padding: 28.2051282051vw 8.4615384615vw 0.5em;
    font-size: 6.1538461538vw
  }

  .about__challenge {
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    padding: 0 0 15.3846153846vw
  }

  .about__challenge__detail {
    width: auto;
    padding: 0 12.3076923077vw 11.7948717949vw 12.3076923077vw;
    text-align: left
  }

  .about__challenge__detail .morebtn {
    border-radius: 1.2820512821vw;
    font-size: 3.5153846154vw;
    line-height: 10.5384615385vw
  }

  .about__challenge__detail .morebtn:after {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
    border-top: 0.5128205128vw solid #fff;
    border-right: 0.5128205128vw solid #fff
  }

  .about__challenge__detail .contents__ttl {
    margin-right: -0.5em
  }

  .about__challenge__detail .contents__txt {
    text-align: left
  }

  .about__challenge__illust {
    width: auto
  }

  .about__challenge:nth-of-type(2n) .about__challenge__detail {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset
  }

  .about__challenge:nth-of-type(2n) .about__challenge__illust {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset
  }
}