@charset "utf-8";

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

/*************************************************

 job-people_index

*************************************************/

/* keyvisual
-------------------------*/
#job-people_index #keyvisual img {
	width: 100%;
}

/* subImage
-------------------------*/
#job-people_index .subImage .bg {
	padding: 50px 0 90px;
	background:#c71309 url(../../images/job-people/index/sub_img.jpg) no-repeat center bottom;
	background-size: 1198px auto;
}
#job-people_index .subImage .txt {
	color: #fff;
	font-size: 14px;
	line-height: 2.4;
	text-align: center;
	letter-spacing: 0.1em;
}
@media only screen and (max-width:767px) {
	#job-people_index .subImage .bg {
		padding: 50px 0 90px;
		background-size: 183% auto;
	}
	#job-people_index .subImage .txt {
		font-size: 15px;
		font-weight: 700;
		line-height: 1.9;
	}
}

/* animeBoder
-------------------------*/
#job-people_index .animeBoder {
	position: relative;
	z-index: 2;
}
#job-people_index .animeBoder > div {
	position: absolute;
	top: -30px;
	left: 50%;
	width: 1px;
	height: 50px;
	display: block;
	content: '';
	background-color: #fff;
	clip:rect(0px,1px,0px,0px);
	animation-name: clipAnime;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
}
#job-people_index .animeBoder > div:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	display: block;
	content: '';
	background-color: #e4160b;
}
@keyframes clipAnime {
	0% {
		clip:rect(0px,1px,0px,0px);
	}
	40% {
		clip:rect(0,1px,50px,0);
	}
	60% {
		clip:rect(0,1px,50px,0);
	}
	100% {
		clip:rect(50px,1px,50px,0);
	}
}

/* staffIndex
-------------------------*/
#job-people_index #staffIndex {
	margin-top: 60px;
	padding-bottom: 100px;
}
#job-people_index #staffIndex .inner {
	max-width: 810px;
	margin: 0 auto;
}
#job-people_index #staffIndex .title {
	margin-bottom: 50px;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.2em;
}
@media only screen and (max-width:767px) {
	#job-people_index #staffIndex {
		margin-top: 30px;
		padding-bottom: 80px;
	}
	#job-people_index #staffIndex .title {
		margin-bottom: 30px;
		padding-top: 25px;
	}
}

/* list */
#job-people_index #staffIndex .list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	border-top: #e1160b solid 1px;
	border-left: #e1160b solid 1px;
}
#job-people_index #staffIndex .list:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	width: 1px;
	height: 100%;
	background-color: #e1160b;
}
#job-people_index #staffIndex .list:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #e1160b;
}
#job-people_index #staffIndex .list li {
	box-sizing: border-box;
	width: 33.3333%;
	border-bottom: #e1160b solid 1px;
	border-right: #e1160b solid 1px;
}
#job-people_index #staffIndex .list li a {
	position: relative;
	display: block;
	text-align: center;
	text-decoration: none;
	background: no-repeat center center;
	background-size: cover;
}
#job-people_index #staffIndex .list li a:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 0;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(.8,.01,.54,1);
	background-color: rgba(229,22,11,0.7);
}
#job-people_index #staffIndex .list li .texts {
	position: relative;
	box-sizing: border-box;
	display: table;
	width: 100%;
	height: 230px;
	padding: 10px;
	color: #fff;
	opacity: 0;
	z-index: 3;
}
#job-people_index #staffIndex .list li .cell {
	display: table-cell;
	vertical-align: middle;
}
#job-people_index #staffIndex .list li .num {
	margin-bottom: 5px;
	font-size: 26px;
	letter-spacing: 0.1em;
}
#job-people_index #staffIndex .list li .txt {
	font-size: 18px;
	line-height: 1.3;
}
#job-people_index #staffIndex .list li .posi {
	margin-top: 15px;
	font-size: 12px;
}
#job-people_index #staffIndex .list li .abs {
	position: absolute;
	bottom: 15px;
	left: 25px;
	color: #d01f17;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.1em;
}
#job-people_index #staffIndex .list li .abs span {
	display: block;
	font-size: 58px;
}


#job-people_index #staffIndex .list li:nth-child(1) a {
	background-image: url(../../images/job-people/index/staff_01.png);
}
#job-people_index #staffIndex .list li:nth-child(2) a {
	background-image: url(../../images/job-people/index/staff_02.png);
}
#job-people_index #staffIndex .list li:nth-child(3) a {
	background-image: url(../../images/job-people/index/staff_03.png);
}
#job-people_index #staffIndex .list li:nth-child(4) a {
	background-image: url(../../images/job-people/index/staff_04.png);
}
#job-people_index #staffIndex .list li:nth-child(5) a {
	background-image: url(../../images/job-people/index/staff_05.png);
}
#job-people_index #staffIndex .list li:nth-child(6) a {
	background-image: url(../../images/job-people/index/staff_06.png);
}
#job-people_index #staffIndex .list li:nth-child(7) a {
	background-image: url(../../images/job-people/index/staff_07.png);
}
#job-people_index #staffIndex .list li:nth-child(8) a {
	background-image: url(../../images/job-people/index/staff_08.png);
}
#job-people_index #staffIndex .list li:nth-child(9) a {
	background-image: url(../../images/job-people/index/staff_09.png);
}
#job-people_index #staffIndex .list li:nth-child(10) a {
	background-image: url(../../images/job-people/index/staff_10.png);
}
#job-people_index #staffIndex .list li:nth-child(11) a {
	background-image: url(../../images/job-people/index/staff_11.png);
}
#job-people_index #staffIndex .list li:nth-child(12) a {
	background-image: url(../../images/job-people/index/staff_12.png);
}

@media only screen and (min-width:768px) {
	.noT #job-people_index #staffIndex .list li a:hover:before {
		height: 100%;
	}
	#job-people_index #staffIndex .list li .texts {
		transition-delay: 0.1s;
		transition-duration: 0.3s;
	}
	.noT #job-people_index #staffIndex .list li a:hover .texts {
		opacity: 1;
	}
	#job-people_index #staffIndex .list li .abs {
		transition-duration: 0.3s;
	}
	.noT #job-people_index #staffIndex .list li a:hover .abs {
		opacity: 0;
	}
}

@media only screen and (max-width:767px) {
	#job-people_index #staffIndex .list {
		display: block;
		border: none;
	}
	#job-people_index #staffIndex .list:before,
	#job-people_index #staffIndex .list:after {
		display: none;
	}
	#job-people_index #staffIndex .list li {
		width: auto;
		border-right: none;
	}
	#job-people_index #staffIndex .list li:first-child {
		border-top: #e1160b solid 1px;
	}
	#job-people_index #staffIndex .list li a {
		display: table;
		width: 100%;
		height: 150px;
		text-align: left;
		background: none !important;
	}
	#job-people_index #staffIndex .list li a:before {
		display: none;
	}
	#job-people_index #staffIndex .list li .photo {
		display: table-cell;
		width: 48%;
		height: 100%;
		background: no-repeat center bottom;
		background-size: contain;
		vertical-align: middle;
	}
	#job-people_index #staffIndex .list li .texts {
		display: table-cell;
		width:52%;
		height: auto;
		padding: 0;
		color: #000;
		vertical-align: middle;
		opacity: 1;
	}
	#job-people_index #staffIndex .list li .cell {
		display: block;
	}
	#job-people_index #staffIndex .list li .num {
		margin-bottom: 5px;
		color: #e6160b;
		font-size: 24px;
	}
	#job-people_index #staffIndex .list li .txt {
		font-size: 14px;
	}
	#job-people_index #staffIndex .list li .posi {
		margin-top: 5px;
		font-size: 10px;
	}
	#job-people_index #staffIndex .list li .abs {
		display: none !important;
	}

	#job-people_index #staffIndex .list li:nth-child(1) .photo {
		background-image: url(../../images/job-people/index/staff_01_sp.jpg);
	}
	#job-people_index #staffIndex .list li:nth-child(2) .photo {
		background-image: url(../../images/job-people/index/staff_02_sp.jpg);
	}
	#job-people_index #staffIndex .list li:nth-child(3) .photo {
		background-image: url(../../images/job-people/index/staff_03_sp.jpg);
	}
	#job-people_index #staffIndex .list li:nth-child(4) .photo {
		background-image: url(../../images/job-people/index/staff_04_sp.jpg);
	}
	#job-people_index #staffIndex .list li:nth-child(5) .photo {
		background-image: url(../../images/job-people/index/staff_05_sp.jpg);
	}
	#job-people_index #staffIndex .list li:nth-child(6) .photo {
		background-image: url(../../images/job-people/index/staff_06_sp.jpg);
	}
	#job-people_index #staffIndex .list li:nth-child(7) .photo {
		background-image: url(../../images/job-people/index/staff_07_sp.jpg);
	}
	#job-people_index #staffIndex .list li:nth-child(8) .photo {
		background-image: url(../../images/job-people/index/staff_08_sp.jpg);
	}
	#job-people_index #staffIndex .list li:nth-child(9) .photo {
		background-image: url(../../images/job-people/index/staff_09_sp.jpg);
	}
	#job-people_index #staffIndex .list li:nth-child(10) .photo {
		background-image: url(../../images/job-people/index/staff_10_sp.jpg);
	}
	#job-people_index #staffIndex .list li:nth-child(11) .photo {
		background-image: url(../../images/job-people/index/staff_11_sp.jpg);
	}
	#job-people_index #staffIndex .list li:nth-child(12) .photo {
		background-image: url(../../images/job-people/index/staff_12_sp.jpg);
	}
}







/*************************************************

 job-people_detail

*************************************************/

/* detailAllWrap
-------------------------*/
@media only screen and (max-width:767px) {
	#job-people_detail .detailAllWrap:before,
	#job-people_detail .detailAllWrap:after {
		display: none;
	}
}


/* sectionTop
-------------------------*/
#job-people_detail #sectionTop {
	position: relative;
	margin-top: 95px;
}
#job-people_detail #sectionTop:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 70%;
	background-size: 10px 10px;
	background-image: radial-gradient(#cccccc 15%, transparent 20%),radial-gradient(#cccccc 15%, transparent 20%);
	background-position: 0 0, 15px 15px;
	z-index: 1;
}
#job-people_detail #sectionTop .inner {
	position: relative;
	max-width: 940px;
	margin: 0 auto;
	min-height: 725px;
	z-index: 2;
}
@media only screen and (max-width:767px) {
	#job-people_detail #sectionTop {
		margin-top: 25px;
	}
	#job-people_detail #sectionTop:before,
	#job-people_detail #sectionTop:after {
		display: none;
	}
}


/* titles */
#job-people_detail #sectionTop .titles {
	position: relative;
	top: -35px;
	max-width: 770px;
	margin: 0 auto 40px;
	color: #d01f17;
	transition-duration: 1.3s;
	opacity: 0;
	z-index: 3;
}
#job-people_detail #sectionTop .titles .table {
	display: table;
	width: 100%;
}
#job-people_detail #sectionTop .titles .table > * {
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
#job-people_detail #sectionTop .titles .num {
	width: 1em;
	font-size: 98px;
	text-align: center;
	line-height: 1;
}
#job-people_detail #sectionTop .titles .num span {
	display: block;
	font-size: 36px;
	letter-spacing: 0.1em;
}
#job-people_detail #sectionTop .titles .txt {
	padding-left: 45px;
	font-size: 35px;
	line-height: 1.5;
}
@media only screen and (min-width:768px) {
	#job-people_detail #sectionTop .titles {
		transform: translateX(30px);
	}
	#job-people_detail #sectionTop .titles.on {
		transform: translateX(0);
		opacity: 1;
	}
}
@media only screen and (max-width:767px) {
	#job-people_detail #sectionTop .titles {
		top: 0;
		max-width: none;
		margin: 0;
	}
	#job-people_detail #sectionTop .titles.on {
		opacity: 1;
	}
	#job-people_detail #sectionTop .titles .table {
		display: block;
	}
	#job-people_detail #sectionTop .titles .table > * {
		display: block;
	}
	#job-people_detail #sectionTop .titles .num {
		width: auto;
		margin-bottom: 20px;
		font-size: 26px;
	}
	#job-people_detail #sectionTop .titles .num span {
		display: inline;
		font-size: 1em;
		letter-spacing: 0;
	}
	#job-people_detail #sectionTop .titles .txt {
		padding-left: 0;
		font-size: 20px;
		text-align: center;
	}
}

/* photo */
#job-people_detail #sectionTop .photo {
	position: absolute;
	bottom: 0;
	right: 0;
	transition-duration: 2s;
	opacity: 0;
	z-index: 2;
}
#job-people_detail #sectionTop .photo.on {
	opacity: 1;
}
@media only screen and (max-width:767px) {
	#job-people_detail #sectionTop .photo {
		position: static;
		text-align: center;
	}
	#job-people_detail #sectionTop .photo img {
		max-width: 90%;
	}
}

/* texts */
#job-people_detail #sectionTop .texts {
	position: relative;
	max-width: 740px;
	margin: 0 auto;
	transition-duration: 1.3s;
	opacity: 0;
	z-index: 3;
}
#job-people_detail #sectionTop .texts .colorText {
	max-width: 275px;
	margin-bottom: 15px;
	color: #fff;
	text-align: center;
}
#job-people_detail #sectionTop .texts .colorText .bg {
	padding: 20px 0;
	background-color: #d01f17;
}
#job-people_detail #sectionTop .texts .colorText .posi {
	margin-bottom: 8px;
}
#job-people_detail #sectionTop .texts .colorText .posi > * {
	display: block;
	line-height: 1;
}
#job-people_detail #sectionTop .texts .colorText .posi small {
	margin-bottom: 3px;
	font-size: 10px;
}
#job-people_detail #sectionTop .texts .colorText .posi span {
	font-size: 33px;
}

/* cube2025 */
#job-people_detail #sectionTop .texts .colorText .posi span .minitext {
	font-size: 20px!important;
	margin: 8px 0 8px!important;
	display: block!important;
}

#job-people_detail #sectionTop .texts .colorText .posi span.mid {
	font-size: 30px;
}
#job-people_detail #sectionTop .texts .colorText .posi span.min {
	font-size: 24px;
}
#job-people_detail #sectionTop .texts .colorText .season {
	position: relative;
	padding: 3px 0;
	font-size: 14px;
	border-top: #fff solid 1px;
}
#job-people_detail #sectionTop .texts .colorText .season:before {
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	content: '';
	width: 80%;
	height: 1px;
	background-color: #fff;
}
#job-people_detail #sectionTop .texts .colorText .siten {
	font-size: 24px;
}
#job-people_detail #sectionTop .texts .txt {
	max-width: 275px;
	margin-bottom: 15px;
}
#job-people_detail #sectionTop .texts .txt p {
	font-size: 15px;
	line-height: 2;
}

/* cube 2025 */
#job-people_detail #sectionTop .texts .txt p .career {
	display: block;
	margin-top:15px;
	font-size: 12px;
	line-height: 2;
}
/* cube 2025 */

@media only screen and (min-width:768px) {
	#job-people_detail #sectionTop .texts {
		transform: translateX(30px);
	}
	#job-people_detail #sectionTop .texts.on {
		transform: translateX(0);
		opacity: 1;
	}
}
@media only screen and (max-width:767px) {
	#job-people_detail #sectionTop .texts {
		margin: 0;
	}
	#job-people_detail #sectionTop .texts.on {
		opacity: 1;
	}
	#job-people_detail #sectionTop .texts .colorText {
		position: absolute;
		top: -115px;
		right: 0;
		max-width: 250px;
		width: 100%;
		margin: 0;
		z-index: 2;
	}
	#job-people_detail #sectionTop .texts .colorText .bg {
		padding: 17px 0;
	}
	#job-people_detail #sectionTop .texts .colorText .posi {
		margin-bottom: 8px;
	}
	#job-people_detail #sectionTop .texts .colorText .posi small {
		margin-bottom: 3px;
		font-size: 10px;
	}
	#job-people_detail #sectionTop .texts .colorText .posi span {
		font-size: 27px;
	}
	#job-people_detail #sectionTop .texts .colorText .posi span.mid {
		font-size: 23px;
	}
	#job-people_detail #sectionTop .texts .colorText .posi span.min {
		font-size: 20px;
	}
	#job-people_detail #sectionTop .texts .colorText .season {
		font-size: 13px;
	}
	#job-people_detail #sectionTop .texts .colorText .siten {
		font-size: 22px;
	}
	#job-people_detail #sectionTop .texts .txt {
		max-width: none;
	}
	#job-people_detail #sectionTop .texts .txt p {
		padding: 70px 40px;
		font-size: 13px;
		font-weight: 700;
		background: #e5e5e6;
	}

}



/* interview
-------------------------*/
#job-people_detail #interview {
	padding-top: 100px;
}
@media only screen and (max-width:767px) {
	#job-people_detail #interview {
		margin-top: 35px;
		padding: 0 0 50px;
	}
}

/* secTitle */
#job-people_detail #interview .secTitle {
	margin-bottom: 90px;
	text-align: center;
	line-height: 1;
}
#job-people_detail #interview .secTitle span {
	display: inline-block;
	color: #d90a00;
	font-size: 42px;
	background: -moz-linear-gradient(left,  #e18d36 0%, #e01905 50%, #d90a00 100%);
	background: -webkit-linear-gradient(left,  #e18d36 0%,#e01905 50%,#d90a00 100%);
	background: linear-gradient(to right,  #e18d36 0%,#e01905 50%,#d90a00 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media only screen and (max-width:767px) {
	#job-people_detail #interview .secTitle {
		margin-bottom: 45px;
	}
	#job-people_detail #interview .secTitle span {
		font-size: 25px;
	}
}

/* group */
#job-people_detail #interview [class^="group"] {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 170px;
}
#job-people_detail #interview [class^="group"] .texts {
	position: relative;
	max-width: 420px;
	margin: 0 auto;
	padding: 0 50px;
	z-index: 2;
}
#job-people_detail #interview [class^="group"] .qTtl {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
#job-people_detail #interview [class^="group"] .qTtl:before {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	content: '';
	height: 1px;
	width: 0;
	background-color: #df160b;
	transition-duration: 1.8s;
}
#job-people_detail #interview [class^="group"].on .qTtl:before {
	width: 100vw;
}
#job-people_detail #interview [class^="group"] .qTtl > * {
	display: inline-block;
	opacity: 0;
	transform: translateX(30px);
	transition-delay: 0.4s;
	transition-duration: 1.3s;
}
#job-people_detail #interview [class^="group"].on .qTtl > * {
	transform: translateX(0);
	opacity: 1;
}
#job-people_detail #interview [class^="group"] .qTtl span {
	position: relative;
	display: block;
	padding-left: 1.3em;
	color: #df160b;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.6;
}
#job-people_detail #interview [class^="group"] .qTtl span:before {
	position: absolute;
	top: -0.1em;
	left: 0;
	display: block;
	content: 'Q.';
}
#job-people_detail #interview [class^="group"] .aTtl {
	margin-bottom: 10px;
	font-size: 24px;
	opacity: 0;
	transform: translateX(30px);
	transition-delay: 0.4s;
	transition-duration: 1.3s;
}
#job-people_detail #interview [class^="group"].on .aTtl {
	transform: translateX(0);
	opacity: 1;
}
#job-people_detail #interview [class^="group"] .aTtl > * {
	display: inline-block;
}
#job-people_detail #interview [class^="group"] .txt {
	opacity: 0;
	transform: translateX(30px);
	transition-delay: 0.4s;
	transition-duration: 1.3s;
}
#job-people_detail #interview [class^="group"].on .txt {
	transform: translateX(0);
	opacity: 1;
}
#job-people_detail #interview [class^="group"] .txt p {
	font-size: 14px;
	line-height: 2.2;
}
#job-people_detail #interview [class^="group"] .img {
	position: absolute;
	opacity: 0;
	transition-duration: 1.8s;
	z-index: 1;
}
#job-people_detail #interview [class^="group"].on .img {
	opacity: 1;
}
#job-people_detail #interview [class^="group"] .img figure {
	display: inline-block;
}
@media only screen and (max-width:991px) {
	#job-people_detail #interview [class^="group"] {
		padding-bottom: 100px;
	}
	#job-people_detail #interview [class^="group"] .img {
		position: static !important;
		margin-top: 30px;
		text-align: center;
	}
}
@media only screen and (max-width:767px) {
	#job-people_detail #interview [class^="group"] {
		padding-bottom: 35px;
	}
	#job-people_detail #interview [class^="group"] .texts {
		max-width: none;
		padding: 0 40px;
	}
	#job-people_detail #interview [class^="group"] .qTtl {
		position: relative;
		margin-bottom: 10px;
		padding-bottom: 0;
	}
	#job-people_detail #interview [class^="group"] .qTtl:before {
		display: none;
	}
	#job-people_detail #interview [class^="group"] .qTtl span {
		font-size: 20px;
		line-height: 1.5;
	}
	#job-people_detail #interview [class^="group"] .aTtl {
		margin-bottom: 5px;
		font-size: 18px;
	}
	#job-people_detail #interview [class^="group"] .txt p {
		font-size: 13px;
		line-height: 1.8;
	}
	#job-people_detail #interview [class^="group"] .img {
		display: none;
	}
}

/* group01 */
#job-people_detail #interview .group01 .img {
	top: 260px;
	left: 0;
}

/* group02 */
#job-people_detail #interview .group02 .img {
	top: 20px;
	right: 0;
}
#job-people_detail #interview .group02 .qTtl:before {
	right: auto;
	left: 0;
}

#job-people_detail #interview .group03 {
	padding-bottom: 80px;
}

/* lastImage */
#job-people_detail #interview .lastImage {
	position: relative;
	text-align: center;
	line-height: 0;
}
#job-people_detail #interview .lastImage:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: '';
	width: 0;
	height: 100px;
	transition-duration: 1s;
	background-color: #d01f17;
}
#job-people_detail #interview .lastImage:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 182px;
	background: url(../../images/job-people/index/ico_cloud.png) no-repeat center center;
	opacity: 0.3;
}
#job-people_detail #interview .lastImage.on:before {
	width: 100%;
}
#job-people_detail #interview .lastImage .img {
	position: relative;
	opacity: 0;
	transition-delay: 0.5s;
	transition-duration: 1.8s;
	z-index: 3;
}
#job-people_detail #interview .lastImage.on .img {
	opacity: 1;
}
@media only screen and (max-width:767px) {
	#job-people_detail #interview .lastImage:before {
		height: 160px;
	}
	#job-people_detail #interview .lastImage.on:before {
		width: 90%;
	}
	#job-people_detail #interview .lastImage:after {
		height: 160px;
		background-size: auto 90%;
	}
	#job-people_detail #interview .lastImage .img img {
		max-width: 84%;
	}
	#job-people_detail #interview .group03 {
		padding-bottom: 35px;
	}
}




/*************************************************

 otherStaff

*************************************************/
#otherStaff {
	padding: 50px 0 95px;
}
#otherStaff .commonAnimeBoder {
	margin-bottom: 25px;
}
#otherStaff .title {
	margin-bottom: 50px;
	color: #df160b;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
}
#otherStaff .list {
	overflow: hidden;
	max-width: 470px;
	margin: 0 auto;
}
#otherStaff .list ul {
	display: flex;
	flex-wrap: wrap;
	margin: -36px -18px 0;
}
#otherStaff .list ul li {
	box-sizing: border-box;
	width: 25%;
	padding: 36px 18px 0;
	line-height: 1;
}
#otherStaff .list ul li a {
	position: relative;
	width: 100%;
	display: block;
	height: 0;
	padding-bottom: 100%;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background-color: #d01f17;
	text-decoration: none;
	letter-spacing: 0.1em;
	border-radius: 50%;
}
#otherStaff .list ul li.current a,
.noT #otherStaff .list ul li a:hover {
	background-color: #1c2d6d;
}
#otherStaff .list ul li a span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	transform: translateY(-50%);
}
#otherStaff .list ul li a span > * {
	display: block;
}
#otherStaff .list ul li a strong {
	font-size: 42px;
}
#otherStaff .topBtn {
	margin-top: 70px;
}
#otherStaff .topBtn a {
	display: block;
	max-width: 400px;
	margin: 0 auto;
	padding: 2px;
	font-size: 21px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	background: #e18d36;
	background: -moz-linear-gradient(left,  #e18d36 0%, #e01905 50%, #d90a00 100%);
	background: -webkit-linear-gradient(left,  #e18d36 0%,#e01905 50%,#d90a00 100%);
	background: linear-gradient(to right,  #e18d36 0%,#e01905 50%,#d90a00 100%);
	transition: 0s;
}
#otherStaff .topBtn a > span {
	display: block;
	padding: 5px 0;
	color: #d01f17;
	background-color: #fff;
	transition: 0.3s;
}
.noT #otherStaff .topBtn a:hover > span {
	color: #fff;
	background-color: transparent;
}
#otherStaff .topBtn a > span span {
	position: relative;
	display: inline-block;
	padding-left: 33px;
}
#otherStaff .topBtn a > span span:before,
#otherStaff .topBtn a > span span:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	content: '';
	width: 17px;
	height: 14px;
	margin-top: -7px;
	background: url(../../images/common/arw_04.svg) no-repeat center center;
	background-size: 100% auto;
	transition: 0.3s;
}
#otherStaff .topBtn a > span span:after {
	background-image: url(../../images/common/arw_03.svg);
	opacity: 0;
}
.noT #otherStaff .topBtn a:hover > span span:before {
	opacity: 0;
}
.noT #otherStaff .topBtn a:hover > span span:after {
	opacity: 1;
}
@media only screen and (max-width:767px) {
	#otherStaff {
		padding: 0 0 50px;
		background-color: #e5e5e6;
		border-top: #e6160b solid 1px;
	}
	#otherStaff .commonAnimeBoder {
		position: relative;
		top: -15px;
		margin-bottom: 0;
	}
	#otherStaff .title {
		margin-bottom: 40px;
		font-size: 19px;
	}
	#otherStaff .list {
		padding: 0 30px;
	}
	#otherStaff .list ul {
		display: flex;
		flex-wrap: wrap;
		margin: -13px -5px 0;
	}
	#otherStaff .list ul li {
		padding: 13px 5px 0;
	}
	#otherStaff .list ul li a {
		font-size: 12px;
	}
	#otherStaff .list ul li a strong {
		font-size: 32px;
	}
	#otherStaff .topBtn {
		margin-top: 50px;
	}
	#otherStaff .topBtn a {
		max-width: 200px;
		font-size: 16px;
	}
	#otherStaff .topBtn a > span span {
		padding-left: 28px;
	}
	#otherStaff .topBtn a > span span:before,
	#otherStaff .topBtn a > span span:after {
		margin-top: -5px;
	}
}


#job-people_detail #interview .hoverAction {
	position: relative;
}
#job-people_detail #interview .hoverAction span {
	display: block;
}
#job-people_detail #interview .hoverAction .on {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.3s;
}
#job-people_detail #interview .hoverAction:hover .on {
	opacity: 1;
}




/*************************************************

 job-people_detail detail06

*************************************************/
#job-people_detail.detail06 #sectionTop .inner {
	max-width: 1040px;
}
@media only screen and (min-width:768px) {
	#job-people_detail.detail06 #sectionTop .texts .colorText {
		max-width: 360px;
	}
	#job-people_detail.detail06 #sectionTop .texts .colorText .posi span.min {
		font-size: 27px;
	}
}



/*************************************************

 job-people_detail detail07

*************************************************/
@media only screen and (min-width:768px) {
	#job-people_detail.detail07 #sectionTop .texts .colorText {
		max-width: 360px;
	}
	#job-people_detail.detail07 #sectionTop .texts .colorText .posi span.min {
		font-size: 27px;
	}
}



/*************************************************

 job-people_detail detail10

*************************************************/
@media only screen and (min-width:768px) {
	#job-people_detail.detail10 #sectionTop .texts .colorText .posi span {
		font-size: 30px;
	}
}



/*************************************************

 job-people_detail detail12

*************************************************/
#job-people_detail.detail12 #sectionTop .inner {
	max-width: 1020px;
}
@media only screen and (min-width:768px) {
	#job-people_detail.detail12 #sectionTop .texts .colorText {
		max-width: 310px;
	}
}