@charset "utf-8";
.sec_project {
	margin-bottom: 120px;
}
.sec_project .inner {
	max-width: 900px;
}
.sec_project .title_h2 {
	margin-bottom: 110px;
}
.project_about_conent *,
.project_about_conent p {
	font-size: 18px;
   	color: var(--color-black-gray);
   	line-height: 1.5;
}
.project_about_conent h2 {
	font-size: 24px;
   	color: var(--color-black-gray);
   	line-height: 1.5;
}
.project_about_conent h3 {
	font-size: 20px;
   	color: var(--color-black-gray);
   	line-height: 1.5;
}
.project_about_conent :empty::before {
  	content: "\00a0";
}
.project_about_conent .wp-block-heading{
	font-weight: 700;
   	margin-bottom: 1em;
}
.project_about_conent a {
	color: var(--color-deep-purple02);
	text-decoration: underline;
}
.project_about_conent ul {
	list-style-type: revert;
  	margin: revert;
  	padding: revert;
}
.project_about_wrap {
	background: var(--color-white);
	-webkit-border-radius: 21px;
	        border-radius: 21px;
	box-shadow: 0 4px 7px rgba(0,0,0,0.08);
	padding: 40px 67px 30px;
	margin-top: 50px;
}
.project_about_wrap h3 {
	font-size: 28px;
	color: var(--color-light-purple04);
	line-height: 1.3;
	margin-bottom: 30px;
	text-align: center;
}
.project_about_wrap .img_project_about {
	width: 100%;
	margin-bottom: 30px;
}
.project_about_wrap p {
	width: 83%;
	margin: 0 auto;
}

/*For Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1100px) {
	.sec_project {
		margin-bottom: 1.20rem;
	}
	.sec_project .title_h2 {
		margin-bottom: 1.10rem;
	}
	.project_about_conent *,
	.project_about_conent p {
		font-size: 0.18rem;
	}
	.project_about_conent h2 {
		font-size: 0.24rem;
	}
	.project_about_conent h3 {
		font-size: 0.20rem;
	}
	.project_about_wrap {
		-webkit-border-radius: 0.21rem;
		        border-radius: 0.21rem;
		box-shadow: 0 0.04rem 0.07rem rgba(0,0,0,0.08);
		padding: 0.40rem 0.67rem 0.30rem;
		margin-top: 0.50rem;
	}
	.project_about_wrap h3 {
		font-size: 0.28rem;
		margin-bottom: 0.30rem;
	}
	.project_about_wrap .img_project_about {
		margin-bottom: 0.30rem;
	}
}

/*For SP*/
@media only screen and (max-width: 767px) {
	.sec_project {
		margin-bottom: 0.90rem;
	}
	.sec_project .inner {
		max-width: 6.10rem;
	}
	.sec_project .title_h2 {
		margin-bottom: 1.00rem;
	}
	.project_about_conent *,
	.project_about_conent p {
		font-size: 0.26rem;
	}
	.project_about_conent h2 {
		font-size: 0.30rem;
	}
	.project_about_conent h3 {
		font-size: 0.28rem;
	}
	.project_about_wrap {
		width: 7.50rem;
		-webkit-border-radius: 0;
		        border-radius: 0;
		box-shadow: none;
		padding: 0.90rem 0;
		margin: 0.80rem 0 0 -0.70rem;
	}
	.project_about_wrap h3 {
		width: 6.10rem;
		font-size: 0.30rem;
		margin: 0 auto 0.40rem;
		text-align: left;
	}
	.project_about_wrap .img_project_about {
		margin-bottom: 0.30rem;
		overflow-x: scroll;
	}
	.project_about_wrap .img_project_about img {
		width: 9.26rem;
		margin: 0 0.70rem;
	}
	.project_about_wrap p {
		width: 6.10rem;
	}
}