/* ==========================================
   よもぎ葉装飾
   PC：文章の後ろに大きく
========================================== */

.yomo-drop {
  position: relative !important;
  isolation: isolate;
}

.yomo-drop::after {
  content: "" !important;

  position: absolute !important;
  top: 70px !important;
  right: -150px !important;

  width: 460px !important;
  height: 430px !important;

  background-image: url(/upload/tenant_2/透明背景の水彩ハーブ二枝.png) !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: contain !important;

  -webkit-transform: none !important;
  transform: none !important;

  opacity: 0.22 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 写真・見出し・文章を葉っぱより前へ */
.yomo-drop > * {
  position: relative !important;
  z-index: 1 !important;
}


/* ==========================================
   スマホ：セクション右下・文章の後ろ
========================================== */

@media screen and (max-width: 599px) {

  .yomo-drop {
    overflow: hidden !important;
  }

  .yomo-drop::after {
    top: auto !important;
    right: -15px !important;
    bottom: -10px !important;

    width: 180px !important;
    height: 210px !important;

    background-position: right bottom !important;

    opacity: 0.25 !important;
  }
}