@media screen and (min-width: 786px) and (max-width: 1600px) {
  .home_banner .intro {
    overflow: hidden;
    padding: 100px 0 50px;
  }
  .application_resource .main table tbody tr td {
    width: auto !important;
  }
  html[lang="ja"] header .header nav div > ul{
    gap: 20px;
  }
}
@media screen and (min-width: 786px) and (max-width: 1400px) {
  .content {
    padding: 0 1.2rem;
  }
  .swiper_content {
    padding: 10px 1.2rem;
  }
  .product_data .main ul li .right table tr td {
    padding: 10px 5px;
  }
  .product_data .main ul li .right table tr td:first-child {
    padding-left: 12px;
  }
  .product_data .main ul li .right table tr td:last-child {
    padding-right: 12px;
  }
}
@media screen and (min-width: 786px) and (max-width: 1260px) {
  .content {
    max-width: 1000px;
  }
  .swiper_content {
    max-width: 1020px;
  }
  header .header nav div > ul {
    gap: 1.2rem;
  }
  header .header .btns .button_r {
    display: none;
  }
  footer .footer .right {
    width: unset;
    flex: 1;
    padding-left: 2rem;
  }
  .comment_box .comment_swiper .swiper-slide {
    padding: 68px 10% 30px;
  }
  .applications_main .main .container {
    gap: 1rem;
  }
  .events_main .main .right ul {
    gap: 1.2rem 1rem;
  }
  .home_banner .intro .left li {
    transform: scale(0.8);
  }
  .home_banner .intro .right {
    padding: 2rem;
  }
  .home_solution .main ul {
    gap: 1rem;
  }
  .home_product .info .btns {
    gap: 1rem;
  }
  .home_product .info .btns a {
    padding: 14px 20px;
    text-align: center;
  }
  .home_say .main .right {
    flex: unset;
    width: 47%;
  }
  .home_say .main .right .home_say_swiper_box {
    padding-right: 1.2rem;
  }
  .product_start .main ul {
    gap: 1.2rem;
  }
  .product_space .head .items .item {
    gap: 1.2rem;
  }
  .product_data .main ul li .right table tr td {
    font-size: 1rem;
  }
  .start_main .main .left {
    width: unset;
    flex: 1;
    padding-right: 2rem;
  }

  
  html[lang="ja"] header .header nav div > ul{
    gap: 10px;
  }
}
@media screen and (min-width: 786px) and (max-width: 1000px) {
  .content {
    max-width: 786px;
  }
  .swiper_content {
    max-width: 806px;
  }
  header .header nav div > ul {
    gap: 1rem;
  }
  header .header nav div > ul > li > a {
    font-size: 1rem;
  }
  header .header .btns .button {
    display: none;
  }
  .application_product .main ul {
    gap: 1rem;
  }
  .application_product .main ul li {
    padding: 1rem;
  }
  .application_resource .main .items .item ul li a {
    padding-left: 1rem;
  }
  .applications_main .main .container {
    grid-template-columns: repeat(3, 1fr);
  }
  .contact_infos ul li .button {
    padding: 15px;
    text-align: center;
    width: 100%;
  }
  .events_main .main .right ul {
    gap: 1.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .home_banner .intro .left li {
    transform: scale(0.6);
  }
  .home_solution .main ul {
    gap: 1.2rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .home_step .main ul {
    gap: 1rem;
  }
  .product_preview .info h1 {
    font-size: 3rem;
  }
  .product_preview .info h1 span {
    font-size: 3rem;
  }
  .product_start .main ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .product_data .main ul li .right table tr td {
    font-size: 14px;
  }
  .product_videos .main ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .stories_main .main ul,
  .story_related ul {
    grid-template-columns: repeat(2, 1fr);
  }
  header .header .left {
    gap: 2rem;
  }

  html[lang="ja"] header .top ul{
    gap: 5px;
  }
  html[lang="ja"] header .top ul li a{
    font-size: 13px;
  }
}