a {
  text-decoration: none;
  cursor: pointer !important;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
a:hover {
  text-decoration: none;
}
/* ====== v20250814 quick fix ====== */
.worksDetail.v20250814-article{max-width:1100px;margin:0 auto;padding:0 16px;}

/* HEROを1カラム縦並びに */
.worksDetail .20250814-hero {
  display: block; /* gridやflexを無効化 */
}

.worksDetail .20250814-hero-left,
.worksDetail .20250814-hero-right {
  width: 100%;
  max-width: 1100px; /* 必要に応じて */
  margin: 0 auto;
}

.worksDetail .20250814-hero-right {
  margin-top: 24px; /* タイトルとの間に余白 */
}

.v20250814-hero-left{font-family: "FOT-筑紫明朝 Pr6 M", "TsukuMinPr6-M", serif;font-size:2rem;}
.v20250814-meta{font-family: "FOT-筑紫明朝 Pr6 M", "TsukuMinPr6-M", serif;font-size:1rem;}

/* 2) HERO 右：スライダー（flex固定） */
.worksDetail .v20250814-slider{position:relative;overflow:hidden;border-radius:14px;background:#000;}
.worksDetail .v20250814-slides{display:flex;will-change:transform;transition:transform .45s ease;}
.worksDetail .v20250814-slide{flex:0 0 100%;}
.worksDetail .v20250814-slide img{width:100%;height:min(80vh,560px);object-fit:cover;display:block;}
.worksDetail .v20250814-prev,.worksDetail .v20250814-next{
  position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;border:0;
  background:rgba(0,0,0,.45);color:#fff;cursor:pointer
}
.worksDetail .v20250814-prev{left:10px}
.worksDetail .v20250814-next{right:10px}
.worksDetail .v20250814-pager{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.45);color:#fff;font-size:.85rem;padding:3px 8px;border-radius:6px}

/* 3) DATA & POINT */
.worksDetail .v20250814-specpoint{text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:36px 0 20px}
@media (max-width:960px){.worksDetail .v20250814-specpoint{grid-template-columns:1fr}}
.worksDetail .v20250814-sec-ttl{font-weight:700;letter-spacing:.08em;margin:0 0 12px}
.worksDetail .v20250814-spec dl{display:grid;grid-template-columns:140px 1fr;gap:10px 16px;background:#f6f7f9;border-radius:12px;padding:16px}
.worksDetail .v20250814-spec dt{color:#777;font-size:.9rem;margin:0}
.worksDetail .v20250814-spec dd{margin:0}

/* 4) VOICE */
.worksDetail .v20250814-voice{margin:32px 0}
.worksDetail .v20250814-quote{position:relative;background:#fff7ea;border-radius:12px;padding:18px 20px;line-height:1.9}

/* 5) ギャラリー（強いセレクタで上書き） */
.worksDetail .v20250814-gallery{margin:36px 0 24px}
.worksDetail .v20250814-grid{--min:220px;list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(var(--min),1fr))}
.worksDetail .v20250814-grid>li{list-style:none}
.worksDetail .v20250814-grid img{width:100%;height:220px;object-fit:cover;border-radius:10px;display:block}

/* 6) 関連 */
.worksDetail .v20250814-cardGrid{list-style:none;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:0}
.worksDetail .v20250814-cardGrid .thumb img{width:100%;height:180px;object-fit:cover;border-radius:10px;display:block}

/* 7) CTA */
.worksDetail .v20250814-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:44px 0 20px}
.worksDetail .v20250814-cta-btn{min-width:260px;text-align:center}

.lbOverlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;z-index:9999}
.lbOverlay.show{display:block}
.lbOverlay .lbWrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(92vw,1200px);max-height:90vh}
.lbOverlay img{max-width:100%;max-height:80vh;display:block;margin:0 auto}
.lbOverlay .lbCap{color:#fff;text-align:center;margin-top:8px}
.lb-lock{overflow:hidden}

.u-line-gray {
    border-top: 1px solid #cccccc;margin:20px auto;
}

/* ===== 20250814 support block ===== */
/* =========================================================
   v20250814-info セクション
   ========================================================= */
.v20250814-info {
  background-color: #fff;
  padding: 40px 0;
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", sans-serif;
}

.v20250814-content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 2カラム */
.v20250814-twin {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.v20250814-main {
  flex: 1 1 65%;
    padding-right: 3.4%;
}

.v20250814-side {
  flex: 1 1 30%;
}

/* 見出し・リード文（h2非使用） */
.v20250814-heading {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
  line-height: 1.5;
}

.v20250814-lead {
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.8;
}

.v20250814-lead span {
  display: inline-block;
}

/* バナー */
.v20250814-banner {
  display: flex;
  gap: 20px;
  margin-bottom: 2rem;
}

.v20250814-banner-link img {
  max-width: 100%;
  display: block;
}

/* カード型リスト */
.v20250814-selectList {
  display: flex;
  gap: 20px;
  margin-bottom: 2rem;
  list-style: none;
  padding: 0;
}

.v20250814-selectList li {
  background: #f5f5f5;
  flex: 1 1 0;
  padding: 10px;
  border-radius: 6px;
  box-sizing: border-box;
}

.v20250814-card-ttl {
  display: block;
  font-size: 0.8rem;
  font-weight: bold;
  margin-bottom: .5rem;
}

.v20250814-card-txt {
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.v20250814-card-link {
  display: inline-block;
  font-size: 0.9rem;
  color: #c00;
  text-decoration: underline;
}

/* 資料請求ボックス */
.v20250814-request {
  background: #ffe9e9;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 2rem;
}

.v20250814-request-heading {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: .5rem;
}

.v20250814-request-text {
  font-size: 0.95rem;
  line-height: 1.6;
text
}

/* 対応エリア */
.l-info-area {
  border: 2px solid #d9d9d9;
  margin-top: 2rem;
  padding: 2rem;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .l-info-area {
    margin: 0 2rem;
    padding: 2rem;
    display: block;
  }
}

.l-info-area__label {
  width: 25%;
  text-align: left;
  
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .l-info-area__label {
    width: 100%;
    font-size: 1.6rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d9d9d9;
  }
}

.l-info-area__txt {
  width: 75%;
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.7;
  border-left: 1px solid #d9d9d9;
  padding-left: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: keep-all;
  line-break: strict;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "Helvetica", "Verdana", sans-serif;
}

@media screen and (max-width: 767px) {
  .l-info-area__txt {
    width: 100%;
    padding: 1rem 0 0 0;
    border: none;
  }
}

.l-info-area__txt b {
  color: #db733a;
  margin-right: .5rem;
  margin-left: .5rem;
}

.l-info-area__txt b:first-child {
  margin-left: 0;
}

.l-info-area__notice {
  font-size: 0.8rem !important;
  font-weight: bold !important;
  padding-top: 1rem !important;
}

@media screen and (max-width: 767px) {
  .l-info-area__notice {
    font-size: 0.8rem !important;
    line-height: 1.6 !important;
  }
}

/* 右カラムバナー */
.v20250814-sideBanner {
  background: #f5f5f5;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 2rem;
}

.v20250814-sideBanner-heading {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: .5rem;
}

.v20250814-sideBanner-txt {
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.v20250814-sideBanner-btns a {
  display: inline-block;
  background: #ccc;
  padding: .5rem 1rem;
  border-radius: 4px;
  margin-right: .5rem;
  margin-bottom: .5rem;
  font-size: 0.85rem;
  text-decoration: none;
}

.v20250814-sideBanner-btns a.is-red {
  background: #c00;
  color: #fff;
}

.v20250814-sideBanner-link {
  display: inline-block;
  font-size: 0.9rem;
  color: #c00;
  text-decoration: underline;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .v20250814-twin {
    flex-direction: column;
  }
  .v20250814-main,
  .v20250814-side {
    flex: 1 1 100%;
  }
  .v20250814-selectList {
    flex-direction: column;
  }
}

.v20250814-main:first-child::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #d9d9d9;
  position: absolute;
  top: 0;
  right: 0;
  display: block;

}

@media screen and (max-width: 767px) {
  .v20250814-main:first-child::after {
    content: none;
  }
}