.po_items_ho{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:15px;grid-row-gap:2rem}.po_item{display:inline-block;text-align:center;position:relative;padding:6px;transition:.3s ease;font-size:0;height:20vw;animation:.39s ease-in-out calc(.04s*var(--var)) pop_up_animation;transform:scale(0);animation-fill-mode:forwards}@keyframes pop_up_animation{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:999px){.po_items_ho{grid-template-columns:1fr 1fr 1fr}.po_item{height:30vw}}@media(max-width:650px){.po_items_ho{grid-template-columns:1fr 1fr}.po_item{height:44vw}}@media(max-width:450px){.po_items_ho{grid-template-columns:1fr}.po_item{height:77vw}}.po_item img{margin:auto;max-width:100%;max-height:87%}.po_item .content{position:absolute;height:0;width:0;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;justify-content:center;flex-grow:1;flex-direction:column;align-items:center;height:100%;width:100%;transition:.3s ease-in-out;border:1px solid var(--secondary-color);font-size:16px}.po_item:hover{box-shadow:0 0 20px 6px var(--primary-color)}.po_item:hover .content{height:calc(100% - 30px);width:calc(100% - 30px);opacity:1;border:1px solid var(--primary-color);color:var(--secondary-color)}.po_item .content p{transition:all .3s ease-in-out;position:absolute;bottom:5px}.po_item:hover .content p{font-size:18px;font-weight:600}.po_item .content button{background:var(--bg-color);border:1px solid var(--text-color);color:var(--text-color);padding:4px 8px;text-align:center;font-size:1rem;opacity:0;transition:all .48763s;text-decoration:none}.po_item:hover .content button{opacity:1}.modal-content{background-color:var(--bg-color)}.modal-img{max-width:100%;max-height:50vh}.portfolio-item{position:fixed;top:8vh;bottom:3vh;left:3vw;width:94vw;background-color:var(--overlay-color-2);transform:scale(0);transition:transform .3s ease-out}.open{transform:scale(1)}.portfolio-item:before{position:fixed;top:-5px;left:-17px;content:"「";font:45px 700}.portfolio-item:after{position:fixed;bottom:-5px;right:-17px;content:"」";font:45px 700}