:root {
            --attria-space-xxs: .125rem;
            --attria-space-xs: .25rem;
            --attria-space-s: .5rem;
            --attria-space-m: 1rem;
            --attria-space-l: 1.5rem;
            --attria-space-xl: 2rem;
            --attria-section-gap: 1rem;
            --attria-radius-m: .5rem;
            --attria-container-max: 1200px;
            --attria-font-base: "Note Sans JP", Inter, Roboto, "Hiragino Sans", Meiryo, sans-serif;
            --attria-line-height: 1.6;
            --attria-font-size: 1.1rem
        }

        :root,
        [data-attria-theme=default] {
            --attria-black: #333333;
            --attria-black-darker: #282828;
            --attria-black-dark: #2f2f2f;
            --attria-black-light: #474747;
            --attria-black-lighter: #5e5e5e;
            --attria-white: #eeeeee;
            --attria-white-darker: #b8b8b8;
            --attria-white-dark: #dddddd;
            --attria-white-light: #f0f0f0;
            --attria-white-lighter: #f3f3f3;
            --attria-brand: #00623b;
            --attria-brand-darker: #004c2e;
            --attria-brand-dark: #005b37;
            --attria-brand-light: #1c734f;
            --attria-brand-lighter: #2e7f5d;
            --attria-bg: #fdfdfc;
            --attria-bg-darker: #c3c3c2;
            --attria-bg-dark: #ececeb;
            --attria-bg-light: #fdfdfd;
            --attria-bg-lighter: #fdfdfd;
            --attria-text: #333333;
            --attria-text-darker: #282828;
            --attria-text-dark: #2f2f2f;
            --attria-text-light: #474747;
            --attria-text-lighter: #5e5e5e;
            --attria-text-inverse: var(--attria-white-lighter);
            --attria-border: #e2e8f0
        }

        [data-attria-theme=dark] {
            --attria-brand: #03b870;
            --attria-brand-darker: #028f57;
            --attria-brand-dark: #03ab68;
            --attria-brand-light: #1fc181;
            --attria-brand-lighter: #32c78c;
            --attria-bg: #23221a;
            --attria-bg-darker: #1b1a14;
            --attria-bg-dark: #212018;
            --attria-bg-light: #3b3a34;
            --attria-bg-lighter: #4d4c46;
            --attria-text: #f1f5f9;
            --attria-text-darker: #bac0c3;
            --attria-text-dark: #e2e6ea;
            --attria-text-light: #f2f6fa;
            --attria-text-lighter: #f4f7fb;
            --attria-text-inverse: var(--attria-black-lighter);
            --attria-border: rgba(255, 255, 255, .1)
        }

        #common-footer {
            margin: 0;
            padding: var(--attria-space-xl) 0 0;
            font-size: var(--attria-font-size);
            font-family: var(--attria-font-base);
            line-height: var(--attria-line-height);
            color: var(--attria-text);
            background-color: var(--attria-bg)
        }

        #common-footer>footer {
            max-width: var(--attria-container-max);
            width: 100%;
            margin: auto;
            display: flex;
            flex-wrap: wrap
        }

        #common-footer>footer #FooterLogoMark,
        #common-footer>footer #youtube,
        #common-footer>footer #facebook {
            fill: var(--attria-text)
        }

        #common-footer>footer h2 svg{
            margin-bottom:var(--attria-space-m);
        }

        #common-footer>footer h2,
        #common-footer>footer h3 {
            margin: var(--attria-space-s) auto;
            font-size: 1.1rem;
            font-weight: 500;
            letter-spacing: .1em;
            color: var(--attria-text);
        }

        #common-footer>footer strong {
            font-weight: 600;
            letter-spacing: .07em
        }

        #common-footer>footer p,
        #common-footer>footer ul,
        #common-footer>footer ol,
        #common-footer>footer dl {
            margin-block: 0 var(--attria-space-m);
            line-height: inherit
        }

        #common-footer>footer a {
            color: var(--attria-brand-dark);
            text-decoration: none;
            font-weight: 500;
            border-bottom: 1px dotted;
            transition: opacity .2s
        }

        #common-footer>footer a:hover {
            opacity: 1;
            filter: brightness(1.13);
            border-bottom: 1px solid
        }
        
        #common-footer>footer a svg {
            display: inline-flex;
            vertical-align: middle
        }

        #common-footer>footer :is(a):focus {
            outline-offset: 2px;
            outline: 3px solid #e4a003;
            transition: outline-offset .2s linear;
            filter: brightness(1.2)
        }

        #common-footer>footer a:has(>svg) {
            border-bottom: none;
            color: var(--attria-text)
        }

        #common-footer>footer a:has(>svg):hover {
            color: var(--attria-brand-light);
            border-bottom: none
        }

        #common-footer>footer a:has(>svg) svg {
            vertical-align: middle
        }

        #common-footer>footer section {
            display: block;
            padding: var(--attria-space-xl) var(--attria-space-m);
            margin-right: var(--attria-space-m)
        }

        #common-footer>footer section>ul {
            list-style-type: none;
            padding: 0
        }

        #common-footer>footer section>ul>li {
            min-width: 220px;
            display: inline-flex;
            padding: 0 0 var(--attria-space-xl)
        }

        #common-footer>footer section address {
            font-style: normal
        }

        #common-footer>footer section:nth-child(2n) {
            margin-top: 0
        }

        #common-footer>footer nav ul {
            list-style: none;
            padding: 0;
            margin: 0
        }

        #common-footer>footer nav>ul {
            padding-block-end: var(--attria-space-m)
        }

        #common-footer>footer nav>ul>li {
            padding-left: 1rem;
            padding-block-start: var(--attria-space-s)
        }

        #common-footer>footer>small {
            width: 100%;
            display: block;
            flex-wrap: nowrap;
            margin: var(--attria-space-m) auto;
            padding: var(--attria-space-m)
        }

        @media(min-width:1172px) {
            #common-footer>footer section:nth-child(2n) {
                margin-top: 145px
            }
            #common-footer>footer section:nth-child(2n) h3 {
                margin-block-end: var(--attria-space-s)
            }
            #common-footer>footer section:nth-child(2n) strong>a {
                font-weight: 700
            }
        }