/* =========================
   GiveNoTane 設立支援ページ
========================= */

.founding-support-page{
  color:var(--text);
  background:var(--bg);
}

.founding-support-block{
  padding:80px 0;
}

.founding-support-tone-1{
  background:#fffdf8;
}

.founding-support-tone-2{
  background:#eef4eb;
}

.founding-support-tone-3{
  background:#f7f3ea;
}

.founding-support-tone-4{
  background:#f4eee8;
}

.founding-support-inner{
  max-width:980px;
  margin:0 auto;
}

.founding-support-hero{
  text-align:center;
}

.founding-support-page .kicker{
  margin:0 0 14px;
  color:var(--accent-dark);
  font-size:15px;
  font-weight:700;
  letter-spacing:.12em;
}

.founding-support-page h1{
  margin:0 0 24px;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:clamp(2.2rem,5vw,4rem);
  line-height:1.3;
}

.founding-support-main-copy{
  margin:0 0 46px;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:clamp(1.35rem,3vw,2rem);
  line-height:1.7;
}

.founding-support-page h2{
  margin:0 0 34px;
  text-align:center;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:clamp(1.8rem,4vw,2.8rem);
  line-height:1.45;
}

.founding-support-page h3{
  margin:0 0 18px;
  font-size:1.35rem;
  line-height:1.5;
}

.founding-support-text{
  max-width:820px;
  margin:0 auto;
  text-align:left;
}

.founding-support-text p{
  margin:0 0 20px;
  font-size:16px;
  line-height:1.95;
}

.founding-support-emphasis{
  margin:34px 0 !important;
  text-align:center;
  color:var(--accent-dark);
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:clamp(1.2rem,2.5vw,1.55rem) !important;
  font-weight:700;
  line-height:1.8 !important;
}

.founding-support-emphasis-small{
  color:var(--accent-dark);
  font-weight:700;
}

.founding-support-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.founding-support-field{
  padding:30px;
  background:#fff;
  border:1px solid var(--line);
}

.founding-support-field p{
  margin:0 0 16px;
  font-size:16px;
  line-height:1.85;
}

.founding-support-field p:last-child{
  margin-bottom:0;
}


/* =========================
   ボタン位置
========================= */

.founding-support-action,
.founding-support-story-action{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:34px 0 0;
  text-align:center;
}

.founding-support-action + .founding-support-action,
.founding-support-story-action + .founding-support-action{
  margin-top:18px;
}


/* =========================
   設立支援ボタン
========================= */

.founding-support-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:320px;
  min-height:54px;
  padding:12px 28px;
  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;
  transition:background .2s ease,border-color .2s ease;
}

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


/* =========================
   「私がGiveNoTaneを始めた理由」ボタン
   設立支援ボタンとは色を分ける
========================= */

.founding-support-story-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:320px;
  min-height:54px;
  padding:12px 28px;
  border:2px solid #8b7563;
  border-radius:8px;
  background:#8b7563;
  color:#fff;
  font-size:16px;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
  box-sizing:border-box;
  transition:background .2s ease,border-color .2s ease;
}

.founding-support-story-button:hover{
  background:#725f50;
  border-color:#725f50;
  color:#fff;
}


/* =========================
   最後のメッセージ
========================= */

.founding-support-final{
  text-align:center;
}

.founding-support-final > p{
  max-width:820px;
  margin:0 auto 20px;
  font-size:16px;
  line-height:1.95;
}

.founding-support-final-message{
  margin:34px auto !important;
  color:var(--accent-dark);
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:clamp(1.4rem,3vw,2rem) !important;
  font-weight:700;
}


/* =========================
   掲載項目
========================= */

.founding-support-publish-list{
  margin:26px 0;
  padding:0;
  list-style:none;
}

.founding-support-publish-list li{
  position:relative;
  margin:0 0 10px;
  padding:12px 16px 12px 38px;
  background:#fff;
  border:1px solid var(--line);
  font-size:16px;
  line-height:1.6;
}

.founding-support-publish-list li::before{
  content:"✓";
  position:absolute;
  left:15px;
  top:12px;
  color:var(--accent-dark);
  font-weight:700;
}


/* =========================
   設立支援状況
========================= */

.founding-support-progress-section{
  padding-top:64px;
  padding-bottom:64px;
}

.founding-support-progress-card{
  max-width:820px;
  margin:0 auto;
  padding:36px 42px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  text-align:center;
  box-sizing:border-box;
}

.founding-support-progress-card .kicker{
  margin-bottom:10px;
}

.founding-support-progress-card h2{
  margin-bottom:18px;
}

.founding-support-progress-total{
  margin:0 0 22px;
  color:var(--text);
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:clamp(2.6rem,6vw,4.4rem);
  font-weight:700;
  line-height:1.1;
  letter-spacing:.01em;
}

.founding-support-progress-total span{
  margin-left:8px;
  font-size:.38em;
  font-family:inherit;
}

.founding-support-progress-meta,
.founding-support-progress-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.founding-support-progress-meta{
  margin-bottom:12px;
}

.founding-support-progress-meta p,
.founding-support-progress-bottom p{
  margin:0;
  font-size:15px;
  line-height:1.5;
}

.founding-support-progress-meta strong{
  margin-right:3px;
  font-size:1.2em;
}

.founding-support-progress-bar{
  width:100%;
  height:14px;
  margin:0 0 12px;
  border-radius:999px;
  background:#e4e9e1;
  overflow:hidden;
}

.founding-support-progress-bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background:var(--accent);
}

.founding-support-progress-bottom{
  color:var(--muted);
}


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

@media(max-width:760px){

  .founding-support-block{
    padding:58px 0;
  }

  .founding-support-progress-section{
    padding-top:48px;
    padding-bottom:48px;
  }

  .founding-support-progress-card{
    padding:28px 22px;
  }

  .founding-support-progress-card h2{
    text-align:center;
  }

  .founding-support-progress-meta,
  .founding-support-progress-bottom{
    gap:12px;
  }


  .founding-support-fields{
    grid-template-columns:1fr;
  }

  .founding-support-field{
    padding:24px 20px;
  }

}

@media(max-width:640px){

  .founding-support-page h2{
    text-align:left;
  }

  .founding-support-progress-card h2{
    text-align:center;
  }

  .founding-support-progress-meta,
  .founding-support-progress-bottom{
    align-items:flex-start;
  }

  .founding-support-progress-meta p,
  .founding-support-progress-bottom p{
    font-size:15px;
  }

  .founding-support-hero{
    text-align:left;
  }

  .founding-support-emphasis{
    text-align:left;
  }

  .founding-support-action,
  .founding-support-story-action{
    justify-content:center;
  }

  .founding-support-button,
  .founding-support-story-button{
    width:100%;
    min-width:0;
    max-width:420px;
  }

  .founding-support-final{
    text-align:left;
  }

}