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