@charset "UTF-8";

@import url("../../../assets/css/reference/jquery-ui.min.css");

/* jQuery UI 調整 */
.ui-widget.ui-widget-content {
  z-index: 15!important;
}

a.ui-datepicker-prev,
a.ui-datepicker-next {
  transition: opacity .4s;
  box-sizing: initial;
}

/* 全額繰上返済 申請フォーム */
.repay-apply-inner {
  padding: 3em 3em;
  background: #fff;
}
.repay-apply-form {
  margin-top: 2em;
}
.repay-apply-form-tb {
  width: 100%;
}
.repay-apply-form-tb tr {
  border-bottom: 1px solid #ddd;
}
.repay-apply-form-tb tr:first-child {
  border-top: 1px solid #ddd;
}
.repay-apply-form-tb th {
  width: 37%;
  padding: 1em 1em 1em 0;
  font-size: 16px;
  font-weight: 400;
  vertical-align: middle;
}
.repay-apply-form-tb td {
  padding: 1.5em 0;
  font-size: 16px;
}
.repay-apply-form input[type="text"],
.repay-apply-form input[type="tel"],
.repay-apply-form input[type="email"] {
  max-width: 100%;
  height: 50px;
  padding: .5em;
  margin-right: 0.6rem;
  border: 2px solid #b8b8b8;
  border-radius: 4px;
  font-size: 16px;
}
.repay-apply-form .repay-apply-form-input-full {
  width: 100%;
}
.repay-apply-form .repay-apply-form-input-half {
  width: 175px;
  margin-left: .2em;
}
.repay-apply-form .repay-apply-form-input-sm {
  width: 150px;
}
.repay-apply-form .repay-apply-form-input-md {
  width: 320px;
}
.repay-apply-form-calendar input[type="text"] {
  cursor: pointer;
}
.repay-apply-form select {
  width: auto;
  max-width: 540px;
  height: 50px;
  padding: .4em 2em .4em .5em;
  border: 2px solid #b8b8b8;
  border-radius: 4px;
  font-size: 16px;
  background-position: right 12px top 50%;
}
.repay-apply-form .repay-apply-form-select-sm {
  width: 170px;
}
.repay-apply-form textarea {
  resize: auto;
  width: 96%;
  max-width: 550px;
  min-width: 250px;
  height: 150px;
  max-height: 500px;
  min-height: 100px;
  margin: 0;
  padding: .5em;
  border: 2px solid #b8b8b8;
  border-radius: 4px;
  font-size: 16px;
}
.repay-apply-form input[type="text"]:focus,
.repay-apply-form input[type="tel"]:focus,
.repay-apply-form input[type="email"]:focus,
.repay-apply-form select:focus,
.repay-apply-form textarea:focus {
  background-color: #fffdf1;
  border-color: #d4cc9c;
  box-shadow: 0 0 0 1px #d4cc9c;
  outline: none;
}
.repay-apply-form ::placeholder {
  color: #bbb;
}
.repay-apply-form-req,
.repay-apply-form-opt {
  display: inline-flex;
  align-items: center;
  height: 1.6em;
  margin-right: .5em;
  padding: .1em .4em;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  vertical-align: .08em;
}
.repay-apply-form-req {
  background: #db3838;
}
.repay-apply-form-opt {
  background: #707070;
}
.repay-apply-form-gry {
  color: #999;
}
.repay-apply-form-checkbox-wrap input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}
.repay-apply-form-checkbox {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-right: .3em;
  border: 2px solid #b8b8b8;
  border-radius: 3px;
  vertical-align: -4px;
}
input[type="checkbox"]:checked + .repay-apply-form-checkbox::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\f00c";
  color: #ff533d;
  font-size: 22px;
  transform: translate(-50%, -60%);
  line-height: 1;
}
input[type="checkbox"]:focus + .repay-apply-form-checkbox {
  background-color: #fffdf1;
  border-color: #d4cc9c;
  box-shadow: 0 0 0 1px #d4cc9c;
}
.repay-apply-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 350px;
  height: 60px;
  margin: 0 auto;
  background: #ff533d;
  border-radius: 60px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  transition: .3s;
}
.repay-apply-btn:hover {
  opacity: .5;
}
.repay-apply-btn:focus {
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 0 6px #ff533d;
}
.repay-apply-btn::after {
  position: absolute;
  top: 50%;
  right: 8%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  transform: translateY(-50%) rotate(45deg);
}
.repay-apply-form-col-01 {
  width: 85%;
}
.repay-apply-form-col-02 {
  width: 15%;
}
.repay-apply-form .tbl-01 th,
.repay-apply-form .tbl-01 td {
	padding: .8em 1em;
}

@media screen and (max-width: 960px) {
  .repay-apply-form .repay-apply-form-input-half {
    width: 195px;
    margin-bottom: .5em;
  }
  .repay-apply-form .repay-apply-form-input-sm {
    width: 26%;
    min-width: 72px;
  }
  .repay-apply-form select:not(.repay-apply-form-select-sm) {
    width: 320px;
    max-width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .repay-apply {
    padding: 40px 0 60px;
  }
  .repay-apply-tab-index.tab-index li a {
    height: 65px;
    margin-top: 9px;
    font-size: 15px;
  }
  .repay-apply-tab-index.tab-index li.select a {
    height: 74px;
    padding-top: 9px;
  }
  .repay-apply-tab-index.tab-index li.select a::after {
    height: 9px;
  }
  .repay-apply-inner {
    padding: 1em 1.3em 1em;
  }
  .repay-apply-form-tb th {
    display: block;
    width: 100%;
    padding: .8em 0 .5em;
    font-size: 14px;
  }
  .repay-apply-form-tb td {
    display: block;
    padding: 0 0 .8em;
    font-size: 14px;
  }
  .repay-apply-btn {
    width: 280px;
  }
  .repay-apply-form input[type="text"],
  .repay-apply-form input[type="tel"],
  .repay-apply-form input[type="email"] {
    height: auto;
  }
  .repay-apply-form select {
    height: 44px;
  }
  .repay-apply-form select:not(.repay-apply-form-select-sm) {
    width: 100%;
    margin-right: 0;
  }
  .repay-apply-form textarea {
    width: 100%;
  }
  .repay-apply-form-col-01 {
    width: 82%;
  }
  .repay-apply-form-col-02 {
    width: 18%;
  }
}

/* カレンダー */
.repay-apply-form-calendar {
  position: relative;
  display: inline-block;
}
.repay-apply-form-calendar::before {
  position: absolute;
  top: 50%;
  right: 25px;
  font-size: 16px;
  content: "\f073";
  color: #999;
  line-height: 1;
  pointer-events: none;
  transform: translateY(-60%)
}

/* グループ分け */
.repay-apply-form-tb-group-01 tr:not(:last-child) {
  border-bottom: none;
}
.repay-apply-form-tb-group-01 tr:not(:last-child) th,
.repay-apply-form-tb-group-01 tr:not(:last-child) td {
  padding-bottom: .5em;
}
.repay-apply-form-tb-group-01 th {
  padding-top: 2.3em;
  vertical-align: top;
}
@media screen and (max-width: 640px) {
  .repay-apply-form-tb-group-01 th {
    padding-top: .8em;
  }
}

/* 住所検索 */
.repay-apply-form-btn {
  height: 50px;
  padding: .5em 1em;
  background:#707070;
  border: 2px solid #707070;
  border-radius:4px;
  color:#fff;
  font-size: 16px;
}
@media screen and (max-width: 640px) {
  .repay-apply-form-btn {
    height: auto;
    padding: .5em;
  }
}