<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {

  --fg-default: rgba(26, 26, 26, 1);
  --fg-sub: rgba(153, 153, 153, 1);
  --fg-third: rgba(88, 88, 88, 1);
  --fg-primary: rgba(158, 123, 78, 1);
  --fg-primary02: rgba(41, 81, 113, 1);
  --fg-inverse: rgba(255, 255, 255, 1);
  --fg-danger: rgba(203, 0, 0, 1);
  --bg-default: rgba(210, 206, 200, 1);
  --bg-sub: rgba(41, 81, 113, 1);
  --bg-primary: rgba(158, 123, 78, 1);
  --bg-third: rgba(112, 112, 112, 1);
  --bg-third-2: rgba(255, 233, 64, 1);
  --bg-white: rgba(255, 255, 255, 1);
  --bg-button:#F5F5F5;
  --border-default: rgba(26, 26, 26, 1);
  --border-sub: rgba(204, 204, 204, 1);
  --border-third: rgba(170, 171, 170, 1);
  --border-primary: rgba(255, 255, 255, 1);
  --border-inverse: rgba(255, 255, 255, 1);
  

  /* COLOR */
  --color-text: #000;
  --color-text-weak: #777777;
  --color-text-weaker: #777777;
  --color-text-weakest: #777777;
  --color-text-link: var(--color-text);
  --color-text-on-accent: #ffffff;

  --color-text-error: #d24023;

  --color-overlay: rgba(0,0,0,.85);
  --color-overlay-on-accent: rgba(255,255,255,.85);

  --color-brand: #213B5D;
  --color-brand-weak: #909DAE;
  --color-accent: var(--border-default);
  --color-accent-weak: #BF9E60;
  --color-third: #BF744A;
  --color-third-strong: #B5593B;

  --color-bg: #ffffff;
  --color-bg-header: var(--bg-white);
  --color-bg-header-toppage: transparent;
  --color-bg-footer: var(--bg-third);

  --color-menu-bar: var(--fg-default);
  --color-menu-bar-active: var(--color-menu-bar);

  --color-menu-bg: var(--bg-white);

  --color-surface: #ffffff;
  --color-surface-weaker: #EEEEEF;
  --color-deep: #333333;
  --color-deep-weaker: #838383;
  --color-border:var(--border-sub);
  --color-border-strong:var(--border-sub);
  --color-cell-bg:#E1E4E7;
  --color-cell-bg-dark:var(--bg-degault);
  --color-speaker-bg:var(--bg-sub);
  --color-speaker-text: #ffffff;
  --color-column-border: #e6e6e6;
  --color-column-bg: transparent;
  --color-border-heading:var(--color-accent);
  --color-extendedtitle-bg: var(--color-brand);

  /* FONT SIZE */
  --font-size-xxxsmall: 0.9rem;
  --font-size-xxsmall: 1.0rem;
  --font-size-xsmall: 1.2rem;
  --font-size-small: 1.4rem;
  --font-size-medium: 1.6rem;
  --font-size-large: 1.8rem;
  --font-size-xlarge: 2.4rem;
  --font-size-xxlarge: 3.2rem;
  --font-size-xxxlarge: 6.4rem;

  /* FONT */
  --font-feature-settings: "palt" 1,;
  --font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  --font-family-heading: var(--font-family);
  --font-family-en: var(--font-family:);
  --font-family-number: var(--font-family-en);

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --font-weight-button: 700;
  --font-weight-heading: 400;

  /* LINE HEIGHT */
  --line-height-xsmall:110%;
  --line-height-small:130%;
  --line-height-medium:150%;
  --line-height-large:170%;
  --line-height-xlarge:200%;

  /* SPACE */
  --space-xxxsmall: 2px;
  --space-xxsmall: 4px;
  --space-xsmall: 8px;
  --space-small: 12px;
  --space-medium: 12px;
  --space-large: 16px;
  --space-xlarge: 24px;
  --space-xxlarge: 32px;
  --space-xxxlarge: 40px;

  /* BORDER */
  --border-radius-xsmall: 2px;
  --border-radius-small: 4px;
  --border-radius: 6px;
  --border-radius-pill: 999px;
  --border-radius-circle: 50%;
  --border-radius-image: 0.02em;

  --border-width-column: 4px;

  /* WIDTH */
  --width-container: 980px;
  --width-container-narrow: 980px;
  --width-container-wide: 1200px;
  --width-panel-single-pc: 570px;
  --width-articlelist-image: 100px;
  --width-articlelist-image-pc: 160px;
  --width-pagenate: 20px;
  --width-pagenate-pc: 20px;
  --width-pagenate-image: 7px;
  --width-pagenate-image-pc: 7px;
  --width-slider-text: 400px;
  --width-slider-text-box: 500px;
  --width-slider-arrow: 16px;
  --width-slider-arrow-pc: 24px;
  --width-header-logo: 100px;
  --width-header-logo-pc: 150px;
  --width-header-icon: 23px;
  --width-header-icon-pc: 23px;
  --width-header-icon-image: 23px;
  --width-header-icon-image-pc: 23px;
  --width-menu-bar: 18px;
  --width-footer-logo: var(--width-header-logo);
  --width-footer-logo-pc: var(--width-header-logo-pc);
  --width-footer-sns: 27px;
  --width-footer-sns-pc: 38px;
  --width-pagetop-pc: 50px;

  --width-catchcopy-image-bg-image-pc: 702px;
  --width-catchcopy-image-bg-text-pc: 428px;
  --width-catchcopy-image-bg-image: 93%;
  --width-catchcopy-image-bg-text: 84%;

  --min-width-button: 100%;
  --min-width-button-pc: 320px;
  --min-width-button-apply: 315px;
  --min-width-button-apply-pc: 380px;
  --min-width-cell: 100px;
  --min-width-newslist-category: 110px;

  --max-width-column-image: 350px;

  /* HEIGHT */
  --height-header-pc: 110px;
  --height-header: 50px;
  --height-menu-bar: 1px;

  --height-slider: 540px;
  --height-slider-tablet: 450px;
  --height-slider-pc: 490px;

  /* MARGIN */
  --margin-top-xsmall: 10px;
  --margin-top-small: 30px;
  --margin-top-medium: 50px;
  --margin-top-large: 80px;
  --margin-top-xlarge: 120px;
  --margin-top-xxlarge: 150px;
  --margin-top-xxxlarge: 200px;
  
  /* PADDING */
  --padding-text-pc: 95px;
  --padding-sp: 26px;

  --padding-slider-pc: 150px;

  --padding-header-logo: 0 0 0 17px;
  --padding-header-logo-pc: 0 0 0 50px;

  --padding-footer-top: 85px;
  --padding-footer-top-pc: 110px;
  --padding-footer-bottom: 30px;
  --padding-footer-bottom-pc: 40px;

  --padding-convertion: 100px;
  --padding-convertion-pc: 140px;
  
  /* COLUMN */
  --col-width-image: 47%;
  --col-width-text: 47%;
  --col-width-catalog-image: 35%;
  --col-width-catalog-text: 60%;
  --col-width-float-image: 52%;
  --col-width-speaker-panel: 30%;
  --col-width-speaker-content: 65%;
  --col-width-column-image: 35%;
  --col-width-column-text: 65%;

  /* ASPECT RATIO */
  --aspect-ratio-map: 12 / 16;
  --aspect-ratio-movie: 9 / 16;
  --aspect-ratio-member: 3 / 2;
  --aspect-ratio-catalog-pc: 286 / 190;
  --aspect-ratio-articlelist: 1 / 1;
  --aspect-ratio-top-blog: 31 / 14;
  --aspect-ratio-catchcopy-image: 460 / 337;

  /* IMAGES */
  --arrow-button: url(https://gigaplus.makeshop.jp/matsuotegami/images/arrow_right_main.svg);
  --arrow-button-b: url(https://gigaplus.makeshop.jp/matsuotegami/images/arrow_right_b.svg);
  --arrow-button-b-on-accent: url(https://gigaplus.makeshop.jp/matsuotegami/images/arrow_right_b_on_accent.svg);
  --arrow-brand: url(https://gigaplus.makeshop.jp/matsuotegami/images/arrow_right_brand.svg);
  --arrow-button-on-accent: url(https://gigaplus.makeshop.jp/matsuotegami/images/arrow_right_white.svg);
  --arrow-faq: url(https://gigaplus.makeshop.jp/matsuotegami/images/arrow_open.svg);
  --arrow-faq-on-accent: url(https://gigaplus.makeshop.jp/matsuotegami/images/arrow_open_white.svg);
  --arrow-right: url(https://gigaplus.makeshop.jp/matsuotegami/images/arrow_right.svg);
  --arrow-newwin: url(https://gigaplus.makeshop.jp/matsuotegami/images/arrow_newwin.svg);
  --arrow-bottom: url(https://gigaplus.makeshop.jp/matsuotegami/images/arrow_bottom.svg);
  --pagetop: url(https://gigaplus.makeshop.jp/matsuotegami/images/pagetop.svg);

  /* TRANSITION */
  --bezier: cubic-bezier(.25,.1,.25,1);
  --transition-speed: .5s;
  --transition-speed-fast: .1s;
  --transition-speed-slow: 1s;

  /* GRID GAP */
  --gap-button-col: 30px;
  --gap-button-row: 20px;
  --gap-button-col-pc: 70px;
  --gap-button-row-pc: 35px;

  --gap-1col-col: 40px;
  --gap-2col-col: 30px;
  --gap-2col-row: 25px;
  --gap-2col-col-pc: 60px;
  --gap-2col-row-pc: 60px;
  --gap-3col-col-pc: 30px;
  --gap-3col-row-pc: 25px;
  --gap-4col-col-pc: 30px;
  --gap-4col-row-pc: 20px;

  --gap-column-vertical: 40px;

  --gap-catalog-col: 30px;
  --gap-catalog-col-pc: 60px;
  --gap-catalog-row-pc: 70px;
    
  --gap-member-col: 40px;
  --gap-member-col-pc: 50px;
  --gap-member-row-pc: 25px;

  --gap-articlelist-inner: 20px;
  --gap-articlelist-inner-pc: 20px;
  --gap-articlelist-col-pc: 60px;
  --gap-articlelist-row-pc: 40px;

  --gap-top-blog-col-pc: 65px;
  --gap-top-blog-row-pc: 60px;

  --gap-footer-nav-col: 30px;
  --gap-footer-nav-row: 20px;
  --gap-footer-nav-col-pc: 15px;
  --gap-footer-nav-row-pc: 15px;

  --gap-float-image: 4%;

  /* UNIQ */
  --top-faq-q: -4px;
  --top-faq-q-pc: 20px;
  --left-faq-q: 6px;
  --left-faq-q-pc: 20px;
  --top-faq-a: -6px;
  --top-faq-a-pc: -13px;
  --left-faq-a: 6px;
  --left-faq-a-pc: 6px;

  --drop-shadow-header: drop-shadow(0px 4px 10px rgba(0,0,0,.08));

  --padding-bottom-catchcopy: 100px;
  --padding-bottom-catchcopy-pc: 140px;
}</pre></body></html>