@charset "utf-8";
/* CSS Document */

body{
	font-family: system-ui;
	margin:0;
	display: flex;
	flex-flow: column;
	min-height: 100vh;
	min-width:900px;
	max-width:1100px;
	color:#000000;
}

a{
	color:0000cd;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a:visited{
	color:FF840A;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a:hover {
	color: #F5A862;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.en{
	font-size: 12px;
	color: #ffffff;    /*文字色の変更*/
	background-color: #a9a9a9;   /*背景色の指定*/
	padding-top: 1px;  /*文字上部の余白を指定*/
	padding-bottom: 1px;   /*文字下部の余白を指定*/
	padding-right: 6px;    /*文字右側の余白を指定*/
	padding-left: 6px; /*文字左側の余白を指定*/
	margin-bottom: 10px;
	margin-right: 50px;
	border-radius: 5px; /*線の角を丸くする*/
	letter-spacing: 1px;    /*文字と文字の間隔をあける*/
	text-decoration: none;  /*ブラウザ標準のリンク装飾をオフに*/
	font-weight: 300;
	overflow: hidden;   /*おまじない*/
	float: right;   /*フロートする*/
}

.bl {
	text-align: left;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	border: none;
}


.hero {
	padding: 5px 5% 10px;
	color: #000000;
}

header h1 {
	display: block;
	margin:0;
}
h1 a {
	margin-top:6px;
	margin-left:10px;
	display: block;
	float: left;
	width: 280px;
	height: 60px;
	font-size: 0;
	background: url(../images/NUMedLink.png) left top/260px auto no-repeat;
}

h2 {
	margin-left: 7%;
}

.res {
	font-size: 140%;
	margin-left: 10%;
}



h4 {
	display: block;
	margin: 68px auto;
	margin-left: 29%;
	font-weight: 600;
	margin-bottom: 0px;
}
.hero p {
	font-size: 20px;
	line-height: 1;
	font-weight: 500;
}

header h5{
	color: #666666;
	margin: auto;
	margin-left: 29%;
	display: block;
	font-size: 42%;
	font-weight: 600;
	line-height: 22px;
	overflow: hidden;
}

h6{
	color: #696969;
	display: block;
	font-size: 113%;
	width: 100%;
	font-weight: 600;
	margin: auto;
	margin-top: 3%;
	margin-bottom: 1px;
	margin-left: 10%;
	line-height: 20px;
	overflow: hidden;
}

/*****BRANDING*****/
#branding{
	display: block;
	width: calc(80% - 5px);
	overflow: hidden;
	margin: auto;
	background-color: transparent;
	margin-bottom: 10px;
	letter-spacing: 1px;
	line-height: 25px;
	font-weight:400;
}
#branding p{
	color: black;
	font-size: 110%;
}

/*****NAV*****/
nav{
	margin: auto;
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	overflow: hidden;
}
nav ul{
	margin: 0 auto;
	width: 100%;
}
nav li{
	width: 12%;
	font-size: 110%;
	letter-spacing: 0.5px;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
	float: left;
	border-left: 1px solid lightgray;
}

nav li:last-child{
	border-right: 1px solid lightgray; /*li要素の最後の物は右側に線を描く*/
}

nav li:hover{
	transition: all 0.2s ease 0s;
	border-bottom: 2px solid orange;
}

nav a{
	display: block; 
	text-decoration: none;
	color:#696969;
	font-size: 100%;
	letter-spacing: 2px;
	font-weight: 500;
	line-height: 30px;
}

nav a:hover{
	font-weight: 700;
	color: #ff840a;
	transition: all 0.2s ease 0s;
}

/*****ARTICLE*****/
header {
	display: block;
	font-size: 250%;
	font-weight: 900;
	overflow: hidden;
}

article{
	width: calc(80% - 5px);
	padding: 1.5%;
	margin-top: 5px;
	margin-left: 80px;
	margin-bottom: 5px;
	background-color: #f9f9f9;
	border-radius: 5px; /*線の角を丸くする*/
	overflow: hidden;
	float: left;
}

article h3{
	width: 100%;
	font-size: 100%;
	color: #ff840a;
	letter-spacing: 1px;
	padding-bottom:2px;
	padding-top: 0px;
	border-bottom: 1px solid #bababa;
	margin-top: 0px;
	font-weight: 600;
	margin-bottom: 10px;
	float: left;
}

article .btn{
	display: table-column;
	color: #fff;    /*文字色の変更*/
	border: 1px solid orange;   /*線を描く（ホバー時のずれを防ぐため）*/
	background-color: orange;   /*背景色の指定*/
	padding-top: 3px;  /*文字上部の余白を指定*/
	padding-bottom: 3px;   /*文字下部の余白を指定*/
	padding-right: 3px;    /*文字右側の余白を指定*/
	padding-left: 3px; /*文字左側の余白を指定*/
	border-radius: 5px; /*線の角を丸くする*/
	margin-top: 10px;
	margin-left: 10px;
	letter-spacing: 1px;    /*文字と文字の間隔をあける*/
	text-decoration: none;  /*ブラウザ標準のリンク装飾をオフに*/
	font-weight: 500;
	overflow: hidden;   /*おまじない*/
	float: right;   /*フロートする*/
}

.research{
margin-top: 3%;
}

body,
#wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin: auto;
}

footer {
	display: block;
	overflow: hidden;
margin-top: 10px;
	text-align: center;
	font-size: 80%;
	color: #a9a9a9;
}

.ares {
margin-left: 2%;
}

article a {
	text-decoration: none;
	color:#000000;
}

article a:hover{
	color: #ff840a;
	transition: all 0.3s ease 0s;
}


img {
display:block;
	width: 70%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

img#fullwidth {
	display:block;
	width: 100%;
	height: auto;
	margin: auto;
}

img#midwidth {
	display:block;
	width: 85%;
	height: auto;
	margin: auto;
}

img#smallwidth {
	display:block;
	width: 75%;
	height: auto;
	margin: auto;
}

img#fiftywidth {
	display:block;
	width: 60%;
	height: auto;
	margin: auto;
}

img#fifwidth {
	display:block;
	width: 45%;
	height: auto;
	margin: auto;
}

img#verysmallwidth {
	display:block;
	width: 35%;
	height: auto;
	margin: auto;
}

img#oriwidth {
	display:inline-block;
	width: 300px;
	height: auto;
	margin: auto;
}

img#TopLogo {
	display:block;
	width: 83%;
	height: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

.mem {
	display:inline-block;
	width: auto;
	height: 200px;
	vertical-align: middle;
	margin-left: 3px;
}

.professor {
	display:inline-block;
	width: auto;
	height: 220px;
	vertical-align: middle;
	margin-left: 1%;
}

.proom {
	width: auto;
	height: 240px;
	vertical-align: text-top;
	margin-left: 2px;
	float:right;
}

.box28 {
	position: relative;
	margin: 2em 0;
	padding: 25px 10px 7px;
	border: solid 1px #a9a9a9;
	background: #ffffff;
}
.box28 .box-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -1px;
	padding: 0 9px;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	background: #a9a9a9;
	color: #ffffff;
}
.box28 p {
	margin: 0; 
	padding: 0;
}

.box29 {
	position: relative;
	margin: 1.5em 0;
	padding: 10px 10px 7px;
	border: solid 2px #a9a9a9;
	background: #ffffff;
}
.box29 .box-title {
	position: absolute;
	display: inline-block;
	top: -1px;
	left: -1px;
	padding: 0 9px;
	height: 22px;
	line-height: 20px;
	font-size: 20px;
	background: #696969;
	color: #ffffff;
}
.box29 p {
	margin: 0; 
	padding: 0;
}

.acd-check{
	display: none;
}
.acd-label{
	color: #808080;
	margin-bottom: 3px;
	padding: 10px;
}
.acd-content{
	height: 0;
	opacity: 0;
	padding: 0 10px;
	transition: .3s;
	visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
	height: auto;
	opacity: 1;
	padding: 10px;
	visibility: visible;
}
img.Prof {
	width: 820px;
	height: auto;
	margin-top: 0;
}
article .pic {
	color: blue;
	color:0000cd;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.pic:visited{
	color:FF840A;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.pic:hover {
	color: #F5A862;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.staytune{
line-height: 1.4;
	margin-top: 10px;
}

.SideBySide p{
	display:inline-block;
	width: calc(80% - 1px);
	margin-top: 10px;
	margin-left: 20px;
	line-height: 1.9em;
	vertical-align:top; /*縦方向の揃え位置を指定*/
}

.SideBySideMem p{
	display:inline-block;
	width: 63%;
	margin-top: 10px;
	margin-left: 10px;
	line-height: 1.9em;
	vertical-align:top; /*縦方向の揃え位置を指定*/
}

.profblock{
	display: inline-block;
	font-size:17px;
	font-weight: 300;
	width: calc(95% - 1px);
	padding: 1%;
	margin-top: 5px;
	margin: 0 auto;
	margin-bottom: 40px;
	background-color: #f9f9f9;
	border-radius: 5px; /*線の角を丸くする*/
	overflow: hidden;
	letter-spacing: 0.07em;
}

.profblock h4{
	font-size:18px;
	text-align:center;
	margin-top: 1px;
	margin:  0 auto;
	font-weight: 600;
	margin-bottom: 3px;
	border-bottom: 1px solid #ff8c00;
	letter-spacing: 0.07em;
}

.mtitle{
	font-size:18px;
	text-align:center;
}

.memblock{
	display: inline-block;
	font-size:16px;
	font-weight: 300;
	width: calc(43% - 1px);
	padding: 1%;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
	background-color: #f9f9f9;
	border-radius: 5px; /*線の角を丸くする*/
	overflow: hidden;
	letter-spacing: 0.1em;
}

.memblock ul li{
	display: inline-block;
}

.memblock h4{
	font-size:18px;
	text-align:center;
	margin-top: 1px;
	margin-left: 3px;
	padding-bottom;10px:
		font-weight: 500;
		margin-bottom: 3px;
	letter-spacing: 0.07em;
	border-bottom: 1px solid #ff8c00;
}

.gyoseki{
	font-size:16px;
	font-weight: 500;
	margin-top: 10%;
	letter-spacing: 0.07em;
	color: #00bfff;
padding-left: 60%;
}

.normal{
	font-weight: 530;
	margin-top: 10%;
	letter-spacing: 0.07em;
	color: #4169e1;
}

iframe{
display: block;
	margin: 0 auto;
}

.hako {
display: inline-block;
	width: 150px;
  height: 50px;
	vertical-align: middle;
	margin-left: 1%;
	opacity: 0;
}

.ackn {
		font-size:15px;
		width: calc(80% - 5px);
	margin-top: 0px;
	margin-left: 400px;
	margin-bottom: 10px;
	overflow: hidden;
	float: left;
	color: #808080;
}

.almuni{
	padding: 1.5%;
	margin-top: 5px;
	margin-left: 80px;
	margin-bottom: 20px;
	border-radius: 5px; /*線の角を丸くする*/
	overflow: hidden;
	float: left;
}


article .almuni-btn{
		font-size:24px;
	display: table-column;
	color: blue;    /*文字色の変更*/
	border: ;   /*線を描く（ホバー時のずれを防ぐため）*/
	background-color: ;   /*背景色の指定*/
	padding-bottom: 3px;   /*文字下部の余白を指定*/
	padding-right: 3px;    /*文字右側の余白を指定*/
	padding-left: 3px; /*文字左側の余白を指定*/
	border-radius: 5px; /*線の角を丸くする*/
	margin-top: 5px;
	margin-left: 10px;
	letter-spacing: 1px;    /*文字と文字の間隔をあける*/
	text-decoration: none;  /*ブラウザ標準のリンク装飾をオフに*/
	font-weight: 400;
	overflow: hidden;   /*おまじない*/
	float: left;   /*フロートする*/
}


.px {
  font-size: 17px;
}