@charset "UTF-8";
.mv {
  max-width: 1920px;
  width: 100%;
  /* height: min(100vh - 20rem, 44.2708vw); */
  height: min(100vh - 20rem, 46.875vw);
  padding-right: 60px;
  padding-left: 60px;
  margin: 0 auto;
}
@media screen and (max-width: 1060px) {
  .mv {
    padding-right: 0;
    padding-left: 0;
    height: min(100vh, 96rem);
  }
}
.mv__inner {
  background: none;
  color: #fff;
}
.mv {
  position: relative;
  overflow: hidden;
}
#mv-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-right: 60px;
  padding-left: 60px;
}

@media screen and (max-width: 1060px) {
  #mv-canvas {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 1060px) {
  .mv__inner {
    background-image: url("../img/top/sp/main.jpg");
  }
}
.mv__inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 49.1329%;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1060px) {
  .mv__inner::before {
    display: none;
  }
}

.mv__inner .text__box-top {
  position: absolute;
  z-index: 1;
  left: 10rem;
  /* top: 8rem; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  mix-blend-mode: color-dodge;
}
@media screen and (max-width: 1060px) {
  .mv__inner .text__box-top {
    position: static;
    padding-left: 4.4rem;
    transform: inherit;
  }
}

.mv__inner .text__box .text01 {
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.08em;
}

.mv__inner .text__box-top .text01 {
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.08em;
}

.mv__inner .text__box {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  bottom: 10rem;
}
@media screen and (max-width: 1060px) {
  .mv__inner .text__box {
    position: static;
    padding-left: 4.4rem;
    transform: inherit;
  }
}

.mv__inner .text__box .text02 {
  line-height: 1.5;
}

.mv__scroll {
  position: absolute;
  width: 6rem;
  height: 24.6rem;
  display: flex;
  justify-content: center;
  left: -6rem;
  color: #000;
  left: 0;
  top: -170px;

}
@media screen and (max-width: 1060px) {
  .mv__scroll {
    bottom: -7.8rem;
    left: 50%;
    top: -55px;
    width: 2rem;
    color: #fff;
  }
}
.mv__scroll .en {
  display: inline-block;
  position: relative;
  z-index: 3;
  line-height: 1;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}
.mv__scroll .line {
  display: block;
  width: 1px;
  height: 15rem;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}
@media screen and (max-width: 1060px) {
  .mv__scroll .line {
    height: 13rem;
  }
}
.mv__scroll .line::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #000;
  animation: 1s linear 0s infinite normal forwards running move-scroll;
}

.mv .mv__inner {
  opacity: 0;
  transition: all 0.5s 0.6s var(--var-animation-timing-function);
}
.mv .mv__inner .text01 {
  opacity: 0;
  transform: translateY(2rem);
  transition: all 0.5s 0.8s var(--var-animation-timing-function);
}
.mv .mv__inner .text02 {
  opacity: 0;
  transform: translateY(2rem);
  transition: all 0.5s 1s var(--var-animation-timing-function);
}
.mv.is-animated .mv__inner {
  opacity: 1;
}
.mv.is-animated .mv__inner .text01 {
  opacity: 1;
  transform: translateY(0);
  font-size: 4.6rem;
  line-height: 2;
  font-weight: 500;
  animation: colorChange 5s infinite alternate;
}
.mv.is-animated .mv__inner .text01.en {
  opacity: 1;
  transform: translateY(0);
  font-size: 3.6rem;
  line-height: 1.25;
  font-weight: 500;
  animation: colorChange 5s infinite alternate;
}
@keyframes colorChange {
  0% { color: #4783fc; }   /* 青 */
  50% { color: #a4f387; }  /* 緑 */
  100% { color: #e7923c; } /* 赤 */
}
.mv.is-animated .mv__inner .text02 {
  opacity: 1;
  transform: translateY(0);
  font-size: 1.5rem;
}
.mv__scroll-target {
  position: relative;
}
/* 研究組織 */
@media screen and (max-width: 1060px) {
  .top01 .content__inner {
    padding-right: 0;
  }
}

.team__slider {
  padding: 1rem 0;
  margin-top: -1rem;
}
@media screen and (max-width: 1060px) {
  .team__slider {
    padding: 0;
    margin-top: 0;
  }
}
.team__slider .list__item {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.team__slider .list__item:hover {
  z-index: 2;
}
/* 0818追加 */
.team__slider .list__item.swiper-slide {
  height: auto;
}
/*  0818ここまで*/
@media screen and (max-width: 1060px) {
  .team__slider .list__item.swiper-slide {
    height: auto;
  }
}
.team__slider .list__item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 6rem 3.5rem 5rem;
  position: relative;
  background-color: #fff;
  color: #000;
  text-decoration: none;
}
@media screen and (max-width: 1060px) {
  .team__slider .list__item a {
    padding-bottom: 4.5rem;
  }
}
.team__slider .list__item a .num {
  display: inline-block;
  position: absolute;
  top: 3rem;
  left: 2rem;
  z-index: 2;
  line-height: 1;
  font-weight: 700;
}
@media screen and (max-width: 1060px) {
  .team__slider .list__item a .num {
    top: 1.8rem;
  }
}
.team__slider .list__item a .img {
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
}
.team__slider .list__item a .team {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team__slider .list__item a .icon {
  display: inline-block;
  position: absolute;
  right: 2rem;
  bottom: 2.2rem;
  opacity: 0;
  transition: all 0.2s var(--var-animation-timing-function);
}
@media screen and (max-width: 1060px) {
  .team__slider .list__item a .icon {
    display: none;
  }
}
.team__slider .list__item a:hover .icon {
  opacity: 1;
}

.team__slider .list__item[data-swiper-slide-index="0"],
.team__slider .list__item[data-swiper-slide-index="1"],
.team__slider .list__item[data-swiper-slide-index="2"],
.team__slider .list__item[data-swiper-slide-index="3"] {
  opacity: 0;
}
.team__slider.is-animated .list__item[data-swiper-slide-index="0"],
.team__slider.is-animated .list__item[data-swiper-slide-index="1"],
.team__slider.is-animated .list__item[data-swiper-slide-index="2"],
.team__slider.is-animated .list__item[data-swiper-slide-index="3"] {
  animation: scroll-animation 0.3s ease-in forwards;
}
.team__slider.is-animated .list__item[data-swiper-slide-index="0"] {
  animation-delay: 0.3s;
}
.team__slider.is-animated .list__item[data-swiper-slide-index="1"] {
  animation-delay: 0.4s;
}
.team__slider.is-animated .list__item[data-swiper-slide-index="2"] {
  animation-delay: 0.5s;
}
.team__slider.is-animated .list__item[data-swiper-slide-index="3"] {
  animation-delay: 0.6s;
}

.slider__nav .swiper-button-prev,
.slider__nav .swiper-button-next {
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  border: 1px solid #000; /* 2023.08.09 変更 */
  background-color: #fff;
  top: calc(6rem + 28%);
  transition: all 0.2s var(--var-animation-timing-function);
}
@media screen and (max-width: 1060px) {
  .slider__nav .swiper-button-prev,
  .slider__nav .swiper-button-next {
    top: 25rem;
    width: 7rem;
    height: 7rem;
  }
}
@media screen and (max-width: 520px) {
  .slider__nav .swiper-button-prev,
  .slider__nav .swiper-button-next {
    top: 18.5rem;
  }
}
.slider__nav .swiper-button-prev::after,
.slider__nav .swiper-button-next::after {
  display: none;
}
.slider__nav .swiper-button-prev svg,
.slider__nav .swiper-button-next svg {
  width: 1.6rem;
  height: 1.4rem;
}
@media screen and (max-width: 1060px) {
  .slider__nav .swiper-button-prev svg,
  .slider__nav .swiper-button-next svg {
    width: 2.3rem;
    height: 2.2rem;
  }
}
.slider__nav .swiper-button-prev svg path,
.slider__nav .swiper-button-next svg path {
  transition: all 0.2s var(--var-animation-timing-function);
  fill: #000; /* 2023.08.09 変更 */
}
/* 2023.08.09 追加 ここから */
.slider__nav .swiper-button-prev.swiper-button-disabled,
.slider__nav .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  border: 1px solid #ccc;
}
.slider__nav .swiper-button-prev.swiper-button-disabled svg path,
.slider__nav .swiper-button-next.swiper-button-disabled svg path {
  fill: #ccc;
}
/* 2023.08.09 追加 ここまで */
.slider__nav .swiper-button-prev:hover,
.slider__nav .swiper-button-next:hover {
  border: 1px solid #000;
}
@media screen and (max-width: 1060px) {
  .slider__nav .swiper-button-prev:hover,
  .slider__nav .swiper-button-next:hover {
    border-color: #ccc;
  }
}
.slider__nav .swiper-button-prev:hover svg path,
.slider__nav .swiper-button-next:hover svg path {
  fill: #000;
}
@media screen and (max-width: 1060px) {
  .slider__nav .swiper-button-prev:hover svg path,
  .slider__nav .swiper-button-next:hover svg path {
    fill: #ccc;
  }
}
@media screen and (max-width: 1060px) {
  .slider__nav .swiper-button-next {
    right: 0.5rem;
  }
}
@media screen and (max-width: 1060px) {
  .slider__nav .swiper-button-prev {
    left: 0.5rem;
  }
}
.slider__nav .swiper-button-prev svg {
  transform: scale(-1, 1);
}

/* 新着情報・イベント */
.top02 {
  margin-top: -1rem;
}
@media screen and (max-width: 1060px) {
  .top02 {
    margin-top: 0;
  }
}
.top02 .content__inner {
  display: flex;
}
@media screen and (max-width: 1060px) {
  .top02 .content__inner {
    display: block;
    padding-right: 0;
  }
}
 /*0818編集 */
/* .top02 .link[data-category="all"] {
  display: none;
} */

.category__box {
  width: 20%;
  display: flex;
  justify-content: center;
  padding: 10rem 0;
  border-right: 1px solid #ccc;
}
@media screen and (max-width: 1060px) {
  .category__box {
    width: 100%;
    display: block;
    padding: 6rem 3.5rem;
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
}

@media screen and (max-width: 1060px) {
  .category__list {
    display: flex;
  }
}
.category__list .category__item {
  margin-bottom: 4.5rem;
  font-weight: bold;
}
@media screen and (max-width: 1060px) {
  .category__list .category__item {
    margin-bottom: 0;
    margin-right: 5.5rem;
  }
}
.category__list .category__item span {
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding: 0.3rem 0;
}
.category__list .category__item span::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
  transition: all 0.2s var(--var-animation-timing-function);
  background-image: var(--var-linear-gradient);
}
.category__list .category__item:hover {
  cursor: pointer;
}
.category__list .category__item:hover span::after {
  bottom: 0;
}
@media screen and (max-width: 1060px) {
  .category__list .category__item:hover span::after {
    bottom: -3px;
  }
}
.category__list .category__item.selected span::after {
  bottom: 0;
}

.entry__content {
  width: 80%;
  position: relative;
}
@media screen and (max-width: 1060px) {
  .entry__content {
    width: 100%;
  }
}
.entry__content .message {
  padding: 4rem 0;
}

.entry__box {
  padding: 6rem 10rem 6rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  transition: all 0.2s var(--var-animation-timing-function);
}
@media screen and (max-width: 1060px) {
  .entry__box {
    padding: 0 3.5rem;
  }
}
.entry__box.active {
  position: relative;
  opacity: 1;
  z-index: 1;
}

/* 連載コラム */
.top03 .content__inner {
  display: flex;
  border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 1921px) {
  .top03 .content__inner {
    border-bottom: none;
    position: relative;
  }
  .top03 .content__inner::after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
}
@media screen and (max-width: 1060px) {
  .top03 .content__inner {
    display: block;
    padding-right: 0;
  }
}

.column__box {
  width: 50%;
  border-right: 1px solid #ccc;
}
@media screen and (max-width: 1060px) {
  .column__box {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
  .column__box:last-child {
    border-bottom: none;
  }
}
.column__box:nth-child(1),
.column__box:nth-child(2) {
  opacity: 0;
}
.column__box.is-animated:nth-child(1) {
  animation-delay: 0.3s;
}
.column__box.is-animated:nth-child(2) {
  animation-delay: 0.4s;
}
@media screen and (max-width: 1060px) {
  .column__box.is-animated:nth-child(2) {
    animation-delay: 0.3s;
  }
}
.column__box a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #000;
  padding-bottom: 5rem;
}
@media screen and (max-width: 1060px) {
  .column__box a {
    padding: 6rem 0;
  }
}
.column__box a .team {
  text-align: right;
}
@media screen and (max-width: 1060px) {
  .column__box a .team {
    display: none;
  }
}
.column__box a .team span {
  display: inline-block;
  line-height: 1;
  color: #fff;
  background-image: var(--var-linear-gradient);
  padding: 1.2rem 1.8rem;
}
.column__box a .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5rem 0 6.5rem;
}
@media screen and (max-width: 1060px) {
  .column__box a .inner {
    padding: 0 3.5rem;
    margin-bottom: 4rem;
  }
}
.column__box a .inner .img {
  width: 42%;
}
@media screen and (max-width: 1060px) {
  .column__box a .inner .img {
    width: 40.2985%;
  }
}
.column__box a .inner .text__box {
  width: 49%;
  padding: 4.5rem 0;
}
@media screen and (max-width: 1060px) {
  .column__box a .inner .text__box {
    width: 52.2388%;
    padding: 0 0;
  }
}
.column__box a .inner .text__box h3 {
  line-height: 1.5;
  margin-bottom: 4.5rem;
}
@media screen and (max-width: 1060px) {
  .column__box a .inner .text__box h3 {
    line-height: 1.3;
    margin-bottom: 2.5rem;
  }
}
.column__box a .inner .text__box p {
  line-height: 1.5;
}
.column__box a time {
  display: block;
  text-align: right;
  color: #aaa;
  margin-right: 5rem;
}
.column__box a .icon {
  display: block;
  position: absolute;
  right: 2.5rem;
  bottom: 2rem;
  transition: all 0.2s var(--var-animation-timing-function);
  opacity: 0;
}
@media screen and (max-width: 1060px) {
  .column__box a .icon {
    display: none;
  }
}
.column__box a .icon svg {
  width: 17px;
  height: 16px;
}
.column__box a:hover .icon {
  opacity: 1;
}

/* 触媒化学研究部門とは */
.top04 .section__content .cw__inner {
  position: relative;
}
.top04 .section__content .cw__inner .about__bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: calc(22.2rem + 1px + 60px);
  background-image: url("../img/top/about_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  width: calc(100% - 22.2rem + (100vw - 1920px) / 2 - 60px);
  height: 82%;
}
@media screen and (max-width: 1920px) {
  .top04 .section__content .cw__inner .about__bg {
    width: calc(100% - 22.2rem - 60px);
  }
}
@media screen and (max-width: 1730px) {
  .top04 .section__content .cw__inner .about__bg {
    left: calc(12.8324% + 1px + 60px);
    width: calc(87.1676% - 60px);
  }
}
@media screen and (max-width: 1628px) {
  .top04 .section__content .cw__inner .about__bg {
    left: calc(10% + 1px + 60px);
    width: calc(90% - 60px);
  }
}
@media screen and (max-width: 1220px) {
  .top04 .section__content .cw__inner .about__bg {
    left: calc(6% + 1px + 60px);
    width: calc(94% - 60px);
  }
}
@media screen and (max-width: 1020px) {
  .top04 .section__content .cw__inner .about__bg {
    left: 61px;
    width: calc(100% - 60px);
  }
}
@media screen and (max-width: 1060px) {
  .top04 .section__content .cw__inner .about__bg {
    background-image: url("../img/top/sp/about_bg.jpg");
    width: calc(100% - 5rem + 1px);
    left: 5rem;
    height: 120rem;
  }
}
.top04 .section__content .cw__inner > div {
  position: relative;
  z-index: 1;
}
.top04 .content__inner {
  border-bottom: 1px solid #ccc;
  padding-top: 16rem;
}
@media screen and (min-width: 1921px) {
  .top04 .content__inner {
    border-bottom: none;
    position: relative;
  }
  .top04 .content__inner::after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
}
@media screen and (max-width: 1060px) {
  .top04 .content__inner {
    border-bottom: none;
    padding-top: 26rem;
    padding-bottom: 14rem;
    padding-right: 0;
  }
}
.top04 .content__inner .text__block01 {
  color: #fff;
  margin-bottom: 20rem;
  padding-left: 10rem;
}
@media screen and (max-width: 1060px) {
  .top04 .content__inner .text__block01 {
    margin-bottom: 24rem;
    padding: 0 8.5rem 0 13.5rem;
  }
}
.top04 .content__inner .text__block01 .text01 {
  font-weight: 700;
  margin-bottom: 7rem;
}
@media screen and (max-width: 1060px) {
  .top04 .content__inner .text__block01 .text02 {
    line-height: 1.5;
  }
}
.top04 .content__inner .text__block02 {
  color: #fff;
  padding-left: 10rem;
  margin-bottom: 6.5rem;
}
@media screen and (max-width: 1060px) {
  .top04 .content__inner .text__block02 {
    display: none;
  }
}
.top04 .content__inner .text__block02 .en {
  display: block;
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
.top04 .content__inner .text__block02 .jp {
  font-weight: 700;
}
.top04 .more {
  border-right: 1px solid #ccc;
  text-align: center;
}
@media screen and (max-width: 1060px) {
  .top04 .more {
    border-right: 1px solid #ccc;
  }
}
.top04 .more a {
  color: #000;
  display: block;
  width: 100%;
  padding: 2.5rem 0;
  position: relative;
  transition: all 0.2s var(--var-animation-timing-function);
  background-color: rgba(255, 255, 255, 0);
}
.top04 .more a .icon {
  position: absolute;
  top: 50%;
  right: 3rem;
  transform: translateY(-50%);
  overflow: hidden;
}
.top04 .more a .icon .arrow_right-1 {
  fill: #000;
}
.top04 .more a:hover {
  background-color: white;
}
.top04 .more a:hover .icon svg {
  animation: move-left-to-right_100 0.25s var(--var-animation-timing-function) 1 normal forwards;
}

.area__list {
  display: flex;
}
@media screen and (max-width: 1060px) {
  .area__list {
    width: calc(100% - 11.8rem);
    margin-left: 5rem;
    flex-wrap: wrap;
  }
}
.area__list li {
  background-color: #fff;
  flex: 1;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5.5rem 0 7.5rem;
}
@media screen and (max-width: 1060px) {
  .area__list li {
    /* width: 50%; */
    width: 100%;
    flex: unset;
    padding-top: 0;
    border-left: 1px solid #ccc;
  }
}
@media screen and (max-width: 1060px) {
  .area__list li:nth-child(2n) {
    border-top: none;
  }
}
.area__list li .img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12rem;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 1060px) {
  .area__list li .img {
    margin-bottom: 0;
    display: block;
    text-align: center;
  }
}
.area__list li .img img.silicon {
  width: 10.8rem;
}
@media screen and (max-width: 1060px) {
  .area__list li .img img.silicon {
    width: 14.7rem;
  }
}
.area__list li .img img.oxidation {
  width: 8.6rem;
}
@media screen and (max-width: 1060px) {
  .area__list li .img img.oxidation {
    width: 11.7rem;
  }
}
.area__list li .img img.functional {
  width: 11.8rem;
}
@media screen and (max-width: 1060px) {
  .area__list li .img img.functional {
    width: 15.6rem;
  }
}
.area__list li .img img.chemical {
  width: 9.5rem;
}
@media screen and (max-width: 1060px) {
  .area__list li .img img.chemical {
    width: 14.4rem;
  }
}
.area__list li .img img.bio {
  width: 9.2rem;
}
@media screen and (max-width: 1060px) {
  .area__list li .img img.bio {
    width: 12.1rem;
  }
}
.area__list li .img img.process {
  width: 11.2rem;
}
@media screen and (max-width: 1060px) {
  .area__list li .img img.process {
    width: 14.7rem;
  }
}
@media screen and (max-width: 1060px) {
  .area__list li.item01 .img {
    height: 25rem;
    padding-top: 5.6rem;
  }
}
@media screen and (max-width: 1060px) {
  .area__list li.item02 .img {
    height: 25rem;
    padding-top: 6.5rem;
  }
}
.area__list li.item02.is-animated {
  animation-delay: 0.4s;
}
@media screen and (max-width: 1060px) {
  .area__list li.item02.is-animated {
    animation-delay: 0.3s;
  }
}
@media screen and (max-width: 1060px) {
  .area__list li.item03 .img {
    height: 23.5rem;
    padding-top: 9.5rem;
  }
}
.area__list li.item03.is-animated {
  animation-delay: 0.5s;
}
@media screen and (max-width: 1060px) {
  .area__list li.item03.is-animated {
    animation-delay: 0.3s;
  }
}
@media screen and (max-width: 1060px) {
  .area__list li.item04 .img {
    height: 23.5rem;
    padding-top: 6.4rem;
  }
}
.area__list li.item04.is-animated {
  animation-delay: 0.6s;
}
@media screen and (max-width: 1060px) {
  .area__list li.item04.is-animated {
    animation-delay: 0.3s;
  }
}
@media screen and (max-width: 1060px) {
  .area__list li.item05 .img {
    height: 24rem;
    padding-top: 3.8rem;
  }
}
.area__list li.item05.is-animated {
  animation-delay: 0.7s;
}
@media screen and (max-width: 1060px) {
  .area__list li.item05.is-animated {
    animation-delay: 0.3s;
  }
}
@media screen and (max-width: 1060px) {
  .area__list li.item06 .img {
    height: 22rem;
    padding-top: 3.8rem;
  }
}
.area__list li.item06.is-animated {
  animation-delay: 0.8s;
}
@media screen and (max-width: 1060px) {
  .area__list li.item06.is-animated {
    animation-delay: 0.3s;
  }
}
.area__list li h4 {
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.5;
  padding: 0 1rem 0;
  text-align: center;
}
@media screen and (max-width: 1060px) {
  .area__list li h4 {
    line-height: 1.3;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
}
.area__list li p {
  padding: 0 3rem;
}
@media screen and (max-width: 1060px) {
  .area__list li p {
    line-height: 1.5;
  }
}
.area__list li.more {
  padding: 0;
}
@media screen and (max-width: 1060px) {
  .area__list li.more {
    width: 100%;
  }
}
.area__list li.more a {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.area__list li.more a .text {
  margin-right: 2rem;
}
.area__list li.more a .icon {
  position: static;
  transform: none;
}
.area__list li.more a .icon svg {
  width: 2.3rem;
  height: 2.2rem;
}

/* 研究成果 */
.top05 .content__inner {
  display: flex;
  border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 1921px) {
  .top05 .content__inner {
    border-bottom: none;
    position: relative;
  }
  .top05 .content__inner::after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
}
@media screen and (max-width: 1060px) {
  .top05 .content__inner {
    padding-right: 0;
  }
}
.top05 .result__item {
  flex: 1;
  border-right: 1px solid #ccc;
}
@media screen and (max-width: 1060px) {
  .top05 .result__item {
    flex: none;
    width: 50%;
  }
}
@media screen and (max-width: 1060px) {
  .top05 .result__item:last-child {
    display: none;
    border-right: none;
  }
}
.top05 .result__item:nth-child(2).is-animated {
  animation-delay: 0.4s;
}
@media screen and (max-width: 1060px) {
  .top05 .result__item:nth-child(2).is-animated {
    animation-delay: 0.3s;
  }
}
.top05 .result__item:nth-child(3).is-animated {
  animation-delay: 0.5s;
}
@media screen and (max-width: 1060px) {
  .top05 .result__item:nth-child(3).is-animated {
    animation-delay: 0.3s;
  }
}
.top05 .result__item:nth-child(4).is-animated {
  animation-delay: 0.6s;
}
@media screen and (max-width: 1060px) {
  .top05 .result__item:nth-child(4).is-animated {
    animation-delay: 0.3s;
  }
}
.top05 .result__item a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.top05 .result__item a .front__layer {
  position: absolute;
  z-index: 2;
  background-image: var(--var-linear-gradient-reverse);
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 14rem 1.5rem 3rem 4rem;
  opacity: 0;
  transition: all 0.2s var(--var-animation-timing-function);
}
@media screen and (max-width: 1060px) {
  .top05 .result__item a .front__layer {
    display: none;
  }
}
.top05 .result__item a .front__layer time {
  display: block;
  margin-bottom: 4.5rem;
}
.top05 .result__item a .front__layer .title {
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}
.top05 .result__item a .front__layer .icon {
  position: absolute;
  bottom: 3rem;
  right: 3rem;
}
.top05 .result__item a .front__layer .icon .icon_link-1 {
  fill: #fff;
}
.top05 .result__item a .front__layer .icon .icon_link-2 {
  stroke: #fff;
}
.top05 .result__item a .front__layer .icon .circle {
  display: block;
}
.top05 .result__item a .front__layer .icon .circle svg {
  width: 5rem;
  height: 5rem;
}
.top05 .result__item a .front__layer .icon .circle svg .icon_circle-1 {
  transition: all 0.2s var(--var-animation-timing-function);
  transition-delay: 0.2s;
  stroke-dasharray: 400%;
  stroke-dashoffset: 400%;
}
.top05 .result__item a .front__layer .icon .link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.top05 .result__item a .front__layer .icon .link svg {
  width: 1.7rem;
  height: 1.3rem;
}
.top05 .result__item a .base__layer {
  position: relative;
  z-index: 1;
  color: #000;
  padding: 6rem 3.5rem;
}
@media screen and (max-width: 1060px) {
  .top05 .result__item a .base__layer {
    padding: 5rem 3.5rem 4.5rem;
  }
}
.top05 .result__item a .base__layer .img {
  margin-bottom: 0.6rem;
}
.top05 .result__item a .base__layer .title {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1060px) {
  .top05 .result__item a .base__layer .title {
    align-items: flex-end;
  }
}
.top05 .result__item a .base__layer .title .text {
  width: calc(100% - 1.6rem);
  line-height: 1.5;
  letter-spacing: 0;
  padding-right: 2rem;
}
@media screen and (max-width: 1060px) {
  .top05 .result__item a .base__layer .title .text {
    line-height: 1.3;
    width: calc(100% - 2.3rem);
    padding-bottom: 3rem;
  }
}
.top05 .result__item a .base__layer .title .icon {
  width: 1.6rem;
}
@media screen and (max-width: 1060px) {
  .top05 .result__item a .base__layer .title .icon {
    width: 2.3rem;
  }
}
.top05 .result__item a .base__layer .title .icon svg {
  width: 1.6rem;
  height: 1.2rem;
}
@media screen and (max-width: 1060px) {
  .top05 .result__item a .base__layer .title .icon svg {
    width: 2.3rem;
    height: 1.8rem;
  }
}
.top05 .result__item a:hover .front__layer {
  opacity: 1;
}
.top05 .result__item a:hover .front__layer .icon .circle .icon_circle-1 {
  stroke-dashoffset: 0%;
}

/* 連携大学・企業 */
@media screen and (max-width: 1060px) {
  .top06 .content__inner {
    padding-right: 0;
  }
}

.university__list {
  display: flex;
  flex-wrap: wrap;
}
.university__list li {
  width: 25%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 1060px) {
  .university__list li {
    width: 50%;
    height: 18rem;
  }
}
@media screen and (max-width: 520px) {
  .university__list li {
    height: 15rem;
  }
}
@media screen and (max-width: 1060px) {
  .university__list li:nth-child(even) {
    border-right: none;
  }
}
@media screen and (max-width: 1060px) {
  .university__list li.empty {
    display: none;
  }
}
.university__list li a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 1060px) {
  .university__list li a {
    display: flex;
    align-items: center;
  }
}
.university__list li a .icon {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  display: block;
}
@media screen and (max-width: 1060px) {
  .university__list li a .icon {
    top: auto;
    right: 1.5rem;
    bottom: 1.5rem;
  }
}
.university__list li a .icon svg {
  width: 1.7rem;
  height: 1.3rem;
}
@media screen and (max-width: 1060px) {
  .university__list li a .icon svg {
    width: 2.3rem;
    height: 1.8rem;
  }
}

/* 職員募集 */
.top07 .content__inner {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
@media screen and (max-width: 1060px) {
  .top07 .content__inner {
    padding-right: 0;
    padding-bottom: 15rem;
  }
}
/* 2023.08.09 追加 ここから */
.top07 .content__inner .top__recruit__link {
  display: block;
  position: relative;
}
.top07 .content__inner .top__recruit__link::before {
  content: "";
  display: block;
  width: 8rem;
  height: 10.4rem;
  background-image: url("https://unit.aist.go.jp/ccri/assets/img/top/recruit_arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 4rem;
  transform: translateY(-50%);
  z-index: 2;
}
.top07 .content__inner .top__recruit__link:hover::before {
  animation: move-little-right 0.3s ease-in forwards;
}
@media screen and (max-width: 1060px) {
  .top07 .content__inner .top__recruit__link:hover::before {
    animation: none;
  }
}
/* 2023.08.09 追加 ここまで */
.top07 .content__inner .text__box {
  padding: 11rem 8.5rem;
  background-image: url("../img/top/recruit_bg.jpg");
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1060px) {
  .top07 .content__inner .text__box {
    background-image: url("../img/top/sp/recruit_bg.jpg");
    background-position: center center;
    padding: 7.2rem 5rem 11rem;
  }
}
.top07 .content__inner .text__box .title {
  margin-bottom: 6rem;
  font-weight: 700;
}
@media screen and (max-width: 1060px) {
  .top07 .content__inner .text__box .title {
    margin-bottom: 4.5rem;
  }
}
.top07 .content__inner .text__box .title .en {
  display: block;
}
.top07 .content__inner .text__box .title .jp {
  display: block;
  color: #000; /* 2023.08.09 追加 */
}
/* 2023.08.09 追加 ここから */
.top07 .content__inner .text__box p {
  color: #000;
}

@keyframes move-little-right {
  0% {
    transform: translateX(0) translateY(-50%);
  }
  50% {
    transform: translateX(10px) translateY(-50%);
  }
  100% {
    transform: translateX(0) translateY(-50%);
  }
}
/* 2023.08.09 追加 ここまで */
.arrow_right-1 {
  fill: #fff;
  fill-rule: evenodd;
}