.cui_box{
  height: calc(817/1280*100vw);
  width: 100%;
  background-image: url(../img/001.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.cui_img1_box::before,.cui_img2_box::before{
  display: block;
  content: '';
  z-index: -1;
  background-color: rgba(0,0,0,.2);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: calc(-20/1280*100vw);
  right: calc(-20/1280*100vw);

}
.cui_img1_box{
  z-index: 2;
  width: calc(372/1280*100vw);
  height: calc(558/1280*100vw);
  position: absolute;
  top: calc(-35/1280*100vw);
  left: calc(160/1280*100vw);
}

.cui_img1_box img,.cui_img2_box img{
  /*object-fit: cover;*/
  width: 100%;
  height: 100%;
}

.cui_img2_box{
  z-index: 2;
  width: calc(457/1280*100vw);
  height: calc(343/1280*100vw);
  position: absolute;
  bottom: calc(137/1280*100vw);
  right: calc(160/1280*100vw);
}

.cui_img_p,.cui_img2_box p{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(217, 224, 33, .44);
  z-index: 2;
  position: absolute;
  font-family: source-han-selif-japanese, serif;
  line-height: 1.8;
  width: calc(500/1280*100vw);
  padding: calc(33/1280*100vw) calc(70/1280*100vw);
  font-size: 1.3vw;
}

.cui_img_p{
  top: 15%;
  left: 95%;
}

.cui_img2_box p{
  top: 70%;
  right: 87%;
}

.cui_img_p img{
  position: absolute;
  top: 105%;
  left:82%;
  width: calc(300 / 1280 * 100vw);
  transform: translate(-50%,-50%);
  object-fit: contain;
  height: auto;
}

.sp_box{
  padding-bottom: calc(77/1280*100vw);
  padding-top: calc(36/1280*100vw);
}


.mbm{
  margin-bottom: calc(126/1280*100vw);
}


@media (max-width:770px) {
  .mbm{
    margin-bottom: calc(66/360*100vw);
  }
  .cui_box {
    height: calc(500/360*100vw);
  }
  .cui_img1_box {
    width: calc(140/360*100vw);
    height: calc(200/360*100vw);
    top: calc(-120/1280*100vw);
    left: calc(20/360*100vw);
  }
  .cui_img_p {
    top: 54%;
    left: 55%;
  }
  .cui_img_p img {
    top: 100%;
    left: 66%;
    width: calc(130 / 360 * 100vw);
  }
  .cui_img2_box {
    width: calc(200/360*100vw);
    height: calc(443/1280*100vw);
    bottom: calc(407/1280*100vw);
    right: calc(60/1280*100vw);
  }
  .cui_img2_box p {
    top: 90%;
    right: 37%;
  }
  .cui_img_p, .cui_img2_box p {
    width: calc(260/360*100vw);
    font-size: 2.5vw;
  }
  .cui_box {
    height: calc(470/360*100vw);
  }
  .sp_box {
    padding-bottom: calc(37/360*100vw);
    padding-top: calc(26/360*100vw);
  }
  .cui_img1_box::before, .cui_img2_box::before {
    bottom: calc(-10/360*100vw);
    right: calc(-10/360*100vw);
  }


}