/* 最小化できませんでした。最小化されていないコンテンツを返します。
(226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(370,21): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(374,25): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(434,22): run-time error CSS1039: Token not allowed after unary operator: '-color-body_bg'
(435,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(470,22): run-time error CSS1039: Token not allowed after unary operator: '-height-header_lg'
(471,21): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_lg'
(472,28): run-time error CSS1039: Token not allowed after unary operator: '-color-header_bg'
(492,24): run-time error CSS1039: Token not allowed after unary operator: '-padding-main'
(519,28): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(520,29): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(537,33): run-time error CSS1039: Token not allowed after unary operator: '-width-side'
(538,28): run-time error CSS1039: Token not allowed after unary operator: '-padding-main'
(538,54): run-time error CSS1039: Token not allowed after unary operator: '-padding-main'
(545,17): run-time error CSS1039: Token not allowed after unary operator: '-width-side'
(547,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(548,28): run-time error CSS1039: Token not allowed after unary operator: '-color-side_bg'
(549,35): run-time error CSS1039: Token not allowed after unary operator: '-height-header_lg'
(549,61): run-time error CSS1039: Token not allowed after unary operator: '-height-header_mdsm'
(567,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(568,22): run-time error CSS1039: Token not allowed after unary operator: '-height-header_mdsm'
(569,21): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(608,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(700,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(717,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast'
(721,26): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast_rgb'
(728,35): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(755,35): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(762,33): run-time error CSS1039: Token not allowed after unary operator: '-color-key'
(769,33): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast'
(777,28): run-time error CSS1039: Token not allowed after unary operator: '-color-ttl_bg'
(790,26): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(790,65): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(804,28): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_lg'
(805,29): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_lg'
(812,28): run-time error CSS1039: Token not allowed after unary operator: '-color-ttl_bg_dark'
(819,32): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(820,33): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(821,34): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(822,30): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(824,28): run-time error CSS1039: Token not allowed after unary operator: '-color-ttl_bg'
(829,36): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(830,37): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(831,38): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(832,29): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(841,32): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(842,33): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(843,34): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(844,30): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(849,36): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(850,37): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(851,38): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(852,34): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(857,32): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(862,36): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(863,37): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(864,38): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(865,34): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(876,28): run-time error CSS1039: Token not allowed after unary operator: '-color-ttl_bg_dark'
(896,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast'
(905,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(917,22): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast_rgb'
(926,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(944,22): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast_rgb'
(951,17): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(952,35): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(960,21): run-time error CSS1039: Token not allowed after unary operator: '-color-link_hover'
(979,21): run-time error CSS1039: Token not allowed after unary operator: '-color-link_hover'
(997,21): run-time error CSS1039: Token not allowed after unary operator: '-color-link_hover'
(1010,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(1021,30): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid_sm'
(1026,34): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid_lgmd'
(1033,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(1079,33): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(1080,33): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(1179,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(1184,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1189,33): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary_rgb'
(1190,33): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary_rgb'
(1195,21): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(1200,33): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(1201,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(1206,21): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(1211,33): run-time error CSS1039: Token not allowed after unary operator: '-color-info_rgb'
(1212,33): run-time error CSS1039: Token not allowed after unary operator: '-color-info_rgb'
(1217,21): run-time error CSS1039: Token not allowed after unary operator: '-color-info'
(1222,33): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(1223,28): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(1229,21): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(1234,33): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(1235,33): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(1240,21): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(1254,28): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(1256,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast'
(1261,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast'
(1262,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(1266,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast'
(1267,33): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary_rgb'
(1271,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast'
(1272,33): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(1276,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast'
(1277,33): run-time error CSS1039: Token not allowed after unary operator: '-color-info_rgb'
(1281,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast'
(1282,33): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(1286,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast'
(1287,33): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(1291,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1292,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(1296,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(1297,33): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary_rgb'
(1301,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(1302,33): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(1306,17): run-time error CSS1039: Token not allowed after unary operator: '-color-info'
(1307,33): run-time error CSS1039: Token not allowed after unary operator: '-color-info_rgb'
(1311,17): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(1312,33): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(1316,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(1317,33): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(1330,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(1336,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(1337,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(1358,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1364,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(1370,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(1376,28): run-time error CSS1039: Token not allowed after unary operator: '-color-info'
(1382,28): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(1388,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(1400,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(1401,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(1405,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(1406,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1407,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1411,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(1412,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(1413,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(1417,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(1418,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(1419,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(1423,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(1424,28): run-time error CSS1039: Token not allowed after unary operator: '-color-info'
(1425,17): run-time error CSS1039: Token not allowed after unary operator: '-color-info'
(1429,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(1430,28): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(1431,17): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(1435,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(1436,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(1437,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(1524,21): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(1528,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1591,28): run-time error CSS1039: Token not allowed after unary operator: '-color-disable'
(1606,41): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(1607,37): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(1662,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(1676,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(1686,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(1690,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(1694,17): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(1714,22): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(1715,33): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(1730,29): run-time error CSS1039: Token not allowed after unary operator: '-color-form'
(1731,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form_bg'
(1739,38): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(1743,38): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(1744,55): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(1745,47): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(1749,26): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(1753,26): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(1757,26): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(1761,26): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(1765,26): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(1769,48): run-time error CSS1039: Token not allowed after unary operator: '-color-form_bg'
(1770,40): run-time error CSS1039: Token not allowed after unary operator: '-color-form_bg'
(1822,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1934,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1972,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1973,37): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1997,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2016,40): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2017,41): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2034,33): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(2039,42): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(2045,42): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(2046,59): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(2047,51): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(2052,33): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(2057,42): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(2063,42): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(2064,59): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(2065,51): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(2070,33): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(2075,37): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_50'
(2081,37): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_80'
(2082,54): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_20'
(2083,46): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_20'
(2088,21): run-time error CSS1039: Token not allowed after unary operator: '-color-disable_txt'
(2089,32): run-time error CSS1039: Token not allowed after unary operator: '-color-disable'
(2095,37): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(2101,33): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(2108,33): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(2117,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(2146,42): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(2147,59): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(2148,51): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(2161,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2184,36): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2185,83): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2185,109): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2186,46): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2186,68): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2200,29): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(2204,38): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(2208,38): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(2209,55): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(2210,47): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(2214,29): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(2218,38): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(2222,38): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(2223,55): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(2224,47): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(2228,29): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(2232,38): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(2236,38): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(2237,55): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(2238,47): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(2242,17): run-time error CSS1039: Token not allowed after unary operator: '-color-disable_txt'
(2253,17): run-time error CSS1039: Token not allowed after unary operator: '-color-disable_txt'
(2254,28): run-time error CSS1039: Token not allowed after unary operator: '-color-disable'
(2284,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(2295,37): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(2301,38): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(2323,50): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(2324,42): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(2340,50): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(2341,42): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(2358,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2368,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2384,32): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(2389,41): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(2394,32): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(2399,41): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(2405,32): run-time error CSS1039: Token not allowed after unary operator: '-color-disable'
(2406,32): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(2411,36): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(2422,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(2426,28): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(2431,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(2435,28): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(2672,33): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid_sm'
(2673,34): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid_sm'
(2678,37): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid_lgmd'
(2679,38): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid_lgmd'
(2684,24): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid_sm'
(2689,28): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid_lgmd'
(2695,32): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid_sm'
(2700,36): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid_lgmd'
(2705,24): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid_sm'
(2705,52): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid_sm'
(2710,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid_lgmd'
(2779,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(2780,30): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(2780,60): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(2785,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(2785,65): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(2803,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-border'
(2808,43): run-time error CSS1039: Token not allowed after unary operator: '-color-content-shadow'
(2809,35): run-time error CSS1039: Token not allowed after unary operator: '-color-content-shadow'
(2814,26): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(2819,30): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_lg'
(2827,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(2850,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(2888,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(2888,53): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(2914,24): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(2919,28): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(2925,28): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(2925,58): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(2930,32): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(2930,75): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(2947,33): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(2951,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg_dark'
(2955,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(2959,33): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary_rgb'
(2963,33): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(2967,33): run-time error CSS1039: Token not allowed after unary operator: '-color-info_rgb'
(2971,33): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(2975,33): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(2979,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2983,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2987,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(2991,28): run-time error CSS1039: Token not allowed after unary operator: '-color-info'
(2995,28): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(2999,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(3034,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(3047,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3094,33): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(3239,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(3246,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(3254,21): run-time error CSS1039: Token not allowed after unary operator: '-width-contents_max_lg'
(3299,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(3321,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(3342,32): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(3350,39): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(3357,28): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_lg'
(3371,32): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(3376,36): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_lg'
(3386,35): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(3387,39): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(3392,43): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_lg'
(3401,17): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(3406,21): run-time error CSS1039: Token not allowed after unary operator: '-color-link_hover'
(3434,28): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(3460,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3461,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(3465,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3466,33): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary_rgb'
(3470,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(3471,33): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(3475,17): run-time error CSS1039: Token not allowed after unary operator: '-color-info'
(3476,33): run-time error CSS1039: Token not allowed after unary operator: '-color-info_rgb'
(3480,17): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(3481,33): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(3485,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(3486,33): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(3761,26): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(3771,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3772,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_contrast'
(3776,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3781,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3807,28): run-time error CSS1039: Token not allowed after unary operator: '-color-progressbar_bg'
(3827,28): run-time error CSS1039: Token not allowed after unary operator: '-color-progressbar_bg'
(3880,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(3934,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(3961,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(3993,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4012,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(4017,35): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(4022,17): run-time error CSS1039: Token not allowed after unary operator: '-color_white'
(4038,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(4039,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(4081,36): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(4103,17): run-time error CSS1039: Token not allowed after unary operator: '-color_blue'
(4108,17): run-time error CSS1039: Token not allowed after unary operator: '-color_red'
(4139,32): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(4168,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(4186,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(4202,21): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(4218,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(4247,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4273,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4274,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4284,28): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(4285,17): run-time error CSS1039: Token not allowed after unary operator: '-color-link_contrast'
(4286,24): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(4331,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(4406,17): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(4421,28): run-time error CSS1039: Token not allowed after unary operator: '-color-link_hover_bg'
(4432,28): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(4433,17): run-time error CSS1039: Token not allowed after unary operator: '-color-link_contrast'
(4442,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(4498,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(4511,33): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(4524,28): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(4538,21): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(4582,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(4589,35): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(4616,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4622,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4623,35): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4628,22): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(4642,33): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(4646,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4647,34): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(4648,33): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(4650,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(4655,29): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(4656,32): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(4657,33): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(4658,25): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(4663,33): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(4664,36): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(4665,37): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(4666,29): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(4672,33): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_lgmd'
(4689,42): run-time error CSS1039: Token not allowed after unary operator: '-color-content-shadow'
(4690,34): run-time error CSS1039: Token not allowed after unary operator: '-color-content-shadow'
(4691,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4692,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(4701,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(4710,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(4802,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(4808,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(4901,25): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(5010,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(5044,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(5065,49): run-time error CSS1030: Expected identifier, found ':'
(5065,57): run-time error CSS1031: Expected selector, found ')'
(5065,57): run-time error CSS1025: Expected comma or open brace, found ')'
(5071,49): run-time error CSS1030: Expected identifier, found ':'
(5071,58): run-time error CSS1031: Expected selector, found ')'
(5071,58): run-time error CSS1025: Expected comma or open brace, found ')'
(5119,36): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(5198,36): run-time error CSS1030: Expected identifier, found ':'
(5198,44): run-time error CSS1031: Expected selector, found ')'
(5198,44): run-time error CSS1025: Expected comma or open brace, found ')'
(5338,38): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(5352,38): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(5366,32): run-time error CSS1039: Token not allowed after unary operator: '-color-table_thead_bg'
(5367,21): run-time error CSS1039: Token not allowed after unary operator: '-color-table_thead_txt'
(5387,28): run-time error CSS1039: Token not allowed after unary operator: '-color-table_td_bg1'
(5409,28): run-time error CSS1039: Token not allowed after unary operator: '-color-table_th_bg'
(5464,28): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(5465,29): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(5470,47): run-time error CSS1030: Expected identifier, found ','
(5470,60): run-time error CSS1031: Expected selector, found ')'
(5470,60): run-time error CSS1025: Expected comma or open brace, found ')'
(5486,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(5505,28): run-time error CSS1039: Token not allowed after unary operator: '-color-table_td_bg1'
(5517,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5529,25): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(5533,32): run-time error CSS1039: Token not allowed after unary operator: '-color-table_td_bg2'
(5580,36): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(5585,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(5598,33): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(5655,28): run-time error CSS1039: Token not allowed after unary operator: '-color-content-bg'
(5656,42): run-time error CSS1039: Token not allowed after unary operator: '-color-content-shadow'
(5657,34): run-time error CSS1039: Token not allowed after unary operator: '-color-content-shadow'
(5696,21): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(5701,25): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_lg'
(5714,26): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(5718,25): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(5724,25): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_lg'
(5740,35): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(5741,21): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(5746,25): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_lg'
(5760,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(5763,39): run-time error CSS1039: Token not allowed after unary operator: '-color-border_select'
(5795,24): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(5796,25): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(5797,31): run-time error CSS1039: Token not allowed after unary operator: '-height-header_mdsm'
(5802,35): run-time error CSS1039: Token not allowed after unary operator: '-height-header_lg'
(5811,22): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(5824,17): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(5862,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5879,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(5885,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(5890,17): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(5900,28): run-time error CSS1039: Token not allowed after unary operator: '-color-ttl_bg_dark'
(5910,32): run-time error CSS1039: Token not allowed after unary operator: '-color-ttl_bg_dark'
(5914,28): run-time error CSS1039: Token not allowed after unary operator: '-color-ttl_bg_dark_l'
(5924,32): run-time error CSS1039: Token not allowed after unary operator: '-color-ttl_bg_dark_l'
(5972,17): run-time error CSS1039: Token not allowed after unary operator: '-color-key'
(6010,25): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(6015,29): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(6034,25): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(6047,47): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6086,33): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(6090,42): run-time error CSS1030: Expected identifier, found '.'
(6090,53): run-time error CSS1031: Expected selector, found ')'
(6090,53): run-time error CSS1025: Expected comma or open brace, found ')'
(6165,17): run-time error CSS1039: Token not allowed after unary operator: '-color-body_icon'
(6199,25): run-time error CSS1039: Token not allowed after unary operator: '-color-body_icon'
(6215,17): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(6219,17): run-time error CSS1039: Token not allowed after unary operator: '-color-header_txt'
(6223,21): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(6254,22): run-time error CSS1039: Token not allowed after unary operator: '-color-body_dropdown_bg'
(6292,32): run-time error CSS1039: Token not allowed after unary operator: '-color-body_dropdown_hover'
(6363,32): run-time error CSS1039: Token not allowed after unary operator: '-color_red'
(6427,28): run-time error CSS1039: Token not allowed after unary operator: '-color-side_hover'
(6443,17): run-time error CSS1039: Token not allowed after unary operator: '-color-side_icon'
(6480,28): run-time error CSS1039: Token not allowed after unary operator: '-color-side_open_bg'
(6518,17): run-time error CSS1039: Token not allowed after unary operator: '-color-side_active_txt'
(6519,28): run-time error CSS1039: Token not allowed after unary operator: '-color-side_active'
(6552,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(6573,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(6602,17): run-time error CSS1039: Token not allowed after unary operator: '-color-key'
(6645,146): run-time error CSS1030: Expected identifier, found ':'
(6645,154): run-time error CSS1031: Expected selector, found ')'
(6645,154): run-time error CSS1025: Expected comma or open brace, found ')'
(6650,29): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(6656,17): run-time error CSS1039: Token not allowed after unary operator: '-color-disable_txt'
(6657,28): run-time error CSS1039: Token not allowed after unary operator: '-color-disable'
(6684,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(6685,28): run-time error CSS1039: Token not allowed after unary operator: '-color-body_bg'
(6694,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(6695,28): run-time error CSS1039: Token not allowed after unary operator: '-color-body_bg'
(6704,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(6705,28): run-time error CSS1039: Token not allowed after unary operator: '-color-body_bg'
(6716,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(6807,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6870,34): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(6901,34): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(6960,34): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(7031,34): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(7088,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7092,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7143,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7184,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7201,41): run-time error CSS1030: Expected identifier, found '.'
(7201,86): run-time error CSS1031: Expected selector, found ')'
(7201,86): run-time error CSS1025: Expected comma or open brace, found ')'
(7253,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7271,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7328,40): run-time error CSS1030: Expected identifier, found '.'
(7328,94): run-time error CSS1031: Expected selector, found ')'
(7328,94): run-time error CSS1025: Expected comma or open brace, found ')'
(7572,37): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7582,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7631,33): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(7722,25): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(7739,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(7748,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7829,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8005,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(8020,28): run-time error CSS1039: Token not allowed after unary operator: '-color-table_td_bg1'
(8032,37): run-time error CSS1030: Expected identifier, found '.'
(8032,55): run-time error CSS1031: Expected selector, found ')'
(8032,55): run-time error CSS1025: Expected comma or open brace, found ')'
(8074,51): run-time error CSS1030: Expected identifier, found ':'
(8074,59): run-time error CSS1031: Expected selector, found ')'
(8074,59): run-time error CSS1025: Expected comma or open brace, found ')'
(8203,32): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(8233,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(8237,25): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(8258,21): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(8289,32): run-time error CSS1039: Token not allowed after unary operator: '-color-table_td_bg1'
(8293,36): run-time error CSS1039: Token not allowed after unary operator: '-color-table_td_bg2'
(8316,29): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(8326,29): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(8363,36): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(8382,43): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(8417,46): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(8423,32): run-time error CSS1039: Token not allowed after unary operator: '-color-table_td_bg1'
(8429,36): run-time error CSS1039: Token not allowed after unary operator: '-color-table_td_bg2'
(8433,43): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(8437,41): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(8438,42): run-time error CSS1039: Token not allowed after unary operator: '-color-border_l'
(8523,30): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(8523,71): run-time error CSS1039: Token not allowed after unary operator: '-padding-grid-inner_sm'
(9277,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(9281,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(9285,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(9289,17): run-time error CSS1039: Token not allowed after unary operator: '-color-info'
(9293,17): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(9297,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(9301,17): run-time error CSS1039: Token not allowed after unary operator: '-color-disable'
(9309,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(9313,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_l'
(9317,17): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(9321,17): run-time error CSS1039: Token not allowed after unary operator: '-color_black'
(9325,17): run-time error CSS1039: Token not allowed after unary operator: '-color_white'
(9329,17): run-time error CSS1039: Token not allowed after unary operator: '-color_darkgray'
(9333,17): run-time error CSS1039: Token not allowed after unary operator: '-color_gray'
(9337,17): run-time error CSS1039: Token not allowed after unary operator: '-color_red'
(9341,17): run-time error CSS1039: Token not allowed after unary operator: '-color_blue'
(10089,33): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(10103,32): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(10111,33): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(10173,28): run-time error CSS1039: Token not allowed after unary operator: '-color-overlay-bg'
(10184,26): run-time error CSS1039: Token not allowed after unary operator: '-width-side'
(10199,24): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(10230,28): run-time error CSS1039: Token not allowed after unary operator: '-color-overlay-bg'
(10246,17): run-time error CSS1039: Token not allowed after unary operator: '-width-modal_max'
(10248,18): run-time error CSS1039: Token not allowed after unary operator: '-padding-contents-lr_mdsm'
(10252,28): run-time error CSS1039: Token not allowed after unary operator: '-color-modal-bg'
(10320,21): run-time error CSS1039: Token not allowed after unary operator: '-width-side'
(10322,17): run-time error CSS1039: Token not allowed after unary operator: '-color-txt'
(10560,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(10570,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(10625,29): run-time error CSS1039: Token not allowed after unary operator: '-color-form'
(10626,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form_bg'
(10634,34): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(10638,34): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(10639,51): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(10640,43): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(10644,22): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(10648,22): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(10652,22): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(10656,22): run-time error CSS1039: Token not allowed after unary operator: '-color-txt_rgb'
(10660,44): run-time error CSS1039: Token not allowed after unary operator: '-color-form_bg'
(10661,36): run-time error CSS1039: Token not allowed after unary operator: '-color-form_bg'
(10699,42): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(10700,59): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(10701,51): run-time error CSS1039: Token not allowed after unary operator: '-color-primary_rgb'
(10714,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(10721,33): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(10725,42): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(10729,42): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(10730,59): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(10731,51): run-time error CSS1039: Token not allowed after unary operator: '-color-success_rgb'
(10735,33): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(10739,42): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(10743,42): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(10744,59): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(10745,51): run-time error CSS1039: Token not allowed after unary operator: '-color-warning_rgb'
(10749,33): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(10753,42): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(10757,42): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(10758,59): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(10759,51): run-time error CSS1039: Token not allowed after unary operator: '-color-danger_rgb'
(10763,21): run-time error CSS1039: Token not allowed after unary operator: '-color-disable_txt'
(10774,21): run-time error CSS1039: Token not allowed after unary operator: '-color-disable_txt'
(10775,32): run-time error CSS1039: Token not allowed after unary operator: '-color-disable'
(10808,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(10888,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(10927,29): run-time error CSS1039: Token not allowed after unary operator: '-color-form'
(10928,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form_bg'
(10967,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-bg-subtle'
 */
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*, ::before, ::after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

main {
    display: block
}

p, table, blockquote, address, pre, iframe, form, figure, dl {
    margin: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color: inherit
}

pre {
    font-family: monospace,monospace;
    font-size: inherit
}

address {
    font-style: inherit
}

a {
    background-color: transparent;
    text-decoration: none;
    color: inherit
}

abbr[title] {
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: inherit
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

svg, img, embed, object, iframe {
    vertical-align: bottom
}

button, input, optgroup, select, textarea {
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit
}

button, [type="button"], [type="reset"], [type="submit"] {
    cursor: pointer
}

    button:disabled, [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled {
        cursor: default
    }

:-moz-focusring {
    outline: auto
}

select:disabled {
    opacity: inherit
}

option {
    padding: 0
}

fieldset {
    margin: 0;
    padding: 0;
    min-width: 0
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px
}

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[type="number"] {
    -moz-appearance: textfield
}

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable]:focus {
    outline: auto
}

table {
    border-color: inherit;
    border-collapse: collapse
}

caption {
    text-align: left
}

td, th {
    vertical-align: top;
    padding: 0
}

th {
    text-align: left;
    font-weight: 700
}

@charset "UTF-8";
/*=================================================================================

　変数定義

=================================================================================*/
/*—————————————————————————————————————————————————————
　横幅／高さ／余白設定
—————————————————————————————————————————————————————*/
:root {
    /* 横幅【PC幅のみ】 */
    --width-side: 26rem;
    --width-contents_max_lg: 68rem;
    --width-contents_max_mdsm: 39rem;
    --width-modal_max: 124.8rem;
    --width-table_dt: 22%;
    --width-table_dd: 78%;
    /* 高さ【ヘッダのみ】 */
    --height-header_lg: 5.8rem;
    --height-header_mdsm: 8.8rem;
    /* グリッドシステムの余白 */
    --padding-main: 2rem;
    --padding-grid_lgmd: 1.5rem;
    --padding-grid_sm: 0.8rem;
    --padding-grid-inner_lgmd: 2rem;
    --padding-grid-inner_sm: 1.6rem;
    /* コンテンツの左右余白 */
    --padding-contents-lr_lg: 2.7rem;
    --padding-contents-lr_mdsm: 2.4rem;
}

/*—————————————————————————————————————————————————————
　カラー設定
—————————————————————————————————————————————————————*/
:root {
    --color-key: #002C6D;
    --color-body_bg: #F5F5F5;
    /* テキスト */
    --color-txt: #333333;
    --color-txt_rgb: 42, 57, 68;
    --color-txt_contrast: #FFFFFF;
    --color-txt_contrast_rgb: 255, 255, 255;
    --color-txt_l: #AAAAAA;
    /* リンク */
    --color-link: #056fcc;
    --color-link_contrast: #FFFFFF;
    --color-link_hover: #04549a;
    --color-link_hover_bg: rgba(5, 111, 204, 0.08);
    /* 罫線 */
    --color-border: #CCCCCC;
    --color-border_l: #E3E3E3;
    --color-border_select: rgba(51, 51, 51, 0.4);
    /* ボタンやアラートなどエレメントカラー */
    --color-default: #FFFFFF;
    --color-primary: #056FCC;
    --color-primary_rgb: 0, 132, 232;
    --color-secondary: #826AC5;
    --color-secondary_rgb: 130, 106, 197;
    --color-success: #069A41;
    --color-success_rgb: 6, 154, 65;
    --color-info: #00aff0;
    --color-info_rgb: 0, 175, 240;
    --color-danger: #FF3C3C;
    --color-danger_20: rgba(240, 50, 35, 0.2);
    --color-danger_50: rgba(240, 50, 35, 0.5019607843);
    --color-danger_80: rgba(240, 50, 35, 0.8);
    --color-danger_rgb: 255, 60, 60;
    --color-warning: #f39c12;
    --color-warning_rgb: 243, 156, 18;
    --color-form: #CCCCCC;
    --color-form_bg: #FFFFFF;
    --color-disable: #E8E8E8;
    --color-disable_rgb: 204, 204, 204;
    --color-disable_txt: rgba(51, 51, 51, 0.5);
    /* ヘッダ */
    --color-header_txt: #002C6D;
    --color-header_bg: #FFFFFF;
    --color-body_icon: #797E81;
    --color-body_dropdown_bg: #2A3944;
    --color-body_dropdown_hover: #202c34;
    /* サイド */
    --color-side_txt: rgba(255, 255, 255, 0.8);
    --color-side_icon: rgba(255, 255, 255, 0.4);
    --color-side_bg: #E3E3E3;
    --color-side_hover: #d6d6d6;
    --color-side_open_bg: #dbdbdb;
    --color-side_active: #cfcfcf;
    --color-side_active_txt: white;
    /* コンテンツボックス */
    --color-content-bg: #FFFFFF;
    --color-content-bg_dark: #333333;
    --color-content-border: #E3E3E3;
    --color-content-shadow: rgba(0, 0, 0, 0.1490196078);
    /* タイトル */
    --color-ttl_bg: #CCCCCC;
    --color-ttl_bg_dark: #002C6D;
    --color-ttl_bg_dark_l: #AAAAAA;
    /* テーブル */
    --color-table_thead_txt: #FFFFFF;
    --color-table_thead_bg: rgba(51, 51, 51, 0.8);
    --color-table_th_bg: rgba(51, 51, 51, 0.08);
    --color-table_td_bg1: #FFFFFF;
    --color-table_td_bg2: #F5F7F8;
    --color-table_hover: rgba(5, 111, 204, 0.03);
    --color-table_active: rgba(5, 111, 204, 0.1);
    --color-progressbar_bg: #e6e6e6;
    /* オーバーレイ（モーダルやドロワーの背景） */
    --color-overlay-bg: rgba(0, 0, 0, 0.8);
    /* モーダルウィンドウのコンテンツ背景 */
    --color-modal-bg: #FFFFFF;
    /* チャート */
    --color-chart01: #00AAF6;
    --color-chart02: #2EC193;
    --color-chart03: #767CDC;
    --color-chart04: #E97DB3;
    --color-chart05: #E59C23;
    --color-chart06: #00C8E1;
    --color-chart07: #00E0B5;
    /* その他ベーシックな色 */
    --color_black: #000000;
    --color_white: #FFFFFF;
    --color_darkgray: #333333;
    --color_gray: #ACACAC;
    --color_red: #d53939;
    --color_blue: #4165DC;
}

@font-face {
    font-family: "Noto Sans JP";
    src: local("Noto Sans JP"), url(../webfonts/Noto_Sans_JP/NotoSansJP-VariableFont_wght.woff2) format("woff2");
}

@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: local("Material Icons"), url(../webfonts/Material_Icons/material-icons.woff2) format("woff2");
}

.bl_headerNav_badge:before {
    font-family: "Roboto", sans-serif;
}

.bl_sideNavi summary:before, .bl_headerNav__dropDown > a:after, .bl_breadcrumb li:nth-child(n+2):before, .bl_pagination_prev span:before, .bl_pagination_prev span:after,
.bl_pagination_next span:before,
.bl_pagination_next span:after, .bl_accordion summary::after, .bl_faq summary::after, .el_form_select:before, .el_form_check input:checked::before, .el_link_txt__newWindow:after, .el_link_txt__arrowRight:after, .el_alert_close {
    font-family: "Material Icons", sans-serif;
}

.bl_backLink a {
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

    .bl_backLink a:hover {
        color: var(--color-link);
    }

        .bl_backLink a:hover > i {
            color: var(--color-link);
        }

.u_calendar__list tbody tr td a:hover, .bl_sideNavi_child > li a, .bl_sideNavi_child > li summary, .bl_headerLogo a, .bl_breadcrumb a, .bl_navBox li a, .bl_card > a, .el_link_txt__noUnderline:hover {
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

    .u_calendar__list tbody tr td a:hover, .bl_sideNavi_child > li a:hover, .bl_sideNavi_child > li summary:hover, .bl_headerLogo a:hover, .bl_breadcrumb a:hover, .bl_navBox li a:hover, .bl_card > a:hover, .el_link_txt__noUnderline:hover {
        opacity: 0.6;
    }

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: "liga";
}

/*=================================================================================

　要素セレクタに直接指定

=================================================================================*/
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 62.5%;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    font-family: "Arial", "Noto Sans JP", sans-serif;
    scroll-behavior: smooth;
}

@media screen and (max-width: 360px) {
    html {
        font-size: 56%;
    }
}

body {
    background: var(--color-body_bg);
    color: var(--color-txt);
    font-size: 1.4rem;
}

main {
    display: block;
}

img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

/*=================================================================================

　レイヤー	接頭辞：ly_*

=================================================================================*/
/*—————————————————————————————————————————————————————
　ヘッダ
—————————————————————————————————————————————————————*/
.ly_header {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    min-height: var(--height-header_lg);
    padding: 0 var(--padding-contents-lr_lg);
    background-color: var(--color-header_bg);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);
}

/*—————————————————————————————————————————————————————
　コンテンツ
—————————————————————————————————————————————————————*/
@media screen and (min-width: 680px) {
    .ly_cont {
        display: block;
    }
}

/*—————————————————————————————————————————————————————
　メイン
—————————————————————————————————————————————————————*/
.ly_cont_main {
    position: relative;
    width: 100%;
    padding: calc(var(--padding-main) * 1.2);
}

/* ————————————— モディファイア ————————————— */
/* 余白なし */
.ly_cont_main__noPadding {
    padding: 0 !important;
}

/*—————————————————————————————————————————————————————
　メイン　コンテンツ上下左右中央 配置（ログインなどに利用）
—————————————————————————————————————————————————————*/
.ly_cont_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
}

@media screen and (min-width: 680px) {
    .ly_cont_center {
        padding-left: var(--padding-contents-lr_mdsm);
        padding-right: var(--padding-contents-lr_mdsm);
        height: 100vh;
    }
}

/*—————————————————————————————————————————————————————
　メイン　サイドあり
—————————————————————————————————————————————————————*/
.ly_cont_column {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .ly_cont_column .ly_cont_main {
        width: calc(100% - var(--width-side));
        padding: calc(var(--padding-main)) calc(var(--padding-main) * 1.2);
    }

/*—————————————————————————————————————————————————————
　サイドバー
—————————————————————————————————————————————————————*/
.ly_cont_side {
    width: var(--width-side);
    height: auto;
    color: var(--color-txt);
    background-color: var(--color-side_bg);
    min-height: calc(100vh - var(--height-header_lg) - var(--height-header_mdsm));
}

/*—————————————————————————————————————————————————————
　メイン内ヘッダー
—————————————————————————————————————————————————————*/
.ly_cont_header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: var(--color-txt);
    min-height: var(--height-header_mdsm);
    padding: 0 var(--padding-contents-lr_mdsm);
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1607843137);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1607843137);
    z-index: 1;
}

.ly_cont_header__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.6rem;
}

    .ly_cont_header__left h3 {
        font-weight: bold;
        font-size: 2.8rem;
    }

.ly_cont_header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
}

/*—————————————————————————————————————————————————————
　フッタ
—————————————————————————————————————————————————————*/
.ly_footer {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    padding: var(--padding-contents-lr_mdsm) 0;
}

/*=================================================================================

　エレメント（汎用性あるスタイル）	接頭辞：el_*

=================================================================================*/
/*—————————————————————————————————————————————————————
　基本タイトル
—————————————————————————————————————————————————————*/
h1 {
    font-size: 2.2rem;
}

@media screen and (min-width: 680px) {
    h1 {
        font-size: 3.6rem;
    }
}

h2 {
    font-size: 2rem;
}

@media screen and (min-width: 680px) {
    h2 {
        font-size: 3rem;
    }
}

h3 {
    font-size: 1.8rem;
}

@media screen and (min-width: 680px) {
    h3 {
        font-size: 2.6rem;
    }
}

h4 {
    font-size: 1.7rem;
}

@media screen and (min-width: 680px) {
    h4 {
        font-size: 2rem;
    }
}

h5 {
    font-size: 1.6rem;
}

@media screen and (min-width: 680px) {
    h5 {
        font-size: 1.8rem;
    }
}

h6 {
    font-size: 1.5rem;
}

@media screen and (min-width: 680px) {
    h6 {
        font-size: 1.6rem;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.3;
}

    h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
        margin-right: 0.2em;
        font-size: 100% !important;
        vertical-align: -0.14em;
    }

h1, h2, h3 {
    line-height: 1.2;
}

h4, h5, h6 {
    line-height: 1.4;
}

    /* サブタイトル */
    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        color: var(--color-txt_l);
        margin-left: 0.6em;
        font-weight: normal;
    }

h1 small, h2 small, h3 small {
    font-size: 0.5em;
}

h4 small, h5 small, h6 small {
    font-size: 0.7em;
}

/*—————————————————————————————————————————————————————
　ダークスタイル
—————————————————————————————————————————————————————*/
.el_ttl_dark, .el_ttl_box__dark, .el_ttl_bg__dark, .el_ttl_leftLine__dark, .el_ttl_underLine__dark {
    color: var(--color-txt_contrast);
}

    .el_ttl_dark small, .el_ttl_box__dark small, .el_ttl_bg__dark small, .el_ttl_leftLine__dark small, .el_ttl_underLine__dark small {
        color: rgba(var(--color-txt_contrast_rgb), 60%);
    }

/*—————————————————————————————————————————————————————
　下線タイトル
—————————————————————————————————————————————————————*/
.el_ttl_underLine {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 0.7em;
}

@media screen and (min-width: 680px) {
    .el_ttl_underLine {
        padding-bottom: 0.5em;
    }
}

h1.el_ttl_underLine,
h2.el_ttl_underLine,
h3.el_ttl_underLine {
    padding-bottom: 0.6em;
}

@media screen and (min-width: 680px) {
    h1.el_ttl_underLine,
    h2.el_ttl_underLine,
    h3.el_ttl_underLine {
        padding-bottom: 0.5em;
    }
}

/* ————————————— モディファイア ————————————— */
/* 暗め */
.el_ttl_underLine__dark {
    border-bottom: 1px solid var(--color-border_l);
}

/*—————————————————————————————————————————————————————
　左線タイトル
—————————————————————————————————————————————————————*/
.el_ttl_leftLine {
    border-left: 4px solid var(--color-key);
    padding: 0.1em 0.5em;
}

/* ————————————— モディファイア ————————————— */
/* 暗め */
.el_ttl_leftLine__dark {
    border-left: 4px solid var(--color-txt_contrast);
}

/*—————————————————————————————————————————————————————
　背景付タイトル
—————————————————————————————————————————————————————*/
.el_ttl_bg {
    padding: 0.6em;
    background-color: var(--color-ttl_bg);
}

h1.el_ttl_bg,
h2.el_ttl_bg,
h3.el_ttl_bg {
    padding: 0.4em !important;
}

div.el_ttl_bg {
    font-size: 1.5rem;
    line-height: 2.1rem;
    letter-spacing: 0px;
    padding: 1.4rem var(--padding-contents-lr_mdsm) 1.3rem var(--padding-contents-lr_mdsm);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 680px) {
    div.el_ttl_bg {
        padding-left: var(--padding-contents-lr_lg);
        padding-right: var(--padding-contents-lr_lg);
    }
}

/* ————————————— モディファイア ————————————— */
/* 暗め */
.el_ttl_bg__dark {
    background-color: var(--color-ttl_bg_dark) !important;
}

/*—————————————————————————————————————————————————————
　ボックス内のヘッダタイトル
—————————————————————————————————————————————————————*/
.el_ttl_box {
    margin-top: calc(-1 * var(--padding-grid-inner_sm) * 1.2);
    margin-left: calc(-1 * var(--padding-grid-inner_sm));
    margin-right: calc(-1 * var(--padding-grid-inner_sm));
    margin-bottom: calc(var(--padding-grid-inner_sm) * 1.2);
    padding: 0.8em;
    background-color: var(--color-ttl_bg);
}

@media screen and (min-width: 680px) {
    .el_ttl_box {
        margin-top: calc(-1 * var(--padding-grid-inner_lgmd));
        margin-left: calc(-1 * var(--padding-grid-inner_lgmd));
        margin-right: calc(-1 * var(--padding-grid-inner_lgmd));
        margin-bottom: var(--padding-grid-inner_lgmd);
    }
}

.bl_box__rounded .el_ttl_box {
    border-radius: 0.28rem 0.28rem 0 0;
}

.bl_box__minPadding .el_ttl_box {
    margin-top: calc(-1 * var(--padding-grid-inner_sm) / 1.5);
    margin-left: calc(-1 * var(--padding-grid-inner_sm) / 1.5);
    margin-right: calc(-1 * var(--padding-grid-inner_sm) / 1.5);
    margin-bottom: calc(var(--padding-grid-inner_sm) / 1.5);
}

@media screen and (min-width: 680px) {
    .bl_box__minPadding .el_ttl_box {
        margin-top: calc(-1 * var(--padding-grid-inner_lgmd) / 1.75);
        margin-left: calc(-1 * var(--padding-grid-inner_lgmd) / 1.75);
        margin-right: calc(-1 * var(--padding-grid-inner_lgmd) / 1.75);
        margin-bottom: calc(var(--padding-grid-inner_lgmd) / 1.75);
    }
}

.bl_box__maxPadding .el_ttl_box {
    margin-top: calc(-1 * var(--padding-grid-inner_sm) * 2);
}

@media screen and (min-width: 680px) {
    .bl_box__maxPadding .el_ttl_box {
        margin-top: calc(-1 * var(--padding-grid-inner_lgmd) * 2);
        margin-left: calc(-1 * var(--padding-grid-inner_lgmd) * 2.5);
        margin-right: calc(-1 * var(--padding-grid-inner_lgmd) * 2.5);
        margin-bottom: calc(var(--padding-grid-inner_lgmd) * 2);
    }
}

.bl_box__noPadding .el_ttl_box {
    margin: 0;
}

/* ————————————— モディファイア ————————————— */
/* 暗め */
.el_ttl_box__dark {
    background-color: var(--color-ttl_bg_dark) !important;
}

/*—————————————————————————————————————————————————————
　ボディテキスト
—————————————————————————————————————————————————————*/
.el_txt_body {
    font-size: 1.4rem;
    line-height: 1.8;
}

@media screen and (min-width: 680px) {
    .el_txt_body {
        font-size: 1.6rem;
    }
}

/* ————————————— モディファイア ————————————— */
/* 暗め */
.el_txt_body__dark {
    color: var(--color-txt_contrast);
}

/*—————————————————————————————————————————————————————
　サブテキスト
—————————————————————————————————————————————————————*/
.el_txt_sub {
    font-size: 1.2rem;
    line-height: 1.8;
    color: var(--color-txt_l);
}

@media screen and (min-width: 680px) {
    .el_txt_sub {
        font-size: 1.5rem;
    }
}

/* ————————————— モディファイア ————————————— */
/* 暗め */
.el_txt_sub__dark {
    color: rgba(var(--color-txt_contrast_rgb), 60%);
}

/*—————————————————————————————————————————————————————
　注釈
—————————————————————————————————————————————————————*/
.el_txt_notes {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-txt_l);
}

@media screen and (min-width: 680px) {
    .el_txt_notes {
        font-size: 1.2rem;
    }
}

/* ————————————— モディファイア ————————————— */
/* テキストインデント */
.el_txt_notes__indent {
    padding-left: 1em;
    text-indent: -1em;
}

/* 暗め */
.el_txt_notes__dark {
    color: rgba(var(--color-txt_contrast_rgb), 60%);
}

/*—————————————————————————————————————————————————————
　テキストリンク
—————————————————————————————————————————————————————*/
.el_link_txt {
    color: var(--color-link);
    border-bottom: 1px solid var(--color-link);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    word-break: break-all;
}

    .el_link_txt:hover {
        border-bottom: none;
        color: var(--color-link_hover);
    }

/* ————————————— モディファイア ————————————— */
/* 新規ウィンドウアイコン */
.el_link_txt__newWindow {
    position: relative;
    margin-right: 1.4em;
}

    .el_link_txt__newWindow:after {
        content: "\e89e";
        position: absolute;
        margin-left: 0.2em;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .el_link_txt__newWindow:hover:after {
        color: var(--color-link_hover);
    }

/* 右矢印アイコン */
.el_link_txt__arrowRight {
    position: relative;
    margin-right: 1.4em;
}

    .el_link_txt__arrowRight:after {
        content: "\e5e1";
        position: absolute;
        margin-left: 0.2em;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .el_link_txt__arrowRight:hover:after {
        color: var(--color-link_hover);
    }

/* 下線なし */
.el_link_txt__noUnderline {
    border-bottom: none;
}
/*—————————————————————————————————————————————————————
　罫線
—————————————————————————————————————————————————————*/
.el_border {
    height: 1px;
    margin: 3rem 0;
    background-color: var(--color-border);
    border: none;
}

@media screen and (min-width: 680px) {
    .el_border {
        margin: 4rem 0;
    }
}

.bl_col + .el_border {
    margin: calc(3rem - var(--padding-grid_sm) * 2) 0 3rem;
}

@media screen and (min-width: 680px) {
    .bl_col + .el_border {
        margin: calc(4rem - var(--padding-grid_lgmd) / 2) 0 4rem;
    }
}

/* ————————————— モディファイア ————————————— */
/* 線色 明 */
.el_border__light {
    background-color: var(--color-border_l);
}

/*—————————————————————————————————————————————————————
　画像
—————————————————————————————————————————————————————*/
/* トリミング */
.el_img_ratio img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.el_img_ratio__1x1 {
    aspect-ratio: 1/1;
}

.el_img_ratio__3x2 {
    aspect-ratio: 3/2;
}

.el_img_ratio__4x3 {
    aspect-ratio: 4/3;
}

.el_img_ratio__16x9 {
    aspect-ratio: 16/9;
}

.el_img_ratio__gold {
    aspect-ratio: 8/5;
}

/*—————————————————————————————————————————————————————
　アラート
—————————————————————————————————————————————————————*/
.el_alert {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.2rem;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: 0px;
    background-color: rgba(var(--color-txt_rgb), 8%);
    border: 1px solid rgba(var(--color-txt_rgb), 12%);
    border-radius: 0.4rem;
}

@media screen and (min-width: 680px) {
    .el_alert {
        padding: 1.8rem 2rem 1.8rem 2.2rem;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.el_alert strong {
    display: inline-block;
    margin-bottom: 0.2em;
    font-size: 1.4rem;
}

@media screen and (min-width: 680px) {
    .el_alert strong {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}

.el_alert > i {
    font-size: 1.8rem;
    margin-top: 0.1em;
    margin-right: 0.3em;
}

@media screen and (min-width: 680px) {
    .el_alert > i {
        margin-top: 0;
        font-size: 2.4rem;
    }
}

.el_alert__size__m {
    width: 33rem;
    border: none;
    font-size: 1.4rem;
    line-height: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .el_alert__size__m span {
        font-size: 1.2rem;
        line-height: 1.7rem;
        color: #555555;
    }

    .el_alert__size__m strong {
        line-height: 2.6rem;
        font-size: 1.8rem;
    }

.el_alert__size__l {
    width: 66rem;
    border: none;
    font-size: 1.4rem;
    line-height: 1.8rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .el_alert__size__l strong {
        line-height: 2.2rem;
        font-size: 1.6rem;
    }

/* 閉じるボタン */
.el_alert_close {
    position: absolute;
    content: "\e5cd";
    right: 1.2rem;
    top: 1.2rem;
    opacity: 0.5;
}

    .el_alert_close > i {
        font-size: 2rem;
    }

/* ボタン */
.el_alert_btn {
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
}

/* ————————————— モディファイア ————————————— */
/* プライマリ */
.el_alert__primary {
    background-color: rgba(var(--color-primary_rgb), 8%);
}

    .el_alert__primary strong,
    .el_alert__primary > i {
        color: var(--color-primary);
    }

/* セカンダリ */
.el_alert__secondary {
    background-color: rgba(var(--color-secondary_rgb), 8%);
    border: 1px solid rgba(var(--color-secondary_rgb), 12%);
}

    .el_alert__secondary strong,
    .el_alert__secondary > i {
        color: var(--color-secondary);
    }

/* 成功 */
.el_alert__success {
    background-color: rgba(var(--color-success_rgb), 8%);
    border: 1px solid var(--color-success);
}

    .el_alert__success strong,
    .el_alert__success > i {
        color: var(--color-success);
    }

/* インフォメーション */
.el_alert__info {
    background-color: rgba(var(--color-info_rgb), 8%);
    border: 1px solid rgba(var(--color-info_rgb), 12%);
}

    .el_alert__info strong,
    .el_alert__info > i {
        color: var(--color-info);
    }

/* 危険（エラー） */
.el_alert__danger {
    background-color: rgba(var(--color-danger_rgb), 8%);
    border: 1px solid var(--color-danger);
    margin: 3.2rem 0 3.9rem;
}

    .el_alert__danger strong,
    .el_alert__danger > i {
        color: var(--color-danger);
    }

/* 警告 */
.el_alert__warning {
    background-color: rgba(var(--color-warning_rgb), 8%);
    border: 1px solid rgba(var(--color-warning_rgb), 12%);
}

    .el_alert__warning strong,
    .el_alert__warning > i {
        color: var(--color-warning);
    }

/*—————————————————————————————————————————————————————
　バッジ
—————————————————————————————————————————————————————*/
.el_badge {
    display: inline-block;
    padding: 0.2rem 0.5rem 0.2rem 0.4rem;
    font-size: 1rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    line-height: 1.3rem;
    text-align: center;
    background-color: var(--color-default);
    border-radius: 0.2rem;
    color: var(--color-txt_contrast);
}

/* ————————————— カラー ————————————— */
.el_badge__primary {
    color: var(--color-txt_contrast) !important;
    background-color: rgba(var(--color-primary_rgb), 100%) !important;
}

.el_badge__secondary {
    color: var(--color-txt_contrast) !important;
    background-color: rgba(var(--color-secondary_rgb), 100%) !important;
}

.el_badge__success {
    color: var(--color-txt_contrast) !important;
    background-color: rgba(var(--color-success_rgb), 100%) !important;
}

.el_badge__info {
    color: var(--color-txt_contrast) !important;
    background-color: rgba(var(--color-info_rgb), 100%) !important;
}

.el_badge__danger {
    color: var(--color-txt_contrast) !important;
    background-color: rgba(var(--color-danger_rgb), 100%) !important;
}

.el_badge__warning {
    color: var(--color-txt_contrast) !important;
    background-color: rgba(var(--color-warning_rgb), 100%) !important;
}

.el_badge__primary_l {
    color: var(--color-primary) !important;
    background-color: rgba(var(--color-primary_rgb), 14%) !important;
}

.el_badge__secondary_l {
    color: var(--color-secondary) !important;
    background-color: rgba(var(--color-secondary_rgb), 14%) !important;
}

.el_badge__success_l {
    color: var(--color-success) !important;
    background-color: rgba(var(--color-success_rgb), 14%) !important;
}

.el_badge__info_l {
    color: var(--color-info) !important;
    background-color: rgba(var(--color-info_rgb), 14%) !important;
}

.el_badge__danger_l {
    color: var(--color-danger) !important;
    background-color: rgba(var(--color-danger_rgb), 14%) !important;
}

.el_badge__warning_l {
    color: var(--color-warning) !important;
    background-color: rgba(var(--color-warning_rgb), 14%) !important;
}

/*—————————————————————————————————————————————————————
　ボタン
—————————————————————————————————————————————————————*/
.el_btn, .el_btnBack {
    display: inline-block;
    padding: 1.1rem 0 1.2rem;
    font-size: 1.5rem;
    line-height: 2.1rem;
    text-align: center;
    white-space: nowrap;
    border: 1px solid var(--color-border);
    border-radius: 0.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--color-txt);
    background-color: var(--color-content-bg);
    height: 4.4rem;
    min-width: 20rem;
    font-weight: bold;
    letter-spacing: 0px;
}

    .el_btn:active, .el_btnBack:active {
        opacity: 0.5;
    }

@media screen and (min-width: 680px) {
    .el_btn:hover, .el_btnBack:hover {
        opacity: 0.5;
    }
}

/* ————————————— モディファイア ————————————— */
/* 塗りボタン */
.el_btn__primary {
    color: #FFFFFF;
    background-color: var(--color-primary);
    border: none;
}

.el_btn__secondary {
    color: #FFFFFF;
    background-color: var(--color-secondary);
    border: none;
}

.el_btn__success {
    color: #FFFFFF;
    background-color: var(--color-success);
    border: none;
}

.el_btn__info {
    color: #FFFFFF;
    background-color: var(--color-info);
    border: none;
}

.el_btn__danger {
    color: #FFFFFF;
    background-color: var(--color-danger);
    border: none;
}

.el_btn__warning {
    color: #FFFFFF;
    background-color: var(--color-warning);
    border: none;
}

.el_btn__dark {
    color: #FFFFFF;
    background-color: #555555;
    border: none;
}

/* 枠線ボタン */
.el_btn__outline, .el_btnBack {
    border: 1px solid var(--color-border);
    background-color: var(--color-content-bg);
}

.el_btn__outline__primary {
    background-color: var(--color-content-bg);
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}

.el_btn__outline__secondary {
    background-color: var(--color-content-bg);
    border: 1px solid var(--color-secondary);
    color: var(--color-secondary);
}

.el_btn__outline__success {
    background-color: var(--color-content-bg);
    border: 1px solid var(--color-success);
    color: var(--color-success);
}

.el_btn__outline__info {
    background-color: var(--color-content-bg);
    border: 1px solid var(--color-info);
    color: var(--color-info);
}

.el_btn__outline__danger {
    background-color: var(--color-content-bg);
    border: 1px solid var(--color-danger);
    color: var(--color-danger);
}

.el_btn__outline__warning {
    background-color: var(--color-content-bg);
    border: 1px solid var(--color-warning);
    color: var(--color-warning);
}

/* 丸ボタン */
.el_btn__rounded {
    border-radius: 50rem !important;
}

/* ボタンサイズ */
.el_btn__size__default {
    width: 2rem;
}

.el_btn__size__s {
    font-size: 1.4rem;
    padding: 1.1rem 0 1.3rem;
    min-width: 8.8rem;
    font-weight: normal;
}

.el_btn__size__m {
    font-size: 1.4rem;
    padding: 1.1rem 1.6rem 1.3rem;
    min-width: 10rem;
    font-weight: normal;
}

.el_btn__size__i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 3.4rem;
    height: 3.4rem;
    font-weight: normal;
}

    .el_btn__size__i > i {
        margin-right: 0 !important;
        vertical-align: 0 !important;
        opacity: 1;
    }

.el_btn__size__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 8rem;
    height: 3.5rem;
    font-weight: normal;
}

    .el_btn__size__table > i {
        margin-right: 0 !important;
        vertical-align: 0 !important;
        opacity: 1;
    }

/* アイコン付きボタン（初期：アイコンは文字前）*/
.el_btn__icon, .el_btnBack, .el_btn__icon_disabled {
    vertical-align: middle;
}

    .el_btn__icon > i, .el_btnBack > i , .el_btn__icon_disabled > i {
        margin-right: 0.2em;
        font-size: 2rem;
        vertical-align: -0.27em;
        opacity: 1;
        color: #777777;
    }

    .el_btn__icon.el_btn__primary > i, .el_btn__primary.el_btnBack > i, .el_btn__icon.el_btn__success > i, .el_btn__success.el_btnBack > i, .el_btn__icon.el_btn__danger > i, .el_btn__danger.el_btnBack > i, .el_btn__icon.el_btn__dark > i, .el_btn__dark.el_btnBack > i {
        color: #FFFFFF !important;
    }

    .el_btn__icon.el_btn__outline__danger > i, .el_btn__outline__danger.el_btnBack > i {
        color: var(--color-danger);
    }

.el_btn__icon--color > i {
    color: var(--color-primary);
}

/* アイコンを文字後 アイコン付きボタン */
.el_btn__icon__after > i, .el_btnBack > i, .el_btn__icon_disabled > i {
    margin-left: 0.2em !important;
    margin-right: 0 !important;
}

.el_btn__list__delete {
    width: 1.5rem;
    height: 1.5rem;
    color: #E3E3E3;
    background-color: #AAAAAA;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
}

    .el_btn__list__delete::before {
        content: "";
        position: absolute;
        background-color: #AAAAAA;
        right: 97%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 5px;
        height: 92%;
        -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
        clip-path: polygon(100% 0, 0 50%, 100% 100%);
    }

    .el_btn__list__delete > i {
        font-size: 1.4rem;
    }

/* ————————————————— 状態 ————————————————— */
/* 無効化 */
.el_btn.is_disable, .is_disable.el_btnBack {
    pointer-events: none !important;
    background-color: #DCDCDC !important;
    color: #FFFFFF !important;
    border: none !important;
}

    .el_btn.is_disable > i, .is_disable.el_btnBack > i {
        color: #FFFFFF !important;
    }

/* 待機 */
.el_btn.is_progress, .is_progress.el_btnBack {
    pointer-events: none !important;
    position: relative;
    color: transparent !important;
    background-color: var(--color-disable) !important;
    border: none !important;
}

    .el_btn.is_progress:after, .is_progress.el_btnBack:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 2rem;
        height: 2rem;
        margin: auto;
        border-radius: 50%;
        border: 0.25rem solid rgba(var(--color-txt_rgb), 0.4);
        border-top-color: rgba(var(--color-txt_rgb), 0.6);
        -webkit-animation: spin 1s infinite linear;
        animation: spin 1s infinite linear;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* ————————————— よく使うセット ————————————— */
/* 戻るボタン */
/*—————————————————————————————————————————————————————
　フォーム項目の説明文
—————————————————————————————————————————————————————*/
.el_form_info {
    margin-bottom: 1.2rem;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1.7;
}

    .el_form_info + .el_form_info {
        margin-top: -0.5rem;
    }

@media screen and (min-width: 680px) {
    .el_form_info {
        font-size: 1.4rem;
    }
}

/*—————————————————————————————————————————————————————
　ヒントテキスト
—————————————————————————————————————————————————————*/
.el_form_tips {
    margin-top: 0.5rem;
    color: var(--color-txt_l);
    font-size: 1.2rem;
    line-height: 1.5rem;
}

    .el_form_tips + .el_form_tips {
        margin-top: 0.5rem;
    }

/*—————————————————————————————————————————————————————
　フォーム内メッセージ
—————————————————————————————————————————————————————*/
.el_form_message {
    margin-top: 0.6rem;
    color: var(--color-txt_l);
    font-size: 1.2rem;
    line-height: 1.5rem;
}

    .el_form_message + .el_form_message {
        margin-top: 0.5rem;
    }

.el_form_message__success {
    color: var(--color-success);
}

.el_form_message__warning {
    color: var(--color-warning);
}

.el_form_message__danger {
    color: var(--color-danger);
}

/*—————————————————————————————————————————————————————
　必須・任意のラベル項目
—————————————————————————————————————————————————————*/
.el_form_label__required label:after, .el_form_label__optional label:after {
    display: inline-block;
    margin-left: 0.2em;
    font-size: 1.2rem;
    line-height: 1.7rem;
}

.el_form_label__required label:after {
    content: "*";
    color: #FF3C3C;
}

.el_form_label__optional label:after {
    content: "任意";
    color: rgba(var(--color-txt_rgb), 70%);
    background-color: rgba(var(--color-txt_rgb), 15%);
}

/*—————————————————————————————————————————————————————
　入力欄 共通スタイル
—————————————————————————————————————————————————————*/
.el_form_select select, .el_form_textarea, .el_form_input {
    width: 100%;
    min-width: 20rem;
    padding: 1.3rem 1rem 1.3rem;
    font-size: 1.5rem;
    line-height: 1.8rem;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: solid 1px var(--color-form);
    background-color: var(--color-form_bg);
    -webkit-transition: -webkit-box-shadow 0.2s ease;
    transition: -webkit-box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}

    .el_form_select select:hover, .el_form_textarea:hover, .el_form_input:hover {
        outline: solid 1px rgba(var(--color-primary_rgb), 50%);
    }

    .el_form_select select:focus, .el_form_textarea:focus, .el_form_input:focus, .el_form_select select:active, .el_form_textarea:active, .el_form_input:active {
        outline: solid 2px rgba(var(--color-primary_rgb), 80%);
        -webkit-box-shadow: 0px 0px 1px 6px rgba(var(--color-primary_rgb), 12%);
        box-shadow: 0px 0px 1px 6px rgba(var(--color-primary_rgb), 12%);
    }

    .el_form_select select::-webkit-input-placeholder, .el_form_textarea::-webkit-input-placeholder, .el_form_input::-webkit-input-placeholder {
        color: rgba(var(--color-txt_rgb), 50%);
    }

    .el_form_select select::-moz-placeholder, .el_form_textarea::-moz-placeholder, .el_form_input::-moz-placeholder {
        color: rgba(var(--color-txt_rgb), 50%);
    }

    .el_form_select select:-ms-input-placeholder, .el_form_textarea:-ms-input-placeholder, .el_form_input:-ms-input-placeholder {
        color: rgba(var(--color-txt_rgb), 50%);
    }

    .el_form_select select::-ms-input-placeholder, .el_form_textarea::-ms-input-placeholder, .el_form_input::-ms-input-placeholder {
        color: rgba(var(--color-txt_rgb), 50%);
    }

    .el_form_select select::placeholder, .el_form_textarea::placeholder, .el_form_input::placeholder {
        color: rgba(var(--color-txt_rgb), 50%);
    }

    .el_form_select select:-webkit-autofill, .el_form_textarea:-webkit-autofill, .el_form_input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 999px var(--color-form_bg) inset;
        box-shadow: 0 0 0px 999px var(--color-form_bg) inset;
    }

/*—————————————————————————————————————————————————————
　type="number"
—————————————————————————————————————————————————————*/
/** input/スピンボタンのラップ要素 **/
.number-spinner-wrap {
    position: relative;
    display: block;
}

    .number-spinner-wrap .el_form_icon {
        text-align: center;
    }

        .number-spinner-wrap .el_form_icon .el_form_input {
            padding: 1.2rem 1rem 1.2rem 3.6rem;
        }

        .number-spinner-wrap .el_form_icon i {
            left: 4.8rem;
        }

    .number-spinner-wrap input {
        min-width: auto;
    }

        /** デフォルトのスピンボタンを隠す **/
        .number-spinner-wrap input::-webkit-outer-spin-button,
        .number-spinner-wrap input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    /** スピンボタン要素 **/
    .number-spinner-wrap .spinner {
        position: absolute;
        top: 50%;
        height: 100%;
        width: 3.2rem;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-size: 1rem;
        padding: 2px 0.5rem;
        text-align: center;
        background: #FFFFFF;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: var(--color-primary);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 5;
    }

    /** 減算のスピンボタン要素 **/
    .number-spinner-wrap .spinner-down {
        right: 0;
        border-left: 1px solid #CCCCCC;
        border-radius: 0px 4px 4px 0px;
    }

        .number-spinner-wrap .spinner-down.reverse {
            left: 0;
            right: unset;
            border-left: 0;
            border-right: 1px solid #CCCCCC;
            border-radius: 4px 0px 0px 4px;
        }

    /** 加算のスピンボタン要素 **/
    .number-spinner-wrap .spinner-up {
        left: 0;
        border-right: 1px solid #CCCCCC;
        border-radius: 4px 0px 0px 4px;
    }

        .number-spinner-wrap .spinner-up.reverse {
            left: unset;
            right: 0;
            border-right: 0;
            border-left: 1px solid #CCCCCC;
            border-radius: 0px 4px 4px 0px;
        }

/*—————————————————————————————————————————————————————
　1行テキスト・テキストエリア
—————————————————————————————————————————————————————*/
    .el_form_icon {
        position: relative;
        z-index: 1;
    }

    .el_form_icon input {
        width: 100%;
        color: #333333;
        font-size: 1.5rem;
        line-height: 1.8rem;
        letter-spacing: 0px;
        padding: 1.1rem 1rem 1.1rem 3.6rem;
        border-radius: 4px;
        background-color: #FFFFFF;
    }

    .el_form_icon input[type="time"] {
        padding: 1.1rem 1rem 1.1rem 1.1rem !important;
    }

    .el_form_icon input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .el_form_icon input[type="number"] {
        -moz-appearance: textfield; /* Firefox用 */
    }

    .el_form_icon input[type="time"]::-webkit-calendar-picker-indicator {
        /*
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 70%;
        bottom: 0;
        width:unset;
        height:unset;
        color: transparent;
        background: transparent;
        z-index: 100;*/
        display: none;
    }

    .el_form_icon input::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        color: transparent;
        background: transparent;
        z-index: 100;
    }

    .el_form_icon i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 10px;
        font-size: 2rem;
        color: var(--color-primary);
        cursor: default;
    }

.el_form_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.4rem;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

    .el_form_btn button, .el_form_btn label {
        height: 100%;
        min-width: 8.8rem;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 1.2rem 1.6rem;
        letter-spacing: 0px;
        color: #FFFFFF !important;
        font-size: 1.4rem !important;
        background-color: #555555;
        outline: 1px solid #555555;
        border: none;
        border-radius: 4px 0px 0px 4px;
        text-align: center;
    }

        .el_form_btn button:hover, .el_form_btn label:hover {
            opacity: 0.5;
        }

        .el_form_btn button.color_primary, .el_form_btn label.color_primary {
            background-color: var(--color-primary);
            outline: 1px solid var(--color-primary);
        }

    .el_form_btn .el_form_input, .el_form_btn .el_form_select select {
        width: 100%;
        min-width: auto;
        color: #333333;
        font-size: 1.5rem;
        line-height: 1.8rem;
        letter-spacing: 0px;
        border-radius: 0px 4px 4px 0px;
        background-color: #FFFFFF;
        position: relative;
    }

        .el_form_btn .el_form_input::-webkit-calendar-picker-indicator, .el_form_btn .el_form_select select::-webkit-calendar-picker-indicator {
            display: none;
        }

    .el_form_btn i {
        position: absolute;
        top: 12px;
        left: 10px;
        font-size: 2rem;
        color: var(--color-primary);
        cursor: default;
    }

    .el_form_btn.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

        .el_form_btn.reverse button, .el_form_btn.reverse label {
            background-color: #555555;
            outline: 1px solid #555555;
            border: none;
            border-radius: 0px 4px 4px 0px;
        }

            .el_form_btn.reverse button.color_primary, .el_form_btn.reverse label.color_primary {
                background-color: var(--color-primary);
                outline: 1px solid var(--color-primary);
            }

        .el_form_btn.reverse .el_form_input, .el_form_btn.reverse .el_form_select select {
            border-radius: 4px 0px 0px 4px;
        }

/* 1行テキスト */
/* テキストエリア */
.el_form_textarea {
    resize: vertical;
}

    /* ————————————————— 状態 ————————————————— */
    .el_form_input.is_success,
    .el_form_textarea.is_success {
        position: relative;
        outline: solid 2px var(--color-success);
    }

        .el_form_input.is_success:hover,
        .el_form_textarea.is_success:hover {
            outline: solid 2px rgba(var(--color-success_rgb), 50%);
        }

        .el_form_input.is_success:focus, .el_form_input.is_success:active,
        .el_form_textarea.is_success:focus,
        .el_form_textarea.is_success:active {
            outline: solid 2px rgba(var(--color-success_rgb), 80%) !important;
            -webkit-box-shadow: 0px 0px 1px 6px rgba(var(--color-success_rgb), 25%) !important;
            box-shadow: 0px 0px 1px 6px rgba(var(--color-success_rgb), 25%) !important;
        }

    .el_form_input.is_warning,
    .el_form_textarea.is_warning {
        outline: solid 2px var(--color-warning);
    }

        .el_form_input.is_warning:hover,
        .el_form_textarea.is_warning:hover {
            outline: solid 2px rgba(var(--color-warning_rgb), 50%);
        }

        .el_form_input.is_warning:focus, .el_form_input.is_warning:active,
        .el_form_textarea.is_warning:focus,
        .el_form_textarea.is_warning:active {
            outline: solid 2px rgba(var(--color-warning_rgb), 80%) !important;
            -webkit-box-shadow: 0px 0px 1px 6px rgba(var(--color-warning_rgb), 25%) !important;
            box-shadow: 0px 0px 1px 6px rgba(var(--color-warning_rgb), 25%) !important;
        }

    .el_form_input.is_danger,
    .el_form_textarea.is_danger {
        outline: solid 2px var(--color-danger);
    }

        .el_form_input.is_danger:hover,
        .el_form_textarea.is_danger:hover {
            outline: solid 1px var(--color-danger_50);
        }

        .el_form_input.is_danger:focus, .el_form_input.is_danger:active,
        .el_form_textarea.is_danger:focus,
        .el_form_textarea.is_danger:active {
            outline: solid 2px var(--color-danger_80) !important;
            -webkit-box-shadow: 0px 0px 1px 6px var(--color-danger_20) !important;
            box-shadow: 0px 0px 1px 6px var(--color-danger_20) !important;
        }

    .el_form_input:disabled,
    .el_form_textarea:disabled {
        color: var(--color-disable_txt);
        background-color: var(--color-disable);
    }

        .el_form_input:disabled:focus, .el_form_input:disabled:hover,
        .el_form_textarea:disabled:focus,
        .el_form_textarea:disabled:hover {
            outline: solid 1px var(--color-border_l);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .el_form_input:-moz-read-only:focus, .el_form_input:-moz-read-only:hover, .el_form_textarea:-moz-read-only:focus, .el_form_textarea:-moz-read-only:hover {
        outline: solid 1px var(--color-border_l);
        box-shadow: none;
    }

    .el_form_input:read-only:focus, .el_form_input:read-only:hover,
    .el_form_textarea:read-only:focus,
    .el_form_textarea:read-only:hover {
        outline: solid 1px var(--color-border_l);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .el_form_input.is_plainTxt,
    .el_form_textarea.is_plainTxt {
        padding: 1rem 0 0 !important;
        outline: transparent;
        color: var(--color-txt) !important;
    }

        .el_form_input.is_plainTxt:focus, .el_form_input.is_plainTxt:hover,
        .el_form_textarea.is_plainTxt:focus,
        .el_form_textarea.is_plainTxt:hover {
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

/*—————————————————————————————————————————————————————
　セレクトボックス
—————————————————————————————————————————————————————*/
.el_form_select {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .el_form_select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
    }

        .el_form_select select:focus, .el_form_select select:active {
            outline: solid 2px rgba(var(--color-primary_rgb), 80%);
            -webkit-box-shadow: 0px 0px 1px 6px rgba(var(--color-primary_rgb), 0.1);
            box-shadow: 0px 0px 1px 6px rgba(var(--color-primary_rgb), 0.1);
        }

    .el_form_select:before {
        pointer-events: none;
        content: "\e5cf";
        display: block;
        position: absolute;
        right: 0.5rem;
        top: 50%;
        -webkit-transform: translateY(-47%);
        transform: translateY(-47%);
        font-size: 2.4rem;
        color: var(--color-primary);
        z-index: 1;
    }

/* ————————————— モディファイア ————————————— */
/* マルチセレクトボックス */
.el_form_select__multi {
    /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
    -ms-overflow-style: none;
    /*Firefoxへの対応*/
    scrollbar-width: none;
}

    .el_form_select__multi select {
        padding: 0.5rem;
    }

    .el_form_select__multi option {
        padding: 0.7rem;
    }

        .el_form_select__multi option:checked {
            color: #FFFFFF;
            background-color: var(--color-primary);
            background: -webkit-gradient(linear, left top, left bottom, from(var(--color-primary)), to(var(--color-primary)));
            background: linear-gradient(var(--color-primary), var(--color-primary));
        }

    .el_form_select__multi:before {
        display: none !important;
    }

    .el_form_select__multi::-webkit-scrollbar {
        display: none;
    }

/* ————————————————— 状態 ————————————————— */
.el_form_select.is_success select {
    position: relative;
    outline: solid 2px var(--color-success);
}

    .el_form_select.is_success select:hover {
        outline: solid 2px rgba(var(--color-success_rgb), 50%);
    }

    .el_form_select.is_success select:focus, .el_form_select.is_success select:active {
        outline: solid 2px rgba(var(--color-success_rgb), 80%) !important;
        -webkit-box-shadow: 0px 0px 1px 6px rgba(var(--color-success_rgb), 25%) !important;
        box-shadow: 0px 0px 1px 6px rgba(var(--color-success_rgb), 25%) !important;
    }

.el_form_select.is_warning select {
    outline: solid 2px var(--color-warning);
}

    .el_form_select.is_warning select:hover {
        outline: solid 2px rgba(var(--color-warning_rgb), 50%);
    }

    .el_form_select.is_warning select:focus, .el_form_select.is_warning select:active {
        outline: solid 2px rgba(var(--color-warning_rgb), 80%) !important;
        -webkit-box-shadow: 0px 0px 1px 6px rgba(var(--color-warning_rgb), 25%) !important;
        box-shadow: 0px 0px 1px 6px rgba(var(--color-warning_rgb), 25%) !important;
    }

.el_form_select.is_danger select {
    outline: solid 2px var(--color-danger);
}

    .el_form_select.is_danger select:hover {
        outline: solid 2px rgba(var(--color-danger_rgb), 50%);
    }

    .el_form_select.is_danger select:focus, .el_form_select.is_danger select:active {
        outline: solid 2px rgba(var(--color-danger_rgb), 80%) !important;
        -webkit-box-shadow: 0px 0px 1px 6px rgba(var(--color-danger_rgb), 20%) !important;
        box-shadow: 0px 0px 1px 6px rgba(var(--color-danger_rgb), 20%) !important;
    }

.el_form_select select:disabled {
    color: var(--color-disable_txt);
    opacity: 1;
    cursor: default;
}

    .el_form_select select:disabled:focus, .el_form_select select:disabled:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.el_form_select option:disabled {
    color: var(--color-disable_txt);
    background-color: var(--color-disable);
    border-radius: 0.4rem;
}

/*—————————————————————————————————————————————————————
　ラジオボタン・チェックボタン
—————————————————————————————————————————————————————*/
.el_form_radio,
.el_form_check {
    display: inline-block;
    margin-left: 3rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: normal !important;
    cursor: pointer;
}

@media screen and (min-width: 680px) {
    .el_form_radio,
    .el_form_check {
        font-size: 1.5rem;
    }
}

.el_form_radio input,
.el_form_check input {
    position: relative;
    width: 17px;
    height: 17px;
    vertical-align: -4px;
    border: 1px solid var(--color-border);
    background-color: #F9F9F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    margin-left: -3rem;
}

    .el_form_radio input:hover,
    .el_form_check input:hover {
        border: 1px solid rgba(var(--color-primary_rgb), 50%);
    }

    .el_form_radio input:focus, .el_form_radio input:active,
    .el_form_check input:focus,
    .el_form_check input:active {
        outline: solid 2px rgba(var(--color-primary_rgb), 20%) !important;
    }

    .el_form_radio input:checked::before,
    .el_form_check input:checked::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
        -webkit-animation: anim_form_select 0.3s linear;
        animation: anim_form_select 0.3s linear;
    }

@-webkit-keyframes anim_form_select {
    0% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px rgba(var(--color-primary_rgb), 20%);
        box-shadow: 0 0 0 10px rgba(var(--color-primary_rgb), 20%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px transparent;
        box-shadow: 0 0 0 10px transparent;
    }
}

@keyframes anim_form_select {
    0% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px rgba(var(--color-primary_rgb), 20%);
        box-shadow: 0 0 0 10px rgba(var(--color-primary_rgb), 20%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px transparent;
        box-shadow: 0 0 0 10px transparent;
    }
}
/* ラジオボタン */
.el_form_radio input {
    border-radius: 50%;
}

    .el_form_radio input:checked::before {
        content: "";
        width: 11px;
        height: 11px;
        background-color: var(--color-primary);
    }

/* チェックボックス */
.el_form_check input {
    border-radius: 0.2rem;
}

    .el_form_check input:checked {
        border: none;
        background-color: var(--color-primary);
    }

        .el_form_check input:checked::before {
            content: "\e5ca";
            -webkit-transform: translate(-50%, -49%);
            transform: translate(-50%, -49%);
            font-size: 1.6rem;
            font-weight: bold;
            color: #FFFFFF;
        }

    /* ————————————————— 状態 ————————————————— */
    /* ラジオボタン・チェックボタン共通 */
    .el_form_radio input.is_warning,
    .el_form_check input.is_warning {
        border: 2px solid var(--color-warning);
    }

        .el_form_radio input.is_warning:hover,
        .el_form_check input.is_warning:hover {
            border: 2px solid rgba(var(--color-warning_rgb), 50%);
        }

    .el_form_radio input.is_danger,
    .el_form_check input.is_danger {
        border: 2px solid var(--color-danger);
    }

        .el_form_radio input.is_danger:hover,
        .el_form_check input.is_danger:hover {
            border: 2px solid rgba(var(--color-danger_rgb), 50%);
        }

    .el_form_radio input:disabled,
    .el_form_check input:disabled {
        pointer-events: none;
        background-color: var(--color-disable);
        border: 1px solid var(--color-border);
    }

        .el_form_radio input:disabled:hover,
        .el_form_check input:disabled:hover {
            border: 1px solid var(--color-border);
        }

        .el_form_radio input:disabled:focus, .el_form_radio input:disabled:active,
        .el_form_check input:disabled:focus,
        .el_form_check input:disabled:active {
            outline: none;
        }

/* ラジオボタン */
.el_form_radio input.is_warning:checked::before {
    background-color: var(--color-warning);
}

.el_form_radio input.is_danger:checked::before {
    background-color: var(--color-danger);
}

/* チェックボックス */
.el_form_check input.is_warning:checked {
    background-color: var(--color-warning);
}

.el_form_check input.is_danger:checked {
    background-color: var(--color-danger);
}

/* ————————————— モディファイア ————————————— */
/* ラベル内のテキストなし（input単体利用） */
.el_form_radio__noTxt,
.el_form_check__noTxt {
    margin-left: 0 !important;
}

    .el_form_radio__noTxt input,
    .el_form_check__noTxt input {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

/*—————————————————————————————————————————————————————
　範囲スライダー
—————————————————————————————————————————————————————*/
.el_form_range {
    width: 100%;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

/*—————————————————————————————————————————————————————
　入力欄　サイズ・レイアウト変更用
—————————————————————————————————————————————————————*/
/* サイズ指定・横幅 */
.el_form_style_width__xxxxs {
    max-width: 8rem !important;
    min-width: 8rem !important;
}

    .el_form_style_width__xxxxs select {
        min-width: 8rem !important;
    }

.el_form_style_width__xxxs {
    max-width: 8.8rem !important;
    min-width: 8.8rem !important;
}

    .el_form_style_width__xxxs select {
        min-width: 8.8rem !important;
    }

.el_form_style_width__xxs {
    max-width: 10.2rem !important;
    min-width: 10.2rem !important;
}

    .el_form_style_width__xxs select {
        min-width: 10.2rem !important;
    }

.el_form_style_width__xs {
    max-width: 20rem !important;
    min-width: 20rem !important;
}

.el_form_style_width__s {
    max-width: 26.8rem !important;
    min-width: 26.8rem !important;
}

.el_form_style_width__m {
    max-width: 36rem !important;
    min-width: 36rem !important;
}

.el_form_style_width__l {
    max-width: 42rem !important;
    min-width: 42rem !important;
}

.el_form_style_width__xl {
    max-width: 48rem !important;
    min-width: 48rem !important;
}

/* サイズ指定・高さ */
.el_form_style_height__s {
    height: 3.05em;
}

.el_form_style_height__m {
    min-height: 10rem;
}

.el_form_style_height__l {
    min-height: 20rem;
}

.el_form_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.6rem;
}

    .el_form_flex label {
        font-size: 1.4rem;
        line-height: 1.7rem;
        letter-spacing: 0;
        color: #555555;
    }

.el_form_file::-webkit-file-upload-button {
    display: none;
}

.el_form_file::file-selector-button {
    display: none;
}

/*=================================================================================

　ブロック	接頭辞：bl_*

=================================================================================*/
/*—————————————————————————————————————————————————————
　カラム
—————————————————————————————————————————————————————*/
.bl_col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* ————————————— モディファイア ————————————— */
/* 横幅 - 全幅 */
.bl_col__1 {
    width: 8.3333333333%;
}

.bl_col__2 {
    width: 16.6666666667%;
}

.bl_col__3 {
    width: 25%;
}

.bl_col__4 {
    width: 33.3333333333%;
}

.bl_col__5 {
    width: 41.6666666667%;
}

.bl_col__6 {
    width: 50%;
}

.bl_col__7 {
    width: 58.3333334792%;
}

.bl_col__8 {
    width: 66.6666666667%;
}

.bl_col__9 {
    width: 75.0000001875%;
}

.bl_col__10 {
    width: 83.3333333333%;
}

.bl_col__11 {
    width: 91.6666667431%;
}

.bl_col__12 {
    width: 100%;
}

/* 横幅 - スマホ幅 */
@media screen and (max-width: 679px) {
    .bl_col_sm__1 {
        width: 8.3333333333%;
    }

    .bl_col_sm__2 {
        width: 16.6666666667%;
    }

    .bl_col_sm__3 {
        width: 25%;
    }

    .bl_col_sm__4 {
        width: 33.3333333333%;
    }

    .bl_col_sm__5 {
        width: 41.6666666667%;
    }

    .bl_col_sm__6 {
        width: 50%;
    }

    .bl_col_sm__7 {
        width: 58.3333334792%;
    }

    .bl_col_sm__8 {
        width: 66.6666666667%;
    }

    .bl_col_sm__9 {
        width: 75.0000001875%;
    }

    .bl_col_sm__10 {
        width: 83.3333333333%;
    }

    .bl_col_sm__11 {
        width: 91.6666667431%;
    }

    .bl_col_sm__12 {
        width: 100%;
    }
}

/* カラム間の左右余白 - 少 */
.bl_col__paddingLR__Min {
    margin-left: calc(-1 * var(--padding-grid_sm) / 2);
    margin-right: calc(-1 * var(--padding-grid_sm) / 2);
}

@media screen and (min-width: 680px) {
    .bl_col__paddingLR__Min {
        margin-left: calc(-1 * var(--padding-grid_lgmd) / 2);
        margin-right: calc(-1 * var(--padding-grid_lgmd) / 2);
    }
}

.bl_col__paddingLR__Min > * {
    padding: calc(var(--padding-grid_sm) / 2);
}

@media screen and (min-width: 680px) {
    .bl_col__paddingLR__Min > * {
        padding: calc(var(--padding-grid_lgmd) / 2);
    }
}

/* カラム間の上余白 - 大 */
.bl_col__paddingTop__Max {
    margin-top: calc(-1 * var(--padding-grid_sm));
}

@media screen and (min-width: 680px) {
    .bl_col__paddingTop__Max {
        margin-top: calc(-1 * var(--padding-grid_lgmd));
    }
}

.bl_col__paddingTop__Max > * {
    padding: calc(var(--padding-grid_sm) * 2) var(--padding-grid_sm);
}

@media screen and (min-width: 680px) {
    .bl_col__paddingTop__Max > * {
        padding: var(--padding-grid_lgmd);
    }
}

/* 両端配置 */
.bl_col__alignItemStart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.bl_col__alignItemCenter {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.bl_col__alignItemEnd {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

/* 両端配置 */
@media screen and (min-width: 680px) {
    .bl_col__justifyContentsSpaceBetween {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

/* スマホ版 両端配置 */
@media screen and (max-width: 679px) {
    .bl_col__justifyContentsSpaceBetween_sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

/* 中央配置 */
@media screen and (min-width: 680px) {
    .bl_col__justifyContentsCenter {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* スマホ版 中央配置 */
@media screen and (max-width: 679px) {
    .bl_col__justifyContentsCenter_sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.bl_col__justifyContentsEnd {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

/*—————————————————————————————————————————————————————
　基本ボックス
—————————————————————————————————————————————————————*/
.bl_box {
    background-color: var(--color-content-bg);
    padding: calc(1.2 * var(--padding-grid-inner_sm)) var(--padding-grid-inner_sm);
}

@media screen and (min-width: 680px) {
    .bl_box {
        padding: var(--padding-grid-inner_lgmd) calc(1.2 * var(--padding-grid-inner_lgmd));
    }
}

/* ————————————— モディファイア ————————————— */
.bl_box__order {
    position: sticky;
    top: 2.4rem;
}

/* 角丸 */
.bl_box__rounded {
    border-radius: 0.4rem;
    overflow: hidden;
}

/* 枠線 */
.bl_box__border {
    border: 1px solid var(--color-content-border);
}

/* ドロップシャドウ */
.bl_box__shadow {
    -webkit-box-shadow: 0px 0px 10px var(--color-content-shadow);
    box-shadow: 0px 0px 10px var(--color-content-shadow);
}

/* ボックス内の余白小 */
.bl_box__txtPadding {
    padding: 1.8rem var(--padding-contents-lr_mdsm) 2.4rem !important;
}

@media screen and (min-width: 680px) {
    .bl_box__txtPadding {
        padding: 1.8rem var(--padding-contents-lr_lg) 2.4rem !important;
    }
}

.bl_box__txtPadding .el_txt_body {
    font-size: 1.3rem;
    line-height: 1.9rem;
    letter-spacing: 0;
    color: var(--color-txt);
}

.bl_box__txtPadding div.el_txt_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .bl_box__txtPadding div.el_txt_body:after {
        content: "";
        width: 100%;
    }

    .bl_box__txtPadding div.el_txt_body p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--color-txt_l);
        font-size: 1rem !important;
        -webkit-transform: scale(0.9) !important;
        transform: scale(0.9) !important;
        line-height: 1.1rem;
        margin-right: 1rem;
        margin-bottom: 0.8rem;
    }

@media screen and (min-width: 680px) {
    .bl_box__txtPadding div.el_txt_body p {
        font-size: 1.3rem !important;
        line-height: 2.1rem;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        margin-right: 2rem;
        margin-bottom: 1rem;
    }
}

.bl_box__txtPadding div.el_txt_body p:nth-child(n+4) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.bl_box__txtPadding div.el_txt_body p img {
    height: 1.1rem;
    margin-right: 2px;
}

@media screen and (min-width: 680px) {
    .bl_box__txtPadding div.el_txt_body p img {
        height: auto;
    }
}

.bl_box__btnPadding {
    padding: var(--padding-contents-lr_mdsm) 0 var(--padding-contents-lr_mdsm) 0 !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.0509803922);
    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.0509803922);
    position: sticky;
    bottom: 0;
    z-index: 10;
}

@media screen and (min-width: 680px) {
    .bl_box__btnPadding {
        position: static;
    }
}

/* ボックス内の余白小 */
.bl_box__accordionPadding {
    padding: 1.7rem 2rem 1.6rem !important;
}

.bl_box__accordionPaddingTopNone {
    padding: 0 2rem 1.6rem !important;
}

/* ボックス内の余白小 */
.bl_box__minPadding {
    padding: calc(var(--padding-grid-inner_sm) / 1.5) !important;
}

@media screen and (min-width: 680px) {
    .bl_box__minPadding {
        padding: calc(var(--padding-grid-inner_lgmd) / 1.75) !important;
    }
}

/* ボックス内の余白大 */
.bl_box__maxPadding {
    padding: calc(2 * var(--padding-grid-inner_sm)) var(--padding-grid-inner_sm) !important;
}

@media screen and (min-width: 680px) {
    .bl_box__maxPadding {
        padding: calc(2 * var(--padding-grid-inner_lgmd)) calc(2.5 * var(--padding-grid-inner_lgmd)) !important;
    }
}

/* ボックス内の余白なし */
.bl_box__noPadding {
    padding: 0 !important;
}

/* ボックス内の余白なし */
.bl_box__scrollY {
    max-height: 20rem;
    overflow-y: scroll;
}

/* 背景色あり */
.bl_box__bg {
    background-color: rgba(var(--color-txt_rgb), 8%);
}

.bl_box__bg__dark {
    background-color: var(--color-content-bg_dark);
}

.bl_box__bg__primary_l {
    background-color: rgba(var(--color-primary_rgb), 8%);
}

.bl_box__bg__secondary_l {
    background-color: rgba(var(--color-secondary_rgb), 8%);
}

.bl_box__bg__success_l {
    background-color: rgba(var(--color-success_rgb), 8%);
}

.bl_box__bg__info_l {
    background-color: rgba(var(--color-info_rgb), 8%);
}

.bl_box__bg__danger_l {
    background-color: rgba(var(--color-danger_rgb), 8%);
}

.bl_box__bg__warning_l {
    background-color: rgba(var(--color-warning_rgb), 8%);
}

.bl_box__bg__primary {
    background-color: var(--color-primary);
}

.bl_box__bg__secondary {
    background-color: var(--color-secondary);
}

.bl_box__bg__success {
    background-color: var(--color-success);
}

.bl_box__bg__info {
    background-color: var(--color-info);
}

.bl_box__bg__danger {
    background-color: var(--color-danger);
}

.bl_box__bg__warning {
    background-color: var(--color-warning);
}

.bl_box__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
}

    .bl_box__flex .bl_box__flexItem.size__s {
        -ms-flex-preferred-size: 26.6rem;
        flex-basis: 26.6rem;
    }

    .bl_box__flex .bl_box__flexItem.size__m {
        -ms-flex-preferred-size: 40.3rem;
        flex-basis: 40.3rem;
    }

    .bl_box__flex.gap__24 {
        gap: 2.4rem;
    }

    .bl_box__flex.gap__40 {
        gap: 4rem;
    }

.bl_box__card {
    width: 39.6rem;
}

    .bl_box__card h5 {
        font-size: 1.6rem;
        line-height: 2.2rem;
        color: var(--color-txt);
    }

.bl_box__card--box {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
}

    .bl_box__card--box i {
        font-size: 8.6rem;
        color: var(--color-primary);
    }

    .bl_box__card--box ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4px;
    }

        .bl_box__card--box ul li {
            font-size: 1.4rem;
            line-height: 2.3rem;
        }

        .bl_box__card--box ul .item-label {
            margin: 6px 0 2px;
            font-size: 1.2rem;
            line-height: 1.7rem;
            color: #555555;
        }

/*—————————————————————————————————————————————————————
　コンテンツトップエリア
—————————————————————————————————————————————————————*/
.bl_cont__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bl_cont__top--left {
    padding: 0 3.2rem 0 0;
}

    .bl_cont__top--left .w-45 {
        width: 45.2rem;
    }

.bl_cont__top--right {
    border-left: 1px solid var(--color-border);
    padding: 0 0 0 3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .bl_cont__top--right .el_btn {
        min-width: 18rem;
    }

    .bl_cont__top--right.row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .bl_cont__top--right.row .el_btn__size__m {
            min-width: 11.4rem;
        }

/*—————————————————————————————————————————————————————
　コンテンツメインエリア
—————————————————————————————————————————————————————*/
.bl_cont__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.bl_cont__main--table {
    width: 100%;
}

    .bl_cont__main--table.w-auto {
        width: auto;
    }

    .bl_cont__main--table.w1200 {
        width: 120rem;
    }

    .bl_cont__main--table.w970 {
        width: 97rem;
    }

    .bl_cont__main--table.w480 {
        width: 48rem;
    }

    .bl_cont__main--table.count {
        font-size: 1.4rem;
        line-height: 1.7rem;
        font-weight: bold;
    }

    .bl_cont__main--table.order {
        text-align: right;
    }

        .bl_cont__main--table.order .orderBox {
            font-size: 1rem;
            width: 1.8rem;
            height: 1.8rem;
            text-align: center;
            vertical-align: bottom;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-radius: 2px;
            margin-left: 4px;
        }

            .bl_cont__main--table.order .orderBox.order1 {
                background-color: #FFF7B3;
            }

            .bl_cont__main--table.order .orderBox.order2 {
                background-color: #CEEEFF;
            }

            .bl_cont__main--table.order .orderBox.order3 {
                background-color: #D4FFE0;
            }

            .bl_cont__main--table.order .orderBox.order4 {
                background-color: #FFE6E5;
            }

    .bl_cont__main--table .bl_table_style__scroll {
        height: 28rem;
        padding: 0;
    }

        .bl_cont__main--table .bl_table_style__scroll.h-52 {
            height: 52rem;
        }

.bl_cont__main--tableHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

    .bl_cont__main--tableHeader.left__justified {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 1rem;
    }

    .bl_cont__main--tableHeader h4 {
        font-size: 2.2rem;
        line-height: 3.2rem;
        color: var(--color-txt);
        font-weight: bold;
    }

    .bl_cont__main--tableHeader h5 {
        font-size: 1.8rem;
        line-height: 2.6rem;
        color: var(--color-txt);
        font-weight: bold;
    }

/*—————————————————————————————————————————————————————
　横幅の最大値固定化
—————————————————————————————————————————————————————*/
.bl_contBoxed {
    max-width: var(--width-contents_max_lg);
    margin-left: auto;
    margin-right: auto;
}

/*—————————————————————————————————————————————————————
　リスト
—————————————————————————————————————————————————————*/
.bl_list {
    padding-left: 2rem;
}

    .bl_list li {
        padding-top: 0.45em;
        font-size: 1.4rem;
        line-height: 1.5;
        text-align: justify;
        list-style: disc;
    }

@media screen and (min-width: 680px) {
    .bl_list li {
        font-size: 1.6rem;
    }
}

.bl_list ul {
    padding-left: 1em;
}

    .bl_list ul li {
        list-style: circle;
    }

/* ————————————— モディファイア ————————————— */
/* 番号付き */
.bl_list__order li {
    list-style: decimal !important;
}

.bl_list__order ul li {
    list-style: decimal !important;
}

    .bl_list__order ul li::marker {
        color: var(--color-txt_l);
    }

/* アイコン付き */
.bl_list__icon {
    padding-left: 2.4rem;
}

    .bl_list__icon li {
        position: relative;
        list-style: none !important;
    }

    .bl_list__icon i {
        position: absolute;
        display: inline-block;
        left: -2.4rem;
        font-size: 2rem;
        line-height: 1.1;
    }

    .bl_list__icon ul li i {
        color: var(--color-txt_l);
    }

/* スタイルなし */
.bl_list__noStyle {
    padding-left: 0rem;
}

    .bl_list__noStyle li {
        list-style: none !important;
    }

    .bl_list__noStyle ul {
        padding-left: 2rem;
    }

/*—————————————————————————————————————————————————————
　定義リスト（dl dt dd）
—————————————————————————————————————————————————————*/
.bl_dateList {
    position: relative;
    border-top: 1px solid var(--color-border);
}

    .bl_dateList dt,
    .bl_dateList dd {
        font-size: 1.5rem;
        line-height: 1.9rem;
        letter-spacing: 0px;
        padding: 1.8rem 0 1.8rem var(--padding-contents-lr_mdsm);
    }

@media screen and (min-width: 680px) {
    .bl_dateList dt,
    .bl_dateList dd {
        font-size: 1.5rem;
        padding-left: var(--padding-contents-lr_lg);
    }
}

.bl_dateList dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    position: absolute;
    left: 0;
    width: calc(10.8rem + var(--padding-contents-lr_mdsm));
}

@media screen and (min-width: 680px) {
    .bl_dateList dt {
        width: calc(10.8rem + var(--padding-contents-lr_lg));
    }
}

.bl_dateList dt img {
    width: 1.5rem;
    margin-right: 0.5rem;
}

.bl_dateList dd {
    border-bottom: 1px solid var(--color-border);
    padding-left: calc(10.8rem + var(--padding-contents-lr_mdsm));
}

@media screen and (min-width: 680px) {
    .bl_dateList dd {
        padding-left: calc(10.8rem + var(--padding-contents-lr_lg));
    }
}

.bl_dateList dd p:first-child {
    margin-bottom: 0.5rem;
}

.bl_dateList a {
    color: var(--color-link);
    word-break: break-all;
}

    .bl_dateList a:hover {
        color: var(--color-link_hover);
    }

.bl_dateList__label dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 680px) {
    .bl_dateList__label dt {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 17.5em;
    }
}

.bl_dateList__label dt:after {
    content: attr(data-label);
    padding: 0.4em 1em;
    margin-left: 1rem;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    background-color: var(--color-default);
    border-radius: 50rem;
}

@media screen and (min-width: 680px) {
    .bl_dateList__label dt:after {
        width: 10em;
        padding: 0.4em 0.3em;
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 679px) {
    .bl_dateList__label dd {
        padding: 0.6rem 0 2rem 0;
    }
}

@media screen and (min-width: 680px) {
    .bl_dateList__label dd {
        padding-left: 19em;
    }
}

/* ————————————— ラベルカラー ————————————— */
.bl_dateList_label__primary:after {
    color: var(--color-primary) !important;
    background-color: rgba(var(--color-primary_rgb), 14%) !important;
}

.bl_dateList_label__secondary:after {
    color: var(--color-secondary) !important;
    background-color: rgba(var(--color-secondary_rgb), 14%) !important;
}

.bl_dateList_label__success:after {
    color: var(--color-success) !important;
    background-color: rgba(var(--color-success_rgb), 14%) !important;
}

.bl_dateList_label__info:after {
    color: var(--color-info) !important;
    background-color: rgba(var(--color-info_rgb), 14%) !important;
}

.bl_dateList_label__danger:after {
    color: var(--color-danger) !important;
    background-color: rgba(var(--color-danger_rgb), 14%) !important;
}

.bl_dateList_label__warning:after {
    color: var(--color-warning) !important;
    background-color: rgba(var(--color-warning_rgb), 14%) !important;
}

/*—————————————————————————————————————————————————————
　ボタン群
—————————————————————————————————————————————————————*/
.bl_buttons {
    margin-bottom: -1rem;
}

    .bl_buttons > * {
        margin: 0 0.8rem 1rem 0 !important;
    }

/* ————————————— モディファイア ————————————— */
/* 縦並び */
.bl_buttons__end {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

/* 縦並び */
.bl_buttons__column {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/* 均等配置 */
.bl_buttons__spaceBetween {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .bl_buttons__spaceBetween > * {
        margin: 0 0rem 1rem 0 !important;
    }

/* 中央配置 */
.bl_buttons__center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*—————————————————————————————————————————————————————
　バッジ群
—————————————————————————————————————————————————————*/
.bl_badges {
    margin-left: 1rem;
}

    .bl_badges > * {
        display: inline-block;
    }

.bl_badges--icon {
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 1.1rem;
    letter-spacing: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4.6rem;
    height: 2.3rem;
}

    .bl_badges--icon.non-payment {
        background-color: #FF3C3C;
    }

        .bl_badges--icon.non-payment::before {
            content: "未締め";
        }

    .bl_badges--icon.unprocessed {
        background-color: #FF3C3C;
    }

        .bl_badges--icon.unprocessed::before {
            content: "未処理";
        }

    .bl_badges--icon.processed {
        background-color: #069A41;
    }

        .bl_badges--icon.processed::before {
            content: "処理済";
        }

    .bl_badges--icon.processed__outline {
        background-color: #FFFFFF;
        border: 1px solid #069A41;
        color: #069A41;
    }

        .bl_badges--icon.processed__outline::before {
            content: "処理済";
        }

    .bl_badges--icon.history__view {
        width: 6.8rem;
        height: 2.3rem;
        background-color: #FF3C3C;
    }

        .bl_badges--icon.history__view::before {
            content: "履歴表示中";
        }

    .bl_badges--icon.none::before {
        content: "-";
    }

    .bl_badges--icon.select_rei {
        background-color: #069A41;
    }

        .bl_badges--icon.select_rei::before {
            content: "選択中";
        }


.bl_badges--icon__min {
    border-radius: 2px;
    color: #FFFFFF !important;
    font-size: 1.1rem !important;
    line-height: 1.6rem;
    letter-spacing: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 3px;
    height: 1.7rem;
    font-weight: bold;
}

    .bl_badges--icon__min.unprocessed {
        background-color: #FF3C3C;
    }

        .bl_badges--icon__min.unprocessed::before {
            content: "未";
        }

    .bl_badges--icon__min.processed {
        background-color: #069A41;
    }

        .bl_badges--icon__min.processed::before {
            content: "済";
        }

    .bl_badges--icon__min.busy {
        font-size: 9px;
        line-height: 18px;
        padding: 1px 4px;
        font-weight: normal;
        background-color: #056FCC;
    }

        .bl_badges--icon__min.busy::before {
            content: "多忙";
        }



.bl_badges--note {
    border-radius: 50%;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #AAAAAA;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: text-bottom;
    font-size: 1.1rem;
    line-height: 1.5rem;
    cursor: default;
}

    .bl_badges--note:hover .bl_badges--note__text {
        visibility: visible;
        opacity: 1;
    }

    .bl_badges--note .bl_badges--note__text {
        position: absolute;
        visibility: hidden;
        display: inline;
        padding: 0.6rem 0.8rem 0.8rem;
        background-color: #555555;
        border-radius: 0.2rem;
        color: #FFFFFF;
        bottom: 100%;
        left: -1.9rem;
        margin-bottom: 0.8rem;
        width: 16.2rem;
        text-align: left;
        font-size: 1.1rem;
        line-height: 1.5rem;
        opacity: 0;
        -webkit-transition: all 0.2s 0s ease;
        transition: all 0.2s 0s ease;
    }

        .bl_badges--note .bl_badges--note__text:after {
            border-top: 1rem solid #555555;
            border-left: 0.7rem solid transparent;
            border-right: 0.7rem solid transparent;
            bottom: -0.7rem;
            left: 12%;
            content: "";
            position: absolute;
        }

/*—————————————————————————————————————————————————————
　ステップバー
—————————————————————————————————————————————————————*/
.bl_progressBar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .bl_progressBar li {
        position: relative;
        text-align: center;
        font-size: 0rem;
        font-weight: 500;
        counter-increment: steps;
        color: rgba(var(--color-txt_rgb), 60%);
    }

@media screen and (min-width: 680px) {
    .bl_progressBar li {
        font-size: 1.4rem;
    }
}

.bl_progressBar li.is_active:before, .bl_progressBar li.is_complete:before {
    background-color: var(--color-primary);
    color: var(--color-txt_contrast);
}

.bl_progressBar li.is_active:after, .bl_progressBar li.is_complete:after {
    background-color: var(--color-primary);
}

.bl_progressBar li.is_active {
    font-weight: bold;
    color: var(--color-primary);
}

@media screen and (max-width: 679px) {
    .bl_progressBar li.is_active {
        font-size: 1.2rem;
    }
}

.bl_progressBar li:before, .bl_progressBar li:after {
    content: "";
}

.bl_progressBar li:before {
    content: counter(steps);
    position: relative;
    display: block;
    z-index: 2;
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.8rem auto;
    line-height: 3rem;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    background-color: var(--color-progressbar_bg);
}

@media screen and (min-width: 680px) {
    .bl_progressBar li:before {
        width: 4rem;
        height: 4rem;
        margin: 0 auto 1.5rem auto;
        font-size: 1.6rem;
        line-height: 4rem;
    }
}

.bl_progressBar li:after {
    position: absolute;
    z-index: 1;
    top: 1.3rem;
    left: -50%;
    width: 100%;
    height: 3px;
    background-color: var(--color-progressbar_bg);
}

@media screen and (min-width: 680px) {
    .bl_progressBar li:after {
        top: 1.8rem;
    }
}

.bl_progressBar li:first-child::after {
    content: none;
}

.bl_progressBar__2 li {
    width: 50% !important;
}

.bl_progressBar__3 li {
    width: 33.3333333333% !important;
}

.bl_progressBar__4 li {
    width: 25% !important;
}

.bl_progressBar__5 li {
    width: 20% !important;
}

.bl_progressBar__6 li {
    width: 16.6666666667% !important;
}

.bl_progressBar__7 li {
    width: 14.2857142857% !important;
}

.bl_progressBar__8 li {
    width: 12.5% !important;
}

.bl_progressBar__9 li {
    width: 11.1111111111% !important;
}

.bl_progressBar__10 li {
    width: 10% !important;
}

/*—————————————————————————————————————————————————————
　カード
—————————————————————————————————————————————————————*/
.bl_card {
    background-color: var(--color-content-bg);
    height: 100%;
}

    .bl_card > a a, .bl_card > a button {
        pointer-events: none !important;
    }

.bl_card_inner {
    padding: 2rem;
}

    .bl_card_inner > * {
        margin-top: 0.8rem;
    }

        .bl_card_inner > *:first-child {
            margin-top: 0;
        }

@media screen and (min-width: 680px) {
    .bl_card_inner > * {
        margin-top: 1.2rem;
    }
}

/* タイトル */
.bl_card_ttl {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: bold;
}

@media screen and (min-width: 680px) {
    .bl_card_ttl {
        font-size: 1.8rem;
    }
}

/* 本文 */
.bl_card_txt {
    font-size: 1.3rem;
    line-height: 1.4;
}

@media screen and (min-width: 680px) {
    .bl_card_txt {
        font-size: 1.4rem;
    }
}

/* サブテキスト（日付など） */
.bl_card_subTxt {
    font-size: 1.2rem;
    color: var(--color-txt_l);
}

@media screen and (min-width: 680px) {
    .bl_card_subTxt {
        font-size: 1.3rem;
    }
}

/* ボタン */
.bl_card_btn {
    margin-top: 2rem;
    text-align: center;
}

/* ————————————— モディファイア ————————————— */
/* 角丸 */
.bl_card.bl_card__rounded {
    border-radius: 0.8rem;
}

    .bl_card.bl_card__rounded figure img {
        border-radius: 0.8rem 0.8rem 0 0;
    }

/* 枠線 */
.bl_card.bl_card__border {
    border: 1px solid var(--color-border);
}

/*—————————————————————————————————————————————————————
　アコーディオン
—————————————————————————————————————————————————————*/
.bl_accordion summary, .bl_faq summary {
    position: relative;
    display: block;
    text-align: justify;
    cursor: pointer;
    list-style: none;
}

    .bl_accordion summary:before, .bl_faq summary:before {
        content: "";
    }

    .bl_accordion summary::-webkit-details-marker, .bl_faq summary::-webkit-details-marker {
        display: none;
    }

    .bl_accordion summary::after, .bl_faq summary::after {
        position: absolute;
        top: 50%;
        right: 1rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-left: 1rem;
        content: "\e145";
        font-size: 1.8rem;
        color: #FFFFFF;
        background-color: var(--color-primary);
        border-radius: 2px;
        height: 26px;
    }

@media screen and (min-width: 680px) {
    .bl_accordion summary::after, .bl_faq summary::after {
        font-size: 2.4rem;
        right: 1.8rem;
    }
}

.bl_accordion[open] summary::after, [open].bl_faq summary::after {
    content: "\e15b";
}

/* ————————————— モディファイア ————————————— */
/* 枠線 */
.bl_accordion__border {
    border: 1px solid var(--color-border);
}

/* 展開部の境界線 */
.bl_accordion__line[open] summary {
    border-bottom: 1px solid var(--color-border_l);
}

/* ダークスタイル */
.bl_accordion__dark summary::after {
    color: var(--color_white);
}

.bl_accordion__rounded {
    border-radius: 0.4rem;
    overflow: hidden;
}

/*—————————————————————————————————————————————————————
　よくある質問（アコーディオン）
—————————————————————————————————————————————————————*/
.bl_faqUnit details + details {
    margin-top: 2.6rem;
}

.bl_faq {
    border: 1px solid var(--color-border);
    background-color: var(--color-content-bg);
}

    .bl_faq summary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1.6rem 4rem;
    }

@media screen and (min-width: 680px) {
    .bl_faq summary {
        padding: 2rem 6rem 2rem 4rem;
        font-size: 1.6rem;
    }
}

.bl_faq div {
    padding: 2rem 2rem 2rem 4rem;
}

@media screen and (min-width: 680px) {
    .bl_faq div {
        padding: 2rem 6rem 2rem 4rem;
    }
}

.bl_faq summary,
.bl_faq div {
    font-size: 1.4rem;
    text-align: justify;
    line-height: 1.4;
}

@media screen and (min-width: 680px) {
    .bl_faq summary,
    .bl_faq div {
        font-size: 1.6rem;
    }
}

.bl_faq[open] summary {
    border-bottom: 1px dotted var(--color-border);
}

.bl_faq summary::before,
.bl_faq div::before {
    display: inline-block;
    margin-left: -2.4rem;
    margin-right: 1rem;
    line-height: 1;
    font-size: 1.7rem;
    font-weight: bold;
}

@media screen and (min-width: 680px) {
    .bl_faq summary::before,
    .bl_faq div::before {
        font-size: 2rem;
    }
}

.bl_faq summary::before {
    content: "Q";
    color: var(--color_blue);
}

.bl_faq div::before {
    content: "A";
    color: var(--color_red);
}

/* ————————————— モディファイア ————————————— */
.bl_faq__notOpen summary {
    pointer-events: none;
}

    .bl_faq__notOpen summary:after {
        content: "";
    }

.bl_faq__notOpen[open] summary:after {
    content: "";
}

/* ====================================================

　　ナビゲーション

==================================================== */
/*—————————————————————————————————————————————————————
　ページ先頭（前のページに戻る・パンくず）
—————————————————————————————————————————————————————*/
.bl_navPageHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: calc(-1 * var(--padding-contents-lr_mdsm));
    margin-bottom: 3rem;
}

@media screen and (min-width: 680px) {
    .bl_navPageHead {
        margin-top: -1rem;
    }
}

/* 前のページに戻る */
.bl_backLink {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .bl_backLink a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.3rem;
        line-height: 1.4;
        color: var(--color-txt_l);
    }

    .bl_backLink i {
        font-size: inherit;
        line-height: 1.4;
    }

/* パンくず */
.bl_breadcrumb {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    margin-left: auto;
    font-size: 1.3rem;
    color: var(--color-txt_l);
}

    .bl_breadcrumb li {
        text-align: right;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

        .bl_breadcrumb li:nth-child(n+2):before {
            content: "\e5cc";
            padding: 0 0.6rem;
        }

    .bl_breadcrumb a {
        color: var(--color-link);
    }

/*—————————————————————————————————————————————————————
　ページネーション
—————————————————————————————————————————————————————*/
.bl_pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--color-txt);
}

    .bl_pagination.center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .bl_pagination li {
        margin-left: 1.6rem;
        margin-right: 1.6rem;
        font-size: 1.4rem;
        line-height: 1.5rem;
        display: none;
        text-align: center;
    }

@media screen and (min-width: 680px) {
    .bl_pagination li {
        display: block;
        font-size: 1.6rem;
    }
}

.bl_pagination li a {
    display: block;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    color: var(--color-primary);
}

.bl_pagination li.bl_pagination_month {
    font-size: 2.2rem;
    line-height: 2.2rem;
    font-weight: bold;
    width: 13rem;
}

.bl_pagination li.bl_pagination_year {
    font-size: 2.2rem;
    line-height: 2.2rem;
    font-weight: bold;
}

.bl_pagination li.bl_pagination_modal {
    color: #333333;
    font-size: 2.4rem;
    line-height: 3.5rem;
    font-weight: bold;
    margin-left: 2rem;
    margin-right: 2rem;
}

.bl_pagination li:hover a {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #FFFFFF;
}

.bl_pagination li:hover:before, .bl_pagination li:hover:after {
    color: #FFFFFF;
}

.bl_pagination li.is_active a {
    pointer-events: none;
    background-color: var(--color-link);
    color: var(--color-link_contrast);
    border-color: var(--color-link);
}

.bl_pagination li.is_disable {
    pointer-events: none;
}

    .bl_pagination li.is_disable a {
        color: #CCCCCC;
        background-color: #E8E8E8;
    }

.bl_pagination_prev,
.bl_pagination_next {
    margin: 0 !important;
    position: relative;
    display: block !important;
}

@media screen and (max-width: 679px) {
    .bl_pagination_prev a,
    .bl_pagination_next a {
        min-width: 10rem;
        padding-top: 1.4rem !important;
        padding-bottom: 1.4rem !important;
    }
}

.bl_pagination_prev span:before, .bl_pagination_prev span:after,
.bl_pagination_next span:before,
.bl_pagination_next span:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 2.4rem;
}

.bl_pagination_prev.is_disable a,
.bl_pagination_next.is_disable a {
    border: 1px solid #E8E8E8;
}

.bl_pagination_prev.is_disable span:before,
.bl_pagination_next.is_disable span:before {
    color: var(--color-txt_l);
}

.bl_pagination_prev a {
    border-radius: 4px 0px 0px 4px;
}

.bl_pagination_prev span:before {
    content: "\e5cb";
    left: 0.5em;
}

.bl_pagination_next {
    margin-right: 0rem;
}

    .bl_pagination_next a {
        border-radius: 0px 4px 4px 0px;
    }

    .bl_pagination_next span:before {
        content: "\e5cc";
        right: 0.5em;
    }

/*—————————————————————————————————————————————————————
　カプセル型
—————————————————————————————————————————————————————*/
.bl_navPills {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.5rem;
    border-radius: 0.4rem;
    background-color: #FFF;
}

@media screen and (min-width: 680px) {
    .bl_navPills {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

.bl_navPills li {
    font-size: 1.3rem;
    line-height: 1.2;
    letter-spacing: 0.05em;
    margin-right: 0.25rem;
}

@media screen and (min-width: 680px) {
    .bl_navPills li {
        width: auto;
        font-size: 1.6rem;
    }
}

.bl_navPills li:last-child {
    margin-right: 0;
}

.bl_navPills li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 4rem;
    padding: 0.5rem 1rem;
    border-radius: 0.4rem;
    color: var(--color-link);
}

@media screen and (min-width: 680px) {
    .bl_navPills li a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 11rem;
        min-height: 5rem;
        padding: 1rem;
    }
}

.bl_navPills li a:hover {
    background-color: var(--color-link_hover_bg);
}

.bl_navPills li i {
    font-size: 2.4rem;
    padding-right: 0.16em;
}

.bl_navPills li.is_active a {
    pointer-events: none;
    font-weight: bold;
    background-color: var(--color-link);
    color: var(--color-link_contrast);
}

.bl_navPills li.is_disable {
    pointer-events: none;
    opacity: 0.5;
}

    .bl_navPills li.is_disable a {
        color: var(--color-txt);
    }

/* ————————————— モディファイア ————————————— */
/* 背景色なし */
.bl_navPills__backgroundNone {
    padding: 0;
    background-color: inherit;
}

    .bl_navPills__backgroundNone li a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-width: auto;
        min-height: 4rem;
        padding: 1rem 1.5rem;
    }

/* 横幅100% */
.bl_navPills__width100 {
    width: 100%;
}

/* リスト型（縦配置） */
.bl_navPills__column li {
    width: 100%;
}

    .bl_navPills__column li a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

@media screen and (min-width: 680px) {
    .bl_navPills__column li a {
        min-width: auto;
    }
}

/* 中央揃え */
.bl_navPills__alignCenter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* 均等配置 */
.bl_navPills__evenly {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

/* 枠線あり */
.bl_navPills__border {
    border: 1px solid var(--color-border);
}

/* スマホ時 横スクロール */
.bl_navPills__scrollX {
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

@media screen and (max-width: 679px) {
    .bl_navPills__scrollX {
        overflow-x: scroll;
        width: calc(100% + var(--padding-contents-lr_mdsm));
        border-right: none !important;
        border-radius: 0.4rem 0 0 0.4rem;
    }
}

@media screen and (max-width: 679px) {
    .bl_navPills__scrollX li a {
        white-space: nowrap;
    }
}

.bl_navPills__dark {
    background-color: var(--color-txt);
    border: none;
}

    .bl_navPills__dark li a {
        color: #FFFFFF;
    }

        .bl_navPills__dark li a:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }

    .bl_navPills__dark li.is_active a {
        background-color: #FFFFFF;
        color: var(--color-link);
    }

    .bl_navPills__dark li.is_disable a {
        color: #FFFFFF;
    }

/* ————————————— 子要素に指定するスタイル ————————————— */
.bl_navPills_iconAfter i {
    padding-right: 0 !important;
    padding-left: 0.16em;
}

/*—————————————————————————————————————————————————————
　タブ
—————————————————————————————————————————————————————*/
.bl_navTab {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 32.5px 0;
}

@media screen and (max-width: 679px) {
    .bl_navTab {
        overflow-x: auto;
    }
}

@media screen and (min-width: 680px) {
    .bl_navTab {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.bl_navTab:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--color-border_l);
}

.bl_navTab li {
    z-index: 1;
    font-size: 1.3rem;
    line-height: 1.2;
    border-bottom: 1px solid var(--color-border_l);
}

@media screen and (min-width: 680px) {
    .bl_navTab li {
        font-size: 1.5rem;
    }
}

.bl_navTab li a {
    display: block;
    padding: 1.2rem 1.4rem;
}

@media screen and (max-width: 679px) {
    .bl_navTab li a {
        white-space: nowrap;
    }
}

@media screen and (min-width: 680px) {
    .bl_navTab li a {
        padding: 1.5rem 2rem;
    }
}

.bl_navTab li:hover {
    color: var(--color-primary);
}

.bl_navTab li.is_active {
    pointer-events: none;
    font-weight: bold;
    color: var(--color-primary);
    border-bottom: 3px solid var(--color-primary);
}

.bl_navTab li.is_disable {
    pointer-events: none;
    color: rgba(var(--color-txt_rgb), 40%);
}

.tab {
    display: none;
}

    .tab.is_active {
        display: block;
    }

/* ————————————— モディファイア ————————————— */
/* ボックス要素とセットのタブ */
.bl_navTab__boxSet li:first-child.is_active {
    border-left: 1px solid var(--color-content-bg);
}

.bl_navTab__boxSet li.is_active {
    border-top: 2px solid var(--color-primary);
    border-right: 1px solid var(--color-border_l);
    border-left: 1px solid var(--color-border_l);
    border-bottom: none;
    background-color: var(--color-content-bg);
}

/* ボックス要素の中に入れるタブ */
.bl_navTab__boxInner {
    width: calc(100% + var(--padding-grid-inner_sm) * 2);
    margin-top: calc(-1 * var(--padding-grid-inner_sm));
    margin-left: calc(-1 * var(--padding-grid-inner_sm));
    margin-bottom: var(--padding-grid-inner_sm);
}

@media screen and (min-width: 680px) {
    .bl_navTab__boxInner {
        width: calc(100% + var(--padding-grid-inner_lgmd));
        margin-top: calc(-1 * var(--padding-grid-inner_lgmd));
        margin-left: calc(-1 * var(--padding-grid-inner_lgmd));
        margin-bottom: var(--padding-grid-inner_lgmd);
    }
}

@media screen and (min-width: 680px) {
    .bl_navTab__boxInner:before {
        width: calc(100% + var(--padding-grid-inner_lgmd));
    }
}

/*—————————————————————————————————————————————————————
　ボックス型
—————————————————————————————————————————————————————*/
.bl_navBox li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-weight: bold;
    border-radius: 0.8rem;
    -webkit-box-shadow: 0px 1px 2px var(--color-content-shadow);
    box-shadow: 0px 1px 2px var(--color-content-shadow);
    color: var(--color-primary);
    background-color: var(--color-content-bg);
}

    .bl_navBox li a:hover {
        opacity: 0.6;
    }

.bl_navBox li i, .bl_navBox li img {
    display: block;
    color: rgba(var(--color-primary_rgb), 0.3);
    font-weight: normal;
}

.bl_navBox li p small {
    display: block;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: normal;
    color: var(--color-txt_l);
}

@media screen and (min-width: 680px) {
    .bl_navBox li p small {
        font-size: 1.2rem;
    }
}

/* ————————————— モディファイア ————————————— */
/* アイコン横並び */
.bl_navBox__row li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 1.2rem 1.4rem;
    font-size: 1.4rem;
}

@media screen and (min-width: 680px) {
    .bl_navBox__row li a {
        padding: 2.8rem 2rem;
        font-size: 1.8rem;
    }
}

.bl_navBox__row li i, .bl_navBox__row li img {
    margin-right: 0.4em;
    font-size: 2.8rem;
}

@media screen and (min-width: 680px) {
    .bl_navBox__row li i, .bl_navBox__row li img {
        font-size: 6rem;
        margin-right: 1.4rem;
    }
}

.bl_navBox__row li p small {
    margin-top: 0.3em;
}

/* アイコン縦並び */
.bl_navBox__column a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem 1rem;
    font-size: 1.2rem;
}

@media screen and (min-width: 680px) {
    .bl_navBox__column a {
        padding: 4rem 2rem;
        font-size: 1.8rem;
    }
}

.bl_navBox__column i, .bl_navBox__column img {
    margin-bottom: 1rem;
    font-size: 2.8rem;
}

@media screen and (min-width: 680px) {
    .bl_navBox__column i, .bl_navBox__column img {
        font-size: 8rem;
    }
}

/* ====================================================

　　フォーム

==================================================== */
/*—————————————————————————————————————————————————————
　フォームブロック
—————————————————————————————————————————————————————*/
.bl_form dt {
    margin-top: 4rem;
}

.bl_form dd {
    margin-top: 0.6rem;
}

.bl_form label {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: normal;
    letter-spacing: 0px;
    color: var(--color-txt);
}

    .bl_form label small {
        font-size: 100%;
        margin-left: 0.5em;
        color: var(--color-txt_l);
    }

/*—————————————————————————————————————————————————————
　フォームボックス
—————————————————————————————————————————————————————*/
.bl_form__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    margin-top: 1.2rem;
}

    .bl_form__box:first-child {
        margin-top: 0;
    }

    .bl_form__box.column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

.bl_form__box__Label {
    width: 8rem;
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: bold;
    color: #788CA0;
}

.bl_form__box--title {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: bold;
}

.bl_form__boxItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .bl_form__boxItem label {
        font-size: 1.2rem;
        line-height: 1.7rem;
        color: #555555;
    }

    .bl_form__boxItem h5 {
        font-size: 2.2rem;
        line-height: 3.2rem;
        font-weight: bold;
    }

    .bl_form__boxItem p {
        font-size: 1.7rem;
        line-height: 2.5rem;
    }

    .bl_form__boxItem.row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .bl_form__boxItem.row label {
            white-space: nowrap;
        }

    .bl_form__boxItem .el_btn__size__i {
        max-width: 4.4rem;
        height: 4.4rem;
    }

    .bl_form__boxItem .el_form_textarea {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .bl_form__boxItem .el_form_textarea:disabled {
            color: var(--color-txt);
        }

.bl_form__boxItem--spacer {
    margin-top: 3rem;
}

    .bl_form__boxItem--spacer p {
        font-size: 1.5rem;
        line-height: 3rem;
        color: #333333;
    }

    .bl_form__boxItem--spacer i {
        color: #777777;
    }

.bl_form__boxItem--grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.bl_form__boxBtn {
    margin: 0 auto;
}

    .bl_form__boxBtn .el_btn {
        min-width: 18rem;
    }

/* ————————————— モディファイア ————————————— */
/* テーブル風レイアウト */
@media screen and (min-width: 680px) {
    .bl_form.bl_form__table {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 20px 24px;
        max-width: 64.4rem;
    }
}

.bl_form.bl_form__table.size__l {
    max-width: 100%;
    gap: 2.4rem;
}

@media screen and (min-width: 680px) {
    .bl_form.bl_form__table dt,
    .bl_form.bl_form__table dd {
        margin-top: 0rem;
    }

        .bl_form.bl_form__table dt:first-of-type,
        .bl_form.bl_form__table dd:first-of-type {
            margin-top: 0rem;
        }
}

.bl_form.bl_form__table dt {
    margin-top: 0rem;
    border-radius: 0.4rem;
}

    .bl_form.bl_form__table dt:first-of-type {
        margin-top: 0rem;
    }

@media screen and (min-width: 680px) {
    .bl_form.bl_form__table dt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 14rem;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }
}

@media screen and (min-width: 680px) {
    .bl_form.bl_form__table dt label {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 680px) {
    .bl_form.bl_form__table dd {
        width: calc(100% - 14rem - 2.4rem);
    }
}

@media screen and (min-width: 680px) {
    .bl_form.bl_form__table dd .bl_form_group {
        margin-top: 0;
    }
}

.bl_form__list li {
    padding: 1.6rem 2rem;
    border: 1px solid var(--color-border_l);
}

@media screen and (min-width: 680px) {
    .bl_form__list li .bl_form_group {
        margin-top: 0;
    }
}

.bl_form__list li:nth-child(n+2) {
    border-top: none;
}

/*—————————————————————————————————————————————————————
　フォームのグループ化（ラジオ・チェックボックス）
—————————————————————————————————————————————————————*/
.bl_form_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem 1rem;
    margin-top: 1.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .bl_form_group p {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: normal;
        letter-spacing: 0px;
        color: var(--color-txt);
    }

.bl_form_group--box .el_form_radio,
.bl_form_group--box .el_form_check {
    margin-left: 0;
    background-color: #FFFFFF;
    outline: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 1.3rem 1.6rem;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #333333;
}

    .bl_form_group--box .el_form_radio input,
    .bl_form_group--box .el_form_check input {
        margin-left: 0;
        margin-right: 6px;
    }

    .bl_form_group--box .el_form_radio:has(input:checked),
    .bl_form_group--box .el_form_check:has(input:checked) {
        background-color: #C5E4FF;
        outline: 1px solid #006FD1;
    }

    .bl_form_group--box .el_form_radio:has(input:disabled),
    .bl_form_group--box .el_form_check:has(input:disabled) {
        background-color: #E8E8E8;
        color: #777777;
    }

/* ————————————— モディファイア ————————————— */
/* レイアウト変更：縦 */
.bl_form_group__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    gap: 8px 0 !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

    .bl_form_group__column.gap__12 {
        gap: 12px 0 !important;
    }

    .bl_form_group__column.gap__15 {
        gap: 15px 0 !important;
    }

/*　入力フォーム分割時に利用
　　（郵便番号等・電話番号など間に文字が入る場合）
—————————————————————————————————*/
.bl_form_groupInTxt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .bl_form_groupInTxt > span {
        display: block;
        padding: 0 0.5rem;
        font-size: 2.1rem;
        line-height: 3.1rem;
        white-space: nowrap;
        border: 1px solid 1px var(--color-border_l);
    }

        .bl_form_groupInTxt > span:first-child {
            padding-left: 0;
        }

    .bl_form_groupInTxt.is_disable :not(:last-child) {
        opacity: 0.4;
    }

/*—————————————————————————————————————————————————————
　入力欄とラジオ・チェックボックスの高さ調整
—————————————————————————————————————————————————————*/
@media screen and (min-width: 680px) {
    .bl_form_groupTxtHeight {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 4.6rem;
    }

        .bl_form_groupTxtHeight .bl_form_group {
            margin-top: 0;
        }

        .bl_form_groupTxtHeight label {
            margin-bottom: 0;
        }
}

/* ====================================================

　　テーブル

==================================================== */
/*—————————————————————————————————————————————————————
　シンプルテーブル
—————————————————————————————————————————————————————*/
.bl_table {
    width: 100%;
}

    .bl_table.layout__fixed {
        table-layout: fixed;
    }

    .bl_table th,
    .bl_table td {
        width: auto;
        vertical-align: middle;
        cursor: default;
    }

    .bl_table thead tr {
        background-color: #96A5AF;
    }

    .bl_table thead th {
        padding: 0.5rem 1.6rem;
        font-size: 1.2rem;
        line-height: 1.7rem;
        letter-spacing: 0px;
        font-weight: normal;
        color: #FFFFFF;
        background-color: #96A5AF;
    }

        .bl_table thead th.w-180 {
            width: 18rem;
        }

        .bl_table thead th.w-190 {
            width: 19rem;
        }

    .bl_table tbody tr:has(td input:checked) {
        background: #E8F5FF;
    }

    .bl_table tbody tr th {
        padding: 1.3rem 1.6rem;
        position: relative;
        font-size: 1.4rem;
        line-height: 1.8rem;
        letter-spacing: 0px;
        background-color: #96A5AF;
        color: #FFFFFF;
        font-weight: normal;
    }

    .bl_table tbody tr td {
        padding: 1.3rem 1.6rem;
        position: relative;
        font-size: 1.4rem;
        line-height: 1.8rem;
        letter-spacing: 0px;
    }

        .bl_table tbody tr td .u_staffingDetail__grid--icon, .bl_table tbody tr td .bl_badges--icon {
            margin: 0 auto;
        }

        .bl_table tbody tr td.inputBox {
            padding: 0.5rem 1.1rem;
            width: 16.9rem;
        }

            .bl_table tbody tr td.inputBox .el_form_input {
                min-width: auto;
                height: 3.7rem;
            }

                .bl_table tbody tr td.inputBox .el_form_input.h-auto {
                    height: auto;
                }

        .bl_table tbody tr td.operation {
            padding: 0.5rem 1.1rem;
        }

            .bl_table tbody tr td.operation .flex {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                gap: 1rem;
            }

                .bl_table tbody tr td.operation .flex a, .bl_table tbody tr td.operation .flex button {
                    padding: 0.8rem 1.4rem;
                    max-width: 12rem;
                    font-size: 1.3rem;
                    line-height: 1.7rem;
                    height: 3.4rem;
                }

                .bl_table tbody tr td.operation .flex .el_btn__size__i {
                    padding: 1.1rem 0 1.2rem;
                }

        .bl_table tbody tr td.dark {
            background-color: #586B78;
            color: #FFFFFF;
        }

        .bl_table tbody tr td.h-60 {
            height: 6rem;
        }

        .bl_table tbody tr td.hatching {
            background-color: #EBEBEB;
        }

        .bl_table tbody tr td a {
            cursor: pointer;
        }

    .bl_table.dark {
        border: 1px solid #586B78;
    }

        .bl_table.dark thead th {
            background-color: #586B78;
            color: #FFFFFF;
            border-top: none;
        }

            .bl_table.dark thead th:first-child {
                border-left: none;
            }

            .bl_table.dark thead th:last-child {
                border-right: none;
            }

        .bl_table.dark tbody tr:last-child td {
            border-bottom: none;
        }

        .bl_table.dark tbody td:first-child {
            border-left: none;
        }

        .bl_table.dark tbody td:last-child {
            border-right: none;
        }

/* ————————————— モディファイア ————————————— */
/*—————————————————————————————————————————————————————
　アコーディオン内
—————————————————————————————————————————————————————*/
.bl_table_accordion th,
.bl_table_accordion td {
    width: auto;
    text-align: left;
    letter-spacing: 0px;
    padding-left: 2.4rem;
    cursor: default;
}

.bl_table_accordion thead th {
    font-size: 1.2rem;
    line-height: 1.7rem;
    font-weight: normal;
    color: #AAAAAA;
}

    .bl_table_accordion thead th:first-child {
        padding-left: 0;
        padding-right: 2.4rem;
        border-right: 1px solid var(--color-border);
    }

.bl_table_accordion tbody td {
    font-size: 1.7rem;
    font-weight: normal;
    vertical-align: bottom;
    line-height: 2.5rem;
}

    .bl_table_accordion tbody td:first-child {
        min-width: 20rem;
        padding-left: 0;
        padding-right: 2.4rem;
        border-right: 1px solid var(--color-border);
        font-size: 2.2rem;
        font-weight: bold;
        line-height: 3.2rem;
    }

/* ————————————— モディファイア ————————————— */
/* データ表示用テーブル */
.bl_table__data {
    width: 100%;
}

    .bl_table__data thead tr {
        border-top: none;
        background-color: var(--color-table_thead_bg);
        color: var(--color-table_thead_txt);
    }

    .bl_table__data thead th {
        font-weight: normal;
    }

    .bl_table__data th,
    .bl_table__data td {
        padding: 1em 0.8rem;
    }

@media screen and (min-width: 680px) {
    .bl_table__data th,
    .bl_table__data td {
        padding: 1.3em 1.6rem;
    }
}

.bl_table__data tbody tr {
    background-color: var(--color-table_td_bg1);
}

.bl_table__data thead + tbody tr:first-child {
    border-top: none;
}

/* ミニマルなテーブル */
.bl_table__min th,
.bl_table__min td {
    padding: 0.8em 0.4rem;
}

@media screen and (min-width: 680px) {
    .bl_table__min th,
    .bl_table__min td {
        padding: 0.8em 1.6rem;
    }
}

.bl_table__min tbody th {
    font-weight: normal;
    background-color: var(--color-table_th_bg);
}

/* スマホ時 縦レイアウトに変更 */
@media screen and (max-width: 679px) {
    .bl_table__row thead {
        display: none;
    }
}

.bl_table__row tbody th {
    font-weight: bold;
    padding: 0 0 0.6rem;
    font-size: 14px;
    line-height: 21px;
}

.bl_table__row tbody td {
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0 1rem;
    font-size: 14px;
    line-height: 21px;
}

.bl_table__row tbody tr {
    height: auto;
    display: block;
    border-bottom: unset;
    padding-top: 2.4rem;
}

    .bl_table__row tbody tr:first-child {
        border-top: unset;
    }
/* スマホ時 縦レイアウトに変更 tdの項目と本文を横並びにしたい場合 */
@media screen and (max-width: 679px) {
    .bl_table__row__tdColumn {
        padding-top: 0.3rem !important;
        padding-bottom: 0.3rem !important;
    }

        .bl_table__row__tdColumn:before {
            display: inline-block !important;
            content: "" attr(data-label) "：" !important;
            font-weight: normal !important;
            padding-bottom: 0 !important;
        }
}

/* スマホ時 縦レイアウトに変更（tdの左右パディングありver） */
@media screen and (max-width: 679px) {
    .bl_table__row__padding tbody td {
        padding-left: var(--padding-grid-inner_sm);
        padding-right: var(--padding-grid-inner_sm);
    }
}

/* ホバースタイルあり */
.bl_table_style__hover tbody tr:not(.is_active, .is_disable):hover {
    background-color: var(--color-table_hover) !important;
}

/* ホバースタイルあり */
.bl_table_style__hover_td tbody td:hover:not(.none) {
    opacity: 0.5;
}

.multi_select .bl_table_style__hover_td tbody td:hover:not(.none) {
    opacity: 1;
}

/* 罫線あり */
.bl_table_style__border th,
.bl_table_style__border td {
    border: 1px solid var(--color-border_l);
}

/* 罫線なし */
.bl_table_style__noBorder tr {
    border-bottom: none !important;
}

    .bl_table_style__noBorder tr:first-child {
        border-top: none !important;
    }

/* テーブル最後のtr下罫線なし */
.bl_table_style__lastNoBorder tr:last-child {
    border-bottom: none !important;
}

/* 交互に背景色を変える */
.bl_table_style__stripe tbody tr {
    background-color: var(--color-table_td_bg1);
}

    .bl_table_style__stripe tbody tr.sat {
        background-color: #EBF6FF;
    }

        .bl_table_style__stripe tbody tr.sat:nth-child(even) {
            background-color: #E1EEF8 !important;
        }

        .bl_table_style__stripe tbody tr.sat .day {
            color: var(--color-primary);
        }

    .bl_table_style__stripe tbody tr.sun, .bl_table_style__stripe tbody tr.holiday {
        background-color: #FFF3F3;
    }

        .bl_table_style__stripe tbody tr.sun:nth-child(even), .bl_table_style__stripe tbody tr.holiday:nth-child(even) {
            background-color: #F5EBEC !important;
        }

        .bl_table_style__stripe tbody tr.sun .day, .bl_table_style__stripe tbody tr.holiday .day {
            color: var(--color-danger);
        }

    .bl_table_style__stripe tbody tr:nth-child(even) {
        background-color: var(--color-table_td_bg2);
    }

/* 均等配置 */
.bl_table_style__layoutFixed {
    table-layout: fixed;
}

/* ヘッダー固定 */
.bl_table_style__scroll {
    overflow: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 2.4rem;
    /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
    -ms-overflow-style: none;
    /*Firefoxへの対応*/
    scrollbar-width: none;
}

    .bl_table_style__scroll::-webkit-scrollbar {
        display: none;
    }

    .bl_table_style__scroll.scrollbar {
        scrollbar-width: thin;
    }

    .bl_table_style__scroll.h-55 {
        height: 54.5rem;
    }

    .bl_table_style__scroll thead {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 2;
    }

        .bl_table_style__scroll thead:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 1px solid var(--color-border_l);
            z-index: -1;
        }

.bl_table.bl_table_input tr {
    border: 1px solid var(--color-border_l);
}

.bl_table.bl_table_input th,
.bl_table.bl_table_input td {
    padding: 1.6rem 2rem;
}

/* 【スマホ時】横スクロール
————————————————————————————————*/
@media screen and (max-width: 679px) {
    .bl_table_scrollX {
        overflow-x: scroll;
        width: calc(100% + var(--padding-contents-lr_mdsm));
    }
}

.bl_table_scrollX table {
    width: 100%;
    border-collapse: collapse;
}

@media screen and (max-width: 679px) {
    .bl_table_scrollX table {
        min-width: 1000px;
    }
}

/* アイコン
————————————————————————————————*/
.bl_table_icon {
    font-size: 2rem;
    line-height: 1.2;
    vertical-align: middle;
    margin: 0 0.4em 0 0;
    -webkit-transform: rotate(0.05deg);
    transform: rotate(0.05deg);
}

/* ————————————— モディファイア ————————————— */
/* スマホ時 アイコンと文字を改行する */
@media screen and (max-width: 679px) {
    .bl_table_icon_sm__row {
        margin: 0 !important;
        display: block;
    }
}

/* ====================================================

　　特定ページ利用

==================================================== */
/*—————————————————————————————————————————————————————
　ログイン
—————————————————————————————————————————————————————*/
.bl_login {
    height: 100%;
}

@media screen and (min-width: 680px) {
    .bl_login {
        height: auto;
    }
}

.bl_login_inner {
    max-width: 60rem;
    min-width: 32rem;
    padding: 4.8rem 4rem;
    background-color: var(--color-content-bg);
    -webkit-box-shadow: 0px 1px 2px var(--color-content-shadow);
    box-shadow: 0px 1px 2px var(--color-content-shadow);
    height: 100%;
    margin: 0 auto;
}

@media screen and (min-width: 680px) {
    .bl_login_inner {
        width: 39rem;
        height: auto;
    }
}

/* ログインフォームの微調整 */
.bl_login_form {
    padding: 0 2.3rem;
}

    .bl_login_form dt {
        margin-top: 2.4rem;
    }

/* ログインフォームのロゴ */
.bl_login_logo {
    min-width: 20rem;
    max-width: 34rem;
    width: 100%;
}

@media screen and (min-width: 680px) {
    .bl_login_logo {
        max-width: 46.4rem;
    }
}

/*—————————————————————————————————————————————————————
　設定
—————————————————————————————————————————————————————*/
/* 設定フォームの微調整 */
.bl_setting_form {
    padding: 0 var(--padding-contents-lr_mdsm);
}

@media screen and (min-width: 680px) {
    .bl_setting_form {
        padding: 0 var(--padding-contents-lr_lg);
    }
}

.bl_setting_form dt {
    margin-top: 2.4rem;
}

/*—————————————————————————————————————————————————————
　複数選択
—————————————————————————————————————————————————————*/
/* 複数選択フォームの微調整 */
.bl_multi_select_form {
    padding-bottom: var(--padding-contents-lr_mdsm);
}

    .bl_multi_select_form dt {
        padding: 0 var(--padding-contents-lr_mdsm);
        margin-top: 0;
    }

@media screen and (min-width: 680px) {
    .bl_multi_select_form dt {
        padding: 0 var(--padding-contents-lr_lg);
    }
}

.bl_multi_select_form dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    height: 5.5rem;
    border-bottom: 1px solid var(--color-border);
    padding: 0 var(--padding-contents-lr_mdsm);
}

@media screen and (min-width: 680px) {
    .bl_multi_select_form dd {
        padding: 0 var(--padding-contents-lr_lg);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.bl_multi_select_form .el_form_select {
    position: relative;
}

    .bl_multi_select_form .el_form_select select {
        font-size: 2.1rem;
        line-height: 3.1rem;
        color: var(--color-txt);
        font-weight: normal;
        width: 4.4rem;
        border-bottom: 1px solid var(--color-border_select);
        border-radius: 0;
        -moz-text-align-last: center;
        text-align-last: center;
    }

    .bl_multi_select_form .el_form_select:before {
        content: unset;
    }

.bl_multi_select_form .el_form_check {
    font-size: 1.5rem;
    line-height: 2.3rem;
}

    .bl_multi_select_form .el_form_check input {
        margin-right: 0.55rem;
    }

/*—————————————————————————————————————————————————————
　HTMLのステータスコードエラー
—————————————————————————————————————————————————————*/
.bl_htmlStatusError {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: var(--padding-contents-lr_mdsm);
    padding-right: var(--padding-contents-lr_mdsm);
    height: calc(100vh - var(--height-header_mdsm));
}

@media screen and (min-width: 1200px) {
    .bl_htmlStatusError {
        height: calc(100vh - var(--height-header_lg));
    }
}

/* 英語タイトル */
.bl_htmlStatusError_ttlEng {
    font-size: 2.8rem;
    text-align: center;
    font-weight: bold;
    color: rgba(var(--color-txt_rgb), 30%);
}

@media screen and (min-width: 680px) {
    .bl_htmlStatusError_ttlEng {
        font-size: 8rem;
    }
}

.bl_htmlStatusError_ttlEng i {
    display: block;
    margin-bottom: 0.2em;
    font-size: 8rem;
    color: var(--color-danger);
}

@media screen and (min-width: 680px) {
    .bl_htmlStatusError_ttlEng i {
        font-size: 10rem;
        margin-bottom: 0.1em;
    }
}

/* 日本語タイトル */
.bl_htmlStatusError_ttl {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 1.8rem;
}

@media screen and (min-width: 680px) {
    .bl_htmlStatusError_ttl {
        font-size: 2.4rem;
    }
}

/*—————————————————————————————————————————————————————
　完了ページ用
—————————————————————————————————————————————————————*/
.bl_status {
    text-align: center;
}

    .bl_status p {
        margin-top: 2.4rem;
        padding: 0 3rem;
    }

/* アイコン表示エリア */
.bl_status_head {
    padding: 4rem 0 0;
    color: var(--color-primary);
}

    .bl_status_head i {
        margin-bottom: 2.5rem;
        font-size: 6rem;
    }

@media screen and (min-width: 680px) {
    .bl_status_head i {
        font-size: 10rem;
    }
}

/* タイトル */
.bl_status_head_ttl {
    font-weight: bold;
    color: var(--color-txt);
}

/* ————————————— モディファイア ————————————— */
/* 完了 */
.bl_status__complete .bl_status_head {
    color: var(--color-success) !important;
}

/* エラー */
.bl_status__error .bl_status_head {
    color: var(--color-danger) !important;
}

.hp_paddingBottom__m p {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
}

.bl_box__dark {
    border: 1px solid var(--color-ttl_bg_dark);
    padding: 1.8rem 1.4rem;
}

    .bl_box__dark .el_ttl_box__dark {
        margin: -1.8rem -1.4rem 1.8rem;
        padding-top: 1.4rem;
        padding-bottom: 1.5rem;
        font-size: 1.5rem;
        font-weight: normal;
        background-color: var(--color-ttl_bg_dark) !important;
    }

.bl_box__dark_l {
    border: 1px solid var(--color-ttl_bg_dark_l);
    padding: 1.8rem 1.4rem;
}

    .bl_box__dark_l .el_ttl_box__dark {
        margin: -1.8rem -1.4rem 1.8rem;
        padding-top: 1.4rem;
        padding-bottom: 1.5rem;
        font-size: 1.5rem;
        font-weight: normal;
        background-color: var(--color-ttl_bg_dark_l) !important;
    }

/*—————————————————————————————————————————————————————
　マスタメンテ用
—————————————————————————————————————————————————————*/
.bl_master {
    gap: 2.4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .bl_master .bl_form_group {
        gap: 0.8rem;
    }

    .bl_master .el_btn {
        min-width: 18rem;
        margin-left: 1.2rem;
    }

    .bl_master .w1400 {
        width: 140rem;
    }

.w644 {
    max-width: 64.4rem;
}

/* ====================================================

　　ヘッダ

==================================================== */
/*—————————————————————————————————————————————————————
　ロゴ
—————————————————————————————————————————————————————*/
.bl_headerLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 4.4rem;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2.9rem;
    color: var(--color-key);
}

    .bl_headerLogo img {
        width: 5.6rem;
        height: 2.9rem;
    }
/*—————————————————————————————————————————————————————
　ナビゲーション
—————————————————————————————————————————————————————*/
/*　wrapper
————————————————————————————————*/
.bl_headerNav_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* 左側配置 */
.bl_headerNav_wrap__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
}

    .bl_headerNav_wrap__left a {
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .bl_headerNav_wrap__left a:hover {
            color: var(--color-link);
            font-weight: bold;
        }

            .bl_headerNav_wrap__left a:hover > i {
                color: var(--color-link);
            }

/*　ナビゲーション
————————————————————————————————*/
.bl_headerNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .bl_headerNav li {
        position: relative;
    }

        .bl_headerNav li a.is_active {
            color: var(--color-link);
            font-weight: bold;
            position: relative;
        }

            .bl_headerNav li a.is_active::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: block;
                border-bottom: 3px solid var(--color-primary);
            }

        .bl_headerNav li a {
            padding: 1.9rem 1.2rem;
            cursor: pointer;
        }

            .bl_headerNav li a strong {
                font-weight: bold;
            }

            .bl_headerNav li a > i {
                font-size: 1.8rem;
                line-height: 1.1;
            }

        .bl_headerNav li ul {
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
            visibility: hidden;
            opacity: 0;
            position: absolute;
            top: 5rem;
            right: 1.2rem;
            width: 26rem;
            background-color: #ffffff;
            border-radius: 4px;
            -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137);
            z-index: 1000;
        }

            .bl_headerNav li ul li a {
                padding: 1.6rem;
            }

                .bl_headerNav li ul li a:hover {
                    background-color: #E8F5FF;
                    color: var(--color-txt);
                    font-weight: normal;
                }

            .bl_headerNav li ul li:has(+ .list-label) {
                border: none;
            }

            .bl_headerNav li ul li.list-label {
                padding: 4px 8px;
                background-color: #F5F5F5;
                font-size: 1.2rem;
                line-height: 1.7rem;
                border: none;
                color: #777777;
            }

                .bl_headerNav li ul li.list-label:hover {
                    background-color: #F5F5F5;
                }

            .bl_headerNav li ul li.flex {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

                .bl_headerNav li ul li.flex a:first-child {
                    border-right: 1px solid #E3E3E3;
                }

        .bl_headerNav li .bl_headerNav__tab {
            right: -6rem;
        }

            .bl_headerNav li .bl_headerNav__tab li {
                border-bottom: 1px solid #E3E3E3;
            }

        .bl_headerNav li:hover ul {
            visibility: visible;
            opacity: 1;
        }

    .bl_headerNav.is_active a {
        pointer-events: none;
    }

    /* ————————————— モディファイア ————————————— */
    /* テキストナビ */
    .bl_headerNav.bl_headerNav__txt {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .bl_headerNav.bl_headerNav__txt a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

@media screen and (min-width: 680px) {
    .bl_headerNav.bl_headerNav__txt a {
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 1200px) {
    .bl_headerNav.bl_headerNav__txt a {
        font-size: 1.5rem;
    }
}

.bl_headerNav.bl_headerNav__txt a > i {
    margin-right: 0.8rem;
    color: var(--color-body_icon);
}

/* アイコン大ナビ */
.bl_headerNav.bl_headerNav__icon a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    text-align: center;
    gap: 4px;
}

.bl_headerNav.bl_headerNav__icon img {
    margin-left: 0.6rem;
}

/* ドロップダウン展開メニュー */
.bl_headerNav__dropDown {
    position: relative;
}

    .bl_headerNav__dropDown > a {
        position: relative;
        cursor: pointer;
    }

        .bl_headerNav__dropDown > a:after {
            content: "\e5cf";
            display: block;
            margin-left: 0.4rem;
            color: var(--color-body_icon);
            font-size: 2.4rem;
            line-height: 1;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

@media screen and (min-width: 1200px) {
    .bl_headerNav__dropDown > a:after {
        font-size: 2.8rem;
    }
}

.bl_headerNav__dropDown > a.is_active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: var(--color-link) !important;
}

.bl_headerNav__dropDown > a:hover {
    color: var(--color-header_txt) !important;
}

    .bl_headerNav__dropDown > a:hover:after {
        color: var(--color-link) !important;
    }

.bl_headerNav__dropDown.bl_headerNav_txtNone__sm > a:after {
    margin-left: 0rem;
}

@media screen and (min-width: 680px) {
    .bl_headerNav__dropDown.bl_headerNav_txtNone__sm > a:after {
        margin-left: 0.4rem;
    }
}

.bl_headerNav__dropDown.bl_headerNav_txtNone__sm > a > i {
    margin-right: 0rem;
}

@media screen and (min-width: 680px) {
    .bl_headerNav__dropDown.bl_headerNav_txtNone__sm > a > i {
        margin-right: 0.8rem;
    }
}

.bl_headerNav__dropDown > ul {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 6rem;
    right: 0;
    width: 25rem;
    background: var(--color-body_dropdown_bg);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

@media screen and (min-width: 680px) {
    .bl_headerNav__dropDown > ul {
        width: 30rem;
    }
}

@media screen and (min-width: 1200px) {
    .bl_headerNav__dropDown > ul {
        top: 7rem;
    }
}

.bl_headerNav__dropDown > ul.is_show {
    visibility: visible;
    opacity: 1;
    top: 5rem;
}

@media screen and (min-width: 1200px) {
    .bl_headerNav__dropDown > ul.is_show {
        top: 5.8rem;
    }
}

.bl_headerNav__dropDown > ul li a {
    display: block;
    padding: 1.4rem 1.6rem;
    font-size: 1.3rem;
    line-height: 1.2;
    color: #FFF !important;
}

    .bl_headerNav__dropDown > ul li a:hover {
        background-color: var(--color-body_dropdown_hover);
    }

@media screen and (min-width: 1200px) {
    .bl_headerNav__dropDown > ul li a {
        padding: 1.8rem 2rem;
        font-size: 1.4rem;
    }
}

.bl_headerNav__dropDown > ul li i {
    font-size: 1.5rem !important;
    vertical-align: middle;
}

@media screen and (min-width: 1200px) {
    .bl_headerNav__dropDown > ul li i {
        font-size: 2rem !important;
    }
}

.bl_headerNav__dropDown > ul > ul li {
    color: #FFF;
}

    .bl_headerNav__dropDown > ul > ul li a {
        padding: 1.4rem 2rem;
    }

@media screen and (min-width: 1200px) {
    .bl_headerNav__dropDown > ul > ul li a {
        padding: 1.4rem 3rem;
    }
}

.bl_headerNav__dropDown_secTtl {
    padding: 2rem 2rem 1rem;
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
}

.bl_headerNav__dropDown_line {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/*　通知バッジ
————————————————————————————————*/
.bl_headerNav_badge {
    position: relative;
}

    .bl_headerNav_badge:before {
        content: attr(data-badge);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        right: -0.2rem;
        min-width: 1.4rem;
        height: 1.4rem;
        padding: 0.3rem;
        font-size: 1rem;
        line-height: 1;
        border-radius: 1rem;
        color: #FFF;
        background-color: var(--color_red);
    }

@media screen and (min-width: 680px) {
    .bl_headerNav_badge:before {
        right: -0.4rem;
    }
}

@media screen and (min-width: 1200px) {
    .bl_headerNav_badge:before {
        min-width: 1.6rem;
        height: 1.6rem;
    }
}

/* ====================================================

　　サイド

==================================================== */
/*—————————————————————————————————————————————————————
　サイドナビゲーション（親・子・孫階層まで）
—————————————————————————————————————————————————————*/
/* 全階層共通 */
.bl_sideNavi li {
    margin: 0rem 1.4rem;
}

@media screen and (min-width: 1200px) {
    .bl_sideNavi li {
        margin: 0.4rem 1.4rem;
    }
}

.bl_sideNavi li a, .bl_sideNavi li summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 5rem;
    padding: 0.6rem 0rem 0.2rem;
    font-size: 1.4rem;
    line-height: 1.2;
    cursor: pointer;
    -webkit-transition: padding 0.2s ease;
    transition: padding 0.2s ease;
}

@media screen and (min-width: 1200px) {
    .bl_sideNavi li a, .bl_sideNavi li summary {
        min-height: 6rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1.6rem;
    }
}

.bl_sideNavi li a:hover, .bl_sideNavi li summary:hover {
    border-radius: 0.8rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    background-color: var(--color-side_hover);
}

@media screen and (min-width: 1200px) {
    .bl_sideNavi li a:hover, .bl_sideNavi li summary:hover {
        padding-left: 1.4rem;
        padding-right: 1.4rem;
    }
}

.bl_sideNavi li i {
    margin-right: 1.2rem;
    margin-bottom: 0.2em;
    vertical-align: middle;
    font-size: 1.8rem;
    line-height: 1;
    color: var(--color-side_icon);
}

@media screen and (min-width: 1200px) {
    .bl_sideNavi li i {
        margin-bottom: 0.1em;
        font-size: 2.4rem;
    }
}

/*　アコーディオン：全階層共通
————————————————————————————————*/
.bl_sideNavi summary {
    position: relative;
    list-style: none;
    cursor: pointer;
}

    .bl_sideNavi summary:before {
        content: "\e5cc";
        position: absolute;
        right: 0rem;
        top: calc(50% - 14px);
        font-size: 2.4rem;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .bl_sideNavi summary::-webkit-details-marker {
        display: none !important;
    }

.bl_sideNavi details[open] {
    width: calc(100% + 1.4rem + 1.4rem);
    margin-left: -1.4rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    background-color: var(--color-side_open_bg);
}

    .bl_sideNavi details[open] > summary:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .bl_sideNavi details[open] > summary:hover {
        background-color: inherit;
    }

/* 子階層 */
.bl_sideNavi_child > li a, .bl_sideNavi_child > li summary {
    min-height: 4rem !important;
    padding-left: 1.8rem !important;
}

    .bl_sideNavi_child > li a:hover, .bl_sideNavi_child > li summary:hover {
        background-color: inherit;
    }

/* 孫階層 */
.bl_sideNavi_grandchild > li > a, .bl_sideNavi_grandchild > li summary {
    min-height: 4rem !important;
    padding-left: 1.8rem !important;
}

    .bl_sideNavi_grandchild > li > a:hover, .bl_sideNavi_grandchild > li summary:hover {
        background-color: inherit;
    }

/* ————————————————— 状態 ————————————————— */
/* 選択中：全階層共通 */
.bl_sideNavi .is_active {
    pointer-events: none;
    padding: 0 1.4rem;
    border-radius: 0.8rem;
    color: var(--color-side_active_txt);
    background-color: var(--color-side_active);
}

/*　セクションタイトル
————————————————————————————————*/
.bl_sideNavi_secTtl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    min-height: 3rem;
    font-size: 1.2rem;
}

/* ====================================================

　　フッタ

==================================================== */
/*—————————————————————————————————————————————————————
　フッタのコピーライト
—————————————————————————————————————————————————————*/
.bl_footer_copy {
    font-size: 1rem;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    line-height: 1.2;
    text-align: center;
    color: var(--color-txt_l);
}

@media screen and (min-width: 1200px) {
    .bl_footer_copy {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* ====================================================

　　サイド

==================================================== */
.uq_sideLevel {
    margin: 1rem 1.4rem 3rem 1.4rem;
    padding: 1.6rem;
    border-radius: 0.4rem;
    background-color: #FFFFFF;
    font-size: 1rem;
    color: var(--color-txt_l);
    line-height: 1;
}

@media screen and (min-width: 1200px) {
    .uq_sideLevel {
        padding: 2rem;
        font-size: 1.2rem;
    }
}

.uq_sideLevel i {
    display: inline-block;
    margin-right: 0.2em;
    font-size: 1.5rem;
    vertical-align: middle;
}

@media screen and (min-width: 1200px) {
    .uq_sideLevel i {
        font-size: 1.8rem;
    }
}

.uq_sideLevel strong {
    display: block;
    margin-top: 0.5em;
    font-size: 1.6rem;
    font-weight: bold;
    color: var(--color-key);
}

@media screen and (min-width: 1200px) {
    .uq_sideLevel strong {
        font-size: 2rem;
    }
}

/*2024/05/24 Add Start Okuno*/
.d-none {
    display: none !important;
}

.input-detail {
    max-width: 1.2em;
    min-width: unset;
    padding: unset;
    font-size: unset;
    line-height: unset;
    border-radius: unset;
    outline: unset;
    background-color: unset;
}

.bg-success-subtle {
    background-color: #051b11 !important;
}

.bg-primary-subtle {
    background-color: #FFF7BF !important;
}

/*2024/05/24 Add End Okuno*/
/*2024/05/21 Add Start Nakauchi*/
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: red;
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated .el_form_select:has(:invalid) ~ .invalid-feedback, .was-validated .el_form_radio:has(:invalid) ~ .invalid-feedback, .was-validated .el_form_check:has(:invalid) ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .el_form_input:invalid, .was-validated select:invalid, .was-validated .el_form_radio:invalid, .was-validated .el_form_check:invalid {
    outline: solid 1px var(--color-danger);
    padding-right: calc(1.5em + 0.75rem);
}

/*2024/05/21 Add End Nakauchi*/
.el_form_input_disabled {
    color: var(--color-disable_txt);
    background-color: var(--color-disable);
}

/* ====================================================

　　配置表詳細(メイン)

==================================================== */
.u_staffingDetail {
    display: none;
}

    .u_staffingDetail.is_active {
        display: block;
    }

.u_staffingDetail__grid {
    display: grid;
    /*grid-template-columns: 66.3rem 37.1rem auto;*/
    gap: 1rem;
}

    .u_staffingDetail__grid.detail {
        grid-template-columns: 27.8rem 66.3rem 37.1rem;
    }

.u_staffingDetail__grid--item1 {
    border: 1px solid var(--color-border);
    background-color: var(--color-body_bg);
    border-radius: 4px;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.u_staffingDetail__grid--item2 {
    border: 1px solid var(--color-border);
    background-color: var(--color-body_bg);
    border-radius: 4px;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.u_staffingDetail__grid--item3 {
    border: 1px solid var(--color-border);
    background-color: var(--color-body_bg);
    border-radius: 4px;
    grid-column-start: 1;
    grid-column-end: 3;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.u_staffingDetail__grid--item4 {
    border: 1px solid var(--color-border);
    border-radius: 4px;
    grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    padding: 1rem;
}

.u_staffingDetail__grid--head {
    font-size: 1.2rem;
    line-height: 1.3rem;
    color: #555555;
    letter-spacing: 0px;
}

    .u_staffingDetail__grid--head small {
        display: block;
        font-size: 1rem;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        color: #AAAAAA;
    }

.u_staffingDetail__grid--icon {
    border-radius: 2px;
    color: #FFFFFF !important;
    font-size: 1.1rem !important;
    letter-spacing: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1.7rem;
    width: 1.7rem;
    height: 1.7rem;
}

    .u_staffingDetail__grid--icon.rank-s {
        background-color: #FF5A8D;
    }

        .u_staffingDetail__grid--icon.rank-s::before {
            content: "S";
        }

    .u_staffingDetail__grid--icon.rank-a {
        background-color: #9975FF;
    }

        .u_staffingDetail__grid--icon.rank-a::before {
            content: "A";
        }

    .u_staffingDetail__grid--icon.rank-b {
        background-color: #17BE96;
    }

        .u_staffingDetail__grid--icon.rank-b::before {
            content: "B";
        }

    .u_staffingDetail__grid--icon.rank-c {
        background-color: #788CA0;
    }

        .u_staffingDetail__grid--icon.rank-c::before {
            content: "C";
        }

.u_staffingDetail__grid--addBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.4rem;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

    .u_staffingDetail__grid--addBtn button {
        min-width: 7.3rem;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-size: 1.4rem;
        background-color: var(--color-primary);
        border-radius: 4px 0px 0px 4px;
        text-align: center;
        height: 100%;
        border: none;
        outline: 1px solid #CCCCCC;
    }

        .u_staffingDetail__grid--addBtn button:hover {
            opacity: 0.5;
        }

    .u_staffingDetail__grid--addBtn p {
        width: 100%;
        font-size: 1.5rem;
        line-height: 1.8rem;
        letter-spacing: 0px;
        padding: 1.3rem 1rem 1.3rem;
        border: 1px solid #CCCCCC;
        border-radius: 0px 4px 4px 0px;
        background-color: #FFFFFF;
    }

    .u_staffingDetail__grid--addBtn.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

        .u_staffingDetail__grid--addBtn.reverse button {
            min-width: 8.8rem;
            background-color: #555555;
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            padding: 1.2rem 1.6rem;
            height: 100%;
            border: none;
            outline: 1px solid #555555;
            border-radius: 0px 4px 4px 0px;
        }

        .u_staffingDetail__grid--addBtn.reverse .el_form_input {
            padding: 1.3rem 1rem 1.3rem;
            border-radius: 4px 0px 0px 4px;
            padding: 1.3rem 1rem 1.3rem;
            position: relative;
        }

.u_staffingDetail__grid--item1__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.9rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.4rem 2rem 1.4rem 1rem;
    border-right: 1px solid var(--color-border);
    width: 13rem;
}

.u_staffingDetail__grid--item1__left__text {
    font-size: 2.6rem;
    color: #333333;
    font-weight: bold;
    text-align: right;
    letter-spacing: 0px;
}

    .u_staffingDetail__grid--item1__left__text span {
        font-size: 1.3rem;
        color: #777777;
        font-weight: normal;
    }

.u_staffingDetail__grid--item1__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.9rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.4rem 2rem;
    border-right: 1px solid var(--color-border);
    width: 14rem;
    text-align: center;
}

.u_staffingDetail__grid--item1__center__text {
    font-size: 1.8rem;
    color: #333333;
    font-weight: bold;
    letter-spacing: 0px;
}

.u_staffingDetail__grid--item1__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.9rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.4rem 2rem 0.2rem;
}

.u_staffingDetail__grid--item1__right--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.u_staffingDetail__grid--item1__right--item__text {
    font-size: 1.5rem;
    color: #333333;
    letter-spacing: 0px;
}

.u_staffingDetail__grid--item1__right--item .u_staffingDetail__grid--head {
    width: 8rem;
}

.u_staffingDetail__grid--item2__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.9rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.4rem 2rem 1.4rem 1rem;
    border-right: 1px solid var(--color-border);
    min-width: 13rem;
}

.u_staffingDetail__grid--item2__left__text {
    font-size: 2.6rem;
    color: #333333;
    font-weight: bold;
    text-align: right;
    letter-spacing: 0px;
}

    .u_staffingDetail__grid--item2__left__text span {
        font-size: 1.3rem;
        color: #777777;
        font-weight: normal;
    }

.u_staffingDetail__grid--item2__right {
    padding: 1.7rem 1rem 1.6rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.u_staffingDetail__grid--item2__right--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 8.8rem;

}

.u_staffingDetail__grid--item2__right--item__text {
    font-size: 1.6rem;
    color: #333333;
    font-weight: bold;
    letter-spacing: 0px;
    padding-left:0.5rem;
}

    .u_staffingDetail__grid--item2__right--item__text span {
        font-size: 1.1rem;
        color: #777777;
        font-weight: normal;
    }

.u_staffingDetail__grid--item3__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 2rem 0 1rem;
    border-right: 1px solid var(--color-border);
    min-width: 13rem;
}

.u_staffingDetail__grid--item3__left__text {
    font-size: 1.8rem;
    color: #333333;
    font-weight: bold;
    letter-spacing: 0px;
}

.u_staffingDetail__grid--item3__left .u_staffingDetail__grid--head {
    width: 8rem;
}

.u_staffingDetail__grid--item3__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 2rem;
    gap: 0.8rem;
    width: 100%;
}

    .u_staffingDetail__grid--item3__right .u_staffingDetail__grid--head {
        width: 8rem;
    }

.u_staffingDetail__grid--item4__text {
    padding: 0.7rem 1rem;
    font-size: 1.4rem;
    color: #555555;
    letter-spacing: 0px;
    line-height: 2.4rem;
}

.u_staffingDetail__btnBox--main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.8rem;
}

.u_staffingDetail__btnBox--sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
}

    .u_staffingDetail__btnBox--sub .el_btn__icon > i {
        color: var(--color-primary);
    }

.u_staffingDetail__btn {
    background-color: var(--color-primary);
    border-radius: 4px;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 11.6rem;
    height: 8.6rem;
    gap: 0.8rem;
    font-size: 1.3rem;
    line-height: 1.9rem;
    letter-spacing: 1.3px;
    font-weight: bold;
}

    .u_staffingDetail__btn > i {
        font-size: 3rem;
    }

    .u_staffingDetail__btn:hover {
        opacity: 0.5;
    }

.u_staffingDetail__btnBox--addBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.4rem;
    width: 20rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

    .u_staffingDetail__btnBox--addBtn button {
        height: 100%;
        min-width: 8.8rem;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-size: 1.4rem;
        background-color: var(--color-primary);
        border: 1px solid #CCCCCC;
        border-left: none;
        border-radius: 0px 4px 4px 0px;
        text-align: center;
    }

        .u_staffingDetail__btnBox--addBtn button:hover {
            opacity: 0.5;
        }

    .u_staffingDetail__btnBox--addBtn input {
        width: 100%;
        min-width: auto;
        color: #333333;
        font-size: 1.5rem;
        line-height: 1.8rem;
        letter-spacing: 0px;
        padding: 1.1rem 1rem 1.1rem 3.6rem;
        border-radius: 4px 0px 0px 4px;
        background-color: #FFFFFF;
    }

        .u_staffingDetail__btnBox--addBtn input::-webkit-calendar-picker-indicator {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            right: 0;
            bottom: 0;
            color: transparent;
            background: transparent;
            z-index: 100;
        }


    .u_staffingDetail__btnBox--addBtn i {
        position: absolute;
        top: 12px;
        left: 10px;
        font-size: 2rem;
        color: var(--color-primary);
        cursor: default;
    }

.u_staffingDetail__table {
    width: 100%;
    background-color: #FFFFFF;
}

    .u_staffingDetail__table tr {
        border-top: 1px solid #CCCCCC;
    }

        .u_staffingDetail__table tr:last-child {
            border-bottom: 1px solid #CCCCCC;
        }

        .u_staffingDetail__table tr:has(.u_staffingDetail__table--check input:checked) {
            background: #E8F5FF;
        }

        .u_staffingDetail__table tr th,
        .u_staffingDetail__table tr td {
            text-align: left;
            vertical-align: middle;
            cursor: default;
        }

        .u_staffingDetail__table tr th {
            padding: 1.5rem 0.8rem 1.5rem 2rem;
        }

        .u_staffingDetail__table tr td {
            padding: 1rem 0.8rem;
        }

.u_staffingDetail__table--role {
    width: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.u_staffingDetail__table--role__title {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #333333;
}

.u_staffingDetail__table--role__number {
    font-size: 1.3rem;
    line-height: 1.5rem;
    color: #555555;
    font-weight: normal;
}

    .u_staffingDetail__table--role__number.spacing {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 7px;
        color: var(--color-primary);
        font-weight: bold;
    }

    .u_staffingDetail__table--role__number .el_badge {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 2px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0.1rem 0.8rem;
        font-weight: normal;
        font-size: 1.2rem;
        line-height: 1.4rem;
        text-align: center;
        color: #FFFFFF !important;
        background-color: var(--color-primary) !important;
        border-radius: 0.9rem;
        height: 1.6rem;
    }

        .u_staffingDetail__table--role__number .el_badge::before {
            content: "残";
            font-size: 8px;
        }

.u_staffingDetail__table--check {
    width: 1.7rem;
}

    .u_staffingDetail__table--check .el_form_check {
        margin: 0;
    }

        .u_staffingDetail__table--check .el_form_check input {
            margin: 0;
        }

.u_staffingDetail__table--staff {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.u_staffingDetail__table--item {
    width: 16.2rem;
    height: 5.6rem;
    background-color: #E1E8EE;
    border-radius: 4px;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #333333;
    padding: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    letter-spacing: 0px;
}

    .u_staffingDetail__table--item.support {
        background-color: #FFF7BF;
    }

    .u_staffingDetail__table--item:has(.u_staffingDetail__table--itemTop__check input:checked) {
        background-color: #C5E4FF;
        outline: 1px solid #006FD1;
    }

    .u_staffingDetail__table--item.is_disable {
        position: relative;
    }

        .u_staffingDetail__table--item.is_disable::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: #E8E8E8;
            z-index: 1;
            opacity: 0.7;
        }

.u_staffingDetail__table--itemTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.u_staffingDetail__table--itemTop__time input[type=text] {
    min-width: unset;
    padding: unset;
    font-size: unset;
    line-height: unset;
    border-radius: unset;
    outline: unset;
    background-color: unset;
}

.u_staffingDetail__table--itemTop__check {
    margin-left: 0.5rem !important;
}

    .u_staffingDetail__table--itemTop__check.el_form_check {
        margin: 0;
    }

        .u_staffingDetail__table--itemTop__check.el_form_check input {
            margin: 0;
        }

.u_staffingDetail__table--itemTop__place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .u_staffingDetail__table--itemTop__place input[type=text] {
        max-width: 1em;
        min-width: unset;
        padding: unset;
        font-size: unset;
        line-height: unset;
        border-radius: unset;
        outline: unset;
        background-color: unset;
    }

    .u_staffingDetail__table--itemTop__place::before {
        content: "前";
        display: inline-block;
        margin-right: 0.4rem;
        font-size: 8px;
        color: #5D748B;
        background-color: #C6D3DE;
        border-radius: 1px;
        width: 1.5rem;
        height: 1.5rem;
        text-align: center;
    }

.u_staffingDetail__table--itemBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .u_staffingDetail__table--itemBottom .u_staffingDetail__grid--icon {
        margin-left: 0.5rem;
    }

.u_staffingDetail__table--itemBottom__name {
    min-width: 9.2rem;
}

    .u_staffingDetail__table--itemBottom__name input[type=text] {
        min-width: unset;
        padding: unset;
        font-size: 1.2rem;
        line-height: unset;
        border-radius: unset;
        outline: unset;
        background-color: unset;
    }

.support .u_staffingDetail__table--itemBottom__name::before {
    content: "応";
    display: inline-block;
    margin-right: 0.4rem;
    font-size: 1.1rem;
    color: #FFFFFF;
    background-color: #788CA0;
    border-radius: 2px;
    width: 1.7rem;
    height: 1.7rem;
    text-align: center;
    vertical-align: text-bottom;
}

.u_staffingDetail__table--itemBottom__place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .u_staffingDetail__table--itemBottom__place input[type=text] {
        max-width: 1em;
        min-width: unset;
        padding: unset;
        font-size: unset;
        line-height: unset;
        border-radius: unset;
        outline: unset;
        background-color: unset;
    }

    .u_staffingDetail__table--itemBottom__place::before {
        content: "後";
        display: inline-block;
        margin-right: 0.4rem;
        font-size: 8px;
        color: #5D748B;
        background-color: #C6D3DE;
        border-radius: 1px;
        width: 1.5rem;
        height: 1.5rem;
        text-align: center;
    }

/* ====================================================

　　配置表詳細(サイド)

==================================================== */
.u_staffingDetail__side li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #F5F5F5;
    padding: 2.7rem 1rem 2.7rem 2rem;
    background: -webkit-gradient(linear, left top, right top, from(#E3E3E3), color-stop(96%, #E3E3E3), to(#C9C9C9));
    background: linear-gradient(90deg, #E3E3E3 0%, #E3E3E3 96%, #C9C9C9 100%);
    cursor: default;
}

    .u_staffingDetail__side li:hover {
        opacity: 0.5;
    }

    .u_staffingDetail__side li h5 {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .u_staffingDetail__side li button {
        width: 1.5rem;
        height: 1.5rem;
        color: #E3E3E3;
        background-color: #AAAAAA;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 2px;
    }

        .u_staffingDetail__side li button::before {
            content: "";
            position: absolute;
            background-color: #AAAAAA;
            right: 97%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 5px;
            height: 92%;
            -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
            clip-path: polygon(100% 0, 0 50%, 100% 100%);
        }

        .u_staffingDetail__side li button > i {
            font-size: 1.4rem;
        }

    .u_staffingDetail__side li.is_active {
        background: #F5F5F5;
        border-left: 6px solid var(--color-primary);
        padding-left: 1.4rem;
    }

        .u_staffingDetail__side li.is_active:hover {
            opacity: 1;
        }

        .u_staffingDetail__side li.is_active h5 {
            font-weight: bold;
            color: var(--color-primary);
        }

        .u_staffingDetail__side li.is_active button {
            color: #F5F5F5;
        }

.u_staffingDetail__side--addBtn {
    margin: 1.7rem auto;
    width: 7.2rem;
}

    .u_staffingDetail__side--addBtn button {
        width: 100%;
        height: 3.6rem;
        background-color: #555555;
        border-radius: 1.8rem;
        color: #FFFFFF;
        text-align: center;
    }

        .u_staffingDetail__side--addBtn button > i {
            font-size: 2.4rem;
            vertical-align: middle;
        }

        .u_staffingDetail__side--addBtn button:hover {
            opacity: 0.5;
        }

/* ====================================================

　　配置表詳細(モーダル)

==================================================== */
.u_staffingDetail__modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.u_staffingDetail__modal--left {
    padding: 0 3.2rem 0 0;
}

.u_staffingDetail__modal--right {
    border-left: 1px solid var(--color-border);
    padding: 0 0 0 3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.u_staffingDetail__modal.rollAdd {
    margin: 3.5rem auto;
}

.u_staffingDetail__modal.searchGroup {
    margin: 0 auto;
}

.u_staffingDetail__modal--right .el_btn {
    min-width: 18rem;
}

.u_staffingDetail__modal--form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    margin-top: 1.2rem;
}

    .u_staffingDetail__modal--form:first-child {
        margin-top: 0;
    }

    .u_staffingDetail__modal--form.column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .u_staffingDetail__modal--form.gap__s {
        gap: 1.6rem;
    }

    .u_staffingDetail__modal--form.gap__xs {
        gap: 1.2rem;
    }

.u_staffingDetail__modal--form__Label {
    width: 8rem;
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: bold;
    color: #788CA0;
}

.u_staffingDetail__modal--formItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .u_staffingDetail__modal--formItem label {
        font-size: 1.2rem;
        line-height: 1.7rem;
        color: #555555;
    }

    .u_staffingDetail__modal--formItem .el_btn__size__i {
        max-width: 4.4rem;
        height: 4.4rem;
    }

    .u_staffingDetail__modal--formItem .el_form_textarea {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .u_staffingDetail__modal--formItem .el_form_textarea:disabled {
            color: var(--color-txt);
        }

.u_staffingDetail__modal--box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.9rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 14.1rem;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    padding: 2.5rem 2rem;
    margin-top: 2.1rem;
    margin-left: 1.6rem;
}

.u_staffingDetail__modal--box__text {
    font-size: 2.6rem;
    color: var(--color-primary);
    font-weight: bold;
    text-align: right;
    letter-spacing: 0px;
}

    .u_staffingDetail__modal--box__text span {
        font-size: 1.3rem;
        color: #777777;
        font-weight: normal;
        margin-left: 5px;
    }

.u_staffingDetail__modal--iconSpacer {
    color: #777777;
    margin-top: 3rem;
}

.u_staffingDetail__modal--side__label {
    background-color: #96A5AF;
    font-size: 1.2rem;
    line-height: 1.7rem;
    color: #FFFFFF;
    padding: 0.5rem 1rem;
}

.u_staffingDetail__modal--side__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #F5F5F5;
    padding: 1.7rem 1rem 1.7rem 1.6rem;
    background: -webkit-gradient(linear, left top, right top, from(#E3E3E3), color-stop(96%, #E3E3E3), to(#C9C9C9));
    background: linear-gradient(90deg, #E3E3E3 0%, #E3E3E3 96%, #C9C9C9 100%);
    cursor: default;
}

    .u_staffingDetail__modal--side__list li.is_active {
        background: #FFFFFF;
    }

        .u_staffingDetail__modal--side__list li.is_active .u_staffingDetail__modal--side__listLabel {
            font-weight: bold;
        }

.u_staffingDetail__modal--side__listLabel {
    font-size: 1.4rem;
    line-height: 2rem;
}

.u_staffingDetail__modal--side__listStatus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
}

.u_staffingDetail__modal--side__listStatus--box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4rem;
}

    .u_staffingDetail__modal--side__listStatus--box.is_active {
        color: var(--color-primary);
    }

.u_staffingDetail__modal--side__listStatus--boxIcon {
    border: 1px solid #AAAAAA;
    border-radius: 1px;
    color: #AAAAAA;
    font-size: 1rem;
    letter-spacing: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.6rem;
    height: 1.6rem;
}

    .u_staffingDetail__modal--side__listStatus--boxIcon.before::before {
        content: "昼";
    }

.display .u_staffingDetail__modal--side__listStatus--boxIcon.before {
    border: none;
    background-color: #056FCC;
    color: #FFFFFF;
}

.u_staffingDetail__modal--side__listStatus--boxIcon.after::before {
    content: "夜";
}

.display .u_staffingDetail__modal--side__listStatus--boxIcon.after {
    border: none;
    background-color: #056FCC;
    color: #FFFFFF;
}

.u_staffingDetail__modal--addStaffingBtn {
    width: 11.4rem;
}

.u_staffingDetail__modal--addStaffingList {
    width: 33.6rem;
}

    .u_staffingDetail__modal--addStaffingList li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #F5F5F5;
        border-right: 1px solid #586B78;
        border-left: 1px solid #586B78;
        padding: 1.6rem;
        background: #FFFFFF;
        cursor: default;
    }

        .u_staffingDetail__modal--addStaffingList li:first-child {
            background: #586B78;
            font-size: 1.2rem;
            line-height: 1.7rem;
            color: #FFFFFF;
            padding: 0.5rem 1.6rem;
        }

        .u_staffingDetail__modal--addStaffingList li:last-child {
            border-bottom: 1px solid #586B78;
        }

        .u_staffingDetail__modal--addStaffingList li:nth-child(2n+3) {
            background: #F5F7F8;
        }

        .u_staffingDetail__modal--addStaffingList li p {
            font-size: 1.4rem;
            line-height: 1.8rem;
        }

        .u_staffingDetail__modal--addStaffingList li button {
            width: 1.5rem;
            height: 1.5rem;
            color: #E3E3E3;
            background-color: #AAAAAA;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 2px;
        }

            .u_staffingDetail__modal--addStaffingList li button::before {
                content: "";
                position: absolute;
                background-color: #AAAAAA;
                right: 97%;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 5px;
                height: 92%;
                -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
                clip-path: polygon(100% 0, 0 50%, 100% 100%);
            }

            .u_staffingDetail__modal--addStaffingList li button > i {
                font-size: 1.4rem;
            }

/* ====================================================

　　出勤簿

==================================================== */
.u_calendar th,
.u_calendar td {
    width: 16.2rem;
    vertical-align: middle;
    cursor: default;
    border: 1px solid #CCCCCC;
}

    .u_calendar th.work,
    .u_calendar td.work {
        background-color: #FFFEE5;
    }

    .u_calendar th.public-holiday,
    .u_calendar td.public-holiday {
        background-color: #FFF0F0;
    }

    .u_calendar th.paid-holiday,
    .u_calendar td.paid-holiday {
        background-color: #E3FFEF;
    }

    .u_calendar th.none,
    .u_calendar td.none {
        background-color: #F5F5F5;
    }

.u_calendar thead tr {
    background-color: #FFFFFF;
}

    .u_calendar thead tr.dark {
        height: 3.4rem;
        background-color: #586B78;
    }

        .u_calendar thead tr.dark th {
            color: #FFFFFF;
        }

.u_calendar thead th {
    font-size: 1.2rem;
    line-height: 1.7rem;
    letter-spacing: 0px;
    font-weight: normal;
    color: var(--color-txt);
    text-align: center;
    width: 16.2rem;
}

    .u_calendar thead th .el_form_check {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }

        .u_calendar thead th .el_form_check input {
            margin-right: 0.8rem;
        }

.u_calendar tbody tr {
    background-color: var(--color-table_td_bg1);
    height: 13rem;
}

    .u_calendar tbody tr td {
        position: relative;
        font-size: 1.5rem;
        line-height: 1.8rem;
        letter-spacing: 0px;
        vertical-align: top;
    }

        .u_calendar tbody tr td:has(.day input:checked)::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            outline: 1px solid #056FCC;
        }

        .u_calendar tbody tr td .el_form_check {
            font-size: 1.6rem;
            line-height: 1.8rem;
            margin-left: 0;
        }

            .u_calendar tbody tr td .el_form_check input {
                margin-left: 0;
            }

        .u_calendar tbody tr td .day {
            position: relative;
            background-color: #E1E8EE;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0.9rem 1.2rem 0.8rem;
            font-size: 1.6rem;
            line-height: 1.6rem;
            border-bottom: 1px solid #CCCCCC;
            z-index: 1;
        }

        .u_calendar tbody tr td .close {
            background-color: #b0c3d2 !important;
        }

            .u_calendar tbody tr td .day:has(input:checked) {
                background-color: #C5E4FF;
            }

            .u_calendar tbody tr td .day div {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 0.6rem;
            }

                .u_calendar tbody tr td .day div small {
                    font-size: 1rem;
                    line-height: 1.6rem;
                    color: #777777;
                }

        .u_calendar tbody tr td .body {
            padding: 1rem 1.2rem 1.5rem;
            min-height: 9.3rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .u_calendar tbody tr td .body .body--text {
                font-weight: bold;
            }

            .u_calendar tbody tr td .body .body--time {
                margin-top: 0.7rem;
            }

            .u_calendar tbody tr td .body .body--choice {
                margin-top: auto;
                font-size: 1.5rem;
                line-height: 1.8rem;
                color: #777777;
            }

                .u_calendar tbody tr td .body .body--choice::before {
                    content: "希望";
                    display: inline-block;
                    background-color: #FFFFFF;
                    border: 1px solid #777777;
                    border-radius: 9px;
                    margin-right: 0.4rem;
                    font-size: 8px;
                    line-height: 1.1rem;
                    padding: 1px 5px 2px;
                    vertical-align: text-bottom;
                }

.u_calendar.type_busy tbody tr td .body {
    padding: 0;
}

    .u_calendar.type_busy tbody tr td .body .body--busy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1rem 1.1rem 0.8rem;
        gap: 0.6rem;
        min-height: 6.6rem;
    }

        .u_calendar.type_busy tbody tr td .body .body--busy:first-child {
            border-bottom: 1px dotted #CCCCCC;
        }

        .u_calendar.type_busy tbody tr td .body .body--busy img {
            width: 1.6rem;
            height: 1.6rem;
        }

        .u_calendar.type_busy tbody tr td .body .body--busy > div {
            width: 100%;
        }

    .u_calendar.type_busy tbody tr td .body .body--busy__title {
        margin-bottom: 0.4em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .u_calendar.type_busy tbody tr td .body .body--busy__title p {
            font-size: 1.5rem;
            line-height: 1.8rem;
        }

        .u_calendar.type_busy tbody tr td .body .body--busy__title span {
            font-size: 1.2rem;
            line-height: 1.8rem;
        }

    .u_calendar.type_busy tbody tr td .body .body--busy__text {
        color: #777777;
        font-size: 9px;
        line-height: 11px;
    }

/* ====================================================

　　カレンダー（従業員一覧）

==================================================== */
.u_calendar__list {
    width: 100%;
}

    .u_calendar__list th,
    .u_calendar__list td {
        width: auto;
        vertical-align: middle;
        cursor: default;
        border: 1px solid var(--color-border_l);
        padding: 0.5rem;
    }

        .u_calendar__list th.sat,
        .u_calendar__list td.sat {
            background-color: #EBF6FF;
        }

        .u_calendar__list th.sun, .u_calendar__list th.holiday,
        .u_calendar__list td.sun,
        .u_calendar__list td.holiday {
            background-color: #FFF3F3;
        }

        .u_calendar__list th.hatching,
        .u_calendar__list td.hatching {
            background-color: #EBEBEB;
        }

        .u_calendar__list th.none,
        .u_calendar__list td.none {
            color: #CCCCCC !important;
        }

    .u_calendar__list thead tr {
        background-color: #FFFFFF;
    }

        .u_calendar__list thead tr.day .sat {
            color: var(--color-primary);
        }

        .u_calendar__list thead tr.day .sun, .u_calendar__list thead tr.day .holiday {
            color: var(--color-danger);
        }

        .u_calendar__list thead tr.rokuyo {
            height: 2.3rem;
        }

        .u_calendar__list thead tr.dark {
            height: 2.8rem;
            background-color: #586B78;
        }

            .u_calendar__list thead tr.dark th {
                color: #FFFFFF;
            }

    .u_calendar__list thead th {
        font-size: 1.2rem;
        line-height: 1.7rem;
        letter-spacing: 0px;
        font-weight: normal;
        color: var(--color-txt);
        text-align: center;
    }

        .u_calendar__list thead th small {
            line-height: 1;
            font-size: 1rem !important;
            -webkit-transform: scale(0.9) !important;
            transform: scale(0.9) !important;
        }

        .u_calendar__list thead th:nth-child(n+2) {
            width: 5.2rem;
        }

        .u_calendar__list thead th.month {
            font-size: 1.6rem;
            line-height: 2.4rem;
            font-weight: bold;
        }

        .u_calendar__list thead th.w-120 {
            width: 12rem;
        }

        .u_calendar__list thead th.w-180 {
            width: 18rem;
        }

    .u_calendar__list tbody tr {
        height: 5.5rem;
        background-color: var(--color-table_td_bg1);
    }

        .u_calendar__list tbody tr:nth-child(even) {
            background-color: var(--color-table_td_bg2);
        }

            .u_calendar__list tbody tr:nth-child(even) .sat {
                background-color: #E1EEF8;
            }

            .u_calendar__list tbody tr:nth-child(even) .sun, .u_calendar__list tbody tr:nth-child(even) .holiday {
                background-color: #F5EBEC;
            }

        .u_calendar__list tbody tr td {
            position: relative;
            font-size: 1.4rem;
            line-height: 1.8rem;
            letter-spacing: 0px;
        }

            .u_calendar__list tbody tr td:nth-child(n+3) {
                font-size: 1.2rem;
                line-height: 1.8rem;
                letter-spacing: 0px;
                font-weight: normal;
                color: var(--color-txt);
                text-align: center;
            }

            .u_calendar__list tbody tr td.dark {
                background-color: #96A5AF;
                color: #FFFFFF;
            }

            .u_calendar__list tbody tr td a {
                color: var(--color-link);
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
                word-break: break-all;
            }
/* ヘッダー固定 */
.u_calendar__scroll {
    overflow: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 2.4rem;
    /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
    -ms-overflow-style: none;
    /*Firefoxへの対応*/
    scrollbar-width: none;
    height: 70rem;
}

    .u_calendar__scroll::-webkit-scrollbar {
        display: none;
    }

    .u_calendar__scroll thead {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 1;
    }

        .u_calendar__scroll thead:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 1px solid var(--color-border_l);
            z-index: -1;
        }

/* ====================================================

　　不足要員照会

==================================================== */
.u_calendar__ganttChart {
    position: relative;
}

    .u_calendar__ganttChart .gantt_days {
        grid-template-columns: 24rem repeat(96, 1.7rem);
        display: grid;
    }

        .u_calendar__ganttChart .gantt_days > div {
            border-bottom: 1px solid var(--color-border_l);
            font-size: 1.2rem;
            line-height: 1.7rem;
            color: #FFFFFF;
            background-color: #96A5AF;
            height: 2.8rem;
            padding: 0.6rem 1.6rem;
            text-align: right;
            border-right: 1px solid #E3E3E3;
        }

            .u_calendar__ganttChart .gantt_days > div:last-child {
                border-right: none;
            }

        .u_calendar__ganttChart .gantt_days .day {
            position: relative;
            text-align: center;
            grid-column: span 4;
        }

    .u_calendar__ganttChart .gantt_vlines {
        grid-template-columns: 24rem repeat(96, 1.7rem);
        display: grid;
        background-color: transparent;
        position: absolute;
        height: calc(100% - 2.8rem);
        z-index: 1;
    }

        .u_calendar__ganttChart .gantt_vlines .quarter {
            border-right: 1px solid rgba(227, 227, 227, 0.5019607843);
        }

            .u_calendar__ganttChart .gantt_vlines .quarter:nth-child(4n+1) {
                border-right: 1px solid var(--color-border_l);
            }

    .u_calendar__ganttChart .gantt_cell {
        display: grid;
        height: 4.7rem;
        background-color: var(--color-table_td_bg1);
        grid-template-columns: 24rem 1fr;
        position: relative;
    }

        .u_calendar__ganttChart .gantt_cell:nth-child(even) {
            background-color: var(--color-table_td_bg2);
        }

        .u_calendar__ganttChart .gantt_cell > div {
            border-bottom: 1px solid var(--color-border_l);
        }

        .u_calendar__ganttChart .gantt_cell > .gantt_first {
            border-left: 1px solid var(--color-border_l);
            border-right: 1px solid var(--color-border_l);
            font-size: 1.4rem;
            line-height: 1.8rem;
            padding: 1.3rem 1.6rem;
            text-align: right;
        }

        .u_calendar__ganttChart .gantt_cell > .d-grid {
            display: grid;
            grid-template-columns: repeat(96, 1.7rem);
            position: relative;
        }

        .u_calendar__ganttChart .gantt_cell .gantt_title {
            position: relative;
        }

            .u_calendar__ganttChart .gantt_cell .gantt_title .gantt_title--text {
                position: absolute;
                top: 0;
                left: 6px;
                z-index: 2;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: start;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                height: 100%;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                gap: 0.3rem;
            }

                .u_calendar__ganttChart .gantt_cell .gantt_title .gantt_title--text span {
                    background-color: #586B78;
                    color: #FFFFFF;
                    font-size: 1.1rem;
                    line-height: 1.2rem;
                    padding: 0.3rem 0.6rem;
                    border-radius: 2px;
                }

                .u_calendar__ganttChart .gantt_cell .gantt_title .gantt_title--text p {
                    color: #586B78;
                    font-size: 1rem;
                    line-height: 1.1rem;
                    letter-spacing: 0px;
                }

            .u_calendar__ganttChart .gantt_cell .gantt_title.order1 {
                background-color: #FFF7B3;
            }

            .u_calendar__ganttChart .gantt_cell .gantt_title.order2 {
                background-color: #CEEEFF;
            }

            .u_calendar__ganttChart .gantt_cell .gantt_title.order3 {
                background-color: #D4FFE0;
            }

            .u_calendar__ganttChart .gantt_cell .gantt_title.order4 {
                background-color: #FFE6E5;
            }

/* ====================================================

　　打刻

==================================================== */
.u_stampingTop .bl_form_group {
    gap: 2rem;
}

.u_stampingTop .el_btn {
    min-width: 18rem;
}

.u_stamping {
    padding: calc(1.6 * var(--padding-grid-inner_sm)) calc(1.2 * var(--padding-grid-inner_sm));
    text-align: center;
}

.u_stamping__date {
    font-size: 1.4rem;
    line-height: 2rem;
}

.u_stamping__time {
    font-size: 4.8rem;
    line-height: 5.5rem;
    font-weight: bold;
}

.u_stamping__name {
    font-size: 1.2rem;
    line-height: 1.7rem;
    margin-top: 0.8rem;
}

.u_stamping__status {
    text-align: center;
    border: 1px solid #E3E3E3;
    border-radius: 17px;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: bold;
    display: inline-block;
    padding: 0.7rem 1.7rem;
    margin-top: 1rem;
}

.u_stamping__btn {
    justify-content:center;
    margin-top: 2.4rem;
    display: flex;
    gap: 5rem;
}
    .u_stamping__btn .el_btn {
        height: 12rem;
        font-size: 2.4rem;
        line-height: 2.4rem;
        font-weight: bold;
        margin:0px 10px 0px 10px;
    }

/*=================================================================================

　ヘルパー	接頭辞：hp_*

=================================================================================*/
/*—————————————————————————————————————————————————————
　上余白
—————————————————————————————————————————————————————*/
.hp_marginTop {
    display: block;
}

.hp_marginTop__xl {
    margin-top: 5.4rem !important;
}

.hp_marginTop__l {
    margin-top: 3.2rem !important;
}

.hp_marginTop__m {
    margin-top: 2.4rem !important;
}

.hp_marginTop__s {
    margin-top: 2rem !important;
}

.hp_marginTop__xs {
    margin-top: 1.6rem !important;
}

.hp_marginTop__xxs {
    margin-top: 1.2rem !important;
}

.hp_marginTop__xxxs {
    margin-top: 1rem !important;
}

.hp_marginTop__xxxxs {
    margin-top: 0.8rem !important;
}

.hp_marginTop__none {
    margin-top: 0 !important;
}

.hp_marginTop__auto {
    margin-top: auto !important;
}

/* スマホ用 */
@media screen and (max-width: 679px) {
    .hp_marginTop_sm {
        display: block;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginTop_sm__xl {
        margin-top: 8rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginTop_sm__l {
        margin-top: 4rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginTop_sm__m {
        margin-top: 2.8rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginTop_sm__s {
        margin-top: 1.6rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginTop_sm__xs {
        margin-top: 0.8rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginTop_sm__xxs {
        margin-top: 0.4rem !important;
    }
}

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

/*—————————————————————————————————————————————————————
　上余白
—————————————————————————————————————————————————————*/
.hp_paddingTop__l {
    padding-top: 3.2rem !important;
}

.hp_paddingTop__m {
    padding-top: 2.4rem !important;
}

.hp_paddingTop__none {
    padding-top: 0 !important;
}

/*—————————————————————————————————————————————————————
　下余白
—————————————————————————————————————————————————————*/
.hp_marginBottom {
    display: block;
}

.hp_marginBottom__xl {
    margin-bottom: 8rem !important;
}

@media screen and (min-width: 680px) {
    .hp_marginBottom__xl {
        margin-bottom: 12rem !important;
    }
}

.hp_marginBottom__l {
    margin-bottom: 3.2rem !important;
}

@media screen and (min-width: 680px) {
    .hp_marginBottom__l {
        margin-bottom: 6.4rem !important;
    }
}

.hp_marginBottom__m {
    margin-bottom: 2.4rem !important;
}

.hp_marginBottom__s {
    margin-bottom: 2rem !important;
}

.hp_marginBottom__xs {
    margin-bottom: 0.8rem !important;
}

.hp_marginBottom__xxs {
    margin-bottom: 0.4rem !important;
}

.hp_marginBottom__none {
    margin-bottom: 0 !important;
}

/* スマホ用 */
@media screen and (max-width: 679px) {
    .hp_marginBottom_sm {
        display: block;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginBottom_sm__xl {
        margin-bottom: 8rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginBottom_sm__l {
        margin-bottom: 4rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginBottom_sm__m {
        margin-bottom: 2.8rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginBottom_sm__s {
        margin-bottom: 1.6rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginBottom_sm__xs {
        margin-bottom: 0.8rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginBottom_sm__xxs {
        margin-bottom: 0.4rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginBottom_sm__none {
        margin-bottom: 0 !important;
    }
}

/*—————————————————————————————————————————————————————
　上余白
—————————————————————————————————————————————————————*/
.hp_paddingBottom__l {
    padding-bottom: 3.2rem !important;
}

.hp_paddingBottom__m {
    padding-bottom: 1.8rem !important;
}

.hp_paddingBottom__none {
    padding-bottom: 0 !important;
}

/*—————————————————————————————————————————————————————
　右余白
—————————————————————————————————————————————————————*/
.hp_marginRight {
    display: block;
}

.hp_marginRight__l {
    margin-right: 1.8rem !important;
}

@media screen and (min-width: 680px) {
    .hp_marginRight__l {
        margin-right: 2.4rem !important;
    }
}

.hp_marginRight__m {
    margin-right: 0.9rem !important;
}

@media screen and (min-width: 680px) {
    .hp_marginRight__m {
        margin-right: 1.8rem !important;
    }
}

.hp_marginRight__s {
    margin-right: 1rem !important;
}

.hp_marginRight__none {
    margin-right: 0 !important;
}

/* スマホ用 */
@media screen and (max-width: 679px) {
    .hp_marginRight_sm {
        display: block;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginRight_sm__l {
        margin-right: 1.8rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginRight_sm__m {
        margin-right: 0.9rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginRight_sm__s {
        margin-right: 0.7rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginRight_sm__none {
        margin-right: 0 !important;
    }
}

/* auto */
.hp_marginRight_auto {
    margin-right: auto;
}

@media screen and (min-width: 680px) {
    .hp_marginRight_auto__lgmd {
        margin-right: auto !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_marginRight_auto__lgmd {
        margin-right: auto !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginRight_auto__sm {
        margin-right: auto !important;
    }
}

.hp_paddingRight__l {
    padding-right: 3.2rem !important;
}

.hp_paddingRight__m {
    padding-right: 1.8rem !important;
}

.hp_paddingRight__none {
    padding-right: 0 !important;
}

/*—————————————————————————————————————————————————————
　左余白
—————————————————————————————————————————————————————*/
.hp_marginLeft__l {
    margin-left: 2.05rem !important;
}

.hp_marginLeft__m {
    margin-left: 2rem !important;
}

.hp_marginLeft__s {
    margin-left: 1rem !important;
}

.hp_marginLeft__none {
    margin-left: 0 !important;
}

/* スマホ用 */
@media screen and (max-width: 679px) {
    .hp_marginLeft_sm {
        display: block;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginLeft_sm__l {
        margin-left: 1.8rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginLeft_sm__m {
        margin-left: 0.9rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginLeft_sm__s {
        margin-left: 0.7rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginLeft_sm__none {
        margin-left: 0 !important;
    }
}

/* auto */
.hp_marginLeft_auto {
    margin-left: auto;
}

@media screen and (min-width: 680px) {
    .hp_marginLeft_auto__lgmd {
        margin-left: auto !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_marginLeft_auto__lgmd {
        margin-left: auto !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_marginLeft_auto__sm {
        margin-left: auto !important;
    }
}

.hp_paddingLeft__l {
    padding-left: 3.2rem !important;
}

.hp_paddingLeft__m {
    padding-left: 1.8rem !important;
}

.hp_paddingLeft__none {
    padding-left: 0 !important;
}

.hp_marginY__none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.hp_marginX__none {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.hp_paddingY__none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.hp_paddingX__none {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*—————————————————————————————————————————————————————
　デバイス別 表示・非表示
—————————————————————————————————————————————————————*/
.hp_hide {
    display: none !important;
}

@media screen and (max-width: 679px) {
    .hp_hide__lg {
        display: block !important;
    }
}

@media screen and (min-width: 680px) {
    .hp_hide__lg {
        display: block !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_hide__lg {
        display: none !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_hide__lgmd {
        display: block !important;
    }
}

@media screen and (min-width: 680px) {
    .hp_hide__lgmd {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_hide__lgmd {
        display: none !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_hide__md {
        display: block !important;
    }
}

@media screen and (min-width: 680px) {
    .hp_hide__md {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_hide__md {
        display: block !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_hide__mdsm {
        display: none !important;
    }
}

@media screen and (min-width: 680px) {
    .hp_hide__mdsm {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_hide__mdsm {
        display: block !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_hide__sm {
        display: none !important;
    }
}

@media screen and (min-width: 680px) {
    .hp_hide__sm {
        display: block !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_hide__sm {
        display: block !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_show__md {
        display: none !important;
    }
}

@media screen and (min-width: 680px) {
    .hp_show__md {
        display: block !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_show__md {
        display: none !important;
    }
}

/*—————————————————————————————————————————————————————
　行揃え
—————————————————————————————————————————————————————*/
/* 中央揃え */
.hp_textAlign_center {
    text-align: center !important;
}

@media screen and (max-width: 679px) {
    .hp_textAlign_center__lgmd {
        text-align: left !important;
    }
}

@media screen and (min-width: 680px) {
    .hp_textAlign_center__lgmd {
        text-align: center !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_textAlign_center__lgmd {
        text-align: center !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_textAlign_center__sm {
        text-align: center !important;
    }
}

@media screen and (min-width: 680px) {
    .hp_textAlign_center__sm {
        text-align: left !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_textAlign_center__sm {
        text-align: left !important;
    }
}

/* 右揃え */
.hp_textAlign_right {
    text-align: right !important;
}

@media screen and (max-width: 679px) {
    .hp_textAlign_right__lgmd {
        text-align: left !important;
    }
}

@media screen and (min-width: 680px) {
    .hp_textAlign_right__lgmd {
        text-align: right !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_textAlign_right__lgmd {
        text-align: right !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_textAlign_right__sm {
        text-align: right !important;
    }
}

@media screen and (min-width: 680px) {
    .hp_textAlign_right__sm {
        text-align: left !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_textAlign_right__sm {
        text-align: left !important;
    }
}

/* 左揃え */
.hp_textAlign_left {
    text-align: left !important;
}

@media screen and (min-width: 680px) {
    .hp_textAlign_left__lgmd {
        text-align: left !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_textAlign_left__lgmd {
        text-align: left !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_textAlign_left__sm {
        text-align: left !important;
    }
}

/*—————————————————————————————————————————————————————
　折り返し
—————————————————————————————————————————————————————*/
.hp_whiteSpace_normal {
    white-space: normal !important;
}

@media screen and (min-width: 680px) {
    .hp_whiteSpace_normal__lgmd {
        white-space: normal !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_whiteSpace_normal__lgmd {
        white-space: normal !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_whiteSpace_normal__sm {
        white-space: normal !important;
    }
}

.hp_whiteSpace_nowrap {
    white-space: nowrap !important;
}

@media screen and (min-width: 680px) {
    .hp_whiteSpace_nowrap__lgmd {
        white-space: nowrap !important;
    }
}

@media screen and (min-width: 1200px) {
    .hp_whiteSpace_nowrap__lgmd {
        white-space: nowrap !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_whiteSpace_nowrap__sm {
        white-space: nowrap !important;
    }
}

/*—————————————————————————————————————————————————————
　カラー
—————————————————————————————————————————————————————*/
.hp_color__primary {
    color: var(--color-primary) !important;
}

.hp_color__secondary {
    color: var(--color-secondary) !important;
}

.hp_color__success {
    color: var(--color-success) !important;
}

.hp_color__info {
    color: var(--color-info) !important;
}

.hp_color__danger {
    color: var(--color-danger) !important;
}

.hp_color__warning {
    color: var(--color-warning) !important;
}

.hp_color__disable {
    color: var(--color-disable) !important;
}

.hp_color__noInput {
    color: #CCCCCC !important;
}

.hp_color__txt {
    color: var(--color-txt) !important;
}

.hp_color__txt_l {
    color: var(--color-txt_l) !important;
}

.hp_color__link {
    color: var(--color-link) !important;
}

.hp_color__black {
    color: var(--color_black) !important;
}

.hp_color__white {
    color: var(--color_white) !important;
}

.hp_color__darkgray {
    color: var(--color_darkgray) !important;
}

.hp_color__gray {
    color: var(--color_gray) !important;
}

.hp_color__red {
    color: var(--color_red) !important;
}

.hp_color__blue {
    color: var(--color_blue) !important;
}

/*—————————————————————————————————————————————————————
　横幅
—————————————————————————————————————————————————————*/
.hp_width__100 {
    width: 100% !important;
}

.hp_width__95 {
    width: 95% !important;
}

.hp_width__90 {
    width: 90% !important;
}

.hp_width__85 {
    width: 85% !important;
}

.hp_width__80 {
    width: 80% !important;
}

.hp_width__75 {
    width: 75% !important;
}

.hp_width__70 {
    width: 70% !important;
}

.hp_width__65 {
    width: 65% !important;
}

.hp_width__60 {
    width: 60% !important;
}

.hp_width__55 {
    width: 55% !important;
}

.hp_width__50 {
    width: 50% !important;
}

.hp_width__45 {
    width: 45% !important;
}

.hp_width__40 {
    width: 40% !important;
}

.hp_width__35 {
    width: 35% !important;
}

.hp_width__30 {
    width: 30% !important;
}

.hp_width__25 {
    width: 25% !important;
}

.hp_width__20 {
    width: 20% !important;
}

.hp_width__15 {
    width: 15% !important;
}

.hp_width__10 {
    width: 10% !important;
}

.hp_width__auto {
    width: auto !important;
}

@media screen and (max-width: 679px) {
    .hp_width_sm__100 {
        width: 100% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__95 {
        width: 95% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__90 {
        width: 90% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__85 {
        width: 85% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__80 {
        width: 80% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__75 {
        width: 75% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__70 {
        width: 70% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__65 {
        width: 65% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__60 {
        width: 60% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__55 {
        width: 55% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__50 {
        width: 50% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__45 {
        width: 45% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__40 {
        width: 40% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__35 {
        width: 35% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__30 {
        width: 30% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__25 {
        width: 25% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__20 {
        width: 20% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__15 {
        width: 15% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__10 {
        width: 10% !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_width_sm__auto {
        width: auto !important;
    }
}

/*—————————————————————————————————————————————————————
　フォントサイズ
—————————————————————————————————————————————————————*/
/* 全幅 */
.hp_fontSize__7 {
    font-size: 1rem !important;
    -webkit-transform: scale(0.7) !important;
    transform: scale(0.7) !important;
}

.hp_fontSize__8 {
    font-size: 1rem !important;
    -webkit-transform: scale(0.8) !important;
    transform: scale(0.8) !important;
}

.hp_fontSize__9 {
    font-size: 1rem !important;
    -webkit-transform: scale(0.9) !important;
    transform: scale(0.9) !important;
}

.hp_fontSize__10 {
    font-size: 1rem !important;
}

.hp_fontSize__11 {
    font-size: 1.1rem !important;
}

.hp_fontSize__12 {
    font-size: 1.2rem !important;
}

.hp_fontSize__13 {
    font-size: 1.3rem !important;
}

.hp_fontSize__14 {
    font-size: 1.4rem !important;
}

.hp_fontSize__15 {
    font-size: 1.5rem !important;
}

.hp_fontSize__16 {
    font-size: 1.6rem !important;
}

.hp_fontSize__17 {
    font-size: 1.7rem !important;
}

.hp_fontSize__18 {
    font-size: 1.8rem !important;
}

.hp_fontSize__19 {
    font-size: 1.9rem !important;
}

.hp_fontSize__20 {
    font-size: 2rem !important;
}

.hp_fontSize__21 {
    font-size: 2.1rem !important;
}

.hp_fontSize__22 {
    font-size: 2.2rem !important;
}

.hp_fontSize__23 {
    font-size: 2.3rem !important;
}

.hp_fontSize__24 {
    font-size: 2.4rem !important;
}

.hp_fontSize__25 {
    font-size: 2.5rem !important;
}

.hp_fontSize__26 {
    font-size: 2.6rem !important;
}

.hp_fontSize__27 {
    font-size: 2.7rem !important;
}

.hp_fontSize__28 {
    font-size: 2.8rem !important;
}

.hp_fontSize__29 {
    font-size: 2.9rem !important;
}

.hp_fontSize__30 {
    font-size: 3rem !important;
}

.hp_fontSize__31 {
    font-size: 3.1rem !important;
}

.hp_fontSize__32 {
    font-size: 3.2rem !important;
}

.hp_fontSize__33 {
    font-size: 3.3rem !important;
}

.hp_fontSize__34 {
    font-size: 3.4rem !important;
}

.hp_fontSize__35 {
    font-size: 3.5rem !important;
}

.hp_fontSize__36 {
    font-size: 3.6rem !important;
}

.hp_fontSize__37 {
    font-size: 3.7rem !important;
}

.hp_fontSize__38 {
    font-size: 3.8rem !important;
}

.hp_fontSize__39 {
    font-size: 3.9rem !important;
}

.hp_fontSize__40 {
    font-size: 4rem !important;
}

.hp_fontSize__41 {
    font-size: 4.1rem !important;
}

.hp_fontSize__42 {
    font-size: 4.2rem !important;
}

.hp_fontSize__43 {
    font-size: 4.3rem !important;
}

.hp_fontSize__44 {
    font-size: 4.4rem !important;
}

.hp_fontSize__45 {
    font-size: 4.5rem !important;
}

.hp_fontSize__46 {
    font-size: 4.6rem !important;
}

.hp_fontSize__47 {
    font-size: 4.7rem !important;
}

.hp_fontSize__48 {
    font-size: 4.8rem !important;
}

.hp_fontSize__49 {
    font-size: 4.9rem !important;
}

.hp_fontSize__50 {
    font-size: 5rem !important;
}

.hp_fontSize__51 {
    font-size: 5.1rem !important;
}

.hp_fontSize__52 {
    font-size: 5.2rem !important;
}

.hp_fontSize__53 {
    font-size: 5.3rem !important;
}

.hp_fontSize__54 {
    font-size: 5.4rem !important;
}

.hp_fontSize__55 {
    font-size: 5.5rem !important;
}

.hp_fontSize__56 {
    font-size: 5.6rem !important;
}

.hp_fontSize__57 {
    font-size: 5.7rem !important;
}

.hp_fontSize__58 {
    font-size: 5.8rem !important;
}

.hp_fontSize__59 {
    font-size: 5.9rem !important;
}

.hp_fontSize__60 {
    font-size: 6rem !important;
}

.hp_fontSize__61 {
    font-size: 6.1rem !important;
}

.hp_fontSize__62 {
    font-size: 6.2rem !important;
}

.hp_fontSize__63 {
    font-size: 6.3rem !important;
}

.hp_fontSize__64 {
    font-size: 6.4rem !important;
}

.hp_fontSize__65 {
    font-size: 6.5rem !important;
}

.hp_fontSize__66 {
    font-size: 6.6rem !important;
}

.hp_fontSize__67 {
    font-size: 6.7rem !important;
}

.hp_fontSize__68 {
    font-size: 6.8rem !important;
}

.hp_fontSize__69 {
    font-size: 6.9rem !important;
}

.hp_fontSize__70 {
    font-size: 7rem !important;
}

.hp_fontSize__71 {
    font-size: 7.1rem !important;
}

.hp_fontSize__72 {
    font-size: 7.2rem !important;
}

.hp_fontSize__73 {
    font-size: 7.3rem !important;
}

.hp_fontSize__74 {
    font-size: 7.4rem !important;
}

.hp_fontSize__75 {
    font-size: 7.5rem !important;
}

.hp_fontSize__76 {
    font-size: 7.6rem !important;
}

.hp_fontSize__77 {
    font-size: 7.7rem !important;
}

.hp_fontSize__78 {
    font-size: 7.8rem !important;
}

.hp_fontSize__79 {
    font-size: 7.9rem !important;
}

.hp_fontSize__80 {
    font-size: 8rem !important;
}

/* スマホ用 */
@media screen and (max-width: 679px) {
    .hp_fontSize_sm__6 {
        font-size: 1rem !important;
        -webkit-transform: scale(0.6) !important;
        transform: scale(0.6) !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__7 {
        font-size: 1rem !important;
        -webkit-transform: scale(0.7) !important;
        transform: scale(0.7) !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__8 {
        font-size: 1rem !important;
        -webkit-transform: scale(0.8) !important;
        transform: scale(0.8) !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__9 {
        font-size: 1rem !important;
        -webkit-transform: scale(0.9) !important;
        transform: scale(0.9) !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__10 {
        font-size: 1rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__11 {
        font-size: 1.1rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__12 {
        font-size: 1.2rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__13 {
        font-size: 1.3rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__14 {
        font-size: 1.4rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__15 {
        font-size: 1.5rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__16 {
        font-size: 1.6rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__17 {
        font-size: 1.7rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__18 {
        font-size: 1.8rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__19 {
        font-size: 1.9rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__20 {
        font-size: 2rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__21 {
        font-size: 2.1rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__22 {
        font-size: 2.2rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__23 {
        font-size: 2.3rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__24 {
        font-size: 2.4rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__25 {
        font-size: 2.5rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__26 {
        font-size: 2.6rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__27 {
        font-size: 2.7rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__28 {
        font-size: 2.8rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__29 {
        font-size: 2.9rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__30 {
        font-size: 3rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__31 {
        font-size: 3.1rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__32 {
        font-size: 3.2rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__33 {
        font-size: 3.3rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__34 {
        font-size: 3.4rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__35 {
        font-size: 3.5rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__36 {
        font-size: 3.6rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__37 {
        font-size: 3.7rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__38 {
        font-size: 3.8rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__39 {
        font-size: 3.9rem !important;
    }
}

@media screen and (max-width: 679px) {
    .hp_fontSize_sm__40 {
        font-size: 4rem !important;
    }
}

/*—————————————————————————————————————————————————————
　フォントのウェイト
—————————————————————————————————————————————————————*/
.hp_fontWeight__bold {
    font-weight: 700 !important;
}

.hp_fontWeight__normal {
    font-weight: normal !important;
}

/*—————————————————————————————————————————————————————
　スペーサー
—————————————————————————————————————————————————————*/
.hp_spacer {
    margin: 0 4px;
    height: auto;
    border-left: 1px solid var(--color-border);
}

.hp_spacer__22 {
    margin: 0 2.2rem;
}

.hp_spacer__16 {
    margin: 0 1.6rem;
}

.hp_spacer__horizontal {
    margin: 32.5px 0;
    width: auto;
    border-top: 1px solid var(--color-border);
}

.hp_spacer__horizontal__12 {
    margin: 1.2rem 0;
}

.hp_spacer__dotted {
    border-top: 1px dotted var(--color-border);
}

/*—————————————————————————————————————————————————————
　ギャップ
—————————————————————————————————————————————————————*/
.gap__xl {
    gap: 5.6rem !important;
}

.gap__m {
    gap: 2.4rem !important;
}

.gap__sm {
    gap: 2rem !important;
}

.gap__s {
    gap: 1.6rem !important;
}

.gap__xs {
    gap: 1.2rem !important;
}

.gap__xxs {
    gap: 1rem !important;
}

.gap__xxxs {
    gap: 0.5rem !important;
}

.gap__none {
    gap: 0 !important;
}

.w-330 {
    width: 33rem;
}

/*=================================================================================

　プログラム	接頭辞：js_* など

=================================================================================*/
/*—————————————————————————————————————————————————————
　オーバーレイ背景（モーダルやドロワーに利用） bodyに指定
—————————————————————————————————————————————————————*/
.js_overlay {
    display: block;
    position: fixed;
    z-index: 20;
    cursor: pointer;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: var(--color-overlay-bg);
    visibility: hidden;
}

/*—————————————————————————————————————————————————————
　サイドナビゲーション展開時
—————————————————————————————————————————————————————*/
.js_sideNav {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: calc(-1 * var(--width-side));
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

@media screen and (min-width: 1200px) {
    .js_sideNav {
        position: relative;
        pointer-events: all;
        left: 0;
    }
}

.js_sideNav_btnClose {
    display: block;
    padding-left: var(--padding-contents-lr_mdsm);
}

.is_sideNav_open {
    height: 100%;
    overflow: hidden;
}

    .is_sideNav_open .js_overlay {
        opacity: 1;
        visibility: visible;
    }

    .is_sideNav_open .ly_cont_side {
        pointer-events: all;
        z-index: 21;
        left: 0;
        overflow-y: scroll;
    }

/*-————————————————————————————————————————————————————
　モーダルウィンドウ（Micromodal.js）
　接頭辞　md_
-————————————————————————————————————————————————————*/
.md_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: var(--color-overlay-bg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.md_wrapper {
    position: relative;
    z-index: 1001;
    overflow-y: auto;
    width: var(--width-modal_max);
    max-height: 76rem;
    margin: var(--padding-contents-lr_mdsm);
    border-radius: 0.4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--color-modal-bg);
}

    .md_wrapper.md_small {
        width: 68rem;
    }

.md_content {
    position: relative;
}

.md_content--header {
    padding: 1rem 5.6rem 1rem 5.6rem;
    text-align: center;
    color: #333333;
    font-size: 2.4rem;
    line-height: 3.5rem;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1607843137);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1607843137);
    position: relative;
    z-index: 1;
    font-weight: bold;
}

.md_content--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.md_content--content__main {
    width: 100%;
    padding: 1rem 2.4rem 1rem 2.4rem;
    background-color: #F5F5F5;
    max-height: 63rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .md_content--content__main .bl_box {
        padding: 2rem 3.2rem 2rem 2.4rem;
        overflow: visible;
    }

.md_small .md_content--content__main {
    background-color: #FFFFFF;
    padding: 4rem;
}

    .md_small .md_content--content__main h4 {
        color: #333333;
        font-size: 2.4rem;
        line-height: 3.5rem;
    }

    .md_small .md_content--content__main p {
        color: #333333;
        font-size: 1.7rem;
        line-height: 2.5rem;
    }

.md_content--content__side {
    min-width: var(--width-side);
    height: auto;
    color: var(--color-txt);
    background-color: #E3E3E3;
    min-height: 63rem;
}

.md_content--content__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

    .md_content--content__column .bl_box {
        width: 100%;
    }

.md_content--footer {
    background-color: #FFFFFF;
    position: relative;
    padding: 1rem 2.4rem 1rem 2.4rem;
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.md_content--footer__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    margin-left: 2.4rem;
}

.md_small .md_content--footer {
    padding: 0 4rem 3.2rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.md_close {
    right: 1.6rem;
    top: 1.6rem;
    position: absolute;
    z-index: 100;
}

/* アニメーション */
@-webkit-keyframes mmfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mmfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes mmfadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes mmslideIn {
    from {
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes mmslideIn {
    from {
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes mmslideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
}

@keyframes mmslideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
}

.micromodal-slide {
    display: none;
}

    .micromodal-slide.is-open {
        display: block;
    }

    .micromodal-slide[aria-hidden=false] .md_overlay {
        -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
        animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    }

    .micromodal-slide[aria-hidden=false] .md_wrapper {
        -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
        animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    }

    .micromodal-slide[aria-hidden=true] .md_overlay {
        -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
        animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    }

    .micromodal-slide[aria-hidden=true] .md_wrapper {
        -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
        animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    }
/*# sourceMappingURL=style.css.map */


.bg-warning-subtle {
    background-color: #FFFEE5 !important;
}

.bg-danger-subtle {
    background-color: #FFF0F0 !important;
}

.bg-success-subtle {
    background-color: #E3FFEF !important;
}

.bg-warning-subtleclose {
    background-color: #d1c900 !important;
}

.bg-danger-subtleclose {
    background-color: #ffc9c9 !important;
}

.bg-success-subtleclose {
    background-color: #E3FFEF !important;
}



.bl_table.tr.td.padding-none {
padding:0 !important;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.u_staffingDetail__side li.active {
    background: #F5F5F5;
    border-left: 6px solid var(--color-primary);
    padding-left: 1.4rem;
}

    .u_staffingDetail__side li.active:hover {
        opacity: 1;
    }

    .u_staffingDetail__side li.active h5 {
        font-weight: bold;
        color: var(--color-primary);
    }

    .u_staffingDetail__side li.active button {
        color: #F5F5F5;
    }

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: #FFF;
    pointer-events: none;
    background-color: #777777;
    border-color: #0d6efd;
    opacity: 0.65;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

    .visually-hidden:not(caption),
    .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
        position: absolute !important;
    }

.u_staffingDetail__grid--addBtn input {
    width: 100%;
    min-width: auto;
    color: #333333;
    font-size: 1.5rem;
    line-height: 1.8rem;
    letter-spacing: 0px;
    padding: 1.3rem 1rem 1.3rem 3.6rem;
    border-radius: 0px 4px 4px 0px;
    background-color: #FFFFFF;
}

/*配置表>要員配置ダイアログの役割セレクトボックスの修正のため追記 2024/6/6 OKUNO*/

.el_form_select_role select {
    width: 100%;
    min-width: 20rem;
    padding: 1.3rem 1rem 1.3rem;
    font-size: 1.5rem;
    line-height: 1.8rem;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: solid 1px var(--color-form);
    background-color: var(--color-form_bg);
    -webkit-transition: -webkit-box-shadow 0.2s ease;
    transition: -webkit-box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}

.el_form_select_role select:hover {
    outline: solid 1px rgba(var(--color-primary_rgb), 50%);
}

.el_form_select_role select:focus, .el_form_select_role select:active {
    outline: solid 2px rgba(var(--color-primary_rgb), 80%);
    -webkit-box-shadow: 0px 0px 1px 6px rgba(var(--color-primary_rgb), 12%);
    box-shadow: 0px 0px 1px 6px rgba(var(--color-primary_rgb), 12%);
}

.el_form_select_role select::-webkit-input-placeholder {
    color: rgba(var(--color-txt_rgb), 50%);
}

.el_form_select_role select::-moz-placeholder {
    color: rgba(var(--color-txt_rgb), 50%);
}

.el_form_select_role select:-ms-input-placeholder {
    color: rgba(var(--color-txt_rgb), 50%);
}

.el_form_select_role select::placeholder {
    color: rgba(var(--color-txt_rgb), 50%);
}

.el_form_select_role select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 999px var(--color-form_bg) inset;
    box-shadow: 0 0 0px 999px var(--color-form_bg) inset;
}

.el_form_btn .el_form_select_role select {
    width: 100%;
    min-width: auto;
    color: #333333;
    font-size: 1.5rem;
    line-height: 1.8rem;
    letter-spacing: 0px;
    border-radius: 0px 4px 4px 0px;
    background-color: #FFFFFF;
    position: relative;
}

    .el_form_btn .el_form_select_role select::-webkit-calendar-picker-indicator {
        display: none;
    }

 .el_form_btn.reverse .el_form_select_role select {
    border-radius: 4px 0px 0px 4px;
}


.el_form_select_role {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
}

    .el_form_select_role select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
    }

        .el_form_select_role select:focus, .el_form_select_role select:active {
            outline: solid 2px rgba(var(--color-primary_rgb), 80%);
            -webkit-box-shadow: 0px 0px 1px 6px rgba(var(--color-primary_rgb), 0.1);
            box-shadow: 0px 0px 1px 6px rgba(var(--color-primary_rgb), 0.1);
        }

    .el_form_select_role:before {
        pointer-events: none;
        content: "\e5cf";
        display: block;
        position: absolute;
        right: 0.5rem;
        top: 50%;
        -webkit-transform: translateY(-47%);
        transform: translateY(-47%);
        font-size: 2.4rem;
        color: var(--color-primary);
        z-index: 1;
    }


    .el_form_select_role.is_success select {
        position: relative;
        outline: solid 2px var(--color-success);
    }

        .el_form_select_role.is_success select:hover {
            outline: solid 2px rgba(var(--color-success_rgb), 50%);
        }

        .el_form_select_role.is_success select:focus, .el_form_select_role.is_success select:active {
            outline: solid 2px rgba(var(--color-success_rgb), 80%) !important;
            -webkit-box-shadow: 0px 0px 1px 6px rgba(var(--color-success_rgb), 25%) !important;
            box-shadow: 0px 0px 1px 6px rgba(var(--color-success_rgb), 25%) !important;
        }

    .el_form_select_role.is_warning select {
        outline: solid 2px var(--color-warning);
    }

        .el_form_select_role.is_warning select:hover {
            outline: solid 2px rgba(var(--color-warning_rgb), 50%);
        }

        .el_form_select_role.is_warning select:focus, .el_form_select_role.is_warning select:active {
            outline: solid 2px rgba(var(--color-warning_rgb), 80%) !important;
            -webkit-box-shadow: 0px 0px 1px 6px rgba(var(--color-warning_rgb), 25%) !important;
            box-shadow: 0px 0px 1px 6px rgba(var(--color-warning_rgb), 25%) !important;
        }

    .el_form_select_role.is_danger select {
        outline: solid 2px var(--color-danger);
    }

        .el_form_select_role.is_danger select:hover {
            outline: solid 2px rgba(var(--color-danger_rgb), 50%);
        }

        .el_form_select_role.is_danger select:focus, .el_form_select_role.is_danger select:active {
            outline: solid 2px rgba(var(--color-danger_rgb), 80%) !important;
            -webkit-box-shadow: 0px 0px 1px 6px rgba(var(--color-danger_rgb), 20%) !important;
            box-shadow: 0px 0px 1px 6px rgba(var(--color-danger_rgb), 20%) !important;
        }

    .el_form_select_role select:disabled {
        color: var(--color-disable_txt);
        opacity: 1;
        cursor: default;
    }

        .el_form_select_role select:disabled:focus, .el_form_select_role select:disabled:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .el_form_select_role option:disabled {
        color: var(--color-disable_txt);
        background-color: var(--color-disable);
        border-radius: 0.4rem;
    }

.el_form_select_role:before {
    font-family: "Material Icons", sans-serif;
}

.bg-null_0 {
    background-color: #b0c3d2 !important;
}

.bg-notnull_0 {
    background-color: #ded593 !important;
}

.bl_form_required label:after {
    content: "*";
    color: #FF3C3C;
}

.field-validation-error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: red;
}

.close_box {
    position: relative;
    width: 17px;
    height: 17px;
    vertical-align: -4px;
    border: 0px solid var(--color-border);
    background-color: #788791;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    margin-left: -3rem;
    border-radius:2px;
}
.close_box label{
    color:#FFFFFF;
    font-size:11px;
    letter-spacing:0px;
    text-align:center;
    margin:auto;
}
/*2024/06/25 Add Start ページネーションを設置するのため*/
.pagination-container {
    display: flex;
    justify-content: center;
    /*margin-top: 20px;*/
}

    .pagination-container ul.pagination {
        display: flex;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .pagination-container ul.pagination li {
            margin: 0 5px;
        }

            .pagination-container ul.pagination li a,
            .pagination-container ul.pagination li span {
                display: block;
                padding: 5px 10px;
                text-decoration: none;
                color: #333;
                background-color: #f2f2f2;
                border: 1px solid #ddd;
                border-radius: 3px;
            }

            .pagination-container ul.pagination li.active a {
                background-color: #337ab7;
                color: white;
                border-color: #337ab7;
            }

            .pagination-container ul.pagination li:not(.active) a:hover {
                background-color: #ddd;
                color: #333;
            }
/*2024/06/25 Add End ページネーションを設置するのため*/

.reitable_wrapper{
    max-height:200px;
    overflow-y:auto;
}

a.tab_disabled {
    pointer-events: none; /* クリックを無効化 */
    cursor: not-allowed; /* マウスカーソルを変更 */
    color: grey; /* テキスト色を変更 */
}

.u_staffingDetail__modal--box-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 0.9rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    padding: 1rem 2rem;
}

.modal-open {
    position: fixed;
    width: 100%;
}

.u_staffingDetail__grid--addBtn .reception-close:disabled {
    color: #FFF;
    pointer-events: none;
    background-color: #777777;
    border-color: #0d6efd;
    opacity: 0.65;
}
.u_staffingDetail__btnBox--addBtn .reception-close:disabled {
    color: #FFF;
    pointer-events: none;
    background-color: #777777;
    border-color: #777777;
    opacity: 0.65;
}

.el_form_style_width__xxxxxs {
    max-width: 4rem !important;
    min-width: 4rem !important;
}

.el_form_input_unit {
    width: 100%;
    min-width: 20rem;
    padding: 1.3rem 0.3rem 1.3rem;
    font-size: 1.5rem;
    line-height: 1.8rem;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: solid 1px var(--color-form);
    background-color: var(--color-form_bg);
    -webkit-transition: -webkit-box-shadow 0.2s ease;
    transition: -webkit-box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}

.el_btn__primary:disabled {
    color: #FFFFFF;
    background-color: #777777;
    border: none;
}

.el_link_txt_disabled {
    color: #777777;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    word-break: break-all;
}

.u_staffingDetail__btnBox--sub .el_btn__icon_disabled > i {
    color: #777777;
}

.el_btn__icon_disabled {
    background-color:#E3E3E3;
    color:#777777;
}

.el_btn__icon:disabled {
    background-color: #E3E3E3;
    color: #777777;
}

.u_staffingDetail__btnBox--sub .el_btn__icon:disabled > i {
    color: #777777;
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important;
}