/* -------------------------
  リンクページ用スタイル（最終）
------------------------- */

.link-container{
  max-width:1100px;
  margin:0 auto;
  padding:160px 20px 40px;
  line-height:1.8;
  color:#333;
}

@media screen and (max-width:767px){
  .link-container{
    padding:60px 15px 20px;
  }
}

/* タイトル */
.link-title{
  font-size:28px;
  text-align:center;
  color:#71151A;
  margin-bottom:48px;
}

/* 注釈 */
.link-note{
  font-size:14px;
  text-align:center;
  color:#666;
  margin-bottom:60px;
}


/* グリッド */
.link-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

/* カード */
.link-card{
  position:relative;
  display:block;
  padding:24px 40px 24px 18px; /* ←右に余白追加 */
  border:1px solid #e5e5e5;
  border-radius:12px;
  text-decoration:none;

  background:#fff;
  transition:0.3s;
  background:linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%);

}

.link-card::after{
  content:"\203A"; /* 矢印 */
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  color:#bbb;
  transition:0.3s;
}

.link-card:hover::after{
  color:#002f1e;
  transform:translateY(-50%) translateX(4px);
}



/* ホバー */
.link-card:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* PC */
@media (min-width:768px){
  .link-grid{
    grid-template-columns:repeat(3, 1fr);
  }
}