.wrapper{padding:5%}.container{max-width:1280px;margin:0 auto;gap:10px}.row{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.col-left{width:70%}.col-right{width:30%}@media (max-width: 992px){.contents{flex-direction:column}.col-left,.col-right{width:100%}}.post-item-card-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.post-item-card-container .post-item-card{width:calc((100% - 30px)/2)}.post-item-card-container:after{content:"";display:block;width:calc((100% - 30px)/2)}@media (max-width: 768px){.post-item-card-container .post-item-card{width:100%}}*,*:before,*:after{box-sizing:border-box;text-align:left}html,body{margin:0;padding:0}body{font-family:Noto Sans JP,sans-serif;font-weight:400;font-optical-sizing:auto;font-style:normal;overflow-x:hidden;box-sizing:border-box}a{text-decoration:none}p{margin:0}ul,li{margin:0;padding:0}.navbar{display:fixed;width:100%;padding:1rem;background-color:#2d5a8a;padding:1rem 0;position:relative}.navbar-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.logo{width:320px;height:auto}.navbar-links{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem}.navbar-links-list{flex-direction:row;justify-content:space-between;align-items:center;gap:1.3rem;display:flex;list-style:none;margin:0;padding:0;gap:2rem}.navbar-links-list li a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s ease}.navbar-links-list li a:hover{color:#ccc}.navbar-links-list li{font-weight:600;color:#fff}.hamburger-menu{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1000}.hamburger-menu .hamburger-line{display:block;width:25px;height:2px;background-color:#fff;margin:5px 0;transition:all .3s ease}@media (max-width: 768px){.navbar .hamburger-menu{display:block}.navbar .navbar-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#2d5a8a;padding:5rem 2rem;transition:right .3s ease;z-index:999}.navbar .navbar-links.active{right:0}.navbar .navbar-links .navbar-links-list{flex-direction:column;gap:1.5rem}.hamburger-menu.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.logo{width:200px;height:auto}}
