@import url("global.css");
#bodyarea .thanks {
  text-align: center;
}

#header .header #global_navi,
#navibutton {
  display: none;
}

#pagetitle .title {
  text-align: center;
  width: auto;
}

#introduction {
  margin: 0 5vw 120px;
}
#introduction .text {
  text-align: center;
}
#introduction .text > p + p {
  margin-top: 1em;
}

.formarea {
  margin-bottom: 120px;
}
.formarea table.inputform + table.inputform {
  margin-top: 60px;
}
.formarea table.inputform caption {
  display: block;
  background-color: #EFEFEF;
  border: #A9A9A9 solid 1px;
  padding: 15px 5vw;
  font-weight: 700;
  font-size: clamp(16px, 2.2vw, 20px);
}
.formarea table.inputform tr + tr {
  border-top: #EFEFEF solid 1px;
}
.formarea table.inputform th {
  padding-block: 30px 10px;
}
.formarea table.inputform th, .formarea table.inputform td {
  padding-inline: 25px;
}
.formarea table.inputform .separator {
  display: inline-block;
  margin-right: 20px;
}
.formarea table.inputform .togglebox.f_box {
  display: flex;
  column-gap: 35px;
}

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 ( 1600px )

------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 1300px )

------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  #bodyarea .thanks,
  #pagetitle .title {
    text-align: left;
  }

  #bodyarea .thanks {
    margin-bottom: 65px;
  }

  #introduction {
    margin-bottom: 50px;
  }
  #introduction .text {
    text-align: justify;
  }
  #introduction .text > p br {
    display: none;
  }

  .formarea table.inputform + table.inputform {
    margin-top: 45px;
  }
  .formarea table.inputform caption {
    padding: 7px 4vw;
  }
  .formarea table.inputform th {
    padding-block: 20px 5px;
  }
  .formarea table.inputform th, .formarea table.inputform td {
    padding-inline: 10px;
  }
  .formarea table.inputform .separator {
    display: block;
    margin: 0;
  }
  .formarea table.inputform .togglebox.f_box {
    display: block;
  }
  .formarea table.inputform .togglebox .toggleinner + .toggleinner {
    margin-top: 15px;
  }
}