/* Base typography to align closer to reference site */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

html, body {
  font-family: 'Noto Sans JP', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}

/* Header refinement */
header#top {
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* Hero image responsive cropping similar feel */
section.w-full > img {
  display: block;
  width: 100%;
  height: auto;
}
.fryer-img{
	display: block;
	text-align: center;
}
.fryer-img img{
	display: inline-block;
}
/* Mobile: ensure full width, auto height (no crop). Desktop remains full-width */
@media (max-width: 768px) {
  section.w-full > img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

/* Headings spacing */
h2 {
  letter-spacing: 0.02em;
}

/* Utility: prevent underline from skipping glyphs on some browsers */
.underline-ink-none {
  text-decoration-skip-ink: none;
}

/* Buttons accent to match emerald tone subtly */
.btn-primary {
  background-color: #059669;
  color: #fff;
}
.btn-primary:hover { background-color: #047857; }

/* Contact card subtle shadow */
#contact .shadow {
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

/* Desktop: ensure all images fit container; hero fits viewport without cropping */
@media (min-width: 1024px) {
  img {
    max-width: 100%;
    height: auto;
  }
  section.w-full > img {
    width: 100%;
    height: auto;
    object-fit: contain;
    max-height: 100vh;
  }
}


/* Circled number list markers (① ② ③ ...) */
@counter-style circled-numbers {
  system: fixed;
  symbols: "①" "②" "③" "④" "⑤" "⑥" "⑦" "⑧" "⑨" "⑩" "⑪" "⑫" "⑬" "⑭" "⑮" "⑯" "⑰" "⑱" "⑲" "⑳";
  suffix: " ";
}