.projects_area {
	padding: 150px 120px 50px;
}

.projects-heading{
	width:90%;
	margin-top:100px;
}

.projects-heading .heading-main {
	text-align: left;
	font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 50px;
	color: rgba(33, 33, 33, 1);
}

.projects-heading .heading-sub {
	text-align: left;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    margin-top: 30px;
}

.projects{
	margin: 50px auto;
	text-align: left;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: rgba(33, 33, 33, 1);
	letter-spacing: 0.5px;
}

.project_item{
	margin:15px;
	margin-bottom:50px;
	min-width: 30%;
	max-width: 250px;
	float: left;
	height: 400px;
}

.project_subject{
	margin-top:15px;
	border-left: 6px solid rgba(174, 255, 44, 1);
	height:110px;
}

.project_tag{
	width:fit-content;
    border-radius: 30px;
    background: #AEFF2C;
    color: #707070;
    padding: 0px 12px;
    margin-top: 10px;
	margin-left:10px;
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.5px;
	border: 1px solid #707070;
}


.project_title{
	margin-top:5px;
	padding: 5px 10px;
	vertical-align: middle;

	text-align: left;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: rgba(33, 33, 33, 1);
	letter-spacing: 0.5px;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	.projects_area {
		padding: 150px 50px 50px;
	}

	.project_item {
		min-width: 30%;
		max-width: 240px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.projects_area {
		padding: 150px 30px 50px;
	}

	.project_item {
		min-width: 27%;
		max-width: 200px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {

	.projects_area {
		padding: 150px 30px 50px;
	}

	.project_item {
		min-width: 27%;
		max-width: 240px;
	}
}

@media (max-width: 480px){

	.projects_area {
		margin: 0px auto;
		padding: 50px 5px;
		box-sizing: border-box;
	}

	.projects-heading{
		width:90%;
		margin: 80px auto 0;
	}

	.projects-heading .heading-main {
		text-align: center;
		font-size: 38px;
	}

	.projects-heading .heading-sub {
		text-align: center;
		font-size: 14px;
		letter-spacing: 1px;
		margin-top: 15px;
	}

	.projects{
		margin: 0 auto;
		float: none;
		padding-top: 50px;
		width: 100%;

		line-height: 23px;
		text-align: left;
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
		font-style: normal;
		font-weight: bold;
		font-size: 14px;
		color: rgba(33, 33, 33, 1);
		letter-spacing: 0.5px;
	}

	.project_item{
		margin: 10px;
		width:44%;
		float: left;
		height: 300px;
	}

	.project_subject{
		margin-top:5px;
		border-left: 3px solid rgba(174, 255, 44, 1);
		height:116px;
	}


	.project_title{
		font-size: 11px;
		letter-spacing: 0.5px;
		margin-top: 5px;
		padding: 0px;
		padding-left: 5px;
	}

	.project_tag{
		padding: 0px 6px;
		font-size: 11px;
	}

	.backBtnArea{
		margin-top:0px;
	}
}