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

/*--------------
共通部分
--------------*/
header{
padding: 0;
}
header .optionArea{
flex-wrap: wrap;
}
header .optionArea .linkArea{
display: none;
}
header .optionArea .languageArea{
order: 1;
width: 100%;
}
header .optionArea .languageArea a{
width: 50%;
}
header .optionArea .searchArea{
order: 2;
margin: 0;
width: 100%;
padding: 20px 10px;
height: auto;
border-bottom: 1px solid #F2F2F2;
}
header .optionArea .searchArea button{
width: 27px;
height: 27px;
right: 10px;
top: 21px;
box-sizing: border-box;
}
header .logoArea{
flex-wrap: wrap;
box-sizing: border-box;
margin: 0;
align-items: center;
}
header .logoArea .logo{
width: 67%;
order: 1;
margin-bottom: 20px;
margin-left: 20px;
}
header .logoArea .logo a{
width: auto;
padding: 0;
}
header .logoArea .sub{
order: 3;
display: none;
padding: 0;
width: 100%;
}
header .logoArea .sub ul li{
margin-right: 0;
flex: 1;
text-align: center;
border-right: 1px solid #F2F2F2; 
padding: 0;
font-size: 100%;
}
header .logoArea .sub ul li:last-of-type{
border: none;
}
header .logoArea .sub ul li a{
background: #E6E6E6;
padding: 15px 30px;
text-align: left;
font-size: 100%;
}
header .logoArea .sub ul li a::before{
content: none;
}
header nav .global ul li a::after{
content: none;
}
.globalButton {
display: block;
width: 30px;
height: 20px;
position: relative;
order: 2;
margin-right: 20px;
}
.globalButton span {
display: block;
width: 100%;
height: 3px;
background: #07685F;
position: absolute;
opacity: 1;
transition: .5s;
}
.globalButton span:nth-of-type(1){
top: 0;
}
.globalButton span:nth-of-type(2){
top: 8px;
}
.globalButton span:nth-of-type(3){
bottom: 0;
}
.globalButton.active span:nth-of-type(1){
transition: .5s;
top: 8px;
transform: rotate(45deg);
}
.globalButton.active span:nth-of-type(2){
opacity: 0;
transition: .5s;
}
.globalButton.active span:nth-of-type(3){
transition: .5s;
bottom: 8px;
transform: rotate(135deg);
}
header nav{
display: none;
}
header nav .global ul{
flex-wrap: wrap;
}
header nav .global ul li{
flex: 1 1 100%;
border-bottom: 1px solid #F2F2F2;
}
header nav .global ul li a{
background: #E6E6E6;
padding: 15px 30px;
}
header nav .global ul li a span{
border: none;
padding: 1px 0;
text-align: left;
}
header nav .global ul li:last-of-type a span{
border: none;
}
.breadcrumbs{
padding:0 10px;
}
footer .overview .inner{
flex-wrap: wrap;
}
footer .overview .inner p{
margin-bottom: 0;
text-align: left;
font-weight: bold;
}
footer .overview .inner .technology ul li{
width: 100%;
}
footer .overview .inner .medical,
footer .overview .inner .technology,
footer .overview .inner .biomedical{
width: 100%;
}
footer .global .inner ul{
justify-content: space-between;
}
footer .global .inner ul li{
width: 50%;
border: none;
margin-bottom: 10px;
}
footer .global .inner ul li:nth-of-type(4n), 
footer .global .inner ul li:last-of-type{
border: none;
}
footer .global .inner ul li:nth-of-type(2n-1){
border-right: 1px #CCCCCC solid;
}
.top .main{
padding: 0px 5px;
box-sizing: border-box;
}
.lower .main{
flex-wrap: wrap;
padding: 0px 5px;
box-sizing: border-box;
}
.lower nav.side{
width: 100%;
margin-top: 20px;
}
.lower article{
width: 100%;
}
.table01{
width: 100%;
}
.list{
  padding-left: 2em;
}
.table01,
.table01 tbody,
.table01 tr,
.table01 th,
.table01 td{
display: block;
width: 100%;
box-sizing: border-box;
}
.table02,
.table02 thead,
.table02 tbody,
.table02 tr,
.table02 th,
.table02 td{
display: block;
width: 100%;
box-sizing: border-box;
}
.table03 thead tr th:nth-of-type(1){
  width: 40%;
}
.table03 thead tr th:nth-of-type(2){
  width: 25%;
}
.table03 thead tr th:nth-of-type(3){
    width: 35%;
}

.pdfTable th:nth-of-type(1),
.pdfTable td:nth-of-type(1) {
display: none;
}
.linkBoxArea .box{
  width: 100%;
}
/*--------------
トップページ
--------------*/
.top .overviewArea{
flex-wrap: wrap;
}
.top .overviewArea .box{
width: 100%;
}
.top .newsArea p{
width: 100%;
padding: 0;
text-align: center;
}
.top .newsArea .newsList{
width: 100%;
}
.top .newsArea .newsList ul li{
flex-wrap: wrap;
}
.top .newsArea .newsList ul li time{
width: 100%;
}
.top .newsArea .newsList ul li a{
width: 100%;
}
.top .newsArea .important{
flex-wrap: wrap;
}
.top .newsArea .important p{
width: 100%;
margin-right: 0px;
}
.top .newsArea .important p br{
display: none;
}
.top .newsArea .important ul{
padding: 20px 10px 30px;
}
.top .newsArea .important ul li{
flex-wrap: wrap;
}
.top .newsArea .important ul li time{
margin: 0;
width: 100%;
}
.top .newsArea .important ul li a{
width: 100%;
}
.top .visionArea .inner{
padding: 50px 10px 80px;
}
.top .bannerArea a{
width: 49%;
}

/*--------------
お知らせ
--------------*/
.information .newsList li{
flex-wrap: wrap;
}
.information .newsList li .dateCatArea{
width: 100%;
}
.information .newsList li .entryLink{
width: 100%;
}
.information .contents .cf{
  display: flex;
  justify-content: space-between;
flex-wrap: wrap;
}
.information .contents .cf .newsImage{
  margin-left: 0px;
  margin-top: 20px;
}
.information .contents .cf .newsImage figure{
  margin-bottom: 20px;
  width: 100%;
}
.information .contents .cf .newsText{
    width: 100%;
}
/*--------------
教員一覧
--------------*/
.unitArea .box{
width: 100%;
}

.students .linkArea figure{
flex-wrap: wrap;
}
.students .linkArea figure figcaption{
width: 100%;
order: 2;
}
.students .linkArea figure a{
width: 100%;
order: 1;
margin-bottom: 10px;
}
/*--------------
共通プログラム
--------------*/
.program .box figure{
flex-wrap: wrap;
}
.program .box figure a{
width: 100%;
order:1;
margin-bottom: 10px;
}
.program .box figure figcaption{
width: 100%;
order:2;
}