@charset "UTF-8";

/* メインナビ */
#mainnav ul{
  display: flex;
  flex-wrap:wrap;
  padding:10px 0;
  justify-content:space-between;
  column-gap:20px;
  row-gap:30px;
}
#mainnav li{
  width:20%;
}
#mainnav ul:after {
  content: "";
  width: 20%;
  height: 0;
}
#mainnav ul:before {
  content: "";
  width: 20%;
  height: 0;
  order:1;
}
#mainnav li a:hover{
opacity:0.5;
transition:0.5s;
}
.cont-ttl{
  font-size:1em;
  font-weight:normal;
  text-align: center;
  margin-top:5px;
}

/* お問い合わせ */
.btn {
  font-weight: 200;
  letter-spacing: 1px;
  padding: 13px 20px 13px;
  outline: 0;
  border: 1px solid #333333;
  cursor: pointer;
  position: relative;
  background-color: rgba(0, 0, 0, 0);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
.btn:after {
  content: "";
  background-color: #ffff10d0;
  width: 100%;
  z-index: -1;
  position: absolute;
  height: 100%;
  top: 7px;
  left: 7px;
  transition: 0.2s;
}
.btn:hover:after {
  top: 0px;
  left: 0px;
}
.contact p::after{
  content:"";
  display:inline-block;
  width: 16px;
  height:16px;
  background-image:url(../img/main/mail-icon.png);
  background-size:contain;
  vertical-align:middle;
  margin-left:5px;
}

/* インフォ */
#news dt:nth-child(n+7){
  display: none;
}
#news dd:nth-child(n+7){
  display: none;
}

/* SP */
@media screen and (max-width: 600px) {
  #mainvisual{
    margin-bottom:20px;
  }
  #mainvisual img{
    object-fit: cover;
    height:200px;
  }
  #mainnav ul{
    display: flex;
    flex-wrap:wrap;
    padding:10px 0;
    justify-content:space-between;
    column-gap:10px;
    row-gap:30px;
  }
  #mainnav li{
    width:45%;
  } 
}