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

.contact{ background: #f3f2ef;}
.contact .inner{ background: rgba(255, 255, 255, 0.40); padding: 2.0em; }

.table_form{ border-top: solid 1px #ccc; font-size: 93%;}
.table_form th,
.table_form td{ border-bottom: solid 1px #ccc;}
.table_form th{ padding-right: 2.0em; font-weight: 600;}
.table_form td{ padding-left: 2.0em; position: relative;}
.table_form td:nth-child(2){ padding-left: 2.0em;}
.table_form td:nth-child(3)::after{ display: block; content: ''; width: 1px;  background: #ccc; position: absolute; margin: auto 0; left: 0; top: 1.0em; bottom: 1.0em;}

.require{ font-size: 86%; white-space: nowrap; border: solid 1px #cc0000; line-height: 1.5; border-radius: 1.5em; padding: 0.2em 1.0em; color:#c00;}

@media screen and ( max-width: 480px ) {
  .table_form,
  .table_form thead,
  .table_form tbody,
  .table_form tfoot,
  .table_form tr,
  .table_form th,
  .table_form td{ display: block; margin: 0;}
  
  
  .table_form th{ border-bottom: none; padding: 1.0em 1.0em 0 1.0em; font-weight: 900;}
  .table_form td:nth-child(2){ padding:1.0em;}
  .table_form td:nth-child(3){ padding: 1.0em;}
  .table_form td:nth-child(3)::after{ display: none;}
}

.message_note{ background: #c00; color: #fff; padding: 1.0em; font-size: 93%; margin: 0;}