/* =========================================================
   Information page — match information-design.png
   ========================================================= */

.page-information{
  --g: #0d8a46;
  --r: #9c0a1c;
  --ink: #1a1a1a;
  --w: 90%;
  --side: clamp(20px, 5.5vw, 120px);

  font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;
  color:var(--ink);
  background:#fff;
}

.information-main{ overflow-x:clip; }

.info-head{
  text-align:center;
  margin-bottom:64px;
}

.info-head__en{
  font-family:"Poppins",sans-serif;
  font-size:13px;
  line-height:1.5;
  letter-spacing:.04em;
  color:var(--g);
}

.info-head__jp{
  margin-top:12px;
  font-size:clamp(28px, 2.8vw, 36px);
  font-weight:700;
  line-height:1.4;
}

.info-items{
  padding:clamp(80px, 10vw, 120px) var(--side) clamp(100px, 12vw, 160px);
  background:#fff;
}

.info-items__inner{
  max-width:var(--w);
  margin:0 auto;
}

.info-dl{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:clamp(16px, 2vw, 28px);
  list-style:none;
  margin:0;
  padding:0;
}

.info-dl__btn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:72px;
  padding:20px 28px;
  background:var(--r);
  color:#fff;
  text-decoration:none;
  font-size:clamp(15px, 1.4vw, 18px);
  font-weight:700;
  line-height:1.4;
  transition:background .25s var(--ease, cubic-bezier(.22,.61,.36,1)), opacity .25s;
}

.info-dl__btn:hover{
  background:var(--red-dark, #9c0a1a);
  opacity:.95;
}

.info-dl__icon{
  flex-shrink:0;
  width:28px;
  height:28px;
  display:block;
}

@media (max-width:900px){
  .info-dl{
    grid-template-columns:1fr;
  }
}