@charset "UTF-8";

/* ===== Base ===== */
*{box-sizing:border-box}
body{
  margin:0;
  background:#f5f7fa;
  color:#333;
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
}
#wrapper{
  max-width:760px;
  margin:32px auto;
  padding:0 16px;
}
#main{
  background:#fff;
  border:1px solid #ddd;
  border-radius:10px;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  padding:28px;
}
.section__ttl{
  margin:0 0 24px;
  padding:14px 18px;
  background:#f39800;
  color:#fff;
  border-radius:6px;
  font-size:1.4rem;
}
#txt_explain{margin-bottom:20px}
.red_txt,.red{color:#d93025;font-weight:700}
.table{
  width:100%;
  border-collapse:collapse;
  margin-bottom:24px;
}
.table th,.table td{
  border-bottom:1px solid #e5e5e5;
  padding:14px 10px;
  vertical-align:top;
}
.table th{
  width:32%;
  background:#fafafa;
  text-align:left;
}
input[type=text],textarea,select{
  width:100%;
  padding:10px 12px;
  font-size:16px;
  border:1px solid #cfcfcf;
  border-radius:6px;
  background:#fff;
}
textarea{min-height:140px;resize:vertical}
input:focus,textarea:focus,select:focus{
  outline:none;
  border-color:#f39800;
  box-shadow:0 0 0 3px rgba(243,152,0,.15);
}
.button_box{text-align:center;margin-top:24px}
input[type=submit]{
  background:#f39800;
  color:#fff;
  border:none;
  border-radius:6px;
  padding:12px 36px;
  font-size:16px;
  cursor:pointer;
}
input[type=submit]:hover{background:#db8600}
a{color:#0b63c7}
@media (max-width:768px){
  #wrapper{margin:16px auto;padding:0 10px}
  #main{padding:18px}
  .table,.table tbody,.table tr,.table th,.table td{
    display:block;width:100%;
  }
  .table th{
    border-bottom:none;
    background:none;
    padding:12px 0 4px;
  }
  .table td{padding:0 0 14px}
  input[type=submit]{width:100%}
}