@charset "UTF-8";*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}ul,ol{padding:0}body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}html{overflow-x:hidden;scroll-snap-type:y proximity;scroll-padding-top:80px}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}ul,ol{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}img:not([alt]){-webkit-filter:blur(10px);filter:blur(10px)}input[type=checkbox],input[type=radio]{display:none}input,button,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;border-radius:0;font:inherit;outline:none}textarea{resize:vertical}input[type=submit],input[type=button],label,button,select{cursor:pointer}body{font-family:"Noto Sans JP",sans-serif}.en{font-family:"Montserrat",sans-serif}.ja{font-family:"Noto Sans JP",sans-serif}body{color:#232323}html body .sp{display:none}@media screen and (max-width:767px){html body .sp{display:block}}@media screen and (max-width:767px){html body .pc{display:none}}@media (max-width:767px){html{font-size:2.9333333333vw}}@media (max-width:520px){html{font-size:4.2666666667vw}}@media (min-width:768px){html{font-size:1.1869436202vw}}@media (min-width:1348px){html{font-size:16px}}@media screen and (max-width:767px){a[href^="tel:"]{pointer-events:none}}a{text-decoration:none;color:inherit;-webkit-transition:opacity .3s;transition:opacity .3s}@media screen and (min-width:767px){a:hover{opacity:.8}}body{opacity:0;-webkit-transition:.8s all ease-in-out;transition:.8s all ease-in-out;margin-top:.625rem}body #fancybox-close:hover span,body #fancybox-next:hover span,body body.rtl #fancybox-prev:hover span{-webkit-transform:none;transform:none}body.is-visible{opacity:1;margin-top:0;width:100%;overflow-x:hidden}.js-fadeIn{display:inline-block}.js-fadeIn2{display:inline-block}.js-fadeIn3{display:inline-block}.js-fadeIn4{display:inline-block}@-webkit-keyframes mv-bg{0%{opacity:1}33%{opacity:0}}@keyframes mv-bg{0%{opacity:1}33%{opacity:0}}.top__product{margin-bottom:8.75rem}@media (min-width:1980px){.top__product{margin-top:6.25rem}}@media screen and (max-width:767px){.top__product{margin-top:unset;margin-bottom:4.375rem}}.top__article{margin-bottom:11.875rem}@media screen and (max-width:767px){.top__article{margin-bottom:3.125rem}}.mv{height:47.5rem;position:relative;overflow:hidden;z-index:2}@media (min-width:1980px){.mv{height:50rem}}@media screen and (max-width:767px){.mv{min-height:unset;height:31.25rem}}@media screen and (max-width:520px){.mv{height:34.375rem}}.mv__bg1{position:absolute;width:110%;height:100%;top:-15%;left:-5%;border-radius:9.375rem;background:-webkit-gradient(linear,left top,right top,from(#f68771),to(#e95e79));background:linear-gradient(90deg,#f68771 0%,#e95e79 100%);z-index:-50;-webkit-transform:translateY(-10%) rotate(-7deg);transform:translateY(-10%) rotate(-7deg);-webkit-box-shadow:.1875rem .1875rem 1.875rem rgba(234,98,121,.7);box-shadow:.1875rem .1875rem 1.875rem rgba(234,98,121,.7)}@media (min-width:1980px){.mv__bg1{top:-25%}}@media screen and (max-width:767px){.mv__bg1{width:39.5rem;height:30rem;top:0;left:-5%;border-radius:4.375rem}}@media screen and (max-width:520px){.mv__bg1{width:26.875rem;height:30.1875rem;top:6%}}.mv__bg1:after,.mv__bg1:before{content:"";position:absolute;top:0;left:0;width:100%;border-radius:9.375rem;height:100%;-webkit-animation:mv-bg 10s ease-in-out infinite;animation:mv-bg 10s ease-in-out infinite}@media screen and (max-width:767px){.mv__bg1:after,.mv__bg1:before{border-radius:4.375rem}}.mv__bg1:after{background:-webkit-gradient(linear,left top,right top,from(#f68771),to(#e95e79));background:linear-gradient(90deg,#f68771 0%,#e95e79 100%)}.mv__bg1:before{-webkit-box-shadow:.1875rem .1875rem 1.875rem rgba(234,98,121,.6);box-shadow:.1875rem .1875rem 1.875rem rgba(234,98,121,.6);background:-webkit-gradient(linear,left top,right top,from(#e88507),to(#eb6378));background:linear-gradient(90deg,#e88507 0%,#eb6378 100%);-webkit-animation-delay:3s;animation-delay:3s}.mv__bg2{position:absolute;top:14%;right:-30%;width:47.5rem;max-width:70%;z-index:2}@media screen and (max-width:767px){.mv__bg2{width:96%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-34%;max-width:100%}}@media screen and (max-width:520px){.mv__bg2{-webkit-transform:translateY(-30%);transform:translateY(-30%)}}.mv__bg2 img{max-width:760px}@media screen and (max-width:767px){.mv__bg2 img{max-width:500px}}.mv__bg3{position:absolute;top:-12%;left:0;width:30%;z-index:auto}@media screen and (max-width:767px){.mv__bg3{width:140%;top:0;left:0;-webkit-transform:translate(-25%,-27%);transform:translate(-25%,-27%)}}@media screen and (max-width:520px){.mv__bg3{-webkit-transform:translate(-39%,-27%);transform:translate(-39%,-27%)}}.mv__bg3 img{max-width:520px}.mv__bg4{position:absolute;top:0;width:44%;top:-32%;right:-1%;z-index:auto}@media (min-width:1980px){.mv__bg4{top:-42%}}@media screen and (max-width:767px){.mv__bg4{display:none}}.mv__bg4 img{max-height:800px;width:auto;margin:0 0 0 auto}.mv__inner{padding:0 20px;max-width:68.75rem;margin:0 auto;position:relative}.mv__container{padding-top:8.75rem;max-width:47.6875rem}@media screen and (max-width:767px){.mv__container{padding-top:5rem;max-width:unset}}.mv__catch{font-size:1.25rem;font-weight:600;color:#fff;line-height:2;margin-bottom:4.0625rem;position:relative;z-index:3}@media screen and (max-width:767px){.mv__catch{font-size:.875rem;margin-bottom:1.875rem;white-space:nowrap}}.mv .search__container{margin-top:unset;z-index:3}.mv .search__radios--mv{-ms-grid-columns:(1fr) [4];grid-template-columns:repeat(4,1fr);max-width:unset}@media screen and (max-width:767px){.mv .search__radios--mv{-ms-grid-columns:(1fr) [2];grid-template-columns:repeat(2,1fr)}}.mv .searchtop__button{width:14.25rem;position:relative;padding:1.1125rem 2rem 1.0875rem}@media screen and (max-width:767px){.mv .searchtop__button{width:auto;padding:1rem 2rem 1rem}}.mv .searchtop__button:before{content:"";width:3.918125rem;height:3.918125rem;background:rgba(255,255,255,.2);border-radius:9999px;position:absolute;-webkit-transition:all .3s;transition:all .3s;right:15px;top:-1px;opacity:0}@media screen and (max-width:767px){.mv .searchtop__button:before{width:calc(3.5525rem - 6.5px);height:calc(3.5525rem - 6.5px);opacity:1}}@media screen and (max-width:520px){.mv .searchtop__button:before{width:calc(3.34375rem - 0px);height:calc(3.34375rem - 0px);opacity:1}}.mv .searchtop__button:after{content:"";width:.525rem;height:.525rem;border-top:2px solid #080b71;border-right:2px solid #080b71;position:absolute;top:45%;right:1.5625rem;-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%);text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:767px){.mv .searchtop__button:after{width:.325rem;height:.325rem;right:1.25rem}}@media screen and (max-width:767px){.mv .searchtop__button:hover{opacity:1}}.mv .searchtop__button:hover:before{opacity:1;right:-1px}.mv .searchtop__button:hover:after{border-top:2px solid #fff;border-right:2px solid #fff}.mv .searchtop__button:hover#searchtop-svf{color:#fff;background:#080b71;border:1px solid #080b71}.mv .searchtop__button:hover#searchtop-invoiceagent{color:#fff;background:#014a58;border:1px solid #014a58}.mv .searchtop__button:hover#searchtop-motionboard{color:#fff;background:#205ec6;border:1px solid #205ec6}.mv .searchtop__button:hover#searchtop-drsum{color:#fff;background:#9a074f;border:1px solid #9a074f}.mv__search input[type=radio]:checked+label{color:#fff;background:#370996;border:1px solid #370996}.mv__search .search__ttl,.mv__search .search__read,.mv__search .search__read span{color:#fff}.mv__search .search__ttl{margin-bottom:2.5rem;font-size:24px}@media screen and (max-width:767px){.mv__search .search__ttl{font-size:24px}}@media screen and (max-width:520px){.mv__search .search__ttl{font-size:20px}}.top-product{overflow:hidden;position:relative;padding-top:5.625rem;padding-bottom:6.25rem}@media screen and (max-width:767px){.top-product{padding:unset}}.top-product:before{position:absolute;content:"";display:block;width:90%;height:100%;background:#f2f1fb;top:0;left:0;border-radius:0 25rem 25rem 0;z-index:0}@media screen and (max-width:767px){.top-product:before{height:70%;top:auto;bottom:0}}.top-product__contents{margin:0 0 0 auto;width:100%}@media screen and (min-width:1500px){.top-product__contents{width:90.119vw;margin:0 0 0 auto}}.top-product__contents .slick-list{padding:1.25rem 8% 1.25rem 0 !important}@media screen and (min-width:1500px){.top-product__contents .slick-list{padding:1.25rem 15% 1.25rem 0 !important;position:relative}}@media screen and (max-width:767px){.top-product__contents .slick-list{padding:1.75rem 12% 1.5625rem 0 !important}}.top-product__contents .slick-slide{margin:0 .625rem !important;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:767px){.top-product__contents .slick-slide{margin:0 .3125rem !important}}.top-product__contents .slick-slide:hover{opacity:.8;-webkit-box-shadow:none;box-shadow:none}.top-product__inner{max-width:86.75rem;padding:0 40px;margin:0 auto;position:relative;z-index:1}@media screen and (max-width:767px){.top-product__inner{max-width:40rem}}.top-product__container{padding:6.25rem 0 7.5rem}.top-product__title{margin-bottom:2.5rem}@media screen and (max-width:767px){.top-product__title{margin-bottom:1.875rem}}.top-product .section-subTtl{padding-right:1.25rem}@media screen and (max-width:767px){.top-product .section-subTtl{padding-right:.4375rem}}.top-product__cards{overflow:unset}.top-product__content{display:block;position:relative;background:#fff;aspect-ratio:263/178;border-radius:1.25rem;overflow:hidden;-webkit-box-shadow:.1875rem .1875rem .625rem rgba(38,11,81,.15);box-shadow:.1875rem .1875rem .625rem rgba(38,11,81,.15)}@media screen and (max-width:767px){.top-product__content{border-radius:.625rem;-webkit-box-shadow:.1875rem .1875rem .3125rem rgba(38,11,81,.15);box-shadow:.1875rem .1875rem .3125rem rgba(38,11,81,.15)}}.top-product__img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.top-product .slick-prev{display:none !important}.top-product .slick-next{background:rgba(91,47,158,.9);border-radius:50%;width:7.125rem;height:7.125rem;color:transparent;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;margin-left:30rem}@media screen and (min-width:1500px){.top-product .slick-next{margin-left:38.75rem}}@media screen and (max-width:767px){.top-product .slick-next{margin-left:auto;width:3.25rem;height:3.25rem;left:auto;right:50px}}.top-product .slick-next:after{content:"";background:url(//navi.wingarc.com/wp-content/themes/techblog/css/../images/common/button-arrow.png);background-repeat:no-repeat;background-size:100%;width:2.1875rem;height:1.125rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:767px){.top-product .slick-next:after{width:1.3125rem;height:.625rem}}.top-pick{position:relative;margin-bottom:11.875rem}@media screen and (max-width:767px){.top-pick{margin-bottom:3.125rem}}.top-pick__inner{max-width:100%;margin:0 auto;margin-left:calc((100% - 90rem) / 2 + 9rem + 40px)}@media screen and (max-width:767px){.top-pick__inner{max-width:100%;margin-left:2.5rem}}@media screen and (max-width:520px){.top-pick__inner{margin-left:1.25rem}}.top-pick__contents{max-width:100%;margin:0 auto;display:block !important}@media screen and (max-width:767px){.top-pick__contents{margin-top:-.625rem}}.top-pick__contents .card{margin:0 .75rem;padding:0 !important;height:auto;-webkit-transition:none;transition:none;width:260px}@media screen and (max-width:767px){.top-pick__contents .card{margin:0 .625rem;width:240px}}.top-pick__container{max-width:100%;margin:0 auto}.top-pick__title{margin-bottom:3.75rem}@media screen and (max-width:767px){.top-pick__title{margin-bottom:2.5rem}}.top-pick .section-subTtl{padding-left:1.25rem}@media screen and (max-width:767px){.top-pick .section-subTtl{padding-left:.625rem}}.top-pick .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex}.top-pick .slick-list{padding-right:10%;padding-top:.625rem;padding-bottom:.625rem}@media screen and (max-width:520px){.top-pick .slick-list{padding-right:30%}}.top-pick .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex}.top-pick .slick-prev{display:none !important}.top-pick .slick-next{background:rgba(91,47,158,.9);border-radius:50%;width:7.125rem;height:7.125rem;color:transparent;position:absolute;top:50%;left:auto;right:-2%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;margin-left:30rem}@media screen and (max-width:767px){.top-pick .slick-next{margin-left:auto;width:3.25rem;height:3.25rem;left:auto;right:-2.5%}}@media screen and (max-width:520px){.top-pick .slick-next{right:-4%}}.top-pick .slick-next:after{content:"";background:url(//navi.wingarc.com/wp-content/themes/techblog/css/../images/common/button-arrow.png);background-repeat:no-repeat;background-size:100%;width:2.1875rem;height:1.125rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:767px){.top-pick .slick-next:after{width:1.3125rem;height:.625rem}}.top-article{position:relative}.top-article__inner{max-width:100%;padding-left:3.75rem;padding-right:3.75rem;margin:0 auto 5rem}@media screen and (max-width:767px){.top-article__inner{padding:0 1.25rem;width:100%}}@media screen and (max-width:520px){.top-article__inner{max-width:40rem;padding:0 20px}}.top-article__container{margin:0 auto}@media screen and (max-width:1024px){.top-article__container{max-width:100%}}@media screen and (max-width:767px){.top-article__container{padding-left:0;padding-right:0}}@media screen and (max-width:520px){.top-article__container{padding-left:0;padding-right:0}}.top-article .cards--article{display:-ms-grid;display:grid;-ms-grid-columns:1fr 2.8125rem 1fr 2.8125rem 1fr;grid-template-columns:repeat(3,1fr);gap:2.8125rem}@media screen and (max-width:767px){.top-article .cards--article{-ms-grid-columns:1fr 1.25rem 1fr;grid-template-columns:1fr 1fr;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;row-gap:1.25rem}}.top-article__title{margin-bottom:3.75rem}@media screen and (max-width:767px){.top-article__title{margin-bottom:2.5rem}}.top-article .section-subTtl{padding-left:1.25rem}@media screen and (max-width:767px){.top-article .section-subTtl{padding-left:.625rem}}.top-new{position:relative;margin-bottom:7.5rem;margin-top:-3.125rem}@media screen and (max-width:767px){.top-new{margin-top:0;margin-bottom:4.375rem}}.top-new__inner{max-width:100%;margin:0 auto;margin-left:calc((100% - 90rem) / 2 + 9rem + 40px);padding:0}@media screen and (max-width:767px){.top-new__inner{max-width:100%;margin-left:2.5rem}}@media screen and (max-width:520px){.top-new__inner{margin-left:1.25rem}}.top-new__contents{max-width:100%;margin:0 auto;display:block !important}@media screen and (max-width:767px){.top-new__contents{margin-top:-.625rem}}.top-new__contents .card{margin:0 .75rem;padding:0 !important;height:auto;width:260px}@media screen and (max-width:767px){.top-new__contents .card{margin:0 .625rem;width:240px}}.top-new__container{max-width:100%;margin:0 auto;padding:0}@media screen and (max-width:520px){.top-new__container{padding:0}}.top-new__title{margin-bottom:3.75rem}@media screen and (max-width:767px){.top-new__title{margin-bottom:2.5rem}}.top-new .section-subTtl{padding-left:1.25rem}@media screen and (max-width:767px){.top-new .section-subTtl{padding-left:.625rem}}.top-new .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex}.top-new .slick-list{padding-right:10%;padding-top:.625rem;padding-bottom:.625rem}@media screen and (max-width:520px){.top-new .slick-list{padding-right:30%}}.top-new .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex}.top-new .slick-prev{display:none !important}.top-new .slick-next{background:rgba(91,47,158,.9);border-radius:50%;width:7.125rem;height:7.125rem;color:transparent;position:absolute;top:50%;left:auto;right:-2%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;margin-left:30rem}@media screen and (max-width:767px){.top-new .slick-next{margin-left:auto;width:3.25rem;height:3.25rem;left:auto;right:-2.5%}}@media screen and (max-width:520px){.top-new .slick-next{right:0}}.top-new .slick-next:after{content:"";background:url(//navi.wingarc.com/wp-content/themes/techblog/css/../images/common/button-arrow.png);background-repeat:no-repeat;background-size:100%;width:2.1875rem;height:1.125rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:767px){.top-new .slick-next:after{width:1.3125rem;height:.625rem}}.top-news{background:#1b1758;position:relative;z-index:1}@media screen and (min-width:768px){.page-search .top-news{max-width:calc(100% - 350px);margin:0 0 0 auto}}.top-news .bg-text{color:rgba(255,255,255,.1);z-index:auto;left:-.1em;top:.1em}.top-news__bg{position:absolute;bottom:0;left:0;right:0;height:120%;width:100%;overflow:hidden;z-index:-5}@media screen and (max-width:767px){.top-news__bg{display:none}}.top-news__bg:before{position:absolute;content:"";display:block;top:5%;left:50%;aspect-ratio:1;height:376.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#1b1758;border-radius:50%}.top-news__inner{max-width:86.75rem;padding:0 40px;margin:0 auto;position:relative}@media screen and (max-width:767px){.top-news__inner{max-width:40rem}}.top-news__container{padding:5.625rem 0 4.375rem}@media screen and (max-width:767px){.top-news__container{padding:4.375rem 0 1.875rem}}.top-news__read{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1.875rem}@media screen and (max-width:767px){.top-news__read{margin-bottom:2.1875rem;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;gap:.3125rem}}.top-news__title{font-size:3.0625rem;font-weight:700;letter-spacing:.05em;overflow:hidden;line-height:1;font-family:"Montserrat",sans-serif;color:#fff}@media screen and (max-width:767px){.top-news__title{font-size:1.9375rem}}.top-news__subttl{font-size:1.125rem;font-weight:700;font-family:"Noto Sans JP",sans-serif;color:#fff;letter-spacing:.05em;margin-bottom:.3125rem}@media screen and (max-width:767px){.top-news__subttl{font-size:.8125rem}}.top-news__contents{display:-ms-grid;display:grid;-ms-grid-columns:1fr 4.1875rem 1fr 4.1875rem 1fr;grid-template-columns:repeat(3,1fr);gap:4.1875rem;margin-bottom:4.0625rem}@media screen and (max-width:767px){.top-news__contents{padding:0 5rem;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:1.25rem;margin-bottom:3.4375rem}}@media screen and (max-width:520px){.top-news__contents{padding:0 1.875rem;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:1.25rem;margin-bottom:3.4375rem}}.top-news__content{display:block;background:#fff;background-size:cover;background-repeat:no-repeat;aspect-ratio:405/223;border-radius:1.5rem;position:relative}@media screen and (max-width:767px){.top-news__content{border-radius:.625rem}}.top-news__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:767px){.top-news__footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;gap:.625rem}}.top-news__support{font-size:1rem;color:#fff;line-height:1;padding-left:2.5rem;position:relative}@media screen and (max-width:767px){.top-news__support{font-size:.875rem;font-weight:400}}.top-news__support:before{position:absolute;content:"";display:block;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1.875rem;height:1px;background:#fff}.top-news__copy{font-size:.875rem;color:#fff}@media screen and (max-width:767px){.top-news__copy{font-size:.625rem;font-weight:300}}.footer__link{color:#fff;text-align:right;font-size:12px}.footer__link a{transition:all .3s}.footer__link a:hover{text-decoration:underline}@media screen and (max-width:767px){.footer__link{font-size:12px}}.wrap-flex{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:calc(94.625rem + 7.523vw);margin:0 0 0 auto}@media screen and (max-width:767px){.wrap-flex{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:1.875rem}}.wrap-article{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-left:7.523vw;padding-right:5.952vw;padding-top:8.125rem}@media screen and (max-width:1024px){.wrap-article{padding-top:93px}}@media screen and (max-width:767px){.wrap-article{padding:0 3.75rem}}@media screen and (max-width:520px){.wrap-article{padding:0 1.25rem;margin:0 auto;max-width:40rem;width:100%}}.wrap-article h1{font-size:2.5rem;margin-bottom:1.875rem;line-height:1;line-height:1.4}@media screen and (max-width:767px){.wrap-article h1{font-size:1.5rem;margin-bottom:.625rem}}.wrap-article h1+p{line-height:1.7}@media screen and (max-width:520px){.wrap-article p{font-size:.75rem}}.wrap-article .article__container{max-width:calc(15.475vw + 1027px);margin:0 auto;min-height:90vh}@media screen and (max-width:767px){.wrap-article .article__container{min-height:auto}}.wrap-article .article__contents{padding-top:3.125rem;margin-bottom:7.5rem}@media screen and (max-width:767px){.wrap-article .article__contents{margin-bottom:3.125rem;padding:1.875rem 0 0;-ms-grid-columns:1fr 1.375rem 1fr;grid-template-columns:1fr 1fr;gap:1.5625rem 1.375rem}}.wrap-article .article__ranking{margin-top:5rem}.wrap-article .article_description p{line-height:1.75}@media screen and (max-width:767px){.wrap-article .article_description p{font-size:16px}}@media screen and (max-width:520px){.wrap-article .article_description p{font-size:.75rem}}.wrap-article .cards{gap:1.875rem}.wrap-flex.wrap-article__width{max-width:100%}@media screen and (max-width:767px){.wrap-flex.wrap-article__width{display:grid}}.wrap-flex.wrap-article__width .wrap-sidebar{width:350px}@media screen and (min-width:768px){.wrap-flex.wrap-article__width .wrap-sidebar{width:350px;position:fixed;left:0;top:0;height:100vh;overflow-y:auto;z-index:2}.wrap-flex.wrap-article__width .wrap-sidebar::-webkit-scrollbar{width:5px}.wrap-flex.wrap-article__width .wrap-sidebar::-webkit-scrollbar-track{background-color:#f2f2f2}.wrap-flex.wrap-article__width .wrap-sidebar::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:8px}}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .wrap-sidebar{width:100%}}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .wrap-sidebar .sidebar-search svg{right:10px}}.wrap-flex.wrap-article__width .wrap-article{padding-left:0;padding-right:0;width:calc(100% - 22rem);order:2}@media screen and (min-width:768px){.wrap-flex.wrap-article__width .wrap-article{width:calc(100% - 350px);max-width:calc(100% - 350px);margin:0 0 0 auto}}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .wrap-article{width:100%;padding:0 20px}}@media screen and (max-width:500px){.wrap-flex.wrap-article__width .wrap-article{width:100%;padding:0 20px}}.wrap-flex.wrap-article__width .wrap-article .article__container{max-width:100%;padding:0 20px 100px 40px}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .wrap-article .article__container{max-width:100%;padding:0 0 100px}}.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards{display:flex;flex-wrap:wrap;gap:0;margin:0 -10px;padding-top:0}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards{margin:0}}.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card{width:100%;max-width:260px;margin:0 10px 20px;border-radius:15px;background:#fff;overflow:hidden}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card{max-width:100%;margin:0}}.wrap-flex .wrap-article .article__container .article__contents.cards .card .card__description{display:none}.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__description{display:block;font-size:12px;font-weight:400;margin-top:-10px;margin-bottom:10px;color:#565656}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__description{margin-top:0}}@media screen and (max-width:500px){.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__description{font-size:11px;line-height:1.4}}.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__img{border-radius:15px 15px 0 0}.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__body{padding:20px;background:#fff}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__body{padding:15px 10px}}.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__body .card__title,.card .card__body .card__title{font-size:16px !important;height:77px;margin-bottom:5px !important;word-break:break-all}@media screen and (max-width:1024px){.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__body .card__title,.card .card__body .card__title{font-size:16px !important}}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__body .card__title,.card .card__body .card__title{font-size:16px !important}}@media screen and (max-width:500px){.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__body .card__title,.card .card__body .card__title{font-size:14px !important;margin-bottom:10px !important;line-height:1.4;word-break:break-all}}.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__body .card__tags,.card .card__body .card__tags{gap:5px}.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__body .card__tag,.wrap-flex.wrap-article__width .wrap-article .ranking .card__tag,.card__tag{border:1px solid #e6e6e6;color:#565656;padding:1px 5px 2px;font-size:11px}@media screen and (max-width:500px){.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__body .card__tag,.wrap-flex.wrap-article__width .wrap-article .ranking .card__tag{font-size:10px}}.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__body .card__tag span{display:none}.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards .card .card__body .card__date,.wrap-flex.wrap-article__width .wrap-article .ranking .card__date,.card__date{font-size:10px !important}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards{display:grid;grid-template-columns:calc(50% - 10px) calc(50% - 10px);gap:20px}}@media screen and (max-width:500px){.wrap-flex.wrap-article__width .wrap-article .article__container .article__contents.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}}.wrap-flex.wrap-article__width .card__wrap__meta,.card__wrap__meta{display:flex;place-content:space-between;align-items:end;margin-top:0;margin-bottom:15px}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .card__wrap__meta,.card__wrap__meta{display:grid;gap:5px;grid-template-columns:100%}}.wrap-flex.wrap-article__width .card__wrap__meta__reaction,.card__wrap__meta__reaction{display:flex;font-size:11px}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .card__wrap__meta__reaction,.card__wrap__meta__reaction{margin:5px 0 0 auto}}.wrap-flex.wrap-article__width .card__wrap__meta__reaction img,.card__wrap__meta__reaction img{width:25px;display:block;margin:0 auto}@media screen and (max-width:500px){.wrap-flex.wrap-article__width .card__wrap__meta__reaction img,.card__wrap__meta__reaction img{width:24px}}.wrap-flex.wrap-article__width .card__wrap__meta__reaction .card__wrap__meta__reaction-0 img,.card__wrap__meta__reaction .card__wrap__meta__reaction-0 img{width:20px;margin-bottom:1px}@media screen and (max-width:500px){.wrap-flex.wrap-article__width .card__wrap__meta__reaction .card__wrap__meta__reaction-0 img,.card__wrap__meta__reaction .card__wrap__meta__reaction-0 img{width:20px;margin-bottom:0}}.wrap-flex.wrap-article__width .card__wrap__meta__reaction p,.card__wrap__meta__reaction p{font-size:10px;white-space:nowrap}.wrap-flex.wrap-article__width .card__wrap__meta__reaction .card__wrap__meta__reaction-0,.card__wrap__meta__reaction .card__wrap__meta__reaction-0{display:grid;place-content:center;text-align:center;margin-right:8px}.wrap-flex.wrap-article__width .card__wrap__meta__reaction .card__wrap__meta__reaction-1,.card__wrap__meta__reaction .card__wrap__meta__reaction-1{display:grid;place-content:center;text-align:center}.wrap-flex.wrap-article__width .top-article__inner{max-width:100%;padding-left:40px}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .top-article__inner{padding-left:0}}.wrap-flex.wrap-article__width .top-article__inner .top-article__contents{display:flex;flex-wrap:wrap;gap:0;margin:0 -10px}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .top-article__inner .top-article__contents{display:grid;grid-template-columns:calc(50% - 10px) calc(50% - 10px);gap:20px;margin:0}}@media screen and (max-width:500px){.wrap-flex.wrap-article__width .top-article__inner .top-article__contents{grid-template-columns:calc(50% - 5px) calc(50% - 5px);gap:10px}}.wrap-flex.wrap-article__width .top-article__inner .top-article__contents .top-article__content{width:100%;max-width:260px;margin:0 10px 20px;border-radius:15px}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .top-article__inner .top-article__contents .top-article__content{max-width:100%;margin:0}}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .top-article__inner .top-article__contents .top-article__content .card__body{padding:15px 10px}.wrap-flex.wrap-article__width .top-article__inner .top-article__contents .top-article__content .card__title{font-size:14px}}.wrap-flex .bg-text{display:none}.wrap-flex.wrap-article__width .bg-text{display:block;top:-9rem;right:-2rem;left:auto;width:auto;font-size:20rem}@media screen and (max-width:767px){.wrap-flex.wrap-article__width .bg-text{display:none}}.profile img{-webkit-filter:none;filter:none}.profile .top-article__title{font-size:2.125rem}@media screen and (max-width:767px){.profile .top-article__title{font-size:1.375rem;margin-bottom:1.25rem}}@media screen and (max-width:767px){.profile .top-article__contents{-ms-grid-columns:1fr .75rem 1fr;grid-template-columns:1fr 1fr;gap:1.375rem .75rem}}.profile .profile__introduction{padding-top:8.125rem;margin-bottom:3.75rem}@media screen and (max-width:1024px){.profile .profile__introduction{padding-top:11.25rem}}@media screen and (max-width:767px){.profile .profile__introduction{padding-top:5rem;margin-bottom:2.5rem}}.profile .profile__introduction__inner{max-width:1000px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:0px 0px 10px rgba(35,35,35,.12);box-shadow:0px 0px 10px rgba(35,35,35,.12);border-radius:.9375rem;padding:60px 50px}@media screen and (max-width:767px){.profile .profile__introduction__inner{display:block;padding:1.875rem 2.5rem;margin:0}}@media screen and (max-width:520px){.profile .profile__introduction__inner{padding:1.875rem 1.125rem;margin:0}}.profile__introduction__inner .editor-profile__name{font-size:20px}.profile__introduction__inner .editor-profile__wrap .editor-profile__name{font-size:20px;font-weight:600}@media screen and (max-width:767px){.profile__introduction__inner .editor-profile__wrap .editor-profile__name{font-size:16px;margin-bottom:2px}}.profile__introduction__inner .editor-profile__wrap div span,.profile__introduction__inner .editor-profile__wrap div a{font-size:11px;color:#5b2f9e;background:#f2f1fb;font-weight:600;border-radius:5px;height:22px;padding:0 8px;margin-right:6px;display:flex;align-items:center}@media screen and (max-width:767px){.profile__introduction__inner .editor-profile__wrap div span,.profile__introduction__inner .editor-profile__wrap div a{font-size:10px;font-weight:600;right:1.25rem;top:0;display:flex;align-items:center;color:#5b2f9e;font-weight:600;background:#f2f1fb;border-radius:5px;height:21px;padding:0 10px;margin-right:5px}}.profile .profile__image{width:100px;height:100px;aspect-ratio:1;overflow:hidden;position:relative;border-radius:50%}@media screen and (max-width:767px){.profile .profile__image{width:100px;height:100px;margin:0 auto;margin-bottom:1.25rem}}.profile .profile__image:after{content:"";background:url("/wp-content/themes/techblog/images/profile/profile-circle.png");position:absolute;left:0;width:100%;height:100%;top:0;border-radius:9999px;background-size:100%}.profile .profile__image img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.profile .profile__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:calc(100% - 8.75rem);padding-left:1.875rem;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}@media screen and (max-width:767px){.profile .profile__content{width:100%;padding:unset}}.profile .profile__name{font-size:1.25rem;font-weight:700;margin-bottom:.625rem}@media screen and (max-width:767px){.profile .profile__name{font-size:1rem;text-align:center;margin-bottom:.625rem}}.profile .profile__text{font-size:14px;font-weight:300;line-height:1.857}@media screen and (max-width:767px){.profile .profile__text{font-size:12px;line-height:1.7}}.profile .pagenation{margin-top:3.75rem}@media screen and (max-width:767px){.profile .pagenation{margin-top:1.25rem}}.profile .profile-article{margin-bottom:5rem}@media screen and (max-width:767px){.profile .profile-article{margin-bottom:3.125rem}}.profile .writer__other{margin-bottom:11.875rem;position:relative}@media screen and (max-width:767px){.profile .writer__other{margin-bottom:5.625rem}}.profile .writer__other__inner{max-width:100%}@media screen and (max-width:767px){.profile .writer__other__inner{padding-right:0;padding-left:0}}.profile .writer__other .top-article__inner{margin:0 0 0 auto;max-width:100%;width:100%;margin-left:80px;padding:0}@media screen and (max-width:767px){.profile .writer__other .top-article__inner{margin-left:20px}}.profile .writer__other .slick-slider{position:unset}.profile .writer__other .slick-list{padding-top:1.25rem;padding-bottom:1.25rem;padding-right:10%}@media screen and (max-width:767px){.profile .writer__other .slick-list{padding-right:5%}}@media screen and (max-width:520px){.profile .writer__other .slick-list{padding-right:30%}}.profile .writer__other .writer{display:block;-webkit-box-shadow:0px 0px 10px rgba(35,35,35,.12);box-shadow:0px 0px 10px rgba(35,35,35,.12);border-radius:.9375rem;margin:0 1.25rem;padding:1.5625rem 1.5625rem 1.25rem;height:auto;width:260px}@media screen and (max-width:767px){.profile .writer__other .writer{margin:0 15px;padding:.9375rem .9375rem .625rem;width:220px}}.profile .writer__other .writer__image{width:6.5625rem;height:6.5625rem;aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0 auto 1.25rem;position:relative}@media screen and (max-width:767px){.profile .writer__other .writer__image{width:5.625rem;height:5.625rem}}.profile .writer__other .writer__image:after{content:"";background:url(//navi.wingarc.com/wp-content/themes/techblog/css/../images/profile/profile-circle.png);position:absolute;left:0;width:100%;height:100%;top:0;border-radius:9999px}.profile .writer__other .writer__image img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.profile .writer__other .writer__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%}.profile .writer__other .writer__name{font-size:1.125rem;font-weight:700;margin-bottom:.625rem;text-align:center}@media screen and (max-width:767px){.profile .writer__other .writer__name{font-size:.875rem;margin-bottom:.3125rem}}.profile .writer__other .writer__text{font-size:13px;font-weight:300;line-height:1.857}@media screen and (max-width:1024px){.profile .writer__other .writer__text{font-size:12px;line-height:1.6666666667}}@media screen and (max-width:767px){.profile .writer__other .writer__text{font-size:12px;line-height:1.6666666667}}.profile .writer__other .top-article__title{margin-bottom:1.875rem}@media screen and (max-width:767px){.profile .writer__other .top-article__title{margin-bottom:.625rem}}.profile .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:10px}.profile .slick-prev{display:none !important}.profile .slick-next{background:rgba(91,47,158,.9);border-radius:50%;width:7.125rem;height:7.125rem;color:transparent;position:absolute;top:50%;left:auto;right:0;transform:translate(-50%,-50%);text-align:center}@media screen and (max-width:767px){.profile .slick-next{margin-left:auto;width:3.25rem;height:3.25rem;left:auto;right:-2.5%}}@media screen and (max-width:520px){.profile .slick-next{right:15%}}.profile .slick-next:after{content:"";background:url(//navi.wingarc.com/wp-content/themes/techblog/css/../images/common/button-arrow.png);background-repeat:no-repeat;background-size:100%;width:2.1875rem;height:1.125rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:767px){.profile .slick-next:after{width:1.3125rem;height:.625rem}}.detail-mv{min-height:26.25rem;background:-webkit-gradient(linear,left top,right top,from(#6461cd),to(#0a357a));background:linear-gradient(90deg,#6461cd 0%,#0a357a 100%);position:relative;display:-ms-grid;display:grid;padding:9rem 0 5rem}@media screen and (max-width:767px){.detail-mv{height:unset;min-height:unset;padding:7rem 0 1rem}}.detail-mv__inner{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:1500px){.detail-mv__inner{display:block;width:auto;max-width:860px;margin:0 auto}}@media screen and (max-width:767px){.detail-mv__inner{display:block;width:100%}}.detail-mv.bg_svf{background:-webkit-gradient(linear,left top,right top,from(#6461cd),to(#0a357a));background:linear-gradient(90deg,#6461cd 0%,#0a357a 100%)}.detail-mv.bg_invoiceagent{background:-webkit-gradient(linear,left top,right top,from(#0a357a),to(#2791a1));background:linear-gradient(90deg,#0a357a 0%,#2791a1 100%)}.detail-mv.bg_motionboard{background:-webkit-gradient(linear,left top,right top,from(#3c7be3),to(#a7bad9));background:linear-gradient(90deg,#3c7be3 0%,#a7bad9 100%)}.detail-mv.bg_drsum{background:-webkit-gradient(linear,left top,right top,from(#c40161),to(#e45274));background:linear-gradient(90deg,#c40161 0%,#e45274 100%)}.detail-mv>.top-article__inner{-ms-grid-row-align:center;-ms-grid-column-align:center;place-self:center;width:100%;padding:0 3.75rem}@media screen and (max-width:767px){.detail-mv>.top-article__inner{padding:0 3.75rem 0;max-width:40rem;width:100%}}@media screen and (max-width:520px){.detail-mv>.top-article__inner{padding:0 1.25rem 0}}.detail .category__info{color:#fff;width:13.125rem;position:relative;left:-5em}@media screen and (max-width:1500px){.detail .category__info{left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:grid}}@media screen and (max-width:767px){.detail .category__info{display:flex;margin-bottom:10px}.category__meta-wrap{margin:0 0 0 auto}}.detail .category__meta{font-weight:700;letter-spacing:.1em}.category__child{display:grid;font-size:13px;font-weight:400}@media screen and (max-width:767px){.category__child{font-size:11px}}.category__meta_item{margin-bottom:10px;font-size:13px;font-weight:400}@media screen and (max-width:767px){.category__meta_item{font-size:11px}}.category__meta_item span{position:relative}.category__meta_item span:before{content:" / "}.category__meta_item span:first-of-type:before{content:none}@media screen and (max-width:1500px){.detail .category__meta{margin-bottom:10px}}@media screen and (max-width:767px){.detail .category__meta{font-size:.625rem}}@media screen and (max-width:520px){.detail .category__meta{padding-right:20px}}.detail .category__meta .category__parent{display:inline-block;position:relative;margin-bottom:.3125rem;font-size:13px;font-weight:400}@media screen and (max-width:767px){.detail .category__meta .category__parent{font-size:11px}}.detail .category__meta .category__parent:after{content:"";width:1.3125rem;height:1px;background:#fff;position:absolute;right:-2em;position:absolute;top:50%;-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%);text-align:center}@media screen and (max-width:767px){.detail .category__meta .category__parent:after{right:-3em}}.detail .category__logo{margin-bottom:2.5rem;margin-top:.8125rem}@media screen and (max-width:1500px){.detail .category__logo{margin-bottom:10px}}@media screen and (max-width:767px){.detail .category__logo{margin:unset}}.detail .category__logo img{width:auto;max-width:none;height:2.25rem}@media screen and (max-width:767px){.detail .category__logo img{width:auto;height:1.5625rem}}.detail .article-info{color:#fff;width:860px}@media screen and (max-width:1500px){.detail .article-info{width:auto}}.detail .article-info h1{font-size:2.25rem}.detail .article-info__inner{max-width:100%}@media screen and (max-width:767px){.detail .article-info__inner{width:100%;margin:unset;max-width:100%}}.detail .article-info .article-title{margin-bottom:2.5rem}@media screen and (max-width:767px){.detail .article-info .article-title{font-size:1.625rem;font-weight:400;margin-bottom:2.1875rem}}.detail .article-info .article-tag{font-size:.8125rem;margin-bottom:.625rem}@media screen and (max-width:767px){.detail .article-info .article-tag{font-size:.6875rem;margin-bottom:.9375rem}}.detail .article-info .article-tag a{margin-right:.75rem;letter-spacing:.1em}.detail .article-info .article-meta{font-size:.75rem;letter-spacing:.1em}.detail .article-info .article-meta span{margin-right:.9375rem}.share__link{background:#f8f8fc}.share__link__inner{display:-webkit-box;display:-ms-flexbox;display:flex;padding:2.25rem 0 2.1875rem;max-width:100%;width:calc(860px + 7.5rem);padding-left:3.75rem;padding-right:3.75rem;margin:0 auto}@media screen and (max-width:767px){.share__link__inner{padding:0 1.25rem;max-width:40rem;margin:0 auto;width:100%;padding:1.875rem 0}}.share__link__inner .share__link__text{color:#42406a;font-size:1.0625rem;font-weight:700;letter-spacing:0}@media screen and (max-width:767px){.share__link__inner .share__link__text{font-size:.875rem}}@media screen and (max-width:520px){.share__link__inner .share__link__text{font-size:1rem}}.share__link__inner .share__link__btn{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:right;display:flex;align-items:center;place-content:end}.share__link__inner .share__link__btn a{display:inline-block;width:1.5rem;height:1.5rem;position:relative;margin-left:1.25rem}@media screen and (max-width:767px){.share__link__inner .share__link__btn a{width:1.0625rem;height:1.0625rem}}@media screen and (max-width:520px){.share__link__inner .share__link__btn a{width:1.25rem;height:1.25rem}}.share__link__inner .share__link__btn a img{width:1.5rem;display:block;vertical-align:middle;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}@media screen and (max-width:767px){.share__link__inner .share__link__btn a img{width:1.0625rem}}@media screen and (max-width:520px){.share__link__inner .share__link__btn a img{width:1.25rem}}.share__link__btn .fa-x-twitter{font-size:1.5em;color:#5b2f9e;display:block}@media screen and (max-width:767px){.share__link__btn .fa-x-twitter{font-size:1.0625rem}}@media screen and (max-width:520px){.share__link__btn .fa-x-twitter{font-size:1.25rem;position:relative}}.detail-meta{max-width:100%;width:calc(860px + 7.5rem);padding-left:3.75rem;padding-right:3.75rem;margin:0 auto 5rem}@media screen and (max-width:767px){.detail-meta{padding:0 1.25rem;width:100%;max-width:40rem}}.detail-meta .detail-reaction{text-align:center;margin-top:2.5rem;margin-bottom:3.125rem}.detail-meta .detail-reaction b{font-size:1.0625rem}@media screen and (max-width:767px){.detail-meta .detail-reaction b{font-size:.8125rem}}@media screen and (max-width:520px){.detail-meta .detail-reaction b{font-size:1rem}}.detail-meta .detail-reaction__inner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:3.75rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1.25rem}@media screen and (max-width:767px){.detail-meta .detail-reaction__inner{gap:1.25rem;margin-top:.3125rem}}.detail-meta .detail-reaction__inner a{display:block;border-radius:.9375rem;-webkit-box-shadow:0 0 10px rgba(35,35,35,.12);box-shadow:0 0 10px rgba(35,35,35,.12);width:13.4375rem;height:9.5rem;position:relative;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;font-weight:700;font-size:1.125rem;overflow:hidden}@media screen and (max-width:767px){.detail-meta .detail-reaction__inner a{width:9.75rem;height:6.875rem}}.detail-meta .detail-reaction__inner a img{display:block;margin:0 auto 1.25rem}@media screen and (max-width:767px){.detail-meta .detail-reaction__inner a img{margin:0 auto .625rem}}.detail-meta .detail-reaction__inner a:nth-child(1) img{width:3.1875rem;height:3.6875rem}@media screen and (max-width:767px){.detail-meta .detail-reaction__inner a:nth-child(1) img{width:1.6875rem;height:1.9375rem}}.detail-meta .detail-reaction__inner a:nth-child(2) img{width:3.625rem;height:3.5rem;position:relative;left:.1em}@media screen and (max-width:767px){.detail-meta .detail-reaction__inner a:nth-child(2) img{width:2.125rem;height:2.3125rem}}.detail-meta .detail-reaction__inner a span:before{background:-webkit-gradient(linear,left top,left bottom,from(#e66476),to(#fed789));background:linear-gradient(180deg,#e66476 0%,#fed789 100%);border-radius:50%;content:"";display:block;margin:auto;opacity:1;pointer-events:none;position:absolute;top:35%;left:0;right:0;width:100%;padding-top:100%;height:0;-webkit-transform:translateY(-50%) scale(.35);transform:translateY(-50%) scale(.35);transition:opacity .5s,transform .3s,-webkit-transform .3s;z-index:-1}.detail-meta .detail-reaction__inner a:hover span:before{opacity:1;-webkit-transform:translateY(-50%) scale(1.35);transform:translateY(-50%) scale(1.35);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition:opacity .8s,-webkit-transform .4s ease-in-out;transition:opacity .8s,-webkit-transform .4s ease-in-out;transition:opacity .8s,transform .4s ease-in-out;transition:opacity .8s,transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.detail-meta .editor-profile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:0px 0px 10px rgba(35,35,35,.12);box-shadow:0px 0px 10px rgba(35,35,35,.12);border-radius:.9375rem;padding:20px;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:520px){.detail-meta .editor-profile{display:-ms-grid;display:grid;gap:10px}}.detail-meta .editor-profile__image{width:6.375rem;height:6.375rem;border-radius:50%;overflow:hidden;position:relative}@media screen and (max-width:520px){.detail-meta .editor-profile__image{margin:0 auto}}.detail-meta .editor-profile__image:after{content:"";background:url(//navi.wingarc.com/wp-content/themes/techblog/css/../images/profile/profile-circle.png);position:absolute;left:0;width:100%;height:100%;top:0;border-radius:9999px;background-size:100%}.detail-meta .editor-profile__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:calc(100% - 7.625rem);padding-left:1.25rem;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;position:relative}@media screen and (max-width:520px){.detail-meta .editor-profile__content{width:100%;padding-left:0}}.editor-profile__content_inner{display:flex;place-content:space-between;margin-bottom:10px}@media screen and (max-width:767px){.editor-profile__content_inner{display:block}}.editor-profile__wrap{display:flex}@media screen and (max-width:767px){.editor-profile__wrap{display:grid}}.editor-profile__wrap div{display:flex;margin-left:14.5px;margin-top:3px}@media screen and (max-width:767px){.editor-profile__wrap div{margin-left:0;margin-top:7px}}.detail-meta .editor-profile__content .editor-profile__wrap span{font-size:10px;font-weight:600;right:1.25rem;top:0;display:flex;align-items:center;color:#5b2f9e;font-weight:600;background:#f2f1fb;border-radius:5px;height:21px;padding:0 10px;margin-right:8px}.toprofile{font-size:12px;font-weight:600;color:#42406a;display:flex;align-items:center;top:-3px;position:relative}@media screen and (max-width:767px){.toprofile{display:none}}@media screen and (max-width:520px){.toprofile{top:0;place-content:end;width:100%}}.toprofile img{width:8px;margin-left:3px}.detail-meta .editor-profile .editor-profile__name{font-size:16px}.detail-meta .editor-profile .editor-profile__text{font-size:12px;line-height:1.5}.detail-meta .editor-profile:hover{opacity:.7}.detail-content{padding-top:3.75rem;padding-bottom:4.375rem;max-width:100%;width:calc(860px + 7.5rem);padding-left:3.75rem;padding-right:3.75rem;margin:0 auto;font-size:1.0625rem;overflow:hidden}@media screen and (max-width:767px){.detail-content{padding:2.5rem 3.75rem 2.5rem;max-width:40rem;width:100%}}@media screen and (max-width:520px){.detail-content{padding:2.5rem 1.25rem 2.5rem;max-width:40rem;width:100%;font-size:16px;word-break:break-all}}.detail-content__inner{font-size:1.0625rem;line-height:2;font-weight:500}@media screen and (max-width:1024px){.detail-content__inner{font-size:1.3125rem}}@media screen and (max-width:767px){.detail-content__inner{font-size:.75rem}}@media screen and (max-width:520px){.detail-content__inner{font-size:1rem}}.detail-content__inner img{-webkit-filter:none;filter:none;margin-bottom:.625rem}.detail-content__inner p{font-size:1.0625rem;line-height:2;margin-bottom:1em}@media screen and (max-width:1024px){.detail-content__inner p{font-size:1.3125rem}}@media screen and (max-width:767px){.detail-content__inner p{font-size:.75rem}}@media screen and (max-width:520px){.detail-content__inner p{font-size:16px;line-height:1.7}}.detail-content__inner .center{text-align:center}.detail-content__inner .right{text-align:right}.detail-content__inner h2{font-size:1.3rem;background:#f2f1fb;border-radius:.625rem;padding:.9375rem 1.5625rem;color:#232323;margin-bottom:1.5em;position:relative}@media screen and (max-width:1024px){.detail-content__inner h2{font-size:1.4375rem}}@media screen and (max-width:767px){.detail-content__inner h2{font-size:1.125rem;font-weight:400;padding:.75rem .9375rem}}.detail-content__inner h2:before{content:"";background-image:url(/wp-content/themes/techblog/images/common/sns_link.png);background-repeat:no-repeat;background-size:100%;position:absolute;right:20px;width:.8em;height:.8em;top:50%;transform:translate(0,-50%);cursor:pointer;opacity:0}.detail-content__inner h2:hover:before{opacity:1}.detail-content__inner h2.copied:before{opacity:.5}.detail-content__inner h3{border-left:.375rem solid #5b2f9e;padding-left:.75rem;margin-bottom:1.5em;position:relative}@media screen and (max-width:1024px){.detail-content__inner h3{font-size:1.3125rem}}@media screen and (max-width:767px){.detail-content__inner h3{font-size:1.125rem;line-height:1.5}}.detail-content__inner h3:before{content:"";background-image:url(/wp-content/themes/techblog/images/common/sns_link.png);opacity:0;background-repeat:no-repeat;background-size:100%;position:absolute;right:20px;width:.8em;height:.8em;top:60%;transform:translate(0,-50%);cursor:pointer}@media screen and (max-width:767px){.detail-content__inner h3:before{top:60%;transform:translate(0,-50%)}}.detail-content__inner h3:hover:before{opacity:1}.detail-content__inner h3.copied:before{opacity:.5}.detail-content__inner h4{background-color:#f5f5f5;padding:.5rem 1rem;margin-bottom:1.5em;border-radius:.3rem}.detail-content__inner b{font-weight:700}.detail-content__inner small{font-size:.75rem;display:inline-block}.detail-content__inner blockquote{border-left:1px solid #232323;padding-left:1.25rem;line-height:2}.detail-content__inner ol{list-style:none;counter-reset:number}.detail-content__inner ol li{padding-left:1.6em;position:relative}.detail-content__inner ol li:before{counter-increment:number;content:counter(number);position:absolute;top:.5em;left:0;width:1.3em;height:1.3em;background:#5b2f9e;color:#f8f8fc;border-radius:100%;display:flex;align-items:center;place-content:center;font-size:.82em;padding-left:.15em;padding-bottom:.02em}@media screen and (max-width:767px){.detail-content__inner ol li:before{font-size:.8em;top:.7em;padding-bottom:.8px}}@media screen and (max-width:520px){.detail-content__inner ol{font-size:16px}}.detail-content__inner ol li{padding-bottom:.4em;letter-spacing:.1em}@media screen and (max-width:520px){.detail-content__inner ul{font-size:16px}}.detail-content__inner ul li{position:relative;padding-bottom:.4em;letter-spacing:.1em;padding-left:1.5em}.detail-content__inner ul li:before{display:inline-block;content:"\f058";color:#5b2f9e;font-family:FontAwesome;font-size:1.1em;position:absolute;top:1em;left:0;-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%);text-align:center}.detail-content__inner ul li.list_parent{padding-left:0}.detail-content__inner ul li.list_parent:before{content:none}.detail-content__inner ul li::marker{content:none}.detail-content__inner a{color:#333;text-decoration:underline}.detail-content__inner .aligncenter{display:block;margin-left:auto;margin-right:auto}.detail-content__inner .alignright{float:right;margin-left:1.5em}.detail-content__inner .alignleft{float:left;margin-right:1.5em}.detail-content__inner .box{border:1px solid #777;border-radius:.5rem;padding:1.875rem}@media screen and (max-width:767px){.detail-content__inner .box{padding:1.25rem}}.detail-content__inner .box p{margin-bottom:0}.detail-content__inner .box-bg{background:#f5f5f5;border-radius:.5rem;padding:1.875rem}@media screen and (max-width:767px){.detail-content__inner .box-bg{padding:1.25rem}}.detail-content__inner .box-bg p{margin-bottom:0}.detail-content__inner table{font-size:1rem;border-collapse:collapse;max-width:100%}@media screen and (max-width:767px){.detail-content__inner table{font-size:.75rem}}.detail-content__inner table tr th{text-align:left;font-weight:400;background:#f2f1fb;padding:1.75rem 2.5rem;border:1px solid #9e9e9e}@media screen and (max-width:767px){.detail-content__inner table tr th{padding:1.25rem;width:48%}}.detail-content__inner table tr td{padding:1.75rem 2.5rem;border:1px solid #9e9e9e}@media screen and (max-width:767px){.detail-content__inner table tr td{padding:1.25rem .625rem}}@media screen and (max-width:520px){.detail-content__inner table tr td{padding:1.25rem .625rem}}.detail-content__inner button:not(.hcb-clipboard){background:-webkit-gradient(linear,left top,right top,from(#350897),to(#5b2f9e));background:linear-gradient(90deg,#350897 0%,#5b2f9e 100%);border:2px solid #350897;-webkit-box-shadow:0px 3px 6px rgba(91,47,158,.2);box-shadow:0px 3px 6px rgba(91,47,158,.2);color:#fff;width:23.125rem;height:4.5rem;border-radius:2.875rem;padding:0 2.5rem;letter-spacing:.1em;position:relative;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:767px){.detail-content__inner button:not(.hcb-clipboard){width:16.125rem;margin:0 auto;height:3.125rem;font-size:.75rem;padding:0 1.875rem;display:block}}.detail-content__inner button:not(.hcb-clipboard):before{background:#fff;border-radius:50%;content:"";display:block;margin:auto;opacity:1;pointer-events:none;position:absolute;top:50%;left:0;right:0;width:100%;padding-top:100%;height:0;z-index:-1;-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);-webkit-transition:opacity .5s,-webkit-transform .3s;transition:opacity .5s,-webkit-transform .3s;transition:opacity .5s,transform .3s;transition:opacity .5s,transform .3s,-webkit-transform .3s;z-index:1}.detail-content__inner button:not(.hcb-clipboard):hover{color:#350897}.detail-content__inner button:not(.hcb-clipboard):hover:before{opacity:1;-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition:opacity .8s,-webkit-transform .5s ease-in-out;transition:opacity .8s,-webkit-transform .5s ease-in-out;transition:opacity .8s,transform .5s ease-in-out;transition:opacity .8s,transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.detail-content__inner button:not(.hcb-clipboard):hover:after{background:url(//navi.wingarc.com/wp-content/themes/techblog/css/../images/common/button-arrow_h.png);background-repeat:no-repeat;background-size:100%;z-index:3}.detail-content__inner button:not(.hcb-clipboard) span{z-index:2;position:relative}.detail-content__inner p mark{background:linear-gradient(transparent 60%,#faf7d2 60%) !important}.detail-content__inner iframe{width:100%;aspect-ratio:500/281;height:auto}.editor-comment{background:url(//navi.wingarc.com/wp-content/themes/techblog/css/../images/common/fukidashi.png);background-repeat:no-repeat;background-size:100%;width:12.1875rem;height:5.6875rem;font-size:.875rem;color:#fff;position:absolute;margin-top:-4.5rem;margin-left:1rem;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;padding-bottom:.5rem;padding-left:.7rem;padding-right:.6rem;opacity:0;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-transform:scale(0);transform:scale(0)}.editor-comment.active{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.header{position:fixed;top:0;left:0;width:100%;z-index:10;-webkit-transition:all .2s;transition:all .2s}.header.is-small,.header.header-small{background:#fff;-webkit-box-shadow:0px 3px 6px rgba(0,0,0,.06);box-shadow:0px 3px 6px rgba(0,0,0,.06)}.header.is-small a,.header.header-small a{color:#232323}.header.is-small .header__inner,.header.header-small .header__inner{padding:.75rem 20px}.header.is-small .header__logo span,.header.header-small .header__logo span{opacity:1;left:0;position:relative;top:-.3em}@media screen and (max-width:1024px){.header.is-small .header__logo span,.header.header-small .header__logo span{display:block}}@media screen and (max-width:767px){.header.is-small .header__logo span,.header.header-small .header__logo span{display:none}}.header.is-small .header__item--icon a,.header.header-small .header__item--icon a{width:2.875rem;height:2.875rem;background:#5b2f9e}.header.is-small .header__item--icon a svg,.header.header-small .header__item--icon a svg{width:1.31875rem;height:1.31875rem}.header.is-small .header__item--icon a svg path,.header.header-small .header__item--icon a svg path{fill:#fff}.header__inner{max-width:86.75rem;padding:2rem 1.25rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:767px){.header__inner{padding:.9375rem 1.25rem;max-width:40rem}}.header__logo span{opacity:0;font-size:.875rem;-webkit-transition:all .3s;transition:all .3s}.header__logo a{font-size:1.875rem;font-weight:700;letter-spacing:.05em;color:#fff}@media screen and (max-width:767px){.header__logo a{display:block;font-size:1.0625rem;line-height:1}}.header__items{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.3125rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:767px){.header__items{display:none}}.header__item{position:relative}.header__item>a{color:#fff;display:block;font-size:15px;font-weight:700;line-height:1;padding:.9375rem 2rem}.header__item--icon a{padding:unset;margin-left:2rem;border-radius:50%;overflow:hidden;width:3.5rem;aspect-ratio:1;background:#fff;border-radius:50%;position:relative}.header__item--icon a svg{z-index:3;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:1.7625rem;height:1.7625rem}.header__item--icon a svg path{fill:#ef7275}.header__item-children{background:#fff;position:absolute;top:100%;left:.25rem;padding:.5rem .75rem;z-index:5;-webkit-clip-path:inset(0% 0% 100% 0%);clip-path:inset(0% 0% 100% 0%);visibility:hidden;opacity:0;-webkit-transition:.4s all ease-in-out;transition:.4s all ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header__item-child{color:#232323;display:block;padding:.75rem .625rem;font-size:.9375rem;line-height:1;font-weight:700;background:#fff;-webkit-transition:.3s all ease-in-out;transition:.3s all ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap}.header__item-child:hover{color:#ddd}.header__hamburger{display:none}@media screen and (max-width:767px){.header__hamburger{display:block}}.header__item:hover>.header__item-children{-webkit-clip-path:inset(0% 0% 0% 0%);clip-path:inset(0% 0% 0% 0%);visibility:visible;opacity:1;box-shadow:0px 0px 10px rgba(0,0,0,.1);border-radius:5px;border:1px solid #eee}.hamburger{cursor:pointer;padding:.3125rem 0;-webkit-transform:translateY(.3125rem);transform:translateY(.3125rem)}.hamburger__button{width:1.375rem;height:.375rem;position:relative;margin:0 auto}.hamburger__line{position:absolute;width:100%;height:2px;border-radius:1px;background:#fff;-webkit-transition:all .2s;transition:all .2s}.hamburger__line:nth-of-type(1){top:0}.hamburger__line:nth-of-type(2){top:.375rem}.hamburger__text{font-size:.625rem;font-weight:700;letter-spacing:.05em;padding-top:.1875rem;color:#fff;-webkit-transition:all .2s;transition:all .2s}.header.is-small .hamburger__line{background:#000}.header.is-small .hamburger__text{color:#000}.header.header-small .hamburger__line{background:#000}.header.header-small .hamburger__text{color:#000}.search{height:100vh;width:60vw;position:fixed;right:0;top:0;z-index:10;background:#fff;overflow-y:scroll;-webkit-transform:translateX(100%);transform:translateX(100%);visibility:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}@media screen and (max-width:767px){.search{width:100%}}.search__inner{margin-left:10.625rem;width:65%}@media screen and (max-width:767px){.search__inner{width:100%;margin-left:unset;padding:0 1.25rem;max-width:40rem;margin:0 auto}}@media screen and (max-width:520px){.search__inner{max-width:100%;padding:0 1.5625rem;margin:0}}.search__fadein{position:relative;top:2em;opacity:0;-webkit-transition:.4s;transition:.4s}@media screen and (max-width:767px){.search__fadein{padding:0 5rem}}@media screen and (max-width:520px){.search__fadein{padding:0}}.search__fadein.active{opacity:1;top:0;-webkit-transition-delay:.4s;transition-delay:.4s}.search__container{position:relative}@media screen and (max-width:767px){.search__container{margin-top:2.5rem;margin-bottom:unset;padding-bottom:2.5rem}}@media screen and (max-width:767px){.search__form{margin-bottom:2.5rem}}.search__close{cursor:pointer;position:absolute;top:-10%;right:8%;width:3.5rem;aspect-ratio:1;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}@media screen and (max-width:767px){.search__close{width:36px;top:-1.875rem;right:0}}@media screen and (min-width:767px){.search__close{top:-15%;right:-10%}}.search__close:hover{opacity:.5}.search__ttl{font-size:24px;font-weight:700;letter-spacing:.05em;margin-bottom:1.25rem}@media screen and (max-width:767px){.search__ttl{font-size:1.375rem;margin-bottom:.9375rem}}@media screen and (max-width:520px){.search__ttl{font-size:1.625rem;margin-bottom:.9375rem}}.search__icon{width:1.5625rem;aspect-ratio:1;display:inline-block;margin-right:.75rem}@media screen and (max-width:767px){.search__icon{width:1.25rem;position:relative;top:.1em}}@media screen and (max-width:520px){.search__icon{width:1.375rem}}.search__icon--cate{vertical-align:middle}.search__content{margin-bottom:2.0625rem}@media screen and (max-width:767px){.search__content{margin-bottom:1.3rem}}@media screen and (max-width:767px){.search__content--2{margin-bottom:1.5625rem}}.search__read{font-size:16px;font-weight:700;margin-bottom:1.25rem}@media screen and (max-width:767px){.search__read{font-size:1rem;margin-bottom:1.25rem}}.search__read span{font-size:.9375rem;font-weight:400;margin-left:1.0625rem}@media screen and (max-width:767px){.search__read span{font-size:.75rem;margin-left:.5rem}}.search__radios{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1rem 1fr;grid-template-columns:1fr 1fr;row-gap:1.125rem;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}@media screen and (max-width:767px){.search__radios{-ms-grid-columns:1fr .75rem 1fr;grid-template-columns:1fr 1fr;-webkit-column-gap:.75rem;-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.5625rem}}.search__radio{background:#fff;color:#370996;letter-spacing:.05em;font-size:14px;text-align:center;padding:.8125rem 1rem .6875rem;border-radius:1.875rem;border:1px solid #370996;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-weight:600;width:15rem;position:relative;place-content:space-between;display:flex}@media screen and (max-width:767px){.search__radio{width:auto;padding:.3125rem .6875rem .25rem;font-size:.6875rem;min-height:45px;display:flex;align-items:center;place-content:center;font-size:max(0.8rem, 14px)}}@media screen and (max-width:520px){.search__radio{padding:.625rem .6875rem}}.search__radio svg{width:.5rem}.search__radio svg path{fill:#370996}.search__radio span{position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:9999px;opacity:0;transition:all .3s;background:#370996 !important}.search__radio b{position:relative;z-index:3;display:block;margin:0 auto}@media screen and (min-width:767px){.search__radio:hover{color:#fff;background:#370996;opacity:1}.search__radio:hover svg path{fill:#fff}}.search input[type=radio]:checked+label{color:#fff;background:#370996;border:1px solid #370996}.search input[type=radio]:checked+label.hover-cat02{background:0 0;border:1px solid #ddd}.search input[type=radio]:checked+label span{opacity:1}.search__ret{font-size:16px;font-weight:400;border-radius:1.875rem;border-radius:9999px;padding:10px 20px;border:1px solid #370996;width:100%;background:#fff}@media screen and (max-width:1024px){.search__ret{font-size:14px}}@media screen and (max-width:767px){.search__ret{font-size:.75rem;padding:.625rem 1.4375rem;width:100%;max-width:18.6875rem;margin:0 auto;display:block}}@media screen and (max-width:520px){.search__ret{width:100%;padding:.8125rem 1.4375rem;font-size:.875rem}}.search__ret::-webkit-input-placeholder{color:#d8d2df}.search__ret::-moz-placeholder{color:#d8d2df}.search__ret:-ms-input-placeholder{color:#d8d2df}.search__ret::-ms-input-placeholder{color:#d8d2df}.search__ret::placeholder{color:#d8d2df}@media screen and (max-width:767px){.search__button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}}.search__button button{width:12.5rem;background:#370996;padding:.7rem 0 .9rem;border-radius:.5rem;font-size:max(1rem,12px);font-weight:700;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:block;margin:0 auto}@media screen and (max-width:767px){.search__button button{font-size:.8125rem;width:11.25rem;padding:.625rem 0}}@media screen and (max-width:520px){.search__button button{width:11rem;font-size:.9375rem;padding:.9375rem 0}}.search__button button:hover{opacity:.7}.search__button span{width:1.1rem;aspect-ratio:1;display:inline-block;margin-right:.45rem}@media screen and (max-width:767px){.search__button span{width:1rem;margin-right:.5rem;vertical-align:middle}}.search__button img{position:relative;top:.2em;width:1.1rem}@media screen and (max-width:767px){.search__button img{top:0}}.search.is-open{visibility:visible;opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (min-width:767px){.search.is-open .search__container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.drawer-cate{margin-bottom:3.125rem}.drawer-cate .search__icon{top:-.05em}.drawer-cate__menu{border-bottom:1px solid #eee;font-weight:600}.drawer-cate__menu:nth-of-type(1){border-top:1px solid #eee}.drawer-cate__menu a{display:block;padding:1.25rem .625rem}.l-header{top:1.25rem}.l-header .header__inner{background:#fff;height:3.75rem;border-radius:9999px;box-shadow:0px 0px 10px rgba(0,0,0,.1);padding-left:3.75rem;padding-right:3.75rem;width:86.75rem;max-width:95%}@media screen and (max-width:768px){.l-header .header__inner{height:3rem;padding-left:1.5rem;padding-right:1.5rem}}.l-header .header__logo{position:relative;top:-.2rem;white-space:nowrap}@media screen and (max-width:768px){.l-header .header__logo{top:0}}.l-header .header__logo a{color:#350897;font-size:max(1.25rem, 16px)}@media screen and (max-width:767px){.l-header .header__logo a{font-size:1rem}}.l-header .header__item>a{color:#232323;padding:.9375rem .875rem;font-size:max(0.9375rem, 14px)}@media screen and (max-width:1024px){.l-header .header__item>a{padding:.9375rem .5rem}}.l-header .header__item--icon a{background:#5b2f9e;width:max(2.4375rem, 30px);margin-left:1rem}.l-header .header__item--icon a svg{width:max(1.0625rem, 15px)}.l-header .header__item--icon a svg path{fill:#fff}.l-header .header__item-child{font-size:max(.9375rem, 11px)}.l-header .hamburger__line{background:#350897}.l-header .hamburger__text{color:#350897}.l-header+.search{padding-top:1.5rem}.cards{display:-ms-grid;display:grid;-ms-grid-columns:1fr 2.8125rem 1fr 2.8125rem 1fr;grid-template-columns:repeat(3,1fr);gap:2.8125rem}@media screen and (max-width:767px){.cards{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:2.125rem}}.card{display:block;border-radius:15px;-webkit-box-shadow:.1875rem .1875rem .9375rem rgba(0,0,0,.1);box-shadow:.1875rem .1875rem .9375rem rgba(0,0,0,.1);position:relative;z-index:1}@media screen and (max-width:767px){.card{border-radius:20px;width:100% !important}}.card__img{aspect-ratio:359/217;border-radius:1.875rem 1.875rem 0 0;overflow:hidden;border-bottom:1px solid #ddd;z-index:1;will-change:transform}@media screen and (max-width:767px){.card__img{aspect-ratio:160/105;border-radius:1.25rem 1.25rem 0 0;z-index:1}}@media screen and (max-width:767px){.card__img--big{aspect-ratio:235/123;border-radius:1.25rem 1.25rem 0 0}}.card__img img{-webkit-transition:.4s all ease-in-out;transition:.4s all ease-in-out;height:100%;-o-object-fit:cover;object-fit:cover}.card__body{padding:1.25rem 1.5625rem 1.5625rem}@media screen and (max-width:767px){.card__body{padding:.6875rem .8125rem .875rem}}.card__title{font-size:1.125rem;font-weight:700;margin-bottom:1.25rem}@media screen and (max-width:767px){.card__title{font-size:.75rem;margin-bottom:.3125rem}}.card__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.625rem;margin-bottom:0}@media screen and (max-width:767px){.card__tags{gap:.375rem}}.card__date{font-size:.75rem;font-weight:400;font-family:"Montserrat",sans-serif;color:#777}@media screen and (max-width:767px){.card__date{font-size:.625rem}}.card__cat{position:absolute;top:0;right:0;border-radius:2rem;font-size:14px;font-weight:700;color:#fff;padding:0 20px;line-height:1;height:10%;background:#080b71;letter-spacing:.1em;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1}@media screen and (max-width:1024px){.card__cat{height:45px}}@media screen and (max-width:767px){.card__cat{font-size:12px !important;height:35px}}.card__cat span{position:relative;z-index:2}.card__cat:after{content:"";aspect-ratio:1;height:100%;position:absolute;left:0;top:0;display:block;background:#232684;border-radius:50%}.card__cat.cat__svf{background:#080b71}.card__cat.cat__svf:after{background:#232684}.card__cat.cat__motionboard{background:#205ec6}.card__cat.cat__motionboard:after{background:#3e76d3}.card__cat.cat__drsum{background:#9a074f}.card__cat.cat__drsum:after{background:#b40d46}.card__cat.cat__invoiceagent{background:#014a58}.card__cat.cat__invoiceagent:after{background:#045564}.card__cat.cat__dejiren:after{background:#34eb96;opacity:.3}.card:hover .card__img img{-webkit-transform:scale(1.05);transform:scale(1.05)}.section-title{font-size:3.0625rem;font-weight:700;letter-spacing:.05em;font-family:"Montserrat",sans-serif;overflow:hidden;line-height:1.15}@media screen and (max-width:767px){.section-title{font-size:1.9375rem}}.section-title span.ja{font-size:2.4375rem}@media screen and (max-width:767px){.section-title span.ja{font-size:1.625rem}}.section-subTtl{display:inline-block;font-size:1.375rem;letter-spacing:.05em;font-weight:700;vertical-align:middle;font-family:"Noto Sans JP",sans-serif}@media screen and (max-width:767px){.section-subTtl{font-size:.875rem}}.bg-text{font-size:18.5rem;letter-spacing:.05em;position:absolute;top:-10%;left:0;font-weight:700;width:100%;white-space:nowrap;overflow:hidden;color:#f8f8fc;line-height:1;z-index:-1}@media screen and (max-width:767px){.bg-text{font-size:7.0625rem;top:-6%}}.pagenation__inner{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.875rem}.pagenation__inner .page-numbers{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.875rem}.pagenation__inner a{color:#cdcdce;width:3.125rem;aspect-ratio:1;display:inline-block;display:inline-block;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s;transition:all .2s}@media screen and (max-width:767px){.pagenation__inner a{width:2.8125rem}}.pagenation__inner a:hover{color:#8f8db4}.pagenation__inner span{color:#cdcdce;width:3.125rem;height:3.125rem;display:inline-block;display:inline-block;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:767px){.pagenation__inner span{width:35px;height:35px}}.pagenation__inner .current{background:#8f8db4;color:#fff;border-radius:50%}.rank{width:18%;aspect-ratio:1;border-radius:4px;display:block;position:absolute;left:-.7em;color:#fff;font-size:1.3125rem;font-weight:700;font-style:normal;z-index:2;-webkit-transform:rotate(45deg);transform:rotate(45deg);display:inline-block;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:-.7em}@media screen and (max-width:767px){.rank{width:20%;font-size:100%;left:0;top:-6%}}.rank.rank01{background:-webkit-gradient(linear,left top,right top,from(#e2cb37),to(#c4a115));background:linear-gradient(90deg,#e2cb37 0%,#c4a115 100%)}.rank.rank02{background:-webkit-gradient(linear,left top,right top,from(#b8b8b8),to(#8e8e8e));background:linear-gradient(90deg,#b8b8b8 0%,#8e8e8e 100%)}.rank.rank03{background:-webkit-gradient(linear,left top,right top,from(#be7c31),to(#975d1c));background:linear-gradient(90deg,#be7c31 0%,#975d1c 100%)}.rank span{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);display:block}@media screen and (max-width:767px){.js-sidebar-content{display:none}}@media screen and (min-width:768px){.js-sidebar-content{display:block !important}}.js-sidebar-title{cursor:pointer}@media screen and (max-width:767px){.js-sidebar-title{position:relative}}@media screen and (max-width:767px){.js-sidebar-title:after{-webkit-transition:.3s all ease-in-out;transition:.3s all ease-in-out;content:"";display:block;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0);width:.625rem;height:.5rem;background-image:url(//navi.wingarc.com/wp-content/themes/techblog/css/../images/common/sidebar-arrow.png);background-repeat:no-repeat;background-size:cover}}@media screen and (max-width:767px){.is-active.js-sidebar-title:after{content:"";display:block;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);width:.625rem;height:.5rem;background-image:url(//navi.wingarc.com/wp-content/themes/techblog/css/../images/common/sidebar-arrow.png);background-repeat:no-repeat;background-size:cover}}.wrap-sidebar{width:350px;background:#fafafa}@media screen and (max-width:767px){.wrap-sidebar{width:100%}}.wrap-sidebar .sidebar{padding-top:5rem;padding-bottom:5rem;padding-left:2.5rem}@media screen and (min-width:768px){.sidebar form{margin-top:20px}.wrap-sidebar .sidebar{padding-top:8.5rem}}@media screen and (max-width:767px){.wrap-sidebar .sidebar{padding:3.75rem 1.25rem 1.875rem}}.wrap-sidebar .sidebar .sidebar-list__title{color:#615f7e;font-size:17px;font-weight:700}@media screen and (max-width:1024px){.wrap-sidebar .sidebar .sidebar-list__title{font-size:16px}}@media screen and (max-width:767px){.wrap-sidebar .sidebar .sidebar-list__title{font-size:.875rem}}.wrap-sidebar .checkbox{padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}@media screen and (max-width:767px){.wrap-sidebar .checkbox{padding:.5rem 0}}.wrap-sidebar .sidebar-list__title{padding-top:2.75rem;padding-bottom:1.5rem;pointer-events:none}@media screen and (max-width:767px){.wrap-sidebar .sidebar-list__title{padding:1rem 0;pointer-events:auto}}.wrap-sidebar .sidebar-list__title img{width:17px;aspect-ratio:1;display:inline-block;-webkit-filter:none;filter:none;position:relative;top:.2em;margin-right:.625rem}@media screen and (max-width:767px){.wrap-sidebar .sidebar-list__title img{width:16px}}@media screen and (max-width:767px){.wrap-sidebar .sidebar-list__title img{width:1rem;top:.1em}}@media screen and (max-width:767px){.wrap-sidebar .sidebar-list__coro{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #eee;gap:1.875rem;padding:.625rem 0}}.wrap-sidebar .sidebar-list__coro li{border-bottom:1px solid #eee}@media screen and (max-width:767px){.wrap-sidebar .sidebar-list__coro li{border:unset}}.wrap-sidebar .sidebar-list__coro li:first-of-type{border-top:1px solid #eee}@media screen and (max-width:767px){.wrap-sidebar .sidebar-list__coro li:first-of-type{border:unset}}.wrap-sidebar .sidebar-list__coro li ul{padding-left:2.375rem}.wrap-sidebar .sidebar-list__coro li ul li{border-bottom:0;border-top:0}.wrap-sidebar .sidebar-list__coro li.parent li:first-of-type{border-top:0}.wrap-sidebar .search__ret{max-width:18.6875rem;max-width:100%;background:#fff}@media screen and (max-width:767px){.wrap-sidebar .search__ret{max-width:100%;width:100%}}.wrap-sidebar .search__ret::-webkit-input-placeholder{color:#d0c3ec}.wrap-sidebar .search__ret::-moz-placeholder{color:#d0c3ec}.wrap-sidebar .search__ret:-ms-input-placeholder{color:#d0c3ec}.wrap-sidebar .search__ret::-ms-input-placeholder{color:#d0c3ec}.wrap-sidebar .search__ret::placeholder{color:#d0c3ec}.wrap-sidebar .sidebar-search{margin-top:3.75rem;margin-bottom:-2em;padding-right:2.5rem;position:relative}@media screen and (min-width:768px){.wrap-sidebar .sidebar-search{margin-top:0}}@media screen and (max-width:767px){.wrap-sidebar .sidebar-search{margin-bottom:.5em;margin-top:1.25rem;padding-right:0;max-width:100%;margin-left:auto;margin-right:auto}}.wrap-sidebar .sidebar-search button[type=submit]{background:#370996;color:#fff;width:14.375rem;border-radius:.5rem;font-size:1.125rem;font-weight:700;height:3.375rem;margin:1.875rem auto 0;display:block}@media screen and (max-width:767px){.wrap-sidebar .sidebar-search button[type=submit]{width:9.375rem;font-size:.75rem;margin:1.125rem auto 0;height:2.5rem}}.wrap-sidebar .sidebar-search button[type=submit] img{width:1.125rem;aspect-ratio:1;display:inline-block;top:.2em;position:relative;margin-right:.3125rem}@media screen and (max-width:767px){.wrap-sidebar .sidebar-search button[type=submit] img{width:.8125rem}}.wrap-sidebar .sidebar-search svg{position:absolute;top:50%;left:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;margin-left:-2rem}@media screen and (max-width:850px){.wrap-sidebar .sidebar-search svg{margin-left:-2.5rem}}@media screen and (max-width:767px){.wrap-sidebar .sidebar-search svg{right:1rem;margin-left:-2rem}}.wrap-sidebar .class_tag_disp{display:none}.sidebar-list__categories{padding-left:2.375rem;border-bottom:0;border-top:0;display:none}.checkbox-input{margin:0;width:0;opacity:0}.checkbox:hover{background:rgba(0,0,0,.05) !important}@media screen and (max-width:767px){.checkbox:hover{background:0 0 !important}}.checkbox-input:focus+.checkbox-cron{border:dashed 2px #333}.checkbox-input:checked+.checkbox-cron{background:#350897;border-color:#350897}.checkbox-input:checked+.checkbox-cron:before{content:"";background:url(//navi.wingarc.com/wp-content/themes/techblog/css/../images/common/input-check.png);width:100%;height:100%;position:absolute;background-size:100%;background-repeat:no-repeat;position:absolute;text-align:center;bottom:-.08em}.checkbox-cron{position:relative;top:0;left:0;display:block;width:19px;min-width:19px;height:19px;border:solid 2px transparent;background:#fff;border-radius:4px;border:2px solid #ccc}.checkbox-label-text{margin-left:1.25rem;display:block;width:calc(100% - 19px);font-size:15px}@media screen and (max-width:1024px){.checkbox-label-text{font-size:15px}}@media screen and (max-width:767px){.checkbox-label-text{margin-left:.375rem;font-size:.875rem}}.parent.checked_parent .sidebar-list__categories{display:block}.ranking .top-article__inner{padding:0}.ranking .top-article__inner .cards{gap:2.8125rem}@media screen and (max-width:767px){.ranking .top-article__inner .cards{gap:20px}}@media screen and (max-width:500px){.ranking .top-article__inner .cards{gap:10px}}.parent>label .checkbox-input+.checkbox-cron{border-radius:50%}.parent>label .checkbox-input:checked+.checkbox-cron{border-radius:50%;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.parent>label .checkbox-input:checked+.checkbox-cron:before{background:#fff;border:3px solid #350897;background:#fff;bottom:auto;border-radius:50%;margin:0 auto}.top-article__contents .yarpp-related{max-width:65rem}@media screen and (max-width:1024px){.top-article__contents .yarpp-related{max-width:100%}}@media screen and (max-width:768px){.top-article__contents .yarpp-related{display:grid !important;margin-left:auto;margin-right:auto;width:100%;gap:20px}.top-article__contents .yarpp-related a{width:100% !important}.detail .relation.top-article .cards--article{grid-template-columns:1fr}}@media screen and (max-width:500px){.top-article__contents .yarpp-related{gap:10px}}@media screen and (max-width:768px){body:not(.top) .top-article .cards--article{display:grid !important;gap:20px}body:not(.top).top-article .cards--article a{width:100% !important}.top .slick-list .card{width:220px !important}}@media screen and (max-width:500px){body:not(.top) .top-article .cards--article{gap:10px}.top .slick-list .card .card__title{height:60px !important}.top .wrap-flex.wrap-article__width .card__wrap__meta,.card__wrap__meta{gap:0}}body:not(.top) .detail-mv .top-article__inner{place-content:center;display:grid}@media screen and (max-width:767px){body:not(.top) .top-article__inner{width:100%}}.detail .top-article.top-article{max-width:100%;width:calc(860px + 7.5rem);margin-left:auto;margin-right:auto}.profile .top-article__inner{max-width:100%;width:100%;padding:0 40px 0 80px;margin-left:auto;margin-right:auto}@media screen and (max-width:767px){.profile .top-article__inner{padding:0 20px}}.profile-article .cards{gap:40px 40px;display:flex;flex-wrap:wrap;gap:0}@media screen and (max-width:767px){.profile-article .cards{display:grid;grid-template-columns:calc(50% - 10px) calc(50% - 10px);gap:20px}}.profile-article .card{width:260px;margin:0 10px 20px}@media screen and (max-width:767px){.profile-article .card{width:100%;margin:0}}.profile__button a{width:370px;max-width:calc(100% - 40px)}button.color{background:-webkit-gradient(linear,left top,right top,from(#350897),to(#5b2f9e));background:linear-gradient(90deg,#350897 0%,#5b2f9e 100%);border:2px solid #350897;-webkit-box-shadow:0px 3px 6px rgba(91,47,158,.2);box-shadow:0px 3px 6px rgba(91,47,158,.2);color:#fff;width:100%;margin:0 auto;height:72px;font-size:16px;border-radius:9999px;padding:0 40px;letter-spacing:.1em;position:relative;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;display:flex;align-items:center;place-content:space-between}button.color span{z-index:2}button.color:before{background:#fff;border-radius:50%;content:"";display:block;margin:auto;opacity:1;pointer-events:none;position:absolute;top:50%;left:0;right:0;width:100%;padding-top:100%;height:0;z-index:-1;-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);-webkit-transition:opacity .5s,-webkit-transform .3s;transition:opacity .5s,-webkit-transform .3s;transition:opacity .5s,transform .3s;transition:opacity .5s,transform .3s,-webkit-transform .3s;z-index:1}button.color:hover{color:#350897}button.color:hover:before{opacity:1;-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition:opacity .8s,-webkit-transform .5s ease-in-out;transition:opacity .8s,-webkit-transform .5s ease-in-out;transition:opacity .8s,transform .5s ease-in-out;transition:opacity .8s,transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.profile button:not(.hcb-clipboard):hover:after{background:url(//navi.wingarc.com/wp-content/themes/techblog/css/../images/common/button-arrow_h.png);background-repeat:no-repeat;background-size:100%;z-index:3}button.color:hover svg{z-index:2}button.color:hover svg path{fill:#350897;transition:all .3s}.profile__button{display:flex;align-items:center;place-content:center;margin-top:45px}.p-section__writer:before{content:"";height:432px;width:100%;position:absolute;left:0;top:0;background:#fafafa;z-index:-1}.p-section__writer{padding-top:140px;padding-bottom:200px}.p-section__writer h1{font-size:40px;margin-bottom:70px}@media screen and (max-width:767px){.p-section__writer h1{font-size:1.5rem;margin-bottom:35px}}.p-section__writer__inner{width:100%;max-width:100%;padding:0 40px 0 80px;margin:0 auto}@media screen and (max-width:767px){.p-section__writer__inner{padding:0 20px}}.p-list__writer{gap:40px 40px;display:flex;flex-wrap:wrap}@media screen and (max-width:959px){.p-list__writer{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:767px){.p-list__writer{display:grid;grid-template-columns:1fr 1fr;gap:20px}}.p-list__writer a{background:#fff;border-radius:15px;box-shadow:0px 0px 10px rgba(35,35,35,.12);padding:30px 20px;transition:all .3s;width:260px}@media screen and (max-width:767px){.p-list__writer a{padding:20px 15px;width:100%}}.p-list__writer a:hover{opacity:.7}.p-list__writer a.is-animated{animation:.6s zoom-in}@keyframes zoom-in{0%{transform:scale(.8)}100%{transform:none}}.p-list__writer a .writer__image{max-width:120px;aspect-ratio:1/1;width:44.4%;border-radius:100%;overflow:hidden;margin:0 auto 20px;position:relative}@media screen and (max-width:767px){.p-list__writer a .writer__image{width:53%}}.p-list__writer a .writer__image:before{content:"";background:url(//navi.wingarc.com/wp-content/themes/techblog/css/../images/profile/profile-circle.png);position:absolute;left:0;width:100%;height:100%;top:0;border-radius:9999px}.p-list__writer a .writer__name{font-size:18px;font-weight:600;text-align:center;margin-bottom:8px}@media screen and (max-width:767px){.p-list__writer a .writer__name{font-size:14px}}.p-list__writer a .writer__cat{margin-top:10px}.p-list__writer a .writer__cat span,.writer .writer__content span{font-size:11px;color:#5b2f9e;background:#f2f1fb;font-weight:600;border-radius:5px;height:24px;padding:0 10px;margin-right:2px;display:inline-flex;align-items:center}.writer .writer__content .writer__cat{margin-top:8px}@media screen and (max-width:767px){.p-list__writer a .writer__cat{margin-bottom:10px;padding:0;gap:5px 2px}.p-list__writer a .writer__cat span,.writer .writer__content span{font-size:10px;height:22px;place-content:center;padding:0 5px;border-radius:3px}}.p-list__writer a .writer__text{font-size:12px}.p-tab__writer{display:flex;place-content:space-between;margin-bottom:75px;align-items:center;padding-right:40px}@media screen and (max-width:1000px){.p-tab__writer{flex-wrap:wrap;row-gap:20px;margin-bottom:35px;display:grid;place-content:normal}}@media screen and (max-width:767px){.p-tab__writer{flex-wrap:wrap;row-gap:20px;margin-bottom:35px;padding-right:0}}.p-tab__writer__select{display:flex;place-content:space-between;align-items:center}@media screen and (max-width:1000px){.p-tab__writer__select{max-width:100%;flex:1;justify-content:end;margin-left:0}}@media screen and (max-width:767px){.p-tab__writer__select{max-width:100%;flex:1;justify-content:end}}.p-tab__writer__select span{font-size:14px;color:#777;white-space:nowrap}.p-tab__writer__select select{font-size:14px;width:100%;height:100%;padding:0 25px}.p-tab__writer__select .p-tab__writer__select__wrap form{width:100%;height:100%}.p-tab__writer__select__wrap svg{position:absolute;right:25px}.p-tab__writer__tag{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:10px}@media screen and (max-width:1000px){.p-tab__writer__tag{column-gap:10px}}@media screen and (max-width:767px){.p-tab__writer__tag{display:grid;grid-template-columns:1fr 1fr;column-gap:13px;row-gap:8px;width:100%;text-align:center}}.p-tab__writer__tag a{color:#350897;font-size:max(120% , 14px);font-weight:700;border-radius:8px;background:#fff;box-shadow:0px 0px 10px rgba(38,11,81,.18);height:44px;padding:0 1.5em;display:inline-flex;align-items:center;cursor:pointer;border:1px solid #f2f1fb;transition:background .3s}@media screen and (min-width:767px){.p-tab__writer__tag a:hover{background:#f2f1fb}}@media screen and (max-width:767px){.p-tab__writer__tag a{font-size:16px;height:40px;padding:1px 0 0;place-content:center}}.p-tab__writer__tag a.clicked{background:#5b2f9e;color:#fff}.p-tab__writer__tag a.clicked.invoiceagent{background:#014a58}.p-tab__writer__tag a.clicked.motionboard{background:#205ec6}.p-tab__writer__tag a.clicked.drsum{background:#9a074f}.p-tab__writer__tag a.clicked.dejiren{background:#00b485}.p-tab__writer__select ul{display:flex;white-space:nowrap}@media screen and (max-width:767px){.p-tab__writer__select ul{gap:20px}}.p-tab__writer__select ul li{color:#b5b5b5;display:block;position:relative}.p-tab__writer__select ul li label{display:block;position:relative;font-weight:300;font-size:16px;padding:2px 25px 0 32px;height:30px;z-index:9;cursor:pointer;-webkit-transition:all .25s linear;color:#232323}.p-tab__writer__select ul li:last-of-type label{padding-right:0}@media screen and (max-width:767px){.p-tab__writer__select ul li label{padding:5px 0 0 27px;font-size:14px}}.p-tab__writer__select ul li .check{display:block;position:absolute;border:3px solid #b5b5b5;border-radius:100%;height:20px;width:20px;top:50%;transform:translate(0,-50%);left:0;z-index:5;transition:border .25s linear;-webkit-transition:border .25s linear}@media screen and (max-width:767px){.p-tab__writer__select ul li .check{height:18px;width:18px}}.p-tab__writer__select ul li .check:before{display:block;position:absolute;content:"";border-radius:100%;height:10px;width:10px;top:50%;left:50%;transform:translate(-50%,-50%);transition:background .25s linear;-webkit-transition:background .25s linear}@media screen and (max-width:767px){.p-tab__writer__select ul li .check:before{height:8px;width:8px}}.p-tab__writer__select ul li input[type=radio]{position:absolute;visibility:hidden}.p-tab__writer__select input[type=radio]:checked~label{color:#232323}.p-tab__writer__select input[type=radio]:checked~.check{border:3px solid #350897}.p-tab__writer__select input[type=radio]:checked~.check:before{background:#350897}.mv-search{padding:5rem 0;background:linear-gradient(90deg,#350897 -10%,#ea6178 54.4%,#f68771 100%);margin-bottom:9.0625rem}@media screen and (max-width:768px){.mv-search{padding:2.75rem 0 2.75rem;margin-bottom:5rem}}.mv-search+.top-new{margin-top:0}.mv-search__inner{padding:0 60px;max-width:75.625rem;margin-left:auto;margin-right:auto}@media screen and (max-width:768px){.mv-search__inner{padding:0 40px}}@media screen and (max-width:500px){.mv-search__inner{padding:0 1.25rem}}.mv-search h2{color:#fff;display:block;font-size:2.9375rem;margin-bottom:4.0625rem}@media screen and (max-width:768px){.mv-search h2{font-size:1.6rem;margin-bottom:2.25rem}}.mv-search h2 small{display:block;font-size:1.5rem;display:flex;align-items:center;gap:10px}@media screen and (max-width:768px){.mv-search h2 small{font-size:1rem}}.mv-search h2 small i{height:1px;background:#fff;width:18px}.mv-search__cats{display:flex;place-content:space-between;align-items:center;padding-bottom:2.75rem}@media screen and (max-width:768px){.mv-search__cats{display:grid;place-content:unset;gap:20px}}.mv-search__cats h3{color:#fff;font-size:max(1rem, 13px)}@media screen and (max-width:768px){.mv-search__cats h3{font-size:max(0.9rem, 12px)}}.mv-search__cats__wrap{display:grid;grid-template-columns:calc(20% - 0.64rem) calc(20% - 0.64rem) calc(20% - 0.64rem) calc(20% - 0.64rem) calc(20% - 0.64rem);gap:.8rem;width:82%}@media screen and (max-width:1200px){.mv-search__cats__wrap{grid-template-columns:calc(25% - 11.25px) calc(25% - 11.25px) calc(25% - 11.25px) calc(25% - 11.25px);width:78%}}@media screen and (max-width:950px){.mv-search__cats__wrap{grid-template-columns:calc(33.333% - 0.66rem) calc(33.333% - 0.66rem) calc(33.333% - 0.66rem);gap:1rem}}@media screen and (max-width:768px){.mv-search__cats__wrap{width:100%;grid-template-columns:calc(50% - 7.5px) calc(50% - 7.5px);gap:15px}}.mv-search__cats__wrap .search__radio{font-size:max(0.875rem, 12px);max-width:100%;width:100%;white-space:nowrap;padding:0;display:flex;place-content:center;align-items:center;height:2.875rem;min-height:35px;position:relative;border:0}@media screen and (max-width:768px){.mv-search__cats__wrap .search__radio{height:2.5rem;font-size:max(0.7rem, 12px)}}.mv-search__cats__wrap .search__radio svg{width:.5rem;position:absolute;right:1rem}@media screen and (max-width:950px){.mv-search__cats__wrap .search__radio svg{right:1.05rem}}.mv-search__cats__wrap .search__radio svg path{fill:#370996}.mv-search__cats__wrap .search__radio:before{content:"";aspect-ratio:1/1;height:calc(100% + 2px);width:auto;background:rgba(255,255,255,.2);border-radius:9999px;position:absolute;-webkit-transition:all .3s;transition:all .3s;right:15px;top:-1px;z-index:2}@media screen and (min-width:767px){.mv-search__cats__wrap .search__radio:hover:before{opacity:1;right:-1px}.mv-search__cats__wrap .search__radio:hover svg path{fill:#fff}}@media screen and (min-width:767px){.hover-cat{transition:all .3s}.hover-cat:hover span{opacity:1;background:#370996 !important}}.mv-search__keyword{display:flex;place-content:space-between;align-items:center;padding-top:2.75rem;border-top:1px solid rgba(227,230,240,.6)}@media screen and (max-width:768px){.mv-search__keyword{display:grid;gap:20px;place-content:unset;padding-top:2.25rem}}.mv-search__keyword h3{color:#fff;font-size:max(1rem, 13px)}@media screen and (max-width:768px){.mv-search__keyword h3{font-size:max(0.9rem, 12px)}}.mv-search__keyword__wrap{width:82%}@media screen and (max-width:1024px){.mv-search__keyword__wrap{width:78%}}@media screen and (max-width:768px){.mv-search__keyword__wrap{width:100%}}.mv-search__keyword__wrap form{display:flex;gap:1.5625rem}@media screen and (max-width:768px){.mv-search__keyword__wrap form{gap:1rem;place-content:space-between;margin-bottom:0}}.mv-search__keyword__wrap .search__ret{height:3.375rem;width:calc(100% - 10.9375rem - 1.5625rem);border:none;color:#370996}@media screen and (max-width:768px){.mv-search__keyword__wrap .search__ret{width:calc(100% - 7rem - 1rem);max-width:100%;height:2.5rem;margin:0}}@media screen and (max-width:768px){.mv-search__keyword__wrap .search__ret::placeholder{font-size:.9rem}}.mv-search__keyword__wrap button{width:10.9375rem;color:#fff;background:#370996;font-size:max(0.9375rem, 13px);border-radius:.5rem;display:flex;align-items:center;place-content:center;gap:7px;height:3.375rem}@media screen and (max-width:768px){.mv-search__keyword__wrap button{width:7rem;height:2.5rem;font-size:max(0.75rem, 12px)}}.mv-search__keyword__wrap button img{width:1rem}@media screen and (max-width:768px){.mv-search__keyword__wrap button img{width:.85rem}}.mv-main{padding-top:9.25rem;padding-bottom:4.125rem;background:linear-gradient(90deg,#fff 0%,#eee2ff 100%)}@media screen and (max-width:768px){.mv-main{padding-top:7rem;padding-bottom:2.65rem}}.mv-main__inner{max-width:75.625rem;margin-left:auto;margin-right:auto;margin-bottom:1.5rem}@media screen and (max-width:768px){.mv-main__inner{padding:0 40px;margin-bottom:0}}@media screen and (max-width:500px){.mv-main__inner{padding:0 20px}}.mv-main__inner p{font-size:max(1.2rem,14px);line-height:1.7;font-weight:700;letter-spacing:.05em}@media screen and (max-width:768px){.mv-main__inner p{font-size:16px}}@media screen and (max-width:375px){.mv-main__inner p{font-size:14px}}.mv-main__slider{display:flex}.mv-main__slider img{height:300px;width:auto;max-width:none}@media (max-width:767px){.mv-main__slider img{height:250px;width:auto;max-width:none}}@media (max-width:500px){.mv-main__slider img{height:200px;width:auto;max-width:none}}.mv-main__slider img:first-child{animation:loop1 110s -55s linear infinite}.mv-main__slider img:last-child{animation:loop2 110s linear infinite}@keyframes loop1{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes loop2{0%{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}100%{-webkit-transform:translate3d(-200%,0,0);transform:translate3d(-200%,0,0)}}.line-bg{position:relative}.line-bg b{position:relative}.line-bg:before{content:"";background-image:url("/wp-content/themes/techblog/images/common/line-bg.svg");background-repeat:no-repeat;position:absolute;width:100%;height:1.875rem;bottom:-1rem;left:-.5rem;background-size:100%}@media screen and (max-width:768px){.line-bg:before{left:0}}