@charset "UTF-8";

.PageTitleStyle1 h1 span {
	font-size: 22px;
}
@media screen and (max-width: 767px) {
	.PageTitleStyle1 h1 span {
		font-size: 5vw;
	}
}

.wrapper {
	overflow: unset;
}
.column {
	position: relative;
}
#Contents .title {
	position: absolute;
/*	left: -62px;*/
	left: calc(-3.66vw - 16px);
/*	bottom: -64px;*/
	bottom: -4.5vw;
	width: 440px;
	z-index: 4;
}
#ProjectStory section .sec02 {
  padding-top: calc(245px + 64px);
}

@media screen and (max-width: 1105px) {
	#Contents .title {
		left: calc(-1vw - 16px);
		bottom: -10.5vw;
	}
}
@media screen and (max-width: 1040px) {
	#Contents .title {
		left: 0;
		bottom: -12vw;
	}
}
@media screen and (max-width: 767px) {
	.column.image {
		left: -28%;
	}
	#Contents .title {
/*		bottom: -18.5vw;*/
		bottom: -14vw;
		right: 0;
  	left: 0;
  	margin: 0 auto;
	}
	 #ProjectStory section .sec02 {
    padding-top: calc(20vw + 14vw);
	}
}
@media screen and (max-width: 579px) {
	#Contents .title {
		width: 75vw;
	}
}

#ProjectStory section .member {
	width: 475px;
}
#ProjectStory section .member .box a::after {
  border-top: none;
  border-right: none;
  height: 0;
}
#ProjectStory section .member .box a .text {
	padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
	#ProjectStory section .member {
		width: 100%;
	}
	#ProjectStory section .member .box a::after {
		height: 2.13vw;
	}
	#ProjectStory section .member .box a .text {
		min-height: 170px;
		padding-bottom: 5.33vw;
	}
}

#ProjectStory section span.icon {
	font-weight: normal;
	padding: 2px 4px;
	min-width: 0;
}
@media screen and (max-width: 767px) {
	#ProjectStory section .member_detail .icon {
		margin-bottom: 0;
		padding: 0.8vw 1vw;
	}
}

#ProjectStory .photo01 {
	grid-template-rows: 295px 295px;
	grid-template-columns: 823px 442px;
	overflow: hidden;
}
@media screen and (max-width: 1275px) {
	#ProjectStory .photo01 {
		grid-template-rows: calc(295 * 100vw / 1275) calc(295 * 100vw / 1275);
		grid-template-columns: calc(100vw * 1646 / (1646 + 884 + 10)) calc(100vw * 884 / (1646 + 884 + 10));
		gap: calc(10 * 100vw / 1275) ;
	}
}
@media screen and (max-width: 767px) {
	#ProjectStory .photo01 {
		grid-template-rows: auto;
		grid-template-columns: auto;
		gap: 2vw;
		margin: 0 4vw 6.66vw 4vw;
	}
}
#ProjectStory .photo02 {
	grid-template-rows: 295px 295px;
	grid-template-columns: 442px 823px;
	overflow: hidden;
}
@media screen and (max-width: 1275px) {
	#ProjectStory .photo02 {
		grid-template-rows: calc(295 * 100vw / 1275) calc(295 * 100vw / 1275);
		grid-template-columns: calc(100vw * 884 / (1646 + 884 + 10)) calc(100vw * 1646 / (1646 + 884 + 10)) ;
		gap: calc(10 * 100vw / 1275) ;
	}
}
@media screen and (max-width: 767px) {
	#ProjectStory .photo02 {
		grid-template-rows: auto;
		grid-template-columns: auto;
		gap: 2vw;
		margin: 0 4vw 6.66vw 4vw;
	}
}


.bottom_right {
	display: flex;
}
.bottom_right .float {
	float: right;
	height: 100%;
	width: 265px;
	margin: 0 25px 0 10px;
	display: flex;
  align-items: flex-end;
  shape-outside: inset(calc(100% - 230px) 0 0);
}
#ProjectStory section .through_the_project .box .text.bottom_right .ImgOnlyStyle {
	line-height: 1.6;
	font-size: 83%;
}
@media screen and (max-width: 767px) {
	.bottom_right .ClearFix {
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.bottom_right .float {
		width: 100%;
		float: none;
		margin: 5.3vw 0 0 0;
		order: 2;
	}
}