/* --- BOX NO TEIGI -------------------------------------------------*/
.box {
  position      : relative;            
  box-sizing    : border-box;          
  margin        : 14px auto 0 auto;    
  max-width     : 500px;               
  background    : #fff;                
  padding       : 33px 10px 25px 10px; 
  border        : 3px solid #0059b3;   
}
 
 /* --- TITLE BUBUNN NO TEIGi ----------------------------------------*/
.box::before {
  position      : absolute;          
  display       : inline-block;      
  box-sizing    : border-box;        
  line-height   : 1;                 
  background    : #ff7f7f;        
  color         : #ffffff;           
  content       : attr(title);       
  font-weight   : bold;              
  padding       : 8px 15px;          
  top           : -17px;             
  left          : 16px;              
  border-radius : 16px;              
  font-size     : 16px;              
}