/* CSS Document */
/* ============================
 | Styles |
============================ */
/* .c-serviceIntro */
@media only screen and (min-width: 801px) {
  .c-serviceIntro-fig::before, .c-serviceIntro-fig::after {
    content: "";
    display: table;
  }
  .c-serviceIntro-fig::after {
    clear: both;
  }
}

.c-serviceIntro-img {
  text-align: center;
}

@media only screen and (min-width: 801px) {
  .c-serviceIntro-img {
    float: right;
    width: 300px;
    margin-left: 40px;
    padding: 43px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.25);
  }
}

@media only screen and (max-width: 800px) {
  .c-serviceIntro-img {
    width: 100%;
    padding: 8vw;
    border-radius: 3.2vw;
    background-color: rgba(255, 255, 255, 0.5);
  }
}

@media only screen and (min-width: 581px) and (max-width: 800px) {
  .c-serviceIntro-img {
    padding: 60px;
    border-radius: 24px;
  }
}

@media only screen and (min-width: 801px) {
  .c-serviceIntro-img img {
    width: 130px;
  }
}

@media only screen and (max-width: 800px) {
  .c-serviceIntro-img img {
    width: 23.2vw;
  }
}

@media only screen and (min-width: 581px) and (max-width: 800px) {
  .c-serviceIntro-img img {
    width: 174px;
  }
}

@media only screen and (max-width: 800px) {
  main > section .inner.c-serviceIntro-txt, main > .innerSection .inner.c-serviceIntro-txt {
    margin-top: 6.66667vw;
  }
}

@media only screen and (min-width: 581px) and (max-width: 800px) {
  main > section .inner.c-serviceIntro-txt, main > .innerSection .inner.c-serviceIntro-txt {
    margin-top: 50px;
  }
}

.c-serviceIntro-btn {
  text-align: center;
}