ul.footer-corporate-link > li:nth-child(6) > a {
  padding-left: 7px;
}
.vegi-icon{
    display: flex;
    margin-bottom: 20px;
    gap: 20px;
}
.vegi-icon-list{
    max-width: 90px;
    min-width: 48px;
}
.vegi-icon-btn {
    padding: 0;
    border: none;    
    background: none;
    cursor: pointer;
    outline: none;
}
.vegi-icon-btn.is-active img,
.vegi-icon-btn:active img {
    opacity: 1 !important;
    filter: brightness(0.5) !important;
}
.vegi-icon-btn img {
    width: 100%;
    display: block;
    border-radius: 18px;
}
.vegi-icon-name {
    text-align: center;
    font-size: 11px;
}
.japan-map{
  position: relative;
  border: 2px solid #000;
}
.seazon-icon{
  position: absolute;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 210px;
  margin-top: 60px;
  margin-left: 30px;
}
.seazon-icon-list{
  width: calc(50% - 5px);
  box-sizing: border-box;
  max-width: 80px;
}
.seazon-icon-btn{
  width: 100%;
  display: block;
  padding: 0;
  overflow: hidden;
  border: none;    
  background: none;
  cursor: pointer;
  outline: none;
}
.seazon-icon-btn.is-active img,
.seazon-icon-btn:active img {
    opacity: 1 !important;
    filter: brightness(0.5) !important;
}
.seazon-icon-btn img{
  width: 100%;
  display: block;
  border-radius: 18px;
}
.filter-step-p{
  font-size: 18px;
  font-weight: bold;
  margin: 10px 10px 0px 10px;
}
.vegi-gradation {
    position: absolute;
    left: 30px;
    top: 450px;
    width: 170px;
}
@media screen and (max-width: 1000px){
  .vegi-gradation {
    top: 320px;
  }
}
@media screen and (max-width: 768px) {
  .main .table {
      margin-top: 20px;
      margin-bottom: 30px;
  }
  ul.seazon-icon {
      margin-top: 78px;
      margin-left: 18px;
  }
  li.seazon-icon-list {
      max-width: 68px;
  }
  .vegi-gradation {
    top: 260px;
    width: 120px;
  }
  .filter-step-p-2{
    font-size: 16px;
  }
}
@media screen and (max-width: 500px) {
  .vegi-gradation {
    top: 198px; 
    width: 82px;
    left: 20px;
  }
  .seazon-icon {
      max-width: 156px;
  }
  li.seazon-icon-list {
      max-width: 48px;
  }
  .vegi-icon {
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .vegi-icon-list{
    width: 48px;
    height: 70px;
  }
}