body{
width: 100%;
overflow-x: hidden;
min-height: 100%;
display: flex;
flex-direction: column;
font-family: sans-serif;
}

p{font-size:1vw;
letter-spacing:0.1rem;
padding-bottom:5%;
margin-left:5%;
width:90%;}


/* ヘッダー画像 */

.header{
width:60%;
margin:1% 23%;}

.header img{width:60%;}

/* メニュー */

.menu{width:60%;
margin:0 auto;}

.menu2 {
  display: grid;
  width: 90%;
margin:auto;
  grid-template-columns: repeat(3, auto);
column-gap: 0.5%;
}

.menu2 ul {
width:100%;
  border:solid 1px #706cae;
}

.menu2 li {
width:100%;
list-style:none;
border:solid 2px #ffffff;
font-size:1.2rem;
height:2rem;
background:#4052fa;
text-align:center;
}

.menu2 a{
color:#ffffff;
text-decoration:none;
display:block;}

.menu2 a:hover{
color:#ffff33;
text-decoration:none;}

li.current a{font-weight:bold;}


/* メニュー下の画像 */

.index img{width:80%;
display:block;
margin:2% auto;}

.index2 img{width:40%;
display:block;
margin-left:5%;
margin-top:2%;}


/* メンバーページ */

span{font-size:1.2rem;
font-weight:bold;}

span.ss{font-size:1rem;
font-weight:bolc;}


dl.member{margin-left:5%;
margin-bottom:10%;
display:flex;
flex-wrap: wrap;
width:100%;
}

dl.member dt{	    
width:15%;
letter-spacing:0.1rem;
}

dl.member dd{
width:85%;
letter-spacing:0.1rem;
}


dl.student{margin-left:5%;
display:flex;
flex-wrap: wrap;
width:100%;
}

dl.student dt{	    
width:15%;
padding-bottom:1%;
letter-spacing:0.1rem;
}

dl.student dd{
width:80%;
letter-spacing:0.1rem;
}

.sphoto{width:100%;
padding-bottom:3%;}

.sphoto img{width:70%;
display:block;
margin:auto;}

/****** 研究業績 *******/


/* 発表論文、などの文字。他のページもこれ */
p.titles{font-size:1.5rem;
font-weight:bold;
margin-top:2%;
margin-left:5%;
padding-bottom:2%;
}

/* ４年ごとに改行 */
.list{display: grid;
  width: 100%;
margin:auto;
  grid-template-columns: repeat(4, auto);}

ul.list{
width:80%;
line-height:2.5rem;
list-style:none;
font-size:1rem;}

/* 頭に自動で数字がつくリスト */
ol.ltitle{
padding-left:1.5rem;
width:90%;
margin-left:5%;
font-size:1rem;}

ol.ltitle li{margin-bottom:2%;}




/****** 研究内容 *******/

p.titler{font-size:1.3rem;
padding-bottom:1%;}


/****** コンタクト *******/

table.contact{width:60%;
padding-top:1%;
margin-left:5%;}

table.contact th{width:30%;
text-align:left;
font-size:1rem;}

table.contact td{width:70%;
padding:1%;
font-size:0.9rem;
}

ul.adress{width:50%;
margin-top:1%;
margin-left:5%;
font-size:1rem;
list-style:none;}


/****** リンク *******/

ul.link{list-style:none;
font-size:1rem;
letter-spacing:0.1rem;
margin-left:5%;}

ul.link li{
    position: relative;
    padding-left: 15px;
padding-bottom:1%;
  }
 

/* 頭に＞をつける */

ul.link li:before {
    content: "";
    position: absolute;
    top: .4em;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    border-top: 2px solid #8b6b4e;
    border-right: 2px solid #8b6b4e;
  }
 
ul.link li a:hover{color:#87ceeb;}