#index_about__img a{
position:relative;
display:block;
}
#index_about__img a:after{
 background: rgba(33, 33, 33, 0.4);
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 content: '';
 z-index: 1;
}
#index_about__img a h2{
position:absolute;
top:50%;
left:50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 z-index: 2;
 font-size: 1.875rem;
 color:#fff;
}
#index_item #index_item__list ul li a .index_item__list-taste{
    position: absolute;
    top: 50%;
    left: 35%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
    font-size: 1.35rem;
    color: #fff;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: 0.6s all;
    transition: 0.6s all;
}
#index_item #index_item__list ul li a:hover .index_item__list-taste {
    opacity: 1;
    -webkit-transition: 0.6s all;
    transition: 0.6s all;
}
@media screen and (max-width: 1200px) {
#index_item #index_item__list ul li a .index_item__list-taste{
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  #index_item #index_item__list ul li a .index_item__list-taste{
   font-size: 1.1rem;
    left:30%;
  }
}
@media screen and (max-width: 766px) {
#index_about__img a h2 {
    font-size: 20px;
    font-size: 1.25rem;
    white-space: nowrap;
}
 #index_item #index_item__list ul li a .index_item__list-taste{
    opacity: 1;
    font-size: 0.7rem;
    left:30%;
  }
}