:root{
/* 基準: SP 390px / PC 1440px。1440超は 100vw/1440 比例 */
--mp-fluid-unit:calc(100vw / 1440); /* @kind other */
--mp-s:max(1px, var(--mp-fluid-unit)); /* @kind other */
/* type: max(最小, 390-1440線形, 1440超比例) ＋ 必要な要素のみ上限 */
--mp-fs-display:max(36px, 1.9048vw + 28.571px, calc(56 * var(--mp-fluid-unit)));
--mp-lh-display:max(48px, 2.2857vw + 39.086px, calc(72 * var(--mp-fluid-unit)));
--mp-fs-display-lg:max(38px, 2.0952vw + 29.829px, calc(60 * var(--mp-fluid-unit)));
--mp-lh-display-lg:max(50px, 2.4762vw + 40.343px, calc(76 * var(--mp-fluid-unit)));
--mp-fs-hero:max(32px, 1.5238vw + 26.057px, calc(48 * var(--mp-fluid-unit)));
--mp-lh-hero:max(44px, 1.9048vw + 36.571px, calc(64 * var(--mp-fluid-unit)));
--mp-fs-h2:max(26px, 1.8095vw + 18.943px, calc(45 * var(--mp-fluid-unit)));
--mp-lh-h2:max(41px, 2.4762vw + 31.343px, calc(67 * var(--mp-fluid-unit)));
--mp-fs-h3:max(24px, 0.381vw + 22.514px, calc(28 * var(--mp-fluid-unit)));
--mp-lh-h3:max(34px, 0.5714vw + 31.771px, calc(40 * var(--mp-fluid-unit)));
--mp-fs-lead:max(18px, 0.2857vw + 16.886px, calc(21 * var(--mp-fluid-unit)));
--mp-lh-lead:max(34px, 0.4762vw + 32.143px, calc(39 * var(--mp-fluid-unit)));
--mp-fs-body:max(15px, 0.2857vw + 13.886px, calc(18 * var(--mp-fluid-unit)));
--mp-lh-body:max(29px, 0.4762vw + 27.143px, calc(34 * var(--mp-fluid-unit)));
--mp-fs-meta:max(11px, 0.0952vw + 10.629px, calc(12 * var(--mp-fluid-unit)));
--mp-lh-meta:max(18px, 0.1905vw + 17.257px, calc(20 * var(--mp-fluid-unit)));
--mp-fs-eyebrow:max(12px, 0.19vw + 11.26px, calc(14 * var(--mp-fluid-unit)));
/* spacing */
--mp-space-page-x:max(20px, 4.1905vw + 3.657px, calc(64 * var(--mp-fluid-unit)));
--mp-space-section-y:max(56px, 6.0952vw + 32.229px, calc(120 * var(--mp-fluid-unit)));
--mp-gutter:max(20px, 1.1429vw + 15.543px, calc(32 * var(--mp-fluid-unit)));
/* buttons */
--mp-btn-height:max(48px, calc(48 * var(--mp-fluid-unit)));
--mp-btn-pad-x:max(32px, calc(32 * var(--mp-fluid-unit)));
--mp-btn-pad-x-sm:max(24px, calc(24 * var(--mp-fluid-unit)));
--mp-btn-font:max(15px, calc(15 * var(--mp-fluid-unit)));
--mp-btn-font-sm:max(14px, calc(14 * var(--mp-fluid-unit)));
}
