@charset "UTF-8";
/**
 * トップぺージ
 *------------------------------
 */
.top .wrap {
  margin-top: 40px;
}
.top .inner {
  max-width: 400px;
  padding: 0 20px;
}
.top form .inputContents {
  margin-bottom: 30px;
}
.top form .inputContents > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.top form .inputContents > dl + dl {
  margin-top: 15px;
}
.top form .inputContents > dl > dt {
  width: 75px;
  font-size: 16px;
  letter-spacing: 0.06em;
}
.top form .inputContents > dl > dd {
  position: relative;
  width: calc(100% - 75px);
}
.top form .inputContents > dl > dd .radioWrap li {
  margin-bottom: 10px;
}
.top form .inputContents > dl > dd .radioWrap li label {
  width: 100%;
  cursor: pointer;
}
.top form .inputContents > dl > dd .radioWrap li label span {
  position: relative;
  padding-left: 23px;
  margin-right: 7px;
}
.top form .inputContents > dl > dd .radioWrap li label span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 23px;
  height: 23px;
  background: #ffffff;
  border: 1px solid #707070;
  border-radius: 50%;
}
.top form .inputContents > dl > dd .radioWrap li [type=radio]:checked + label span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  background: #fda665;
  border-radius: 50%;
}
.top form .inputContents > dl > dd .dropdown {
  position: relative;
  width: 250px;
  height: 30px;
  padding: 3px 10px;
  background: #ffffff;
  border: 1px solid #a9a9a9;
  border-radius: 5px;
}
.top form .inputContents > dl > dd .dropdown::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10.4px 6px 0 6px;
  border-color: #707070 transparent transparent transparent;
  pointer-events: none;
}
.top form .inputContents > dl > dd .dropdown select {
  pointer-events: none;
}
.top form .inputContents > dl > dd .dropdownPseudoWrap {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  width: 250px;
}
.top form .inputContents > dl > dd .dropdownPseudoWrap dl {
  max-height: 215px;
  padding: 5px 15px;
  border: 1px solid #a9a9a9;
  background: #ffffff;
  overflow: scroll;
}
.top form .inputContents > dl > dd .dropdownPseudoWrap dl dt {
  padding: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  background: #b8b8b8;
}
.top form .inputContents > dl > dd .dropdownPseudoWrap dl dd {
  font-size: 14px;
}
.top form .inputContents > dl > dd .dropdownPseudoWrap dl dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.top form .inputContents > dl > dd .dropdownPseudoWrap dl dd ul li {
  width: 50%;
}
.top form .inputContents > dl > dd .dropdownPseudoWrap dl dd ul li:nth-of-type(n+3) {
  margin-top: 8px;
}
.top form .inputContents > dl > dd .dropdownPseudoWrap dl dd ul li span {
  display: inline-block;
  padding: 5px;
}
.top form .inputContents > dl > dd .dropdownPseudoWrap dl dd ul li span.selected {
  font-weight: bold;
  color: #ffffff;
  background: #f2a0a1;
}/*# sourceMappingURL=top.css.map */