@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
/* flex */
.flex,
.flexA,
.flexB,
.flexC {
  display: flex;
  flex-wrap: wrap;
}
.flexA {
  justify-content: space-around;
}
.flexB {
  justify-content: space-between;
}
.flexC {
  justify-content: center;
}
.en {
  font-family: "Poppins", sans-serif;
}
/* ---------------------------------------------------------
 Zero
--------------------------------------------------------- */
.Zero {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
}
.Zero .contents {
  clear: both;
  margin: 0;
  padding: 0;
}
/*------------------------------------------------------------
	menu
------------------------------------------------------------*/
.toggle_btn {
  background-color: transparent;
  color: #333;
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1020px;
}
.content01 {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1020px;
  box-sizing: border-box;
}
.content01 .inner {
  margin: 0 20px;
}
/*------------------------------------------------------------
	top banner
------------------------------------------------------------*/
.banner.content img {
  border: 1px solid #e7e7e7;
}
.banner.content {
  margin: 56px auto 0;
  padding: 0 10px;
  max-width: 1000px;
}
.banner.content a img:hover {
  opacity: 0.7;
  filter: alpha(opacity = 70);
}
/*------------------------------------------------------------
	comLinkBox
------------------------------------------------------------*/
.comLinkBox {
  padding-bottom: 8px;
  background-color: #f2f2f2;
}
.comLinkBox .linkList {
  padding: 0;
  margin: 0 auto !important;
  max-width: 1000px;
  display: flex;
  justify-content: center;
  transform: translateY(-55px);
  box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.05);
  list-style: none;
}
.comLinkBox .linkList li {
  width: calc(100% / 3);
  background-color: #fff;
  padding: 0;
}
.comLinkBox .linkList li a {
  padding: 21px 0 36px;
  display: block;
  position: relative;
  text-align: center;
  color: #333;
  text-decoration: none;
  background-color: #fff;
}
.comLinkBox .linkList li a span {
  display: block;
}
.comLinkBox .linkList li a::after {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 13px;
  right: 10px;
  border-bottom: 19px solid #12826c;
  border-left: 19px solid transparent;
  content: "";
}
.comLinkBox .linkList li:not(:last-of-type) a {
  border-right: 1px solid #e7e7e7;
  /*  padding: 21px 0 30px;*/
}
.comLinkBox.industry .linkList li:not(:last-of-type) a {
  border-right:none;
}
.comLinkBox.researcher .linkList li:not(:last-of-type) a {
  border-right:none;
}
.comLinkBox .linkList li:first-child a {
  padding: 21px 0 36px;
}
.comLinkBox .linkList li:first-child a .text .ttl {
  padding: 0 0 33px 0 !important;
}
.comLinkBox .linkList li:last-child a {
  padding: 21px 0 56px;
}
.comLinkBox .linkList li a .pho {
  margin: 0 auto 13px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #12826c;
}
.comLinkBox .linkList li a .pho img {
  width: 32px;
}
.comLinkBox .linkList li a .ttl {
  margin-bottom: 8px;
  color: #111111;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5;
}
.comLinkBox .linkList li a:hover {
  opacity: 0.8;
}
.comLinkBox .linkList li:nth-of-type(2) a .pho {
  background-color: #604287;
}
.comLinkBox .linkList li:nth-of-type(2) a::after {
  border-bottom-color: #604287;
}
.comLinkBox .linkList li:nth-of-type(3) a .pho {
  background-color: #115c9e;
}
.comLinkBox .linkList li:nth-of-type(3) a::after {
  border-bottom-color: #115c9e;
}
@media all and (max-width: 1020px) {
  .comLinkBox .linkList {
    margin: 0 10px;
  }
}
/*------------------------------------------------------------
	comNews
------------------------------------------------------------*/
.comNews {
  padding: 88px 0 79px;
}
.comNews dl {
  margin: 0 10px;
  padding: 0 0 22px 0;
  border-bottom: 1px solid #e7e7e7;
}
.comNews dt,
.comNews dd {
  font-size: 1.6rem;
  line-height: 1.5;
}
.comNews dt {
  width: 214px;
  float: left;
  display: flex;
  justify-content: space-between;
}
.comNews dd a {
  color: #333;
  text-decoration: none;
}
.catlist ul {
  margin: 0;
  padding: 0;
}
.content div.catlist li {
  padding: 3px 15px 3px 25px;
  margin: 0px 0 0 4px;
  float: left;
  display: flex;
  justify-content: space-between;
  border-right: 1px solid #e7e7e7;
  font-size: 1.4rem;
  line-height: 1.5;
}
.catlist li a {
  color: #333;
  text-decoration: none;
}
.catlist li a:hover {
  text-decoration: underline;
}
.catlist li:first-child {
  font-weight: bold;
}
.comNews dt .tag {
  margin-left: 23px;
  width: 96px;
  font-size: 1.2rem;
  text-align: center;
  box-sizing: border-box;
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon08.png") no-repeat left 12px
    center / 4px;
}
.catlist li.tag {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon08.png") no-repeat left 12px
    center / 4px;
}
.comNews dt .tag01,
.catlist li.tag01 {
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon09.png") no-repeat left 8px
    center / 15px;
}
.comNews dt .tag02,
.catlist li.tag02 {
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon10.png") no-repeat left 8px
    center / 15px;
}
.comNews dt .tag03,
.catlist li.tag03 {
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon11.png") no-repeat left 8px
    center / 13px;
}
.catlist li.tag04 {
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon38.png") no-repeat 7px center /
    19px;
}
.comNews dd {
  margin: 0;
  padding: 3px 0 28px 14.5em;
  text-align: left;
}
.comNews dd a span {
  color: #cc0000;
}
.comNews dd a:hover,
.comNews dd a:hover span {
  text-decoration: underline;
}
.catlist {
  width: 734px;
  margin: 28px auto;
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
  margin-bottom: 49px;
  color: #333333;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
  background: none !important;
}
#twrap_main .headLine01 {
  padding: 0;
  background: none;
  line-height: inherit;
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
  margin-bottom: 30px;
  padding: 10px 20px;
  font-size: 2.5rem;
  background: none !important;
  font-weight: 400;
  border-bottom: 2px solid #d70712;
}
.headLine02.purple {
  background: none !important;
  border-bottom-color: #604287 !important;
}
.headLine02.blue {
  background: none !important;
  border-bottom-color: #115c9e !important;
}
.headLine02.green {
  background: none !important;
  border-bottom-color: #169d82 !important;
}

.headLine02 .ttl {
  margin-right: 10px;
  font-size: 1.8rem;
  vertical-align: -3px;
}
@media all and (max-width: 896px) {
  .headLine02.purple {
    font-weight: bold !important;
  }
  .headLine02.purple .ttl {
    display: block;
    font-size: 1.4rem;
  }
}
/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/

.headLine03 {
  box-sizing: border-box;
  margin: 40px 0 18px;
  padding: 0 10px 8px;
  font-size: 2.2rem;
  font-weight: normal;
  background: url("https://www.aist.go.jp/Portals/0/images/common/line01.png") no-repeat left bottom /
    auto 3px;
  width: 100%;
}

.navy .headLine03 {
  background: url("https://www.aist.go.jp/Portals/0/images/common/line02.png") repeat-x left bottom /
    auto 3px;
}
.violet .headLine03 {
  background: url("https://www.aist.go.jp/Portals/0/images/common/line03.png") repeat-x left bottom /
    auto 3px;
}
.green .headLine03 {
  background: url("https://www.aist.go.jp/Portals/0/images/common/line04.png") repeat-x left bottom /
    auto 3px;
}
h3.headLine03:first-of-type {
  margin-top: 0;
}
/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
  margin: 0 0 16px 0;
  font-size: 1.6rem;
  font-weight: bold;
  border: none;
  padding-left: 0;
}
/*------------------------------------------------------------
	headLine05
------------------------------------------------------------*/
.headLine05 {
  margin-bottom: 19px;
  padding: 15px 0 13px 20px;
  font-size: 1.8rem;
  line-height: 1.77;
  font-weight: normal;
  border-left: 1px solid #e50016;
  background-color: #f5f5f5;
}
/*------------------------------------------------------------
	headLine06
------------------------------------------------------------*/
.headLine06 {
  padding: 0;
  margin-bottom: 10px !important;
  font-size: 2rem !important;
  font-weight: bold;
}
/*------------------------------------------------------------
	headLine07
------------------------------------------------------------*/
.headLine07 {
  margin-bottom: 20px;
  padding: 3px 0 1px 10px;
  font-size: 1.9rem;
  line-height: 1.5;
  font-weight: normal;
  border-left: 10px solid #ba2636;
  border-bottom: 0;
  background: none;
}
.headLine07.purple {
  border-left: 10px solid #604287;
}
/*------------------------------------------------------------
	headLine08
------------------------------------------------------------*/
.headLine08 {
  margin-bottom: 22px;
  padding: 3px 0 1px 10px;
  font-size: 1.9rem;
  line-height: 1.5;
  font-weight: normal;
  border-left: 1px solid #115c9e;
  border-bottom: 0;
}
/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
.pageTitle {
  overflow: hidden;
}
.pageTitle.researvher #headlinklist {
  background-color: #604287;
}
.pageTitle.public #headlinklist {
  margin-bottom: 30px;
  background-color: #12826c;
}
.pageTitle.industry #headlinklist {
  background-color: #115c9e;
}
.pageTitle .linkList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  background-color: #115c9e;
  position: relative;
  z-index: 1;
}
.pageTitle .linklist li {
  width: 100%;
}
.pageTitle .linkList > li > a {
  padding: 16px 26px 16px;
  min-height: 56px;
  position: relative;
  display: block;
  color: #fff !important;
  font-size: 1.6rem;
  box-sizing: border-box;
  text-decoration: none !important;
}
.pageTitle .linkList > li:not(.link) > a::after {
  width: 18px;
  height: 18px;
  position: absolute;
  top: calc(50% - 9px);
  right: 3px;
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon19.png") no-repeat right center /
    18px;
  content: "";
}
.pageTitle .linkList > li.link01 > a::after {
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon25.png") no-repeat right center /
    18px;
}

.pageTitle .subBox01 a:hover {
  text-decoration: underline;
}
.pageTitle .linkList .subBox .imgBox {
  margin: 0 auto;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
}
.pageTitle .linkList .subBox .imgBox .lLink {
  position: relative;
  padding: 20px 15px;
  width: 328px;
  background-color: #fff;
  box-sizing: border-box;
}
.pageTitle .linkList .subBox .imgBox .lLink .title {
  margin-bottom: 15px;
  font-size: 1.6rem;
  font-weight: bold;
}
.pageTitle .linkList .subBox .imgBox .lLink ul li a {
  padding-left: 12px;
  line-height: 1.71;
  color: #333;
  text-decoration: none;
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon33.png") no-repeat left center /
    6px;
}
.pageTitle .linkList .subBox .imgBox .rLink {
  padding: 16px 16px 16px 15px;
  width: 664px;
  background-color: #fff;
  box-sizing: border-box;
}
.pageTitle .linkList .subBox .imgBox .rLink ul.navi_researchDomains{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
}
.pageTitle .linkList .subBox .imgBox .rLink ul.navi_researchDomains li {
  width: 25%;
  min-height: 89px;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  box-sizing: border-box;
}
.pageTitle .linkList .subBox .imgBox .rLink ul.navi_researchDomains li a {
  padding-top: 11px;
  height: 100%;
  display: block;
  text-align: center;
  color: #333;
  text-decoration: none;
  /*
  border-right: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  */
  box-sizing: border-box;
}

.pageTitle .linkList .subBox .imgBox .rLink ul.navi_researchDomains li a:hover{
  text-decoration: underline;
}

.pageTitle.industry .linkList .subBox .imgBox .rLink ul.navi_researchDomains li a:hover{
  color: #006bc4;
}

.pageTitle.researcher .linkList .subBox .imgBox .rLink ul.navi_researchDomains li a:hover{
  color: #604287;
}

#skinTypes.violet .pageTitle .linkList .subBox .imgBox .rLink ul.navi_researchDomains li:hover{
  border-color: #e7e7e7;
}

.pageTitle .linkList .subBox .imgBox .rLink ul.navi_researchDomains li.noIcon a{
  padding:11px;
}
.pageTitle .linkList .subBox .imgBox .rLink ul.navi_researchDomains li.noIcon a{
  display: flex;
  align-items: center;
  justify-content: center;
}




.pageTitle .linkList .subBox .imgBox .rLink li a:hover {
  text-decoration: underline;
}
.pageTitle .linkList .subBox .imgBox .rLink li a .txt {
  margin-top: 4px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.28;
}
.pageTitle .linkList .subBox .subList {
  margin: -8px auto 0 !important;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
/* KRG */
.pageTitle .linkList .subBox .subList > li {
  letter-spacing: 1px;
  font-size: 0.875em;
  margin-top: 8px;
  width: 244px;
  background-color: #fff;
  box-sizing: border-box;
}
.pageTitle .linkList .subBox .subList > li .title {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.pageTitle .linkList .subBox .subList > li .title span {
  margin-right: 6px;
}
.pageTitle .linkList .subBox .subList > li > ul li {
  padding-left: 6px;
  line-height: 1.71;
}
.pageTitle .linkList .subBox .subList > li > ul li a {
  padding-left: 10px;
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon29.png") no-repeat left center /
    6px;
}
.pageTitle .linkList .subBox .subList > li > ul li a:hover {
  text-decoration: underline;
}
.pageTitle .linkList .subBox .subList > li:last-of-type {
  border: 1px solid #ffd21c;
  border-left: 4px solid #ffd21c;
}
.pageTitle .linkList .subBox .subList > li:last-of-type > ul li a {
  background-image: url("https://www.aist.go.jp/Portals/0/images/common/icon30.png");
}
.pageTitle .linkList .subBox .subList.txt > li:last-of-type {
  border: none;
  border-left: none;
}
.pageTitle .linkList .subBox .subList.txt li {
  background: #fff;
  position: relative;
}
.pageTitle .linkList .subBox .subList.txt.rb_img li:nth-child(2n) {
  width: 748px;
}
.pageTitle .linkList .subBox .subList.txt li.image a {
  display: flex;
}
.pageTitle .linkList .subBox .subList.txt li:before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-top: 10px solid transparent;
}
.pageTitle .linkList .subBox .subList.txt li.two {
  width: 49.6%;
}
.pageTitle .linkList .subBox .subList.txt li.two a {
  padding: 14px 25px 18px 16px;
}
.pageTitle .linkList .subBox .subList.txt li.four {
  width: 24.4%;
}
.pageTitle .linkList .subBox .subList.txt li.four a {
  display: block;
  padding: 14px 25px 18px 16px;
}
.pageTitle .linkList .subBox .subList.txt li.two a:hover,
.pageTitle .linkList .subBox .subList.txt li.four a:hover {
  opacity: 0.8;
}
.pageTitle .linkList .subBox .subList.txt li.image .cimg {
  width: 36%;
  max-width: 180px;
  height: auto;
  object-fit: cover;
  margin-right: 16px;
}
.pageTitle .linkList .subBox .subList.txt li.image .ctext {
  width: 69.5%;
}
.pageTitle .linkList .subBox .subList.iconin > li {
  position: relative;
}
.pageTitle .linkList .subBox .subList.iconin > li a {
  padding: 14px 15px 18px;
}
.pageTitle .linkList .subBox .subList.iconin > li a:hover {
  opacity: 0.8;
}
.pageTitle .linkList .subBox .subList.iconin li .title span {
  padding: 0;
}
.pageTitle .linkList .subBox .subList.iconin p span {
  color: #ccc;
  padding: 0 5px;
}
.pageTitle .linkList .subBox .subList.iconin > li:first-child::before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid #abcd04;
}
.pageTitle .linkList .subBox .subList.iconin > li:nth-child(2)::before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid #e583ac;
}
.pageTitle .linkList .subBox .subList.iconin > li:nth-child(3)::before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid #51b6a8;
}
.pageTitle .linkList .subBox .subList.iconin > li:nth-child(4)::before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid #b18bb2;
}
.pageTitle .linkList .subBox .subList.iconin > li:nth-child(5)::before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid #5faae3;
}
.pageTitle .linkList .subBox .subList.iconin > li:nth-child(6)::before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid #be8943;
}
.pageTitle .linkList .subBox .subList.iconin > li:nth-child(7)::before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid #f5ab18;
}
.pageTitle .linkList .subBox .subList.txt_2 {
  background-color: #fff;
  padding: 14px 0;
}
.pageTitle .linkList .subBox .subList.txt_2 .two {
  width: 50%;
  box-sizing: border-box;
}
.pageTitle .linkList .subBox .subList.txt_2 .tree {
  width: calc(100% / 3);
  box-sizing: border-box;
}
.pageTitle .linkList .subBox .subList.txt_2 .four {
  width: 25%;
  box-sizing: border-box;
}
.pageTitle .linkList .subBox .subList.txt_2 > div {
  border-right: 1px solid #e7e7e7;
  padding: 0 16px;
}
.pageTitle .linkList .subBox .subList.txt_2 > div:last-of-type {
  border: none;
}
.pageTitle .linkList .subBox .subList.txt_2 > div > ul.subBox_menu li a {
  display: block;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
  background: none;
  padding: 0 0 8px 0;
  border: none;
}
.pageTitle .linkList .subBox .subList.txt_2 > div > ul.subBox_menu li a:active,
.pageTitle
  .linkList
  .subBox
  .subList.txt_2
  > div
  > ul.subBox_menu
  li
  a:visited {
  color: #333;
}
.pageTitle .linkList .subBox .subList.txt_2 > div > ul.subBox_menu li a:hover {
  color: #006bc4;
  text-decoration: underline;
}
.pageTitle .linkList .subBox .subList.txt_2 > div .title {
  margin-bottom: 5px;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.pageTitle.public .linkList .subBox .subList.txt_2 > div .title {
  color: #333;
}
.pageTitle .linkList .subBox .subList.txt_2 > div > ul li a {
  display: block;
  padding-left: 10px;
  background: url(/Portals/0/images/common/icon37.png) no-repeat left center /
    6px;
  padding-bottom: 2px;
}
.pageTitle .linkList .subBox .subList.txt_2 > div > ul li a:hover {
  color: #115c9e;
  text-decoration: underline;
}
.pageTitle.researcher .linkList .subBox .subList.txt_2 > div > ul li a:hover {
  color: #604287;
  text-decoration: underline;
}
.pageTitle.public .linkList .subBox .subList.txt_2 > div > ul li a:hover {
  color: #12826c;
  text-decoration: underline;
}
.pageTitle .linkList .subBox .imgBox .lLink .title.blue a {
  color: #115c9e !important;
}
.pageTitle .linkList .subBox .imgBox .lLink .title.purple a {
  color: #604287 !important;
}
.pageTitle .linkList .subBox .imgBox .lLink .title.green a {
  color: #12826c !important;
}
.video {
  position: relative;
  overflow: hidden;
}
.video video {
  position: absolute;
}
.pageTitle .comSub {
  width: 100%;
  padding: 16px 0;
  display: none;
  position: absolute;
  top: 56px;
  left: 0;
  z-index: 10;
}
.pageTitle .comSub .subList li {
  background-color: #fff;
  border: none;
}
.pageTitle .comSub .subList li a {
  border: none;
  display: block;
}
.pageTitle .subBox01 > ul {
  margin: -8px auto 0;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
}
.pageTitle .subBox01 > ul > li {
  letter-spacing: 1px;
  font-size: 0.875em;
  margin-top: 8px;
  padding: 14px 25px 18px 16px;
  width: 244px;
  background-color: #fff;
  box-sizing: border-box;
}
.pageTitle .subBox01 > ul > li:not(:nth-of-type(4n)) {
  margin-right: 8px;
}
.pageTitle .subBox01 ul .title {
  margin-bottom: 5px !important;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.pageTitle .subBox01 > ul .title span {
  margin-right: 6px;
}
.pageTitle .subBox01 > ul > li {
  padding: 14px 25px 18px 16px;
  line-height: 1.71;
}
.pageTitle .subBox > ul > li > ul > li > a {
  padding-left: 15px;
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon29.png") no-repeat left 4px
    center / 6px;
}
.pageTitle .subBox01 > ul > li > ul > li > ul li a {
  padding-left: 30px;
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon29.png") no-repeat left 20px
    center / 6px;
}
@media all and (max-width: 1050px) {
  .pageTitle .linkList > li > a {
    padding: 18px 36px 0;
    font-size: 1.4rem;
    text-align: center;
  }
}
/*------------------------------------------------------------
	comLinkList
------------------------------------------------------------*/
.comLinkList {
  margin: -77px 10px 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.comLinkList::after {
  width: 296px;
  content: "";
}
.comLinkList li {
  margin: 0;
  padding: 0;
  position: relative;
  margin-top: 50px;
  width: 296px;
  list-style: none;
}
.comLinkList li .tag {
  padding: 5px 10px;
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  background-color: #287f9f;
  position: absolute;
  top: 0;
  left: 0;
}
.comLinkList li .tag01 {
  background-color: #9d6d20;
}
.comLinkList li .tag02 {
  color: #111;
  background-color: #ffd21c;
}
.comLinkList li .pho {
  margin-bottom: 14px;
  width: 296px;
  height: 222px;
}
.comLinkList li .pho a {
  width: 296px;
  height: 222px;
}
.comLinkList li .pho img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.comLinkList li p {
  list-style: none;
  color: #333333;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  padding-bottom: 0 !important;
}
.comLinkList li a {
  display: block;
  color: #333333 !important;
}
.comLinkList li a:hover {
  opacity: 0.8;
}
.comLinkList li a img:hover {
  opacity: 1.0 !important;
}
.sec .comLinkList li p a:link,
.sec .comLinkList li p a:visited,
.sec .comLinkList li p a:active {
  text-decoration: none;
}
.sec .comLinkList li p a:hover {
  text-decoration: underline;
}

.sec01 .content .comLinkList li a {
  text-decoration: none;
}

.sec01 .content .comLinkList li a:hover {
  text-decoration: underline;
}
.comLinkList li .pho a img.border {
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
}
/*------------------------------------------------------------
	comPhoArea
------------------------------------------------------------*/
.comPhoArea {
  padding: 52px 0 46px;
  background-color: #f2f2f2;
}
.comPhoArea .photoList .slick-slide > div {
  margin: 0 10px;
  width: 280px;
}
.comPhoArea .photoList .slick-slide > div li a:hover {
  opacity: 0.8;
}
.comPhoArea .photoList .slick-prev,
.comPhoArea .photoList .slick-next {
  width: 56px;
  height: 56px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  position: absolute;
  top: calc(50% - 31px);
  left: 0;
  background: url("https://www.aist.go.jp/Portals/0/images/index/arrow_left.jpg") no-repeat center /
    56px;
  z-index: 10;
  cursor: pointer;
  font-size: 1rem;
}
.comPhoArea .photoList .slick-next {
  left: auto;
  right: 0;
  background-image: url("https://www.aist.go.jp/Portals/0/images/index/arrow_right01.jpg");
}
.comPhoArea .photoList .slick-prev:hover,
.comPhoArea .photoList .slick-next:hover {
  opacity: 0.8;
}
/*------------------------------------------------------------
	mainVisual
------------------------------------------------------------*/
.mainVisual {
  position: relative;
}
.mainVisual .btn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainVisual .btn a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainVisual .btn a img {
  position: absolute;
  bottom: 60px;
  right: calc(50% + 327px);
  z-index: 10;
}
.mainVisual.pageTitle .btn a img {
  position: absolute;
  bottom: 26px;
  right: calc(50% + 327px);
  z-index: 10;
}

.mainVisual .mute {
  position: absolute;
  bottom: 60px;
  left: calc(50% + 233px);
  z-index: 10;
}
.mainVisual .mute.on img {
  opacity: 0;
}
.mainVisual.pageTitle .mute {
  bottom: 25px;
  left: calc(50% + 232px);
}
/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
#pagePath {
  margin-bottom: 14px;
}
#pagePath ul {
  padding: 16px 10px;
  display: flex;
}
#pagePath li {
  margin-right: 10px;
  font-size: 1.2rem;
}
#pagePath li span {
  color: #ccc;
}
#pagePath li a {
  margin-right: 8px;
  font-size: 1.2rem;
}
#pagePath li a:hover {
  color: #707070;
}

/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
.comLinkUl {
  margin: -12px 0 25px;
  display: flex;
  flex-wrap: wrap;
}
.comLinkUl li {
  margin-top: 20px;
  padding: 0 25px;
  position: relative;
}
.comLinkUl li a {
  position: relative;
  font-size: 1.6rem;
}
.comLinkUl li::before {
  width: 1px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
  background-color: #e7e7e7;
  content: "";
}
.comLinkUl li::after {
  width: 1px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
  background-color: #e7e7e7;
  content: "";
}
.comLinkUl .on a::before {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -6px;
  left: 0;
  background-color: #cc0000;
  content: "";
}
.comLinkUl li a .link {
  padding-right: 20px;
  background: url("https://www.aist.go.jp/Portals/0/images/common/iconmenu.png") no-repeat right
    center;
}
.comLinkUl li a .link.link01 {
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon42.png") no-repeat right center /
    13px auto;
}
.comLinkUl li a:hover {
  padding-bottom: 3px;
  border-bottom: 2px solid #cc0000;
}
.comLinkUl .on a:hover {
  padding-bottom: 0;
  border-bottom: none;
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink {
  margin: 0 auto;
  width: 298px;
}
.comLink a:link,
.comLink a:visited,
.comLink a:active {
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  font-size: 1.6rem;
  background: #001730 url("https://www.aist.go.jp/Portals/0/images/common/icon40.png") no-repeat right
    20px center / 7px;
  text-decoration: none !important;
}
.comLink a:hover {
  opacity: 0.7;
}
.comLink + .headLine03 {
  margin-top: 30px;
}

/*------------------------------------------------------------
	comTable
------------------------------------------------------------*/
.comTable table {
  width: 100%;
  border-collapse: collapse;
}
.comTable th {
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  font-weight: normal;
  font-size: 1.6rem;
  padding: 15px;
  text-align: center;
}
.comTable td.title,
.comTable td {
  padding: 15px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.625;
  word-break: break-all;
  text-align: left;
  border: 1px solid #ccc;
  vertical-align: middle;
  box-sizing: border-box;
}
.comTable td.title {
  padding: 14px 10px;
  font-weight: bold;
  text-align: center;
  background-color: #f5f5f5;
}
.comTable td p {
  margin-bottom: 12px;
}
.comTable td p:last-of-type {
  margin-bottom: 0;
}
.comTable .taCenter {
  text-align: center;
}
.comTable a {
  color: #ba2636;
  text-decoration: underline;
}
.comTable a:hover {
  text-decoration: none;
}
/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn {
  margin-bottom: 3px;
}
.comBtn.auto {
  margin: 0 auto 30px;
  text-align: center;
}
.comBtn a:link,
.comBtn a:active,
.comBtn a:visited,
.comBtn2 a:link,
.comBtn2 a:active,
.comBtn2 a:visited {
  padding: 15px 30px 15px 10px;
  display: inline-block;
  min-width: 170px;
  color: #fff !important;
  font-size: 1.5rem;
  text-decoration: none !important;
  text-align: center;
  line-height: 1.73;
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon46.png") #001730 no-repeat right
    10px center / 7px auto;
}
.comBtn2 a {
  padding: 15px 0 15px;
  margin: 0 auto 30px;
  width: 350px;
  background-color: #333;
}
@media all and (min-width: 897px) {
  .comBtn a:hover {
    opacity: 0.7;
  }
}
/*------------------------------------------------------------
	comTextUl
------------------------------------------------------------*/
.comTextUl {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: -10px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.comTextUl li {
  padding: 0;
  margin: 10px 0 0 0;
  list-style: none;
  width: 49.47%;
  max-width: 475px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.comTextUl .list01 {
  max-width: 100%;
  width: 100%;
}
.comTextUl li a {
  color: #333 !important;
  text-decoration: none !important;
  padding: 30px 20px 35px;
  height: 100%;
  min-height: 198px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.625;
  text-align: center;
  border-right: 25px solid #eee;
  position: relative;
  box-sizing: border-box;
}
.comTextUl li a span {
  margin-bottom: 9px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  display: block;
}
.comTextUl li a::after {
  width: 14px;
  height: 14px;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  color: #eee;
  position: absolute;
  content: "";
  background: url(/Portals/0/images/common/icon44.png) no-repeat right center /
    7px auto;
}
.comTextUl li:hover {
  border-color: #115c9e;
}
.comTextUl li a:hover {
  color: #115c9e;
  border-color: #115c9e;
}
#skinTypes.navy .comTextUl li:hover {
  border-color: #115c9e;
}
#skinTypes.navy .comTextUl li a:hover {
  color: #115c9e;
  border-color: #115c9e;
}

#skinTypes.violet .comTextUl li:hover {
  border-color: #604287;
}
#skinTypes.violet .comTextUl li a:hover {
  color: #604287;
  border-color: #604287;
}

#skinTypes.violet .linkList li:hover {
  border-color: #604287;
}
#skinTypes.violet .linkList li a:hover {
  color: #604287;
  border-color: #604287;
}

#skinTypes.green .comTextUl li:hover {
  border-color: #12826c !important;
}
#skinTypes.green .comTextUl li a:hover {
  color: #12826c !important;
  border-color: #12826c !important;
}

.comTextUl li a:hover::after {
  background: url(/Portals/0/images/common/icon46.png) no-repeat right center /
    7px auto;
}
.comTextUl + h2 {
  margin-top: 30px;
}

#skinTypes.violet #gFooter .btnBox .linkList li a:hover, #skinTypes.violet #footBody .btnBox .linkList li a:hover {
  color: #fff;
}
/*------------------------------------------------------------
	comImgtUl
------------------------------------------------------------*/
.comImgtUl {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: -10px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.comImgtUl li {
  padding: 0;
  margin: 0 10px 0 0;
  list-style: none;
  width: auto;
  max-width: 49.47%;
  box-sizing: border-box;
  text-align: center;
}
.comImgtUl li:last-of-type {
  margin: 0;
}
.comImgtUl li img {
  max-width: 475px;
}
.comImgtUl li p {
  padding-top: 10px;
}
/*------------------------------------------------------------
	comImgBox
------------------------------------------------------------*/
.comImgBox {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
.comImgBox:last-of-type {
  margin-bottom: 0;
}
.comImgBox.end {
  margin-bottom: 30px;
}
.comImgBox .comPhotoBox {
  width: 180px;
}
.comImgBox .comTextBox {
  margin-top: 17px;
  width: calc(100% - 200px);
}
.comImgBox .comTextBox p {
  margin-bottom: 12px;
  font-size: 1.6rem;
  line-height: 1.625;
}
.comImgBox .comTextBox .title {
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 10px;
}
.comImgBox .comTextBox .redText {
  color: #ba2636;
}
/*------------------------------------------------------------
	comSubList
------------------------------------------------------------*/
.comSubList {
  margin: 19px 0 0 0;
  padding: 0;
}
.comSubList li {
  list-style: none;
  border: none;
  margin: 0 0 11px;
  padding: 0 0 0 21px;
}
.comSubList li:last-of-type {
  margin-bottom: 0;
}
#mainBody .linkList02 .comSubList li a {
  margin: 0;
  padding: 0 0 0 22px;
  display: block;
  font-weight: normal;
  border: none;
  color: #ba2636 !important;
  text-decoration: underline !important;
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon41.png") no-repeat left center /
    7px auto;
}
#mainBody .linkList02 .comSubList li a:hover {
  text-decoration: none !important;
}
#mainBody .linkList02 .comSubList li a:not(:link) {
  color: #333 !important;
  text-decoration: none !important;
  pointer-events: none;
}
#mainBody .linkList02 .comSubList li a:visited {
  color: #ba2636 !important;
}
#mainBody .linkList02 .comSubList li a:active {
  color: #ba2636 !important;
}
@media all and (min-width: 897px) {
  .comSubList li a:hover {
    text-decoration: none;
  }
}
/*------------------------------------------------------------
	comNoteList
------------------------------------------------------------*/
.comNoteList {
  margin: 0 0 44px 0;
  padding-top: 6px;
}
.comNoteList li {
  list-style: none;
  padding-left: 28px;
  position: relative;
}
.comNoteList li:not(:last-child) {
  margin-bottom: 22px;
}
.comNoteList li::before {
  width: 13px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 2px;
  border-radius: 50%;
  background: #333;
  content: "";
}
.comNoteList li a {
  color: #ba2636;
  text-decoration: underline;
}
.comNoteList li a:hover {
  text-decoration: none;
}
.comNoteList li p {
  margin-top: 9px;
}
/*------------------------------------------------------------
	comSmlList
------------------------------------------------------------*/
.comSmlList {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.comSmlList li {
  padding-left: 1em;
  text-indent: -1em;
}
.comSmlList li:not(:last-child) {
  margin-bottom: 0;
}
.comSmlList li::before {
  display: none;
}
.comSmlList.notice li {
  font-size: 1.2rem;
}
/*------------------------------------------------------------
	comTextList
------------------------------------------------------------*/
.comTextList {
  margin-bottom: 15px;
  display: flex;
  margin-left: 0;
  padding: 0;
}
.comTextList li {
  list-style: none;
  margin-left: 0;
  padding: 0;
  margin-right: 12px;
  width: 310px;
  text-align: center;
  border: 1px solid #ccc;
}
.comTextList li:nth-of-type(3n) {
  margin-right: 0;
}
.comTextList li a {
  padding: 23px 18px 5px;
  height: 100%;
  display: block;
  border-right: 25px solid #eee;
  position: relative;
  box-sizing: border-box;
}
.comTextList li a::after {
  height: 100%;
  top: 0;
  width: 14px;
  right: -15px;
  color: #eee;
  position: absolute;
  content: "";
  background: url(/Portals/0/images/common/icon44.png) no-repeat right center /
    7px auto;
}
.comTextList li a img {
  margin: 0 auto 12px;
  display: block;
  height: 135px;
  max-width: inherit;
  width: auto;
}
.comTextList li a p.ttl {
  margin-bottom: 10px !important;
  font-size: 1.8rem !important;
  font-weight: bold;
  text-align: center;
}
.comTextList li a p {
  font-size: 1.6rem;
  text-align: left;
}
.comTextList li:nth-of-type(3) a img {
  margin: 0 auto !important;
  height: 97px;
}
.comTextList li:nth-of-type(3) a p.ttl {
  margin-bottom: 2px !important;
  font-size: 2.2rem !important;
}
@media all and (min-width: 897px) {
  .comTextList li a:hover,
  .subList li a:hover,
  .sac_15 .linkList li a:hover {
    border-right: 25px solid #115c9e;
  }
  .comTextList li a:hover::after,
  .subList li a:hover::after,
  .sac_15 .linkList li a:hover::after {
    background: url(/Portals/0/images/common/icon46.png) no-repeat right center /
      7px auto;
  }
  .comTextList li:hover,
  .subList li:hover,
  .sac_15 .linkList li:hover {
    border: 1px solid #115c9e;
  }
  .comTextList li:nth-of-type(3) a:hover {
    border-right: 25px solid #12826c;
  }
  .comTextList li:nth-of-type(3):hover {
    border: 1px solid #12826c;
  }
}

.researcher.top .subList li:hover,
.researcher.top .subList li a:hover {
  border: none;
}

/*------------------------------------------------------------
	redText
------------------------------------------------------------*/
.redText {
  color: #ba2636 !important;
}
/*------------------------------------------------------------
	.comBtnList
------------------------------------------------------------*/
.comBtnList {
  margin: 0 0 47px 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
.comBtnList li {
  list-style: none;
  padding: 0;
  margin: 0 21px;
  width: 348px;
}
.comBtnList li a {
  padding: 13px 26px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  flex-wrap: wrap;
  height: 100%;
  color: #fff !important;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: none !important;
  background: #001730 url("https://www.aist.go.jp/Portals/0/images/common/icon40.png") no-repeat right
    19px center / 7px auto;
  box-sizing: border-box;
}
.comBtnList li a span {
  margin-top: 2px;
  display: block;
  font-size: 1.6rem;
}
.comBtnList li a:hover {
  opacity: 0.7;
}
/*------------------------------------------------------------
	comSearchUl
------------------------------------------------------------*/
.comSearchUl {
  margin: -10px 0 55px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  list-style: none;
}
.comSearchUl li {
  margin: 10px 6px 0 0;
  padding: 0;
  width: 473px;
  border: 1px solid #ccc;
}
.comSearchUl li:nth-of-type(2n) {
  margin-right: 0;
}
.comSearchUl li a {
  align-items: center;
  color: #868584;
  padding: 15px;
  height: 100%;
  display: flex;
  border-right: 25px solid #eee;
  position: relative;
  box-sizing: border-box;
  text-decoration: none !important;
}
.comSearchUl li a::after {
  width: 14px;
  height: 14px;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  color: #eee;
  position: absolute;
  content: "";
  background: url(/Portals/0/images/common/icon44.png) no-repeat right center /
    7px auto;
}
.comSearchUl li a:hover::after {
  background: url(/Portals/0/images/common/icon46.png) no-repeat right center /
    7px auto;
}
.comSearchUl.repository li a::after {
  background: url(/Portals/0/images/common/icon57.png) no-repeat right center /
    12px auto;
  right: -18px;
}
.comSearchUl.repository li a:hover::after {
  background: url(/Portals/0/images/common/icon50.png) no-repeat right center /
    12px auto;
}
.comSearchUl li img {
  margin-right: 35px;
  width: 70px;
}
.comSearchUl li span {
  margin-top: 10px;
  display: block;
  font-size: 2rem;
  letter-spacing: normal;
}
.comSearchUl li span > span {
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.6em;
  margin: 0;
}
.comSearchUl li a:hover {
  border-right: 25px solid #868584;
}
.comSearchUl li:hover {
  border: 1px solid #868584;
}
.comSearchUl li.ee a:hover {
  border-right: 25px solid #8EB510;
}
.comSearchUl li.ee:hover {
  border: 1px solid #8EB510;
}
.comSearchUl li.bt a:hover {
  border-right: 25px solid #DD3D7C;
}
.comSearchUl li.bt:hover {
  border: 1px solid #DD3D7C;
}
.comSearchUl li.ih a:hover {
  border-right: 25px solid #008E6E;
}
.comSearchUl li.ih:hover {
  border: 1px solid #008E6E;
}
.comSearchUl li.mc a:hover {
  border-right: 25px solid #AE308C;
}
.comSearchUl li.mc:hover {
  border: 1px solid #AE308C;
}
.comSearchUl li.em a:hover {
  border-right: 25px solid #006FBC;
}
.comSearchUl li.em:hover {
  border: 1px solid #006FBC;
}
.comSearchUl li.gsj a:hover {
  border-right: 25px solid #CB4D00;
}
.comSearchUl li.gsj:hover {
  border: 1px solid #CB4D00;
}
.comSearchUl li.nmij a:hover {
  border-right: 25px solid #0092D7;
}
.comSearchUl li.nmij:hover {
  border: 1px solid #0092D7;
}
.comSearchUl li.qa a:hover {
  border-right: 25px solid #26B7BC;
}
.comSearchUl li.qa:hover {
  border: 1px solid #26B7BC;
}
.comSearchUl li.irc a:hover {
  border-right: 25px solid #CF0027;
}
.comSearchUl li.irc:hover {
  border: 1px solid #CF0027;
}
/*----------------------------------------------------------
	pageTitle/researcher
------------------------------------------------------------*/
.pageTitle.researcher {
  overflow: inherit;
}
.pageTitle.researcher .linkList {
  background-color: #604287;
}
.pageTitle.researcher .linkList > li > a:hover {
  background-color: #4b2e70;
}
.pageTitle.researcher
  .linkList
  .subBox
  .subList.txt_2
  > div
  > ul.subBox_menu
  li
  a:hover {
  color: #4b2e70;
  text-decoration: underline;
}
.pageTitle.researcher .linkList > li.link02 > a:hover::after {
  background-image: url("https://www.aist.go.jp/Portals/0/images/common/icon31.png");
  background-size: 13px;
}
.pageTitle.researcher .linkList .subBox {
  background-color: #edeaf0;
}
.pageTitle.researcher .linkList .subBox .imgBox {
  margin: 0 auto;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  min-width: 1000px;
}
.pageTitle.researcher .linkList .subBox .imgBox .lLink {
  cursor: default;
  padding: 20px 15px;
  width: 328px !important;
  background-color: #fff;
  box-sizing: border-box;
}
.pageTitle.researcher .linkList .subBox .imgBox .lLink p a {
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 15px;
  display: block;
}
.pageTitle.researcher .linkList .subBox .imgBox .lLink p a:active,
.pageTitle.researcher .linkList .subBox .imgBox .lLink p a:visited {
  color: #333;
}
.pageTitle.researcher .linkList .subBox .imgBox .lLink p a:hover {
  color: #604287;
  text-decoration: underline;
}
.pageTitle.researcher .linkList .subBox .imgBox .lLink .title {
  margin-bottom: 15px;
  color: #333333;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0;
}
.pageTitle.researcher .linkList .subBox .imgBox .lLink ul li a {
  padding-left: 12px;
  line-height: 1.71;
  color: #333;
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon33.png") no-repeat left center /
    6px;
}
.pageTitle.researcher .linkList .subBox .imgBox .lLink ul li a:active,
.pageTitle.researcher .linkList .subBox .imgBox .lLink ul li a:visited {
  color: #333;
}
.pageTitle.researcher .linkList .subBox .imgBox .lLink ul li a:hover {
  color: #604287;
  text-decoration: underline;
}
.pageTitle.researcher .linkList .subBox .imgBox .rLink {
  padding: 16px 16px 16px 15px;
  width: 664px !important;
  background-color: #fff;
  box-sizing: border-box;
}
/*
.pageTitle.researcher .linkList .subBox .imgBox .rLink ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
}
.pageTitle.researcher .linkList .subBox .imgBox .rLink li {
  border-right: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  width: 158px;
  min-height: 89px;
  box-sizing: border-box;
}
.pageTitle.researcher .linkList .subBox .imgBox .rLink li a {
  padding-top: 11px;
  height: 100%;
  display: block;
  text-align: center;
  box-sizing: border-box;
  border: none !important;
}
.pageTitle.researcher .linkList .subBox .imgBox .rLink li a:hover {
  text-decoration: underline;
  color: #604287;
  border: none !important;
}
.pageTitle.researcher .linkList .subBox .imgBox .rLink li a .txt {
  margin-top: 4px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.28;
}
*/
/*------------------------------------------------------------
pageTitle/public
------------------------------------------------------------*/
.pageTitle.public {
  overflow: inherit;
}
.pageTitle.public .subBox01 {
  background-color: #e5f8f4;
}
.pageTitle.public .linkList {
  background-color: #12826c;
  color: #fff;
  list-style-type: none !important;
  margin-left: 0 !important;
  padding: 0 !important;
}
.pageTitle.public .linkList > li > a:hover {
  background-color: #0a8d6a;
}
.pageTitle.public
  .linkList
  .subBox
  .subList.txt_2
  > div
  > ul.subBox_menu
  li
  a:hover {
  color: #0a8d6a;
  text-decoration: underline;
}
.pageTitle.public .linkList > li.link02 > a:hover::after {
  background-image: url("https://www.aist.go.jp/Portals/0/images/common/icon31.png");
  background-size: 13px;
}
.pageTitle.public .linkList .subBox {
  background-color: #e5f8f4;
}
.pageTitle.public .linkList .subBox .imgList {
  margin: 0 auto;
  max-width: 1000px;
}
.pageTitle.public .linkList .subBox .imgList {
  margin-top: -8px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pageTitle.public .linkList .subBox .imgList::after {
  width: 328px;
  content: "";
}
.pageTitle.public .linkList .subBox .imgList li {
  margin-top: 8px;
  width: 328px;
}
.pageTitle.public .linkList .subBox .imgList li a {
  padding: 9px 8px;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.pageTitle.public .linkList .subBox .imgList li a:hover {
  opacity: 0.8;
}
.pageTitle.public .linkList .subBox .imgList li a .pho img {
  width: 105px;
}
.pageTitle.public .linkList .subBox .imgList li a p {
  margin-left: 15px;
  margin-bottom: 0 !important;
  font-size: 1.4rem !important;
}
/*------------------------------------------------------------
comLinkArea
------------------------------------------------------------*/
.comLinkArea {
  margin-bottom: 50px;
  margin-right: 0;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin-left: 0;
}
.comLinkArea li {
  margin: 0 10px 0 0;
  max-width: 312px;
  width: 100%;
}
.comLinkArea li:last-of-type {
  margin: 0;
}
.comLinkArea li a {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 1.8rem;
  font-weight: bold;
  height: 141px;
  justify-content: center;
  line-height: 1.33;
  padding: 0 0 10px;
  text-align: center;
}
.comLinkArea li a .ttl {
  margin-bottom: 8px;
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
}

.comLinkArea.column2 {
  justify-content: center;
}

.comLinkArea.column2 li {
  max-width: 350px;
}

@media all and (min-width: 896px) {
.comLinkArea.column2.lineBreak li br {
  display: none;
  text-indent: 0%;
}
}
/*------------------------------------------------------------
	comTextArea
------------------------------------------------------------*/
.comTextArea {
  margin: 0 auto 50px;
  padding: 28px 20px 31px;
  width: 700px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
.comTextArea .title {
  margin-bottom: 18px !important;
  color: #604287;
  font-size: 2rem !important;
  font-weight: bold;
  text-align: center;
}
.comTextArea p {
  margin-bottom: 20px !important;
  font-size: 1.6rem;
  line-height: 1.625;
}
/*------------------------------------------------------------
	comLinkInner
------------------------------------------------------------*/
.comLinkInner {
  margin-bottom: 30px;
}
.comLinkInner .list01 {
  margin-bottom: 33px;
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin-left: 0;
}
.comLinkInner .list01.dep {
  flex-wrap: wrap;
}
.comLinkInner .list01.dep li {
  margin: 0 0 5px 0;
}
.comLinkInner .list01 li {
  padding: 0 24px;
  font-size: 1.6rem;
  line-height: 1;
  border-right: 1px solid #cccccc;
}
.comLinkInner .list01 li.on {
  font-weight: bold;
}
.comLinkInner .list02 {
  display: flex;
  justify-content: center;
}
.comLinkInner .list02 li {
  margin: 0 5px;
  width: 160px;
}
.comLinkInner .list02 li a {
  padding: 7px 0 4px;
  display: block;
  color: #fff !important;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  background-color: #604287;
  border-radius: 50px;
  text-decoration: none !important;
}
.comLinkInner .list02 li a:hover {
  opacity: 0.7;
}
.comLinkInner .list02.blue li a {
  background-color: #115c9e;
}
@media all and (min-width: 897px) {
  .comLinkInner .list01 li a:hover {
    font-weight: normal !important;
  }
}

.pageTitle .linkList .subBox03 .imgBox .lLink .title {
  margin-bottom: 20px;
  font-size: 1.6rem;
  line-height: 1.625;
}

#mainBody .pageTitle {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

/*------------------------------------------------------------
　帯 共通
------------------------------------------------------------*/
.pageTitle .linkList .subBox .subList.txt > li .title + p {
  font-size: 1.3rem;
}
.pageTitle .linkList .subBox02 ul {
  font-size: 1.5rem;
}
.pageTitle .linkList .subBox01 .subList.txt li.image a {
  display: flex;
}
.pageTitle .subBox01 > ul > .two a .cimg {
  margin-right: 20px;
}
.pageTitle .subBox01 > ul > .two {
  width: 738px;
}
.pageTitle .linkList .subBox01 .subList > li .title + p {
  font-size: 1.3rem;
}
/*------------------------------------------------------------
　帯 ビジネスの方へ
------------------------------------------------------------*/
.industry .linkList .subBox,
.industry .linkList .subBox01,
.industry .linkList .subBox02,
.business .linkList .subBox,
.business .linkList .subBox01,
.business .linkList .subBox02 {
  background-color: #e9edfb;
}
.industry .subBox01 .subList.txt > li .title,
.business .subBox01 .subList.txt > li .title {
  color: #006bc4;
}
.business .subBox01 .subList > li .title + p {
  font-size: 1.3rem !important;
}
.business .subBox01 {
  height: auto;
}
.business .subBox .imgBox .rLink li a .txt {
  margin-bottom: 4px !important;
}
.business .subBox01 .subList.txt li:before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid #006bc4;
}
/*2022.02.07 start*/
.business .subBox .imgBox .lLink {
  width: 328px !important;
}
.business .subBox .imgBox .rLink {
  width: 664px !important;
}
.business .subBox02 {
  height: auto !important;
}
.business .subBox02 .imgBox {
  margin-bottom: 0px !important;
}
.industry .subBox .imgBox .first_link,
.business .subBox .imgBox .first_link {
  position: relative;
}
.industry .subBox .imgBox a,
.business .subBox .imgBox a {
  height: auto;
  background-color: #fff;
}
.industry .subBox02 .imgBox .lLink .title + p {
  margin-bottom: 18px;
  font-size: 1.6rem;
  line-height: 1.625;
}
/*追加 検証分*/
.industry .subBox {
  height: auto !important;
}
.industry .subBox .subList.txt li:before,
.industry .subBox .imgBox .lLink::before {
  border-right: 10px solid #115c9e;
}
.industry .subBox01 .subList.txt li:before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid #115c9e;
}
.industry .subBox01 .subList > li .title + p,
.industry .linkList .subBox .subList > li .title + p {
  font-size: 1.3rem !important;
}
.industry .linkList .subBox .subList > li .title {
  margin-bottom: 5px !important;
}
.industry .subBox .imgBox .rLink li a .txt {
  margin-bottom: 4px !important;
}
.industry .subBox .imgBox .lLink .title {
  margin-bottom: 10px !important;
}
.industry .subBox .imgBox .lLink .title + p {
  margin-bottom: 6px !important;
  font-weight: bold;
  font-size: 1.6rem;
}
.industry .subBox {
  height: auto !important;
}
.industry .linkList .subBox .imgBox {
  margin-bottom: 0px !important;
}
.industry .sp_subBox {
  opacity: 0;
}
.pageTitle.industry {
  overflow: inherit;
}
.pageTitle.industry .lLink {
  cursor: pointer;
}
.pageTitle.industry .linkList .subBox .imgBox {
  margin: 0 auto;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  min-width: 1000px;
}
.pageTitle.industry .linkList .subBox .imgBox .lLink {
  padding: 20px 15px;
  width: 328px !important;
  background-color: #fff;
  box-sizing: border-box;
}
.pageTitle.industry .linkList .subBox .imgBox .lLink a {
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 15px;
  display: block;
}
.pageTitle.industry .linkList .subBox .imgBox .lLink a:active,
.pageTitle.industry .linkList .subBox .imgBox .lLink a:visited {
  color: #333;
  text-decoration: none;
}
.pageTitle.industry .linkList .subBox .imgBox .lLink .title {
  margin-bottom: 15px;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.pageTitle.industry .linkList .subBox .imgBox .lLink a:hover {
  color: #006bc4 !important;
  text-decoration: underline;
}
.pageTitle.industry .linkList .subBox .imgBox .lLink ul li a {
  padding-left: 12px;
  line-height: 1.71;
}
.pageTitle.industry .linkList .subBox .imgBox .lLink ul li a:hover {
  text-decoration: underline;
}
/*
.pageTitle.industry .linkList .subBox .imgBox .rLink {
  padding: 16px 16px 16px 15px;
  width: 664px !important;
  background-color: #fff;
  box-sizing: border-box;
}
.pageTitle.industry .linkList .subBox .imgBox .rLink ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
}
.pageTitle.industry .linkList .subBox .imgBox .rLink li {
  width: 158px;
  min-height: 89px;
  border-right: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  box-sizing: border-box;
}
.pageTitle.industry .linkList .subBox .imgBox .rLink li a,
.pageTitle.researcher .linkList .subBox .imgBox .rLink li a,
.pageTitle.public .linkList .subBox .imgBox .rLink li a {
  padding-top: 11px;
  height: 100%;
  display: block;
  text-align: center;
  border: none !important;
  box-sizing: border-box;
}
.pageTitle.industry .linkList .subBox .imgBox .rLink li a:hover {
  text-decoration: underline;
  color: #006bc4;
}
.pageTitle.industry .linkList .subBox .imgBox .rLink li a .txt {
  margin-top: 4px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.28;
}
.pageTitle.researcher .linkList .subBox .imgBox .rLink li:hover {
  border-color: #e7e7e7 !important;
}
*/
/*------------------------------------------------------------
　帯 一般の方へ
------------------------------------------------------------*/
.public .linkList .subBox .subList.txt li:before,
.public .linkList .subBox .imgBox .lLink::before {
  border-right: 10px solid #12826c;
}
.public .subBox02 .imgBox .rLink li:first-child {
  background-color: #12826c;
}
.public .subBox01 .subList > li .title + p {
  font-size: 1.3rem !important;
}
.public .subBox01 .subList.txt li:before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid #115c9e;
}
.public .subBox .imgBox .rLink li a .txt {
  margin-bottom: 4px !important;
}
.public .subBox .subList.txt > li .title + p {
  font-size: 1.3rem !important;
}
.public .subBox .subList.txt > li .title {
  margin-bottom: 5px !important;
}
.public .subBox .imgBox .lLink .title {
  margin-bottom: 15px !important;
}
/*------------------------------------------------------------
　帯 研究者の方へ
------------------------------------------------------------*/
.researcher .comSub {
  background-color: #edeaf0;
}
.researcher .subBox .subList.txt li:before,
.researcher .subBox .imgBox .lLink::before {
  border-right: 10px solid #604287;
}
.researcher .subBox01 .subList.txt li:before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid #604287;
}
.researcher .subBox01 .subList > li .title + p,
.researcher .linkList .subBox .subList > li .title + p {
  font-size: 1.3rem !important;
}
.researcher .linkList .subBox .subList > li .title {
  margin-bottom: 5px !important;
}
.researcher .subBox .imgBox .rLink li a .txt {
  margin-bottom: 4px !important;
}
.researcher .subBox .imgBox .lLink .title {
  margin-bottom: 10px !important;
}
.researcher .subBox .imgBox .lLink .title + p {
  margin-bottom: 6px !important;
  font-weight: bold;
  font-size: 1.6rem;
}
.researcher .subBox,
.public .subBox {
  height: auto !important;
}
.researcher .linkList .subBox .imgBox {
  margin-bottom: 0px !important;
}
.researcher .sp_subBox {
  opacity: 0;
}
.pageTitle.researcher .linkList .subBox .imgBox .rLink li .txt a {
  border-top: none;
}
/*------------------------------------------------------------
　研究推進組織　モジュール
------------------------------------------------------------*/
#mainBody .inner.units .headLine02 {
  margin-bottom: 28px;
}
#mainBody .inner.units .text {
  margin-bottom: 15px;
  font-size: 1.3rem;
  line-height: 1.625;
}
#mainBody .inner.units .textBox {
  margin: 60px 0 30px;
  padding: 11px 30px 11px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ccc;
}
#mainBody .inner.units .textBox p img {
  margin-right: 15px;
  width: 60px;
}
#mainBody .inner.units .textBox p {
  margin: 0;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: normal;
  padding: 0;
}
#mainBody .inner.units .textBox a {
  width: 165px;
  display: block;
  color: #115c9e;
  font-size: 1.6rem;
  text-align: right;
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon45.png") no-repeat left center /
    20px auto;
}
#mainBody .inner.units .linkList01 {
  margin: 0 0 21px 0;
  display: flex;
  justify-content: center;
  padding: 0;
  flex-wrap: wrap;
}
#mainBody .inner.units .linkList01 li {
  border-right: 1px solid #e7e7e7;
  list-style: none;
}
#mainBody .inner.units .linkList01 li a {
  padding: 0 25px;
  font-size: 1.6rem;
  font-weight: normal;
  color: #333;
  text-decoration: none;
  pointer-events: none;
}
#mainBody .inner.units .linkList01 li.on a {
  font-weight: bold;
}
#mainBody .inner.units .photoList {
  margin: -25px auto 45px;
  padding: 0;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
}
#mainBody .inner.units .photoList li {
  margin: 25px 0 0 0;
  padding: 0;
  width: 225px;
  text-align: center;
  list-style: none;
}
#mainBody .inner.units .photoList li:nth-of-type(4n) {
  margin-right: 0;
}
#mainBody .inner.units .photoList li a {
  display: block;
}
#mainBody .inner.units .photoList li img {
  border: 1px solid #ccc;
  height: 225px;
  margin-bottom: 10px;
  object-fit: contain;
  width: 225px;
}
#mainBody .inner.units .photoList li p {
  margin-bottom: 0;
}
#mainBody .inner.units .photoList li p a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ba2636;
  font-size: 1.4rem;
  line-height: 1.45;
  letter-spacing: normal;
  text-decoration: underline;
}
#mainBody .inner.units .headLine03 {
  margin-bottom: 29px;
}
#mainBody .inner.units .linkList02  {
  margin-left: 0;
}
#mainBody .inner.units .linkList02 > li {
  margin-bottom: 40px;
  list-style: none;
  padding: 0;
}
#mainBody .inner.units .linkList02 > li:nth-of-type(4) {
  margin-bottom: 58px;
}
#mainBody .inner.units .linkList02 > li:last-of-type {
  margin-bottom: 0;
}
#mainBody .inner.units .linkList02 > li > a {
  padding: 0 0 10px 30px;
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: normal;
  border-bottom: 4px solid #eee;
}
#mainBody .inner.units .linkList02 > li > a:hover {
  opacity: 0.7;
}
#mainBody .inner.units .linkList02 > li > a span {
  padding-right: 30px;
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon45.png") no-repeat right center /
    17px auto;
}
#mainBody .inner.units .linkList02 .subList {
  margin-top: 19px;
}
#mainBody .inner.units .textBox a:hover,
#mainBody .inner.units .photoList li a:hover {
  opacity: 0.7;
}
#mainBody .inner.units .linkList01 li a:hover {
  font-weight: bold;
}
#mainBody .inner.units .comSearchUl li {
  min-height: 84px;
  padding: 0;
}
#mainBody .inner.units .comSearchUl li a {
  padding: 15px 30px;
  color: #333;
  text-decoration: none;
}
#mainBody .inner.units .comSearchUl li a::after {
  background: url(/Portals/0/images/common/icon57.png) no-repeat right center /
    14px auto;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#mainBody .inner.units .comSearchUl li a:hover::after {
  background: url(/Portals/0/images/common/icon50.png) no-repeat right center /
    14px auto;
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
  cursor: inherit;
}
.pop {
  display: none;
}
.pop .close {
  position: absolute;
  top: -30px;
  right: -30px;
}
.pop .close a:hover {
  opacity: 0.7;
}
.pop .popupArea {
  padding: 51px 49px 50px 41px;
  width: 1000px;
  display: flex;
  background-color: #fff;
  box-sizing: border-box;
}
.pop .popupArea h2 {
  margin-bottom: 16px;
  padding: 10px 0 7px;
  color: #fff;
  font-size: 2.2rem;
  font-weight: normal;
  text-align: center;
  background-color: #474747;
  background-image: none;
}
.pop .popupArea .photoBox {
  width: 225px;
}
.pop .popupArea .textBox {
  padding: 0 0 0 25px;
  width: calc(100% - 225px);
  box-sizing: border-box;
  border: none;
  margin: 0;
}
.pop .popupArea .textBox .title {
  margin-bottom: 10px;
  color: #d70712;
  font-size: 2rem;
}
.pop .popupArea .textBox p {
  margin-bottom: 21px;
  font-size: 1.6rem;
  line-height: 1.625;
}
.pop .popupArea ul,
.pop .popupArea ol {
  margin-bottom: 20px;
}
.pop .popupArea ul li,
.pop .popupArea ol li {
  list-style-type: dotted;
  margin-left: 20px;
  margin-bottom: 1px;
  font-size: 1.6rem;
  line-height: 1.625;
}
.pop .popupArea ol li {
  list-style-type: decimal;
}
.pop .popupArea .textBox .sub {
  padding: 22px 21px 16px;
  /* display: flex; */
  align-items: center;
  background-color: #f5f5f5;
}
.pop .popupArea .textBox .sub ul li {
  list-style: none;
  margin: 0;
}
.pop .popupArea .textBox .sub p {
  margin-bottom: 0;
}
.pop .popupArea .textBox .sub {
  margin-bottom: 15px;
}
.pop .popupArea .textBox .sub .ttl {
  font-size: 1.5rem;
  font-weight: bold;
  margin-right: 30px;
}
.pop .popupArea .textBox .sub01 {
  margin-bottom: 30px;
}
.pop .popupArea .textBox .link a {
  color: #333;
  padding: 18px 22px 16px;
  display: block;
  font-size: 1.6rem;
  line-height: 1.625;
  background-color: #f5f5f5;
}
.pop .popupArea .textBox .link a span {
  padding-right: 30px;
  display: inline-block;
  background: url("https://www.aist.go.jp/Portals/0/images/common/icon53.png") no-repeat right center /
    18px;
}
.pop .popupArea .textBox .link a:hover {
  opacity: 0.7;
}
.swich_setting {
  display: none;
}
.swich_setting {
  display: none;
}
.tooltip {
  position: relative;
  cursor: pointer;
  padding: 0 5px;
  font-size: 1.3rem;
  color: #115c9e;
  background: url(/Portals/0/images/common/icon45.png) no-repeat left center /
    16px auto;
  padding-left: 30px;
}
.description {
  width: 150px;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px;
  padding: 8px 8px 25px;
  border-radius: 10px;
  background-color: #222;
  font-size: 1.3rem;
  color: #fff;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: 0.5s all;
  line-height: 1.8em;
}
.description::before {
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom: 12px solid #222;
  position: absolute;
  bottom: 99%;
  left: 50%;
  transform: translateX(-50%);
}
.description::after {
  content: "×";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 5px;
  width: 100%;
  text-align: center;
  display: block;
}
.swich_setting:checked + .tooltip .description {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
#mainBody .inner.units .linkList02 > li > .title {
  display: block;
  letter-spacing: normal;
  border-bottom: 4px solid #eee;
  font-size: 1.8rem;
  font-weight: bold;
  padding-left: 30px;
  padding-bottom: 10px;
  list-style: none;
}
#mainBody .inner.units .linkList02 > li .tooltip {
  color: #333;
  font-size: 1.8rem;
  font-weight: bold;
  padding-left: 0;
  padding-right: 30px;
  background: url(/Portals/0/images/common/icon45.png) no-repeat right center /
    17px auto;
  display: inline-block;
}
#mainBody .inner.units .photoList::before,
#mainBody .inner.units .photoList::after {
  content: "";
  display: block;
  order: 1;
  width: 225px;
}
.inner.units .keyword {
  color: #333;
  font-weight: bold;
  padding: 0 25px;
  font-size: 1.6rem;
}

.newsList .newsTitle {
  margin: 0;
  width: 88%;
}
.pageTitle.researcher .linkList .subBox02 .imgBox .lLink ul li {
  padding: 3px 0 0px;
  border: none;
}

/* 問い合わせform */
#mainBody .telBox {
  margin-bottom: 46px;
  padding: 14px 0;
  display: flex;
  justify-content: space-between;
  border: 1px solid #cccccc;
}
#mainBody .telBox .lBox {
  padding: 27px 0 26px 49px;
  width: 518px;
  box-sizing: border-box;
  border-right: 1px solid #cccccc;
}
#mainBody .telBox .lBox .title {
  font-size: 2rem;
  font-weight: bold;
}
#mainBody .telBox .lBox p {
  font-size: 1.6rem;
  padding-bottom: 0;
}
#mainBody .telBox .rBox {
  padding: 0 27px;
  width: calc(100% - 518px);
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
#mainBody .telBox .rBox p {
  padding-bottom: 0;
}
#mainBody .telBox .rBox p a {
  font-size: 4.5rem;
  font-weight: bold;
  line-height: 1;
}
#mainBody .txtList {
  margin: 0 0 8px 0;
  padding: 0;
}

#mainBody .txtList ul{
  margin: 0;
}

#mainBody .txtList li {
  list-style: none;
  padding: 0 10px 0 33px;
  position: relative;
  line-height: 1.625;
}
/*#mainBody .txtList li:not(:last-of-type) {
  margin-bottom: 8px;
}*/
#mainBody .txtList li::after {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 6px;
  left: 10px;
  border-radius: 50%;
  background-color: #d6d6d6;
  content: "";
}
#mainBody .notes {
  margin-bottom: 19px;
  color: #b41212;
  line-height: 1.625;
}
@media all and (max-width: 896px) {
  #mainBody .telBox {
    margin-bottom: 46px;
    padding: 0 10px;
    display: block;
  }
  #mainBody .telBox .lBox {
    padding: 27px 10px;
    width: auto;
    box-sizing: border-box;
    border-right: 0;
    border-bottom: 1px solid #cccccc;
  }
  #mainBody .telBox .rBox {
    padding: 27px 10px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
  #mainBody .telBox .rBox p {
    margin-bottom: 0;
  }
  #mainBody .telBox .rBox p a {
    font-size: 3rem;
  }
  #mainBody .txtList {
    max-width: 100% !important;
  }
  #mainBody .txtList li {
    padding: 0 0 0 33px;
    width: 100% !important;
    height: auto !important;
    font-size: 1.4rem !important;
  }
  #mainBody .notes {
    font-size: 1.4rem;
  }
}
.pageTitle .linkList .subBox .subList.iconin > li:last-child {
  border: none;
}
.pageTitle .linkList .subBox .subList.iconin > li:nth-child(8)::before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  border-top: 10px solid transparent;
  border-right: 10px solid #707070;
}
.pageTitle .linkList .subBox .subList.iconin > li .title + p {
  font-size: 1.4rem !important;
  line-height: normal;
}
.inner.howto .comLinkArea li a {
  flex-direction: column;
}
/* 理事・監事・執行役員 */
.pop .popupArea .photoBox.profile {
  width: 160px;
}
.pop .popupArea .textBox.biographyTable {
  padding: 0 0 0 25px;
  width: calc(100% - 160px);
  box-sizing: border-box;
  border: none;
  margin: 0;
}
/*------------------------------------------------------------
　共用施設
------------------------------------------------------------*/
.navy #mainBody .imgList {
  margin: 0 0 30px!important;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.navy #mainBody .imgList > li {
  list-style: none;
  margin-bottom: 20px;
  background-color: #f2f2f2;
}
.navy #mainBody .imgList li .photoBox img {
  width: 100%;
  height: auto;
  max-height: 206px;
  object-fit: cover;
}
.navy #mainBody .imgList::after {
  width: 320px;
  content: "";
}
.navy #mainBody .imgList li .textBox {
  padding: 20px;
  border: none !important;
}
.navy #mainBody .imgList li .textBox .title {
  margin-bottom: 10px;
  color: #111111;
  font-weight: bold;
  line-height: 1.5;
}
.navy #mainBody .imgList .textBox p {
  padding: 0;
}
.navy #mainBody .imgList li .textBox .txt {
  margin-bottom: 20px;
  color: #6a6a6a;
  line-height: normal;
}
.navy #mainBody .imgList li .photoBox {
  position: relative;
}
.navy #mainBody .imgList li .photoBox .tag {
  position: absolute;
  bottom: 0;
  left: 0;
}
.navy #mainBody .imgList.result li .photoBox .tag img {
  height: 24px;
  width: auto;
}
.listnavyIcon{
  margin-left: 10px;
  border: none;
}
.listnavyIcon li {
  background: url(/Portals/0/images/common/ico_navy_cercle.png) no-repeat 0 4px;
  padding-left: 18px !important;
  list-style: none;
  border: none;
}

/*------------------------------------------------------------
	page-nav(ページ内リンクナビゲーション) 2025.10.08追加
------------------------------------------------------------*/
.page-nav {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    gap: 30px;
}

.page-nav li {
    position: relative;
    margin: 0;
    padding: 0 15px 0 0;
}

.page-nav li a {
    color: #333333;
    text-decoration: none;
}

.page-nav li a:focus-visible {
  text-decoration: none;
}

@media (any-hover: hover) {
  .page-nav li a:any-link:hover {
    text-decoration: none;
  }
}

.page-nav li a::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: url(/Portals/0/images/common/ico_arrow_down03.png) no-repeat center /10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/*------------------------------------------------------------
	imageTextBox(画像・テキスト横並び用BOX) 2025.10.08追加
------------------------------------------------------------*/
.imageTextBox {
    display: flex;
    gap: 40px;
    margin-bottom: 30px;
}

#mainBody .imageTextBox .textBox {
    flex: 1;
    margin-bottom: 0;
    padding: 0;
}

.imageTextBox .textBox a{
    text-decoration: underline;
    color: #cf0010;
}

.imageTextBox .textBox a:focus-visible {
  text-decoration: none;
}

@media (any-hover: hover) {
  .imageTextBox .textBox a:any-link:hover {
    text-decoration: none;
  }
}

.imageTextBox .textBox .catchphrase {
    font-weight: bold;
    font-size: 1.6rem;
}

.imageTextBox .imageBox img {
    max-width: 500px;
    display: block;
    margin-bottom: 15px;
    margin: auto;
}

.imageTextBox .imageBox .position,
.imageTextBox .imageBox .name {
    display: block;
    text-align: center;
}

.imageTextBox .imageBox .name {
    font-size: 1.5rem;
}

/*------------------------------------------------------------
	pickup (コンテンツ幅を超えて灰色背景表示・産総研についての地域センターページなどで使用)　 2025.10.08追加
------------------------------------------------------------*/
.pickup {
    width: 1000px;
    border-image: linear-gradient(#f2f2f2, #f2f2f2) fill 0 //0 100vw 0 100vw;
    padding:40px 0;
}

.pickup h2 {
    text-align: center;
    background: none;
    font-size: 3.6rem;
    margin:0 0 1em;
    font-weight: bold;
    padding: 0;
}

.pickup h2 .centerName {
    font-size: 1.6rem;
    display: block;
}

.pickup .comLinkList {
    margin: 0;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, 296px);
    gap: 56px;
    justify-content: center;
    list-style: none;
    font-size: 1.6rem;
    font-weight: 700;
}

.pickup .comLinkList::after{
    content: none;
}

.pickup .comLinkList li {
    margin: 0;
    width: 296px;
    text-align: center;
}

.pickup .comLinkList li .pho{
  display: block;
}

.pickup .comLinkList li a{
    text-decoration: none;
}

.pickup .comLinkList li a:focus-visible {
    text-decoration: underline;
}

@media (any-hover: hover) {
  .pickup .comLinkList li a:any-link:hover {
      text-decoration: underline;
  }
}


/*------------------------------------------------------------
	inquiryBox (地域センターページなどで使用)　 2025.10.08追加
------------------------------------------------------------*/
.inquiryBox {
    display: flex;
    gap: 40px;
}

.inquiryBox .buttonBox {
    border-right: 1px solid #CCCCCC;
    padding-right: 40px;
}

#mainBody .inquiryBox .textBox{
    padding: 0;
}

.inquiryBox .textBox>p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}