*{margin:0;padding:0}.clear{clear:both;height:0}.lfloat{float:left}.rfloat{float:right}.inline{display:inline}.hide{display:none}.dummy{display:none}.text-center{text-align:center}.margin-top-30{margin-top:30px}.margin-bottom-default{margin-bottom:24px}.margin-bottom-24{margin-bottom:24px}.wat-cf{display:inline-block}.wat-cf:after{content:".";clear:both;visibility:hidden;display:block;height:0}h1{font-size:22px;margin:15px 0;font-weight:normal}h2{font-size:20px;margin:15px 0;font-weight:normal}h3{font-size:18px;margin:10px 0;font-weight:normal}h4{font-size:16px;margin:10px 0;font-weight:normal}hr{border:solid #cccccc;border-width:1px 0 0 0}p{margin:16px 0;font-style:normal;font-weight:normal;letter-spacing:normal}a{text-decoration:none;-moz-outline:none;color:#3b5998}a:hover{text-decoration:underline}img{border:none;vertical-align:middle;max-width:100%}ul{list-style-type:none}ul.disc{margin-left:30px;list-style-type:disc;list-style-position:outside}dd:after{content:"";clear:both;display:block}select{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");background-color:#fff;background-repeat:no-repeat;background-position:right 10px top 9px;background-size:12px 12px;color:#333;padding:6px 12px;width:100px;font-size:12px;text-align:left;border-radius:3px;-webkit-border-radius:3px;-webkit-appearance:none;-moz-appearance:none;border:0;outline:0;-webkit-transition:0.2s ease all;-moz-transition:0.2s ease all;-ms-transition:0.2s ease all;-o-transition:0.2s ease all;transition:0.2s ease all}select:hover{background-color:#f7f7f7}select:focus,select:active{border:0;outline:0}html{height:100%}body{width:100%;height:100%;text-align:left;font-size:13px;color:#111111;line-height:1.5}#global_container{position:relative;height:100%;min-height:100%;margin-bottom:1px;width:100%}.loading{position:absolute;top:0;z-index:60000;width:100%;height:100%;background:#ffffff;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}#main_wrapper{position:relative;height:100%;min-height:700px;background-color:#ffffff}#main .block{position:relative;margin-bottom:10px}#instructions{margin-bottom:10px}#flash{margin-bottom:10px}#footer_wrapper{width:100%;min-width:980px;text-align:center;margin:0;padding-bottom:10px;background-color:#1298ff}#footer{width:980px;margin:0 auto;padding:12px 0;color:#fff;font-weight:300}#footer .footer-link{margin:6px 0}#footer .footer-link a{color:#fff}#footer .twitter{display:inline-block;width:32px;height:26.5px;background-image:url(/assets/top/twitter-96783226c074025ede8e1b691a1c27373419454aaa352c3ffe8c0e22cfa3772a.png);background-size:32px 26.5px;background-repeat:no-repeat}#footer .copy-right{margin-top:6px}#footer .copy-right div{display:inline-block}@media (max-width: 767px){.copy-right div{display:block}}#header{width:100%;min-width:980px;height:460px;background-color:#1298ff}#header_wrapper{width:980px;height:100%;margin:0 auto}#header_description{display:inline-block;width:330px;height:100%;margin-right:-4px;padding-left:40px;vertical-align:top}#clear_logo{width:364px;height:126px;background-image:url(/assets/top/clearnote_logo_white-cd20d748e6d7f7a65cfb920374d1daec1a5e62fc61ceab34c8ef6b9af620366c.svg);background-size:333px 70px;margin-top:0px;background-repeat:no-repeat;position:relative;left:-24px}#clear_icon{width:62px;height:62px;background-image:url(/assets/top/clear_icon-9c0aea0a6885c75a8688e177be3153677ec67026e5ba3fb3a104e5f7731160c4.png);background-size:62px 62px;margin-top:70px}#clear_slogan{color:white;font-size:24px;margin-top:137px;position:relative;left:-12px}.stores{margin-top:8px}.stores a{display:inline-block;width:141px;height:42px;background-size:auto 42px;background-repeat:no-repeat}.stores a:not(:first-child){margin-left:6px}.stores .cn{margin-top:6px}.stores.pc{display:block}.stores.sm{display:none}.app-store{background-image:url(/assets/top/app_store-48f1e853ce3b13fc62a474f2757eb28c9c39034d0f08616db01eff0a00e9ceb4.png)}.google-play{background-image:url(/assets/top/google_play-7c03863ec6e9cd32cdfbb48c92480ee79dcb728f0a4d6eab0415d55fcf62a0c8.png)}.baidu{background-image:url(/assets/top/baidu-937e795111d196659acb7cd8cfce915c3138b7725b081f2b1fc92a66f939f62a.png)}.dev360{background-image:url(/assets/top/dev360-5ddfc7af4b1807805d5148e53e5a592268d7442d79907885d0d73193aefa9e28.png)}#header_smartphone{position:relative;display:inline-block;width:609px;height:100%}#language{width:100%;height:50px;color:#fff;text-align:right}#language a{display:inline-block;color:#fff;font-size:16px;margin-top:16px;text-decoration:none;padding-right:48px}#lang_select{margin-top:16px}#screenshots{width:100%;height:410px;background-image:url(/assets/top/smartphones-e52345409e00b550a91e577cab25013df2642bfaf5264ccd0424e0e1a23437c3.png);background-size:420px 526px;background-repeat:no-repeat;background-position:40px 20px}.top-hero-prizes__container{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;position:absolute;bottom:0;width:100%;height:60%;overflow:hidden;text-align:right}.top-hero-prizes{position:absolute;bottom:0;right:0;font-size:0.8rem;line-height:0.8rem;overflow:hidden;text-align:right;width:128px}.top-hero-prize{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;-moz-border-radius:0.4rem;-webkit-border-radius:0.4rem;border-radius:0.4rem;margin-bottom:0.4rem;position:relative;padding:0.8rem 0 0.8rem;font-size:0.6rem;color:#333;text-shadow:none;text-align:center;line-height:1.3;float:left;width:100%}.top-hero-prize:hover{background-color:rgba(255,255,255,0.5);text-decoration:none}.top-hero-prize__tx{margin:0}.top-hero-prize-gesa__img{width:60px;margin-bottom:0.8rem}.top-hero-prize-elearning__img{width:63px;margin-bottom:0.8rem}#middle{width:100%;min-width:980px;height:auto}#middle_wrapper{width:980px;height:100%;margin:0 auto}.feature-chart__container{width:100%;text-align:center;font-size:32px;padding-top:75px;vertical-align:top}.feature-chart__title{text-align:center;width:100%}.feature-chart-table{width:80%;text-align:center;border-collapse:separate;border-spacing:0px;font-size:1rem;margin:0.8rem auto 4.8rem auto;border-radius:8px;border:2px solid #508cd0;color:#757575}.feature-chart-table.shrunken-margin{margin-bottom:1.6rem}.feature-chart-table td{padding:0.4rem 0.4rem}.feature-chart-table p{font-size:0.8rem;margin:0.4rem}.feature-chart-table i.fa-check{color:#508cd0}.feature-chart-table .border-right{border-right:1px solid #508cd0}@media (max-width: 767px){.responsive-table{width:92%;padding-left:4%;padding-right:4%;overflow-x:auto;margin-bottom:4.8rem;text-align:center}}.extra-feature-chart-table{width:80%;text-align:center;border-collapse:separate;border-spacing:0px;font-size:1rem;margin:0.8rem auto 4.8rem auto;border-radius:8px;border:2px solid #508cd0;color:#757575;margin-top:0}@media (max-width: 767px){.extra-feature-chart-table{display:inline-block;width:100%;min-width:26em;margin-bottom:15px}}.extra-feature-chart-table thead tr{background-color:#f5f5f5;font-size:0.9rem}.extra-feature-chart-table thead tr td{padding:0.4rem 0.4rem}.extra-feature-chart-table thead tr td:nth-child(1){border-right:1px solid #508cd0}.extra-feature-chart-table thead tr:first-child{font-weight:bold;font-size:1.4rem}.extra-feature-chart-table thead tr:first-child td:nth-child(1){border-top-left-radius:5px}.extra-feature-chart-table thead tr:first-child td:nth-child(2){border-top-right-radius:5px}.extra-feature-chart-table tbody tr th{width:28%;padding:0.8rem;background-color:#41bbf2;color:#fff;border-top:2px solid #508cd0;font-size:1.4rem;border-bottom:none}.extra-feature-chart-table tbody tr td{border-top:2px solid #508cd0;border-bottom:none}.extra-feature-chart-table tbody tr td:nth-child(odd){background-color:#e1f5fe}.extra-feature-chart-table tbody tr:last-child td{width:calc((100% - 28%) / 4);background-color:white}.extra-feature-chart-table tbody tr:last-child td:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.extra-feature-chart-table tbody tr:last-child td span{display:inline-block;padding:0.7em}.feature-chart-thead{background-color:#f5f5f5;font-weight:bold;font-size:1.4rem}.feature-chart-thead td{padding:1.2rem 0 0.4rem 0}.feature-chart-thead td:first-child{border-radius:5px 0 0 0}.feature-chart-thead td:last-child{border-radius:0 5px 0 0}.feature-chart-subhead{background-color:#f5f5f5;font-size:0.9rem}.feature-chart-app .tint{background-color:#e1f5fe}.feature-chart-app th{width:28%;padding:0.8rem;background-color:#508cd0;color:#fff;border-top:2px solid #508cd0;font-size:1.4rem}.feature-chart-app td{border-top:2px solid #508cd0}.feature-chart-web .tint{background-color:#e1f5fe}.feature-chart-web th{width:28%;padding:0.8rem;background-color:#41bbf2;color:#fff;border-top:2px solid #508cd0;font-size:1.4rem}.feature-chart-web td{width:12%;border-top:2px solid #508cd0;font-weight:bold;background-color:#fff}.feature-chart-web td:first-child{border-radius:0 0 0 5px}.feature-chart-web td:last-child{border-radius:0 0 5px 0}.feature-chart-web-btn__container{border:2px solid #fff;padding:4px 8px 8px 8px;margin-top:8px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;clear:both}#middle{width:100%;min-width:980px;height:auto}#middle_wrapper{width:980px;height:100%;margin:0 auto}.feature{display:inline-block;width:33.33333%;margin-right:-4px;text-align:center;font-size:32px;padding-top:75px;vertical-align:top}.feature-image{display:inline-block;width:280px;height:220px;background-size:280px 220px;margin-top:24px}.feature1{background-image:url(/assets/top/feature1-d2bb10ead096396a0f714423857248fceebfe456dd7df7b7dd4efa07c3539dde.png)}.feature2{background-image:url(/assets/top/feature2-58217f43a4da81d3c30a5018290680b4d29d0baa834302c39a816b3e94dcbed8.png)}.feature3{background-image:url(/assets/top/feature3-9b4d4eea129a89e7ea61c123be1cd25e58250867fa276ac091a1139faa052aee.png)}.feature-description{display:inline-block;vertical-align:top;font-size:16px;margin:0 auto 48px;text-align:left;width:80%;font-weight:300}.feature-description p{margin:6px 0}.download-btn,.web-btn{margin-top:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;display:block;width:100%;text-align:center;padding:16px 0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:0.8rem;color:#349bdb;text-decoration:none;background-color:#fff}.download-btn:hover,.web-btn:hover{background-color:#349bdb;color:#fff}.web-btn{padding:8px 0}#twitter{width:100%;min-width:980px;height:auto;font-size:16px;background-color:#f5f5f5;padding:30px 0;text-align:center}#twitter_wrapper{display:table;width:520px;height:auto;margin:0 auto;text-align:center}@media (max-width: 767px){#header{min-width:100%;height:auto;padding-top:36px}#header_wrapper{width:100%;text-align:center}#language{text-align:center}#header_description{display:block;width:100%;padding-left:0;margin-right:0}#clear_logo{display:inline-block;width:250px;height:66px;margin-top:0;background-image:url(/assets/top/clearnote_logo_white-cd20d748e6d7f7a65cfb920374d1daec1a5e62fc61ceab34c8ef6b9af620366c.svg);background-size:250px 66px;background-repeat:no-repeat;position:initial}#clear_icon{display:none}#clear_slogan{text-align:center;font-size:24px;margin-top:6px;position:initial}.stores.pc{display:none}.stores.sm{display:block;margin-top:0;padding:12px 0}#header_smartphone{display:block;width:100%;text-align:center}.top-hero-prizes__container{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;display:block;position:relative;width:100%;text-align:center;margin-top:0.4rem;margin-bottom:-0.8rem}.top-hero-prizes{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;position:relative;width:280px;margin:auto;text-align:center}.top-hero-prize{width:130px;margin:5px}#screenshots{display:inline-block;width:280px;height:260px;background-size:280px auto;background-repeat:no-repeat;background-position:0 20px}#middle_wrapper{width:100%}#middle{height:auto;min-width:100%;padding-bottom:32px}.feature{display:block;width:100%;height:auto;margin-right:0;padding-top:48px}.feature-description{margin-bottom:24px}.feature-chart-table{width:92%}#twitter{min-width:100%}#twitter_wrapper{height:auto;margin:0 auto;text-align:center}#footer_wrapper{min-width:100%}#footer{width:100%}}#header_pn{padding:12px 24px}.open-app{margin:0 24px 10px}.flash-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.flash-wrapper .message{max-width:600px;width:fit-content;margin:0 auto 13px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;text-align:center}.flash-wrapper .message p{padding:4px 16px}.flash-wrapper .error{border:1px solid #993624;background:#cc4831 url(/assets/messages/error-b49030a968bf5f02c930abb46ea6d361974d300b6c7c387ebcf4c2cb4fefbb4e.png) no-repeat 10px center;color:white}.flash-wrapper .warning,.flash-wrapper .alert{border:1px solid #bb9004;background:#f9c006 url(/assets/messages/warning-8870036ba22ce34d024bbedffd2f5401dfe2a71c0d3e18aea0e84e1d0365687f.png) no-repeat 10px center}.flash-wrapper .notice{border:1px solid #8a9daa;background:#b8d1e2 url(/assets/messages/notice-3aa477907624b3483f60c60549ee417b50636bbcdf20d88da7e958e8278b8078.png) no-repeat 10px center;color:#28485e}.flash-wrapper .information{border:1px solid #b9cbcb;background:#edeff4 url(/assets/messages/notice-3aa477907624b3483f60c60549ee417b50636bbcdf20d88da7e958e8278b8078.png) no-repeat 10px center;color:#28485e}.field-with-errors{margin-bottom:2px}.field-with-errors .label{display:block}.field-with-errors .error,.error-text{font-weight:bold;color:red}.logo-large{width:260px;position:relative}.logo{width:230px}.introduction{margin:10px;font-size:16px}#service_about ul.about{font-size:16px;border:1px solid #ccc;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin:10px;-webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 6px rgba(0,0,0,0.3);box-shadow:1px 1px 6px rgba(0,0,0,0.3)}#service_about ul.about li{border-bottom:1px solid #ccc}#service_about ul.about li:hover{background-color:#eee}#service_about ul.about li:last-child{border-bottom:none}#service_about ul.about li a{text-decoration:none;display:block;width:100%;padding:10px 15px}.about-detail .term{margin:20px 15px}.about-detail .term .title{font-size:16px;font-weight:bold}.about-detail .term .content{margin-left:1em}.about-detail .term .content ul{margin-left:1.5em;list-style:disc}.about-detail .term .content ul.decimal{list-style:decimal}.about-detail .term .content ul.lower-latin{list-style:lower-latin}.ordesrcontract-detail .inner{margin:20px 160px 40px 40px}.ordesrcontract-detail .inner h3{font-size:28px;font-weight:bold;margin-bottom:20px}.ordesrcontract-detail .inner .term{border-bottom:1px solid #eee;margin-bottom:28px}.ordesrcontract-detail .inner .term .title{font-size:22px;font-weight:bold}.ordesrcontract-detail .inner .term .content{font-size:16px;color:#333;margin:10px 28px 28px}.ordesrcontract-detail .inner .term .content p{margin:8px 0 -12px 0}@media (max-width: 520px){#twitter_wrapper{display:table;width:100%;height:auto;margin:0 auto;text-align:center}}.base-component.clear-mail-received-illust{background-image:url(/assets/mail_received.png);display:inline-block;background-repeat:no-repeat;height:131px;width:152px}.base-component.alert.alert-info{display:block;border-radius:4px;padding:11px 11px;background:rgba(18,152,255,0.1);border:1px solid #1298ff;box-sizing:border-box;text-align:left;line-height:20px;font-size:14px;font-family:Noto Sans JP;font-style:normal;font-weight:normal;color:#212121}@media only screen and (min-width: 769px){.base-component.alert.alert-info{padding:21px 22px}}.base-component.action-form-button{font-size:16px;font-weight:500;line-height:23px;color:#ffffff;border-radius:30px;background-color:#1298ff;border:none;outline:none;padding:12px 64px 13px}.base-component.action-form-button:hover{cursor:pointer}.base-component.action-form-button:active{filter:brightness(0.7)}.base-component.action-form-button:focus{box-shadow:#12aaef 0px 0px 6px}.base-component.action-form-input-control label{display:block;color:#424242;font-size:16px;line-height:23px;margin-bottom:0.5rem}.base-component.action-form-input-control input[type="text"]{font-size:14px;appearance:none;padding:16px 13px;border:1px solid #cccccc;box-sizing:border-box;border-radius:8px;width:calc(100% - 2px);margin:1px}.base-component.action-form-input-control input[type="text"]:focus{outline:none;border:3px solid #41c3ff;width:100%;padding:15px 12px;margin:0px}.base-component.action-form-input-control input[type="text"]::placeholder{color:#949494}.base-component.action-form-input-control.error input[type="text"]{background:rgba(255,90,90,0.1);border:1px solid #ff5a5a}.base-component.action-form-input-control.error input[type="text"]:focus{padding:16px 13px;width:calc(100% - 2px);margin:1px}.base-component.action-form-input-control.error .error-message{margin-top:8px;display:block;color:#ff5a5a}