.op-blog-list{background:#fff;padding:48px 0}.op-blog-list .op-page-width{max-width:1200px;margin:0 auto;padding:0 20px}.op-blog-list__head{display:flex;flex-direction:column;gap:16px}.op-blog-list__title{letter-spacing:.02em}.op-blog-list__sub{margin:0 0 4rem!important}.op-blog-list__more{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#00233f;color:#fff;text-decoration:none;box-shadow:0 10px 24px #0000002e;transition:transform .18s ease,box-shadow .18s ease}.op-blog-list__more:hover{transform:translateY(-1px);box-shadow:0 14px 30px #00000038}.op-blog-list__more--pc{display:none}.op-blog-list__more--sp{display:flex;width:210px;height:45px;padding:0;margin:28px auto 0}.op-blog-list__grid{display:grid;grid-template-columns:1fr;row-gap:28px}.op-blog-card{width:100%;max-width:500px;margin:0 auto}.op-blog-card__link{display:block;text-decoration:none;color:inherit}.op-blog-card__image{width:100%;aspect-ratio:3 / 2;overflow:hidden;background:#d9d9d9}.op-blog-card__img{width:100%;height:100%;object-fit:cover;display:block}.op-blog-card__ph{width:100%;height:100%}.op-blog-list.op-typography .op-blog-card__title{margin-top:18px;font-size:16px;font-weight:700;line-height:1.35;color:#00233f;font-family:var(--op-font-jp)!important}.op-blog-list.op-typography .op-blog-card__excerpt{margin-top:8px;font-size:14px;line-height:1.7;color:#00233f;font-family:var(--op-font-jp)!important}@media screen and (min-width:1025px){.op-blog-list{padding:80px 0}.op-blog-list .op-page-width{padding:0 50px}.op-blog-list__head{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px}.op-blog-list__more--pc{display:inline-flex}.op-blog-list__more--sp{display:none}.op-blog-list__grid{grid-template-columns:repeat(2,500px);column-gap:64px;row-gap:56px;justify-content:space-between}.op-blog-card{width:500px;max-width:100%;margin:0}.op-blog-list.op-typography .op-blog-card__title{font-size:18px}.op-blog-list.op-typography .op-blog-card__excerpt{font-size:16px}.op-blog-list__more{width:223px;height:46px;padding:0}}@media screen and (max-width:749px){.op-blog-card{max-width:330px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/op-blog-list.css.map */