@charset "UTF-8";

/* Figma: PC 1920px / SP 375px. Desktop dimensions scale below 1440px. */
.matsuzaka-page { --pc: 1px; min-width: 0; width: 100%; color: #333; background: #fff; font-family: "Zen Kaku Gothic New", sans-serif; }
.matsuzaka-page :where(.matsuzaka-design) :where(div,section,header,article,aside,h1,h2,h3,h4,p,span,a,ul,ol,li,dl,dt,dd,time,strong,b,small,em,i) { font-family: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; }
.matsuzaka-page .matsuzaka-design, .matsuzaka-page :where(.matsuzaka-design) * { box-sizing: border-box; }
.matsuzaka-page :where(.matsuzaka-design) { font-size: calc(16 * var(--pc)); font-weight: 400; line-height: 1.5; overflow: clip; }
.matsuzaka-page :where(.matsuzaka-design) :is(h1,h2,h3,h4,p,ul,ol,dl,dt,dd) { margin: 0; padding: 0; }
.matsuzaka-page :where(.matsuzaka-design) :is(h1,h2,h3,h4) { font-size: inherit; font-weight: 700; }
.matsuzaka-page :where(.matsuzaka-design) :is(ul,ol) { list-style: none; }
.matsuzaka-page :where(.matsuzaka-design) img { display: block; max-width: 100%; }
.matsuzaka-page :where(.matsuzaka-design) a { color: inherit; text-decoration: none; }
.matsuzaka-page :where(.matsuzaka-design) strong { font-weight: 500; }
.matsuzaka-page :where(.matsuzaka-design) em { font-style: normal; text-decoration: underline; text-decoration-color: #eacd50; text-decoration-thickness: calc(2 * var(--pc)); text-underline-offset: calc(3 * var(--pc)); }
.matsuzaka-page .matsu-sp-only { display: none; }
.matsuzaka-page .matsu-nowrap { white-space: nowrap; }
.matsuzaka-page :is(.matsu-button,.matsu-fv__cta,.matsu-outline-button,.matsu-floating-cta):focus-visible { outline: calc(3 * var(--pc)) solid #0074cc; outline-offset: calc(5 * var(--pc)); }
.matsuzaka-page :is(.matsu-button,.matsu-outline-button) { transition: filter .2s; }
.matsuzaka-page :is(.matsu-button,.matsu-outline-button):hover { filter: brightness(1.07); }

.matsuzaka-page .matsu-fv { max-width: calc(2560 * var(--pc)); margin: 0 auto; }
.matsuzaka-page .matsu-fv picture, .matsuzaka-page .matsu-fv picture img { display: block; width: 100%; height: auto; }
.matsuzaka-page .matsu-fv__band { position: relative; }
.matsuzaka-page .matsu-fv__cta { position: absolute; left: 80.2297%; top: 9.4595%; width: 6.6667%; border-radius: 50%; }
.matsuzaka-page .matsu-fv__cta img { width: 100%; height: auto; }
.matsuzaka-page .matsu-eyebrow { display: flex; justify-content: center; align-items: center; gap: calc(8 * var(--pc)); color: #0064b0; font: 400 calc(20 * var(--pc))/calc(23 * var(--pc)) Roboto, sans-serif; letter-spacing: calc(1 * var(--pc)); }
.matsuzaka-page .matsu-eyebrow::before, .matsuzaka-page .matsu-eyebrow::after { content: ""; width: calc(28 * var(--pc)); height: calc(1 * var(--pc)); background: currentColor; }
.matsuzaka-page .matsu-section-heading { position: relative; text-align: center; }
.matsuzaka-page .matsu-section-heading h2 { font-size: calc(50 * var(--pc)); line-height: 1.44; letter-spacing: calc(2.5 * var(--pc)); }

.matsuzaka-page .matsu-overview { background: #f6f9fc url("img/bg-overview-pc.webp") center top / calc(1920 * var(--pc)) calc(882.628 * var(--pc)) no-repeat; }
.matsuzaka-page .matsu-overview__inner { max-width: calc(989.148 * var(--pc)); margin: auto; padding: calc(128 * var(--pc)) 0 calc(140 * var(--pc)); }
.matsuzaka-page .matsu-overview__headline { position: relative; width: calc(742.244 * var(--pc)); margin: calc(52 * var(--pc)) auto calc(48 * var(--pc)); }
.matsuzaka-page .matsu-overview__headline h2 { position: relative; aspect-ratio: 742.244 / 114.094; }
/* The Figma heading's brush and script extend outside its layout bounds. */
.matsuzaka-page .matsu-overview__headline h2 img { position: absolute; left: 0; top: -48.9557%; width: 135.8731%; height: auto; max-width: none; }
.matsuzaka-page .matsu-overview__script { display: none; }
/* Reserve the skew's 8.149px overhang so the visible frame bounds remain 8px apart. */
.matsuzaka-page .matsu-features { display: flex; align-items: center; justify-content: center; gap: calc(16.149 * var(--pc)); height: calc(77.534 * var(--pc)); padding-inline: calc(4.075 * var(--pc)) !important; }
.matsuzaka-page .matsu-features li { display: flex; flex: 1 1 calc(332.234 * var(--pc)); min-width: 0; align-items: center; justify-content: center; gap: calc(4 * var(--pc)); height: calc(77.961 * var(--pc)); padding: calc(4 * var(--pc)) calc(28 * var(--pc)) calc(4 * var(--pc)) calc(12 * var(--pc)); border: calc(3 * var(--pc)) solid #0064b0; border-radius: calc(4 * var(--pc)); background: #fffdf3; box-shadow: calc(4 * var(--pc)) calc(2 * var(--pc)) #60aad5; color: #0064b0; font-size: calc(24 * var(--pc)); font-weight: 700; transform: skewX(-6deg) scaleY(.994522); }
.matsuzaka-page .matsu-features li:first-child { flex-basis: calc(284.234 * var(--pc)); }
.matsuzaka-page .matsu-features img { width: calc(64 * var(--pc)); height: calc(64 * var(--pc)); object-fit: contain; }
.matsuzaka-page .matsu-overview__copy { --copy-line-height: calc(36 * var(--pc)); --copy-underline-top: calc(32.882 * var(--pc)); margin-top: calc(48 * var(--pc)); font-size: calc(20 * var(--pc)); font-weight: 500; line-height: var(--copy-line-height); }
.matsuzaka-page .matsu-overview__copy p + p { margin-top: calc(12 * var(--pc)); }
.matsuzaka-page .matsu-overview__copy p { position: relative; }
.matsuzaka-page .matsu-overview__copy em { text-decoration: none; background: linear-gradient(#d4ab00d4, #d4ab00d4) left bottom / 100% calc(2 * var(--pc)) no-repeat; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
/* Keep Figma's round-ended lines; use one offset per text line for a consistent baseline gap. */
@media (min-width: 769px) {
  .matsuzaka-page .matsu-overview__copy em { background: none; }
  .matsuzaka-page .matsu-overview__copy p::before, .matsuzaka-page .matsu-overview__copy p:nth-child(n+3)::after { content: ""; position: absolute; top: var(--copy-underline-top); height: calc(2 * var(--pc)); border-radius: calc(1 * var(--pc)); background: #d4ab00d4; pointer-events: none; }
  .matsuzaka-page .matsu-overview__copy p:nth-child(n+3)::after { top: calc(var(--copy-line-height) + var(--copy-underline-top)); }
  .matsuzaka-page .matsu-overview__copy p:nth-child(1)::before { left: calc(7.574 * var(--pc)); width: calc(126 * var(--pc)); }
  .matsuzaka-page .matsu-overview__copy p:nth-child(2)::before { left: calc(379.574 * var(--pc)); width: calc(144 * var(--pc)); }
  .matsuzaka-page .matsu-overview__copy p:nth-child(3)::before { left: calc(838.574 * var(--pc)); width: calc(140 * var(--pc)); }
  .matsuzaka-page .matsu-overview__copy p:nth-child(3)::after { left: calc(-1.426 * var(--pc)); width: calc(114 * var(--pc)); }
  .matsuzaka-page .matsu-overview__copy p:nth-child(4)::before { left: calc(950.574 * var(--pc)); width: calc(31 * var(--pc)); }
  .matsuzaka-page .matsu-overview__copy p:nth-child(4)::after { left: calc(-1.426 * var(--pc)); width: calc(114 * var(--pc)); }
}

.matsuzaka-page .matsu-benefits { position: relative; min-height: calc(1033 * var(--pc)); padding: calc(380 * var(--pc)) calc(32 * var(--pc)) calc(214 * var(--pc)); background: #20a0db url("img/bg-benefits-pc.webp") center top / calc(1920 * var(--pc)) calc(1033 * var(--pc)) no-repeat; }
/* Keep the lettering independent of the stadium background's cover scaling. */
.matsuzaka-page .matsu-benefits__challenge { position: absolute; bottom: calc(12.147 * var(--pc)); left: 50%; width: calc(1380.336 * var(--pc)); height: calc(187.481 * var(--pc)); transform: translateX(-50%); pointer-events: none; }
.matsuzaka-page .matsu-benefits__title { position: absolute; top: calc(123.644 * var(--pc)); left: calc(50% - calc(246.604 * var(--pc))); width: calc(572.5 * var(--pc)); height: calc(199.5 * var(--pc)); }
.matsuzaka-page .matsu-benefits__title img { width: 100%; height: 100%; }
.matsuzaka-page .matsu-benefits__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(40 * var(--pc)); max-width: calc(1160 * var(--pc)); margin: auto; }
.matsuzaka-page .matsu-benefit { position: relative; min-height: calc(439 * var(--pc)); padding: calc(40 * var(--pc)) calc(28 * var(--pc)); background: white; border-radius: calc(12 * var(--pc)); box-shadow: calc(4 * var(--pc)) calc(4 * var(--pc)) calc(4 * var(--pc)) #52abd740; }
.matsuzaka-page .matsu-benefit__number { position: absolute; top: calc(16 * var(--pc)); left: calc(18 * var(--pc)); width: calc(81 * var(--pc)); display: flex; flex-direction: column; align-items: center; text-align: center; gap: calc(10 * var(--pc)); color: #0174cc; font: 400 calc(72 * var(--pc))/calc(51 * var(--pc)) Roboto, sans-serif; }
.matsuzaka-page .matsu-benefit__number span { color: #6f6f6f; font-size: calc(24 * var(--pc)); line-height: calc(17 * var(--pc)); letter-spacing: calc(.96 * var(--pc)); }
.matsuzaka-page .matsu-benefit__top { display: flex; flex-direction: column; align-items: center; gap: calc(8 * var(--pc)); padding-bottom: calc(24 * var(--pc)); border-bottom: calc(1 * var(--pc)) solid #c9c7c7; }
.matsuzaka-page .matsu-benefit__top img { width: calc(124 * var(--pc)); height: calc(127 * var(--pc)); }
.matsuzaka-page .matsu-benefit h3 { position: relative; letter-spacing: calc(1.15 * var(--pc)); font-size: calc(20 * var(--pc)); text-align: center; line-height: 1.36; white-space: nowrap; }
.matsuzaka-page .matsu-benefit h3 strong { display: block; font-size: calc(28 * var(--pc)); font-weight: 700; text-decoration: none; }
.matsuzaka-page .matsu-benefit h3::after { content: ""; position: absolute; left: calc(50% - calc(3 * var(--pc))); bottom: calc(-4 * var(--pc)); transform: translateX(-50%); height: calc(4 * var(--pc)); width: calc(235 * var(--pc)); border-radius: calc(2 * var(--pc)); background: #eacd50; }
.matsuzaka-page .matsu-benefit:nth-child(n+2) h3::after { width: calc(197 * var(--pc)); }
.matsuzaka-page .matsu-benefit > p { margin-top: calc(24 * var(--pc)); font-size: calc(16 * var(--pc)); line-height: 1.7; }
.matsuzaka-page .matsu-benefit > p strong { color: #0174cc; }

/* Let the adjacent section backgrounds fill the area outside each rounded corner. */
.matsuzaka-page .matsu-program { --program-radius: calc(48 * var(--pc)); position: relative; z-index: 1; margin-block: calc(-1 * var(--program-radius)); border-radius: var(--program-radius); overflow: hidden; color: white; background: #003274 url("img/bg-program-pc.webp") center top / calc(1920 * var(--pc)) calc(1125 * var(--pc)) no-repeat; }
.matsuzaka-page .matsu-program__inner { max-width: calc(1280 * var(--pc)); margin: auto; padding: calc(120 * var(--pc)) 0 calc(160 * var(--pc)); }
.matsuzaka-page .matsu-program .matsu-eyebrow { color: white; font-size: calc(18 * var(--pc)); line-height: calc(21 * var(--pc)); letter-spacing: calc(.9 * var(--pc)); }
.matsuzaka-page .matsu-program__subtitle { padding-top: calc(16 * var(--pc)); font-size: calc(24 * var(--pc)); line-height: calc(17 * var(--pc)); letter-spacing: calc(1.2 * var(--pc)); font-weight: 500; }
.matsuzaka-page .matsu-program__columns { display: grid; grid-template-columns: minmax(0, calc(507 * var(--pc))) minmax(0, calc(635 * var(--pc))); min-height: calc(631 * var(--pc)); align-items: start; justify-content: space-between; gap: calc(40 * var(--pc)); margin-top: calc(88 * var(--pc)); }
.matsuzaka-page .matsu-timeline h3 { display: flex; gap: calc(9 * var(--pc)); align-items: center; color: #eacd50; font-size: calc(32 * var(--pc)); font-weight: 500; }
.matsuzaka-page .matsu-timeline h3 img { width: calc(46 * var(--pc)); height: calc(46 * var(--pc)); }
/* Optically align the Japanese glyph bottoms with Program without moving the icon or rule. */
.matsuzaka-page .matsu-timeline h3 > span { transform: translateY(calc(-2 * var(--pc))); }
.matsuzaka-page .matsu-timeline h3 small { font: 400 calc(22 * var(--pc)) Roboto, sans-serif; color: white; }
.matsuzaka-page .matsu-timeline ol { display: flex; flex-direction: column; gap: calc(40 * var(--pc)); margin-top: calc(36 * var(--pc)); }
.matsuzaka-page .matsu-timeline li { position: relative; display: grid; grid-template-columns: calc(100 * var(--pc)) 1fr; gap: calc(74 * var(--pc)); min-height: calc(49 * var(--pc)); align-items: start; }
.matsuzaka-page .matsu-timeline time { font: 400 calc(32 * var(--pc))/calc(49 * var(--pc)) Roboto, sans-serif; color: #eacd50; }
.matsuzaka-page .matsu-timeline li::before { content: ""; position: absolute; left: calc(100 * var(--pc)); top: 0; width: calc(49 * var(--pc)); height: calc(49 * var(--pc)); border: calc(1 * var(--pc)) solid white; border-radius: 50%; background: radial-gradient(circle, white 0 calc(10 * var(--pc)), transparent calc(10.5 * var(--pc))); z-index: 1; }
.matsuzaka-page .matsu-timeline li::after { content: ""; position: absolute; left: calc(124 * var(--pc)); top: calc(49 * var(--pc)); bottom: calc(-40 * var(--pc)); width: calc(1 * var(--pc)); background: white; }
.matsuzaka-page .matsu-timeline li:last-child::after { display: none; }
.matsuzaka-page .matsu-timeline li > div { padding-top: calc(8 * var(--pc)); font-size: calc(26 * var(--pc)); font-weight: 500; line-height: 1.2; letter-spacing: calc(3.12 * var(--pc)); }
.matsuzaka-page .matsu-timeline li small { display: block; margin-top: 0; line-height: calc(20 * var(--pc)); font-size: calc(20 * var(--pc)); font-weight: 400; letter-spacing: 0; white-space: nowrap; }
.matsuzaka-page .matsu-timeline__note { margin-top: calc(36 * var(--pc)); font-size: calc(18 * var(--pc)); text-align: left; }
.matsuzaka-page .matsu-timeline li:first-child > div { padding-top: 0; }
.matsuzaka-page .matsu-timeline li:first-child { min-height: calc(52 * var(--pc)); }
.matsuzaka-page .matsu-timeline li:nth-child(4) { min-height: calc(66 * var(--pc)); }
.matsuzaka-page .matsu-timeline li:nth-child(4) > div { padding-top: 0; }
.matsuzaka-page .matsu-timeline h3::after { content: ""; height: calc(1 * var(--pc)); flex: 1; margin-left: calc(8 * var(--pc)); background: #ffffff80; }
.matsuzaka-page .matsu-price-card { position: relative; min-height: calc(631 * var(--pc)); padding: calc(64 * var(--pc)) calc(48 * var(--pc)) calc(48 * var(--pc)); margin-top: 0; color: #333; border-radius: calc(12 * var(--pc)); background: white; }
.matsuzaka-page .matsu-price-card h3 { position: absolute; top: calc(-23 * var(--pc)); left: 50%; transform: translateX(-50%); width: calc(195 * var(--pc)); height: calc(46 * var(--pc)); }
.matsuzaka-page .matsu-price-card h3 img { width: 100%; height: 100%; }
/* Keep Figma's layout height; exported text ink extends slightly below it. */
.matsuzaka-page .matsu-price-card__prices { position: relative; display: block; width: 100%; aspect-ratio: 539 / 196; }
.matsuzaka-page .matsu-price-card__prices img { position: absolute; width: 100%; height: auto; }
.matsuzaka-page .matsu-apply { display: flex; flex-direction: column; align-items: center; gap: calc(2 * var(--pc)); margin: calc(40 * var(--pc)) auto 0; max-width: calc(423 * var(--pc)); text-align: center; }
.matsuzaka-page .matsu-apply > p { position: relative; display: inline-block; background: #fff6d9; border-radius: calc(7 * var(--pc)); padding: calc(8 * var(--pc)) calc(17 * var(--pc)); font-size: calc(16 * var(--pc)); font-weight: 500; line-height: calc(11 * var(--pc)); }
/* Match the tail's visible bounds; its tip overlaps the button by 7.266px on PC. */
.matsuzaka-page .matsu-apply > p::after { content: ""; position: absolute; left: calc(50% - calc(6.495 * var(--pc))); top: calc(24.266 * var(--pc)); width: calc(12.99 * var(--pc)); height: calc(12 * var(--pc)); background: #fff6d9; clip-path: polygon(0 0,100% 0,50% 100%); z-index: 1; }
.matsuzaka-page .matsu-button { display: flex; align-items: center; justify-content: center; gap: calc(20 * var(--pc)); width: 100%; min-height: calc(70 * var(--pc)); padding: calc(12 * var(--pc)) calc(16 * var(--pc)); border-radius: calc(999 * var(--pc)); background: linear-gradient(#f4d873,#f3d050 59%,#f3ca37); box-shadow: calc(4 * var(--pc)) calc(4 * var(--pc)) calc(4 * var(--pc)) #0000001a; font-size: calc(28 * var(--pc)); font-weight: 500; letter-spacing: calc(1.4 * var(--pc)); line-height: 1; }
.matsuzaka-page .matsu-button img { width: calc(38 * var(--pc)); height: calc(38 * var(--pc)); }
.matsuzaka-page .matsu-online-notice { position: relative; box-shadow: inset 0 calc(1 * var(--pc)) #c9c7c7; margin-top: calc(52 * var(--pc)); padding: calc(24 * var(--pc)) 0 0; }
.matsuzaka-page .matsu-online-notice h4::before, .matsuzaka-page .matsu-online-notice h4::after { content: ""; position: absolute; top: 0; width: calc(7.5 * var(--pc)); height: 100%; background: #d0e8ea; }
.matsuzaka-page .matsu-online-notice h4::before { right: 100%; clip-path: polygon(100% 0,100% 100%,0 50%); }
.matsuzaka-page .matsu-online-notice h4::after { left: 100%; clip-path: polygon(0 0,100% 50%,0 100%); }
.matsuzaka-page .matsu-online-notice h4 { position: absolute; top: calc(-14 * var(--pc)); left: 50%; transform: translateX(-50%); padding: calc(4 * var(--pc)) calc(20 * var(--pc)) calc(6 * var(--pc)); background: #d0e8ea; font-size: calc(16 * var(--pc)); font-weight: 400; line-height: 1; white-space: nowrap; }
.matsuzaka-page .matsu-online-notice ul { padding-inline: calc(22.5 * var(--pc)); font-size: calc(15 * var(--pc)); line-height: 1.8; }
.matsuzaka-page .matsu-online-notice li { position: relative; }
.matsuzaka-page .matsu-online-notice li::before { content: ""; position: absolute; left: calc(-12 * var(--pc)); top: calc(13 * var(--pc)); width: calc(2 * var(--pc)); height: calc(2 * var(--pc)); border-radius: 50%; background: currentColor; }

.matsuzaka-page .matsu-speakers { background: #eef7fc url("img/bg-speakers-pc.webp") center top / calc(1920 * var(--pc)) calc(1358 * var(--pc)) no-repeat; }
.matsuzaka-page .matsu-speakers__inner { max-width: calc(1315 * var(--pc)); margin: auto; padding: calc(168 * var(--pc)) 0 calc(132 * var(--pc)); }
.matsuzaka-page .matsu-speakers__script { position: absolute; left: calc(50% + calc(424 * var(--pc))); top: calc(32 * var(--pc)); width: calc(248 * var(--pc)); height: calc(111 * var(--pc)); }
.matsuzaka-page .matsu-speakers__subtitle { width: min(calc(741 * var(--pc)), 100%); margin: 0 auto; padding-top: calc(16 * var(--pc)); color: #00244e; font-size: calc(18 * var(--pc)); font-weight: 500; line-height: calc(26 * var(--pc)); }
/* Paint only the highlight strip so wrapped lines retain a visible gap. */
.matsuzaka-page .matsu-speakers__subtitle strong { color: #2b83c7; font-weight: 700; background: linear-gradient(white, white) center / 100% calc(24 * var(--pc)) no-repeat; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.matsuzaka-page .matsu-speakers__subtitle .matsu-speakers__highlight--name { color: #0064b0; background-size: calc(100% - calc(9 * var(--pc))) calc(24 * var(--pc)); }
.matsuzaka-page .matsu-speakers__highlight--session { padding-inline: calc(3 * var(--pc)); margin-inline: calc(-3 * var(--pc)); }
.matsuzaka-page .matsu-speakers__subtitle-end { letter-spacing: calc(2.4 * var(--pc)); }
.matsuzaka-page .matsu-speakers__cards { display: grid; grid-template-columns: minmax(0,calc(612 * var(--pc))) calc(43 * var(--pc)) minmax(0,calc(620 * var(--pc))); gap: calc(20 * var(--pc)); align-items: center; margin-top: calc(60 * var(--pc)); }
.matsuzaka-page .matsu-speaker { align-self: stretch; padding: calc(44 * var(--pc)) calc(36 * var(--pc)); border-radius: calc(12 * var(--pc)); background: white; box-shadow: calc(4 * var(--pc)) calc(4 * var(--pc)) calc(4 * var(--pc)) #52abd740; }
.matsuzaka-page .matsu-speaker__top { display: grid; grid-template-columns: calc(224 * var(--pc)) minmax(0,1fr); grid-template-rows: auto 1fr; gap: calc(20 * var(--pc)); min-height: calc(316 * var(--pc)); }
.matsuzaka-page .matsu-speaker--mc .matsu-speaker__top { grid-template-columns: calc(226 * var(--pc)) minmax(0,1fr); column-gap: calc(16 * var(--pc)); }
.matsuzaka-page .matsu-speaker__photo { grid-row: 1 / 3; width: calc(224 * var(--pc)); height: calc(316 * var(--pc)); object-fit: cover; object-position: top; }
.matsuzaka-page .matsu-speaker--mc .matsu-speaker__photo { width: calc(226 * var(--pc)); height: calc(318 * var(--pc)); }
.matsuzaka-page .matsu-speaker__label { display: inline-block; border-radius: calc(14 * var(--pc)); padding: calc(4 * var(--pc)) calc(20 * var(--pc)) calc(6 * var(--pc)); color: white; background: #0064b0; font-size: calc(16 * var(--pc)); line-height: 1; }
.matsuzaka-page .matsu-speaker--mc .matsu-speaker__label { color: #00244e; background: #d7e4ee; letter-spacing: calc(3.2 * var(--pc)); }
.matsuzaka-page .matsu-speaker h3 { margin-top: calc(12 * var(--pc)); font-size: calc(32 * var(--pc)); font-weight: 500; line-height: 1; }
.matsuzaka-page .matsu-speaker h3 small { font-size: calc(24 * var(--pc)); }
.matsuzaka-page .matsu-speaker__role { margin-top: calc(4 * var(--pc)); font-size: calc(14 * var(--pc)); line-height: calc(20 * var(--pc)); white-space: nowrap; }
.matsuzaka-page .matsu-speaker--mc .matsu-speaker__role { font-size: calc(15 * var(--pc)); }
.matsuzaka-page .matsu-speaker__points { display: flex; flex-direction: column; justify-content: center; gap: calc(16 * var(--pc)); border: calc(1 * var(--pc)) solid #99c1df; border-radius: calc(8 * var(--pc)); padding: calc(12 * var(--pc)) calc(16 * var(--pc)) !important; font-size: calc(16 * var(--pc)); line-height: 1.44; }
.matsuzaka-page .matsu-speaker__points li { position: relative; padding-left: calc(32 * var(--pc)); }
.matsuzaka-page .matsu-speaker__points li::before { content: ""; position: absolute; left: 0; top: calc(50% - calc(12 * var(--pc))); width: calc(24 * var(--pc)); height: calc(24 * var(--pc)); background: url("img/icon-check.webp") center / contain no-repeat; }
/* Draw each wrapped fragment at the same distance from the font box's bottom. */
.matsuzaka-page .matsu-speaker__points em { text-decoration: none; background: linear-gradient(#c9970a, #c9970a) left calc(100% - calc(.88 * var(--pc))) / 100% calc(1.5 * var(--pc)) no-repeat; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.matsuzaka-page .matsu-speaker__bio { padding-top: calc(24 * var(--pc)); border-top: calc(1 * var(--pc)) solid #99c1df; margin-top: calc(24 * var(--pc)); font-size: calc(16 * var(--pc)); line-height: 1.8; }
.matsuzaka-page .matsu-speaker__bio strong { color: #0064b0; }
.matsuzaka-page .matsu-speakers__cross { display: flex; align-items: center; justify-content: center; position: relative; width: calc(43 * var(--pc)); height: calc(43 * var(--pc)); border-radius: 50%; color: transparent; background: #e0b300; font-size: 0; }
.matsuzaka-page .matsu-speakers__cross::before, .matsuzaka-page .matsu-speakers__cross::after { content: ""; position: absolute; width: calc(26 * var(--pc)); height: calc(1 * var(--pc)); background: white; transform: rotate(45deg); }
.matsuzaka-page .matsu-speakers__cross::after { transform: rotate(-45deg); }
.matsuzaka-page .matsu-comment { position: relative; display: flex; gap: calc(15 * var(--pc)); align-items: center; width: calc(838 * var(--pc)); max-width: 100%; margin: calc(84 * var(--pc)) auto 0; padding: calc(32 * var(--pc)); border-radius: calc(17 * var(--pc)); background: white; }
.matsuzaka-page .matsu-comment::before { content: ""; position: absolute; left: calc(50% - calc(16 * var(--pc))); top: calc(-24 * var(--pc)); width: calc(32 * var(--pc)); height: calc(25 * var(--pc)); background: white; clip-path: polygon(50% 0,100% 100%,0 100%); }
.matsuzaka-page .matsu-comment__title { flex-shrink: 0; padding-left: calc(17 * var(--pc)); border-left: calc(8 * var(--pc)) solid #0064b0; }
.matsuzaka-page .matsu-comment__title img { width: calc(54 * var(--pc)); height: calc(49 * var(--pc)); }
.matsuzaka-page .matsu-comment__title h3 { display: none; }
.matsuzaka-page .matsu-comment > p { flex: 1; min-width: 0; font-size: calc(16 * var(--pc)); line-height: 1.8; letter-spacing: calc(-.08 * var(--pc)); }
.matsuzaka-page .matsu-comment strong { color: #c9970a; }

.matsuzaka-page .matsu-event__inner { max-width: calc(882 * var(--pc)); margin: auto; padding: calc(112 * var(--pc)) 0 calc(148 * var(--pc)); }
.matsuzaka-page .matsu-event .matsu-section-heading { margin-bottom: calc(60 * var(--pc)); }
.matsuzaka-page .matsu-details { display: flex; flex-direction: column; gap: calc(1 * var(--pc)); font-size: calc(16 * var(--pc)); line-height: 1.5; }
.matsuzaka-page .matsu-details > div { display: grid; grid-template-columns: calc(278 * var(--pc)) 1fr; }
.matsuzaka-page .matsu-details dt { display: flex; align-items: center; justify-content: center; padding: calc(12 * var(--pc)); color: white; background: #0064b0; }
.matsuzaka-page .matsu-details dd { padding: calc(24 * var(--pc)) calc(32 * var(--pc)); border-bottom: 0; }
.matsuzaka-page .matsu-details strong { font-weight: 700; }
.matsuzaka-page .matsu-station { color: #c9970a; font-family: Roboto,sans-serif; line-height: 1; }
.matsuzaka-page .matsu-access { position: relative; padding-left: calc(16 * var(--pc)); margin-top: calc(8 * var(--pc)); font-size: calc(14 * var(--pc)); }
.matsuzaka-page .matsu-access img { position: absolute; left: 0; top: calc(1.5 * var(--pc)); width: calc(12 * var(--pc)); height: calc(18 * var(--pc)); }
.matsuzaka-page .matsu-outline-button img { flex-shrink: 0; object-fit: contain; }
.matsuzaka-page .matsu-outline-button img:last-child { width: calc(12 * var(--pc)); height: calc(12 * var(--pc)); }
.matsuzaka-page .matsu-outline-button { display: flex; justify-content: center; align-items: center; gap: calc(12 * var(--pc)); border: 0; border-radius: 0; width: fit-content; min-width: 0; min-height: calc(20 * var(--pc)); margin: 0; padding: 0; font-size: calc(16 * var(--pc)); line-height: 1.5; }
.matsuzaka-page .matsu-outline-button > span:last-child { color: #0074cc; font-size: calc(28 * var(--pc)); line-height: 1; }
.matsuzaka-page .matsu-details__address .matsu-outline-button { margin-top: calc(16 * var(--pc)); }
.matsuzaka-page .matsu-details__fees p + p { margin-top: calc(6 * var(--pc)); }
.matsuzaka-page .matsu-details__fees p > span { display: inline-block; min-width: 0; margin-right: calc(4 * var(--pc)); padding: 0 calc(6 * var(--pc)); color: #00244e; background: #d7e4ee; text-align: center; }
.matsuzaka-page .matsu-receipt { margin-top: calc(8 * var(--pc)); color: #888; font-size: calc(12 * var(--pc)); line-height: 1.5; }
.matsuzaka-page .matsu-attendance { margin-top: calc(40 * var(--pc)); border: 0; }
.matsuzaka-page .matsu-attendance h3 { width: calc(292 * var(--pc)); display: flex; align-items: center; gap: calc(4 * var(--pc)); padding: calc(6 * var(--pc)) calc(16 * var(--pc)); background: #0064b0; color: #fff; font-size: calc(16 * var(--pc)); line-height: calc(18 * var(--pc)); font-weight: 400; clip-path: polygon(0 0,90% 0,100% 100%,0 100%); }
.matsuzaka-page .matsu-attendance ol { min-height: calc(215 * var(--pc)); border: calc(1 * var(--pc)) solid #0064b0; background: #fff; padding: calc(20 * var(--pc)); counter-reset: notice; font-size: calc(12 * var(--pc)); line-height: 1.55; }
.matsuzaka-page .matsu-attendance li { position: relative; padding-left: calc(19.709 * var(--pc)); }
.matsuzaka-page .matsu-attendance li + li { margin-top: calc(7 * var(--pc)); }
.matsuzaka-page .matsu-attendance li::before { counter-increment: notice; content: counter(notice); position: absolute; left: 0; top: calc(2 * var(--pc)); display: grid; place-items: center; width: calc(15.709 * var(--pc)); height: calc(15.709 * var(--pc)); border-radius: 50%; color: white; background: #0064b0; font: 400 calc(14 * var(--pc))/1 Roboto,sans-serif; }

.matsuzaka-page .matsu-form { max-width: 980px; margin: auto; padding: 80px 24px; scroll-margin-top: 24px; }
.matsuzaka-page .matsu-form h2 { margin: 0 0 32px; color: #0064b0; font-size: 28px; text-align: center; }
.matsuzaka-page .matsu-floating-cta { box-sizing: border-box; position: fixed; z-index: 100; right: 0; top: 50%; display: flex; flex-direction: column; align-items: center; gap: calc(17 * var(--pc)); width: calc(76 * var(--pc)); padding: calc(32 * var(--pc)) calc(18 * var(--pc)) calc(30 * var(--pc)); border: calc(6 * var(--pc)) solid white; border-right: 0; border-radius: calc(16 * var(--pc)) 0 0 calc(16 * var(--pc)); color: #333; background: linear-gradient(#f4d873,#ffd53d); box-shadow: calc(-4 * var(--pc)) calc(4 * var(--pc)) calc(4 * var(--pc)) #00000017; text-decoration: none; transform: translate(110%,-50%); visibility: hidden; pointer-events: none; transition: transform .45s cubic-bezier(.34,1.4,.64,1),visibility .45s; }
.matsuzaka-page .matsu-floating-cta[hidden] { display: none; }
.matsuzaka-page .matsu-floating-cta span { writing-mode: vertical-rl; font: 500 calc(26 * var(--pc))/calc(31 * var(--pc)) "Zen Kaku Gothic New",sans-serif; letter-spacing: calc(2.34 * var(--pc)); }
.matsuzaka-page .matsu-floating-cta img { width: calc(28 * var(--pc)); height: calc(28 * var(--pc)); }
.matsuzaka-page .matsu-floating-cta.is-visible { transform: translate(0,-50%); visibility: visible; pointer-events: auto; }


@media (min-width: 769px) {
  .matsuzaka-page .matsu-comment > p { white-space: nowrap; }
  .matsuzaka-page .matsu-outline-button img:first-child { width: calc(17 * var(--pc)); height: calc(19 * var(--pc)); }
  .matsuzaka-page .matsu-details__address .matsu-outline-button img:first-child { width: calc(15 * var(--pc)); height: calc(20 * var(--pc)); }
  .matsuzaka-page .matsu-attendance h3 img { width: calc(18 * var(--pc)); height: calc(15 * var(--pc)); }
  .matsuzaka-page .matsu-speakers .matsu-section-heading h2 { letter-spacing: 0; }
  .matsuzaka-page .matsu-speaker:not(.matsu-speaker--mc) .matsu-speaker__points { gap: calc(12 * var(--pc)); }
  .matsuzaka-page .matsu-speaker:not(.matsu-speaker--mc) .matsu-speaker__label { padding-inline: calc(16 * var(--pc)); border: calc(1 * var(--pc)) solid #0064b0; }
  .matsuzaka-page .matsu-speaker__points { line-height: 1.4375; }
  .matsuzaka-page .matsu-comment__title { margin-left: calc(-8 * var(--pc)); }
  .matsuzaka-page .matsu-details > div:nth-child(1) { min-height: calc(102 * var(--pc)); }
  .matsuzaka-page .matsu-details > div:nth-child(2), .matsuzaka-page .matsu-details > div:nth-child(5), .matsuzaka-page .matsu-details > div:nth-child(7) { min-height: calc(68 * var(--pc)); }
  .matsuzaka-page .matsu-details > div:nth-child(2) dd, .matsuzaka-page .matsu-details > div:nth-child(5) dd { padding-block: calc(22 * var(--pc)); }
  .matsuzaka-page .matsu-details > div:nth-child(6) { min-height: calc(102 * var(--pc)); }
  .matsuzaka-page .matsu-details dd { box-shadow: inset 0 calc(-1 * var(--pc)) #0064b0, inset calc(-1 * var(--pc)) 0 #0064b0; }
  .matsuzaka-page .matsu-details > div:first-child dd { font-size: calc(18 * var(--pc)); box-shadow: inset 0 calc(1 * var(--pc)) #0064b0, inset 0 calc(-1 * var(--pc)) #0064b0, inset calc(-1 * var(--pc)) 0 #0064b0; }
  .matsuzaka-page .matsu-details > div:nth-child(3) dd { white-space: nowrap; }
  .matsuzaka-page .matsu-access { white-space: nowrap; }
  .matsuzaka-page .matsu-outline-button { color: #0064b0; text-decoration: underline; text-underline-offset: calc(4 * var(--pc)); line-height: calc(20 * var(--pc)); }
  .matsuzaka-page .matsu-attendance { min-height: calc(245 * var(--pc)); }
}
.matsuzaka-page .matsu-speaker__photo img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
/* Keep the 1440px composition proportional down to the SP breakpoint. */
@media (min-width: 769px) and (max-width: 1440px) {
  .matsuzaka-page { --pc: calc(100vw / 1440); }
}
/* Extend the section backgrounds across screens wider than the design canvas. */
@media (min-width: 1921px) {
  .matsuzaka-page :is(.matsu-overview,.matsu-benefits,.matsu-program,.matsu-speakers) { background-size: cover; }
}
/* SP dimensions scale uniformly from 375px through 768px. */
@media (max-width: 768px) {
  .matsuzaka-page { --sp: calc(100vw / 375); }
  .matsuzaka-page :where(.matsuzaka-design) { font-size: calc(16 * var(--sp)); }
  .matsuzaka-page .matsu-sp-only { display: inline; }
  .matsuzaka-page .matsu-pc-only { display: none; }
  .matsuzaka-page .matsu-sp-break { display: block; }
  .matsuzaka-page .matsu-fv__cta { display: none; }
  .matsuzaka-page .matsu-eyebrow { gap: calc(4 * var(--sp)); font-size: calc(12 * var(--sp)); line-height: calc(14 * var(--sp)); letter-spacing: calc(.6 * var(--sp)); }
  .matsuzaka-page .matsu-eyebrow::before, .matsuzaka-page .matsu-eyebrow::after { width: calc(20 * var(--sp)); height: calc(1 * var(--sp)); }
  .matsuzaka-page .matsu-section-heading h2 { margin-top: calc(12 * var(--sp)); font-size: calc(24 * var(--sp)); line-height: calc(17 * var(--sp)); letter-spacing: calc(1.2 * var(--sp)); }
  .matsuzaka-page :where(.matsuzaka-design) em { text-decoration-thickness: calc(1.5 * var(--sp)); text-underline-offset: calc(2 * var(--sp)); }

  .matsuzaka-page .matsu-overview { background-image: url("img/bg-overview-sp.webp"); background-size: calc(375 * var(--sp)) calc(672.903 * var(--sp)); }
  .matsuzaka-page .matsu-overview__inner { width: calc(343 * var(--sp)); padding: calc(36 * var(--sp)) 0 calc(40 * var(--sp)); }
  .matsuzaka-page .matsu-overview__headline { width: calc(252.9543 * var(--sp)); height: calc(47.9026 * var(--sp)); margin: calc(8 * var(--sp)) auto calc(12 * var(--sp)); }
  .matsuzaka-page .matsu-overview__headline h2 { height: 100%; aspect-ratio: auto; }
  .matsuzaka-page .matsu-overview__headline h2 img { left: calc(-1.7207 * var(--sp)); top: 0; width: calc(255 * var(--sp)); height: calc(51 * var(--sp)); }
  .matsuzaka-page .matsu-overview__script { display: block; position: absolute; left: calc(216 * var(--sp)); top: calc(-4 * var(--sp)); width: calc(80.197 * var(--sp)); height: calc(25.355 * var(--sp)); }
  .matsuzaka-page .matsu-features { width: calc(290 * var(--sp)); height: auto; margin: auto !important; padding-inline: 0 !important; justify-content: space-between; gap: calc(28 * var(--sp)); }
  .matsuzaka-page .matsu-features li, .matsuzaka-page .matsu-features li:first-child { flex: 1 1 0; flex-direction: column; gap: 0; height: calc(70 * var(--sp)); padding: 0; border: 0; border-radius: 0; box-shadow: none; color: #0064b0; background: none; font-size: calc(14 * var(--sp)); line-height: 1.2; text-align: center; transform: none; white-space: nowrap; }
  .matsuzaka-page .matsu-features img { width: calc(36 * var(--sp)); height: calc(36 * var(--sp)); }
  .matsuzaka-page .matsu-overview__copy { --copy-line-height: calc(29 * var(--sp)); --copy-underline-top: calc(25.098 * var(--sp)); margin-top: calc(24 * var(--sp)); padding: calc(16 * var(--sp)); background: white; border-radius: calc(4 * var(--sp)); font-size: calc(16 * var(--sp)); font-weight: 500; }
  .matsuzaka-page .matsu-overview__copy p + p { margin-top: 0; }
  .matsuzaka-page .matsu-overview__copy em { background: none; }
  .matsuzaka-page .matsu-overview__copy p::after { content: ""; position: absolute; top: var(--copy-underline-top); height: calc(2 * var(--sp)); border-radius: calc(1 * var(--sp)); background: #d4ab00d4; pointer-events: none; }
  .matsuzaka-page .matsu-overview__copy p:nth-child(1)::after { left: calc(8 * var(--sp)); width: calc(96 * var(--sp)); }
  .matsuzaka-page .matsu-overview__copy p:nth-child(2)::after { left: calc(-1 * var(--sp)); top: calc(var(--copy-line-height) + var(--copy-underline-top)); width: calc(117 * var(--sp)); }
  .matsuzaka-page .matsu-overview__copy p:nth-child(3)::after { left: calc(63 * var(--sp)); top: calc(2 * var(--copy-line-height) + var(--copy-underline-top)); width: calc(203 * var(--sp)); }
  .matsuzaka-page .matsu-overview__copy p:nth-child(4)::after { left: calc(152 * var(--sp)); top: calc(2 * var(--copy-line-height) + var(--copy-underline-top)); width: calc(114 * var(--sp)); }

  .matsuzaka-page .matsu-benefits { min-height: calc(1395 * var(--sp)); padding: calc(163 * var(--sp)) calc(16 * var(--sp)) calc(60 * var(--sp)); background-image: url("img/bg-benefits-sp.webp"); background-size: calc(375 * var(--sp)) calc(1395 * var(--sp)); }
  .matsuzaka-page .matsu-benefits__challenge { display: none; }
  .matsuzaka-page .matsu-benefits__title { top: calc(36.497 * var(--sp)); left: calc(55.434 * var(--sp)); width: calc(302 * var(--sp)); height: calc(102.5 * var(--sp)); }
  .matsuzaka-page .matsu-benefits__cards { display: flex; flex-direction: column; gap: calc(28 * var(--sp)); width: calc(343 * var(--sp)); }
  .matsuzaka-page .matsu-benefit { min-height: calc(362 * var(--sp)); padding: calc(24 * var(--sp)); border-radius: calc(8 * var(--sp)); box-shadow: calc(4 * var(--sp)) calc(4 * var(--sp)) calc(4 * var(--sp)) #52abd740; }
  .matsuzaka-page .matsu-benefit:last-child { min-height: calc(392 * var(--sp)); }
  .matsuzaka-page .matsu-benefit__number { left: calc(24 * var(--sp)); top: calc(24 * var(--sp)); width: calc(54 * var(--sp)); gap: calc(10 * var(--sp)); font-size: calc(48 * var(--sp)); line-height: calc(34 * var(--sp)); }
  .matsuzaka-page .matsu-benefit__number span { font-size: calc(16 * var(--sp)); line-height: calc(11 * var(--sp)); letter-spacing: calc(.64 * var(--sp)); }
  .matsuzaka-page .matsu-benefit__top { gap: calc(8 * var(--sp)); padding-bottom: calc(18 * var(--sp)); border-bottom-width: calc(1 * var(--sp)); }
  .matsuzaka-page .matsu-benefit__top img { width: calc(124 * var(--sp)); height: calc(127 * var(--sp)); }
  .matsuzaka-page .matsu-benefit h3 { font-size: calc(18 * var(--sp)); line-height: calc(24 * var(--sp)); letter-spacing: calc(1 * var(--sp)); }
  .matsuzaka-page .matsu-benefit h3 strong { font-size: calc(26 * var(--sp)); line-height: calc(38 * var(--sp)); padding-right: calc(10 * var(--sp)); }
  .matsuzaka-page .matsu-benefit h3::after { left: calc(50% - calc(3 * var(--sp))); top: calc(60.098 * var(--sp)); bottom: auto; height: calc(4 * var(--sp)); width: calc(219 * var(--sp)); border-radius: calc(2 * var(--sp)); }
  .matsuzaka-page .matsu-benefit:nth-child(2) h3::after { width: calc(189 * var(--sp)); }
  .matsuzaka-page .matsu-benefit:nth-child(3) h3::after { width: calc(185 * var(--sp)); top: calc(63.098 * var(--sp)); }
  .matsuzaka-page .matsu-benefit:last-child h3 strong { line-height: calc(41 * var(--sp)); }
  .matsuzaka-page .matsu-benefit > p { margin-top: calc(18 * var(--sp)); font-size: calc(16 * var(--sp)); line-height: 1.7; }
  .matsuzaka-page .matsu-benefit:last-child .matsu-benefit__top { padding-bottom: calc(18 * var(--sp)); }

  .matsuzaka-page .matsu-program { --program-radius: calc(16 * var(--sp)); background-image: url("img/bg-program-sp.webp"); background-size: calc(375 * var(--sp)) calc(1046.734 * var(--sp)); }
  .matsuzaka-page .matsu-program__inner { width: calc(343 * var(--sp)); padding: calc(36 * var(--sp)) 0 calc(40 * var(--sp)); }
  .matsuzaka-page .matsu-program .matsu-eyebrow { font-size: calc(12.462 * var(--sp)); line-height: calc(15 * var(--sp)); letter-spacing: calc(.623 * var(--sp)); }
  .matsuzaka-page .matsu-program__subtitle, .matsuzaka-page .matsu-timeline h3 { display: none; }
  .matsuzaka-page .matsu-program__columns { min-height: 0; display: flex; flex-direction: column; gap: calc(32 * var(--sp)); margin-top: calc(32 * var(--sp)); }
  .matsuzaka-page .matsu-timeline { width: 100%; }
  .matsuzaka-page .matsu-timeline ol { gap: calc(32 * var(--sp)); margin-top: 0; }
  .matsuzaka-page .matsu-timeline li { display: flex; gap: calc(4 * var(--sp)); min-height: calc(22 * var(--sp)); padding-left: calc(28 * var(--sp)); }
  .matsuzaka-page .matsu-timeline time { color: #f4d873; width: calc(50 * var(--sp)); flex-shrink: 0; transform: translateY(calc(2 * var(--sp))); font-size: calc(20 * var(--sp)); line-height: 1; }
  .matsuzaka-page .matsu-timeline li::before { left: 0; top: calc(1 * var(--sp)); width: calc(20 * var(--sp)); height: calc(20 * var(--sp)); border: 0; background: white; }
  .matsuzaka-page .matsu-timeline li:first-child::before { top: calc(2 * var(--sp)); }
  .matsuzaka-page .matsu-timeline li:nth-child(4)::before { top: 0; }
  .matsuzaka-page .matsu-timeline li::after { left: calc(10 * var(--sp)); top: calc(20 * var(--sp)); bottom: calc(-32 * var(--sp)); width: calc(1 * var(--sp)); }
  .matsuzaka-page .matsu-timeline li > div { padding-top: 0; font-size: calc(20 * var(--sp)); line-height: 1; letter-spacing: 0; }
  .matsuzaka-page .matsu-timeline li:first-child > div { position: relative; min-height: calc(40 * var(--sp)); }
  .matsuzaka-page .matsu-timeline li:nth-child(4) { padding-left: calc(27.28 * var(--sp)); }
  .matsuzaka-page .matsu-timeline li:nth-child(4) time { transform: none; line-height: calc(22 * var(--sp)); }
  .matsuzaka-page .matsu-timeline li:nth-child(4) > div { display: flex; flex-direction: column; gap: calc(4 * var(--sp)); }
  .matsuzaka-page .matsu-timeline li:nth-child(4) > div br { display: none; }
  .matsuzaka-page .matsu-timeline li:nth-child(4) > div span:first-child { letter-spacing: calc(2.4 * var(--sp)); }
  .matsuzaka-page .matsu-timeline li:last-child > div { letter-spacing: calc(1 * var(--sp)); }
  .matsuzaka-page .matsu-timeline li small { position: absolute; left: calc(-54 * var(--sp)); top: calc(26 * var(--sp)); display: block; margin: 0; font-size: calc(14 * var(--sp)); line-height: 1; }
  .matsuzaka-page .matsu-timeline__note { margin-top: calc(16 * var(--sp)); font-size: calc(14 * var(--sp)); line-height: calc(20 * var(--sp)); text-align: center; }
  .matsuzaka-page .matsu-price-card { width: 100%; min-height: 0; padding: calc(20 * var(--sp)) calc(20 * var(--sp)) calc(24 * var(--sp)); margin: 0; border-radius: calc(8 * var(--sp)); }
  .matsuzaka-page .matsu-price-card h3 { position: static; transform: none; width: calc(158 * var(--sp)); height: calc(32 * var(--sp)); margin: 0 auto calc(20 * var(--sp)); }
  .matsuzaka-page .matsu-price-card__prices { aspect-ratio: 303 / 145.73372; }
  .matsuzaka-page .matsu-apply { gap: calc(2 * var(--sp)); margin-top: calc(24 * var(--sp)); max-width: none; }
  .matsuzaka-page .matsu-apply > p { border-radius: calc(7 * var(--sp)); padding: calc(8 * var(--sp)) calc(20 * var(--sp)); font-size: calc(14 * var(--sp)); font-weight: 400; line-height: calc(10 * var(--sp)); }
  .matsuzaka-page .matsu-apply > p::after { left: calc(50% - calc(6.995 * var(--sp))); top: calc(24.266 * var(--sp)); width: calc(12.99 * var(--sp)); height: calc(12 * var(--sp)); }
  .matsuzaka-page .matsu-button { gap: calc(12 * var(--sp)); min-height: calc(51 * var(--sp)); padding: calc(12 * var(--sp)); font-size: calc(20 * var(--sp)); letter-spacing: calc(1 * var(--sp)); box-shadow: calc(4 * var(--sp)) calc(4 * var(--sp)) calc(4 * var(--sp)) #0000001a; }
  .matsuzaka-page .matsu-button img { width: calc(27 * var(--sp)); height: calc(27 * var(--sp)); }
  .matsuzaka-page .matsu-online-notice { margin-top: calc(44 * var(--sp)); padding: calc(28 * var(--sp)) 0 0; box-shadow: inset 0 calc(1 * var(--sp)) #c9c7c7; }
  .matsuzaka-page .matsu-online-notice h4::before, .matsuzaka-page .matsu-online-notice h4::after { width: calc(7.5 * var(--sp)); }
  .matsuzaka-page .matsu-online-notice h4 { top: calc(-13 * var(--sp)); padding: calc(4 * var(--sp)) calc(16 * var(--sp)) calc(6 * var(--sp)); font-size: calc(16 * var(--sp)); }
  .matsuzaka-page .matsu-online-notice ul { padding-inline: calc(21 * var(--sp)) 0; font-size: calc(14 * var(--sp)); line-height: calc(22 * var(--sp)); }

  .matsuzaka-page .matsu-online-notice li::before { left: calc(-12 * var(--sp)); top: calc(11 * var(--sp)); width: calc(2 * var(--sp)); height: calc(2 * var(--sp)); }
  .matsuzaka-page .matsu-speakers__script { display: none; }
  .matsuzaka-page .matsu-speakers { background-image: url("img/bg-speakers-sp.webp"); background-size: calc(375 * var(--sp)) calc(2457 * var(--sp)); }
  .matsuzaka-page .matsu-speakers__inner { width: calc(343 * var(--sp)); padding: calc(56 * var(--sp)) 0 calc(40 * var(--sp)); }
  .matsuzaka-page .matsu-speakers__subtitle { width: 100%; height: calc(69 * var(--sp)); margin-top: calc(12 * var(--sp)); padding-top: calc(6 * var(--sp)); font-size: calc(16 * var(--sp)); line-height: calc(23 * var(--sp)); letter-spacing: calc(.8 * var(--sp)); text-align: left; }
  .matsuzaka-page .matsu-speakers__subtitle strong { background-size: 100% calc(20 * var(--sp)); }
  .matsuzaka-page .matsu-speakers__subtitle .matsu-speakers__highlight--name { color: #2b83c7; background-size: calc(100% - calc(10 * var(--sp))) calc(20 * var(--sp)); }
  .matsuzaka-page .matsu-speakers__highlight--session { padding-inline: calc(3 * var(--sp)); margin-inline: calc(-3 * var(--sp)); }
  .matsuzaka-page .matsu-speakers__subtitle-end { letter-spacing: inherit; }
  .matsuzaka-page .matsu-speakers__cards { display: flex; flex-direction: column; gap: calc(16 * var(--sp)); margin-top: calc(24 * var(--sp)); }
  .matsuzaka-page .matsu-speaker { padding: calc(24 * var(--sp)) calc(16 * var(--sp)); border-radius: calc(8 * var(--sp)); box-shadow: calc(4 * var(--sp)) calc(4 * var(--sp)) calc(4 * var(--sp)) #52abd740; }
  .matsuzaka-page .matsu-speaker__top, .matsuzaka-page .matsu-speaker--mc .matsu-speaker__top { display: flex; flex-direction: column; align-items: center; gap: calc(20 * var(--sp)); min-height: 0; }
  .matsuzaka-page .matsu-speaker--mc .matsu-speaker__top { gap: calc(16 * var(--sp)); }
  .matsuzaka-page .matsu-speaker__name { order: -1; width: 100%; }
  .matsuzaka-page .matsu-speaker__label { padding: calc(4 * var(--sp)) calc(16 * var(--sp)) calc(6 * var(--sp)); border-radius: calc(14 * var(--sp)); font-size: calc(16 * var(--sp)); }
  .matsuzaka-page .matsu-speaker--mc .matsu-speaker__label { letter-spacing: calc(3.2 * var(--sp)); }
  .matsuzaka-page .matsu-speaker h3 { margin-top: calc(12 * var(--sp)); font-size: calc(28 * var(--sp)); }
  .matsuzaka-page .matsu-speaker h3 small { font-size: calc(18 * var(--sp)); }
  .matsuzaka-page .matsu-speaker__role, .matsuzaka-page .matsu-speaker--mc .matsu-speaker__role { margin-top: calc(4 * var(--sp)); font-size: calc(15 * var(--sp)); line-height: calc(22 * var(--sp)); }
  .matsuzaka-page .matsu-speaker__photo, .matsuzaka-page .matsu-speaker--mc .matsu-speaker__photo { width: calc(196 * var(--sp)); height: calc(276 * var(--sp)); }
  .matsuzaka-page .matsu-speaker__points { width: 100%; gap: calc(12 * var(--sp)); padding: calc(12 * var(--sp)) calc(16 * var(--sp)) !important; font-size: calc(14 * var(--sp)); line-height: calc(20 * var(--sp)); border-width: calc(1 * var(--sp)); border-radius: calc(8 * var(--sp)); }
  .matsuzaka-page .matsu-speaker__points li { padding-left: calc(28 * var(--sp)); }
  .matsuzaka-page .matsu-speaker__points li::before { top: calc(50% - calc(10 * var(--sp))); width: calc(20 * var(--sp)); height: calc(20 * var(--sp)); }
  .matsuzaka-page .matsu-speaker__points em { background-position: left calc(100% - calc(.6 * var(--sp))); background-size: 100% calc(1.5 * var(--sp)); }
  .matsuzaka-page .matsu-speaker__bio { padding: 0; border: 0; margin-top: calc(20 * var(--sp)); font-size: calc(15 * var(--sp)); line-height: 1.8; }
  .matsuzaka-page .matsu-speakers__cross { width: calc(43 * var(--sp)); height: calc(43 * var(--sp)); }
  .matsuzaka-page .matsu-speakers__cross::before, .matsuzaka-page .matsu-speakers__cross::after { width: calc(26 * var(--sp)); height: calc(1 * var(--sp)); }
  .matsuzaka-page .matsu-comment { display: block; width: calc(343 * var(--sp)); margin-top: calc(40 * var(--sp)); padding: calc(16 * var(--sp)); border-radius: calc(8 * var(--sp)); }
  .matsuzaka-page .matsu-comment::before { left: calc(50% - calc(14 * var(--sp))); top: calc(-19 * var(--sp)); width: calc(28 * var(--sp)); height: calc(20 * var(--sp)); }
  .matsuzaka-page .matsu-comment__title { display: flex; align-items: center; justify-content: center; gap: calc(8 * var(--sp)); border: 0; padding: 0; margin-bottom: calc(8 * var(--sp)); color: #0064b0; }
  .matsuzaka-page .matsu-comment__title::before, .matsuzaka-page .matsu-comment__title::after { content: ""; flex: 1; height: calc(1 * var(--sp)); background: #0064b0; }
  .matsuzaka-page .matsu-comment__title h3 { display: block; font-size: calc(16 * var(--sp)); line-height: 1.8; font-weight: 500; }
  .matsuzaka-page .matsu-comment__title img { width: calc(39 * var(--sp)); height: calc(35 * var(--sp)); }
  .matsuzaka-page .matsu-comment > p { font-size: calc(16 * var(--sp)); line-height: calc(29 * var(--sp)); letter-spacing: calc(-.08 * var(--sp)); }

  .matsuzaka-page .matsu-event__inner { width: calc(343 * var(--sp)); padding: calc(36 * var(--sp)) 0 calc(40 * var(--sp)); }
  .matsuzaka-page .matsu-event .matsu-section-heading { margin-bottom: calc(36 * var(--sp)); }
  .matsuzaka-page .matsu-details { gap: calc(16 * var(--sp)); font-size: calc(16 * var(--sp)); }
  .matsuzaka-page .matsu-details > div { display: block; }
  .matsuzaka-page .matsu-details dt { width: calc(104 * var(--sp)); padding: calc(4 * var(--sp)) calc(12 * var(--sp)) calc(8 * var(--sp)); font-size: calc(16 * var(--sp)); line-height: 1; }
  .matsuzaka-page .matsu-details dd { padding: calc(12 * var(--sp)) calc(8 * var(--sp)); border: 0; box-shadow: inset 0 calc(1 * var(--sp)) #0064b0; }
  .matsuzaka-page .matsu-access { margin-top: calc(8 * var(--sp)); font-size: calc(14 * var(--sp)); line-height: 1.5; padding-left: calc(32 * var(--sp)); }
  .matsuzaka-page .matsu-outline-button { gap: calc(8 * var(--sp)); border-width: calc(1 * var(--sp)); margin-inline: auto; border: calc(1 * var(--sp)) solid #0074cc; border-radius: 999px; min-width: calc(238 * var(--sp)); min-height: calc(50 * var(--sp)); padding: calc(12 * var(--sp)) calc(24 * var(--sp)); font-size: calc(16 * var(--sp)); }
  .matsuzaka-page .matsu-outline-button > span:last-child { font-size: calc(28 * var(--sp)); }
  .matsuzaka-page .matsu-details__address .matsu-outline-button { margin-top: calc(20 * var(--sp)); }
  .matsuzaka-page .matsu-details__fees p + p { margin-top: calc(6 * var(--sp)); }
  .matsuzaka-page .matsu-details__fees p > span { min-width: 0; margin-right: calc(4 * var(--sp)); padding: 0 calc(6 * var(--sp)); }
  .matsuzaka-page .matsu-details__remarks { margin-top: calc(16 * var(--sp)); }
  .matsuzaka-page .matsu-details__remarks dd { padding-bottom: calc(8 * var(--sp)); }
  .matsuzaka-page .matsu-receipt { margin-top: calc(8 * var(--sp)); font-size: calc(12 * var(--sp)); }
  .matsuzaka-page .matsu-attendance { display: none; }
}

@media (max-width: 768px) {
  .matsuzaka-page .matsu-overview__copy { font-weight: 400; box-shadow: calc(4 * var(--sp)) calc(4 * var(--sp)) #cedeed; }
  .matsuzaka-page .matsu-overview__copy p + p { margin-top: calc(4 * var(--sp)); }
  .matsuzaka-page .matsu-features li { font-weight: 500; position: relative; }
  .matsuzaka-page .matsu-features li + li::before { content: ""; position: absolute; left: calc(-14 * var(--sp)); top: calc(16 * var(--sp)); width: calc(1 * var(--sp)); height: calc(36 * var(--sp)); background: #cedeed; }
  .matsuzaka-page .matsu-benefit__top { height: calc(215 * var(--sp)); }
  .matsuzaka-page .matsu-benefit:last-child .matsu-benefit__top { height: calc(218 * var(--sp)); }
  .matsuzaka-page .matsu-benefit > p { line-height: calc(27 * var(--sp)); }
  .matsuzaka-page .matsu-timeline li:first-child { min-height: calc(40 * var(--sp)); }
  .matsuzaka-page .matsu-timeline li:nth-child(4) { min-height: calc(44 * var(--sp)); }
  .matsuzaka-page .matsu-timeline__note { margin-top: calc(16 * var(--sp)); }
  .matsuzaka-page .matsu-details__address { min-height: calc(220 * var(--sp)); }
  .matsuzaka-page .matsu-access img { width: calc(24 * var(--sp)); height: calc(24 * var(--sp)); top: calc(9 * var(--sp)); }
  .matsuzaka-page .matsu-outline-button img:first-child { width: calc(15 * var(--sp)); height: calc(20 * var(--sp)); }
  .matsuzaka-page .matsu-outline-button img:last-child { width: calc(12 * var(--sp)); height: calc(12 * var(--sp)); }
  .matsuzaka-page .matsu-details > div:nth-child(7) { min-height: calc(115 * var(--sp)); }
  .matsuzaka-page .matsu-details > div:nth-child(7) dd { padding-top: calc(25 * var(--sp)); }

}
@media (max-width: 768px) {
  .matsuzaka-page .matsu-form { padding: 56px 20px; }
  .matsuzaka-page .matsu-form h2 { font-size: 22px; }
  .matsuzaka-page .matsu-floating-cta { top: auto; bottom: calc(20px + env(safe-area-inset-bottom)); left: 50%; right: auto; flex-direction: row; justify-content: center; gap: 12px; width: min(84vw, 480px); min-height: 51px; padding: 12px 20px; border: 0; border-radius: 999px; box-shadow: 4px 4px 4px #0000001a; transform: translate(-50%, calc(100% + 48px + env(safe-area-inset-bottom))); }
  .matsuzaka-page .matsu-floating-cta span { writing-mode: horizontal-tb; font-size: 20px; line-height: 1; letter-spacing: 1px; }
  .matsuzaka-page .matsu-floating-cta.is-visible { transform: translate(-50%, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .matsuzaka-page :is(.matsu-button,.matsu-outline-button,.matsu-floating-cta) { transition: none; }
}