@keyframes categorySlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes titleReveal{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes subtitleFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes underlinePop{0%{transform:scaleX(0)}60%{transform:scaleX(1.1)}to{transform:scaleX(1)}}@media screen and (769px <= width < 1024px){.c-blog_header{padding-top:33px}}.c-blog_header.has-not-category{padding-top:0}.c-blog_header__category{background:#e7e7e7;height:54px;margin-top:50px;width:100%}@media screen and (769px <= width < 1024px){.c-blog_header__category{margin-top:0}}@media screen and (width < 769px){.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 < 769px){.c-blog_header__category-menu-list{gap:21px;height:54px;padding:0 20px}}.c-blog_header__category-menu-item{animation:categorySlideIn .4s cubic-bezier(.22,1,.36,1) forwards;opacity:0}.c-blog_header__category-menu-item:first-child{animation-delay:.1s}.c-blog_header__category-menu-item:nth-child(2){animation-delay:.15s}.c-blog_header__category-menu-item:nth-child(3){animation-delay:.2s}.c-blog_header__category-menu-item:nth-child(4){animation-delay:.25s}.c-blog_header__category-menu-item:nth-child(5){animation-delay:.3s}.c-blog_header__category-menu-item:nth-child(6){animation-delay:.35s}.c-blog_header__category-menu-item:nth-child(7){animation-delay:.4s}.c-blog_header__category-menu-item:nth-child(8){animation-delay:.45s}.c-blog_header__category-menu-item:nth-child(9){animation-delay:.5s}.c-blog_header__category-menu-item:nth-child(10){animation-delay:.55s}.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%;padding-bottom:2px;position:relative;transition:color .25s cubic-bezier(.22,1,.36,1)}@media screen and (width < 769px){.c-blog_header__category-menu-button{font-size:13px;letter-spacing:.52px}}.c-blog_header__category-menu-button:after{background:linear-gradient(90deg,#532589,#b18cdd);border-radius:2px;bottom:-4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:100%}.c-blog_header__category-menu-button:hover{color:#532589}.c-blog_header__category-menu-button:hover:after{transform:scaleX(1)}.c-blog_header__category-menu-button.active{color:#532589}.c-blog_header__category-menu-button.active:after{animation:underlinePop .4s cubic-bezier(.34,1.56,.64,1);transform:scaleX(1)}.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 < 769px){.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 < 769px){.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 < 769px){.c-blog_header__title-en-ja{gap:9px}}.c-blog_header__title-en{animation:titleReveal .6s cubic-bezier(.22,1,.36,1) .2s forwards;color:#532589;font-family:Everett;font-size:66.851px;font-style:normal;font-weight:500;letter-spacing:-1.337px;line-height:83%;opacity:0}@media screen and (width < 769px){.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{animation:subtitleFadeUp .5s cubic-bezier(.22,1,.36,1) .4s forwards;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%;opacity:0}@media screen and (width < 769px){.c-blog_header__title--ja{font-size:16px;letter-spacing:.64px}}@media (prefers-reduced-motion:reduce){.c-blog_header__category-menu-item{animation:none;opacity:1}.c-blog_header__category-menu-button:after{transition:none}.c-blog_header__title--ja,.c-blog_header__title-en{animation:none;opacity:1}}.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 < 769px){.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{display:flex;justify-content:center;padding-top:143px;padding-inline:30px}@media screen and (width < 769px){.blog-page__page .blog-page-pagination{padding-top:60px;padding-inline:20px}}.blog-page__page .blog-page-pagination__list{display:flex;gap:12px;justify-content:center;margin-inline:auto;max-width:100%;overflow-x:auto;padding-inline:8px;width:-moz-fit-content;width:fit-content;-webkit-overflow-scrolling:touch}@media screen and (width < 769px){.blog-page__page .blog-page-pagination__list{gap:9.73px;justify-content:flex-start}}.blog-page__page .blog-page-pagination__item{align-items:center;background:#fff;border-radius:23px;display:flex;flex:0 0 auto;height:46px;justify-content:center;transition:.3s;width:46px}@media screen and (width < 769px){.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;flex:0 0 auto;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{color:#4b4b4b;font-size:16px;margin-inline:auto;margin-top:16px;max-width:1272px;padding-inline:30px}@media screen and (width < 769px){.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 < 769px){.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 < 769px){.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 < 769px){.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 (769px <= width < 1024px){.blog-page__page .blog-page-cards{-moz-column-gap:24px;column-gap:24px;grid-template-columns:1fr 1fr;row-gap:32px}}@media screen and (width < 769px){.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 (769px <= width < 1024px){.blog-page__page .blog-page-card{max-width:100%}}@media screen and (width < 769px){.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 < 769px){.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 < 769px){.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 < 769px){.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 < 769px){.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 < 769px){.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}