.wrapper {
  width: 100%;
  height: auto; }
  .wrapper .purchase-1 {
    width: 100%;
    height: auto;
    padding-top: 110px;
    max-width: 1540px;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      .wrapper .purchase-1 {
        padding-top: 90px; } }
    @media screen and (max-width: 768px) {
      .wrapper .purchase-1 {
        padding-top: 60px; } }
    @media screen and (max-width: 480px) {
      .wrapper .purchase-1 {
        padding-top: 70px; } }
    .wrapper .purchase-1 .purchase-1-inner {
      width: 80%;
      height: auto;
      margin: 40px auto 100px auto; }
      @media screen and (max-width: 1024px) {
        .wrapper .purchase-1 .purchase-1-inner {
          width: 90%;
          margin-top: 30px; } }
      @media screen and (max-width: 480px) {
        .wrapper .purchase-1 .purchase-1-inner {
          width: 100%;
          margin-top: 15px; } }
      .wrapper .purchase-1 .purchase-1-inner .purchase-1-title {
        width: 90%;
        height: auto;
        border-bottom: 1px solid #333;
        padding-left: 10px;
        margin: 0 auto; }
        .wrapper .purchase-1 .purchase-1-inner .purchase-1-title h2 {
          font-size: 4rem; }
          @media screen and (max-width: 1024px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-title h2 {
              font-size: 3.2rem; } }
          @media screen and (max-width: 768px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-title h2 {
              font-size: 2.6rem; } }
          @media screen and (max-width: 480px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-title h2 {
              font-size: 1.8rem; } }
      .wrapper .purchase-1 .purchase-1-inner .purchase-1-main {
        width: 100%;
        height: auto;
        margin-top: 50px; }
        @media screen and (max-width: 1024px) {
          .wrapper .purchase-1 .purchase-1-inner .purchase-1-main {
            margin-top: 40px; } }
        .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step {
          display: flex;
          justify-content: space-around;
          width: 80%;
          height: auto;
          margin: 0 auto;
          text-align: center; }
          @media screen and (max-width: 1024px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step {
              width: 90%; } }
          @media screen and (max-width: 768px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step {
              width: 100%; } }
          .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li {
            height: auto;
            width: 20%;
            position: relative; }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li .step-1, .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li .step-2, .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li .step-3, .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li .step-4, .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li .step-5 {
              width: 50px;
              height: 50px;
              border-radius: 50%;
              background-color: #525263;
              display: inline-block;
              line-height: 50px;
              color: #fff; }
              @media screen and (max-width: 480px) {
                .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li .step-1, .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li .step-2, .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li .step-3, .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li .step-4, .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li .step-5 {
                  width: 40px;
                  height: 40px;
                  line-height: 40px; } }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li .step-1 {
              background-color: #5dacac;
              width: 52px;
              height: 52px;
              line-height: 52px; }
              @media screen and (max-width: 480px) {
                .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li .step-1 {
                  width: 42px;
                  height: 42px;
                  line-height: 42px; } }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li p {
              margin-top: 5px;
              font-weight: 600; }
              @media screen and (max-width: 768px) {
                .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li p {
                  font-size: 1.2rem; } }
              @media screen and (max-width: 480px) {
                .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li p {
                  font-size: 0.8rem; } }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li .step-1-text {
              color: #5dacac; }
          .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li::after {
            content: '';
            position: absolute;
            display: block;
            background: #525263;
            width: 100%;
            height: 0.25em;
            top: 1.6em;
            left: 50%;
            z-index: -1; }
            @media screen and (max-width: 480px) {
              .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li::after {
                top: 1.2em; } }
          .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .step li:nth-child(5):after {
            display: none; }
        .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-announce {
          width: 80%;
          height: auto;
          margin: 30px auto 0 auto;
          text-align: center; }
          .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-announce span {
            font-weight: 600; }
          @media screen and (max-width: 1024px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-announce {
              width: 90%; } }
          @media screen and (max-width: 768px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-announce {
              font-size: 1.5rem; } }
          @media screen and (max-width: 480px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-announce {
              font-size: 1.2rem; } }
        .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-content {
          width: 80%;
          height: auto;
          margin: 30px auto 0 auto; }
          @media screen and (max-width: 1024px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-content {
              width: 90%; } }
          @media screen and (max-width: 768px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-content {
              width: 100%; } }
        .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-heading {
          width: 100%;
          height: auto; }
          @media screen and (max-width: 768px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-heading {
              font-size: 1.4rem; } }
          @media screen and (max-width: 480px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-heading {
              font-size: 1.2rem; } }
          .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-heading ul {
            display: flex;
            background-color: #f7f7f7;
            padding: 20px 0; }
            @media screen and (max-width: 480px) {
              .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-heading ul {
                padding: 20px 20px; } }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-heading ul li {
              text-align: center; }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-heading ul .delete {
              width: 10%; }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-heading ul .content {
              width: 60%; }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-heading ul .quantity {
              width: 15%; }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-heading ul .subtotal {
              width: 15%; }
        .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item {
          width: 100%;
          height: auto; }
          @media screen and (max-width: 480px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item {
              padding: 0 20px; } }
          .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul {
            display: flex;
            padding: 20px 0;
            align-items: center;
            border-bottom: 1px dotted #333; }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul li {
              text-align: center; }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .delete {
              width: 10%; }
              .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .delete i {
                color: #747474; }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content {
              width: 60%;
              text-align: left;
              display: flex;
              flex-wrap: wrap; }
              .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content img {
                width: 150px;
                height: auto;
                padding-right: 10px;
                max-width: 100%; }
                @media screen and (max-width: 480px) {
                  .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content img {
                    margin: 0 auto; } }
              .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content .content-text {
                height: auto; }
                @media screen and (max-width: 480px) {
                  .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content .content-text {
                    width: 100%;
                    margin: 20px auto 0 auto;
                    text-align: center; } }
                .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content .content-text h3 {
                  color: #5dacac;
                  font-size: 2rem;
                  font-weight: 600; }
                  @media screen and (max-width: 1024px) {
                    .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content .content-text h3 {
                      font-size: 1.8rem; } }
                  @media screen and (max-width: 768px) {
                    .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content .content-text h3 {
                      font-size: 1.2rem; } }
                  @media screen and (max-width: 480px) {
                    .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content .content-text h3 {
                      font-size: 1rem; } }
                .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content .content-text h3:hover {
                  text-decoration: underline; }
                .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content .content-text p {
                  font-size: 1.8rem;
                  font-weight: 600; }
                  @media screen and (max-width: 1024px) {
                    .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content .content-text p {
                      font-size: 1.5rem; } }
                  @media screen and (max-width: 768px) {
                    .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content .content-text p {
                      font-size: 1rem; } }
                  @media screen and (max-width: 480px) {
                    .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .content .content-text p {
                      font-size: 0.8rem; } }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .quantity {
              width: 15%; }
              .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .quantity .quantity-btn button {
                padding: 2px; }
                @media screen and (max-width: 480px) {
                  .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .quantity .quantity-btn button {
                    padding: 0; } }
                @media screen and (max-width: 480px) {
                  .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .quantity .quantity-btn button i {
                    font-size: 1rem; } }
              .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .quantity .quantity-btn button:nth-child(1) {
                margin-right: 5px; }
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .subtotal {
              width: 15%; }
              @media screen and (max-width: 480px) {
                .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-item ul .subtotal {
                  font-size: 1.2rem; } }
        .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-note {
          width: 80%;
          height: auto;
          margin: 30px auto 0 auto;
          text-align: center; }
          @media screen and (max-width: 1024px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-note {
              width: 90%; } }
          @media screen and (max-width: 768px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-note {
              font-size: 2rem; } }
          @media screen and (max-width: 480px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-note {
              font-size: 1.6rem; } }
          .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-1-note p {
            width: 100%;
            height: auto; }
        .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .total {
          width: 80%;
          height: auto;
          margin: 30px auto 0 auto;
          text-align: right;
          display: flex; }
          @media screen and (max-width: 1024px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .total {
              width: 90%; } }
          @media screen and (max-width: 480px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .total {
              margin-right: 25px; } }
          .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .total p {
            width: 100%;
            height: auto;
            margin-right: 20px;
            padding-top: 9px; }
            @media screen and (max-width: 480px) {
              .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .total p {
                padding-top: 6px; } }
          .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .total h3 {
            color: #df3e3e;
            font-size: 2.5rem; }
            @media screen and (max-width: 480px) {
              .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .total h3 {
                font-size: 2.2rem; } }
        .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-btn {
          width: 80%;
          height: auto;
          margin: 30px auto 0 auto; }
          @media screen and (max-width: 1024px) {
            .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-btn {
              width: 90%; } }
          .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-btn button {
            width: 30%;
            background-color: #df3e3e;
            color: #fff;
            font-size: 1.7rem;
            font-weight: 600;
            padding: 15px 0;
            transition: 0.3s;
            outline: none;
            cursor: pointer;
            border: none;
            margin: 20px 0 0 auto;
            display: block;
            transition: 0.3s; }
            @media screen and (max-width: 1024px) {
              .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-btn button {
                width: 40%; } }
            @media screen and (max-width: 768px) {
              .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-btn button {
                width: 90%;
                margin: 20px auto 0 auto;
                font-size: 1.5rem; } }
            @media screen and (max-width: 480px) {
              .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-btn button {
                font-size: 1.2rem; } }
          .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-btn button:hover {
            opacity: 0.7; }
          .wrapper .purchase-1 .purchase-1-inner .purchase-1-main .purchase-btn .disagree {
            background-color: #525263; }

/*# sourceMappingURL=purchase-1.css.map */