.content_outer{
  background-color: #ffc91f;
}
@media screen and (min-width:640px) {
  .content_outer{
    background-color: #ffc91f;
    background-image: url(../images/list_bg_obj_left.png), url(../images/list_bg_obj_right.png),
                      url(../images/list_bg_left.jpg), url(../images/list_bg_right.jpg);
    background-size: calc((616 * (100vw - var(--content_width)) / 2) / 1024) calc((243 * (100vw - var(--content_width)) / 2) / 1024),
                     calc((616 * (100vw - var(--content_width)) / 2) / 1024) calc((252 * (100vw - var(--content_width)) / 2) / 1024),
                     calc((100% - var(--content_width)) / 2) auto, calc((100% - var(--content_width)) / 2) auto;
    background-position: left top, right top, left center, right center;
  }
}

.content_wrapper{
  background-color: #a4d6c1;
  background-image: url(../images/form_bg.jpg),  url(../images/form_bg.jpg);
  background-size: 100% auto;
  background-position: top 410px center, top 2343px center;
}
.section_wrapper.section1{
  padding: calc((30 * var(--content_width)) / 375) calc((30 * var(--content_width)) / 375) calc((40 * var(--content_width)) / 375);
}
.section_wrapper.section1 .title{
  width: calc((608 * var(--content_width)) / 750);
  line-height: 0;
  margin: 0 auto calc((25 * var(--content_width)) / 375);
}
.section_wrapper.section1 .header_title{
  width: calc((608 * var(--content_width)) / 750);
  font-size: calc((18 * var(--content_width)) / 375);
  font-weight: bold;
  line-height: 1.5em;
  text-align: center;
  margin: 0 auto calc((25 * var(--content_width)) / 375);
}
.section_wrapper.section1 .header_text{
  font-size: calc((14 * var(--content_width)) / 375);
  line-height: 1.2em;
}

.section_wrapper.section2{
  padding: 0 calc((20 * var(--content_width)) / 375) calc((60 * var(--content_width)) / 375);
}
.section_wrapper.section2 .form_inner{
  position: relative;
  padding: calc((40 * var(--content_width)) / 375) calc((40 * var(--content_width)) / 375);
  background-color: #ffffff;
  border: calc((2 * var(--content_width)) / 375) solid #000000;
  border-radius: calc((30 * var(--content_width)) / 375);
}

.section_wrapper.section2 .form_inner{
  font-size: calc((16 * var(--content_width)) / 375);
    line-height: 1.5em;
}
.section_wrapper.section2 .form_inner .form_title,
.section_wrapper.section2 .form_inner .form-control-label,
.section_wrapper.section2 .form_inner .form_address_title{
  font-size: calc((18 * var(--content_width)) / 375);
  line-height: 1.5em;
 }
.section_wrapper.section2 .form_inner .form-address-group .form-control-label{
  font-size: calc((14 * var(--content_width)) / 375);
}
.section_wrapper.section2 .form_inner .form-group{
  display: flex;
  flex-direction: column;
}
.section_wrapper.section2 .form_inner .form-group.form-present-group{
  margin-top: calc((5 * var(--content_width)) / 375);
  padding-top: calc((15 * var(--content_width)) / 375);
  border-top: 1px solid #7d7d7d;
}
.section_wrapper.section2 .form_inner .form-group.form-present-group .form-present-block{
  display: flex;
  flex-direction: column;
}
.section_wrapper.section2 .form_inner .form-group.form-present-group .form-present-block .form-check-label+.form-check-label{
  margin-top: 0.25em;
}
.section_wrapper.section2 .form_inner .form-group{
  margin-bottom: calc((15 * var(--content_width)) / 375);
}
.section_wrapper.section2 .form_inner .form-group .form-check-label{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.section_wrapper.section2 .form_inner .form-group .form-check-label .form-check-input[type="radio"]{
  position: relative;
  width: calc((18 * var(--content_width)) / 375);
  height: calc((18 * var(--content_width)) / 375);
  margin-right: calc((5 * var(--content_width)) / 375);
  border: calc((1 * var(--content_width)) / 375) solid #000;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.section_wrapper.section2 .form_inner .form-group .form-check-label .form-check-input[type="radio"]:checked:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc((10 * var(--content_width)) / 375);
  height: calc((10 * var(--content_width)) / 375);
  border-radius: 50%;
  background: #197dc0;
}

.section_wrapper.section2 .form_inner .form-group input[type="text"]{
  line-height: 1.8em;
  border: calc((2 * var(--content_width)) / 375) solid #c2c2c2;
  border-radius: calc((3 * var(--content_width)) / 375);
  padding: 0.25em 0.5em;
}
.section_wrapper.section2 .form_inner .form-group .form-control-label{
  margin-bottom: 0.25em;
}

.section_wrapper.section3{
  padding: calc((30 * var(--content_width)) / 375) calc((20 * var(--content_width)) / 375) calc((30 * var(--content_width)) / 375);
}
.section_wrapper.section3 .terms_wrapper{
  position: relative;
  padding: calc((60 * var(--content_width)) / 375) calc((15 * var(--content_width)) / 375) calc((40 * var(--content_width)) / 375) calc((20 * var(--content_width)) / 375);
  background-color: #ffffff;
  border: calc((2 * var(--content_width)) / 375) solid #000000;
  border-radius: calc((30 * var(--content_width)) / 375);
}
.section_wrapper.section3 .terms_wrapper+.terms_wrapper{
  margin-top: calc((85 * var(--content_width)) / 375);
}
.section_wrapper.section3 .terms_wrapper .block_title{
  position: absolute;
  left: 0;
  right: 0;
  top: calc((-28 * var(--content_width)) / 375);
  width: calc((402 * var(--content_width)) / 750);
  height: calc((130 * var(--content_width)) / 750);
  margin: 0 auto;
}
.section_wrapper.section3 .terms_wrapper .block_inner{
  height: calc((450 * var(--content_width)) / 750);
  padding-right: calc((25 * var(--content_width)) / 375);
  font-size: calc((14 * var(--content_width)) / 375);
  line-height: 1.5em;
  color: #58250b;
  overflow-y: scroll;
  overflow-wrap: break-word;
}
.section_wrapper.section3 .terms_wrapper .block_inner *{
  overscroll-behavior: auto;
}
.section_wrapper.section3 .terms_wrapper .block_inner::-webkit-scrollbar {
  display: none;
}
.section_wrapper.section3 .terms_wrapper .block_inner .simplebar-scrollbar::before {
  background: #00a99e;
  border-radius: calc((4 * var(--content_width)) / 375);
  top: calc((6 * var(--content_width)) / 375);
  bottom: calc((6 * var(--content_width)) / 375);
  width: calc((8 * var(--content_width)) / 375);
  margin: calc((-2 * var(--content_width)) / 375) auto 0;
}
.section_wrapper.section3 .terms_wrapper .block_inner .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.section_wrapper.section3 .terms_wrapper .block_inner .simplebar-track {
  background: #ffffff;
  width: calc((16 * var(--content_width)) / 375) !important;
  border: calc((2 * var(--content_width)) / 375) solid #000000;
  border-radius: calc((8 * var(--content_width)) / 375);
}

.section_wrapper.section3 .terms_wrapper .block_inner{
  font-weight: normal;
  font-size: calc((10 * var(--content_width)) / 375);
}
.section_wrapper.section3 .terms_wrapper .block_inner .terms_header,
.section_wrapper.section3 .terms_wrapper .block_inner .terms_title{
  font-weight: bold;
}
.section_wrapper.section3 .terms_wrapper .block_inner .terms_date{
  font-size: 0.75em;
  line-height: 1.2em;
}
.section_wrapper.section3 .terms_wrapper .block_inner .term_block{
  margin-top: 1em;
}
.section_wrapper.section3 .terms_wrapper .block_inner .red{
  color: red;
}
.section_wrapper.section3 .terms_wrapper .block_inner .bold{
  font-weight: bold;
}

.section_wrapper.section3 .terms_wrapper .block_inner ul li{
  list-style-type: none;
}
.section_wrapper.section3 .terms_wrapper .block_inner p+p,
.section_wrapper.section3 .terms_wrapper .block_inner ul li+li{
  margin-top: .5em;
}
.section_wrapper.section3 .terms_wrapper .block_inner p::before,
.section_wrapper.section3 .terms_wrapper .block_inner ul li::before{
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #58250b;
  vertical-align: middle;
  margin: 0 0.5em 0 .25em;
  content: "";
}


.section_wrapper.section4 .form-group{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc((234 * var(--content_width)) / 375);
  height: calc((58 * var(--content_width)) / 375);
  margin: 0 auto calc((40 * var(--content_width)) / 375);
  font-size: calc((16 * var(--content_width)) / 375);
  line-height: 1.25em;
  background-image: url(../images/form_agree_bg.png);
  background-size: 100% 100%;
}
.section_wrapper.section4 .form-group .form-check-label{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.section_wrapper.section4 .form-group .form-check-label .form-check-input[type="checkbox"]{
  position: relative;
  width: calc((16 * var(--content_width)) / 375);
  height: calc((16 * var(--content_width)) / 375);
  margin-right: 0.25em;
  border: calc((1 * var(--content_width)) / 375) solid #000;
  border-radius: calc((2 * var(--content_width)) / 375);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.section_wrapper.section4 .form-group .form-check-label .form-check-input[type="checkbox"]:checked:before {
  position: absolute;
  top: calc((1 * var(--content_width)) / 375);
  left: calc((4 * var(--content_width)) / 375);
  transform: rotate(50deg);
  width: calc((4 * var(--content_width)) / 375);
  height: calc((8 * var(--content_width)) / 375);
  border-right: calc((2 * var(--content_width)) / 375) solid #2483c3;
  border-bottom: calc((2 * var(--content_width)) / 375) solid #2483c3;
  content: '';
}

.section_wrapper.section4 .btn_submit{
  display: block;
  width: calc((456 * var(--content_width)) / 750);
  line-height: 0;
  margin: 0 auto calc((25 * var(--content_width)) / 375);
}
.section_wrapper.section4 .btn_back{
  display: block;
  width: calc((432 * var(--content_width)) / 750);
  line-height: 0;
  margin: 0 auto calc((100 * var(--content_width)) / 375);
}
.section_wrapper .form-group.has-danger{
  color: red;
}
.section_wrapper.section2 .form-group.has-danger input[type="text"],
.section_wrapper.section4 .form-group.has-danger .form-check-label .form-check-input[type="checkbox"]{
  border-color: red;
}

.section_wrapper .form-group.has-danger .text-danger{
  font-size: calc((12 * var(--content_width)) / 375);
  line-height: 1.25em;
  margin-top: 0.25em;
}

footer{
  justify-content: center;
}