@charset "UTF-8";
/* arguments inittial */
/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
/* ADDITIONAL RESET
 * -----------------------------------------------*/
input,
label,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  background: none;
  font: inherit;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

/* Make webkit render the search input like a normal text field */
input[type=search] {
  -webkit-appearance: textfield; }

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
  display: none; }

/* Turn off scroll bars in IE unless needed */
textarea {
  overflow: auto;
  white-space: pre-line;
  resize: none; }

input[type="reset"],
input[type="submit"],
input[type="button"] {
  cursor: pointer; }

button {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer; }

.errMsg {
  margin-left: 1em;
  padding-bottom: 1px;
  display: block;
  line-height: 1.4;
  text-indent: -.9em; }

.formError {
  padding-bottom: 13px;
  display: block; }

.fixed {
  padding-bottom: 0px; }

.formError .formErrorClose {
  border: solid #252525 2px;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -4px;
  right: -4px;
  color: #efefef;
  background: #333;
  font-weight: bold;
  text-align: center;
  line-height: middle;
  cursor: pointer;
  z-index: 2;
  -webkit-border-radius: 9px 9px 9px 9px;
  -moz-border-radius: 9px 9px 9px 9px;
  -ms-border-radius: 9px 9px 9px 9px;
  -o-border-radius: 9px 9px 9px 9px;
  border-radius: 9px 9px 9px 9px;
  -webkit-box-shadow: 1px -1px 3px #888;
  -moz-box-shadow: 1px -1px 3px #888;
  -ms-box-shadow: 1px -1px 3px #888;
  -o-box-shadow: 1px -1px 3px #888;
  box-shadow: 1px -1px 3px #888; }

.formError .formErrorClose:hover {
  background: #666; }

.fixed .formErrorClose {
  display: none; }

.formError .formErrorContent {
  padding: 6px 10px;
  width: 180px;
  position: relative;
  color: #fff;
  background: #252525;
  font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,"ヒラギノ丸ゴ Pro W4",HiraMaruPro-W4,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,sans-serif;
  font-size: 11px;
  margin: 0 0;
  z-index: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 6px #888;
  -moz-box-shadow: 0px 0px 6px #888;
  -ms-box-shadow: 0px 0px 6px #888;
  -o-box-shadow: 0px 0px 6px #888;
  box-shadow: 0px 0px 6px #888; }

.fixed .formErrorContent {
  margin-top: .5em;
  background: #f60;
  margin: 0 0 30px 0;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  border-radius: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

.fadeOut {
  opacity: .2;
  filter: alpha(opacity=20); }

.formError .formErrorArrow {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 20px;
  margin: 0 0 30px 0;
  z-index: 0; }

.fixed .formErrorArrow {
  display: none; }

.formError .formErrorArrowBottom {
  margin: -6px;
  top: 0; }

.fixed .formErrorArrowBottom {
  display: none; }

.formError .formErrorArrow div {
  margin: 0 auto;
  display: block;
  height: 1px;
  background: #252525;
  line-height: 0px;
  font-size: 0px;
  -webkit-box-shadow: 0px 2px 3px #888;
  -moz-box-shadow: 0px 2px 3px #888;
  -ms-box-shadow: 0px 2px 3px #888;
  -o-box-shadow: 0px 2px 3px #888;
  box-shadow: 0px 2px 3px #888; }

.formError .formErrorArrowBottom div {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

.formError .formErrorArrow .line10 {
  width: 19px; }

.formError .formErrorArrow .line9 {
  width: 17px; }

.formError .formErrorArrow .line8 {
  width: 15px; }

.formError .formErrorArrow .line7 {
  width: 13px; }

.formError .formErrorArrow .line6 {
  width: 11px; }

.formError .formErrorArrow .line5 {
  width: 9px; }

.formError .formErrorArrow .line4 {
  width: 7px; }

.formError .formErrorArrow .line3 {
  width: 5px; }

.formError .formErrorArrow .line2 {
  width: 3px; }

.formError .formErrorArrow .line1 {
  width: 1px; }

.hid_url {
  display: none; }

form p.test {
  position: relative;
  color: #C1C0BC; }

form p.test label {
  position: absolute;
  top: 3px;
  left: 10px;
  font-weight: normal; }

form p.test br {
  display: none; }

.ip-text,
textarea {
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 2em;
  letter-spacing: 0.025em;
  font-weight: 500;
  vertical-align: middle;
  height: 46px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #383838; }
  .ip-text::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    font-family: "游ゴシック体", "游ゴシック", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    color: #B5B5B6; }
  .ip-text:-moz-placeholder,
  textarea:-moz-placeholder {
    font-family: "游ゴシック体", "游ゴシック", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    color: #B5B5B6; }
  .ip-text::-moz-placeholder,
  textarea::-moz-placeholder {
    font-family: "游ゴシック体", "游ゴシック", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    color: #B5B5B6; }
  .ip-text:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    font-family: "游ゴシック体", "游ゴシック", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    color: #B5B5B6; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ip-text {
    line-height: 35px; } }

.ip-nim {
  background: rgba(8, 72, 136, 0.05); }

#btnConfirm, #btnSend {
  width: 260px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 26px;
  line-height: 1.7333333333em;
  letter-spacing: 0.07em;
  font-weight: bold;
  border: 1px solid #084888;
  background: #084888;
  padding: 16px 0;
  margin: 75px auto 0;
  transition: 0.3s; }
  @media only screen and (min-width: 1025px) {
    #btnConfirm:hover, #btnSend:hover {
      opacity: .65; } }
  @media only screen and (max-width: 767px) {
    #btnConfirm, #btnSend {
      width: calc(100% - 40px); } }

/* textarea */
textarea {
  height: 253px;
  padding: 15px; }
  @media only screen and (max-width: 767px) {
    textarea {
      height: 175px; } }

/* Radio / checkbox */
input[type="radio"] {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  width: 1px; }

input[name="con_method"] + label {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 30px;
  line-height: 1.875em;
  letter-spacing: 0.075em;
  font-weight: normal;
  padding-left: 25px;
  position: relative; }
  input[name="con_method"] + label:before {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #DBDCDC;
    border-radius: 100%;
    top: 7px;
    left: 0px; }
  input[name="con_method"] + label:after {
    display: none;
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #E5B75B;
    top: 10px;
    left: 3px; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input[name="con_method"] + label:before {
      top: 2px; }
    input[name="con_method"] + label:after {
      top: 6px;
      left: 0; } }
input[name="con_method"]:checked + label:after {
  display: block; }

/* contact */
.tableContact tr:last-of-type th, .tableContact tr:last-of-type td {
  padding-bottom: 0;
  border-bottom: none; }
@media only screen and (max-width: 767px) {
  .tableContact tr:last-of-type td {
    padding-bottom: 20px;
    border-bottom: 1px solid #B9B9B9; } }
.tableContact th, .tableContact td {
  border-collapse: collapse;
  padding: 17px 0;
  color: #383838;
  border-bottom: 1px solid #B9B9B9; }
  @media only screen and (max-width: 767px) {
    .tableContact th, .tableContact td {
      padding: 0;
      display: block;
      border-bottom: none; } }
.tableContact th {
  width: 194px;
  padding-right: 10px;
  padding-top: 25px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 30px;
  line-height: 1.875em;
  letter-spacing: 0.025em;
  font-weight: 500;
  text-align: left;
  vertical-align: top; }
  @media only screen and (max-width: 767px) {
    .tableContact th {
      width: 100%;
      padding: 12px 0 0 0;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 25px;
      line-height: 1.6666666667em;
      letter-spacing: 0.025em;
      font-weight: 500; } }
  .tableContact th em {
    font-style: normal; }
    .tableContact th em.require {
      color: #E53939; }
.tableContact td {
  width: calc(100% - 194px);
  position: relative; }
  @media only screen and (max-width: 767px) {
    .tableContact td {
      width: 100%;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 25px;
      line-height: 1.6666666667em;
      letter-spacing: 0.025em;
      font-weight: 500;
      padding: 8px 0 20px 0;
      border-bottom: 1px solid #B9B9B9; } }

.tabForm {
  margin: 50px auto 0; }
  @media only screen and (max-width: 767px) {
    .tabForm {
      margin: 35px auto 0; } }
  .tabForm ul {
    font-size: 0;
    letter-spacing: 0;
    margin: 0;
    display: flex;
    align-items: stretch; }
    .tabForm ul li {
      width: 50%;
      padding: 0; }
      .tabForm ul li:first-of-type input:checked ~ label {
        color: #084888; }
        .tabForm ul li:first-of-type input:checked ~ label:before {
          height: 9px;
          bottom: unset;
          top: 0; }
          @media only screen and (max-width: 767px) {
            .tabForm ul li:first-of-type input:checked ~ label:before {
              height: 4px; } }
      .tabForm ul li:first-of-type label {
        height: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center; }
        .tabForm ul li:first-of-type label:before {
          left: 0;
          bottom: 0; }
      .tabForm ul li:last-of-type input:checked ~ label {
        color: #084888; }
        .tabForm ul li:last-of-type input:checked ~ label:before {
          height: 9px;
          bottom: unset;
          top: 0; }
          @media only screen and (max-width: 767px) {
            .tabForm ul li:last-of-type input:checked ~ label:before {
              height: 4px; } }
      .tabForm ul li:last-of-type label:before {
        bottom: 0;
        left: 0; }
      .tabForm ul li:last-of-type label:after {
        content: "";
        width: 1px;
        height: 100%;
        background: #084888;
        position: absolute;
        left: 0;
        top: 0; }
    .tabForm ul input {
      position: absolute;
      opacity: 0;
      visibility: visible; }
    .tabForm ul label {
      display: block;
      box-sizing: border-box;
      color: #8B8989;
      font-size: 20px;
      font-size: 2rem;
      line-height: 34px;
      line-height: 1.7em;
      letter-spacing: 0.2em;
      font-weight: bold;
      text-align: center;
      position: relative;
      padding: 28px 0 14px; }
      .tabForm ul label:before {
        content: "";
        width: 100%;
        height: 1px;
        background: #084888;
        position: absolute; }
      @media only screen and (max-width: 767px) {
        .tabForm ul label {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 25px;
          line-height: 1.5625em;
          letter-spacing: 0.1em;
          font-weight: bold;
          padding: 18px 0 8px; } }

.step_confirm .sec-office {
  margin-bottom: 160px; }
  @media only screen and (max-width: 767px) {
    .step_confirm .sec-office {
      margin-bottom: 80px; } }
.step_confirm .tableContact tr:last-of-type th, .step_confirm .tableContact tr:last-of-type td {
  border-bottom: 1px solid #B9B9B9;
  padding-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .step_confirm .tableContact tr:last-of-type th, .step_confirm .tableContact tr:last-of-type td {
      padding-bottom: 0;
      border-bottom: none; } }
@media only screen and (max-width: 767px) {
  .step_confirm .tableContact tr:last-of-type td {
    padding-bottom: 20px;
    border-bottom: 1px solid #B9B9B9; } }
.step_confirm .tableContact th, .step_confirm .tableContact td {
  padding: 18px 0 15px; }
  @media only screen and (max-width: 767px) {
    .step_confirm .tableContact th, .step_confirm .tableContact td {
      padding: 0; } }
.step_confirm .tableContact th {
  vertical-align: top; }
  @media only screen and (max-width: 767px) {
    .step_confirm .tableContact th {
      padding: 12px 0 0 0;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 25px;
      line-height: 1.6666666667em;
      letter-spacing: 0.025em;
      font-weight: 500; } }
@media only screen and (max-width: 767px) {
  .step_confirm .tableContact td {
    padding: 8px 0 20px 0;
    border-bottom: 1px solid #B9B9B9; } }
.step_confirm .tableContact td p {
  margin-bottom: 10px; }
.step_confirm .tableContact td span {
  display: inline-block;
  padding-right: 5px; }
.step_confirm .taR {
  text-align: right;
  margin-top: 5px; }
  .step_confirm .taR a {
    display: inline-block;
    color: #F0A10B;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 35px;
    line-height: 2.3333333333em;
    letter-spacing: 0.1em;
    text-decoration: underline; }

.step_complete .sec-office {
  margin-bottom: 160px; }
  @media only screen and (max-width: 767px) {
    .step_complete .sec-office {
      margin-bottom: 20px; } }
.step_complete h3 {
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 32px;
  line-height: 1.1428571429em;
  letter-spacing: 0.08em;
  font-weight: bold;
  color: #084888;
  margin-bottom: 40px; }
  @media only screen and (max-width: 767px) {
    .step_complete h3 {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 26px;
      line-height: 1.1818181818em;
      letter-spacing: 0em;
      font-weight: bold;
      margin-bottom: 30px; } }
.step_complete .form-txt {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 30px;
  line-height: 1.875em;
  letter-spacing: 0.075em;
  font-weight: normal; }
  @media only screen and (max-width: 767px) {
    .step_complete .form-txt {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 26px;
      line-height: 1.7333333333em;
      letter-spacing: 0.05em;
      font-weight: normal; } }
.step_complete .btn-bdr-blue {
  margin-top: 50px; }
  @media only screen and (max-width: 767px) {
    .step_complete .btn-bdr-blue {
      margin-top: 35px; } }

/*# sourceMappingURL=form.min.css.map */