/* CSS Document */
:root {
  --bs-body-line-height: 1.2;
  --tmuKeycolor01: #4366b0;
  --typoLogoHeight: 140px;
}
.min-600 {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
}
.sans {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
}
.jp-300 {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 300;
}
#keyvisual.top {
  position: relative;
  display: block;
  height: calc( 100vh - 60px );
  margin-left: 3rem;
}
#keyvisual.top .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#keyvisual.top .swiper-container .swiper-wrapper {
  height: 100%;
}
#keyvisual.top .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  will-change: scale;
  transform: scale(1.15);
  object-fit: cover;
  object-position: center;
}
#keyvisual.top .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev img,
#keyvisual.top .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-duplicate-prev img,
#keyvisual.top .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active img,
#keyvisual.top .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active img {
  will-change: animation;
  animation: scaleDown 8.5s linear forwards;
}
@media (min-width: 1024px) {
  #keyvisual.top {
    min-height: 650px;
    height: 100vh;
    margin-left: 90px;
  }
  #keyvisual.top .infoWrap {
    bottom: 8rem;
  }
}
#typoLogo {
  display: block;
  position: absolute;
  top: 60px;
  width: 81.15942%;
  max-width: 374px !important;
  height: auto;
  left: -15px;
  z-index: 2;
  filter: drop-shadow(0 0 10px #fff);
  overflow: hidden;
}
#typoLogo.firstTime {
  max-height: 0px;
}
@media (min-width: 1024px) {
  #typoLogo {
    width: auto;
    height: 140px;
    top: 100px;
    left: -50px;
  }
}
#typoLogo img {
  width: 100%;
}
[data-cue="typoLogo"],
[data-cues="typoLogo"] > * {
  max-height: 0;
}
@keyframes typoLogo {
  0% {
    max-height: 0px;
  }
  99% {
    max-height: var(--typoLogoHeight);
  }
  100% {
    max-height: none;
  }
}
#topContent {
  width: 100%;
  position: relative;
}
#topContent .infoWrap {
  position: absolute;
  left: 0;
  bottom: 115px;
  z-index: 3;
  max-height: calc( 100vh - 260px );
  width: clamp(300px, 95%, 640px);
  overflow-x: hidden;
  overflow-y: auto;
}
@media (min-width: 768px) {
  #topContent .infoWrap {
    bottom: 5.5rem;
  }
}
@media (min-width: 1024px) {
  #topContent .infoWrap {
    width: clamp( 720px, ( 100vw - 90px ) / 2 , 960px);
    max-height: none;
    overflow: hidden;
    bottom: 8rem;
  }
  #topContent .infoWrap.en {
    width: clamp( 800px, ( 100vw - 90px ) / 2 , 960px);
  }
}
#urgentNews,
#importantNews {
  --innerColor: white;
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: #EF2E2E;
  color: var(--innerColor);
  padding: 13px 15px;
  margin-bottom: 1rem;
  border-radius: 0 4px 4px 0;
}
#urgentNews:last-child,
#importantNews:last-child {
  margin-bottom: 0;
}
#urgentNews h2,
#importantNews h2 {
  font-size: 1.5rem;
  line-height: 1.4;
  width: 100%;
  text-align: left;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  position: relative;
}
#urgentNews h2::after,
#importantNews h2::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 36px;
  height: 1px;
  background-color: var(--innerColor);
}
#urgentNews .list,
#importantNews .list {
  font-size: 1.3rem;
  color: inherit;
  line-height: 1.5;
  margin-bottom: 0;
  width: 100%;
}
#urgentNews .list > li,
#importantNews .list > li {
  position: relative;
  margin-bottom: 10px;
}
#urgentNews .list > li:last-child,
#importantNews .list > li:last-child {
  margin-bottom: 0;
}
#urgentNews .list > li a,
#importantNews .list > li a {
  color: inherit;
}
#urgentNews .list > li .desc,
#importantNews .list > li .desc {
  margin: 0.5rem 0 0;
  font-size: 1.2rem;
  opacity: 0.9;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 3) {
  #urgentNews .list > li .desc,
  #importantNews .list > li .desc {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-orient: vertical;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
#urgentNews button,
#importantNews button {
  position: absolute;
  top: 13px;
  right: 15px;
  color: var(--innerColor);
  opacity: 1;
  width: 14px;
  height: 14px;
  background-size: 14px;
  padding: 3px;
}
@media (min-width: 1024px) {
  #urgentNews,
  #importantNews {
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    padding: 15px 15px 15px 0;
  }
  #urgentNews h2,
  #importantNews h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    line-height: 1.1;
    width: 192px;
    text-align: center;
    padding: 0;
    flex-shrink: 0;
    flex-grow: 0;
    margin: 0;
    margin-right: 10px;
  }
  #urgentNews h2.en-pt,
  #importantNews h2.en-pt {
    width: 270px;
  }
  #urgentNews h2::after,
  #importantNews h2::after {
    height: auto;
    width: 1px;
    top: -2px;
    right: 0;
    bottom: -2px;
    left: auto;
  }
  #urgentNews .list,
  #importantNews .list {
    font-size: 1.5rem;
    margin-right: 10px;
    align-self: center;
  }
  #urgentNews .list > li .desc,
  #importantNews .list > li .desc {
    font-size: 1.3rem;
  }
  #urgentNews button,
  #importantNews button {
    align-self: center;
    position: static;
    flex-shrink: 0;
    padding: 9px;
    margin-left: auto;
  }
}
#importantNews {
  --innerColor: #1e1e1e;
  background-color: #FFE843;
}
#keyvisualBtm {
  position: absolute;
  display: flex;
  align-items: center;
  align-content: space-between;
  padding: 0 1.5rem;
  height: 4rem;
  left: -3rem;
  right: 6rem;
  bottom: 0;
  background-color: white;
  z-index: 1;
}
@media (min-width: 1024px) {
  #keyvisualBtm {
    padding: 0 4rem;
    height: 6rem;
    right: 9rem;
    left: -9rem;
  }
}
#scrollDown {
  font-family: 'PT Serif';
  font-style: italic;
  font-size: 1.2rem;
  margin: 0;
}
#scrollDown > a {
  white-space: nowrap;
  padding: 0.5em 0.25em 0.2rem;
  border-bottom: 1px solid #1e1e1e;
  color: #1e1e1e !important;
  text-decoration: none !important;
  line-height: 1;
}
#keyvisualPagination {
  width: auto;
  height: auto;
  margin-left: auto;
}
#keyvisualPagination .swiper-pagination-bullet {
  top: 0;
}
#keyvisualPagination-active > svg:nth-child(1) > circle {
  animation-duration: 7s;
}
#content2022.toppage {
  overflow: hidden;
}
#content2022.toppage .wrapMain {
  margin-top: 0 !important;
}
#content2022.toppage h2 {
  display: inline-block;
  position: relative;
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 3rem;
  padding-bottom: 1.5rem;
}
#content2022.toppage h2 .en-pt {
  font-family: 'PT Serif', serif;
  font-weight: 400;
}
#content2022.toppage h2::before,
#content2022.toppage h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 5px;
  background-color: #6D96CE;
}
#content2022.toppage h2::after {
  background-color: #4366B0;
  width: 20px;
  left: 20px;
}
@media (min-width: 1024px) {
  #content2022.toppage h2 {
    padding-bottom: 1.8rem;
  }
  #content2022.toppage h2.large {
    font-size: 5rem;
    margin-bottom: 5rem;
    padding-bottom: 1.8rem;
  }
}
#content2022.toppage h3#head_academics {
  display: inline-block;
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  width: auto;
  font-size: 2rem;
  line-height: 1;
  margin: 0 auto 4rem;
  padding-bottom: 6px;
  border-bottom: 1px solid #1e1e1e;
}
#content2022.toppage #HotTopics_block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 55px;
  position: relative;
}
#content2022.toppage #HotTopics_block a.checkAll {
  margin-bottom: 0;
}
#content2022.toppage #HotTopics_block h2 {
  width: 100%;
}
#content2022.toppage #HotTopics_block h3 {
  display: inline-block;
  width: auto;
  margin-right: auto;
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.5;
  padding-bottom: 3px;
  border-bottom: 1px solid #1e1e1e;
  margin-top: 2.7rem;
  margin-bottom: 0;
  z-index: 1;
}
#content2022.toppage #HotTopics_block h3.hottopicsTitle {
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  #content2022.toppage #HotTopics_block h3 {
    font-size: 2rem;
    margin-top: 5rem;
  }
}
#content2022.toppage #HotTopics_block .bgDummy {
  position: relative;
  width: 100%;
}
#content2022.toppage #HotTopics_block .bgDummy::before {
  position: absolute;
  bottom: clamp( -60px, -8vw, -50px );
  left: auto;
  right: 24px;
  content: "";
  width: 108.695652%;
  padding-top: 21.5%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NDkuMTIiIGhlaWdodD0iMTQ4LjY0Ij48cGF0aCBkPSJNNDAuNDggMTE2LjY0SDBWMTEyYTcxLjA0MSA3MS4wNDEgMCAwIDEgMTMuMTItMy44NFYxMy4yOEE0Mi4xMTUgNDIuMTE1IDAgMCAxIDAgOS4yOFY0LjY0aDQwLjQ4djQuNjRhMzQuNDU3IDM0LjQ1NyAwIDAgMS01Ljc2IDIuNCA1OS4zNzEgNTkuMzcxIDAgMCAxLTYuMjQgMS42djQxLjc2aDUwLjI0VjEzLjI4cS0zLjM2LS44LTYuMzItMS43NmE0OC4zNjggNDguMzY4IDAgMCAxLTUuNjgtMi4yNFY0LjY0aDQwLjQ4djQuNjRhMjYuNDQ1IDI2LjQ0NSAwIDAgMS02LjMyIDIuNDhxLTMuNDQuODgtNi44IDEuNTJ2OTQuODhhNjguMDc5IDY4LjA3OSAwIDAgMSA3LjA0IDEuNiA0MC4yNTkgNDAuMjU5IDAgMCAxIDYuMDggMi4yNHY0LjY0SDY2LjcyVjExMmE1OC4zIDU4LjMgMCAwIDEgMTItMy44NHYtNDQuOEgyOC40OHY0NC44YTU5LjM3MyA1OS4zNzMgMCAwIDEgNi4yNCAxLjYgNDYuMTQ3IDQ2LjE0NyAwIDAgMSA1Ljc2IDIuMjRabTc3LjkyLTQwYTU1LjMxOSA1NS4zMTkgMCAwIDEgMi42NC0xNy44NCAzNi4xNzMgMzYuMTczIDAgMCAxIDcuNi0xMy4xMiAzMi41ODQgMzIuNTg0IDAgMCAxIDExLjkyLTguMTYgNDEuMDIgNDEuMDIgMCAwIDEgMTUuNDQtMi44IDQzLjg1MSA0My44NTEgMCAwIDEgMTcuMTIgMy4wNCAzMC4xNTUgMzAuMTU1IDAgMCAxIDExLjc2IDguNTYgMzUuNTM3IDM1LjUzNyAwIDAgMSA2LjcyIDEzLjIgNjMuMTc3IDYzLjE3NyAwIDAgMSAyLjE2IDE3LjEycTAgMjAuMTYtMTAuMjQgMzEuMDRUMTU2IDExOC41NmE0Mi43NDkgNDIuNzQ5IDAgMCAxLTE2LjY0LTIuOTYgMzAuMzQ3IDMwLjM0NyAwIDAgMS0xMS42OC04LjQ4IDM2LjY3NCAzNi42NzQgMCAwIDEtNi45Ni0xMy4yOCA1OS45IDU5LjkgMCAwIDEtMi4zMi0xNy4yWm0xNS4zNiAwYTY1LjMyOSA2NS4zMjkgMCAwIDAgMS4zNiAxMy42IDM0LjA5NCAzNC4wOTQgMCAwIDAgNC4zMiAxMS4xMiAyMS42MDcgMjEuNjA3IDAgMCAwIDcuNzYgNy40NCAyMy4wMDkgMjMuMDA5IDAgMCAwIDExLjUyIDIuNzJxOC42NCAwIDE0LjE2LTguNDh0NS41Mi0yNi40YTY1IDY1IDAgMCAwLTEuMzYtMTMuNjggMzUuMjg4IDM1LjI4OCAwIDAgMC00LjI0LTExLjA0IDIxLjg0IDIxLjg0IDAgMCAwLTcuMzYtNy40NCAyMC4yNjcgMjAuMjY3IDAgMCAwLTEwLjcyLTIuNzJxLTkuNDQgMC0xNS4yIDguNDh0LTUuNzYgMjYuNFptNjcuMi0zNS45NzhhNDEuMzY2IDQxLjM2NiAwIDAgMSAxMi44LTUuNjIydi0xMy42YTM2LjgxOCAzNi44MTggMCAwIDEgNC44OC0zLjEyIDU3LjM4NCA1Ny4zODQgMCAwIDEgNS41Mi0yLjY0aDR2MjAuOTZoMjR2OC4zMmgtMjR2NDYuMTY3cTAgOS41NTMgMy4wNCAxMy41MzN0OS4xMiAzLjk4cTIuODggMCA3LjItLjRhMjkuMjU3IDI5LjI1NyAwIDAgMCA3LjM2LTEuNTJsMS4xMiAyLjRhMjAuMTE3IDIwLjExNyAwIDAgMS0zLjYgMy4wNCA0MC41MjEgNDAuNTIxIDAgMCAxLTUuMjggMy4wNCAzNy4wOTQgMzcuMDk0IDAgMCAxLTYuNDggMi40IDI3LjI0MiAyNy4yNDIgMCAwIDEtNy4yLjk2cS05LjYgMC0xNC42NC01LjQxNnQtNS4wNC0xNy41MjRWNDQuOTZoLTEyLjhaTTM2OC44IDExNi42NGgtNDQuOTZWMTEycTMuNTItMS4yOCA3LjEyLTIuMjRhNzMuNTgyIDczLjU4MiAwIDAgMSA3Ljc2LTEuNnYtOTUuMmgtMjQuNDhsLTguNDggMjIuODhoLTRxLS40OC0zLjItLjgtNy4yOHQtLjU2LTguMzJxLS4yNC00LjI0LS40LTguMzJ0LS4xNi03LjI4aDkyLjk2cTAgMy4yLS4xNjEgNy4ydC0uNCA4LjI0cS0uMjQ0IDQuMjQtLjQ4NiA4LjMydC0uNzI4IDcuNDRoLTQuMjA3bC04LjQxMy0yMi44OEgzNTQuMDh2OTUuMnE0LjE2LjggNy43NiAxLjZhMzkuMjM1IDM5LjIzNSAwIDAgMSA2Ljk2IDIuMjRabTIzLjUyLTQwYTU1LjMxOSA1NS4zMTkgMCAwIDEgMi42NC0xNy44NCAzNi4xNzMgMzYuMTczIDAgMCAxIDcuNi0xMy4xMiAzMi41ODUgMzIuNTg1IDAgMCAxIDExLjkyLTguMTYgNDEuMDIgNDEuMDIgMCAwIDEgMTUuNDQtMi44IDQzLjg1MSA0My44NTEgMCAwIDEgMTcuMTIgMy4wNCAzMC4xNTUgMzAuMTU1IDAgMCAxIDExLjc2IDguNTYgMzUuNTM3IDM1LjUzNyAwIDAgMSA2LjcyIDEzLjIgNjMuMTc3IDYzLjE3NyAwIDAgMSAyLjE2IDE3LjEycTAgMjAuMTYtMTAuMjQgMzEuMDR0LTI3LjUyIDEwLjg4YTQyLjc0OSA0Mi43NDkgMCAwIDEtMTYuNjQtMi45NiAzMC4zNDggMzAuMzQ4IDAgMCAxLTExLjY4LTguNDggMzYuNjc0IDM2LjY3NCAwIDAgMS02Ljk2LTEzLjI4IDU5LjkgNTkuOSAwIDAgMS0yLjMyLTE3LjJabTE1LjM2IDBhNjUuMzMxIDY1LjMzMSAwIDAgMCAxLjM2IDEzLjYgMzQuMDk0IDM0LjA5NCAwIDAgMCA0LjMyIDExLjEyIDIxLjYwNyAyMS42MDcgMCAwIDAgNy43NiA3LjQ0IDIzLjAwOCAyMy4wMDggMCAwIDAgMTEuNTIgMi43MnE4LjY0IDAgMTQuMTYtOC40OHQ1LjUyLTI2LjRhNjUuMDA2IDY1LjAwNiAwIDAgMC0xLjM2LTEzLjY4IDM1LjI4OCAzNS4yODggMCAwIDAtNC4yNC0xMS4wNCAyMS44NCAyMS44NCAwIDAgMC03LjM2LTcuNDQgMjAuMjY3IDIwLjI2NyAwIDAgMC0xMC43Mi0yLjcycS05LjQ0IDAtMTUuMiA4LjQ4dC01Ljc2IDI2LjRabTEwNy4wNCA3Mkg0NzkuMnYtNGE1Ny44IDU3LjggMCAwIDEgMTAuNTYtMy44NFY0NS45MmwtMTAuNTYtMS4yOHYtNC4xNmE2Ny41NjQgNjcuNTY0IDAgMCAxIDEwLjQ4LTMuNnE1LjM2LTEuMzYgMTAuNDgtMi4xNmg0djE3LjkyaC4xNmEzMiAzMiAwIDAgMSA4Ljk2LTEzLjA0cTUuNzYtNC44OCAxNS4wNC00Ljg4IDE0LjI0IDAgMjIuMDggOS40NHQ3Ljg0IDMwLjcyYTU5LjA3MiA1OS4wNzIgMCAwIDEtMi42NCAxOC4yNCAzOC44NDggMzguODQ4IDAgMCAxLTcuNTIgMTMuNzYgMzMuMDIxIDMzLjAyMSAwIDAgMS0xMS44NCA4LjY0IDM4LjE3IDM4LjE3IDAgMCAxLTE1LjQ0IDMuMDQgNDYuNTY1IDQ2LjU2NSAwIDAgMS05LjI4LS43MiAzOC41NjQgMzguNTY0IDAgMCAxLTcuMzYtMi40OHYyNS40NGEyNS40MjUgMjUuNDI1IDAgMCAxIDUuMTIgMS4yIDI4LjAzNCAyOC4wMzQgMCAwIDEgNS40NCAyLjY0Wm04LjQ4LTEwNHEtNy44NCAwLTEyLjQ4IDQuOTZ0LTYuNTYgMTMuNlYxMDhhMjIuNjUxIDIyLjY1MSAwIDAgMCA2LjQ4IDIuNjQgNDAuNjI0IDQwLjYyNCAwIDAgMCA5LjM2Ljg4IDE3LjI1NiAxNy4yNTYgMCAwIDAgOS41Mi0yLjcyIDIyLjc1MSAyMi43NTEgMCAwIDAgNy4yLTcuNjggNDEuNDcyIDQxLjQ3MiAwIDAgMCA0LjU2LTExLjYgNjIuNTA1IDYyLjUwNSAwIDAgMCAxLjYtMTQuNjQgNjUuMzU0IDY1LjM1NCAwIDAgMC0xLjA0LTEyLjA4IDMwLjg2MyAzMC44NjMgMCAwIDAtMy4zNi05LjYgMTYuOTA2IDE2LjkwNiAwIDAgMC02LjA4LTYuMzIgMTcuNjgyIDE3LjY4MiAwIDAgMC05LjItMi4yNFptODMuNjggNzJoLTM1LjUydi00YTM0LjAzOSAzNC4wMzkgMCAwIDEgNC45Ni0yLjE2cTIuNTYtLjg4IDUuNi0xLjY4VjQ1LjkybC0xMC41Ni0xLjI4di00LjE2YTc5LjcxNiA3OS43MTYgMCAwIDEgMTAuMDgtMy4zNnE1LjQ0LTEuNDQgMTAuODgtMi40aDR2NzQuMDhxMy4yLjggNS43NiAxLjY4YTI3Ljk4MyAyNy45ODMgMCAwIDEgNC44IDIuMTZabS0yOC0xMDcuMmE4Ljg2NiA4Ljg2NiAwIDAgMSAyLjgtNi44OEExMC42IDEwLjYgMCAwIDEgNTg5LjEyIDBhMTAuMyAxMC4zIDAgMCAxIDcuMzYgMi41NiA5IDkgMCAwIDEgMi43MiA2Ljg4IDguNzQyIDguNzQyIDAgMCAxLTIuNzIgNi44IDEwLjUwNyAxMC41MDcgMCAwIDEtNy4zNiAyLjQ4IDEwLjgwOSAxMC44MDkgMCAwIDEtNy40NC0yLjQ4IDguNjE3IDguNjE3IDAgMCAxLTIuOC02LjhabTEwMi40IDk2YTIzLjIwOCAyMy4yMDggMCAwIDEtOS4zNiA5LjM2IDI5LjU4NyAyOS41ODcgMCAwIDEtMTUuMTIgMy43NiA0MS42OTQgNDEuNjk0IDAgMCAxLTE2LjQtMi45NiAzMC40NzEgMzAuNDcxIDAgMCAxLTExLjYtOC40OCAzNi42NzUgMzYuNjc1IDAgMCAxLTYuOTYtMTMuMjggNTkuOSA1OS45IDAgMCAxLTIuMzItMTcuMnEwLTIwLjMyIDkuOTItMzEuMTJ0MjcuMDQtMTAuOGE2NS4yNDYgNjUuMjQ2IDAgMCAxIDE0IDEuMzYgNDIuOTI5IDQyLjkyOSAwIDAgMSAxMC40OCAzLjYgMTE4LjQ2OSAxMTguNDY5IDAgMCAxLTEuNzYgMTEuODRBNTEuMzc3IDUxLjM3NyAwIDAgMSA2NzYgNjIuNGgtNC4zMmwtNi43Mi0xOS4wNGE4LjA4NCA4LjA4NCAwIDAgMC0yLjU2LTEuMiAyMC4wNjkgMjAuMDY5IDAgMCAwLTQuOC0uNHEtMTAuODggMC0xNi44IDcuOTJ0LTUuOTIgMjYuOGE0Mi4wNyA0Mi4wNyAwIDAgMCAxLjY4IDExLjg0IDMxLjcxMSAzMS43MTEgMCAwIDAgNS4xMiAxMC4zMiAyNS40MzIgMjUuNDMyIDAgMCAwIDguNjQgNy4yOCAyNS43IDI1LjcgMCAwIDAgMTIuMDggMi43MiAyNy4xMjggMjcuMTI4IDAgMCAwIDkuNzYtMS42IDI3LjQ0NiAyNy40NDYgMCAwIDAgNy4wNC0zLjg0Wm01My40NC03LjA0YTEwLjk3MyAxMC45NzMgMCAwIDAtMi44LTcuNiAzMy4zOCAzMy4zOCAwIDAgMC03LjEyLTUuODRxLTQuMzItMi43Mi05LjItNS4yOGE1Ny45NjMgNTcuOTYzIDAgMCAxLTkuMi02IDMxLjI4NiAzMS4yODYgMCAwIDEtNy4xMi03LjkyIDIwLjQ0NyAyMC40NDcgMCAwIDEtMi44LTExLjA0IDE2LjQ4NiAxNi40ODYgMCAwIDEgMi04IDIwLjI5NCAyMC4yOTQgMCAwIDEgNS4zNi02LjMyIDI2LjE4MSAyNi4xODEgMCAwIDEgNy44NC00LjE2IDI5LjY4NSAyOS42ODUgMCAwIDEgOS42LTEuNTIgODUuMzIxIDg1LjMyMSAwIDAgMSAxNC4xNi45NiA2OS4wOTMgNjkuMDkzIDAgMCAxIDEwLjY0IDIuNzJxLS42NCA1LjEyLTEuNTIgMTAuMzJhOTIuMzM1IDkyLjMzNSAwIDAgMS0yLjQ4IDEwLjY0aC00TDczMiA0My4wNGExNS4wOTEgMTUuMDkxIDAgMCAwLTQuMzItMS4wNHEtMi40LS4yNC00Ljk2LS4yNGExMS41IDExLjUgMCAwIDAtNS4wNCAxLjA0IDEyLjQ4NCAxMi40ODQgMCAwIDAtMy42OCAyLjY0IDExLjA0OCAxMS4wNDggMCAwIDAtMi4zMiAzLjY4IDExLjUxNiAxMS41MTYgMCAwIDAtLjggNC4xNiAxMC43NjIgMTAuNzYyIDAgMCAwIDIuOCA3LjQ0IDMxLjY0NiAzMS42NDYgMCAwIDAgNy4xMiA1Ljc2cTQuMzIgMi42NCA5LjIgNS4yYTcwLjI2MiA3MC4yNjIgMCAwIDEgOS4yIDUuNzYgMjkuNCAyOS40IDAgMCAxIDcuMTIgNy40NCAxOC4wMTggMTguMDE4IDAgMCAxIDIuOCAxMC4xNiAyMC4zIDIwLjMgMCAwIDEtMi4zMiA5Ljc2IDIyLjIwOCAyMi4yMDggMCAwIDEtNi40IDcuMzYgMzEuMzQgMzEuMzQgMCAwIDEtOS40NCA0LjcyIDM4LjA0MSAzOC4wNDEgMCAwIDEtMTEuNDQgMS42OCA2Mi4wNDggNjIuMDQ4IDAgMCAxLTEyLjY0LTEuMiA4OS44NDcgODkuODQ3IDAgMCAxLTEyLTMuNDQgNzQuNTEyIDc0LjUxMiAwIDAgMSAxLjQ0LTExLjEyIDc5LjM2MSA3OS4zNjEgMCAwIDEgMi44OC0xMC4zMmg0bDcuMDQgMTcuNDRhNy45MTEgNy45MTEgMCAwIDAgNC4yNCAxLjQ0cTIuNDguMTYgNC41Ni4xNiA3LjA0IDAgMTEuMzYtMy44NGExMS45OCAxMS45OCAwIDAgMCA0LjMyLTkuMjhaIiBmaWxsPSIjZjRmNWY2Ii8+PC9zdmc+");
}
@media (min-width: 1024px) {
  #content2022.toppage #HotTopics_block .bgDummy::before {
    width: 760px;
    right: -108px;
    top: -65px;
    bottom: auto;
    left: auto;
  }
}
#content2022.toppage #HotTopics_block > p {
  margin: 0;
  width: 100%;
  font-size: 1.3rem;
  z-index: 1;
}
#content2022.toppage #HotTopics_block .checkAllWrap {
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  #content2022.toppage #HotTopics_block {
    margin-top: 94px;
  }
  #content2022.toppage #HotTopics_block h2 {
    width: 50%;
    margin: 0;
  }
  #content2022.toppage #HotTopics_block > p {
    width: 50%;
    padding: 0 1em;
    font-size: 1.6rem;
  }
}
#content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 9px;
  margin-right: 15px;
  width: 100%;
  max-width: none;
  overflow-x: hidden;
  margin: 2.7rem 0 0;
  padding: 0;
  border: none;
  z-index: 1;
}
#content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll .card {
  width: 100%;
  min-width: 0;
  max-width: none;
  border: 1px solid #e3e4e5;
}
#content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll .card > a {
  width: 100%;
  padding: 0;
}
#content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll .card > a .card-img {
  width: 100%;
}
#content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll .card > a .card-body {
  padding: 1rem 1rem 2rem;
}
#content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll .card > a .card-body .date {
  font-size: 1.1rem;
}
#content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll .card > a .card-body .card-title {
  font-size: 1.4rem;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
#content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll .card > a .card-body .tags .tag {
  background-color: #f4f5f6;
  font-size: 1.1rem;
  color: #1e1e1e;
  padding: 3px 8px;
}
#content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll .card > a .icon-link {
  display: inline-block;
  position: absolute;
  right: 6px;
  bottom: 6px;
}
@media (min-width: 1024px) {
  #content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: auto;
    margin-top: 38px;
  }
  #content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll .card > a .card-body .date {
    font-size: 1.2rem;
  }
  #content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll .card > a .card-body .card-title {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
  #content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll .card > a .card-body .tags .tag {
    background-color: #f4f5f6;
    font-size: 1.2rem;
    color: #1e1e1e;
    padding: 3px 8px;
  }
}
@media (min-width: 1200px) {
  #content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 32px;
  }
  #content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll .card > a .card-body {
    padding: 1.8rem 2rem 2.5rem;
  }
}
@media (min-width: 1366px) {
  #content2022.toppage #HotTopics_block ._3cards.hottopics.nonscroll {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
#content2022.toppage #hotTopicsKnown {
  width: 100%;
  opacity: 0;
  transition: opacity 0.75s;
  margin-top: 2.5rem;
}
#content2022.toppage #hotTopicsKnown.ready {
  opacity: 1 !important;
}
#content2022.toppage #hotTopicsKnown .pagenationWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 20px auto 0;
  height: auto;
  padding: 0 1.5rem 26px;
  border-bottom: 1px solid #e3e4e5;
  z-index: 1;
}
#content2022.toppage #hotTopicsKnown .pagenationWrap #hotTopicsKnownPagination {
  justify-content: center;
  align-items: center;
  column-gap: 16px;
  height: auto;
}
#content2022.toppage #hotTopicsKnown .pagenationWrap #hotTopicsKnownPagination .swiper-pagination-bullet {
  top: 0;
  margin: 0;
}
@media (min-width: 1024px) {
  #content2022.toppage #hotTopicsKnown .pagenationWrap {
    border-bottom: none;
  }
}
#content2022.toppage #hotTopicsKnown .pagenationWrap .prev-button,
#content2022.toppage #hotTopicsKnown .pagenationWrap .next-button {
  display: flex;
  border: none;
  background: none;
}
#content2022.toppage #hotTopicsKnown .pagenationWrap .prev-button svg {
  transform: rotate(180deg);
}
#content2022.toppage #hotTopicsKnown .swiper-wrapper {
  align-content: stretch;
}
#content2022.toppage #hotTopicsKnown .swiper-wrapper .card {
  width: 100%;
  min-width: 0;
  max-width: none;
  border: none;
}
#content2022.toppage #hotTopicsKnown .swiper-wrapper .card > a {
  width: 100%;
  padding: 0;
}
#content2022.toppage #hotTopicsKnown .swiper-wrapper .card > a .card-img {
  width: 100%;
  overflow: hidden;
}
#content2022.toppage #hotTopicsKnown .swiper-wrapper .card > a .card-img img {
  object-fit: cover;
}
#content2022.toppage #hotTopicsKnown .swiper-wrapper .card > a .card-body {
  padding: 3rem 1.5rem 2rem;
  background-color: white;
}
#content2022.toppage #hotTopicsKnown .swiper-wrapper .card > a .card-body .date {
  font-size: 1.2rem;
  font-style: italic;
  color: #999;
}
#content2022.toppage #hotTopicsKnown .swiper-wrapper .card > a .card-body .card-title {
  font-size: 2rem;
  color: inherit;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin: 1.5rem 0 0;
}
#content2022.toppage #hotTopicsKnown .swiper-wrapper .card > a .card-body .lead {
  font-size: 1.3rem;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: 1.5rem 0 0;
}
#content2022.toppage #hotTopicsKnown .swiper-wrapper .card > a .card-body .tags .tag {
  background-color: #f4f5f6;
  font-size: 1.1rem;
  color: #1e1e1e;
  padding: 3px 8px;
}
@media (min-width: 1024px) {
  #content2022.toppage #hotTopicsKnown {
    --cardWidth: min( 54.7445%, 810px);
    position: relative;
  }
  #content2022.toppage #hotTopicsKnown .checkAllWrap {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #content2022.toppage #hotTopicsKnown .pagenationWrap {
    display: inline-flex;
    width: auto;
    margin-top: 10px;
    margin-right: auto;
    justify-content: flex-start;
    padding: 0;
    border-bottom: none;
  }
  #content2022.toppage #hotTopicsKnown .pagenationWrap #hotTopicsKnownPagination {
    order: 0;
    width: auto;
  }
  #content2022.toppage #hotTopicsKnown .pagenationWrap .prev-button,
  #content2022.toppage #hotTopicsKnown .pagenationWrap .next-button {
    padding: 17px;
  }
  #content2022.toppage #hotTopicsKnown .pagenationWrap .prev-button {
    order: 1;
    margin-left: 24px;
  }
  #content2022.toppage #hotTopicsKnown .pagenationWrap::before {
    content: "";
    width: 2px;
    height: 16px;
    background-color: #e3e4e5;
    order: 2;
  }
  #content2022.toppage #hotTopicsKnown .pagenationWrap .next-button {
    order: 3;
  }
  #content2022.toppage #hotTopicsKnown .swiper-wrapper {
    height: auto;
  }
  #content2022.toppage #hotTopicsKnown .swiper-wrapper .card {
    position: relative;
    background-color: transparent;
  }
  #content2022.toppage #hotTopicsKnown .swiper-wrapper .card > a {
    display: grid;
    grid-template-columns: var(--cardWidth) auto;
  }
  #content2022.toppage #hotTopicsKnown .swiper-wrapper .card > a .card-img {
    width: 100%;
  }
  #content2022.toppage #hotTopicsKnown .swiper-wrapper .card > a .card-body {
    position: absolute;
    padding: 50px 0 50px 50px;
    width: auto;
    min-height: calc( 100% - 60px );
    top: 30px;
    left: calc( var(--cardWidth) - 50px );
  }
  #content2022.toppage #hotTopicsKnown .swiper-wrapper .card > a .card-body .card-title {
    font-size: 2.4rem;
  }
  #content2022.toppage #hotTopicsKnown .swiper-wrapper .card > a .card-body .lead {
    font-size: 1.4rem;
  }
}
#content2022.toppage #academicsList {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  grid-row-gap: 15px;
  grid-column-gap: 15px;
  padding-right: 30px;
  position: relative;
}
#content2022.toppage #academicsList::before {
  position: absolute;
  top: 330px;
  bottom: auto;
  right: 36px;
  content: "";
  height: 62px;
  width: 410px;
  transform: rotate(90deg);
  transform-origin: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MTguNzIiIGhlaWdodD0iMTIyLjI0Ij48cGF0aCBkPSJNMzUuNTIgMTIwLjMySDB2LTQuNjRhNjAuODUxIDYwLjg1MSAwIDAgMSAxMS41Mi0zLjg0TDUyIDYuNGg0LjY0bDQwLjQ4IDEwNS40NHEzLjIuNjQgNi4zMiAxLjQ0YTIyLjQ1NyAyMi40NTcgMCAwIDEgNS44NCAyLjR2NC42NEg2OHYtNC42NGE2Ny44MDkgNjcuODA5IDAgMCAxIDYuNTYtMi4yNHEzLjM2LS45NiA2LjU2LTEuNkw3MC4zIDgyLjU2SDMyLjI2M0wyMS43NiAxMTEuODRhNTguMDQyIDU4LjA0MiAwIDAgMSAxMy43NiAzLjg0Wm0tLjA3NS00Ni4wOGgzMi4xNDdMNTUuMDIgNDAuMzIgNTIgMjYuNTZoLS4zMkw0Ny43IDQwLjY0Wk0xMjEuNiAxMS4ybC0xMi4xNi0xLjI4VjUuNzZhNjAuNjcxIDYwLjY3MSAwIDAgMSAxMS4xMi0zLjM2UTEyNi43MiAxLjEyIDEzMiAwaDR2NTYuMTZoLjMyYTI1LjgyNCAyNS44MjQgMCAwIDEgOS4yLTEyLjk2IDIzLjUwOCAyMy41MDggMCAwIDEgMTQuMzItNC44cTE0LjU2IDAgMjIuMzIgOS45MnQ3Ljc2IDMwLjU2cTAgMjEuMTItMTAuNjQgMzJ0LTMwLjY0IDEwLjg4YTU3LjYzMyA1Ny42MzMgMCAwIDEtOC0uNTZxLTQtLjU2LTcuNjgtMS4zNmE0Ny4wNTMgNDcuMDUzIDAgMCAxLTYuNjQtMS45MiAyNi4zMDcgMjYuMzA3IDAgMCAxLTQuNzItMi4yNFptMzMuOTIgMzcuMTJhMTYuMiAxNi4yIDAgMCAwLTEyLjQ4IDUuMiAzMS42ODEgMzEuNjgxIDAgMCAwLTcuMDQgMTMuMnY0NC42NGEyNS4yNTYgMjUuMjU2IDAgMCAwIDcuMDQgMi40OCA0Mi40NDYgNDIuNDQ2IDAgMCAwIDguOC44OHExMC41NiAwIDE2LjY0LTkuMnQ2LjA4LTI2LjY0YTY0Ljc4NSA2NC43ODUgMCAwIDAtMS4wNC0xMS44NCAzMS44NzQgMzEuODc0IDAgMCAwLTMuMzYtOS43NiAxOC41ODkgMTguNTg5IDAgMCAwLTUuOTItNi41NiAxNS4zNjEgMTUuMzYxIDAgMCAwLTguNzItMi40Wm00Ny41MiAzMmE1NS4zMTkgNTUuMzE5IDAgMCAxIDIuNjQtMTcuODQgMzYuMTczIDM2LjE3MyAwIDAgMSA3LjYtMTMuMTIgMzIuNTg0IDMyLjU4NCAwIDAgMSAxMS45Mi04LjE2IDQxLjAyIDQxLjAyIDAgMCAxIDE1LjQ0LTIuOCA0My44NTEgNDMuODUxIDAgMCAxIDE3LjEyIDMuMDRBMzAuMTU1IDMwLjE1NSAwIDAgMSAyNjkuNTIgNTBhMzUuNTM3IDM1LjUzNyAwIDAgMSA2LjcyIDEzLjIgNjMuMTc3IDYzLjE3NyAwIDAgMSAyLjE2IDE3LjEycTAgMjAuMTYtMTAuMjQgMzEuMDR0LTI3LjUyIDEwLjg4YTQyLjc0OSA0Mi43NDkgMCAwIDEtMTYuNjQtMi45NiAzMC4zNDcgMzAuMzQ3IDAgMCAxLTExLjY4LTguNDggMzYuNjc0IDM2LjY3NCAwIDAgMS02Ljk2LTEzLjI4IDU5LjkgNTkuOSAwIDAgMS0yLjMyLTE3LjJabTE1LjM2IDBhNjUuMzI5IDY1LjMyOSAwIDAgMCAxLjM2IDEzLjYgMzQuMDk0IDM0LjA5NCAwIDAgMCA0LjMyIDExLjEyIDIxLjYwNyAyMS42MDcgMCAwIDAgNy43NiA3LjQ0IDIzLjAwOSAyMy4wMDkgMCAwIDAgMTEuNTIgMi43MnE4LjY0IDAgMTQuMTYtOC40OHQ1LjUyLTI2LjRhNjUuMDA2IDY1LjAwNiAwIDAgMC0xLjM2LTEzLjY4IDM1LjI4NyAzNS4yODcgMCAwIDAtNC4yNC0xMS4wNCAyMS44NCAyMS44NCAwIDAgMC03LjM2LTcuNDQgMjAuMjY3IDIwLjI2NyAwIDAgMC0xMC43Mi0yLjcycS05LjQ0IDAtMTUuMiA4LjQ4dC01Ljc2IDI2LjRabTc4Ljg4IDguMzJxMC0xMC4wOC40OC0xOS43NnQuNDgtMTkuMjhsLTEwLjU2LTEuMjh2LTQuMTZxNS4xMi0xLjkyIDEwLjQ4LTMuMzZ0MTAuNDgtMi40aDRxMCAxMi0uNDggMjMuODR0LS40OCAyMy41MmE3OC41MjQgNzguNTI0IDAgMCAwIC43MiAxMS4yIDI0LjY2NSAyNC42NjUgMCAwIDAgMi41NiA4LjMyIDEzLjE0MSAxMy4xNDEgMCAwIDAgNS4wNCA1LjIgMTYuMjExIDE2LjIxMSAwIDAgMCA4LjE2IDEuODQgMTUuOSAxNS45IDAgMCAwIDEyLjA4LTUuMiAzNS41ODEgMzUuNTgxIDAgMCAwIDcuNi0xMy41MnYtNDRsLTEwLjQtMS4yOHYtNC4xNmExMDEuNTY2IDEwMS41NjYgMCAwIDEgMTAuMzItMy4zNnE1LjM2LTEuNDQgMTAuNDgtMi40aDR2NzIuOGwxMC41NiAxLjI4djMuMzZxLTQuNjQgMi4wOC05LjM2IDMuNjhhNTguOTI3IDU4LjkyNyAwIDAgMS05Ljg0IDIuNGgtNGwtMS4xMi0xOS4wNGgtLjY0YTI1LjE2IDI1LjE2IDAgMCAxLTIuOCA2LjggMjQuOTM0IDI0LjkzNCAwIDAgMS01LjIgNi4yNCAyNy41MjYgMjcuNTI2IDAgMCAxLTcuMjggNC41NiAyMi4xNzkgMjIuMTc5IDAgMCAxLTguODggMS43NiAzNy45ODQgMzcuOTg0IDAgMCAxLTExLjI4LTEuNTIgMTcuNzY2IDE3Ljc2NiAwIDAgMS04LjI0LTUuMzYgMjUuNjU2IDI1LjY1NiAwIDAgMS01LjEyLTEwLjMyIDYzLjkwOSA2My45MDkgMCAwIDEtMS43Ni0xNi40Wm04MS45Mi00NC4zYTQxLjM2NiA0MS4zNjYgMCAwIDEgMTIuOC01LjYydi0xMy42YTM2LjgxNyAzNi44MTcgMCAwIDEgNC44OC0zLjEyIDU3LjM4NiA1Ny4zODYgMCAwIDEgNS41Mi0yLjY0aDR2MjAuOTZoMjR2OC4zMmgtMjR2NDYuMTY3cTAgOS41NTMgMy4wNCAxMy41MzN0OS4xMiAzLjk4cTIuODggMCA3LjItLjRhMjkuMjU3IDI5LjI1NyAwIDAgMCA3LjM2LTEuNTJsMS4xMiAyLjRhMjAuMTE2IDIwLjExNiAwIDAgMS0zLjYgMy4wNCA0MC41MiA0MC41MiAwIDAgMS01LjI4IDMuMDQgMzcuMDk0IDM3LjA5NCAwIDAgMS02LjQ4IDIuNCAyNy4yNDIgMjcuMjQyIDAgMCAxLTcuMi45NnEtOS42IDAtMTQuNjQtNS40MTZUMzkyIDk5LjNWNDguNjRoLTEyLjhabTE2Ny44NCA3NS45OGgtNDQuOTZ2LTQuNjRxMy41Mi0xLjI4IDcuMTItMi4yNGE3My41ODMgNzMuNTgzIDAgMCAxIDcuNzYtMS42di05NS4yaC0yNC40OEw0ODQgMzkuNTJoLTRxLS40OC0zLjItLjgtNy4yOHQtLjU2LTguMzJxLS4yNC00LjI0LS40LTguMzJ0LS4xNi03LjI4aDkyLjk2cTAgMy4yLS4xNjEgNy4ydC0uNCA4LjI0cS0uMjQ0IDQuMjQtLjQ4NiA4LjMydC0uNzI3IDcuNDRoLTQuMjA4bC04LjQxMi0yMi44OEg1MzIuMzJ2OTUuMnE0LjE2LjggNy43NiAxLjZhMzkuMjM0IDM5LjIzNCAwIDAgMSA2Ljk2IDIuMjRabTE2MC42NCAwaC0zOS4zNnYtNC42NGE2MC4yMzUgNjAuMjM1IDAgMCAxIDYuNC0yLjE2cTMuMi0uODggNi41Ni0xLjY4di03MmwuNjQtMTguNzJoLTEuMjhsLTUuMjggMTcuMTItMzIuOCA4Mi4wOGgtNC4xNmwtMzEuMi04Mi4wOC01Ljc2LTE4LjcySDYwMGwuMTYgMjAuMzJ2NzJxMy4wNC42NCA2LjA4IDEuNnQ2LjA4IDIuMjR2NC42NGgtMzMuNDR2LTQuNjRxMy4wNC0xLjI4IDYuMzItMi4zMmE1Ny42MjggNTcuNjI4IDAgMCAxIDYuNjQtMS42OFYxNi45NmE1Ny42MjcgNTcuNjI3IDAgMCAxLTYuNjQtMS42OHEtMy4yOC0xLjA0LTYuNDgtMi4zMlY4LjMyaDMyLjhsMjcuODQgNzMuMTIgNS40NCAxNi40OGguMTZsNS40NC0xNi44IDI4LjgtNzIuOGgyOC42NHY0LjY0cS0yLjg4IDEuMjgtNS45MiAyLjMyYTQ4Ljg1NyA0OC44NTcgMCAwIDEtNi4yNCAxLjY4VjExMmE2NC42MjUgNjQuNjI1IDAgMCAxIDYuMzIgMS41MiA0MC4yNjQgNDAuMjY0IDAgMCAxIDUuNjggMi4xNlptNi43Mi0xMTJoNDAuNjR2NC42MjVxLTMuMDQgMS4yNzctNi4wOCAyLjIzNHQtNi4wOCAxLjc1NHY2NS4yNGE0Ni4yNzUgNDYuMjc1IDAgMCAwIDEuODQgMTQuMTE1IDIxLjg1MSAyMS44NTEgMCAwIDAgNS4zNiA5LjA5MyAyMC40NDEgMjAuNDQxIDAgMCAwIDguNzIgNC45MzkgNDIuMDQ1IDQyLjA0NSAwIDAgMCAxMS43NiAxLjUycTEyLjY0IDAgMTkuNjgtNi45Mzl0Ny4wNC0yMi44ODlWMTguMzdxLTMuNjgtMS4yNzctNi44OC0yLjYzMmE1Ny45MTMgNTcuOTEzIDAgMCAxLTUuNzYtMi43OTJWOC4zMmgzNC4wOHY0LjY0cS0zLjA0IDEuNzYtNi4xNiAzLjJhMzUuNzU4IDM1Ljc1OCAwIDAgMS02LjMyIDIuMjR2NjQuMTZhNTAuODU1IDUwLjg1NSAwIDAgMS0yLjcyIDE3LjYgMzIuNiAzMi42IDAgMCAxLTcuNiAxMi4xNiAzMC4yNDEgMzAuMjQxIDAgMCAxLTExLjg0IDcuMTIgNDguNjE2IDQ4LjYxNiAwIDAgMS0xNS40NCAyLjMycS0yMCAwLTMwLjU2LTkuMDR0LTEwLjU2LTI3Ljc2di02OGE0Ny41MDUgNDcuNTA1IDAgMCAxLTEzLjEyLTRaIiBmaWxsPSIjZjRmNWY2Ii8+PC9zdmc+");
}
@media (min-width: 1024px) {
  #content2022.toppage #academicsList::before {
    width: 820px;
    padding-top: 124px;
    right: 27px;
    top: 320px;
  }
}
#content2022.toppage #academicsList > .card {
  height: 75px;
  position: relative;
  border: none;
}
#content2022.toppage #academicsList > .card::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--tmuKeycolor01);
  z-index: 2;
}
#content2022.toppage #academicsList > .card > a {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: stretch;
}
#content2022.toppage #academicsList > .card > a > .card-img {
  flex-shrink: 0;
  width: 75px;
  position: relative;
  border-radius: 0;
  --bs-aspect-ratio: 100%;
}
#content2022.toppage #academicsList > .card > a > .card-img > img {
  display: block;
  width: 100%;
  height: 100%;
}
#content2022.toppage #academicsList > .card > a > .card-body {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  overflow: hidden;
  border: 1px solid #e3e4e5;
  border-left: none;
}
#content2022.toppage #academicsList > .card > a > .card-body > h4 {
  font-size: 1.8rem;
  line-height: 1.2;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#content2022.toppage #academicsList > .card > a > .card-body > h4::before {
  display: none;
}
#content2022.toppage #academicsList > .card > a > .card-body > h4 .icon {
  display: inline-block;
  margin-left: 0.33em;
  padding-bottom: 0.2em;
}
#content2022.toppage #academicsList > .card > a > .card-body > .toclist,
#content2022.toppage #academicsList > .card > a > .card-body .text {
  display: none;
}
#content2022.toppage #academicsList > .card > a > .card-body > .toclist .toctxt,
#content2022.toppage #academicsList > .card > a > .card-body .text .toctxt {
  display: none;
}
@media (min-width: 576px) {
  #content2022.toppage #academicsList {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  #content2022.toppage #academicsList {
    grid-template-columns: repeat(auto-fit, minmax( 250px, 1fr ));
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    padding-right: 0;
  }
  #content2022.toppage #academicsList > .card {
    height: auto;
  }
  #content2022.toppage #academicsList > .card::before {
    left: 0;
    right: 0;
    bottom: auto;
    width: auto;
    height: 4px;
  }
  #content2022.toppage #academicsList > .card > a {
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
  }
  #content2022.toppage #academicsList > .card > a > .card-img {
    width: 100%;
    --bs-aspect-ratio: 50%;
  }
  #content2022.toppage #academicsList > .card > a > .card-body {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem 1.8rem;
    border: 1px solid #e3e4e5;
    border-topt: none;
  }
  #content2022.toppage #academicsList > .card > a > .card-body > h4 {
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  #content2022.toppage #academicsList > .card > a > .card-body > h4::before {
    display: none;
  }
  #content2022.toppage #academicsList > .card > a > .card-body > .toclist,
  #content2022.toppage #academicsList > .card > a > .card-body .text {
    display: block;
    margin: 1.3rem 0 0;
    font-size: 1.3rem;
  }
  #content2022.toppage #academicsList > .card > a > .card-body > .toclist > li,
  #content2022.toppage #academicsList > .card > a > .card-body .text > li {
    margin-top: 0;
    padding-left: 1.1em;
  }
  #content2022.toppage #academicsList > .card > a > .card-body > .toclist > li::before,
  #content2022.toppage #academicsList > .card > a > .card-body .text > li::before {
    top: 0.5em;
    left: 0.25em;
  }
  #content2022.toppage #academicsList > .card > a > .card-body > .toclist > li + li,
  #content2022.toppage #academicsList > .card > a > .card-body .text > li + li {
    margin-top: 3px;
  }
}
@media (min-width: 1366px) {
  #content2022.toppage #academicsList {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
#content2022.toppage #about_block {
  margin-top: 7.5rem;
}
#content2022.toppage #about_block_head {
  display: grid;
  overflow: hidden;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto auto auto auto;
}
#content2022.toppage #about_block_head .img {
  z-index: 1;
}
#content2022.toppage #about_block_head .img > img {
  object-fit: cover;
  overflow: hidden;
  max-width: none !important;
}
#content2022.toppage #about_block_head h2 a {
  color: #1e1e1e;
}
#content2022.toppage #about_block_head p.catch {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
}
#content2022.toppage #about_block_head p.text {
  margin: 0;
}
@media (max-width: calc(1024px - 0.02px)) {
  #content2022.toppage #about_block_head {
    margin: 0 -15px;
    padding: 0 15px;
  }
  #content2022.toppage #about_block_head .tile-image01 {
    grid-column: 1/2;
    grid-row: 1/3;
    --bs-aspect-ratio: 114.2857%;
    margin-top: 34.8%;
    margin-bottom: auto;
    width: 102%;
  }
  #content2022.toppage #about_block_head .tile-image01 > img {
    right: 9%;
    left: auto;
  }
  #content2022.toppage #about_block_head .tile-image02 {
    grid-column: 2/3;
    grid-row: 2/3;
    margin-top: 23.1884%;
    margin-left: -25.5072%;
  }
  #content2022.toppage #about_block_head .tile-image03 {
    grid-column: 2/3;
    grid-row: 1/2;
    width: 116%;
    height: auto;
    margin-left: 8.69565%;
  }
  #content2022.toppage #about_block_head .tile-head {
    grid-column: 1/3;
    grid-row: 3/4;
    margin-top: 16px;
    padding-right: 30px;
  }
  #content2022.toppage #about_block_head .tile-head .catch {
    font-size: 3rem;
    line-height: 1.2;
    max-width: 10.5em;
    margin: 0 0 2rem;
  }
  #content2022.toppage #about_block_head .tile-head .text {
    font-size: 1.3rem;
  }
  #content2022.toppage #about_block_head .checkAll {
    grid-column: 1/3;
    grid-row: 4/5;
    z-index: 1;
  }
}
@media (min-width: 768px) {
  #content2022.toppage #about_block_head {
    margin: 0 clamp(-300px, (1690px - 100vw) /2 , -91px);
  }
  #content2022.toppage #about_block_head .tile-head {
    padding: 0 105px 0 75px;
  }
}
@media (min-width: 1024px) {
  #content2022.toppage #about_block_head .img > img {
    width: auto;
    height: auto;
    max-width: none;
  }
  #content2022.toppage #about_block_head .tile-image01 {
    grid-column: 1/2;
    grid-row: 1/4;
    --bs-aspect-ratio: 66.66666667%;
    width: 94.0438871%;
    min-width: 600px;
    align-self: flex-start;
    justify-self: end;
  }
  #content2022.toppage #about_block_head .tile-image01 > img {
    width: 100%;
    top: min(41%, 164px);
    right: 21.5%;
    left: auto;
  }
  #content2022.toppage #about_block_head .tile-image02 {
    grid-column: 1/2;
    grid-row: 3/4;
    width: 51.8%;
    align-self: flex-end;
    justify-self: end;
  }
  #content2022.toppage #about_block_head .tile-image02 > img {
    width: 100%;
    right: 23.636363%;
    left: auto;
    bottom: -17%;
    top: auto;
  }
  #content2022.toppage #about_block_head .tile-image03 {
    grid-column: 2/3;
    grid-row: 1/2;
    align-self: top;
    justify-self: end;
    width: 60.596546%;
  }
  #content2022.toppage #about_block_head .tile-image03 > img {
    width: 100%;
    right: -3%;
    left: auto;
  }
  #content2022.toppage #about_block_head .tile-head {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 16px;
    padding-left: 6.55%;
    padding-right: 0;
    max-width: 430px;
    z-index: 1;
  }
  #content2022.toppage #about_block_head .tile-head h2 {
    margin-bottom: 4.6rem;
  }
  #content2022.toppage #about_block_head .tile-head .catch {
    font-size: 5rem;
    line-height: 1.2;
    max-width: 10.5em;
    margin: 0 0 4rem;
  }
  #content2022.toppage #about_block_head .tile-head .text {
    width: 62%;
    min-width: 23em;
  }
  #content2022.toppage #about_block_head .checkAll {
    grid-column: 1/3;
    grid-row: 4/5;
    padding-right: 0;
    margin-right: max(90px,( 100% - 1600px ) / 2);
    z-index: 1;
  }
}
#content2022.toppage #about_pickup ._3cards {
  margin-top: 3rem;
  margin-right: -15px;
  padding: 3rem 1.5rem;
  background-color: #f4f5f6;
}
#content2022.toppage #about_pickup ._3cards .card {
  border: 1px solid #e3e4e5;
  width: 150px;
  min-width: 200px;
  min-height: 176px;
}
#content2022.toppage #about_pickup ._3cards .card > a {
  display: flex;
  flex-direction: column;
}
#content2022.toppage #about_pickup ._3cards .card > a .card-img {
  flex-shrink: 0;
  flex-grow: 0;
  width: 75px;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  margin: 20px auto 0;
}
#content2022.toppage #about_pickup ._3cards .card > a .card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem 1.5rem 2.7rem;
}
#content2022.toppage #about_pickup ._3cards .card > a .card-body h5 {
  display: inline-block;
  font-size: 1.4rem;
  color: inherit;
  margin: 0 auto;
}
#content2022.toppage #about_pickup ._3cards .card > a .card-body p.text {
  width: auto;
  font-size: 1.1rem;
  line-height: 1.5;
  text-align: text;
  margin: 0.4rem 0 0 0;
}
#content2022.toppage #about_pickup ._3cards .card > a .icon {
  display: inline-block;
  position: absolute;
  right: 0.8em;
  bottom: 0.8em;
}
@media (min-width: 1024px) {
  #content2022.toppage #about_pickup ._3cards {
    margin: 3rem 0 0;
    padding: 6rem 1.5rem;
    justify-content: center;
    flex-wrap: nowrap;
    max-width: none;
    width: 100%;
    column-gap: 1.5rem;
  }
  #content2022.toppage #about_pickup ._3cards .card {
    width: 170px;
    min-width: 0;
  }
  #content2022.toppage #about_pickup ._3cards .card > a .card-img {
    width: 100px;
    margin-top: 25px;
  }
  #content2022.toppage #about_pickup ._3cards .card > a .card-body {
    padding: 1.8rem 2rem 3.7rem;
  }
  #content2022.toppage #about_pickup ._3cards .card > a .card-body h5 {
    font-size: 1.5rem;
  }
  #content2022.toppage #about_pickup ._3cards .card > a .card-body p.text {
    font-size: 1.2rem;
  }
}
#content2022.toppage #visit_tmu {
  display: grid;
  overflow: hidden;
  margin-top: 7.5rem;
  position: relative;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto auto auto auto auto auto auto;
}
#content2022.toppage #visit_tmu::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  height: 1px;
  background-color: #1e1e1e;
}
#content2022.toppage #visit_tmu .img {
  z-index: 1;
}
#content2022.toppage #visit_tmu .img > img {
  object-fit: cover;
  overflow: hidden;
  max-width: none !important;
}
#content2022.toppage #visit_tmu h2 a {
  color: #1e1e1e;
}
#content2022.toppage #visit_tmu p.catch {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
}
#content2022.toppage #visit_tmu p.text {
  margin: 0;
}
#content2022.toppage #visit_tmu .pickupWrap {
  position: relative;
}
#content2022.toppage #visit_tmu .pickupWrap::before {
  position: absolute;
  top: 137px;
  bottom: auto;
  right: 40px;
  content: "";
  height: 62px;
  width: 360px;
  transform: rotate(90deg);
  transform-origin: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MTYuOTYiIGhlaWdodD0iMTE4LjU2Ij48cGF0aCBkPSJNODcuMiAxMy4yOHEtMy44NC0uOC03LjItMS44NHQtNi41Ni0yLjE2VjQuNjRoMzZ2NC42NGE0MS40ODggNDEuNDg4IDAgMCAxLTExLjUyIDRMNjEuNzYgMTE2LjY0bC04LjggMS45Mi00MC44LTEwNS4yOHEtMy4yLS44LTYuMjQtMS44NFQwIDkuMjhWNC42NGg0Mi40djQuNjRxLTIuNzIgMS4xMi02LjA4IDIuMTZ0LTcuMDQgMS44NEw1Ni42NCA4Ni40IDYwIDk5LjJoLjMybDMuMi0xMy4xMlptNjQuMzIgMTAzLjM2SDExNnYtNGEzNC4wMzcgMzQuMDM3IDAgMCAxIDQuOTYtMi4xNnEyLjU2LS44OCA1LjYtMS42OFY0NS45MkwxMTYgNDQuNjR2LTQuMTZhNzkuNzE1IDc5LjcxNSAwIDAgMSAxMC4wOC0zLjM2cTUuNDQtMS40NCAxMC44OC0yLjRoNHY3NC4wOHEzLjIuOCA1Ljc2IDEuNjhhMjcuOTgyIDI3Ljk4MiAwIDAgMSA0LjggMi4xNlptLTI4LTEwNy4yYTguODY2IDguODY2IDAgMCAxIDIuOC02Ljg4QTEwLjYgMTAuNiAwIDAgMSAxMzMuNzYgMGExMC4zIDEwLjMgMCAwIDEgNy4zNiAyLjU2IDkgOSAwIDAgMSAyLjcyIDYuODggOC43NDIgOC43NDIgMCAwIDEtMi43MiA2LjggMTAuNTA3IDEwLjUwNyAwIDAgMS03LjM2IDIuNDggMTAuODA5IDEwLjgwOSAwIDAgMS03LjQ0LTIuNDggOC42MTcgOC42MTcgMCAwIDEtMi44LTYuOFpNMjA0LjggOTguNGExMC45NzMgMTAuOTczIDAgMCAwLTIuOC03LjYgMzMuMzc4IDMzLjM3OCAwIDAgMC03LjEyLTUuODRxLTQuMzItMi43Mi05LjItNS4yOGE1Ny45NjMgNTcuOTYzIDAgMCAxLTkuMi02IDMxLjI4NyAzMS4yODcgMCAwIDEtNy4xMi03LjkyIDIwLjQ0NyAyMC40NDcgMCAwIDEtMi44LTExLjA0IDE2LjQ4NiAxNi40ODYgMCAwIDEgMi04IDIwLjI5NCAyMC4yOTQgMCAwIDEgNS4zNi02LjMyIDI2LjE4MSAyNi4xODEgMCAwIDEgNy44NC00LjE2IDI5LjY4NSAyOS42ODUgMCAwIDEgOS42LTEuNTIgODUuMzIxIDg1LjMyMSAwIDAgMSAxNC4xNi45NiA2OS4wOTMgNjkuMDkzIDAgMCAxIDEwLjY0IDIuNzJxLS42NCA1LjEyLTEuNTIgMTAuMzJhOTIuMzM4IDkyLjMzOCAwIDAgMS0yLjQ4IDEwLjY0aC00bC02LjA4LTE2LjMyYTE1LjA5MSAxNS4wOTEgMCAwIDAtNC4zMi0xLjA0cS0yLjQtLjI0LTQuOTYtLjI0YTExLjUgMTEuNSAwIDAgMC01LjA0IDEuMDQgMTIuNDgzIDEyLjQ4MyAwIDAgMC0zLjY4IDIuNjQgMTEuMDQ3IDExLjA0NyAwIDAgMC0yLjMyIDMuNjggMTEuNTE2IDExLjUxNiAwIDAgMC0uOCA0LjE2IDEwLjc2MiAxMC43NjIgMCAwIDAgMi44IDcuNDQgMzEuNjQ1IDMxLjY0NSAwIDAgMCA3LjEyIDUuNzZxNC4zMiAyLjY0IDkuMiA1LjJhNzAuMjYzIDcwLjI2MyAwIDAgMSA5LjIgNS43NiAyOS40IDI5LjQgMCAwIDEgNy4xMiA3LjQ0IDE4LjAxOCAxOC4wMTggMCAwIDEgMi44IDEwLjE2IDIwLjMgMjAuMyAwIDAgMS0yLjMyIDkuNzYgMjIuMjA4IDIyLjIwOCAwIDAgMS02LjQgNy4zNiAzMS4zMzkgMzEuMzM5IDAgMCAxLTkuNDQgNC43MiAzOC4wNDIgMzguMDQyIDAgMCAxLTExLjQ0IDEuNjggNjIuMDQ3IDYyLjA0NyAwIDAgMS0xMi42NC0xLjIgODkuODUgODkuODUgMCAwIDEtMTItMy40NCA3NC41MTIgNzQuNTEyIDAgMCAxIDEuNDQtMTEuMTIgNzkuMzY0IDc5LjM2NCAwIDAgMSAyLjg4LTEwLjMyaDRsNy4wNCAxNy40NGE3LjkxMSA3LjkxMSAwIDAgMCA0LjI0IDEuNDRxMi40OC4xNiA0LjU2LjE2IDcuMDQgMCAxMS4zNi0zLjg0YTExLjk4IDExLjk4IDAgMCAwIDQuMzItOS4yOFptNjQuMTYgMTguMjRoLTM1LjUydi00YTM0LjAzNyAzNC4wMzcgMCAwIDEgNC45Ni0yLjE2cTIuNTYtLjg4IDUuNi0xLjY4VjQ1LjkybC0xMC41Ni0xLjI4di00LjE2YTc5LjcxNiA3OS43MTYgMCAwIDEgMTAuMDgtMy4zNnE1LjQ0LTEuNDQgMTAuODgtMi40aDR2NzQuMDhxMy4yLjggNS43NiAxLjY4YTI3Ljk4NCAyNy45ODQgMCAwIDEgNC44IDIuMTZabS0yOC0xMDcuMmE4Ljg2NiA4Ljg2NiAwIDAgMSAyLjgtNi44OEExMC42IDEwLjYgMCAwIDEgMjUxLjIgMGExMC4zIDEwLjMgMCAwIDEgNy4zNiAyLjU2IDkgOSAwIDAgMSAyLjcyIDYuODggOC43NDIgOC43NDIgMCAwIDEtMi43MiA2LjggMTAuNTA3IDEwLjUwNyAwIDAgMS03LjM2IDIuNDggMTAuODA5IDEwLjgwOSAwIDAgMS03LjQ0LTIuNDggOC42MTcgOC42MTcgMCAwIDEtMi44LTYuOFptMzYuNDggMzEuMjIzYTQxLjM2NiA0MS4zNjYgMCAwIDEgMTIuOC01LjYyM3YtMTMuNmEzNi44MTcgMzYuODE3IDAgMCAxIDQuODgtMy4xMiA1Ny4zODYgNTcuMzg2IDAgMCAxIDUuNTItMi42NGg0djIwLjk2aDI0djguMzJoLTI0djQ2LjE2N3EwIDkuNTUzIDMuMDQgMTMuNTMzdDkuMTIgMy45OHEyLjg4IDAgNy4yLS40YTI5LjI1NyAyOS4yNTcgMCAwIDAgNy4zNi0xLjUybDEuMTIgMi40YTIwLjExNiAyMC4xMTYgMCAwIDEtMy42IDMuMDQgNDAuNTIgNDAuNTIgMCAwIDEtNS4yOCAzLjA0IDM3LjA5NCAzNy4wOTQgMCAwIDEtNi40OCAyLjQgMjcuMjQyIDI3LjI0MiAwIDAgMS03LjIuOTZxLTkuNiAwLTE0LjY0LTUuNDE2dC01LjA0LTE3LjUyNFY0NC45NmgtMTIuOFptMTY3Ljg0IDc1Ljk3N2gtNDQuOTZWMTEycTMuNTItMS4yOCA3LjEyLTIuMjRhNzMuNTgyIDczLjU4MiAwIDAgMSA3Ljc2LTEuNnYtOTUuMmgtMjQuNDhsLTguNDggMjIuODhoLTRxLS40OC0zLjItLjgtNy4yOHQtLjU2LTguMzJxLS4yNC00LjI0LS40LTguMzJ0LS4xNi03LjI4aDkyLjk2cTAgMy4yLS4xNjEgNy4ydC0uNCA4LjI0cS0uMjQ0IDQuMjQtLjQ4NiA4LjMydC0uNzMzIDcuNDRoLTQuMjA3bC04LjQxMy0yMi44OGgtMjQuMzJ2OTUuMnE0LjE2LjggNy43NiAxLjZhMzkuMjM1IDM5LjIzNSAwIDAgMSA2Ljk2IDIuMjRabTE2MC42NCAwaC0zOS4zNlYxMTJhNjAuMjI5IDYwLjIyOSAwIDAgMSA2LjQtMi4xNnEzLjItLjg4IDYuNTYtMS42OHYtNzJsLjY0LTE4LjcyaC0xLjI4bC01LjI4IDE3LjEyLTMyLjggODIuMDhoLTQuMTZsLTMxLjItODIuMDgtNS43Ni0xOC43MmgtMS40NGwuMTYgMjAuMzJ2NzJxMy4wNC42NCA2LjA4IDEuNnQ2LjA4IDIuMjR2NC42NGgtMzMuNDRWMTEycTMuMDQtMS4yOCA2LjMyLTIuMzJhNTcuNjI1IDU3LjYyNSAwIDAgMSA2LjY0LTEuNjhWMTMuMjhhNTcuNjI0IDU3LjYyNCAwIDAgMS02LjY0LTEuNjhxLTMuMjgtMS4wNC02LjQ4LTIuMzJWNC42NGgzMi44bDI3Ljg0IDczLjEyIDUuNDQgMTYuNDhoLjE2bDUuNDQtMTYuOCAyOC44LTcyLjhoMjguNjR2NC42NHEtMi44OCAxLjI4LTUuOTIgMi4zMmE0OC44NTcgNDguODU3IDAgMCAxLTYuMjQgMS42OHY5NS4wNGE2NC42MjkgNjQuNjI5IDAgMCAxIDYuMzIgMS41MiA0MC4yNjcgNDAuMjY3IDAgMCAxIDUuNjggMi4xNlptNi43Mi0xMTJoNDAuNjR2NC42MjVxLTMuMDQgMS4yNzctNi4wOCAyLjIzNHQtNi4wOCAxLjc1NHY2NS4yNGE0Ni4yNzUgNDYuMjc1IDAgMCAwIDEuODQgMTQuMTE1IDIxLjg1MSAyMS44NTEgMCAwIDAgNS4zNiA5LjA5MyAyMC40NDEgMjAuNDQxIDAgMCAwIDguNzIgNC45MzkgNDIuMDQ1IDQyLjA0NSAwIDAgMCAxMS43NiAxLjUycTEyLjY0IDAgMTkuNjgtNi45Mzl0Ny4wNC0yMi44ODlWMTQuNjlxLTMuNjgtMS4yNzctNi44OC0yLjYzMmE1Ny45MDggNTcuOTA4IDAgMCAxLTUuNzYtMi43OTJWNC42NGgzNC4wOHY0LjY0cS0zLjA0IDEuNzYtNi4xNiAzLjJhMzUuNzU4IDM1Ljc1OCAwIDAgMS02LjMyIDIuMjR2NjQuMTZhNTAuODU3IDUwLjg1NyAwIDAgMS0yLjcyIDE3LjYgMzIuNiAzMi42IDAgMCAxLTcuNiAxMi4xNiAzMC4yNDEgMzAuMjQxIDAgMCAxLTExLjg0IDcuMTIgNDguNjE1IDQ4LjYxNSAwIDAgMS0xNS40NCAyLjMycS0yMCAwLTMwLjU2LTkuMDR0LTEwLjU2LTI3Ljc2di02OGE0Ny41MDUgNDcuNTA1IDAgMCAxLTEzLjEyLTRaIiBmaWxsPSIjZjRmNWY2Ii8+PC9zdmc+");
}
@media (min-width: 768px) {
  #content2022.toppage #visit_tmu .pickupWrap::before {
    right: 84px;
  }
}
@media (min-width: 1024px) {
  #content2022.toppage #visit_tmu .pickupWrap::before {
    transform: rotate(0);
    width: 717px;
    padding-top: 118px;
    right: calc( max(90px,( 100% - 1600px ) / 2) - 131px );
    top: auto;
    bottom: -104px;
  }
}
#content2022.toppage #visit_tmu .pickupWrap ._3cards {
  display: grid;
  overflow-x: hidden;
  grid-template-columns: 1fr;
  width: auto;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  #content2022.toppage #visit_tmu .pickupWrap ._3cards {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
#content2022.toppage #visit_tmu .pickupWrap ._3cards .card {
  width: 100%;
  min-width: 0;
  max-width: none;
  border-left: 1px solid #e3e4e5;
  border-right: 1px solid #e3e4e5;
  border-bottom: 1px solid #e3e4e5;
}
#content2022.toppage #visit_tmu .pickupWrap ._3cards .card > a {
  width: 100%;
  padding: 0;
}
#content2022.toppage #visit_tmu .pickupWrap ._3cards .card > a .card-img {
  width: 100%;
}
#content2022.toppage #visit_tmu .pickupWrap ._3cards .card > a .card-img::after {
  background-color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 30px;
  height: 30px;
}
#content2022.toppage #visit_tmu .pickupWrap ._3cards .card > a .card-body {
  padding: 2rem;
}
#content2022.toppage #visit_tmu .pickupWrap ._3cards .card > a .card-body .card-title {
  font-size: 1.8rem;
  margin: 0 0 15px;
  color: inherit;
}
#content2022.toppage #visit_tmu .pickupWrap ._3cards .card > a .card-body .text {
  font-size: 1.3rem;
  line-height: 1.5;
}
#content2022.toppage #visit_tmu .pickupWrap ._3cards .card > a .icon-link,
#content2022.toppage #visit_tmu .pickupWrap ._3cards .card > a .icon {
  display: block;
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
}
@media (max-width: calc(1024px - 0.02px)) {
  #content2022.toppage #visit_tmu {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px 14.5%;
  }
  #content2022.toppage #visit_tmu .tile-image01 {
    grid-column: 1/3;
    grid-row: 1/3;
    --bs-aspect-ratio: 50%;
    margin-top: 0;
    margin-bottom: auto;
    width: 100%;
  }
  #content2022.toppage #visit_tmu .tile-image01 > img {
    right: -15.942029%;
    left: auto;
    width: 104.637681%;
  }
  #content2022.toppage #visit_tmu .tile-image02 {
    grid-column: 1/2;
    grid-row: 2/3;
    align-self: end;
    justify-self: end;
  }
  #content2022.toppage #visit_tmu .tile-image02 > img {
    top: auto;
    bottom: -20.87%;
    left: auto;
    right: 51.162791%;
    width: 86.956521%;
    height: auto;
  }
  #content2022.toppage #visit_tmu .tile-image03 {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  #content2022.toppage #visit_tmu .tile-image03 > img {
    top: 20.87%;
    bottom: auto;
    left: -5.8%;
    right: auto;
    width: 97.391304%;
    height: auto;
  }
  #content2022.toppage #visit_tmu .tile-image04 {
    grid-column: 1/2;
    grid-row: 6/7;
  }
  #content2022.toppage #visit_tmu .tile-image04 > img {
    display: block;
    width: 129.2753623%;
    height: auto;
    margin-left: -11.015%;
    margin-right: auto;
    margin-top: min( 45.8% , 170px );
    margin-bottom: auto;
  }
  #content2022.toppage #visit_tmu .tile-image05 {
    grid-column: 2/3;
    grid-row: 6/7;
  }
  #content2022.toppage #visit_tmu .tile-image05 > .wrap {
    --bs-aspect-ratio: 133.33333333%;
    width: 69.565217%;
    height: auto;
    margin-top: min( 26.09% , 96px );
    margin-right: -13.34%;
    margin-left: auto;
    margin-bottom: auto;
  }
  #content2022.toppage #visit_tmu .tile-head {
    grid-column: 1/3;
    grid-row: 4/5;
    margin-top: -7%;
    padding-right: 30px;
    z-index: 1;
  }
  #content2022.toppage #visit_tmu .tile-head .catch {
    font-size: 3rem;
    line-height: 1.2;
    max-width: 10.5em;
    margin: 0 0 2rem;
  }
  #content2022.toppage #visit_tmu .tile-head .text {
    font-size: 1.3rem;
  }
  #content2022.toppage #visit_tmu .pickupWrap {
    grid-column: 1/3;
    grid-row: 5/6;
    margin-top: 43px;
    padding-right: 30px;
  }
}
@media (min-width: 768px) {
  #content2022.toppage #visit_tmu {
    margin: 75px clamp(-300px, (1690px - 100vw) /2 , -90px);
  }
  #content2022.toppage #visit_tmu::after {
    left: max(90px,( 100% - 1600px ) / 2);
    right: max(90px,( 100% - 1600px ) / 2);
  }
  #content2022.toppage #visit_tmu .pickupWrap,
  #content2022.toppage #visit_tmu .tile-head {
    padding: 0 75px;
  }
}
@media (min-width: 1024px) {
  #content2022.toppage #visit_tmu {
    margin-top: 120px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-bottom: max( 160px, 14.59873%);
  }
  #content2022.toppage #visit_tmu .dummy01 {
    grid-column: 1/1;
    grid-row: 1/1;
    height: 0;
    padding-bottom: 50.5%;
  }
  #content2022.toppage #visit_tmu .tile-image01 {
    grid-column: 3/5;
    grid-row: 1/3;
    --bs-aspect-ratio: 50%;
  }
  #content2022.toppage #visit_tmu .tile-image01 > img {
    width: 93.896714%;
    height: auto;
    left: auto;
    right: -1.725%;
  }
  #content2022.toppage #visit_tmu .tile-image03 {
    grid-column: 4/5;
    grid-row: 1/3;
  }
  #content2022.toppage #visit_tmu .tile-image03 > img {
    width: 84.639498%;
    height: auto;
    left: auto;
    right: 36.363636%;
    top: 81.275%;
    bottom: auto;
  }
  #content2022.toppage #visit_tmu .tile-image02 {
    grid-column: 4/5;
    grid-row: 3/4;
    align-self: end;
    justify-self: end;
    z-index: 2;
  }
  #content2022.toppage #visit_tmu .tile-image02 > img {
    width: 94.04388715%;
    height: auto;
    left: auto;
    right: -13.2%;
    top: auto;
    bottom: -8%;
  }
  #content2022.toppage #visit_tmu .tile-image04 {
    grid-column: 1/2;
    grid-row: 1/3;
    align-self: end;
  }
  #content2022.toppage #visit_tmu .tile-image04 > img {
    display: block;
    width: 119.7492163%;
    height: auto;
    margin-bottom: -30%;
    margin-left: -8.65%;
  }
  #content2022.toppage #visit_tmu .tile-image05 {
    grid-column: 1/2;
    grid-row: 3/4;
    align-self: start;
  }
  #content2022.toppage #visit_tmu .tile-image05 > .wrap {
    --bs-aspect-ratio: 133.33333333%;
    width: 56.42633229%;
    height: auto;
    margin-top: auto;
    margin-right: auto;
    margin-left: 43%;
    margin-top: 15.35%;
    margin-bottom: auto;
  }
  #content2022.toppage #visit_tmu .tile-head {
    grid-column: 2/4;
    grid-row: 3/4;
    align-self: end;
    justify-self: center;
    padding: 0 15%;
    margin-left: 3.15%;
    margin-top: 3.14%;
  }
  #content2022.toppage #visit_tmu .tile-head h2 {
    margin-bottom: 4.4rem;
  }
  #content2022.toppage #visit_tmu .tile-head .catch {
    font-size: 5rem;
    line-height: 1.2;
    margin: 0 0 4rem;
  }
  #content2022.toppage #visit_tmu .tile-head .text {
    font-size: 1.6rem;
    max-width: 31.5em;
    padding-right: 3em;
  }
  #content2022.toppage #visit_tmu .pickupWrap {
    grid-column: 1/5;
    grid-row: 5/6;
    padding: 0 max(90px,( 100% - 1600px ) / 2);
    overflow: visible;
  }
  #content2022.toppage #visit_tmu .pickupWrap > ._3cards {
    column-gap: 44px;
    margin: 10.5% auto 0;
    max-width: 1600px;
    overflow: visible;
  }
}
#content2022.toppage #topNews {
  margin-top: 7.5rem;
}
#content2022.toppage #topNews #head_topNews {
  font-size: 2.2rem;
  margin: 0;
  padding: 0 0 0 3rem;
}
#content2022.toppage #topNews #head_topNews::before {
  width: 20px;
  height: 20px;
  left: 0;
  top: 2px;
  right: auto;
  bottom: auto;
}
#content2022.toppage #topNews #head_topNews::after {
  width: 10px;
  height: 20px;
  left: 10px;
  top: 2px;
  right: auto;
  bottom: auto;
}
#content2022.toppage #topNews .topNewsWrap {
  margin-top: 3rem;
}
@media (min-width: 1024px) {
  #content2022.toppage #topNews #head_topNews {
    margin-right: 2.6rem;
    font-size: 2.4rem;
  }
  #content2022.toppage #topNews .topNewsWrap {
    margin-top: 0;
  }
}
#content2022.toppage #topEvents {
  margin-top: 7.5rem;
}
#content2022.toppage #topEvents #head_topEvents {
  font-size: 2.2rem;
  margin: 0;
  padding: 0 0 0 3rem;
}
#content2022.toppage #topEvents #head_topEvents::before {
  width: 20px;
  height: 20px;
  left: 0;
  top: 2px;
  right: auto;
  bottom: auto;
}
#content2022.toppage #topEvents #head_topEvents::after {
  width: 10px;
  height: 20px;
  left: 10px;
  top: 2px;
  right: auto;
  bottom: auto;
}
#content2022.toppage #topEvents .topNewsWrap {
  margin-top: 3rem;
}
@media (min-width: 1024px) {
  #content2022.toppage #topEvents #head_topEvents {
    margin-right: 2.6rem;
    font-size: 2.4rem;
  }
  #content2022.toppage #topEvents .topNewsWrap {
    margin-top: 0;
  }
}
#content2022.toppage #metro-noix {
  display: grid;
  margin: 7.5rem -15px 0;
  background-color: #F2F8FF;
  background-image: url('/assets/images/metro-noix/bg_ptn_05-pc.svg');
  background-size: 120% auto;
  background-position: 25% -2%;
  background-repeat: repeat;
}
#content2022.toppage #metro-noix .subtitle {
  margin-top: 4rem;
  font-size: 1.6rem;
  text-align: center;
}
#content2022.toppage #metro-noix .title {
  margin: 28px 15px 3rem;
}
#content2022.toppage #metro-noix .title img {
  width: 100%;
  height: auto;
}
#content2022.toppage #metro-noix a.checkAll {
  margin: 2.8rem 15px 4.5rem auto;
}
#content2022.toppage #metro-noix a.checkAll .circle {
  background-color: #81AAE6;
}
#content2022.toppage #metro-noix a.checkAll .addIcon {
  display: none;
}
@media (min-width: 1024px) {
  #content2022.toppage #metro-noix {
    margin: 10rem -70px 0;
    padding: 0 70px;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
    background-size: 90% auto;
    background-position: 25% -10%;
  }
  #content2022.toppage #metro-noix .subtitle {
    font-size: 1.8rem;
    text-align: left;
    grid-column: 1/2;
    grid-row: 1/2;
    white-space: nowrap;
    position: absolute;
    bottom: 5.8rem;
  }
  #content2022.toppage #metro-noix .title {
    grid-column: 1/4;
    margin: 7rem auto 3rem;
    width: 36.952555%;
    min-width: 405px;
  }
  #content2022.toppage #metro-noix ._3cards.hottopics {
    grid-column: 1/4;
  }
  #content2022.toppage #metro-noix a.checkAll {
    grid-column: 1/4;
    margin: 4rem 0 6rem auto;
  }
}
#content2022.toppage #metro-noix ._3cards.hottopics {
  margin-top: 0;
  position: static;
  display: grid;
  column-gap: 1.3rem;
  row-gap: 1.3rem;
  width: auto;
  max-width: none;
  overflow: auto;
  overflow-x: hidden;
  padding: 0;
  margin: 0 3rem;
  grid-template-columns: repeat(auto-fit, minmax( 260px, 1fr ));
}
#content2022.toppage #metro-noix ._3cards.hottopics .card {
  min-width: 0;
  max-width: none;
}
#content2022.toppage #metro-noix ._3cards.hottopics .card > a .card-body {
  background-color: white;
  padding: 1.8rem 2rem;
}
#content2022.toppage #metro-noix ._3cards.hottopics .card > a .card-body h5.card-title {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0.8rem 0 0.6rem 0;
}
#content2022.toppage #metro-noix ._3cards.hottopics .card > a .card-body .date {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  font-style: normal;
}
#content2022.toppage #metro-noix ._3cards.hottopics .card > a .card-body .tags .tag {
  font-size: 1.2rem;
  color: #81AAE6;
  background-color: transparent;
  padding: 0;
}
#content2022.toppage #metro-noix ._3cards.hottopics .card > a .addIcon {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
}
@media (min-width: 1024px) {
  #content2022.toppage #metro-noix ._3cards.hottopics {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 3rem;
    max-width: 100%;
    margin: 0;
  }
  #content2022.toppage #metro-noix ._3cards.hottopics .card {
    width: auto;
    height: auto;
  }
  #content2022.toppage #metro-noix ._3cards.hottopics .card > a .card-body h5.card-title {
    font-size: 1.8rem;
    margin: 1rem 0;
  }
  #content2022.toppage #metro-noix ._3cards.hottopics .card > a .card-body .date {
    font-size: 1.2rem;
  }
  #content2022.toppage #metro-noix ._3cards.hottopics .card > a .card-body .tag {
    font-size: 1.2rem;
    color: #1e1e1e;
  }
}
[data-cue="upToBtm"],
[data-cues="upToBtm"] > * {
  opacity: 0;
}
@keyframes upToBtm {
  from {
    height: 100%;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 140px;
  }
}