@charset "UTF-8";
/*
    Template: swell
    Theme Name: hatarakumikata_sw
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

table {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
}
textarea {
  width: 100%;
}
.inquiry {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  line-height: 1.8;
  margin-bottom: 20px;
}
.inquiry th {
  background-color: #4d4d4d;
  color: #fff;
  border: 1px solid #e6e6e6;
  padding: 20px;
  width: 30%;
  text-align: left;
}
.inquiry .lang-en {
  font-size: 14px;
  line-height: 1.2;
}
span.haveto {
  padding: 10px;
  color: #05a5ab;
}
span.any {
  padding: 10px;
  color: #ffc107;
}
.inquiry td {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 20px;
}
.inquiry td .caption {
  line-height: 1.2;
  font-size: 14px;
  margin-top: 10px;
}
.submit-box {
  text-align: center;
  border: 1px solid #e6e6e6;
  padding: 30px 0;
}
.submit {
  width: 50%;
  margin: 0 auto;
}
.inquiry input {
  width: 100%;
}
.inquiry input[type="submit"] {
  padding: 20px;
  font-size: 20px;
  background-color: #444;
  color: #fff;
  transition: 0.5s all;
}
input[type="submit"]:hover {
  background-color: #fff;
  border: 1px solid #444;
  color: #444;
}

@media screen and (max-width: 767px) {
  .inquiry th,
  .inquiry td {
    padding: 10px;
  }
  .inquiry th {
    width: 30%;
  }
  .submit {
    width: 100%;
  }
}