@charset "utf-8";
/* CSS Document */

/*nav.css*/
nav{
  max-width: 700px;
  padding-right: 10px;
}

.main_nav{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.main_nav li{
  text-align: center;
  font-size: min(1.11vw, 16px);
  margin-left: 20px;
}
.main_nav li img{
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: contain;
}
.br_responsible{
  display: none;
}
@media screen and (max-width:917px){
  .br_responsible{
    display: inline;
  }
}

/*-------------------------
  SECTION sp_nav（sp用のnav）
-------------------------*/

@media screen and (max-width:600px){
  nav{
    display: none;
  }
  .menu{
    font-weight: bold;
    text-align: center;
    font-size: 1rem;
    padding-bottom: 10px;
  }
  .top_nav{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 70px;
}
  .top_nav li{
    text-align: center;
    width: 29%;
    font-size: min(1.11vw, 16px);
    margin-left: 0;
    margin-bottom: 10px;
    border: 3px solid #B3E5FB;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .top_nav li img{
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: contain;
  }
  .top_nav li p{
    font-size: .7rem;
  }
  .br_responsible{
    display: none;
  }
}