.ttl-category {
  background-image: url("../../../contact/images/contact_header.jpg"); }

.form .checkbox {
  margin-right: 1.5em; }
  .form .checkbox input[type="checkbox"] + span {
    margin-left: 0.5em; }
.form .checkbox-wrapper {
  display: inline-block;
  margin-right: 1em; }
  .form .checkbox-wrapper .checkbox {
    margin-right: 0.5em; }
.form .radio {
  margin-right: 1.5em; }
  .form .radio input[type="radio"] + span {
    margin-left: 0.5em; }
.form .radio-wrapper {
  display: inline-block;
  margin-right: 1em; }
  .form .radio-wrapper .radio {
    margin-right: 0.5em; }
.form input[type="text"],
.form input[type="date"],
.form input[type="password"],
.form select,
.form textarea {
  border: #ccc 1px solid;
  line-height: 1.5em;
  padding: 0.25em;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.form textarea {
  margin-bottom: 0;
  resize: vertical; }
.form input[type="radio"],
.form input[type="checkbox"] {
  position: relative;
  top: 2px; }
.form input[type="text"]:hover,
.form input[type="password"]:hover,
.form textarea:hover,
.form select:hover {
  border: solid 1px #6CC; }
.form label {
  display: inline-block; }
.form .vertical label {
  display: block; }
.form .error {
  color: #f00; }
.form input[type="text"].error,
.form input[type="password"].error,
.form textarea.error,
.form select.error {
  border: solid 1px #f00;
  background-color: #FEE; }
.form label.error {
  color: #f00; }
.form ul.error li {
  color: #f00; }
.form .readonly {
  color: #666; }
.form .btn {
  text-align: center;
  margin-top: 2em; }
  .form .btn input {
    height: 2.5em;
    margin: 0;
    padding: 0;
    width: 8em; }
.form .align_r {
  text-align: right; }
.form .mt2em {
  margin-top: 2em; }
.form .nowrap {
  display: inline-block; }

@media screen and (min-width: 800px), print {
  .form label {
    line-height: 34px; }
  .form .input-ss {
    width: 30%; }
  .form .input-s {
    width: 50%; }
  .form .input-m {
    width: 75%; }
  .form .input-l {
    width: 100%; }
  .form textarea {
    width: 100%;
    height: 8em; }
  .form ul.error {
    margin-top: 6px; }

  .formT th {
    width: 32%; } }
@media screen and (max-width: 799px) {
  .sitemap-contact {
    display: none; }

  .form input[type="text"],
  .form input[type="password"],
  .form select,
  .form textarea {
    font-size: 16px; }
  .form label {
    line-height: 26px; }
  .form .input-ss {
    width: 50%; }
  .form .input-s,
  .form .input-m,
  .form .input-l {
    width: 100%; }
  .form textarea {
    width: 100%;
    height: 8em; }
  .form ul.error {
    margin-top: 4px; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome, .form input[type="radio"],
  ::i-block-chrome, .form input[type="checkbox"] {
    top: 0px; } }
_::-webkit-full-page-media, _:future, :root .form input[type="radio"],
_::-webkit-full-page-media, _:future, :root .form input[type="checkbox"] {
  top: 0px; }

.formT {
  width: 100%; }
  .formT th {
    background-color: #eee;
    text-align: left;
    white-space: nowrap; }
  .formT .form-item {
    position: relative; }
  .formT .required {
    display: block;
    background-color: #f00;
    color: #fff;
    padding: 0 0.5em;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%); }
  .formT .input-name {
    display: flex;
    justify-content: space-between; }
    .formT .input-name div {
      display: inline-block;
      width: calc( 50% - 0.5em ); }
  .formT .input-date {
    display: flex;
    justify-content: flex-start; }
    .formT .input-date div {
      display: inline-block; }
      .formT .input-date div input {
        width: 2.5em; }
      .formT .input-date div:first-child input {
        width: 4em; }
      .formT .input-date div + div {
        margin-left: 0.75em; }

@media screen and (min-width: 800px), print {
  .formT {
    border-bottom: #ccc 1px solid;
    margin-top: 34px; }
    .formT th,
    .formT td {
      border-top: #ccc 1px solid;
      vertical-align: middle;
      padding: 0.75em 1em;
      height: auto; }
    .formT .form-item {
      padding-right: 48px; }
    .formT .required {
      font-size: 12px;
      line-height: 20px;
      border-radius: 4px; }
    .formT .input-name {
      width: 75%; } }
@media screen and (max-width: 799px) {
  .formT {
    margin-top: 20px; }
    .formT th,
    .formT td {
      display: block; }
    .formT th {
      padding: 0.5em 1em; }
    .formT td {
      padding: 0.5em 0em 1em; }
    .formT tr:last-child td {
      padding-bottom: 0; }
    .formT .required {
      font-size: 10px;
      line-height: 16px;
      padding-top: 2px;
      border-radius: 3px; }
    .formT .input-name {
      width: 100%; } }