body{
  font-family: "Meiryo","メイリオ","sans-serif","system-ui";
  background-color: #0095cd;
  color: #fff;
}

@keyframes bg {
  0% {
    background-position:100px 100px;
  }
  100% {
    background-position: 0px 0px;
  }
}

#header{
  background: repeating-linear-gradient(135deg, #2360AF, #2360AF 20px, #285A9D 20px, #285A9D 40px);
  width: 100vw;
  display: flex;
}

#quattro_logo{
  width: 200px;
  padding: 10%;
  margin-left:auto
}

#footer{
  background: repeating-linear-gradient(135deg, #2360AF, #2360AF 20px, #285A9D 20px, #285A9D 40px);
  /* width: 100vw; */
  text-align: center;
  margin-top: 50px;
  padding: 20px;
  color: white;
}

#main_container{
    margin: auto;
}

#privacypolicy{
  width: 80%;
  margin: auto;
  height: auto;
}

h1{
  color: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
}

h2{
  color: #fff;
  margin-top: 50px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  text-decoration:underline;
  text-underline-offset:5px;
  text-decoration-thickness: 1px;
}

li{
  list-style-type: decimal;
  margin-bottom: 10px;
  margin: 1em;
}

.sub1 > li{
  list-style-type: lower-alpha;
  margin-bottom: 10px;
  margin: 1em;
}

.sub2 > li{
  list-style-type: lower-roman;
  margin-bottom: 10px;
  margin: 1em;
}

.backbtn{
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  padding: 8px 0px;
  margin: auto ;
  text-align: center;
}