/* ===== クロスタ — 情報ページ専用CSS（会社概要・プライバシーポリシー） ===== */
/* 共通: shared/base.css + shared/components.css */

.info-main{
  min-height:80vh;
  padding:5rem 1.5rem 3rem;
}
.info-container{
  max-width:720px;
  margin:0 auto;
}
.info-back{
  display:inline-block;
  font-size:0.85rem;font-weight:700;
  color:var(--blue);
  text-decoration:none;
  margin-bottom:2rem;
  transition:color 0.2s;
}
.info-back:hover{color:var(--blue-deep)}
.info-title{
  font-size:1.8rem;font-weight:900;
  margin-bottom:1.5rem;
}

/* Table */
.info-table{
  width:100%;
  border-collapse:collapse;
}
.info-table th{
  text-align:left;
  padding:0.8rem 1rem;
  border-bottom:1px solid var(--card-border);
  font-size:0.85rem;
  color:var(--text-sub);
  width:30%;
  vertical-align:top;
  font-weight:700;
}
.info-table td{
  padding:0.8rem 1rem;
  border-bottom:1px solid var(--card-border);
  font-size:0.92rem;
}

/* Prose (privacy policy etc.) */
.info-prose h2{
  font-size:1.15rem;font-weight:900;
  margin-top:2.5rem;margin-bottom:0.8rem;
}
.info-prose p{
  font-size:0.92rem;
  color:var(--text-sub);
  margin-bottom:1.2rem;
  line-height:2;
}
.info-prose strong{color:var(--text)}
.info-prose a{
  color:var(--blue);
  text-decoration:underline;
  text-underline-offset:3px;
}
.info-prose a:hover{color:var(--blue-deep)}
.info-prose ul{
  margin-bottom:1.2rem;
  padding-left:1.5rem;
}
.info-prose li{
  font-size:0.9rem;
  color:var(--text-sub);
  line-height:2;
  margin-bottom:0.2rem;
}
.info-prose hr{
  border:none;
  border-top:1px solid var(--card-border);
  margin:2rem 0;
}
.info-prose em{
  font-style:normal;
  color:var(--text-light);
  font-size:0.88rem;
}

@media(max-width:560px){
  .info-main{padding:4rem 1rem 2rem}
  .info-table th{width:35%}
}