/* ドロップダウン */


.gnavi__list {
    width: 78%;
    background-color: #faa732;
    position: relative;
    transition: all .3s;
    padding: 2rem;
    border-radius: 1rem;
}

@media screen and (min-width: 768px) {
  .gnavi__list {
    width: 28%;
    background-color: #faa732;
    position: relative;
    transition: all .3s;
    padding: 2rem;
    border-radius: 1rem;
  }
}

.gnavi__list:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
}

.gnavi__list span {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.05em;
    font-weight: 600;
    transition: all .3s;
}

.dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.dropdown__lists a{
    color: #000;
}

.gnavi__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/
}

.dropdown__list {
    background-color: #fff;
    width: 100%;
    position: relative;
    padding: 1.5rem;
}

.dropdown__list a{
    font-size: 1.5rem;
}


.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
}

.dropdown__list a {
    justify-content: center;
    align-items: center;
    color: #000;
    text-decoration: none;
    position: relative;
}
.gnavi__list::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(223deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}

#footer {
    margin-top: 9rem;
}