.outer {
  text-align: center;
  width: 100%;
}

.top_title {
  padding: 10px 0px;
}

.top_photo > img {
  width: 100%;
  object-fit: contain;
}

.top_text {
  margin: 20px;
}

.main_title {
  margin: 60px 20px 10px;
}

.main_text {
  margin: 0 20px 60px;
}

.reference {
  margin: 20px 20px 60px;
  padding: 20px 20px 30px;
  border: 1px solid #A69871;
}

.reference_title {
  margin-bottom: 30px;
}

.reference_price {
  margin-bottom: 15px;
}

.flow_menu {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}

.flow_menu_title {
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
.flow_menu_title > p {
  margin: 0;
}
.flow_menu_title > img {
  width: 11px;
  object-fit: contain;
}

.flow {
  padding: 30px 20px 20px;
}

.flow_title {
  text-align: center;
  margin-bottom: 30px;
}

.flow_items {
  margin-top: 30px;
}

.flow_item {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

.flow_items > .flow_item:not(:last-child)::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: -20px;
  border-top: 20px solid #FFFFFF;
  border-left: 175px solid transparent;
  border-right: 175px solid transparent;
  margin: auto;
}
.flow_items > .flow_item:not(:first-child)::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  border-top: 20px solid #F9F8F6;
  border-left: 175px solid transparent;
  border-right: 175px solid transparent;
  margin: auto;
}

.flow_item_title {
  padding: 20px;
  text-align: center;
}
.flow_item_title.thereafter {
  padding-top: 40px;
}

.flow_item_text {
  padding: 0 20px 20px;
  text-align: left;
}
.flow_item_text.slim {
  margin: 0 20px;
}
.flow_item_text > p {
  margin: 0;
}

.flow_button {
  margin: 0 20px;
  padding-bottom: 20px;
}

.flow_link {
  text-align: center;
  padding-bottom: 20px;
}

.application {
  margin: 20px 20px 0;
}

.application_title {
  margin-bottom: 30px;
}

.application_input {
  text-align: left;
}

.input_area_title {
  margin-top: 30px;
}

.login {
  margin: 30px 0;
}
.login_note {
  margin-bottom: 5px;
}
.login > input, .login_link, .password {
  margin-top: 30px;
}
.login_link > p {
  margin: 0;
}
.login_button {
  margin: 20px 0;
}

.input_main_title {
  display: flex;
  align-items: center;
  margin: 60px 0 20px;
}
.input_title {
  display: flex;
  align-items: center;
}
.input_main_title > img,
.input_title > img {
  height: 16px;
  object-fit: contain;
  margin-left: 10px;
}

.input_sub_title {
  margin-top: 10px;
  text-align: left;
}

.input_area {
  margin: 20px 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.input_area > p {
  margin: 0 5px;
}
.input_area > label {
  margin-right: 5px;
}
.input_area > input {
  max-width: 134px;
}

.check_area,
.radio_area {
  margin: 20px 0 40px;
}

.check_button,
.radio_button {
  display: flex;
  align-items: center;
}
.check_button:not(:first-child),
.radio_button:not(:first-child) {
  margin-top: 10px;
}
.check_button > label {
  margin-left: 10px;
}

.radio_input {
  margin-top: 20px;
  text-align: left;
}
.radio_input > p {
  margin: 0;
  margin-bottom: 10px;
}

.remarks {
  margin: 20px 0 30px;
}

.input_link {
  text-align: left;
  margin: 20px 0 30px;
}
.input_link > p {
  margin: 0;
}

.input_draw {
  margin-bottom: 10px;
  display: flex;
}

.input_image {
  display: flex;
  width: 120px;
  height: 120px;
}
.input_image:first-child {
  margin-right: 10px;
}
.input_image.no_image {
  align-items: center;
  justify-content: center;
  border: 2px dashed #B0B0B0;
}
.input_image.no_image > img {
  width: 30px;
  object-fit: contain;
}
.input_image.add_image {
  position: relative;
  border: 2px solid #B0B0B0;
}
.input_image.add_image > img.base_image {
  width: 120px;
  height: 120px;
  object-fit: contain;
}
.input_image.add_image > img.close_icon {
  position: absolute;
  width: 30px;
  height: 30px;
  object-fit: contain;
  top: 5px;
  right: 5px;
  background-color: #FFFFFF;
  border-radius: 50%;
}

.name, .kana {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
}
.kana {
  margin-bottom: 40px;
}
.name > label,
.kana > label {
  min-width: 29px;
  text-align: left;
}
.name > input,
.kana > input {
  max-width: 99px;
}

.post_code, .prefectures {
  display: flex;
  align-items: center;
  margin: 20px 0 40px;
}
#code1 {
  max-width: 100px;
}
#code2 {
  max-width: 130px;
}
.post_code > p {
  margin: 0 10px;
}

.prefectures > select {
  width: 100%;
}

#address1, #address2,
#tel, #mail2 {
  margin: 20px 0 40px;
}
#mail1 {
  margin: 20px 0;
}

.note {
  margin: 20px 0 30px;
  text-align: left;
}
.note > p {
  margin: 0;
}

.submit_button {
  margin: 0 20px;
}

.inquiry {
  margin: 80px 20px 20px;
}