@charset "UTF-8";

/* ▼ Modified 202206 ▼ */
.subnav ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.subnav li {
  height: 70px;
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 2px solid transparent;
}
.subnav li a {
  height: 100%;
  display: block;
  line-height: 1.4;
  padding: 0;
  text-decoration: none;
  color: #000;
}
.subnav li:not(:first-of-type, :nth-of-type(2)) a {
  line-height: 70px;
}
.subnav li a span {
  display: block;
  transform: scale(0.9,1.0);
  padding: 12px 0 0;
}
.subnav li a span i { font-style: normal; }
.subnav li a:hover { border-bottom: none; }
.subnav li:hover,
.subnav li.active {
  color: #C51813;
  border-bottom: 2px solid #C51813;
}
.subnav li.active a { color: #C51813; }
/* ▲ Modified 202206 ▲ */

@media screen and (max-width: 600px) {
/* ▼ Modified 202206 ▼ */
.subnav ul {
  justify-content: center;
  flex-wrap: wrap;
}
.subnav li {
  height: auto;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 0;
}
.subnav li:first-of-type, .subnav li:nth-of-type(2) {
  width: 50%;
  margin: 0 0 15px;
}
.subnav li:not(:first-of-type, :nth-of-type(2)) {
  margin: 0 15px;
}
.subnav li:not(:first-of-type, :nth-of-type(2)) a { line-height: 1.4; }
.subnav li a span { padding: 0; }
/* ▲ Modified 202206 ▲ */
}

@media screen and (max-width: 414px) {
  .subnav li a span { transform: scale(0.7,1.0); }
}
@media screen and (max-width: 375px) {
  .subnav li a span i { display: none; }
}