.page-freelance-mypage-membership .tenant-create__body__text p, .page-freelance-mypage-membership .tenant-create__head h2, .use-first-step .first-step__body, .login_btns .btn_panel .desc p, .login_btns .btn_panel .head span, .login_btns .btn_panel a, .login_title h2, .login_title p, .btn, .krk-message, .support-message {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.support-message {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: left;
}

.krk-message {
  padding: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.krk-message.success {
  background-color: #edfbf6;
  color: #32d296;
}
.krk-message.warning {
  background-color: #fef4f6;
  color: #f0506e;
}
.krk-message p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.krk-message p span {
  display: block;
}

.btn {
  font-weight: 400;
  letter-spacing: 0.1em;
  font-size: 14px;
  padding: 10px 30px;
  border-radius: 100px;
  text-align: center;
  display: block;
  width: fit-content;
  margin: 0 auto;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  gap: 5px;
}
.btn span {
  font-size: 1em;
}
.btn.disabled {
  background-color: #ccc;
  color: #fff;
  opacity: 0.5;
  cursor: not-allowed;
}
.btn.orange {
  background-color: #ff6600;
  color: white;
}
.btn.deepblue {
  background-color: #003366;
  color: white;
}
.btn:hover {
  opacity: 0.66;
}

.login_title {
  text-align: center;
}
.login_title p {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.login_title h2 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 30px 0;
  max-width: 100%;
  width: 100%;
}

.login_btns {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .login_btns {
    flex-direction: column;
  }
}
.login_btns .btn_panel {
  width: 320px;
  border: 1px solid;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .login_btns .btn_panel {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}
.login_btns .btn_panel:nth-child(1) {
  border-color: #ff6600;
}
.login_btns .btn_panel:nth-child(1) .head {
  background-color: #ff6600;
}
.login_btns .btn_panel:nth-child(1) a {
  color: white;
  background-color: #ff6600;
}
.login_btns .btn_panel:nth-child(2) {
  border-color: #0f6ecd;
}
.login_btns .btn_panel:nth-child(2) .head {
  background-color: #0f6ecd;
}
.login_btns .btn_panel:nth-child(2) a {
  color: white;
  background: #0f6ecd;
}
.login_btns .btn_panel a {
  margin-top: 20px;
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 100px;
  padding: 15px 20px;
  text-align: center;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 15px;
  transition: all 0.3s;
}
.login_btns .btn_panel a:hover {
  opacity: 0.66;
}
.login_btns .btn_panel .head {
  text-align: center;
  padding: 5px 0;
}
.login_btns .btn_panel .head span {
  color: white;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.login_btns .btn_panel .desc {
  position: relative;
  padding: 15px;
}
.login_btns .btn_panel .desc p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: center;
}

.use-first-step .first-step {
  text-align: center;
}
.use-first-step .first-step__head {
  border-top: solid 2px;
  border-bottom: solid 2px;
  padding: 18px 0;
  border-color: #daecf2;
}
.use-first-step .first-step__head h2 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #003366;
  margin: 0;
}
.use-first-step .first-step__body {
  margin-top: 20px;
  padding: 30px 0;
}
.use-first-step .first-step__body__text {
  margin-bottom: 20px;
}
.use-first-step .first-step__body__text p {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.1em;
}
.use-first-step .first-step__body__step {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 1000px) {
  .use-first-step .first-step__body__step {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .use-first-step .first-step__body__step {
    flex-direction: column;
  }
}
.use-first-step .first-step__body__step__item {
  padding: 20px;
  width: 300px;
  border: 2px solid #003366;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  .use-first-step .first-step__body__step__item {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .use-first-step .first-step__body__step__item {
    width: 100%;
  }
}
.use-first-step .first-step__body__step__item__head {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
}
.use-first-step .first-step__body__step__item__head .step-number {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #003366;
}
.use-first-step .first-step__body__step__item__body {
  flex: 1;
}
.use-first-step .first-step__body__step__item__body__text {
  margin-bottom: 20px;
}

.page-freelance-mypage-membership .tenant-create {
  margin-bottom: 20px;
  text-align: center;
}
.page-freelance-mypage-membership .tenant-create__head {
  background-color: #e9f3f7;
  color: #003366;
  padding: 10px;
  border-left: 4px solid #003366;
}
.page-freelance-mypage-membership .tenant-create__head h2 {
  color: #003366;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0;
}
.page-freelance-mypage-membership .tenant-create__body {
  margin-top: 20px;
  padding: 30px 0;
}
.page-freelance-mypage-membership .tenant-create__body__text {
  margin-bottom: 20px;
}
.page-freelance-mypage-membership .tenant-create__body__text p {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.1em;
}