/* Scss Document */
/* Scss Document */
/*---------------
   content
---------------*/
#contact .lttl {
  z-index: 1; }

#contact .contact_inner {
  background: #FEF1DE; }

#contact .form_table {
  display: block;
  width: 100%;
  padding: 40px;
  background: #FFF; }
  #contact .form_table tbody, #contact .form_table tr {
    width: 100%; }
  #contact .form_table th {
    padding-right: .5em;
    width: 285px;
    vertical-align: top; }
    #contact .form_table th span {
      padding: .25em .5em;
      float: right;
      display: inline-block;
      background: #c00;
      color: #fff;
      font-size: 1.3rem; }
  #contact .form_table td {
    width: 855px; }
  #contact .form_table textarea, #contact .form_table input, #contact .form_table select {
    padding: .5em; }
  #contact .form_table textarea {
    width: 100%; }

#contact .contact_btn {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto; }
  #contact .contact_btn input {
    display: block;
    width: 380px;
    height: 58px;
    margin: 0 20px;
    background: url("../images/common/btn_arrow_white.png") top 50% right 30px no-repeat #F46A46;
    border: none;
    border-radius: 29px;
    color: #FFF;
    font-size: 2.4rem;
    letter-spacing: .2em;
    text-align: center;
    line-height: 58px; }
    #contact .contact_btn input:hover {
      opacity: .6;
      -webkit-transition: .5s;
      -o-transition: .5s;
      transition: .5s; }

#contact .btn a {
  background: url("../images/common/btn_arrow_white.png") top 50% right 30px no-repeat #F46A46; }

.thanks {
  text-align: center; }
  .thanks h2 {
    margin-bottom: 1em;
    font-size: 2.5rem; }
  .thanks p {
    margin: 1.5em 0 3em; }

@media screen and (max-width: 640px) {
  /*---------------
		 content
	---------------*/
  #contact .form_table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3.94737vw; }
    #contact .form_table th {
      display: block;
      width: 100%;
      padding-bottom: 0; }
    #contact .form_table td {
      display: block;
      width: 100%; }
  #contact .contact_btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    text-align: center; }
    #contact .contact_btn input {
      width: 62.5vw;
      /*(475/760)*100vw*/
      height: 9.60526vw;
      /*(73/760)*100vw*/
      margin: 2.63158vw auto;
      background: url("../images/common/btn_arrow_white.png") top 50% right 3.94737vw no-repeat, #F46A46;
      background-size: 1.57895vw;
      /*128/760)*100vw*/
      border-radius: 4.86842vw;
      font-size: 3.94737vw;
      /*(30/760)*100vw*/
      line-height: 9.60526vw;
      /*(73/760)*100vw*/ } }