@charset "utf-8";

#free_comment{
    margin: 15px 0;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #666666;
    text-align: center;
}

.free_txt_area{
  text-align: center;
  font-size: 100%;
  font-weight:bold;
}

#send_btn{
  margin: auto;
  margin-top: 15px;
  text-align: center;

}

#send_text_area{
  text-align: center;
}

#inquiry_text{
  margin: auto;
  width: 90%;
  resize: vertical;
  overflow: auto;
  border-color: #ccc;
  min-height: 100px;
}

.faq_opinion_btn{



  background: url(/images/btn_comment.gif) no-repeat;
  width: 191px;
  height: 46px;
  border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;

}

.faq_opinion_btn:hover{
  background: url(/images/btn_comment_on.gif) no-repeat;
}

.form-textarea{
  margin: auto;
}

.btn-transmit{
  color: black;
  font-size: 20pt;
  display: inline-block;
  width: 191px;
  height: 46px;
  border: solid 1px;
  border-color:#acabab;
  border-radius: 0.2em;
  background-color: #f3f3f3;
}

.btn-transmit:hover{

  background-color: #f8feb3;
}

.free_comment_form_area{

  text-align: center;
  margin-top: 10px;


}



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

  #inquiry_text{
    margin: auto;
    width:calc(100% - 30px);
    resize: vertical;
    overflow: auto;
    border-color: #ccc;
    min-height: 100px;
  }

  .free_comment_form_area{

    text-align: center;
    margin-top: 0px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;


  }

  #free_comment{
      margin: 0;
      padding: 0px;
      background-color: #f5f5f5;
      text-align: center;
  }

  .faq_opinion_btn{
    font-size: 20px;
    font-weight:bold;
    height: 50px;
    width: 127px!important;
    cursor: pointer;
    border: solid 1px;
    border-color:#d1cdcd;
    border-radius: 0.2em;
    margin-bottom: 15px;
    margin-top: 15px;
    //background-color: #f3f3f3;
    background: linear-gradient(to bottom, #f5f5f5, #e6e6e6);

  }


  .faq_opinion_btn:hover{
    background: linear-gradient(to bottom, #f5f5f5, #f8feb3);
  }

  #send_text_area{
    margin: 10px;
    text-align: center;
    border: solid 1px;
    border-color:#d1cdcd;
    border-radius: 6px;
    background-color: #f3f3f3;
  }

  .free_txt_area{
    text-align: center;
    background-color: #eee;
    font-weight: 400;
    font-size: 105%;
    font-weight:bold;
  }

  #askInquiryThanksMsg{
    margin: 10px;
    padding: 5px;

    background-color: #eee;
    border: solid 1px;
    border-color:#d1cdcd;
    border-radius: 6px;
  }

  .free_comment_form_area{
    padding-top: 10px;
    text-align: center;

    background-color: #fff;
  }

  #free_comment_title{
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight:normal;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  #send_btn{
    margin: auto;
    margin-top: 0px;
    text-align: center;


  }


}