.section_banner_02 {
  padding: var(--section_banner_02_padding_top) 2rem var(--section_banner_02_padding_bottom);
  background: var(--section_banner_02_padding_bg_color)
}

.bnr_pc,
.bnr_m {
  opacity: 0;
  transform: translateY(10%);
  animation: opa 1s both;
}

@keyframes opa {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.section_banner_02 img {
  width: 100%;
  border-radius: var(--section_banner_02_img_border_radius);
}


.bnr_m {
  display: none
}


@media all and (max-width: 768px) {
  .bnr_pc {
    display: none;
  }

  .bnr_m {
    display: inherit;
  }
}


@media all and (max-width: 480px) {
  .section_banner_02 {
    padding: var(--section_banner_02_padding_top) 1.5rem var(--section_banner_02_padding_bottom);
  }
}