@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}
/*--------------------------------------------------------------------------
CSS　カサーレ城東セントラルプレイス設定(style.css)ver.1 2025.7.17
アクセスページ　鳥と葉っぱ動き用
--------------------------------------------------------------------------*/
#bird {
  position: absolute;
  top: 0;
  left: 10%;
  width: 100px;
  height: auto;
  z-index: 0;
  pointer-events: none;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

#leaf_a {
  position: absolute;
  top: 5%;
  right: 10%;
  width: 100px;
  height: 100px;
  z-index: 0;
  pointer-events: none;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

#leaf_b {
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 100px;
  height: 100px;
  z-index: 1;
  pointer-events: none;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

#leaf_c {
  position: absolute;
  top: 10%;
  right: 10%;
  width: 100px;
  height: 100px;
  z-index: 1;
  pointer-events: none;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

#leaf_d {
  position: absolute;
  top: -5%;
  right: 10%;
  width: 180px;
  height: 180px;
  z-index: 1;
  pointer-events: none;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

/*===============================
■■　スマホ用　■■
===============================*/
/*------------(XS)------------*/
@media (min-width: 320px) and (max-width: 566px) {
  /*■■■■■■ TOP アニメーション(XS) ■■■■■■■*/
  #bird {
    position: absolute;
    top: 5%;
    left: 10%;
    width: 60px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_a {
    position: absolute;
    top: 6%;
    right: 10%;
    width: 60px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_b {
    position: absolute;
    top: -3%;
    left: 5%;
    width: 70px;
    height: 70px;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_c {
    position: absolute;
    top: 5%;
    right: 10%;
    width: 50px;
    height: 60px;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_d {
    position: absolute;
    top: -1%;
    right: 10%;
    width: 70px;
    height: auto;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
} /*xs*/
/*------------(SM)------------*/
@media (min-width: 567px) and (max-width: 767px) {
  /*■■■■■■ TOP アニメーション(SM) ■■■■■■■*/
  #bird {
    position: absolute;
    top: 3%;
    left: 20%;
    width: 60px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_a {
    position: absolute;
    top: 5%;
    right: 15%;
    width: 60px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_b {
    position: absolute;
    top: -3%;
    right: 10%;
    width: 70px;
    height: 70px;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_c {
    position: absolute;
    top: 10%;
    right: 5%;
    width: 50px;
    height: 60px;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_d {
    position: absolute;
    top: -2%;
    right: 10%;
    width: 100px;
    height: auto;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
} /*SM*/
/*------------(MD)------------*/
@media (min-width: 768px) and (max-width: 1023px) {
  /*■■■■■■ TOP アニメーション(MD) ■■■■■■■*/
  #bird {
    position: absolute;
    top: 10%;
    left: 15%;
    width: 70px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_a {
    position: absolute;
    top: 10%;
    right: 10%;
    width: 70px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_b {
    position: absolute;
    top: -3%;
    right: 10%;
    width: 80px;
    height: 80px;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_c {
    position: absolute;
    top: 5%;
    right: 10%;
    width: 70px;
    height: 60px;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_d {
    position: absolute;
    top: -2%;
    right: 10%;
    width: 110px;
    height: auto;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
} /*MD*/
/*------------(LG)------------*/
@media (min-width: 1024px) and (max-width: 1215px) {
  #bird {
    position: absolute;
    left: 10%;
    width: 100px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_a {
    position: absolute;
    top: 10%;
    right: 10%;
    width: 90px;
    height: 90px;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_b {
    position: absolute;
    top: -3%;
    right: 10%;
    width: 100px;
    height: 100px;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_c {
    position: absolute;
    top: 5%;
    right: 10%;
    width: 100px;
    height: 100px;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_d {
    position: absolute;
    top: -3%;
    right: 10%;
    width: 160px;
    height: 160px;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
} /*LG*/
/*------------(XL)------------*/
/*XL*/