.ipt50 {
  width: 49% !important;
}

.ipt30 {
  width: 30% !important;
}

.ipt26 {
  width: 26% !important;
}

.maintitle {
  border: 0;
  font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN',
    'ヒラギノ角ゴ ProN W3', 'Arial', 'メイリオ', Meiryo, 'ＭＳ ゴシック',
    sans-serif;
}

.subtitle {
  font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN',
    'ヒラギノ角ゴ ProN W3', 'Arial', 'メイリオ', Meiryo, 'ＭＳ ゴシック',
    sans-serif;
}
/*
.form button[type='submit'] {
  box-shadow: 2px 3px 5px 0 rgb(0 0 0 / 0.3);
  font-weight: bold;
  border-radius: 40px;
} */

/* input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
select:focus,
textarea:focus {
  border-width: 2px;
  margin: 4px 0 -1px;
} */

input[type='text'].ok,
input[type='tel'].ok,
input[type='email'].ok,
select.ok {
  background: #fff;
  border-color: #00b451;
  /* border-width: 2px;
  margin: 4px 0 -1px; */
}

input[type='text'].ng,
input[type='tel'].ng,
input[type='email'].ng,
select.ng {
  background: #fff;
  border-color: #d9534f;
}

.formError .formErrorContent:after {
  border: 7px solid transparent;
  border-bottom: 7px solid #fff;
}

td > span {
  position: relative;
}

.placeholder {
  /* position: absolute; */
  /* left: 12px; */
  top: calc(50%);
  transform: translateY(-50%);
  /* color: #aaa; */
  transition: top 0.3s ease-in-out, font-size 0.3s ease-in-out,
    color 0.3s ease-in-out;
}
/* input:valid + .placeholder, */
input.done + .placeholder,
input:focus + .placeholder,
input:valid + .placeholder {
  top: -1.5em;
  /* font-size: 12px; */
  /* background: #fff; */
}
input:valid + .placeholder,
input:focus + .placeholder,
input.done + .placeholder {
  color: #00b451;
}
input.ok:valid + .placeholder,
input.ok:focus + .placeholder,
input.done.ok + .placeholder {
  color: #00b451;
}
input.ng:valid + .placeholder,
input.ng:focus + .placeholder,
input.done.ng + .placeholder {
  color: #cc0000;
}
.required.selectBox:before {
  height: 1.29em;
  right: 3em;
}
.selectBox {
  width: 100%;
  text-align: center;
  display: block;
  position: relative;
  /* border: 1px solid #bbbbbb; */
  /* border-radius: 5px; */
  /* background: #ffffff; */
}
.selectBox select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  /* border: none; */
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  color: #000;
  background: #fff;
}
.selectBox select::-ms-expand {
  display: none;
}
.selectBox::after {
  position: absolute;
  top: 50%;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #333333;
  pointer-events: none;
}
.ipt50.selectBox::after {
  top: 0.9em;
}
.selectBox select {
  padding: 8px 38px 8px 8px;
  line-height: 1em !important;
}

.sec,
div.sec {
  position: relative;
}

/* pc */
@media (min-width: 769px) {
  input[type='text']:focus,
  input[type='tel']:focus,
  input[type='email']:focus,
  select:focus,
  textarea:focus {
    box-shadow: none;
  }

  .base > tbody > tr {
    border-bottom: 0;
  }

  input[type='text'],
  input[type='tel'],
  input[type='email'],
  select,
  textarea {
    margin-top: 5px;
    box-shadow: none;
    /* border: 1px solid #00b451; */
    /* border-radius: 5px; */
  }

  input[type='text']:focus,
  input[type='tel']:focus,
  input[type='email']:focus,
  select:focus,
  textarea:focus {
    box-shadow: none;
  }

  .base > tbody > tr {
    border-bottom: 0;
  }

  .confirm .base > tbody {
    border-bottom: 1px solid #ddd;
  }

  .confirm .base > tbody > tr {
    border-bottom: 1px solid #ddd;
  }

  .base > tbody > tr > th,
  .base > tbody > tr > td {
    position: relative;
  }
}

/* sp */
@media (max-width: 768px) {
  input[type='text'],
  input[type='tel'],
  input[type='email'],
  select,
  textarea {
    margin-top: 5px;
    /* border-radius: 5px; */
    box-shadow: none;
    border: 1px solid #00b451;
    background: #fff;
  }

  select {
    box-shadow: none;
    border: 1px solid #00b451;
    background: #fff;
  }

  input[type='text']:focus,
  input[type='tel']:focus,
  input[type='email']:focus,
  select:focus,
  textarea:focus {
    box-shadow: none;
  }

  .base > tbody > tr {
    border: 0;
  }

  /* .confirm .base > tbody > tr {
    border: 1px solid #ddd;
  } */
}