.page #research_development .page__title {
   background-image: url('../img/research/img_research_titleback_pc.jpg');
}
@media only screen and (max-width: 1100px) {
   .page #research_development .page__title {
      background-image: url('../img/research/img_research_titleback_sp.jpg');
   }
}
#cate__menu {
   max-width: 1200px;
   margin: 80px auto 0 auto;
}

.research__items {
   margin-top: 50px;
   display: flex;
   flex-wrap: wrap;
   gap: 60px;
}
.research__item {
   width: calc((100% - 120px) / 3);
   display: flex;
   flex-flow: column;
   justify-content: flex-start;
}
.research__item:hover {
   opacity: 1;
}
.research__item img {
   transition: 0.3s;
}
.research__item:hover img {   
   opacity: 0.8;
}
.research__title {
   font-size: 18px;
   color: #333;
   line-height: 1.3;
   padding: 1em 2em 1em 0.3em;
   border-bottom: 1px solid #acacac;
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   flex: 1;
}
.research__title::after {
   content: '';
   background-image: url(../img/common/icon_arrow_right_green.svg);
   background-size: contain;
   background-repeat: no-repeat;
   display: inline-block;
   width: 26px;
   height: 26px;
   position: absolute;
   right: 0;
}
.research__item:hover .research__title::after {
   background-image: url('../img/common/icon_arrow_right_white_green.svg');
}

@media only screen and (max-width: 900px) {
   #cate__menu {
      width: 100%;
      margin: 60px auto 0 auto;
   }
   #research_development .inner {
      width: 100%;
   }
   .research__items {
      gap: 15px;
   }
   .research__item {
      width: calc((100% - 15px) / 2);
      
   }
   .research__title {
      font-size: 14px;
      flex: 1;
      padding: 0.7em 1.5em 0.7em 0.5em;
   }
   .research__title::after {
      width: 16px;
      height: 16px;
   }
}



/*研究開発のビジョン*/
.vision__list__wrap {
   display: flex;
   gap: 60px;
}
.vision__list__wrap li {
   flex: 1;
   box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
   padding: 45px 45px;
}
.vision__list__title {
   font-size: 28px;
   font-weight: 500;
   line-height: 1;
   color: #009e40;
   text-align: center;
   margin-top: 1.3em;
}
.vision__list__text {
   margin-top: 1.1em;
   font-size: 18px;
   text-align: center;
}

@media only screen and (max-width: 900px) {
   .vision__list__wrap {
      flex-flow: column;
      gap: 40px;
   }
   .vision__list__wrap li {
      width: 100%;
      padding: 30px 14px;
   }
   .vision__list__title {
      font-size: 22px;
   }
   .vision__list__text {
      font-size: 16px;
   }
}
/*研究開発の方向性・基盤技術*/
.map-img {
   width: 880px;
   margin: 0 auto;
}
.directivity__menu {
  
   padding: 60px 100px;
   box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.directivity__menu__wrap {
   display: flex;
   flex-wrap: wrap;
   gap: 40px 20px;
   margin-top: 1.5em;
}
.directivity__list {
   width: calc((100% - 40px) / 3);
   display: flex;
   flex-flow: column;
   justify-content: flex-start;
}
.directivity__list:hover {
   opacity: 1;
}
.directivity__list img {
   transition: 0.3s;
}
.directivity__list:hover img {
   opacity: 0.8;
}
.directivity__title {
   font-size: 18px;
   color: #333;
   line-height: 1.3;
   padding: 1em 2em 1em 0.3em;
   border-bottom: 1px solid #acacac;
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   flex: 1;
}
.directivity__title::after {
   content: '';
   background-image: url('../img/common/icon_arrow_down_green.svg');
   background-size: contain;
   background-repeat: no-repeat;
   display: inline-block;
   width: 26px;
   height: 26px;
   position: absolute;
   right: 0;
}
.directivity__list:hover .directivity__title::after {
   background-image: url('../img/common/icon_arrow_down_white_green.svg');
}

.directivity__item__area {
   background-color: #f9f9f9;
   margin: 0 calc(50% - 50vw);
   margin-top: 100px;
   padding: 100px 0;
}
.directivity__item__Wrap {
	margin:  0 auto;
	padding: 60px 100px;
	max-width: 1200px;
	background: #fff;
}
.directivity__item__Wrap:nth-child(n+2) {
   margin-top: 100px;
}
.directivity__item__content {
   display: flex;
   gap: 20px;
}
.directivity__item__content > div {
   width: calc((100% - 20px) / 2);
}
.directivity__item__data {
   margin-top: 1.5em;
}
.directivity__item__data__title {
   font-size: 14px;
   font-weight: 500;
   color: #009e40;
   line-height: 1;
   margin-top: 2.5em;
}
.directivity__item__data__list {
   margin-top: 0.5em;
}
.directivity__item__data__tech {
   background-color: #fff8ee;
   border-bottom: 1px solid #acacac;
}
.directivity__item__data__tech:first-child {
   border-top: 1px solid #acacac;
}
.directivity__item__data__tech dt {
   line-height: 1.2;
   padding: 0.75em 1em;
   display: flex;
   align-items: center;
}
.directivity__item__data__tech dt::before {
   content: '■';
   font-size: 8px;
   line-height: 1;
   color: #009e40;
   margin-right: 0.5em;
}
.directivity__item__data a {
	margin-top: 0.5em;
	display: inline-flex;
	background-color: #fff;
	border: 1px solid #009e40;
	color: #009e40;
	font-weight: 500;
	padding: 0 3em 0 1em;
	width: 387px;
   max-width: 100%;
	position: relative;
	transition: 0.3s;
   line-height: 1.1;
   height: 60px;
   align-items: center;
}
.directivity__item__data a:hover {
   background-color: #009e40;
   color: #fff;
   opacity: 1;
}
.directivity__item__data a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	background-image: url('../img/common/icon_arrow_right_white_green.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	height: 24px;
	width: 24px;
}
.directivity__item__data a:hover::after {
	background-image: url('../img/common/icon_arrow_right_green.svg');
}
.directivity__item__data .icon--pdf {
	width: 23px;
	vertical-align: middle;
	margin-left: 3px;
   transition: 0.3s;
}
.directivity__item__data a:hover .icon--pdf {
   opacity: 0;
}

@media only screen and (max-width: 900px) {
   .directivity__menu {
      padding: 30px 14px;
   }
   .directivity__menu__wrap {
      gap: 15px;
   }
   .directivity__list {
      width: calc((100% - 15px) / 2);
   }
   .directivity__title {
      font-size: 14px;
      flex: 1;
      padding: 0.7em 1.5em 0.7em 0.5em; 
   }
   .directivity__title::after {
      width: 16px;
      height: 16px;
   }

   .directivity__item__area {
      margin-top: 60px;
      padding: 60px 0;
   }
   .directivity__item__Wrap {
      padding: 2em 1em;
   }
   .directivity__item__Wrap:nth-child(n+2) {
      margin-top: 60px;
   }
   .directivity__item__content {
      flex-flow: column;
   }
   .directivity__item__content > div {
      width: 100%
   }
   .directivity__item__data__list {
      margin-top: 0.8em;
   }
}

/* 研究開発トピックス */
.directivity__item__data a.directivity__item__infoLink {
   margin-top: 1.5em;
}

/* 研究開発体制 */

.analytical-equipment__list {
   margin-top: 1.5em;
   display: flex;
   flex-wrap: wrap;
   gap: 0 2em;
}
.analytical-equipment__list li {
   width: calc((100% - 2em) / 2);
   line-height: 1.35;
   margin-top: 0.5em;
   padding-left: 1.25em;
   text-indent: -1.25em;
}
.analytical-equipment__list li::before {
   content: '●';
   font-size: 12px;
   color: #009e40;
   margin-right: 0.5em;
   position: relative;
   top: -2px;
}
@media only screen and (max-width: 900px) {
   .system__menu {
   display: flex !important;
   flex-wrap: wrap;
   gap: 1em;
   }
   .system__menu li {
      width: calc((100% - 1em) / 2);
      background-color: #009e40;
      display: flex;
      flex-flow: column;
      align-items: center;
      gap: 0.5em;
      padding: 1em;
   }
   .system__menu li::after {
      content: '';
      background-image: url('../img/common/icon_arrow_down_green.svg');
      background-size: contain;
      background-repeat: no-repeat;
      display: inline-block;
      width: 16px;
      height: 16px;
   }
   .system__menu li a {
      font-weight: 500;
      line-height: 1.22;
      color: #fff;
   }
   .analytical-equipment__list li {
      width: 100%;
      margin-top: 0.3em;
   }
   .analytical-equipment__list li::before {
      top: -1px;
   }
}

/* 対外発表 */
.sub-category-menu-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 25px;
}
.sub-category-menu-list li {
	width: calc((100% - 60px) / 4);
	border-top: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
	display: flex;
	align-items: center;
}
.sub-category-menu-list li a {
	display: inline-block;
	width: 100%;
	padding: 15px 3em 15px 1em;
	position: relative;
	transition: 0.3s;
	line-height: 1.35;
}
.sub-category-menu-list li a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	background-image: url('../img/common/icon_arrow_down_green.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	height: 24px;
	width: 24px;
}
.sub-category-menu-list li a:hover::after {
   background-image: url('../img/common/icon_arrow_down_green_white.svg');
}


.research-table-wrapper {
   margin-top: 20px;
   overflow-x: auto; 
   overflow-y: hidden !important;
   position: relative;
}
.research-info-table {
   border-collapse:  collapse;
   table-layout: fixed;
   width: 100%;
}

.research-info-table th {
   background-color: #009e40;
   color: #fff;
   padding: 1.3em;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   border-right: 1px solid #fff;
   line-height: 1.35;
}

.research-info-table td {
   padding: 1.3em;
   display: table-cell;
   vertical-align: middle;
   border: 1px solid #acacac;
   line-height: 1.35; 
}
.research-info-table td a {
   color: #009e40;
   overflow-wrap: anywhere;
}
.research-info-table th:first-child {
   width: 80px;
   position: sticky;
   left: 0;
   z-index: 8;
   border-right: none;
   box-shadow: -1px 0 0 0 #fff inset;
}
.research-info-table--02 th:nth-child(5) {
   width: 180px;
}

.research-info-table td:first-child {
   background-color: #f1f1f1;
   position: sticky;
   left: 0;
   z-index: 8;
   border-left: none;
   border-right: none;
   text-align: center;
}
.research-info-table td:nth-child(2) {
   border-left: none;
   position: relative;
}
.research-info-table td:first-child::before {
   content: '';
   position: absolute;
   display: inline-block;
   width: 1px;
   height: 100%;
   background-color: #acacac;
   left: 0;
   top: 0;
}
.research-info-table td:first-child::after {
   content: '';
   position: absolute;
   display: inline-block;
   width: 1px;
   height: 100%;
   background-color: #acacac;
   right: -1px;
   top: 0;
}

@media only screen and (max-width: 900px) {
   .sub-category-menu-list {
      gap: 15px;
      margin-top: 20px;
   }
   .sub-category-menu-list li {
	   width: calc((100% - 15px) / 2);
   }
   .sub-category-menu-list li a {
      padding: 0.5em 3em 0.5em 0.3em;
   }
   .sub-category-menu-list li a::after {
      width: 16px;
      height: 16px;
   }
   .research-info-table {
      table-layout: auto;
      width: 1200px;
   }
   .research-info-table th, .research-info-table td {
      padding: 1em;
   }
   .research-info-table th:nth-child(1) {
      width: 50px;
   }
}

/* CREATIVE(技術報告書) */

/* ebook */
.ebookWrap {
   width: 970px;
   margin: 0 auto;
   position: relative;
   padding-top: 62%;
}
.ebookWrap iframe {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ebook__link {
   display: block;
   margin-top: 20px;
   text-align: center;
   line-height: 1;
   color: #009e40;
   text-decoration: underline;
}
.ebook__backnumber {
   width: 387px;
   max-width: 100%;
   margin: 0 auto;
   margin-top: 100px;
}
.ebook__backnumber a {
	display: inline-flex;
	width: 100%;
	background-color: #009e40;
	border: 1px solid #009e40;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	padding: 0 3em 0 1em;
	position: relative;
	transition: 0.3s;
	line-height: 1.1;
	height: 60px;
	align-items: center;
}
.ebook__backnumber a:hover {
	background-color: #fff;
	color: #009e40;
	opacity: 1;
}
.ebook__backnumber a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	background-image: url('../img/common/icon_arrow_right_green.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	height: 24px;
	width: 24px;
}
.ebook__backnumber a:hover::after {
	background-image: url('../img/common/icon_arrow_right_white_green.svg');
}

@media only screen and (max-width: 900px) {
   .ebookWrap {
      width: 100%;
      padding-top: 141.5%;
   }
}

/* バックナンバー */
.backnumber__list:not(:first-child) {
   margin-top: 60px;
}
.backnumber__list dt {
   font-size: 24px;
   font-weight: 700;
   color: #fff;
   line-height: 1;
   background-color: #009e40;
   padding: 20px;

}
.backnumber__year {
   font-size: 14px;
   margin-left: 1em;
   position: relative;
   top: -2px;
}
.backnumber__list dd {
   display: flex;
   align-items: flex-start;
   gap: 40px;
   margin-top: 30px;
}
.backnumber__img {
   width: 260px;
}
.backnumber__summary {
   flex: 1;
}
.backnumber__title {
   font-size: 18px;
   font-weight: 500;
   line-height: 1;
}
.backnumber__title:not(:first-child) {
   margin-top: 20px;
}
.backnumber__summary ul {
   padding: 1em 0;
   border-bottom: 1px solid #acacac;
}
.backnumber__summary ul:first-child {
   padding-top: 0;
}
.backnumber__summary ul:last-child {
   border: none;
}
.backnumber__summary li {
   line-height: 1.35;
}
.backnumber__summary li:not(:first-child) {
   margin-top: 0.8em;
}
.backnumber__summary a {
   padding-left: 1em;
   text-indent: -1em;
   display: inline-block;
}
.backnumber__summary a::before {
   content: '●';
   font-size: 8px;
   color: #009e40;
   margin-right: 0.8em;
   position: relative;
   top: -2px;
}
.backnumber__summary li a span {
   text-decoration: underline;
}

@media only screen and (max-width: 900px) {
   .backnumber__list dt {
      font-size: 20px;
   }
   .backnumber__list dd {
      flex-flow: column;
   }
   .backnumber__img {
      margin: 0 auto;
   }
   .backnumber__summary {
      width: 100%;
   }
   .backnumber__title {
      font-size: 16px;
   }
}