/* line 1, ../../../../sass/front/sp/sysRequirement/screen.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 8, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req {
  width: 100%;
  font-size: 12px;
}
/* line 11, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main {
  width: 100%;
  height: auto;
}
/* line 14, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main .error {
  margin: 10px 0 0px 20px;
  padding: 8px;
  border: 1px solid #EF8BAA;
  background: #FCF3F7;
  width: 60%;
}
/* line 20, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main .error li {
  list-style-type: none;
  color: red;
}
/* line 25, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main h1 {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWJkZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMWU4Y2JjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzNhYmRmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33abdf), color-stop(50%, #1e8cbc), color-stop(100%, #33abdf));
  background: -moz-linear-gradient(#33abdf, #1e8cbc, #33abdf);
  background: -webkit-linear-gradient(#33abdf, #1e8cbc, #33abdf);
  background: linear-gradient(#33abdf, #1e8cbc, #33abdf);
  border-radius: 6px;
  margin: 6 1.5%;
  border-radius: 6px;
  font-size: 20;
  padding: 8 0 10 38;
  vertical-align: middle;
  color: #fff;
}
/* line 34, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main h1 .fa {
  color: #fff;
  font-size: 24;
  margin-left: -28px;
  padding-top: 3px;
  position: absolute;
}
/* line 42, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main h2 {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhNGRiMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDczNjdjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGE0ZGIxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0a4db1), color-stop(50%, #07367c), color-stop(100%, #0a4db1));
  background: -moz-linear-gradient(#0a4db1, #07367c, #0a4db1);
  background: -webkit-linear-gradient(#0a4db1, #07367c, #0a4db1);
  background: linear-gradient(#0a4db1, #07367c, #0a4db1);
  border-radius: 6px;
  margin: 6 1.5%;
  border-radius: 6px;
  font-size: 20;
  padding: 8 0 10 38;
  vertical-align: middle;
  color: #fff;
}
/* line 51, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main h2 .fa {
  color: #fff;
  font-size: 24;
  margin-left: -28px;
  padding-top: 3px;
  position: absolute;
}
/* line 59, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main p.description {
  font-size: 14px;
  margin: 10px 10px 0px 10px;
  padding: 6px;
}
/* line 64, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main .sys-main {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 15px;
  margin-right: 15px;
}
/* line 69, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main .sys-main h3 {
  color: #fff;
  font-size: 16px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOWQ5ZDlkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(50%, #9d9d9d), color-stop(100%, #dddddd));
  background: -moz-linear-gradient(#dddddd, #9d9d9d, #dddddd);
  background: -webkit-linear-gradient(#dddddd, #9d9d9d, #dddddd);
  background: linear-gradient(#dddddd, #9d9d9d, #dddddd);
  border-radius: 5px;
  padding: 6px 0px 4px 7px;
  margin-bottom: 10px;
}
/* line 77, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main .sys-main h4 {
  font-size: 15px;
  color: #23abdf;
}
/* line 81, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main .sys-main div.os {
  width: 100%;
  margin-left: 5px;
  margin-bottom: 10px;
  padding: 5px;
}
/* line 86, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main .sys-main div.os li {
  font-size: 14px;
  list-style-type: circle;
  margin-left: 20px;
}
/* line 92, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main .sys-main div.cautions {
  font-size: 12px;
  width: 100% / 1.3;
  padding: 7px;
}
/* line 96, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main .sys-main div.cautions p {
  margin-bottom: 5px;
}
/* line 98, ../../../../sass/front/sp/sysRequirement/screen.scss */
#sys-req #main .sys-main div.cautions p:last-child {
  margin-bottom: 0px;
}