/* ---------------------------------------------
*   Custom Properties
--------------------------------------------- */
:root {
    --design-width: 1280;
    --contents-width: 1180;
    --contents-side-padding: 10;
    --minwidth: calc(var(--contents-width) + var(--contents-side-padding) * 2);
    --fixed-header-height: 80;
    --root-fz: 16;
    --line-height: 1.5;
    --hover-opacity-ratio: 0.7;
    --hover-duration: .3s;
    --color-base-1: #333333;
    --color-base-1-rgb: 51, 51, 51;
    --color-black-1: #000;
    --color-black-1-rgb: 0, 0, 0;
    --color-black-2: #111;
    --color-black-2-rgb: 17, 17, 17;
    --color-white-1: #fff;
    --color-white-1-rgb: 255, 255, 255;
    --color-white-2: #fefefe;
    --color-white-2-rgb: 254, 254, 254;
    --color-background-1: #E1ECF8;
    --color-background-1-rgb: 225, 236, 248;
    --color-txt-1: #397ECF;
    --color-txt-1-rgb: 57, 126, 207;
    --color-txt-2: #0072BC;
    --color-txt-2-rgb: 0, 114, 188;
    --color-link-txt-1: #0072BC;
    --color-link-txt-1-rgb: 0, 114, 188;
    --color-decoration-1: #0072BC;
    --color-decoration-1-rgb: 0, 114, 188;
    --color-link-icon-1: #0068B7;
    --color-link-icon-1-rgb: 0, 104, 183;
    --color-border-1: #CCCCCC;
    --color-border-1-rgb: 204, 204, 204;
    --color-border-2: #397ECF;
    --color-border-2-rgb: 57, 126, 207;
    --color-border-3: #0072BC;
    --color-border-3-rgb: 0, 114, 188;
    --color-btn-1: #666666;
    --color-btn-1-rgb: 102, 102, 102;
    --color-btn-2: #397ECF;
    --color-btn-2-rgb: 57, 126, 207;
    --color-label-1: #001973;
    --color-label-1-rgb: 0, 25, 115;
    --color-shadow-1: #313193;
    --color-shadow-1-rgb: 49, 49, 147;
    --ff-root: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", sans-serif;
    --ff-noto: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 750px) {
    :root {
        --design-width: 750;
        --contents-width: 690;
        --contents-side-padding: 30;
        --minwidth: 320;
        --fixed-header-height: 60;
        --root-fz: 32;
        --line-height: 1.5;
    }
}

@media screen and (max-width: 750px) {
    .footer {
        margin-top: 0 !important;
    }
}

.footer-contents-btm {
    background-color: var(--color-white-1);
}