@charset "UTF-8";
.c-note{
  font-size: 80%;
  margin: auto;
  text-align: center;
}
.vote{
  gap: min(20vw, 40px);
}
.vote__item{
  width: 95%;
  margin: 0 auto min(8vw,40px);
  border: 1px solid #dbdbdb;
  
}

.vote__avatar{
width: 100%;
aspect-ratio: 4/3;
/* border-radius: min(4vw, 12px); */
overflow: hidden;
/* margin-bottom: min(3vw, 16px); */
}

.vote__avatar img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.vote__body{
  padding: min(3vw, 16px) min(8vw,30px);
  position: relative;
}
.vote__title{
  font-size: min(6vw,22px);
  font-weight: 700;
  margin-bottom: min(3vw, 16px);
  line-height: 1.4;
}
.vote__title small{
  font-size: 60%;
  /* display: block; */
}
.vote__text{
  font-size: min(3.5vw,14px);
  height: 3em;
  /* margin-bottom: min(3vw, 16px); */
}
.vote__count{
  font-size: min(4.5vw,20px);
  margin: 0 auto;
  color: #097ecd;
  line-height: 1.4;
  text-align: center;
}
.vote__count strong{
  font-weight: 700;
  font-size: 180%;
  display: inline-block;
  margin: 0 .2em;

}
.vote__btn{
  margin: 0 auto;
}

.vote__sns{
  list-style: none;
  padding-left: 0 !important;
  margin-bottom: min(3vw, 16px);
  gap: min(1vw, 8px);
  font-size:24px;
  position: absolute;
  top: min(1.5vw, 16px);
  right: min(3vw, 16px);
  /* align-items: flex-end; */
  /* justify-content: flex-end; */
}

@media only screen and (min-width: 600px) {
  .vote{
    display: flex;
    flex-wrap: wrap;
    gap: min(20vw, 40px);
  }
  .vote__item{
    width: calc(50% - min(10vw, 40px)/2);
    margin: 0;
  }
}
/*---- top 求人secタイトル -----*/
/* @media only screen and (max-width: 600px) {

} */