/*-------------------------------------------------- staff_interview --*/
#staff_interview {
		padding: 6.25rem 0;
}

@media (max-width: 768px) {
		#staff_interview {
				padding: 3.75rem 0 5rem;
		}
}

#staff_interview .staff_interview_item {
		display: flex;
		justify-content: space-between;
}

@media (max-width: 768px) {
		#staff_interview .staff_interview_item {
				justify-content: unset;
				flex-direction: column;
		}
}

#staff_interview .staff_interview_item:not(:first-of-type) {
		margin-top: 5rem;
}

@media (max-width: 768px) {
		#staff_interview .staff_interview_item:not(:first-of-type) {
				margin-top: 3.75rem;
		}
}

#staff_interview .staff_interview_item:nth-of-type(2n) {
		flex-direction: row-reverse;
}

@media (max-width: 768px) {
		#staff_interview .staff_interview_item:nth-of-type(2n) {
				flex-direction: column;
		}
}

#staff_interview .staff_interview_item .img {
		width: 50%;
}

@media (max-width: 768px) {
		#staff_interview .staff_interview_item .img {
				width: 100%;
		}
}

#staff_interview .staff_interview_item .img img {
		width: 100%;
}

#staff_interview .staff_interview_item .text {
		width: calc(50% - 2.5rem);
		padding: 0 1.25rem;
}

@media (max-width: 768px) {
		#staff_interview .staff_interview_item .text {
				width: 100%;
		}
}

#staff_interview .staff_interview_item .text h3 {
		color: #00B2A9;
		font-size: 1.5rem;
		font-weight: 700;
		margin-bottom: 2.5rem;
}

@media (max-width: 768px) {
		#staff_interview .staff_interview_item .text h3 {
				margin-top: 2.5rem;
		}
}

#staff_interview .staff_interview_item .text h3::after {
		content: "";
		background-color: #00B2A9;
		width: 40px;
		height: 2px;
		display: block;
		margin-top: 2rem;
}

#staff_interview .staff_interview_item .text p {
		line-height: 2;
}

/*-------------------------------------------------- staff_write --*/
#staff_write {
		padding-bottom: 3.75rem;
}

#staff_write .btn {
		margin: 0 auto;
}

@media (max-width: 768px) {
		#staff_write .btn {
				margin: 3.75rem auto 0;
		}
}

/*-------------------------------------------------- staff_sns --*/
#staff_sns {
		background: #00B2A9;
		text-align: center;
		padding: 3.75rem 0;
		position: relative;
}

#staff_sns::before {
		content: "";
		background: #FFF;
		width: 2px;
		height: 40px;
		display: block;
		position: absolute;
		margin: 0 auto;
		right: 0;
		left: 0;
		top: 0;
}

#staff_sns .staff_sns_inner .staff_sns_title {
		font-size: 4rem;
		color: #FFF;
		text-transform: uppercase;
		font-family: 'Pathway Gothic One', sans-serif;
		-webkit-text-stroke-width: 0.5px;
		line-height: 0.75;
		letter-spacing: 1px;
}

#staff_sns .staff_sns_inner p {
		color: #FFF;
		margin: 2rem 0;
		line-height: 2;
}

@media (max-width: 480px) {
		#staff_sns .staff_sns_inner p {
				text-align: left;
		}
}

#staff_sns .staff_sns_inner .button {
		display: flex;
		justify-content: center;
}

@media (max-width: 480px) {
		#staff_sns .staff_sns_inner .button {
				flex-direction: column;
		}
}

#staff_sns .staff_sns_inner .button .btn {
		border-radius: 4px;
}

#staff_sns .staff_sns_inner .button .btn::after {
		border-color: #2A2A2A #2A2A2A transparent transparent;
}

#staff_sns .staff_sns_inner .button .btn img {
		margin-right: 0.5rem;
		height: 20px;
}

#staff_sns .staff_sns_inner .button .youtube {
		margin-right: 1.5rem;
}

@media (max-width: 480px) {
		#staff_sns .staff_sns_inner .button .youtube {
				margin: 0 auto 0.625rem;
		}
}

@media (max-width: 480px) {
		#staff_sns .staff_sns_inner .button .twitter {
				margin: 0 auto;
		}
}

/*-------------------------------------------------- staff_others --*/
#staff_others {
		margin: 3.75rem auto 5rem;
}

@media (max-width: 768px) {
		#staff_others {
				margin-bottom: 3.75rem;
		}
}

#staff_others .staff_list {
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
}

#staff_others .staff_list li {
		width: calc((100% - 2rem * 2) / 3);
		margin-right: 2rem;
}

@media (max-width: 768px) {
		#staff_others .staff_list li {
				width: calc((100% - 1.5rem) / 2);
				margin-right: 0;
		}
		#staff_others .staff_list li:nth-of-type(n+3) {
				margin-top: 3.5rem;
		}
}

@media (max-width: 480px) {
		#staff_others .staff_list li {
				width: 100%;
				margin-right: 0;
		}
		#staff_others .staff_list li:nth-of-type(n+2) {
				margin-top: 3.5rem;
		}
}

#staff_others .staff_list li:nth-of-type(3n) {
		margin-right: 0;
}

#staff_others .staff_list li:nth-of-type(n+4) {
		margin-top: 3.5rem;
}

#staff_others .staff_list li a {
		position: relative;
		display: block;
}

#staff_others .staff_list li a:hover .staff_list_image img {
		transform: scale(1.1);
}

#staff_others .staff_list li a:hover .staff_list_data .name span {
		color: #FFF;
}

#staff_others .staff_list li a:hover .staff_list_data .name span::before {
		left: 0;
}

#staff_others .staff_list li a:hover .staff_list_data .position span {
		color: #FFF;
}

#staff_others .staff_list li a:hover .staff_list_data .position span::before {
		left: 0;
}

#staff_others .staff_list li a .staff_list_image {
		overflow: hidden;
		z-index: -2;
		position: relative;
}

#staff_others .staff_list li a .staff_list_image img {
		width: 100%;
		transition: all 0.3s;
}

#staff_others .staff_list li a .staff_list_data {
		margin-top: -18%;
		overflow: hidden;
}

#staff_others .staff_list li a .staff_list_data .position span {
		position: relative;
		border-left: solid 2px #00B2A9;
		background: #FFF;
		font-weight: 700;
		padding: 0.625rem 1.25rem;
		transition: all 0.3s;
		z-index: 0;
		display: inline-block;
		font-size: 0.75rem;
}

@media (max-width: 480px) {
		#staff_others .staff_list li a .staff_list_data .position span {
				font-size: 0.875rem;
		}
}

#staff_others .staff_list li a .staff_list_data .position span::before {
		content: "";
		background-color: #00B2A9;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: -100%;
		transition: all 0.3s;
		z-index: -1;
}

#staff_others .staff_list li a .staff_list_data .name span {
		position: relative;
		border-left: solid 2px #00B2A9;
		background: #FFF;
		font-weight: 700;
		padding: 0.625rem 1.25rem;
		transition: all 0.3s;
		z-index: 0;
		display: inline-block;
		font-size: 1.125rem;
}

@media (max-width: 480px) {
		#staff_others .staff_list li a .staff_list_data .name span {
				font-size: 1.5rem;
		}
}

#staff_others .staff_list li a .staff_list_data .name span::before {
		content: "";
		background-color: #00B2A9;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: -100%;
		transition: all 0.3s;
		z-index: -1;
}