.con_project>.box_inner{margin-inline:auto;max-width:calc(1110 / 16 * 1em);width:90%}.con_project{container:con_project/inline-size}.con_project:after,.con_project:before,.con_project>*{--1cqi:1cqi;--cqi-to-px:calc(tan(atan2(var(--1cqi), 1px)))}.con_project>.box_inner .list_categories{display:flex;flex-direction:column;gap:clamp(80/var(--base) * 1em,80/var(--base) * 1em + 36/calc(1110 - 360) * (var(--cqi-to-px) - 360/100) * 100/var(--base) * 1em,116/var(--base) * 1em)}.con_project>.box_inner .list_categories>li:nth-child(odd){position:relative}.con_project>.box_inner .list_categories>li:nth-child(odd):after{content:"";position:absolute;width:clamp(80/var(--base) * 1em,80/var(--base) * 1em + 74/1560 * (var(--cqi-to-px) - 360/100) * 100/var(--base) * 1em,154/var(--base) * 1em);height:clamp(80/var(--base) * 1em,80/var(--base) * 1em + 74/1560 * (var(--cqi-to-px) - 360/100) * 100/var(--base) * 1em,154/var(--base) * 1em);background:url("../../assets/images/home/bg_pattern.png") no-repeat center/contain;z-index:-1}.con_project>.box_inner .list_categories>li:nth-child(4n-3):after{bottom:22%;left:calc(-1 * clamp(15 / var(--base) * 1em, 15 / var(--base) * 1em + 82 / 1280 * (var(--cqi-to-px) - 640 / 100) * 100 / var(--base) * 1em, 97 / var(--base) * 1em))}.con_project>.box_inner .list_categories>li:nth-child(4n-1):after{bottom:calc(-36 / var(--base) * 1em);right:calc(-1 * clamp(15 / var(--base) * 1em, 15 / var(--base) * 1em + 82 / 1280 * (var(--cqi-to-px) - 640 / 100) * 100 / var(--base) * 1em, 97 / var(--base) * 1em))}.con_project>.box_inner .list_categories>li>.box_section>.title{--fsz:25;font-size:clamp(22/var(--base) * 1em,22/var(--base) * 1em + calc(var(--fsz) - 22)/calc(1110 - 360) * (var(--cqi-to-px) - 360/100) * 100/var(--base) * 1em,var(--fsz)/var(--base) * 1em);margin-bottom:calc(15 / var(--fsz) * 1em)}.con_project>.box_inner .list_categories>li>.box_section .list_items{display:grid;gap:clamp(40/var(--base) * 1em,40/var(--base) * 1em + 40/calc(1110 - 360) * (var(--cqi-to-px) - 360/100) * 100/var(--base) * 1em,80/var(--base) * 1em) clamp(15/var(--base) * 1em,15/var(--base) * 1em + 35/calc(1110 - 360) * (var(--cqi-to-px) - 360/100) * 100/var(--base) * 1em,50/var(--base) * 1em)}@container (calc(960 / 16 * 1em) <= inline-size){.con_project>.box_inner .list_categories>li>.box_section .list_items{grid-template-columns:repeat(4,1fr)}}@container (calc(640 / 16 * 1em) <= inline-size < calc(960 / 16 * 1em)){.con_project>.box_inner .list_categories>li>.box_section .list_items{grid-template-columns:repeat(3,1fr)}}@container (inline-size < calc(640 / 16 * 1em)){.con_project>.box_inner .list_categories>li>.box_section .list_items{grid-template-columns:repeat(2,1fr)}}.con_project>.box_inner .list_categories>li>.box_section .list_items>li .box_item{display:flex;flex-direction:column;gap:calc(10 / var(--base) * 1em);text-decoration:none}.con_project>.box_inner .list_categories>li>.box_section .list_items>li .box_item .title{--fsz:20;font-size:clamp(16/var(--base) * 1em,16/var(--base) * 1em + calc(var(--fsz) - 16)/calc(1110 - 360) * (var(--cqi-to-px) - 360/100) * 100/var(--base) * 1em,var(--fsz)/var(--base) * 1em);font-weight:700;text-align:center}.con_project>.box_inner .list_categories>li>.box_section .list_items>li .box_item .img{display:block;order:-1}.con_project>.box_inner .list_categories>li>.box_section .list_items>li .box_item .img img{width:100%;aspect-ratio:240/200;object-fit:cover}