/* 最小化できませんでした。最小化されていないコンテンツを返します。 (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (172,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (175,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--background' (176,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--font' (181,26): run-time error CSS1039: Token not allowed after unary operator: '-global-size__header--height' (185,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__sub--background' (199,21): run-time error CSS1039: Token not allowed after unary operator: '-global-size__main--width' (224,30): run-time error CSS1039: Token not allowed after unary operator: '-global-size__main--width' (236,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (241,22): run-time error CSS1039: Token not allowed after unary operator: '-global-header__background--color' (243,18): run-time error CSS1039: Token not allowed after unary operator: '-global-size__header--height' (245,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (245,43): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (249,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (252,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (256,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (264,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (267,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (275,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (278,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (282,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (282,56): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (283,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (283,54): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (286,18): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (287,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (289,17): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (294,22): run-time error CSS1039: Token not allowed after unary operator: '-global-nav__background--color' (298,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__sm' (300,23): run-time error CSS1039: Token not allowed after unary operator: '-global-size__header--height' (302,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (302,43): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (303,31): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (307,19): run-time error CSS1039: Token not allowed after unary operator: '-global-zIndex--header' (310,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (314,21): run-time error CSS1039: Token not allowed after unary operator: '-global-size__main--width' (319,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (320,16): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (322,15): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (323,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (326,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (334,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (337,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (345,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (348,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--font' (351,26): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (357,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (412,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (416,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--color' (417,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__sm' (418,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (422,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxl' (426,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (427,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (430,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (431,27): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (432,30): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (435,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (439,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (455,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__article--background' (456,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (456,52): run-time error CSS1039: Token not allowed after unary operator: '-global-color__sub--color' (459,26): run-time error CSS1039: Token not allowed after unary operator: '-global-size__popNav--height' (465,19): run-time error CSS1039: Token not allowed after unary operator: '-global-zIndex--pop' (473,32): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--color' (474,34): run-time error CSS1039: Token not allowed after unary operator: '-global-size__header--height' (475,22): run-time error CSS1039: Token not allowed after unary operator: '-global-size__header--height' (477,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (477,43): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (477,67): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (481,23): run-time error CSS1039: Token not allowed after unary operator: '-global-size__popNav--height' (482,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (482,43): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxl' (483,31): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (487,19): run-time error CSS1039: Token not allowed after unary operator: '-global-zIndex--popNav' (488,28): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--background' (492,21): run-time error CSS1039: Token not allowed after unary operator: '-global-size__main--width' (495,21): run-time error CSS1039: Token not allowed after unary operator: '-global-size__main--width' (502,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (506,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (512,17): run-time error CSS1039: Token not allowed after unary operator: '-global-size__circle' (516,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (522,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (523,16): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (525,15): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (526,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (529,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (537,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (540,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (548,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (552,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__white' (553,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (553,49): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--color' (555,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow' (556,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__black' (574,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (575,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--font' (581,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (582,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (583,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (606,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (611,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--font' (612,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (615,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__value--plus' (616,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (619,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (620,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (621,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (625,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (628,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (629,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (630,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (633,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (634,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (635,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (638,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (639,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (640,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (643,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (647,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (662,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xxl' (664,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (668,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (670,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (673,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (676,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (677,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (681,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__default' (685,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--energy' (688,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--material' (691,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--machine' (694,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--electronic' (697,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--consumerElectronics' (700,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--car' (703,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--medical' (706,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--apparel' (709,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--food' (712,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--transport' (715,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--trade' (718,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--retail' (721,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--restaurant' (724,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--accommodation' (727,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--recruit' (730,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--information' (733,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--communication' (736,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--digital' (739,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--media' (742,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--content' (745,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--software' (748,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--process' (751,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--credit' (754,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--insurance' (757,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--finance' (760,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--bank' (763,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--estate' (766,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--construct' (769,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--public' (772,17): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--resource' (776,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (777,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (785,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--font' (788,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__sm' (789,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (795,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (796,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (800,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (804,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--font' (805,25): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (809,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (814,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (823,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__lg' (825,27): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (826,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (827,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (832,26): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (833,35): run-time error CSS1039: Token not allowed after unary operator: '-global-color__border--color' (835,27): run-time error CSS1030: Expected identifier, found '.' (835,84): run-time error CSS1031: Expected selector, found ')' (835,84): run-time error CSS1025: Expected comma or open brace, found ')' (844,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (847,22): run-time error CSS1039: Token not allowed after unary operator: '-category-color__default' (848,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (853,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (871,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (871,43): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (871,69): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (874,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__sm' (877,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (884,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (886,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (901,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (902,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (905,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xxs' (906,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (916,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (919,21): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (922,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__lg' (923,21): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (926,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (927,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (938,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xxs' (939,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (944,45): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (944,74): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xxs' (945,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (948,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__sm' (950,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (954,22): run-time error CSS1039: Token not allowed after unary operator: '-category-color__default' (957,29): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (958,28): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (959,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (959,43): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (959,67): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (963,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (991,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (994,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__lg' (998,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__sm' (1000,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1003,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__white' (1004,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (1005,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow' (1006,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (1009,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (1010,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1010,43): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1015,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1030,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (1031,16): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1061,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1064,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (1065,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (1074,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow--form' (1080,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow--formFocus' (1093,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow--form' (1094,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--font' (1100,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (1103,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow--formFocus' (1130,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow--form' (1138,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow--formFocus' (1155,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__inactive' (1158,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (1162,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (1166,28): run-time error CSS1039: Token not allowed after unary operator: '-global-color__inactive' (1176,29): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (1179,29): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (1195,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__inactive' (1199,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (1206,28): run-time error CSS1039: Token not allowed after unary operator: '-global-color__inactive' (1207,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (1216,28): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (1217,28): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (1220,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (1221,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (1245,28): run-time error CSS1039: Token not allowed after unary operator: '-global-color__inactive' (1254,24): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (1264,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__inactive' (1268,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (1273,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--color' (1274,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1279,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (1280,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (1299,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow--formFocus' (1300,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__white' (1306,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__disable' (1307,32): run-time error CSS1039: Token not allowed after unary operator: '-global-color__disable' (1315,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow--formFocus' (1319,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--font' (1326,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__inactive' (1327,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (1329,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__white' (1336,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (1339,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (1340,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (1340,49): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (1346,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--color' (1347,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (1349,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow' (1350,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__white' (1356,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1371,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (1372,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (1375,18): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xxs' (1381,17): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xxs' (1388,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (1389,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (1392,18): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xxs' (1398,17): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xxs' (1401,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__white' (1402,24): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--color' (1403,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--font' (1411,20): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1416,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (1419,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xl' (1422,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__active' (1425,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__disable' (1431,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1437,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (1438,16): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (1442,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (1445,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (1446,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1449,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1452,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (1453,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1456,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xxl' (1460,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__sm' (1461,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1500,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__black' (1506,22): run-time error CSS1039: Token not allowed after unary operator: '-global-size__circle' (1507,21): run-time error CSS1039: Token not allowed after unary operator: '-global-size__circle' (1518,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (1518,48): run-time error CSS1039: Token not allowed after unary operator: '-global-color__value' (1520,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow' (1526,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1527,26): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1535,24): run-time error CSS1039: Token not allowed after unary operator: '-global-color__value--plus' (1538,24): run-time error CSS1039: Token not allowed after unary operator: '-global-color__value--plus2' (1541,24): run-time error CSS1039: Token not allowed after unary operator: '-global-color__value--minus' (1544,24): run-time error CSS1039: Token not allowed after unary operator: '-global-color__value--minus2' (1547,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__value' (1548,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__sm' (1551,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__value--plus' (1554,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__value--plus2' (1557,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__value--minus' (1560,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__value--minus2' (1563,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xxs' (1566,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__lg' (1567,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xxs' (1570,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (1573,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (1576,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (1579,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (1582,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xxs' (1586,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (1597,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (1598,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xxs' (1604,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xxs' (1607,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (1610,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (1614,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (1630,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xs' (1637,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--font' (1638,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__lg' (1640,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1641,27): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1644,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1645,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow' (1648,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1651,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--font' (1654,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1655,29): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (1655,55): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1659,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__default' (1660,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1660,53): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1668,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (1672,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--resource' (1675,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--energy' (1678,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--material' (1681,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--machine' (1684,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--electronic' (1687,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--consumerElectronics' (1690,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--car' (1693,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--medical' (1696,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--apparel' (1699,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--food' (1702,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--transport' (1705,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--trade' (1708,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--retail' (1711,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--restaurant' (1714,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--accommodation' (1717,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--recruit' (1720,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--information' (1723,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--communication' (1726,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--digital' (1729,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--media' (1732,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--content' (1735,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--software' (1738,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--process' (1741,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--credit' (1744,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--insurance' (1747,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--finance' (1750,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--bank' (1753,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--estate' (1756,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--construct' (1759,28): run-time error CSS1039: Token not allowed after unary operator: '-category-color__category--public' (1763,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__xl' (1767,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1770,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1778,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (1779,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1783,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__note--font' (1786,24): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (1787,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1792,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1794,24): run-time error CSS1030: Expected identifier, found '-' (1794,24): run-time error CSS1031: Expected selector, found '-' (1794,24): run-time error CSS1025: Expected comma or open brace, found '-' (1800,24): run-time error CSS1030: Expected identifier, found '-' (1800,24): run-time error CSS1031: Expected selector, found '-' (1800,24): run-time error CSS1025: Expected comma or open brace, found '-' (1809,24): run-time error CSS1030: Expected identifier, found '-' (1809,24): run-time error CSS1031: Expected selector, found '-' (1809,24): run-time error CSS1025: Expected comma or open brace, found '-' (1813,24): run-time error CSS1030: Expected identifier, found '-' (1813,24): run-time error CSS1031: Expected selector, found '-' (1813,24): run-time error CSS1025: Expected comma or open brace, found '-' (1820,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__lg' (1823,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1826,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (1829,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (1833,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (1836,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__value--plus2' (1840,24): run-time error CSS1030: Expected identifier, found '-' (1840,24): run-time error CSS1031: Expected selector, found '-' (1840,24): run-time error CSS1025: Expected comma or open brace, found '-' (1847,27): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (1862,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__md' (1864,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (1868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+' (1875,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (1881,15): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (1884,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--color' (1885,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font__sm' (1892,22): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--color' (1894,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1901,19): run-time error CSS1039: Token not allowed after unary operator: '-global-zIndex--popGuide' (1910,21): run-time error CSS1039: Token not allowed after unary operator: '-global-size__main--width' (1920,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xs' (1921,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1922,22): run-time error CSS1039: Token not allowed after unary operator: '-global-boxShadow' (1923,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color__main--font' (1925,16): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1926,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space__sm' (1926,43): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1933,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space__md' (1940,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' (1942,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space__xl' */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /*---------- root ----------*/ :root { /*---------- font ----------*/ --global-font__xxs: 10px; /* XX-Small */ --global-font__xs: 12px; /* Extra small */ --global-font__sm: 14px; /* Small */ --global-font__md: 16px; /* Medium */ --global-font__lg: 18px; /* Large */ --global-font__xl: 20px; /* X-Large */ --global-font__xxl: 24px; /* XX-Large */ /*---------- space ----------*/ --global-space__xxs: 2px; --global-space__xs: 4px; --global-space__sm: 8px; --global-space__md: 16px; --global-space__lg: 24px; --global-space__xl: 32px; --global-space__xxl: 64px; /*---------- size ----------*/ --global-size__header--height: 64px; --global-size__circle: 110px; --global-size__main--width: 375px; --global-size__popNav--height: 84px; /*---------- z-index ----------*/ --global-zIndex--main: 0; --global-zIndex--header: 1; --global-zIndex--pop: 2; --global-zIndex--popNav: 2; --global-zIndex--popGuide: 3; --global-zIndex--loginBackground: 4; --global-zIndex--login: 5; /*---------- box-shadow ----------*/ --global-boxShadow: 0 3px 6px 0 rgb(0 0 0 / 16%); --global-boxShadow--form: 0 0 0 1px #111 inset; --global-boxShadow--formFocus: 0 0 0 2px #049D8E inset; /*---------- category ----------*/ --category-color__default: #DCDCDE; --category-color__category--resource : #FF0033; /* 資源 */ --category-color__category--energy : #FF0000; /* エネルギー･インフラ */ --category-color__category--material : #FF3300; /* 素材 */ --category-color__category--machine : #FF6600; /* 機械 */ --category-color__category--electronic : #FF9900; /* 電子･精密部品 */ --category-color__category--consumerElectronics : #FFCC00; /* 家電･電子機器 */ --category-color__category--car : #FFFF00; /* 車･輸送機械 */ --category-color__category--medical : #D3F400; /* 医療･医薬･ゲノム･バイオ */ --category-color__category--apparel : #A7E900; /* 衣料･生活用品 */ --category-color__category--food : #7BDE00; /* 食品･食材･飲料 */ --category-color__category--transport : #4FD300; /* 物流･倉庫･交通 */ --category-color__category--trade : #23C800; /* 商社･卸 */ --category-color__category--retail : #00D333; /* 小売 */ --category-color__category--restaurant : #00DE66; /* 飲食サービス */ --category-color__category--accommodation : #00E999; /* 施設サービス */ --category-color__category--recruit : #00F4CC; /* 専門家･人材サービス */ --category-color__category--information : #00FFFF; /* 情報システムサービス */ --category-color__category--communication : #00CCFF; /* 通信 */ --category-color__category--digital : #0099FF; /* デジタルplatform */ --category-color__category--media : #0066FF; /* メディア･広告 */ --category-color__category--content : #0033FF; /* コンテンツ */ --category-color__category--software : #0000FF; /* ソフトウェア */ --category-color__category--process : #3300D3; /* 情報加工･活用 */ --category-color__category--credit : #6600DE; /* クレジットなど金融 */ --category-color__category--insurance : #9900E9; /* 保険･リース･レンタル */ --category-color__category--finance : #CC00F4; /* 証券･投資 */ --category-color__category--bank : #FF00FF; /* 銀行 */ --category-color__category--estate : #FF00CC; /* 不動産･住宅 */ --category-color__category--construct : #FF0099; /* 施工･建材･設備 */ --category-color__category--public : #FF0066; /* 建設･土木 */ /*---------- color ----------*/ --global-color__white: #fff; --global-color__black: #111; --global-color__gray: #ABABAB; --global-color__active: #049D8E; --global-color__inactive: #666; --global-color__disable: #ccc; --global-color__main--background: #fff; --global-color__sub--background: #F5F5F5; --global-color__article--background: #fff; --global-color__articleSub--background: #EBE6E2; --global-color__main--color: #049D8E; /* black text in dark */ --global-color__sub--color: #D0F2EF; --global-color__border--color: #DCDCDE; --global-color__main--font: #111; --global-color__note--font: #676767; --global-color__value: #9A938C; --global-color__value--plus: #FF5570; --global-color__value--plus2: #D60021; --global-color__value--minus: #009AFF; --global-color__value--minus2: #005ADF; --global-color__marker--positive: #FFC3CB; --global-color__marker--negative: #B2D6FF; --global-color__anchor--font: #FF6F00; --global-header__background--color: rgba(255, 255, 255, 0.9); --global-nav__background--color: rgba(255, 255, 255, 0.9); } /*---------- dark mode ----------*/ /* @media (prefers-color-scheme: dark) { :root { --global-color__main--background: #000; --global-color__sub--background: #111; --global-color__article--background: #000; --global-color__articleSub--background: #000; --global-color__main--font: #fff; --global-color__note--font: #a9a9a9; --global-header__background--color: rgba(0, 0, 0, 0.9); --global-nav__background--color: rgba(0, 0, 0, 0.9); } } */ /*---------- normalize ----------*/ *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } h1,h2,h3,h4,h5,h6 { margin: 0; } a { color: #009AFF; text-decoration: none; } p { margin: 0; } ol, ul { list-style: none; margin: 0; padding: 0; } dl, dd { margin: 0; } button, input[type="submit"], label, select { cursor: pointer; } table { border-collapse: collapse; border-spacing: 0; } summary { list-style: none; cursor: pointer; } summary::-webkit-details-marker { display:none; } [type="checkbox"] { margin: 0; padding: 0; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } figure { margin: 0; } /*---------- base ----------*/ html { font-size: var(--global-font__md); } body { background: var(--global-color__main--background); color: var(--global-color__main--font); font-family: 'Open Sans', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ＭＳ Ｐゴシック', sans-serif; } /*---------- global-layout ----------*/ .global-layout__main { padding-bottom: var(--global-size__header--height); position: relative; } .global-layout__sub { background: var(--global-color__sub--background); display: none; } @media all and (max-height: 428px) { .global-layout__main { padding-top: 0; } } @media all and (min-width: 768px) { .global-layout { display: flex; min-height: 100vh; } .global-layout__main { width: var(--global-size__main--width); } .global-layout__sub { display: block; flex: 1 1 auto; } .global-layout__sub--left { order: -1; } .global-layout__main { order: 0; } .global-layout__sub--right { order: 1; } } /*---------- pr-layout ----------*/ .pr-layout { position: fixed; top: 50%; text-align: center; transform: translateY(-50%); /* width: calc(100% - var(--global-size__main--width)); */ width: calc((100% - var(--global-size__main--width)) / 2); } .pr-layout a { display: inline-block; margin-right: auto; margin-left: auto; } .pr-layout img { display: block; height: auto; max-width: 100%; padding: var(--global-space__sm); } /*---------- global-header ----------*/ .global-header { align-items: center; background: var(--global-header__background--color); display: flex; height: var(--global-size__header--height); justify-content: space-between; padding: var(--global-space__sm) var(--global-space__md); width: 100%; } .global-header__close { color: var(--global-color__note--font); font-weight: bold; cursor: pointer; padding-left: var(--global-space__lg); position: relative; } .global-header__close::before { background: var(--global-color__note--font); content: ""; display: block; height: 2px; left: 0; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); width: var(--global-space__md); } .global-header__close::after { background: var(--global-color__note--font); content: ""; display: block; height: 2px; left: 0; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); width: var(--global-space__md); } .global-header__back { color: var(--global-color__note--font); font-weight: bold; } .global-header__back::before { border-bottom: var(--global-space__xxs) solid var(--global-color__note--font); border-left: var(--global-space__xxs) solid var(--global-color__note--font); content: ""; display: inline-block; height: var(--global-font__xs); margin-right: var(--global-space__xs); transform: rotate(45deg); width: var(--global-font__xs); } /*---------- global-nav ----------*/ .global-nav { background: var(--global-nav__background--color); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); display: flex; font-size: var(--global-font__sm); font-weight: bold; height: calc(var(--global-size__header--height) + env(safe-area-inset-bottom)); /* iOSホームバー */ justify-content: space-around; padding: var(--global-space__sm) var(--global-space__md); padding-bottom: calc(var(--global-space__sm) + env(safe-area-inset-bottom)); /* iOSホームバー */ position: fixed; bottom: 0; width: 100%; z-index: var(--global-zIndex--header); } .global-nav--hasClose { padding-left: var(--global-space__xl); } @media all and (min-width: 768px) { .global-nav { width: var(--global-size__main--width); } } .global-nav__close { cursor: pointer; height: var(--global-space__lg); left: var(--global-space__sm); position: absolute; top: var(--global-space__sm); width: var(--global-space__lg); } .global-nav__close::before { background: var(--global-color__note--font); content: ""; display: block; height: 2px; left: 0; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); width: var(--global-space__lg); } .global-nav__close::after { background: var(--global-color__note--font); content: ""; display: block; height: 2px; left: 0; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); width: var(--global-space__lg); } .global-nav__link { color: var(--global-color__main--font); display: flex; flex-direction: column; min-width: calc(var(--global-space__md) * 3); text-align: center; } .global-nav__img { background: no-repeat center top / contain; display: block; height: var(--global-space__lg); width: 100%; } .global-nav__link--top .global-nav__img { background-image: url(/Content/common/img/global-nav__top.svg); } .top .global-nav__link--top .global-nav__img { background-image: url(/Content/common/img/global-nav__top--active.svg); } .global-nav__link--game .global-nav__img { background-image: url(/Content/common/img/global-nav__game.svg); } .game .global-nav__link--game .global-nav__img { background-image: url(/Content/common/img/global-nav__game--active.svg); } .global-nav__link--search .global-nav__img { background-image: url(/Content/common/img/global-nav__search.svg); } .search .global-nav__link--search .global-nav__img { background-image: url(/Content/common/img/global-nav__search--active.svg); } .global-nav__link--book .global-nav__img { background-image: url(/Content/common/img/stock-nav__book.svg); } .book .global-nav__link--book .global-nav__img { background-image: url(/Content/common/img/stock-nav__book--active.svg); } .global-nav__link--incbird .global-nav__img { background-image: url(/Content/common/img/global-nav__top.svg); } .incbird .global-nav__link--incbird .global-nav__img { background-image: url(/Content/common/img/global-nav__top--active.svg); } .global-nav__link--circle .global-nav__img { background-image: url(/Content/common/img/stock-nav__circle.svg); } .circle .global-nav__link--circle .global-nav__img { background-image: url(/Content/common/img/stock-nav__circle--active.svg); } .global-nav__link--data .global-nav__img { background-image: url(/Content/common/img/stock-nav__data.svg); } .data .global-nav__link--data .global-nav__img { background-image: url(/Content/common/img/stock-nav__data--active.svg); } .global-nav__text { margin-top: auto; } .top .global-nav__link--top .global-nav__text, .game .global-nav__link--game .global-nav__text, .search .global-nav__link--search .global-nav__text, .book .global-nav__link--book .global-nav__text, .incbird .global-nav__link--incbird .global-nav__text, .circle .global-nav__link--circle .global-nav__text, .data .global-nav__link--data .global-nav__text { color: var(--global-color__active); } /*---------- global-footer ----------*/ .global-footer { color: var(--global-color__main--color); font-size: var(--global-font__sm); margin: var(--global-space__md); } .global-footer__logo { display: block; margin: calc(var(--global-space__xxl) * 2.5) auto; max-width: 100%; } .global-footer__legal { color: var(--global-color__note--font); margin-top: var(--global-space__xl); } .global-footer__link { color: var(--global-color__note--font); margin-top: calc(var(--global-space__md) * 3); margin-bottom: calc(var(--global-space__md) * 3); } .global-footer__linkItem { margin-top: var(--global-space__sm); } .global-footer__alphaDisclaimer { color: #00655B; margin-top: var(--global-space__xl); } /*---------- global-layout__pop ----------*/ .global-layout__popCheckbox { border: none; height: 1px; margin: -1px; opacity: 0; overflow: hidden; padding: 0; position: absolute; visibility: hidden; width: 1px; } .global-layout__pop { --global-zIndex--popNav: 3; background: var(--global-color__article--background); border-top: var(--global-space__sm) solid var(--global-color__sub--color); bottom: 0; opacity: 0; padding-bottom: var(--global-size__popNav--height); position: fixed; transform: translateY(100%); transition: opacity 0.5s, transform 0.5s, visibility 0.5s; visibility: hidden; width: 100%; z-index: var(--global-zIndex--pop); } .global-layout__popCheckbox:checked + .global-layout__pop { opacity: 1; transform: translateY(0); visibility: visible; } .global-layout__popMain { border-top: 1px solid var(--global-color__main--color); max-height: calc(70vh - var(--global-size__header--height) * 2); min-height: var(--global-size__header--height); overflow: auto; padding: var(--global-space__md) var(--global-space__sm) var(--global-space__sm); position: relative; } .global-layout__popNav { height: calc(var(--global-size__popNav--height) + env(safe-area-inset-bottom)); padding: var(--global-space__sm) var(--global-space__xxl); padding-bottom: calc(var(--global-space__sm) + env(safe-area-inset-bottom)); /* iOSホームバー */ position: fixed; bottom: 0; width: 100%; z-index: var(--global-zIndex--popNav); background-color: var(--global-color__main--background); } @media all and (min-width: 768px) { .global-layout__pop { width: var(--global-size__main--width); } .global-layout__popNav { width: var(--global-size__main--width); } } /*---------- global-layout__pop ----------*/ .global-layout__popRemarks { display: flex; justify-content: space-between; margin-top: var(--global-space__md); } .global-layout__popCode { order: 1; font-size: var(--global-font__xs); flex: 0 1 33%; } .global-layout__popCircle { order: 2; flex: 0 1 34%; width: var(--global-size__circle); } .global-layout__popIndustry { order: 3; font-size: var(--global-font__xs); flex: 0 1 33%; text-align: right; } .global-layout__popClose { cursor: pointer; height: var(--global-space__lg); left: var(--global-space__sm); position: absolute; top: var(--global-space__sm); width: var(--global-space__lg); } .global-layout__popClose::before { background: var(--global-color__note--font); content: ""; display: block; height: 2px; left: 0; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); width: var(--global-space__lg); } .global-layout__popClose::after { background: var(--global-color__note--font); content: ""; display: block; height: 2px; left: 0; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); width: var(--global-space__lg); } .global-layout__popLink { align-items: center; background: var(--global-color__white); border: var(--global-space__xxs) solid var(--global-color__main--color); border-radius: .25em; box-shadow: var(--global-boxShadow); color: var(--global-color__black); cursor: pointer; display: flex; font-weight: bold; justify-content: center; min-height: 2em; padding: .25em .5em; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .global-layout__popLinkList { display: flex; justify-content: space-between; } .global-layout__popLinkItem { display: block; text-align: center; font-size: var(--global-font__xs); color: var(--global-color__main--font); } .global-layout__popLinkItem::before { content: ''; background: no-repeat center top / contain; display: block; height: var(--global-space__xl); width: var(--global-space__xl); margin-bottom: var(--global-space__sm); } .global-layout__popLinkItem--company::before { background-image: url(/Content/common/img/global-nav__popCompany.svg); } .global-layout__popLinkItem--brand::before { background-image: url(/Content/common/img/global-nav__popBrand.svg); } .global-layout__popLinkItem--bird::before { background-image: url(/Content/common/img/global-nav__popBird.svg); } .company .global-layout__popLinkItem--company::before { background-image: url(/Content/common/img/global-nav__popCompany--active.svg); } .brand .global-layout__popLinkItem--brand::before { background-image: url(/Content/common/img/global-nav__popBrand--active.svg); } .bird .global-layout__popLinkItem--bird::before { background-image: url(/Content/common/img/global-nav__popBird--active.svg); } .company .global-layout__popLinkItem--company, .brand .global-layout__popLinkItem--brand, .bird .global-layout__popLinkItem--bird { color: var(--global-color__active); } /*---------- global-incbird ----------*/ .global-incbird__timing { color: var(--global-color__main--font); font-size: var(--global-font__md); } .global-incbird__timingLive { color: var(--global-color__value--plus); margin-left: var(--global-space__xs); } .global-incbird__date { color: var(--global-color__note--font); font-size: var(--global-font__xs); margin-top: var(--global-space__xs); } .global-incbird__date + .global-incbird__overseas, .global-incbird__date + .global-incbird__segment { margin-top: var(--global-space__sm); } .global-incbird__overseas { color: var(--global-color__note--font); font-size: var(--global-font__xs); margin-top: var(--global-space__xs); } .global-incbird__segment { color: var(--global-color__note--font); font-size: var(--global-font__xs); margin-top: var(--global-space__xs); } .global-incbird__price { color: var(--global-color__note--font); font-size: var(--global-font__xs); margin-top: var(--global-space__xs); } .global-incbird__price .global-incbird__priceNum { font-size: var(--global-font__md); margin: 0; } .global-incbird__price span { margin-right: var(--global-space__xs); } .global-incbird__img { display: block; height: auto; margin-right: auto; margin-left: auto; width: 100%; } .global-incbird__img img { display: block; height: auto; max-width: 100%; } .global-incbird__name { font-size: var(--global-font__xxl); font-weight: normal; margin-top: var(--global-space__xs); text-align: center; } .global-incbird__slogan { font-size: var(--global-font__md); font-weight: bold; margin-top: var(--global-space__lg); } .global-incbird__about { font-size: var(--global-font__md); } .global-incbird__categoryList { font-size: var(--global-font__xs); margin-top: var(--global-space__sm); } .global-incbird__category::before { content: "■"; color: var(--category-color__default); display: inline-block; } .global-incbird__category--01::before { color: var(--category-color__category--energy); } .global-incbird__category--02::before { color: var(--category-color__category--material); } .global-incbird__category--03::before { color: var(--category-color__category--machine); } .global-incbird__category--04::before { color: var(--category-color__category--electronic); } .global-incbird__category--05::before { color: var(--category-color__category--consumerElectronics); } .global-incbird__category--06::before { color: var(--category-color__category--car); } .global-incbird__category--07::before { color: var(--category-color__category--medical); } .global-incbird__category--08::before { color: var(--category-color__category--apparel); } .global-incbird__category--09::before { color: var(--category-color__category--food); } .global-incbird__category--10::before { color: var(--category-color__category--transport); } .global-incbird__category--11::before { color: var(--category-color__category--trade); } .global-incbird__category--12::before { color: var(--category-color__category--retail); } .global-incbird__category--13::before { color: var(--category-color__category--restaurant); } .global-incbird__category--14::before { color: var(--category-color__category--accommodation); } .global-incbird__category--15::before { color: var(--category-color__category--recruit); } .global-incbird__category--16::before { color: var(--category-color__category--information); } .global-incbird__category--17::before { color: var(--category-color__category--communication); } .global-incbird__category--18::before { color: var(--category-color__category--digital); } .global-incbird__category--19::before { color: var(--category-color__category--media); } .global-incbird__category--20::before { color: var(--category-color__category--content); } .global-incbird__category--21::before { color: var(--category-color__category--software); } .global-incbird__category--22::before { color: var(--category-color__category--process); } .global-incbird__category--23::before { color: var(--category-color__category--credit); } .global-incbird__category--24::before { color: var(--category-color__category--insurance); } .global-incbird__category--25::before { color: var(--category-color__category--finance); } .global-incbird__category--26::before { color: var(--category-color__category--bank); } .global-incbird__category--27::before { color: var(--category-color__category--estate); } .global-incbird__category--28::before { color: var(--category-color__category--construct); } .global-incbird__category--29::before { color: var(--category-color__category--public); } .global-incbird__category--30::before { color: var(--category-color__category--resource); } /*---------- global-container ----------*/ .global-container { margin-right: var(--global-space__sm); margin-left: var(--global-space__sm); position: relative; } /*---------- global-more ----------*/ .global-more { appearance: none; background-color: transparent; border: none; color: var(--global-color__main--font); cursor: pointer; display: block; font-size: var(--global-font__sm); margin: calc(var(--global-space__md) * 4) auto; padding: 0; } .global-more__arrow { display: block; height: var(--global-space__md); margin-top: var(--global-space__sm); margin-right: auto; margin-left: auto; position: relative; width: calc(var(--global-space__lg) * 2); } .global-more__arrow::before, .global-more__arrow::after { background: var(--global-color__main--font); border-radius: var(--global-font__md); bottom: 0; content: ""; display: block; height: var(--global-space__xxs); left: 0; position: absolute; transform: rotate(30deg); transform-origin: right bottom; width: var(--global-space__lg); } .global-more__arrow::after { left: 50%; transform: rotate(-30deg); transform-origin: left bottom; } /*---------- global-articleList ----------*/ .global-articleList__heading { font-size: var(--global-font__lg); font-weight: bold; margin-top: calc(var(--global-space__md) * 2); margin-bottom: var(--global-space__md); margin-left: var(--global-space__sm); } .global-articleList { color: inherit; display: block; padding-bottom: var(--global-space__md); border-bottom: 1px solid var(--global-color__border--color); } .global-articleList:has( +.global-articleButton--book, +.global-articleButton--hint) { /* Firefox is not supported */ border-bottom: none; } .global-articleList__main { display: flex; } .global-articleList + .global-articleList, .global-articleButton + .global-articleList { padding-top: var(--global-space__lg); } .global-articleList__visual { background: var(--category-color__default); border-radius: var(--global-space__xs); flex: 0 1 33%; height: 0; order: 2; overflow: hidden; margin-bottom: var(--global-space__xl); padding-top: 17.5%; position: relative; } .global-articleList__img { display: block; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .global-articleList__text { display: flex; flex: 0 1 67%; flex-direction: column; order: 1; padding: var(--global-space__xs) var(--global-space__sm) 0 var(--global-space__sm); } .global-articleList__title { font-size: var(--global-font__sm); font-weight: bold; line-height: 1.5; margin-bottom: var(--global-space__md); max-height: calc(1.5 * 3em); overflow: hidden; } .global-articleList__category { align-items: center; display: flex; font-size: var(--global-font__xs); margin-top: auto; margin-bottom: var(--global-space__xs); } /* .global-articleList__category::before { background: var(--category-color__default); border-radius: 50%; content: ""; display: block; height: var(--global-space__lg); margin-right: var(--global-space__xs); width: var(--global-space__lg); } */ .global-articleList__data { display: none; font-size: var(--global-font__xs); margin-bottom: var(--global-space__sm); } .global-articleList__author { font-size: var(--global-font__xxs); margin-bottom: var(--global-space__sm); } /*---------- global-articleList--large ----------*/ .global-articleList--large .global-articleList__main { display: block; } .global-articleList--large .global-articleList__visual { padding-top: 52.5%; } .global-articleList--large .global-articleList__visual { margin-bottom: var(--global-space__md); } .global-articleList--large .global-articleList__text { padding: 0 var(--global-space__xs); } .global-articleList--large .global-articleList__title { font-size: var(--global-font__lg); padding: 0 var(--global-space__xs); } .global-articleList--large .global-articleList__category::before { height: var(--global-space__xl); width: var(--global-space__xl); } .global-articleList--large .global-articleList__data { display: block; } /*---------- global-articleList--new ----------*/ .global-articleList--new .global-articleList__visual::after { background: #f00; color: #fff; content: "NEW"; display: block; font-size: var(--global-font__xxs); padding: var(--global-space__xxs); position: absolute; right: 0; text-align: center; top: 0; transform: rotate(45deg) translate(var(--global-font__md), calc(var(--global-font__xxs) * -1)); width: calc(var(--global-space__md) * 4); } .global-articleList.global-articleList--large .global-articleList__visual::after { font-size: var(--global-font__sm); transform: rotate(45deg) translate(22px, -10px); width: calc(var(--global-space__md) * 5); } /*---------- global-articleButton ----------*/ .global-articleButton { background: var(--category-color__default); color: inherit; display: block; margin-right: calc(var(--global-space__sm) * -1); margin-left: calc(var(--global-space__sm) * -1); padding: var(--global-space__md) var(--global-space__md) var(--global-space__lg); position: relative; } .global-articleButton + .global-articleButton { margin-top: var(--global-space__xl); } .global-articleButton--hint { background-color: #97DD7E; } .global-articleButton--book { background-color: #FFCC66; color: #2C28A2; } .global-articleButton--game { background-color: #91E2DA; } .global-articleButton__main { display: flex; } .global-articleButton__visual { flex: 0 1 33%; display: flex; order: 2; } .global-articleButton__img { display: block; height: auto; max-width: 100%; } .global-articleButton__text { flex: 0 1 67%; order: 1; padding-right: var(--global-space__sm); } .global-articleButton__title { font-size: var(--global-font__lg); font-weight: bold; } .global-articleButton__lead { font-size: var(--global-font__sm); line-height: 1.5; margin-top: var(--global-space__md); } .global-articleButton__link { background: var(--global-color__white); border-radius: var(--global-space__xs); box-shadow: var(--global-boxShadow); font-size: var(--global-font__md); font-weight: bold; display: inline-flex; margin-top: var(--global-space__lg); padding: var(--global-space__sm) var(--global-space__md); } .global-articleButton__link img { display: block; height: auto; margin-right: var(--global-space__md); max-width: 100%; } .global-articleButton--bg { display: flex; justify-content: center; padding: 0; } .global-articleButton__bg { position: relative; top: 0; left: 0; } .global-articleButton__bg + .global-articleButton__text { position: absolute; bottom: var(--global-space__lg); left: var(--global-space__md); } .global-articleButton__bg + .global-articleButton__text--center { left: 50%; transform: translateX(-50%); white-space: nowrap; } .global-articleButton--distinguish { background-color: #FF6F00; color: #2C28A2; } .global-articleButton--distinguish .global-articleButton__bg + .global-articleButton__text { bottom: 17px; } .global-articleButton--illustration { background-color: #049D8E; } .global-articleButton--investmentClass { color: #2C28A2; background-color: #36B29E; } .global-articleButton--investmentClass .global-articleButton__bg + .global-articleButton__text { bottom: 10px; } /*---------- global-article__share ----------*/ .global-article__share { display: flex; justify-content: left; } .global-article__shareButton + .global-article__shareButton { margin-left: var(--global-space__sm); } .global-article__shareButton img { height: var(--global-space__xl); width: var(--global-space__xl); } /*---------- global-form__text ----------*/ .global-form__text { appearance: none; -webkit-appearance: none; -moz-appearance: none; border: none; border-radius: .25em; box-shadow: var(--global-boxShadow--form); height: 2.4em; padding: 0 .5em; width: 100%; } .global-form__text:focus { box-shadow: var(--global-boxShadow--formFocus); outline: 0; } /*---------- global-form__search ----------*/ .global-form__searchWrapper { position: relative; } .global-form__search { appearance: none; -webkit-appearance: none; -moz-appearance: none; border: none; border-radius: .25em; box-shadow: var(--global-boxShadow--form); color: var(--global-color__main--font); height: 2.4em; padding: 0 3em 0 .5em; width: 100%; } .global-form__search::placeholder { color: var(--global-color__note--font); } .global-form__search:focus { box-shadow: var(--global-boxShadow--formFocus); outline: 0; } .global-form__searchButton { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: transparent; border: 0 solid transparent; display: flex; padding: 0; position: absolute; right: .7em; top: 50%; transform: translateY(-50%); } .global-form__searchImg { height: 1.4em; width: auto; } /*---------- global-form__textarea ----------*/ .global-form__textarea { appearance: none; -webkit-appearance: none; -moz-appearance: none; border: none; border-radius: .25em; box-shadow: var(--global-boxShadow--form); display: block; height: 15em; padding: .7em .5em; resize: vertical; width: 100%; } .global-form__textarea:focus { box-shadow: var(--global-boxShadow--formFocus); outline: 0; } /*---------- global-form__radio ----------*/ .global-form__radio { border: none; height: 1px; margin: -1px; opacity: 0; overflow: hidden; padding: 0; position: absolute; width: 1px; } .global-form__radioLabel { align-items: center; display: inline-flex; color: var(--global-color__inactive); } .global-form__radio:checked + .global-form__radioLabel { color: var(--global-color__active); } .global-form__radio:focus + .global-form__radioLabel { background: linear-gradient(transparent 90%, rgba(33, 150, 243, 0.3) 90%); color: var(--global-color__active); } .global-form__radioLabel::before { background: #fff; border: 1px solid var(--global-color__inactive); border-radius: 50%; content: ""; display: inline-block; flex-shrink: 0; height: 1em; margin-right: .25em; width: 1em; } .global-form__radio:checked + .global-form__radioLabel:before { border: .3em solid var(--global-color__active); } .global-form__radio:focus + .global-form__radioLabel:before { border: .3em solid var(--global-color__active); } /*---------- global-form__checkbox ----------*/ .global-form__checkbox { border: none; height: 1px; margin: -1px; opacity: 0; overflow: hidden; padding: 0; position: absolute; width: 1px; } .global-form__checkboxLabel { align-items: center; display: inline-flex; color: var(--global-color__inactive); position: relative; } .global-form__checkbox:checked + .global-form__checkboxLabel { color: var(--global-color__active); } .global-form__checkbox:focus + .global-form__checkboxLabel { background: linear-gradient(transparent 90%, rgba(33, 150, 243, 0.3) 90%); } .global-form__checkboxLabel:before { background: #fff; border: 1px solid var(--global-color__inactive); border-radius: var(--global-space__xs); content: ""; display: inline-block; flex-shrink: 0; height: 1em; margin-right: .25em; width: 1em; } .global-form__checkbox:checked + .global-form__checkboxLabel:before { background-color: var(--global-color__active); border: 1px solid var(--global-color__active); } .global-form__checkbox:checked + .global-form__checkboxLabel:after { border-right: var(--global-space__xxs) solid #fff; border-bottom: var(--global-space__xxs) solid #fff; bottom: 0; content: ""; height: .6em; left: .3em; margin: auto; position: absolute; top: 0; transform: translateY(-2px) rotate(45deg); width: .4em; } /*---------- global-form__switch ----------*/ .global-form__switch { border: none; height: 1px; margin: -1px; opacity: 0; overflow: hidden; padding: 0; position: absolute; width: 1px; } .global-form__switchLabel { background: #fff; border: 1px solid var(--global-color__inactive); border-radius: .75em; display: inline-block; height: 1em; position: relative; transition: 0.4s; width: 2em; } .global-form__switch:checked + .global-form__switchLabel { border-color: var(--global-color__active); } .global-form__switchLabel:after { content: ""; position: absolute; width: .75em; height: .75em; border-radius: 100%; left: 1px; top: 1px; background: var(--global-color__inactive); transition: 0.4s; } .global-form__switch:checked + .global-form__switchLabel:after { background: var(--global-color__active); left: 1em; } /*---------- global-form__select ----------*/ .global-form__selectWrapper { background: var(--global-color__main--color); border-radius: var(--global-space__sm); overflow: hidden; position: relative; } .global-form__selectWrapper:before { border-top: var(--global-space__xxs) solid #fff; border-right: var(--global-space__xxs) solid #fff; bottom: 0; content: ""; height: .5em; margin: auto; pointer-events: none; position: absolute; right: .8em; top: 0; transform: rotate(135deg); width: .5em; } .global-form__select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: transparent; border: none; border-radius: .25em; box-shadow: var(--global-boxShadow--formFocus); color: var(--global-color__white); height: 2em; padding: 0 2em 0 .5em; width: 100%; } .global-form__select:disabled { background: var(--global-color__disable); box-shadow: 0 0 0 2px var(--global-color__disable) inset; cursor: not-allowed; opacity: 1; } .global-form__select::-ms-expand { display: none; } .global-form__select:focus { box-shadow: var(--global-boxShadow--formFocus); outline: 0; } .global-form__select option { color: var(--global-color__main--font); } /*---------- global-form__submit ----------*/ .global-form__submit { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: var(--global-color__inactive); border: var(--global-space__xxs) solid transparent; border-radius: .25em; color: var(--global-color__white); display: inline-block; font-weight: bold; padding: .5em; width: 100%; } .global-form__submit:hover { background: var(--global-color__active); } .global-form__submit:focus { background: var(--global-color__active); border: var(--global-space__xxs) solid var(--global-color__active); outline: 0; } /*---------- global-button ----------*/ .global-button { align-items: center; background: var(--global-color__main--color); border: var(--global-space__xxs) solid transparent; border-radius: .25em; box-shadow: var(--global-boxShadow); color: var(--global-color__white); cursor: pointer; display: flex; font-weight: bold; flex-direction: column; justify-content: center; margin: calc(var(--global-space__md) * 3) auto; min-height: 3.5em; padding: .5em; position: relative; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; } .global-button--prev { padding-right: 1.5em; padding-left: 2em; } .global-button--prev::after { border-top: var(--global-space__xxs) solid; border-right: var(--global-space__xxs) solid; content: ""; display: block; height: var(--global-font__xxs); position: absolute; left: 1em; top: 50%; transform: rotate(-135deg) translateY(-50%); transform-origin: top; width: var(--global-font__xxs); } .global-button--next { padding-right: 2em; padding-left: 1.5em; } .global-button--next::after { border-top: var(--global-space__xxs) solid; border-right: var(--global-space__xxs) solid; content: ""; display: block; height: var(--global-font__xxs); position: absolute; right: 1em; top: 50%; transform: rotate(45deg) translateY(-50%); transform-origin: top; width: var(--global-font__xxs); } .global-button--link { background: var(--global-color__white); border-color: var(--global-color__main--color); color: var(--global-color__main--font); min-height: 2.5em; padding-top: .25em; padding-bottom: .25em; } .global-button--inline { display: inline-block; min-height: auto; margin: 0 var(--global-space__sm); vertical-align: middle; width: auto; } .global-button--xs { font-size: var(--global-font__xs); } .global-button--xl { font-size: var(--global-font__xl); } .global-button--active { background: var(--global-color__active); } .global-button--disable { background: var(--global-color__disable); } .global-button--space0 { margin: 0; } .global-button--book { margin-bottom: var(--global-space__md); } .global-button--incbird::before { background: url(/Content/common/img/global-nav__top--white.svg) no-repeat center / contain; display: block; content: ""; height: var(--global-space__xl); left: var(--global-space__lg); position: absolute; top: 50%; transform: translateY(-50%); width: var(--global-space__xl); } .global-buttonLead { font-size: var(--global-font__xs); margin-bottom: var(--global-space__sm); } .global-buttonList { margin: calc(var(--global-space__md) * 3) auto; } .global-buttonList .global-button { margin-top: var(--global-space__lg); margin-bottom: var(--global-space__sm); } .global-buttonStrong { font-size: var(--global-font__xxl); font-weight: bold; } .global-buttonStrong + .global-buttonLead { font-size: var(--global-font__sm); margin-top: var(--global-space__sm); margin-bottom: 0; } .global-button table { width: 100%; /* テーブルの幅をリンク全体の幅に合わせます */ table-layout: fixed; /* 列幅を固定します */ font-weight:normal; } .global-button td { text-align: left; white-space: nowrap; /* 改行させない設定を追加 */ vertical-align: bottom; } .global-button td:nth-child(1) { width: 50%; /* 第1列の幅を50%に設定 */ text-align: left; font-weight: normal; } .global-button td:nth-child(2) { width: 30%; /* 第2列の幅を30%に設定 */ text-align: center; font-weight: normal; } .global-button td:nth-child(3) { width: 20%; /* 第3列の幅を20%に設定 */ text-align: right; font-weight: normal; } .global-button--arrow { width: 3%; /* 第3列の幅を20%に設定 */ vertical-align: middle; } /*---------- global-circle ----------*/ .global-circle, .global-circle a { color: var(--global-color__black); } .global-circle__size { line-height: 1; margin-right: auto; margin-left: auto; max-height: var(--global-size__circle); max-width: var(--global-size__circle); position: relative; white-space: nowrap; } .global-circle__size::before { content: ""; display: block; padding-top: 100%; } .global-circle__border { background: #fff; border: var(--global-space__xs) solid var(--global-color__value); border-radius: 50%; box-shadow: var(--global-boxShadow); display: flex; flex-direction: column; height: 100%; left: 50%; overflow: hidden; padding-top: var(--global-space__sm); padding-bottom: var(--global-space__sm); position: absolute; text-align: center; transform: translateX(-50%); top: 0; width: 100%; } .global-circle__border--up1 { border-color: var(--global-color__value--plus); } .global-circle__border--up2 { border-color: var(--global-color__value--plus2); } .global-circle__border--down1 { border-color: var(--global-color__value--minus); } .global-circle__border--down2 { border-color: var(--global-color__value--minus2); } .global-circle__diff { color: var(--global-color__value); font-size: var(--global-font__sm); } .global-circle__diff--up1 { color: var(--global-color__value--plus); } .global-circle__diff--up2 { color: var(--global-color__value--plus2); } .global-circle__diff--down1 { color: var(--global-color__value--minus); } .global-circle__diff--down2 { color: var(--global-color__value--minus2); } .global-circle__diffDecimal { font-size: var(--global-font__xxs); } .global-circle__price { font-size: var(--global-font__lg); margin-top: var(--global-space__xxs); } .global-circle__priceDecimal { font-size: var(--global-font__md); } .global-circle__name { margin-top: var(--global-space__xs); } .global-circle__name--companyName1 { font-size: var(--global-font__md); } .global-circle__name--companyName2 { font-size: var(--global-font__xs); } .global-circle__name--companyName3 { font-size: var(--global-font__xxs); } .global-circle__graph { flex: 1 1 auto; margin-top: var(--global-space__xs); overflow: hidden; } .global-circle__graphImg { display: block; height: 100%!important; margin-right: auto; margin-left: auto; width: auto!important; } .global-circle__date { color: var(--global-color__note--font); font-size: var(--global-font__xxs); margin-top: .5em; text-align: center; } /*---------- global-name__size ----------*/ .global-name__size--xxs { font-size: var(--global-font__xxs) !important; } .global-name__size--xs { font-size: var(--global-font__xs) !important; } .global-name__size--md { font-size: var(--global-font__md) !important; } /*---------- global-layout__separate ----------*/ .global-layout__separate { margin-top: var(--global-space__lg); opacity: 1; position: relative; transition: .4s all ease-out; visibility: visible; } .global-layout__separate.global-layout__separate--hidden { left: 0; opacity: 0; position: absolute; right: 0; top: 0; visibility: hidden; } /*---------- global-data__tableDecimal ----------*/ .global-data__tableDecimal { font-size: var(--global-font__xs); } .global-data__table--text01 { font-size: 23px; } /*---------- global-category ----------*/ .global-category__title { color: var(--global-color__main--font); font-size: var(--global-font__lg); font-weight: bold; margin-bottom: var(--global-space__md); margin-top: calc(var(--global-space__md) * 3); } .global-category__item { border-radius: var(--global-space__sm); box-shadow: var(--global-boxShadow); } .global-category__item + .global-category__item { margin-top: var(--global-space__sm); } .global-category__item span { color: var(--global-color__main--font); display: block; font-weight: bold; padding: var(--global-space__sm); padding-left: calc(var(--global-space__xl) + var(--global-space__sm)); position: relative; } .global-category__item span::before { background-color: var(--category-color__default); border-radius: var(--global-space__sm) 0 0 var(--global-space__sm); content: ""; display: inline-block; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: var(--global-space__xl); } /*---------- global-category--xxxxx ----------*/ .global-category__item--resource span::before { background-color: var(--category-color__category--resource); } .global-category__item--energy span::before { background-color: var(--category-color__category--energy); } .global-category__item--material span::before { background-color: var(--category-color__category--material); } .global-category__item--machine span::before { background-color: var(--category-color__category--machine); } .global-category__item--electronic span::before { background-color: var(--category-color__category--electronic); } .global-category__item--consumerElectronics span::before { background-color: var(--category-color__category--consumerElectronics); } .global-category__item--car span::before { background-color: var(--category-color__category--car); } .global-category__item--medical span::before { background-color: var(--category-color__category--medical); } .global-category__item--apparel span::before { background-color: var(--category-color__category--apparel); } .global-category__item--food span::before { background-color: var(--category-color__category--food); } .global-category__item--transport span::before { background-color: var(--category-color__category--transport); } .global-category__item--trade span::before { background-color: var(--category-color__category--trade); } .global-category__item--retail span::before { background-color: var(--category-color__category--retail); } .global-category__item--restaurant span::before { background-color: var(--category-color__category--restaurant); } .global-category__item--accommodation span::before { background-color: var(--category-color__category--accommodation); } .global-category__item--recruit span::before { background-color: var(--category-color__category--recruit); } .global-category__item--information span::before { background-color: var(--category-color__category--information); } .global-category__item--communication span::before { background-color: var(--category-color__category--communication); } .global-category__item--digital span::before { background-color: var(--category-color__category--digital); } .global-category__item--media span::before { background-color: var(--category-color__category--media); } .global-category__item--content span::before { background-color: var(--category-color__category--content); } .global-category__item--software span::before { background-color: var(--category-color__category--software); } .global-category__item--process span::before { background-color: var(--category-color__category--process); } .global-category__item--credit span::before { background-color: var(--category-color__category--credit); } .global-category__item--insurance span::before { background-color: var(--category-color__category--insurance); } .global-category__item--finance span::before { background-color: var(--category-color__category--finance); } .global-category__item--bank span::before { background-color: var(--category-color__category--bank); } .global-category__item--estate span::before { background-color: var(--category-color__category--estate); } .global-category__item--construct span::before { background-color: var(--category-color__category--construct); } .global-category__item--public span::before { background-color: var(--category-color__category--public); } /*---------- ----------*/ .top_headingLv1 { font-size: var(--global-font__xl); display: flex; justify-content: left; align-items: center; margin: var(--global-space__md) 0; } .top_headingLv1 img { margin-right: var(--global-space__sm); } /*---------- global-inquiry ----------*/ .global-inquiry__item { display: flex; flex-direction: column; } .global-inquiry__input { height: var(--global-space__xl); margin-top: var(--global-space__sm); width: 100%; } .global-inquiry__input::placeholder { color: var(--global-color__note--font); } .global-inquiry__textarea { height: calc( var(--global-font__md) * 18 ); margin-top: var(--global-space__sm); resize: none; width: 100%; } .global-inquiry__item + .global-inquiry__item { margin-top: var(--global-space__md); } .global-inquiry__label.--required::after { color: var(--global-color__value--plus); content: '必須'; display: inline-block; padding-left: var(--global-space__sm); } .global-inquiry__label.--optional::after { color: var(--global-color__value--minus); content: '任意'; display: inline-block; padding-left: var(--global-space__sm); } .global-inquiry__postal-code { position: relative; } .global-inquiry__input.--postal-code { max-width: 10em; padding-left: var(--global-space__lg); } .global-inquiry__label.--postal-code { position: absolute; top: var(--global-space__xs); transform: translateY(50%); left: var(--global-space__xs); } .global-inquiry__info { margin-top: var(--global-space__lg); } .global-inquiry__info p + p { margin-top: var(--global-space__md); } .global-inquiry__info p + .global-inquiry__infoHeading { margin-top: var(--global-space__xl); } .global-inquiry__infoHeading { font-size: var(--global-font__md); font-weight: normal; } .global-inquiry__link { margin-top: var(--global-space__xl); } .global-inquiry__error { color: var(--global-color__value--plus2); display: block; width: 100%; } .global-inquiry__input.--error, .global-inquiry__textarea.--error { border: 2px solid var(--global-color__value--plus2); outline-color: var(--global-color__value--plus2); } /*---------- global-confirm ----------*/ .global-confirm { margin-top: calc(var(--global-space__md) * 3); } .global-confirm__text { line-height: 1.5; &:first-child { margin-bottom: var(--global-space__lg); } &:not(:first-child) { margin-top: var(--global-space__lg); } &:last-child { margin-top: calc(var(--global-space__md) * 3); } } .global-confirm__title { font-size: var(--global-font__md); font-weight: bold; margin-bottom: var(--global-space__xs); } .global-confirm__content { min-height: 1em; + .global-confirm__title { margin-top: var(--global-space__lg); } } /*---------- global-error ----------*/ .global-error__imgParagraph { text-align: center; margin-top: var(--global-space__xl) } /*---------- global-popGuide ----------*/ .global-popGuide__button { align-items: center; display: flex; gap: var(--global-space__xs); } .global-popGuide__buttonText { color: var(--global-color__main--color); font-size: var(--global-font__sm); font-weight: bold; } .global-popGuide__checkbox { display: none; } .global-popGuide { background: var(--global-color__main--color); opacity: 0; padding-top: var(--global-space__md); position: fixed; top: 0; transform: translateY(-100%); transition: opacity .5s, transform .5s, visibility .5s; visibility: hidden; width: 100%; z-index: var(--global-zIndex--popGuide); } .global-popGuide__checkbox:checked + .global-popGuide { opacity: 1; transform: translateY(0); visibility: visible; } @media all and (min-width: 768px) { .global-popGuide { width: var(--global-size__main--width); } } .global-popGuide__visual { display: flex; justify-content: center; position: relative; } .global-popGuide__link { background-color: #ffffff; border-radius: var(--global-space__xs); bottom: var(--global-space__sm); box-shadow: var(--global-boxShadow); color: var(--global-color__main--font); font-weight: bold; left: var(--global-space__md); padding: var(--global-space__sm) var(--global-space__md); position: absolute; } .global-popGuide__close { align-items: center; display: flex; justify-content: center; padding: var(--global-space__md) 0; } .global-popGuide__closeButton { background-color: transparent; border: none; cursor: pointer; display: block; height: var(--global-space__xl); position: relative; width: var(--global-space__xl); } .global-popGuide__closeButton::before, .global-popGuide__closeButton::after { background-color: #ffffff; content: ""; height: 2px; left: 50%; position: absolute; top: 50%; width: 90%; } .global-popGuide__closeButton::before { transform: translate(-50%, -50%) rotate(45deg); } .global-popGuide__closeButton::after { transform: translate(-50%, -50%) rotate(-45deg); } /*---------- ----------*/