@import url("style.before-owner.css");

/* 代表者の実写を、言葉の横に置く。 */
.message .container{
  max-width:980px;
  display:grid;
  grid-template-columns:minmax(210px,280px) 1fr;
  gap:clamp(30px,6vw,75px);
  align-items:center;
}
.message .container::before{
  content:"";
  display:block;
  width:100%;
  aspect-ratio:4/5;
  background:url("assets/yamada.webp") center/cover no-repeat;
  filter:grayscale(1) contrast(1.08);
}

@media(max-width:760px){
  .message .container{grid-template-columns:1fr;gap:28px}
  .message .container::before{max-width:260px;aspect-ratio:1/1}
}