@charset "UTF-8";

/*------ホームページ限定キャンペーン------*/
.campaign{
  display:flex;
  justify-content: center;
  align-items:center;
}

.campaign_list{
  width:32%;
  max-width:280px;
  margin:0 1rem;
}

.campaign_list_inner{
  position: relative;
  padding: 50%;
  border-radius: 50%;
  background-color: #52c4e2;
}

.campaign_list_inner p{
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    color: #fff;
}

@media screen and (max-width:600px){
  .campaign {
    flex-direction: column;
  }

 .campaign_list{
    width: 80%;
    margin: 1rem 0;
  }
}