@charset "UTF-8";
.pageKind-persian .keyvisual_txt {
  min-height: 336px; }
  @media screen and (max-width: 767px) {
    .pageKind-persian .keyvisual_txt {
      min-height: 184px; } }
  .pageKind-persian .keyvisual_txtTitleEn {
    max-width: 127px; }
    @media screen and (max-width: 767px) {
      .pageKind-persian .keyvisual_txtTitleEn {
        max-width: 112px;
        margin-top: 15px; } }

  .pageKind-persian .keyvisual_img {
    background-image: url(../img/persian/img_keyvisual.jpg); }
  .pageKind-persian .keyvisual_b_img {
    background-image: url(../img/persian/img_keyvisual_b.jpg); }

  .pageKind-contact .sContact_formTable th {
    width: 230px;
  }

  .pageKind-persian .sContent_page_title {
    font-size: 5rem;
    font-weight: bold;
    color: #fbe2ce;
    text-align: center;
  }
  .pageKind-persian .sContent_page_title span {
      font-size: 2.3rem;
      font-weight: bold;
      color: #ea7e2c;
      text-align: center;
      display: block;
  }

/*# flow */

.steps {
  max-width: 900px;
  margin: 0 auto;
}

.step {
  border: 2px solid #f6a45d;
  border-radius: 8px;
  padding: 20px;
  position: relative;
  margin-bottom: 40px;
  display: flex;
  gap: 20px;
  font-size: 1.6rem;
}

.step::after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #f6a45d;
}

.step:last-of-type::after {
  display: none;
}

.step-number {
  font-weight: bold;
  color: #f6a45d;
  font-size: 1.2em;
  margin-bottom: 10px;
  width: 15%;
  text-align: center;
}
.step-content {
  width: 85%;
}
.step-final {
  width: 25%;
}
.icon {
  margin: 10px 0;
}

.icon img {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
}

.step-content h2 {
  font-size: 1.1em;
  margin: 0 0 10px;
  color: #000;
  font-weight: bold;
}

.final-step {
  border: 2px solid #f6a45d;
  border-radius: 8px;
  padding: 20px;
  background: #fff8f2;
}

.final-step h2 {
  color: #e44c2a;
  margin-top: 0;
}

.notice {
  color: #764916;
  font-weight: bold;
}

@media (max-width: 767px) {
  .steps {
    max-width: 100%;
    margin: 0 20px;
  }
  .step, .final-step {
    padding: 12px; 
    margin-bottom: 30px;
    display: block;
    text-align: center;
  }
  .step::after {
    bottom: -18px;  
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #f6a45d;
  }

  .step-number {
    width: 100%;
    font-size: 1em; 
    margin-bottom: 6px;
  }

  .icon img {
    width: 32px; /* アイコンを小さめに */
    height: 32px;
  }
  .step-content {
    width: 100%;
  }
  .step-content h2 {
    font-size: 1em; /* 見出し文字も少し小さく */
    margin-bottom: 8px;
  }

  .final-step h2 {
    font-size: 1em;
  }
}

/* form */
.form-select-wrapper {
  padding-bottom: 18px;
}
.label-text {
  font-size: 1.8rem;
  font-weight: bold;
  color: #6C6C6C;
  padding: 5px 26px 10px 0;
}
.pageKind-persian .sContact_formTableRadio {
  font-size: 1.8rem;
  }
  @media screen and (max-width: 767px) {
    .pageKind-persian .sContact_formTableRadio {
      font-size: 1.6rem; } }
      
.sContact_message_complete {
  text-align: center;
}
/*# sourceMappingURL=persian.css.map */