body{ 
 background: url('ken.png');
  background-size: cover;}
  
h1 {font-family:'arial narrow'sans-serif;color:#ffffff; font-size: 8ex; margin:0;}

.maru  {position: relative; width:85px; height: 85px; border-radius:50%;
       background-color:#ffffff; text-align:center; float: right;
       margin-top:30px; margin-right:30px;}



.maru span {position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :85px;
  text-align:center;
  font-weight: bold;
}

 
parple {color:#884898;}
parple2 {color:#884898;font-weight: bold;}
.tate {color:#ffffff;
float: right;
writing-mode: vertical-rl;
    }


.maru2  {position: relative; width:160px; height:160px; border-radius:50%;
       background-color:#e9ee2e; text-align:center; float: right;
        margin-left:100%;}


.maru2 span {position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :160px;
  text-align:center;
}

daen {border: 2px solid #fc5c00;
  border-radius: 1.5ex;
  background-color: #fc5c00;
  color:#ffffff;
  text-align: center;}

dai {font-size:4ex;font-family:'游明朝'sans-serif;font-weight: bold;}
  
.footer span {color:#ffffff;}  
  
 footer {position:absolute; bottom:0;}
 
.rb {position: absolute; color :#ffffff;}

.rb span {float: right; bottom:0 }