@charset "utf-8";
/*--京project.css--*/
.contents.project.index .page_body{
	width: auto;
	padding-bottom: 0;
}

.intro_box{
	margin-bottom: 3em;
}

	.intro_box > .box_header{
		display: flex;
		justify-content: center;
		margin-bottom: 3em;
	}

		.intro_box > .box_header .sdgs_puresuke{
			position: relative;
			z-index: 1;
			display: flex;
			flex-direction: column;
			align-items: center;
		}

			.intro_box > .box_header .sdgs_puresuke .fig{
				width: 390px;
				margin-bottom: 2em;
				min-height: 0%;
			}

			.intro_box > .box_header .sdgs_puresuke .lbl{
				width: 452px;
				min-height: 0%;
			}

		.page_body .intro_box > .box_header p{
			margin: 0;
			position: absolute;
			top: 50px;
			right: calc(50% - 400px);
			z-index: 2;
			width: 130px;
		}

	.intro_box > .box_inner{
		width: 750px;
		margin: 0 auto;
	}

.project_catch_box{
	background-image: url("../shared/home/bg_home_project.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding: 60px 0 34px;
	margin-bottom: 1em;
}

	.project_catch_box > .box_header{
		display: flex;
		justify-content: center;
		margin-bottom: 30px;
	}

		.project_catch_box > .box_header h2{
			width: 580px;
		}

			.project_catch_box > .box_header h2 img{
				max-width: 100%;
				height: auto;
			}

	.project_catch_box > .box_inner{
		margin-bottom: 38px;
	}

		.project_catch_box > .box_inner p{
			font-weight: bold;
			color: #fff;
			text-align: center;
			line-height: 1.8;
			font-size: 0.92rem;
			margin: 0;
		}

.contact_box{
	background: #fffae6;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 68px 0 60px;
}

	.contact_box > .box_header{
		margin-bottom: 2em;
	}

		.contact_box > .box_header h2{
			color: #04396d;
			font-weight: bold;
			font-size: 1.4rem;
		}

	.contact_box > .box_inner{
		line-height: 1.8;
		text-align: center;
	}

		.contact_box > .box_inner p{
			font-size: 0.94rem;
			margin-bottom: 1.5em;
		}

			.contact_box > .box_inner dl{
				display: flex;
				justify-content: center;
				font-size: 1.1rem;
				font-weight: bold;
				color: #04396d;
			}

				.contact_box > .box_inner dl dt{
					margin-right: 1.5em;
				}

@media screen and (min-width:1px) and (max-width:1400px) {

}

@media screen and (min-width:1px) and (max-width:1024px) {
}


@media screen and (min-width:1px) and (max-width:768px) {

}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
.contents.project.index .page_body{
	margin: 0;
}
	
.intro_box{
	margin-bottom: 2em;
}

	.intro_box > .box_header{
		margin-bottom: 2em;
	}

			.intro_box > .box_header .sdgs_puresuke .fig{
				width: 50vw;
				margin-bottom: 2em;
			}

			.intro_box > .box_header .sdgs_puresuke .lbl{
				width: calc(50vw / 390 * 452);
			}

		.page_body .intro_box > .box_header p{
			top: 3vw;
			right: 3vw;
			width: 18vw;
		}

	.intro_box > .box_inner{
		width: auto;
		margin: 0 4vw;
	}

.project_catch_box{
	padding: 2em 0 1.5em;
	margin-bottom: 0.5em;
}

	.project_catch_box > .box_header{
		margin-bottom: 1em;
	}

		.project_catch_box > .box_header h2{
			width: 80%;
		}

	.project_catch_box > .box_inner{
		margin-bottom: 1.2em;
	}

		.project_catch_box > .box_inner p{
			line-height: 1.6;
			font-size: 0.8rem;
		}
	

	.contact_box{
		padding: 2em 0 2.2em;
	}

		.contact_box > .box_header{
			margin-bottom: 1em;
		}

			.contact_box > .box_header h2{
				font-size: 1.2rem;
			}

		.contact_box > .box_inner{
			line-height: 1.6;
		}

			.contact_box > .box_inner p{
				font-size: 0.8rem;
			}

				.contact_box > .box_inner dl{
					flex-direction: column;
					align-items: center;
					font-size: 0.9rem;
				}

					.contact_box > .box_inner dl dt{
						margin-right: 0;
						margin-bottom: 0.3em;
					}

}