/* 進捗バー */
.progress-inner {
  padding: 10px 0 11px;
  border-bottom: solid 1px #F0F1F2;
  margin-bottom: 30px;
}

.progress-inner ul {
  width: 475px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .progress-inner {
    width: calc(100% + 20px);
    margin: 0 -20px;
    padding: 7px 10px 8px 20px;
    border-bottom: solid 1px #F0F1F2;
  }

  .progress-inner ul {
    width: calc(100% - 20px);
    padding-right: 2px;
  }
}

.progress-inner ul {
  display: flex;
}

.progress-inner ul li {
  height: 26px;
  background-color: #F0F1F2;
  width: calc(100% - 12px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media screen and (min-width: 768px) {
  .progress-inner ul li {
    height: 32px;
  }
}

.progress-inner ul li.active {
  background-color: #072C5B;
}

.progress-inner ul li.active p {
  color: #FFF;
}

.progress-inner ul li:not(:last-of-type) {
  margin-right: 20px;
}

.progress-inner ul li p {
  font-size: 1.3rem;
  white-space: nowrap;
  letter-spacing: 0.04em;
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .progress-inner ul li p {
    font-size: 1.4rem;
    letter-spacing: 0.07em;
  }
}

/* input, confirm */
.step-flow {
  display: flex;
  justify-content: center;
}

.step-flow-bar {
  display: flex;
  border: #072C5B solid 1px;
  border-radius: 100px;
  margin: 0 10px;
}

@media screen and (min-width: 768px) {
  .step-flow {
    margin: 20px auto 0;
  }

  .step-flow p {
    color: #FFF;
  }

  .step-flow-bar {
    min-width: 950px;
  }

  .step-flow-bar li.active {
    width: calc(950px / 14);
  }

  .step-flow-bar li.active.end {
    border-radius: 0 100px 100px 0;
  }
}

.step-flow-bar li.active {
  background-color: #072C5B;
}

.step-flow-bar li.active.start {
  border-radius: 100px 0 0 100px;
}

.step-flow-bar li:last-child::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  border: #072C5B 2px solid;
  background: url(/form/img/status_icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FFF;
  margin: -3px 0 0 -21px
}

@media screen and (max-width: 767px) {
  .step-flow {
    position: fixed;
    bottom: 0;
    right: 0;
    opacity: 1;
    width: auto;
    margin: 0;
    z-index: 110;
    background-color: #FAFAFA;
    width: 100%;
    padding: 0 20px 10px;
  }

  .step-flow p {
    font-size: 1.1rem;
  }

  .step-flow-bar {
    min-width: 62vw;
    height: 20px;
    margin: 0 11px;
  }

  .step-flow-bar li {
    height: 19px;
  }

  .step-flow-bar li.active {
    width: calc(68vw / 16);
  }

  .step-flow-bar li.active.start {
    border-radius: 19px 0 0 19px;
  }

  .step-flow-bar li.active.end {
    border-radius: 0 19px 19px 0;
  }

  .step-flow-bar li:last-child {
    position: relative;
  }

  .step-flow-bar li:last-child::before {
    margin: -5px 0 0 -20px
  }
}

@media screen and (max-width: 767px) {
  .fix-btn-wrapper .step-flow-inner {
    position: fixed;
    bottom: 30px;
    right: 0;
    opacity: 1;
    width: auto;
    margin: 0;
    z-index: 110;
    background-color: #FAFAFA;
    width: 100%;
    padding: 0 20px 15px;
    box-shadow: -2px -3px 9px 0px rgb(0 0 0 / 10%);
  }
}

/* input, update*/
.inquiry-step {
  position: relative;
}

.error-txt {
  color: #FFF;
  font-size: 1.3rem;
  line-height: 1.2;
  background-color: #BB0000;
  padding: 4px 7px;
  margin-bottom: 8px;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .section .flex-box {
    display: flex;
  }

  .section .inquiry-wrapper .inquiry-inner .pref-box {
    width: 270px;
    margin: 0 auto;
  }

  .section .inquiry-wrapper .inquiry-inner .pref-box {
    width: calc(100% / 3);
    margin: 0 auto;
  }

  .section .inquiry-wrapper .inquiry-inner .city-box {
    width: calc(100% / 2);
    margin: 0 auto 0px 10px;
  }
}

.section .inquiry-wrapper:not(:first-of-type) {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .section .inquiry-wrapper:not(:first-of-type) {
    margin-top: 30px;
  }
}

.inquiry-wrapper.input-title-section {
  padding: 5px 10px 10px;
}

.inquiry-wrapper.input-title-section.input-text-section {
  padding: 0;
  background-color: transparent;
}

@media screen and (min-width: 768px) {
  .inquiry-wrapper.input-title-section.input-text-section {
    width: 475px;
  }
}

.inquiry-wrapper .col2-box,
.inquiry-wrapper .col2-text-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.inquiry-wrapper .select-btn {
  height: 50px;
  padding: 2px 38px 2px 10px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  white-space: nowrap;
  background: #FFF;
  border: solid 1px #afafaf;
  border-radius: 6px;
  cursor: pointer;
  text-transform: none;
  user-select: none;
  appearance: none;
}

.inquiry-wrapper .select-btn.input-uncompleted {
  background: #f5d7bd;
  border: solid 1px #d96b08;
}

.inquiry-wrapper .select-btn select {
  font-size: 1.6rem;
  line-height: 1.8;
  color: #707070;
  padding: 0 28px 0 10px;
  margin: 0 -28px 0 -10px;
  height: 45px;
  width: calc(100% + 38px);
}

.inquiry-wrapper .select-btn.input-completed select {
  color: #333;
  background: #FFF;
}

.inquiry-wrapper .select-btn.error select {
  color: #707070;
  font-weight: 400;
}

.inquiry-wrapper .select-btn.selected {
  color: #333;
}

.inquiry-wrapper .select-btn input {
  display: none;
}

.inquiry-wrapper .select-btn p {
  width: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  font-size: 1.6rem;
  white-space: nowrap;
  overflow-x: hidden;
  font-weight: 400;
}

.inquiry-wrapper .select-btn p {
  width: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  font-weight: 800;
  font-size: 1.7rem;
  white-space: nowrap;
  overflow-x: hidden;
}

.inquiry-wrapper .select-btn.error p {
  color: #707070;
  font-weight: 400;
}

.inquiry-wrapper .select-btn.error.optional-inquiry p {
  color: #333;
}

.inquiry-wrapper .col2-box .select-btn-inner:nth-of-type(2n) {
  margin-left: 10px;
}

.inquiry-wrapper .col2-box .select-btn-inner {
  box-sizing: border-box;
  width: calc((100% - 10px)/2);
  position: relative;
}

.inquiry-wrapper .col2-box .select-btn-inner:nth-of-type(n + 3) {
  margin-top: 2px;
}

@media screen and (min-width: 768px) {
  .inquiry-wrapper .col4-box .select-btn-inner {
    width: calc((100% - 30px)/4);
  }

  .inquiry-wrapper .col4-box .select-btn-inner:nth-of-type(n + 3) {
    margin: 0 0 0 10px;
  }
}

.select-btn-wrapper.date-of-birth {
  display: flex;
  justify-content: space-between;
}

.select-btn-wrapper.date-of-birth .select-btn-inner {
  display: flex;
  align-items: flex-end;
}

.select-btn-wrapper.date-of-birth .select-btn-inner.year {
  width: 38%;
}

.select-btn-wrapper.date-of-birth .select-btn-inner.month,
.select-btn-wrapper.date-of-birth .select-btn-inner.day {
  width: 28%;
}

@media screen and (max-width: 767px) {
  .select-btn-wrapper.date-of-birth {
    flex-wrap: wrap;
  }

  .select-btn-wrapper.date-of-birth .select-btn-inner.year {
    width: 90vw;
    margin-bottom: 10px;
  }

  .select-btn-wrapper.date-of-birth .select-btn-inner.month,
  .select-btn-wrapper.date-of-birth .select-btn-inner.day {
    width: 50%;
  }
}

.select-btn-wrapper.date-of-birth .select-btn-inner .select-btn {
  width: calc(100% - 22px);
}

.select-btn-wrapper.date-of-birth .select-btn-inner>p {
  font-size: 1.4rem;
  width: 16px;
  padding-left: 6px;
}

.inquiry-wrapper .select-btn.error {
  background-color: #ffebeb;
  border: solid 1px #afafaf;
  font-weight: 400;
  padding: 2px 28px 2px 10px;
}

.inquiry-wrapper .select-btn.error.optional-inquiry {
  border: solid 1px #afafaf;
  background-color: #FFF;
}

.inquiry-wrapper .select-btn.disabled-btn {
  background: #a9a9a9;
  border: solid 2px #878787;
  font-weight: 400;
}

.inquiry-wrapper .information {
  height: 50px;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .inquiry-wrapper .information {
    min-width: 300px;
  }
}

.inquiry-wrapper .information,
.inquiry-wrapper .information-txt {
  box-sizing: border-box;
  padding: 0 34px 0 10px;
  background-color: #FFF;
  border: solid 1px #afafaf;
  border-radius: 6px;
  cursor: auto;
  text-transform: none;
  user-select: none;
  appearance: none;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
}

.inquiry-step .select-btn.input-uncompleted,
.inquiry-wrapper .information-box.input-uncompleted .information {
  background: #f5d7bd;
  border: solid 1px #d96b08;
}

.inquiry-wrapper .information.optional-inquiry {
  padding: 0 10px;
}

.inquiry-wrapper .information-txt {
  padding: 5px 10px;
  resize: none;
  font-family: 'Noto Sans JP', sans-serif;
  color: #333;
  font-weight: 400;
  font-size: 1.6rem;
  outline: none;
  vertical-align: bottom;
  background-color: #FFF;
  border: solid 1px #afafaf;
  margin-top: 8px;
}

.inquiry-wrapper .information-txt.error {
  background: #E9D0D0;
  border: solid 2px #BB0000;
}

.inquiry-wrapper .information-txt.optional-inquiry {
  background-color: #FFF;
  border: solid 1px #afafaf;
}

.inquiry-wrapper .information-txt.blank-txt {
  background-color: #E9D0D0;
  border: solid 1px #BB0000;
}

.inquiry-wrapper .information-txt.error {
  background: #E9D0D0;
  border: solid 1px #BB0000;
}

.inquiry-wrapper .information.error {
  background-color: #ffebeb;
  border: solid 1px #BB0000;
  font-weight: 400;
  padding: 0 10px;
}

.inquiry-wrapper .information.error::placeholder {
  color: #707070;
  font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
}

.inquiry-wrapper .col2-text-box .inquiry-step {
  width: calc((100% - 10px)/2);
  align-items: center;
  box-sizing: border-box;
}

.form .inquiry-wrapper .only-box>.information-box {
  width: 100%;
  padding: 0;
  background: transparent;
  border: none;
}

.information-box-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .information-box-wrapper {
    width: 650px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .information-box-wrapper {
    width: 90vw;
    margin: 0 auto;
  }
}

.information-box-wrapper .information-box-inner {
  width: calc((100% - 10px) / 2);
}

.information-box-wrapper .information-box-inner:nth-of-type(n + 3) {
  margin-top: 8px;
}

.information-box-wrapper.site-area .information-box-inner {
  display: flex;
  align-items: flex-end;
  width: calc((100% - 22px) / 2);
}

.information-box-wrapper.site-area .information-box-inner>p {
  padding-left: 6px;
  font-size: 1.4rem;
}

.inquiry-step .select-btn,
.inquiry-step .information-box {
  position: relative;
}

.inquiry-step .select-btn.input-completed::before,
.inquiry-step .information-box.input-completed::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #FF7E00;
  background-size: 18px 18px;
  border-radius: 50vh;
  right: 10px;
  top: calc(50% - 9px);
}

.inquiry-step .select-btn.input-completed::after,
.inquiry-step .information-box.input-completed::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 4px;
  border-left: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  transform: rotate(-45deg);
  right: 14px;
  top: calc(50% - 5px);
}

.inquiry-step .select-btn:not(.input-completed)::before {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: transparent;
  border-radius: 0;
  width: 3px;
  height: 3px;
  border: 1.5px solid;
  right: 10px;
  top: calc(50% + 2px);
  border-color: transparent transparent #707070 #707070;
  transform: rotate(-45deg);
}

.inquiry-step .select-btn:not(.input-completed)::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 3px;
  height: 3px;
  border: 1.5px solid;
  right: 10px;
  top: calc(50% - 7px);
  border-color: #707070 #707070 transparent transparent;
  transform: rotate(-45deg);
}

.inquiry-step .select-btn.disabled-btn p {
  color: #707070;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .section {
    padding: 0 20px 0;
  }

  .inquiry-step .select-btn.disabled-btn p {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}

.section .inquiry-wrapper:first-of-type {
  margin-top: 6px;
}

.section .inquiry-wrapper .inquiry-inner {
  width: 100%;
  margin-bottom: 15px;
}

.section .inquiry-wrapper div:not(.flex-box) .inquiry-inner:not(:first-of-type) {
  margin-top: 12px;
}

@media screen and (min-width: 768px) {
  .section .inquiry-wrapper div.flex-box .inquiry-inner:nth-child(+2) {
    margin-left: 15px;
  }
}

.inquiry-wrapper .inquiry-step {
  margin-top: 8px;
}

.inquiry-wrapper.inquiry-information .inquiry-step {
  margin-top: 8px;
}

.inquiry-wrapper .col2-box .select-btn-inner:nth-of-type(-n + 2) {
  margin-top: 0;
}

.inquiry-wrapper.inquiry-information .col2-box .inquiry-step:nth-of-type(n + 3) {
  margin-top: 8px;
}

@media screen and (min-width: 768px) {
  .inquiry-wrapper.inquiry-information .inquiry-step {
    margin-top: 8px;
  }

  .inquiry-wrapper .inquiry-step.col2-box {
    width: 700px;
    margin: 8px auto 0;
  }
}

.inquiry-wrapper .inquiry-step:first-of-type {
  margin-top: 0;
}

.inquiry-wrapper .col2-box .inquiry-step .select-btn {
  margin-top: 8px;
}

.inquiry-wrapper .inquiry-step.input-title-wrapper:not(:first-of-type) {
  margin-top: 7px;
}

.inquiry-wrapper .col2-text-box {
  margin-top: 7px;
}

.inquiry-wrapper .col2-text-box .inquiry-step:nth-of-type(2n) {
  margin-left: 10px;
  margin-top: 0;
}

.inquiry-wrapper .input-title-wrapper .input-title {
  font-size: 1.5rem;
  color: #333;
}

.inquiry-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.inquiry-title.sub-tittle {
  justify-content: left;
  margin-bottom: 8px;
}

.inquiry-title {
  margin-bottom: 15px;
}

.inquiry-title p {
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 800;
}

.inquiry-title p.input-title {
  font-size: 1.6rem;
  color: #333;
}

.inquiry-title p span {
  font-size: 1.2rem;
}

.inquiry-title .sub-txt {
  display: flex;
  align-items: center;
  padding: 2px 0 0 5px;
}

.inquiry-title .sub-txt p {
  font-size: 1.2rem;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .inquiry-title p {
    font-size: 1.6rem;
  }

  .inquiry-title p.input-title {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .inquiry-title p {
    font-size: 1.8rem;
  }
}

.inquiry-title p.confirmation {
  border-radius: 7px;
  padding: 2px 5px;
  color: #FFF;
  background-color: #C0C0C0;
  font-size: 1.4rem;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .inquiry-title p.confirmation {
    font-size: 1.2rem;
  }
}

.inquiry-title p.confirmation.required {
  color: #FFF;
  background-color: #BB0000;
  border: none;
  padding: 2px 5px;
}

.inquiry-title .sub-txt p:not(:first-of-type) {
  margin-left: 7px;
}

.button-box .inquiry-title-inner {
  display: flex;
  width: 100%;
  margin-top: 6px;
}

.button-box .inquiry-title-inner .inquiry-title {
  width: calc((100% - 10px)/2);
}

.button-box .inquiry-title-inner .inquiry-title:nth-of-type(2n) {
  margin-left: 10px;
}

.inputbutton {
  display: none;
}

.button-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.button-box label {
  box-sizing: border-box;
  display: flex;
  width: calc((100% - 10px)/2);
  align-items: center;
  height: 50px;
  justify-content: center;
  border-radius: 10px;
  cursor: pointer;
}

.button-box label:not(.input-uncompleted):not(.input-completed):not(.error) {
  border: solid 1px #afafaf;
}

@media screen and (min-width: 768px) {
  .button-box.col4 label {
    width: calc((100% - 30px)/3);
    margin: 0 0 0 10px;
  }

  .button-box.col4 label:nth-of-type(1),
  .button-box.col4 label:nth-of-type(4),
  .button-box.col4 label:nth-of-type(7),
  .button-box.col4 label:nth-of-type(10) {
    margin-left: 0;
  }

  .button-box.col4 label:nth-of-type(n + 4) {
    margin-top: 10px;
  }

  .landInqTypes-check-box-inner.button-box label {
    height: 55px;
  }

  .landInqTypes-check-box-inner.button-box label p {
    font-size: 1.5rem;
  }
}

.button-box label.col1 {
  width: 100%;
  height: 55px;
}

.button-box label.col3 {
  width: calc((100% - 20px)/3);
}

.button-box label.img-btn {
  height: 65px;
}

.button-box label.img-btn .relocation-btn-inner {
  display: block;
  height: auto;
}

.button-box label.img-btn p {
  text-align: center;
}

.button-box label.img-btn div img {
  width: 22px;
  margin: 0 auto 3px;
  display: block;
}

.button-box label.img-btn div img.town,
.button-box label.img-btn div img.train {
  width: 25px;
  margin: 0 auto 1px;
}

.section01 .button-box.check-box-inner label {
  height: 45px;
}

.button-box label div:not(.relocation-btn-inner) {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .button-box label div:not(.relocation-btn-inner) {
    background-color: #C2C2C2;
  }

  .check-box .inputbutton:checked+label,
  .button-box:not(.check-box-inner) .inputbutton:checked+label div {
    background-color: #0185E1;
  }
}

@media screen and (max-width: 767px) {
  input[type="checkbox"]:checked+label {
    background: #FFF;
  }
}

.button-box label div.check-box {
  background-color: #FFF;
}

.inputbutton:checked+label {
  background-color: #e3e3e3;
}

.button-box:not(.check-box-inner) .inputbutton:checked+label div p {
  color: #333;
}

@media screen and (min-width: 768px) {
  .button-box label.error {
    border: solid 1px #BB0000;
  }

  .button-box label.error.optional-inquiry {
    border: solid 1px #afafaf;
    background-color: #e3e3e3;
  }

  .button-box.radio-box .inputbutton:checked+label div {
    background-color: #FFF;
    position: relative;
    border: #707070 1px solid;
  }

  .radio-box .inputbutton:checked+label div::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #FF7E00;
    background-size: 18px 18px;
    border-radius: 50vh;
    right: 10px;
    top: calc(50% - 9px);
  }

  .radio-box .inputbutton:checked+label div::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 4px;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transform: rotate(-45deg);
    right: 14px;
    top: calc(50% - 5px);
  }

  .check-box .inputbutton:checked+label p,
  .button-box:not(.check-box-inner) .inputbutton:checked+label div p {
    color: #333;
  }

  .button-box.radio-box .inputbutton:checked+label div p {
    color: #333;
  }

  .button-box label.input-uncompleted div {
    background: #f5d7bd;
    border: solid 1px #d96b08;
  }

  .inputbutton[type="checkbox"]:checked+label div.check-box {
    background-color: #FFF;
  }

  .button-box label.error div {
    background-color: #ffebeb;
  }

  .button-box label.input-completed div {
    background-color: #FFF;
    border: solid 1px #afafaf;
  }

  .button-box label.error.optional-inquiry div {
    background-color: #FFF;
  }

  .button-box.radio-box label div {
    justify-content: center;
  }
}

.button-box label div p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 3px;
  letter-spacing: 0.02em;
}

@media screen and (min-width: 768px) {
  .button-box label div p {
    font-size: 1.6rem;
  }
}

.button-box label div.check-box {
  position: relative;
}

.button-box:not(.radio-box) label div.check-box::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: solid 1px #BBBBBB;
  background-color: #FFF;
  background-size: 20px 20px;
  left: 10px;
  top: calc(50% - 12px);
}

@media screen and (max-width: 767px) {
  .button-box:not(.radio-box) label div.check-box::before {
    left: 0;
  }

  .button-box label div.check-box::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: solid 1px #BBBBBB;
    background-color: #FFF;
    background-size: 20px 20px;
    left: 0;
    top: calc(50% - 12px);
  }

  .button-box label div.check-box::before {
    border-radius: 50px;
  }
}

@media screen and (min-width: 768px) {
  .inputbutton[type="checkbox"]:checked+label div.check-box::before {
    border: solid 1px #FF7E00;
    background-color: #FF7E00;
  }

  .inputbutton[type="checkbox"]:checked+label div.check-box::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 8px;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transform: rotate(-45deg);
    left: 14px;
    top: calc(50% - 8px);
  }

  .button-box:not(.radio-box) label div.check-box p {
    padding: 0 5px 3px 40px;
  }

  .button-box:not(.radio-box) label.col1 div.check-box p {
    padding-bottom: 3px;
  }
}

@media screen and (max-width: 767px) {
  .button-box label div.check-box p {
    padding: 0 5px 3px 30px;
  }

  .button-box label.col1 div.check-box p {
    padding-bottom: 3px;
  }

  .inputbutton[type="checkbox"]:checked+label div.check-box::before,
  .inputbutton[type="radio"]:checked+label div.check-box::before {
    border: solid 1px #BBBBBB;
  }

  .inputbutton[type="checkbox"]:checked+label div.check-box::after,
  .inputbutton[type="radio"]:checked+label div.check-box::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 10px;
    left: 4px;
    top: calc(50% - 8px);
    ;
    background-color: #e66d0a;
  }

  .button-box label:not(.col1) div.check-box p {
    font-size: 1.4rem;
    line-height: 1.1;
    padding-bottom: 3px;
  }
}

.button-box label,
.button-box label.col1:nth-of-type(2n) {
  margin-top: 10px;
}

.button-box label:nth-of-type(1),
.button-box label:nth-of-type(2) {
  margin-top: 0;
}

.button-box label:nth-of-type(2n) {
  margin-left: 10px;
}

.button-box label.col1 {
  margin-left: 0;
}

.button-box label.m0 {
  margin: 0;
}

.button-box label.ml10 {
  margin-left: 10px;
}

.inputbutton label.desired-time06 {
  display: block;
}

.post-code-address-inner {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}

.post-code-address-inner .information-box {
  width: calc(100% - 110px);
  margin-right: 10px;
}

.post-code-address-inner .post-code-search {
  display: flex;
}

.post-code-address-inner .post-code-search p {
  padding: 3px 6px;
  background-color: #072C5B;
  color: #FFF;
  border-radius: 3px;
  margin: 0 0 2px 10px;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: 100px;
  display: flex;
  box-sizing: border-box;
}

.post-code-address-inner .post-inner .information {
  padding: 0 10px;
}

.address-list-inner {
  position: relative;
}

.address-list-inner .address-list {
  position: absolute;
  min-width: 380px;
  max-height: 173px;
  overflow-y: scroll;
  box-shadow: 0 0 6px rgb(0 0 0 / .6);
  border: 1px solid #E9E9E9;
  background-color: #ffffff;
  z-index: 10;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .address-list-inner .address-list {
    min-width: calc(100% + 96px);
    max-height: 153px;
  }
}

.address-list-inner .address-list.is-active {
  display: block;
}

.address-list-inner .address-list li {
  transition: .2s linear;
}

@media screen and (min-width: 768px) {
  .address-list-inner .address-list li:hover {
    background-color: #F1F1F1;
  }
}

.address-list-inner .address-list li p {
  color: #1D87B7;
  display: block;
  text-decoration: underline;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 11px 10px;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .address-list-inner .address-list li p {
    font-size: 1.3rem;
    padding: 9px 10px;
  }
}

.domain-list-inner {
  position: relative;
}

.domain-list-inner .domain-list {
  position: absolute;
  display: none;
  max-width: 330px;
  box-shadow: 0 0 6px rgb(0 0 0 / .8);
  background-color: #ffffff;
  z-index: 10;
}

.domain-list-inner .domain-list.is-active {
  display: flex;
  flex-wrap: wrap;
}

.domain-list-inner .domain-list li {
  transition: .2s linear;
  width: calc((100% - 1px) / 2);
  border-top: solid 1px #949494;
}

.domain-list-inner .domain-list li:nth-of-type(2n) {
  width: calc((100% - 1px) / 2 + 1px);
  border-left: solid 1px #949494;
}

.domain-list-inner .domain-list li:nth-of-type(-n+2) {
  border-top: none;
}

@media screen and (min-width: 768px) {
  .domain-list-inner .domain-list li:hover {
    background-color: #F1F1F1;
  }
}

.domain-list-inner .domain-list li p {
  color: #707070;
  display: block;
  font-size: 1.4rem;
  padding: 8px 9px;
  line-height: 1.5;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .domain-list-inner .domain-list li p {
    font-size: 1.3rem;
    padding: 9px 10px;
  }
}


/* input, update, confirm */
.form-btn-inner {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .form-btn-inner {
    margin: 30px auto 0;
    justify-content: center;
  }
}

.form-btn-inner .form-btn {
  background: rgb(230, 109, 10);
  box-shadow: 3px 3px 4px #9F9F9F;
  transition: .4s;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  margin-bottom: 4px;
  cursor: pointer;
  border-radius: 50px;
}

.form-btn-inner .form-btn * {
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .form-btn-inner .form-btn {
    max-width: 320px;
    min-height: 55px;
  }
}

.form-btn-inner .form-btn.next {
  width: 100%;
}

.form-btn-inner .form-btn.prev,
.form-btn-inner .form-btn.update {
  width: calc((100% - 10px)*0.125);
  margin-right: 10px;
  background-color: #E2E2E2;
  box-shadow: 3px 3px 4px #9F9F9F;
}

.form-btn-inner .form-btn.update {
  width: calc((100% - 10px)*0.28);
}

@media screen and (max-width: 767px) {
  .form-btn-inner .form-btn.prev {
    width: calc((100% - 10px)*0.7);
  }

  .form-btn-inner .form-btn.update {
    width: calc((100% - 10px)*0.8);
  }
}

.form-btn-inner .form-btn.submit-btn {
  width: calc((100% - 10px)*0.75);
  position: relative;
}

.form-btn-inner .form-btn.disabled-btn {
  background-color: #C0C0C0;
  box-shadow: 3px 3px 4px #9F9F9F;
}

.form-btn-inner .form-btn button {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .form-btn-inner .form-btn:not(.disabled-btn):hover {
    box-shadow: none;
    transform: translate3d(0, 4px, 0);
  }
}

.form-btn-inner .form-btn p {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 500;
  color: #FFF;
  position: relative;
}

.form-btn-inner .form-btn p::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: calc(50% - 5px);
  right: 20px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 8;
}

.form-btn-inner .form-btn.prev p,
.form-btn-inner .form-btn.update p {
  color: #333;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .form-btn-inner .form-btn.update p {
    font-size: 1.4rem;
    padding-left: 10px;
  }
}

.form-btn-inner .form-btn.prev p::before,
.form-btn-inner .form-btn.update p::before {
  right: 0;
  left: 20px;
  transform: rotate(-135deg);
  border-top: 2px solid #333;
  border-right: 2px solid #333;
}

@media screen and (max-width: 767px) {
  .form-btn-inner .form-btn p::before {
    top: calc(50% - 2px);
    width: 5px;
    height: 5px;
    right: 5px;
  }

  .form-btn-inner .form-btn.prev p::before,
  .form-btn-inner .form-btn.update p::before {
    left: 5px;
  }
}

.form-btn-inner .form-btn.submit-btn p {
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .form-btn-inner .form-btn.submit-btn p {
    margin-top: -5px;
  }
}

.form-btn-inner .form-btn.submit-btn p span {
  font-size: 1.2rem;
}