.artmake_flow {
  max-width: 980px; }
  @media (max-width: 768px) {
    .artmake_flow.cmn__inr {
      padding-top: 0;
      padding-bottom: 0; } }
  .artmake_flow img {
    width: auto;
    max-width: 100%; }
    @media (max-width: 768px) {
      .artmake_flow img {
        height: auto; } }
  @media (min-width: 769px) {
    .artmake_flow.cmn__inr {
      padding: 0 0%; } }
  .cmn__bg > .artmake_flow {
    background-color: #fff; }

.flow_inner {
  padding-bottom: 56px; }
  @media (max-width: 768px) {
    .flow_inner {
      padding-bottom: 12%; } }

.flow_block {
  display: flex; }
  @media (max-width: 768px) {
    .flow_block + .flow_block {
      margin-top: 11%; } }
  @media (min-width: 769px) {
    .flow_block + .flow_block {
      margin-top: 30px; } }

.flow_img {
  flex-basis: 210px; }
  @media (max-width: 768px) {
    .flow_img {
      flex-basis: 27%; } }

.flow_info {
  flex-basis: calc(100% - 210px);
  padding-left: 40px; }
  @media (max-width: 768px) {
    .flow_info {
      flex-basis: calc(100% - 27%);
      padding-left: 7%; } }
  @media (max-width: 768px) {
    .flow_info p {
      font-size: 0.875rem;
      font-size: 3.7333333333vw; } }
  @media (min-width: 769px) {
    .flow_info p {
      font-size: 1rem;
      font-size: 2.0806241873vw; } }
  @media (min-width: 1160px) {
    .flow_info p {
      font-size: 16px; } }
  @media (max-width: 768px) {
    .flow_info br {
      display: none; } }

.flow_block:nth-of-type(1) .flow_infoTitle::before {
  content: "1"; }

.flow_block:nth-of-type(2) .flow_infoTitle::before {
  content: "2"; }

.flow_block:nth-of-type(3) .flow_infoTitle::before {
  content: "3"; }

.flow_block:nth-of-type(4) .flow_infoTitle::before {
  content: "4"; }

.flow_block:nth-of-type(5) .flow_infoTitle::before {
  content: "5"; }

.flow_block:nth-of-type(6) .flow_infoTitle::before {
  content: "6"; }

.flow_block:nth-of-type(7) .flow_infoTitle::before {
  content: "7"; }

.flow_block:nth-of-type(8) .flow_infoTitle::before {
  content: "8"; }

.flow_block:nth-of-type(9) .flow_infoTitle::before {
  content: "9"; }

.flow_block:nth-of-type(10) .flow_infoTitle::before {
  content: "10"; }

.flow_infoTitle {
  font-size: 20px;
  font-weight: bold;
  color: #C27358;
  position: relative;
  padding-left: 50px;
  padding-bottom: 10px;
  line-height: 2; }
  @media (max-width: 768px) {
    .flow_infoTitle {
      font-size: 1rem;
      font-size: 4.2666666667vw;
      padding-left: 17%; } }
  .flow_infoTitle::before {
    content: "1";
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #C27358;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    position: absolute;
    left: 0px; }
    @media (max-width: 768px) {
      .flow_infoTitle::before {
        width: 8vw;
        height: 8vw;
        line-height: 7vw;
        font-size: 1rem;
        font-size: 4.2666666667vw; } }

.flow_small {
  display: inline-block;
  padding-bottom: 76px !important; }
  @media (max-width: 768px) {
    .flow_small br {
      display: none; } }
  @media (max-width: 768px) {
    .flow_small {
      font-size: 0.875rem;
      font-size: 3.7333333333vw;
      padding-bottom: 12% !important; } }
  @media (min-width: 769px) {
    .flow_small {
      font-size: 1rem;
      font-size: 2.0806241873vw;
      width: 78%;
      margin-left: 11%; } }
  @media (min-width: 1160px) {
    .flow_small {
      font-size: 16px;
      margin-left: 0; } }

.flow_btn .cmn__btn {
  margin: 0 auto; }
  @media (max-width: 768px) {
    .flow_btn .cmn__btn {
      width: 100%;
      max-width: 100%; } }
  @media (min-width: 769px) {
    .flow_btn .cmn__btn {
      max-width: 300px; } }

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