@charset "utf-8";
/* 追加CSS */
.interview-body .container,
#interview-photo .container,
#interview-top-body .container{
	max-width: 980px;
}
#interview-tags .container,
#interview-top-body .container{
	max-width: 1170px;
}
.interview-page #interview-tags .container{
	max-width: 980px;
}

main .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
main .row.rev{
	flex-direction:row-reverse
}

main .row>div {
	margin-bottom: 20px;
}

.col-md-4 {
	width: 30%;
	width: -webkit-calc(33.33% - 10px);
	width: calc(33.33% - 10px);
	margin-right: 15px;
}

.col-md-4:nth-of-type(3n) {
	margin-right: 0;
}

.col-md-4:nth-last-of-type(1), .col-md-4:nth-last-of-type(2), .col-md-4:nth-last-of-type(3) {
	/* margin-bottom: 0; */
}

main .row .col-md-6 {
	width: 48%;
	/*width: -webkit-calc(50% - 10px);
	width: calc(50% - 10px);*/
}
main .row .col-md-6 img{
	width: 100%;
	margin-bottom: 50px;
}

.breadcrumb {
	padding: 2rem 0;
	font-size: 0.9rem
}
.breadcrumb .container{
	max-width: 1170px;
}
.breadcrumb p a{
	color: #00b7f1;
}
.breadcrumb p a:after {
	content: ">";
	display: inline-block;
	padding: 0 0.5rem;
	color: #111;
}

.contents h2.top-h2 {
    font-size: 38px;
    font-weight: bold;
	color: #000e4e;
    text-align: center;
    margin-bottom: 60px;
}
.page-section {
    padding: 100px 0;
}
@media (max-width: 767px){
	.breadcrumb .container {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.contents h2.top-h2 {
		font-size: 1.4rem;
		margin-bottom: 20px;
		line-height: 1.6em;
	}
	#interview-other {
		padding: 40px 0;
	}
	main .row .col-md-6 img{
		margin-bottom: 20px;
	}
	
}



/*一覧*/
#interview-top {
	position: relative;
	background:
	url("https://cns-job.panasonic.com/images/common/h1-bg.png") no-repeat center top/cover;
	text-align: center;
	position: relative;
	padding: 60px 0 40px 0;
}
#interview-top h1{
	font-size: 1.2rem;
	color: #fff;
	padding-bottom: 10px;
	line-height: 1.8em;
}
#interview-top h1 strong{
	font-size: 3.125rem;
}
#interview-top p.lead{
	font-size: 1.8rem;
	color: white;
	padding: 0;
	margin: 0;
}

#interview-tags{
	padding: 30px;
	background: #F8F8F8;
}

.interview-page #interview-tags{
	padding: 60px 0 0 0;
	padding: 30px;
	background: #F8F8F8;
}


#interview-tags ul{
	margin: 5px 0px 5px 0;
	display: inline-block;
	
}

.interview-page #interview-tags{
	display: none;
}

#interview-tags ul li{
	display: inline-block;
	margin: 5px 2px;
}
#interview-tags ul li.title{
	padding: 7px 30px 7px 0;
	font-weight: bold;
	position: relative;
}
#interview-tags ul li a{
	display: inline-block;
	border: 1px solid #00B7F1;
	background: white;
	color: #00B7F1;
	border-radius: 40px;
	padding: 7px 10px;
	text-decoration: none;
	font-size: 18px;
}
#interview-tags ul li a::before{
	content: "#";
	color: #00B7F1;
}
@media (min-width: 769px) {
	#interview-tags ul li a:hover{
		background:#00B7F1;
		color: white;
		opacity: 1;
	}
	#interview-tags ul li a:hover::before{
		color: white;
	}
}

@media (max-width: 767px) {
	#interview-top {
	}
	#interview-top h1{
		font-size: 16px;
		padding-bottom: 10px;
	}
	#interview-top h1 strong{
		font-size: 30px;
	}
	#interview-top p.lead{
		font-size: 18px;
	}
	#interview-tags,
	.interview-page #interview-tags{
		padding: 10px 0;
		margin-bottom: 20px;
	}
	#interview-tags .container{
		padding: 0;
	}
	#interview-tags ul{
		margin: 5px 20px 5px 20px;
		position: relative;
		font-size: 14px;
		text-align: center;
	}
	#interview-tags ul li{
		margin: 5px 0;
	}
	#interview-tags ul li.title{
		padding: 5px 0px 5px 0;
		width: 100%;
		text-align: center;
	}
	#interview-tags ul li.title::after{
		width:10px;
		right: 5px;
	}
	#interview-tags ul li a{
		padding: 5px 7px;
		font-size: 14px;
	}
}
@media (max-width: 320px) {
	#interview-top {
		height: 260px;
	}
	#interview-top p.lead{
		font-size: 22px;
	}
	#interview-tags ul li a{
		padding: 5px;
		font-size: 12px;
	}
}

#interview-top-body{
	padding: 60px 0;
}

.interview-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0;
}
.interview-list::after{
	content: "";
	display: block;
	width: 32%;
}
.interview-list a{
	display: block;
	width: 32%;
	text-decoration: none;
	margin-bottom: 40px;
	position: relative;
	height: 250px;
	overflow: hidden;
}
/*.interview-list a:after{
	content: "";
	width: 100%;
	height: 100%;
	background: #00B7F1;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.interview-list a:hover:after {
	content: "";
	width: 100%;
	height: 100%;
	background: #00B7F1;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.3;
}*/

/*.interview-list a>div{
	position: relative;
	height: 250px;
}*/


.interview-list a:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
	z-index: 0;
}

.interview-list a:hover:after{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.interview-list a:hover{
	opacity:1;
}

.interview-list a#interview-tsunemoto:after{
	background: url(../img/interview-tsunemoto-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-kazami:after{
	background: url(../img/interview-kazami-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-kikuchi:after{
	background: url(../img/interview-kikuchi-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-yokota:after{
	background: url(../img/interview-yokota-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-tokura:after{
	background: url(../img/interview-tokura-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-harada:after{
	background: url(../img/interview-harada-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-ishigaki:after{
	background: url(../img/interview-ishigaki-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-tamura:after{
	background: url(../img/interview-tamura-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-mochiduki:after{
	background: url(../img/interview-mochiduki-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-ogawa:after{
	background: url(../img/interview-ogawa-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-onodera:after{
	background: url(../img/interview-onodera-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-ezawa:after{
	background: url(../img/interview-ezawa-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-sudou:after{
	background: url(../img/interview-sudou-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-izumizawa:after{
	background: url(../img/interview-izumizawa-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-miyagi:after{
	background: url(../img/interview-miyagi-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-a-mochiduki:after{
	background: url(../img/interview-a-mochiduki-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-koinuma:after{
	background: url(../img/interview-koinuma-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-arai:after{
	background: url(../img/interview-arai-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-sho:after{
	background: url(../img/interview-sho-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-masatoki:after{
	background: url(../img/interview-masatoki-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-uetsuki:after{
	background: url(../img/interview-uetsuki-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-yamamoto:after{
	background: url(../img/interview-yamamoto-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-inoue:after{
	background: url(../img/interview-inoue-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-nakanishi:after{
	background: url(../img/interview-nakanishi-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-kunimaru:after{
	background: url(../img/interview-kunimaru-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-higashino:after{
	background: url(../img/interview-higashino-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-ozawa:after{
	background: url(../img/interview-ozawa-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-reynolds:after{
	background: url(../img/interview-reynolds-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-urano:after{
	background: url(../img/interview-urano-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-okuma:after{
	background: url(../img/interview-okuma-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-mao:after{
	background:  url(../img/interview-mao-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-noguchi:after{
	background:  url(../img/interview-noguchi-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-yamakawa:after{
	background:  url(../img/interview-yamakawa-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-miura:after{
	background:  url(../img/interview-miura-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-asaina:after{
	background:  url(../img/interview-asaina-main.jpg?220210) no-repeat 50% center/180%;
}
.interview-list a#interview-akaiwa:after{
	background:  url(../img/interview-akaiwa-main.jpg?220210) no-repeat 55% center/170%;
}
.interview-list a#interview-shen:after{
	background:  url(../img/interview-shen-main.jpg?220210) no-repeat 50% center/170%;
}
.interview-list a#interview-murata:after{
	background:  url(../img/interview-murata-main.jpg?220210) no-repeat 50% center/170%;
}
.interview-list a#interview-nose:after{
	background:  url(../img/interview-nose-main.jpg?220210) no-repeat 50% center/170%;
}

.interview-list a h2{
	font-size:22px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 1rem 0 1rem 0;
	position: absolute;
	top: 8%;
	color: #000E4E;
	margin: 0;
}

.interview-list a h2 strong{
	display: inline-block;
	padding: 5px 0 0 0;
	font-size: 26px;
	color: #00B7F1;
}
.interview-list a#interview-yamakawa h2 strong,
.interview-list a#interview-mochiduki h2 strong{
	letter-spacing: -0.1em;
}
.interview-list a h2 span{
	display: inline-block;
	padding: 5px 10px;
	background: white;
	margin-bottom: 5px;
}
/*.interview-list a h2 small{
	display: inline-block;
	padding-left: 10px;
}*/
.interview-list a p{
	width: 100%;
	margin-bottom: 10px;
}
.interview-list a .title-txt{
	background: white;
	padding: 10px 20px ;
	position: absolute;
	left: 0;
	bottom: 0;
}
.interview-list a p.int{
	font-size: 14px;
}
.interview-list a p.int span{
	/*font-weight: bold;
	border-bottom: 2px solid #000E4E;
	padding: 0px 3px 2px 3px;*/
	background:#04B6F1;
	color: white;
	margin-right: 5px;
	padding: 3px 5px;
	border: none;
	font-weight: normal;
}

main.interview .interview-list a p {
	font-size: 12px;
	color: #162141;
	line-height: 1.4em;
}
.interview-list a p.name strong{
	font-size: 18px;
	display: inline-block;
	padding-bottom: 5px;
}

.interview-list a p.goto{
	padding: 10px;
	background: white;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	color: #04B6F1;
	margin: 0;
	position: relative;
	font-weight: bold;
}
.interview-list a p.goto::after{
	content: "";
	display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #04B6F1;
    border-right: 1px solid #04B6F1;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	margin-top: -4px;
}


#job{
	background: url(../img/job-back.jpg) no-repeat center top/cover;
}
#job .container{
	padding: 80px 0;
}
#job h3{
	text-align: center;
	font-size: 24px;
}
#job h3 strong{
	font-size: 36px;
}
#job h3 span{
	display: inline-block;
	padding: 10px 20px;
	background: white;
	margin-bottom: 10px;
}


.c-button {
    display:block;
    background-color: #00B7F1;
    color: #fff;
    font-size: 1.1rem;
	font-weight: bold;
    text-align: center;
    width: 300px;
    height: 65px;
    line-height: 65px;
    text-decoration: none;
    position: relative;
	margin: 30px auto 0 auto;
}
.c-button span:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url(../images/chyasu/phone_w.svg) no-repeat center center/100%;
	width: 28px;
	height: 24px;
	margin-right: 10px;
}

.c-button::before {
    content: '';
    width: 40px;
    height: 1px;
    background-color: #000E4E;
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    -webkit-transition: width .3s;
    transition: width .3s;
    -webkit-transform-origin: right;
    transform-origin: right;
}

.c-button::after {
    content: '';
    width: 26px;
    height: 1px;
    background-color: #00B7F1;
    position: absolute;
    right: -26px;
    top: 50%;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: right;
    transform-origin: right;
}
.c-button:hover{
	opacity: 0.7;
	cursor: pointer;
}


@media (max-width: 767px) {
	.interview-list{
		padding: 0 20px;
	}
	.interview-list a{
		width: 100%;
	}
	.interview-list a h2 strong{
		font-size:24px;
	}
	.interview-list a p.goto{
		font-size: 14px;
	}
	
	#job .container{
		padding: 60px 0;
	}
	#job h3{
		text-align: center;
		font-size: 18px;
	}
	#job h3 strong{
		font-size: 30px;
	}
	#job h3 span{
		display: inline-block;
		padding: 10px 20px;
		background: white;
		margin-bottom: 10px;
	}

	.c-button {
		font-size: 1rem;
		width:60%;
		height: 55px;
		line-height: 55px;
		text-decoration: none;
		position: relative;
		margin: 20px auto 0 auto;
	}
}

@media (max-width: 320px) {
	.interview-list a>div{
		height: 270px;
	}
	.interview-list a h2 strong{
		font-size:26px;
		padding: 5px 0;
	}
	.interview-list a p.goto{
		font-size: 16px;
	}
	.interview-list a .title-txt{
		padding:10px 10px 0 10px;
	}
}


/*インタビュー*/
main.interview{
	padding-top: 70px;
}

main.interview p{
	line-height: 1.6em;
}

#interview-main-image {
	height: 550px;
	position: relative;
}

.interview-tsunemoto #interview-main-image {
	background:
	url("../img/interview-tsunemoto-main.jpg?220210") no-repeat center top/cover;
}
.interview-kazami #interview-main-image {
	background:
	url("../img/interview-kazami-main.jpg?220210") no-repeat center top/cover;
}
.interview-kikuchi #interview-main-image{
	background: url(../img/interview-kikuchi-main.jpg?220210) no-repeat center top/cover;
}
.interview-kikuchi #interview-main-image{
	background: url(../img/interview-kikuchi-main.jpg?220210) no-repeat center top/cover;
}
.interview-yokota #interview-main-image{
	background: url(../img/interview-yokota-main.jpg?220210) no-repeat center top/cover;
}
.interview-tokura #interview-main-image{
	background: url(../img/interview-tokura-main.jpg?220210) no-repeat center top/cover;
}
.interview-harada #interview-main-image{
	background: url(../img/interview-harada-main.jpg?220210) no-repeat center top/cover;
}
.interview-ishigaki #interview-main-image{
	background: url(../img/interview-ishigaki-main.jpg?220210) no-repeat center top/cover;
}
.interview-tamura #interview-main-image{
	background: url(../img/interview-tamura-main.jpg?220210) no-repeat center top/cover;
}
.interview-mochiduki #interview-main-image{
	background: url(../img/interview-mochiduki-main.jpg?220210) no-repeat center top/cover;
}
.interview-ogawa #interview-main-image{
	background: url(../img/interview-ogawa-main.jpg?220210) no-repeat center top/cover;
}
.interview-onodera #interview-main-image{
	background: url(../img/interview-onodera-main.jpg?220210) no-repeat center top/cover;
}
.interview-ezawa #interview-main-image{
	background: url(../img/interview-ezawa-main.jpg?220210) no-repeat center top/cover;
}
.interview-sudou #interview-main-image{
	background: url(../img/interview-sudou-main.jpg?220210) no-repeat center top/cover;
}
.interview-izumizawa #interview-main-image{
	background: url(../img/interview-izumizawa-main.jpg?220210) no-repeat center top/cover;
}
.interview-miyagi #interview-main-image{
	background: url(../img/interview-miyagi-main.jpg?220210) no-repeat center top/cover;
}
.interview-a-mochiduki #interview-main-image{
	background: url(../img/interview-a-mochiduki-main.jpg?220210) no-repeat center top/cover;
}
.interview-koinuma #interview-main-image{
	background: url(../img/interview-koinuma-main.jpg?220210) no-repeat center top/cover;
}
.interview-arai #interview-main-image{
	background: url(../img/interview-arai-main.jpg?220210) no-repeat center top/cover;
}
.interview-sho #interview-main-image{
	background: url(../img/interview-sho-main.jpg?220210) no-repeat center top/cover;
}
.interview-masatoki #interview-main-image{
	background: url(../img/interview-masatoki-main.jpg?220210) no-repeat center top/cover;
}
.interview-uetsuki #interview-main-image{
	background: url(../img/interview-uetsuki-main.jpg?220210) no-repeat center top/cover;
}
.interview-yamamoto #interview-main-image{
	background: url(../img/interview-yamamoto-main.jpg?220210) no-repeat center top/cover;
}
.interview-inoue #interview-main-image{
	background: url(../img/interview-inoue-main.jpg?220210) no-repeat center top/cover;
}
.interview-nakanishi #interview-main-image{
	background: url(../img/interview-nakanishi-main.jpg?220210) no-repeat center top/cover;
}
.interview-kunimaru #interview-main-image{
	background: url(../img/interview-kunimaru-main.jpg?220210) no-repeat center top/cover;
}
.interview-higashino #interview-main-image{
	background: url(../img/interview-higashino-main.jpg?220210) no-repeat center top/cover;
}
.interview-ozawa #interview-main-image{
	background: url(../img/interview-ozawa-main.jpg?220210) no-repeat center top/cover;
}
.interview-reynolds #interview-main-image{
	background: url(../img/interview-reynolds-main.jpg?220210) no-repeat center top/cover;
}
.interview-urano #interview-main-image{
	background:  url(../img/interview-urano-main.jpg?220210) no-repeat center top/cover;
}
.interview-okuma #interview-main-image{
	background:  url(../img/interview-okuma-main.jpg?220210) no-repeat center top/cover;
}
.interview-mao #interview-main-image{
	background:  url(../img/interview-mao-main.jpg?220210) no-repeat center top/cover;
}
.interview-noguchi #interview-main-image{
	background:  url(../img/interview-noguchi-main.jpg?220210) no-repeat center top/cover;
}
.interview-yamakawa #interview-main-image{
	background:  url(../img/interview-yamakawa-main.jpg?220210) no-repeat center top/cover;
}
.interview-miura #interview-main-image{
	background:  url(../img/interview-miura-main.jpg?220210) no-repeat center top/cover;
}
.interview-asaina #interview-main-image{
	background:  url(../img/interview-asaina-main.jpg?220210) no-repeat center top/cover;
}
.interview-akaiwa #interview-main-image{
	background:  url(../img/interview-akaiwa-main.jpg?220210) no-repeat center top/cover;
}
.interview-shen #interview-main-image{
	background:  url(../img/interview-shen-main.jpg?220210) no-repeat center top/cover;
}
.interview-murata #interview-main-image{
	background:  url(../img/interview-murata-main.jpg?220210) no-repeat center top/cover;
}
.interview-nose #interview-main-image{
	background:  url(../img/interview-nose-main.jpg?220210) no-repeat center top/cover;
}

#interview-main-image .container{
	height: 100%;
	max-width: 1280px;
}
#interview-main-image .interview-main-title {
	height: 100%;
	box-sizing: border-box;
	/*background: rgba(0,183,241,1);*/
	padding: 0 0 0 25px;
	text-align: left;
	letter-spacing: 0.2rem;
	position: relative;
	color: #000E4E;
}
#interview-main-image .interview-main-title .title-txt{
	color: #000E4E;
	position: absolute;
	bottom: 0px;
	padding-bottom: 30px;
}
#interview-main-image .interview-main-title p.sublead{
	position: absolute;
	top: 8%;
	font-size: 30px;
	background: url(../img/RECRUIT_INTERVIEW.png?20220125) no-repeat left top/100%;
	width: 460px;
	height: 40px;
	text-indent: -9999px;
}
#interview-main-image .interview-main-title h1{
	width: 100%;
	font-size:40px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 1rem 0 3rem 0;
	position: absolute;
	top: 25%;
}
.interview-nose #interview-main-image .interview-main-title h1,
.interview-shen #interview-main-image .interview-main-title h1,
.interview-akaiwa #interview-main-image .interview-main-title h1,
.interview-asaina #interview-main-image .interview-main-title h1,
.interview-yamakawa #interview-main-image .interview-main-title h1,
.interview-miura #interview-main-image .interview-main-title h1,
.interview-mao #interview-main-image .interview-main-title h1,
.interview-okuma #interview-main-image .interview-main-title h1,
.interview-mochiduki #interview-main-image .interview-main-title h1,
.interview-ogawa #interview-main-image .interview-main-title h1,
.interview-tokura #interview-main-image .interview-main-title h1,
.interview-a-mochiduki #interview-main-image .interview-main-title h1,
.interview-inoue #interview-main-image .interview-main-title h1,
.interview-koinuma #interview-main-image .interview-main-title h1,
.interview-masatoki #interview-main-image .interview-main-title h1,
.interview-urano #interview-main-image .interview-main-title h1{
	top: 16%;
}

#interview-main-image .interview-main-title h1 strong{
	display: inline-block;
	padding: 5px 0;
	font-size: 68px;
	color: #00B7F1;
	line-height: 1.2em;
}
#interview-main-image .interview-main-title h1 span{
	display: inline-block;
	padding: 0px 15px;
	background: white;
	margin-bottom: 8px;
	line-height: 1.8em;
}

#interview-main-image .interview-main-title p{
	width: 100%;
	margin-bottom: 10px;
}
#interview-main-image .interview-main-title p.name{
	margin-bottom: 0;
}
#interview-main-image .interview-main-title .title-txt{
	background: white;
	padding: 20px 50px;
	min-width: 300px;
}
#interview-main-image .interview-main-title p.int{
	font-weight: bold;
}
#interview-main-image .interview-main-title p.int span{
	/*font-weight: bold;
	border-bottom: 2px solid #000E4E;
	padding: 0px 3px 2px 3px;*/
	background:#04B6F1;
	color: white;
	margin-right: 5px;
	padding: 5px 5px;
	border: none;
}

#interview-main-image.interview02 .interview-main-title {
	width: 45%;
}

#interview-main-image p {
	font-size: 18px
}
#interview-main-image p.name strong{
	font-size: 24px;
}
#interview-main-image p.name span{
	margin-bottom: 10px;
}

@media (max-width: 979px) {
	#interview-main-image .container {
		padding-top: 0!important
	}
	#interview-main-image .interview-main-title {
		letter-spacing: 0;
		line-height: 2.5rem;
		width: 100%;
		align-items:flex-end
	}
	#interview-main-image .interview-main-title h1 {
		font-size: 1.5rem;
	}
	/*#interview-main-image .container .interview-main-title h1 br {
		display: none;
	}*/
}

@media (max-width: 767px) {
	main.interview{
		padding-top: 50px;
	}
	
	#interview-main-image{
		height: 450px;
	}
	.interview-tsunemoto #interview-main-image {
		background:
		url("../img/interview-tsunemoto-main-sp.jpg") no-repeat center bottom/cover;
	}
	.interview-kazami #interview-main-image {
		background:
		url("../img/interview-kazami-main-sp.jpg") no-repeat center bottom/cover;
	}
	.interview-kikuchi #interview-main-image{
		background:  url(../img/interview-kikuchi-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-kikuchi #interview-main-image{
		background:  url(../img/interview-kikuchi-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-yokota #interview-main-image{
		background:  url(../img/interview-yokota-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-tokura #interview-main-image{
		background:  url(../img/interview-tokura-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-harada #interview-main-image{
		background:  url(../img/interview-harada-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-ishigaki #interview-main-image{
		background:  url(../img/interview-ishigaki-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-tamura #interview-main-image{
		background:  url(../img/interview-tamura-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-mochiduki #interview-main-image{
		background:  url(../img/interview-mochiduki-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-ogawa #interview-main-image{
		background:  url(../img/interview-ogawa-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-onodera #interview-main-image{
		background:  url(../img/interview-onodera-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-ezawa #interview-main-image{
		background:  url(../img/interview-ezawa-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-sudou #interview-main-image{
		background:  url(../img/interview-sudou-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-izumizawa #interview-main-image{
		background:  url(../img/interview-izumizawa-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-miyagi #interview-main-image{
		background:  url(../img/interview-miyagi-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-a-mochiduki #interview-main-image{
		background:  url(../img/interview-a-mochiduki-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-koinuma #interview-main-image{
		background:  url(../img/interview-koinuma-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-arai #interview-main-image{
		background:  url(../img/interview-arai-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-sho #interview-main-image{
		background:  url(../img/interview-sho-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-masatoki #interview-main-image{
		background:  url(../img/interview-masatoki-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-uetsuki #interview-main-image{
		background:  url(../img/interview-uetsuki-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-yamamoto #interview-main-image{
		background:  url(../img/interview-yamamoto-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-inoue #interview-main-image{
		background:  url(../img/interview-inoue-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-nakanishi #interview-main-image{
		background:  url(../img/interview-nakanishi-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-kunimaru #interview-main-image{
		background:  url(../img/interview-kunimaru-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-higashino #interview-main-image{
		background:  url(../img/interview-higashino-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-ozawa #interview-main-image{
		background:  url(../img/interview-ozawa-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-reynolds #interview-main-image{
		background:  url(../img/interview-reynolds-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-urano #interview-main-image{
		background:  url(../img/interview-urano-main-sp.jpg) no-repeat center bottom/cover;
	}
	.interview-okuma #interview-main-image{
		background:  url(../img/interview-okuma-main-sp.jpg?220210) no-repeat center top/cover;
	}
	.interview-mao #interview-main-image{
		background:  url(../img/interview-mao-main-sp.jpg?220210) no-repeat center top/cover;
	}
	.interview-noguchi #interview-main-image{
		background:  url(../img/interview-noguchi-main-sp.jpg?220210) no-repeat center top/cover;
	}
	.interview-yamakawa #interview-main-image{
		background:  url(../img/interview-yamakawa-main-sp.jpg?220210) no-repeat center top/cover;
	}
	.interview-miura #interview-main-image{
		background:  url(../img/interview-miura-main-sp.jpg?220210) no-repeat center top/cover;
	}
	.interview-asaina #interview-main-image{
		background:  url(../img/interview-asaina-main-sp.jpg?220210) no-repeat center top/cover;
	}
	.interview-akaiwa #interview-main-image{
		background:  url(../img/interview-akaiwa-main-sp.jpg?220210) no-repeat center top/cover;
	}
	.interview-shen #interview-main-image{
		background:  url(../img/interview-shen-main-sp.jpg?220210) no-repeat center top/cover;
	}
	.interview-murata #interview-main-image{
		background:  url(../img/interview-murata-main-sp.jpg?220210) no-repeat center top/cover;
	}
	.interview-nose #interview-main-image{
		background:  url(../img/interview-nose-main-sp.jpg?220210) no-repeat center top/cover;
	}
	
	
	
		
	#interview-main-image .container{
		padding: 0;
	}
	#interview-main-image .interview-main-title{
		padding: 0;
	}

	#interview-main-image .interview-main-title p.sublead{
		top: 5%;
		width: 240px;
		height:22px;
		left: 10px;
	}
	#interview-main-image .interview-main-title .title-txt{
		padding: 15px;
		min-width:auto;
	}
	#interview-main-image .interview-main-title h1 span{
		padding: 0px 7px;
		line-height: 1.6em;
		margin-bottom: 5px;
	}
	#interview-main-image .container .interview-main-title h1 {
		position:absolute;
		top: 10%;
		font-size: 24px;
		padding: 0.5rem 0;
		margin: 0;
		left: 10px;
		width: auto;
	}
	#interview-main-image .container .interview-main-title h1 strong{
		font-size: 32px;
		display: inline-block;
		padding: 7px 0;
	}
	.interview-tsunemoto #interview-main-image .container .interview-main-title h1 strong,
	.interview-tamura #interview-main-image .container .interview-main-title h1 strong,
	.interview-reynolds #interview-main-image .container .interview-main-title h1 strong,
	.interview-ozawa #interview-main-image .container .interview-main-title h1 strong,
	.interview-onodera #interview-main-image .container .interview-main-title h1 strong,
	.interview-nakanishi #interview-main-image .container .interview-main-title h1 strong{
		font-size: 38px;
	}

	#interview-main-image p.name strong{
		font-size: 16px;
	}
	/*#interview-main-image .container .interview-main-title h1 br {
		display: none
	}*/
	#interview-main-image p {
		font-size:0.8rem
	}
	#interview-main-image .interview-main-title p.int{
		margin-bottom: 10px;
	}
	#interview-photo.page-section {
		padding: 40px 0
	}
	#interview-main-image .interview-main-title p.int span{
		font-size: 16px;
	}
}

.interview-body {
	padding: 60px 0;
}
.interview-body h2{
	padding: 0 0 40px 0;
	font-size: 38px;
	font-weight: bold;
	color: #000E4E;
	width: 100%;
	line-height: 1.4em;
}


#interview-body01 {
	padding-top: 60px
}

.interview-body .container div.row {
	padding: 40px 0;
}



.interview-body div.row>div.col-md-6:nth-of-type(2) p {
	/*padding-left: 15px*/
}

.interview-body div.row div p {
	text-align: justify;
	margin-bottom: 1em;
    line-height: 1.6;
	font-size: 16px;
}

.interview-last{
	padding: 50px 0 30px 0;
}
.interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-tsunemoto-3.jpg?20220125) no-repeat right bottom/100%;
	padding:50px 50px 50px 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 16px;
	position: relative;
}

.interview-tsunemoto .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-tsunemoto-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-kazami .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-kazami-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-kikuchi .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-kikuchi-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-kikuchi .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-kikuchi-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-yokota .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-yokota-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-tokura .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-tokura-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-harada .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-harada-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-ishigaki .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-ishigaki-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-tamura .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-tamura-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-mochiduki .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-mochiduki-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-ogawa .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-ogawa-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-onodera .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-onodera-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-ezawa .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-ezawa-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-sudou .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-sudou-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-izumizawa .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-izumizawa-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-miyagi .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-miyagi-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-a-mochiduki .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-a-mochiduki-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-koinuma .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-koinuma-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-arai .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-arai-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-sho .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-sho-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-masatoki .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-masatoki-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-uetsuki .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-uetsuki-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-yamamoto .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-yamamoto-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-inoue .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-inoue-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-nakanishi .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-nakanishi-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-kunimaru .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-kunimaru-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-higashino .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-higashino-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-ozawa .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-ozawa-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-reynolds .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-reynolds-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-urano .interview-last .photo-back{
	background: #fbfbf9 url(../img/interview-urano-3.jpg?20220125) no-repeat right bottom/100%;
}
.interview-okuma .interview-last .photo-back{
	background:  url(../img/interview-okuma-3.jpg?220210) no-repeat center top/cover;
}
.interview-mao .interview-last .photo-back{
	background:  url(../img/interview-mao-3.jpg?220210) no-repeat center top/cover;
}
.interview-noguchi .interview-last .photo-back{
	background:  url(../img/interview-noguchi-3.jpg?220210) no-repeat center top/cover;
}
.interview-yamakawa .interview-last .photo-back{
	background:  url(../img/interview-yamakawa-3.jpg?220210) no-repeat center top/cover;
}
.interview-miura .interview-last .photo-back{
	background:  url(../img/interview-miura-3.jpg?220210) no-repeat center top/cover;
}
.interview-asaina .interview-last .photo-back{
	background:  url(../img/interview-asaina-3.jpg?220210) no-repeat center top/cover;
}
.interview-akaiwa .interview-last .photo-back{
	background:  url(../img/interview-akaiwa-3.jpg?220210) no-repeat center top/cover;
}
.interview-shen .interview-last .photo-back{
	background:  url(../img/interview-shen-3.jpg?220210) no-repeat center top/cover;
}
.interview-murata .interview-last .photo-back{
	background:  url(../img/interview-murata-3.jpg?220210) no-repeat center top/cover;
}
.interview-nose .interview-last .photo-back{
	background:  url(../img/interview-nose-3.jpg?220210) no-repeat center top/cover;
}

.interview-last .photo-back h2{
	background: url(../img/PROFILE.png?20220125) no-repeat left center/100%;
	width: 209px;
	height: 48px;
	position: absolute;
	top: -20px;
	left: 50px;
	text-indent: -9999px;
}
.interview-last .photo-back h2.blue{
	background: url(../img/PROFILE_blue.png) no-repeat left center/100%;
}
.interview-last .photo-back p.category{
	font-weight: bold;
}
.interview-last .photo-back p.normal{
	font-weight: normal;

}
.interview-last .photo-back div{
	width:60%;
	background: rgba(255,255,255,0.9);
	padding:20px 30px 0 30px;
	box-sizing: border-box;
}
.interview-last .photo-back p{
	padding-bottom: 0px;
	margin-bottom: 1.2rem;
}
.interview-last .photo-back span{
	display: inline-block;
	padding: 7px 10px;
	background: #000;
	color: white;
	line-height: 1em;
	font-size: 16px;
	margin-right: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}
.interview-last .photo-back span.blue{
	background: #00B7F1;
	color: white;
}

.interview-last .photo-back p.omoi strong{
	/*font-size: 24px;*/
}


.interview-link {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0 0 0;
}

.interview-link a {
	display: inline-block;
	position: relative;
	margin: 0 20px;
	color: #000E4E;
	text-decoration: none;
	border-radius: 40px;
}
.interview-link a.blue{
	background: #00B7F1;
	color: white;
}

.interview-link a:hover {
	background: #00B7F1;
	color: white;
	opacity: 1;
}

.interview-link a.next {
	padding: 15px 30px 13px 20px;
}
.interview-link a.back {
	padding: 15px 30px 13px 30px;
}

.interview-link a.prev {
	padding: 15px 20px 13px 30px;
}

.interview-link a.next::before, .interview-link a.prev::before {
	content: "";
	display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #000E4E;
    border-right: 1px solid #000E4E;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	margin-top: -2.5px;
}
/*.interview-link a.back::before{
	content: "";
	display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #000E4E;
    border-right: 1px solid #000E4E;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -2.5px;
}*/

.interview-link a.prev::before {
	transform: rotate(-135deg);
}

.interview-link a.next::before {
	right: 10px;
}

.interview-link a.prev::before {
	left: 10px;
}
.interview-link a.sp-only{
	display: none;
}


.interview-list-job{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.interview-list-job h4{
    font-size: 20px;
    font-weight: bold;
    color: #000e4e;
    width: 100%;
    padding-bottom: 20px;
}

.interview-list-job a{
    display: block;
    margin-right: 1.3%;
    width: 24%;
    padding-top: 180px;
    color: #000;
    text-decoration: none;
    position: relative;
}
.interview-list-job a:hover:after {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,183,241,0.3);
	/*border: 2px solid #0B50B6;*/
	position: absolute;
	top: 0;
	left: 0;
}
.interview-list-job a#tsunemoto{
    background: url(../../../interview/common/img/interview-tsunemoto-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#kazami{
	background: url(../../../interview/common/img/interview-kazami-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#kikuchi{
	background: url(../../../interview/common/img/interview-kikuchi-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#yokota{
	background: url(../../../interview/common/img/interview-yokota-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#tokura{
	background: url(../../../interview/common/img/interview-tokura-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#harada{
	background: url(../../../interview/common/img/interview-harada-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#ishigaki{
	background: url(../../../interview/common/img/interview-ishigaki-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#tamura{
	background: url(../../../interview/common/img/interview-tamura-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#mochiduki{
	background: url(../../../interview/common/img/interview-mochiduki-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#ogawa{
	background: url(../../../interview/common/img/interview-ogawa-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#onodera{
	background: url(../../../interview/common/img/interview-onodera-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#ezawa{
	background: url(../../../interview/common/img/interview-ezawa-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#sudou{
	background: url(../../../interview/common/img/interview-sudou-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#izumizawa{
	background: url(../../../interview/common/img/interview-izumizawa-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#miyagi{
	background: url(../../../interview/common/img/interview-miyagi-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#a-mochiduki{
	background: url(../../../interview/common/img/interview-a-mochiduki-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#koinuma{
	background: url(../../../interview/common/img/interview-koinuma-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#arai{
	background: url(../../../interview/common/img/interview-arai-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#sho{
	background: url(../../../interview/common/img/interview-sho-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#masatoki{
	background: url(../../../interview/common/img/interview-masatoki-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#uetsuki{
	background: url(../../../interview/common/img/interview-uetsuki-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#yamamoto{
	background: url(../../../interview/common/img/interview-yamamoto-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#inoue{
	background: url(../../../interview/common/img/interview-inoue-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#nakanishi{
	background: url(../../../interview/common/img/interview-nakanishi-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#kunimaru{
	background: url(../../../interview/common/img/interview-kunimaru-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#higashino{
	background: url(../../../interview/common/img/interview-higashino-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#ozawa{
	background: url(../../../interview/common/img/interview-ozawa-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#reynolds{
	background: url(../../../interview/common/img/interview-reynolds-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#urano{
	background: url(../../../interview/common/img/interview-urano-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#okuma{
	background: url(../img/interview-okuma-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#mao{
	background:  url(../img/interview-mao-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#noguchi{
	background:  url(../img/interview-noguchi-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#yamakawa{
	background:  url(../img/interview-yamakawa-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#miura{
	background:  url(../img/interview-miura-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#asaina{
	background:  url(../img/interview-asaina-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#akaiwa{
	background:  url(../img/interview-akaiwa-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#shen{
	background:  url(../img/interview-shen-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#nose{
	background:  url(../img/interview-nose-thumb.jpg) no-repeat center top/100%;
}
.interview-list-job a#murata{
	background:  url(../img/interview-murata-thumb.jpg) no-repeat center top/100%;
}


.interview-list-job a>div{
    height:auto;
    position: relative;
    background: #F8F8F8;
    padding: 10px 0;
}
.interview-list-job a h2{
    position: relative;
    padding:0px 0 10px 0;
	color: #000E4E;
}
.interview-list-job a h2,
.interview-list-job a h2 strong,
.interview-list-job a h2 small {
    font-size: 16px;
	line-height: 1.4em;
}
.interview-list-job a h2 strong{
	color: #00B7F1;
	display: inline-block;
	background: white;
	padding: 2px 5px;
}

/*.interview-list-job a h2:after{
	content: "";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #000;
}*/
.interview-list-job a p{
    margin: 0;
	text-align: left;
}
.interview-list-job a p.int{
    font-weight: bold;
}
.interview-list-job a p.name{
    font-size: 12px;
}
.interview-list-job a p.name strong{
    font-size: 16px;
}

.interview-list-job>a:nth-of-type(4n){
    margin-right: 0;
}
.interview-list-job a .title-txt{
    padding: 0px 0 0 0;
    font-size: 14px;
	text-align: left;
}


@media screen and (max-width: 640px){
	.interview-body .container{
		padding-top: 20px;
	}
    .interview-list-job{
        justify-content: space-between;
    }
    .interview-list-job a{
        margin-right: 0%;
        width: 48%;
        padding-top: 100px;
    }
    .interview-list-job a .title-txt{
        padding: 5px 0 0 0;
        font-size: 12px;
    }
    .interview-list-job a p.name strong{
        font-size: 14px;
    }
    .interview-list-job a h2{
        padding:0px 0 10px 0;
        line-height: 1.4em;
    }
    .interview-list-job a h2,
    .interview-list-job a h2 strong,
    .interview-list-job a h2 small {
        font-size: 14px;
    }
	.interview-body div.row div p {
		font-size: 14px;
	}
	
}


.col-md-3 {
	/*width: 50%;
	width: -webkit-calc(50% - 30px);
	width: calc(50% - 30px);
	margin-right: 30px;*/
	width: 23%;
}

.col-md-3:nth-of-type(2n) {
	margin-right: 0;
}
#interview-other{
background-color: #F8F8F8;
}

#interview-other .row a {
	display: block;
	position: relative;
	margin-bottom: 30px;
}

#interview-other .row a:hover:after {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,183,241,0.3);
	/*border: 2px solid #0B50B6;*/
	position: absolute;
	top: 0;
	left: 0;
}

#interview-other div.row .col-md-3 img {
	width: 100%;
	padding-bottom: 1rem;
}


#interview-other .our-staffs-text {
	display: block;
	padding: 0;
}
#interview-other .our-staffs-text p{
	text-align: left;
	display: inline-block;
}
#interview-other .row a{
	color: #000;
	text-decoration: none;
}
#interview-other .our-staffs-text p.title{
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
}
#interview-other .our-staffs-text p.title:after{
	content: "";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #000;
}
#interview-other p.int{
	margin-bottom: 5px;
}
#interview-other p.int span{
	display: inline-block;
	background: #00B7F1;
	color: white;
	padding: 0px 3px;
	margin-right: 5px;
}
#interview-other .our-staffs-text p.name{
	font-size: 12px;
}
#interview-other .our-staffs-text p.name strong{
	font-size: 16px;
}
#interview-other .our-staffs-text span {
    /*background: #000;
    color: #fff;*/
	padding: 5px 0px;
	display:block;
	font-size: 14px;
	font-weight: bold;
}
#interview-other a.button{
	display: block;
	width: 40%;
	padding: 15px;
	background: #F8F8F8;
	color: #000E4E;
	margin: 20px auto;
	border-radius: 40px;
	text-align: center;
	text-decoration: none;
	position: relative;
}

#interview-other a.button::before{
	content: "";
	display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #000E4E;
    border-right: 1px solid #000E4E;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -2.5px;
}


a.none {
	display: none
}

@media (max-width: 767px) {
	.interview-body h2{
		font-size: 24px;
		padding-bottom: 20px;
		line-height: 1.6em;
	}
	.interview-body, #interview-body01.interview-body, .interview-top-body{
		padding: 40px 0 0 0
	}
	#interview-body01.interview-body{
		padding: 0;
	}
	#interview-top-body{
		padding: 0;
	}
	#interview-body02.interview-body .row {
		flex-direction: column-reverse
	}
	.interview-body div.row>div.col-md-6{
		width:100%;
		margin-right: 0;
	}
	.interview-body p,
	.interview-body h2,
	.interview-body h3{
		padding-left: 20px;
		padding-right: 20px;
	}
	.interview-body .container div.row{
		padding: 20px 0;
	}

	#interview-other {
		padding: 40px 0
	}
	.col-md-3 {
		width: 48%;
		/*width: -webkit-calc(50% - 10px);
		width: calc(50% - 10px);
		margin-right: 15px;*/
		margin-bottom: 10px
	}
	.col-md-3:nth-of-type(2n) {
		margin-right: 0;
	}
	#interview-other a{
		margin-bottom: 1rem;
	}
	#interview-other div.row .col-md-3 img{
		padding-bottom: 0.5rem;
	}
	#interview-other .our-staffs-text span{
		font-size: 14px;
	}
	#interview-other a.button{
		width: 100%;
	}

	.interview-last .photo-back{
		padding:40px 0px 300px 0px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 14px;
		position: relative;
		background-position: right bottom!important;
		background-size: 120%!important;
	}
	.interview-tsunemoto .interview-last .photo-back{
		background-position: right bottom;
		background-size: 120%!important;
	}
	.interview-kazami .interview-last .photo-back{
		background-position: right bottom;
		background-size: 120%!important;
	}
	.interview-last .photo-back h2{
		background: url(../img/PROFILE.png) no-repeat left center/100%;
		width: 150px;
		height: 36px;
		position: absolute;
		top: -20px;
		left: 20px;
		text-indent: -9999px;
	}
	.interview-last .photo-back p,
	.interview-last .photo-back h3{
		padding-left: 0;
		padding-right: 0;
	}
	.interview-last .photo-back p{
		padding-bottom: 0;
	}
	.interview-last .photo-back div{
		width: 100%;
		padding: 10px 20px;
	}
	#interview-other .our-staffs-text p{
		font-size: 12px;
	}
	.interview-link a.sp-only{
		display: inline-block;
	}
	.interview-link a.pc-only{
		display: none;
	}
	.interview-link a{
		font-size: 14px;
	}
	.interview-link a.prev,
	.interview-link a.next {
		margin: 0;
		width: 48%;
		box-sizing: border-box;
		padding: 15px;
		text-align: center;
	}
	.interview-link a.next {
		margin-left: 2%;
	}
	.interview-link a.prev{
		margin-right:2%;
	}
	.interview-link a.back{
		width: 100%;
		margin: 10px 2%;
		padding: 15px;
		text-align: center;
	}
}

.blue-txt{
	color: #00B7F1!important;
}

