.audio-container{width:80%;margin:0 auto;padding:20px}.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}.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}.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%}