/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/

table,
td {
  border-collapse: collapse !important;
}
.note {
  margin-top: 0.5em;
}

/* PC ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
@media screen and (min-width: 1024px) {
  /*見出し欄*/
  .inquiry {
    width: 100%;
  }
  .inquiry th {
    text-align: left;
    font-size: 15px;
    color: #444;
    padding: 10px 5px 10px 10px;
    width: 35%;
    background: #f7f7f7;
    border: solid 1px #d7d7d7;
    line-height: 1em;
  }
  .inquiry th > p {
    display: flex;
    align-items: center;
  }
  /*通常欄*/
  .inquiry td {
    padding: 10px;
    font-size: 15px;
    border: solid 1px #d7d7d7;
  }
  /*横の行とテーブル全体*/
  .entry-content .inquiry tr,
  .entry-content table {
    border: solid 1px #d7d7d7;
  }
  /*必須の調整*/
  .haveto {
    font-size: 12px;
    line-height: 1em;
    padding: 5px;
    background: #ff9393;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
  }
  /*任意の調整*/
  .any {
    font-size: 12px;
    line-height: 1em;
    padding: 5px;
    background: #93c9ff;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
  }
  /*ラジオボタンを縦並び指定*/
  .verticallist .wpcf7-list-item {
    display: block;
  }
  /*送信ボタンのデザイン変更*/
  #formbtn {
    display: block;
    padding: 1em 0;
    margin-top: 30px;
    width: 100%;
    background: #0070bd;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 2px;
    border: none;
  }
  /*送信ボタンマウスホバー時*/
  #formbtn:hover {
    opacity: 0.8;
  }

  /* 予算 */
  .form-yen-sec {
    display: flex;
  }
  .form-yen {
    vertical-align: -20px;
    margin-left: 10px;
    font-size: 17px;
  }
  .form-check-ok {
    font-size: 13px;
    margin-left: -5px;
  }
} /* PC終了 */

/* タブレット ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
@media screen and (min-width: 520px) and (max-width: 1023px) {
  /* モバイル設定 */
  .inquiry {
    width: 90vw !important;
  }
  .inquiry th,
  .inquiry td {
    display: flex;
    flex-direction: column;
    width: 90vw !important;
    border-top: none !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }
  .inquiry tr:first-child th {
    border-top: 1px solid #d7d7d7 !important;
  }

  /*見出し欄*/
  .inquiry th {
    text-align: left;
    font-size: 15px;
    color: #444;
    padding: 10px 5px 10px 10px;
    width: 35%;
    background: #f7f7f7;
    border: solid 1px #d7d7d7;
    line-height: 1em;
  }
  .inquiry th > p {
    display: flex;
    align-items: center;
  }
  /*通常欄*/
  .inquiry td {
    padding: 10px;
    font-size: 15px;
    border: solid 1px #d7d7d7;
  }
  /*横の行とテーブル全体*/
  .entry-content .inquiry tr,
  .entry-content table {
    border: solid 1px #d7d7d7;
  }
  /*必須の調整*/
  .haveto {
    font-size: 12px;
    line-height: 1em;
    padding: 5px;
    background: #ff9393;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
  }
  /*任意の調整*/
  .any {
    font-size: 12px;
    line-height: 1em;
    padding: 5px;
    background: #93c9ff;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
  }
  /*ラジオボタンを縦並び指定*/
  .verticallist .wpcf7-list-item {
    display: block;
  }
  /*送信ボタンのデザイン変更*/
  #formbtn {
    display: block;
    padding: 1em 0;
    margin-top: 30px;
    width: 100%;
    background: #0070bd;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 2px;
    border: none;
  }
  /*送信ボタンマウスホバー時*/
  #formbtn:hover {
    opacity: 0.8;
  }

  /* 予算 */
  .form-yen-sec {
    display: flex;
  }
  .form-yen {
    vertical-align: -20px;
    margin-left: 10px;
    font-size: 17px;
  }
  .form-check-ok {
    font-size: 13px;
    margin-left: -5px;
  }
} /* タブレット終了 */

/* スマホ ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
@media screen and (max-width: 519px) {
  /* モバイル設定 */
  .inquiry {
    width: 90vw !important;
  }
  .inquiry th,
  .inquiry td {
    display: flex;
    flex-direction: column;
    width: 90vw !important;
    border-top: none !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }
  .inquiry tr:first-child th {
    border-top: 1px solid #d7d7d7 !important;
  }

  /*見出し欄*/
  .inquiry th {
    text-align: left;
    font-size: 14px; /*変更*/
    color: #444;
    padding: 10px 5px 10px 10px;
    width: 35%;
    background: #f7f7f7;
    border: solid 1px #d7d7d7;
    line-height: 1em;
  }
  .inquiry th > p {
    display: flex;
    align-items: center;
  }
  /*通常欄*/
  .inquiry td {
    padding: 10px;
    font-size: 14px; /*変更*/
    border: solid 1px #d7d7d7;
  }
  /*横の行とテーブル全体*/
  .entry-content .inquiry tr,
  .entry-content table {
    border: solid 1px #d7d7d7;
  }
  /*必須の調整*/
  .haveto {
    font-size: 12px;
    line-height: 1em;
    padding: 5px;
    background: #ff9393;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
  }
  /*任意の調整*/
  .any {
    font-size: 12px;
    line-height: 1em;
    padding: 5px;
    background: #93c9ff;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
  }
  /*ラジオボタンを縦並び指定*/
  .verticallist .wpcf7-list-item {
    display: block;
  }
  /*送信ボタンのデザイン変更*/
  #formbtn {
    display: block;
    padding: 0.8em 0; /*変更*/
    margin-top: 30px;
    width: 100%;
    background: #0070bd;
    color: #fff;
    font-size: 16px; /*変更*/
    font-weight: bold;
    border-radius: 2px;
    border: none;
  }
  /*送信ボタンマウスホバー時*/
  #formbtn:hover {
    opacity: 0.8;
  }

  /* 予算 */
  .form-yen-sec {
    display: flex;
  }
  .form-yen {
    vertical-align: -20px;
    margin-left: 10px;
    font-size: 17px;
  }
  .form-check-ok {
    font-size: 12px; /*変更*/
    margin-left: -5px;
  }

  .form-yen-sec {
    display: flex;
  }
  .form-yen-no {
    width: calc(100% - 50px) !important;
  }
} /* スマホ終了 */