input { font-size: 16px !important; padding: 0.25em 0.5em; border: 1px solid #d5d5d5;     box-sizing: border-box;}
textarea { width: 100%;font-size: 16px !important; padding: 0.5em; border: 1px solid #d5d5d5;     box-sizing: border-box; }

@media screen and (min-width: 768px), print {

.btn-confirm .button.btn-type01{
  text-indent: -99999px;
  background-image: url(../images/common/cf-btn-bg-01.png);
  background-repeat: no-repeat;
  background-position: center 0;
  width: 470px;
  height: 132px;
  margin: 0 auto;
  display: block;
border: 0;
background-color: #fff;
}

.btn-send{
  width: 940px;
  margin: 0 auto;
  display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}

.btn-send .button.btn-type01{
  text-indent: -99999px;
  background-image: url(../images/common/cf-btn-bg-02.png);
  background-repeat: no-repeat;
  background-position: center 0;
  width: 470px;
  height: 132px;
  margin: 0 auto;
  display: block;
border: 0;
background-color: #fff;
}

.btn-send .button.btn-type02{
  text-indent: -99999px;
  background-image: url(../images/common/cf-btn-bg-03.png);
  background-repeat: no-repeat;
  background-position: center 0;
  width: 470px;
  height: 132px;
  margin: 0 auto;
  display: block;
border: 0;
background-color: #fff;
}

.button:hover{
  cursor: pointer;
cursor: hand;
opacity: 0.8;

}

  
  #form-table{
    width: 100%;
  margin-bottom: 40px;}

select{
padding: 5px;
}

  
  #form-box { width: 1000px; margin: 0 auto; padding-top: 55px; }
  #form-box .red { color: #ff8500; }
  #form-box .form-ttl { font-size: 28px; font-weight: 700; letter-spacing: 2.8px; line-height: 45px; text-align: center; margin-bottom: 40px; padding-top: 34px; background-image: url(../images/common/cf-icon.svg); background-repeat: no-repeat; background-position: center 0; }
  #form-box #form-cont ul li { margin-bottom: 0px; }
  #form-box .attention { margin-bottom: 29px; }
  #form-box .attention span { color: #ff8500; }
  #form-box #mailform { width: 100%; }
  #form-box #mailform th { width: 290px; padding: 15px 1em 13px 29px; background-color: #e1e1e1; text-align: left; vertical-align: middle; border-bottom: 1px solid #fff; }
  #form-box #mailform td { width: calc(100% - 290px); padding: 14px 1em 13px 30px; background-color: #f4f4f4; border-bottom: 1px solid #fff; }
  #form-box #mailform td > div:nth-child(1) { margin-right: 16px; }
  #form-box #mailform td .name-input { display: inline-block; }
  #form-box #mailform td .name-input input[type="text"] { width: 108px; }
  #form-box input[type='submit'], #form-box input[type='button'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border: none; border-radius: 0; font: inherit; outline: none; }
  #form-box input[type='submit'], #form-box input[type='button'] { cursor: pointer; padding: 0; }
  #form-box input[type='submit']:hover, #form-box input[type='button']:hover { opacity: 0.8; }
  #form-box .submit { text-indent: -99999px; background-image: url(../images/common/cf-btn-bg-01.png); background-repeat: no-repeat; background-position: center 0; width: 470px; height: 132px; margin: 0 auto; display: block; } 

  #form-box #mailform td .name-input input[type="text"].c-name {
    width: 100%;
}
textarea{
  line-height: 1.5;
  width: 100%;
}

#form-box #mailform{
  margin-bottom: 56px;
}


}
/*# sourceMappingURL=page-c-form.css.map */


@media screen and (max-width: 767px) {

  .btn-confirm .button.btn-type01{
    text-indent: -99999px;
    background-image: url(../images/common/sp-cf-btn-bg-01.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: contain;
    width: 80.918vw;
    height: 21.618vw;
    margin: 0 auto;
    display: block;
  border: 0;
  background-color: #fff;
  }


  
  .btn-send{
    width: 80.918vw;
    margin: 0 auto;
  }
  
  .btn-send .button.btn-type01{
    text-indent: -99999px;
    background-image: url(../images/common/cf-btn-bg-02.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100%;
    width: 80.918vw;
    height: 21.618vw;
    margin: 0 auto;
    margin-bottom: 2vw;
    display: block;
  border: 0;
  background-color: #fff;
  }
  
  .btn-send .button.btn-type02{
    text-indent: -99999px;
    background-image: url(../images/common/cf-btn-bg-03.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100%;
    width: 80.918vw;
    height: 21.618vw;
    margin: 0 auto;
    display: block;
  border: 0;
  background-color: #fff;
  }
  
  .button:hover{
    cursor: pointer;
  cursor: hand;
  opacity: 0.8;
  
  }








  textarea {
    height: 42vw;
}

  input[type="radio"]{
    width: auto;
  }

  .mwform-radio-field-text{
    font-size: 14px;
  }

#form-table{
  width: 100%;margin-bottom: 8vw;
}

  select{
    width: 100%;
    padding: 5px;
    margin-top: 2vw;
    margin-bottom: 2vw;
    }

  #form-box #mailform td .name-input input[type="text"].c-name {
    width: 86vw;
}
  input,textarea{
    width: 100%;
  line-height: 1.7;}
  #form-box { width: 92vw; margin: 0 auto; padding-top: 32px; }

  #form-box .zip{
    width: 10em;
  }

  #form-box .red { color: #ff8500; }
  #form-box .form-ttl { font-size: 18px; font-weight: 700; letter-spacing: 1.4px;  text-align: center; margin-bottom: 20px; padding-top: 30px; background-image: url(../images/common/cf-icon.svg); background-repeat: no-repeat; background-position: center 0; background-size: 7vw;line-height: 1.65;}
  #form-box #form-cont ul li { margin-bottom: 9px; font-size: 13px;line-height: 1.5;
    padding-left:1em;
    text-indent:-1em;

  }
  #form-box .attention { margin-bottom: 24px; font-size: 13px;}
  #form-box .attention span { color: #ff8500; }
  #form-box #mailform { width: 100%; margin-bottom: 8vw; }
  #form-box #mailform th { width: 100%; padding: 3vw; background-color: #e1e1e1; text-align: left; vertical-align: middle; border-bottom: 1px solid #fff; 
  display: block;
  }
  #form-box #mailform td { 
    display: block;
    width: 100%;
    padding: 3vw; background-color: #f4f4f4; border-bottom: 1px solid #fff; 
  
  }
  #form-box #mailform td > div{
    width: 100%;
    margin-right: 5px;
  }

  #form-box #mailform td > div:nth-child(1) {width: 8em;
  }
  #form-box #mailform td > div:nth-child(2) {width: 8em;}
  #form-box #mailform td .name-input { display: inline-block; }
  #form-box #mailform td .name-input input[type="text"] { width: 100%; box-sizing: border-box;}


  #form-box input[type='submit'], #form-box input[type='button'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border: none; border-radius: 0; font: inherit; outline: none; }
  #form-box input[type='submit'], #form-box input[type='button'] { cursor: pointer; padding: 0; }
  #form-box input[type='submit']:hover, #form-box input[type='button']:hover { opacity: 0.8; }

  #form-box .submit { text-indent: -99999px; background-image: url(../images/common/sp-cf-btn-bg-01.png); background-repeat: no-repeat; background-position: center 0;
    background-size: 100%;
    width: 77.295vw; height: 21.618vw;
     margin: 0 auto; display: block; }
}