/* --------------------------------------------- * Custom Properties --------------------------------------------- */ :root { --color-compare-head-agency: #89ecf7; --color-compare-head-purchase: #2e6fbc; --color-compare-agency: #eefeff; --color-compare-purchase: #ebfbff; --color-compare-direct: #eef5ff; --color-compare-border: #e2e2e2; --color-compare-mark-agency: #89ecf7; --color-compare-mark-purchase: #a6dbff; --color-compare-mark-direct: #85aeff; --design-width: 1920; --contents-width: 1200; --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.8; --hover-duration: .3s; --color-base-1: #333333; --color-base-1-rgb: 51, 51, 51; --color-base-2: #5b5b5b; --color-base-2-rgb: 91, 91, 91; --color-black-1: #000000; --color-black-1-rgb: 0, 0, 0; --color-white-1: #fff; --color-white-1-rgb: 255, 255, 255; --color-gray-1: #f2f2f2; --color-gray-1-rgb: 242, 242, 242; --color-gray-2: #757575; --color-gray-2-rgb: 117, 117, 117; --color-gray-3: #e8e8e8; --color-gray-3-rgb: 232, 232, 232; --color-gray-4: #eaeaea; --color-gray-4-rgb: 234, 234, 234; --color-gray-5: #7c7c7c; --color-gray-5-rgb: 124, 124, 124; --color-gray-6: #f9f9f9; --color-gray-6-rgb: 249, 249, 249; --color-gray-7: #d6d6d6; --color-gray-7-rgb: 214, 214, 214; --color-gray-8: #f4f4f4; --color-gray-8-rgb: 244, 244, 244; --color-blue-1: #004099; --color-blue-1-rgb: 0, 64, 153; --color-yellow-1: #ffff4a; --color-yellow-1-rgb: 255, 255, 74; --color-light-blue-1: #f4fafd; --color-light-blue-1-rgb: 244, 250, 253; --color-light-blue-2: #eef6ff; --color-light-blue-2-rgb: 238, 246, 255; --color-light-blue-3: #b6e5ff; --color-light-blue-3-rgb: 182, 229, 255; --color-light-blue-4: #b3e0ff; --color-light-blue-4-rgb: 179, 224, 255; --color-light-blue-5: #dff0f4; --color-light-blue-5-rgb: 223, 240, 244; --color-light-blue-6: #94e1ff; --color-light-blue-6-rgb: 148, 225, 255; --color-border-gray-1: #d9d9d9; --color-border-gray-1-rgb: 217, 217, 217; --color-table-1: #e8e8e8; --color-table-1-rgb: 232, 232, 232; --color-table-2: #f5f5f6; --color-table-2-rgb: 245, 245, 246; --color-pagination-1: #181a24; --color-pagination-1-rgb: 24, 26, 36; --color-pagination-2: #85878f; --color-pagination-2-rgb: 133, 135, 143; --color-pagination-3: #e8e8e8; --color-pagination-3-rgb: 232, 232, 232; --color-pagination-4: #f5f5f6; --color-pagination-4-rgb: 245, 245, 246; --color-service-agency-border-1: #00c2d2; --color-service-agency-border-1-rgb: 0, 194, 210; --color-service-agency-txt-1: #00bdcc; --color-service-agency-txt-1-rgb: 0, 189, 204; --color-service-agency-head-1: #83e8f8; --color-service-agency-head-1-rgb: 131, 232, 248; --color-service-agency-head-2: #80edff; --color-service-agency-head-2-rgb: 128, 237, 255; --color-service-agency-bg-1: #d6fcff; --color-service-agency-bg-1-rgb: 214, 252, 255; --color-service-agency-bg-2: #d7fbff; --color-service-agency-bg-2-rgb: 215, 251, 255; --color-service-table-head-1: #4c4c4c; --color-service-table-head-1-rgb: 76, 76, 76; --color-service-direct-bg-1: #eef7ff; --color-service-direct-bg-1-rgb: 238, 247, 255; --color-service-note-1: #111; --color-service-note-1-rgb: 17, 17, 17; --color-service-section-bg-1: #f5fafe; --color-service-section-bg-1-rgb: 245, 250, 254; --color-service-border-1: #d6ecf4; --color-service-border-1-rgb: 214, 236, 244; --color-service-border-2: #daecf2; --color-service-border-2-rgb: 218, 236, 242; --color-service-underline-1: #7fe2f5; --color-service-underline-1-rgb: 127, 226, 245; --color-service-caution-border-1: #f0e3c4; --color-service-caution-border-1-rgb: 240, 227, 196; --color-service-caution-border-2: #f2e9d1; --color-service-caution-border-2-rgb: 242, 233, 209; --color-service-caution-bg-1: #f9f5e9; --color-service-caution-bg-1-rgb: 249, 245, 233; --color-service-caution-bg-2: #fefbef; --color-service-caution-bg-2-rgb: 254, 251, 239; --color-reasons-line-1: #6eddff; --color-reasons-line-1-rgb: 110, 221, 255; --color-table-border-1: #9b9b9b; --color-table-border-1-rgb: 155, 155, 155; --color-table-head-bg-1: #f4f9fc; --color-table-head-bg-1-rgb: 244, 249, 252; --color-column-cell-muted-1: #abb8c3; --color-column-cell-muted-1-rgb: 171, 184, 195; --color-column-cell-accent-1: #8ed1fc; --color-column-cell-accent-1-rgb: 142, 209, 252; --color-transparent-1: transparent; --color-transparent-1-rgb: 0, 0, 0; --color-black-opacity-8: rgba(var(--color-black-1-rgb), 0.08); --color-black-opacity-9: rgba(var(--color-black-1-rgb), 0.09); --color-black-opacity-10: rgba(var(--color-black-1-rgb), 0.1); --color-black-opacity-12: rgba(var(--color-black-1-rgb), 0.12); --color-black-opacity-15: rgba(var(--color-black-1-rgb), 0.15); --color-black-opacity-20: rgba(var(--color-black-1-rgb), 0.2); --color-black-opacity-45: rgba(var(--color-black-1-rgb), 0.45); --color-white-opacity-40: rgba(var(--color-white-1-rgb), 0.4); --color-white-opacity-90: rgba(var(--color-white-1-rgb), 0.9); --color-light-blue-1-opacity-0: rgba(var(--color-light-blue-1-rgb), 0); --color-light-blue-4-opacity-0: rgba(var(--color-light-blue-4-rgb), 0); --color-light-blue-4-opacity-70: rgba(var(--color-light-blue-4-rgb), 0.7); --color-light-blue-4-opacity-80: rgba(var(--color-light-blue-4-rgb), 0.8); --ff-root: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", sans-serif; --ff-noto: "Noto Sans JP", sans-serif; } @media screen and (max-width: 767px) { :root { --design-width: 750; --contents-width: 730; --contents-side-padding: 10; --minwidth: 320; --fixed-header-height: 60; --root-fz: 14; --line-height: 1.5; } } /* --------------------------------------------- *
tag as anchor target --------------------------------------------- */ hr[id^=anchor-] { display: block; width: auto; height: 0; padding: calc(var(--fixed-header-height) * 1px) 0 0 0; border: 0; margin: calc(var(--fixed-header-height) * -1px) 0 0 0; background: 0; pointer-events: none; } /* --------------------------------------------- * sup --------------------------------------------- */ sup { letter-spacing: 0.1em; top: -0.3em; }