@charset "UTF-8";
/* CSS Document */
/*photolistArea*/
.photolistArea .inner {
	padding: 80px 50px;
}
.photolistArea .inner .photolistText{
	font-size: min(3.5vw,14px);
	font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
	padding-bottom: 20px;
}
.photographerBox {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 80px 0;
}
.photographerBox li {
	width: calc(50% - 50px);
	padding-bottom: 50px;
}
.photographerBox li:nth-child(even) {
	padding-top: 20vw;
}
.photographerBox .desk {
	margin-top: 50px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.photographerBox .desk .imgBox {
	width: calc(48% - 20px);
}
.photographerBox .desk .txtBox {
	width: calc(52% - 20px);
}
.photographerBox .desk .txtBox h3 {
	font-size: min(6.5vw,30px);
	line-height: 1.5;
	padding-bottom: 5px;
	margin-bottom: 25px;
}
.photographerBox .desk .txtBox h3 span {
	display: block;
	font-size: .55em;
	font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
	color: #CCC;
}
.photographerBox .desk .txtBox p {
	font-size: min(3.2vw,13px);
	font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
	line-height: 1.5;
	padding-bottom: 20px;
}
.photographerBox .desk .txtBox p.position {
	color: #999;
}
.photographerBox .desk .txtBox .btn {
	margin-bottom: 25px;
}
.photographerBox .desk .txtBox .btn a {
	padding: 10px 2em;
	border: 1px solid #FFF;
	border-radius: 25px;
	font-size: min(4vw,15px);
	font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
	margin-bottom: 25px;
}
.photographerBox .desk .txtBox .btn a:hover {
	border: 1px solid #000;
	background-color: #000;
}
@media screen and (max-width: 1000px) {
/*photolistArea*/
	.photolistArea .inner {
		padding: 30px 8vw 0;
	}
	.photographerBox .desk .imgBox,
	.photographerBox .desk .txtBox {
    width: 100%;
		margin-bottom: 25px;
	}
}	

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

@media screen and (max-width: 600px) {
/*photolistArea*/
	.photographerBox li {
		width: 100%;
		padding-bottom: 0;
	}
	.photographerBox li:nth-child(even) {
    padding-top: 0;
	}
	.photographerBox .desk {
    margin-top: 20px;
	}
}	

@media screen and (max-width: 400px) {
/*photolistArea*/
		.photolistArea .inner {
			margin-top: 50px;
	}
		.photolistArea .inner .right .txtArea {
			padding-left: 30px;
	}
}