.marron_main{background:url(https://www.serious.co.jp/kanri/wp-content/themes/serious/img/marron/marron_top.JPG) center center no-repeat !important;background-repeat:no-repeat;background-position:center}.marron_box{padding:20px}.marron_box h3{font-size:20px;color:rgba(0,82,0,1);margin-bottom:15px;text-align:center}.image-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.marron_img{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:8px;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease}.marron_img img{width:100% !important;height:100% !important;object-fit:cover}@media (max-width:768px){.image-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.image-gallery{grid-template-columns:1fr}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);animation:fadeIn .3s}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{max-width:90%;max-height:90%;object-fit:contain;animation:zoomIn .3s}.close{position:absolute;top:20px;right:40px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;transition:color .3s}.close:hover{color:#bbb}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes zoomIn{from{transform:scale(.5)}to{transform:scale(1)}}@media (max-width:768px){.image-gallery{grid-template-columns:repeat(2,1fr)}.close{top:10px;right:20px;font-size:30px}}