.content_wrapper{
  position: relative;
  height: 100%;
  width: var(--content_width);
  margin: 0 auto;
  background-color: #F0F3F5;
}
.content_wrapper .content_main{
  display: none;
}
.content_wrapper.take .content_main.content_take {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: calc((540 * var(--content_width)) / 375);
}
.content_wrapper.take .content_main.content_take .content_title{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: calc((23 * var(--content_width)) / 375);
  left: 0;
  right: 0;
  width: calc((350 * var(--content_width)) / 375);
  height: calc((66 * var(--content_width)) / 375);
  padding-bottom: calc((5 * var(--content_width)) / 375);
  margin: 0 auto;
  background-image: url(../images/img_form_title.png);
  background-size: 100% 100%;
}
.content_wrapper.take .content_main.content_take .content_title .content_step_title{
  display: none;
  font-size: calc((14 * var(--content_width)) / 375);
  font-weight: bold;
  line-height: 1.33em;
  color: #0368B7;
  text-align: center;
}
.content_wrapper.take .content_main.content_take .photo_block{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc((300 * var(--content_width)) / 375);
  height: calc((225 * var(--content_width)) / 375);
  border: calc((12 * var(--content_width)) / 375) solid #FFFFFF;
  margin: auto;
  line-height: 0;
  box-sizing: content-box;
  filter: drop-shadow(0 calc((3 * var(--content_width)) / 375) calc((6 * var(--content_width)) / 375) rgba(0, 0, 0, 0.16));
}

.content_wrapper.take .content_main.content_take .photo_block .photo_take,
.content_wrapper.take.confirm .content_main.content_take .photo_block .photo_confirm{
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  line-height: 0;
  overflow: hidden;

  box-sizing: content-box;
}
.content_wrapper.take.confirm .content_main.content_take .photo_block .photo_take{
  display: none;
}
.content_wrapper.take .content_main.content_take .photo_block .photo_confirm{
  display: none;
}
.content_wrapper.take.confirm .content_main.content_take .photo_block .photo_confirm{
  display: block;
  background-color: #fff;
}
.content_wrapper.take .content_main.content_take .photo_block .photo_take video,
.content_wrapper.take .content_main.content_take .photo_block .photo_take canvas,
.content_wrapper.take .content_main.content_take .photo_block .photo_confirm .user_photo_confirm{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content_wrapper.take .content_main.content_take .photo_block .photo_take video{
  margin: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
.content_wrapper.take .content_main.content_take .photo_block .photo_take canvas{
  position: absolute;
  top: 0;
  left: 0;
}


.content_wrapper.take .content_main.content_take .content_btn_wrapper{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: calc((8 * var(--content_width)) / 375);
  gap: calc((22 * var(--content_width)) / 375);
}
.content_wrapper.take .content_main.content_take .content_btn_wrapper .btn_take{
  width: calc((84 * var(--content_width)) / 375);
}
.content_wrapper.take .content_main.content_take .content_btn_wrapper .btn_photo_take{
  position: relative;
  width: calc((145 * var(--content_width)) / 375);
  height: calc((60 * var(--content_width)) / 375);
  font-size: calc((20 * var(--content_width)) / 375);
  padding-right: calc((30 * var(--content_width)) / 375);
  font-weight: bold;
  line-height: 1.5em;
  border-radius: calc((10 * var(--content_width)) / 375);
  color: #FFFFFF;
  background-color: #6F6F6F;
}
.content_wrapper.take .content_main.content_take .content_btn_wrapper .btn_photo_take::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc((15 * var(--content_width)) / 375);
  width: calc((21 * var(--content_width)) / 375);
  height: calc((21 * var(--content_width)) / 375);
  background-size: 100% 100%;
  margin: auto 0;
}
.content_wrapper.take .content_main.content_take .content_btn_wrapper .btn_photo_take.btn_commit{
  background-color: #0168B7;
}
.content_wrapper.take .content_main.content_take .content_btn_wrapper .btn_photo_take.btn_retry::after{
  background-image: url(../images/icon_retry.png);
}
.content_wrapper.take .content_main.content_take .content_btn_wrapper .btn_photo_take.btn_commit::after{
  background-image: url(../images/icon_submit.png);
}
.content_wrapper.take .content_main.content_take .content_btn_wrapper .btn_take,
.content_wrapper.take .content_main.content_take .content_btn_wrapper .btn_photo_take{
  display: none;
  line-height: 0;
  pointer-events: none;
}

.content_wrapper.take:not(.mask):not(.confirm) .content_main.content_take .content_title .content_step_title.step1,
.content_wrapper.take.mask .content_main.content_take .content_title .content_step_title.step2,
.content_wrapper.take.confirm .content_main.content_take .content_title .content_step_title.step3,
.content_wrapper.take:not(.confirm) .content_main.content_take .content_btn_wrapper .btn_take,
.content_wrapper.take.confirm .content_main.content_take .content_btn_wrapper .btn_photo_take{
  display: block;
  pointer-events: auto;
}

.content_wrapper.send .content_main.content_send{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: calc((400 * var(--content_width)) / 375);
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.content_wrapper.send .content_main.content_send .send_bg_movie,
.content_wrapper .content_main.content_send .photo_send_block{
  position: absolute;
  top: calc(50% - ((1920 * var(--content_width)) / 1080) / 2);
  left: 0;
  width: 100%;
  height: calc((1920 * var(--content_width)) / 1080);
}
.content_wrapper .content_main.content_send .photo_send_block{
  display: none; 
}
.content_wrapper.sending_anim .content_main.content_send .photo_send_block{
  display: block;
}
.content_wrapper .content_main.content_send .photo_send_block .photo_send_obj{
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  line-height: 0;
}

.content_wrapper.send .content_main.content_send .send_bg_movie video{
  width: 100%;
}
.content_wrapper.send .content_main.content_send .send_bg_filter{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba( 255, 255, 255, 0.3 );
}
.content_wrapper.send.sending_anim .content_main.content_send .send_bg_filter{
  display: none;
}
.content_wrapper.send .content_main.content_send .send_guide{
  position: absolute;
  top: calc(50% - ((184 * var(--content_width)) / 375));
  left: 0;
  right: 0;
  width: calc((34 * var(--content_width)) / 375);
  height: calc((59 * var(--content_width)) / 375);
  margin: 0 auto;
  background-image: url(../images/img_submit1.png);
  background-size: 100% 100%;
}
.content_wrapper.send .content_main.content_send .send_guide .send_guide_hand{
  position: absolute;
  top: calc((40 * var(--content_width)) / 375);
  right: calc((-35 * var(--content_width)) / 375);
  width: calc((45 * var(--content_width)) / 375);
  height: calc((68 * var(--content_width)) / 375);
  animation: scroll_hit_anim 1.5s ease-in-out 0s infinite normal;
}
@keyframes scroll_hit_anim {
  0% {
    top: calc((40 * var(--content_width)) / 375);
    opacity: 0;
  }
  10%, 30% {
    top: calc((40 * var(--content_width)) / 375);
    opacity: 1;
  }
  70%{
    opacity: 1;
  }
  90%, 100% {
    top: calc((-60 * var(--content_width)) / 375);
    opacity: 0;
  }
}
.content_wrapper.send .content_main.content_send .send_text{
  position: absolute;
  display: block;
  top: calc(50% - ((52 * var(--content_width)) / 375));
  display: inline-block;
  padding: calc((5 * var(--content_width)) / 375) calc((8 * var(--content_width)) / 375);
  background-color: rgba( 255, 255, 255, 0.8 );
  border-radius: calc((10 * var(--content_width)) / 375);
  font-size: calc((18 * var(--content_width)) / 375);
  line-height: 1em;
  font-weight: bold;
  color: #0368B7;
}
.content_wrapper.send.sending .content_main.content_send .send_guide,
.content_wrapper.send.sending .content_main.content_send .send_text{
  display: none;
}
.content_wrapper.send .content_main.content_send .photo_obj{
  position: absolute;
  top: calc(50% + ((20 * var(--content_width)) / 375));
  width: calc((256 * var(--content_width)) / 375);
  height: calc((256 * var(--content_width)) / 375);
}
.content_wrapper.content_future.send .content_main.content_send .photo_obj{
  background-color: #ffffff;
}
.content_wrapper.content_future.send .content_main.content_send .photo_obj{
  margin: calc((-6 * var(--content_width)) / 375);
  border-top: calc((6 * var(--content_width)) / 375) solid #c58d64;
  border-bottom: calc((6 * var(--content_width)) / 375) solid #c58d64;
  border-left: calc((6 * var(--content_width)) / 375) solid #edc192;
  border-right: calc((6 * var(--content_width)) / 375) solid #edc192;
  box-sizing: content-box;
}
.content_wrapper.send.sending_anim .content_main.content_send .photo_obj{
  display: none;
}

.content_wrapper.complete .content_main.content_complete{
  display: block;
  padding: calc((25 * var(--content_width)) / 375) 0;
}
.content_wrapper .content_main.content_complete .content_inner{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content_wrapper .content_main.content_complete .content_inner+.content_inner{
  margin-top: calc((50 * var(--content_width)) / 375);
}
.content_wrapper .content_main.content_complete .complete_title{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((350 * var(--content_width)) / 375);
  height: calc((66 * var(--content_width)) / 375);
  line-height: 1.2em;
  padding: calc((13 * var(--content_width)) / 375) calc((65 * var(--content_width)) / 375) calc((18 * var(--content_width)) / 375);
  margin: 0 auto calc((13 * var(--content_width)) / 375);
  font-size: calc((25 * var(--content_width)) / 375);
  font-weight: bold;
  color: #0368B7;
  background-image: url(../images/img_form_title.png);
  background-size: 100% 100%;
}
.content_wrapper .content_main.content_complete .complete_image{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((300 * var(--content_width)) / 375);
  height: calc((225 * var(--content_width)) / 375);
  border: calc((12 * var(--content_width)) / 375) solid #FFFFFF;
  margin-bottom: calc((20 * var(--content_width)) / 375);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: drop-shadow(0 calc((3 * var(--content_width)) / 375) calc((6 * var(--content_width)) / 375) rgba(0, 0, 0, 0.16));
  pointer-events: none;
  background-color: #fff;
}

.content_wrapper .content_main.content_complete .complete_image .complete_user_image{
  width: 100%;
  height: 100%;
}
.content_wrapper.content_future .content_main.content_complete .complete_image .complete_user_image{
  margin: calc((-3 * var(--content_width)) / 375);
  border-top: calc((3 * var(--content_width)) / 375) solid #c58d64;
  border-bottom: calc((3 * var(--content_width)) / 375) solid #c58d64;
  border-left: calc((3 * var(--content_width)) / 375) solid #edc192;
  border-right: calc((3 * var(--content_width)) / 375) solid #edc192;
  box-sizing: content-box;
  background-color: #fff;
}
.content_wrapper .content_main.content_complete .complete_text_block{
  width: calc((312 * var(--content_width)) / 375);
  text-align: center;
  font-size: calc((18 * var(--content_width)) / 375);
  line-height: 1.66em;
  margin-bottom: calc((40 * var(--content_width)) / 375);
  text-decoration: underline;
}
.content_wrapper .content_main.content_complete .complete_text_block .bold{
  font-weight: bold;
}
.content_wrapper .content_main.content_complete .complete_text_block .notice{
  font-weight: bold;
  color: #FF0000;
}
.content_wrapper .content_main.content_complete .btn_complete{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc((60 * var(--content_width)) / 375);
  padding-right: calc((30 * var(--content_width)) / 375);
  border-radius: calc((10 * var(--content_width)) / 375);
  font-size: calc((20 * var(--content_width)) / 375);
  line-height: 1.5em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #0168B7;
}
.content_wrapper .content_main.content_complete .btn_complete::after{
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-size: 100% 100%;
}
.content_wrapper .content_main.content_complete .btn_complete::after{
  width: calc((21 * var(--content_width)) / 375);
  height: calc((21 * var(--content_width)) / 375);
  right: calc((20 * var(--content_width)) / 375);
  background-image: url(../images/icon_submit.png);
}

.modal{
  position: fixed;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  background-color: #000;
  font-size: calc((13 * var(--content_width)) / 375);
  font-weight: bold;
  line-height: 2em;
}
.modal .error_modal_inner{
  display: none;
}
.content_wrapper.error .modal .error_modal_inner{
  display: block;
}

#topview{
  display: none;
}