body
{
	margin:0;
	padding:0;
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;
  background-color: #282C34;
}
/*Body margin & padding disable*/

*
{
	margin: 0;
	padding:0;
}

.main-container {
  margin: 5%;
  color: #181818;
}

.logo-container::after {
  content: "";
  clear: both;
  display: table;
}

.logo-image {
   width: 70px;
   height: 70px;
   float: left;
   margin-right: 15px;
   border-radius: 50%;
   border: 2px solid #9FA5B3;
}

.logo-text {
  font-weight: 450;
  font-size: 150%;
  height: 70px;
  line-height: 70px;
  color: #9FA5B3;
}

.apps-container {
  margin-top: 50px;
}

.app-header {
  font-weight: 350;
  font-size: 130%;
  color: #9FA5B3;
}

ol.app-list {
  margin-top: 30px;
  list-style: none;
}

ol.app-list li.app-item::after {
  content: "";
  font-size: 100%;
  list-style-type: none;
  clear: both;
  display: table;
  /* margin-bottom: 20px; */
  height: 30px;
  /* background: #ebff9c; */
}

ol.app-list li.app-item img.app-image {
   width: 30px;
   height: 30px;
   float: left;
   margin-right: 10px;
   border-radius: 25%;
   /*border: 1px solid #6FB4C0;*/
}

ol.app-list li.app-item a.app-image-link {
   border: none;
}

ol.app-list li.app-item a.app-link {
  color: #A5C1F9;
  text-decoration: none;
}

ol.app-list li.app-item a.app-link:hover {
  text-decoration: underline;
}

ol.app-list li.app-item p.app-text {
  height: 30px;
  line-height: 30px;
}

/* Footer */
.footer {
   /* left: 0;
   bottom: 0;
   width: 100%;
   text-align: left;
   font-size: 80%;
   color: #8c9096; */
}

.footer a {
  /* color: #8c9096; */
}

ol.footer-list {
	margin-top: 30px;
  margin-bottom: 70px;
  list-style: none;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: left;
  font-size: 80%;
  color: #9FA5B3;
}

ol.footer-list li.footer-item::after {
  content: "";
  list-style-type: none;
  clear: both;
  display: table;
  margin-bottom: 10px;
  /* height: 15px; */
}

ol.footer-list li.footer-item a {
  color: #9FA5B3;
  text-decoration: none;
}

ol.footer-list li.footer-item a:hover {
  text-decoration: underline;
}

/* PP */
.pp-container {
  margin: 5%;
  color: #181818;
  font-size: 90%;
  width: 60%;
}

.pp-desc {
  margin-top: 5%;
  margin-bottom: 2%;
  line-height: 160%;
}

.pp-header {
  font-weight: 600;
  font-size: 120%;
  margin-bottom: 2%;
}

.pp-header1 {
  font-weight: 800;
  font-size: 180%;
  margin-bottom: 2%;
  margin-top: 6%;
}

.pp-header2 {
  font-weight: 600;
  font-size: 110%;
  margin-bottom: 0.3%;
  margin-top: 0.3%;
}

.pp-desc-sub {
  margin-top: 2%;
  margin-bottom: 2%;
}