.p-beginner-lead {
  margin-top: 60px;
  font-size: 1.6rem;
  line-height: 1.45;
}
.p-beginner-list {
  margin-top: 80px;
}
.p-beginner-list-item {
  display: flex;
  gap: 40px;
  position: relative;
  z-index: 0;
}
.p-beginner-list-item + .p-beginner-list-item {
  padding-top: 80px;
}
.p-beginner-list-item::before {
  position: absolute;
  content: "";
  top: 100px;
  left: 50px;
  z-index: -1;
  width: 3px;
  height: 100%;
  background-color: #666;
}
.p-beginner-list-item:last-child:before {
  content: none;
}
.p-beginner-list-item .step {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100px;
  height: 100px;
  font-size: 2rem;
  color: #fff;
  background-color: #666;
}
.p-beginner-list-item .num {
  font-size: 4.6rem;
  font-weight: 500;
  line-height: 1;
}
.p-beginner-list-item .detailWrap {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 15px 30px;
}
.p-beginner-list-item .detail {
  flex: 1;
  min-width: 450px;
}
.p-beginner-list-item .detail-ttl {
  font-size: 2.1rem;
  font-weight: bold;
}
.p-beginner-list-item .detail-txt {
  margin-top: 15px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.p-beginner-list-item .detailImg {
  max-width: 370px;
}
.p-beginner-lyt {
  margin-top: 80px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  border: 1px solid #d9d9d9;
}
.p-beginner-lyt-detail {
  flex: 1;
  min-width: 50%;
  padding: 30px;
}
.p-beginner-lyt-detail dt {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-beginner-lyt-detail dd {
  margin-top: 30px;
  font-size: 1.2rem;
  line-height: 1.9;
  letter-spacing: .07em;
}
.p-beginner-button {
  margin-top: 30px;
}
.p-beginner-button .c-button {
  width: 100%;
}
.p-beginner-detailImg {
  max-width: 600px;
}
@media screen and (max-width:740px) {
  .page-beginner .l-free-inner {
    padding: 0 15px;
  }
  .p-beginner-lead {
    margin-top: 30px;
    font-size: clamp(1.1rem, calc(13 / 375 * 100vw), 1.5rem);
  }
  .p-beginner-list {
    margin-top: 30px;
  }
  .p-beginner-list-item {
    gap: 15px;
  }
  .p-beginner-list-item + .p-beginner-list-item {
    padding-top: 30px;
  }
  .p-beginner-list-item::before {
    top: 60px;
    left: 30px;
    width: 2px;
  }
  .p-beginner-list-item .step {
    width: 60px;
    height: 60px;
    font-size: clamp(1rem, calc(12 / 375 * 100vw), 1.4rem);
  }
  .p-beginner-list-item .num {
    font-size: clamp(2.5rem, calc(27 / 375 * 100vw), 2.9rem);
  }
  .p-beginner-list-item .detailWrap {
    flex-direction: column-reverse;
    gap: 15px;
  }
  .p-beginner-list-item .detail {
    min-width: initial;
  }
  .p-beginner-list-item .detail-ttl {
    font-size: clamp(1.3rem, calc(15 / 375 * 100vw), 1.7rem);
  }
  .p-beginner-list-item .detail-txt {
    margin-top: 10px;
    font-size: clamp(1rem, calc(12 / 375 * 100vw), 1.4rem);
  }
  .p-beginner-list-item .detailImg {
    width: 100%;
    max-width: initial;
  }
  .p-beginner-lyt {
    margin: 50px auto 0;
    max-width: 600px;
    flex-direction: column-reverse;
  }
  .p-beginner-lyt-detail {
    padding: 15px;
    min-width: initial;
  }
  .p-beginner-lyt-detail dt {
    font-size: clamp(1.1rem, calc(13 / 375 * 100vw), 1.5rem);
  }
  .p-beginner-lyt-detail dd {
    margin-top: 13px;
    font-size: clamp(1rem, calc(11 / 375 * 100vw), 1.3rem);
    line-height: 1.58;
  }
  .p-beginner-button {
    margin-top: 15px;
  }
  .p-beginner-detailImg {
    width: 100%;
    max-width: initial;
  }
}