@charset "UTF-8";

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

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

/* =====================
  代表挨拶
===================== */
.article[data-id='1'] {
  padding-top: 95px;
  padding-bottom: 120px;
}

.article[data-id='1'] .message-wrap {
  display: flex;
  gap: 96px;
}

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

.article[data-id='1'] .message-wrap .message {
  padding-right: 70px;
  margin-top: 18px;
}

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

/* =====================
  会社概要
===================== */
.article[data-id='2'] {
  padding-top: 72px;
  padding-bottom: 96px;
}

.article[data-id='2'] .profile {
  padding-inline: 52px;
  margin-top: 66px;
}

/* =====================
  bottom
===================== */
main .bottom {
  padding-block: 96px;
}
main .bottom ul {
  display: flex;
  gap: 24px;
  justify-content: center;
}