.gallery{display:grid;grid-template-columns:repeat(4, 1fr);gap:15px;width:80.55vw;margin:20px auto;max-width:1546px}@media only screen and (max-width: 980px){.gallery{grid-template-columns:repeat(2, 1fr);width:90%}}.gallery img{background-color:#000;width:100%;height:auto}.gallery button{background-color:rgba(0,0,0,0);cursor:pointer}.box_nav{justify-content:space-between;align-items:flex-end;display:flex;width:91.1vw;max-width:1749px;margin:34px auto}.box_nav .group_text .title{font-family:"Snowflake Sans","sans-serif";font-size:64px;font-weight:700;line-height:64px;margin-bottom:10px}@media only screen and (max-width: 980px){.box_nav .group_text .title{font-size:40px}}.box_nav .group_text a{display:flex;align-items:center;grid-gap:10px}@supports(gap){.box_nav .group_text a{gap:10px}}.box_nav .group_text a span{font-family:"Snowflake Sans","sans-serif";color:#fff;font-size:32px}@media only screen and (max-width: 980px){.box_nav .group_text a span{font-size:24px}}.box_nav .group_text a img{width:18px;height:auto}.box_pagination{width:91.1vw;max-width:1749px;margin:34px auto}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px}.pagination span{font-family:"Snowflake Sans","sans-serif"}.pagination button{display:flex;justify-content:center;background-color:rgba(0,0,0,0);align-items:center;padding:5px 7px 5px 3px;border-radius:5px;cursor:pointer;margin:0 5px;width:35px}@media only screen and (max-width: 980px){.pagination button{padding:5px 6px 5px 3px;width:30px}}.pagination button:disabled{background-color:gray}.pagination button.btn_next{transform:rotate(180deg)}.pagination button img{width:13px;height:auto}@media only screen and (max-width: 980px){.pagination button img{width:15px}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8);align-items:center;justify-content:center}.modal .group{position:relative;width:900px;height:700px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#000;padding:5px}@media only screen and (max-width: 980px){.modal .group{width:90%}}.modal .group #closeModal{width:45px;height:45px;position:absolute;top:15px;right:20px;cursor:pointer;background-color:rgba(0,0,0,0)}.modal .group #closeModal img{width:100%;height:100%;object-fit:contain}.modal .group a{width:45px;height:45px;position:absolute;bottom:10px;width:45px;right:20px;height:42px;display:flex;cursor:pointer}.modal .group a img{width:100%;height:auto}.modal-content{margin:auto;display:block;max-width:100%;max-height:100%;animation:zoomIn .3s}@keyframes zoomIn{from{transform:scale(0.7)}to{transform:scale(1)}}