.body-container--blog-index{padding-bottom:24rem}@media (max-width:768px){.body-container--blog-index{padding-bottom:14.4rem}}.post-index__wrap{display:flex;justify-content:space-between;padding-top:4rem}@media (max-width:768px){.post-index__wrap{flex-direction:column;padding-top:2.4rem}}.post-index__side{display:flex;flex-direction:column;gap:4rem;margin-bottom:24rem;width:30.5rem}.post-index__side dl{margin:0}.post-index__side dl+dl{margin-top:16px}.post-index__side dl dt{font-size:1.6rem;font-weight:700;line-height:1}.post-index__side-button{background:none;border:none;border-bottom:1px solid var(--border-color);display:flex;padding:1.4rem 0;position:relative;text-align:left;width:100%;&:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%231D61FF' d='m12 15.4-6-6L7.4 8l4.6 4.6L16.6 8 18 9.4z'/%3E%3C/svg%3E");background-size:100% 100%;bottom:0;content:"";display:block;height:2.4rem;margin:auto;position:absolute;right:0;top:0;transition:transform .6s;width:2.4rem}&[aria-expanded=true]{&:after{transform:rotate(180deg)}}}.post-index__side dl dd{margin:0;padding:2.4rem 0 0}.post-index__side-list{display:flex;flex-direction:column;gap:2rem;list-style-type:none;margin:0;padding:0}.post-index__side-list li{align-items:center;display:flex;gap:1.6rem;line-height:1}.post-index__side-list li:before{background:transparent;border-radius:50%;content:"";display:block;height:.8rem;width:.8rem}.post-index__side-list li a{color:var(--color-gs-tertiary);font-size:1.4rem;position:relative}.post-index__side-list li a:hover{color:var(--color-black)}.post-index__side-list li.is-current a{color:var(--primary-color)}.post-index__side-list li.is-current:before{background:var(--primary-color)}.post-index__archive-list li a{font-family:var(--font-en)}@media (max-width:768px){.post-index__side{gap:0;margin:0;padding:0 0 4rem;width:auto}.post-index__side dl dt{display:none}.post-index__side dl dd{padding:0;position:relative}.post-index__side dl dd .title-text{color:var(--color-gs-secondary);font-size:1.4rem;left:0;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.post-index__side-list{display:none}.post-index__select{appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%231D61FF' d='m12 15.4-6-6L7.4 8l4.6 4.6L16.6 8 18 9.4z'/%3E%3C/svg%3E") no-repeat right 1.2rem center;background-size:2.4rem 2.4rem;border:none;border-bottom:1px solid var(--border-color);color:#303030;font-size:1.4rem;font-weight:700;letter-spacing:-.02em;padding:1.15rem 1rem 1.15rem 7.6rem;width:100%}}.post-index__body{width:84.7rem}.post-index__list{border-top:1px solid var(--border-color);list-style-type:none;margin:0;padding:0}.post-index__list li a{display:block;padding:3.2rem 1.6rem;position:relative}.post-index__list li{border-bottom:1px solid var(--border-color)}.post-index__meta{align-items:center;display:flex;gap:.8rem;margin:0 0 2.4rem}.post-index__meta time{color:var(--color-gs-secondary);font-family:var(--font-en);font-size:1.4rem;line-height:1;margin:0 0 0 auto}.post-index__meta span{color:var(--color-gs-secondary);font-size:1.2rem;line-height:1}.post-index__meta .label{background:#3572ff33;border-radius:2rem;padding:.4rem 1.6rem}.post-index__meta span:not(.label){color:var(--color-gs-secondary)}.post-index__title{display:-webkit-box;font-size:2rem;font-variation-settings:"wght" 650;font-weight:700;letter-spacing:-.01em;line-height:1.6;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;min-height:5.4rem}@media (min-width:769px){.post-index__list li a:hover{box-shadow:0 4px 32px 0 #3352991a;padding-left:2.4rem;padding-right:2.4rem}}@media (max-width:768px){.post-index__body{width:100%}.post-index__list{margin:0}.post-index__list li a{padding:2.4rem 0}.post-index__meta time{font-size:1.2rem}.post-index__meta .label{padding:.4rem 1.2rem}.post-index__title{font-size:1.6rem;line-height:1.5;min-height:inherit;-webkit-line-clamp:3}}.post-search input{background:#f5f5f7 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23A7A8AA' d='m19.6 21-6.3-6.3q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.887T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5a6.1 6.1 0 0 1-1.3 3.8l6.3 6.3zM9.5 14q1.875 0 3.188-1.312Q14 11.375 14 9.5t-1.312-3.187T9.5 5 6.313 6.313 5 9.5t1.313 3.188T9.5 14'/%3E%3C/svg%3E") no-repeat 1.6rem;background-size:2.4rem 2.4rem;border:none;font-size:1.4rem;height:4rem;line-height:1;padding:0 1.6rem 0 4.8rem;width:100%}.post-search input::placeholder{color:#a7a8aa}@media (max-width:768px){.post-search{margin-top:2.4rem}}.blog-pagination{align-items:center;display:flex;gap:2.4rem;justify-content:center;margin:6.8rem 0 0}@media screen and (min-width:769px){.blog-pagination{margin:22rem 0 0}}.blog-pagination__link{align-items:center;display:flex;height:4.8rem;justify-content:center;line-height:0;width:4.8rem}.blog-pagination__link.-disabled{opacity:.5;pointer-events:none}.blog-pagination-center{gap:2.4rem}.blog-pagination-center,.blog-pagination-center a{align-items:center;display:flex;justify-content:center}.blog-pagination-center a{border-radius:50%;font-family:var(--font-en);font-size:1.6rem;height:4.8rem;line-height:1;position:relative;width:4.8rem}.blog-pagination-center a.active{background:var(--primary-color);color:#fff}@media (min-width:769px){.blog-pagination-center a:hover{background:#f5f5f7}}@media (max-width:768px){.blog-pagination{gap:.8rem}.blog-pagination .link__text{display:none}.blog-pagination .icon-button-arrow,.blog-pagination-left,.blog-pagination-right{width:8rem}.blog-pagination-center{gap:.8rem}.blog-pagination-center a{font-size:1.8rem;height:4rem;width:4rem}.system-page .post-index__side{padding-bottom:12rem}}