@charset "utf-8";

.fadeLeft{
    animation-name:fadeLeftAnime;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeLeftAnime{
      from {
        opacity: 0;
        transform: translateX(-100px);
      }
    
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

.wakugumi {
    background-color: rgb(255, 255, 255);
    color: rgb(85, 85, 85);
    width: 75%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 5px;
    padding: 1em;
    margin: 3em auto;
    border-top: 5px solid rgb(255, 153, 204);
}

.wakugumi1 {
    background-color: rgb(255, 255, 255);
    color: rgb(85, 85, 85);
    width: 90%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 5px;
    padding: 1em;
    margin: 3em auto;
    border-top: 5px solid rgb(255, 153, 204);
}

.wakugumi2 {
  background-color: rgb(255, 255, 255);
  color: rgb(85, 85, 85);
  width: 90%;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 5px;
  padding: 1em;
  margin: 3em auto;
  border-top: 5px solid rgb(255, 153, 204);
  
}


.kikai{
font-weight: bold;

}
/*スマホ向けルール*/
@media (min-width:600px)
{
    .waku{
        width:50% ;
        margin: 0 auto;
    }
    body{
        background-color: #ffffff;

    }

}