.staffList li {
	float: left;
	width: 47.142%;
	max-width: 330px;
	margin-left: 5.714%;
	margin-bottom: 40px;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
    -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.staffList li:nth-child(2n+1) {
	clear: both;
	margin-left: 0;
}
.staffList li:hover {
	box-shadow: 0px 0px 7px 2px #ddd;
    -moz-box-shadow: 0px 0px 13px 2px #ddd;
    -webkit-box-shadow: 0px 0px 7px 2px #ddd;
}
.staffList li a {
	display: block;
}

	.photo {
	    height: 350px;
	    overflow: hidden;
	    background: #cdcfd4;
	    text-align: center;
	}
		.photo span {
		    line-height: 350px;
		    font-size: 17px;
		    color: #fff;
		    white-space: nowrap;
		}

	.openModal .staffTxt {
	    padding: 20px;
	}
		.staffTxt .copy {
		    height: 125px;
		    text-align: justify;
		    font-size: 18px;
		    line-height: 33px;
		}

		.staffTxt .staffTtl {
		    text-align: center;
		}
			.staffTxt .staffName {
			    font-size: 18px;
			    margin-left: 11px;
			}

		.staffTxt .btn {
		    text-align: center;
		    background: #529200;
		    height: 50px;
		    line-height: 50px;
		    color: #fff;
		    margin: 20px 43px 10px;
		    cursor: pointer;
		}


/* plugin - iziModal custom */
.archive .iziModal {
    max-height: 90%;
    border-bottom: none !important;
    border: 1px solid #529200;
}
.archive .iziModal-overlay {
    background-color: rgba(51,51,51,.8) !important;
}
	.archive .iziModal .iziModal-wrap {
	    background: #fff;
	}
	.archive .iziModal .iziModal-content {
	    font-size: 14px;
	}
	.archive .iziModal.hasShadow::after {
	    opacity: 0 !important;
	}


/* モーダル内コンテンツ */
.staffModalWrap {
    padding: 5.571%;
}
	.staffModalHead .photo {
		float: left;
		width: 28.571%;
	    /* max-width: 200px; */
	    height: auto;
	}
	.staffModalHead .staffTxt {
	    float: right;
	    width: 68.571%;
	    /* max-width: 480px; */
	}
		.staffModalHead .hdcTsrg {
			font-size: 16px;
			color: #529200;
		}

		.staffModalHead .staffTtl {
			margin: 8px auto 25px;
			text-align: inherit;
		}
			.staffModalHead .position {
				font-size: 16px;
			}
			.staffModalHead .staffName {
				font-size: 24px;
			}

	.staffModalBody {
	    margin-top: 50px;
	}
		.staffModalBody dl {
			border-top: 1px solid #cccccc;
			line-height: 30px;
			padding: 20px 0;
		}
		.staffModalBody dl dt {
			float: left;
			width: 22.8571%;
			font-size: 16px;
		    font-weight: bold;
		}
		.staffModalBody dl dd {
			float: right;
			width: 77.142%;
		}

			.careerBox > div {
			    float: left;
			}
			.careerBox > div:nth-child(2n) {
			    width: calc( 100% - 8em );
			}

			.careerBox div:nth-child(2n+1) {
			    clear: both;
			    width: 8em;
			}

.iziModal-navigate-caption {
    display: none !important;
}








@media screen and (max-width:768px) { /* smart phone 6〜7 */


	.staffList li {
		float: none;
	    width: auto;
	    max-width: none;
	    margin-left: auto;
		box-shadow: 0px 0px 7px 2px #ddd;
	    -moz-box-shadow: 0px 0px 13px 2px #ddd;
	    -webkit-box-shadow: 0px 0px 7px 2px #ddd;
	}
	.staffList li:nth-child(2n+1) {
		margin-left: auto;
	}
	.staffList li a {
		/* display: block; */
	}

		.photo {
		    height: 90vw;
		}
			.photo span {
			    line-height: 90vw;
			    font-size: 16px;
			}

		.openModal .staffTxt {
		    padding: 20px;
		}
			.staffTxt .copy {
			    height: auto;
			    margin-bottom: 1.5em;
			    font-size: 18px;
			    line-height: 33px;
			}

			.staffTxt .staffTtl {
			}
				.staffTxt .staffName {
				    font-size: 18px;
				    margin-left: 11px;
				}

			.staffTxt .btn {
			    /* text-align: center;
			    background: #529200;
			    height: 50px;
			    line-height: 50px;
			    color: #fff;
			    margin: 20px 43px 10px; */
			}


	/* plugin - iziModal custom */
	.archive .iziModal-navigate-caption {
	    display: none !important;
	}

	.archive .iziModal {
	    /* max-height: 90%; */
	    /* max-width: calc(100vw - 100px) !important; */
	    -webkit-overflow-scrolling: touch !important;
	}
	.archive .iziModal-overlay {
	    background-color: rgba(51,51,51,.8) !important;
	}
		.archive .iziModal .iziModal-wrap {
		    background: none;
		}
		.archive .iziModal .iziModal-content {
		    font-size: 14px;
		}
		.archive .iziModal.hasShadow::after {
		    opacity: 0 !important;
		}

	.archive .iziModal-navigate>button {
	    background-size: 200%!important;
	    width: 5vw !important;
	}


	/* モーダル内コンテンツ */
	.staffModalWrap {
	    padding: 5.571%;
	    font-size: 12px;
	}
		.staffModalHead .photo {
			float: left;
			width: 28.571%;
		    /* max-width: 200px; */
		    height: auto;
		}
		.staffModalHead .photo span {
		    line-height: 30vw;
		    font-size: 12px;
		}
		.staffModalHead .staffTxt {
		    float: right;
		    width: 68.571%;
		    /* max-width: 480px; */
		}
			.staffModalHead .hdcTsrg {
				font-size: 12px;
			}

			.staffModalHead .staffTtl {
				margin: 8px auto 1em;
				/* text-align: inherit; */
			}
				.staffModalHead .position {
					font-size: 14px;
				}
				.staffModalHead .staffName {
					font-size: 18px;
				}

		.staffModalBody {
		    margin-top: 50px;
		}
			.staffModalBody dl {
				line-height: inherit;
				padding: 1em 0;
			}
			.staffModalBody dl dt {
				float: none;
			    width: auto;
			    margin-bottom: 10px;
			    font-size: 14px;
			}
			.staffModalBody dl dd {
				float: none;
			    width: auto;
			}

				.careerBox > div {
				    /* float: left; */
				}
				.careerBox > div:nth-child(2n) {
				    /* width: calc( 100% - 8em ); */
				}

				.careerBox div:nth-child(2n+1) {
				    /* clear: both; */
				    /* width: 8em; */
				}


		.iziModal-navigate-next {
			right: 0 !important;
		    margin-right: 0 !important;
		}

		.iziModal-navigate-prev {
			left: 0 !important;
		    margin-left: 0 !important;
		}


}