@charset "UTF-8";


/* **************************************************

Name: rd_common_index.css

Description: default index pages

Create: 2020.02.25

Update: 8888.88.88

Copyright 2020 Hitachi, Ltd.


***************************************************** */



/* ---HeroTitle(index)---

=========================================================================================== */
.HeroTitle {
	background: no-repeat center center/cover;
	color: #fff;
	letter-spacing: .075rem;
	margin-bottom: 105px;
}
.HeroTitle .Grid4.inner {
	display: table-cell;
	padding-left: 70px;
	vertical-align: middle;
}
.HeroTitle h1 {
	margin-bottom: 25px;
}
.HeroTitle h1 span {
	display: block;
}
.HeroTitle h1 .TitleText {
	font-size: 18px;
	margin-bottom: 5px;
}
.HeroTitle h1 .Title {
	font-size: 60px;
	font-weight: bold;
	line-height: 60px;
}
.HeroTitle h1:after {
	background-color: #fff;
	content: "";
	display: block;
	margin-top: 25px;
	width: 45px;
	height: 1px;
}
.HeroTitle a:hover {
	color: #fff;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.HeroTitle .LeadTitle {
	font-size: 24px;
	font-weight: bold;
}
.HeroTitle h2 {
  background: none;
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

/* -- height: 600px -- */
.HeroTitle.h600 {
	height: 600px;
}
.HeroTitle.h600 .Grid4.inner {
	height: 600px;
}
/* -- height: 400px -- */
.HeroTitle.h400 {
	height: 400px;
}
.HeroTitle.h400 .Grid4.inner {
	height: 400px;
}
@media screen and (max-width: 994px) {
	.HeroTitle.h400 {
		height: 200px;
  }
	.HeroTitle.h400 .Grid4.inner {
		height: 200px;
  }
}
/* -- height: 300px -- */
.HeroTitle.h300 {
	height: 300px;
}
.HeroTitle.h300 .Grid4.inner {
	height: 300px;
}


@media screen and (max-width: 994px) {
	.HeroTitle .GridSet {
		max-width: 100%;
		margin: 0;
	}
	.HeroTitle .Grid4.inner {
		padding: 0 15px 30px;
		box-sizing: border-box;
		vertical-align: bottom;
  }
	.HeroTitle .inner h1 .Title {
		font-size: 36px;
		line-height: 40px;
  }
	.HeroTitle .inner h1 .TitleText {
		font-size: 14px;
	}
	.HeroTitle h2 {
		font-size: 20px;
		line-height: 30px;
  }
  .HeroTitle .LeadTitle.HideSP {
	  display: none;
  }
}


/* ---HeroTitle(index) - 第2階層---

=========================================================================================== */
.Inner960 {
	margin: 0 auto;
	width: 960px !important;
}
@media screen and (max-width: 1024px) {
	.Inner960 {
		width: auto !important;
	}
}

.HeroTitle.Index2nd .Grid4.inner {
	padding-left: 40px;
}
.HeroTitle.Index2nd h1 {
	background-color: #e60026;
	display: table-cell;
	margin-bottom: 0;
	padding: 10px 20px;
}
.HeroTitle.Index2nd h1:after {
	display: none;
}
.HeroTitle.Index2nd .LeadTitle {
	background-color: #e60026;
	margin-top: 32px;
	padding: 5px 20px;
}
@media screen and (max-width: 994px) {
	.HeroTitle.Index2nd {
		margin-bottom: 70px;
  }
	.HeroTitle.Index2nd .Grid4.inner {
		display: block;
		padding: 0;
		position: relative;
  }
	.HeroTitle.Index2nd h1 {
		display: inline-block;
		padding: 10px 15px;
		box-sizing: border-box;
		position: absolute;
		bottom: -50px;
		width: 100%;
		z-index: 10;
  }
	.HeroTitle.Index2nd h1 .Title {
		font-size: 120%;
		line-height: 160%;
  }
}


/* ---HeroTitle(index) - 第4階層---

=========================================================================================== */
.HeroTitle.Index4th {
	margin-bottom: 60px;
}
.HeroTitle.Index4th h1 {
	margin-bottom: 0;
}
.HeroTitle.Index4th h1 .Title {
	font-size: 40px;
	line-height: 40px;
}
.HeroTitle.Index4th h1:after {
	display: none;
}

@media screen and (max-width: 994px) {
	.HeroTitle.Index4th .Grid4.inner {
		padding: 30px 15px;
  }
}


.MegaCatch {
	background-color: #e60026;
	color: #fff;
	margin-top: -139px;
	padding: 60px;
	text-align: center;
}
.MegaCatch h2 {
	background-image: none;
}
.MegaCatch h2 span {
	background-color: transparent;
	color: #fff;
}
.MegaCatch h2 span.MainCatch {
	font-size: 54px;
}
.MegaCatch h2 span.SubCatch {
	font-size: 36px;
}
.MegaCatch p {
	font-size: 18px;
}
@media screen and (max-width: 994px) {
	.MegaCatch {
		margin: 0 -15px;
		padding: 30px;
		box-sizing: border-box;
	}
	.MegaCatch h2 span.MainCatch {
		font-size: 36px;
	}
	.MegaCatch h2 span.SubCatch {
		font-size: 20px;
	}
	.MegaCatch p {
		font-size: 16px;
	}
}

.SimplyTextBox {
	margin: 100px 0;
}
.SimplyTextBox h2 {
	background-image: none;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
}
@media screen and (max-width: 994px) {
	.SimplyTextBox {
		margin: 50px 0;
	}
	.SimplyTextBox h2 {
		margin: 0;
	}
}


/* ---トップページ(/rd/index.html)---

=========================================================================================== */
#RDindex.HeroTitle {
	background-image: url("/hcrd/image/top/pageimage.jpg");
}


/* ---研究領域index---

=========================================================================================== */
#ResearchIndex.HeroTitle {
	background-image: url("/hcrd/research/image/pageimage.jpg");
}
@media screen and (max-width: 994px) {
	#ResearchIndex.HeroTitle {
		background-position: 45% 0;
	}
}

/* ---オープンイノベーション index---

=========================================================================================== */
#OpenIndex.HeroTitle {
	background-image: url("/hcrd/open/image/pageimage.jpg");
}
@media screen and (max-width: 994px) {
	#OpenIndex.HeroTitle {
		background-position: 45% 0;
	}
}

/* 中国招聘 */
#ChinaIndex.HeroTitle {
	background-image: url("/hcrd/careers/image/pageimage_china.jpg");
}
@media screen and (max-width: 994px) {
	#ChinaIndex.HeroTitle {
		background-position: 45% 0;
	}
}

/* ---About Us index---

=========================================================================================== */
#AboutIndex.HeroTitle {
	background-image: url("/hcrd/about/image/pageimage.jpg");
}
@media screen and (max-width: 994px) {
	#AboutIndex.HeroTitle {
		background-position: 45% 0;
	}
}

#chinaIndex.HeroTitle {
	background-image: url("/hcrd/about/image/hcrd_title.jpg");
}

#chinaIndex.HeroTitle.Index2nd .LeadTitle {
    background-color: transparent;
	margin-top: 0;
	color: #000000;
}
#chinaIndex.HeroTitle.Index2nd h1 {
    background-color: transparent;
    color: #e60026;
    display: table-cell;
    margin-bottom: 0;
    padding: 10px 20px;
}
#chinaIndex.HeroTitle a:hover {
    color: #e60026;
}

#chinaIndex.HeroTitle h1 .Title {
    font-size: 300%;
}
.chinH2WorldColor {
	color: #8b8b8b;
	font-size: 46%;
}
.chinH2WorldColor2 {
	color: #8b8b8b;
	font-size: 16px;
}
.chinaContent #leaders_mg .member_box {
    background-color: transparent;
	margin: 0 auto 60px;
	padding: 0;
	width: auto;
    max-width: 965px;
}
.chinaContent #leaders_mg .member_box .photo strong {
	font-size: 16px;
}
.fontsize100 {
	font-size: 100%;
}
.chinaQr {
	border-top: 1px solid #dddddd;
	margin-top: 20px;
}
.chinaQr p.TextStyle1 {
	display: inline-block;
	margin-top: 27px;
	margin-right: 20px;
	text-align: right;
}
.chinaQr p {
	float: right;
	margin-top: 10px;
}
.chinaBoxFarher {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.chinaBox {
	flex-wrap: wrap;
	width: 31.33%;
	margin: 0 1%;
	background-color: #eeeeee;
}
.chinaBoxFarher .chinaBox div{
	margin-top: 20px;
	margin-left: 20px;
}
.chinaBoxFarher .chinaBox div span{
	font-size: 20px;
}
.chinaBoxFarher .chinaBox div p{
	margin-top: 15px;
}
@media screen and (max-width: 994px) {
	#chinaIndex.HeroTitle {
		background-position: 45% 0;
	}


	#chinaIndex.HeroTitle.Index2nd h1 {
		position: static;
		padding: 0 20px;
	}
	#chinaIndex.HeroTitle.Index2nd .LeadTitle {
		font-size: 18px;
		padding-top: 51px;
	}
	#chinaIndex.HeroTitle.Index2nd h1 .Title {
		font-size: 28px;
		line-height: 120%;
	}
}
@media screen and (max-width: 767px) {
	.chinaQr {
		text-align: center;
	}

	.chinaQr p {
		float: none;
	}

	.chinaQr p.TextStyle1 {
		margin: 0;
		text-align: center;

	}

	.chinaBox {
		width: 48%;
		margin: 10px 1%;
	}
	.chinaContent.Section .Head2Title {
		font-size: 160%;
	}
}
@media screen and (max-width: 638px) {
	#chinaIndex.HeroTitle.Index2nd .LeadTitle {
		padding-top: 27px;
	}
}

@media screen and (max-width: 386px) {
	#chinaIndex.HeroTitle.Index2nd h1 {
		padding: 0;
		padding-left: 10px;
		padding-top: 15PX;
	}
	.chinaBox {
		width: 98%;
		margin: 10px 1%;
	}
}
@media screen and (max-width: 376px) {
	#chinaIndex.HeroTitle.Index2nd h1 {
		padding-left: 20px;
		padding-top: 0;
	}

}
@media screen and (max-width: 356px) {
	#chinaIndex.HeroTitle.h400 .Grid4.inner {
		height: 220px;
	}
	#chinaIndex.HeroTitle.Index2nd .LeadTitle {
		padding-top: 8px;
	}
}
/* ---Special contents index---



=========================================================================================== */
#SCIndex.HeroTitle {
	background-image: url("/hcrd/sc/image/pageimage.jpg");
}


/* ---News & Event index---

=========================================================================================== */
#NewsIndex.HeroTitle {
	background-image: url("/hcrd/news/image/pageimage.jpg");
}



.Section .Head2Title {
	background-image: none;
	background-color: #f8f8f8;
	color: #e60026;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	margin: 0 auto 60px;
	padding: 12px;
	max-width: 1275px;
}
.Section .Head3Title {
  margin: 0 0 50px;
}
@media screen and (max-width: 767px) {
	.Section .Head2Title {
		margin: 0 0 20px;
		font-size: 180%;
	}
}

.ContentsBoxArea {
  margin-bottom: 40px;
}
.ContentsBoxArea .ContentsBox {
	display: inline-block;
	width: calc(100% / 3 - 17px);
	margin-right: 20px;
	margin-bottom: 40px;
	vertical-align: top;
}
.ContentsBoxArea .ContentsBox:nth-child(3n) {
  margin-right: 0;
}
.ContentsBoxArea .ContentsBox a {
	display: block;
	color: #333;
	text-decoration: none;
}
.ContentsBoxArea .ContentsBox a:hover {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.ContentsBoxArea .ContentsImg {
  border: 1px solid #eee;
}
.ContentsBoxArea .ContentsImg.TechImg {
	/* /rd/research/配下 List of research technologies image border打消し  */
	border: none;
}
.ContentsBoxArea .ContentsImg img {
  width: 100%;
}
.ContentsBoxArea .ContentsText {
	background: #eee;
	border-top: 2px solid #dd0325;
	padding: 20px 20px 5px;
}
.ContentsBoxArea .ContentsText h2 {
	background: none;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	line-height: 27px;
	margin: 0;
	text-align: center;
}
.ContentsBoxArea a .ContentsText h2 {
	color: #c02;
}
.ContentsBoxArea .ContentsText h3 {
  margin-bottom: 10px;
}
.ContentsBoxArea .ContentsText p {
  margin-bottom: 15px;
}

@media screen and (max-width: 994px) {
	.ContentsBoxArea .ContentsBox {
		display: inline-block;
		width: calc(100% / 2 - 8px);
		margin-right: 10px;
		margin-bottom: 30px;
	}
	.ContentsBoxArea .ContentsBox:nth-child(3n) {
    margin-right: 10px;
  }
	.ContentsBoxArea .ContentsBox:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 579px) {
	.ContentsBoxArea .ContentsBox {
		width: 100%;
		margin-right: 0;
	}
}

.RelatedContentsArea .ContentsBox {
	display: inline-block;
	width: calc(100% / 4 - 36px);
	margin-right: 42px;
	margin-bottom: 40px;
	vertical-align: top;
  position: relative;
}
.RelatedContentsArea .ContentsBox:nth-child(4n) {
  margin-right: 0;
}
.RelatedContentsArea .ContentsBox a {
	color: #c02;
	display: block;
	font-size: 20px;
	font-weight: normal;
	line-height: 27px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}
.RelatedContentsArea .ContentsBox a:hover {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.RelatedContentsArea .ContentsBox h3 {
}
.RelatedContentsArea .ContentsBox img {
	margin-bottom: 20px;
	width: 100%;
}
.ImgOnlyStyle .ModalYouTubeLink:before,
.ImgOnlyStyle .ModalYouTubeLink:after {
	display: none;
}
.RelatedContentsArea .ContentsBox .ModalYouTubeLink span:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 36px;
	height: 36px;
	top: 50%;
	left: 50%;
	margin: -18px 0 0 -18px;
	background-color: #e60027;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	box-sizing: border-box;
	box-shadow: 0 0 0 7px rgba(230,0,39,.5);
}
.RelatedContentsArea .ContentsBox a .noLink {
  display: inline;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: #333;
}
.RelatedContentsArea .ContentsBox a .noLink:before,
.RelatedContentsArea .ContentsBox a .noLink:after {
  content: none;
}

@media screen and (max-width: 994px) {
	.RelatedContentsArea .ContentsBox {
		display: inline-block;
		width: calc(100% / 3 - 10px);
		margin-right: 9px;
		margin-bottom: 20px;
	}
	.RelatedContentsArea .ContentsBox:nth-child(4n) {
    margin-right: 10px;
  }
	.RelatedContentsArea .ContentsBox:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 579px) {
	.RelatedContentsArea .ContentsBox {
		display: inline-block;
		width: calc(100% / 2 - 8px);
		margin-right: 10px;
		margin-bottom: 20px;
	}
	.RelatedContentsArea .ContentsBox:nth-child(3n) {
    margin-right: 10px;
  }
	.RelatedContentsArea .ContentsBox:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 399px) {
	.RelatedContentsArea .ContentsBox {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.JS #NewsList .ImgLeftAdjustClear1 {
		float: left!important;
	}
}

.NewsTopicsListArea {
	margin: 0 auto;
	width: 880px;
}
.NewsTopicsListArea a {
  text-decoration: none;
}
.NewsTopicsListArea a:hover dl {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.NewsTopicsList dl {
	display: table;
	margin-bottom: 30px;
}
.NewsTopicsList dt {
  color: #333;
	display: table-cell;
	width: 190px;
}
.NewsTopicsList dd {
  color: #333;
  display: table-cell;
}
.NewsTopicsList dd .LinkListStyle1 {
  font-size: 100%;
}
.NewsTopicsList dd .LinkListStyle1 span {
  color: #c02;
  margin-right: 10px;
}
.NewsTopicsList dd .LinkListStyle1 span:after {
  content: "";
  display: inline-block;
  margin-left: 2px;
  width: 18px;
  height: 19px;
  vertical-align: -5px;
	background-image: url(/image/en/r1/icon/icon_link_right_xl_hd.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
.NewsTopicsList a:hover dd .LinkListStyle1 span:after {
  background-position: right center;
}
.NewsTopicsList dd .LinkListStyle1 span.NewWin:after {
  background-image: url(/image/en/r1/icon/icon_new_window_hd.gif);
}
.NewsTopicsList dd .LinkListStyle1 span.Pdf:after {
  background-image: url(/image/en/r1/icon/icon_pdf_hd.gif);
}
.NewsTopicsList dd .LinkListStyle1 span.Movie:after {
  background-image: url(/image/en/r1/icon/icon_movie_hd.gif);
}
.NewsTopicsList dd .LinkListStyle1 span.NewWin:after,
.NewsTopicsList dd .LinkListStyle1 span.Pdf:after,
.NewsTopicsList dd .LinkListStyle1 span.Movie:after {
  background-position: 3px center;
}
.NewsTopicsList a:hover dd .LinkListStyle1 span.NewWin:after,
.NewsTopicsList a:hover dd .LinkListStyle1 span.Pdf:after,
.NewsTopicsList a:hover dd .LinkListStyle1 span.Movie:after {
  background-position: 3px center;
}

@media screen and (max-width: 994px) {
	.NewsTopicsListArea {
    width: 100%;
  }
}
@media screen and (max-width: 579px) {
	.NewsTopicsList dl {
		display: block;
		margin-bottom: 20px;
	}
	.NewsTopicsList dt,
	.NewsTopicsList dd {
		display: block;
		width: 100%;
	}
}


/* ---研究領域contents---

=========================================================================================== */
/*
#RDContents.HeroTitle {
	background-image: url("/hcrd/xxx/image/pageimage.jpg");
	height: 300px;
	color: #fff;
	letter-spacing: .075rem;
	margin-bottom: 60px;
}
#RDContents.HeroTitle .Grid4.inner {
	display: table-cell;
	height: 300px;
	padding-left: 70px;
	vertical-align: middle;
}
#RDContents.HeroTitle h1 {
	margin-bottom: 0;
}
#RDContents.HeroTitle h1 span {
	display: block;
}
#RDContents.HeroTitle h1 .TitleText {
	font-size: 18px;
	margin-bottom: 5px;
}
#RDContents.HeroTitle h1 .Title {
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
}
#RDContents.HeroTitle h1:after {
	display: none;
}
#RDContents.HeroTitle a:hover {
	color: #fff;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
*/

/*
@media screen and (max-width: 1024px) {
	#RDContents.HeroTitle .GridSet {
		max-width: 100%;
		margin: 0;
	}
	#RDContents.HeroTitle .Grid4.inner {
		padding: 0 25px;
		box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
	#RDContents.HeroTitle .Grid4.inner {
		padding: 25px;
		width: 100%;
  }
}
@media screen and (max-width: 579px) {
	#RDContents.HeroTitle .Grid4.inner {
		padding: 25px 15px;
  }
	#RDContents.HeroTitle .inner h1 .Title {
		font-size: 30px;
		line-height: 40px;
  }
	#RDContents.HeroTitle .inner h1 .TitleText {
		font-size: 14px;
	}
}
*/

.ContentsTopSection.lead {
  margin: 0 auto;
  width: 960px;
}
.ContentsTopSection.lead h2 {
	background-image: none;
	font-weight: bold;
	font-size: 30px;
	margin: 0 0 40px;
  padding: 0;
}
.ContentsTopSection.lead p {
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 65px;
}

@media screen and (max-width: 994px) {
  .ContentsTopSection.lead {width: 100%;}
}
@media screen and (max-width: 767px) {
	.ContentsTopSection.lead h2 {
		margin: 0 0 20px;
		font-size: 180%;
	}
}

.ContentsBoxArea {margin-bottom: 50px;}
.ContentsBoxArea .ContentsBox {
	display: inline-block;
	width: calc(100% / 3 - 17px);
	margin-right: 20px;
	margin-bottom: 30px;
}
.ContentsBoxArea .ContentsBox:nth-child(3n) {margin-right: 0;}
.ContentsBoxArea .ContentsBox a {
	color: #333;
	display: block;
	text-decoration: none;
}
.ContentsBoxArea .ContentsBox a:hover {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.ContentsBoxArea .ContentsBox img {
  margin-bottom: 15px;
  width: 100%;
}
.ContentsBoxArea .ContentsBox .TechImg img {
	/* /rd/research/配下 List of research technologies image margin打消し  */
  	margin-bottom: 0;
}
.ContentsBoxArea .ContentsBox h2 {
	background: none;
	font-size: 20px;
	font-weight: bold;
	line-height: 27px;
	margin-bottom: 5px;
	padding: 0;
	text-align: center;
}
.ContentsBoxArea .ContentsBox a h2 {
	color: #c02;
}

@media screen and (max-width: 994px) {
	.ContentsBoxArea .ContentsBox {
		display: inline-block;
		width: calc(100% / 2 - 8px);
		margin-right: 10px;
		margin-bottom: 30px;
	}
	.ContentsBoxArea .ContentsBox:nth-child(3n) {margin-right: 10px;}
	.ContentsBoxArea .ContentsBox:nth-child(2n) {margin-right: 0;}
}
@media screen and (max-width: 579px) {
	.ContentsBoxArea .ContentsBox {
		width: 100%;
		margin-right: 0;
	}
}

.BorderListBox {
	border: 2px solid #eee;
	margin-bottom: 105px;
  padding: 55px 40px;
	box-sizing: border-box;
}
.BorderListBox h2 {
	background-image: none;
	font-weight: bold;
	font-size: 30px;
	margin: 0 0 40px;
  padding: 0;
	text-align: center;
}
.BorderListBox .ContentsBox li {
	display: inline-block;
	width: calc(100% / 3 - 17px);
	margin-right: 20px;
	margin-bottom: 50px;
  vertical-align: top;
}
.BorderListBox .ContentsBox li:nth-child(3n) {margin-right: 0;}
.BorderListBox .ContentsBox li a {
	display: block;
	text-decoration: none;
}
.BorderListBox .ContentsBox li p {
	font-size: 20px;
	font-weight: bold;
	line-height: 27px;
	text-align: center;
}
.BorderListBox .ContentsBox li a p {
	color: #c02;
}
.BorderListBox .ContentsBox li a:hover p {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.BorderListBox .ContentsBox li img {
	margin-bottom: 30px;
	width: 100%;
}

@media screen and (max-width: 994px) {
	.BorderListBox {padding: 30px;}
	.BorderListBox h2 {margin-bottom: 30px;}
	.BorderListBox .ContentsBox li {
		display: inline-block;
		width: calc(100% / 2 - 8px);
		margin-right: 10px;
		margin-bottom: 30px;
	}
	.BorderListBox .ContentsBox li:nth-child(3n) {margin-right: 10px;}
	.BorderListBox .ContentsBox li:nth-child(2n) {margin-right: 0;}
	.BorderListBox .ContentsBox li img {margin-bottom: 20px;}
}
@media screen and (max-width: 579px) {
	.BorderListBox .ContentsBox li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
}

/* ---研究領域各配下ページcontents--- */
#ProductionIndex.HeroTitle {
	background-image: url("/hcrd/research/production/image/pageimage.jpg");
}
#ControlsIndex.HeroTitle {
	background-image: url("/hcrd/research/controls/image/pageimage.jpg");
}
#DigitalIndex.HeroTitle {
	background-image: url("/hcrd/research/it/image/pageimage.jpg");
}
#DesignIndex.HeroTitle {
	background-image: url("/hcrd/research/design/image/pageimage.jpg");
}
#EletronicsIndex.HeroTitle {
	background-image: url("/hcrd/research/electronics/image/pageimage.jpg");
}
#EnergyIndex.HeroTitle {
	background-image: url("/hcrd/research/energy/image/pageimage.jpg");
}
#HealthcareIndex.HeroTitle {
	background-image: url("/hcrd/research/healthcare/image/pageimage.jpg");
}
#MechanicalIndex.HeroTitle {
	background-image: url("/hcrd/research/mechanical/image/pageimage.jpg");
}
#MaterialsIndex.HeroTitle {
	background-image: url("/hcrd/research/materials/image/pageimage.jpg");
}
#SystemsIndex.HeroTitle {
	background-image: url("/hcrd/research/systems/image/pageimage.jpg");
}
#RoboticsIndex.HeroTitle {
	background-image: url("/hcrd/research/mechanical/robotics/image/pageimage.jpg");
  background-position: top center;
}
#ProductionIndex.HeroTitle,
#ControlsIndex.HeroTitle,
#DigitalIndex.HeroTitle,
#DesignIndex.HeroTitle,
#EletronicsIndex.HeroTitle,
#EnergyIndex.HeroTitle,
#HealthcareIndex.HeroTitle,
#MechanicalIndex.HeroTitle,
#MaterialsIndex.HeroTitle,
#SystemsIndex.HeroTitle,
#RoboticsIndex.HeroTitle {
  position: relative;
}
#ProductionIndex.HeroTitle .GridSet,
#ControlsIndex.HeroTitle .GridSet,
#DigitalIndex.HeroTitle .GridSet,
#DesignIndex.HeroTitle .GridSet,
#EletronicsIndex.HeroTitle .GridSet,
#EnergyIndex.HeroTitle .GridSet,
#HealthcareIndex.HeroTitle .GridSet,
#MechanicalIndex.HeroTitle .GridSet,
#MaterialsIndex.HeroTitle .GridSet,
#SystemsIndex.HeroTitle .GridSet,
#RoboticsIndex.HeroTitle .GridSet {
  position: relative;
  z-index: 2;
}
#ProductionIndex.HeroTitle:before,
#ControlsIndex.HeroTitle:before,
#DigitalIndex.HeroTitle:before,
#DesignIndex.HeroTitle:before,
#EletronicsIndex.HeroTitle:before,
#EnergyIndex.HeroTitle:before,
#HealthcareIndex.HeroTitle:before,
#MechanicalIndex.HeroTitle:before,
#MaterialsIndex.HeroTitle:before,
#SystemsIndex.HeroTitle:before,
#RoboticsIndex.HeroTitle:before {
  content: '';
  background-color: rgba(0,0,0,.72);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

/* ---About Us---

=========================================================================================== */
.RandDList {
	margin: 0 auto 20px;
}
.RandDList li {
	border-bottom: 1px solid #eee;
}
.RandDList li dl {
	display: table;
	margin-top: 30px;
	padding-bottom: 30px;
}
.RandDList li dt {
	display: table-cell;
	font-size: 20px;
	font-weight: bold;
	width: 250px;
}
.RandDList li dt {
	display: table-cell;
	font-size: 16px;
}
@media screen and (max-width: 579px) {
	.RandDList {
		margin-bottom: 10px;
	}
	.RandDList li dl {
		display: block;
		margin-top: 15px;
		padding-bottom: 15px;
	}
	.RandDList li dt {
		display: block;
		width: auto;
	}
	.RandDList li dt {
		display: block;
	}
}


/* ---Special contents---

=========================================================================================== */
/* ImgLinkBlock (画像リンク - 基礎) */
.ImgLinkBlock {
	margin-bottom: 40px;
}
.ImgLinkBlock a {
	display: block;
	text-decoration: none;
}
.ImgLinkBlock a:hover img { /* reset img opacity */
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.ImgLinkBlock a:hover {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.ImgLinkBlock li {
	display: inline-block;
	margin-bottom: 40px;
	vertical-align: top;
}
.ImgLinkBlock h3 {
  color: #333;
	font-size: 20px;
	font-weight: normal;
	margin-top: 20px;
}
.ImgLinkBlock a h3 {
	color: #c02;
}

.ImgLinkBlock p {
	color: #333;
}

.ImgLinkBlock .ImgLinkImg {
  overflow: hidden;
}
.ImgLinkBlock a .ImgLinkImg img {
  transition-duration: 0.3s;
}
.ImgLinkBlock a:hover .ImgLinkImg img {
	transform: scale(1.1);
	transition-duration: 0.3s;
}


/* ImgLinkBlock + TitleCenter (画像リンク + 中心タイトル) */
.ImgLinkBlock.TitleCenter li {
	position: relative;
}
.ImgLinkBlock.TitleCenter img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}
/* object-fit (for IE) */
.ImgLinkBlock.TitleCenter img.object_fit_img {
	font-family: 'object-fit: cover;';
}
.ImgLinkBlock.TitleCenter h3 {
	background-color: #c02;
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 18px;
	margin: 0;
	padding: 10px 80px 10px 10px;
	letter-spacing: .1rem;
	vertical-align: middle;
	box-sizing: border-box;
	width: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
}
.ImgLinkBlock.TitleCenter h3:after {
	content: url("/hcrd/image/icon_link_right_white.png");
	color: #fff;
	margin-bottom: -5px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
}

/* ImgLinkMain (幅100% - 画像左/テキスト右) */
.ImgLinkMain li {
	margin-bottom: 0;
	width: 100%;
}
.ImgLinkMain a {
	display: table;
}
.ImgLinkMain .ImgLinkInner {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
	width: 455px;
}
@media screen and (max-width: 965px) {
	.ImgLinkMain a {
		display: block;
	}
	.ImgLinkMain img {
		width: 100%;
	}
	.ImgLinkMain .ImgLinkInner {
		display: block;
		padding-left: 0;
		width: 100%;
	}
}

/* ImgLink2col (画像リンク - 2列) */
.ImgLink2col li {
	width: calc(100% / 2 - 12px);
}
.ImgLink2col li:nth-child(odd) {
	margin-right: 9px;
}
.ImgLink2col li:nth-child(even) {
	margin-left: 9px;
}
@media screen and (max-width: 579px) {
/* ImgLinkBlock (画像リンク - 基礎) */
	.ImgLinkBlock li {
			display: block;
			width: 100%;
	}
	.ImgLinkBlock h3 {
			margin-top: 10px;
			margin-bottom: 20px;
	}

/* ImgLink2col (画像リンク - 2列) */
	.ImgLink2col li:nth-child(odd) {
			margin-right: 0;
	}
	.ImgLink2col li:nth-child(even) {
			margin-left: 0;
	}
}

/* ImgLink3col (画像リンク - 3列) */
.ImgLink3col {
  letter-spacing: -.4em;
  margin-left: -25px;
}
.ImgLink3col li {
  letter-spacing: normal;
	width: calc(100% / 3 - 0px);
  padding-left: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ImgLink3col li img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 579px) {
  .JS .ImgLink3col {
    margin-left: -15px;
  }
  .JS .ImgLink3col li {
    display: inline-block;
    width: 50%;
    padding-left: 15px;
  }
}
@media screen and (max-width: 399px) {
  .JS .ImgLink3col {
    margin-left: 0;
  }
  .JS .ImgLink3col li {
    display: block;
    width: 100%;
    padding-left: 0;
  }
  .JS .ImgLink3col li img {
  width: 100%;
  height: auto;
  }
}

/* ImgLink4col (画像リンク - 4列) */
.ImgLink4col {
  letter-spacing: -.4em;
  margin-left: -25px;
}
.ImgLink4col li {
  letter-spacing: normal;
	width: 25%;
  padding-left: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ImgLink4col li img {
  max-width: 100%;
  /* height: auto; */
}

@media screen and (max-width: 994px) {
  .JS .ImgLink4col li {
    width: 33.33333%;
  }
}
@media screen and (max-width: 579px) {
  .JS .ImgLink4col {
    margin-left: -15px;
  }
  .JS .ImgLink4col li {
    display: inline-block;
    width: 50%;
    padding-left: 15px;
  }
}
@media screen and (max-width: 399px) {
  .JS .ImgLink4col {
    margin-left: 0;
  }
  .JS .ImgLink4col li {
    display: block;
    width: 100%;
    padding-left: 0;
  }
  .JS .ImgLink4col li img {
  width: 100%;
  height: auto;
  }
}

/* ImgLink5col (画像リンク - 5列) */
.ImgLink5col {
  letter-spacing: -.4em;
  margin-left: -25px;
}
.ImgLink5col li {
  letter-spacing: normal;
	width: 20%;
  padding-left: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ImgLink5col li img {
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 995px) and (max-width: 1304px) {
	.ImgLink5col {
		margin-left: -15px;
	}
	.ImgLink5col li {
		padding-left: 15px;
	}
}
@media screen and (max-width: 994px) {
  .JS .ImgLink5col li {
    width: 33.33333%;
  }
}
@media screen and (max-width: 579px) {
  .JS .ImgLink5col {
    margin-left: -15px;
  }
  .JS .ImgLink5col li {
    display: inline-block;
    width: 50%;
    padding-left: 15px;
  }
}
@media screen and (max-width: 399px) {
  .JS .ImgLink5col {
    margin-left: 0;
  }
  .JS .ImgLink5col li {
    display: block;
    width: 100%;
    padding-left: 0;
  }
  .JS .ImgLink5col li img {
  width: 100%;
  height: auto;
  }
}

/* ImgLinkX (幅100% - 画像/テキスト 交互配置) */
.ImgLinkX {
	margin-bottom: 105px;
}
.ImgLinkX li {
	border-bottom: 1px solid #eee;
	margin-bottom: 40px;
	padding-bottom: 45px;
}
.ImgLinkX li:nth-child(odd) img {
	float: left;
}
.ImgLinkX li:nth-child(odd) .ImgLinkInner {
	float: right;
}
.ImgLinkX li:nth-child(even) img {
	float: right;
}
.ImgLinkX li:nth-child(even) .ImgLinkInner {
	float: left;
}
.ImgLinkX li:last-child {
	margin-bottom: 0;
}
.ImgLinkX img,
.ImgLinkX .ImgLinkInner {
	vertical-align: top;
	width: calc(100% / 2 - 10px);
}
.ImgLinkX .ImgLinkInner h3 {
	margin: 0 0 20px;
}
.ImgLinkX .ImgLinkInner .TextStyle1:last-child {
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.ImgLinkX img,
	.ImgLinkX .ImgLinkInner {
		width: 100%;
	}
	.ImgLinkX li img,
	.ImgLinkX li .ImgLinkInner {
		float: none;
	}
	.ImgLinkX li img {
		margin-bottom: 20px;
	}
	.ImgLinkX .ImgLinkInner h3 {
		margin-bottom: 10px;
	}
}

/* VideoLink (幅100% - 画像/テキスト 交互配置) */
.VideoLink {
	margin-bottom: 60px;
}
.VideoLink .VideoLinkInner {
	display: inline-block;
	width: calc(100% / 3 - 31px);
	margin-right: 41px;
	margin-bottom: 30px;
	vertical-align: top;
}
.VideoLink .VideoLinkInner:nth-child(3n) {
  margin-right: 0;
}
.VideoLink .VideoLinkInner:nth-last-child(-n+3) {
  margin-bottom: 0;
}
.VideoLink .VideoLinkInner a {
	color: #c02;
	font-size: 20px;
	line-height: 27px;
  text-decoration: none;
	width: 100%;
}
.VideoLink .VideoLinkInner a:hover img { /* reset img opacity */
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.VideoLink .VideoLinkInner a:hover {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.VideoLink .VideoLinkInner img {
	margin-bottom: 20px;
	width: 100%;
}
.VideoLink .VideoLinkInner span:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 36px;
	height: 36px;
	top: 50%;
	left: 50%;
	margin: -18px 0 0 -18px;
	background-color: #e60027;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	box-sizing: border-box;
	box-shadow: 0 0 0 7px rgba(230,0,39,.5);
}

@media screen and (max-width: 994px) {
	.VideoLink .VideoLinkInner {
		display: inline-block;
		width: calc(100% / 3 - 10px);
		margin-right: 9px;
		margin-bottom: 20px;
	}
	.VideoLink .VideoLinkInner:nth-child(4n) {
    margin-right: 10px;
  }
	.VideoLink .VideoLinkInner:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 579px) {
	.VideoLink .VideoLinkInner {
		display: inline-block;
		width: calc(100% / 2 - 8px);
		margin-right: 10px;
		margin-bottom: 20px;
	}
	.VideoLink .VideoLinkInner:nth-child(3n) {
    margin-right: 10px;
  }
	.VideoLink .VideoLinkInner:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 399px) {
	.VideoLink .VideoLinkInner {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
}


/* Carousel */
.Carousel {
	background-color: #e60026;
	color: #fff;
	margin-bottom: 100px;
	padding: 60px 0;
}
.Carousel h2 {
	background: none;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 36px;
	padding: 0;
}
.Carousel .Slider {
	padding-top: 10px;
}
.Carousel .Slider p {
	font-size: 20px;
	line-height: 140%;
	margin: 12px 12px 0;
}
.Carousel .Slider a {
	color: #fff;
	text-decoration: none;
}
.Carousel .Slider a:focus {
	outline: none;
}
.Carousel .Slider a:hover img:before {
	background-color: rgba(225,225,225,.6);
	content: "";
	display: block;
}
.Carousel .Slider figure {
	margin: 0 12px;
}
.Carousel .Slider figure img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}
/* object-fit (for IE) */
.Carousel .Slider figure img.object_fit_img {
	font-family: 'object-fit: cover;';
}
.Carousel .slick-list {
	margin: 0 60px;
}
.Carousel .slick-prev,
.Carousel .slick-next {
	width: 30px;
	height: 30px;
}
.Carousel .slick-prev {
	left: 0;
}
.Carousel .slick-prev:before,
.Carousel .slick-next:before {
	display: block;
	font-size: inherit;
	width: 30px;
	height: 30px;
	opacity: 1;
}
.Carousel .slick-prev:hover:before,
.Carousel .slick-next:hover:before {
	opacity: .6;
}
.Carousel .slick-prev:focus:before,
.Carousel .slick-next:focus:before {
	opacity: 1;
}
.Carousel .slick-prev:before {
	content: url(/hcrd/image/Slider_button_white_left.png);
}
.Carousel .slick-next {
	right: 0;
}
.Carousel .slick-next:before {
	content: url(/hcrd/image/Slider_button_white_right.png);
}
.Carousel .ImgOnlyStyle .RdModalVideoLink {
	display: block;
}
.Carousel .ImgOnlyStyle .RdModalVideoLink span {
	position: inherit;
}
@media screen and (max-width: 1304px) {
	.JS .Carousel .slick-list {
		margin: 0 35px;
	}
	.JS .Carousel .Slider figure img {
		height: 200px !important;
	}
}
@media screen and (max-width: 994px) {
	.JS .Carousel .Slider p {
		font-size: 16px;
	}
	.JS .Carousel .Slider figure img {
		height: 185px !important;
	}
}
@media screen and (max-width: 579px) {
	.JS .Carousel .Slider figure img {
		height: auto !important;
	}
}

/* Carousel.NoBgColor */
.Carousel.NoBgColor {
	background-color: #fff;
	color: #333;
}
.Carousel.NoBgColor h2 {
	background: url(../../../image/en/r1/balloon_down.gif) no-repeat 40px bottom;
	font-size: 110%;
	margin: 0 0 5px;
	padding: 0 0 10px 0;
}
.Carousel.NoBgColor .RdRecModalYouTubeLink:hover {cursor: pointer;}

.Carousel.NoBgColor .Slider a:link {color: #c02;}
.Carousel.NoBgColor .Slider a:visited {color: #a94657;}
.Carousel.NoBgColor .Slider p {margin: 0 12px 0 0;}
.Carousel.NoBgColor .Slider dl {margin: 0 12px 0 0;}
.Carousel.NoBgColor .slick-prev:before {content: url(/hcrd/image/Slider_button_red_left.png);}
.Carousel.NoBgColor .slick-next:before {content: url(/hcrd/image/Slider_button_red_right.png);}
@media screen and (max-width: 1304px) {
	.JS .Carousel.NoBgColor .slick-list {margin: 0 45px;}
}
@media screen and (max-width: 994px) {
	.JS .Carousel.NoBgColor .Slider p {margin: 0;}
	.JS .Carousel.NoBgColor .Slider dl {margin: 0;}
}
@media screen and (max-width: 767px) {
.JS .Carousel.NoBgColor h2 {margin: 0 -15px 5px;}
}
@media screen and (max-width: 579px) {
	.JS .Carousel.NoBgColor .Slider .ImgW120SetStyle .Img {
		float: none;
		margin: 0 auto;
	}
}


/* ---领导团队 - 管理团队---

=========================================================================================== */

#LeadersMGIndex.HeroTitle {
	background: url("/hcrd/about/leaders_mg/image/management.jpg") no-repeat 0 0 / cover;
	/*height: 300px;*/
}
@media screen and (max-width: 767px) {
	#LeadersMGIndex.HeroTitle {
		background: url("/hcrd/about/leaders_mg/image/management.jpg") no-repeat center 0 / auto 100%;
	} }
/*
#LeadersMGIndex.HeroTitle .Grid4.inner {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 300px;
	padding: 0 0 0 40px;
}
@media screen and (max-width: 767px) {
	#LeadersMGIndex.HeroTitle .Grid4.inner {
		display: block;
		height: 300px;
		padding-left: 0;
		position: relative;
	} }
#LeadersMGIndex.HeroTitle h1 {
	background-color: #e60026;
	padding: 5px 20px 12px;
}
@media screen and (max-width: 965px) {
	#LeadersMGIndex.HeroTitle h1 .Title {
		font-size: 300%;
	} }
@media screen and (max-width: 767px) {
	#LeadersMGIndex.HeroTitle h1 {
		box-sizing: border-box;
		margin-bottom: 0;
		padding: 5px 20px 10px;
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	#LeadersMGIndex.HeroTitle h1 .Title {
		font-size: 120%;
		line-height: 160%;
	} }
#LeadersMGIndex.HeroTitle h1:after {
	background: none;
	content: "";
	display: block;
	margin-top: auto;
	width: auto;
	height: auto;
}
*/
#leaders_mg .h2title {
	background: none;
	color: #333;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
	#leaders_mg .h2title {
		font-size: 140%;
		margin-bottom: 30px !important;
	} }
#leaders_mg .flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
#leaders_mg .member_box {
	margin: 0 auto 60px;
	padding: 0 80px 0 80px;
	width: 800px;
}
@media screen and (max-width: 994px) {
	#leaders_mg .member_box {
		margin: 0 auto 60px;
		padding: 0 10% 0 10%;
		width: 80%;
	} }
@media screen and (max-width: 767px) {
	#leaders_mg .member_box {
		margin: 0 auto 50px;
		padding: 0 5% 0 5%;
		width: 90%;
	} }
@media screen and (max-width: 767px) {
	#leaders_mg .member_box.flex {
		display: block;
	} }
#leaders_mg .leader {
	background-color: #f5f5f5;
	padding-top: 60px;
	padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
	#leaders_mg .leader {
		padding-top: 20px;
		padding-bottom: 10px;
	} }
#leaders_mg .member_box .photo {
	vertical-align: top;
	width: 20%;
}
@media screen and (max-width: 767px) {
	#leaders_mg .member_box .photo {
		text-align: center;
		width: 100%;
	} }
#leaders_mg .member_box .photo img {width:160px;}
@media screen and (max-width: 767px) {
	#leaders_mg .member_box .photo img {
		margin-left: auto;
		margin-right: auto;
	} }
#leaders_mg .member_box .profile {
	margin-left: 40px;
	width: calc(100% - 20% - 40px);
}
@media screen and (max-width: 767px) {
	#leaders_mg .member_box .profile {
		margin-left: 0;
		width: 100%;
	} }
#leaders_mg .member_box .name {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
#leaders_mg .member_box .position {
	color: #808080;
	font-size: 13px;
	margin-bottom: 15px;
}
#leaders_mg .member_box .affiliation {
	border: 1px solid #dcdcdc;
	display: inline-block;
	font-size: 12px;
	margin-bottom: 15px;
	padding: 6px 10px 4px 10px;
}
#leaders_mg .member_box .text {
	text-align: justify;
	text-justify: inter-word;
}
@media screen and (max-width: 767px) {
	#leaders_mg .member_box .text {
		text-align: left;
		text-justify: none;
	} }
#leaders_mg .leader .text {
	font-size: 16px;
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	#leaders_mg .leader .text {
		font-size: 90%;
	} }



/* ---Our leaders : Technology & Design---

=========================================================================================== */

#leaders_td {
	padding: 110px 158px 100px 157px;
	width: 960px;
}
@media screen and (max-width: 1366px) {
	#leaders_td {
		box-sizing: border-box;
		padding: 110px 158px 100px 157px;
		width: 100%;
	} }
@media screen and (max-width: 1200px) {
	#leaders_td {
		padding: 110px 10% 100px 10%;
		width: 100%;
	} }
@media screen and (max-width: 995px) {
	#leaders_td {
		padding: 110px 1% 100px 1%;
	} }
@media screen and (max-width: 767px) {
	#leaders_td {
		padding: 50px 1% 100px 1%;
	} }

#leaders_td .leaders_td {
	display: table;
	margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
	#leaders_td .leaders_td {
		display: block;
	} }

#leaders_td .leaders_td .photo {
	display: table-cell;
	width: 240px;
}
@media screen and (max-width: 767px) {
	#leaders_td .leaders_td .photo {
		display: block;
		width: 100%;
	} }

#leaders_td .leaders_td .profile {
	display: table-cell;
	padding-left: 40px;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	#leaders_td .leaders_td .profile {
		display: block;
		padding-left: 0;
		vertical-align: middle;
	} }

#leaders_td .leaders_td .label {
	background-color: #f2f2f2;
	display: inline-block;	
	margin-bottom: 5px;
	padding: 5px 20px;
}
@media screen and (max-width: 767px) {
	#leaders_td .leaders_td .label {
		padding: 4px 15px;
	} }

#leaders_td .leaders_td .name {
	display: block;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	#leaders_td .leaders_td .name {
		font-size: 24px;
	} }

#leaders_td .leaders_td .position {
	color: #808080;
	font-size: 83%;
}

/* tab */
#leaders_td .tab_nav_pc {margin-bottom: 60px;}
#leaders_td .tab_nav_sp {display: none;}
@media screen and (max-width: 767px) {
	#leaders_td .tab_nav_pc {
		display: none;
		margin-bottom: 0;
	}
	#leaders_td .tab_nav_sp {
		display: block;
		margin-bottom: 60px;
		position: relative;
		width: 100%;
	} }

#leaders_td .tab_nav {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
}
@media screen and (max-width: 995px) {
	#leaders_td .tab_nav {
		font-size: 92%;
	} }
@media screen and (max-width: 767px) {
	#leaders_td .tab_nav {
		display: block;
		margin-bottom: 60px;
	} }

#leaders_td .tab_nav li {
	width: 100%;
}

#leaders_td .tab_nav.ver2 li:nth-of-type(1) {width: 20%;}
#leaders_td .tab_nav.ver2 li:nth-of-type(2) {width: 25%;}
#leaders_td .tab_nav.ver2 li:nth-of-type(3) {width: 35%;}
#leaders_td .tab_nav.ver2 li:nth-of-type(4) {width: 20%;}

#leaders_td .tab_nav li a {
	border-bottom: 2px solid rgba(230,0,38,0.1);
	box-sizing: border-box;
	color: #333;
	display: block;
	padding: 15px 0;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

#leaders_td .tab_nav li.Current a,
#leaders_td .tab_nav li a:hover {
	border-bottom: 2px solid rgba(230,0,38,1);
	color: #cc0022;
	transition-duration: .5s;
}

/* tab_select */
#leaders_td .tab_nav_sp::after {
	border-bottom: 0.5vw solid #c02;
	border-right: 0.5vw solid #c02;
	content: "";
	height: 2.0vw;
	right: 5vw;
	position: absolute;
	top: 4vw;
	-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	width: 2.0vw;
}

#leaders_td select::-ms-expand {display: none;}
#leaders_td .tab_select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-bottom: 2px solid rgba(230,0,38,1);
	box-sizing: border-box;
	color: #cc0022;
	cursor: pointer;
	display: block;
	font-size: 3.5vw;
	outline: none;
	padding: 15px 10px;
	position: relative;
	width: 100%;
}

#leaders_td .tab_select option {
	color: #333;
	cursor: pointer;
	display: block;
	padding: 20px 10px;
}

/* h2 */
#leaders_td .h2title {
	background: none;
	color: #333;
	font-size: 180%;
	font-weight: bold;
	margin-bottom: 30px;
}
@media screen and (max-width: 580px) {
	#leaders_mg .h2title {
		font-size: 120%;
		margin-bottom: 30px !important;
	} }

#leaders_td .h2title.underline {
	border-bottom: 2px solid #f5f5f5;
	padding-bottom: 20px;
}


/* text_box */
#leaders_td .text_box {padding: 0 120px;}
@media screen and (max-width: 768px) {
	#leaders_td .text_box {
		padding: 0;
	} }

#leaders_td .text_box p {
	margin-bottom: 25px;
	text-align: left;
	text-justify: inter-word;
}

/* list */
#leaders_td .LinkListStyle1.related {font-size: 100%;}
#leaders_td .LinkListStyle1.related li {margin-bottom: 10px;}
#leaders_td .DateListStyle2 {margin-bottom: 40px;}
#leaders_td .DateListStyle2 dt {padding-top: 0;}
#leaders_td .DateListStyle2 dt,
#leaders_td .DateListStyle2 dd {border: none;}
@media screen and (max-width: 580px) {
	#leaders_td .DateListStyle2 dd {padding-bottom: 10px;} }


/* ---Careers---

=========================================================================================== */

#CareersIndex.HeroTitle {
	background: url("/hcrd/careers/image/pageimage.jpg") no-repeat 0 0 / cover;
	/*height: 300px;*/
}
@media screen and (min-width: 995px) and (max-width: 1304px) {
	#CareersIndex.HeroTitle {
		background: url("/hcrd/careers/image/pageimage.jpg") no-repeat center 0 / auto 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 1304px) {
	#CareersIndex.HeroTitle {
		margin-bottom: 105px;
	}
}
@media screen and (max-width: 767px) {
	#CareersIndex.HeroTitle {
		background: url("/hcrd/careers/image/pageimage.jpg") no-repeat 95% 0 / auto 100%;
	}

}

.QuotationTitle {
	font-style: italic;
	position: relative;
	margin: 80px auto 100px;
	width: 500px;
}
.QuotationTitle:before,
.QuotationTitle:after {
	display: block;
	position: absolute;
}
.QuotationTitle:before {
	content: url(/hcrd/careers/image/quote_left.png);
	left: -50px;
}
.QuotationTitle:after {
	content: url(/hcrd/careers/image/quote_right.png);
	right: -50px;
}
.QuotationTitle h2 {
	background: none;
	font-size: 26px;
}
.QuotationTitle p {
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	.QuotationTitle {
		margin-bottom: 50px;
		width: 70%;
	}
}

.FollowLinkedIn {
	margin-bottom: 40px;
}
.FollowLinkedIn h2 {
	margin-bottom: 20px;
	padding-bottom: 0;
}
.FollowLinkedIn .LinkListStyle1 {
	font-size: 18px;
}


/* ---common elements---

=========================================================================================== */

.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb100 {margin-bottom: 100px !important;}

.fLeft {float: left;}
.fRight {float: right;}

.dInlineBlock {display: inline-block;}