@charset "UTF-8";
.header-logo {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  background: #00507e;
  width: 235px;
  padding: 31px 28px 32px; }
  .header-logo .header-logo-image {
    display: block; }
    .header-logo .header-logo-image path,
    .header-logo .header-logo-image polygon,
    .header-logo .header-logo-image rect {
      fill: #FFF; }
  @media (min-width: 768px) and (max-width: 1167px) {
    .header-logo {
      width: 145px;
      padding: 20px 18px; } }
  @media screen and (max-width: 767px) {
    .header-logo {
      width: 117px;
      padding: 16px 12px 15px; } }

.ie .header-logo .header-logo-image {
  height: 46px; }

.header-btn-japanese {
  position: absolute;
  right: 0;
  z-index: 3;
  width: 100px;
  height: 44px; }
  @media (min-width: 768px) and (max-width: 1167px) {
    .header-btn-japanese {
      width: 85px; } }
  @media screen and (max-width: 767px) {
    .header-btn-japanese {
      width: 58px;
      height: 29px; } }
  .header-btn-japanese a {
    display: block;
    width: inherit;
    height: inherit;
    background: #000 url(/v2/img/english/common/official/txt_japanese_01.svg) no-repeat center center;
    background-size: 63px 15px; }
    .header-btn-japanese a span {
      display: none; }
    @media (min-width: 768px) and (max-width: 1167px) {
      .header-btn-japanese a {
        background-size: 57px 13px; } }
    @media screen and (max-width: 767px) {
      .header-btn-japanese a {
        background-size: 44px 10px; } }
    .header-btn-japanese a:hover {
      opacity: 1;
      background-color: #00507e; }

.header-btn-taiwanese {
  position: absolute;
  top: 45px;
  right: 0;
  z-index: 3;
  width: 100px;
  height: 44px; }
  @media (min-width: 768px) and (max-width: 1167px) {
    .header-btn-taiwanese {
      width: 85px; } }
  @media screen and (max-width: 767px) {
    .header-btn-taiwanese {
      width: 58px;
      height: 29px;
      top: 31px; } }
  .header-btn-taiwanese a {
    display: block;
    width: inherit;
    height: inherit;
    background: #000 url(/v2/img/english/common/official/txt_taiwanese_01.svg) no-repeat center center;
    background-size: 94px 12px;
    background-position-x: 5px; }
    .header-btn-taiwanese a span {
      display: none; }
    @media (min-width: 768px) and (max-width: 1167px) {
      .header-btn-taiwanese a {
        background-size: 91px 10px;
        background-position-x: -2px; } }
    @media screen and (max-width: 767px) {
      .header-btn-taiwanese a {
        background-size: 54px 8px;
        background-position-x: 4px; } }
    .header-btn-taiwanese a:hover {
      opacity: 1;
      background-color: #00507e; }

.container {
  background: url(/v2/img/common/bg_point_01.png) repeat-y left top, url(/v2/img/common/bg_point_01.png) repeat-y right top; }
  @media (min-width: 768px) and (max-width: 1167px) {
    .container {
      background: none; } }
  @media screen and (max-width: 767px) {
    .container {
      background: none; } }
  .container .main-visual {
    position: relative;
    background: #000;
    margin: 0 auto;
    overflow: hidden; }
    .container .main-visual > video {
      opacity: 0;
      transition: opacity .5s;
      width: 100%;
      position: absolute;
      right: 50%;
      bottom: 50%;
      transform: translateX(50%) translateY(50%); }
    .container .main-visual a.mv-banner {
      display: block;
      position: absolute;
      z-index: 10;
      transition: opacity .3s;
      left: 2.3vw;
      bottom: 2.3vw; }
      .container .main-visual a.mv-banner.hide {
        opacity: 0; }
      @media screen and (max-width: 767px) {
        .container .main-visual a.mv-banner {
          left: 2vw;
          bottom: 2vw;
          transform: none; } }
      .container .main-visual a.mv-banner:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        content: "";
        z-index: 1; }
      .container .main-visual a.mv-banner:hover {
        opacity: .9 !important;
        transition: none !important; }
      .container .main-visual a.mv-banner img.pc {
        width: 22vw; }
        @media screen and (max-width: 767px) {
          .container .main-visual a.mv-banner img.pc {
            display: none; } }
      .container .main-visual a.mv-banner img.sp {
        width: 40vw; }
        @media screen and (min-width: 768px) {
          .container .main-visual a.mv-banner img.sp {
            display: none; } }
    .container .main-visual .loading {
      width: 100%;
      height: 100%;
      position: relative; }
    .container .main-visual .loading-image {
      position: absolute;
      width: 2%;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%); }
      .container .main-visual .loading-image img {
        width: 100%; }
    .container .main-visual .logo {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 10; }
    .container .main-visual .language {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 11; }
    .container .main-visual .header-btn-mute {
      background-color: #000000;
      width: 52px;
      height: 52px;
      position: absolute;
      right: 0;
      bottom: 50%;
      transform: translateY(50%);
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      @media screen and (max-width: 767px) {
        .container .main-visual .header-btn-mute {
          bottom: auto;
          top: 35px;
          width: 58px; } }
      @media screen and (min-width: 768px) {
        .container .main-visual .header-btn-mute:hover {
          background-color: #00507e; } }
      .container .main-visual .header-btn-mute .ico_mute_on, .container .main-visual .header-btn-mute .ico_mute_off {
        width: 22px;
        height: auto;
        margin-bottom: 10px; }
      .container .main-visual .header-btn-mute .txt_mute_on, .container .main-visual .header-btn-mute .txt_mute_off {
        width: auto;
        height: 6px; }
      .container .main-visual .header-btn-mute.mute_on .mute_off {
        display: none; }
      .container .main-visual .header-btn-mute.mute_off .mute_on {
        display: none; }
    .container .main-visual .group1,
    .container .main-visual .group2,
    .container .main-visual .group3 {
      background-color: #000; }
    .container .main-visual .bg {
      opacity: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: left 0%;
      background-size: cover;
      overflow: hidden; }
      .container .main-visual .bg img {
        width: 100%;
        height: 100%; }
    .container .main-visual .bg.verA {
      background-image: url(../images/title.svg-verA/image-tile/scene_A_all.jpg); }
    .container .main-visual .bg.verB {
      background-image: url(../images/title.svg-verB/image-tile/scene_B_all.jpg); }
    .container .main-visual .bg.verC {
      background-image: url(../images/title.svg-verC/image-tile/scene_C_all.jpg); }
    .container .main-visual .text {
      width: 100%;
      height: 0%;
      mix-blend-mode: exclusion;
      position: absolute;
      top: 50%;
      right: 50%;
      transform: translateY(-23%) translateX(50%); }
      .container .main-visual .text svg {
        opacity: 0; }
      .container .main-visual .text svg.sub {
        position: absolute;
        left: 0;
        top: 0; }
      .container .main-visual .text svg.main {
        position: absolute;
        left: 0;
        top: 0; }
    .container .main-visual .text.verD svg.sub {
      height: 13.5%; }
    .container .main-visual .text.verD svg.main {
      height: 23%; }
  .container .movie-bnr {
    clear: both;
    position: relative;
    max-width: 1426px;
    margin: 0 auto;
    margin-top: 3.1vw; }
    @media screen and (max-width: 767px) {
      .container .movie-bnr .pc {
        display: none; } }
    .container .movie-bnr .sp {
      display: none; }
      @media screen and (max-width: 767px) {
        .container .movie-bnr .sp {
          display: inline-block; } }
    @media screen and (max-width: 767px) {
      .container .movie-bnr {
        margin-top: 4.3333%;
        width: 96.8%;
        max-width: 100%; } }
    .container .movie-bnr .img a {
      position: relative;
      width: 67%;
      display: block;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .container .movie-bnr .img a {
          width: 100%; } }
      .container .movie-bnr .img a:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        content: "";
        z-index: 1; }
      .container .movie-bnr .img a:hover {
        opacity: 1 !important; }
        .container .movie-bnr .img a:hover:before {
          background: rgba(0, 80, 126, 0.65); }
    .container .movie-bnr .img .txt {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 16px;
      width: 47%; }
      @media screen and (max-width: 767px) {
        .container .movie-bnr .img .txt {
          width: 62%; } }
  .container main {
    padding-top: 0%;
    box-sizing: border-box;
    padding-left: 71px;
    padding-right: 71px;
    max-width: 1426px;
    margin: 0 auto;
    /*********************************************************************************************
     * KINDAI RANKING SECTION.
     *********************************************************************************************/
    /*********************************************************************************************
		 * KINDAI NEWS SECTION.
		 *********************************************************************************************/
    /*********************************************************************************************
		 * RESEARCHERS PICKUP.
		 *********************************************************************************************/
    /*********************************************************************************************
		 * KINDAI FACILITIES.
		 *********************************************************************************************/ }
    @media (min-width: 768px) and (max-width: 1167px) {
      .container main {
        padding-left: 18px;
        padding-right: 18px; } }
    @media screen and (max-width: 767px) {
      .container main {
        padding: 0% 18px 0 18px; } }
    .container main .kindai-ranking {
      padding-top: 12.266%; }
      @media screen and (min-width: 768px) {
        .container main .kindai-ranking {
          padding-top: 8%; } }
      .container main .kindai-ranking .more-btn {
        text-align: right; }
      .container main .kindai-ranking .more-btn-image {
        height: 4.5333333333vw;
        margin-top: 8vw; }
        @media screen and (min-width: 768px) {
          .container main .kindai-ranking .more-btn-image {
            margin-top: 0;
            height: 2.5vw; } }
    @media screen and (min-width: 768px) {
      .container main .sec-kindai-ranking-header {
        align-items: flex-end;
        display: flex;
        justify-content: space-between; } }
    .container main .sec-kindai-ranking-title-image {
      width: 59.2vw; }
      @media screen and (min-width: 768px) {
        .container main .sec-kindai-ranking-title-image {
          width: 49.5833333333vw; } }
    .container main .kindai-ranking-list {
      background: url("/english/img/top/kindai-ranking_bg_01_sp.jpg") no-repeat left top/cover;
      display: flex;
      gap: 15.2vw 0;
      flex-direction: column;
      margin-top: 5.3333333333vw;
      padding: 17.3333333333vw 9.3333333333vw; }
      @media screen and (min-width: 768px) {
        .container main .kindai-ranking-list {
          background-image: url("/english/img/top/kindai-ranking_bg_01_pc.jpg");
          flex-direction: row;
          justify-content: space-around;
          margin-top: 2.7777777778vw;
          padding: 5.5555555556vw 0 4.8611111111vw; } }
    @media screen and (min-width: 768px) {
      .container main .kindai-ranking-item {
        display: flex; } }
    .container main .kindai-ranking-link {
      align-items: center;
      color: #fff;
      display: flex;
      flex-direction: column;
      text-decoration: none;
      transition: opacity 0.3s ease; }
      @media screen and (min-width: 768px) {
        .container main .kindai-ranking-link {
          justify-content: space-between; } }
      .container main .kindai-ranking-link:hover {
        opacity: 0.5; }
    .container main .kindai-ranking-logo01 {
      width: 56vw; }
      @media screen and (min-width: 768px) {
        .container main .kindai-ranking-logo01 {
          width: 13.0555555556vw; } }
    .container main .kindai-ranking-logo02 {
      width: 45.8666666667vw; }
      @media screen and (min-width: 768px) {
        .container main .kindai-ranking-logo02 {
          width: 10.2777777778vw; } }
    .container main .kindai-ranking-logo03 {
      width: 53.3333333333vw; }
      @media screen and (min-width: 768px) {
        .container main .kindai-ranking-logo03 {
          width: 11.5277777778vw; } }
    .container main .kindai-ranking-number {
      font-family: "Gothic MB101 Heavy", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
      font-size: 10.6666666667vw;
      font-weight: 800;
      line-height: 90%;
      letter-spacing: -0.04em;
      margin-top: 8vw; }
      @media screen and (min-width: 768px) {
        .container main .kindai-ranking-number {
          font-size: 50px;
          margin-top: 50px; } }
    .container main .kindai-ranking-text {
      font-family: "Gothic MB101 Ultra", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
      font-size: 4vw;
      font-weight: 900;
      line-height: 120%;
      margin-top: 4vw;
      text-align: center; }
      @media screen and (min-width: 768px) {
        .container main .kindai-ranking-text {
          font-size: 15px;
          margin-top: 25px; } }
    .container main .kindai-ranking-more {
      margin-top: 5.3333333333vw;
      width: 21.8666666667vw; }
      @media screen and (min-width: 768px) {
        .container main .kindai-ranking-more {
          margin-top: 40px;
          width: 92px; } }
    .container main section.kindai-news {
      padding-top: 8%; }
      @media screen and (max-width: 767px) {
        .container main section.kindai-news {
          padding-top: 12.266%; } }
      .container main section.kindai-news .sec-kindai-news-header {
        margin-bottom: 2.5%;
        position: relative; }
        @media screen and (max-width: 767px) {
          .container main section.kindai-news .sec-kindai-news-header {
            padding: 0;
            margin-bottom: 7%; } }
        .container main section.kindai-news .sec-kindai-news-header h2 img {
          width: 42.4166%; }
          @media screen and (max-width: 767px) {
            .container main section.kindai-news .sec-kindai-news-header h2 img {
              width: 100%; } }
        .container main section.kindai-news .sec-kindai-news-header .more-btn {
          display: block;
          width: 11.8489%;
          position: absolute;
          right: 0;
          bottom: 0; }
          .container main section.kindai-news .sec-kindai-news-header .more-btn img {
            width: 100%; }
          @media screen and (max-width: 767px) {
            .container main section.kindai-news .sec-kindai-news-header .more-btn {
              display: none; } }
      .container main section.kindai-news .more-btn {
        display: none; }
        @media screen and (max-width: 767px) {
          .container main section.kindai-news .more-btn {
            display: block;
            width: 20.6489%; } }
      .container main section.kindai-news .module_tab-news ul.head {
        display: table;
        table-layout: fixed;
        margin-bottom: 3.2%;
        width: 100%;
        font-size: 15px; }
        @media (min-width: 768px) and (max-width: 1167px) {
          .container main section.kindai-news .module_tab-news ul.head {
            font-size: 12px; } }
        @media screen and (max-width: 767px) {
          .container main section.kindai-news .module_tab-news ul.head {
            font-size: 10px;
            margin-bottom: 10px; } }
        .container main section.kindai-news .module_tab-news ul.head li {
          display: table-cell;
          text-align: center;
          vertical-align: middle; }
          .container main section.kindai-news .module_tab-news ul.head li:not(:last-child) {
            border-right: 3px solid #fff; }
          .container main section.kindai-news .module_tab-news ul.head li a {
            display: block;
            background-color: #e8e8e8;
            font-weight: bold;
            color: #000;
            line-height: 1.1;
            white-space: nowrap; }
            .container main section.kindai-news .module_tab-news ul.head li a span {
              display: inline-block;
              vertical-align: middle;
              white-space: normal; }
            .container main section.kindai-news .module_tab-news ul.head li a::after {
              content: '';
              display: inline-block;
              width: 1px;
              min-height: 60px;
              vertical-align: middle; }
              @media screen and (max-width: 767px) {
                .container main section.kindai-news .module_tab-news ul.head li a::after {
                  min-height: 38px; } }
              @media (min-width: 768px) and (max-width: 1167px) {
                .container main section.kindai-news .module_tab-news ul.head li a::after {
                  min-height: 45px; } }
          .container main section.kindai-news .module_tab-news ul.head li a:hover, .container main section.kindai-news .module_tab-news ul.head li._current a {
            background-color: #222;
            color: #fff; }
      .container main section.kindai-news .module_tab-news .body ul {
        min-height: 1%; }
      .container main section.kindai-news .module_tab-news .body ul::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden; }
      .container main section.kindai-news .module_tab-news .body ul li {
        float: left;
        position: relative; }
        @media screen and (max-width: 767px) {
          .container main section.kindai-news .module_tab-news .body ul li {
            clear: left; } }
        .container main section.kindai-news .module_tab-news .body ul li a {
          text-decoration: none;
          color: #000; }
          .container main section.kindai-news .module_tab-news .body ul li a:hover {
            opacity: 1 !important; }
            .container main section.kindai-news .module_tab-news .body ul li a:hover .img:after {
              background: rgba(0, 80, 126, 0.65); }
        .container main section.kindai-news .module_tab-news .body ul li .title-block {
          position: absolute;
          padding: 0 0 62.3%;
          width: 100%;
          height: 0;
          top: 0;
          left: 0; }
          .container main section.kindai-news .module_tab-news .body ul li .title-block p.title {
            letter-spacing: -0.04em;
            font-family: "Gothic MB101 Heavy", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
            position: absolute;
            display: block;
            left: 0;
            bottom: -3px;
            background-color: #FFF;
            color: #000;
            padding: 20px 25px 5px 0;
            line-height: 1.1;
            z-index: 2; }
            @media screen and (max-width: 767px) {
              .container main section.kindai-news .module_tab-news .body ul li .title-block p.title {
                padding: 16px 16px 0px 0; } }
        .container main section.kindai-news .module_tab-news .body ul li .img {
          position: relative;
          overflow: hidden;
          padding: 0px 0 62.3% 0;
          width: 100%;
          height: 0;
          background: url(/english/img/top/no-image.jpg) no-repeat center center;
          background-size: cover; }
          .container main section.kindai-news .module_tab-news .body ul li .img img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto; }
          .container main section.kindai-news .module_tab-news .body ul li .img span.tag {
            font-size: 12px;
            color: #FFF;
            padding: 3px 10px 3px 10px;
            background: #000;
            width: auto;
            display: inline-block;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 2; }
            @media screen and (max-width: 767px) {
              .container main section.kindai-news .module_tab-news .body ul li .img span.tag {
                font-size: 10px;
                padding: 2px 8px 1px 8px; } }
          .container main section.kindai-news .module_tab-news .body ul li .img:after {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            content: ""; }
        .container main section.kindai-news .module_tab-news .body ul li p.caption {
          font-size: 16px;
          font-family: "Helvetica Neue", "Helvetica", Arial, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
          font-weight: bold;
          line-height: 1.4em;
          letter-spacing: -0.01em; }
          @media (min-width: 768px) and (max-width: 1167px) {
            .container main section.kindai-news .module_tab-news .body ul li p.caption {
              font-size: 14px; } }
          @media screen and (max-width: 767px) {
            .container main section.kindai-news .module_tab-news .body ul li p.caption {
              font-size: 14px; } }
        .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2) {
          margin-bottom: 4.9%;
          width: 47.15%; }
          @media screen and (max-width: 767px) {
            .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2) {
              width: 100%;
              margin-bottom: 8%; } }
          .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2):nth-child(2) {
            margin-left: 5.7%; }
            @media screen and (max-width: 767px) {
              .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2):nth-child(2) {
                margin-left: 0; } }
          .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2) p {
            width: 471px; }
            @media (min-width: 768px) and (max-width: 1167px) {
              .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2) p {
                width: 295px; } }
            @media screen and (max-width: 767px) {
              .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2) p {
                width: 81vw; } }
          .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2) p.title {
            font-size: 36px; }
            @media (min-width: 768px) and (max-width: 1167px) {
              .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2) p.title {
                font-size: 2.5vw; } }
            @media screen and (max-width: 767px) {
              .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2) p.title {
                font-size: 22px; } }
          .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2) p.caption {
            margin-top: 10px;
            padding-right: 25px; }
            @media screen and (max-width: 767px) {
              .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2) p.caption {
                margin-top: 15px;
                padding-right: 0; } }
        .container main section.kindai-news .module_tab-news .body ul li:nth-child(n+3) {
          width: 31.7%; }
          @media screen and (max-width: 767px) {
            .container main section.kindai-news .module_tab-news .body ul li:nth-child(n+3) {
              width: 100%;
              margin-bottom: 8%; } }
          .container main section.kindai-news .module_tab-news .body ul li:nth-child(n+3):nth-child(n+4) {
            margin-left: 2.45%; }
            @media screen and (max-width: 767px) {
              .container main section.kindai-news .module_tab-news .body ul li:nth-child(n+3):nth-child(n+4) {
                margin-left: 0; } }
          .container main section.kindai-news .module_tab-news .body ul li:nth-child(n+3) p {
            width: 318px; }
            @media (min-width: 768px) and (max-width: 1167px) {
              .container main section.kindai-news .module_tab-news .body ul li:nth-child(n+3) p {
                width: 205px; } }
            @media screen and (max-width: 767px) {
              .container main section.kindai-news .module_tab-news .body ul li:nth-child(n+3) p {
                width: 81vw; } }
          .container main section.kindai-news .module_tab-news .body ul li:nth-child(n+3) p.title {
            margin-bottom: -7%;
            min-height: 60px;
            font-size: 23px;
            padding: 10px 25px 0 0;
            bottom: 4px; }
            @media (min-width: 768px) and (max-width: 1167px) {
              .container main section.kindai-news .module_tab-news .body ul li:nth-child(n+3) p.title {
                height: auto;
                font-size: 1.9vw;
                margin-bottom: -10px; } }
            @media screen and (max-width: 767px) {
              .container main section.kindai-news .module_tab-news .body ul li:nth-child(n+3) p.title {
                margin-bottom: 0;
                height: auto;
                font-size: 21px;
                position: absolute;
                display: block;
                left: 0;
                bottom: -3px;
                background-color: #FFF;
                color: #000;
                line-height: 1;
                padding: 16px 16px 0px 0; } }
          .container main section.kindai-news .module_tab-news .body ul li:nth-child(n+3) p.caption {
            font-size: 14px;
            margin-top: 9%; }
            @media (min-width: 768px) and (max-width: 1167px) {
              .container main section.kindai-news .module_tab-news .body ul li:nth-child(n+3) p.caption {
                margin-top: 8%;
                font-size: 13px; } }
            @media screen and (max-width: 767px) {
              .container main section.kindai-news .module_tab-news .body ul li:nth-child(n+3) p.caption {
                margin-top: 15px;
                padding-right: 0; } }
        @media (min-width: 768px) and (max-width: 1167px) {
          .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2) {
            width: 48.65%; }
            .container main section.kindai-news .module_tab-news .body ul li:nth-child(-n+2):nth-child(2) {
              margin-left: 2.7%; } }
      .container main section.kindai-news .module_tab-news p.button {
        margin-top: 3.2%; }
        .container main section.kindai-news .module_tab-news p.button a,
        .container main section.kindai-news .module_tab-news p.button span {
          display: block;
          padding: 1em;
          color: #fff;
          font-size: 20px;
          font-weight: bold;
          line-height: 1.5;
          text-align: center; }
          @media screen and (max-width: 767px) {
            .container main section.kindai-news .module_tab-news p.button a,
            .container main section.kindai-news .module_tab-news p.button span {
              font-size: 16px; } }
        .container main section.kindai-news .module_tab-news p.button a {
          text-decoration: none;
          background-color: #222; }
        .container main section.kindai-news .module_tab-news p.button span {
          background-color: #e8e8e8; }
    .container main section.researchers-pickup {
      padding-top: 8%; }
      .container main section.researchers-pickup {
        min-height: 1%; }
      .container main section.researchers-pickup::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden; }
      @media screen and (max-width: 767px) {
        .container main section.researchers-pickup {
          padding-top: 13%; } }
      .container main section.researchers-pickup .sec-researchers-pickup-header {
        margin-bottom: 2.5%;
        position: relative; }
        .container main section.researchers-pickup .sec-researchers-pickup-header img {
          width: 47.9575%; }
          @media screen and (max-width: 767px) {
            .container main section.researchers-pickup .sec-researchers-pickup-header img {
              width: 100%; } }
        @media screen and (max-width: 767px) {
          .container main section.researchers-pickup .sec-researchers-pickup-header {
            margin-bottom: 25px; }
            .container main section.researchers-pickup .sec-researchers-pickup-header h2 {
              padding-top: 25px;
              border-top: 9px solid #222; } }
      .container main section.researchers-pickup .researchers-pickup-wrapper {
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 767px) {
          .container main section.researchers-pickup .researchers-pickup-wrapper {
            display: block;
            justify-content: normal; } }
      .container main section.researchers-pickup .professor-block {
        width: 46.8406%;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 767px) {
          .container main section.researchers-pickup .professor-block {
            width: 100%;
            margin-bottom: 31px; } }
        .container main section.researchers-pickup .professor-block .img {
          float: left;
          width: 34%; }
          @media (min-width: 768px) and (max-width: 1167px) {
            .container main section.researchers-pickup .professor-block .img {
              width: 40%; } }
          .container main section.researchers-pickup .professor-block .img img {
            border: 5px solid #222; }
        .container main section.researchers-pickup .professor-block .txt {
          float: left;
          width: 62%;
          margin-left: 25px; }
          @media (min-width: 768px) and (max-width: 1167px) {
            .container main section.researchers-pickup .professor-block .txt {
              width: 55%; } }
          .container main section.researchers-pickup .professor-block .txt .professor-job {
            font-family: "Gothic MB101 Heavy", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
            font-size: 18px;
            margin-bottom: 12px; }
            .container main section.researchers-pickup .professor-block .txt .professor-job .ico {
              display: inline-block;
              width: 25px;
              height: 10px;
              margin-right: 6px;
              background-color: #222222; }
            @media (min-width: 768px) and (max-width: 1167px) {
              .container main section.researchers-pickup .professor-block .txt .professor-job {
                font-size: 1.4vw; } }
            @media screen and (max-width: 767px) {
              .container main section.researchers-pickup .professor-block .txt .professor-job {
                font-size: 11px; } }
          .container main section.researchers-pickup .professor-block .txt .professor-name {
            font-family: "Gothic MB101 Heavy", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
            margin-bottom: 12px;
            font-size: 36px;
            color: #fff;
            background-color: #222;
            display: block;
            line-height: 1;
            float: left;
            clear: left;
            padding: 3px 3px 3px; }
            @media (min-width: 768px) and (max-width: 1167px) {
              .container main section.researchers-pickup .professor-block .txt .professor-name {
                font-size: 3vw; } }
            @media screen and (max-width: 767px) {
              .container main section.researchers-pickup .professor-block .txt .professor-name {
                margin-bottom: 9px;
                font-size: 23px; } }
          .container main section.researchers-pickup .professor-block .txt .professor-caption {
            clear: left;
            font-family: "Gothic MB101 Heavy", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
            font-size: 15px;
            line-height: 1.2; }
            @media (min-width: 768px) and (max-width: 1167px) {
              .container main section.researchers-pickup .professor-block .txt .professor-caption {
                font-size: 1.4vw; } }
            @media screen and (max-width: 767px) {
              .container main section.researchers-pickup .professor-block .txt .professor-caption {
                font-size: 13px; } }
      .container main section.researchers-pickup .caption-block {
        box-sizing: border-box;
        position: relative;
        width: 45%;
        background-color: #222;
        color: #FFF; }
        @media screen and (max-width: 767px) {
          .container main section.researchers-pickup .caption-block {
            width: 100%; } }
        .container main section.researchers-pickup .caption-block .txt {
          height: 80%;
          font-family: "Gothic MB101 Heavy", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif; }
          .container main section.researchers-pickup .caption-block .txt .title {
            padding: 20px 20px 0 20px;
            font-size: 28px;
            line-height: 1.2;
            margin-bottom: 5px; }
            @media (min-width: 768px) and (max-width: 1167px) {
              .container main section.researchers-pickup .caption-block .txt .title {
                font-size: 2vw; } }
            @media screen and (max-width: 767px) {
              .container main section.researchers-pickup .caption-block .txt .title {
                font-size: 23px; } }
          .container main section.researchers-pickup .caption-block .txt .detail {
            font-family: "Helvetica Neue", "Helvetica", Arial, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
            font-weight: bold;
            font-size: 14px;
            padding: 10px 20px;
            line-height: 1.5; }
            @media (min-width: 768px) and (max-width: 1167px) {
              .container main section.researchers-pickup .caption-block .txt .detail {
                font-size: 1.4vw; } }
            @media screen and (max-width: 767px) {
              .container main section.researchers-pickup .caption-block .txt .detail {
                font-size: 12px; } }
        .container main section.researchers-pickup .caption-block .foot {
          height: 16%;
          padding: 15px 15px 10px 10px;
          border-top: 2px solid #CCC;
          width: 100%;
          text-align: right; }
          .container main section.researchers-pickup .caption-block .foot img {
            width: 17%; }
          @media screen and (max-width: 767px) {
            .container main section.researchers-pickup .caption-block .foot {
              height: auto;
              padding: 11px 15px 7px 10px; }
              .container main section.researchers-pickup .caption-block .foot a img {
                height: 100%;
                padding-top: 10px;
                padding-bottom: 10px;
                width: 24.2%;
                padding-right: 5px; } }
    .container main section.kindai-facility {
      padding-top: 8%; }
      .container main section.kindai-facility {
        min-height: 1%; }
      .container main section.kindai-facility::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden; }
      @media screen and (max-width: 767px) {
        .container main section.kindai-facility {
          padding-top: 12.26%; } }
      .container main section.kindai-facility .sec-kindai-facility-header {
        margin-bottom: 2.5%;
        position: relative; }
        @media screen and (max-width: 767px) {
          .container main section.kindai-facility .sec-kindai-facility-header {
            margin-bottom: 6.933%; } }
        .container main section.kindai-facility .sec-kindai-facility-header img {
          width: 47.9575%; }
          @media screen and (max-width: 767px) {
            .container main section.kindai-facility .sec-kindai-facility-header img {
              width: 93.36%; } }
        .container main section.kindai-facility .sec-kindai-facility-header .more-btn {
          display: block;
          width: 11.8489%;
          position: absolute;
          right: 0;
          bottom: 0; }
          .container main section.kindai-facility .sec-kindai-facility-header .more-btn img {
            width: 100%; }
          @media screen and (max-width: 767px) {
            .container main section.kindai-facility .sec-kindai-facility-header .more-btn {
              display: none; } }
      .container main section.kindai-facility ul {
        min-height: 1%; }
      .container main section.kindai-facility ul::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden; }
      .container main section.kindai-facility ul li {
        position: relative;
        float: left;
        width: 46.3235%; }
        @media screen and (max-width: 767px) {
          .container main section.kindai-facility ul li {
            clear: left;
            width: 100%;
            height: 56vw; } }
        .container main section.kindai-facility ul li a {
          text-decoration: none;
          color: #000; }
        .container main section.kindai-facility ul li a:hover {
          opacity: 1; }
          .container main section.kindai-facility ul li a:hover .img:before {
            background: rgba(0, 80, 126, 0.65); }
        .container main section.kindai-facility ul li:nth-child(2) {
          margin-left: 7.35%; }
          @media screen and (max-width: 767px) {
            .container main section.kindai-facility ul li:nth-child(2) {
              margin-left: 0; } }
        .container main section.kindai-facility ul li .title {
          font-family: "Gothic MB101 Ultra", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
          font-size: 22px;
          margin-bottom: 5px; }
          @media (min-width: 768px) and (max-width: 1167px) {
            .container main section.kindai-facility ul li .title {
              font-size: 16px; } }
          @media screen and (max-width: 767px) {
            .container main section.kindai-facility ul li .title {
              font-size: 13px; } }
        .container main section.kindai-facility ul li .img {
          position: relative;
          margin-left: 2.3%; }
          @media screen and (max-width: 767px) {
            .container main section.kindai-facility ul li .img {
              padding-left: 0;
              text-align: right; }
              .container main section.kindai-facility ul li .img img {
                width: 74.33%; } }
          .container main section.kindai-facility ul li .img:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            content: "";
            z-index: 1; }
        .container main section.kindai-facility ul li .caption {
          font-family: "Gothic MB101 Heavy", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
          position: relative;
          bottom: 100px;
          color: #fff;
          z-index: 2; }
          @media (min-width: 768px) and (max-width: 1167px) {
            .container main section.kindai-facility ul li .caption {
              bottom: 7.53vw; } }
          @media screen and (max-width: 767px) {
            .container main section.kindai-facility ul li .caption {
              bottom: 16.53vw; } }
          .container main section.kindai-facility ul li .caption span {
            display: block;
            background-color: #222;
            font-size: 32px;
            line-height: 1;
            float: left;
            clear: left;
            margin-bottom: 5px;
            padding: 2px 3px 2px 3px; }
            @media (min-width: 768px) and (max-width: 1167px) {
              .container main section.kindai-facility ul li .caption span {
                font-size: 18px; } }
            @media screen and (max-width: 767px) {
              .container main section.kindai-facility ul li .caption span {
                font-size: 23px;
                line-height: 1;
                margin-bottom: 0; } }
      .container main section.kindai-facility .more-btn {
        display: none; }
        @media screen and (max-width: 767px) {
          .container main section.kindai-facility .more-btn {
            display: block;
            width: 20.6489%;
            margin-bottom: 12vw;
            margin-top: 3%;
            float: right; } }
    .container main section.kindai-facts .sec-kindai-facts-header {
      margin-bottom: 2.5%;
      position: relative; }
      @media screen and (max-width: 767px) {
        .container main section.kindai-facts .sec-kindai-facts-header {
          margin-bottom: 6.666vw; } }
      .container main section.kindai-facts .sec-kindai-facts-header img {
        width: 35.4166%; }
        @media screen and (max-width: 767px) {
          .container main section.kindai-facts .sec-kindai-facts-header img {
            width: 71.828%; } }
      .container main section.kindai-facts .sec-kindai-facts-header .more-btn {
        display: block;
        width: 11.8489%;
        position: absolute;
        right: 0;
        bottom: 0; }
        .container main section.kindai-facts .sec-kindai-facts-header .more-btn img {
          width: 100%; }
        @media screen and (max-width: 767px) {
          .container main section.kindai-facts .sec-kindai-facts-header .more-btn {
            display: none; } }
    .container main section.kindai-facts ul {
      display: flex;
      border-left: 7px solid #222; }
      @media screen and (max-width: 767px) {
        .container main section.kindai-facts ul {
          display: block;
          border-left: 0;
          border-top: 7px solid #222; } }
      .container main section.kindai-facts ul li {
        width: 33.33%;
        box-sizing: content-box;
        position: relative; }
        .container main section.kindai-facts ul li a:before, .container main section.kindai-facts ul li a:after {
          content: '';
          display: block;
          position: absolute;
          z-index: 2; }
        .container main section.kindai-facts ul li a:before {
          width: 30px;
          height: 30px;
          right: 7px;
          bottom: 7px;
          background-color: #00507e; }
        .container main section.kindai-facts ul li a:after {
          right: 17px;
          bottom: 14px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4px 0 4px 6px;
          border-color: transparent transparent transparent #fff;
          transform: translateY(-50%); }
        .container main section.kindai-facts ul li a .img:after {
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          width: 100%;
          content: "";
          z-index: 0; }
        .container main section.kindai-facts ul li a:hover {
          opacity: 1 !important; }
          .container main section.kindai-facts ul li a:hover .img:after {
            background: rgba(0, 80, 126, 0.65); }
        @media screen and (max-width: 767px) {
          .container main section.kindai-facts ul li {
            width: 100%; } }
        .container main section.kindai-facts ul li .img {
          background-size: cover;
          background-position: center;
          padding-top: 98.55%;
          position: relative;
          border-right: 7px solid #222;
          border-top: 7px solid #222;
          border-bottom: 7px solid #222; }
          @media screen and (max-width: 767px) {
            .container main section.kindai-facts ul li .img {
              border-right: 7px solid #222;
              border-left: 7px solid #222;
              border-top: 0;
              border-bottom: 7px solid #222;
              padding-top: 71.38%; } }
          .container main section.kindai-facts ul li .img .notice {
            z-index: 1;
            position: absolute;
            font-size: 12px;
            left: 10px;
            bottom: 5px;
            color: #FFF;
            line-height: 1.3;
            width: 80%; }
            @media (min-width: 768px) and (max-width: 1167px) {
              .container main section.kindai-facts ul li .img .notice {
                font-size: 1vw; } }
            @media screen and (max-width: 767px) {
              .container main section.kindai-facts ul li .img .notice {
                font-size: 2.5vw; } }
          .container main section.kindai-facts ul li .img .text-block {
            z-index: 1;
            width: 100%;
            color: #FFF;
            text-align: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            line-height: 1.3;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center; }
            .container main section.kindai-facts ul li .img .text-block .title {
              position: relative;
              font-family: "Gothic MB101 Ultra", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
              height: 67px;
              font-size: 67px;
              clear: left;
              margin-bottom: 7%; }
              .container main section.kindai-facts ul li .img .text-block .title span {
                display: block;
                float: left;
                clear: left;
                background-color: #222;
                line-height: 1; }
              @media (min-width: 768px) and (max-width: 1167px) {
                .container main section.kindai-facts ul li .img .text-block .title {
                  font-size: 5vw;
                  height: 5vw; } }
              @media screen and (max-width: 767px) {
                .container main section.kindai-facts ul li .img .text-block .title {
                  font-size: 14.3vw;
                  height: 14.3vw; } }
            .container main section.kindai-facts ul li .img .text-block .caption {
              position: relative;
              font-family: "Gothic MB101 Heavy", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
              clear: left;
              font-size: 20px;
              transform: translateX(50%); }
              .container main section.kindai-facts ul li .img .text-block .caption span {
                transform: translateX(-50%);
                display: block;
                background-color: #222;
                line-height: 1;
                float: left;
                clear: left;
                padding: 2px 3px 2px 3px; }
              @media (min-width: 768px) and (max-width: 1167px) {
                .container main section.kindai-facts ul li .img .text-block .caption {
                  font-size: 1.8vw; } }
              @media screen and (max-width: 767px) {
                .container main section.kindai-facts ul li .img .text-block .caption {
                  font-size: 3vw; } }
    .container main section.kindai-facts .more-btn {
      margin-top: 6.666%;
      display: none; }
      @media screen and (max-width: 767px) {
        .container main section.kindai-facts .more-btn {
          display: block;
          width: 20.6489%;
          margin-bottom: 12vw;
          margin-top: 3%;
          float: right; } }

/* researchers-pickup 改修 */
.container main section.researchers-pickup .researchers-pickup-wrapper.researchers-pickup-edit {
  flex-wrap: wrap; }
.container main section.researchers-pickup .researchers-pickup-edit .professor-block {
  border: 2px solid #222;
  width: 49%;
  padding: 10px;
  margin: 0 0 20px;
  align-items: flex-start;
  color: #222;
  text-decoration: none; }
  @media screen and (max-width: 767px) {
    .container main section.researchers-pickup .researchers-pickup-edit .professor-block {
      width: 100%; } }
  .container main section.researchers-pickup .researchers-pickup-edit .professor-block .txt .professor-info {
    font-size: 14px;
    line-height: 1.4;
    margin: 6px 0 0; }
    @media screen and (max-width: 767px) {
      .container main section.researchers-pickup .researchers-pickup-edit .professor-block .txt .professor-info {
        font-size: 12px; } }
.container main section.researchers-pickup .researchers-pickup-edit .caption-block {
  width: 49%;
  margin: 0 0 20px; }
  @media screen and (max-width: 767px) {
    .container main section.researchers-pickup .researchers-pickup-edit .caption-block {
      width: 100%; } }
  .container main section.researchers-pickup .researchers-pickup-edit .caption-block .foot {
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0; }
    @media screen and (max-width: 767px) {
      .container main section.researchers-pickup .researchers-pickup-edit .caption-block .foot {
        position: static; } }
  .container main section.researchers-pickup .researchers-pickup-edit .caption-block .txt {
    height: auto;
    padding: 0 0 60px; }
    @media screen and (max-width: 767px) {
      .container main section.researchers-pickup .researchers-pickup-edit .caption-block .txt {
        padding: 0 0 10px; } }

/*# sourceMappingURL=top.css.map */