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

  .copyright {
    padding-bottom: 10px;
  }
}

.entry-bukken {
  width: 900px;
  margin: 0 auto;
  background-color: #072C5B;
  padding: 10px;
  text-align: center;
}

.entry-bukken p {
  color: #FFF;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .entry-bukken {
    width: 100%;
  }

  .entry-bukken p {
    font-size: 1.5rem;
  }
}

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

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

@media screen and (max-width: 767px) {
  .progress-inner {
    width: 100%;
    margin: 10px auto;
    padding: 7px 10px 8px 20px;
  }

  .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;
  }
}

.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;
}

.main-ttl-text {
  font-size: 1.6rem;
  margin-top: 50px;
}

.main-ttl-text::before {
  content: "●";
  padding-right: 5px;
}

@media screen and (max-width: 767px) {
  .main-ttl-text {
    margin-top: 20px;
  }
}

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

  .section .col4-box .flex-box .inquiry-step {
    margin: 0 auto;
    width: calc((100% / 4) - 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 .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.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 .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.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,
.information-box.input-uncompleted .information,
.information-txtbox.input-uncompleted .information-txt {
  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;
  width: 100px;
}

.inquiry-wrapper .information-txt.job {
  width: 440px;
  height: 45px;
}

@media screen and (max-width: 767px) {
  .inquiry-wrapper .information-txt.job {
    width: 88vw;
    margin: 0 auto;
  }
}

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

.inquiry-wrapper .information-txtbox {
  display: flex;
  align-items: end;
}

.inquiry-wrapper .information-txtbox p:first-child {
  margin-right: 5px;
}

.inquiry-wrapper .information-txtbox p:nth-child(n + 2) {
  margin: 0 5px;
}

.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;
}

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

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

@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,
.inquiry-step .information-txtbox {
  position: relative;
}

.inquiry-step .text-area-box {
  display: flex;
  justify-content: space-flex-start;
}

.inquiry-step .select-btn.input-completed:not(.error)::before,
.inquiry-step .information-box.input-completed:not(.error)::before,
.inquiry-step .information-txtbox.input-completed:not(.error)::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:not(.error)::after,
.inquiry-step .information-box.input-completed:not(.error)::after,
.inquiry-step .information-txtbox.input-completed:not(.error)::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;
}

.inquiry-wrapper.inquiry-information .inquiry-step.people-count-box,
.inquiry-wrapper.inquiry-information .inquiry-step.children-count-box {
  position: relative;
  margin-top: 20px;
}

.inquiry-wrapper.inquiry-information .inquiry-step.people-count-box p.error-txt {
  position: absolute;
  top: 0;
  margin: -30px 0 0 20px;
  width: 174px;
  font-size: 1.2rem;
}

.inquiry-wrapper.inquiry-information .inquiry-step.children-count-box  p.error-txt {
  position: absolute;
  top: 0;
  margin: -17px 0 0 70px;
  width: 174px;
  font-size: 1.2rem;
}

.inquiry-wrapper.inquiry-information .inquiry-step.people-count-box p.error-txt::before,
.inquiry-wrapper.inquiry-information .inquiry-step.children-count-box p.error-txt::before {
  content: '';
  height: 10px;
}

@media screen and (max-width: 767px) {
  .inquiry-wrapper.inquiry-information .inquiry-step.people-count-box, .inquiry-wrapper.inquiry-information .inquiry-step.children-count-box {
    margin-top: 10px;
  }

  .inquiry-wrapper.inquiry-information .inquiry-step.people-count-box p.error-txt {
    margin: -23px 0 0 0px;
    width: 149px;
    font-size: 1rem;
  }

  .inquiry-wrapper.inquiry-information .inquiry-step.children-count-box  p.error-txt {
    margin: -20px 0 0 60px;
    width: 149px;
    font-size: 1rem;
  }

  .inquiry-step.children-count-box.information-txtbox.input-completed::before {
    right: 40px;
  }

  .inquiry-step.children-count-box.information-txtbox.input-completed::after {
    right: 44px;
  }
}

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

  .inquiry-wrapper.inquiry-information .inquiry-step.people-count-box {
    width: 120px;
  }

  .inquiry-wrapper.inquiry-information .inquiry-step.children-count-box {
    width: 200px;
  }
  .inquiry-step.people-count-box.information-txtbox.input-completed::before {
    top: calc(50% - 9px);
  }

  .inquiry-step.people-count-box.information-txtbox.input-completed::after {
    top: calc(50% - 5px);
  }

  .inquiry-step.children-count-box.information-txtbox.input-completed::before {
    right: 40px;
    top: calc(50% - 3px);
  }

  .inquiry-step.children-count-box.information-txtbox.input-completed::after {
    right: 44px;
    top: calc(50% + 2px);
  }

  .inquiry-wrapper.inquiry-information .information-box-inner .inquiry-step {
    width: 320px;
  }

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

  .inquiry-wrapper .inquiry-step.col2-box {
    width: 440px;
  }
}

.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 .input-title-wrapper .input-title {
  font-size: 1.5rem;
  color: #333;
}


.inquiry-title {
  background-color: #F0F1F2;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: left;
}

.inquiry-wrapper .sub-tittle .input-title {
  font-size: 1.5rem;
}

@media screen and (min-width: 768px) {
  .inquiry-wrapper .sub-tittle .input-title {
    margin-left: 10px;
  }

  .information-box-inner .sub-tittle {
    margin: 0 0 8px 10px;
  }
}

.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 .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.4rem;
  }

  .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: 5px;
}

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

.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;
}

@media screen and (max-width: 767px) {
  .button-box.col2 {
    display: block;
  }

  .button-box.col2 label {
    width: 100%;
    height: 40px;
  }

  .button-box.col3 label {
    height: 40px;
  }
}

.button-box.radio-box label:last-child {
  margin-left: 10px;
}

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

  .button-box.col2 label:nth-child(odd) {
    margin-left: 0;
  }

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

  .button-box.col3 label {
    width: calc((100% - 30px) / 3);
    margin: 10px 0 0 10px;
  }

  .button-box.col3 label:nth-of-type(3) {
    margin-top: 0;
  }

  .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;
}

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

.button-box label div {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  input[type="checkbox"]:checked+label {
    background: #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.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.radio-box .inputbutton:checked+label div p,
  .button-box:not(.check-box-inner) .inputbutton:checked+label div p {
    color: #333;
  }

  .button-box .check-box {
    background: #f5d7bd;
    border: solid 1px #d96b08;
  }

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

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

.button-box label div p {
  font-size: 1.4rem;
  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.4rem;
  }
}

.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 {
  margin-top: 10px;
}

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

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

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

@media screen and (min-width: 768px) {
  .post-code-address-inner {
    display: flex;
    justify-content: flex-start;
  }

  .post-code-address-inner .information-box {
    width: 300px;
  }
}

.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, 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;
}