/*-- フォトギャラリー --*/
.box-recruit{
	font-size:9pt;
	color:#3e5c1b;
	margin-left: auto;
	margin-right: 0px;
	}
	
.area-photo{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	}
	
.container-photo{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: white;
	position: relative;
	}

.box-photo{
	position: relative;
	}

.box-photo-data{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	}
	
.box-photo-title{
	color: steelblue;
	font-weight: normal;
	}
	
.box-photo-name{
	color: black;
	}

.image-photo{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	filter: drop-shadow(5px 5px 5px dimgray);
	}

/*-- スマートフォン用 --*/
@media screen and (min-width: 0px) and (max-width: 440px){
	.container-photo{
		width: 160px;
		height: 240px;
		}
	.box-photo{
		width: 160px;
		height: 160px;
		}
	.box-photo-title{
		width: 160px;
		height: 20px;
		}
		
	.box-photo-name{
		width: 160px;
		height: 16px;
		}
	.image-photo{
		max-width: 160px;
		max-height: 160px;
		}
	}

/*-- パソコン用 --*/
@media screen and (min-width: 440px){
	.container-photo{
		width: 200px;
		height: 280px;
		}
	.box-photo{
		width: 200px;
		height: 200px;
		}
	.box-photo-title{
		width: 200px;
		height: 40px;
		font-size: 10pt;
		font-weight: bold;
		}
		
	.box-photo-name{
		width: 200px;
		height: 40px;
		font-size: 9pt;
		}
	}