.apps{
  --accent: #8f2c85;      /* タイトル線＆リンク色 */
}
.automate{
  --accent: #114cc9;      /* タイトル線＆リンク色 */
}
.copilot{
  --accent: #077fab;      /* タイトル線＆リンク色 */
}
.m365{
  --accent: #0669bc;      /* タイトル線＆リンク色 */
}
.m365user{
  --accent: #0078d4;      /* タイトル線＆リンク色 */
}
.powerplatform{
  --accent: #056a7d;      /* タイトル線＆リンク色 */
}
.sharepoint{
  --accent: #038387;      /* タイトル線＆リンク色 */
}
.spfx{
  --accent: #3e3e3e;      /* タイトル線＆リンク色 */
}
.sps{
  --accent: #076cb7;      /* タイトル線＆リンク色 */
}
.js-cta-2025{
  position: relative;
  z-index: 0;
  margin: 3rem 0;
  padding: 2rem;
  border-left: .75rem solid var(--accent);
  border-radius: 8px;
  font-size: .95rem;
}
.js-cta-2025::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--accent);
  opacity: 0.04;
  z-index: -1;
  border-radius: 8px;
}
#main #article_blog .article h3.js-cta-2025__title::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--accent);
  opacity: 0.1;
  z-index: -1;
}
#main #article_blog .article h3.js-cta-2025__title{
  position: relative;
  z-index: 1;
  margin: 0 0 1.2rem;
  font-size: 2.35rem;
  font-weight: 700;
  color: var(--accent);
  border-bottom: none;
  padding:10px 10px 10px 20px;
}
.js-cta-2025 ul{list-style:none;margin:0;padding:0;}
.js-cta-2025 li{
  margin-top:1.4rem;
  list-style: none !important;
}
#main #article_blog .article h4.js-cta-2025__head{
  margin:0;
  font-weight:600;
  line-height:1.4;
  border-left:none;
  padding:0;
  font-size:1.8rem;

}
#main #article_blog .article h4.js-cta-2025__head a{color:var(--accent);text-decoration:none;}
#main #article_blog .article h4.js-cta-2025__head a:hover .js-cta-2025__name{text-decoration:underline;}
#main p.js-cta-2025__desc{
  margin:.4rem 0 0;
  line-height:1.3;
  font-size:1.52rem;
  font-weight:300;
}
.js-cta-2025__head a{
  display:flex; 
  gap:.6em;
  flex-wrap:wrap;
  align-items:center;
}

.js-cta-2025__code{
  padding:.15em .5em;
  font-weight:400;
  color:#ffffff;
  background:var(--accent); 
  border-radius:4px;
  white-space:nowrap;
  opacity:90%;
  font-size:1.5rem;
  width:70px;
  text-align:center;
  line-height:1.5;
}
.js-cta-2025__name{
  font-weight:600;
  line-height:1.35;
}
