.c-blog_header.has-not-category{padding-top:45px}@media screen and (width < 1024px){.c-blog_header.has-not-category{padding-top:30px}}.c-blog_header__category{background:#e7e7e7;height:54px;margin-top:50px;width:100%}@media screen and (width < 1024px){.c-blog_header__category{height:55px;margin-top:32px}}.c-blog_header__category-menu{overflow-x:auto;-webkit-overflow-scrolling:touch}.c-blog_header__category-menu-list{align-items:center;display:flex;flex-wrap:nowrap;gap:26px;height:54px;justify-content:center;min-width:-moz-max-content;min-width:max-content;padding:0 16px}@media screen and (width < 1024px){.c-blog_header__category-menu-list{gap:21px;height:54px;padding:0 20px}}.c-blog_header__category-menu-button{color:#000;font-family:Noto Sans JP;font-size:15px;font-style:normal;font-weight:500;letter-spacing:.6px;line-height:170%;transition:opacity .3s}@media screen and (width < 1024px){.c-blog_header__category-menu-button{font-size:13px;letter-spacing:.52px}}.c-blog_header__category-menu-button:hover{opacity:.6}.c-blog_header__category-menu-button.active{color:#532589}.c-blog_header__title{background:url(../images/media/developer_blog/id/kv_gb.webp) no-repeat top/cover;background-size:cover;-o-object-fit:cover;object-fit:cover}@media screen and (width < 1024px){.c-blog_header__title{background:url(../images/media/developer_blog/id/kv_gb_sp.webp) no-repeat top/100%}}.c-blog_header__title-inner{margin-inline:auto;max-width:1272px;padding-top:69px;padding-inline:30px;padding-bottom:320px}@media screen and (width < 1024px){.c-blog_header__title-inner{padding-top:48px;padding-inline:20px}}.c-blog_header__title-en-ja{display:flex;flex-direction:column;gap:13px}@media screen and (width < 1024px){.c-blog_header__title-en-ja{gap:9px}}.c-blog_header__title-en{color:#532589;font-family:Everett;font-size:66.851px;font-style:normal;font-weight:500;letter-spacing:-1.337px;line-height:83%}@media screen and (width < 1024px){.c-blog_header__title-en{color:#532589;font-family:Everett;font-size:40px;font-style:normal;font-weight:500;letter-spacing:-.8px;line-height:83%}}.c-blog_header__title--ja{color:#000;display:block;font-family:Noto Sans JP;font-size:26px;font-style:normal;font-weight:700;letter-spacing:1.04px;line-height:170%}@media screen and (width < 1024px){.c-blog_header__title--ja{font-size:16px;letter-spacing:.64px}}.blog-page__page .blog-page-contents{background:url(../images/media/developer_blog/id/contets_bg.webp) no-repeat top/cover;margin-top:-289px;padding-bottom:100px}@media screen and (width < 1024px){.blog-page__page .blog-page-contents{background:url(../images/media/developer_blog/id/contets_bg_sp.webp) no-repeat top/100%;margin-top:-286px;padding-bottom:50px}}.blog-page__page .blog-page-contents__inner{background:linear-gradient(0deg,#f1edf5 50%,transparent 0)}.blog-page__page .blog-page-pagination{padding-top:143px}@media screen and (width < 1024px){.blog-page__page .blog-page-pagination{padding-top:60px}}.blog-page__page .blog-page-pagination__list{display:flex;gap:12px;justify-content:center}@media screen and (width < 1024px){.blog-page__page .blog-page-pagination__list{gap:9.73px}}.blog-page__page .blog-page-pagination__item{align-items:center;background:#fff;border-radius:23px;display:flex;height:46px;justify-content:center;transition:.3s;width:46px}@media screen and (width < 1024px){.blog-page__page .blog-page-pagination__item{height:37.306px;width:37.306px}}.blog-page__page .blog-page-pagination__item a{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.blog-page__page .blog-page-pagination__item:hover{background:#532589}.blog-page__page .blog-page-pagination__item:hover .blog-page-pagination__link{color:#fff}.blog-page__page .blog-page-pagination__item:hover svg path{fill:#fff}.blog-page__page .blog-page-pagination__item.is-ellipsis{background:transparent}.blog-page__page .blog-page-pagination__link{color:#532589;font-family:Geist;font-size:18px;font-style:normal;font-weight:500;letter-spacing:.72px;line-height:170%}.blog-page__page .is-current{background:#532589}.blog-page__page .is-current .blog-page-pagination__link span{color:#fff}.blog-page__page .blog-page-blog__count{font-size:16px;margin-inline:auto;margin-top:-17px;max-width:1272px;padding-inline:30px}@media screen and (width < 1024px){.blog-page__page .blog-page-blog__count{font-size:18px;margin-top:32px;padding-inline:20px}}.blog-page__page .blog-page-blog__count-current{color:#4b4b4b;font-family:Geist;font-size:16px;font-style:normal;font-weight:500;letter-spacing:.32px;line-height:160%}@media screen and (width < 1024px){.blog-page__page .blog-page-blog__count-current{font-size:16px;letter-spacing:.24px}}.blog-page__page .blog-page-blog__count-total{color:#4b4b4b;font-family:Geist;font-size:16px;font-style:normal;font-weight:500;letter-spacing:.32px;line-height:160%}@media screen and (width < 1024px){.blog-page__page .blog-page-blog__count-total{font-size:12px;letter-spacing:.24px}}.blog-page__page .blog-page-card-container{margin-top:40px;margin-inline:auto;max-width:1272px;padding-inline:30px}@media screen and (width < 1024px){.blog-page__page .blog-page-card-container{margin-top:19px;padding-inline:20px}.blog-page__page .blog-page-card-container__inner{border-radius:10px}}.blog-page__page .blog-page-cards{-moz-column-gap:30px;column-gap:30px;display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:40px}@media screen and (width < 1024px){.blog-page__page .blog-page-cards{display:flex;flex-direction:column;gap:40px}}.blog-page__page .blog-page-card{max-width:357.33px;transition:opacity .3s}.blog-page__page .blog-page-card:hover{opacity:.7}@media screen and (width < 1024px){.blog-page__page .blog-page-card{max-width:100%;width:100%}}.blog-page__page .blog-page-card__img img{width:100%}.blog-page__page .blog-page-card__meta{display:flex;justify-content:space-between;margin-top:19px}@media screen and (width < 1024px){.blog-page__page .blog-page-card__meta{margin-top:12px}}.blog-page__page .blog-page-card__date{color:#532589;font-family:Geist;font-size:11px;font-style:normal;font-weight:500;letter-spacing:.44px;line-height:170%}@media screen and (width < 1024px){.blog-page__page .blog-page-card__date{font-size:12px;letter-spacing:.48px}}.blog-page__page .blog-page-card__category{align-items:center;background:#ece7f4;border-radius:18px;color:#532589;display:flex;font-family:Noto Sans JP;font-size:12px;font-style:normal;font-weight:500;height:auto;justify-content:center;letter-spacing:.48px;line-height:170%;margin-right:10px;max-width:95px;min-height:25px;width:100%}@media screen and (width < 1024px){.blog-page__page .blog-page-card__category{font-size:10px;letter-spacing:.4px;margin-right:0;min-height:23px;width:78px}}.blog-page__page .blog-page-card__title{color:#532589;font-family:Noto Sans JP;font-size:19.313px;font-style:normal;font-weight:700;line-height:170%;margin-top:-5px}@media screen and (width < 1024px){.blog-page__page .blog-page-card__title{font-size:16px;margin-top:0}}.blog-page__page .blog-page-card__subtitle{color:#000;display:-webkit-box;font-family:Noto Sans JP;font-size:11.706px;font-style:normal;font-weight:500;letter-spacing:.468px;line-height:170%;margin-top:5px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (width < 1024px){.blog-page__page .blog-page-card__subtitle{font-size:12px;letter-spacing:.48px;margin-top:4.46px}}.blog-page__page .breadcrumbs_block{background:#fff}.blog-page__page .breadcrumbs_block__inner{margin-inline:auto;max-width:1252px}
