@charset "utf-8";
/******** -- 768ディスプレイ用 -- ********/
@media screen and (max-width: 768px){

/*===================================================================
layout
===================================================================*/
  body{
    min-width:320px;
    width:100%;
    font-size: small;
  }
  .inner{
    padding: 0 10px;
  }
  .sec-area .inner{
    padding: 15px 10px;
  }

  .ttl-wrap{
    margin-bottom: 15px;
  }
  
  /*input*/
  input[type="text"],
  textarea {
    width: 100%;
  }

/*===================================================================
footer
===================================================================*/
  .footer{
    margin-top: 30px;
  }
  .footer .inner{
    padding: 15px 12px;
  }
  .footer-service{
    display: block;
  }
  .footer-service li{
    margin-top: 5px;
  }
  .footer .copyright{
    text-align: center;
  }
/*===================================================================
webcas table layout
===================================================================*/
  .fm-enquete{
    padding: 0 10px;
  }
  .fm-enquete .fm-question,
  .fm-enquete .fm-answer{
    padding: 10px 15px;
    width: 98%;
    display: block;
    margin: auto;
  }
  .fm-enquete .fm-question{
    font-size: 14px;
  }
/*===================================================================
webcas input layout
===================================================================*/
  /*姓名*/
  .name-input-box {
    display: block;
  }
  .name-wrap .name-input input{
    width: 100%;
  }
  .name-wrap{
    width: 100%;
    display: block;
  }
  .name-wrap+.name-wrap{
    margin-top: 15px;
  }
  .name-wrap .name-label{
    display: block;
    padding: 0 0 5px;
  }
  
  /*日付ボックス*/
  .date-input input[type="text"]{
    width: 60px!important;
  }
  /*郵便番号*/
  .post-input input[type="text"]{
    width: 60px!important;
  }
  /*電話番号*/
  .tel-input input{
    width: 60px!important;
  }
  
  /*ボタン*/
  .submit-btn,#confirm{
    width: 170px;
    box-shadow: 0 6px 0 0 #333;
    transform: translateY(-6px);
  }
}

@media screen and (max-width: 350px){
  /*ボタン*/
  .submit-btn,#confirm{
    width: 150px;
  }
  .submit-btn+.submit-btn,
  .submit-btn+#confirm{
    margin-left: 0;
    margin-top: 15px;
  }
}