.custom-article-section *,.custom-article-section :after,.custom-article-section :before{box-sizing:border-box}.custom-article-section{background-color:#fff;display:flex;flex-direction:column;width:100%}.custom-article-container{display:flex;flex-direction:column;margin:0 auto;max-width:768px;padding-left:20px;padding-right:20px;width:100%}.js-article-fade{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.js-article-fade.is-visible{opacity:1;transform:translateY(0)}.custom-article-category-wrap{padding-top:40px;width:100%}.custom-article-category-box{background-color:#f5f5f5;border-radius:10px;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:20px;width:100%}.custom-article-category-title{align-items:center;border-left:4px solid #0b285a;display:inline-flex;padding-left:10px;padding-right:10px}.custom-article-category-title span{color:#333;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:700;line-height:1.8;margin:0}.custom-article-category-list{align-items:center;display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;cursor:grab;padding-bottom:4px;scrollbar-width:none}.custom-article-category-list:active{cursor:grabbing}.custom-article-category-list::-webkit-scrollbar{display:none}.custom-article-category-btn{align-items:center;background-color:#fff;border:none;border-radius:40px;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:500;height:36px;justify-content:center;outline:1px solid #e5e5e5;outline-offset:-1px;padding:6px 16px;transition:all .2s ease;white-space:nowrap}.custom-article-category-btn.is-active{background-color:#0b285a;color:#fff;outline:1px solid #0b285a}.custom-article-category-btn:hover{opacity:.8}.custom-article-list-wrap{padding-bottom:60px;padding-top:30px;width:100%}.custom-article-list{gap:30px}.custom-article-card,.custom-article-list{display:flex;flex-direction:column;width:100%}.custom-article-card{animation:fadeIn .4s ease forwards;background-color:#fff;border-radius:10px;gap:15px;outline:1px solid rgba(11,40,90,.2);outline-offset:-1px;padding:16px;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-article-card:hover{box-shadow:0 4px 12px rgba(11,40,90,.1);transform:translateY(-2px)}.custom-article-card-img-wrap{aspect-ratio:301/198;border-radius:6px;overflow:hidden;width:100%}.custom-article-card-img-wrap img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.custom-article-card:hover .custom-article-card-img-wrap img{transform:scale(1.03)}.custom-article-card-content{display:flex;flex-direction:column;gap:15px;width:100%}.custom-article-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:15px;width:100%}.custom-article-card-tag{background-color:#0b285a;border-radius:30px;color:#fff;font-size:12px;font-weight:700;line-height:1;padding:8px 16px}.custom-article-card-date,.custom-article-card-tag{font-family:Noto Sans JP,sans-serif;letter-spacing:1px}.custom-article-card-date{color:#aaa;font-size:14px;font-weight:400;line-height:1.7}.custom-article-card-title{font-size:20px;font-weight:700;line-height:1.2}.custom-article-card-excerpt,.custom-article-card-title{color:#333;font-family:Noto Sans JP,sans-serif;letter-spacing:1px;margin:0}.custom-article-card-excerpt{font-size:14px;font-weight:400;line-height:1.7}.custom-article-section .custom-article-pagination{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important;padding-top:40px!important;width:100%!important}.custom-article-section .custom-article-page-prev{transform:rotate(180deg)!important}.custom-article-section .custom-article-page-arrow{align-items:center!important;color:#333!important;display:inline-flex!important;font-family:Noto Sans JP,sans-serif!important;font-size:16px!important;font-weight:700!important;justify-content:center!important;line-height:24px!important;opacity:1!important;padding:3px 10px!important;text-decoration:none!important;visibility:visible!important}.custom-article-section .custom-article-page-arrow.is-disabled{opacity:.3!important;pointer-events:none!important}.custom-article-section .custom-article-page-arrow:not(.is-disabled):hover{opacity:.7!important}.custom-article-section .custom-article-page-num{align-items:center!important;background-color:#f5f5f5!important;border:1px solid #e0e0e0!important;border-radius:50%!important;box-sizing:border-box!important;color:#333!important;display:inline-flex!important;font-family:Noto Sans JP,sans-serif!important;font-size:14px!important;font-weight:700!important;height:32px!important;justify-content:center!important;line-height:30px!important;margin:0!important;opacity:1!important;padding:0!important;text-align:center!important;text-decoration:none!important;transition:all .2s ease!important;visibility:visible!important;width:32px!important}.custom-article-section .custom-article-page-num.is-current{background-color:#0b285a!important;border-color:#0b285a!important;color:#fff!important;opacity:1!important;pointer-events:none!important}.custom-article-section .custom-article-page-num:not(.is-current):hover{background-color:#e5e5e5!important;color:#000!important}