/** Shopify CDN: Minification failed

Line 36:59 Unexpected "05_slides-mock"

**/
/* JAPAN WEB CLINIC: the product slides as photos + HTML words (owner 2026-10-16, F-55; plan v3 §3D).
   Places, sizes and colours are the marketing delivery's 2000×2000 design (22_mounjaro-html-assets/coding-prompt.md §3–§4;
   look = 21_mounjaro-slides-ja-v3 PNG). Each slide is a square container; 1 design unit = 1/2000 of its width = 0.05cqw
   (--u), so the whole slide scales together and no text is shrunk on its own. Scoped to .jwc-slide (the gallery and its
   thumbnails): body, h2, p of the site are not touched. Fixed lines never wrap (one line of the admin text = one line). */

.jwc-slide {
  position: relative; display: block; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; container-type: inline-size;
  background: #fff; color: #1A2E44; text-align: left; letter-spacing: 0;
}
.jwc-slide > * { --u: 0.05cqw; }
.jwc-slide .jwc-slide__img { position: absolute; display: block; max-width: none; margin: 0; padding: 0; border: 0; pointer-events: none; }
.jwc-slide .jwc-slide__photo { inset: 0; width: 100%; height: 100%; object-fit: cover; }
.jwc-slide .jwc-slide__logo { width: auto; height: calc(78 * var(--u)); object-fit: contain; }
.jwc-slide__fade { position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.75) 45%, rgba(255, 255, 255, 0) 64%); }
.jwc-slide__band { position: absolute; left: 0; right: 0; background: #fff; }

/* words: bold gothic of the theme's headings (Hiragino → Noto Sans JP; 繁中 PingFang TC → Noto Sans TC; 简体字 PingFang SC) */
.jwc-slide .jwc-slide__text {
  position: absolute; margin: 0; padding: 0; font-family: var(--font-heading-family); font-size: calc(60 * var(--u));
  font-weight: 400; font-style: normal; line-height: 1.5; letter-spacing: 0; color: #1A2E44; white-space: nowrap;
  text-align: left; text-transform: none; word-break: normal; overflow-wrap: normal; text-wrap: nowrap;
}
.jwc-slide .jwc-slide__line { display: block; white-space: nowrap; }
.jwc-slide .jwc-slide__heading { left: calc(140 * var(--u)); top: calc(128 * var(--u)); width: calc(1720 * var(--u));
  font-size: calc(157 * var(--u)); font-weight: 700; line-height: 1.25; color: #008FD3; }
.jwc-slide .jwc-slide__heading--narrow { width: calc(1040 * var(--u)); }

/* S1: the photo (subject at the right), words at the left on a white fade. The words are one column from y270 in the
   marketing mock's order, gap and sizes (20_drug-slides/*/05_slides-mock.html, 373px wide = 2000 / 5.362; marketing 28
   §3, 2026-10-20): label 10.7px = 57 → heading 39px = 208 → hook (5の一言) 15.75px = 84, bold, 2 lines → body (作用の1行)
   11.6px = 62 → emphasis (帯) 15.75px = 84 → note 9.6px = 51; gap 9px = 48. */
.jwc-slide--s1 .jwc-slide__logo { left: calc(140 * var(--u)); top: calc(128 * var(--u)); }
.jwc-slide .jwc-slide__s1-stack { position: absolute; left: calc(140 * var(--u)); top: calc(270 * var(--u)); width: calc(1040 * var(--u));
  display: flex; flex-direction: column; align-items: flex-start; gap: calc(48 * var(--u)); }
.jwc-slide .jwc-slide__s1-stack .jwc-slide__text { position: static; }
.jwc-slide .jwc-slide__s1-label { font-size: calc(57 * var(--u)); font-weight: 700; }
.jwc-slide .jwc-slide__s1-heading { font-size: calc(208 * var(--u)); font-weight: 700; line-height: 1.15; color: #008FD3; }
.jwc-slide .jwc-slide__s1-hook { font-size: calc(84 * var(--u)); font-weight: 700; line-height: 1.4; }
.jwc-slide .jwc-slide__s1-body { font-size: calc(62 * var(--u)); }
.jwc-slide .jwc-slide__s1-emphasis { font-size: calc(84 * var(--u)); font-weight: 700; }
.jwc-slide .jwc-slide__s1-note { font-size: calc(51 * var(--u)); line-height: 1.55; color: rgba(26, 46, 68, 0.75); }
/* Japanese: the column holds 5 full-width letters of the heading (1040 / 208). A longer name on one line (「フィナステリド」
   「ジスロマック」; owner 2026-10-26, F-105: no break inside the name) is made smaller to fit, not run over the photo.
   --n = the line's letters (snippets/jwc-slide-lines.liquid) */
html[lang="ja"] .jwc-slide .jwc-slide__s1-heading .jwc-slide__line { font-size: min(1em, 5em / var(--n, 5)); }

/* English (and other languages in Latin letters): the marketing measured its English in Helvetica Neue (05_slides-mock-en.html);
   the site's Hiragino draws Latin letters wider, and 「Japan MD」 or the S2 lines did not fit their boxes. The slides use the
   mock's font on those pages (marketing 28, 2026-10-20; S1・S2 only; S3〜S8 and the rest of the page keep the site's font). Japanese, Chinese and
   Korean keep the site's fonts (the same as the mocks). */
html:not([lang|="ja"]):not([lang|="zh"]):not([lang|="ko"]) :is(.jwc-slide--s1, .jwc-slide--s2) {
  --font-heading-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* 「Herbal #16」 etc. (the kampo's 2nd line) are 1.02 of the heading's box even so: the English heading is a little smaller */
html:not([lang|="ja"]):not([lang|="zh"]):not([lang|="ko"]) .jwc-slide .jwc-slide__s1-heading { font-size: calc(200 * var(--u)); }
/* Mounjaro's S2 line below in 简体字 (日本医生视频问诊开药，日本国内正规流通的药品。) is 1.02 of its box at 76 */
html[lang="zh-CN"] .jwc-slide .jwc-slide__s2-closing { font-size: calc(74 * var(--u)); }

/* S2: the two pens side by side */
.jwc-slide__s2-col { position: absolute; top: 0; height: 100%; width: calc(820 * var(--u)); }
.jwc-slide__s2-col--left { left: calc(140 * var(--u)); }
.jwc-slide__s2-col--right { left: calc(1040 * var(--u)); }
.jwc-slide .jwc-slide__s2-pen { left: 0; top: calc(590 * var(--u)); width: calc(820 * var(--u)); height: calc(351.4286 * var(--u)); object-fit: contain; }
.jwc-slide .jwc-slide__s2-label { left: 0; top: calc(966 * var(--u)); font-weight: 700; }
.jwc-slide .jwc-slide__s2-quantity { left: 0; top: calc(1100 * var(--u)); font-size: calc(104 * var(--u)); font-weight: 700; line-height: 1.2; color: #008FD3; }
.jwc-slide .jwc-slide__s2-body { left: 0; top: calc(1280 * var(--u)); }
.jwc-slide .jwc-slide__s2-closing { left: calc(140 * var(--u)); top: calc(1658 * var(--u)); font-size: calc(76 * var(--u)); font-weight: 700; }
.jwc-slide .jwc-slide__s2-note { left: calc(140 * var(--u)); top: calc(1790 * var(--u)); font-size: calc(54 * var(--u)); color: rgba(26, 46, 68, 0.75); }

/* S2, the effect type (other medicines; owner 2026-10-17, marketing 20_drug-slides): three light-blue cards of 296 every 330
   from y600, each an icon in a white circle + a title (1 line) + one line; one line below at y1640 (68: 25 letters fit).
   Title 13.1px = 70 and line 9.6px = 51 of the mock (05_slides-mock.html .s-tt / .s-tb; marketing 28, 2026-10-20). */
.jwc-slide .jwc-slide__s2-points { position: absolute; left: calc(140 * var(--u)); top: calc(600 * var(--u)); width: calc(1720 * var(--u));
  margin: 0; padding: 0; list-style: none; }
.jwc-slide .jwc-slide__s2-point { position: absolute; left: 0; top: calc(var(--row) * 330 * var(--u)); width: 100%; height: calc(296 * var(--u));
  margin: 0; padding: 0; border-radius: calc(28 * var(--u)); background: #EEF7FD; }
.jwc-slide__s2-icon { position: absolute; left: calc(52 * var(--u)); top: calc(53 * var(--u)); width: calc(190 * var(--u)); height: calc(190 * var(--u));
  border-radius: 50%; background: #fff; }
.jwc-slide .jwc-slide__s2-icon .jwc-slide__img { left: calc(28 * var(--u)); top: calc(28 * var(--u)); width: calc(134 * var(--u)); height: calc(134 * var(--u));
  object-fit: contain; }
.jwc-slide .jwc-slide__s2-ptitle { left: calc(290 * var(--u)); top: calc(58 * var(--u)); font-size: calc(70 * var(--u)); font-weight: 700; line-height: 1.3; }
.jwc-slide .jwc-slide__s2-pbody { left: calc(290 * var(--u)); top: calc(164 * var(--u)); font-size: calc(51 * var(--u)); line-height: 1.4; }
.jwc-slide .jwc-slide__s2-footer { left: calc(140 * var(--u)); top: calc(1640 * var(--u)); font-size: calc(68 * var(--u)); font-weight: 700; line-height: 1.3; }

/* S3: the five checks, all HTML (header 2 rows of 66.3; 5 rows of 188; columns 740 / 40 / 940) */
.jwc-slide__s3-head { position: absolute; left: calc(140 * var(--u)); top: calc(570 * var(--u)); width: calc(1720 * var(--u)); height: calc(132.6 * var(--u)); }
.jwc-slide .jwc-slide__s3-head .jwc-slide__text { font-size: calc(51 * var(--u)); font-weight: 700; line-height: 1.3; color: rgba(26, 46, 68, 0.75); }
.jwc-slide .jwc-slide__s3-qh { left: 0; top: 0; }
.jwc-slide .jwc-slide__s3-oh { left: 0; top: calc(66.3 * var(--u)); width: calc(740 * var(--u)); }
.jwc-slide .jwc-slide__s3-head .jwc-slide__s3-uh { left: calc(800 * var(--u)); top: calc(66.3 * var(--u)); color: #1A2E44; }
.jwc-slide .jwc-slide__s3-rows { position: absolute; left: calc(140 * var(--u)); top: calc(720 * var(--u)); width: calc(1720 * var(--u));
  height: calc(940 * var(--u)); margin: 0; padding: 0; }
.jwc-slide__s3-row { position: absolute; left: 0; width: 100%; top: calc(var(--row) * 188 * var(--u)); height: calc(188 * var(--u));
  border-top: calc(2 * var(--u)) solid rgba(0, 143, 211, 0.25); box-sizing: border-box; }
.jwc-slide__s3-row:last-child { height: calc(190 * var(--u)); border-bottom: calc(2 * var(--u)) solid rgba(0, 143, 211, 0.25); }
.jwc-slide .jwc-slide__s3-q { position: static; margin: 0; }
.jwc-slide__s3-num { position: absolute; left: 0; top: calc(8 * var(--u)); width: calc(80 * var(--u)); height: calc(80 * var(--u));
  border-radius: 50%; background: #008FD3; color: #fff; font-family: var(--font-heading-family); font-size: calc(60 * var(--u));
  font-weight: 700; line-height: calc(80 * var(--u)); text-align: center; }
.jwc-slide .jwc-slide__s3-qtext { left: calc(120 * var(--u)); top: calc(8 * var(--u)); width: calc(1600 * var(--u)); font-weight: 700; line-height: 1.35; }
.jwc-slide .jwc-slide__s3-other, .jwc-slide .jwc-slide__s3-ours { position: absolute; top: calc(96 * var(--u)); height: calc(80 * var(--u));
  margin: 0; display: flex; align-items: center; gap: calc(18 * var(--u)); box-sizing: border-box; }
.jwc-slide .jwc-slide__s3-other { left: 0; width: calc(740 * var(--u)); color: rgba(26, 46, 68, 0.75); }
.jwc-slide .jwc-slide__s3-ours { left: calc(780 * var(--u)); width: calc(940 * var(--u)); padding: 0 calc(20 * var(--u)); background: #EEF7FD; }
.jwc-slide__s3-mark { flex: none; display: block; width: calc(58 * var(--u)); height: calc(58 * var(--u)); color: #1A2E44; }
.jwc-slide__s3-mark svg { display: block; width: 100%; height: 100%; }
.jwc-slide .jwc-slide__s3-atext { position: static; font-size: calc(51 * var(--u)); line-height: 1.3; }
.jwc-slide .jwc-slide__s3-other .jwc-slide__s3-atext { color: rgba(26, 46, 68, 0.75); }
.jwc-slide .jwc-slide__s3-ours .jwc-slide__s3-atext { font-weight: 700; }
.jwc-slide .jwc-slide__s3-closing { left: calc(140 * var(--u)); top: calc(1688 * var(--u)); width: calc(1720 * var(--u));
  font-size: calc(76 * var(--u)); font-weight: 700; line-height: 1.2; }
.jwc-slide--s3 .jwc-slide__logo { right: calc(140 * var(--u)); top: calc(1794 * var(--u)); }

/* S4: the hotel hand-over; white bands above and below the photo */
.jwc-slide--s4 .jwc-slide__band--top { top: 0; height: calc(730 * var(--u)); }
.jwc-slide--s4 .jwc-slide__band--bottom { top: calc(1330 * var(--u)); bottom: 0; }
.jwc-slide .jwc-slide__s4-emphasis { left: calc(140 * var(--u)); top: calc(579 * var(--u)); font-size: calc(84 * var(--u)); font-weight: 700; }
.jwc-slide .jwc-slide__s4-intro { left: calc(140 * var(--u)); top: calc(1370 * var(--u)); }
.jwc-slide .jwc-slide__s4-conds { position: absolute; left: calc(140 * var(--u)); top: calc(1480 * var(--u)); margin: 0; padding: 0; list-style: none; }
.jwc-slide .jwc-slide__s4-conds li { position: absolute; left: 0; top: calc(var(--row) * 96 * var(--u)); margin: 0; padding: 0;
  display: flex; white-space: nowrap; font-family: var(--font-heading-family); font-size: calc(64 * var(--u)); font-weight: 700; line-height: 1.5; }
.jwc-slide__s4-dot { color: #008FD3; }
.jwc-slide .jwc-slide__s4-cond { position: static; font-size: calc(64 * var(--u)); font-weight: 700; }
.jwc-slide .jwc-slide__s4-note { left: calc(140 * var(--u)); top: calc(1790 * var(--u)); font-size: calc(54 * var(--u)); color: rgba(26, 46, 68, 0.75); }

/* S5: the documents on the desk */
.jwc-slide--s5 .jwc-slide__band--top, .jwc-slide--s8 .jwc-slide__band--top { top: 0; height: calc(580 * var(--u)); }
.jwc-slide--s5 .jwc-slide__band--bottom, .jwc-slide--s8 .jwc-slide__band--bottom { top: calc(1400 * var(--u)); bottom: 0; }
.jwc-slide .jwc-slide__s5-scene { left: calc(140 * var(--u)); top: calc(1440 * var(--u)); }
.jwc-slide .jwc-slide__s5-limit { left: calc(140 * var(--u)); top: calc(1670 * var(--u)); }

/* S6: two big boxes on the desk (back: Tsumura x1224/y1200 w660; front: Mounjaro x700/y1260 w640; 1184 wide together) */
.jwc-slide .jwc-slide__s6-back { left: calc(1224 * var(--u)); top: calc(1200 * var(--u)); width: calc(660 * var(--u)); height: auto;
  aspect-ratio: 859 / 378; object-fit: contain; filter: drop-shadow(0 calc(16 * var(--u)) calc(18 * var(--u)) rgba(26, 46, 68, 0.16)); }
.jwc-slide .jwc-slide__s6-front { left: calc(700 * var(--u)); top: calc(1260 * var(--u)); width: calc(640 * var(--u)); height: auto;
  aspect-ratio: 489 / 289; object-fit: contain; filter: drop-shadow(0 calc(18 * var(--u)) calc(20 * var(--u)) rgba(26, 46, 68, 0.18)); }
.jwc-slide .jwc-slide__s6-body { left: calc(140 * var(--u)); top: calc(636 * var(--u)); width: calc(1040 * var(--u)); font-size: calc(64 * var(--u)); }

/* S7: the chat apps and a conversation */
.jwc-slide .jwc-slide__s7-apps { position: absolute; left: calc(140 * var(--u)); top: calc(760 * var(--u)); width: calc(1720 * var(--u));
  margin: 0; padding: 0; list-style: none; }
.jwc-slide .jwc-slide__s7-apps li { position: absolute; top: 0; left: calc(var(--col) * 344 * var(--u)); width: calc(344 * var(--u));
  margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; gap: calc(24 * var(--u)); }
.jwc-slide .jwc-slide__s7-icon { position: static; width: calc(170 * var(--u)); height: calc(170 * var(--u)); object-fit: contain; }
.jwc-slide .jwc-slide__s7-name { position: static; font-size: calc(51 * var(--u)); line-height: 1.3; text-align: center; }
.jwc-slide .jwc-slide__bubble { box-sizing: border-box; border-radius: calc(42 * var(--u)); }
.jwc-slide .jwc-slide__bubble--guest { left: calc(540 * var(--u)); top: calc(1070 * var(--u)); width: calc(1320 * var(--u)); height: calc(160 * var(--u));
  padding: calc(35 * var(--u)) calc(50 * var(--u)); background: #E1F1FB; }
.jwc-slide .jwc-slide__bubble--guest::after { content: ""; position: absolute; right: calc(-4 * var(--u)); bottom: calc(-26 * var(--u));
  width: calc(34 * var(--u)); height: calc(34 * var(--u)); background: #E1F1FB; clip-path: polygon(0 0, 100% 0, 100% 100%); }
.jwc-slide .jwc-slide__bubble--clinic { left: calc(140 * var(--u)); top: calc(1284 * var(--u)); width: calc(1720 * var(--u)); height: calc(240 * var(--u));
  padding: calc(26 * var(--u)) calc(50 * var(--u)); background: #fff; border: calc(3 * var(--u)) solid rgba(0, 143, 211, 0.5); }
.jwc-slide .jwc-slide__bubble--clinic::before, .jwc-slide .jwc-slide__bubble--clinic::after { content: ""; position: absolute;
  clip-path: polygon(0 0, 100% 0, 0 100%); }
.jwc-slide .jwc-slide__bubble--clinic::before { left: calc(-3 * var(--u)); bottom: calc(-33 * var(--u)); width: calc(38 * var(--u)); height: calc(38 * var(--u));
  background: rgba(0, 143, 211, 0.5); }
.jwc-slide .jwc-slide__bubble--clinic::after { left: 0; bottom: calc(-26 * var(--u)); width: calc(30 * var(--u)); height: calc(30 * var(--u)); background: #fff; }
.jwc-slide .jwc-slide__s7-body { left: calc(140 * var(--u)); top: calc(1580 * var(--u)); width: calc(1720 * var(--u)); font-weight: 700; }
.jwc-slide .jwc-slide__s7-note { left: calc(140 * var(--u)); top: calc(1791 * var(--u)); width: calc(1720 * var(--u)); font-size: calc(54 * var(--u));
  color: rgba(26, 46, 68, 0.75); }

/* S8: the doctor and the clinic's name */
.jwc-slide .jwc-slide__s8-body { left: calc(140 * var(--u)); top: calc(1440 * var(--u)); }
.jwc-slide .jwc-slide__s8-note { left: calc(140 * var(--u)); top: calc(1600 * var(--u)); font-size: calc(54 * var(--u)); color: rgba(26, 46, 68, 0.75); }
.jwc-slide--s8 .jwc-slide__logo { left: calc(140 * var(--u)); top: calc(1794 * var(--u)); }

/* in Dawn's gallery: the slide fills the item (no zoom); thumbnails show the same slide small */
.jwc-slides .jwc-slides__item { display: block; }
.jwc-slides .thumbnail .jwc-slide { position: absolute; inset: 0; width: 100%; height: 100%; }
@media (prefers-reduced-motion: reduce) {
  .jwc-slides .slider { scroll-behavior: auto; }
}