.main-wrap-columns{margin-block:50px}.columns-index-list{display:flex;flex-direction:column;gap:40px;width:730px}.columns-index-list-header{display:flex;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch}.columns-index-list-header-title{flex:1 0 0;color:#000;font-family:"Hiragino Kaku Gothic ProN";font-size:26px;font-style:normal;font-weight:600;line-height:40px}.columns-index-list-header-description{color:#222;font-family:"Hiragino Kaku Gothic ProN";font-size:14px;font-style:normal;font-weight:400;line-height:32px}.columns-index-list-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;align-self:stretch}.columns-index-list-body.under-border{padding-bottom:50px;border-bottom:1px solid #DDDDDD}.columns-index-list-body-title{flex:1 0 0;color:#A48B78;font-family:"Hiragino Kaku Gothic ProN";font-size:24px;font-style:normal;font-weight:600;line-height:40px}.columns-index-list-body-cards{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;align-self:stretch}.columns-index-list-body-cards .columns-card{display:flex;width:730px;align-items:center;gap:10px;background:#FFFFFF}.columns-index-list-body-cards .columns-card-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:15px;flex:1 0 0;align-self:stretch}.columns-index-list-body-cards .columns-card-thumb{display:flex;width:243.333px;height:139.156px;justify-content:center;align-items:center;gap:10px;aspect-ratio:243.33/139.16;border-radius:3px;background:#D9D9D9}.columns-index-list-body-cards .columns-card-thumb img{width:100%;height:100%;object-fit:cover;border-radius:3px}.columns-index-list-body-cards-grid{display:grid;row-gap:50px;column-gap:50px;grid-template-rows:fit-content(100%) fit-content(100%);grid-template-columns:repeat(2, minmax(0, 1fr));padding-bottom:100px;border-bottom:1px solid #DDDDDD}.columns-index-list-body-cards-grid .columns-card{display:flex;flex-direction:column;align-items:flex-start;gap:15px;flex:1 0 0}.columns-index-list-body-cards-grid .columns-card-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex:1 0 0;align-self:stretch}.columns-index-list-body-cards-grid .columns-card-thumb{display:flex;height:194.438px;justify-content:center;align-items:center;gap:10px;align-self:stretch;aspect-ratio:313/179;border-radius:3px;background:#D9D9D9}.columns-index-list-body-cards-grid .columns-card-thumb img{width:100%;height:100%;object-fit:cover;border-radius:3px}.columns-index-list-body-cards-grid .columns-card-meta-padding{padding-top:20px}.columns-card-title{display:flex;align-self:stretch;color:#173C80;font-family:"Hiragino Kaku Gothic ProN";font-size:18px;font-style:normal;font-weight:600;line-height:160%;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:2px;transition:color 0.3s ease, text-decoration-color 0.5s ease}.columns-card-title:hover{text-decoration-color:currentColor}.columns-card-meta{display:flex;align-items:center;gap:10px;align-self:stretch}.columns-card-meta .columns-card-badge{display:flex;padding:5px 6px;justify-content:center;align-items:center;gap:10px;border-radius:3px;border:1px solid #EFEFEF;text-decoration:none}.columns-card-meta .columns-card-badge .columns-card-badge-text{color:#999;font-family:"Hiragino Kaku Gothic ProN";font-size:10px;font-style:normal;font-weight:400;line-height:100%}.columns-card-meta .columns-card-meta-left{display:flex;align-items:center;gap:2px;overflow-x:auto;white-space:nowrap;text-overflow:ellipsis;max-width:260px}.columns-card-meta .columns-card-meta-left::-webkit-scrollbar{display:none}.columns-card-meta .columns-card-meta-right{display:flex;justify-content:flex-end;align-items:center;gap:15px;flex:1 0 0}.columns-card-meta .columns-card-date{display:flex;align-items:center;gap:5px}.columns-card-meta .columns-card-date .columns-card-date-text{color:#999;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:100%}.columns-card-created-at-icon{width:11px;height:13px}.columns-card-created-at-icon path{fill:#999999}.columns-card-updated-at-icon{width:12px;height:12px}.columns-card-updated-at-icon path{fill:#999999}.columns-card-bookmark{display:flex;width:26px;height:26px;justify-content:center;align-items:center;border-radius:2px;border:1px solid #EFEFEF;background:rgba(255,255,255,0.9);cursor:pointer;position:relative;transition:border 0.2s ease}.columns-card-bookmark svg{width:10px;height:12px;flex-shrink:0;aspect-ratio:5/6}.columns-card-bookmark svg path{fill:#BFBFBF;transition:fill 0.2s ease}.columns-card-bookmark .columns-card-bookmark-popup{display:flex;padding:5px 6px;flex-direction:column;align-items:flex-start;gap:10px;border-radius:3px;background:rgba(0,0,0,0.8);z-index:3;position:absolute;top:3px;left:33px;width:48px;height:8px;opacity:0;pointer-events:none;transition:opacity 0.5s ease}.columns-card-bookmark .columns-card-bookmark-popup .columns-card-bookmark-popup-text{color:#FFFFFF;text-align:right;font-family:"Hiragino Sans";font-size:8px;font-style:normal;font-weight:400;line-height:100%}.columns-card-bookmark .columns-card-bookmark-popup svg{position:absolute;top:4px;left:-3.7px;width:4px}.columns-card-bookmark .columns-card-bookmark-popup svg path{fill:#000000 !important}.columns-card-bookmark[data-front--columns--bookmark-popup-open-value="true"] .columns-card-bookmark-popup{opacity:1;pointer-events:auto}.columns-card-bookmark:hover{border:1px solid #AAAAAA;background:rgba(255,255,255,0.9)}.columns-card-bookmark[data-front--columns--bookmark-bookmarked-value="true"] svg path{fill:#FAAA3A}.side-wrap-columns{display:flex;width:240px;flex-direction:column;align-items:flex-start;gap:30px}