@charset "UTF-8";
.header.header-contact {
  background: url(../img/contact/hero_contact.jpg) no-repeat center center/cover;                                         /* 背景画像を指定 */    
}

.wrapper {
  max-width: 960px;               /* 最大の画面幅を 960pxに */        
  margin: 0 auto;                 /* 外余白を上下 0、左右自動に */
  padding: 0 4%;                  /* 内余白を上下 0、左右 4%に */
}

.section-contact {
  padding: 30px 0 50px;           /* 内余白を上 30px、左右 0、下 50pxに */
}

@media print, screen and (min-width: 768px) {
    .section-contact {
      padding: 60px 0 100px;      /* 内余白の上 60px、左右、下 100px */
      margin: 0 auto;             /* 外余白を上下 0、左右自動要素の幅を 110pxに */
    }
}

.lead {
  margin-bottom: 30px;            /* 外余白の下部を 30pxに */
}

@media print, screen and (min-width: 768px) {
    .lead {
      margin: 0 auto;             /* 外余白を上下0、左右自動に */
      width: 600px;               /* 要素幅を 600pxに */
      text-align: center;         /* 文字を中央揃えに */
      margin-bottom: 60px;        /* 外余白の下部を 60pxに */
    }
}

.select, input[type="text"], textarea {
  -moz-appearance: none;          /* 装飾を消す */
  -webkit-appearance: none;
  appearance: none;
  width: 100%;                    /* 要素の幅を 100%に */
  height: 43px;                   /* 要素の高さを 43pxに */
  padding: 0 10px;                /* 内余白を上下0、左右10pxに */
  border: 1px solid #000;         /* 罫線を 1px、実線、黒色に */
  border-radius: 0;               /* 罫線の角丸半径を0に      */
  background: #ffff;              /* 背景食を白に */
  font-size: 1.6rem;              /* 文字サイズを1.6remに */
  line-height: 43px;              /* 行の高さを43pxに */
}

.selectbox-wrap {
  position: relative;             /* 要素の配置を相対座標に指定 */
  width: 240px;                   /* 要素の幅を 240pxに */
  height: 43px;                   /* 要素の高さ 43pxに */
  z-index: 1;                     /* 要素を重ねて表示する際の優先順序を 1に */
}

.selectbox-wrap::after {
  content: "";                    /* 挿入するコンテンツの内容 */
  display: block;                 /* 表示形式をブロックに */
  width: 14px;                    /* 要素の幅を 14pxに */
  height: 12px;                   /* 要素の高さ 12pxに */
  background: url(../img/contact/icon_select.png) no-repeat center center/cover;                                     /* 背景画像を指定 */
  position: absolute;             /* 要素の配置を絶対座標に指定 */
  top: 50%;                       /* 上部分を基準点から 50%の位置に */
  margin-top: -6px;               /* 外部余白の上部を -6pxに */
  right: 15px;                    /* 右部分を基準点から 15pxの位置に */
  z-index: 10;                    /* 要素を重ねて表示する際の優先純度を 1に */
}

.form-block {
  margin-bottom: 25px;            /* 外余白の下部を 25pxに */
}

@media print, screen and (min-width: 768px) {
    .form-block {
      width: 600px;               /* 要素の幅を 600pxに */
      margin: 0 auto 30px;        /* 外余白を上 0、左右自動、下 30pxに */
    }
}

.form-title {
  font-size: 1.4rem;              /* 文字サイズを1.4remに */
  margin-bottom: 10px;            /* 外余白の下部を 10pxに */
}

.form-title span {
  display: inline-block;           /* 表示形式をインラインブロックに */
  font-size: 1.0rem;               /* 文字サイズを 1.0remに */
  color: #f32938;                  /* 文字色を赤に */
  margin-left: 8px;                /* 外余白の左部を 8pxに */
}

.textarea {
  height: 97px;                    /* 要素の高さを 97pxに */
  line-height: 1.5;                /* ぎょうの高さをフォントサイズの 1.5倍に */
  padding: 10px;                   /* 内余白を 10pxに */
}

.submit-btn {
  display: block;                 /* 表示形式をブロックに */
  -moz-appearance: none;          /* 装飾を消す */
  -webkit-appearance: none;
  appearance: none;
  border: none;                   /* 罫線を無しに */
  cursor: pointer;                /* カーソルをポインタに */
  padding: 0;                     /* 内余白を0に */
  background: #000;               /* 背景食を黒に */
  color: #fff;                    /* 文字色を白に */
  font-size: 1.4rem;              /* 文字サイズを1.4remに */
  width: 116px;                   /* 要素の幅を 116pxに */
  height: 43px;                   /* 要素の高さを 43pxに */
  border-radius: 0;               /* 罫線の角丸半径を0に */
  line-height: 43px;              /* 行の高さを43pxに */
  margin: 0 auto;                 /* 外余白を上下0、左右自動に */
}