#fancl-hajimemashite-kit {
  --fhtk-blue: #2053a5;
  --fhtk-pale-blue: #cce6f8;
  --fhtk-text: #161616;
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 24px 16px 24px;
  color: var(--fhtk-text);
  background: var(--fhtk-pale-blue);
  font-family: "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;
  line-height: 1.5;
  margin-top: 30px;
}

#fancl-hajimemashite-kit *,
#fancl-hajimemashite-kit *::before,
#fancl-hajimemashite-kit *::after { box-sizing: border-box; }
#fancl-hajimemashite-kit .fhtk-card { max-width: 390px; margin: 0 auto; overflow: hidden; border-radius: 12px; background: #fff; }
#fancl-hajimemashite-kit .fhtk-offer-label { padding: 11px 16px 10px; color: #fff; background: var(--fhtk-blue); text-align: center; font-size: 12px; font-weight: 700; letter-spacing: .18em; }
#fancl-hajimemashite-kit .fhtk-hero { padding: 22px 28px 0; text-align: center; }
#fancl-hajimemashite-kit .fhtk-hero-kicker { margin: 0; color: var(--fhtk-blue); font-size: 14px; font-weight: 700; }
#fancl-hajimemashite-kit .fhtk-hero-title { margin: 4px -16px 23px; color: var(--fhtk-blue); font-size: 19px; font-weight: 700; letter-spacing: .04em; }
#fancl-hajimemashite-kit .fhtk-hero-composite { display: block; width: 100%; height: auto; }
#fancl-hajimemashite-kit .fhtk-content { padding: 0 20px 23px; }
#fancl-hajimemashite-kit .fhtk-order-button { display: flex; align-items: center; justify-content: center; width: 260px; margin: 22px auto 24px; padding: 12px; border-radius: 50px; background: var(--fhtk-blue); text-decoration: none; }
#fancl-hajimemashite-kit .fhtk-order-button img { display: block; width: 123px; height: auto; }
#fancl-hajimemashite-kit .fhtk-set-details { font-size: 11px; line-height: 1.55; }
#fancl-hajimemashite-kit .fhtk-set-details p { margin: 0 0 17px; }
#fancl-hajimemashite-kit .fhtk-set-details ul { margin: 0 0 20px; padding: 0; list-style: none; }
#fancl-hajimemashite-kit .fhtk-accordion { overflow: hidden; border: 2px solid var(--fhtk-blue); border-radius: 16px; color: #151515; }
#fancl-hajimemashite-kit .fhtk-accordion-trigger { position: relative; display: block; width: 100%; padding: 12px 36px; border: 0; background: #fff; color: var(--fhtk-blue); text-align: center; font: inherit; font-size: 13px; font-weight: 700; letter-spacing: .12em; cursor: pointer; }
#fancl-hajimemashite-kit .fhtk-accordion-icon { position: absolute; right: 18px; top: 50%; width: 10px; height: auto; transform: translateY(-50%); }
#fancl-hajimemashite-kit .fhtk-accordion-minus { display: none; }
#fancl-hajimemashite-kit .fhtk-accordion.is-open .fhtk-accordion-plus { display: none; }
#fancl-hajimemashite-kit .fhtk-accordion.is-open .fhtk-accordion-minus { display: block; }
#fancl-hajimemashite-kit .fhtk-accordion-divider { display: block; width: calc(100% - 16px); max-height: 0; margin: 0 auto; opacity: 0; transition: max-height .25s ease, margin-bottom .25s ease, opacity .2s ease; }
#fancl-hajimemashite-kit .fhtk-accordion.is-open .fhtk-accordion-divider { max-height: 15px; margin-bottom: 22px; opacity: 1; }
#fancl-hajimemashite-kit .fhtk-accordion-panel { display: grid; grid-template-rows: 0fr; padding: 0 13px; opacity: 0; transition: grid-template-rows .45s ease, opacity .3s ease, padding-bottom .45s ease; }
#fancl-hajimemashite-kit .fhtk-accordion-panel-inner { min-height: 0; overflow: hidden; }
#fancl-hajimemashite-kit .fhtk-accordion.is-open .fhtk-accordion-panel { grid-template-rows: 1fr; padding-bottom: 18px; opacity: 1; }
#fancl-hajimemashite-kit .fhtk-step { margin: 0 -13px; padding: 0 18px 20px; }
#fancl-hajimemashite-kit .fhtk-step h3 { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; color: var(--fhtk-blue); font-size: 14px; }
#fancl-hajimemashite-kit .fhtk-step h3 span { margin-left: -18px; padding: 5px 21px; clip-path: polygon(0 0,88% 0,100% 50%,88% 100%,0 100%); color: #fff; background: var(--fhtk-blue); font-size: 10px; }
#fancl-hajimemashite-kit .fhtk-step p,
#fancl-hajimemashite-kit .fhtk-shop-note p { font-size: 12px; line-height: 2; }
#fancl-hajimemashite-kit .fhtk-step small,
#fancl-hajimemashite-kit .fhtk-shop-note small { font-size: 10px; }
#fancl-hajimemashite-kit .fhtk-shop-note { margin: 0 7px; padding: 18px 14px; background: #fffef1; }
#fancl-hajimemashite-kit .fhtk-shop-note h3 { margin: 0; color: #ff8414; text-align: center; font-size: 12px; }
#fancl-hajimemashite-kit .fhtk-shop-note strong { text-decoration: underline; }
#fancl-hajimemashite-kit .fhtk-caution { max-height: 0; padding: 0 4px; overflow: hidden; opacity: 0; transform: translateY(-8px); transition: max-height .55s ease, opacity .35s ease .12s, transform .35s ease .12s, padding .55s ease; }
#fancl-hajimemashite-kit .fhtk-accordion-wrap.is-open .fhtk-caution { max-height: 460px; padding-top: 20px; padding-bottom: 16px; opacity: 1; transform: translateY(0); }
#fancl-hajimemashite-kit .fhtk-caution h3 { color: var(--fhtk-blue); text-align: center; font-size: 12px; }
#fancl-hajimemashite-kit .fhtk-caution p { font-size: 10px; }
#fancl-hajimemashite-kit .fhtk-skin-patch { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--fhtk-blue); }
#fancl-hajimemashite-kit .fhtk-accordion-wrap.is-open + .fhtk-skin-patch { margin-top: 0; }
#fancl-hajimemashite-kit .fhtk-skin-patch h3 { color: var(--fhtk-blue); text-align: center; font-size: 14px; letter-spacing: .08em; font-weight: bold; padding: 0 0 10px 0; }
#fancl-hajimemashite-kit .fhtk-skin-patch img { display: block; width: 100%; height: auto; }