@charset "UTF-8";
/* Farm/buy デザイントークン
-----------------------------------------------------------------*/
/* イージング
-----------------------------------------------------------------*/
/* デュレーション
-----------------------------------------------------------------*/
/* ============================================================
   会長メッセージ（company/chairperson）専用CSS
   ark_company/company-chairperson.html のインライン\3c style>から
   実使用分（.p-chairperson* / .p-chairperson-book*）のみ移植。
   ・色/フォント/.breadcrumb は company_common.css
============================================================ */
* {
  box-sizing: border-box;
}

h1,
h2,
p,
figure {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  color: inherit;
}

@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .page {
    background: var(--paper);
  }
}

.p-chairperson {
  padding-inline: var(--edge);
}

.p-chairperson__crumb {
  max-width: clamp(1185.6px, 86.6666666667vw, 1872px);
  margin: 0 auto;
  padding-top: 3.8888888889vw;
  text-align: right;
}

.p-chairperson__panel {
  width: 100%;
  max-width: clamp(1185.6px, 86.6666666667vw, 1872px);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 6.6666666667vw;
  background: #ffffff;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson__panel {
    margin-top: min(10.6666666667vw, 52px);
    border-radius: 10px;
  }
}

.p-chairperson__titlerow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.2222222222vw;
  max-width: clamp(760px, 55.5555555556vw, 1200px);
  margin: 0 auto;
  padding: 8.3333333333vw 0.5555555556vw 0;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson__titlerow {
    flex-direction: column;
    align-items: flex-start;
    gap: min(5.3333333333vw, 26px);
    padding: min(17.0666666667vw, 83.2px) min(5.3333333333vw, 26px) 0;
  }
}

.p-chairperson__title {
  padding: 0;
  margin: auto;
  text-align: center;
  font-family: var(--mincho);
  font-weight: 500;
  font-size: var(--fz-h2);
  letter-spacing: 0.22em;
  color: var(--text-body);
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson__title {
    padding: 0;
    letter-spacing: 0.14em;
    line-height: 1.4;
  }
}

.p-chairperson__inner {
  max-width: clamp(760px, 55.5555555556vw, 1200px);
  margin: 0 auto;
  padding: 5vw 0.5555555556vw 3.3333333333vw;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson__inner {
    padding: min(17.0666666667vw, 83.2px) min(5.3333333333vw, 26px) min(10.6666666667vw, 52px);
  }
}

.p-chairperson__lead {
  margin-bottom: 5vw;
  font-family: var(--mincho);
  font-weight: 500;
  font-size: var(--fz-h3);
  line-height: var(--lh-lead);
  letter-spacing: var(--ls-mincho);
  color: var(--text-body);
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson__lead {
    margin-bottom: min(12.8vw, 62.4px);
    line-height: 2;
    letter-spacing: 0.04em;
  }
}

.p-chairperson__brSp {
  display: none;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson__brSp {
    display: inline;
  }
}

.p-chairperson__body {
  display: flow-root;
  font-family: var(--mincho);
  font-weight: 400;
  font-size: var(--fz-body);
  line-height: 1.75;
  letter-spacing: 0.02em;
  color: var(--text-body);
  text-align: justify;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson__body {
    line-height: 1.85;
  }
}

.p-chairperson__body p {
  margin-bottom: 1.9em;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson__body p {
    margin-bottom: 1.6em;
  }
}

.p-chairperson__body p:last-child {
  margin-bottom: 0;
}

.p-chairperson__figs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.6666666667vw;
  margin: 5vw 0;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson__figs {
    grid-template-columns: 1fr;
    gap: min(4.2666666667vw, 20.8px);
    margin: min(6.4vw, 31.2px) 0;
  }
}

.p-chairperson__fig {
  margin: 0;
  border-radius: 6px;
  aspect-ratio: 1.3333333333;
  overflow: hidden;
}
.p-chairperson__fig > img,
.p-chairperson__fig > svg,
.p-chairperson__fig > iframe,
.p-chairperson__fig > video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-chairperson__signrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 3.8888888889vw;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson__signrow {
    margin-top: min(10.6666666667vw, 52px);
  }
}

.p-chairperson__sign {
  margin-top: 0;
  text-align: right;
  font-family: var(--mincho);
  color: var(--text-body);
}

.p-chairperson__sign-role {
  margin-right: 0.9722222222vw;
  font-family: var(--gothic);
  font-size: var(--fz-xs);
  letter-spacing: 0.06em;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson__sign-role {
    display: block;
    margin-right: 0;
    margin-bottom: min(1.0666666667vw, 5.2px);
  }
}

.p-chairperson__sign-name {
  font-size: var(--fz-lead);
  letter-spacing: 0.14em;
}

.p-chairperson__photo {
  float: left;
  width: clamp(258.4px, 18.8888888889vw, 408px);
  margin: 0 2.2222222222vw 0.8333333333vw 0;
  border-radius: 6px;
  aspect-ratio: 0.697212255;
  overflow: hidden;
}
.p-chairperson__photo > img,
.p-chairperson__photo > svg,
.p-chairperson__photo > iframe,
.p-chairperson__photo > video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson__photo {
    float: none;
    width: 70%;
    margin: 0 auto min(8.5333333333vw, 41.6px);
  }
}

.p-chairperson__note {
  margin-top: 3.8888888889vw;
  padding-top: 2.2222222222vw;
  border-top: 1px solid var(--line);
  font-family: var(--mincho);
  font-size: var(--fz-xs);
  line-height: 1.9;
  letter-spacing: 0.02em;
  color: var(--muted);
  text-align: justify;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson__note {
    margin-top: min(10.6666666667vw, 52px);
    padding-top: min(6.4vw, 31.2px);
  }
}

.p-chairperson__note p {
  margin-bottom: 0.9em;
}

.p-chairperson__note p:last-child {
  margin-bottom: 0;
}

.p-chairperson__note-title {
  font-weight: 500;
  color: var(--text-body);
}

.p-chairperson-book {
  display: grid;
  grid-template-columns: 14.5833333333vw auto;
  -moz-column-gap: 3.8888888889vw;
  column-gap: 3.8888888889vw;
  justify-content: center;
  align-items: center;
  max-width: clamp(984.2px, 71.9444444444vw, 1554px);
  margin: 6.6666666667vw auto 11.1111111111vw;
  padding: 3.8888888889vw 4.1666666667vw 4.4444444444vw;
  background: #ffffff;
  border-radius: 14px;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson-book {
    grid-template-columns: minmax(0, 1fr);
    -moz-column-gap: 0;
    column-gap: 0;
    margin: min(25.6vw, 124.8px) 0 min(23.4666666667vw, 114.4px);
    padding: min(12.8vw, 62.4px) min(6.4vw, 31.2px);
    border-radius: 10px;
  }
}

.p-chairperson-book__cover {
  grid-column: 1;
  grid-row: 1;
  width: clamp(199.5px, 14.5833333333vw, 315px);
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.12);
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson-book__cover {
    grid-column: 1;
    grid-row: 1;
    display: block;
    width: min(41.6vw, 202.8px);
    margin: 0 auto;
  }
}

.p-chairperson-book__content {
  grid-column: 2;
  grid-row: 1;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson-book__content {
    grid-column: 1;
    grid-row: 2;
    margin-top: min(7.4666666667vw, 36.4px);
    text-align: center;
  }
}

.p-chairperson-book__label {
  display: inline-block;
  padding: 0.3472222222vw 0.8333333333vw;
  border: 1px solid #262523;
  border-radius: 4px;
  font-family: var(--gothic);
  font-size: var(--fz-xs);
  font-weight: 500;
  letter-spacing: 0.1em;
  color: var(--text-body);
}

.p-chairperson-book__title {
  margin: 1.5277777778vw 0 1.3888888889vw;
  font-family: var(--mincho);
  font-weight: 500;
  font-size: var(--fz-h3);
  letter-spacing: 0.06em;
  color: var(--text-body);
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson-book__title {
    margin: min(4.2666666667vw, 20.8px) 0 min(4.2666666667vw, 20.8px);
  }
}

.p-chairperson-book__text {
  font-family: var(--mincho);
  font-size: var(--fz-body);
  line-height: var(--lh-body);
  letter-spacing: var(--ls-mincho);
  color: var(--text-body);
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson-book__text {
    line-height: 1.9;
    text-align: left;
  }
}

.p-chairperson-book__btn-wrap {
  grid-column: 1/-1;
  grid-row: 2;
  display: flex;
  justify-content: center;
  margin-top: 2.7777777778vw;
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1024px) and (orientation: portrait) {
  .p-chairperson-book__btn-wrap {
    grid-column: 1;
    grid-row: 3;
    margin-top: min(10.6666666667vw, 52px);
  }
}