@charset "UTF-8";
/* ==========================================================
   AI活用ページ専用（ai/index.cfm・ai/local-llm.cfm）
   ========================================================== */

a.ai_card:hover { transform: translateY(-5px); background: var(--green-light); }


.def_box {
  max-width: 760px;
  margin: 0 auto 32px;
  padding: 26px 30px;
  background: var(--lime);
  border-radius: var(--radius);
  text-align: center;
}
.def_box strong { background: linear-gradient(transparent 62%, #fff 62%); }

.hero_dl { margin-top: 28px; }

.issue_list { display: grid; gap: 16px; max-width: 760px; margin: 0 auto; }
.issue {
  padding: 22px 26px 22px 60px;
  position: relative;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.issue::before {
  content: "?";
  position: absolute;
  left: 20px; top: 20px;
  width: 28px; height: 28px;
  line-height: 28px;
  text-align: center;
  background: var(--peach);
  color: #C0602A;
  border-radius: 50%;
  font-weight: 700;
}
.issue strong { background: linear-gradient(transparent 62%, var(--lime) 62%); }


.flow_list { display: grid; gap: 16px; max-width: 760px; margin: 0 auto; }
.flow_item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 22px 26px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.flow_item .no {
  flex: none;
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  background: var(--green);
  color: #fff;
  border-radius: 50%;
  font-family: var(--font-head);
  font-weight: 700;
}
.flow_item h3 { font-family: var(--font-head); font-size: 18px; margin-bottom: 4px; }
.flow_item p { font-size: 14px; color: var(--text-sub); }
.section_alt .flow_item { background: var(--cream); }


@media (max-width: 800px) {
  .flow_item { padding: 18px; gap: 14px; }
}