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




/* @media (min-width: 768px) { */
	.works_web{
		padding-top: 30px;
	}
	.works_webLeft{
		width: 45%;
		float: left;
		padding-top: 80px;
	}
	.works_webLeft img{
		width: 120px;
	}
	.works_webPC{
		width: 55%;
		float: left;
		padding-top: 85px;
		text-align: left
	}
	.works_webSP{
		padding-top: 48px;
	}
	.works_webPC img{
		width: 480px;
	}
	.works_webSystem{
		padding-top: 53px;
	}
	.works_webSystem img{
		width: 300px;
	}
	p.works_webURL{
		font-size: 15px;
	}
	.works_webUI span{
		color: #fff;
		border-radius: 9px;
		padding: 10px;
		font-size: 12px;
		display: inline-block;
		margin-right: 0.5em;
		margin-top:0.5em;
	}
	.works_webUI span.w01{
		background-color: #b3b3b3;
	}
	.works_webUI span.w02{
		background-color: #A46B6C;
	}
	.works_webUI span.w03{
		background-color: #B4D149;
	}
	.works_webUI span.w04{
		background-color: #3e76c5;
	}
	.app_box_clear2 {
		clear: both;
		border-bottom: 1px solid #f3f3f3;
		margin: 70px auto 20px;
		width: 800px;
	}
/* } */


















/*スマートフォン対応ここから*/
@media (max-width: 480px) {
	.works_webTitle p{
		text-align: center;
	}
	.works_webLeft{
		width: 100%;
		padding-top: 30px;
	}
	.works_webLeft img{
		width: 50%;
	}
	.works_webPC{
		width: 100%;
		padding-top: 30px;
	}
	.works_webSP{
		padding-top: 30px;
	}
	.works_webPC img{
		width: 100%;
	}
	.works_webSystem{
		padding-top: 30px;
	}
	.works_webSystem img{
		width: 100%;
	}

	.app_box_clear2 {
		clear: both;
		border-bottom: 1px solid #f3f3f3;
		margin: 20px auto 20px;
		width: 90%;
	}
	.works_webUI span{
		color: #fff;
		border-radius: 9px;
		padding: 5px;
		font-size: 12px;
		display: inline-block;
		margin-right: 0.5em;
		margin-top:0.5em;
	}
	.works_webUI span.w01{
		background-color: #b3b3b3;
	}
	.works_webUI span.w02{
		background-color: #A46B6C;
	}
	.works_webUI span.w03{
		background-color: #B4D149;
	}
	.works_webUI span.w04{
		background-color: #3e76c5;
	}

}

/*実績のPCサイズ レスポンス変更*/
@media (max-width: 768px) {
	.works_webPC img, .works_webSystem img {
		width: 100%;
		padding: 20px 0 20px 0;
	}
}