@charset "utf-8";

/*=========================================*/
/* ニュース */
/*=========================================*/

@media screen and (min-width: 1201px), print{

.content_interview_index ul{
	list-style: none;
	/*display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;*/
	align-content: space-between;
	height: 996px;
	margin: 0 24px 0 24px;
}

.content_interview_index ul::after{
	content: "";
	display: block;
	clear: both;
}

.content_interview_index ul li{
	/*width: 373px;
	width: -webkit-calc((100% - 32px) / 3);
	width: -moz-calc((100% - 32px) / 3);
	width: calc((100% - 32px) / 3);*/
  width: 32%;
	margin: 0 15px 64px 0;
	text-align: center;
  display: inline-block;
}

.content_interview_index ul li:nth-child(3){
  margin: 0 0 64px 0;
}
  
.content_interview_index ul li:nth-child(6){
  margin: 0 0 64px 0;
}  

.content_interview_index ul li a:link{
	text-decoration: none;
}

.content_interview_index ul li a:visited{
	text-decoration: none;
}

.content_interview_index ul li a:hover,
.content_interview_index ul li a:active{
	text-decoration: none;
}

.content_interview_index ul li.interview_index01 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_01.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index01 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_01.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index01 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index01 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_01.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index02 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_02.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index02 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_02.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index02 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index02 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_02.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index03 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_03.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index03 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_03.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index03 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index03 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_03.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index04 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_04.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index04 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_04.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index04 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index04 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_04.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index05 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_05.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index05 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_05.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index05 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index05 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_05.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index06 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_06.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index06 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_06.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index06 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index06 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_06.jpg) no-repeat center center / auto 100%;
}  
  
.content_interview_index ul li a:link .interview_index_portrait::before{
	display: block;
	padding: 108% 0 0 0;
	background: transparent;
	content: "";
}

.content_interview_index ul li a:visited .interview_index_portrait::before{
	display: block;
	padding: 108% 0 0 0;
	background: transparent;
	content: "";
}

.content_interview_index ul li a:hover .interview_index_portrait::before,
.content_interview_index ul li a:active .interview_index_portrait::before{
	display: block;
	padding: 108% 0 0 0;
	background: rgba(255,255,255,.5);
	content: "";
}

.content_interview_index ul li.interview_index01 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 56px;
	background: rgba(220,233,171,.8);
}

.content_interview_index ul li.interview_index02 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 56px;
	background: rgba(255,228,154,.8);
}

.content_interview_index ul li.interview_index03 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 56px;
	background: rgba(248,187,210,.8);
}

.content_interview_index ul li.interview_index04 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 56px;
	background: rgba(233,164,146,.8);
}

.content_interview_index ul li.interview_index05 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 56px;
	background: rgba(156,206,225,.8);
}
  
.content_interview_index ul li.interview_index06 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 56px;
	background: rgba(178,224,211,.8);
}  

.content_interview_index ul li a:link .interview_index_portrait .interview_index_occupation p{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 160%;
	font-weight: 700;
	color: #272727;
	line-height: 120%;
}

.content_interview_index ul li a:visited .interview_index_portrait .interview_index_occupation p{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 150%;
	font-weight: 700;
	color: #272727;
	line-height: 120%;
}

.content_interview_index ul li a:hover .interview_index_portrait .interview_index_occupation p,
.content_interview_index ul li a:active .interview_index_portrait .interview_index_occupation p{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 160%;
	font-weight: 700;
	color: #272727;
	line-height: 120%;
}

.content_interview_index ul li a:link .interview_index_head{
	margin: 12px 0 0 0;
	text-decoration: none;
	font-size: 115%;
	color: #af1144;
}

.content_interview_index ul li a:visited .interview_index_head{
	margin: 12px 0 0 0;
	text-decoration: none;
	font-size: 115%;
	color: #af1144;
}

.content_interview_index ul li a:hover .interview_index_head,
.content_interview_index ul li a:active .interview_index_head{
	margin: 12px 0 0 0;
	text-decoration: none;
	font-size: 115%;
	color: #af1144;
}


.content_interview_profile{
	width: 100%;
	margin: 24px 0 40px 0;
	padding: 50px 0 96px 0;
}

.content_interview_profile01{
	background-color: #f1f6dd;
}

.content_interview_profile02{
	background-color: #fff4d7;
}

.content_interview_profile03{
	background-color: #ffe9f0;
}

.content_interview_profile04{
	background-color: #f6dbd3;
}

.content_interview_profile05{
	background-color: #d7ebf3;
}
  
.content_interview_profile06{
	background-color: #e0f3ed;
}  

.content_interview_profile .contentArea{
	max-width: 1152px;
	position: relative;
	padding: 36px 0 0 0;
	text-align: left;
}

.content_interview_profile .interview_profile_portrait{
	position: absolute;
	top: 0;
	right: 60px;
}

.content_interview_profile .interview_profile_occupation{
	margin: 0 0 42px 0;
	text-align: left;
	font-size: 200%;
	font-weight: 700;
	font-style: normal;
	color:#af1144;
}

.content_interview_profile .interview_profile_motto{
	margin: 0 0 48px 0;
}

.content_interview_profile .interview_profile_motto p{
	text-align: left;
	font-size: 160%;
	font-weight: 700;
	line-height: 190%;
}

.content_interview_profile .interview_profile_name{
	text-align: left;
	font-size: 120%;
	font-weight: 500;
}

.content_interview_detail:nth-of-type(odd){
	width: 100%;
	padding: 50px 0 60px 0;
	background-color: #ffffff;
}

.content_interview_detail:nth-of-type(even){
	width: 100%;
	padding: 50px 0 60px 0;
	background-color: #f8f8f8;
}

.content_interview_detail .contentArea{
	max-width: 1152px;
}

.content_interview_detail .interview_detail_head{
	margin: 0 0 30px 0;
	text-align: left;
	font-size: 200%;
	color: #af1144;
	line-height: 120%;
}

.content_interview_detail .interview_detail_text{
	text-align: left;
	font-size: 110%;
	line-height: 175%;
}

.content_interview_detail .interview_detail_text .note{
	position: relative;
	top: -8px;
	font-size: 70%;
}

.content_interview_detail .interview_detail_note{
	margin: 48px 0 0 0;
	text-align: left;
	font-size: 90%;
	line-height: 150%;
}

.content_interview_detail .interview_detail_note p{
	display: inline-block;
	margin: 0 16px 0 0;
}

.content_interview_pager .interview_pager{
	margin: 0 auto 0 auto;
}

.content_interview_pager .interview_pager ul{
	list-style: none;
	display: inline-block;
	margin: 0 auto 0 auto;
}

.content_interview_pager .interview_pager ul::after{
	content: "";
	display: block;
	clear: both;
}

.content_interview_pager .interview_pager ul li{
	float: left;
	position: relative;
	margin: 0 16px 0 0;
	background-color: #ffffff;
}

.content_interview_pager .interview_pager ul li.next{
	float: left;
	position: relative;
	margin: 0 0 0 0;
	background-color: #ffffff;
}

.content_interview_pager .interview_pager ul li.current{
	float: left;
	position: relative;
	margin: 0 16px 0 0;
	background-color: #000000;
}

.content_interview_pager .interview_pager ul li a:link{
	display: block;
	height: 36px;
	border: solid 1px #999999;
	color: #000000;
}

.content_interview_pager .interview_pager ul li a:visited{
	display: block;
	height: 36px;
	border: solid 1px #999999;
	color: #000000;
}

.content_interview_pager .interview_pager ul li a:hover,
.content_interview_pager .interview_pager ul li a:active{
	display: block;
	height: 36px;
	border: solid 1px #af1144;
	color: #af1144;
}

.content_interview_pager .interview_pager ul li.current a{
	display: block;
	height: 36px;
	border: solid 1px #000000;
	color: #ffffff;
	pointer-events: none;
}

.content_interview_pager .interview_pager ul li a span{
	display: inline-block;
	-ms-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	padding: 0 10px 0 10px;
	text-align: center;
	font-size: 90%;
}

}

@media screen and (max-width: 1200px){

.content_interview_index ul{
	list-style: none;
	margin: 0 -8px 0 -8px;
}

.content_interview_index ul::after{
	content: "";
	display: block;
	clear: both;
}

.content_interview_index ul li{
	float: left;
	width: 373px;
	width: -webkit-calc((100% - 32px) / 2);
	width: -moz-calc((100% - 32px) / 2);
	width: calc((100% - 32px) / 2);
	margin: 0 8px 32px 8px;
	text-align: center;
}

.content_interview_index ul li a:link{
	text-decoration: none;
}

.content_interview_index ul li a:visited{
	text-decoration: none;
}

.content_interview_index ul li a:hover,
.content_interview_index ul li a:active{
	text-decoration: none;
}

.content_interview_index ul li.interview_index01 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_01.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index01 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_01.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index01 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index01 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_01.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index02 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_02.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index02 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_02.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index02 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index02 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_02.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index03 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_03.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index03 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_03.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index03 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index03 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_03.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index04 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_04.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index04 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_04.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index04 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index04 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_04.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index05 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_05.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index05 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_05.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index05 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index05 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_05.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index06 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_06.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index06 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_06.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index06 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index06 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_06.jpg) no-repeat center center / auto 100%;
}  
  
.content_interview_index ul li a:link .interview_index_portrait::before{
	display: block;
	padding: 108% 0 0 0;
	background: transparent;
	content: "";
}

.content_interview_index ul li a:visited .interview_index_portrait::before{
	display: block;
	padding: 108% 0 0 0;
	background: transparent;
	content: "";
}

.content_interview_index ul li a:hover .interview_index_portrait::before,
.content_interview_index ul li a:active .interview_index_portrait::before{
	display: block;
	padding: 108% 0 0 0;
	background: rgba(255,255,255,.5);
	content: "";
}

.content_interview_index ul li.interview_index01 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
	background: rgba(220,233,171,.8);
}

.content_interview_index ul li.interview_index02 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
	background: rgba(255,228,154,.8);
}

.content_interview_index ul li.interview_index03 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
	background: rgba(248,187,210,.8);
}

.content_interview_index ul li.interview_index04 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
	background: rgba(233,164,146,.8);
}

.content_interview_index ul li.interview_index05 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
	background: rgba(156,206,225,.8);
}
  
.content_interview_index ul li.interview_index06 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
	background: rgba(178,224,211,.8);
}  

.content_interview_index ul li a:link .interview_index_portrait .interview_index_occupation p{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 120%;
	font-weight: 700;
	color: #272727;
	line-height: 120%;
}

.content_interview_index ul li a:visited .interview_index_portrait .interview_index_occupation p{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 120%;
	font-weight: 700;
	color: #272727;
	line-height: 120%;
}

.content_interview_index ul li a:hover .interview_index_portrait .interview_index_occupation p,
.content_interview_index ul li a:active .interview_index_portrait .interview_index_occupation p{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 120%;
	font-weight: 700;
	color: #272727;
	line-height: 120%;
}

.content_interview_index ul li a:link .interview_index_head{
	margin: 12px 0 0 0;
	text-decoration: none;
	font-size: 105%;
	color: #af1144;
}

.content_interview_index ul li a:visited .interview_index_head{
	margin: 12px 0 0 0;
	text-decoration: none;
	font-size: 105%;
	color: #af1144;
}

.content_interview_index ul li a:hover .interview_index_head,
.content_interview_index ul li a:active .interview_index_head{
	margin: 12px 0 0 0;
	text-decoration: none;
	font-size: 105%;
	color: #af1144;
}

.content_interview_profile{
	width: 100%;
	margin: 24px 0 40px 0;
	padding: 36px 0 36px 0;
}

.content_interview_profile01{
	background-color: #f1f6dd;
}

.content_interview_profile02{
	background-color: #fff4d7;
}

.content_interview_profile03{
	background-color: #ffe9f0;
}

.content_interview_profile04{
	background-color: #f6dbd3;
}

.content_interview_profile05{
	background-color: #d7ebf3;
}
  
.content_interview_profile06{
	background-color: #e0f3ed;
}
  
.content_interview_profile .contentArea{
	position: relative;
	text-align: left;
	width: 70%;
	min-width: 576px;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
}

.content_interview_profile .interview_profile_portrait{
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 30vw;
	min-height: 240px;
}

.content_interview_profile .interview_profile_portrait img{
	max-width: none;
	max-height: 100%;
}

.content_interview_profile .interview_profile_occupation{
	margin: 0 0 8px 0;
	text-align: left;
	font-size: 150%;
	font-weight: 700;
	font-style: normal;
	color:#af1144;
	line-height: 120%;
}

.content_interview_profile .interview_profile_motto{
	margin: 0 0 16px 0;
}

.content_interview_profile .interview_profile_motto p{
	text-align: left;
	font-size: 120%;
	font-weight: 700;
	line-height: 190%;
}

.content_interview_profile .interview_profile_name{
	text-align: left;
	font-size: 110%;
	font-weight: 500;
	line-height: 120%;
}

.content_interview_detail:nth-of-type(odd){
	width: 100%;
	padding: 50px 0 60px 0;
	background-color: #ffffff;
}

.content_interview_detail:nth-of-type(even){
	width: 100%;
	padding: 50px 0 60px 0;
	background-color: #f8f8f8;
}

.content_interview_detail .interview_detail_head{
	margin: 0 0 30px 0;
	text-align: left;
	font-size: 175%;
	color: #af1144;
	line-height: 120%;
}

.content_interview_detail .interview_detail_text{
	text-align: left;
	font-size: 100%;
	line-height: 175%;
}

.content_interview_detail .interview_detail_text .note{
	position: relative;
	top: -8px;
	font-size: 70%;
}

.content_interview_detail .interview_detail_note{
	margin: 48px 0 0 0;
	text-align: left;
	font-size: 85%;
	line-height: 150%;
}

.content_interview_detail .interview_detail_note p{
	display: inline-block;
	margin: 0 16px 0 0;
}

.content_interview_pager .interview_pager{
	list-style: none;
	display: inline-block;
	margin: 0 auto 32px auto;
}

.content_interview_pager .interview_pager ul{
	list-style: none;
	display: inline-block;
	margin: 0 auto 0 auto;
}

.content_interview_pager .interview_pager ul::after{
	content: "";
	display: block;
	clear: both;
}

.content_interview_pager .interview_pager ul li{
	float: left;
	position: relative;
	margin: 0 14px 0 0;
	background-color: #ffffff;
}

.content_interview_pager .interview_pager ul li.next{
	float: left;
	position: relative;
	margin: 0 0 0 0;
	background-color: #ffffff;
}

.content_interview_pager .interview_pager ul li.current{
	float: left;
	position: relative;
	margin: 0 14px 0 0;
	background-color: #000000;
}

.content_interview_pager .interview_pager ul li a:link{
	display: block;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.content_interview_pager .interview_pager ul li a:visited{
	display: block;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.content_interview_pager .interview_pager ul li a:hover,
.content_interview_pager .interview_pager ul li a:active{
	display: block;
	height: 32px;
	border: solid 1px #af1144;
	color: #af1144;
}

.content_interview_pager .interview_pager ul li.current a{
	display: block;
	height: 32px;
	border: solid 1px #000000;
	color: #ffffff;
	pointer-events: none;
}

.content_interview_pager .interview_pager ul li a span{
	display: inline-block;
	-ms-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	padding: 0 10px 0 10px;
	text-align: center;
	font-size: 90%;
}

}

@media screen and (max-width: 640px){

.content_interview_index ul{
	list-style: none;
	margin: 0 0px 0 0px;
}

.content_interview_index ul::after{
	content: "";
	display: block;
	clear: both;
}

.content_interview_index ul li{
	float: left;
	width: 100%;
	margin: 0 0 32px 0;
	text-align: center;
}

.content_interview_index ul li a:link{
	text-decoration: none;
}

.content_interview_index ul li a:visited{
	text-decoration: none;
}

.content_interview_index ul li a:hover,
.content_interview_index ul li a:active{
	text-decoration: none;
}

.content_interview_index ul li.interview_index01 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_01.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index01 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_01.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index01 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index01 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_01.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index02 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_02.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index02 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_02.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index02 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index02 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_02.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index03 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_03.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index03 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_03.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index03 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index03 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_03.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index04 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_04.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index04 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_04.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index04 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index04 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_04.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index05 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_05.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index05 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_05.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index05 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index05 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_05.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index06 a:link .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_06.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index06 a:visited .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_06.jpg) no-repeat center center / auto 100%;
}

.content_interview_index ul li.interview_index06 a:hover .interview_index_portrait,
.content_interview_index ul li.interview_index06 a:active .interview_index_portrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/interview/images/interview_portrait_06.jpg) no-repeat center center / auto 100%;
}  
  
.content_interview_index ul li a:link .interview_index_portrait::before{
	display: block;
	padding: 108% 0 0 0;
	background: transparent;
	content: "";
}

.content_interview_index ul li a:visited .interview_index_portrait::before{
	display: block;
	padding: 108% 0 0 0;
	background: transparent;
	content: "";
}

.content_interview_index ul li a:hover .interview_index_portrait::before,
.content_interview_index ul li a:active .interview_index_portrait::before{
	display: block;
	padding: 108% 0 0 0;
	background: rgba(255,255,255,.5);
	content: "";
}

.content_interview_index ul li.interview_index01 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
	background: rgba(220,233,171,.8);
}

.content_interview_index ul li.interview_index02 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
	background: rgba(255,228,154,.8);
}

.content_interview_index ul li.interview_index03 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
	background: rgba(248,187,210,.8);
}

.content_interview_index ul li.interview_index04 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
	background: rgba(233,164,146,.8);
}

.content_interview_index ul li.interview_index05 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
	background: rgba(156,206,225,.8);
}
  
.content_interview_index ul li.interview_index06 a .interview_index_portrait .interview_index_occupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
	background: rgba(178,224,211,.8);
}  

.content_interview_index ul li a:link .interview_index_portrait .interview_index_occupation p{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 120%;
	font-weight: 700;
	color: #272727;
	line-height: 120%;
}

.content_interview_index ul li a:visited .interview_index_portrait .interview_index_occupation p{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	color: #272727;
	line-height: 120%;
}

.content_interview_index ul li a:hover .interview_index_portrait .interview_index_occupation p,
.content_interview_index ul li a:active .interview_index_portrait .interview_index_occupation p{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 120%;
	font-weight: 700;
	color: #272727;
	line-height: 120%;
}

.content_interview_index ul li a:link .interview_index_head{
	margin: 12px 0 0 0;
	text-decoration: none;
	font-size: 100%;
	color: #af1144;
}

.content_interview_index ul li a:visited .interview_index_head{
	margin: 12px 0 0 0;
	text-decoration: none;
	font-size: 100%;
	color: #af1144;
}

.content_interview_index ul li a:hover .interview_index_head,
.content_interview_index ul li a:active .interview_index_head{
	margin: 12px 0 0 0;
	text-decoration: none;
	font-size: 100%;
	color: #af1144;
}

.content_interview_profile{
	width: 100%;
	margin: 200px 0 0px 0;
	padding: 72px 0 36px 0;
}

.content_interview_profile01{
	background-color: #f1f6dd;
}

.content_interview_profile02{
	background-color: #fff4d7;
}

.content_interview_profile03{
	background-color: #ffe9f0;
}

.content_interview_profile04{
	background-color: #f6dbd3;
}

.content_interview_profile05{
	background-color: #d7ebf3;
}
  
.content_interview_profile06{
	background-color: #e0f3ed;
}  

.content_interview_profile .contentArea{
	position: relative;
	width: 100%;
	min-width: auto;
	padding: 16px 0 0 0;
	text-align: center;
}

.content_interview_profile .interview_profile_portrait{
	position: absolute;
	top: -272px;
	left: 0;
	right: 0;
	-ms-transform: none;
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
	width: 256px;
	height: auto;
	margin: 0 auto 0 auto;
}

.content_interview_profile .interview_profile_portrait img{
	max-width: 100%;
	max-height: auto;
}

.content_interview_profile .interview_profile_occupation{
	margin: 0 0 8px 0;
	text-align: center;
	font-size: 180%;
	font-weight: 700;
	font-style: normal;
	color:#af1144;
	line-height: 120%;
}

.content_interview_profile .interview_profile_motto{
	display: inline-block;
	margin: 0 auto 16px auto;
}

.content_interview_profile .interview_profile_motto p{
	text-align: left;
	font-size: 110%;
	font-weight: 700;
	line-height: 190%;
}

.content_interview_profile .interview_profile_name{
	width: auto;
	text-align: center;
	font-size: 100%;
	line-height: 120%;
}

.content_interview_detail:nth-of-type(odd){
	width: 100%;
	padding: 30px 0 40px 0;
	background-color: #ffffff;
}

.content_interview_detail:nth-of-type(even){
	width: 100%;
	padding: 30px 0 40px 0;
	background-color: #f8f8f8;
}

.content_interview_detail .interview_detail_head{
	margin: 0 0 20px 0;
	text-align: left;
	font-size: 150%;
	color: #af1144;
	line-height: 120%;
}

.content_interview_detail .interview_detail_text{
	text-align: left;
	font-size: 100%;
	line-height: 175%;
}

.content_interview_detail .interview_detail_text .note{
	position: relative;
	top: -8px;
	font-size: 70%;
}

.content_interview_detail .interview_detail_note{
	margin: 48px 0 0 0;
	text-align: left;
	font-size: 80%;
	line-height: 150%;
}

.content_interview_detail .interview_detail_note p{
	display: inline-block;
	margin: 0 14px 0 0;
}

.content_interview_pager .interview_pager{
	list-style: none;
	display: inline-block;
	margin: 0 auto 32px auto;
}

.content_interview_pager .interview_pager ul{
	list-style: none;
	display: inline-block;
	margin: 0 auto 0 auto;
}

.content_interview_pager .interview_pager ul::after{
	content: "";
	display: block;
	clear: both;
}

.content_interview_pager .interview_pager ul li{
	float: left;
	position: relative;
	margin: 0 14px 0 0;
	background-color: #ffffff;
}

.content_interview_pager .interview_pager ul li.next{
	float: left;
	position: relative;
	margin: 0 0 0 0;
	background-color: #ffffff;
}

.content_interview_pager .interview_pager ul li.current{
	float: left;
	position: relative;
	margin: 0 14px 0 0;
	background-color: #000000;
}

.content_interview_pager .interview_pager ul li a:link{
	display: block;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.content_interview_pager .interview_pager ul li a:visited{
	display: block;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.content_interview_pager .interview_pager ul li a:hover,
.content_interview_pager .interview_pager ul li a:active{
	display: block;
	height: 32px;
	border: solid 1px #af1144;
	color: #af1144;
}

.content_interview_pager .interview_pager ul li.current a{
	display: block;
	height: 32px;
	border: solid 1px #000000;
	color: #ffffff;
	pointer-events: none;
}

.content_interview_pager .interview_pager ul li a span{
	display: inline-block;
	-ms-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	padding: 0 10px 0 10px;
	text-align: center;
	font-size: 90%;
}

}

/*-- subpage head --*/

@media screen and (min-width: 1201px), print{

#subpageHead{
	background: url(/recruit/career/index/interview/images/subpage_bg_interview.jpg) no-repeat center 25% / 100% auto;
}

#subpageHead .subHeadTitle{
	color: #ffffff;
}

}

@media screen and (max-width: 1200px){

#subpageHead{
	background: url(/recruit/career/index/interview/images/subpage_bg_interview.jpg) no-repeat center 25% / 100% auto;
}

#subpageHead .subHeadTitle{
	color: #ffffff;
}

}

@media screen and (max-width: 640px){

#subpageHead{
	background: url(/recruit/career/index/interview/images/subpage_bg_interview.jpg) no-repeat center 25% / 100% auto;
}

#subpageHead .subHeadTitle{
	color: #ffffff;
}

}

/*-- contents --*/

@media screen and (min-width: 1201px), print{

#contents{
	padding: 36px 0 72px 0;
}

}

@media screen and (max-width: 1200px){

#contents{
	padding: 36px 0 64px 0;
}

}

@media screen and (max-width: 640px){

#contents{
	padding: 32px 0 48px 0;
}

}