.page-post{padding:clamp(4rem,6.5278vw,9.38rem) 0 clamp(5rem,7.7778vw,11.25rem)}.page-post__grid-wrap{max-width:64rem;width:90%;margin:0 auto}.page-post__list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;list-style:none;padding:0;margin:0}.page-post__item{transition:opacity .3s}.page-post__item:hover{opacity:.7}.page-post__link{display:flex;flex-direction:column;text-decoration:none}.page-post__img{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#e8e8e8}.page-post__img img{width:100%;height:100%;object-fit:cover;display:block}.page-post__content{margin-top:.75rem;display:flex;flex-direction:column;gap:.25rem}.page-post__date,.page-post__tag{font-size:var(--fs-2xs);color:#57606a}.page-post__ttl{font-size:var(--fs-sm);font-weight:400;line-height:1.4;letter-spacing:.02em;color:#24292f}.page-post__empty{text-align:center;font-size:var(--fs-sm);padding:5rem 0}.post-filter{margin-bottom:3.12rem}.post-filter__search{margin-bottom:1.5rem;display:flex;justify-content:flex-end}.post-filter__input{width:32%;height:3rem;padding:0 2.5rem 0 1.2rem;font-size:var(--fs-sm);border:1px solid #24292f;background:#fff url(/img/common/forms/search.svg) no-repeat right .75rem center;background-size:1.125rem;outline:none;transition:border-color .2s;appearance:none;border-radius:0;font-weight:300}.post-filter__input:focus{border-color:#24292f}.post-filter__input::placeholder{color:#aaa}.post-filter__row{display:flex;align-items:baseline;gap:0;padding:1rem 0}.post-filter__label{flex-shrink:0;display:inline-flex;align-items:center;font-size:var(--fs-xs);color:#57606a;letter-spacing:.05em;margin-right:1.5rem;white-space:nowrap;background:transparent;border:0;padding:0;font-family:inherit;cursor:default}.post-filter__arrow{display:none}.post-filter__label-icon{display:inline-block;width:.875rem;height:.875rem;vertical-align:middle;margin-right:.375rem}.post-filter__cats{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0}.post-filter__cats li{margin-right:1.5rem;margin-bottom:.5rem}.post-filter__btn{cursor:pointer;font-size:var(--fs-xs);letter-spacing:.05em;border:0;background:transparent;color:#24292f;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;transition:color .2s;font-weight:400}.post-filter__btn:hover:not(.is-active){color:#5b6879}.post-filter__btn.is-active{color:#b16044;text-decoration:none}.post-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:3.75rem}.post-pagination__btn{display:flex;align-items:center;justify-content:center;margin:0 .25rem;padding:0;width:2.5rem;height:2.5rem;font-size:var(--fs-sm);font-weight:400;letter-spacing:-.025em;line-height:1;background:transparent;border:0;color:#24292f;cursor:pointer;transition:opacity .3s}.post-pagination__btn:hover:not(.is-current){opacity:.45}.post-pagination__btn.is-current{border-radius:50%;background:#24292f;color:#fff;cursor:default}.post-pagination__btn--arrow{margin:0 .375rem;font-size:0}.post-pagination__btn--arrow img{display:block;width:1.5rem;height:1.5rem}.single-blog{padding:clamp(2.5rem,4.0278vw,3.75rem) 0 clamp(4rem,5.9722vw,7.5rem)}.single-blog .block{max-width:48rem}.single-blog__ttl{font-size:var(--fs-2xl);font-weight:600;line-height:var(--lh-2xl);letter-spacing:var(--ls-2xs);margin:1.5rem 0}.single-blog__img{margin-bottom:2.5rem}.single-blog__img img{display:block;width:100%;height:auto}.single-blog__content{font-size:var(--fs-sm);line-height:1.9;overflow-wrap:break-word;word-break:break-word}.single-blog__content h2{font-size:var(--fs-xl);font-weight:600;margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:.12rem solid #24292f}.single-blog__content h3{font-size:var(--fs-lg);font-weight:600;margin:2rem 0 .75rem}.single-blog__content p{margin-bottom:1.25rem}.single-blog__content img,.single-blog__content video,.single-blog__content iframe{max-width:100%;height:auto;margin:1.25rem 0}.single-blog__content iframe{width:100%}.single-blog__content pre{max-width:100%;overflow-x:auto}.single-blog__content table{display:block;max-width:100%;overflow-x:auto}.page-blog__flex{display:flex;align-items:center;gap:.75rem}.page-blog__day,.page-blog__category{font-size:var(--fs-xs);color:#57606a}.col-related{padding:clamp(3.5rem,5vw,6rem) 0 0}.col-related .block{max-width:64rem}.col-related__ttl{font-size:var(--fs-lg);font-weight:400;letter-spacing:.06em;text-align:center;margin-bottom:2.5rem}.col-related__ttl br{display:none}.col-related__list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;list-style:none;padding:0;margin:0}.col-related__item{transition:opacity .3s}.col-related__item:hover{opacity:.7}.col-related__link{display:flex;flex-direction:column;text-decoration:none}.col-related__img{width:100%;aspect-ratio:4/3;overflow:hidden;background:#e8e8e8}.col-related__img img{width:100%;height:100%;object-fit:cover;display:block}.col-related__img-placeholder{width:100%;height:100%;background:#e8e8e8}.col-related__content{margin-top:.75rem;display:flex;flex-direction:column;gap:.25rem}.col-related__date,.col-related__cat{font-size:var(--fs-2xs);color:#57606a}.col-related__name{font-size:var(--fs-sm);line-height:1.4;letter-spacing:.02em;color:#24292f}.col-back{display:flex;justify-content:center;align-items:center;padding:4rem 0 6rem}.col-back .btn-link{position:relative}.col-back .btn-link:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:-1rem;width:2rem;height:.06rem;background:#24292f}@media screen and (max-width:767px){.page-post__list{grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,3.0233vw,1.25rem) clamp(.5rem,2.5581vw,1rem)}.post-filter__input{font-size:var(--fs-sm);width:100%}.post-filter__row{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;padding:0}.post-filter__label{width:100%;justify-content:flex-start;margin-right:0;padding:.9rem 1rem;cursor:pointer}.post-filter__arrow{display:block;width:.75rem;height:.75rem;margin-left:auto}.post-filter__cats{flex-wrap:wrap;display:none;padding:0 1rem}.post-filter__cats li{margin-bottom:.85rem}.post-filter__row.is-open .post-filter__arrow{transform:rotate(180deg)}.post-filter__row.is-open .post-filter__cats{display:flex;padding:1rem 0 0}.post-pagination{margin-top:2.5rem}.single-blog__ttl{font-size:var(--fs-xl)}.col-related{padding:3.5rem 0 0}.col-related__ttl br{display:inline}.col-related__list{grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,3.0233vw,1.25rem) clamp(.5rem,2.5581vw,1rem)}}