@charset "UTF-8";

/* ==========================================================================
    greetings style
============================================================================= */

/* --------------------
.p-greetings
-------------------- */
.p-greetings {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

@media screen and (min-width: 768px) {
  .p-greetings .detail {
    flex-basis: calc(100% - 17.013vw - 40px);
  }
  
  .p-greetings .figure {
    flex-basis: 17.013vw;
  }
}

@media screen and (max-width: 767.98px) {
  .p-greetings {
    flex-direction: column-reverse;
  }

  .p-greetings .figure {
    text-align: center;
  }

  .p-greetings .figure img {
    max-width: 240px;
  }
}