@charset "utf-8";

#main section#top {
  padding: 40px 0 30px;
/*  background: url("../../img/bg_01.png") no-repeat center 0 / cover #fff; */
}

#main h2 {
  margin: 0 0 30px 0;
  background: url("../../img/cntct/ico_01.png") no-repeat 0 center;
  text-align: left;
  text-indent: 56px;
}

#main section .box02 {
  padding: 20px 0;
  background: #fff;
}

#main .inbox {
  border-radius: 3px;
  box-shadow: none;
}

#main section#top p {
  padding: 0 0 0 30px;
}

section#top table {
  width: 91%;
  margin: 0 auto 66px;
  padding: 10px 0;
  text-indent: 4px;
}

section#top table td {
  border-bottom: none;
}
section#top table tr {
  border-bottom: 1px dotted #aa886630;
}
section#top .box02 table tr:last-child {
  border-bottom: none;
}
section#top table th {
  width: 270px;
  font-weight:bold;
}
section#top table th.req:after {
  content: ' ※';
  color: #ff0000;
}
section#top table th span {
  color: #ff0000;
  display: block;
  font-size: .9rem;
  line-height: 1.4;
}
section#top table th span.pct {
  display: inline;
}
section#top table td {padding:20px 0;text-align:left;}

input[type="text"], select, textarea {
  width: 90%;
  padding: 8px 30px 8px 10px;
  border: 1px solid #aaa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
  -moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
  box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
}

form#form1 input[type=submit],
form#form2 > input.veri {
  padding: 15px 12%;
  background: #2a892a url(../../img/arw3.png) no-repeat 96% center / auto 40%;
  border: none;
  border-radius: 5rem;
  color: #fff;
  cursor: pointer;
  font-size: min(5vw, 1.4rem);
  font-weight: bold;
}
form#form2 > input.veri {
  background: #ccc;
}

#bx_vr > div.l_red {
  justify-content: center;
  gap: 0 5%;
}
#bx_vr > div.l_red form {
  width: 30%;
}
#bx_vr > div.l_red form > * {
  width: 100%;
}

@media screen and (max-width: 640px) {
  section#top table,
  section#top table tbody,
  section#top table th,
  section#top table td {
    width: 100%;
    padding: 0;
    display: block;
  }
  section#top table th {padding: 20px 0 0;}

  #bx_vr > div.l_red form {width: 86%;}
  #bx_vr > div.l_red form:first-child {margin: 0 auto 20px;}

}