@charset "UTF-8";

body {
  background-image: url(../images/body-bg.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: bottom;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",
    "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

}

@media screen and (min-width: 750px) {
  .body-inner {
    max-width: 750px;
    box-shadow: 0 1px 20px rgb(0 0 0 / 30%);
    background: #fff;
    margin-left: auto;
    margin-right: auto;
  }
}

img {
  width: 100%;
  margin-top: -1px;
  /*--隙間調整--*/
}

/* GIF・PNG */
/* ============================================ */

.drugstore {
  position: relative;
}

.item-1-1 {
  position: absolute;
  width: 82.3%;
  top: 69%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.item-1-2{
  position: absolute;
  width: 37.7%;
  top: 85.4%;
  left: 81.6%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.seizou {
  position: relative;
}

.item-2-1 {
  position: absolute;
  width: 45.3%;
  top: 29.7%;
  left: 73.3%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.item-2-2 {
  position: absolute;
  width: 45.3%;
  top: 63.1%;
  left: 26.7%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.item-2-3 {
  position: absolute;
  width: 101.3%;
  top: 14.1%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.syuuhuku {
  position: relative;
}

.item-3-1 {
  position: absolute;
  width: 91.5%;
  top: 61.7%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.tukareme {
  position: relative;
}

.item-4-1 {
  position: absolute;
  width: 100%;
  top: 25.32%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.mienikui{
  position: relative;
}

.item-5-1 {
   position: absolute;
   width: 79.7%;
   top: 68.97%;
   left: 50%;
   border-radius: 50%;
   -webkit-transform: translate(-50%, -50%);
   z-index: 2;
}