#wrap {
  padding: 0 0 50px; }

section {
  padding: 60px 0; }
  @media (min-width: 992px) {
    section {
      padding: 80px 10% 50px; } }
  section.right-rayout .reg-title {
    text-align: right; }
  section.right-rayout .front-content-box .front-content-box-img {
    width: 90%;
    margin: 0 0 0 10%; }
    @media (min-width: 992px) {
      section.right-rayout .front-content-box .front-content-box-img {
        margin: 0 0 0 67%; } }
  section.right-rayout .front-content-box .front-content-box-txt {
    margin: -1.0em 1.0em 0 0; }
    @media (min-width: 992px) {
      section.right-rayout .front-content-box .front-content-box-txt {
        margin: -1.0em 0 0 0; } }

.intro-block {
  padding: 50px 0 100px; }
  @media (min-width: 992px) {
    .intro-block {
      padding: 80px 10% 120px; } }
  .intro-block .inner {
    position: relative; }
    .intro-block .inner:before {
      content: "";
      position: absolute;
      left: -30px;
      bottom: -150px;
      width: 168px;
      height: 250px;
      background: url(../img/artist01.svg) no-repeat;
      background-size: contain; }
      @media (min-width: 992px) {
        .intro-block .inner:before {
          width: 336px;
          height: 500px;
          left: 0; } }

.achievement-block {
  position: relative; }
  .achievement-block:before {
    content: "";
    position: absolute;
    left: 0;
    top: -40px;
    width: 153.8461538462px;
    height: 153.8461538462px;
    background: url(../img/laptop01.svg) no-repeat;
    background-size: contain; }
    @media (min-width: 992px) {
      .achievement-block:before {
        left: 15%;
        width: 200px;
        height: 200px; } }

.reg-title {
  font-size: 5.0rem;
  line-height: 1.0;
  margin: 0 0 0.25em 2%; }
  @media (min-width: 992px) {
    .reg-title {
      margin: 0 0 0.25em 0;
      font-size: 7.0rem; } }
  .reg-title .mini {
    font-size: 1.4rem;
    display: block;
    padding: 0 0 0 0.5em;
    color: #ccc;
    letter-spacing: .25em; }

.front-content-box {
  position: relative; }
  .front-content-box .front-content-box-img {
    width: 90%;
    max-width: 400px; }
  .front-content-box .front-content-box-txt {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 2.0em;
    margin: -1.0em 0 0 1.0em; }
    @media (min-width: 992px) {
      .front-content-box .front-content-box-txt {
        position: absolute;
        width: 65%;
        left: 0;
        top: 28%;
        margin: 0 0 0 30%; } }

.service-content {
  margin: 0 0 50px; }
  .service-content:last-child {
    margin: 0; }
  .service-content:nth-child(1) .card-wrap h4 {
    color: #B962AF; }
  .service-content:nth-child(2) .card-wrap h4 {
    color: #F2A2C5; }
  .service-content:nth-child(2) .service-title:first-letter {
    color: #F2A2C5; }
  .service-content:nth-child(3) .card-wrap h4 {
    color: #EE5D69; }
  .service-content:nth-child(3) .service-title:first-letter {
    color: #EE5D69; }
  .service-content:nth-child(4) .card-wrap h4 {
    color: #F2926A; }
  .service-content:nth-child(4) .service-title:first-letter {
    color: #F2926A; }
  .service-content:nth-child(5) .card-wrap h4 {
    color: #FAD380; }
  .service-content:nth-child(5) .service-title:first-letter {
    color: #FAD380; }

.service-title {
  font-size: 4.6rem;
  white-space: nowrap; }
  .service-title:first-letter {
    color: #B962AF; }

.services_thumbnail {
  margin: 0 0 2.0em; }
  .services_thumbnail img {
    height: 300px;
    object-fit: cover;
    width: 100%; }
    @media (min-width: 768px) {
      .services_thumbnail img {
        height: 500px; } }

.card-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto 30px; }
  @media (min-width: 992px) {
    .card-wrap {
      margin: 0 auto 40px;
      justify-content: flex-start; } }
  .card-wrap:last-child {
    margin: 0; }
  .card-wrap .card {
    width: 49%;
    background: #f2f2f2;
    padding: 1.5em 1.0em;
    margin: 2% 0 0; }
    @media (min-width: 992px) {
      .card-wrap .card {
        width: 24%;
        margin: 1% 1.333% 0 0; }
        .card-wrap .card:nth-child(4n) {
          margin: 1% 0 0 0; } }
  .card-wrap h4 {
    font-size: 1.8rem;
    margin: 0 0 1.0em;
    font-weight: bold;
    text-align: center; }
  .card-wrap .card-img {
    margin: 0 0 1.0em; }
  .card-wrap .point-list {
    font-size: 1.2rem;
    padding: 0 .5em; }
    .card-wrap .point-list li {
      position: relative;
      padding: 0 0 0 1.0em;
      margin: 0 0 .5em; }
      .card-wrap .point-list li:last-child {
        margin: 0; }
      .card-wrap .point-list li:before {
        content: "";
        position: absolute;
        left: 0;
        top: .7em;
        width: 4px;
        height: 4px;
        background: #ccc;
        border-radius: 50%; }

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