@charset "UTF-8";

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

   contentList

--------------------------------------------------------------*/
.contentList {
	width: 1050px;
	max-width: 1050px;
	padding: 0;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: center;
	        justify-content: center;
}
.contentList .unit {
	position: relative;
	-webkit-flex-basis: 40%;
	        flex-basis: 40%;
}

.contentList .unit .thumb img {
	width: 100%;
}
.contentList .title {
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	padding: 16px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.contentList .title p {
	text-align: center;
	line-height: 1.6;
	color: #FFF;
}
.contentList .title .jp {
	font-size: 30px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", serif;
	/*opacity: 0.8;*/
}
.contentList .title .en {
	font-family: 'Roboto Condensed', sans-serif;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.contentList {
		width: 100%;
		padding: 5vw;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.contentList .unit {
		margin-bottom: 5vw;
	}
	.contentList .thumb img {
		width: 100%;
	}
	.contentList .title {
		padding: 2vw 0;
	}
	.contentList .title .jp {
		font-size: 3.5vw;
		letter-spacing: 0.1em;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.contentList {
		column-count: 1;
		-moz-column-count: 1;
	}
	.contentList .title {
		padding: 6vw 0;
	}
	.contentList .title .jp {
		font-size: 6vw;
	}
}

/* hover
--------------------------------------------------------------*/
.contentList .thumb,
.contentList .jp,
.contentList .title,
.linkDiversity .thumb,
#link_diversity .title {
	-webkit-transition: 0.7s ease-out;
	   -moz-transition: 0.7s ease-out;
	    -ms-transition: 0.7s ease-out;
	     -o-transition: 0.7s ease-out;
	        transition: 0.7s ease-out;
}
.contentList a:hover .thumb,
.linkDiversity a:hover .thumb {
	opacity: 0.2;
}
.contentList a:hover .jp {
	opacity: 1;
}


/* color
--------------------------------------------------------------*/
#link_crosstalk .title {
	background-color: rgba(247, 127, 105, 0.9);
}
#link_crosstalk a:hover .title {
	background-color: rgba(247, 127, 105, 0);
}
#link_workingmother .title {
	background-color: rgba(173, 193, 26, 0.9);
}
#link_workingmother a:hover .title {
	background-color: rgba(173, 193, 26, 0);
}
#link_diversitytalk .title {
	background-color: rgba(91, 112, 148, 0.9);
}
#link_diversitytalk a:hover .title {
	background-color: rgba(91, 112, 148, 0);
}
#link_utrun .title {
	background-color: rgba(86, 132, 222, 0.9);
}
#link_utrun a:hover .title {
	background-color: rgba(86, 132, 222, 0);
}
#link_overseas .title {
	background-color: rgba(7, 179, 229, 0.9);
}
#link_overseas a:hover .title {
	background-color: rgba(7, 179, 229, 0);
}
#link_foreign .title {
	background-color: rgba(195, 101, 189, 0.9);
}
#link_foreign a:hover .title {
	background-color: rgba(195, 101, 189, 0);
}


/*  gradient  */
#link_crosstalk {
	background-image: linear-gradient(-45deg, #F55693, #F7C455);
}
#link_workingmother {
	background-image: linear-gradient(-45deg, #72DB0F, #D6D912);
}
#link_diversitytalk {
	background-image: linear-gradient(-45deg, #598DC5, #9859C5);
}
#link_utrun {
	background-image: linear-gradient(-45deg, #5145F2, #47C3F0);
}
#link_overseas {
	background-image: linear-gradient(-45deg, #47C3F0, #229C61);
}
#link_foreign {
	background-image: linear-gradient(-45deg, #B046BF, #47C3F0);
}

/* backIndexBtn
--------------------------------------------------------------*/
/* crosstalk */
.crosstalk .backIndexBtn {
	background-image: linear-gradient(-45deg, #F55693, #F7C455);
}
.crosstalk .backIndexBtn a {
	background-color: rgba(247, 127, 105, 1);
}
.crosstalk .backIndexBtn a:hover {
	background-color: rgba(247, 127, 105, 0);
}
/* diversitytalk*/
.diversitytalk .backIndexBtn {
	background-image: linear-gradient(-45deg, #598DC5, #9859C5);
}
.diversitytalk .backIndexBtn a {
	background-color: rgba(91, 112, 148, 1);
}
.diversitytalk .backIndexBtn a:hover {
	background-color: rgba(91, 112, 148, 0);
}
/* uturn*/
.uturn .backIndexBtn {
	background-image: linear-gradient(-45deg, #5145F2, #47C3F0);
}
.uturn .backIndexBtn a {
	background-color: rgba(86, 132, 222, 1);
}
.uturn .backIndexBtn a:hover {
	background-color: rgba(86, 132, 222, 0);
}
/* workingmother*/
.workingmother .backIndexBtn {
	background-image: linear-gradient(-45deg, #72DB0F, #D6D912);
}
.workingmother .backIndexBtn a {
	background-color: rgba(173, 193, 26, 1);
}
.workingmother .backIndexBtn a:hover {
	background-color: rgba(173, 193, 26, 0);
}
/* overseas*/
.overseas .backIndexBtn {
	background-image: linear-gradient(-45deg, #47C3F0, #229C61);
}
.overseas .backIndexBtn a {
	background-color: rgba(7, 179, 229, 1);
}
.overseas .backIndexBtn a:hover {
	background-color: rgba(7, 179, 229, 0);
}
/* foreign*/
.foreign .backIndexBtn {
	background-image: linear-gradient(-45deg, #B046BF, #47C3F0);
}
.foreign .backIndexBtn a {
	background-color: rgba(195, 101, 189, 1);
}
.foreign .backIndexBtn a:hover {
	background-color: rgba(195, 101, 189, 0);
}

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

   linkDiversity

--------------------------------------------------------------*/
.linkDiversity {
	/*width: 100%;*/
	/*padding: 100px 0;*/
	/*background: #f8f8f8;*/
	margin-top: 70px;
	padding: 0;
}
.linkDiversity .unit {
	background-image: linear-gradient(45deg, #FF00A1, #F6FF00);
	position: relative;
	width: 1050px;
	margin: 0 auto;
}
.linkDiversity .title {
	position: absolute;
	width: 100%;
	top:50%;
	color: #FFF;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.linkDiversity .title p {
	text-align: center;
	line-height: 1;
	padding: 60px 0;
}
.linkDiversity .title .jp {
	font-size: 40px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", serif;
}
#link_diversity .title,
#link_cultivation .title {
	background-image: linear-gradient(-45deg, rgba(255, 0, 161, 0.7), rgba(246, 255, 0, 0.7));
}
#link_diversity a:hover .title,
#link_cultivation a:hover .title {
	background-image: linear-gradient(-45deg, rgba(255, 0, 161, 0), rgba(246, 255, 0, 0));
}
.linkDiversity a[target="_blank"] .title .jp::after {
	content: "\e900";
	font-family: "aioi";
	font-size: 0.6em;
	margin-left: 0.5em;
	vertical-align: 0.15em;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.linkDiversity {
		margin-top: -5vw;
		padding: 0 5vw;
	}
	.linkDiversity,
	.linkDiversity .unit {
		width: 100%;
	}
	.linkDiversity .thumb img {
		width: 100%;
	}
	.linkDiversity .title p {
		padding: 5vw 0;
	}
	.linkDiversity .title .jp {
		font-size: 4vw;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.linkDiversity .title p {
		padding: 16vw 0 ;
	}
	.linkDiversity .title .jp {
		font-size: 6vw;
		letter-spacing: 0;
	}
	.linkDiversity .thumb {
		overflow: hidden;
	}
	.linkDiversity .thumb img {
		height: 60vw;
		width: auto;
		max-width: none;
		margin-left: -20vw;
	}
}




/* content
--------------------------------------------------------------*/
/* uturn */
.uturn .mainVis {
	/*background: #5684de;*/
}
.uturn .contentHeader h1 {
	background-color: rgba(86, 132, 222, 0.9);
}
.uturn .profile .name,
.uturn > section > h1,
.uturn header h1 {
	color: #5684de;
}
/* workingmother */
.workingmother .mainVis {
	/*background: #c7dc33;*/
}
.workingmother .contentHeader h1 {
	background-color: rgba(173, 193, 26, 0.9);
}
.workingmother .profile .name,
.workingmother > section > h1,
.workingmother header h1 {
	color: #adc11a;
}
/* overseas */
.overseas .mainVis {
	/*background: rgba(7, 179, 229, 1);*/
}
.overseas .contentHeader h1 {
	background-color: rgba(7, 179, 229, 0.9);
}
.overseas .profile .name,
.overseas > section > h1,
.overseas header h1 {
	color: rgba(7, 179, 229, 1);
}
/* foreign */
.foreign .contentHeader h1 {
	background-color: rgba(195, 101, 189, 0.9);
}
.foreign .profile .name,
.foreign > section > h1,
.foreign header h1 {
	color: rgba(195, 101, 189, 1);
}

.crosstalk .mainVis {
	/*background: rgba(7, 179, 229, 1);*/
}
.crosstalk .contentHeader h1 {
	background-color: rgba(247, 127, 105, 0.9);
}
.crosstalk .profile .name,
.crosstalk > section > h1,
.crosstalk header h1 {
	color: rgba(247, 127, 105, 1);
}

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

   header

--------------------------------------------------------------*/
header .subTitle.en {
	position: absolute;
	top:45px;
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	text-align: center;
	color: #999;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	header .subTitle.en {
		top:37px;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	header .subTitle.en {
		top:35px;
		font-size: 13px;
	}
}
/*------------------------------------------------------------

   contentHeader

--------------------------------------------------------------*/
.contentHeader {
	width: 100vw;
	text-align: center;
	margin-bottom: 260px;
	padding: 0 !important;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.contentHeader {
		/*display: none;*/
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.contentHeader {
		margin-bottom: 0;
	}
}
.contentHeader h1 {
	background: #ddd;
	color: #fff !important;
	position: absolute;
	bottom:-211px;
	/*left:calc((100vw - 1050px)/2 + 30px);*/
	padding: 50px 30px 50px 60px;
	width: 680px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transform: translateX(50vw);
	-ms-transform: translateX(50vw);
	-o-transform: translateX(50vw);
	transform: translateX(50vw);
	margin-left: -470px;
	font-size: 32px !important;
	line-height: 1.8;
	text-align: left;
	letter-spacing: 0.05em;
	/* header line */
	background-image:
		url(../career/images/header_line.png),
		url(../career/images/header_line.png);
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		-26px -26px,
		106% 106%;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.contentHeader h1 {
		position: static;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		margin-left: 0;
		width: 60vw;
		margin: -170px auto 0 5vw;
		font-size: 3.7vw !important;
		padding: 40px 20px 40px 50px;
	}
	.uturn .contentHeader,
	.workingmother .contentHeader,
	.overseas .contentHeader
	.foreign .contentHeader  {
		margin-bottom: 0;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.contentHeader h1 {
		width: 90vw;
		margin: -80px auto 0;
		font-size: 5.5vw !important;
			background-position:
			-26px -26px,
			110% 110%;
	}
}

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

   profile

--------------------------------------------------------------*/
.interview .profile {
	position: relative;
	margin-top:-230px;
	left:383px;
	width: 280px;
}
.interview .profile .name {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.interview .profile .position {
	font-size: 12px;
	color: #666;
	line-height: 1.8;
	color: #000;
	margin-top: 0;
}
.position .annotation {
	font-size: 0.8em;
}
.interview .profile .other {
	margin-top: 1em;
	font-size: 12px;
	color: #666;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.interview .profile {
		/*margin-top:-230px;*/
		margin: -180px 0 0;
		left:67vw;
		width: 33vw;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.interview .profile {
		position: static;
		margin: -0 0 0;
		left:auto;
		width: 100%;
	}
}


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

   section

--------------------------------------------------------------*/
.interview > section > h1 {
	font-size: 32px;
	letter-spacing: 0.05em;
}

.interview .photo.withSmall {
	position: relative;
	overflow: hidden;
}
.interview .photo.withSmall .large {
	float: left;
}
.interview .photo.withSmall .small {
	float: right;
}
/*------------------------------------ media */
@media screen and ( max-width: 768px ){
	.interview .photo {
		padding: 0;
	}
	.interview > section > h1 {
		line-height: 1.6;
	}
	.interview .photo.withSmall .large {
		width: 64%;
	}
	.interview .photo.withSmall .small {
		width: 33%;
	}
	.interview .photo.withSmall img {
		width: 100%;
	}
}
/*------------------------------------ media */
@media screen and ( max-width: 414px ){
	.interview > section > h1 {
		font-size: 6vw;
	}
	.interview > section > h1 br {
		display: none;
	}
}