.works p {
    font-size: 1.2rem;
}
 .works .works-h2 {
    padding: 30px;
    background: #3164ae;
    color: #fff;
    text-align: center;
 }

 .works .works-wrapper {
    background: url('../images/works/link_bg-works-1.jpg') no-repeat;
    padding: 20px 0;
 }

/* Works Box */
 .works .works-plan-block {
    max-width: 1200px;
    margin: 25px auto;
    text-align: center;
    border-bottom: 2px solid #cecece;
    padding-bottom: 25px;
 }
 .works .works-plan-ul {
    text-align: center;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    justify-items: center;
 }
 .works .works-plan-ul li {
    width: 33%;
    text-align: center;
    color: #999999;
    font-weight: bold;
    border: 1px solid #999;
    padding: 1%;
    margin: 3px 0;
    background: #fff;
 }
 .works .works-plan-ul li:hover {
    cursor: pointer;
    background: #999;
    color: #fff;
 }

/* Division Box */
 .works .works-division-block {
    max-width: 1200px;
    margin: 40px auto  25px;
    text-align: center;
 }
.works-division-block h3,.works-plan-block h3 {font-size:2.2rem;margin-bottom:10px;}

 .works .works-division-ul {
    text-align: center;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    justify-items: center;
 }
 .works .works-division-ul li {
    width: 19.5%;
	 font-size:2rem;
    text-align: center;
    color: #999999;
    font-weight: bold;
    border: 1px solid #999;
    padding: 1.4% 0;
    margin: 3px 0;
    background: #fff;
 }
 .works .works-division-ul li:hover {
    cursor: pointer;
    background: #999;
    color: #fff;
 }

/* Archive Box */
 .works .works-archive-block {
    margin-top: 30px;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    justify-items: center;
 }
 .works .works-archive-box-link {
    width: 32%;
    margin-bottom: 30px;
 }
 .works .works-result-box {
    margin: 0 2%;
 }

.works .works-archive-box-image {
    background-size: cover !important;
    height: 244px;
 }
 .works .works-archive-box-title {
    text-align: left;
    font-weight: bold;
    font-size: 2rem;
 }
 .works .works-archive-box-summary {
    text-align: left;
    color:#333;
    font-size: 1.6rem;
 }
 .works .works-archive-box-category {
    width: 45%;
    background: #000;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 2px;
	font-size: 1.8rem;
 }

 /* Category color */
 .works .works-ec {
    background: #49b8b6;
 }
 .works .works-etc {
    background: #999999;
 }
 .works .works-corprate {
    background: #3164ae;
 }
 .works .works-resident {
    background: #796355;
 }
 .works .works-public {
    background: #bc235c;
 }
 .works .works-education {
    background: #ff9300;
 }
 .works .works-store {
    background: #bc235c;
 }
 .works .works-welfare {
    background: #d1ae67;
 }
 .works .works-transport {
    background: #00b570;
 }

/* search */
 .works .works-hide {
    display: none !important;
 }
 .works .works-active {
    cursor: pointer;
    background: #999 !important;
    color: #fff !important;
 }
@media (max-width: 1119px) {
	.works-division-ul {padding:0 15px;}
}
@media all and (max-width: 768px) {
	.works .works-result-box {
		margin :0;
	}
    .works .works-division-ul li {
        width: 32.5%;
		font-size:1.4rem;
    }
    .works .works-plan-ul li {
        width: 49.5%;
    }
    .works .works-division-ul,
    .works .works-plan-ul {
        text-align: left;
    }
    .works .works-archive-block,
    .works .works-division-block,
    .works .works-plan-block {
    }
    .works .works-archive-box-link {
        width: 49%;
    }
	.works .works-archive-box-title {
		font-size: 1.6rem;
	}
	.works .works-archive-box-summary {
		font-size: 1.2rem;
	}
	.works .works-archive-box-category {
		font-size: 1.2rem;
	}
	.works .works-archive-block {
		justify-content: space-between;
	}
	.works .works-division-ul,
	.works .works-plan-ul,
	.works .works-archive-block {
	}
}

@media all and (max-width: 480px) {
	.works .works-wrapper {padding:0;}
	.works-division-block h3,.works-plan-block h3 {font-size:1.6rem;margin-bottom:0;}
    .works .works-division-ul li {
        width: 48%;
    }
	.works .works-plan-ul {padding:0 15px;}
    .works .works-plan-ul li {
        width: 100%;
		font-size:1.2rem;
    }
    .works .works-division-ul,
    .works .works-plan-ul {
        text-align: center;
    }
    .works .works-archive-block,
    .works .works-division-block,
    .works .works-plan-block {
    }
	.works .works-archive-box-image {height:140px;}
	.works .works-archive-box-category {margin-bottom:5px;}
}