@media screen and (min-width: 769px) {
  .tech-nav {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
  }
  
  .tech-nav .tech-nav-item {
    margin-top: 0;
  }
  
  .tech-nav .tech-nav-item .c-title._h3 {
    color: #222;
    background-color: #fff;
    border-bottom: 2px solid #ccc;
    padding: 8px 0;
    margin-bottom: 0;
  }
  
  .tech-nav .tech-nav-item .c-title._h3 .c-link._arrow {
    text-decoration: none;
  }
  
  .tech-nav .tech-nav-item .c-title._h3:hover {
    color: #c01 !important;
    border-bottom: 2px solid #c01;
  }
  
  .tech-nav .tech-nav-item .c-title._h3.is-active {
    color: #c01 !important;
    border-bottom: 2px solid #c01;
  }
  
  .tech-nav .tech-nav-item .c-title._h3.is-active a {
    color: #c01 !important;
    text-decoration: none;
  }
  
  .menu-content {
    display: block;
    padding: 20px 0;
  }
  
  .menu-open {
    display: none;
  }
  
  .menu-open.is-active span {
    color: #c01;
  }
  
  .u-divider._thick {
    height: 5px !important;
    background-color: #dcdede !important;
  }
  
  .sp-only {
    display: none;
  }
  
  .tech-no-break {
    white-space: no-wrap;
    display: inline-block;
  }
  
  .c-list .is-active a {
    color: #c01;
  }
}

@media screen and (max-width: 768px) {
  .tech-nav .tech-nav-item {
    margin-top: 0;
  }
  
  .tech-nav .tech-nav-item .c-title._h3 {
    display: none;
  }
  
  .menu-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s;
  }
  .menu-content_inner{
    overflow:hidden;
  }
  .content-wrap{
    padding: 20px 18px;  
  }
  
  .menu-open {
    background-color: #fff;
    border: 1px solid #babdbe;
    border-radius: 2px;
    display: block;
    font-size: 1.8rem;
    min-height: 44px;
    padding: 7px 55px 7px 15px;
    position: relative;
    text-align: left;
    width: 100%;
  }
  
  .menu-open::before {
    background-color: #dcdede;
    border-radius: 2px;
    content: "";
    display: block;
    height: 34px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
  }
  
  .menu-open::after {
    border-bottom: 2px solid #222;
    border-left-width: 0;
    border-right: 2px solid #222;
    border-top-width: 0;
    content: "";
    height: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-75%) rotate(45deg);
    width: 8px;
    right: 28px;
  }
  
  .menu-open.is-active {
    background-color: #525b5c;
    color: #fff;
  }
  
  .menu-open.is-active::before {
    background-color: #fff;
  }
  
  .menu-open.is-active::after {
    transform: translateY(-25%) rotate(-135deg);
  }
  
  .u-divider._thick {
    height: 5px !important;
    background-color: #dcdede !important;
  }
  
  .sp-only {
    display: block;
  }
  .c-list .is-active a {
    color: #c01;
  }
}

@media only print, screen and (min-width: 1025px) {
  .p-link-box__link {
    padding: 1rem 6rem 1rem 1rem !important;
  }
  
  .p-link-box__image {
    width: 100px !important;
    max-width: 100px !important;
  }
}

/* 追加してください */
@media (max-width: 768px) {
  .menu-content.is-active {
    grid-template-rows: 1fr;
    border-bottom:1px solid #d1d1d1;
    border-left:1px solid #d1d1d1;
    border-right:1px solid #d1d1d1;
  }
}