/* variable ******************************************************************* */
/* base ******************************************************************* */
/* line 74, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 78, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.clear {
  clear: both;
  height: 0;
}

/* line 82, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.lfloat {
  float: left;
}

/* line 85, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.rfloat {
  float: right;
}

/* line 88, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.inline {
  display: inline;
}

/* line 91, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.hide {
  display: none;
}

/* line 94, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.dummy {
  display: none;
}

/* line 98, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.text-center {
  text-align: center;
}

/* line 102, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.margin-top-30 {
  margin-top: 30px;
}

/* line 105, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.margin-bottom-default {
  margin-bottom: 24px;
}

/* line 108, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.margin-bottom-24 {
  margin-bottom: 24px;
}

/* line 112, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.wat-cf {
  display: inline-block;
}

/* line 115, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.wat-cf:after {
  content: ".";
  clear: both;
  visibility: hidden;
  display: block;
  height: 0;
}

/* line 123, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
h1 {
  font-size: 22px;
  margin: 15px 0;
  font-weight: normal;
}

/* line 128, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
h2 {
  font-size: 20px;
  margin: 15px 0;
  font-weight: normal;
}

/* line 133, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
h3 {
  font-size: 18px;
  margin: 10px 0;
  font-weight: normal;
}

/* line 138, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
h4 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}

/* line 143, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
hr {
  border: solid #cccccc;
  border-width: 1px 0 0 0;
}

/* line 147, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
p {
  margin: 16px 0;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
}

/* line 154, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
a {
  text-decoration: none;
  -moz-outline: none;
  color: #3b5998;
}

/* line 159, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
a:hover {
  text-decoration: underline;
}

/* line 163, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
img {
  border: none;
  vertical-align: middle;
  max-width: 100%;
}

/* line 168, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
ul {
  list-style-type: none;
}

/* line 171, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
ul.disc {
  margin-left: 30px;
  list-style-type: disc;
  list-style-position: outside;
}

/* line 177, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
dd:after {
  content: "";
  clear: both;
  display: block;
}

/* line 183, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
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;
}

/* line 207, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
select:hover {
  background-color: #f7f7f7;
}

/* line 211, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
select:focus,
select:active {
  border: 0;
  outline: 0;
}

/* html ******************************************************************* */
/* line 218, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
html {
  height: 100%;
}

/* line 221, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
body {
  width: 100%;
  height: 100%;
  text-align: left;
  font-size: 13px;
  color: #111111;
  line-height: 1.5;
}

/* line 229, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#global_container {
  position: relative;
  height: 100%;
  min-height: 100%;
  margin-bottom: 1px;
  width: 100%;
}

/* line 237, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.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;
}

/* container ******************************************************************* */
/* line 253, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#main_wrapper {
  position: relative;
  height: 100%;
  min-height: 700px;
  background-color: #ffffff;
}

/* line 260, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#main .block {
  position: relative;
  margin-bottom: 10px;
}

/* line 265, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#instructions {
  margin-bottom: 10px;
}

/* line 268, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#flash {
  margin-bottom: 10px;
}

/* footer ******************************************************************* */
/* line 273, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#footer_wrapper {
  width: 100%;
  min-width: 980px;
  text-align: center;
  margin: 0;
  padding-bottom: 10px;
  background-color: #1298ff;
}

/* line 282, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#footer {
  width: 980px;
  margin: 0 auto;
  padding: 12px 0;
  color: #fff;
  font-weight: 300;
}
/* line 288, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#footer .footer-link {
  margin: 6px 0;
}
/* line 290, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#footer .footer-link a {
  color: #fff;
}
/* line 294, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#footer .twitter {
  display: inline-block;
  width: 32px;
  height: 26.5px;
  background-image: url(http://localhost:3000/assets/top/twitter-96783226c074025ede8e1b691a1c27373419454aaa352c3ffe8c0e22cfa3772a.png);
  background-size: 32px 26.5px;
  background-repeat: no-repeat;
}
/* line 302, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#footer .copy-right {
  margin-top: 6px;
}
/* line 304, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#footer .copy-right div {
  display: inline-block;
}

@media (max-width: 767px) {
  /* line 311, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  .copy-right div {
    display: block;
  }
}
/* top ******************************************************************* */
/* line 317, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#header {
  width: 100%;
  min-width: 980px;
  height: 460px;
  background-color: #1298ff;
}

/* line 324, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#header_wrapper {
  width: 980px;
  height: 100%;
  margin: 0 auto;
}

/* line 330, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#header_description {
  display: inline-block;
  width: 330px;
  height: 100%;
  margin-right: -4px;
  /* Browser bug fixing */
  padding-left: 40px;
  vertical-align: top;
}

/* line 339, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#clear_logo {
  width: 364px;
  height: 126px;
  background-image: url(http://localhost:3000/assets/top/clearnote_logo_white-cd20d748e6d7f7a65cfb920374d1daec1a5e62fc61ceab34c8ef6b9af620366c.svg);
  background-size: 333px 70px;
  margin-top: 0px;
  background-repeat: no-repeat;
  position: relative;
  left: -24px;
}

/* line 351, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#clear_icon {
  width: 62px;
  height: 62px;
  background-image: url(http://localhost:3000/assets/top/clear_icon-9c0aea0a6885c75a8688e177be3153677ec67026e5ba3fb3a104e5f7731160c4.png);
  background-size: 62px 62px;
  margin-top: 70px;
}

/* line 359, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#clear_slogan {
  color: white;
  font-size: 24px;
  margin-top: 137px;
  position: relative;
  left: -12px;
}

/* line 368, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.stores {
  margin-top: 8px;
}
/* line 370, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.stores a {
  display: inline-block;
  width: 141px;
  height: 42px;
  background-size: auto 42px;
  background-repeat: no-repeat;
}
/* line 377, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.stores a:not(:first-child) {
  margin-left: 6px;
}
/* line 382, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.stores .cn {
  margin-top: 6px;
}

/* line 387, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.stores.pc {
  display: block;
}

/* line 391, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.stores.sm {
  display: none;
}

/* line 395, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.app-store {
  background-image: url(http://localhost:3000/assets/top/app_store-48f1e853ce3b13fc62a474f2757eb28c9c39034d0f08616db01eff0a00e9ceb4.png);
}

/* line 399, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.google-play {
  background-image: url(http://localhost:3000/assets/top/google_play-7c03863ec6e9cd32cdfbb48c92480ee79dcb728f0a4d6eab0415d55fcf62a0c8.png);
}

/* line 403, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.baidu {
  background-image: url(http://localhost:3000/assets/top/baidu-937e795111d196659acb7cd8cfce915c3138b7725b081f2b1fc92a66f939f62a.png);
}

/* line 407, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.dev360 {
  background-image: url(http://localhost:3000/assets/top/dev360-5ddfc7af4b1807805d5148e53e5a592268d7442d79907885d0d73193aefa9e28.png);
}

/* line 411, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#header_smartphone {
  position: relative;
  display: inline-block;
  width: 609px;
  height: 100%;
}

/* line 418, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#language {
  width: 100%;
  height: 50px;
  color: #fff;
  text-align: right;
}
/* line 423, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#language a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  margin-top: 16px;
  text-decoration: none;
  padding-right: 48px;
}

/* line 433, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#lang_select {
  margin-top: 16px;
}

/* line 437, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#screenshots {
  width: 100%;
  height: 410px;
  background-image: url(http://localhost:3000/assets/top/smartphones-e52345409e00b550a91e577cab25013df2642bfaf5264ccd0424e0e1a23437c3.png);
  background-size: 420px 526px;
  background-repeat: no-repeat;
  background-position: 40px 20px;
}

/* line 447, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.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;
}

/* line 460, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.top-hero-prizes {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.8rem;
  line-height: 0.8rem;
  overflow: hidden;
  text-align: right;
  width: 128px;
}

/* line 471, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.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%;
}

/* line 492, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.top-hero-prize:hover {
  background-color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}

/* line 496, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.top-hero-prize__tx {
  margin: 0;
}

/* line 499, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.top-hero-prize-gesa__img {
  width: 60px;
  margin-bottom: 0.8rem;
}

/* line 503, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.top-hero-prize-elearning__img {
  width: 63px;
  margin-bottom: 0.8rem;
}

/* line 508, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#middle {
  width: 100%;
  min-width: 980px;
  height: auto;
}

/* line 514, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#middle_wrapper {
  width: 980px;
  height: 100%;
  margin: 0 auto;
}

/* line 520, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart__container {
  width: 100%;
  text-align: center;
  font-size: 32px;
  padding-top: 75px;
  vertical-align: top;
}

/* line 527, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart__title {
  text-align: center;
  width: 100%;
}

/* line 531, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.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;
}
/* line 539, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-table.shrunken-margin {
  margin-bottom: 1.6rem;
}
/* line 543, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-table td {
  padding: 0.4rem 0.4rem;
}
/* line 546, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-table p {
  font-size: 0.8rem;
  margin: 0.4rem;
}
/* line 550, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-table i.fa-check {
  color: #508cd0;
}
/* line 556, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-table .border-right {
  border-right: 1px solid #508cd0;
}

@media (max-width: 767px) {
  /* line 561, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  .responsive-table {
    width: 92%;
    padding-left: 4%;
    padding-right: 4%;
    overflow-x: auto;
    margin-bottom: 4.8rem;
    text-align: center;
  }
}

/* line 572, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.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) {
  /* line 572, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  .extra-feature-chart-table {
    display: inline-block;
    width: 100%;
    min-width: 26em;
    margin-bottom: 15px;
  }
}
/* line 594, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.extra-feature-chart-table thead tr {
  background-color: #f5f5f5;
  font-size: 0.9rem;
}
/* line 598, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.extra-feature-chart-table thead tr td {
  padding: 0.4rem 0.4rem;
}
/* line 602, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.extra-feature-chart-table thead tr td:nth-child(1) {
  border-right: 1px solid #508cd0;
}
/* line 607, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.extra-feature-chart-table thead tr:first-child {
  font-weight: bold;
  font-size: 1.4rem;
}
/* line 611, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.extra-feature-chart-table thead tr:first-child td:nth-child(1) {
  border-top-left-radius: 5px;
}
/* line 614, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.extra-feature-chart-table thead tr:first-child td:nth-child(2) {
  border-top-right-radius: 5px;
}
/* line 624, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.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;
}
/* line 634, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.extra-feature-chart-table tbody tr td {
  border-top: 2px solid #508cd0;
  border-bottom: none;
}
/* line 638, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.extra-feature-chart-table tbody tr td:nth-child(odd) {
  background-color: #e1f5fe;
}
/* line 645, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.extra-feature-chart-table tbody tr:last-child td {
  width: calc((100% - 28%) / 4);
  background-color: white;
}
/* line 649, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.extra-feature-chart-table tbody tr:last-child td:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* line 654, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.extra-feature-chart-table tbody tr:last-child td span {
  display: inline-block;
  padding: 0.7em;
}

/* line 664, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-thead {
  background-color: #f5f5f5;
  font-weight: bold;
  font-size: 1.4rem;
}
/* line 668, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-thead td {
  padding: 1.2rem 0 0.4rem 0;
}
/* line 671, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-thead td:first-child {
  border-radius: 5px 0 0 0;
}
/* line 674, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-thead td:last-child {
  border-radius: 0 5px 0 0;
}

/* line 678, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-subhead {
  background-color: #f5f5f5;
  font-size: 0.9rem;
}

/* line 683, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-app .tint {
  background-color: #e1f5fe;
}
/* line 686, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-app th {
  width: 28%;
  padding: 0.8rem;
  background-color: #508cd0;
  color: #fff;
  border-top: 2px solid #508cd0;
  font-size: 1.4rem;
}
/* line 694, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-app td {
  border-top: 2px solid #508cd0;
}

/* line 699, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-web .tint {
  background-color: #e1f5fe;
}
/* line 702, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-web th {
  width: 28%;
  padding: 0.8rem;
  background-color: #41bbf2;
  color: #fff;
  border-top: 2px solid #508cd0;
  font-size: 1.4rem;
}
/* line 710, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-web td {
  width: 12%;
  border-top: 2px solid #508cd0;
  font-weight: bold;
  background-color: #fff;
}
/* line 716, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-web td:first-child {
  border-radius: 0 0 0 5px;
}
/* line 719, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-chart-web td:last-child {
  border-radius: 0 0 5px 0;
}

/* line 723, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.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;
}

/* line 733, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#middle {
  width: 100%;
  min-width: 980px;
  height: auto;
}

/* line 739, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#middle_wrapper {
  width: 980px;
  height: 100%;
  margin: 0 auto;
}

/* line 745, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature {
  display: inline-block;
  width: 33.33333%;
  margin-right: -4px;
  /* Browser bug fixing */
  text-align: center;
  font-size: 32px;
  padding-top: 75px;
  vertical-align: top;
}

/* line 755, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-image {
  display: inline-block;
  width: 280px;
  height: 220px;
  background-size: 280px 220px;
  margin-top: 24px;
}

/* line 763, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature1 {
  background-image: url(http://localhost:3000/assets/top/feature1-d2bb10ead096396a0f714423857248fceebfe456dd7df7b7dd4efa07c3539dde.png);
}

/* line 767, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature2 {
  background-image: url(http://localhost:3000/assets/top/feature2-58217f43a4da81d3c30a5018290680b4d29d0baa834302c39a816b3e94dcbed8.png);
}

/* line 771, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature3 {
  background-image: url(http://localhost:3000/assets/top/feature3-9b4d4eea129a89e7ea61c123be1cd25e58250867fa276ac091a1139faa052aee.png);
}

/* line 775, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-description {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  margin: 0 auto 48px;
  text-align: left;
  width: 80%;
  font-weight: 300;
}
/* line 783, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.feature-description p {
  margin: 6px 0;
}

/* line 788, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.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;
}
/* line 805, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.download-btn:hover, .web-btn:hover {
  background-color: #349bdb;
  color: #fff;
}

/* line 810, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.web-btn {
  padding: 8px 0;
}

/* line 815, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#twitter {
  width: 100%;
  min-width: 980px;
  height: auto;
  font-size: 16px;
  background-color: #f5f5f5;
  padding: 30px 0;
  text-align: center;
}

/* line 825, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#twitter_wrapper {
  display: table;
  width: 520px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 834, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #header {
    min-width: 100%;
    height: auto;
    padding-top: 36px;
  }

  /* line 840, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #header_wrapper {
    width: 100%;
    text-align: center;
  }

  /* line 845, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #language {
    text-align: center;
  }

  /* line 849, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #header_description {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-right: 0;
  }

  /* line 856, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #clear_logo {
    display: inline-block;
    width: 250px;
    height: 66px;
    margin-top: 0;
    background-image: url(http://localhost:3000/assets/top/clearnote_logo_white-cd20d748e6d7f7a65cfb920374d1daec1a5e62fc61ceab34c8ef6b9af620366c.svg);
    background-size: 250px 66px;
    background-repeat: no-repeat;
    position: initial;
  }

  /* line 868, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #clear_icon {
    display: none;
  }

  /* line 872, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #clear_slogan {
    text-align: center;
    font-size: 24px;
    margin-top: 6px;
    position: initial;
  }

  /* line 880, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  .stores.pc {
    display: none;
  }

  /* line 884, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  .stores.sm {
    display: block;
    margin-top: 0;
    padding: 12px 0;
  }

  /* line 890, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #header_smartphone {
    display: block;
    width: 100%;
    text-align: center;
  }

  /* line 896, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  .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;
  }

  /* line 908, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  .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;
  }

  /* line 918, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  .top-hero-prize {
    width: 130px;
    margin: 5px;
  }

  /* line 922, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #screenshots {
    display: inline-block;
    width: 280px;
    height: 260px;
    background-size: 280px auto;
    background-repeat: no-repeat;
    background-position: 0 20px;
  }

  /* line 931, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #middle_wrapper {
    width: 100%;
  }

  /* line 935, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #middle {
    height: auto;
    min-width: 100%;
    padding-bottom: 32px;
  }

  /* line 941, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  .feature {
    display: block;
    width: 100%;
    height: auto;
    margin-right: 0;
    padding-top: 48px;
  }

  /* line 949, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  .feature-description {
    margin-bottom: 24px;
  }

  /* line 952, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  .feature-chart-table {
    width: 92%;
  }

  /* line 956, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #twitter {
    min-width: 100%;
  }

  /* line 960, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #twitter_wrapper {
    height: auto;
    margin: 0 auto;
    text-align: center;
  }

  /* line 966, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #footer_wrapper {
    min-width: 100%;
  }

  /* line 970, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #footer {
    width: 100%;
  }
}
/* public notebook *********************************************************/
/* line 976, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#header_pn {
  padding: 12px 24px;
}

/* line 980, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.open-app {
  margin: 0 24px 10px;
}

/* flash ******************************************************************* */
/* line 985, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.flash-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 990, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.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;
}
/* line 999, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.flash-wrapper .message p {
  padding: 4px 16px;
}
/* line 1002, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.flash-wrapper .error {
  border: 1px solid #993624;
  background: #cc4831 url(http://localhost:3000/assets/messages/error-b49030a968bf5f02c930abb46ea6d361974d300b6c7c387ebcf4c2cb4fefbb4e.png) no-repeat 10px center;
  color: white;
}
/* line 1007, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.flash-wrapper .warning,
.flash-wrapper .alert {
  border: 1px solid #bb9004;
  background: #f9c006 url(http://localhost:3000/assets/messages/warning-8870036ba22ce34d024bbedffd2f5401dfe2a71c0d3e18aea0e84e1d0365687f.png) no-repeat 10px center;
}
/* line 1012, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.flash-wrapper .notice {
  border: 1px solid #8a9daa;
  background: #b8d1e2 url(http://localhost:3000/assets/messages/notice-3aa477907624b3483f60c60549ee417b50636bbcdf20d88da7e958e8278b8078.png) no-repeat 10px center;
  color: #28485e;
}
/* line 1017, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.flash-wrapper .information {
  border: 1px solid #b9cbcb;
  background: #edeff4 url(http://localhost:3000/assets/messages/notice-3aa477907624b3483f60c60549ee417b50636bbcdf20d88da7e958e8278b8078.png) no-repeat 10px center;
  color: #28485e;
}

/* line 1024, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.field-with-errors {
  margin-bottom: 2px;
}

/* line 1027, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.field-with-errors .label {
  display: block;
}

/* line 1030, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.field-with-errors .error,
.error-text {
  font-weight: bold;
  color: red;
}

/* etc ******************************************************************* */
/* line 1037, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.logo-large {
  width: 260px;
  position: relative;
}

/* line 1041, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.logo {
  width: 230px;
}

/* line 1045, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.introduction {
  margin: 10px;
  font-size: 16px;
}

/* line 1050, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#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);
}
/* line 1056, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#service_about ul.about li {
  border-bottom: 1px solid #ccc;
}
/* line 1059, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#service_about ul.about li:hover {
  background-color: #eee;
}
/* line 1062, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#service_about ul.about li:last-child {
  border-bottom: none;
}
/* line 1065, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
#service_about ul.about li a {
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 10px 15px;
}

/* line 1073, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.about-detail .term {
  margin: 20px 15px;
}
/* line 1075, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.about-detail .term .title {
  font-size: 16px;
  font-weight: bold;
}
/* line 1079, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.about-detail .term .content {
  margin-left: 1em;
}
/* line 1081, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.about-detail .term .content ul {
  margin-left: 1.5em;
  list-style: disc;
}
/* line 1085, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.about-detail .term .content ul.decimal {
  list-style: decimal;
}
/* line 1088, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.about-detail .term .content ul.lower-latin {
  list-style: lower-latin;
}

/* line 1095, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.ordesrcontract-detail .inner {
  margin: 20px 160px 40px 40px;
}
/* line 1097, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.ordesrcontract-detail .inner h3 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}
/* line 1102, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.ordesrcontract-detail .inner .term {
  border-bottom: 1px solid #eee;
  margin-bottom: 28px;
}
/* line 1105, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.ordesrcontract-detail .inner .term .title {
  font-size: 22px;
  font-weight: bold;
}
/* line 1109, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.ordesrcontract-detail .inner .term .content {
  font-size: 16px;
  color: #333;
  margin: 10px 28px 28px;
}
/* line 1113, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.ordesrcontract-detail .inner .term .content p {
  margin: 8px 0 -12px 0;
}

@media (max-width: 520px) {
  /* line 1122, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  #twitter_wrapper {
    display: table;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
  }
}
/* line 1131, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.base-component.clear-mail-received-illust {
  background-image: url(http://localhost:3000/assets/mail_received.png);
  display: inline-block;
  background-repeat: no-repeat;
  height: 131px;
  width: 152px;
}

/* line 1139, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.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) {
  /* line 1139, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
  .base-component.alert.alert-info {
    padding: 21px 22px;
  }
}

/* line 1160, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.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;
}
/* line 1173, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.base-component.action-form-button:hover {
  cursor: pointer;
}
/* line 1177, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.base-component.action-form-button:active {
  filter: brightness(0.7);
}
/* line 1181, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.base-component.action-form-button:focus {
  box-shadow: #12aaef 0px 0px 6px;
}

/* line 1187, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.base-component.action-form-input-control label {
  display: block;
  color: #424242;
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 0.5rem;
}
/* line 1196, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.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;
}
/* line 1206, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.base-component.action-form-input-control input[type="text"]:focus {
  outline: none;
  border: 3px solid #41c3ff;
  width: 100%;
  padding: 15px 12px;
  margin: 0px;
}
/* line 1214, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.base-component.action-form-input-control input[type="text"]::placeholder {
  color: #949494;
}
/* line 1220, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.base-component.action-form-input-control.error input[type="text"] {
  background: rgba(255, 90, 90, 0.1);
  border: 1px solid #ff5a5a;
}
/* line 1224, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.base-component.action-form-input-control.error input[type="text"]:focus {
  padding: 16px 13px;
  width: calc(100% - 2px);
  margin: 1px;
}
/* line 1231, /webrails/concourse_rails/app/assets/stylesheets/themes/base.css.scss */
.base-component.action-form-input-control.error .error-message {
  margin-top: 8px;
  display: block;
  color: #ff5a5a;
}
/*


*/