@charset "utf-8";
/*------------------------------------------------------------
	works.html
------------------------------------------------------------*/
#main .photoUl {
    margin: -35px 0 176px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#main .photoUl li {
    margin-top: 35px;
    width: 529px;
}
#main .photoUl li a {
    width: 100%;
    display: table;
    background: #EEEEEF url("../img/works/icon01.png") no-repeat right 27px top 56%;
    background-size: 38px 38px;
}
#main .photoUl li a > span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#main .photoUl li a .num {
    width: 95px;
    color: #fff;
    background-color: #0F2F32;
}
#main .photoUl li a .num span {
    margin-top: -1px;
    display: block;
    font-size: 4.3rem;
    font-weight: bold;
}
#main .photoUl li a .photo {
    padding: 22px 10px 28px 0;
    width: 433px;
}
#main .photoUl li a .photo span {
    margin-bottom: 10px;
    display: block;
    color: #009FE8;
    font-size: 2.3rem;
    font-weight: bold;
}
#main .photoUl li a .photo img {
    width: 250px;
}
#main .photoUl li a:hover {
    opacity: 0.7;
}