.project_story {
	margin-bottom:100px;
}
.subf_view2{
	padding-bottom:150px;

}
.subf_title .h_title span {
	font-size:7.5rem;
}
 .subf_title h1{
	margin-top: 2.5em;
}
#interview_01 .subf_title h1, 
#interview_02 .subf_title h1, 
#interview_03 .subf_title h1, 
#interview_04 .subf_title h1, 
#interview_05 .subf_title h1, 
#interview_06 .subf_title h1{
	font-size: 3rem;
}
#interview_01 .subf_title h1,
#interview_06 .subf_title h1{
	margin-top: 2em;
}
#interview_02 .subf_title h1,
#interview_03 .subf_title h1,
#interview_04 .subf_title h1,
#interview_05 .subf_title h1{
	margin-top: 1.5em;
}
.subf_title::before {
	top:-40px;
}

.subf_img figure img {
	object-position:center top;
	font-family: 'object-fit: cover; object-position: center top;'
}

/* --- int list ---  */

.interview_list {
	position:relative;
	
}
.interview_list:not(:last-child){
	margin-bottom:0;
}

.int_list {
	width:100%;
}
.interview_wrap .int_list.d_flex {
	width:100%;
	flex-wrap: wrap;
}


.int_list li {
	width:32%;
	max-width:342px;
	position:relative;
}

.int_list li .slide_main {
	position:absolute;
	left:50%;
	top:0;
	width: 26vw;
	max-width:332px;
	transform:translate(-50%,25%);
}

.int_list li .slide_hover {
	position:relative;
	width: 100%;
	max-width:342px;
}

.int_list li .slide_hover img {
	margin-left:auto;
	right:-7.6%;
	position:relative;
	width:114%;
	max-width:390px;
	margin-top:0;
}

.int_list li:nth-of-type(1) .slide_hover img {
	max-width:342px;
	margin-top:0%;
}


.int_list .slide_hover {
	z-index:3;
	position:relative;
	visibility: hidden;
	opacity:0;
	transform:translateY(5%);
	transition:opacity .4s ,transform .4s;
}


.int_list figure {
	position:relative;
}

.int_list figcaption {
	position:relative;
	margin:-4% 0 0 auto;
	text-align:right;
	visibility: hidden;
}

.int_list  figcaption {
	visibility: visible;
}


.int_list .slide_hover figcaption {
	position:absolute;
	top:240px;
	left:1em;
	text-align: left;
}

.int_list .slide_hover figcaption h3 span {
	font-size:2rem;
	font-weight:bold;
	line-height:1.55em;
	padding:0;
}

.int_list figcaption h3 {
	font-size:2rem;
}

.int_list figcaption h4 {
	font-size:1.4rem;
	line-height:2em;
	margin-bottom:0.2em;
}

.int_list figure.slide_main::before {
	width: 26vw;
	height: 26vw;
	max-width:332px;
	max-height:332px;
	top:4%;
}

.int_list figure.slide_hover {
	text-align:right;
	
}

.int_list figure.slide_hover::before {
	width:27vw;
	height:29vw;
	max-width:342px;
	max-height:363px;
	top:15%;
}

.int_list li:hover .slide_hover,
.int_list li:hover .slide_hover {
	visibility: visible;
	opacity: 1;
	transform:translateY(0%);
}


.int_list li:hover .slide_main,
.int_list li:hover .slide_main figcaption {
	visibility: hidden;
}

.interview_list::before {
    content: "";
    display: block;
    width: 100%;
	height:360px;
    position: absolute;
    left: 0;
    bottom:0;
}
.interview_archive .interview_list::before {
    content: "";
    display: block;
    width: 100%;
	height: 80%;
    position: absolute;
    left: 0;
    bottom:0;
}

/* --- movie --- */

.movie {
	overflow:visible;
	margin-bottom:100px;
}

.movie .inner {
	padding:40px 100px 100px 150px;
}


.movie.bg_rhombus::before {
	width:calc(100% - 50px);
	max-width:100%;
	height:68vw;
	top:-10vw;
	left:auto;
	right:0;
}

.movie .h_title {
	padding-top:40px;
}

.movie .h_title span{
	text-indent: -0.3em;
}

.movie .img_block_wrap {
	width: 56%;
    max-width: 600px;
	margin-top:-10%;
}

.movie .img_block {
	width:85%;
}

.movie .img_block:nth-of-type(1) {
	margin:0 0 0 auto;
}

.movie .img_block:nth-of-type(2) {
	margin:-30px auto 0 0;
}


.movie .txt_block {
	margin-top:140px;
}


/* --- interview single ---- */

.interview_detail {
	overflow:visible;
}

.interview_single .int_list li {
	margin: -30px 15px 0;
}
.int_list li:nth-child(n+4) {
	margin-top:-10rem;	
}

.int_block02.bg_rhombus::before {
	display: none;
}

.interview_detail.bg_rhombus::before,
.int_block.bg_rhombus::before,
.int_holiday.bg_rhombus::before {
	width:calc(100% - 100px);
	height:65vw;
}
.interview_detail.bg_rhombus2::before{
	top:-70px;

}

.int_block03.bg_rhombus::before {
	right:0;
	left:auto;
	top:-250px
}
.int_block03.bg_rhombus2::before {
	right:0;
	left:auto;
	top:-520px
}
.int_holiday.bg_rhombus::before {
	top:-120px;
}


.interview_detail p {
	font-size:1.4rem;
	text-align: justify;
    text-justify: inter-ideograph;
}


.subf_img_bottom {
	margin-top:50px;
	padding-right:100px;
}

.subf_img_bottom h3 {
	margin-top:0;
}

.subf_img_bottom h3 {
	font-size:2.8rem;
	line-height:1.75em;
	padding-right:0;
}

.clerk_info {
	padding-left:30px;
	margin-left:30px;
	border-left:1px solid #c3c3c3;
}

.clerk_info h3 {
	font-size:1.8rem;
	padding:0;
	line-height:1.25em;
}
.clerk_info h3 span{
	font-size:1.3rem;
	display: inline-block;
}
.clerk_info h4 {
	font-size:1.3rem;
	margin-bottom:1em;
	line-height:1.75em;
}

.interview_title {
	margin-bottom:150px;
}

.interview_title h1 {
	font-size:4.8rem;
	margin-bottom:0.5em;
}

/* --- int block --- */

.int_block {
	padding-bottom:100px;
	overflow:visible;
}
.int_block03 {
	margin-bottom:50px;
}

.int_block01 .inner,
.int_block03 .inner {
	padding:0 100px 0 0;
}
.int_block03_2 .inner {
	padding:0 100px;
}

.int_block02 .inner {
	padding:0 0px 0 100px;
}

.int_block02 .int_img {
	order:1;
}

.int_img {
	width:55%;
	max-width:640px;
}

.int_txt {
	width:39%;
	max-width:460px;
	margin-top:-0.65em;
}
.int_block03_2 .int_txt {
	width:100%;
	max-width:none;
	margin-top:0;
}


.int_txt h2 {
	font-size:2rem;
	line-height:2em;
	margin-bottom:1em;
}

/* --- int schedule --- */

.interview_single .dotted_green::after {
	width:calc(100% - 200px);
	max-width:1080px;
	right:0;
	margin:0 auto;
}

.int_schedule {
	margin-bottom:150px;
}

.int_dl dt {
	font-weight:bold;
	width:210px;
	padding:12px 0 12px 50px;
	font-size:1.8rem;
	letter-spacing: 0.05em;
}

.int_dl dd {
	width:calc(100% - 210px);
	padding:14px 0 14px;
	font-size:1.4rem;
}

.int_dl dt:nth-of-type(even),
.int_dl dd:nth-of-type(even) {
	background:#d9f3ea;
}

.int_dl dt:nth-of-type(odd) {
	padding:18px 0 18px 50px;
}
.int_dl dd:nth-of-type(odd) {
	padding:20px 0 20px;
}

/* --- int holiday --- */

.int_holiday {
	overflow:visible;
	margin-bottom:100px;
}

.holiday_wrap {
	padding:0 50px;
}

.holiday_txt {
	width:66%;
	max-width:640px;
	padding-right:5%;
}

.holiday_img {
	width:320px;
	min-width:240px;
	object-position: top center;
}
.project_story .inner{
	padding-top: 20px;
}
/* --- responsive --- */
/* .project_story {
	top: 165px;
} */
@media screen and (max-width:960px){

	.int_list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.int_list li {
		width:44%;
		margin-bottom:-60px;
	}
	.int_list li:nth-child(n+4) {
		margin-top:-2rem;
	}
	.int_list li:nth-child(n+3) {
		margin-top:-2rem;
	}

	.int_list li .slide_main {
		width:35vw;
	}
	.int_list figure.slide_main::before {
		width:35vw;
		height:35vw;
	}
	.int_list li .slide_hover {
		width:36vw;
	}
	.int_list figure.slide_hover::before {
		width:36vw;
		height:38vw;
		max-width:342px;
		max-height:363px;
		top:15%;
	}

	.interview_list {
		padding-bottom:80px;
	}

	.interview_list::before {
		height:70%;
	}

	@media screen and (max-width:860px){

		.movie .img_block_wrap {
			width:100%;
			max-width:100%;
			margin-top:60px;
			order:-1;
		}

		.movie .txt_block {
			margin-top:40px;
		}

		.movie .inner {
			padding:40px 100px 40px 100px;
		}
		
	
	} /* 860px */
} /* 960px */


/* --- ver sp --- */

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

	.project_story{
		margin-top: -10vw;
	}
	.subf_title .h_title span {
		font-size:6.533333333333333vw;
	}
	.subf_title h1{
		margin-top: 1em;
	}
	#interview_01 .subf_title h1, 
	#interview_02 .subf_title h1, 
	#interview_03 .subf_title h1, 
	#interview_04 .subf_title h1, 
	#interview_05 .subf_title h1{ 
		font-size:3.2vw;
	}
	
	#interview_01 .subf_title h1, 
	#interview_02 .subf_title h1, 
	#interview_03 .subf_title h1,  
	#interview_05 .subf_title h1, 
	#interview_06 .subf_title h1{
		font-size:3.2vw;
	}
	#interview_04 .subf_title h1{
		font-size:3vw;
	}
	#interview_01 .subf_title h1,
	#interview_06 .subf_title h1{
		margin-top: 1.5em;
	}
	#interview_06 .subf_title h1{
		margin-top: 2em;
	}
	
	.subf_title::before {
		top:-2.8vw;
	}
	
	.subf_view {
		padding-bottom:4vw;
	}
	.subf_view2{
		padding-bottom:4vw;
	
	}

	.project_story {
		margin-bottom:13.333333333333333vw;
	}
	.subf_title .h_title {
		margin-top:0.25em;
	}
	.subf_title .h_title {
		margin-top:0.25em;
	}
	#interview_01 .subf_title h2, 
	#interview_02 .subf_title h2,
	#interview_03 .subf_title h2,
	#interview_04 .subf_title h2, 
	#interview_05 .subf_title h2,
	#interview_06 .subf_title h2,
	 .subf_title .h_title {
		margin-top:0.25em;
	}

	.subf_img h3 {
		font-size:3.466666666666667vw;
	}

	.subf_img h3 br {
		display: none;
	}

	.project_story {
		margin-bottom:13.333333333333333vw;
	}
	
	/* --- int list ---  */
	
	.interview_list {
		margin-bottom:13.333333333333333vw;
		padding-bottom:16vw;
	}
	.interview_list:last-child{
		margin-bottom:100px;
	}
	
	.int_list li {
		width:44vw;
		margin-bottom:-8vw;
	}

	.int_list li .slide_main {
		width:44vw;
	}
	.int_list figure.slide_main::before {
		width:44vw;
		height:44vw;
		top:2.2vw;
	}
	.int_list li .slide_hover {
		width:44vw;
	}
	.int_list figure.slide_hover::before {
		width:44vw;
		height:46vw;
		max-width:100%;
		max-height:100%;
	}
	.interview_list::before {
		height: 53%;
	
	}
	.interview_archive .interview_list::before {
		height: 85%;
	
	}
	
	
	.int_list li .slide_hover img {
		max-width:none;
	}
	
	.int_list li:nth-of-type(1) .slide_hover img {
		max-width:none;
	}

	.int_list .slide_hover figcaption {
		top:32vw;
		left:4vw;
	}
	
	.int_list .slide_hover figcaption h3 span {
		font-size:3.2vw;
	}
	.int_list figcaption{
		margin: 5% 0 0 auto;
	}
	.int_list figcaption h3 {
		font-size:3.2vw;
	}
	
	.int_list figcaption h4 {
		font-size:2.6vw;
	}

	
	/* --- movie --- */
	
	.movie {
		overflow:visible;
		margin-bottom:12vw;
	}
	
	.movie .inner {
		padding:0vw 0 22vw 4vw;
	}
	
	
	.movie.bg_rhombus::before {
		width:100vw;
		height:193.333333333333333vw;
		top:1.333333333333333vw;
		left:0;
		background-image:url(../images/bg_rhombus_green3-2.svg);
	}
		
	.movie .h_title {
		padding-top:5.333333333333333vw;
		margin-bottom:3em;
	}
	
	.movie .img_block_wrap {
		width: 100%;
		max-width: 100%;
		margin-top:4vw;
		margin-bottom:7.2vw;
	}
	
	.movie .img_block {
		width:85%;
	}
	
	.movie .img_block:nth-of-type(1) {
		margin:0 0 0 auto;
	}
	
	.movie .img_block:nth-of-type(2) {
		margin:-4vw auto 0 0;
	}
	
	
	.movie .txt_block {
		margin-top:0px;
		padding-right:4vw;
	}


/* --- interview single ---- */

.interview_single .dotted_green::after {
	width:92vw;
	max-width:92vw;
}



.interview_single .int_list {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.interview_single .subf_img h3 br {
	display: block;
}

.interview_single .int_list li {
	margin:0;
}

.interview_detail.bg_rhombus::before,
.int_block.bg_rhombus::before,
.int_holiday.bg_rhombus::before {
	width:100%;
	height:84vw;
}

.interview_detail.bg_rhombus::before {
	top:-6.666666666666667vw;
}

.int_block02.bg_rhombus::before {
	display: block;
	top:26.666666666666667vw;
}

.int_block03.bg_rhombus::before {
	top:26.666666666666667vw;
}

.int_holiday.bg_rhombus::before {
	top:26.666666666666667vw;
}


.interview_detail p {
	font-size:3.2vw;
}


.subf_img_bottom {
	margin-top:6.666666666666667vw;
	padding:0 4vw;
}

.subf_img_bottom h3 {
	padding:0;
}

.subf_img_bottom h3 {
	font-size:4vw;
}

.clerk_info {
	padding-left:0px;
	margin-left:0px;
	border-left:none;
	padding-top:3.2vw;
	margin-top:3.2vw;
	width:100%;
	border-top:2px solid #c3c3c3;
}

.clerk_info h3 {
	font-size:3.466666666666667vw;
}
.clerk_info h3 span{
	font-size:2.6vw;
}
.clerk_info h4 {
	font-size:3.2vw;
}

.interview_title {
	margin-top:16vw;
	margin-bottom:18.666666666666667vw;
}

.interview_title h1 {
	font-size:5.866666666666667vw;
}

/* --- int block --- */

.int_block {
	padding-bottom:18.666666666666667vw;
}

.int_block03 {
	margin-bottom:6.666666666666667vw;
}

.int_block01 .inner,
.int_block03 .inner {
	padding:0 4vw;
}

.int_block02 .inner {
	padding:0 4vw;
}

.int_block02 .int_img {
	order:0;
}

.int_img {
	width:100%;
	max-width:100%;
	margin-bottom:6.666666666666667vw;
}

.int_txt {
	width:100%;
	max-width:100%;
	margin-top:0;
}

.int_txt h2 {
	font-size:3.733333333333333vw;
}

/* --- int schedule --- */

.int_schedule {
	margin-bottom:18.666666666666667vw;
}

.int_dl dt {
	font-weight:bold;
	width:30%;
	padding:4vw 0 4vw 1.25em;
	font-size:3.466666666666667vw;
	line-height:1.85em;
}

.int_dl dd {
	width:70%;
	padding:4vw 1em 4vw;
	font-size:3.2vw;
	line-height:2em;
}

.int_dl dt:nth-of-type(odd) {
	padding:4vw 0 4vw 1.25em;
}
.int_dl dd:nth-of-type(odd) {
	padding:4vw 1em 4vw;
}


/* --- int holiday --- */

.int_holiday {
	margin-bottom:13.333333333333333vw;
}

.holiday_wrap {
	padding:0;
}

.holiday_txt {
	width:100%;
	max-width:100%;
	padding-right:0%;
	order:1;
}

.holiday_img {
	width:100%;
	min-width:100%;
	margin-bottom:6.666666666666667vw;
}

.project_story {
	top: 14vw;
}
.project_story .inner {
    padding-top: 0;
}
	
} /* 768px */