@keyframes categorySlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes titleReveal{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes subtitleFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{opacity:.5;transform:translateY(0) rotate(0) scale(1)}25%{opacity:.9;transform:translateY(-15px) rotate(90deg) scale(1.2)}50%{opacity:1;transform:translateY(-30px) rotate(180deg) scale(1)}75%{opacity:.9;transform:translateY(-15px) rotate(270deg) scale(1.2)}}@keyframes floatSway{0%,to{opacity:.6;transform:translate(0) scale(1)}25%{opacity:1;transform:translate(15px,-20px) scale(1.1)}50%{opacity:.8;transform:translateY(-35px) scale(.9)}75%{opacity:1;transform:translate(-15px,-20px) scale(1.1)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@keyframes glow{0%,to{box-shadow:0 0 8px #53258966,0 0 16px #b18cdd33}50%{box-shadow:0 0 16px #53258999,0 0 32px #b18cdd66}}@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 .c-blog_header__title{margin-top:50px}@media screen and (769px <= width < 1024px){.c-blog_header.has-not-category .c-blog_header__title{margin-top:33px}}@media screen and (width < 769px){.c-blog_header.has-not-category .c-blog_header__title{margin-top:32px}}.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:#fafafa;overflow:hidden;position:relative}.c-blog_header__title:before{animation:pulse 6s ease-in-out infinite;background:radial-gradient(circle,rgba(83,37,137,.15) 0,rgba(177,140,221,.08) 30%,rgba(147,112,219,.04) 50%,transparent 70%);border-radius:50%;content:"";height:450px;pointer-events:none;position:absolute;right:-10%;top:-30%;width:450px}@media screen and (width < 769px){.c-blog_header__title:before{height:280px;right:-20%;top:-20%;width:280px}}.c-blog_header__title:after{animation:pulse 8s ease-in-out 2s infinite;background:radial-gradient(circle,rgba(177,140,221,.12) 0,rgba(83,37,137,.06) 35%,transparent 65%);border-radius:50%;bottom:-40%;content:"";height:350px;left:-15%;pointer-events:none;position:absolute;width:350px}@media screen and (width < 769px){.c-blog_header__title:after{bottom:-30%;height:200px;left:-20%;width:200px}}.c-blog_header__title-inner{margin-inline:auto;max-width:1272px;padding-top:60px;padding-inline:30px;padding-bottom:60px;position:relative;z-index:1}@media screen and (width < 769px){.c-blog_header__title-inner{padding-top:40px;padding-inline:20px;padding-bottom:40px}}.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{background:linear-gradient(90deg,#532589,#532589 40%,#8b5dc0,#532589 60%,#532589);background-clip:text;-webkit-background-clip:text;background-size:200% auto;font-family:Everett;font-size:66.851px;font-style:normal;font-weight:500;letter-spacing:-1.337px;line-height:1.2;padding-bottom:4px;-webkit-text-fill-color:transparent;animation:titleReveal .6s cubic-bezier(.22,1,.36,1) .2s forwards,shimmer 6s ease-in-out 1s infinite;opacity:0}@media screen and (width < 769px){.c-blog_header__title-en{font-family:Everett;font-size:40px;font-style:normal;font-weight:500;letter-spacing:-.8px;line-height:1.2;padding-bottom:2px}}.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}}.c-blog_header__particles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.c-blog_header__particle{background:linear-gradient(135deg,#532589,#b18cdd);border-radius:50%;opacity:0;position:absolute}.c-blog_header__particle:first-child{animation:float 6s ease-in-out infinite;animation-delay:0s;height:10px;left:10%;top:15%;width:10px}.c-blog_header__particle:nth-child(2){animation:float 7s ease-in-out infinite,glow 3s ease-in-out infinite;animation-delay:.5s;background:linear-gradient(135deg,#7b4db3,#d4b8f0);height:14px;left:80%;top:55%;width:14px}.c-blog_header__particle:nth-child(3){animation:floatSway 8s ease-in-out infinite;animation-delay:1s;height:8px;left:90%;top:25%;width:8px}.c-blog_header__particle:nth-child(4){animation:float 5s ease-in-out infinite,glow 4s ease-in-out infinite;animation-delay:1.5s;background:linear-gradient(135deg,#6a3d9a,#c9a8e8);height:12px;left:20%;top:70%;width:12px}.c-blog_header__particle:nth-child(5){animation:floatSway 9s ease-in-out infinite;animation-delay:2s;height:6px;left:60%;top:40%;width:6px}.c-blog_header__particle:nth-child(6){animation:float 6.5s ease-in-out infinite;animation-delay:2.5s;height:10px;left:50%;top:80%;width:10px}.c-blog_header__particle:nth-child(7){animation:floatSway 7s ease-in-out infinite,glow 5s ease-in-out infinite;animation-delay:.3s;background:linear-gradient(135deg,#8b5dc0,#e0c8f5);height:8px;left:45%;top:10%;width:8px}.c-blog_header__particle:nth-child(8){animation:float 8s ease-in-out infinite;animation-delay:3s;height:6px;left:35%;top:60%;width:6px}.c-blog_header__particle:nth-child(9){animation:floatSway 6s ease-in-out infinite,glow 3.5s ease-in-out infinite;animation-delay:.8s;background:linear-gradient(135deg,#532589,#9b6dc6);height:12px;left:70%;top:30%;width:12px}.c-blog_header__particle:nth-child(10){animation:float 7.5s ease-in-out infinite;animation-delay:3.5s;height:7px;left:85%;top:85%;width:7px}.c-blog_header__particle:nth-child(11){animation:floatSway 5.5s ease-in-out infinite;animation-delay:1.2s;background:linear-gradient(135deg,#7952a3,#c4a3e0);height:9px;left:5%;top:50%;width:9px}.c-blog_header__particle:nth-child(12){animation:float 6s ease-in-out infinite,glow 4.5s ease-in-out infinite;animation-delay:2.2s;height:11px;left:30%;top:20%;width:11px}@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}.c-blog_header__title:after,.c-blog_header__title:before{animation:none}.c-blog_header__particle{display:none}}.blog-page__page .blog-page-contents{background:url(../images/media/developer_blog/id/contets_bg.webp) no-repeat top/cover;margin-top:0;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:0;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}