#home-view-logo{margin-bottom:50px}#home-view-logo img{max-width:70vw;width:420px;height:100px}.home-view-introduce{width:1190px;max-width:100%;margin:auto;text-align:center;padding:80px 40px 100px}.home-view-introduce .home-view-introduce-title{font-weight:bolder;font-size:1.8em;color:#2e2e2e;margin-bottom:.3em}.home-view-introduce .home-view-introduce-description{font-size:1.1em;color:#2e2e2e;margin-bottom:1.2em;word-break:auto-phrase}.home-view-introduce .home-view-introduce-tool-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(33.333%,2fr));grid-template-rows:repeat(auto-fill,minmax(130px,3fr))}.home-view-introduce .home-view-introduce-tool-list>*{height:130px;display:flex;justify-content:center;align-items:center;padding:5px}.home-view-introduce .home-view-introduce-tool-list .app-banner{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:5px;background:#f1f1f1;border:1px solid #e2e2e2;border-radius:5px}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-info{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;z-index:3}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-info:hover{background:rgba(0,0,0,.1)}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view{position:relative;flex:1 0 9em;width:9em;height:100%}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view>*{position:absolute}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view .convert-from{top:17%;left:0;transform:rotate(-15deg);transform-origin:70% top}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view .convert-to{right:0;transform:rotate(15deg);transform-origin:30% top}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view>*>.doc_icon_view,.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view>*>.media_icon_view{transform:scale(.8)}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view>.convert-to>.doc_icon_view:first-child,.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view>.convert-to>.media_icon_view:first-child{position:absolute;top:-.2em;left:0}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view>.convert-to>.doc_icon_view:nth-child(2),.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view>.convert-to>.media_icon_view:nth-child(2){position:absolute;top:.5em;left:-.5em;z-index:-1}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view>.convert-from>.doc_icon_view:first-child,.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view>.convert-from>.media_icon_view:first-child{position:absolute;top:1em;left:0}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view>.convert-from>.doc_icon_view:nth-child(2),.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view>.convert-from>.media_icon_view:nth-child(2){position:absolute;top:1.5em;left:.5em;z-index:-1}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view>*>.doc_icon_view:first-child:last-child,.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view>*>.media_icon_view:first-child:last-child{position:relative;left:auto;top:auto;right:auto;bottom:auto}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view .label-print-page-ic{opacity:1}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view .label-print-printer-ic{transform:scale(.5)}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view .label-print-printer-ic-group{transform:translate(-50%)}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view .convert-conv{top:17%;left:42%;width:16%}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-view .convert-to{top:17%;left:58%}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-texts{flex:1 1 100%;height:100%;padding:0 10px;text-align:left;display:flex;flex-direction:column}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-texts>p{margin:0;font-size:.7em;color:#727272;line-height:1.5em;padding:5px;font-weight:400}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-texts>p.app-title{flex:1 0 1.8em;height:1.8em;font-weight:700;font-size:1.1em;color:#2e2e2e;line-height:1.5em}.home-view-introduce .home-view-introduce-tool-list .app-banner .app-intro-texts>p.app-description{flex:1 1 100%;max-height:100%;overflow:hidden}.home-view-content-introduce-wrap>div{width:1190px;max-width:100%;margin:auto;display:flex;flex-direction:column;min-height:200px;justify-content:center}.home-view-content-introduce-wrap>div:first-child{border-top:1px solid #e2e2e2}.home-view-content-introduce-wrap>div:nth-child(2n-1){background:#f5f5f5}@media (max-width:1055px){.home-view-introduce .home-view-introduce-tool-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(50%,2fr));grid-template-rows:repeat(auto-fill,minmax(100px,3fr))}}@media (max-width:994px){.home-view-introduce .home-view-introduce-tool-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100%,2fr));grid-template-rows:repeat(auto-fill,minmax(100px,3fr))}}.doc_icon_view{font-size:10px;padding:1em;color:#e2e2e2}.doc_icon_view,.doc_icon_view .icon_wrap,.doc_icon_view .page_deco,.doc_icon_view .page_title,.doc_icon_view .view_deco{display:block;line-height:100%;z-index:1}.doc_icon_view .page_deco{z-index:2}.doc_icon_view .icon_wrap{position:relative;display:block;width:60px;height:80px;border-radius:10%;overflow:hidden}.doc_icon_view .page_border{position:absolute;width:100%;height:100%}.doc_icon_view .page_border>.ltbg{position:absolute;display:block;width:70%;height:100%;top:0;left:0;background-color:#fff;z-index:0}.doc_icon_view .page_border>.rbbg{position:absolute;display:block;height:80%;width:100%;bottom:0;right:0;background-color:#fff;z-index:0}.doc_icon_view .page_border>.lt{position:absolute;display:block;width:70%;height:100%;top:0;left:0;border-left:1px solid;border-top:1px solid;border-radius:10% 0 0 10%;z-index:1}.doc_icon_view .page_border>.rb{position:absolute;display:block;height:80%;width:100%;bottom:0;right:0;border-right:1px solid;border-bottom:1px solid;border-radius:0 0 10% 10%;z-index:1}.doc_icon_view .page_deco,.doc_icon_view .page_deco>.bd{position:absolute;right:0;top:0}.doc_icon_view .page_deco>.bd{border-color:transparent transparent #fff #fff;border-style:solid}.doc_icon_view .page_deco>.deg{position:absolute;display:block;left:50%;top:50%;width:100%;height:1px}.doc_icon_view .page_deco>.lb{position:absolute;left:0;bottom:0;width:100%;height:100%;border-left:1px solid;border-bottom:1px solid}.doc_icon_view .page_title{position:absolute;bottom:.8em;width:100%;text-align:center;z-index:0;padding:.2em}.doc_icon_view .view_deco{position:absolute;left:10%;top:10%;width:80%;z-index:0}.doc_icon_view .view_deco>svg{width:100%;height:auto}.doc_icon_view .icon_contents{position:absolute;top:0;left:0;width:100%;height:100%;padding:16% 11%;z-index:1}.media_icon_view{font-size:10px;padding:1em;color:#e2e2e2}.media_icon_view,.media_icon_view .icon_wrap,.media_icon_view .page_deco,.media_icon_view .page_title,.media_icon_view .view_deco{display:block;line-height:100%;z-index:1}.media_icon_view .icon_wrap{position:relative;display:block;width:60px;height:80px;border-radius:10%;overflow:hidden}.media_icon_view .page_border{position:absolute;width:100%;height:100%}.media_icon_view .page_border>.ltbg{position:absolute;display:block;width:70%;height:100%;top:0;left:0;background-color:#fff;z-index:0}.media_icon_view .page_border>.rbbg{position:absolute;display:block;height:80%;width:100%;bottom:0;right:0;background-color:#fff;z-index:0}.media_icon_view .page_border>.lt{position:absolute;display:block;width:70%;height:100%;top:0;left:0;border-left:1px solid;border-top:1px solid;border-radius:10% 0 0 10%;z-index:1}.media_icon_view .page_border>.rb{position:absolute;display:block;height:80%;width:100%;bottom:0;right:0;border-right:1px solid;border-bottom:1px solid;border-radius:0 0 10% 10%;z-index:1}.media_icon_view .page_deco,.media_icon_view .page_deco>.bd{position:absolute;right:0;top:0;z-index:0}.media_icon_view .page_deco>.bd{border-color:transparent transparent #fff #fff;border-style:solid}.media_icon_view .page_deco>.deg{position:absolute;display:block;left:50%;top:50%;width:100%;height:1px}.media_icon_view .page_title{position:absolute;bottom:10%;width:100%;height:30%;text-align:center;z-index:0}.media_icon_view .view_deco{position:absolute;left:10%;top:10%;width:80%;height:55%;z-index:0}.media_icon_view .view_deco>svg{width:100%;height:100%}.introduce-contents{display:flex;flex-direction:row;width:1190px;max-width:100%;margin:auto}.introduce-contents>*{flex:1 1 auto}.introduce-contents .content-introduce-what-is{flex:1 1 50%;width:50%;max-width:50%}.introduce-contents .content-introduce-texts{display:flex;flex-direction:column;justify-content:center;text-align:left;padding:40px}.introduce-contents .content-introduce-texts .app-title-area{position:relative;margin-bottom:20px}.introduce-contents .content-introduce-texts .app-title-area .app-info{color:#2e2e2e;text-decoration:none;line-height:200%;font-size:1.4em;font-weight:700;padding-left:2.3em;display:inline-block}.introduce-contents .content-introduce-texts .app-title-area a.app-info{cursor:pointer}.introduce-contents .content-introduce-texts .app-title-area .application_icon{position:absolute;left:.2em;top:.2em;width:1.6em;height:1.6em;border:2px solid #0e395d;background:#fff;border-radius:50%}.introduce-contents .content-introduce-texts .app-title-area .application_icon img{position:absolute;width:70%;left:15%;height:70%;top:15%}.introduce-contents .content-introduce-texts .app-introduce-text-area{padding-left:1em}.introduce-contents-wrap .introduce-contents{width:1280px;background:#f1f1f1;margin-bottom:20px}.video-convert .content-introduce-what-is{flex:1 1 50%;width:50%;max-width:50%;overflow:hidden;display:block;padding:40px}.video-convert .content-introduce-what-is>div{width:-moz-fit-content;width:fit-content;display:flex}.video-convert .content-introduce-what-is>div>div{flex:1 1 12em;display:flex;flex-wrap:wrap;align-items:center;width:8em}.video-convert .content-introduce-what-is>div>div:nth-child(2){flex:1 0 60px;justify-content:center}.video-convert .content-introduce-what-is>div>div:nth-child(2) img{width:60px;height:60px;margin-bottom:30px}.video-convert .content-introduce-what-is .media_icon_view{flex:1 1 50%}.audio-convert .content-introduce-what-is{padding:40px}.audio-convert .content-introduce-what-is>div{position:relative;width:30em;height:15em}.audio-convert .content-introduce-what-is>div>div>*{position:absolute}.audio-convert .content-introduce-what-is .audio-dest-ic{left:6em;top:0;transform:scale(1.3);transform-origin:left top}.audio-convert .content-introduce-what-is .audio-from-ic{right:20px;bottom:20px;transform-origin:center}.audio-convert .content-introduce-what-is .audio-from-ic:first-child{transform:translateY(-50%) rotate(30deg)}.audio-convert .content-introduce-what-is .audio-from-ic:nth-child(2){transform:translate(-10%,6%) rotate(76deg)}.audio-convert .content-introduce-what-is .audio-from-ic:nth-child(3){transform:translate(-60%,-50%) rotate(12deg)}.audio-convert .content-introduce-what-is .audio-from-ic:nth-child(4){transform:translate(-106%) rotate(-69deg)}.audio-convert .content-introduce-what-is .audio-from-ic:nth-child(5){transform:translate(-120%,-60%) rotate(-10deg)}.audio-convert .content-introduce-what-is .audio-converting-arrow-img{position:absolute;left:11em;top:1em;width:7em;height:7em}.audio-convert .content-introduce-what-is .audio-converting-arrow-ic{left:8em;top:5em;transform-origin:left top;transform:rotate(-32deg);color:orange}.audio-convert .content-introduce-what-is .audio-converting-arrow-ic arrow_head{position:absolute;top:0;width:3em;height:3em;border-color:currentcolor transparent transparent currentcolor;border-style:solid;border-width:5px;border-radius:10px}.audio-convert .content-introduce-what-is .audio-converting-arrow-ic arrow_head:before{content:"";position:absolute;display:block;right:-5px;top:1px;width:10px;height:1.2em;border-color:currentcolor currentcolor transparent transparent;border-style:solid;border-width:5px;border-radius:10px;transform-origin:right top;transform:rotate(45deg)}.audio-convert .content-introduce-what-is .audio-converting-arrow-ic arrow_head:after{content:"";position:absolute;display:block;left:1px;bottom:-5px;width:10px;height:1.2em;border-color:currentcolor transparent transparent currentcolor;border-style:solid;border-width:5px;border-radius:10px;transform-origin:left top;transform:translateY(100%) rotate(-135deg)}.audio-convert .content-introduce-what-is .audio-converting-arrow-ic arrow_body{position:absolute;top:1em;left:1em;width:100px;height:100px}.audio-convert .content-introduce-what-is .audio-converting-arrow-ic arrow_body:before{content:"";position:absolute;display:block;top:-3px;left:13px;width:0;height:7em;transform-origin:right top;transform:rotate(-79deg);border-right:5px solid}.audio-convert .content-introduce-what-is .audio-converting-arrow-ic arrow_body:after{content:"";position:absolute;display:block;top:20px;left:-4px;width:0;height:7em;transform-origin:left top;transform:rotate(-14deg);border-right:5px solid}.pdf-divider .content-introduce-what-is{padding:40px}.pdf-divider .content-introduce-what-is>div{position:relative;width:30em;height:15em}.pdf-divider .content-introduce-what-is>div>div>*{position:absolute}.pdf-divider .content-introduce-what-is .pdf-from-ic{left:0;top:0;transform:scale(2) matrix3d(.7,.2,.9,0,-.4,.7,.2,0,-.5,-.4,.3,0,0,0,0,1);transform-origin:left top}.pdf-divider .content-introduce-what-is .pdf-from-ic-empty-group{position:absolute;left:50%;top:50%;transform:translate(-10em,-7em)}.pdf-divider .content-introduce-what-is .pdf-from-ic-empty{position:absolute;left:0;top:0;transform:scale(2) matrix3d(.7,.2,.9,0,-.4,.7,.2,0,-.5,-.4,.3,0,0,0,0,1);transform-origin:left top}.pdf-divider .content-introduce-what-is .pdf-from-ic-empty:nth-child(6){left:.15em;top:.6em}.pdf-divider .content-introduce-what-is .pdf-from-ic-empty:nth-child(5){left:2em;top:1.7em}.pdf-divider .content-introduce-what-is .pdf-from-ic-empty:nth-child(4){left:.45em;top:1.8em}.pdf-divider .content-introduce-what-is .pdf-from-ic-empty:nth-child(3){left:.6em;top:2.4em}.pdf-divider .content-introduce-what-is .pdf-from-ic-empty:nth-child(2){left:2.4em;top:3.5em}.pdf-divider .content-introduce-what-is .pdf-from-ic-empty:first-child{left:.9em;top:3.6em}.pdf-divider .content-introduce-what-is .pdf-dest-ic{position:absolute;right:0;top:50%;transform-origin:center bottom}.pdf-divider .content-introduce-what-is .pdf-dest-ic:first-child{transform:translate(-40%,-50%) rotate(-20deg) scale(1.3)}.pdf-divider .content-introduce-what-is .pdf-dest-ic:nth-child(2){transform:translate(-20%,-50%) rotate(20deg) scale(1.3)}.pdf-divider .content-introduce-what-is .image-converting-arrow-img{position:absolute;left:13em;top:2em;width:7em;height:7em;transform:scaleX(-1)}.pdf-merge .content-introduce-what-is{padding:40px}.pdf-merge .content-introduce-what-is>div{position:relative;width:30em;height:15em}.pdf-merge .content-introduce-what-is>div>div>*{position:absolute}.pdf-merge .content-introduce-what-is .pdf-from-ic-group{position:absolute;left:50%;top:50%;transform:translate(-11em,-8em)}.pdf-merge .content-introduce-what-is .pdf-from-ic{left:0;top:0;transform:scale(2) matrix3d(.7,.2,.9,0,-.4,.7,.2,0,-.5,-.4,.3,0,0,0,0,1);transform-origin:left top}.pdf-merge .content-introduce-what-is .pdf-from-ic:nth-child(2){left:1.6em;top:1.8em}.pdf-merge .content-introduce-what-is .pdf-from-ic:first-child{left:2.9em;top:3.6em}.pdf-merge .content-introduce-what-is .pdf-dest-ic{position:absolute;right:1em;top:40%;transform-origin:center;transform:translateY(-50%) scale(1.5)}.pdf-merge .content-introduce-what-is .image-converting-arrow-img{position:absolute;left:13em;top:2em;width:7em;height:7em;transform:scaleX(-1)}.label-print .content-introduce-what-is{padding:40px}.label-print .content-introduce-what-is>div{position:relative;width:30em;height:15em}.label-print .label-print-from-ic-group{position:absolute;left:10%;top:50%;height:10em;width:15em;transform:translateY(-50%)}.label-print .label-print-page-ic{position:absolute;transform-origin:center top}.label-print .label-print-page-ic:first-child{transform:rotate(-90deg) translate(-90%,130%) scale(.75);opacity:.6}.label-print .label-print-page-ic:nth-child(2){transform:rotate(-65deg) translate(-20%,120%) scale(.9);opacity:.7}.label-print .label-print-page-ic:nth-child(3){transform:rotate(-50deg) translate(-20%,80%) scale(1.1);opacity:.8}.label-print .label-print-page-ic:nth-child(4){transform:rotate(-30deg) translate(10%,50%) scale(1.2);opacity:.9}.label-print .label-print-page-ic:nth-child(5){transform:rotate(0deg) translate(0) scale(1.3);opacity:1}.label-print .label-print-page-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.label-print .label-print-page-wrap>div{flex:1 1 50%;padding:2px;width:100%;height:50%}.label-print .label-print-page-wrap>div>img{width:100%;height:100%;border:1px solid #e2e2e2;border-radius:3px}.label-print .label-print-printer-ic-group{position:absolute;top:50%;left:60%;width:12em;height:12em;transform:translateY(-50%)}.label-print .label-print-printer-ic-group .label-print-dest-ic{position:absolute;left:50%;top:50%;transform-origin:center top;transform:matrix(1,0,0,.8,0,0) translate(-50%,-30%)}.label-print .label-print-printer-ic-group .label-printer-body{position:absolute;left:15%;top:25%;width:70%;height:40%;border:2px solid #6d6d6d;border-radius:.5em;background:#fff}.label-print .label-print-printer-ic-group .label-printer-body .label-printer-body-dot{border:2px solid #6d6d6d;display:block;position:absolute;left:5%;top:5%;width:5%;height:10%;border-radius:50%;background:orange}.label-print .label-print-printer-ic-group .label-printer-body:before{content:"";background:#fff;display:block;position:absolute;bottom:40%;left:20%;width:60%;height:25%;z-index:2}.label-print .label-print-printer-ic-group .label-printer-body .label-printer-body-dot:nth-child(2){left:15%;background:skyblue}.label-print .label-print-printer-ic-group .label-printer-body .label-printer-body-dot:nth-child(3){left:25%;background:#9acd32}.label-print .label-print-printer-ic-group .label-printer-body .label-printer-body-output:before{content:"";border:2px solid #6d6d6d;display:block;position:absolute;left:20%;top:60%;width:60%;height:12%;border-bottom:0;border-radius:.3em .3em 0 0;z-index:2}.label-print .label-print-printer-ic-group .label-printer-body .label-printer-body-output:after{content:"";border:2px solid #6d6d6d;display:block;position:absolute;left:20%;top:72%;width:60%;height:12%;border-top:0;border-radius:0 0 .3em .3em;z-index:1}.label-print .label-print-printer-ic-group .label-printer-body .label-printer-body-input{border:2px solid #6d6d6d;display:block;position:absolute;left:20%;bottom:100%;width:60%;height:30%;border-radius:.3em .3em 0 0;background:#fff;z-index:2}.image-convert .content-introduce-what-is{padding:40px}.image-convert .content-introduce-what-is>div{position:relative;width:30em;height:15em}.image-convert .content-introduce-what-is>div>div>*{position:absolute}.image-convert .content-introduce-what-is .image-dest-ic{right:0;top:0;transform:scale(1.3);transform-origin:right top}.image-convert .content-introduce-what-is .image-from-ic{left:20px;bottom:20px;transform-origin:center}.image-convert .content-introduce-what-is .image-from-ic:first-child{transform:translate(50%,-50%) rotate(30deg)}.image-convert .content-introduce-what-is .image-from-ic:nth-child(2){transform:translate(60%,6%) rotate(76deg)}.image-convert .content-introduce-what-is .image-from-ic:nth-child(3){transform:translate(110%,-50%) rotate(12deg)}.image-convert .content-introduce-what-is .image-from-ic:nth-child(4){transform:translate(156%) rotate(-69deg)}.image-convert .content-introduce-what-is .image-from-ic:nth-child(5){transform:translate(180%,-60%) rotate(-10deg)}.image-convert .content-introduce-what-is .image-converting-arrow-img{position:absolute;right:8em;top:1em;width:7em;height:7em;transform:scaleX(-1)}