@media screen and (max-width: 1229px) {
     .footer__logos_sec {
         display: flex;
         width: 100%;
         flex-wrap: wrap;
         justify-content: center;
     }

     .footer__logos_sec span {
         flex: 0 0 calc(30.33% - 10px);
         box-sizing: border-box;
         margin-bottom: 20px;
     }
	 
	 .table-staff tr td {
		height: 90px;
	}
 }

 .fspmenu-hide-pc {
     display: none;
 }

 .sp-wrap {
     display: inline-block;
 }

 .logo-sp-wrap {
     display: none;
 }

 @media screen and (max-width: 1200px) {

     body {
         /*         margin-top: -46px;*/
     }

     header {
/*          background: #187fc4; */
		 background: #fff;
         height: 70px;
     }

     footer {
         /*         display: none; */
         /* temporary disable */
     }

     .navbar__inner {
         z-index: 100;
     }

     .icon-menu-sp {
         display: inline-block !important;
         z-index: 998;
		 filter: invert(1);
     }

     .hide-sp {
         display: none;
     }

     .fspmenu-hide-pc {
         display: block;
     }

     .fspmenu {
         position: fixed;
         width: 100%;
         height: 100%;
         top: 0;
         left: 0;
         z-index: 999;
         overflow: auto;
         max-height: 0;
         transition: max-height 0.5s ease;
     }

     .fsp-menu img {
         max-width: 500px;
         margin: 0 auto;
         width: 100%;
     }

     .fspmenu.active {
         max-height: 1200px;
     }

     .fsp-inner {
         width: 100%;
         height: auto;
         min-height: 100vh;
         /* Should remove at the end */
         background-color: #187fc4; 
         position: relative;
         z-index: 999;
     }

     .fsp-head {
         padding: 10px;
     }

     .fhead-inner {
         width: 100%;
         display: flex;
         z-index: 999;
         /*         background-color: #FFF;*/
     }

     .fh-logo {
         flex: 100%;
         max-width: 88%;
         align-self: center;
         text-align: center;
     }

     .navbar__logo_sp {
         max-width: 40%;
         margin-right: 10px;
         z-index: 100;
     }

     .navbar__logo2_sp {
         max-width: 48%;
         z-index: 100;
     }

     .fh-ocbtn {
         flex: 100%;
         max-width: 12%;
         align-self: center;
         text-align: center;
     }

     /*
     .fh-ocbtn.active {
         background-color: #187fc4;
         z-index: 999;
     }
*/

     .fsp-content {
         padding-bottom: 100px;
     }

     .fsp-menu {
         margin: 6vw 0vw;
         text-align: center;
     }

     .logo-sp-wrap {
         display: flex;
         max-width: 88%;
         padding: 10px;
         position: relative;
         left: 15px;
     }

     .navbar__logo_sp1 {
         /*         max-width: 40%;*/
         max-width: 25%;
         margin-right: 10px;
     }

     .navbar__logo2_sp2 {
         max-width: 48%;
     }

     .fsp-menus-main {
         display: flex;
         width: 100%;
         flex-wrap: wrap;
         margin-top: 40px;
         padding: 0 20px;
     }

     .navbar-nav-sp {
         flex: 100%;
         max-width: calc(100% / 2);
         /*         padding-left: 0;*/
         padding-left: 170px;
     }

     .navbar-nav-sp sup {
         color: #ccc;
     }

     .navbar-nav-sp li {
         list-style: none;
         line-height: 2.6em;
     }

     .navbar-nav-sp li a {
         color: #fff;
         display: inline-block;
     }
	 .navbar-nav-sp li a.active {
         border-bottom:1px solid #fff;
		 padding-bottom:0rem;
		 margin-bottom:calc(0.5rem - 1px);
     }

     .navbar-nav-sp:last-child {}

     .fsp-menus-lang {
         text-align: center;
         margin: 30px auto 0;
     }

     .navbar__lang_sp {
         padding-left: 0;
     }

     .navbar__lang_sp li {
         list-style: none;
         display: inline-block;
     }

     .navbar__lang_sp li:first-child {
         margin-right: 20px;
     }

     .navbar__lang_sp li a {
         padding: 0 10px 5px;
         border-bottom: 1px solid #ccc;
         color: #ccc;
     }

     .navbar__lang_sp li a.active {
         padding: 0 10px 5px;
         border-bottom: 1px solid #fff;
         color: #fff !important;
     }
	 
	 .table-staff tr td {
		height: 110px;
	}
	 
	 /*20230921*/
	 .navbar__logo_sp1 {
		 max-width: unset;
		 width: auto;
		 margin-right: 10px;
		 height: 50px;
		 object-fit: contain;
	 }
	 .navbar__logo2_sp2 {
		 max-width: unset;
		 height: 50px;
	 }
	 .navbar__logo_sp {
		 max-width: unset;
		 width: auto;
		 margin-right: 10px;
		 height: 50px;
		 object-fit: contain;
	 }
	 .navbar__logo2_sp {
		 max-width: unset;
		 height: 50px;
	 }
	 .fsp-head {
		 padding: unset;
		 background-color: #fff;
	 }
	 .fh-logo {
		 text-align: left;
		 padding: 10px 0 0 25px;
	 }
	 .fh-ocbtn {
		 padding: 5px 20px 0 0;
		 text-align: right;
		 filter: grayscale(1) contrast(1) invert(1) brightness(2);
	 }
 }

 @media screen and (max-width: 834px) {

     .img-graph1,
     .img-graph2 {
         height: auto;
         width: 100%;
     }

     .navbar-nav-sp {
         padding-left: 134px;
     }


 }

 @media screen and (max-width: 768px) {
     #publications {
         padding: 40px;
     }

     #research {
         padding: 0 40px;
     }

     body {
         margin-top: -46px;
     }

     header {
         height: 108px;
     }

     .logo-sp-wrap {
         top: 35px;
     }
	 
	 /*20230921*/
	 header {
		 height: 70px;
	 }
	 .logo-sp-wrap {
		 top: 0;
	 }
 }


 @media screen and (min-width: 767px) {
	 .mgt-40-pc {
		 margin-top: 40px;
	 }
 }

 @media screen and (max-width: 767px) {
	 
	 .table_profile {
		height: unset;
	}
/* 
     .navbar__logo_sp1 {
         max-width: 40%;
     } */

     .sp-show {
         display: inline-block;
     }
     .home__inner {
         padding-left: 0;
     }
     .home__inner_title {
         padding-left: 30px;
     }

     #publications {
         padding: 40px 30px;
     }

     #publications .content {
         padding: 30px;
     }

     #research {
         padding: 0 30px;
     }

     #research .content {
         padding: 30px 10px;
     }

     .tab__group .tab {
         max-width: 100%;
     }

     .footer__banner {
         min-height: 220px;
     }

     .footer__banner_headline {
         font-size: 24px;
         padding: 40px 0 0;
         line-height: 1.4em;
     }

     .footer__banner_text {
         margin-top: 25px;
         text-align: left;
         font-size: 14px;
     }

     .footer__mail_icon {
         height: 40px;
         width: 40px;
         margin-right: 15px;
     }

     .footer__mail_icon i {
         font-size: 14px;
     }

     .footer__info {
         flex-wrap: wrap;
         border-bottom: none;
     }
	 
	 .footer__info-container {
		 flex-wrap: wrap;
		 width: 100%;
	 }

     .footer__info_left {
         flex-basis: 100%;
         border-right: none;
         order: 2;
     }

     .footer__info_right {
         flex-basis: 100%;
         order: 1;
         padding: 50px 0 0;
     }

     .footer__info_nav {
         margin-left: -20px;
     }

     .footer__info_wrap {
         flex-wrap: wrap;
     }

     .footer__info_left-jp {
         flex-basis: 100%;
     }

     .footer__info_left-en {
         flex-basis: 100%;
         margin-top: 30px;
         font-size: 14px;
     }

     .footer__info {
         padding: 0 30px;
     }

     .ft-logo {
         max-width: 300px;
     }

     .footer__logos_sec {
         padding: 0 30px 60px;
         display: flex;
         flex-wrap: wrap;
         column-gap: 10px;
         justify-content: space-between;
     }

     .footer__logos_sec span,
	 .footer__logos_sec a {
		 flex: 100%;
		 max-width: calc(100% / 2 - 7.5px);
		 padding: 5px;
		 margin: 0 0 15px;
	 }

     .footer__copyright {
         padding: 0 30px 40px;
         line-height: 1.8em;
     }

     .sp-wrap {
         display: block;
     }

     /* Disable padding-right and padding-left classes */
     .pr-5,
     .pl-5,
     .px-5 {
         padding-right: 15px !important;
         padding-left: 15px !important;
     }

    .footer__photos {
        margin: 10px auto 80px;
    }

    .footer__photos .px-5 {
        padding-right: 3% !important;
        padding-left: 3% !important;
    }

     .table-news {
         margin: 40px auto 0;
     }

    .content__news_head {
        padding-left: 0;
    }

    .table-news tr td {
        padding: 10px 10px 10px 0;
    }

     .footer__banner_headline_main::before {
         content: "INFORMATION";
         top: -30px;
         left: 50px;
     }

     .footer__photos img:first-child {
         margin-bottom: 10px;
     }

     .footer__photos p.text-right {
/*          margin-top: -15px; */
     }

     #main {
         padding-bottom: 0;
     }

     #main .container {
         padding-left: 0;
         padding-right: 0;
     }

     #main .content__wrapper .content__text {
         padding-left: 20px;
         padding-right: 20px;
     }

     #main .content__wrapper .content__news {
         padding-left: 20px;
         padding-right: 20px;
     }

     .table-news tr td {
         border-bottom: 1px solid #ccc;
     }

     #button-menu {
         display: none;
     }

     #button-menu-sp {
         display: block;
     }

     .txt-menu-wrapper-sp {
         width: 100%;
         height: 100%;
         color: #fff;
         background: rgba(24, 127, 196, 0.9);
         padding: 15px 15px;
     }

     .txt-menu-wrapper:hover-sp {
         background: rgba(24, 127, 196, 1);
         transition: .5s;
     }

     .button__menu_wrapper {
         display: flex;
         width: 100%;
         flex-wrap: nowrap;
     }

     .button__menu_item-txt {
         flex-basis: 50%;
     }

     .button__menu_item-img {
         flex-basis: 50%;
     }

     .button__menu_item-img img {
         width: 100%;
     }

     #home {
         min-height: 220px;
     }

     .txt-menu-sm {
         line-height: 1.4em;
     }

     .top-home .home__inner_title {
         margin-top: 44px;
         padding-left: 0;
         font-size: 20px;
     }

     .top-home .home__inner {
         padding-left: 30px;
     }

     .top-home .home__inner_title span {
		 font-size:1rem;
		 line-height:1.75;
     }

     .navbar-nav-sp {
         padding-left: 15px;
     }
     
     .logo-sp-wrap {
         top: 48px;
     }
     .mgb-20-sp {
        margin-bottom: 20px;
     }
	 
	 .mgb-30-sp {
        margin-bottom: 30px;
     }

     .academic__title {
        padding: 0 15px;
    }

    section#department-staffs .row .col-md-4 {
        margin-bottom: 40px;
    }

    .table-staff {
        border-spacing: 4px;
        margin: 0 -4px;
        width: calc(100% + 8px);
    }

    section#collaborators-network {
        background-color: #FFFFFF;
        padding: 10px;
    }

    section#notes {
        background-color: #FFFFFF;
        padding: 10px;
    }
	 
	/*20230921*/
	.logo-sp-wrap {
        top: 0;
        left: 0;
        height: 100%;
        padding: 5px;
    }
    .logo-sp-wrap > a {
        display: inline-block;
        height: auto;
        align-self: center;
    }
    
    .navbar__logo_sp1, .navbar__logo2_sp2 {
        height: 30px;
    }
    
    .navbar__logo_sp1 {
        margin: 0 5px 0 0;
    }

    .navbar__logo_sp {
        height: 30px;
        margin: 0 5px 0 0;
    }
    
    .navbar__logo2_sp {
        height: 30px;
    }
    
    .fh-logo {
        text-align: left;
        padding: 0;
    }
    
    .fhead-inner {
        padding: 5px;
        margin: 14px 0 0;
    }
    
    .fh-ocbtn.active {
        padding: 5px 20px 0 0;
        text-align: right;
    }
    
    .fh-ocbtn > img {
        margin: -7px -7px 0 0;
    }
	 
	.table-students tr td:nth-child(2) {
		white-space: unset!important;
	}
	 
	.col-md-2.about-width-img {
		flex: unset!important;
		max-width: unset!important;
	}

	.col-md-10.about-width-text {
		flex: unset!important;
		max-width: unset!important;
	}
 }

 @media screen and (max-width: 375px) {
     
}

 @media screen and (max-width: 320px) {
     
}

body {
	margin: 0;
}