@charset "UTF-8";
/* =========================================================
 * 施工事例: 設計コンセプトブロック
 * （写真ギャラリーの後に表示するSEO用テキスト。--gg-* トークンを使用）
 * ======================================================= */
.gg-works-concept {
  max-width: clamp(661.333px, 64.583vw, 930px);
  margin: clamp(45.511px, 4.444vw, 64px) auto clamp(45.511px, 4.444vw, 64px);
  padding-top: clamp(34.133px, 3.333vw, 48px);
  border-top: 1px solid #d9d9d9;
}
.gg-works-concept__preview-note {
  display: inline-block;
  margin: 0 0 clamp(11.378px, 1.111vw, 16px);
  padding: 2px 10px;
  background: var(--gg-ink);
  color: #fff;
  font-family: var(--gg-sans);
  font-size: clamp(8.533px, 0.833vw, 12px);
  letter-spacing: 0.08em;
  border-radius: 3px;
}
.gg-works-concept__heading {
  display: flex;
  flex-direction: column;
  gap: clamp(2.844px, 0.278vw, 4px);
  margin: 0 0 clamp(17.067px, 1.667vw, 24px);
  font-family: var(--gg-serif);
  font-weight: 400;
  font-size: clamp(17.067px, 1.667vw, 24px);
  line-height: 1.5;
  letter-spacing: 0.08em;
  color: var(--gg-ink);
}
.gg-works-concept__heading-en {
  font-family: var(--gg-en);
  font-size: clamp(9.956px, 0.972vw, 14px);
  letter-spacing: 0.12em;
  color: var(--gg-green);
}
.gg-works-concept__text {
  font-family: var(--gg-sans);
  font-size: clamp(10.667px, 1.042vw, 15px);
  line-height: 2;
  letter-spacing: 0.04em;
  color: var(--gg-ink);
}
.gg-works-concept__text p {
  margin: 0 0 1.4em;
}
.gg-works-concept__text p:last-child {
  margin-bottom: 0;
}
.gg-works-concept__subheading {
  margin: clamp(28.444px, 2.778vw, 40px) 0 clamp(11.378px, 1.111vw, 16px);
  font-family: var(--gg-serif);
  font-weight: 400;
  font-size: clamp(12.8px, 1.25vw, 18px);
  letter-spacing: 0.08em;
  color: var(--gg-ink);
}
.gg-works-concept__table {
  width: 100%;
  border-collapse: collapse;
  font-size: clamp(10.667px, 1.042vw, 15px);
  line-height: 1.8;
  color: var(--gg-ink);
}
.gg-works-concept__table th,
.gg-works-concept__table td {
  padding: clamp(7.111px, 0.694vw, 10px) clamp(11.378px, 1.111vw, 16px);
  border: 1px solid #ececec;
  text-align: left;
  vertical-align: top;
  font-weight: 400;
}
.gg-works-concept__table th {
  width: clamp(113.778px, 11.111vw, 160px);
  background: #f5f5f5;
}
.gg-works-concept__articles {
  margin-top: clamp(22.756px, 2.222vw, 32px);
  padding: clamp(17.067px, 1.667vw, 24px);
  background: #f5f5f5;
}
.gg-works-concept__articles-label {
  margin: 0 0 clamp(5.689px, 0.556vw, 8px);
  font-family: var(--gg-sans);
  font-size: clamp(8.533px, 0.833vw, 12px);
  letter-spacing: 0.1em;
  color: var(--gg-green);
}
.gg-works-concept__article-link {
  display: block;
  margin-top: clamp(4.267px, 0.417vw, 6px);
  font-family: var(--gg-serif);
  font-size: clamp(11.378px, 1.111vw, 16px);
  line-height: 1.7;
  color: var(--gg-ink);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.gg-works-concept__article-link:hover {
  color: var(--gg-green);
}
@media screen and (max-width: 767px) {
  .gg-works-concept__table th {
    width: 96px;
  }
}