.member__menu {
    width: 100%;
    background-color: #434343;
    overflow: auto;
    height: 40px;
    padding:0 20px
}

.member__menu::-webkit-scrollbar{
    display: none;
  }

.member__menu__list {
    display: flex;
    height: 100%;
    align-items: center;
}


.member__menu__list li{
   white-space: nowrap;
   font-family: 'Kosugi Maru', sans-serif;

}
.member__menu__list li:not(:last-child){
    margin-right:30px;
}

.member__menu__list li a{
    color: #fff;
}

.member__bg{
    background-color: #EAEAEA;
    padding: 40px 0 60px;
}

.member__ttl{
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #2C2C2C;
}

.member__common__list__dt {
    background-color:#3B92DA ;
    padding: 10px 20px;
}

.member__common__list__dt__info {
    font-size: 20px;
    line-height:calc(24/20);
    color: #fff;
}

.member-topix__top__time {}

.member-topix__top__txt {
   
}

.member__common__list__info{
    background-color: #fff;
}

@media screen and (min-width: 768px){
    .member__menu {
        width: 100%;
        background-color: #434343;
        overflow: visible;
        height: 60px;
        padding:0 20px
    }
    
    .member__menu::-webkit-scrollbar{
        display: none;
      }
    
    .member__menu__list {
        display: flex;
        height: 100%;
        align-items: center;
        max-width: 1030px;
        padding: 0 15px;
        margin: 0 auto;
        justify-content: space-between;
    }
    
    
    .member__menu__list li{
       white-space: normal;
       font-family: 'Kosugi Maru', sans-serif;
       line-height: 1.3;
    
    }
    .member__menu__list li:not(:last-child){
        margin-right:20px;
    }
    
    .member__menu__list li a{
        color: #fff;
    }

    .member__bg{
        padding: 110px 0 60px;
    }

    .member__ttl{
        font-size: 40px;
        font-family: 'Noto Sans JP', sans-serif;
    }

    .member__common__list__dt {
        background-color:#3B92DA ;
        padding: 15px 0;
       

    }
    
    .member__common__list__dt__info {
        font-size: 20px;
        line-height:calc(24/20);
        color: #fff;
        display: flex;
        max-width: 830px;
        padding: 0 15px;
        margin: 0 auto;
    }
    

   
}

@media screen and (min-width: 880px){
    .ml {
        background-color: #CB0410;
        position: absolute;
        bottom: 0;
        left: auto;
        right: 0;
        bottom: -276px;
        border-radius: 10px 0 0 10px;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.3;
        text-align: center;
        z-index: 100;
        display: block;
    }
}