@charset "utf-8";

/* =========================================
   Contact page (SP) - cleaned minimal CSS
   対象：このページHTMLで使っている要素中心
   ========================================= */
@media (max-width: 767px) {

  /* --- iOSフォームの見た目崩れ対策 --- */
  input[type="submit"],
  textarea {
    -webkit-appearance: none;
  }

  /* --- 画像のはみ出し防止 --- */
  img {
    width: auto;
    height: auto;
    max-width: 100%;
  }

  /* --- 基本 --- */
  body {
    font-size: 14px;
    min-width: 100%;
    min-height: 100%;
    line-height: 1.5;
    word-break: normal;
    overflow-x: hidden;
  }

  /* --- 共通ラッパー（このページ内で使用） --- */
  .cmnwrap_1100 {
    padding-right: 15px;
    padding-left: 15px;
  }

  /* =========================================
     Contact form
     （このページのHTMLで出ているclassに合わせて調整）
     ========================================= */

  .contact_dl {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .contact_dt {
    display: block;
    width: 100%;
    margin-bottom: 6px;
  }

  .contact_dd {
    display: block;
    width: 100%;
  }

  /* HTMLは input_txt / inp_txtarea なので両方カバー */
  .inp_select,
  .inp_txt,
  .input_txt {
    font-size: 16px;
    border: 1px solid #707070;
    padding: 12px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .inp_txtarea {
    font-size: 16px;
    border: 1px solid #707070;
    padding: 12px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    resize: none;
    height: 160px;
  }

  .contact_btnWrap {
    text-align: center;
    display: inline;
  }

  .contact_btnWrap input,
  .contact_btnWrap a {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    font-size: 16px;
    padding-top: 17px;
    padding-bottom: 17px;
    margin-bottom: 20px;
    box-sizing: border-box;
  }

  .contact_btnWrap input:hover {
    opacity: 0.7;
  }
}