/* トップページ 2026.10 追加分（land-garden_top (15).html の修正用CSS）
   ・ハイグレード訴求ブロック（.lg-premium）
   ・POINT画像 3枚化の調整
   ・Premium Case（.lg-sig）
   home.php から読み込み */
/* ===== 【追加】ハイグレード訴求ブロック（「Land・Garden」見出し直下／既存の配色・書体・動きに合わせる） ===== */
/* 大きな写真を1100px幅の枠から左へ少しだけ（最大160px）はみ出させる。右側の白い余白にテキスト */
#index .lg-premium{
  --lg-bleed:min(160px, calc((100vw - 1100px) / 2)); /* 左へのはみ出し量（画面端までは伸ばさない） */
  display:flex;
  align-items:center;
  gap:90px;
  margin-top:70px;
  margin-bottom:140px;
}
.lg-premium__visual{
  flex:0 0 auto;
  width:calc(620px + var(--lg-bleed));
  margin-left:calc(var(--lg-bleed) * -1);
  position:relative;
}
.lg-premium__visual::before{ /* 写真の背後に細い線のフレーム（右上にずらす） */
  content:"";
  position:absolute;
  top:-28px; left:28px; right:-28px; bottom:28px;
  border:1px solid #b5b5b5;
  z-index:0;
}
.lg-premium__ph{
  position:relative;
  z-index:1;
  overflow:hidden;
  height:600px;
}
.lg-premium__ph img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}
.lg-premium__ph:hover img{ transform:scale(1.04); }
.lg-premium__vtxt{ /* 縦書きの英字（写真とテキストの間） */
  position:absolute;
  right:-62px;
  top:0;
  writing-mode:vertical-rl;
  font-family:"Cormorant Garamond",serif;
  font-size:1.5rem;
  letter-spacing:.3em;
  color:#707070;
  margin:0;
  white-space:nowrap;
}
.lg-premium__body{
  flex:0 0 470px;    /* 幅を固定（文章の一番長い行が入る幅。右へ少しはみ出してOK） */
  width:470px;
}
.lg-premium__body .lg-premium__tit,
.lg-premium__body .lg-premium__lead{
  white-space:nowrap; /* PCでは指定位置以外で改行させない */
}
#index .lg-premium .lg-premium__tit{
  font-family:游明朝,"Yu Mincho",游明朝体,YuMincho,"Hiragino Mincho Pro",serif;
  font-weight:normal;
  font-size:3rem;
  line-height:1.8;
  letter-spacing:.14em;
  color:#000;
  text-align:left;
  margin:0 0 36px;
}
.lg-premium__lead{
  font-family:游明朝,"Yu Mincho",游明朝体,YuMincho,"Hiragino Mincho Pro",serif;
  font-size:1.5rem;
  line-height:2.4;
  letter-spacing:.05em;
  margin:0;
}
.lg-premium__subs{ /* テキストの下に小さい写真2枚 */
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  margin-top:40px;
}
#index .lg-premium .lg-premium__subs .lg-premium__ph{ height:auto; aspect-ratio:4/3; }

@media screen and (max-width:599px){
  #index .lg-premium{
    flex-direction:column;
    align-items:stretch;
    gap:0;
    margin:30px 0 6rem;
  }
  .lg-premium__visual{ width:86%; margin-left:0; }
  .lg-premium__visual::before{ top:-14px; left:14px; right:-14px; bottom:14px; }
  .lg-premium__ph{ height:76vw; }
  .lg-premium__vtxt{ right:-36px; font-size:1.2rem; }
  .lg-premium__body{ flex:none; width:auto; padding:45px 6% 0; }
  .lg-premium__body .lg-premium__tit,
  .lg-premium__body .lg-premium__lead{ white-space:normal; }
  #index .lg-premium .lg-premium__tit{ font-size:2.1rem; letter-spacing:.08em; margin-bottom:20px; }
  .lg-premium__lead{ font-size:1.4rem; line-height:2.1; }
  .lg-premium__subs{ gap:8px; margin-top:24px; }
}

/* ===== 【変更】POINT画像（3枚化に伴う調整） ===== */
#index #mainArea #pointCol ul li img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
@media screen and (max-width:599px){
  /* SP：1枚目を大きく、2・3枚目を横並び */
  #index #mainArea #pointCol ul li:nth-child(1){ width:100%; margin:0 0 10px; }
  #index #mainArea #pointCol ul li:nth-child(2){ width:48%; margin:0 0 10px 0; }
  #index #mainArea #pointCol ul li:nth-child(3){ width:48%; margin:0 0 10px 4%; }
}
/* ===== 【追加】Premium Case（施工事例セクション内の上質な事例） ===== */
#index .lg-sig{ margin:0 0 110px; } /* 新着施工事例の上に配置 */
#index .lg-sig__grid{
  list-style:none;
  padding:0;
  margin:0 auto 50px;
  display:grid;
  grid-template-columns:1.6fr 1fr;
  grid-template-rows:280px 280px;
  gap:24px;
}
#index .lg-sig__item{ position:relative; overflow:hidden; float:none; width:auto; margin:0; }
#index .lg-sig__item--main{ grid-row:1 / 3; }
.lg-sig__item a{ display:block; width:100%; height:100%; position:relative; color:#fff; text-decoration:none; }
.lg-sig__item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}
.lg-sig__item a:hover img{ transform:scale(1.04); }
.lg-sig__item a::after{ /* 文字を読みやすくする下部のグラデーション */
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:45%;
  background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
  pointer-events:none;
}
#index .lg-sig__tit{
  position:absolute;
  left:24px; right:24px; bottom:20px;
  z-index:1;
  margin:0;
  color:#fff;
  font-family:游明朝,"Yu Mincho",游明朝体,YuMincho,"Hiragino Mincho Pro",serif;
  font-size:1.5rem;
  letter-spacing:.1em;
  line-height:1.7;
}
#index .lg-sig__item--main .lg-sig__tit{ font-size:2rem; left:32px; bottom:28px; }

@media screen and (max-width:599px){
  #index .lg-sig{ margin:0 4% 5rem; }
  #index .lg-sig__grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:240px 150px;
    gap:8px;
    margin-bottom:30px;
  }
  #index .lg-sig__item--main{ grid-row:auto; grid-column:1 / 3; }
  #index .lg-sig__tit{ left:12px; right:12px; bottom:10px; font-size:1.1rem; letter-spacing:.05em; }
  #index .lg-sig__item--main .lg-sig__tit{ font-size:1.5rem; left:16px; bottom:14px; }
}