@charset "utf-8";

.content_inner{
  width: 100%;
  min-height: 100%;
  padding: calc(var(--content_width) * 40 / 750) 0 calc(var(--content_width) * 60 / 750);
  background-image: url(../images/bg.jpg);
  background-size: 100% auto;
  background-position: top center;
}
.content_inner .kv_block{
  width: calc(var(--content_width) * 702 / 750);
  margin: 0 auto calc(var(--content_width) * 60 / 750);
  padding: calc(var(--content_width) * 40 / 750) 0;
  text-align: center;
  background-color: rgba( 255, 255, 255, 0.7 );
  border-radius: calc(var(--content_width) * 24 / 750);
}
.content_inner .kv_block .kv_title{
  width: calc(var(--content_width) * 628 / 750);
  line-height: 0;
  margin: 0 auto calc(var(--content_width) * 60 / 750);
}
.content_inner .kv_block .kv_image{
  width: calc(var(--content_width) * 659 / 750);
  line-height: 0;
  margin: 0 auto calc(var(--content_width) * 80 / 750);
}
.content_inner .kv_block .kv_text{
  font-size: calc(var(--content_width) * 30 / 750);
}
.btn_scan{
  display: block;
  width: calc(var(--content_width) * 560 / 750);
  height: calc(var(--content_width) * 112 / 750);
  line-height: calc(var(--content_width) * 112 / 750);
  font-size: calc(var(--content_width) * 40 / 750);
  font-weight: bold;
  color: #fff;
  background-color: #E85099;
  text-align: center;
  margin: 0 auto calc(var(--content_width) * 145 / 750);
  border-radius: calc(var(--content_width) * 20 / 750);
  filter: drop-shadow(0 calc(var(--content_width) * 10 / 750) 0 #A3607E);
}
.howto_block{
  position: relative;
  width: calc(var(--content_width) * 702 / 750);
  margin: 0 auto calc(var(--content_width) * 60 / 750);
}
.howto_block::after{
  position: absolute;
  content: "";
  top: calc(var(--content_width) * -60 / 750);
  left: calc(var(--content_width) * 40 / 750);
  width: calc(var(--content_width) * 348 / 750);
  height: calc(var(--content_width) * 84 / 750);
  background-image: url(../images/label_howto.png);
  background-size: 100% 100%;
}
.howto_block .howto_step_block{
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: rgba( 255, 255, 255, 0.7 );
  border-radius: calc(var(--content_width) * 24 / 750);
  padding: calc(var(--content_width) * 35 / 750) calc(var(--content_width) * 30 / 750);
}
.howto_block .howto_step_block + .howto_step_block{
  margin-top: calc(var(--content_width) * 16 / 750);
}
.howto_block .howto_step_block .howto_step_info_block{
  display: flex;
  flex-flow: column;
}
.howto_block .howto_step_block .howto_step_image{
  width: calc(var(--content_width) * 210 / 750);
}
.howto_block .howto_step_block .howto_step_label{
  width: calc(var(--content_width) * 122 / 750);
  margin: calc(var(--content_width) * 20 / 750) 0 calc(var(--content_width) * 24 / 750);
}
.howto_block .howto_step_block .howto_step_text{
  line-height: 1.5em;
  font-size: calc(var(--content_width) * 24 / 750);
}

.caution_block{
  position: relative;
  width: calc(var(--content_width) * 702 / 750);
  margin: 0 auto;
  background-color: rgba( 255, 255, 255, 0.7 );
  border-radius: calc(var(--content_width) * 24 / 750);
  padding: calc(var(--content_width) * 50 / 750) calc(var(--content_width) * 60 / 750) calc(var(--content_width) * 35 / 750);
}
.caution_block::after{
  position: absolute;
  content: "";
  top: calc(var(--content_width) * -60 / 750);
  left: calc(var(--content_width) * 40 / 750);
  width: calc(var(--content_width) * 366 / 750);
  height: calc(var(--content_width) * 84 / 750);
  background-image: url(../images/label_caution.png);
  background-size: 100% 100%;
}
.caution_block .caution_title{
  line-height: 1em;
  font-size: calc(var(--content_width) * 28 / 750);
}
.caution_block .caution_label{
  line-height: 1.5em;
  font-size: calc(var(--content_width) * 24 / 750);
  margin-top: calc(var(--content_width) * 10 / 750);
}
.caution_block .caution_notice{
  position: relative;
  line-height: 1.5em;
  font-size: calc(var(--content_width) * 20 / 750);
  padding-left: 1em;
}
.caution_block .caution_notice::before{
  content: "※";
  margin-left: -1em;
}

footer{
  width: 100%;
  height: calc((100 * var(--content_width)) / 750);
  line-height: calc((100 * var(--content_width)) / 750);
  font-size: calc((16 * var(--content_width)) / 750);
  background-color: #fff;
  text-align: center;
}