/* =====================================================
  FLOW / PRICE / TERMS / CONTACT の共通見出し・ページ間リンク
  ★ 見出しの高さは padding、文字サイズは font-size で調整
  ★ 既存の作品ページには影響しません
===================================================== */
.flow-page .commission-hero,
.price-page .commission-hero {
  position:relative!important;
  box-sizing:border-box;
  width:100%!important;
  margin:0!important;
  padding:128px 24px 32px!important;
  background:linear-gradient(180deg,#f9e3e7 0%,#fdf3f3 54%,#fdfaf7 100%)!important;
  text-align:center!important;
  border:0!important;
}
.flow-page .commission-hero h1,
.price-page .commission-hero h1 {
  font-family:var(--serif);
  color:#292427!important;
  margin:0!important;
  padding:0!important;
  font-size:clamp(53px,6vw,78px)!important;
  font-weight:400!important;
  line-height:1.15!important;
  letter-spacing:.16em!important;
}
.flow-page .commission-hero > p:not(.commission-number),
.price-page .commission-hero > p:not(.commission-number) {
  margin:10px 0 0!important;
  color:#9c7d86!important;
  font-family:var(--jp);
  font-size:13px!important;
  line-height:1.8!important;
  letter-spacing:.22em!important;
  text-align:center!important;
}
.contact-page .contact-intro {
  padding:128px 24px 34px;
}
.contact-page .contact-intro h1 {
  margin:0;
  font-size:clamp(53px,6vw,78px);
  line-height:1.15;
}
.contact-page .contact-intro-ja{margin:10px 0 0;font-size:13px}
.contact-page .contact-lead{margin:22px auto 0;max-width:820px;font-size:12px;line-height:2.1}
.contact-page .contact-flower{top:120px;right:7%;font-size:clamp(42px,5vw,75px);line-height:1}
.contact-page .contact-petal{bottom:12px}
.flow-page .flow-tabs,.price-page .flow-tabs{margin-top:22px}
@media(max-width:560px){
 .flow-page .commission-hero,.price-page .commission-hero{padding:108px 18px 24px!important}
 .flow-page .commission-hero h1,.price-page .commission-hero h1{font-size:52px!important}
 .flow-page .commission-hero > p:not(.commission-number),.price-page .commission-hero > p:not(.commission-number){font-size:11px!important}
 .contact-page .contact-intro{padding:108px 20px 26px}
 .contact-page .contact-intro h1{font-size:52px}
 .contact-page .contact-intro-ja{font-size:11px}
 .contact-page .contact-lead{font-size:11px;margin-top:18px}
 .contact-page .contact-flower{top:105px;right:3%;font-size:39px}
}

/* Four commission detail pages: return to the TOP commission section. */
.back-commission-wrap { display:flex; justify-content:center; padding:64px 20px 72px; }
.back-commission-link { display:flex; flex-direction:column; align-items:center; gap:8px; color:#74615f; text-align:center; font-family:var(--serif,serif); font-size:15px; letter-spacing:.18em; transition:color .25s ease,transform .25s ease; }
.back-commission-link:hover,.back-commission-link:focus-visible { color:#c58b99; transform:translateY(-3px); }
.back-commission-arrow { font-size:27px; line-height:1; font-family:Georgia,serif; font-weight:400; }
.back-commission-link small { font-family:var(--jp,serif); font-size:11px; letter-spacing:.13em; }
@media(max-width:600px){ .back-commission-wrap {padding:44px 16px 54px;} }
@media(prefers-reduced-motion:reduce){.back-commission-link{transition:none}.back-commission-link:hover{transform:none}}