/* Media */
/* Main */
main {
  padding: 5%;
  overflow: hidden;
  /* Section */ }
  main aside .wrap {
    padding: 35px 5% 0 5%;
    text-align: center; }
    main aside .wrap .dot {
      display: inline-block;
      width: 15px;
      height: 15px;
      background-color: #0068b7;
      margin-right: 5%; }
    main aside .wrap .intro {
      display: inline-block;
      padding: 5%; }
      @media (min-width: 576px) {
        main aside .wrap .intro {
          padding: 0%; } }
  main aside hr {
    border: 2px solid #eee; }
  main aside .phone {
    padding-top: 5%; }
    main aside .phone p {
      text-align: center;
      font-size: 20px; }
    @media (min-width: 576px) {
      main aside .phone {
        padding: 0; } }
    @media (max-width: 575px) {
      main aside .phone {
        padding: 0%; } }
  @media (min-width: 576px) {
    main section {
      padding: 0; } }
  main section .greeting {
    padding: 25px 5% 1px 0; }
  main section hr {
    border: 2px solid #eee; }
  main section .before_after .img {
    overflow: hidden;
    padding: 0;
    margin-bottom: 5%; }
    main section .before_after .img .beforeImg {
      padding: 1%; }
      main section .before_after .img .beforeImg img {
        width: 100%; }
    main section .before_after .img .afterImg {
      padding: 1%; }
      main section .before_after .img .afterImg img {
        width: 100%; }
  main section .before_after .explain p {
    font-size: 18px;
    font-weight: 700; }
    @media (max-width: 575px) {
      main section .before_after .explain p {
        font-size: 14px; } }
  main section .process {
    padding: 0; }
    main section .process h2 {
      margin-left: -15px;
      padding-bottom: 5%; }
    main section .process .graphic {
      padding: 0; }
      main section .process .graphic .phone {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        text-align: center;
        line-height: 5;
        list-style: none;
        margin: 1%;
        font-weight: 700;
        border: 20px solid #7ecef4;
        display: inline-block; }
        @media (max-width: 575px) {
          main section .process .graphic .phone {
            width: 150px;
            height: 150px;
            font-size: 22px;
            margin: 5% auto;
            display: block; } }
      main section .process .graphic .inperson {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        text-align: center;
        line-height: 5;
        list-style: none;
        margin: 1%;
        font-weight: 700;
        border: 20px solid #448aca;
        display: inline-block; }
        @media (max-width: 575px) {
          main section .process .graphic .inperson {
            width: 150px;
            height: 150px;
            font-size: 22px;
            margin: 5% auto;
            display: block; } }
      main section .process .graphic .negotiation {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        text-align: center;
        line-height: 5;
        list-style: none;
        margin: 1%;
        font-weight: 700;
        border: 20px solid #0068b7;
        display: inline-block; }
        @media (max-width: 575px) {
          main section .process .graphic .negotiation {
            width: 150px;
            height: 150px;
            font-size: 22px;
            margin: 5% auto;
            display: block; } }
      main section .process .graphic .demolition {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        text-align: center;
        line-height: 5;
        list-style: none;
        margin: 1%;
        font-weight: 700;
        border: 20px solid #004986;
        display: inline-block; }
        @media (max-width: 575px) {
          main section .process .graphic .demolition {
            width: 150px;
            height: 150px;
            font-size: 22px;
            margin: 5% auto;
            display: block; } }
      main section .process .graphic .complete {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        text-align: center;
        line-height: 5;
        list-style: none;
        margin: 1%;
        font-weight: 700;
        border: 20px solid #002e73;
        display: inline-block; }
        @media (max-width: 575px) {
          main section .process .graphic .complete {
            width: 150px;
            height: 150px;
            font-size: 22px;
            margin: auto;
            display: block; } }
    main section .process p {
      margin-left: -15px;
      padding-top: 5%;
      font-weight: 700;
      font-size: 18px; }