@charset "UTF-8";
/*///////////////////////////////////////////////////////
	Author	tanayoshi
	Date　	2016.03.03
///////////////////////////////////////////////////////*/
/*css設定の読み込み
------------------------------*/
/*///////////////////////////////////////////////////////
	setting.css
	
	Author	tanayoshi
	Date　	2016.03.03
///////////////////////////////////////////////////////*/
/*カラー設定
------------------------------*/
/*テキストカラー*/
/*メインカラー*/
/*フッターカラー*/
/*青*/
/*基本設定
------------------------------*/
/*メイン横幅*/
/*ベンダープレフィックス設定
------------------------------*/
/*フォント設定
------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(https://www.work-wheels.co.jp/css/slick-theme.css);
@import url(https://www.work-wheels.co.jp/css/slick.css);
@font-face {
  font-family: 'TeX Gyre Adventor';
  src: url("https://www.work-wheels.co.jp/fonts/texgyreadventor-bold.otf"); }
/*///////////////////////////////////////////////////////
	_style.css
	Author	tanayoshi
	Date　	2016.06.07
///////////////////////////////////////////////////////*/
/*=====お問い合わせ入力ページ=====*/
.contactStyle {
  padding-bottom: 60px;
  /*完了ページ*/ }
  .contactStyle form {
    padding-top: 20px;
    /*確認ページ*/ }
    .contactStyle form p {
      margin: 0 20px 15px;
      font-size: 0.9em;
      line-height: 1.4em; }
      .contactStyle form p.noticeBox {
        padding: 15px;
        border: 1px solid #b3b3b3; }
        .contactStyle form p.noticeBox a#btn {
          color: #1d2451;
          display: block;
          text-align: right;
          text-decoration: underline; }
          .contactStyle form p.noticeBox a#btn .fa {
            margin-right: 3px; }
    .contactStyle form .stateBox {
      padding: 10px 0; }
      .contactStyle form .stateBox .text {
        padding: 10px;
        border: 2px solid #E8595C;
        text-align: center;
        color: #E8595C; }
    .contactStyle form .formBody dl {
      margin-bottom: 1px;
      padding: 0 20px; }
      .contactStyle form .formBody dl:nth-child(2n+1) {
        background: #f2f2f2; }
      .contactStyle form .formBody dl.error {
        background: #FFE7E7; }
      .contactStyle form .formBody dl dt, .contactStyle form .formBody dl dd {
        padding: 8px 0;
        font-size: 1em; }
      .contactStyle form .formBody dl dt {
        font-weight: bold; }
        .contactStyle form .formBody dl dt .input_type {
          display: inline-block;
          margin-left: 5px;
          padding: 2px 4px;
          font-size: 0.8em;
          font-weight: normal;
          background: #999;
          color: #fff; }
          .contactStyle form .formBody dl dt .input_type.require {
            background: #E8595C; }
      .contactStyle form .formBody dl dd {
        padding-top: 0; }
        .contactStyle form .formBody dl dd input[type=text], .contactStyle form .formBody dl dd textarea {
          display: inline-block;
          width: 95%;
          border: 1px solid #aaa;
          background: #fff;
          padding: 4px 0;
          text-indent: 5px;
          font-size: 1em; }
          .contactStyle form .formBody dl dd input[type=text].w30, .contactStyle form .formBody dl dd textarea.w30 {
            width: 50%; }
        .contactStyle form .formBody dl dd textarea {
          height: 200px;
          padding: 4px;
          text-indent: 0; }
        .contactStyle form .formBody dl dd select {
          height: 26px;
          border: 1px solid #999;
          background: #fff;
          font-size: 1em; }
        .contactStyle form .formBody dl dd .attentionText, .contactStyle form .formBody dl dd .explainText {
          display: inline-block;
          font-size: 0.8em; }
        .contactStyle form .formBody dl dd .attentionText {
          color: #E8595C; }
        .contactStyle form .formBody dl dd .explainText {
          color: #666; }
        .contactStyle form .formBody dl dd p {
          margin: 0 0 10px; }
        .contactStyle form .formBody dl dd label {
          display: inline-block;
          padding: 5px 8px;
          margin-right: 8px;
          border: 1px solid #ccc;
          cursor: pointer; }
          .contactStyle form .formBody dl dd label input {
            cursor: pointer; }
    .contactStyle form .formBody .formBtn {
      padding-top: 30px;
      text-align: center; }
      .contactStyle form .formBody .formBtn button {
        display: inline-block;
        padding: 10px 25px;
        margin: 5px 15px;
        border: 1px solid #333;
        background: #333;
        color: #fff;
        font-size: 1.1em; }
        .contactStyle form .formBody .formBtn button.gray {
          border: 1px solid #aaa;
          background: #aaa; }
    .contactStyle form.check .formBody dl dd {
      padding-left: 20px; }
  .contactStyle .completion h4 {
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold; }
  .contactStyle .completion .competionBox {
    margin: 0 20px;
    padding-top: 20px; }
    .contactStyle .completion .competionBox p {
      font-size: 1em;
      line-height: 20px; }
      .contactStyle .completion .competionBox p.small {
        padding: 15px 0;
        font-size: 0.8em;
        color: 666; }
  .contactStyle .completion .formBtn {
    padding: 20px 0;
    text-align: center; }
    .contactStyle .completion .formBtn a {
      display: inline-block;
      padding: 10px 20px;
      border: 1px solid #999;
      background: #999;
      color: #fff;
      text-decoration: none;
      font-size: 1em; }
      .contactStyle .completion .formBtn a .fa {
        margin-right: 5px; }
  .contactStyle .completion .attentionBox {
    margin: 0 20px;
    border: 1px solid #ccc; }
    .contactStyle .completion .attentionBox dl {
      padding: 10px; }
      .contactStyle .completion .attentionBox dl dt {
        margin-bottom: 10px;
        font-weight: bold; }
      .contactStyle .completion .attentionBox dl dd {
        font-size: 1em; }
        .contactStyle .completion .attentionBox dl dd a {
          text-decoration: underline; }
          .contactStyle .completion .attentionBox dl dd a .fa {
            margin-right: 4px; }
  .contactStyle .faqbox {
    padding: 40px 0; }
    .contactStyle .faqbox .faq {
      margin: 0 20px 15px; }
      .contactStyle .faqbox .faq h3 {
        text-align: center;
        font-size: 12px;
        margin-bottom: 20px;
        padding-bottom: 5px;
        border-bottom: 1px solid #999; }
        .contactStyle .faqbox .faq h3 span {
          font-size: 20px;
          margin-right: 5px; }
      .contactStyle .faqbox .faq span {
        font-weight: bold; }
      .contactStyle .faqbox .faq dl dt {
        font-weight: bold;
        margin-bottom: 5px; }
        .contactStyle .faqbox .faq dl dt span {
          color: #135fce;
          margin-right: 5px; }
      .contactStyle .faqbox .faq dl dd {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #999; }
        .contactStyle .faqbox .faq dl dd span {
          color: #E8595C;
          margin-right: 5px; }

/*# sourceMappingURL=include.css.map */