@charset "UTF-8";

/* =====================
  MV
===================== */
.mv {
  background-image: url('/assets/img/company/bg_2x.png');
}

.mv::after {
  background-image: url('/assets/img/company/mv_2x.png');
}

/* =====================
  代表挨拶
===================== */
.article[data-id='1'] {
  padding-top: 14.8vw;
  padding-bottom: 21.3vw;
}

.article[data-id='1'] .message-wrap .h2-title {
  width: fit-content;
  flex-shrink: 0;
}

.article[data-id='1'] .message-wrap .message {
  margin-top: 7.5vw;
}

.article[data-id='1'] .message-wrap .message picture {
  display: block;
  text-align: right;
  margin-top: 5.5vw;
}

.article[data-id='1'] .message-wrap .message picture img {
  width: 52.266666666666666vw;
  height: 5.866666666666666vw;
}

/* =====================
  会社概要
===================== */
.article[data-id='2'] {
  padding-top: 11.6vw;
  padding-bottom: 21.6vw;
}

.article[data-id='2'] .profile {
  margin-top: 9.5vw;
}

/* =====================
  bottom
===================== */
main .bottom {
  padding-block: calc((100 / 750) * 114 * 1vw);
}
main .bottom ul {
  display: flex;
  gap: calc((100 / 750) * 32 * 1vw);
  flex-direction: column;
  justify-content: center;
}
main .bottom ul img {
  max-width: 100%;
  height: auto;
}