@charset "utf-8";
/* CSS Document */
#contents ul.flex{
    margin: 3em 0 2em;
}

#contents ul.flex li{
    display: flex;
    margin: 0 0 2em;
    padding: 0 1em 2em;
    border-bottom: 1px solid #ccc;
}

#contents ul.flex li:last-child{
    border-bottom: none;
}

#contents ul.flex li .text{
    margin-left: 2em;
}

#contents ul.flex li h2{
    font-size: 1.3rem;
    margin-bottom: 0.5em;
}

#contents a.singleBtn{
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
    border: solid 1px #CCCCCC;
    box-sizing: border-box;
    border-radius: 5px;
    color: #000;
    margin-top: 2em;
    padding: 0.7em 1em;
    display: inline-block;
    width: 46%;
    text-decoration: none;
}

#contents a.singleBtn:hover{
	opacity: 0.7;
}

@media (max-width: 640px){
    #contents ul.flex li{
        flex-direction: column;
        align-items: center;
    }
    
    #contents ul.flex img{
        max-width: 300px;
        width: 100%;
    }
    
    #contents ul.flex li .text{
        margin-left: 0;
    }
    
    #contents ul.flex li h2{
        margin-top: 1em;
    }
    
    #contents a.singleBtn{
        width: 100%;
    }
}