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

/*===========================================
	tips style css
=============================================*/

/* list-flex */
#contents ul.list-flex {
	list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.5em;
}

#contents ul.list-flex li {
    width: 285px;
    margin-bottom: 2em;
}

#contents ul.list-flex::after {
display: block;
content:"";
width: 285px;
}

#contents ul.list-flex a {
    display: inline-block;
}

#contents ul.list-flex a:hover img,
#contents ul.list-flex a:hover span{
    opacity: 0.7;
}

#contents ul.list-flex a span.textLink {
    background: url(/support/share/images/arrow_black.gif) no-repeat;
    background-position: 0 8px;
    padding-left: 0.7em;
    display: inline-block;
    margin-top: 0.5em;
}

@media (max-width: 640px){
    #contents ul.list-flex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    #contents ul.list-flex li{
        max-width: 285px;
        width: 100%;
    }
    
    #contents ul.list-flex::after {
        width: 100%;
    }
}