@charset "UTF-8";

/* ▼ Modified 202206, 202601 ▼ */
.subnav { margin: 40px 0 0; }
.subnav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 30px;
}
/* ▲ Modified 202206, 202601 ▲ */

/* ▼ Modified 202206 ▼ */
.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;
}
/* ▲ Modified 202206 ▲ */

/* ▼ Modified 202206, 202601 ▼ */
.subnav li:not(:first-of-type, :nth-of-type(2), :last-of-type) a { line-height: 70px; }
/* ▲ Modified 202206, 202601 ▲ */

/* ▼ Modified 202206 ▼ */
.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 ▲ */

/* ▼ Add 202601 ▼ */
@media screen and (max-width: 1096px) {
  .subnav { overflow-x: scroll; }
  .subnav ul { width: 1096px; }
  .subnav li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 768px) {
  .subnav li { height: 65px; }
  .subnav li:not(:first-of-type, :nth-of-type(2), :last-of-type) a { line-height: 65px; }
}
/* ▲ Add 202601 ▲ */

/* ▼ Modified 202206, 202601 ▼ */
@media screen and (max-width: 600px) {
  .subnav ul { width: 900px; }
  .subnav li {
    height: 60px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  /*
  .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), :last-of-type) a { line-height: 60px; }
}
/* ▲ Modified 202206, 202601 ▲ */

/*
@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; }
}
*/