@charset "utf-8";
/* CSS Document */


/* -------------------------------------
フォーム
-------------------------------------- */

@media screen and (max-width:  540px) { /* スマートフォン */

/* -------------------------------------
見積もり依頼
-------------------------------------- */

  .rfp h2 a {
    display: block;
    max-width: 100%;
  }

  form.rfp_form table {
    width: 97%;
    margin: 10px auto 20px auto;
    border-collapse: separate;
    border-spacing: 1px;
  }

  form.rfp_form table caption {
    background: url(../img/main/tit_h2.png) no-repeat;
    font-weight: bold;
    padding: 0 0 0 30px;
    color: #DB5B06;
    text-shadow:  1px 1px 1px #ccc;
    text-align: left;
  }

  form.rfp_form table th {
    display: block;
    padding: 5px 10px;
    background: #FFF8DD;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    color: #8A671D;
    border-top: 1px solid #FFB25F;
    margin: 0 0 5px 0;
  }

  form.rfp_form table th span.mst {
    text-align: left;
    color: #FF4800;
    font-size: 1.2rem;
  }

  form.rfp_form table td {
    display: block;
    padding: 5px 10px;
    margin: 0 0 15px 0;
  }

  form.rfp_form table span {
    font-size: 1.2rem;
  }

input {
    margin: 0 5px;
  }

  form.rfp_form table td label {
    display: inline !important;
    text-decoration: none !important;
    border:  none !important;
    background:  none !important;
  }

  form.rfp_form table td label.mfp_checked {
    padding:  3px;
    border:  none !important;
    background:  none !important;
  }
  form.rfp_form table td label.mfp_not_checked {
    padding:  3px;
    border:  none !important;
  }

  input.text,
  input.textproblem {
    width: 95% !important;
    height: 18px;
    border: 1px solid #ccc;
  }

  input.text2,
  input.text2problem {
    width: 20%;
    height: 15px;
    margin: 5px;
    border: 1px solid #ccc;
  }

  textarea {
    width: 95% !important;
    height: 200px !important;
    border: 1px solid #ccc;
  }

  input#input_submit,
  button#input_submit {
    width:  230px;
    height:  40px;
    overflow:  hidden;
    background-color:  #fff;
    background-image:  url(../inquiry/img/btn_inquiry.png);
    border:  none;
    cursor:  pointer;
    margin: 10px 0 0 0;
    text-indent:  120%;
    white-space:  nowrap;
    overflow:  hidden;
  }

  form.rfp_form p.submit,
  form.inquiry_form p.submit {
    padding: 0 !important;
    margin: 20px 0 0 0;
    text-align: center;
  }


/* 確認画面 */

  table#mfp_confirm_table {
    max-width: 100%;
  }

  table#mfp_confirm_table th,
  table#mfp_confirm_table td {
    width: 95% !important;
    display: block;
    font-size: 1.4rem !important;
  }

  table#mfp_confirm_table th {
  border: none !important;
  }

  table#mfp_confirm_table td {
  border-top: none !important;
  border-bottom: 1px solid #ccc;
  }

  div#mfp_phase_confirm h4 {
    font-size:  1.4em !important;
  }


/* -------------------------------------
お問合せ
-------------------------------------- */

  form.inquiry_form table {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 1px;
  }

  form.inquiry_form table th {
    display: block;
    padding: 5px 10px;
    background: #FFF8DD;
    text-align: left;
    font-weight: normal;
    color: #8A671D;
    border-top: 1px solid #FFB25F;
    margin: 0 0 5px 0;
  }

  form.inquiry_form table th span.mst {
    text-align: left;
    color: #FF4800;
    font-size: 1.2rem;
  }

  form.inquiry_form table td {
    display: block;
    padding: 5px 10px;
    margin: 0 0 15px 0;
  }

  p.thank {
    margin: 50px auto 20px auto;
    padding: 10px;
    text-align: center;
    background: #FFFEE0;
    border: 1px solid #FFD466;
    border-radius: 7px;
  }

}



@media all and (min-width: 741px) { /* PC */

  .submain {
    float: none;
    width:920px;
  }

  .subleft {
    width:  710px;
  }

  .subright {
    margin: 0 10px 0 0;
  }


/* -------------------------------------
見積もり依頼
-------------------------------------- */

  h1.tit_rfp {
    background: url(../inquiry/img/tit_h1_rfp.png) no-repeat;
  }

  .rfp {
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #ccc;
  }

  .rfp h2 {
    width: 327px !important;
    float: left;

  }

  .rfp h2 a {
    display: block;
    width: 327px !important;
    height: 57px !important;
    text-indent:  120%;
    white-space:  nowrap;
    overflow:  hidden;
  }

  .rfp h2.hp a {
    background: url(../inquiry/img/hp.png) no-repeat !important;
  }

  .rfp h2.cms a {
    background: url(../inquiry/img/cms.png) no-repeat !important;
  }

  .rfp h2.ec a {
    background: url(../inquiry/img/ec.png) no-repeat !important;
  }

  .rfp h2.mobile a {
    background: url(../inquiry/img/mobile.png) no-repeat !important;
  }

  .rfp h2.code a {
    background: url(../inquiry/img/code.png) no-repeat !important;
  }

  .rfp h2.lp a {
    background: url(../inquiry/img/lp.png) no-repeat !important;
  }

  .rfp h2.update a {
    background: url(../inquiry/img/update.png) no-repeat !important;
  }

  .rfp h2.bnr a {
    background: url(../inquiry/img/bnr.png) no-repeat !important;
  }

  .rfp p {
    float: right;
    width: 50%;
    margin: 0 10px 0 0 !important;
  }

  form.rfp_form table {
    width: 97%;
    margin: 10px auto 20px auto;
    border-collapse: separate;
    border-spacing: 1px;
  }

  form.rfp_form table caption {
    background: url(../img/main/tit_h2.png) no-repeat;
    width: auto;
    height: 25px;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0 0 10px 30px;
    color: #DB5B06;
    text-shadow:  1px 1px 1px #ccc;
    text-align: left;
  }

  form.rfp_form table th {
    width: 25%;
    padding: 10px;
    background: #FFF8DD;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    color: #8A671D;
    border-bottom: 1px solid #DFDFDF;
  }

  form.rfp_form table th span.mst {
    color: #FF4800 !important;
    font-size: 1.2rem !important;
  }

  form.rfp_form table td {
    padding: 10px;
    border-bottom: 1px solid #DFDFDF;
  }

  form.rfp_form table span {
    font-size: 1.2rem;
  }

input {
    margin: 0 5px;
  }

  form.rfp_form table td label {
    display: inline !important;
    text-decoration: none !important;
    border:  none !important;
    background:  none !important;
  }

  form.rfp_form table td label.mfp_checked {
    padding:  3px;
    border:  none !important;
    background:  none !important;
  }
  form.rfp_form table td label.mfp_not_checked {
    padding:  3px;
    border:  none !important;
  }

input.text,
input.textproblem {
    width: 95% !important;
    height: 18px;
    border: 1px solid #ccc;
  }

input.textproblem {
      background-color:  #FFE7E7;
  }

input.text2,
input.text2problem {
    width: 20%;
    height: 15px;
    margin: 5px;
    border: 1px solid #ccc;
  }

textarea {
    width: 95% !important;
    height: 200px !important;
    border: 1px solid #ccc;
  }

input#input_submit,
button#input_submit {
    width: 230px;
    height: 40px;
    overflow: hidden;
    background: url(../inquiry/img/btn_inquiry.png) #fff;
    border:  none;
    cursor: pointer;
    border: none;
    margin: 10px 0 0 0;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
  }

  form.rfp_form p.submit,
  form.inquiry_form p.submit {
    padding: 0 !important;
    margin: 20px 0 0 0;
    text-align: center;
  }

iframe {
  display: block;
  width: 670px;
  height: 70px;
  margin: 20px auto;
  border: 1px solid #ccc;
  }


/* -------------------------------------
相談・問い合わせ
-------------------------------------- */

  h1.tit_inquiry {
    background: url(../inquiry/img/tit_h1_inquiry.png) no-repeat;
  }

  form.inquiry_form table {
    width: 97%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 1px;
  }

  form.inquiry_form table th {
    width: 25%;
    padding: 20px 10px;
    background: #FFF8DD;
    text-align: left;
    font-weight: normal;
    color: #8A671D;
    border-bottom: 1px solid #DFDFDF;
  }

  form.inquiry_form table th span.mst {
    text-align: left;
    color: #FF4800;
    font-size: 1.2rem;
  }

  form.inquiry_form table td {
    padding: 20px 10px;
    border-bottom: 1px solid #DFDFDF;
  }

  h1.tit_thank {
    width: auto;
    height: 60px;
    background: url(../inquiry/img/tit_h1_thank.png) no-repeat;
    margin: 0 0 20px 0;
    border-bottom: 1px dashed #ffc000;
  }

  p.thank {
    width: 60%;
    margin: 50px auto 0 auto;
    padding: 20px;
    text-align: center;
    background: #FFFEE0;
    border: 1px solid #FFD466;
    border-radius: 7px;
  }

}