@charset "UTF-8";

.address {
  display: grid;
  gap: 2.5rem;
  max-width: 780px;
  margin: 2rem auto;
}

/* 電話・FAXを横並びに */
.address-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.address-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.address-item img {
  width: 50px;
  height: auto;
}

.address-text p {
  font-size: clamp(14px, 1.4vw, 18px);
  color: #333;
  line-height: 1;
  margin-bottom: 0.3em;
}

.address-text p.Ttl {
  font-weight: bold;
}

.address-text .addTel,
.address-text .fax {
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 700;
  color: #f7941d; /* オレンジ */
}

.address-text .note {
  font-size: clamp(13px, 1.2vw, 16px);
  color: #555;
}
@media screen and (max-width: 970px) {
.address {
max-width: 640px;
}
}
/* スマホ時は1カラムに */
@media screen and (max-width: 767px) {
  .ttl{
        margin-bottom: 1rem;
  }
  .address{
  gap: 2rem;
  margin: 2rem 1em;
  }
  .address-top {
    grid-template-columns: 1fr;
  }

  .address-item {
    align-items: flex-start;
  }

  .address-item img {
    margin-bottom: 0.5rem;
  }
}


.f_lead{
  font-size: clamp(14px, 1.6vw, 16px);
}

.red,.errorTxt{
  color: red;
}


/* ============================================================
テーブル部分 
=======================================================
*/
.block3-inner{
      max-width: 900px;
}
.company-table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* ← これを指定 */
}

.company-table th {
  width: 25%; /* 左側の幅 */
}

.company-table td {
  width: 75%; /* 右側の幅 */
}
.company-table th,.company-table td{
  font-size: clamp(14px, 1.2vw, 16px);
}

/* input, select, textareaを親幅に合わせる */
.company-table td input,
.company-table td select,
.company-table td textarea {
  /* width: 100%; */
  max-width: 100%;
  box-sizing: border-box; 
}
#rule{
  padding: 1rem 2rem  0;
}
#formSubmit{
  text-align: center;
  padding: 2rem;
}
@media screen and (max-width: 768px) {
    .company-table table, .company-table tbody, .company-table tr, .company-table th, .company-table td {
        display: block;
        width: 100%;
    }
    #rule{
  padding: 1rem 0rem ;
}
#formSubmit{
  padding-bottom: 0rem;
}
}