.block_guide {
  width: 100%;
  margin: 120px 0;
  padding: 0 15px;
}

.block_guide .container {
  display: flex;
  align-items: center;
  gap: 70px;
  padding: 60px 0;
  border-radius: 20px;
  border: 1px solid var(--Silver);
  background-color: var(--White);
  max-width: 1280px;
}

.block_guide_wrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-left: 60px;
  max-width: 50%
}

.block_guide_desc {
  font-size: calc(18px + 2 * ((100vw - 375px) / (1920 - 375)));
  font-weight: 400;
}

.block_guide_btn {
  margin-top: 25px;
  max-width: fit-content;
}

.block_guide_btn path,
.block_guide_btn svg {
  stroke: var(--White);
  color: var(--White);
}

.block_guide ul {
  padding: 0 60px 0 80px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 10px;
  position: relative;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='435' viewBox='0 0 1 435' fill='none'><line x1='0.5' y1='0.5' x2='0.499981' y2='434.5' stroke='%23868686' stroke-linecap='round' stroke-dasharray='6 6'/></svg>");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 2px 100%;
}

.block_guide li,
.block_guide li strong {
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.32px;
}

.block_guide li {
  position: relative;
  padding-left: 25px;
}

.block_guide li strong {
  font-weight: 600;
}

.block_guide li::before {
  content: "";
  position: absolute;
  left: 0;
  rotate: 32deg;
  top: 0;
  background-image: var(--Theme-Arrow);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}

@media (max-width: 1280px) {
  .block_guide .container {
    gap: 30px;
  }

  .block_guide_wrap {
    padding-left: 30px;
    max-width: 45%;
  }

  .block_guide ul {
    padding: 0 20px;
  }
}


@media (max-width: 992px) {
  .block_guide {
    margin: 80px 0;
  }

  .block_guide .container {
    flex-direction: column;
    gap: 40px;
    padding: 40px 20px;
  }

  .block_guide_wrap {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }

  .block_guide ul {
    padding: 40px 0 0 0;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="631" height="1" viewBox="0 0 631 1" fill="none"><line x1="0.5" y1="0.5" x2="630.5" y2="0.5" stroke="%23868686" stroke-width="1" stroke-linecap="round" stroke-dasharray="6 6"/></svg>');
    background-repeat: no-repeat;
    background-position: top, bottom;
    background-size: 100% 2px;
  }
}

@media (max-width: 768px) {
  .block_guide {
    margin: 80px 0;
  }

  .block_guide_btn {
    margin-top: 10px;
    width: 100%;
    max-width: 450px;
    justify-content: center;
  }
}