@charset "UTF-8";
/* Description: initial setting */
/*============================================
TOP
============================================*/
.NewsArea { overflow: hidden; }

.NewsArea h2 { font-size: 16px; font-weight: normal; padding: 45px 0; }

.TopTopcs { width: 47.5%; float: left; }

.TopRecentPapers { width: 47.5%; float: right; }

.NewsArea h3 { font-size: 20px; color: #ad1f1f; font-weight: bold; margin-bottom: 20px; }

.NewsArea h3 span { font-weight: normal; font-size: 14px; padding-left: 20px; }

.NewsArea dl { border-bottom: solid 1px #d7d8d8; padding: 15px 0px; font-size: 12px; width: 100%; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

.NewsArea ul.MoreList01 { border-top: 1px solid #000; }

.NewsArea ul.MoreList02 { display: none; }

.NewsArea ul li { background: url(../images/common/arrow_red.png) no-repeat 98% 50%; background-size: 10px; padding-right: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.NewsArea dl dt { width: 23%; float: left; }

#en .NewsArea dl dt { width: 25%; float: left; }

.NewsArea dl dd { width: 73%; float: left; }

.NewsArea dl dd a { text-decoration: none; }

.NewsArea .MoreBt { text-align: right; padding-top: 25px; }

.NewsArea .MoreBt { line-height: 3.5em; }

.NewsArea #TgBt.open .Bt_under { background: url(../images/common/arrow_black03.png) no-repeat 90% 50%; background-size: 13px; }

.NewsArea #TgBt.open .Bt_under:hover { background: url(../images/common/arrow_white03.png) no-repeat 90% 50% #ad0022; background-size: 13px; }

.LinkRec { height: 150px; background: url(https://s.yimg.jp/i/docs/research_lab/2019/images/index/PC_recruit_bnr_bg.png) no-repeat; background-size: cover; display: block; margin-top: 65px; }

/*20160520変更箇所開始*/
.LinkRec a { display: block; padding: 42px 0 0 70px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*20160520変更箇所終了*/
.LinkRec a:hover { background-color: rgba(255, 255, 255, 0.3); }

@media (max-width: 1050px) { .NewsArea dl dt { width: 100%; float: none; }
  #en .NewsArea dl dt { width: 100%; float: none; }
  .NewsArea dl dd { width: 100%; float: none; }
  #en .NewsArea dl dd { width: 100%; float: none; }
  .NewsArea ul li a { text-decoration: none; }
  .LinkRec { width: auto; height: 150px; background: url(https://s.yimg.jp/i/docs/research_lab/2019/images/index/PC_recruit_bnr_bg.png) no-repeat; background-size: cover; display: block; margin: 65px 10px 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; }
  /*20160520変更箇所開始*/
  .LinkRec a { display: block; padding: 45px 0 0 70px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  /*20160520変更箇所終了*/
  .LinkRec a:hover { background-color: rgba(255, 255, 255, 0.3); } }

@media (max-width: 767px) { .TopShortcut ul li { width: 48%; display: block; margin-right: 4%; float: left; margin-bottom: 20px; }
  .TopShortcut ul li:nth-child(2n) { margin-right: 0px; }
  .TopShortcut ul li a { height: 150px; padding-top: 90px; }
  .NewsArea h2 { font-size: 13px; font-weight: normal; padding: 20px 0; }
  .TopTopcs { width: 100%; float: none; }
  .TopRecentPapers { width: 100%; float: none; margin-top: 30px; }
  .NewsArea ul li { background: url(../images/common/arrow_red.png) no-repeat 98% 50%; background-size: 10px; }
  .NewsArea dl dt { width: 21%; float: left; }
  .NewsArea dl dd { width: 79%; float: left; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .NewsArea ul li a { text-decoration: underline; }
  .NewsArea .MoreBt { font-size: 10px; line-height: 4em; }
  .LinkRec { width: auto; height: 150px; background: url(https://s.yimg.jp/i/docs/research_lab/2019/images/index/SP_recruit_bnr_bg.png) no-repeat; background-size: cover; display: block; margin: 40px 10px 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; }
  .LinkRec a { display: block; padding: 50px 0 0 25px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .LinkRec a:hover { background-color: rgba(255, 255, 255, 0.3); } }

@media (max-width: 480px) { .TopShortcut ul li:nth-child(1) a, .TopShortcut ul li:nth-child(1) a:hover, .TopShortcut ul li:nth-child(1) a.touch { background-size: 45px; }
  .TopShortcut ul li:nth-child(2) a, .TopShortcut ul li:nth-child(2) a:hover, .TopShortcut ul li:nth-child(2) a.touch { background-size: 42px; }
  .TopShortcut ul li:nth-child(3) a, .TopShortcut ul li:nth-child(3) a:hover, .TopShortcut ul li:nth-child(3) a.touch { background-size: 25px; }
  .TopShortcut ul li:nth-child(4) a, .TopShortcut ul li:nth-child(4) a:hover, .TopShortcut ul li:nth-child(4) a.touch { background-size: 25px; }
  .TopShortcut ul li a span { display: block; text-align: center; font-size: 13px; }
  .TopShortcut ul li a span:nth-child(2) { color: #8f8f8f; font-size: 10px; }
  .NewsArea dl dt { width: 100%; float: none; }
  .NewsArea dl dd { width: 100%; float: none; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .NewsArea dl dd a { text-decoration: none; } }

@media screen and (min-width: 769px) { .TopShortcut.TitleArea { width: 100%; padding-top: 25px; padding-bottom: 25px; background-color: #eee; } }

@media screen and (min-width: 768px) and (max-width: 768px) { .TopShortcut.TitleArea { width: 100%; padding-top: 25px; padding-bottom: 25px; background-color: #eee; } }

@media screen and (max-width: 767px) { .TopShortcut.TitleArea { display: none; } }

@media screen and (min-width: 769px) { .TopShortcut > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1000px; margin-right: auto; margin-left: auto; padding-right: 1%; padding-left: 1%; } }

@media screen and (min-width: 768px) and (max-width: 768px) { .TopShortcut > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1000px; margin-right: auto; margin-left: auto; padding-right: 1%; padding-left: 1%; } }

.TopShortcut > ul > li { width: 19%; }

.TopShortcut > ul > li > a { width: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; }

@media screen and (min-width: 769px) { .TopShortcut > ul > li > a { height: 190px; padding-top: 110px; } }

@media screen and (min-width: 768px) and (max-width: 768px) { .TopShortcut > ul > li > a { height: 140px; padding-top: 75px; } }

.TopShortcut > ul > li.index-icon--organization > a { background-color: #fff; background-image: url(../images/index/icon05.png); background-repeat: no-repeat; }

@media screen and (min-width: 769px) { .TopShortcut > ul > li.index-icon--organization > a { background-position: 50% 25%; background-size: 44px auto; } }

@media screen and (min-width: 768px) and (max-width: 768px) { .TopShortcut > ul > li.index-icon--organization > a { background-position: 50% 20%; background-size: 30px auto; } }

.TopShortcut > ul > li.index-icon--organization > a > span { display: block; text-align: center; }

@media screen and (min-width: 769px) { .TopShortcut > ul > li.index-icon--organization > a > span { font-size: 16px; } }

@media screen and (min-width: 768px) and (max-width: 768px) { .TopShortcut > ul > li.index-icon--organization > a > span { font-size: 14px; } }

.TopShortcut > ul > li.index-icon--organization > a > span:nth-child(2) { color: #8f8f8f; font-size: 12px; }

.TopShortcut > ul > li.index-icon--organization > a:hover { background-color: #ad0022; background-image: url(../images/index/icon05_on.png); color: #fff; }

.TopShortcut > ul > li.index-icon--organization > a:hover > span { color: #fff; }

.TopShortcut > ul > li.index-icon--organization > a.touch { background-color: #ad0022; background-image: url(../images/index/icon05_on.png); color: #fff; }

.TopShortcut > ul > li.index-icon--organization > a.touch > span { color: #fff; }

.TopShortcut > ul > li.index-icon--organization > a.touch > span:nth-child(2) { color: #fff; }

.TopShortcut > ul > li.index-icon--researchdomain > a { background-color: #fff; background-image: url(../images/index/icon02.png); background-repeat: no-repeat; }

@media screen and (min-width: 769px) { .TopShortcut > ul > li.index-icon--researchdomain > a { background-position: 50% 25%; background-size: 85px auto; } }

@media screen and (min-width: 768px) and (max-width: 768px) { .TopShortcut > ul > li.index-icon--researchdomain > a { background-position: 50% 20%; background-size: 63px auto; } }

.TopShortcut > ul > li.index-icon--researchdomain > a > span { display: block; text-align: center; }

@media screen and (min-width: 769px) { .TopShortcut > ul > li.index-icon--researchdomain > a > span { font-size: 16px; } }

@media screen and (min-width: 768px) and (max-width: 768px) { .TopShortcut > ul > li.index-icon--researchdomain > a > span { font-size: 14px; } }

.TopShortcut > ul > li.index-icon--researchdomain > a > span:nth-child(2) { color: #8f8f8f; font-size: 12px; }

.TopShortcut > ul > li.index-icon--researchdomain > a:hover { background-color: #ad0022; background-image: url(../images/index/icon02_on.png); color: #fff; }

.TopShortcut > ul > li.index-icon--researchdomain > a:hover > span { color: #fff; }

.TopShortcut > ul > li.index-icon--researchdomain > a.touch { background-color: #ad0022; background-image: url(../images/index/icon02_on.png); color: #fff; }

.TopShortcut > ul > li.index-icon--researchdomain > a.touch > span { color: #fff; }

.TopShortcut > ul > li.index-icon--researchdomain > a.touch > span:nth-child(2) { color: #fff; }

.TopShortcut > ul > li.index-icon--papers > a { background-color: #fff; background-image: url(../images/index/icon03.png); background-repeat: no-repeat; }

@media screen and (min-width: 769px) { .TopShortcut > ul > li.index-icon--papers > a { background-position: 50% 25%; background-size: 51px auto; } }

@media screen and (min-width: 768px) and (max-width: 768px) { .TopShortcut > ul > li.index-icon--papers > a { background-position: 50% 20%; background-size: 38px auto; } }

.TopShortcut > ul > li.index-icon--papers > a > span { display: block; text-align: center; }

@media screen and (min-width: 769px) { .TopShortcut > ul > li.index-icon--papers > a > span { font-size: 16px; } }

@media screen and (min-width: 768px) and (max-width: 768px) { .TopShortcut > ul > li.index-icon--papers > a > span { font-size: 14px; } }

.TopShortcut > ul > li.index-icon--papers > a > span:nth-child(2) { color: #8f8f8f; font-size: 12px; }

.TopShortcut > ul > li.index-icon--papers > a:hover { background-color: #ad0022; background-image: url(../images/index/icon03_on.png); color: #fff; }

.TopShortcut > ul > li.index-icon--papers > a:hover > span { color: #fff; }

.TopShortcut > ul > li.index-icon--papers > a.touch { background-color: #ad0022; background-image: url(../images/index/icon03_on.png); color: #fff; }

.TopShortcut > ul > li.index-icon--papers > a.touch > span { color: #fff; }

.TopShortcut > ul > li.index-icon--papers > a.touch > span:nth-child(2) { color: #fff; }

.TopShortcut > ul > li.index-icon--members > a { background-color: #fff; background-image: url(../images/index/icon01.png); background-repeat: no-repeat; }

@media screen and (min-width: 769px) { .TopShortcut > ul > li.index-icon--members > a { background-position: 50% 25%; background-size: 91px auto; } }

@media screen and (min-width: 768px) and (max-width: 768px) { .TopShortcut > ul > li.index-icon--members > a { background-position: 50% 20%; background-size: 67px auto; } }

.TopShortcut > ul > li.index-icon--members > a > span { display: block; text-align: center; }

@media screen and (min-width: 769px) { .TopShortcut > ul > li.index-icon--members > a > span { font-size: 16px; } }

@media screen and (min-width: 768px) and (max-width: 768px) { .TopShortcut > ul > li.index-icon--members > a > span { font-size: 14px; } }

.TopShortcut > ul > li.index-icon--members > a > span:nth-child(2) { color: #8f8f8f; font-size: 12px; }

.TopShortcut > ul > li.index-icon--members > a:hover { background-color: #ad0022; background-image: url(../images/index/icon01_on.png); color: #fff; }

.TopShortcut > ul > li.index-icon--members > a:hover > span { color: #fff; }

.TopShortcut > ul > li.index-icon--members > a.touch { background-color: #ad0022; background-image: url(../images/index/icon01_on.png); color: #fff; }

.TopShortcut > ul > li.index-icon--members > a.touch > span { color: #fff; }

.TopShortcut > ul > li.index-icon--members > a.touch > span:nth-child(2) { color: #fff; }

.TopShortcut > ul > li.index-icon--softwaredata > a { background-color: #fff; background-image: url(../images/index/icon04.png); background-repeat: no-repeat; }

@media screen and (min-width: 769px) { .TopShortcut > ul > li.index-icon--softwaredata > a { background-position: 50% 25%; background-size: 51px auto; } }

@media screen and (min-width: 768px) and (max-width: 768px) { .TopShortcut > ul > li.index-icon--softwaredata > a { background-position: 50% 20%; background-size: 37px auto; } }

.TopShortcut > ul > li.index-icon--softwaredata > a > span { display: block; text-align: center; }

@media screen and (min-width: 769px) { .TopShortcut > ul > li.index-icon--softwaredata > a > span { font-size: 16px; } }

@media screen and (min-width: 768px) and (max-width: 768px) { .TopShortcut > ul > li.index-icon--softwaredata > a > span { font-size: 14px; } }

.TopShortcut > ul > li.index-icon--softwaredata > a > span:nth-child(2) { color: #8f8f8f; font-size: 12px; }

.TopShortcut > ul > li.index-icon--softwaredata > a:hover { background-color: #ad0022; background-image: url(../images/index/icon04_on.png); color: #fff; }

.TopShortcut > ul > li.index-icon--softwaredata > a:hover > span { color: #fff; }

.TopShortcut > ul > li.index-icon--softwaredata > a.touch { background-color: #ad0022; background-image: url(../images/index/icon04_on.png); color: #fff; }

.TopShortcut > ul > li.index-icon--softwaredata > a.touch > span { color: #fff; }

.TopShortcut > ul > li.index-icon--softwaredata > a.touch > span:nth-child(2) { color: #fff; }
/*# sourceMappingURL=index.css.map */