@charset "utf-8";
/*------------------------------------------------------------
------------------------------------------------------------
	英語版研究ハイライト用CSS（2018～2020年で利用）
------------------------------------------------------------
------------------------------------------------------------*/

/* CSS Document */
.pcView div#mainBody {
  width: 100%;
}

@media screen and (min-width: 897px) {
  .pcView .englishSkin div#mainBody {
    max-width: initial;
  }

  .pcView div.ContentPane {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 20px;
    background-color: #fff;
  }

}

.pcView div#contentWrap {
  position: relative;
}

.pcView div#PagetitlePane h1 {
  background: none !important;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


/* ---------------------------------------------------------
 背景色の設定（Dark）
--------------------------------------------------------- */
.pcView div#PagetitlePane::before {
  background-color: rgba(4, 9, 34, 0.05);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
  height: 560px;
}

.spView div#PagetitlePane::before {
  background-color: rgba(4, 9, 34, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
  height: calc(70vh - 86px);
  height: -webkit-calc(70vh - 86px);
}

/* ---------------------------------------------------------
 画像のViewPoint設定
--------------------------------------------------------- */
.pcView div.h1-wrapper {
  width: 1000px;
  max-height: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: 20;
}

.pcView div.h1-wrapper img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.spView div.h1-wrapper {
  width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: 20;
}

.spView div.h1-wrapper img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

/* ---------------------------------------------------------
 領域アイコン
--------------------------------------------------------- */
.pcView div.h1-wrapper div.h1-departContent {
  position: absolute;
  top: 29px;
  left: 0;
  text-align: left;
}

.spView div.h1-wrapper div.h1-departContent {
  position: absolute;
  top: 10px;
  left: 5px;
  text-align: left;
}

/* ---------------------------------------------------------
 領域アイコン
--------------------------------------------------------- */
div.h1-wrapper div.h1-depart {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  letter-spacing: -0.5px;
}

div.h1-wrapper div.enveneIcon::before {
  content: url(/Portals/0/resource_images/aist_j/research/highlights/2018/images/envene_icon.png);
  margin-right: 5px;
  position: relative;
  top: 2px;
}

div.h1-wrapper div.lsbtIcon::before {
  content: url(/Portals/0/resource_images/aist_j/research/highlights/2018/images/lsbt_icon.png);
  margin-right: 5px;
  position: relative;
  top: 2px;
}

div.h1-wrapper div.ithfIcon::before {
  content: url(/Portals/0/resource_images/aist_j/research/highlights/2018/images/ithf_icon.png);
  margin-right: 5px;
  position: relative;
  top: 2px;
}

div.h1-wrapper div.mcIcon::before {
  content: url(/Portals/0/resource_images/aist_j/research/highlights/2018/images/mc_icon.png);
  margin-right: 5px;
  position: relative;
  top: 2px;
}

div.h1-wrapper div.elmaIcon::before {
  content: url(/Portals/0/resource_images/aist_j/research/highlights/2018/images/elma_icon.png);
  margin-right: 5px;
  position: relative;
  top: 4px;
}

div.h1-wrapper div.gsjIcon::before {
  content: url(/Portals/0/resource_images/aist_j/research/highlights/2018/images/gsj_icon.png);
  margin-right: 5px;
  position: relative;
  top: 3px;
}

div.h1-wrapper div.nmijIcon::before {
  content: url(/Portals/0/resource_images/aist_j/research/highlights/2018/images/nmij_icon.png);
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.pcView div.h1-wrapper div.h1-depart {
  font-size: 1.39rem;
}

/* ---------------------------------------------------------
 タイトル・研究者名
--------------------------------------------------------- */
.pcView div.h1-wrapper div.h1-textContent {
  position: absolute;
  top: 180px;
  margin: 0 auto;
  width: 1000px;
}

.pcView div.h1-wrapper div.en-overflow {
  top: 160px;
}

.spView div.h1-wrapper div.h1-textContent {
  margin: 0 auto;
}

div.h1-wrapper div.pem {
  padding-top: 3em;
}

/* ---------------------------------------------------------
 縦長画像配置
--------------------------------------------------------- */
.pcView #contentWrap .contents .sideImage img {
  max-width: 250px;
}

.pcView #contentWrap .contents .sideImage::after {
  clear: both;
}

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

モバイル設定＆PC897px以下設定

---------------------------------------------------------------------
------------------------------------------------------------------- */
.spView div#mainBody {
  width: 100%;
}

.spView div#contentWrap {
  position: relative;
}

.spView div#PagetitlePane h1 {
  background: none !important;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width: 896px) {
  .pcView div#mainBody {
    width: 100%;
  }

  .pcView div#contentWrap {
    position: relative;
  }

  .pcView div#PagetitlePane h1 {
    background: none !important;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}

/* ---------------------------------------------------------
 タイトル・研究者名
--------------------------------------------------------- */
.spView div.h1-wrapper div.h1-text {
  text-align: center;
  margin: 0 auto;
}

.spView div.h1-wrapper div.h1-signature {
  text-align: center;
  margin: 0 auto;
}

@media screen and (min-width: 897px) {
  .pcView div.h1-wrapper div.h1-text {
    text-align: center;
    margin: 0 auto;
  }

  .pcView div.h1-wrapper div.h1-signature {
    text-align: center;
    margin: 0 auto;
  }
}

/* ---------------------------------------------------------
 縦向きの場合のスタイル
--------------------------------------------------------- */
@media screen and (orientation: portrait) {
  .spView div.h1-wrapper div.h1-textContent {
    padding-top: 20vh;
    /*padding-top: 48%;*/
    max-width: 86vw;
  }

  .spView div.h1-wrapper div.h1-depart {
    font-size: 1.16rem;
  }

  .spView div.h1-textContent div.h1-title {
    font-size: 2.0rem;
  }

  .spView div.h1-textContent div.h1-subtitle {
    font-size: 1.385rem;
    margin: 20px auto 0;
    max-width: 80vw;
  }

  .spView div.h1-textContent div.h1-signature {
    display: none;
  }

  /*.spView div.h1-textContent div.h1-signature { margin: 13px auto 0; max-width: 90vw; display: none;}
	.spView div.h1-textContent div.h1-signature ul li { display: block; margin: 0; }
	.spView div.h1-textContent div.h1-signature span.depart { font-size: 1.077rem; }
	.spView div.h1-textContent div.h1-signature span.researcher { font-size: 1.385rem; }*/
  .spView span.spH-br::before {
    content: "\A";
    white-space: pre;
  }

  /*英語版研究者名*/
  .spView div.h1-textContent div.en-h1-signature span.researcher {
    margin: 10px 0 7px 0;
    display: inline-block;
    line-height: 180%;
  }

  .spView div.h1-wrapper div.en2-h1-textContent {
    padding-top: 30%;
  }

  .spView div.h1-wrapper div.en3-h1-textContent {
    padding-top: 50%;
  }

  .spView div.h1-wrapper div.en4-h1-textContent {
    padding-top: 40%;
  }

}

/*------------------------------
PC版 画面サイズ896px以下のスタイル (sp版縦向きの場合のスタイルと同じ)
------------------------------*/
@media screen and (max-width: 896px) {

  .pcView div#PagetitlePane::before {
    display: none;
  }

  .pcView div.h1-wrapper {
    width: 100%;
  }

  .pcView div.h1-wrapper div.h1-textContent {
    background-color: rgba(4, 9, 34, 0.05);
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    overflow: hidden;
  }

  .pcView div.h1-wrapper div.h1-depart {
    font-size: 1.16rem;
  }

  .pcView div.h1-wrapper div.h1-departContent {
    left: 10px;
    top: 10px;
  }

  .pcView div.h1-textContent div.h1-title {
    font-size: clamp(1.2rem, 2rem + 1vw, 2rem);
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .pcView div.h1-textContent div.h1-subtitle {
    font-size: 1.385rem;
    margin: 20px auto 0;
    max-width: 80vw;
  }

  .pcView div.h1-textContent div.h1-signature {
    display: none;
  }

  /*.spView div.h1-textContent div.h1-signature { margin: 13px auto 0; max-width: 90vw; display: none;}
	.spView div.h1-textContent div.h1-signature ul li { display: block; margin: 0; }
	.spView div.h1-textContent div.h1-signature span.depart { font-size: 1.077rem; }
	.spView div.h1-textContent div.h1-signature span.researcher { font-size: 1.385rem; }*/
  .pcView span.spH-br::before {
    content: "\A";
    white-space: pre;
  }

  /*英語版研究者名*/
  .pcView div.h1-textContent div.en-h1-signature span.researcher {
    margin: 10px 0 7px 0;
    display: inline-block;
    line-height: 180%;
  }

  .pcView div.h1-wrapper div.en2-h1-textContent {
    padding-top: 30%;
  }

  .pcView div.h1-wrapper div.en3-h1-textContent {
    padding-top: 50%;
  }

  .pcView div.h1-wrapper div.en4-h1-textContent {
    padding-top: 40%;
  }
}


/*-------------------------------------------------*/
/* 画面サイズ：350px*/
@media screen and (max-width:350px) {
  .spView div.h1-wrapper div.h1-textContent {
    padding-top: 18vh;
    /*padding-top: 48%;*/
    max-width: 94vw;
  }

  .spView div.h1-wrapper div.h1-depart {
    font-size: 1.0rem;
  }

  .spView div.h1-wrapper div.en-h1-textContent {
    padding-top: 30%;
  }

  .spView div.h1-wrapper div.en2-h1-textContent {
    padding-top: 25%;
  }

  .spView div.en2-h1-textContent div.h1-signature {
    margin: 0 auto;
    max-width: 90vw;
  }

  .spView div.h1-textContent div.en2-h1-signature span.researcher {
    margin: 5px 0 7px 0;
    display: inline-block;
    line-height: 150%;
  }

  .spView div.h1-textContent div.h1-title {
    font-size: 1.75rem !important;
  }

  .spView div.h1-textContent div.h1-subtitle {
    font-size: 1.153rem !important;
    margin: 15px auto 0;
    max-width: 80vw;
  }

  .spView div.h1-textContent div.signatureSmall span.depart {
    font-size: 0.846rem !important;
  }

  .spView div.h1-textContent div.signatureSmall span.researcher {
    font-size: 1.154rem !important;
  }

  .spView div.h1-textContent div.h1-signature span.depart {
    font-size: 0.923rem;
  }

  .spView div.h1-textContent div.h1-signature span.researcher {
    font-size: 1.23rem;
  }

  .spView div.h1-textContent div.h1-signature span.xs {
    font-size: 0.615rem !important;
  }

}

/* ---------------------------------------------------------
 横向きの場合のスタイル
--------------------------------------------------------- */
@media screen and (max-height:350px) {
  .spView div.h1-wrapper div.h1-textContent {
    padding-top: 22vh !important;
  }

  .spView div.h1-wrapper div.en2-h1-textContent {
    padding-top: 16vh;
  }

  .spView div.h1-wrapper div.en3-h1-textContent {
    padding-top: 16vh;
  }

  .spView div.h1-wrapper div.en4-h1-textContent {
    padding-top: 16vh;
  }

  .spView div.h1-textContent div.signatureSmall span.depart {
    font-size: 0.846rem !important;
  }

  .spView div.h1-textContent div.signatureSmall span.researcher {
    font-size: 1.154rem !important;
  }

  .spView div.h1-textContent div.h1-signature ul {
    padding: 0 !important;
  }

  .spView div.en2-h1-textContent div.en-h1-signature span.researcher {
    margin: 10px 0 3px 0;
    display: inline-block;
  }
}

@media screen and (orientation: landscape) {
  .spView div.h1-wrapper div.h1-textContent {
    padding-top: 25vh !important;
  }

  .spView div.h1-wrapper div.en2-h1-textContent {
    padding-top: 25vh !important;
  }

  .spView div.h1-wrapper div.h1-depart {
    font-size: 1.154rem;
  }

  .spView div.h1-textContent div.h1-title {
    font-size: 1.47rem !important;
  }

  .spView div.h1-textContent div.h1-subtitle {
    font-size: 1.231rem;
    margin: 7px auto 0;
    max-width: 84vw;
  }

  .spView div.h1-textContent div.h1-signature {
    margin: 5px auto 0;
  }

  .spView div.h1-textContent div.h1-signature ul li {
    display: inline-block;
    margin: 5px 10px;
  }

  .spView div.h1-textContent div.h1-signature span.depart {
    font-size: 0.846rem;
  }

  .spView div.h1-textContent div.h1-signature span.researcher {
    font-size: 1.231rem;
  }

  .spView span.spW-br::before {
    content: "\A";
    white-space: pre;
  }

  /*英語版研究者名*/
  .spView div.h1-textContent div.en-h1-signature span.researcher {
    margin: 20px 0 3px 0;
    display: inline-block;
  }
}

/* ---------------------------------------------------------
 フォント指定
--------------------------------------------------------- */
div.h1-textContent div.h1-title,
div.h1-textContent div.h1-subtitle {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #fff;
  font-weight: 600;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  letter-spacing: -0.5px;
}

div.h1-textContent div.h1-signature {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.h1-textContent div.h1-signature ul {
  margin: 0;
  padding: 1em 0 0;
}

div.h1-textContent div.h1-signature ul:nth-child(2) {
  padding: 0;
}

div.h1-textContent div.h1-signature {
  color: #fff;
  line-height: 150%;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.50);
  max-width: 800px;
  margin: 0 auto;
}

div.h1-textContent div.h1-signature span.depart {
  margin: 0 5px 0 0;
  letter-spacing: -0.5px;
  line-height: 180%;
}

div.h1-textContent div.h1-signature span.researcher {
  margin: 0 0 0 5px;
}

div.h1-textContent div.h1-signature span.depart {
  margin: 0 5px 0 0;
  letter-spacing: -0.5px;
  line-height: 180%;
}

.pcView div.h1-textContent div.h1-title {
  font-size: 3.15rem;
  max-width: 1000px;
  line-height: 140%;
  margin: 0 auto;
}

.pcView div.h1-textContent div.h1-subtitle {
  font-size: 2.08rem;
  max-width: 840px;
  line-height: 150%;
  margin: 20px auto 0;
}

.spView div.h1-textContent div.h1-title {
  line-height: 140%;
}

.spView div.h1-textContent div.h1-subtitle {
  line-height: 160%;
}

.pcView div.h1-textContent div.h1-signature {
  max-width: 840px;
  margin: 43px auto 0;
}

.pcView div.h1-textContent div.h1-signature.wide {
  max-width: 960px;
}

.pcView div.h1-textContent div.h1-signature.narrow {
  max-width: 760px;
}

.pcView div.h1-textContent div.h1-signature ul li {
  display: inline-block;
  margin: 10px;
}

.pcView div.h1-textContent div.h1-signature ul li.en {
  text-align: left;
}

.pcView div.h1-textContent div.h1-signature ul li.team {
  margin: 0;
}

.pcView div.h1-textContent div.h1-signature span.depart {
  font-size: 1.231rem;
}

.pcView div.h1-textContent div.h1-signature span.depart.team {
  font-size: 1.45rem;
}

.pcView div.h1-textContent div.h1-signature span.researcher {
  font-size: 1.93rem;
}

.pcView div.h1-textContent div.h1-signature span.en-overflow {
  line-height: 2.8rem;
}

.pcView div.h1-textContent div.h1-signature span.en-depart {
  margin-top: 10px;
  display: block;
}

.pcView div.h1-textContent div.h1-signature span.en {
  margin-top: 5px;
}

/* ---------------------------------------------------------
 フォント指定　-英語版研究者、所属
--------------------------------------------------------- */

/* ---------------------------------------------------------
 フォント指定　-特殊文字
--------------------------------------------------------- */
div.h1-textContent span.force-text {
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/* ---------------------------------------------------------
 改行指定
--------------------------------------------------------- */
.pcView span.pc-br::before {
  content: "\A";
  white-space: pre;
}

.spView span.sp-br::before {
  content: "\A";
  white-space: pre;
}

/* ---------------------------------------------------------
 文字列揃え-縦向きの場合のスタイル
--------------------------------------------------------- */
@media screen and (orientation: portrait) {
  .spView div.h1-textContent div.h1-signature span.rs1em {
    margin-right: 1em;
  }

  .spView div.h1-textContent div.h1-signature span.rs1-5em {
    margin-right: 1.5em;
  }

  .spView div.h1-textContent div.h1-signature span.rs2em {
    margin-right: 2em;
  }

  .spView div.h1-textContent div.h1-signature span.rs2-5em {
    margin-right: 2.5em;
  }

  .spView div.h1-textContent div.h1-signature span.rs4-5em {
    margin-right: 4.5em;
  }

  .spView div.h1-textContent div.h1-signature span.rs-05em {
    margin-right: -0.5em;
  }
}

/* ---------------------------------------------------------
 研究テーマに関するお問合せ先
--------------------------------------------------------- */
@media screen and (min-width: 897px) {
  .pcView div.Researcher-Wapper {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-content: stretch;
    margin-bottom: 30px;
  }

  .pcView div.Researcher-Wapper div.ResearcherPhoto {
    align-content: stretch;
    margin-right: 10px;
  }

  .pcView div.Researcher-Wapper div.ResearcherPhoto img {
    max-width: 150px;
    height: auto;
  }

  .pcView div.Researcher-Wapper div.ResearcherEx {
    align-content: stretch;
    flex-basis: 100%;
  }

  .pcView div.Researcher-Wapper div.ResearcherEx h5 {
    padding-left: 0;
  }

  .pcView div.Researcher-Wapper div.ResearcherEx div.ResearcherAddress {
    margin-top: 15px;
  }

  .pcView div.Researcher-Wapper div.ResearcherEx span.OrderLU::after {
    content: "\FF08\5DE6\FF09";
  }

  .pcView div.Researcher-Wapper div.ResearcherEx span.OrderRB::after {
    content: "\FF08\53F3\FF09";
  }

  .pcView div.Researcher-Wapper div.ResearcherEx span.OrderCM::after {
    content: "\FF08\4E2D\592E\FF09";
  }
}

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

@media screen and (max-width: 896px) {
  .pcView div.Researcher-Wapper {
    margin: 0 10px 30px;
  }

  .pcView div.Researcher-Wapper div.ResearcherPhoto img {
    padding: 0 35px;
  }

  .pcView div.Researcher-Wapper div.ResearcherPhoto {
    margin-bottom: 20px;
  }

  .pcView div.Researcher-Wapper div.ResearcherEx span.OrderLU::after {
    content: "\FF08\4E0A\FF09";
  }

  .pcView div.Researcher-Wapper div.ResearcherEx span.OrderRB::after {
    content: "\FF08\4E0B\FF09";
  }

  .pcView div.Researcher-Wapper div.ResearcherEx span.OrderCM::after {
    content: "\FF08\4E2D\592E\FF09";
  }

  .pcView div.hlPhotoArea {
    margin-top: 15px;
  }
}

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

.spView div.Researcher-Wapper {
  margin: 0 10px 30px;
}

.spView div.Researcher-Wapper div.ResearcherPhoto img {
  padding: 0 35px;
}

.spView div.Researcher-Wapper div.ResearcherPhoto {
  margin-bottom: 20px;
}

.spView div.Researcher-Wapper div.ResearcherEx span.OrderLU::after {
  content: "\FF08\4E0A\FF09";
}

.spView div.Researcher-Wapper div.ResearcherEx span.OrderRB::after {
  content: "\FF08\4E0B\FF09";
}

.spView div.Researcher-Wapper div.ResearcherEx span.OrderCM::after {
  content: "\FF08\4E2D\592E\FF09";
}

.spView div.hlPhotoArea {
  margin-top: 15px;
}


/* ---------------------------------------------------------
 研究テーマに関するお問合せ先 -英語版-
--------------------------------------------------------- */
.pcView div.Researcher-Wapper div.ResearcherEx p.en {
  font-weight: bold;
}

.pcView div.Researcher-Wapper div.ResearcherEx span.pos {
  font-size: 1rem !important;
}

.pcView div.Researcher-Wapper div.ResearcherEx span.OrderLUen::after {
  content: "\0020(left)";
  font-size: 1.0rem !important;
}

.pcView div.Researcher-Wapper div.ResearcherEx span.OrderRBen::after {
  content: "\0020(Right)";
  font-size: 1.0rem !important;
}

.pcView div.Researcher-Wapper div.ResearcherEx span.OrderCMen::after {
  content: "\0020(Center)";
  font-size: 1.0rem !important;
}

.spView div.Researcher-Wapper div.ResearcherEx span.OrderLUen::after {
  content: "\0020(Upper)";
  font-size: 1.0rem !important;
}

.spView div.Researcher-Wapper div.ResearcherEx span.OrderRBen::after {
  content: "\0020(Lower)";
  font-size: 1.0rem !important;
}

.spView div.Researcher-Wapper div.ResearcherEx span.OrderCMen::after {
  content: "\0020(Middle)";
  font-size: 1.0rem !important;
}

/* ---------------------------------------------------------
 ポイント、背景、新たな成果、今後の展開 
--------------------------------------------------------- */
@media screen and (min-width: 897px) {
  .pcView div.hlPoint {
    padding: 0 10px;
  }

  .pcView div.hlPoint p {
    padding: 0 5px 15px;
  }

  .pcView div.hlPoint-Content {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    align-content: stretch;
    margin: 20px 0;
  }


  div.hlPoint-Content div.hlTextArea-Wapper {
    width: 460px;
    height: auto;
    align-content: stretch;
    margin: 0 10px;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /*border: 1px #999 solid;*/
  }


  div.hlPoint-Content div.hlTextArea-Wapper div.hlTextArea {
    align-content: stretch;
    /*width: 410px;*/
    height: auto;
  }

  div.hlPoint-Content div.hlTextArea-Wapper div.hlTextArea p {
    padding: 0 5px;
  }

  div.hlPoint-Content div.hlTextArea-Wapper.column {
    width: 960px;
  }
}

/* 1カラム */
/*.pcView div.hlPoint-Content div.hlTextArea-Wapper.column div.hlTextArea { width: 890px; } */

div.contents h2,
h2.en-h2 {
  position: relative;
  border-top: solid 1px #cf0010;
  border-bottom: solid 1px #cf0010;
  line-height: 1.4;
  padding: 0.5em 0.1em 0.3em 0.25em;
  background: none;
  margin-top: 22px;
}

div.contents h2::after,
h2.en-h2::after {
  position: absolute;
  background: #cf0010;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 7px 12px 4px;
  font-size: 1.0rem;
  line-height: 1;
}

div.contents:first-child h2.tab_01::after {
  content: '\30DD\30A4\30F3\30C8';
}

/* ポイント */
div.hlPoint-Content div.hlTextArea-Wapper div.hlTextArea h2.tab_02::after {
  content: '\80CC\666F';
}

/* 背景 */
div.hlPoint-Content div.hlTextArea-Wapper div.hlTextArea h2.tab_03::after {
  content: '\65B0\305F\306A\6210\679C';
}

/* 新たな成果 */
div.hlPoint-Content div.hlTextArea-Wapper div.hlTextArea h2.tab_04::after {
  content: '\4ECA\5F8C\306E\5C55\958B';
}

/* 今後の展開 */

.pcView div.hlPoint-Content div.hlPhotoArea {
  align-content: stretch;
  margin: 0 10px;
  text-align: center;
}

.pcView div.hlPoint-Content div.hlPhotoArea img {
  max-width: 460px;
  width: 100%;
  height: auto;
}

.pcView div.hlOrder-01 {
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

.pcView div.hlOrder-02 {
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}

/* ---------------------------------------------------------
 Key point、Background、New results、Future research plans 
--------------------------------------------------------- */
h2.en-h2 {
  font-size: 154%;
}

h2.en-tab_01::after {
  content: 'Key\a0point';
}

/* Key point */
div.hlPoint-Content div.hlTextArea-Wapper div.hlTextArea h2.en-tab_02::after {
  content: 'Background';
}

/* Background */
div.hlPoint-Content div.hlTextArea-Wapper div.hlTextArea h2.en-tab_03::after {
  content: 'New\a0results';
}

/* New results */
div.hlPoint-Content div.hlTextArea-Wapper div.hlTextArea h2.en-tab_04::after {
  content: 'Future\00a0 development';
}

/* Future development */

/* ---------------------------------------------------------
Full HD Display用 
--------------------------------------------------------- */
@media screen and (min-width:1921px) {
  .pcView div#PagetitlePane {
    height: 620px !important;
  }

  .pcView div#PagetitlePane::before {
    height: 620px !important;
  }
}

/* ---------------------------------------------------------
写真のキャプション
--------------------------------------------------------- */
div.hlPhotoArea .caption {
  font-size: 90%;
  text-align: right;
  margin-top: 5px;
}



/* ---------------------------------------------------------
20250711追記　英語版
--------------------------------------------------------- */
.englishSkin #mainBody #contentWrap {
  max-width: initial;
}