@charset "UTF-8";



/* interview

---------------------------------------------------------------------------- */

/* interview top */

/* top kv */

.sustainability-contents .top-kv-box{

	margin-bottom: 16px;

}



.sustainability-contents .top-kv-icon-box ul{

	display:-webkit-box;

  display:-ms-flexbox;

  display:flex;

	

	column-gap: 1%;

}



.sustainability-contents .top-kv-icon-box ul li{

	max-width: 200px;

}



/* interview-index-box */

.sustainability-contents .interview-index-box{

	

}



.sustainability-contents .interview-index-box .img-box img{

	transition: 0.3s;

}

.sustainability-contents .interview-index-box a:hover .img-box img{

	opacity: 0.7;

}



.sustainability-contents .interview-index-box .num-box{

	max-width: 80px;

	width: 25%;

	margin-bottom: 4%;

}



.sustainability-contents .interview-index-box .img-box{

	padding-bottom: 16px;

	border-bottom: 1px solid #009C95;

	margin-bottom: 8px;

}



.sustainability-contents .interview-index-box .text-box{

}



.sustainability-contents .interview-index-box .title-box{

	font-weight: bold;

	font-size: 1.25em;

	margin-bottom: 1em;

}



.sustainability-contents .interview-index-box ul{

	display:-webkit-box;

  display:-ms-flexbox;

  display:flex;

	

	flex-wrap: wrap;

  column-gap: 2%;

}



.sustainability-contents .interview-index-box ul.flex-list > li {

	-ms-flex-preferred-size: calc((100% - 4%) / 2 );

	flex-basis: calc((100% - 4%) / 2);

	

	margin-bottom: 40px;

}



@media screen and (min-width: 769px) { /* pc */

	div.sustainability-contents .interview-index-box ul.flex-list > li {

		-ms-flex-preferred-size: calc((100% - 4%) / 3 );

		flex-basis: calc((100% - 4%) / 3);

		margin-bottom: 4%;

	}

	

	div.sustainability-contents .interview-index-box .img-box{

		padding-bottom: 1.5em;

		margin-bottom: 1em;

	}

}





/* interview each --- */



/* interview kv */

.sustainability-contents .kv-box{

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-position: top center;

	

	position: relative;

	z-index: 1;

	

	padding-top: calc((292 / 750) * 100%);

}

.sustainability-contents .kv-box .text-area-box{

	position: absolute;

	z-index: 1;

	top: 0;

	left: 0;

	width: 100%;

	

	/* en */

	padding: 2% 4%;

}



.sustainability-contents .kv-box .text-area-box .num-box{

	width: 8%;

	margin-bottom: 1%;

}



.sustainability-contents .kv-box .text-area-box .catch-box{

	color: #009C95;

	font-weight: bold;

	margin-bottom: 1.5%;

	

	/* en */

	font-size: min(2.6vw,30px);

	width: 52%; /* en04 */

	line-height: 1.2;

}

.sustainability-contents .kv-box .text-area-box .prof-box{

	color: #009C95;

	font-weight: bold;

	font-size: min(1.8vw,16px);

	

	/* en */

	line-height: 1.3;

}

.sustainability-contents .kv-box .career-box{

	margin: 16px 0;

	padding: 8px;

	border: 1px solid #000;

}



/* 01 */

.sustainability-contents .kv01{

  background-image: url("/jp/sustainability/assets/images/interview/employee01/img_03-01_1_sp.jpg");

}

/* 02 */

.sustainability-contents .kv02{

  background-image: url("/jp/sustainability/assets/images/interview/employee02/img_03-02_1_sp.jpg");

}

/* 03 */

.sustainability-contents .kv03{

  background-image: url("/jp/sustainability/assets/images/interview/employee03/img_03-03_1_sp.jpg");

}

/* 04 */

.sustainability-contents .kv04{

  background-image: url("/jp/sustainability/assets/images/interview/employee04/img_03-04_1_sp.jpg");

}

/* 05 */

.sustainability-contents .kv05{

  background-image: url("/jp/sustainability/assets/images/interview/employee05/img_03-05_1_sp.jpg");

}



@media screen and (min-width: 769px) { /* pc */

	div.sustainability-contents .kv-box{

		padding-top: calc((500 / 1280) * 100%);

	}

	div.sustainability-contents .kv-box .career-box{

		margin: 0;

		padding: 0;

		border: none;

		position: absolute;

		z-index: 1;

		left: 4%;

		bottom: 4%;

		max-width: 380px;

		width: 40%; /* 03 */

	}

	

	/* en */

	div.sustainability-contents .kv-box .text-area-box .catch-box{

		font-size: min(2.0vw,30px);

		margin-bottom: 1%;

	}

	

	

	/* 01 */

	div.sustainability-contents .kv01{

		background-image: url("/jp/sustainability/assets/images/interview/employee01/img_03-01_1_pc.jpg");

	}

	/* 02 */

	div.sustainability-contents .kv02{

		background-image: url("/jp/sustainability/assets/images/interview/employee02/img_03-02_1_pc.jpg");

	}

	/* 03 */

	div.sustainability-contents .kv03{

		background-image: url("/jp/sustainability/assets/images/interview/employee03/img_03-03_1_pc.jpg");

	}

	/* 04 */

	div.sustainability-contents .kv04{

		background-image: url("/jp/sustainability/assets/images/interview/employee04/img_03-04_1_pc.jpg");

	}

	/* 05 */

	div.sustainability-contents .kv05{

		background-image: url("/jp/sustainability/assets/images/interview/employee05/img_03-05_1_pc.jpg");

	}



}



/* heading-interview */

.sustainability-contents .heading-interview{

	margin-bottom: 1em;

}



.sustainability-contents .heading-interview > *{

	font-size: calc((20 / 14) * 1em );

	font-weight: bold;

	color: #009C95;

}



@media screen and (min-width: 769px) { /* pc */

	div.sustainability-contents .heading-interview > *{

		font-size: calc((24 / 14) * 1em );

	}

}



/* interview-img-box */

.sustainability-contents .interview-img-box{

	text-align: center;

	padding: 0;

}



.sustainability-contents .interview-img-box figure{

	max-width: 512px;

	display: inline-block;

}



/* next */

.sustainability-contents .next-index-box .relative-box{

	position: relative;

}



.sustainability-contents .next-index-box .img-box .num-box{

	position: absolute;

	z-index: 1;

	left: 0;

	bottom: 0;

	width: 25%;

	background-color: rgb(0 156 149 / .65);

	

	padding: 2%;

	margin-bottom: 0;

}



.sustainability-contents .next-index-box a .relative-box::after {

    content: " ";

    position: absolute;

    top: calc(50% - 26px);

    right: 4%;

    z-index: 0;

    width: 52px;

    height: 52px;

    display: block;

    background-image: url(/jp/sustainability/assets/images/common/icon_link_circle-arrow.svg);

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

}



.sustainability-contents .next-index-box a:hover .relative-box::after {

    background-image: url(/jp/sustainability/assets/images/common/icon_link_circle-arrow_on.svg);

}



.sustainability-contents .next-index-box ul.flex-list > li {

  -ms-flex-preferred-size: 100%;

  flex-basis: 100%;

	max-width: 240px;

}



@media screen and (min-width: 769px) { /* pc */

	div.sustainability-contents .next-index-box ul.flex-list > li {

    -ms-flex-preferred-size: calc((100% - 4%) / 2 );

    flex-basis: calc((100% - 4%) / 2);

		max-width: 400px;

	}

}



/* interview to top */

.interview-totop-wrapper{

	padding-bottom: 40px;

}



.interview-totop-box{

	padding: 1.5em 4%;

	

	background-color: rgb(0 156 149 / .65);

}



.interview-totop-box a {

	position: relative;

	z-index: 1;

	padding: 0 0 0 1em;

	

	color: #fff;

	font-size: min(4vw,1.5em);

}

.interview-totop-box a::before {

	content: " ";

	position: absolute;

	top: 0.75em;

	left: 0;

	z-index: 0;

	border-top: solid 2px #fff;

	border-right: solid 2px #fff;

	width: 0.4em;

	height: 0.4em;

	transform: translateY(-50%) rotate(45deg);

}



@media screen and (min-width: 769px) { /* pc */

	div.sustainability-contents .interview-totop-box{

		padding: 1.5em 4%;

	}

	div.sustainability-contents .interview-totop-box a {

		font-size: 2em;

	}

}





/* interview 03, 05 en only */

@media screen and (min-width: 769px) { /* pc */

	div.sustainability-contents .kv03 .career-box,

	div.sustainability-contents .kv05 .career-box {

		max-width: 440px;

		width: 40%;

	}

}