@charset "utf-8";
@import "../../common/css/function";



/******************************************************
    
PC

******************************************************/
@media screen and (min-width:769px)  {


.linkList{
    padding: 0 40px;
    
    li{
        padding-bottom: 20px;
        
        a{
            color: $red;
            
            &:before {
              background: $red none repeat scroll 0 0;
              border-radius: 50%;
              content: "";
              display: inline-block;
              height: 6px;
              margin-right: 5px;
              position: relative;
              top: -2px;
              width: 6px;
            }
            
            &:hover{
                color:$hover;
                text-decoration: underline;
            }
            
        }
        p{
            padding-left: 0.8em;
            font-weight: 500;
        }
    }
}
.linkList.flex{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    
    li{
        width: 25%;
    }
}



}//@media


/******************************************************

SP

******************************************************/
@media screen and (max-width:768px){


.linkList{
    
    li{
        padding-bottom: 20px;
        
        a{
            color: $red;
            
            &:before {
              background: $red none repeat scroll 0 0;
              border-radius: 50%;
              content: "";
              display: inline-block;
              height: 6px;
              margin-right: 5px;
              position: relative;
              top: -2px;
              width: 6px;
            }
            
            &:hover{
                color:$hover;
                text-decoration: underline;
            }
            
        }
        p{
            padding-left: 0.8em;
            font-weight: 500;
        }
    }
}












}//@media