@charset "utf-8"; /* CSS Document */ .documents .contents-bg .contents-box .documents-menu .category-link ul{ padding:10px 0 40px; display:flex; flex-wrap:wrap; gap:15px; } .documents .contents-bg .contents-box .documents-menu .category-link ul li{ width: calc((100% - 45px) / 4); height: 40px; padding: 0 15px; display: flex; align-items: center; border-bottom:none; background: #f3f3f3; } .documents .contents-bg .contents-box h2{ padding: 2px 0 2px 20px; color: var(--bBlue); border-bottom: none; border-left: 10px solid var(--bBlue); font-size: 22px; } .documents .contents-bg .contents-box .documents-menu .category-link ul li a{ display: flex; align-items: center; width: 100%; height: 40px; position:relative; color:var(--color-text-blue); } .documents .contents-bg .contents-box .documents-menu .category-link ul li a:after{ content: ""; position:absolute; top: calc(50% - 5px); right: 1px; display: inline-block; width: 8px; height: 8px; border-top: 1px solid var(--bBlue); border-right: 1px solid var(--bBlue); -webkit-transform: rotate(135deg); transform: rotate(135deg); } @media only screen and (max-width: 900px) { .documents .contents-bg .contents-box .documents-menu .category-link ul li { width: calc((100% - 15px) / 2); padding: 10px 15px 5px 8px; font-size: 14px; } } .documents .contents-bg .contents-box .documents-menu .category-link02G{ width: 100%; margin: 28px 0 0 0; display: block; } @media only screen and (max-width: 900px) { .documents .contents-bg .contents-box .documents-menu .category-link02G{ display: none; } } .documents .contents-bg .contents-box .documents-menu .category-link02{ width: 100%; display: flex; margin: 0 0 21px 0; } .documents .contents-bg .contents-box .documents-menu .category-link02 strong{ width: 150px; height: 42px; color: #0d2ea0; border-left: #FFFFFF solid 10px; border-bottom: #bbc4dc solid 1px; display: flex; align-items: center; box-sizing: border-box; padding: 0 0 0 18px; } .documents .contents-bg .contents-box .documents-menu .category-link02 ul{ display: flex; height: 42px; } .documents .contents-bg .contents-box .documents-menu .category-link02 ul li{ display: flex; align-items: center; height: 42px; margin: 0 0 0 4px; font-size: 14px; } .documents .contents-bg .contents-box .documents-menu .category-link02 ul li:first-child{ margin: 0 0 0 10px; } .documents .contents-bg .contents-box .documents-menu .category-link02 ul li a{ display: flex; align-items: center; height: 42px; position:relative; color:var(--color-text-blue); padding: 0 30px 0 14px; background: #f3f3f3; } .documents .contents-bg .contents-box .documents-menu .category-link02 ul li a:after{ content: ""; position:absolute; top: calc(50% - 5px); right: 10px; display: inline-block; width: 8px; height: 8px; border-top: 1px solid var(--color-text-blue); border-right: 1px solid var(--color-text-blue); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .documents .contents-bg .contents-box p.midashi01{ width: 100%; height: 42px; padding: 0 0 0 28px; margin: 48px 0; color: #0d2ea0; font-weight: 700; box-sizing: border-box; background: #FFFFFF; display: flex; align-items: center; border-bottom: #bbc4dc solid 1px; }