@charset "UTF-8";
:root {
  --SN-PMcolor-Alpha-White-0: rgba(255, 255, 255, 0);
  --SN-PMcolor-Alpha-Black-0: rgba(12, 12, 13, 0);
  --SN-PMcolor-Gray-white: #ffffff;
  --SN-PMcolor-Gray-black: #000000;
  --SN-PMcolor-Slate-1: #fcfdfd;
  --SN-PMcolor-Slate-2: #f6f7f8;
  --SN-PMcolor-Slate-3: #f1f3f4;
  --SN-PMcolor-Slate-4: #e9eced;
  --SN-PMcolor-Slate-5: #e0e4e6;
  --SN-PMcolor-Slate-6: #d8dddf;
  --SN-PMcolor-Slate-7: #cdd3d6;
  --SN-PMcolor-Slate-8: #b9c2c6;
  --SN-PMcolor-Slate-9: #86969c;
  --SN-PMcolor-Slate-10: #7b8d93;
  --SN-PMcolor-Slate-11: #5c6b70;
  --SN-PMcolor-Slate-12: #1e2324;
  --SN-PMcolor-Azure-1: #fafdff;
  --SN-PMcolor-Azure-2: #f5fcff;
  --SN-PMcolor-Azure-3: #e5f6ff;
  --SN-PMcolor-Azure-4: #d6f1ff;
  --SN-PMcolor-Azure-5: #c2ebff;
  --SN-PMcolor-Azure-6: #a8e2ff;
  --SN-PMcolor-Azure-7: #85d6ff;
  --SN-PMcolor-Azure-8: #4db5ff;
  --SN-PMcolor-Azure-9: #0092fa;
  --SN-PMcolor-Azure-10: #0089eb;
  --SN-PMcolor-Azure-11: #0077cc;
  --SN-PMcolor-Azure-12: #003961;
  --SN-PMcolor-Gray-1: #fafafa;
  --SN-PMcolor-Gray-2: #f2f2f2;
  --SN-PMcolor-Gray-3: #e6e6e6;
  --SN-PMcolor-Gray-4: #cccccc;
  --SN-PMcolor-Gray-5: #b3b3b3;
  --SN-PMcolor-Gray-6: #999999;
  --SN-PMcolor-Gray-7: #808080;
  --SN-PMcolor-Gray-8: #666666;
  --SN-PMcolor-Gray-9: #4d4d4d;
  --SN-PMcolor-Gray-10: #333333;
  --SN-PMcolor-Gray-11: #1a1a1a;
  --SN-PMcolor-Gray-12: #0d0d0d;
  --SN-PMcolor-Teal-1: #fafefc;
  --SN-PMcolor-Teal-2: #f6fefa;
  --SN-PMcolor-Teal-3: #e9fcf2;
  --SN-PMcolor-Teal-4: #dbfaea;
  --SN-PMcolor-Teal-5: #bae8d9;
  --SN-PMcolor-Teal-6: #9cdec8;
  --SN-PMcolor-Teal-7: #75d1b3;
  --SN-PMcolor-Teal-8: #1cbaa0;
  --SN-PMcolor-Teal-9: #1da58e;
  --SN-PMcolor-Teal-10: #1ca08a;
  --SN-PMcolor-Teal-11: #00856a;
  --SN-PMcolor-Teal-12: #003d31;
  --SN-PMcolor-Yellow-1: #fdfdf9;
  --SN-PMcolor-Yellow-2: #fefce9;
  --SN-PMcolor-Yellow-3: #fffab8;
  --SN-PMcolor-Yellow-4: #fff394;
  --SN-PMcolor-Yellow-5: #ffe770;
  --SN-PMcolor-Yellow-6: #f3d768;
  --SN-PMcolor-Yellow-7: #e4c767;
  --SN-PMcolor-Yellow-8: #d5ae39;
  --SN-PMcolor-Yellow-9: #ffd633;
  --SN-PMcolor-Yellow-10: #ffcc00;
  --SN-PMcolor-Yellow-11: #9e6c00;
  --SN-PMcolor-Yellow-12: #473b1f;
  --SN-PMcolor-Green-1: #fdfefb;
  --SN-PMcolor-Green-2: #f4fbe4;
  --SN-PMcolor-Green-3: #e8fad6;
  --SN-PMcolor-Green-4: #daf2cf;
  --SN-PMcolor-Green-5: #c7edc0;
  --SN-PMcolor-Green-6: #a4e5a4;
  --SN-PMcolor-Green-7: #8dce92;
  --SN-PMcolor-Green-8: #5bb96b;
  --SN-PMcolor-Green-9: #30ab45;
  --SN-PMcolor-Green-10: #1fad36;
  --SN-PMcolor-Green-11: #237b32;
  --SN-PMcolor-Green-12: #113c18;
  --SN-PMcolor-Orange-1: #fefcfb;
  --SN-PMcolor-Orange-2: #fff7ed;
  --SN-PMcolor-Orange-3: #ffefd6;
  --SN-PMcolor-Orange-4: #ffdfb5;
  --SN-PMcolor-Orange-5: #ffd19a;
  --SN-PMcolor-Orange-6: #ffc182;
  --SN-PMcolor-Orange-7: #f5ae73;
  --SN-PMcolor-Orange-8: #ec9455;
  --SN-PMcolor-Orange-9: #ed6f21;
  --SN-PMcolor-Orange-10: #ec6613;
  --SN-PMcolor-Orange-11: #c63e10;
  --SN-PMcolor-Orange-12: #582d1d;
  --SN-PMcolor-Red-1: #fffcfc;
  --SN-PMcolor-Red-2: #fff8f7;
  --SN-PMcolor-Red-3: #feebe7;
  --SN-PMcolor-Red-4: #ffdcd3;
  --SN-PMcolor-Red-5: #ffcdc2;
  --SN-PMcolor-Red-6: #fdbdaf;
  --SN-PMcolor-Red-7: #f5a898;
  --SN-PMcolor-Red-8: #f78670;
  --SN-PMcolor-Red-9: #d10000;
  --SN-PMcolor-Red-10: #bd0000;
  --SN-PMcolor-Red-11: #b81414;
  --SN-PMcolor-Red-12: #5c271f;
  --SN-PMcolor-Bronze-1: #fdfdfc;
  --SN-PMcolor-Bronze-2: #faf9f2;
  --SN-PMcolor-Bronze-3: #f2f0e7;
  --SN-PMcolor-Bronze-4: #eae6db;
  --SN-PMcolor-Bronze-5: #e1dccf;
  --SN-PMcolor-Bronze-6: #d8d0bf;
  --SN-PMcolor-Bronze-7: #cbc0aa;
  --SN-PMcolor-Bronze-8: #b9a88d;
  --SN-PMcolor-Bronze-9: #978365;
  --SN-PMcolor-Bronze-10: #8c7a5e;
  --SN-PMcolor-Bronze-11: #71624b;
  --SN-PMcolor-Bronze-12: #3b352b;
  --SN-PMcolor-Blue-1: #fdfdfe;
  --SN-PMcolor-Blue-2: #f7f9ff;
  --SN-PMcolor-Blue-3: #edf2fe;
  --SN-PMcolor-Blue-4: #e1e9ff;
  --SN-PMcolor-Blue-5: #d2deff;
  --SN-PMcolor-Blue-6: #c1d0ff;
  --SN-PMcolor-Blue-7: #abbdf9;
  --SN-PMcolor-Blue-8: #8da4ef;
  --SN-PMcolor-Blue-9: #3e63dd;
  --SN-PMcolor-Blue-10: #3358d4;
  --SN-PMcolor-Blue-11: #3a5bc7;
  --SN-PMcolor-Blue-12: #1f2d5c;
  --SN-PMcolor-Crimson-1: #fffcfd;
  --SN-PMcolor-Crimson-2: #fef7f9;
  --SN-PMcolor-Crimson-3: #ffe9f0;
  --SN-PMcolor-Crimson-4: #fedce7;
  --SN-PMcolor-Crimson-5: #facedd;
  --SN-PMcolor-Crimson-6: #f3bed1;
  --SN-PMcolor-Crimson-7: #eaacc3;
  --SN-PMcolor-Crimson-8: #e093b2;
  --SN-PMcolor-Crimson-9: #e93d82;
  --SN-PMcolor-Crimson-10: #df3478;
  --SN-PMcolor-Crimson-11: #cb1d63;
  --SN-PMcolor-Crimson-12: #621639;
  --SN-PMcolor-Purple-1: #fefcfe;
  --SN-PMcolor-Purple-2: #fbf7fe;
  --SN-PMcolor-Purple-3: #f7edfe;
  --SN-PMcolor-Purple-4: #f2e2fc;
  --SN-PMcolor-Purple-5: #ead5f9;
  --SN-PMcolor-Purple-6: #e0c4f4;
  --SN-PMcolor-Purple-7: #d1afec;
  --SN-PMcolor-Purple-8: #be93e4;
  --SN-PMcolor-Purple-9: #8e4ec6;
  --SN-PMcolor-Purple-10: #8347b9;
  --SN-PMcolor-Purple-11: #8145b5;
  --SN-PMcolor-Purple-12: #402060;
  --SN-PMcolor-Lime-1: #fbfef6;
  --SN-PMcolor-Lime-2: #f6fde9;
  --SN-PMcolor-Lime-3: #ecfad1;
  --SN-PMcolor-Lime-4: #daf5a3;
  --SN-PMcolor-Lime-5: #c7f075;
  --SN-PMcolor-Lime-6: #b4eb47;
  --SN-PMcolor-Lime-7: #a1e51a;
  --SN-PMcolor-Lime-8: #81b814;
  --SN-PMcolor-Lime-9: #6a9f00;
  --SN-PMcolor-Lime-10: #415c0a;
  --SN-PMcolor-Lime-11: #202e05;
  --SN-PMcolor-Lime-12: #101703;
  --SN-PMcolor-Cyan-1: #f4fcff;
  --SN-PMcolor-Cyan-2: #e0f6ff;
  --SN-PMcolor-Cyan-3: #ccf0ff;
  --SN-PMcolor-Cyan-4: #99e0ff;
  --SN-PMcolor-Cyan-5: #70d4ff;
  --SN-PMcolor-Cyan-6: #1fbcff;
  --SN-PMcolor-Cyan-7: #009adb;
  --SN-PMcolor-Cyan-8: #007db2;
  --SN-PMcolor-Cyan-9: #00567a;
  --SN-PMcolor-Cyan-10: #003952;
  --SN-PMcolor-Cyan-11: #002433;
  --SN-PMcolor-Cyan-12: #00121a;
  --SN-PMcolor-Alpha-Black-5: rgba(12, 12, 13, 0.05);
  --SN-PMcolor-Alpha-Black-10: rgba(12, 12, 13, 0.1);
  --SN-PMcolor-Alpha-Black-20: rgba(12, 12, 13, 0.2);
  --SN-PMcolor-Alpha-Black-30: rgba(12, 12, 13, 0.3);
  --SN-PMcolor-Alpha-Black-40: rgba(12, 12, 13, 0.4);
  --SN-PMcolor-Alpha-Black-50: rgba(12, 12, 13, 0.5);
  --SN-PMcolor-Alpha-Black-60: rgba(12, 12, 13, 0.6);
  --SN-PMcolor-Alpha-Black-70: rgba(12, 12, 13, 0.7);
  --SN-PMcolor-Alpha-Black-80: rgba(12, 12, 13, 0.8);
  --SN-PMcolor-Alpha-Black-90: rgba(12, 12, 13, 0.9);
  --SN-PMcolor-Alpha-Black-100: #0c0c0d;
  --SN-PMcolor-Alpha-White-5: rgba(255, 255, 255, 0.05);
  --SN-PMcolor-Alpha-White-10: rgba(255, 255, 255, 0.1);
  --SN-PMcolor-Alpha-White-20: rgba(255, 255, 255, 0.2);
  --SN-PMcolor-Alpha-White-30: rgba(255, 255, 255, 0.3);
  --SN-PMcolor-Alpha-White-40: rgba(255, 255, 255, 0.4);
  --SN-PMcolor-Alpha-White-50: rgba(255, 255, 255, 0.5);
  --SN-PMcolor-Alpha-White-60: rgba(255, 255, 255, 0.6);
  --SN-PMcolor-Alpha-White-70: rgba(255, 255, 255, 0.7);
  --SN-PMcolor-Alpha-White-80: rgba(255, 255, 255, 0.8);
  --SN-PMcolor-Alpha-White-90: rgba(255, 255, 255, 0.9);
  --SN-PMcolor-Alpha-White-100: #ffffff;
  --SN-Role-Primary-1: var(--SN-PMcolor-Azure-1);
  --SN-Role-Primary-2: var(--SN-PMcolor-Azure-2);
  --SN-Role-Primary-3: var(--SN-PMcolor-Azure-3);
  --SN-Role-Primary-4: var(--SN-PMcolor-Azure-4);
  --SN-Role-Primary-5: var(--SN-PMcolor-Azure-5);
  --SN-Role-Primary-6: var(--SN-PMcolor-Azure-6);
  --SN-Role-Primary-7: var(--SN-PMcolor-Azure-7);
  --SN-Role-Primary-8: var(--SN-PMcolor-Azure-8);
  --SN-Role-Primary-9: var(--SN-PMcolor-Azure-9);
  --SN-Role-Primary-10: var(--SN-PMcolor-Azure-10);
  --SN-Role-Primary-11: var(--SN-PMcolor-Azure-11);
  --SN-Role-Primary-12: var(--SN-PMcolor-Azure-12);
  --SN-Role-Neutral-1: var(--SN-PMcolor-Bronze-1);
  --SN-Role-Neutral-2: var(--SN-PMcolor-Bronze-2);
  --SN-Role-Neutral-3: var(--SN-PMcolor-Bronze-3);
  --SN-Role-Neutral-4: var(--SN-PMcolor-Bronze-4);
  --SN-Role-Neutral-5: var(--SN-PMcolor-Bronze-5);
  --SN-Role-Neutral-6: var(--SN-PMcolor-Bronze-6);
  --SN-Role-Neutral-7: var(--SN-PMcolor-Bronze-7);
  --SN-Role-Neutral-8: var(--SN-PMcolor-Bronze-8);
  --SN-Role-Neutral-9: var(--SN-PMcolor-Bronze-9);
  --SN-Role-Neutral-10: var(--SN-PMcolor-Bronze-10);
  --SN-Role-Neutral-11: var(--SN-PMcolor-Bronze-11);
  --SN-Role-Neutral-12: var(--SN-PMcolor-Bronze-12);
  --SN-Role-Surface-1: var(--SN-PMcolor-Slate-1);
  --SN-Role-Surface-2: var(--SN-PMcolor-Slate-2);
  --SN-Role-Surface-3: var(--SN-PMcolor-Slate-3);
  --SN-Role-Surface-4: var(--SN-PMcolor-Slate-4);
  --SN-Role-Surface-5: var(--SN-PMcolor-Slate-5);
  --SN-Role-Surface-6: var(--SN-PMcolor-Slate-6);
  --SN-Role-Surface-7: var(--SN-PMcolor-Slate-7);
  --SN-Role-Surface-8: var(--SN-PMcolor-Slate-8);
  --SN-Role-Surface-9: var(--SN-PMcolor-Slate-9);
  --SN-Role-Surface-10: var(--SN-PMcolor-Slate-10);
  --SN-Role-Surface-11: var(--SN-PMcolor-Slate-11);
  --SN-Role-Surface-12: var(--SN-PMcolor-Slate-12);
  --SN-Role-Success-1: var(--SN-PMcolor-Teal-1);
  --SN-Role-Success-2: var(--SN-PMcolor-Teal-2);
  --SN-Role-Success-3: var(--SN-PMcolor-Teal-3);
  --SN-Role-Success-4: var(--SN-PMcolor-Teal-4);
  --SN-Role-Success-5: var(--SN-PMcolor-Teal-5);
  --SN-Role-Success-6: var(--SN-PMcolor-Teal-6);
  --SN-Role-Success-7: var(--SN-PMcolor-Teal-7);
  --SN-Role-Success-8: var(--SN-PMcolor-Teal-8);
  --SN-Role-Success-9: var(--SN-PMcolor-Teal-9);
  --SN-Role-Success-10: var(--SN-PMcolor-Teal-10);
  --SN-Role-Success-11: var(--SN-PMcolor-Teal-11);
  --SN-Role-Success-12: var(--SN-PMcolor-Teal-12);
  --SN-Role-Alert-1: var(--SN-PMcolor-Red-1);
  --SN-Role-Alert-2: var(--SN-PMcolor-Red-2);
  --SN-Role-Alert-3: var(--SN-PMcolor-Red-3);
  --SN-Role-Alert-4: var(--SN-PMcolor-Red-4);
  --SN-Role-Alert-5: var(--SN-PMcolor-Red-5);
  --SN-Role-Alert-6: var(--SN-PMcolor-Red-6);
  --SN-Role-Alert-7: var(--SN-PMcolor-Red-7);
  --SN-Role-Alert-8: var(--SN-PMcolor-Red-8);
  --SN-Role-Alert-9: var(--SN-PMcolor-Red-9);
  --SN-Role-Alert-10: var(--SN-PMcolor-Red-10);
  --SN-Role-Alert-11: var(--SN-PMcolor-Red-11);
  --SN-Role-Alert-12: var(--SN-PMcolor-Red-12);
  --SN-Brand-Support-1: var(--SN-PMcolor-Green-1);
  --SN-Brand-Support-2: var(--SN-PMcolor-Green-2);
  --SN-Brand-Support-3: var(--SN-PMcolor-Green-3);
  --SN-Brand-Support-4: var(--SN-PMcolor-Green-4);
  --SN-Brand-Support-5: var(--SN-PMcolor-Green-5);
  --SN-Brand-Support-6: var(--SN-PMcolor-Green-6);
  --SN-Brand-Support-7: var(--SN-PMcolor-Green-7);
  --SN-Brand-Support-8: var(--SN-PMcolor-Green-8);
  --SN-Brand-Support-9: var(--SN-PMcolor-Green-9);
  --SN-Brand-Support-10: var(--SN-PMcolor-Green-10);
  --SN-Brand-Support-11: var(--SN-PMcolor-Green-11);
  --SN-Brand-Support-12: var(--SN-PMcolor-Green-12);
  --SN-Brand-Sale-1: var(--SN-PMcolor-Orange-1);
  --SN-Brand-Sale-2: var(--SN-PMcolor-Orange-2);
  --SN-Brand-Sale-3: var(--SN-PMcolor-Orange-3);
  --SN-Brand-Sale-4: var(--SN-PMcolor-Orange-4);
  --SN-Brand-Sale-5: var(--SN-PMcolor-Orange-5);
  --SN-Brand-Sale-6: var(--SN-PMcolor-Orange-6);
  --SN-Brand-Sale-7: var(--SN-PMcolor-Orange-7);
  --SN-Brand-Sale-8: var(--SN-PMcolor-Orange-8);
  --SN-Brand-Sale-9: var(--SN-PMcolor-Orange-9);
  --SN-Brand-Sale-10: var(--SN-PMcolor-Orange-10);
  --SN-Brand-Sale-11: var(--SN-PMcolor-Orange-11);
  --SN-Brand-Sale-12: var(--SN-PMcolor-Orange-12);
  --SN-Brand-Cart-1: var(--SN-PMcolor-Yellow-1);
  --SN-Brand-Cart-2: var(--SN-PMcolor-Yellow-2);
  --SN-Brand-Cart-3: var(--SN-PMcolor-Yellow-3);
  --SN-Brand-Cart-4: var(--SN-PMcolor-Yellow-4);
  --SN-Brand-Cart-5: var(--SN-PMcolor-Yellow-5);
  --SN-Brand-Cart-6: var(--SN-PMcolor-Yellow-6);
  --SN-Brand-Cart-7: var(--SN-PMcolor-Yellow-7);
  --SN-Brand-Cart-8: var(--SN-PMcolor-Yellow-8);
  --SN-Brand-Cart-9: var(--SN-PMcolor-Yellow-9);
  --SN-Brand-Cart-10: var(--SN-PMcolor-Yellow-10);
  --SN-Brand-Cart-11: var(--SN-PMcolor-Yellow-11);
  --SN-Brand-Cart-12: var(--SN-PMcolor-Yellow-12);
  --ソースネクスト・ブルー: #00a5e3;
  --ソースネクスト・ブラック: #00021e;
  --SN-Color-Text-Default: var(--SN-PMcolor-Alpha-Black-90);
  --SN-Color-Text-High: var(--SN-PMcolor-Alpha-Black-100);
  --SN-Color-Text-Low: var(--SN-PMcolor-Alpha-Black-80);
  --SN-Color-Text-Subtle: var(--SN-PMcolor-Alpha-Black-60);
  --SN-Color-Text-Disable: var(--SN-PMcolor-Alpha-Black-30);
  --SN-Color-Text-UI-Solid: var(--SN-PMcolor-Alpha-White-100);
  --SN-Color-Text-Link: var(--SN-PMcolor-Azure-11);
  --SN-Color-Text-Price: var(--SN-PMcolor-Red-11);
  --SN-Color-Text-Neutral-Low-contrast: var(--SN-PMcolor-Slate-11);
  --SN-Color-Text-Neutral-High-contrast: var(--SN-PMcolor-Slate-12);
  --SN-Color-Text-Neutral-warm-Low-contrast: var(--SN-PMcolor-Bronze-11);
  --SN-Color-Text-Neutral-warm-High-contrast: var(--SN-PMcolor-Bronze-12);
  --SN-Color-Text-Grayscale-Low-contrast: var(--SN-PMcolor-Gray-11);
  --SN-Color-Text-Grayscale-High-contrast: var(--SN-PMcolor-Gray-12);
  --SN-Color-Text-Primary-Low-contrast: var(--SN-PMcolor-Azure-11);
  --SN-Color-Text-Primary-High-contrast: var(--SN-PMcolor-Azure-12);
  --SN-Color-Text-Primary-dark-Low-contrast: var(--SN-PMcolor-Blue-11);
  --SN-Color-Text-Primary-dark-High-contrast: var(--SN-PMcolor-Blue-12);
  --SN-Color-Text-Success-Low-contrast: var(--SN-PMcolor-Teal-11);
  --SN-Color-Text-Success-High-contrast: var(--SN-PMcolor-Teal-12);
  --SN-Color-Text-Support-Low-contrast: var(--SN-PMcolor-Green-11);
  --SN-Color-Text-Support-High-contrast: var(--SN-PMcolor-Green-12);
  --SN-Color-Text-Cart-Low-contrast: var(--SN-PMcolor-Yellow-11);
  --SN-Color-Text-Cart-High-contrast: var(--SN-PMcolor-Yellow-12);
  --SN-Color-Text-Sale-Low-contrast: var(--SN-PMcolor-Orange-11);
  --SN-Color-Text-Sale-High-contrast: var(--SN-PMcolor-Orange-12);
  --SN-Color-Text-Alert-Low-contrast: var(--SN-PMcolor-Red-11);
  --SN-Color-Text-Alert-High-contrast: var(--SN-PMcolor-Red-12);
  --SN-Color-Background-Default: var(--SN-PMcolor-Gray-white);
  --SN-Color-Background-Disable: var(--SN-PMcolor-Gray-3);
  --SN-Color-Background-Neutral-App: var(--SN-PMcolor-Slate-1);
  --SN-Color-Background-Neutral-Subtle: var(--SN-PMcolor-Slate-2);
  --SN-Color-Background-Neutral-UI--Enable: var(--SN-PMcolor-Slate-4);
  --SN-Color-Background-Neutral-UI--Hover: var(--SN-PMcolor-Slate-3);
  --SN-Color-Background-Neutral-UI--Active: var(--SN-PMcolor-Slate-5);
  --SN-Color-Background-Neutral-Solid--Enable: var(--SN-PMcolor-Slate-10);
  --SN-Color-Background-Neutral-Solid--Hover: var(--SN-PMcolor-Slate-9);
  --SN-Color-Background-Neutral-warm-App: var(--SN-PMcolor-Bronze-1);
  --SN-Color-Background-Neutral-warm-Subtle: var(--SN-PMcolor-Bronze-2);
  --SN-Color-Background-Neutral-warm-UI--Enable: var(--SN-PMcolor-Bronze-4);
  --SN-Color-Background-Neutral-warm-UI--Hover: var(--SN-PMcolor-Bronze-3);
  --SN-Color-Background-Neutral-warm-UI--Active: var(--SN-PMcolor-Bronze-5);
  --SN-Color-Background-Neutral-warm-Solid--Enable: var(--SN-PMcolor-Bronze-10);
  --SN-Color-Background-Neutral-warm-Solid--Hover: var(--SN-PMcolor-Bronze-9);
  --SN-Color-Background-Grayscale-App: var(--SN-PMcolor-Gray-1);
  --SN-Color-Background-Grayscale-Subtle: var(--SN-PMcolor-Gray-2);
  --SN-Color-Background-Grayscale-UI--Enable: var(--SN-PMcolor-Gray-4);
  --SN-Color-Background-Grayscale-UI--Hover: var(--SN-PMcolor-Gray-3);
  --SN-Color-Background-Grayscale-UI--Active: var(--SN-PMcolor-Gray-5);
  --SN-Color-Background-Grayscale-Solid--Enable: var(--SN-PMcolor-Gray-10);
  --SN-Color-Background-Grayscale-Solid--Hover: var(--SN-PMcolor-Gray-9);
  --SN-Color-Background-Primary-App: var(--SN-PMcolor-Azure-1);
  --SN-Color-Background-Primary-Subtle: var(--SN-PMcolor-Azure-2);
  --SN-Color-Background-Primary-UI--Enable: var(--SN-PMcolor-Azure-4);
  --SN-Color-Background-Primary-UI--Hover: var(--SN-PMcolor-Azure-3);
  --SN-Color-Background-Primary-UI--Active: var(--SN-PMcolor-Azure-5);
  --SN-Color-Background-Primary-Solid--Enable: var(--SN-PMcolor-Azure-10);
  --SN-Color-Background-Primary-Solid--Hover: var(--SN-PMcolor-Azure-9);
  --SN-Color-Background-Primary-dark-App: var(--SN-PMcolor-Blue-1);
  --SN-Color-Background-Primary-dark-Subtle: var(--SN-PMcolor-Blue-2);
  --SN-Color-Background-Primary-dark-UI--Enable: var(--SN-PMcolor-Blue-4);
  --SN-Color-Background-Primary-dark-UI--Hover: var(--SN-PMcolor-Blue-3);
  --SN-Color-Background-Primary-dark-UI--Active: var(--SN-PMcolor-Blue-5);
  --SN-Color-Background-Primary-dark-Solid--Enable: var(--SN-PMcolor-Blue-10);
  --SN-Color-Background-Primary-dark-Solid--Hover: var(--SN-PMcolor-Blue-9);
  --SN-Color-Background-Success-App: var(--SN-PMcolor-Teal-1);
  --SN-Color-Background-Success-Subtle: var(--SN-PMcolor-Teal-2);
  --SN-Color-Background-Success-UI--Enable: var(--SN-PMcolor-Teal-4);
  --SN-Color-Background-Success-UI--Hover: var(--SN-PMcolor-Teal-3);
  --SN-Color-Background-Success-UI--Active: var(--SN-PMcolor-Teal-5);
  --SN-Color-Background-Success-Solid--Enable: var(--SN-PMcolor-Teal-10);
  --SN-Color-Background-Success-Solid--Hover: var(--SN-PMcolor-Teal-9);
  --SN-Color-Background-Support-App: var(--SN-PMcolor-Green-1);
  --SN-Color-Background-Support-Subtle: var(--SN-PMcolor-Green-2);
  --SN-Color-Background-Support-UI--Enable: var(--SN-PMcolor-Green-4);
  --SN-Color-Background-Support-UI--Hover: var(--SN-PMcolor-Green-3);
  --SN-Color-Background-Support-UI--Active: var(--SN-PMcolor-Green-5);
  --SN-Color-Background-Support-Solid--Enable: var(--SN-PMcolor-Green-10);
  --SN-Color-Background-Support-Solid--Hover: var(--SN-PMcolor-Green-9);
  --SN-Color-Background-Cart-App: var(--SN-PMcolor-Yellow-1);
  --SN-Color-Background-Cart-Subtle: var(--SN-PMcolor-Yellow-2);
  --SN-Color-Background-Cart-UI--Enable: var(--SN-PMcolor-Yellow-4);
  --SN-Color-Background-Cart-UI--Hover: var(--SN-PMcolor-Yellow-3);
  --SN-Color-Background-Cart-UI--Active: var(--SN-PMcolor-Yellow-5);
  --SN-Color-Background-Cart-Solid--Enable: var(--SN-PMcolor-Yellow-10);
  --SN-Color-Background-Cart-Solid--Hover: var(--SN-PMcolor-Yellow-9);
  --SN-Color-Background-Sale-App: var(--SN-PMcolor-Orange-1);
  --SN-Color-Background-Sale-Subtle: var(--SN-PMcolor-Orange-2);
  --SN-Color-Background-Sale-UI--Enable: var(--SN-PMcolor-Orange-4);
  --SN-Color-Background-Sale-UI--Hover: var(--SN-PMcolor-Orange-3);
  --SN-Color-Background-Sale-UI--Active: var(--SN-PMcolor-Orange-5);
  --SN-Color-Background-Sale-Solid--Enable: var(--SN-PMcolor-Orange-10);
  --SN-Color-Background-Sale-Solid--Hover: var(--SN-PMcolor-Orange-9);
  --SN-Color-Background-Alert-App: var(--SN-PMcolor-Red-1);
  --SN-Color-Background-Alert-Subtle: var(--SN-PMcolor-Red-2);
  --SN-Color-Background-Alert-UI--Enable: var(--SN-PMcolor-Red-4);
  --SN-Color-Background-Alert-UI--Hover: var(--SN-PMcolor-Red-3);
  --SN-Color-Background-Alert-UI--Active: var(--SN-PMcolor-Red-5);
  --SN-Color-Background-Alert-Solid--Enable: var(--SN-PMcolor-Red-10);
  --SN-Color-Background-Alert-Solid--Hover: var(--SN-PMcolor-Red-9);
  --SN-Color-Background-Link: var(--SN-PMcolor-Azure-11);
  --SN-Color-Background-Link--Hover: var(--SN-PMcolor-Azure-10);
  --SN-Color-Border-default: var(--SN-PMcolor-Alpha-Black-50);
  --SN-Color-Border-subtle: var(--SN-PMcolor-Alpha-Black-30);
  --SN-Color-Border-bold: var(--SN-PMcolor-Alpha-Black-80);
  --SN-Color-Border-inverse: var(--SN-PMcolor-Alpha-White-90);
  --SN-Color-Border-Neutral-Subtle: var(--SN-PMcolor-Slate-6);
  --SN-Color-Border-Neutral-UI-element--Enable: var(--SN-PMcolor-Slate-7);
  --SN-Color-Border-Neutral-UI-element--Hover: var(--SN-PMcolor-Slate-8);
  --SN-Color-Border-Neutral-Solid--Enable: var(--SN-PMcolor-Slate-10);
  --SN-Color-Border-Neutral-Solid--Hover: var(--SN-PMcolor-Slate-11);
  --SN-Color-Border-Neutral-warm-Subtle: var(--SN-Role-Neutral-6);
  --SN-Color-Border-Neutral-warm-UI-element--Enable: var(--SN-PMcolor-Bronze-7);
  --SN-Color-Border-Neutral-warm-UI-element--Hover: var(--SN-PMcolor-Bronze-8);
  --SN-Color-Border-Neutral-warm-Solid--Enable: var(--SN-PMcolor-Bronze-10);
  --SN-Color-Border-Neutral-warm-Solid--Hover: var(--SN-PMcolor-Bronze-11);
  --SN-Color-Border-Grayscale-Subtle: var(--SN-PMcolor-Gray-6);
  --SN-Color-Border-Grayscale-UI-element--Enable: var(--SN-PMcolor-Gray-7);
  --SN-Color-Border-Grayscale-UI-element--Hover: var(--SN-PMcolor-Gray-8);
  --SN-Color-Border-Grayscale-Solid--Enable: var(--SN-PMcolor-Gray-10);
  --SN-Color-Border-Grayscale-Solid--Hover: var(--SN-PMcolor-Gray-11);
  --SN-Color-Border-Primary-Subtle: var(--SN-PMcolor-Azure-6);
  --SN-Color-Border-Primary-UI-element--Enable: var(--SN-PMcolor-Azure-7);
  --SN-Color-Border-Primary-UI-element--Hover: var(--SN-PMcolor-Azure-8);
  --SN-Color-Border-Primary-Solid--Enable: var(--SN-Role-Primary-10);
  --SN-Color-Border-Primary-Solid--Hover: var(--SN-Role-Primary-11);
  --SN-Color-Border-Primary-dark-Subtle: var(--SN-PMcolor-Blue-6);
  --SN-Color-Border-Primary-dark-UI-element--Enable: var(--SN-PMcolor-Blue-7);
  --SN-Color-Border-Primary-dark-UI-element--Hover: var(--SN-PMcolor-Blue-8);
  --SN-Color-Border-Primary-dark-Solid--Enable: var(--SN-PMcolor-Blue-10);
  --SN-Color-Border-Primary-dark-Solid--Hover: var(--SN-PMcolor-Blue-11);
  --SN-Color-Border-Success-Subtle: var(--SN-PMcolor-Teal-6);
  --SN-Color-Border-Success-UI-element--Enable: var(--SN-PMcolor-Teal-7);
  --SN-Color-Border-Success-UI-element--Hover: var(--SN-PMcolor-Teal-8);
  --SN-Color-Border-Success-Solid--Enable: var(--SN-Role-Success-10);
  --SN-Color-Border-Success-Solid--Hover: var(--SN-Role-Success-11);
  --SN-Color-Border-Support-Subtle: var(--SN-PMcolor-Green-6);
  --SN-Color-Border-Support-UI-element--Enable: var(--SN-PMcolor-Green-7);
  --SN-Color-Border-Support-UI-element--Hover: var(--SN-PMcolor-Green-8);
  --SN-Color-Border-Support-Solid--Enable: var(--SN-PMcolor-Green-10);
  --SN-Color-Border-Support-Solid--Hover: var(--SN-PMcolor-Green-11);
  --SN-Color-Border-Cart-Subtle: var(--SN-PMcolor-Yellow-6);
  --SN-Color-Border-Cart-UI-element--Enable: var(--SN-PMcolor-Yellow-7);
  --SN-Color-Border-Cart-UI-element--Hover: var(--SN-PMcolor-Yellow-8);
  --SN-Color-Border-Cart-Solid--Enable: var(--SN-PMcolor-Yellow-10);
  --SN-Color-Border-Cart-Solid--Hover: var(--SN-PMcolor-Yellow-11);
  --SN-Color-Border-Sale-Subtle: var(--SN-PMcolor-Orange-6);
  --SN-Color-Border-Sale-UI-element--Enable: var(--SN-PMcolor-Orange-7);
  --SN-Color-Border-Sale-UI-element--Hover: var(--SN-PMcolor-Orange-8);
  --SN-Color-Border-Sale-Solid--Enable: var(--SN-Brand-Sale-10);
  --SN-Color-Border-Sale-Solid--Hover: var(--SN-Brand-Sale-11);
  --SN-Color-Border-Alert-Subtle: var(--SN-PMcolor-Red-6);
  --SN-Color-Border-Alert-UI-element--Enable: var(--SN-PMcolor-Red-7);
  --SN-Color-Border-Alert-UI-element--Hover: var(--SN-PMcolor-Red-8);
  --SN-Color-Border-Alert-Solid--Enable: var(--SN-PMcolor-Red-10);
  --SN-Color-Border-Alert-Solid--Hover: var(--SN-PMcolor-Red-11);
}

.SN-Contents__Display__L, .SN-Contents__Display__M, .SN-Contents__Display__S {
  font-weight: var(--SN-Font-weight-Med);
  line-height: var(--SN-Line-height-XS);
  letter-spacing: var(--SN-Letter-spacing-M);
  font-feature-settings: "palt" on;
}
.SN-Contents__Display__L {
  font-size: var(--SN-Font-size-100);
}
.SN-Contents__Display__M {
  font-size: var(--SN-Font-size-90);
}
.SN-Contents__Display__S {
  font-size: var(--SN-Font-size-80);
}
.SN-Contents__Title__XL, .SN-Contents__Title__L, .SN-Contents__Title__M, .SN-Contents__Title__S, .SN-Contents__Title__XS {
  font-weight: var(--SN-Font-weight-Med);
  letter-spacing: var(--SN-Letter-spacing-M);
  line-height: var(--SN-Line-height-M);
  font-feature-settings: "palt" on;
}
.SN-Contents__Title__XL {
  font-size: var(--SN-Font-size-70);
}
.SN-Contents__Title__L {
  font-size: var(--SN-Font-size-60);
}
.SN-Contents__Title__M {
  font-size: var(--SN-Font-size-50);
}
.SN-Contents__Title__S {
  font-size: var(--SN-Font-size-35);
}
.SN-Contents__Title__XS {
  font-size: var(--SN-Font-size-30);
}
.SN-Contents__Title__XL--SP, .SN-Contents__Title__L--SP, .SN-Contents__Title__M--SP, .SN-Contents__Title__S--SP, .SN-Contents__Title__XS--SP {
  font-weight: var(--SN-Font-weight-Bd);
  line-height: var(--SN-Line-height-M);
  letter-spacing: var(--SN-Letter-spacing-S);
  font-feature-settings: "palt" on;
}
.SN-Contents__Title__XL--SP {
  font-size: var(--SN-Font-size-60);
}
.SN-Contents__Title__L--SP {
  font-size: var(--SN-Font-size-50);
}
.SN-Contents__Title__M--SP {
  font-size: var(--SN-Font-size-40);
}
.SN-Contents__Title__S--SP {
  font-size: var(--SN-Font-size-25);
}
.SN-Contents__Title__XS--SP {
  font-size: var(--SN-Font-size-20);
}
.SN-Contents__SubTitle__M, .SN-Contents__SubTitle__M--SP {
  line-height: var(--SN-Line-height-M);
  letter-spacing: var(--SN-Letter-spacing-M);
  font-weight: var(--SN-Font-weight-Med);
  font-feature-settings: "palt" on;
}
.SN-Contents__SubTitle__M {
  font-size: var(--SN-Font-size-30);
}
.SN-Contents__SubTitle__M--SP {
  font-size: var(--SN-Font-size-20);
}
.SN-Contents__Body__M, .SN-Contents__Body__S {
  font-weight: var(--SN-Font-weight-Reg);
  line-height: var(--SN-Line-height-L);
  letter-spacing: var(--SN-Letter-spacing-S);
  font-feature-settings: "palt" off;
}
.SN-Contents__Body__M-link, .SN-Contents__Body__S-link {
  text-decoration: underline;
  font-size: inherit;
  color: var(--SN-Color-Text-Link, #0077cc);
}
.SN-Contents__Body__M-link-body, .SN-Contents__Body__S-link-body {
  text-decoration: underline;
  font-size: inherit;
  color: var(--SN-Color-Text-Link, #0077cc);
}
.SN-Contents__Body__M {
  font-size: var(--SN-Font-size-20);
}
.SN-Contents__Body__S {
  font-size: var(--SN-Font-size-10);
}
.SN-Contents__Caption__M, .SN-Contents__Caption__S {
  font-weight: var(--SN-Font-weight-Reg);
  line-height: var(--SN-Line-height-S);
  letter-spacing: var(--SN-Letter-spacing-S);
  font-feature-settings: "palt" off;
}
.SN-Contents__Caption__M-link, .SN-Contents__Caption__S-link {
  text-decoration: underline;
  font-size: inherit;
  color: var(--SN-Color-Text);
  font-weight: 500;
}
.SN-Contents__Caption__M-link-body, .SN-Contents__Caption__S-link-body {
  text-decoration: underline;
  font-size: inherit;
  color: var(--SN-Color-Text);
  font-weight: 500;
}
.SN-Contents__Caption__M {
  font-size: var(--SN-Font-size-10);
}
.SN-Contents__Caption__S {
  font-size: var(--SN-Font-size-5);
}

.SN-UI__Compact__L, .SN-UI__Compact__L--Bd, .SN-UI__Compact__M, .SN-UI__Compact__M--Bd, .SN-UI__Compact__S, .SN-UI__Compact__S--Bd {
  line-height: var(--SN-Line-height-XS);
  letter-spacing: var(--SN-Letter-spacing-none);
  font-feature-settings: "palt" off;
}
.SN-UI__Compact__L, .SN-UI__Compact__L--Bd {
  font-size: var(--SN-Font-size-20);
}
.SN-UI__Compact__M, .SN-UI__Compact__M--Bd {
  font-size: var(--SN-Font-size-10);
}
.SN-UI__Compact__S, .SN-UI__Compact__S--Bd {
  font-size: var(--SN-Font-size-5);
}
.SN-UI__Compact__L--Bd, .SN-UI__Compact__M--Bd, .SN-UI__Compact__S--Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.SN-UI__Compact__L, .SN-UI__Compact__M, .SN-UI__Compact__S {
  font-weight: var(--SN-Font-weight-Reg);
}
.SN-UI__Single__XL, .SN-UI__Single__XL--Bd, .SN-UI__Single__L, .SN-UI__Single__L--Bd, .SN-UI__Single__M, .SN-UI__Single__M--Bd, .SN-UI__Single__S, .SN-UI__Single__S--Bd, .SN-UI__Single__XS, .SN-UI__Single__XS--Bd {
  line-height: var(--SN-Line-height-none);
  letter-spacing: var(--SN-Letter-spacing-none);
  font-feature-settings: "palt" off;
}
.SN-UI__Single__XL, .SN-UI__Single__L {
  font-weight: var(--SN-Font-weight-Med);
}
.SN-UI__Single__M, .SN-UI__Single__S, .SN-UI__Single__XS {
  font-weight: var(--SN-Font-weight-Reg);
}
.SN-UI__Single__XL--Bd, .SN-UI__Single__L--Bd, .SN-UI__Single__M--Bd, .SN-UI__Single__S--Bd, .SN-UI__Single__XS--Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.SN-UI__Single__XL, .SN-UI__Single__XL--Bd {
  font-size: var(--SN-Font-size-30);
}
.SN-UI__Single__L, .SN-UI__Single__L--Bd {
  font-size: var(--SN-Font-size-20);
}
.SN-UI__Single__M, .SN-UI__Single__M--Bd {
  font-size: var(--SN-Font-size-10);
}
.SN-UI__Single__S, .SN-UI__Single__S--Bd {
  font-size: var(--SN-Font-size-5);
}
.SN-UI__Single__XS, .SN-UI__Single__XS--Bd {
  font-size: var(--SN-Font-size-0);
}
.SN-UI__Number__XL, .SN-UI__Number__XL--Bd, .SN-UI__Number__L, .SN-UI__Number__L--Bd, .SN-UI__Number__M, .SN-UI__Number__M--Bd, .SN-UI__Number__S, .SN-UI__Number__S--Bd {
  line-height: var(--SN-Line-height-none);
  letter-spacing: var(--SN-Letter-spacing-none);
  font-feature-settings: "palt" off;
}
.SN-UI__Number__XL, .SN-UI__Number__L, .SN-UI__Number__M, .SN-UI__Number__S {
  font-weight: var(--SN-Font-weight-Reg);
}
.SN-UI__Number__XL--Bd, .SN-UI__Number__L--Bd, .SN-UI__Number__M--Bd, .SN-UI__Number__S--Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.SN-UI__Number__XL, .SN-UI__Number__XL--Bd {
  font-size: var(--SN-Font-size-35);
}
.SN-UI__Number__L, .SN-UI__Number__L--Bd {
  font-size: var(--SN-Font-size-25);
}
.SN-UI__Number__M, .SN-UI__Number__M--Bd {
  font-size: var(--SN-Font-size-20);
}
.SN-UI__Number__S, .SN-UI__Number__S--Bd {
  font-size: var(--SN-Font-size-10);
}
.SN-UI__Label__M {
  font-size: var(--SN-Font-size-10);
  font-weight: var(--SN-Font-weight-Reg);
  line-height: var(--SN-Line-height-none);
}
.SN-UI__Label__S {
  font-size: var(--SN-Font-size-5);
  font-weight: var(--SN-Font-weight-Med);
}
.SN-UI__Button__L {
  font-size: var(--SN-Font-size-30);
  font-weight: var(--SN-Font-weight-Bd);
  line-height: var(--SN-Line-height-none);
}

.SN-Space-0 {
  padding: var(--SN-Space-0);
}
.SN-Space-2 {
  padding: var(--SN-Space-2);
}
.SN-Space-4 {
  padding: var(--SN-Space-4);
}
.SN-Space-8 {
  padding: var(--SN-Space-8);
}
.SN-Space-16 {
  padding: var(--SN-Space-16);
}
.SN-Space-24 {
  padding: var(--SN-Space-24);
}
.SN-Space-32 {
  padding: var(--SN-Space-32);
}
.SN-Space-40 {
  padding: var(--SN-Space-40);
}
.SN-Space-48 {
  padding: var(--SN-Space-48);
}
.SN-Space-64 {
  padding: var(--SN-Space-64);
}
.SN-Space-80 {
  padding: var(--SN-Space-80);
}
.SN-Space-96 {
  padding: var(--SN-Space-96);
}
.SN-Space-128 {
  padding: var(--SN-Space-128);
}
.SN-Space--04 {
  margin-top: var(--SN-Space--04);
}
.SN-Space--08 {
  margin-top: var(--SN-Space--08);
}
.SN-Space--12 {
  margin-top: var(--SN-Space--12);
}
.SN-Space--16 {
  margin-top: var(--SN-Space--16);
}
.SN-Space--24 {
  margin-top: var(--SN-Space--24);
}
.SN-Space--32 {
  margin-top: var(--SN-Space--32);
}
.SN-Space--40 {
  margin-top: var(--SN-Space--40);
}

.SN-Radius-0 {
  border-radius: var(--SN-Radius-0);
}
.SN-Radius-2 {
  border-radius: var(--SN-Radius-2);
}
.SN-Radius-4 {
  border-radius: var(--SN-Radius-4);
}
.SN-Radius-8 {
  border-radius: var(--SN-Radius-8);
}
.SN-Radius-16 {
  border-radius: var(--SN-Radius-16);
}
.SN-Radius-40 {
  border-radius: var(--SN-Radius-40);
}
.SN-Radius-64 {
  border-radius: var(--SN-Radius-64);
}
.SN-Radius-128 {
  border-radius: var(--SN-Radius-128);
}
.SN-Radius-Full {
  border-radius: var(--SN-Radius-Full);
}

.SN-Shadow-2 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16), 0px 1px 2px rgba(0, 0, 0, 0.16);
}
.SN-Shadow-4 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16), 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.SN-Shadow-8 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.16);
}
.SN-Shadow-16 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16), 0px 8px 16px rgba(0, 0, 0, 0.16);
}
.SN-Shadow-24 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16), 0px 6px 12px rgba(0, 0, 0, 0.24), 0px 12px 24px rgba(0, 0, 0, 0.04);
}
.SN-Shadow-32 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16), 0px 8px 16px rgba(0, 0, 0, 0.32), 0px 16px 32px rgba(0, 0, 0, 0.04);
}

[class*=SN-Btn-Primary] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--SN-Space-4, 0.4rem);
  border: none;
  outline: none;
  cursor: pointer;
  font-family: inherit;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: var(--SN-Radius-Full, 100rem);
  font-weight: var(--SN-Font-weight-Med, 500);
  line-height: 1;
  letter-spacing: 0;
  width: auto;
  transition: all 0.2s ease-in-out;
  height: 4.4rem;
  font-size: 1.4rem;
  padding: 1rem 1.6rem;
  background: var(--SN-Color-Background-Primary-Solid--Enable, #0089eb);
  color: var(--SN-Color-Text-UI-Solid, #fff);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 1px rgba(0, 0, 0, 0.16);
  padding-left: calc(
          1.6rem + var(--SN-Space-4, 0.4rem)
        );
}
[class*=SN-Btn-Primary]::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_right_wh.svg) no-repeat center/contain;
  flex-shrink: 0;
}
[class*=SN-Btn-Primary]:hover, [class*=SN-Btn-Primary].is-hover {
  background: var(--SN-Color-Background-Primary-Solid--Hover, #0076cb);
}
[class*=SN-Btn-Primary][disabled], [class*=SN-Btn-Primary]:disabled {
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}
[class*=SN-Btn-Primary][disabled]::before, [class*=SN-Btn-Primary][disabled]::after, [class*=SN-Btn-Primary]:disabled::before, [class*=SN-Btn-Primary]:disabled::after {
  filter: brightness(0) opacity(0.4);
}
[class*=SN-Btn-Primary][disabled], [class*=SN-Btn-Primary]:disabled {
  background: var(--SN-Color-Background-Disabled, #ccc);
  color: var(--SN-Color-Text-Disabled, #999);
}

[class*=SN-Btn-Primary][class*=-Open]:not([class*=-LeftOpen]) {
  position: relative;
  justify-content: center;
  padding-left: calc(
          1.6rem +
            2rem +
            var(--SN-Space-4, 0.4rem)
        );
  padding-right: calc(
          1.6rem +
            2rem +
            var(--SN-Space-4, 0.4rem)
        );
}
[class*=SN-Btn-Primary][class*=-Open]:not([class*=-LeftOpen])::after {
  position: absolute;
  right: 1.6rem;
}

[class*=SN-Btn-Primary][class*=-Left]:not([class*=-LeftOpen]) {
  padding-left: 1.6rem;
  padding-right: calc(
          1.6rem + var(--SN-Space-4, 0.4rem)
        );
}
[class*=SN-Btn-Primary][class*=-Left]:not([class*=-LeftOpen])::after {
  content: none;
  display: none;
}
[class*=SN-Btn-Primary][class*=-Left]:not([class*=-LeftOpen])::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_left_wh.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Btn-Primary][class*=-LeftOpen] {
  position: relative;
  justify-content: center;
  padding-left: calc(
          1.6rem +
            2rem +
            var(--SN-Space-4, 0.4rem)
        );
  padding-right: calc(
          1.6rem +
            2rem +
            var(--SN-Space-4, 0.4rem)
        );
}
[class*=SN-Btn-Primary][class*=-LeftOpen]::after {
  content: none;
  display: none;
}
[class*=SN-Btn-Primary][class*=-LeftOpen]::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_left_wh.svg) no-repeat center/contain;
  flex-shrink: 0;
}
[class*=SN-Btn-Primary][class*=-LeftOpen]::before {
  position: absolute;
  left: 1.6rem;
}

[class*=SN-Btn-Primary][class*=-None] {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
[class*=SN-Btn-Primary][class*=-None]::after {
  content: none;
  display: none;
}
[class*=SN-Btn-Primary][class*=-None]::before {
  content: none;
  display: none;
}

[class*=SN-Btn-Secondary] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--SN-Space-4, 0.4rem);
  border: none;
  outline: none;
  cursor: pointer;
  font-family: inherit;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: var(--SN-Radius-Full, 100rem);
  font-weight: var(--SN-Font-weight-Med, 500);
  line-height: 1;
  letter-spacing: 0;
  width: auto;
  transition: all 0.2s ease-in-out;
  height: 4.4rem;
  font-size: 1.4rem;
  padding: 1rem 1.6rem;
  background: var(--SN-Color-Background-Default, #fff);
  color: var(--SN-Color-Text-Link, #0077cc);
  border: 1px solid var(--SN-Color-Background-Primary-Solid--Enable, #0089eb);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11), 0 1px 2px 1px rgba(0, 0, 0, 0.11);
  padding-left: calc(
          1.6rem + var(--SN-Space-4, 0.4rem)
        );
}
[class*=SN-Btn-Secondary]::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_right_blue.svg) no-repeat center/contain;
  flex-shrink: 0;
}
[class*=SN-Btn-Secondary]:hover, [class*=SN-Btn-Secondary].is-hover {
  background: var(--SN-Color-Background-Primary-UI--Hover, #e6f3fc);
}
[class*=SN-Btn-Secondary][disabled], [class*=SN-Btn-Secondary]:disabled {
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}
[class*=SN-Btn-Secondary][disabled]::before, [class*=SN-Btn-Secondary][disabled]::after, [class*=SN-Btn-Secondary]:disabled::before, [class*=SN-Btn-Secondary]:disabled::after {
  filter: brightness(0) opacity(0.4);
}
[class*=SN-Btn-Secondary][disabled], [class*=SN-Btn-Secondary]:disabled {
  background: var(--SN-Color-Background-Default, #fff);
  color: var(--SN-Color-Text-Disabled, #999);
  border-color: var(--SN-Color-Border-Disabled, #ccc);
}

[class*=SN-Btn-Secondary][class*=-Open]:not([class*=-LeftOpen]) {
  position: relative;
  justify-content: center;
  padding-left: calc(
          1.6rem +
            2rem +
            var(--SN-Space-4, 0.4rem)
        );
  padding-right: calc(
          1.6rem +
            2rem +
            var(--SN-Space-4, 0.4rem)
        );
}
[class*=SN-Btn-Secondary][class*=-Open]:not([class*=-LeftOpen])::after {
  position: absolute;
  right: 1.6rem;
}

[class*=SN-Btn-Secondary][class*=-Left]:not([class*=-LeftOpen]) {
  padding-left: 1.6rem;
  padding-right: calc(
          1.6rem + var(--SN-Space-4, 0.4rem)
        );
}
[class*=SN-Btn-Secondary][class*=-Left]:not([class*=-LeftOpen])::after {
  content: none;
  display: none;
}
[class*=SN-Btn-Secondary][class*=-Left]:not([class*=-LeftOpen])::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_left_blue.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Btn-Secondary][class*=-LeftOpen] {
  position: relative;
  justify-content: center;
  padding-left: calc(
          1.6rem +
            2rem +
            var(--SN-Space-4, 0.4rem)
        );
  padding-right: calc(
          1.6rem +
            2rem +
            var(--SN-Space-4, 0.4rem)
        );
}
[class*=SN-Btn-Secondary][class*=-LeftOpen]::after {
  content: none;
  display: none;
}
[class*=SN-Btn-Secondary][class*=-LeftOpen]::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_left_blue.svg) no-repeat center/contain;
  flex-shrink: 0;
}
[class*=SN-Btn-Secondary][class*=-LeftOpen]::before {
  position: absolute;
  left: 1.6rem;
}

[class*=SN-Btn-Secondary][class*=-None] {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
[class*=SN-Btn-Secondary][class*=-None]::after {
  content: none;
  display: none;
}
[class*=SN-Btn-Secondary][class*=-None]::before {
  content: none;
  display: none;
}

[class*=SN-Btn-Text] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--SN-Space-4, 0.4rem);
  border: none;
  outline: none;
  cursor: pointer;
  font-family: inherit;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: var(--SN-Radius-Full, 100rem);
  font-weight: var(--SN-Font-weight-Med, 500);
  line-height: 1;
  letter-spacing: 0;
  width: auto;
  transition: all 0.2s ease-in-out;
  height: 4.4rem;
  font-size: 1.4rem;
  padding: 1rem 1.6rem;
  background: transparent;
  color: var(--SN-Color-Text-Link, #0077cc);
  padding-left: calc(
          1.6rem + var(--SN-Space-4, 0.4rem)
        );
}
[class*=SN-Btn-Text]::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_right_blue.svg) no-repeat center/contain;
  flex-shrink: 0;
}
[class*=SN-Btn-Text]:hover, [class*=SN-Btn-Text].is-hover {
  background: var(--SN-Color-Background-Primary-UI--Hover, #e6f3fc);
}
[class*=SN-Btn-Text][disabled], [class*=SN-Btn-Text]:disabled {
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}
[class*=SN-Btn-Text][disabled]::before, [class*=SN-Btn-Text][disabled]::after, [class*=SN-Btn-Text]:disabled::before, [class*=SN-Btn-Text]:disabled::after {
  filter: brightness(0) opacity(0.4);
}
[class*=SN-Btn-Text][disabled], [class*=SN-Btn-Text]:disabled {
  background: transparent;
  color: var(--SN-Color-Text-Disabled, #999);
}

[class*=SN-Btn-Text][class*=-Open]:not([class*=-LeftOpen]) {
  position: relative;
  justify-content: center;
  padding-left: calc(
          1.6rem +
            2rem +
            var(--SN-Space-4, 0.4rem)
        );
  padding-right: calc(
          1.6rem +
            2rem +
            var(--SN-Space-4, 0.4rem)
        );
}
[class*=SN-Btn-Text][class*=-Open]:not([class*=-LeftOpen])::after {
  position: absolute;
  right: 1.6rem;
}

[class*=SN-Btn-Text][class*=-Left]:not([class*=-LeftOpen]) {
  padding-left: 1.6rem;
  padding-right: calc(
          1.6rem + var(--SN-Space-4, 0.4rem)
        );
}
[class*=SN-Btn-Text][class*=-Left]:not([class*=-LeftOpen])::after {
  content: none;
  display: none;
}
[class*=SN-Btn-Text][class*=-Left]:not([class*=-LeftOpen])::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_left_blue.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Btn-Text][class*=-LeftOpen] {
  position: relative;
  justify-content: center;
  padding-left: calc(
          1.6rem +
            2rem +
            var(--SN-Space-4, 0.4rem)
        );
  padding-right: calc(
          1.6rem +
            2rem +
            var(--SN-Space-4, 0.4rem)
        );
}
[class*=SN-Btn-Text][class*=-LeftOpen]::after {
  content: none;
  display: none;
}
[class*=SN-Btn-Text][class*=-LeftOpen]::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_left_blue.svg) no-repeat center/contain;
  flex-shrink: 0;
}
[class*=SN-Btn-Text][class*=-LeftOpen]::before {
  position: absolute;
  left: 1.6rem;
}

[class*=SN-Btn-Text][class*=-None] {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
[class*=SN-Btn-Text][class*=-None]::after {
  content: none;
  display: none;
}
[class*=SN-Btn-Text][class*=-None]::before {
  content: none;
  display: none;
}

[class*=SN-Btn-][class*=-Xs] {
  height: 3.2rem;
  font-size: 1.2rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

[class*=SN-Btn-][class*=-Xs]:not([class*=-Left]):not([class*=-None]):not([class*=-Open]) {
  padding-right: 1.4rem;
  padding-left: calc(1.4rem + var(--SN-Space-4, 0.4rem));
}
[class*=SN-Btn-][class*=-Xs]:not([class*=-Left]):not([class*=-None]):not([class*=-Open])::after {
  width: 2rem;
  height: 2rem;
}

[class*=SN-Btn-][class*=-Xs][class*=-Open]:not([class*=-LeftOpen]) {
  padding-left: calc(
            1.4rem + 2rem + var(--SN-Space-4, 0.4rem)
          );
  padding-right: calc(
            1.4rem + 2rem + var(--SN-Space-4, 0.4rem)
          );
}
[class*=SN-Btn-][class*=-Xs][class*=-Open]:not([class*=-LeftOpen])::after {
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 1.4rem;
}

[class*=SN-Btn-][class*=-Xs][class*=-Left]:not([class*=-LeftOpen]) {
  padding-left: 1.4rem;
  padding-right: calc(1.4rem + var(--SN-Space-4, 0.4rem));
}
[class*=SN-Btn-][class*=-Xs][class*=-Left]:not([class*=-LeftOpen])::before {
  width: 2rem;
  height: 2rem;
}

[class*=SN-Btn-][class*=-Xs][class*=-LeftOpen] {
  padding-left: calc(
            1.4rem + 2rem + var(--SN-Space-4, 0.4rem)
          );
  padding-right: calc(
            1.4rem + 2rem + var(--SN-Space-4, 0.4rem)
          );
}
[class*=SN-Btn-][class*=-Xs][class*=-LeftOpen]::before {
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 1.4rem;
}

[class*=SN-Btn-][class*=-Xs][class*=-None] {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}

[class*=SN-Btn-][class*=-Md] {
  height: 5.2rem;
  font-size: 1.6rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

[class*=SN-Btn-][class*=-Md]:not([class*=-Left]):not([class*=-None]):not([class*=-Open]) {
  padding-right: 2rem;
  padding-left: calc(2rem + var(--SN-Space-4, 0.4rem));
}
[class*=SN-Btn-][class*=-Md]:not([class*=-Left]):not([class*=-None]):not([class*=-Open])::after {
  width: 2.4rem;
  height: 2.4rem;
}

[class*=SN-Btn-][class*=-Md][class*=-Open]:not([class*=-LeftOpen]) {
  padding-left: calc(
            2rem + 2.4rem + var(--SN-Space-4, 0.4rem)
          );
  padding-right: calc(
            2rem + 2.4rem + var(--SN-Space-4, 0.4rem)
          );
}
[class*=SN-Btn-][class*=-Md][class*=-Open]:not([class*=-LeftOpen])::after {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  right: 2rem;
}

[class*=SN-Btn-][class*=-Md][class*=-Left]:not([class*=-LeftOpen]) {
  padding-left: 2rem;
  padding-right: calc(2rem + var(--SN-Space-4, 0.4rem));
}
[class*=SN-Btn-][class*=-Md][class*=-Left]:not([class*=-LeftOpen])::before {
  width: 2.4rem;
  height: 2.4rem;
}

[class*=SN-Btn-][class*=-Md][class*=-LeftOpen] {
  padding-left: calc(
            2rem + 2.4rem + var(--SN-Space-4, 0.4rem)
          );
  padding-right: calc(
            2rem + 2.4rem + var(--SN-Space-4, 0.4rem)
          );
}
[class*=SN-Btn-][class*=-Md][class*=-LeftOpen]::before {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  left: 2rem;
}

[class*=SN-Btn-][class*=-Md][class*=-None] {
  padding-left: 2rem;
  padding-right: 2rem;
}

[class*=SN-Btn-][class*=-Lg] {
  height: 6rem;
  font-size: 1.8rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

[class*=SN-Btn-][class*=-Lg]:not([class*=-Left]):not([class*=-None]):not([class*=-Open]) {
  padding-right: 3.2rem;
  padding-left: calc(3.2rem + var(--SN-Space-4, 0.4rem));
}
[class*=SN-Btn-][class*=-Lg]:not([class*=-Left]):not([class*=-None]):not([class*=-Open])::after {
  width: 2.6rem;
  height: 2.6rem;
}

[class*=SN-Btn-][class*=-Lg][class*=-Open]:not([class*=-LeftOpen]) {
  padding-left: calc(
            3.2rem + 2.6rem + var(--SN-Space-4, 0.4rem)
          );
  padding-right: calc(
            3.2rem + 2.6rem + var(--SN-Space-4, 0.4rem)
          );
}
[class*=SN-Btn-][class*=-Lg][class*=-Open]:not([class*=-LeftOpen])::after {
  width: 2.6rem;
  height: 2.6rem;
  position: absolute;
  right: 3.2rem;
}

[class*=SN-Btn-][class*=-Lg][class*=-Left]:not([class*=-LeftOpen]) {
  padding-left: 3.2rem;
  padding-right: calc(3.2rem + var(--SN-Space-4, 0.4rem));
}
[class*=SN-Btn-][class*=-Lg][class*=-Left]:not([class*=-LeftOpen])::before {
  width: 2.6rem;
  height: 2.6rem;
}

[class*=SN-Btn-][class*=-Lg][class*=-LeftOpen] {
  padding-left: calc(
            3.2rem + 2.6rem + var(--SN-Space-4, 0.4rem)
          );
  padding-right: calc(
            3.2rem + 2.6rem + var(--SN-Space-4, 0.4rem)
          );
}
[class*=SN-Btn-][class*=-Lg][class*=-LeftOpen]::before {
  width: 2.6rem;
  height: 2.6rem;
  position: absolute;
  left: 3.2rem;
}

[class*=SN-Btn-][class*=-Lg][class*=-None] {
  padding-left: 3.2rem;
  padding-right: 3.2rem;
}

[class*=SN-Btn-][class*=-Wfull]:not([class*=SN-Btn-Text]) {
  width: 100%;
}

[class*=SN-Btn-][class*=-Md][class*=-Wxs]:not([class*=SN-Btn-Text]),
[class*=SN-Btn-][class*=-Lg][class*=-Wxs]:not([class*=SN-Btn-Text]) {
  width: 16rem;
}

[class*=SN-Btn-][class*=-Md][class*=-Wsm]:not([class*=SN-Btn-Text]),
[class*=SN-Btn-][class*=-Lg][class*=-Wsm]:not([class*=SN-Btn-Text]) {
  width: 24rem;
}

[class*=SN-Btn-][class*=-Md][class*=-Wmd]:not([class*=SN-Btn-Text]),
[class*=SN-Btn-][class*=-Lg][class*=-Wmd]:not([class*=SN-Btn-Text]) {
  width: 32rem;
}

[class*=SN-Btn-][class*=-Md][class*=-Wlg]:not([class*=SN-Btn-Text]),
[class*=SN-Btn-][class*=-Lg][class*=-Wlg]:not([class*=SN-Btn-Text]) {
  width: 42rem;
}

[class*=SN-Btn-][class*=-Wcustom]:not([class*=SN-Btn-Text]) {
  width: var(--SN-Btn-width);
}

[class*=SN-Link-Body-M] {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  color: var(--SN-Color-Text-Link, #0077cc);
  font-weight: var(--SN-Font-weight-Reg, 400);
  letter-spacing: var(--SN-Letter-spacing-S, 0.02em);
  font-size: var(--SN-Font-size-20, 1.6rem);
  line-height: var(--SN-Line-height-L, 1.75);
  font-feature-settings: "palt" off;
}
[class*=SN-Link-Body-M]:hover {
  opacity: 0.7;
}
[class*=SN-Link-Body-M]:visited {
  color: var(--SN-Color-Text-Visited, #551a8b);
}
[class*=SN-Link-Body-M]::after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_right_blue.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Link-Body-M][class*=-Anchor]::after {
  content: none;
  display: none;
}
[class*=SN-Link-Body-M][class*=-Anchor]::before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_down_doble_blue.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Link-Body-M][class*=-Accordion] {
  text-decoration: none;
}
[class*=SN-Link-Body-M][class*=-Accordion]::after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_down_blue.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Link-Body-S] {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  color: var(--SN-Color-Text-Link, #0077cc);
  font-weight: var(--SN-Font-weight-Reg, 400);
  letter-spacing: var(--SN-Letter-spacing-S, 0.02em);
  font-size: var(--SN-Font-size-10, 1.4rem);
  line-height: var(--SN-Line-height-L, 1.75);
  font-feature-settings: "palt" off;
}
[class*=SN-Link-Body-S]:hover {
  opacity: 0.7;
}
[class*=SN-Link-Body-S]:visited {
  color: var(--SN-Color-Text-Visited, #551a8b);
}
[class*=SN-Link-Body-S]::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_right_blue.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Link-Body-S][class*=-Anchor]::after {
  content: none;
  display: none;
}
[class*=SN-Link-Body-S][class*=-Anchor]::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_down_doble_blue.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Link-Body-S][class*=-Accordion] {
  text-decoration: none;
}
[class*=SN-Link-Body-S][class*=-Accordion]::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_down_blue.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Link-Caption-M] {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  color: var(--SN-Color-Text, #333);
  font-weight: var(--SN-Font-weight-Med, 500);
  letter-spacing: var(--SN-Letter-spacing-S, 0.02em);
  font-size: var(--SN-Font-size-10, 1.4rem);
  line-height: var(--SN-Line-height-S, 1.5);
  font-feature-settings: "palt" off;
}
[class*=SN-Link-Caption-M]:hover {
  opacity: 0.7;
}
[class*=SN-Link-Caption-M]:visited {
  color: var(--SN-Color-Text-Visited, #551a8b);
}
[class*=SN-Link-Caption-M]::after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_right_bk.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Link-Caption-M][class*=-Anchor]::after {
  content: none;
  display: none;
}
[class*=SN-Link-Caption-M][class*=-Anchor]::before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_down_doble_bk.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Link-Caption-M][class*=-Accordion] {
  text-decoration: none;
}
[class*=SN-Link-Caption-M][class*=-Accordion]::after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_down_bk.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Link-Caption-S] {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  color: var(--SN-Color-Text, #333);
  font-weight: var(--SN-Font-weight-Med, 500);
  letter-spacing: var(--SN-Letter-spacing-S, 0.02em);
  font-size: var(--SN-Font-size-5, 1.2rem);
  line-height: var(--SN-Line-height-S, 1.5);
  font-feature-settings: "palt" off;
}
[class*=SN-Link-Caption-S]:hover {
  opacity: 0.7;
}
[class*=SN-Link-Caption-S]:visited {
  color: var(--SN-Color-Text-Visited, #551a8b);
}
[class*=SN-Link-Caption-S]::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_right_bk.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Link-Caption-S][class*=-Anchor]::after {
  content: none;
  display: none;
}
[class*=SN-Link-Caption-S][class*=-Anchor]::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_down_doble_bk.svg) no-repeat center/contain;
  flex-shrink: 0;
}

[class*=SN-Link-Caption-S][class*=-Accordion] {
  text-decoration: none;
}
[class*=SN-Link-Caption-S][class*=-Accordion]::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/~/media/img/common/icon/icon_link_isolate_down_bk.svg) no-repeat center/contain;
  flex-shrink: 0;
}

.SN__section--Frame {
  max-width: 144rem;
}
@media screen and (max-width: 599px) {
  .SN__section--Frame {
    max-width: 39rem;
  }
}

.SN__section--Container {
  margin: 0 auto;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  padding-bottom: 1.6rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--SN-Contents-gap, var(--SN-Space-32, 3.2rem));
}
@media screen and (min-width: 600px) {
  .SN__section--Container {
    max-width: 140rem;
  }
}
@media screen and (max-width: 599px) {
  .SN__section--Container {
    max-width: 39rem;
  }
}

.SN__section--Contents {
  margin: 0 auto;
  padding: var(--SN-Contents-py, var(--SN-Space-16, 1.6rem)) var(--SN-Contents-px, var(--SN-Space-16, 1.6rem));
}
@media screen and (max-width: 599px) {
  .SN__section--Contents {
    max-width: 35.8rem;
  }
}

html {
  scroll-padding-top: 6rem;
}

.product-navi {
  background-color: #fff;
  z-index: 3;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  border-bottom: 1px solid var(--SN-Color-Border-subtle);
}
.product-navi * {
  box-sizing: border-box;
  margin: 0;
}
.product-navi.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.product-navi__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  position: relative;
  max-width: 140rem;
  margin-inline: auto;
  padding: 0 var(--SN-Space-16);
}
@media screen and (max-width: 599px) {
  .product-navi__inner {
    grid-template-columns: auto;
    padding: 0 0.7rem;
  }
}
.product-navi__logo img {
  vertical-align: middle;
  max-height: 3.65rem;
}
@media screen and (max-width: 599px) {
  .product-navi__logo {
    height: 6rem;
    display: grid;
    place-content: center;
  }
}
.product-navi__menu {
  list-style: none;
  display: grid;
  grid-auto-flow: column;
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 0 0.7rem;
}
@media screen and (max-width: 599px) {
  .product-navi__menu {
    -moz-column-gap: 0.8rem;
         column-gap: 0.8rem;
    justify-content: start;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .product-navi__menu::-webkit-scrollbar {
    display: none;
  }
}
.product-navi__menu-each {
  width: auto;
  text-align: center;
  flex-shrink: 0;
}
.product-navi__menu-each:not(.genspark-biz-inquiry, .genspark-biz-trial) {
  padding: 1rem 0.8rem 0.8rem;
}
.product-navi__menu-each:not(.genspark-biz-inquiry, .genspark-biz-trial) a {
  text-decoration: none;
  color: var(--SN-Color-Text-Low);
  font-weight: 700;
  display: block;
}
.product-navi__menu-each:not(.genspark-biz-inquiry, .genspark-biz-trial)::after {
  content: "";
  display: block;
  width: 0;
  height: 0.2rem;
  background-color: transparent;
  transition: width 0.3s;
  margin-inline: auto;
}
.product-navi__menu-each:not(.genspark-biz-inquiry, .genspark-biz-trial):hover::after, .product-navi__menu-each:not(.genspark-biz-inquiry, .genspark-biz-trial).current::after {
  content: "";
  width: 100%;
  background-color: #0f7fff;
}
.product-navi__menu-each:not(.genspark-biz-inquiry, .genspark-biz-trial).current::after {
  display: block;
  height: 0.2rem;
  transition: width 0.3s;
  margin-inline: auto;
}
.product-navi__menu-each .SN-Btn-Primary {
  --SN-Color-Background-Primary-Solid--Enable: #3358d4 !important;
}
.product-navi__menu-each .SN-Btn-Secondary {
  --SN-Color-Text-Link: #3358d4 !important;
  --SN-Color-Background-Primary-Solid--Enable: #3358d4 !important;
}
.product-navi__menu-each .SN-Btn-Secondary::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.6 12L8 7.4L9.4 6L15.4 12L9.4 18L8 16.6L12.6 12Z' fill='%233358d4'/%3E%3C/svg%3E") no-repeat center/contain;
}