/* -----------------------
  omakase
----------------------- */
.omakase {
  background: url(../img/omakase_bg_top.png) no-repeat center top / 100% auto, url(../img/omakase_bg.png) no-repeat center bottom min(53.44vw, 513px) / 100% auto;
  margin-top: max(-34.9vw, -335px);
}

.omakase .ttl-box {
  margin-bottom: min(55.1vw, 529px);
}
.omakase .ttl-box .txt-01 {
  grid-area: 1 / 1 / 3;
}
.omakase .ttl-box .txt-02 {
  grid-area: 2 / 1 / 3;
}

.omakase .important {
  width: min(35.1vw, 337px);
  margin: 0 0 0 auto;
}
.omakase .important .grid-01,
.omakase .important .grid-02 {
  grid-area: 1 / 1;
}
.omakase .important .grid-01 {
  transition-delay: 0s;
}

.omakase .balloon-box {
  position: relative;
}
.omakase .balloon-box::before,
.omakase .balloon-box::after {
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
}
.omakase .balloon-box::before {
  background: url(../img/omakase_03_icon_01.png) no-repeat center / contain;
  bottom: 0;
  left: 0;
  animation: kakukaku 1.8s steps(2, end) infinite;
  transform-origin: 14% 55%;

}
.omakase .balloon-box::after {
  background: url(../img/omakase_03_icon_02.png) no-repeat center / contain;
  bottom: 0;
  right: 0;
  animation: kakukaku 1.8s steps(2, end) infinite;
  transform-origin: 80% 80%;
}

.omakase .doctor-box p:first-child {
  grid-area: 1 / 1 / 2 / 3;
  z-index: 2;
}
.omakase .doctor-box .icon-01 {
  grid-area: 1 / 1 / 2 / 2;
  transition-delay: 0s;
}
.omakase .doctor-box .icon-02 {
  grid-area: 1 / 2 / 2 / 3;
}

.omakase .gutto .grid-01,
.omakase .gutto .grid-02 {
  grid-area: 1 / 1;
}

.omakase .gutto .grid-02 {
  transform: scale(0, 0);
  transition-delay: 0s;
}
.omakase .gutto .grid-02.trigger.move {
  animation: scale_gutto 0.6s ease-in forwards;
}

.omakase .end-txt .grid-01 {
  grid-area: 1 / 1 / 3;
}
.omakase .end-txt .grid-02 {
  grid-area: 2 / 1 / 3;
}

@keyframes kakukaku {
  0% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(-15deg);
  }
}
@keyframes scale_gutto {
  0% {
    transform: scale(0, 0);
  }
  75% {
    transform: scale(1.3, 1.3);
  }
  100% {
    transform: scale(1, 1);
  }
}