.mw1140{max-width:1140px}.mw860{max-width:860px}.block-center{margin:0 auto}.white,.plugin-cta .cta-inner a{background:url("../img/icon-arrow.svg") no-repeat right 20px center/40px #fff;color:#00BDC1;border-color:#fff}@media screen and (max-width: 768px){.white,.plugin-cta .cta-inner a{background:url("../img/icon-arrow.svg") no-repeat right 10px center/20px #fff}}.white:hover,.plugin-cta .cta-inner a:hover{border-color:#fff;color:#fff;background:url("../img/icon-arrow-white.svg") no-repeat right 20px center/40px #10BDC1}@media screen and (max-width: 768px){.white:hover,.plugin-cta .cta-inner a:hover{background:url("../img/icon-arrow-white.svg") no-repeat right 10px center/20px #10BDC1}}.btn-red,#fixed_bar>div p a{border:2px solid #EB6464;display:inline-block;line-height:1;margin:0 auto;max-width:530px;text-align:center;border-radius:4px;color:#fff;padding:25px 75px 25px 25px;font-size:18px;font-weight:bold;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20transform%3D%22translate(-2727.482%201088.614)%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22%23fff%22%20transform%3D%22translate(2727.482%20-1088.614)%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%222.667%22%20fill%3D%22%23ef7777%22%20transform%3D%22rotate(45%202674.07644962%202767.51573225)%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%222.667%22%20fill%3D%22%23ef7777%22%20transform%3D%22rotate(135%201595.46234656%2031.36783532)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat right 10px center/25px #EB6464}@media screen and (max-width: 768px){.btn-red,#fixed_bar>div p a{width:70%;font-size:3.5vw;padding:20px 30px;line-height:1.5;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20transform%3D%22translate(-2727.482%201088.614)%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22%23fff%22%20transform%3D%22translate(2727.482%20-1088.614)%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%222.667%22%20fill%3D%22%23ef7777%22%20transform%3D%22rotate(45%202674.07644962%202767.51573225)%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%222.667%22%20fill%3D%22%23ef7777%22%20transform%3D%22rotate(135%201595.46234656%2031.36783532)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat right 10px center/20px #EB6464}}.btn-red:hover,#fixed_bar>div p a:hover{color:#EB6464;text-decoration:none;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20transform%3D%22translate(-2727.482%201088.614)%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22%23ef7777%22%20transform%3D%22translate(2727.482%20-1088.614)%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%222.667%22%20fill%3D%22%23ffffff%22%20transform%3D%22rotate(45%202674.07644962%202767.51573225)%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%222.667%22%20fill%3D%22%23ffffff%22%20transform%3D%22rotate(135%201595.46234656%2031.36783532)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat right 10px center/25px #fff}@media screen and (max-width: 768px){.btn-red:hover,#fixed_bar>div p a:hover{background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20transform%3D%22translate(-2727.482%201088.614)%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22%23ef7777%22%20transform%3D%22translate(2727.482%20-1088.614)%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%222.667%22%20fill%3D%22%23ffffff%22%20transform%3D%22rotate(45%202674.07644962%202767.51573225)%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%222.667%22%20fill%3D%22%23ffffff%22%20transform%3D%22rotate(135%201595.46234656%2031.36783532)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat right 10px center/20px #fff}}.btn,.plugin-cta .cta-inner a,.howto .center a,.apply a,.trouble a{border:2px solid #10BDC1;display:inline-block;line-height:1;margin:0 auto;max-width:530px;text-align:center;border-radius:4px;color:#fff;padding:25px 75px 25px 25px;font-size:18px;font-weight:bold;background:url("../img/icon-arrow-white.svg") no-repeat right 10px center/25px #10BDC1}@media screen and (max-width: 768px){.btn,.plugin-cta .cta-inner a,.howto .center a,.apply a,.trouble a{width:70%;font-size:3.5vw;padding:20px 30px;line-height:1.5;background:url("../img/icon-arrow-white.svg") no-repeat right 10px center/20px #00BDC1}}.btn:hover,.plugin-cta .cta-inner a:hover,.howto .center a:hover,.apply a:hover,.trouble a:hover{color:#00BDC1;text-decoration:none;background:url("../img/icon-arrow.svg") no-repeat right 10px center/25px #fff}@media screen and (max-width: 768px){.btn:hover,.plugin-cta .cta-inner a:hover,.howto .center a:hover,.apply a:hover,.trouble a:hover{background:url("../img/icon-arrow.svg") no-repeat right 10px center/20px #fff}}#header{position:absolute;top:0;left:0;background:transparent !important;width:100%}@media screen and (max-width: 768px){#header{background:#00BDC1 !important}}.admin-bar #header{top:32px}.header_fix #header{background-color:#00BDC1 !important}.fancybox:hover img{box-shadow:0px 0px 14px rgba(0,0,0,0.2);transform:scale(1.03);transition:.3s}.btn,.plugin-cta .cta-inner a,.howto .center a,.apply a,.trouble a{border:2px solid #00BDC1;display:inline-block;line-height:1;margin:0 auto;max-width:530px;text-align:center;border-radius:4px;color:#fff;padding:25px 75px 25px 25px;font-size:18px;font-weight:bold;background:url("../img/icon-arrow-white.svg") no-repeat right 20px center/40px #00BDC1}@media screen and (max-width: 768px){.btn,.plugin-cta .cta-inner a,.howto .center a,.apply a,.trouble a{width:70%;font-size:3.5vw;padding:20px 30px;line-height:1.5;background:url("../img/icon-arrow-white.svg") no-repeat right 10px center/20px #00BDC1}}.btn:hover,.plugin-cta .cta-inner a:hover,.howto .center a:hover,.apply a:hover,.trouble a:hover{color:#00BDC1;text-decoration:none;background:url("../img/icon-arrow.svg") no-repeat right 20px center/40px #fff}@media screen and (max-width: 768px){.btn:hover,.plugin-cta .cta-inner a:hover,.howto .center a:hover,.apply a:hover,.trouble a:hover{background:url("../img/icon-arrow.svg") no-repeat right 10px center/20px #fff}}.white,.plugin-cta .cta-inner a{background:url("../img/icon-arrow.svg") no-repeat right 20px center/40px #fff;color:#00BDC1;border-color:#fff}@media screen and (max-width: 768px){.white,.plugin-cta .cta-inner a{background:url("../img/icon-arrow.svg") no-repeat right 10px center/20px #fff}}.white:hover,.plugin-cta .cta-inner a:hover{border-color:#fff;color:#fff;background:url("../img/icon-arrow-white.svg") no-repeat right 20px center/40px #00BDC1}@media screen and (max-width: 768px){.white:hover,.plugin-cta .cta-inner a:hover{background:url("../img/icon-arrow-white.svg") no-repeat right 10px center/20px #00BDC1}}.page-header .lead{text-align:center;font-weight:bold;font-size:24px;line-height:2;margin-bottom:40px}@media screen and (max-width: 768px){.page-header .lead{font-size:16px;line-height:1.6}}.page-header .util-nav{display:flex;margin:30px 0;gap:20px;justify-content:center}@media screen and (max-width: 768px){.page-header .util-nav{gap:5px}}.page-header .util-nav li a{background:#4D4B4B;font-size:16px;color:#fff;padding:11px 30px;display:block;border-radius:80px}@media screen and (max-width: 768px){.page-header .util-nav li a{font-size:11px;padding:10px 10px}}.page-header .util-nav li a:hover{text-decoration:none;opacity:.9}.page-header .summary-inner{display:flex;align-items:center}.page-header .summary-inner a{color:#0073ff;font-size:16px}@media screen and (max-width: 768px){.page-header .summary-inner{display:block}}.page-header figure{width:420px}@media screen and (max-width: 768px){.page-header figure{width:100%}}.page-header figure img{width:100%;height:auto}.page-header .text-wrapper{padding:0 30px 0 0;flex:1}.page-header .text-wrapper .lead{font-size:24px;font-weight:bold;margin-bottom:20px}@media screen and (max-width: 768px){.page-header .text-wrapper{padding:0;margin-bottom:20px}}.page-header .text-wrapper p{font-size:16px;line-height:1.6;margin-bottom:15px}@media screen and (max-width: 768px){.page-header .text-wrapper p{font-size:12px}}.plugin-cta{position:relative;background-color:#00BDC1;padding:50px 0 30px;margin-bottom:60px;text-align:center}.plugin-cta:before{content:"";display:block;background-image:url("../img/bg-plugin-cta.webp");background-size:cover;opacity:0.3;position:absolute;width:100%;height:100%;top:0;left:0}@media screen and (max-width: 768px){.plugin-cta{padding:13vw 20px 13vw}}.plugin-cta .cta-inner{position:relative;z-index:3;text-align:center}.plugin-cta .cta-inner h2{font-weight:bold;color:#fff;display:inline-block;font-size:28px;margin:0 0 40px;position:relative}@media screen and (max-width: 768px){.plugin-cta .cta-inner h2{font-size:18px}}.plugin-cta .cta-inner h2 span{transform:rotate(-20deg);position:absolute;width:60px;height:60px;background:#fff;color:#00BDC1;padding:10px;font-size:17px;font-weight:bold;line-height:1.3;border-radius:100px;display:flex;align-items:center;justify-content:center;top:-30px;left:-85px}@media screen and (max-width: 768px){.plugin-cta .cta-inner h2 span{width:30vw;height:auto;transform:none;font-size:12px;box-sizing:border-box;margin:0 auto 10px;position:static}}.plugin-cta .cta-inner p{margin:0 auto 20px;color:#fff;font-size:15px;line-height:1.8}@media screen and (max-width: 768px){.plugin-cta .cta-inner p{font-size:13px}}.plugin-cta .cta-inner a{letter-spacing:2px;display:block;max-width:320px;margin:0 auto}.container{margin:40px auto;max-width:1100px}@media screen and (max-width: 768px){.container{margin:40px 20px}}.container.min{max-width:860px}.container h2{background:#ECF8F8;border-left:12px solid #00BDC1;padding:30px;font-size:23px;margin-bottom:40px}@media screen and (max-width: 768px){.container h2{font-size:18px;line-height:1.6;padding:15px}}.container h3{font-size:21px;margin-bottom:40px}@media screen and (max-width: 768px){.container h3{font-size:16px;padding:10px}}.container .solution-wrapper h3{display:flex;align-items:center;justify-content:center;line-height:1.5}.container .solution-wrapper h3 span{font-size:21px;font-weight:bold;max-width:calc( 100% - 60px )}.container .solution-wrapper h3:before{content:"";display:block;width:50px;height:50px;border-radius:50px;background:url("../img/check-icon.svg") no-repeat center center/30px #00BDC1;margin-right:10px}@media screen and (max-width: 768px){.container .solution-wrapper h3:before{background:url("../img/check-icon.svg") no-repeat center center/20px #00BDC1;width:30px;height:30px;margin-right:5px;border-radius:30px}}.container .solution-item{border-radius:10px;margin-bottom:40px;background:#fafafa;padding:30px 20px}.container .solution-item-inner{display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 768px){.container .solution-item-inner{display:block}}.container .solution-item-inner strong{font-weight:bold}.container .solution-item-inner i{width:0;height:0;border-style:solid;align-self:center;border-width:25px 0 25px 20px;border-color:transparent transparent transparent #10bec1}@media screen and (max-width: 768px){.container .solution-item-inner i{width:0;height:30px;border-style:solid;border-width:20px 20px 0 20px;border-color:#10bec1 transparent transparent transparent;display:block;margin:0 auto}}.container .solution-item-inner .before,.container .solution-item-inner .after{width:calc( 50% - 20px );border-radius:5px;padding:30px 20px 20px 120px;box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 768px){.container .solution-item-inner .before,.container .solution-item-inner .after{width:100%}}.container .solution-item-inner .before h4,.container .solution-item-inner .after h4{display:inline-block;padding:5px 10px;border-radius:4px;font-size:14px;font-weight:normal;letter-spacing:1px;position:absolute;margin:auto;top:-13px;left:0;color:#fff;text-align:center;right:0;width:120px}.container .solution-item-inner .before p,.container .solution-item-inner .after p{font-size:16px;line-height:1.5}.container .solution-item-inner .before{background:url("../img/solution-img1.webp") no-repeat 15px center/80px #fff;border:1px dashed #aaa}@media screen and (max-width: 768px){.container .solution-item-inner .before{background:url("../img/solution-img1.webp") no-repeat center 50px/120px #fff;padding:190px 30px 40px;margin-bottom:20px}}.container .solution-item-inner .before h4{background:#4D4B4B}.container .solution-item-inner .after{background:url("../img/solution-img2.webp") no-repeat 15px center/80px #E4FBFC;border:1px dashed #10BDC1}@media screen and (max-width: 768px){.container .solution-item-inner .after{background:url("../img/solution-img2.webp") no-repeat center 50px/120px #f4f4f4;padding:190px 30px 40px;margin-bottom:20px}}.container .solution-item-inner .after h4{background:#10BDC1}.container .solution-item-inner figure{width:100%;padding:40px;background:#f0f0f0}@media screen and (max-width: 768px){.container .solution-item-inner figure{box-sizing:border-box}}.container .solution-item-inner figure img{width:100%;height:auto}.strength h3{margin-top:60px;text-align:center}.strength h3:before{content:"";display:block;width:60px;height:1px;background:#000;margin:0 auto 30px}.strength ul{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:30px}@media screen and (max-width: 768px){.strength ul{display:block}}.strength ul li{border-radius:300px;padding:20px;width:150px;height:150px;color:#fff;font-weight:bold;text-align:center;line-height:1.5;font-size:18px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){.strength ul li{font-size:15px;width:120px;height:120px;margin:20px auto}}.strength ul li:nth-child(1){background:#0E81A3;border:30px solid #1098C1}.strength ul li:nth-child(2){background:#7AA345;border:30px solid #9ED05E}.strength ul li:nth-child(3){background:#CC3861;border:30px solid #FC497A}.strength p{text-align:center;line-height:1.7}.strength p+p{margin-top:30px}.howto p{line-height:1.8}.howto .center{text-align:center}.howto .center a{max-width:320px;display:block;box-sizing:border-box;margin-top:30px}.caution-area h3{margin-top:60px;text-align:center}.caution-area h3:before{content:"";display:block;width:60px;height:1px;background:#000;margin:0 auto 30px}.caution-area ul{width:800px;margin:0 auto !important;border:2px solid #AF2626;background:#FFF8F8;padding:20px 10px}.caution-area ul li{font-size:15px}@media screen and (max-width: 768px){.caution-area ul{width:100%}}.function-wrapper .function-table{width:100%;border-collapse:collapse}.function-wrapper .function-table th,.function-wrapper .function-table td{padding:6px 15px;border:3px solid #fff;box-sizing:border-box;line-height:1.6}.function-wrapper .function-table th:first-child,.function-wrapper .function-table td:first-child{width:70px;text-align:center}.function-wrapper .function-table th:nth-child(2),.function-wrapper .function-table td:nth-child(2){width:300px}.function-wrapper .function-table th:nth-child(3),.function-wrapper .function-table td:nth-child(3){min-width:260px}.function-wrapper .function-table th{background:#00BDC1;color:#fff;font-weight:bold}.function-wrapper .function-table td{font-size:16px;background:#fafafa}.function-wrapper .function-table tr:nth-child(odd) td{background:#ecf8f8}.function-wrapper .function-item{display:flex;align-items:center;justify-content:center;gap:40px;margin-bottom:30px}@media screen and (max-width: 768px){.function-wrapper .function-item{display:block}}.function-wrapper .function-item .text-wrapper{flex:1;order:1}.function-wrapper .function-item .text-wrapper h3{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #aaa}@media screen and (max-width: 768px){.function-wrapper .function-item .text-wrapper h3{display:block;padding:0}}.function-wrapper .function-item .text-wrapper h3 span{font-size:14px;letter-spacing:2px;font-weight:bold;width:100px;text-align:center;color:#fff;display:block;padding:10px 15px;background:#DE6A61;margin-bottom:15px}@media screen and (max-width: 768px){.function-wrapper .function-item .text-wrapper h3 span{font-size:12px;font-weight:bold;margin-bottom:15px}}.function-wrapper .function-item .text-wrapper p{line-height:1.7;font-size:16px}.function-wrapper .function-item .image-wrapper{order:2;box-sizing:border-box;padding:40px;width:50%}@media screen and (max-width: 768px){.function-wrapper .function-item .image-wrapper{width:100%;margin-top:20px}}.function-wrapper .function-item .image-wrapper img{width:100%;height:auto}.function-wrapper .function-item:nth-child(2n) .text-wrapper{order:2}.function-wrapper .function-item:nth-child(2n) .image-wrapper{order:1}.plugin-user ul{display:flex;gap:30px}.plugin-user ul li{flex:1;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:5px}.plugin-user ul li a{display:block;height:100%}.plugin-user ul li figure{padding:20px 30px}.plugin-user ul li figure img{width:100%;height:auto}.plugin-user ul li .text-wrapper{line-height:1.6;padding:0 30px 30px}.plugin-user ul li .text-wrapper h3{margin-bottom:15px}.prices .price-table-wrap{background:#f5f5f5;padding:80px}@media screen and (max-width: 768px){.prices .price-table-wrap{overflow:scroll;padding:25px}}@media screen and (max-width: 768px){.prices table{min-width:765px}}.prices table thead th{background:#00BDC1;color:#fff;padding:20px;text-align:center;border:5px solid #F5F5F5;border-width:0 5px 3px 0}.prices table thead th.none{background:transparent;border:none;color:transparent}.prices table tbody td{text-align:center;padding:20px;background:#fff;border:5px solid #f5f5f5;border-width:5px 5px 5px 0;position:relative;vertical-align:middle}.prices table tbody td span.no{display:block;width:30px;height:30px;margin:0 auto 10px;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2310BDC1%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M195%20195a64%2064%200%200%201%2091%200l226%20227%20226-227a64%2064%200%200%201%2091%2091L602%20512l227%20226a64%2064%200%200%201-91%2091L512%20602%20286%20829a64%2064%200%200%201-91-91l227-226-227-226a64%2064%200%200%201%200-91z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/30px}.prices table tbody td span.yes{border:5px solid #10BDC1;display:block;border-radius:14px;width:14px;height:14px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.prices table tbody td:first-child{font-weight:bold}.prices ul{list-style-type:disc;margin-left:40px}.prices ul li{margin-bottom:15px;line-height:1.4}.prices ul li strong{font-weight:bold;background:linear-gradient(transparent 60%, #ffcece 60%)}@media screen and (max-width: 768px){.prices ul li{font-size:13px}}.prices .price-wrap{display:flex;gap:40px;margin-top:30px}@media screen and (max-width: 768px){.prices .price-wrap{display:block}}.prices .price-wrap dl{border:2px solid #EEEEEE;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){.prices .price-wrap dl{margin-bottom:15px}}.prices .price-wrap dl dt{background:#F5F5F5;padding:60px 40px}@media screen and (max-width: 768px){.prices .price-wrap dl dt{padding:30px 20px;font-size:13px;text-align:center;flex:1}}.prices .price-wrap dl dd{width:250px;text-align:center;font-size:28px}@media screen and (max-width: 768px){.prices .price-wrap dl dd{width:190px;font-size:18px}}.prices .price-wrap dl dd span{display:block;margin-top:10px}.prices .related-plugins{margin-top:60px}.prices .related-plugins ul{display:flex;list-style-type:none;margin:0 auto 20px;gap:20px}@media screen and (max-width: 768px){.prices .related-plugins ul{display:block}}.prices .related-plugins ul li{flex:1;border-radius:10px;position:relative;box-shadow:0px 0px 5px rgba(0,0,0,0.12);transition:.2s;background:#fff}.prices .related-plugins ul li:hover{background:#fafafa;box-shadow:0px 0px 10px rgba(0,0,0,0.2)}.prices .related-plugins ul li:hover .q_button{background:#f26161 !important}.prices .related-plugins ul li a{display:flex;height:100%;flex-direction:column}.prices .related-plugins ul li>*:hover{color:#000;text-decoration:none}.prices .related-plugins ul li .forSp{position:absolute;right:0;background:#555;padding:10px;color:#fff;font-size:13px}.prices .related-plugins ul li .plugin-icon{padding:20px 20px 15px;text-align:center}.prices .related-plugins ul li h3{font-size:16px;font-weight:normal;text-align:center;margin-bottom:15px}.prices .related-plugins ul li h3 .key-title{font-weight:bold;font-size:1.5em;display:block;padding:0 5px}.prices .related-plugins ul li .description{padding:0 14px;font-size:13px;line-height:1.7;margin-bottom:20px}.prices .related-plugins ul li .q_button{border:none;border-radius:80px;margin:auto auto  20px auto}.enviroments{margin:2em auto !important;padding:30px 30px;border:10px solid #f0f0f0}.enviroments h3{margin:0 auto 15px;text-align:center}.enviroments ul{margin:0 !important;padding:0 !important;border:none;width:100%;max-width:100%;background:transparent}.enviroments ul li{font-size:14px}.apply .center{text-align:center}.apply a{margin:40px 0;background-color:#DE6A61;border-color:#DE6A61;background-image:url("../img/icon-arrow-white-cv.svg")}.apply a:hover{background-image:url("../img/icon-arrow-cv.svg");color:#DE6A61}.apply p{line-height:1.6}.trouble h3{font-size:21px}.trouble p{line-height:1.7}.trouble .center{text-align:center}.trouble a{margin:40px auto}.trouble .trouble-shooting{margin-top:60px}.trouble .trouble-shooting dl{margin-bottom:10px}.trouble .trouble-shooting dl dt{box-shadow:0px 0px 4px rgba(0,0,0,0.1);display:flex;align-items:center}.trouble .trouble-shooting dl dt:before{content:"Q";background:#00BDC1;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:bold;min-height:60px;width:60px}.trouble .trouble-shooting dl dt div{padding:10px 20px;line-height:1.5;font-weight:bold;flex:1}.trouble .trouble-shooting dl dd{display:none;padding:30px;background:#fafafa;line-height:1.7;margin-bottom:40px;box-shadow:0px 3px 4px rgba(0,0,0,0.1)}.function_table{width:600px;margin:60px auto 0}.function_table h3{text-align:center;font-size:21px;position:relative;padding-top:40px}.function_table h3:before{content:"";height:1px;display:block;position:absolute;width:50px;top:0;bottom:auto;left:0;right:0;background:#000;margin:auto}.function_table table{border-collapse:collapse;margin-bottom:20px}.function_table table th,.function_table table td{padding:20px;border:1px solid #ccc}.function_table table th{background:#BEE2E2}.function_table table td span{color:red;font-size:12px}.function_table table td:first-child{background:#BEE2E2}.function_table .function_table_note li{font-size:12px;color:red}.plugin-detail.wide_image{height:auto;padding:140px 0 60px;display:flex;overflow:hidden}@media screen and (max-width: 768px){.plugin-detail.wide_image{padding:40px 0 30px;background:none !important}}.plugin-detail.wide_image:before{content:"";display:block;width:100%;height:100%;filter:blur(29px);background:url("https://adiem.jp/wp-content/uploads/2024/03/img-kintone-plugin-header_bg.webp") center center;position:absolute;top:0;left:0}.plugin-detail.wide_image .hero-section{width:auto;background:rgba(255,255,255,0.84);border-radius:6px;box-shadow:0 0 14px rgba(0,0,0,0.2);padding:60px 50px 40px;max-width:1140px;display:flex;align-items:center;gap:30px;position:relative;z-index:2;transform:none;margin:0 auto}@media screen and (max-width: 768px){.plugin-detail.wide_image .hero-section{padding:120px 20px 20px;max-width:70%}}.plugin-detail.wide_image .hero-section .hero-container{gap:50px;display:flex}@media screen and (max-width: 768px){.plugin-detail.wide_image .hero-section .hero-container{flex-direction:column;align-items:center;gap:20px}.plugin-detail.wide_image .hero-section .hero-container .hero-content{order:2}.plugin-detail.wide_image .hero-section .hero-container .hero-visual{order:1}}.plugin-detail.wide_image .hero-section .hero-container .hero-label{position:absolute;padding:15px 40px;font-size:24px;font-weight:bold;top:-30px;left:-10px;background:#222;color:#fff}@media screen and (max-width: 768px){.plugin-detail.wide_image .hero-section .hero-container .hero-label{font-size:16px;left:0;right:0;top:0;margin:auto;padding:20px}}.plugin-detail.wide_image .hero-section .hero-container .hero-title{font-size:34px;font-weight:bold;line-height:1.4;margin-bottom:20px}@media screen and (max-width: 768px){.plugin-detail.wide_image .hero-section .hero-container .hero-title{font-size:18px}}.plugin-detail.wide_image .hero-section .hero-container .hero-subtitle p{font-size:18px;line-height:1.7}@media screen and (max-width: 768px){.plugin-detail.wide_image .hero-section .hero-container .hero-subtitle{font-size:14px}}@media screen and (max-width: 768px){.plugin-detail.wide_image .hero-section{display:block;height:auto;padding-top:90px;}}@media screen and (max-width: 768px){.plugin-detail.wide_image figure{margin-bottom:20px}}.plugin-detail.wide_image figure img{width:440px;height:auto}@media screen and (max-width: 768px){.plugin-detail.wide_image figure img{width:100%}}.plugin-detail.wide_image .text-area{text-align:left}@media screen and (max-width: 768px){.plugin-detail.wide_image .text-area{text-align:center}}.plugin-detail.wide_image .text-area h1{color:#222;font-size:44px;font-weight:bold;line-height:1.5;letter-spacing:0.5px}@media screen and (max-width: 768px){.plugin-detail.wide_image .text-area h1{font-size:16px;font-weight:bold;letter-spacing:1;line-height:1.5;margin-bottom:0}}.notes{display:flex;justify-content:center}.notes h3{margin-top:30px;margin-bottom:20px}.notes .caution-area ul,.notes .enviroments ul{margin:0 !important;width:auto;padding:20px 10px;border:none;background:#f0f0f0}.notes .caution-area ul li,.notes .enviroments ul li{margin:.2rem 1rem .1rem 3rem;line-height:1.6;font-size:15px}.notes .caution-area ul li .child-list,.notes .enviroments ul li .child-list{padding:5px 0 10px 0;list-style-type:disc}.notes .caution-area ul li .child-list li,.notes .enviroments ul li .child-list li{text-indent:0;font-size:14px}.notes .caution-area ul li .child-list li:before,.notes .enviroments ul li .child-list li:before{content:none}.video-wrapper{text-align:center}.video-wrapper iframe{width:600px;height:400px}@media screen and (max-width: 768px){.video-wrapper{width:100%;aspect-ratio:16 / 9}.video-wrapper iframe{width:100%;height:100%}}.news-wrapper{background:#f0f0f0;padding:15px;display:flex;box-sizing:border-box;justify-content:center;align-items:center}.news-wrapper .title{font-weight:bold;padding-right:10px;margin-right:10px;border-right:1px solid #000;font-size:14px}@media screen and (max-width: 768px){.news-wrapper .title{width:80px}}.news-wrapper a{font-size:14px}#fixed_bar{position:fixed;bottom:0;transform:translate(0, 100px);width:100%;height:auto;transition:.3s;z-index:99999999999;background:rgba(255,255,255,0.8);box-shadow:0 0 5px rgba(0,0,0,0.3)}#fixed_bar>div{display:flex;align-items:center;justify-content:space-between;padding:13px 0}@media screen and (max-width: 768px){#fixed_bar>div{display:block;max-width:100%;padding:10px 15px}#fixed_bar>div .btn-wrap p{display:flex}}#fixed_bar>div p{margin:0}@media screen and (max-width: 768px){#fixed_bar>div p{padding:0 10px}}#fixed_bar>div p a{font-size:14px;padding:15px 40px 15px 15px}@media screen and (max-width: 768px){#fixed_bar>div p a{padding:10px 20px 10px 10px;width:100%;box-sizing:border-box}}#fixed_bar>div p a.document{background-color:#197F81;border-color:#197F81;margin-right:10px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20transform%3D%22translate(-2727.482%201088.614)%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22%23fff%22%20transform%3D%22translate(2727.482%20-1088.614)%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%222.667%22%20fill%3D%22%23197F81%22%20transform%3D%22rotate(45%202674.07644962%202767.51573225)%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%222.667%22%20fill%3D%22%23197F81%22%20transform%3D%22rotate(135%201595.46234656%2031.36783532)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}#fixed_bar>div p a.document:hover{color:#197F81;background-color:#fff;border-color:#197F81;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20transform%3D%22translate(-2727.482%201088.614)%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22%23197F81%22%20transform%3D%22translate(2727.482%20-1088.614)%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%222.667%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(45%202674.07644962%202767.51573225)%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%222.667%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(135%201595.46234656%2031.36783532)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}#fixed_bar ul{margin:0;display:flex;gap:10px}@media screen and (max-width: 768px){#fixed_bar ul{gap:5px;padding:0 10px;justify-content:space-between;margin-bottom:10px}}#fixed_bar ul li{list-style-type:none}#fixed_bar ul li a{border:1px solid #222;border-radius:30px;background:#fff;line-height:1;display:block;padding:10px 20px;font-size:14px;font-weight:bold;color:#222;text-decoration:none}@media screen and (max-width: 768px){#fixed_bar ul li a{padding:5px 10px;font-size:2.5vw}}#fixed_bar ul li a:hover{color:#10BDC1;border-color:#10BDC1}
/*# sourceMappingURL=plugin-detail-v2.css.map */

.hero-section .additional-text {
  margin-top:20px;
  line-height:1.6;
  font-size:14px;
}
.hero-section .additional-text *{
  font-size:14px;
}
.features-section {
  max-width: 900px;
  margin: 40px auto;
  padding: 0 20px;
}

.section-header {
  text-align: center;
  margin-bottom: 40px;
}

.section-header h2 {
  font-size: 28px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 12px;
}

.section-header p {
  color: #666;
  font-size: 15px;
}

/* アコーディオン本体 */
.accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom:80px;
}

.accordion-item {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

.accordion-item:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.accordion-item.active {
  box-shadow: 0 4px 20px rgba(0, 118, 255, 0.15);
}

/* ヘッダー部分 */
.accordion-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  cursor: pointer;
  user-select: none;
  transition: background 0.2s ease;
}

.accordion-header:hover {
  background: #f8fafc;
}

.accordion-item.active .accordion-header {
  background: linear-gradient(135deg, #00BDC1 0%, #23859d 100%);
  color: #fff;
}

.feature-number {
  width: 36px;
  height: 36px;
  background: #00BDC1;
  color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
}

.accordion-item.active .feature-number {
  background: rgba(255, 255, 255, 0.25);
}

.feature-icon {
  width: 44px;
  height: 44px;
  background: #f0f7ff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.accordion-item.active .feature-icon {
  background: rgba(255, 255, 255, 0.2);
}

.feature-icon svg {
  width: 24px;
  height: 24px;
  color: #0076ff;
}

.accordion-item.active .feature-icon svg {
  color: #fff;
}

.feature-title {
  flex: 1;
}

.feature-title h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 2px;
}

.feature-title .sub-count {
  font-size: 13px;
  color: #888;
}

.accordion-item.active .feature-title .sub-count {
  color: rgba(255, 255, 255, 0.8);
}

.accordion-arrow {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.accordion-arrow svg {
  width: 20px;
  height: 20px;
  color: #999;
}

.accordion-item.active .accordion-arrow {
  transform: rotate(180deg);
}

.accordion-item.active .accordion-arrow svg {
  color: #fff;
}

/* コンテンツ部分 */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.accordion-item.active .accordion-content {
  max-height: 1000px;
}

.accordion-body {
  padding: 24px 24px 24px 24px;
}

.feature-description {
  font-size: 16px;
  line-height:1.6;
}

/* サブ機能リスト */
.sub-features {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sub-feature {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #e8ecf0;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.sub-feature:hover {
  border-color: #00BDC1;
  background: #fafcff;
}

.sub-feature-icon {
  width: 28px;
  height: 28px;
  background: #e8f4ff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sub-feature-icon svg {
  width: 16px;
  height: 16px;
  color: #0076ff;
}

.sub-feature-content h4 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.sub-feature-content p {
  font-size: 14px;
  color: #666;
}

/* レスポンシブ */
@media (max-width: 640px) {
  .section-header h2 {
    font-size: 22px;
  }

  .accordion-header {
    padding: 16px;
    gap: 12px;
  }

  .feature-number {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }

  .feature-icon {
    width: 38px;
    height: 38px;
  }

  .feature-title h3 {
    font-size: 15px;
  }

  .accordion-body {
    padding: 16px 16px 20px 16px;
  }
}


.related-blog ul{
  display:flex;
  gap:20px;
  margin-left:0;
  padding-left:0;
  list-style-type:none;
  @media screen and (max-width:768px) {
    flex-direction:column;
  }
  li {
    flex: 1;
    border-radius: 10px;
    position: relative;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
    transition: .2s;
    background: #fff;
    overflow:hidden;
    max-width:calc( 100% / 4 - 20px);
    &:hover {
      box-shadow:0px 0px 10px rgba(0,0,0,0.2);
      background:#fafafa;
      img {
        transform:scale(1.03);
        transition:.3s;
      }
    }
    a {
      &:hover {
        color:#000;
        text-decoration:none;
      }
      figure {
        max-width:100%;
        img {
          display:block;
          max-height:150px;
          object-fit:cover;
          max-width:100%;
          @media screen and (max-width:768px) {
            max-height:100%;
            height:auto;
            width:100%;
          }
        }
      }
      .text {
        padding:15px;
      }
      .date { margin-bottom:10px;}
      h3 {
        font-size:16px;
        line-height:1.6;
      }
    }
  }
}