@charset "UTF-8";
@import url("base.css");
@import url("../contact_form/mfp.statics/mailformpro.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/
h1 {
  background-color: #000;
  color: #fff;
  font-size: 156%;
  padding: 0.25em 2%;
  margin: 2em auto 0; }

#contact {
  margin: 5em auto 0; }
  #contact #contact_inner {
    margin: 0 auto; }
    #contact #contact_inner #contact_top {
      width: 50%;
      margin: 0 auto;
      text-align: center;
      font-weight: bold; }
      #contact #contact_inner #contact_top a {
        display: block;
        margin: 2em 0 0; }
    #contact #contact_inner #form {
      margin: 5em auto 0; }
      #contact #contact_inner #form h2 {
        font-size: 125%;
        background-color: yellow;
        padding: 0.25em 2%;
        text-align: center !important;
        margin: 0 0 2em; }
      #contact #contact_inner #form .attention {
        margin: 0 0 1em;
        color: #d71518; }
      #contact #contact_inner #form #thanks {
        text-align: center; }
        #contact #contact_inner #form #thanks a {
          color: #d71518;
          text-decoration: none; }
          #contact #contact_inner #form #thanks a:hover, #contact #contact_inner #form #thanks a:active {
            color: #d71518;
            text-decoration: underline; }

.inp01 {
  width: 30% !important; }

.inp02 {
  width: 50% !important; }

.inp03 {
  width: 80% !important; }

/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1100px) {
  /*ヘッダー*/
  /*メイン*/
  h1 {
    width: 1080px; }

  #contact_inner {
    width: 830px; }

  /*フッター*/ }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1099px) {
  /*ヘッダー*/
  /*メイン*/
  h1 {
    width: 90%; }

  #contact_inner {
    width: 90%; }

  /*フッター*/ }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1024px) and (max-width: 1099px) {
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet1  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  .inp01 {
    width: 25% !important; }

  .inp02 {
    width: 65% !important; }

  .inp03 {
    width: 80% !important; }

  /*フッター*/ }
/* tablet2  */
@media only screen and (max-width: 767px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  h1 {
    font-size: 130%; }

  #contact {
    margin: 3em auto 0; }
    #contact #contact_inner {
      margin: 0 auto; }
      #contact #contact_inner #contact_top {
        width: 80%; }
      #contact #contact_inner #form {
        margin: 3em auto 0; }
        #contact #contact_inner #form h2 {
          font-size: 115%; }

  .inp01 {
    width: 32% !important; }

  .inp02 {
    width: 75% !important; }

  .inp03 {
    width: 100% !important; }

  /*フッター*/ }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }