/*main*/
.video_mottom blockquote p.h3{
  font-size: 1.6vw;
}
.video_mottom blockquote p.summary{
  font-size: .9vw;
}
.video_mottom button{
  font-size: .9vw;
}
.popscroll{
  height: 385px;
}

nav.nav button hr{
  display: none;
}
@media (max-width: 577px) {

  .video_mottom blockquote p.summary{

    font-size: 5vw;
    line-height: 170%;
  }
  .video_mottom blockquote p.h3{
    font-size: 7vw;
  }
  .video_mottom button{
    font-size: 5vw;
  }
}

/*layout*/
#menu-container{
  grid-template-columns: 160px 140px 180px 170px;
}
#menu-container li div.company a,
#menu-container li div.product a,
#menu-container li div.data-room a,
#menu-container li div.community a {
  display: none;
}


@media (min-width: 1301px) {
  #menu-container {
    width: 650px;
  }
  nav.nav button{
    font-size: 1.1rem;

  }
  header:hover .header_sub {
    height: 210px;
  }
  nav.nav{
    width:600px;
  }
}

@media (min-width: 991px) and (max-width: 1300px) {
  nav.nav{
    gap: 25px;
    width: 450px;
  }
  nav.nav button{
    font-size: .9rem;
  }
  header:hover .header_sub {
    height: 160px;
  }
  #menu-container {
    width: 650px;
  }
}

@media (max-width: 990px) {
  #menu-container {
      grid-template-columns: 1fr;
      width: 100%;
      border-left: 0;
  }
  .history_group{
    gap:0!important;
  }
  .history_dl {
    grid-template-columns: 1fr!important;
  }
  .footer_menu button{
    font-size: .75rem
  }
  .family_select{
    font-size: .75rem
  }
  .hero_tab_group button{
    font-size: .9rem;
  }
  .popup_inner {
    padding: 54px 0 0 0;
  }
  .popscroll{
    height: calc(100% - 54px);
    width: 100%;
    padding:0 20px;
  }
  #pop_email .popup_inner {
    padding: 103px 0 0 0;
  }
  #pop_email .popscroll {
    height: calc(100% - 103px);
  }
}

/*content*/
.history_group{
  gap: 50PX;
}
.history_dl{
  grid-template-columns: 120px 1fr;
}

/*i.contact_ico{*/
/*  mask-position: 50% calc(50% - 40px);*/
/*  -webkit-mask-position: 50% calc(50% - 40px);*/
/*}*/