/*---------- KIHON ---------------*/
/*------ form ----------*/
.base-form {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  .base-form a {
    text-decoration: none;
    border: none;
    color: #007de4; }
    .base-form a span {
      font-size: 0.85em;
      margin-right: 3px;
      color: #71a7bd; }
    .base-form a a:hover {
      color: #fd9800; }
  .base-form h1 {
    font-size: 2.1em;
    line-height: 1;
    text-align: center;
    margin: 40px 0 0;
    color: #43b2d8; }
  .base-form h2 {
    font-size: 1.1em;
    line-height: 1;
    font-weight: normal;
    text-align: center;
    color: #5b5b5b; }
  .base-form footer {
    background-color: #7fa8c0;
    color: #fff;
    font-size: 0.7em;
    padding: 20px 0 11px 0;
    margin: 70px 0 0 0;
    text-align: center;
    margin-top: auto; }
    .base-form footer a {
      color: #fff; }
    .base-form footer a:hover {
      color: #ffd000; }

.base-form #container {
  width: 800px;
  max-width: 80%;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.3;
  background-color: #fff;
  color: #1f1f1f;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
  .base-form #container table.inq-form {
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto 30px;
    border: none; }
    .base-form #container table.inq-form tbody,
    .base-form #container table.inq-form tr {
      border: none;
      padding: 0; }
    .base-form #container table.inq-form th,
    .base-form #container table.inq-form td {
      border: solid 1px #acacac; }
  .base-form #container .inq-form th {
    padding: 15px 15px;
    background-color: #f0f6f7;
    width: 140px;
    font-weight: normal;
    text-align: left; }
    @media (max-width: 760px) {
      .base-form #container .inq-form th {
        padding: 15px 8px;
        width: 100%; } }
    @media (max-width: 680px) {
      .base-form #container .inq-form th {
        padding: 4px 10px;
        display: block;
        width: 100%;
        background-color: #d7edf1; } }
    .base-form #container .inq-form th span {
      font-size: 0.8em;
      color: #e40707; }
  .base-form #container .inq-form th.naiyo {
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 1.1em;
    background-color: #3c94c4; }
  .base-form #container .inq-form td {
    padding: 15px 15px;
    background-color: #fff; }
    @media (max-width: 760px) {
      .base-form #container .inq-form td {
        padding: 15px 8px; } }
    @media (max-width: 680px) {
      .base-form #container .inq-form td {
        padding: 10px 10px;
        display: block;
        width: 100%; } }
  .base-form #container .hint {
    font-size: 0.8em;
    color: #c00000; }
  .base-form #container input[type="text"],
  .base-form #container textarea {
    margin: 0 10px 0 0;
    padding: 0.5em;
    transition: 0.3s;
    border-radius: 4px;
    outline: none;
    border: solid 1px #acacac;
    width: 90%;
    /*max-width: 80%;*/ }
  .base-form #container #mail_address {
    margin-bottom: 10px; }
  .base-form #container p.kojin {
    margin: 40px 0 30px;
    font-size: 0.9em;
    line-height: 1.3; }
  .base-form #container iframe {
    width: 100%;
    margin: 20px 0 20px;
    border: solid 1px #acacac;
    border-radius: 4px;
    font-size: 90%; }
  .base-form #container .submit-btn {
    text-align: center;
    margin-bottom: 100px; }
    .base-form #container .submit-btn input[type="submit"] {
      text-align: center;
      color: #fff;
      font-size: 1.1em;
      background-color: #3c94c4;
      padding: 4px 20px;
      border-radius: 8px;
      border: none; }
    .base-form #container .submit-btn .button:hover {
      background-color: #f19224; }
  .base-form #container .errors {
    font-size: 0.95em;
    color: #c60000;
    background-color: #fbff00;
    list-style: none;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px; }

/*--- finish---*/
.base-form h3 {
  font-size: 1.5em;
  text-align: center;
  margin: 70px 0 0; }
.base-form .thanks {
  font-size: 1.1em;
  text-align: center;
  margin-top: 30px; }
.base-form .gototoppage {
  margin: 60px auto 0;
  text-align: center; }
  .base-form .gototoppage a {
    font-size: 1em;
    border-radius: 4px;
    outline: none;
    border: solid 1px #acacac;
    display: inline-block;
    padding: 2px 10px;
    color: #007de4; }
  .base-form .gototoppage a:hover {
    background-color: #fbff00;
    color: #007de4; }