:root .bricks-color-primary {color: var(--primary)}:root .bricks-background-primary {background-color: var(--primary)}:root .bricks-color-secondary {color: var(--secondary)}:root .bricks-background-secondary {background-color: var(--secondary)}:root .bricks-color-dark {color: var(--tertiary)}:root .bricks-background-dark {background-color: var(--tertiary)}:root * {border-color: var(--border-primary)} html {font-size: 100%} body {font-family: "NotoSansJP"; font-size: var(--text-s); font-weight: 400; font-style: normal; color: var(--text-body)} h1, h2, h3, h4, h5, h6 {color: var(--text-body); font-family: "NotoSansJP"; font-size: var(--text-l); font-weight: 400} .bricks-button {color: #ffffff; font-size: var(--text-s); font-family: "NotoSansJP"; font-weight: 600; padding-top: 0.2em; padding-right: 1.2em; padding-bottom: 0.25em; padding-left: 1.2em} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="primary"] {color: #ffffff; font-size: var(--text-s); font-weight: 600; font-family: "NotoSansJP"; line-height: 1; border: 5px solid var(--secondary); border-radius: var(--radius-xs)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bg-body)} :root .bricks-button[class*="secondary"] {line-height: 1.6em; font-family: "支払い"; font-weight: 700; font-size: var(--text-m); color: var(--primary-d-3); border: 3px solid var(--primary-d-3); border-radius: 50px} .brxe-container {padding-top: 3%; padding-right: 3%; padding-bottom: 3%; padding-left: 3%; width: 90%} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%} .brxe-text {font-size: var(--text-m); font-family: "NotoSansJP"; font-weight: 400; line-height: 1.6em; color: var(--333333)} .brxe-text-basic {font-size: var(--text-m); font-family: "NotoSansJP"; font-weight: 400; line-height: 1.6em; color: var(--333333)}.brxe-nav-menu .bricks-nav-menu .sub-menu > li {font-family: "NotoSansJP"; font-weight: 600; color: #000000; font-size: var(--text-xs)}.brxe-nav-menu .bricks-nav-menu > li > a {font-size: var(--text-xs); font-family: "NotoSansJP"; font-weight: 600; color: var(--dark)}.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle {font-size: var(--text-xs); font-family: "NotoSansJP"; font-weight: 600; color: var(--dark)} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a, .brxe-product-content a, .brxe-product-short-description a, .brxe-product-tabs .woocommerce-Tabs-panel a {color: var(--tertiary); text-decoration: underline}.woocommerce .button, body:not(.woocommerce) .product_type_variable, body:not(.woocommerce) .product_type_grouped, body:not(.woocommerce) .product_type_external, body:not(.woocommerce) .product_type_simple, body:not(.woocommerce) .brx-popup-content:not(.woocommerce) form.cart .single_add_to_cart_button {background-color: var(--primary); color: var(--333333); font-size: var(--text-s); text-align: center; line-height: var(--text-xl); font-family: "NotoSansJP"; font-weight: 600}.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error {color: var(--error); font-size: var(--text-s); padding-top: var(--space-xs); padding-right: var(--space-xs); padding-bottom: 0; padding-left: var(--space-xs)}.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-message {background-color: var(--success); color: var(--ffffff); font-size: var(--text-s)}@media (max-width: 1180px) { h6 {font-size: 16px} h1 {font-size: 36px} :root .bricks-button[class*="primary"] {font-size: 20px}}@media (max-width: 991px) { h1 {font-family: "支払い"; font-weight: 700; font-size: 33px} h2 {font-size: 26px} h6 {font-size: 16px} .bricks-button {font-family: ""; font-size: 24px} :root .bricks-button[class*="primary"] {font-family: ""; font-size: 20px}}@media (max-width: 767px) { h1 {font-size: 26px} h2 {font-size: 22px} h6 {font-size: 16px} :root .bricks-button[class*="primary"] {font-size: 18px}}@media (max-width: 478px) { html {font-size: 100%} h2 {line-height: 1.6em; font-size: var(--text-4xl)} body {font-size: var(--text-s)} h1, h2, h3, h4, h5, h6 {font-size: var(--text-l)} h1 {font-size: var(--text-5xl)} h3 {font-size: var(--text-3xl)} h6 {font-size: var(--text-xs)} h5 {font-size: var(--text-s)}}