@charset "utf-8";
/* default PC */

#contents .gender {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 150px;
}

.entry-area {
  background-color:#F8F6F0;
  margin:0 auto 50px;
  max-width:800px;
  padding:30px 40px;
  width:100%;
}

#contents .entry-area p:last-child {
  margin-bottom:0;
}

#contents .entry-area p {
  text-align:center;
}

.table-01 {
  font-size:1.02em;
  margin:0 auto;
  max-width:850px;
  width:100%;
}

.table-01 th {
  background-color:transparent;
  border:none;
  min-width:250px;
  vertical-align:top;
}

.table-01 tr:first-child,
.table-01 td {
  border:none;
}

.inquiry {
  align-content:flex-start;
  display:inline-flex;
  flex-wrap:wrap;
  justify-content:flex-start;
}

.inquiry .wpcf7-list-item {
  margin-right:15px;
}

.inquiry .wpcf7-list-item.last {
  margin-right:0;
}

.table-01 th.need p:before {
  background-color:#EC6319;
}
#contents .table-01 th p {
  font-size:18px;
  margin-bottom: 0;
}

#contents .table-01 td p {
  margin-bottom:0;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.btn_send {
  background-color:#FFEA00;
  color:#432DA1;
}

input.year {
  margin-right: 10px;
  max-width: 60px;
  width: 100%;
}

input#zip,
input#zip-02 {
  margin-bottom:5px;
  max-width:200px;
  width:100%;
}

#contents p.submit-btn .wpcf7-spinner {
  display:none;
  position:absolute;
}

input#year {
  margin-right:5px;
  max-width:120px;
  width:100%;
}

input#mouth,
input#day {
  margin-left:10px;
  margin-right:5px;
  max-width:60px;
  width:100%;
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  .entry-area {
    padding:30px 16px;
  }

  .table-01 tr:first-child {
    border-bottom:1px solid #D4D4D4;
  }

  #contents .table-01 th p {
    font-size:16px;
    margin-bottom:0;
  }

  .table-01 td {
    display:table-cell;
  }

  input#zip {
    width:200px;
  }

  form table input {
    width:100%;
  }
}


@media screen and (max-width: 640px) {
  .table-01 td {
    display:block;
    padding:15px 15px 20px;
  }

  form .table-01 th {
    display:block;
    padding:20px 15px 0;
    width:100%;
  }

  #contents .table-01 th p {
    font-size:16px;
  }

  .table-01 th.no-need p {
    padding-left: 0;
}

.inquiry {
  display: block;
}

.inquiry.gender-radio {
  display: flex;
}
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  .entry-area {
    padding:20px 15px;
  }

  #contents .entry-area p {
    text-align:left;
  }

  #contents .entry-area p br {
    display:none;
  }

  form .table-01 td {
    padding:15px 5px 15px;
  }

  form .table-01 th {
    padding:15px 5px 0;
  }

  .table-01 th.need p{
    padding-left: 45px;
}
}