/* =========================
   支援ページ
========================= */

.support-page-head{
  max-width:860px;
  margin:0 auto;
  text-align:center;
}

.support-page-head .kicker{
  display:block;
  margin-bottom:12px;
}

.support-page-head h1{
  margin:0 0 26px;
  font-size:clamp(2.2rem,5vw,4rem);
  line-height:1.25;
}

.support-page-head p{
  max-width:760px;
  margin:0 auto 14px;
  color:var(--muted);
  font-size:1.04rem;
  line-height:1.9;
}


/* =========================
   現在の支援について
========================= */

.support-current-guide{
  max-width:900px;
  margin:0 auto;
  text-align:center;
}

.support-current-guide .kicker{
  display:block;
  margin-bottom:10px;
}

.support-current-guide h2{
  max-width:820px;
  margin:0 auto 26px;
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1.4;
}

.support-current-guide p{
  max-width:760px;
  margin:0 auto 18px;
  color:var(--text);
  font-size:16px;
  line-height:1.95;
}

.support-current-guide .support-current-lead{
  color:var(--muted);
  font-size:17px;
}

.support-current-guide .actions{
  justify-content:center;
  margin-top:34px;
}


/* =========================
   スマホ
========================= */

@media(max-width:640px){

  .support-page-head,
  .support-current-guide{
    text-align:left;
  }

  .support-current-guide h2,
  .support-current-guide p{
    margin-left:0;
    margin-right:0;
  }

  .support-current-guide .actions{
    justify-content:flex-start;
  }

}


.support-current-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 30px;
  border:2px solid var(--accent);
  border-radius:8px;
  background:var(--accent);
  color:#fff;
  font-size:16px;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
  box-sizing:border-box;
}

.support-current-button:hover{
  background:var(--accent-dark);
  border-color:var(--accent-dark);
  color:#fff;
}

@media(max-width:640px){

  .support-current-button{
    width:100%;
    max-width:340px;
  }

}