.tokujyu_archive {
    margin: 55px 0 22px;
}

.tokujyu_archive:before, .tokujyu_archive:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #00DEC1;
}
.tokujyu_archive a {
    background-image: url(https://img21.shop-pro.jp/PA01447/002/etc/pc_tokujyu_back02-min.jpg?cmsp_timestamp=20200929094317);
    display: block;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 3px 0;
}
.tokujyu_archive a:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 200px;
    background-color: rgba(0,222,193,0.8);
    transition: 0.4s ease;
}

.tokujyu_archive a:hover:before {
background-color: rgba(0,222,193,0.9);
}
.tokujyu_archive a strong {
    position: absolute;
    left: 0%;
    top: 30%;
  width:100%;
  text-align:center;
    font-size: 27px;
    color: #000;
    letter-spacing: 0.15em;
}
.tokujyu_archive a p {
    position: absolute;
    left: 0%;
    top: 55%;
  width:100%;
  text-align:center;
    font-size: 15px;
    color: #000;
    letter-spacing: 0.15em;
  line-height: 1.7;
}

/* ¥¹¥Þ¥Û¡¡*/
@media screen and (max-width: 768px) { 
.tokujyu_archive {
  width:calc(100% - 25px);
    margin: 65px auto 15px;
}
  
  .tokujyu_archive a:before {
    padding-top: 57%;
  }
  
  .tokujyu_archive a strong{
top: 29%;
    font-size: 25px;
  }
  
  .tokujyu_archive a p{
  top: 60%;
    font-size:16px;
  }
}