@charset "UTF-8";

.common-title.type01 {
	background: url("../../img/archive/staff/banner.jpg") no-repeat center / cover;
}

.edit-area.staff {
	padding-top: 10rem;
	padding-bottom: 14.8rem;
	.common-list.staff {
		display: flex;
		flex-wrap: wrap;
		gap: 4.5rem;
		& li {
			width: 45rem;
			& a {
				width: 100%;
				.thumbnail {
					width: 100%;
					height: 61rem;
					overflow: hidden;
					@media screen and (max-width: 767px) {
						height: auto;
					}
					& img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: center;
						&:hover {
							transition: all 0.5s ease-in-out;
							transform: scale(1.08);
						}
						@media screen and (max-width: 767px) {
							height: auto;
						}
					}
				}
				.text-content {
					padding-left: 1.5rem;
					box-sizing: border-box;
					position: relative;
					margin-top: -5rem;
					@media screen and (max-width: 767px) {
						padding-left: 1.1rem;
						margin-top: -4rem;
					}
					.number {
						font-family: var(--pop);
						font-style: normal;
						font-weight: 600;
						font-size: 8.5rem;
						line-height: 111%;
						letter-spacing: -0.01em;
						color: #e50012;
						@media screen and (max-width: 767px) {
							font-size: 6.2rem;
							margin-bottom: 0.24rem;
						}
					}
					.comment {
						font-family: var(--noto);
						font-style: normal;
						font-weight: 700;
						font-size: 2.8rem;
						line-height: 150%;
						letter-spacing: 0.02em;
						color: #000000;
						margin-bottom: 0.5rem;
						@media screen and (max-width: 767px) {
							font-size: 2rem;
							margin-bottom: 0.4rem;
						}
					}
					.info {
						font-family: var(--noto);
						font-style: normal;
						font-weight: 700;
						font-size: 1.4rem;
						line-height: 4rem;
						letter-spacing: 0.05em;
						color: #000000;
						@media screen and (max-width: 767px) {
							line-height: 2.9rem;
							font-size: 1.2rem;
							margin-bottom: 0.24rem;
						}
					}
					.staff-name {
						font-family: var(--pop);
						font-style: normal;
						font-weight: 500;
						font-size: 3.8rem;
						line-height: 111%;
						letter-spacing: -0.01em;
						color: #e50012;
						@media screen and (max-width: 767px) {
							font-size: 2.8rem;
						}
					}
				}
			}
		}
	}
}