@charset "UTF-8";
@font-face{
	font-family : Bebas;
	src : url( "../../fonts/Bebas Neue/BebasNeue-Regular.woff2" ) format( "woff2" );
}

/*
@font-face{
	font-family: 'HonokaMincho';
	src: url('../../../en/font/honokamin.ttf') format('truetype');
}

@font-face{
	font-family: 'NotosansCJK';
	src: url('../../../en/font/NotoSansCJKjp-Regular.ttf') format('truetype');
}
*/
/* --------------------------------------
　=翻訳者紹介 ページ
------------------------------------- */
.container{
	max-width : 1200px;
	padding : 0 15px;
	margin : 0 auto;
}
.intro-kv{
	position : relative;
	font-size : 16px;
}
.intro-kv .intro-kv-ttl{
	margin-bottom : 20px;
}
.intro-kv .intro-kv-ttl h2{
	margin : 20px 0;
	font-size : 40px;
	line-height : 1.25;
	color : #002d4b;
}
.intro-kv .intro-kv-ttl h2 span{
	font-family : Bebas;
	font-size : 20px;
}
.intro-kv .kv-label{
	padding : 17px 0 23px;
	font-size : 20px;
	color : #fff;
	letter-spacing : .1em;
	background : #002d4b;
}
.intro-kv .kv-label p span{
	font-size : 40px;
	line-height : 1;
	color : #ffea00;
}
.intro-kv .intro-kv-img{
	position : absolute;
	bottom : 0;
	left : 50%;
	width : 50%;
	max-width : 500px;
}
#mainArea .intro-cont{
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	margin-top : 70px;
}
#mainArea .intro-cont .intro-item{
	width : 70%;
	font-family : NotosansCJK;
	font-size : 16px;
	box-shadow : 0 0 40px rgb( 0 0 0 / .2 );
}
#mainArea .intro-cont .intro-item .intro-meta{
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	justify-content : space-between;
	background : #f3f3f3;
}
#mainArea .intro-cont .intro-item .intro-meta .intro-meta-cont{
	box-sizing : border-box;
	width : 60%;
	padding : 5% 7%;
}
#mainArea .intro-cont .intro-item .intro-meta .intro-meta-img{
	width : 40%;
	background : #fff;
}
#mainArea .intro-cont .intro-item .intro-meta .intro-meta-img img{
	width : 100%;
}
#mainArea .intro-cont .intro-item .intro-meta .intro-meta-cont p{
	margin : 0;
	font-size : 20px;
	line-height : 2.5;
	color : #002d4b;
	letter-spacing : .1em;
}
#mainArea .intro-cont .intro-item .intro-meta .intro-meta-cont h3{
	margin-top : 5px;
	font-size : 40px;
	line-height : 1.5;
	color : #002d4b;
	text-align : left;
	letter-spacing : .1em;
}
#mainArea .intro-cont .intro-item .intro-meta .intro-meta-cont .en-name{
	font-family : Bebas;
	font-size : 20px;
	line-height : 1.5;
	color : #4a4b4b;
	letter-spacing : 0;
}
#mainArea .intro-cont .intro-item .intro-profile{
	box-sizing : border-box;
	padding : 35px;
}
#mainArea .intro-cont .intro-item .intro-profile ul li{
	margin : 30px 0;
}
#mainArea .intro-cont .intro-item .intro-profile ul li dl{
	display : flex;
}
#mainArea .intro-cont .intro-item .intro-profile ul li dl dt{
	width : 135px;
	text-align : left;
}
#mainArea .intro-cont .intro-item .intro-profile ul li dl dd{
	flex : 1;
	padding-left : 20px;
	text-align : left;
	border-left : 1px solid #4a4b4b;
}
#mainArea .intro-cont .intro-item .intro-profile ul li dl dd p{
	margin : 0;
	font-size : 16px;
}
#mainArea .intro-cont .intro-item .intro-profile ul li dl dd p span{
	margin-right : 50px;
}
#mainArea .intro-cont .intro-item .intro-profile ul li dl dd ol{
	padding-left : 20px;
}
#mainArea .intro-cont .intro-item .intro-profile ul li dl dd ol li{
	margin : 0;
	list-style-type : disc;
}
#mainArea .intro-cont .intro-list{
	width : 27%;
}
#mainArea .intro-cont .intro-list ul li{
	position : relative;
	margin-bottom : 30px;
}
#mainArea .intro-cont .intro-list ul li a{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	-webkit-text-decoration : none;
	text-decoration : none;
}
#mainArea .intro-cont .intro-list ul li.current::before ,
#mainArea .intro-cont .intro-list ul li:hover::before{
	position : absolute;
	top : 50%;
	left : 0;
	width : 0;
	height : 0;
	content : "";
	border-color : transparent #002d4b transparent transparent;
	border-style : solid;
	border-width : 7.5px 18px 7.5px 0;
	transform : translateY( -50% );
}
#mainArea .intro-cont .intro-list ul li.current::after ,
#mainArea .intro-cont .intro-list ul li:hover::after{
	position : absolute;
	top : 50%;
	left : 10px;
	width : 0;
	height : 0;
	content : "";
	border-color : transparent #dadee9 transparent transparent;
	border-style : solid;
	border-width : 4.5px 10px 4.5px 0;
	transform : translateY( -50% );
}
#mainArea .intro-cont .intro-list ul li .intro-pic{
	box-sizing : border-box;
	width : 100px;
	height : 100px;
	margin-left : 15px;
	margin-right : 20px;
	overflow : hidden;
	background : #dadee9;
	border : 4px solid #fff;
	border-radius : 50%;
	box-shadow : 0 0 10px rgb( 0 0 0 / .2 );
}
#mainArea .intro-cont .intro-list ul li.current .intro-pic ,
#mainArea .intro-cont .intro-list ul li:hover .intro-pic{
	border : 4px solid #002d4b;
}
#mainArea .intro-cont .intro-list ul li .intro-pic img{
	width : 100%;
}
#mainArea .intro-cont .intro-list ul li .intro-data{
	flex : 1;
}
#mainArea .intro-cont .intro-list ul li .intro-data p{
	margin : 0;
	font-size : 12px;
	line-height : 1.7;
	color : #002d4b;
}
#mainArea .intro-cont .intro-list ul li .intro-data p.intro-data-name{
	font-size : 18px;
	line-height : 2;
}
.tabs li{
	cursor : pointer;
}
.tabs li.current ,
.tabs li:hover{
	font-weight : 500;
	color : #000;
}
.tabs li:last-child{
	border-right : none;
}
.tab-contents{
	display : none;
}
.tab-contents.current{
	display : block;
}
@media ( max-width : 768px ){
	.intro-kv .intro-kv-img{
		position : relative;
		bottom : 0;
		left : 0;
		width : 100%;
		max-width : 500px;
		margin : 0 auto;
	}
	.intro-kv .kv-label{
		text-align : center;
	}
	#mainArea .intro-cont .intro-item{
		order : 2;
		width : 100%;
	}
	#mainArea .intro-cont .intro-list{
		order : 1;
		width : 100%;
	}
	#mainArea .intro-cont .intro-list ul{
		display : flex;
		flex-wrap : wrap;
		justify-content : space-evenly;
	}
	#mainArea .intro-cont .intro-list ul li{
		display : block;
	}
	#mainArea .intro-cont .intro-list ul li .intro-data p{
		text-align : center;
	}
	#mainArea .intro-cont .intro-list ul li::before ,
	#mainArea .intro-cont .intro-list ul li::after{
		display : none ! important;
	}
	#mainArea .intro-cont .intro-list ul li .intro-data{
		margin-top : 10px;
	}
}
@media ( max-width : 480px ){
	#mainArea .intro-cont .intro-item .intro-meta .intro-meta-cont p{
		line-height : 2;
	}
	#mainArea .intro-cont .intro-item .intro-meta .intro-meta-cont h3{
		font-size : 30px;
	}
	#mainArea .intro-cont .intro-item .intro-profile{
		padding : 0 20px;
	}
	#mainArea .intro-cont .intro-item .intro-profile ul li dl dd{
		border-top : 1px solid #4a4b4b;
		border-left : none;
	}
	#mainArea .intro-cont .intro-item .intro-profile ul li dl ,
	#mainArea .intro-cont .intro-item .intro-profile ul li dl dd p span{
		display : block;
	}
	#mainArea .intro-cont .intro-list ul li{
		margin-bottom : 15px;
	}
	#mainArea .intro-cont{
		margin-top : 30px;
	}
}

/* --------------------------------------
　=コラム記事 ページ
------------------------------------- */
#top-about.column_cnt .column_cnt_ttl{
	position : relative;
}
#top-about.column_cnt .column_cnt_ttl img{
	width : 100%;
}
#top-about.column_cnt .column_cnt_ttl h2{
	position : absolute;
	top : 50%;
	left : 20px;
	width : calc( 100% - 40px );
	font-size : 35px ! important;
	font-weight : 700;
	line-height : 1.2 ! important;
	color : #fff ! important;
	text-align : left ! important;
	text-shadow : 0 3px 6px rgb( 0 0 0 / .35 );
	transform : translateY( -50% );
}
#top-about.column_cnt .column_cnt_ttl h2 span{
	display : block;
	margin-bottom : 20px;
	font-size : 85%;
	font-weight : 300;
}
@media ( max-width : 768px ){
	#top-about.column_cnt .column_cnt_ttl h2{
		font-size : 5.5vw ! important;
	}
}
#content .common-contact a ,
#content .contract-contact a{
	position : relative;
	display : inline-block;
	width : 300px;
	height : 60px;
	padding-left : 55px;
	font-size : 18px;
	line-height : 60px;
	color : #fff;
	text-decoration-line : none;
	background : #ee8827;
	border-radius : 8px;
}
#content .common-contact a:hover ,
#content .contract-contact a:hover{
	filter : opacity( .65 );
	opacity : .65;
}
#content .common-contact a::before ,
#content .contract-contact a::before{
	position : absolute;
	top : 50%;
	left : 28px;
	line-height : 0;
	content : url( "../../images/multilingual/ui/icon/contact.png" );
	transform : translateY( -50% );
}

