@charset "UTF-8";
/* 制作実績のページ（works.html・指示 2026-09-19）。カードの形は works-card.css。ここは区画の余白と戻るボタンだけ */
.pg-works { padding: 72px 0 120px; }
.pg-works .sv-works__sub:first-of-type { margin-top: 56px; }
.pg-works__back { margin-top: 72px; text-align: center; }
.pg-works__back a {   /* 形は WEB制作・運用の「一覧を見る」（.sv-more）と同じ白い枠のボタン */
  display: inline-flex;
  align-items: center;
  gap: 14px;
  height: 58px;
  padding: 0 34px 0 30px;
  border: 1px solid var(--c-blue);
  border-radius: 99px;
  background: #fff;
  color: var(--c-blue);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .06em;
  transition: background .3s var(--ease), color .3s var(--ease);
}
.pg-works__back a:hover { background: var(--c-blue); color: #fff; }
.pg-works__back i {   /* 左向きの矢印（戻る） */
  width: 8px;
  height: 8px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  rotate: 45deg;
}
@media (max-width: 767px) {
  .pg-works { padding: 40px 0 72px; }
  .pg-works .sv-works__sub:first-of-type { margin-top: 40px; }
  .pg-works__back { margin-top: 48px; }
}