@charset "utf-8";

/* 固定 */
*, article, aside, canvas, details, figcaption, figure,
header, footer, hgroup, nav, section, summary, main {
  margin: 0;
  padding: 0;
}

html,body{ height:100%;}


/* 背景（一部適宜書き換え） */
body {
  line-height: 1.4;
  color: #333333;
  font-family: Arial, Roboto, "Droid Sans", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 90%;
}


/* 画像全体（固定） */
img {
  border: 0;
  vertical-align: top;
  max-width:100%;
}


/* 見出し（固定） */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}


/* リスト（固定） */
ol, ul, li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}


/* テーブル（固定） */
table {
  border-collapse: collapse;
}


/* リンク（固定） */
p.link {
  background:url(../images/icon_link.png) no-repeat left center;
  padding-left:15px;
  margin-bottom:1em;
}
p.link a:link,p.link a:visited {
  color:#333333;
  text-decoration:none;
}
p.link a:hover,p.link a:active {
  color:#666666;
  text-decoration:underline;
}


/* 文章中のリンク（固定） */
a:link, a:visited {
  color: #0066CC;
  text-decoration: none;
}

a:hover, a:active {
  color: #0066CC;
  text-decoration: underline;
}

.mbm1 {margin-bottom:-1em;}
.mb1 {margin-bottom:1em;}
.mb2 {margin-bottom:2em;}
.mb03 {margin-bottom:0.3em;}
.mb05 {margin-bottom:0.5em;}
.mb15 {margin-bottom:1.5em;}

.pl05 {padding-left:0.5em;}

.ml1 {margin-left:1em;}
.mt1 {margin-top:1em;}

.f85 {font-size:85%;}
.f90 {font-size:90%;}
.f95 {font-size:95%;}
.f100 {font-size:100%;}
.f105 {font-size:105%;}
.f110 {font-size:110%;}
.f115 {font-size:115%;}
.f120 {font-size:120%;}

.underline {
  text-decoration:underline;
}
.red {color: #FF0000;
}
.blue {color: #1d2777;
}


/* 太字 */
.bold{
  font-style:normal;
  font-weight:bold;
}

.text_r{
  text-align:right;
}
.text_c{
  text-align:center;
}

.italic {
  font-style: italic;
}

.nomal{
 word-break: normal;
}

.break{
  word-break: break-all;
}

.keep{
  word-break: keep-all;
}


/* HTML5（固定） */
article, aside, canvas, details, figcaption, figure,
header, footer, hgroup, nav, section, summary, main {
  display: block
}


/* コンテンツ全体（適宜書き換え） */
#contents_all {
  width:100%;
  height:auto !important;
  margin:0 auto;
  /*overflow: hidden;*/
}

header {
  border-top: 5px solid #0D2460;
}

.header_inner {
  max-width: 960px;
  margin: auto;
  position: relative;
}

header h1 {
  background: url(../images/bg_head.png) no-repeat;
  max-width: 100%;
  height: 0;
  padding-bottom: 7.8125%;
  background-size: 100%;
}

.head_link {
  position: absolute;
  right: 0;
  top: 25px;
}

.head_link li {
  position: relative;
  padding-left: 2.2em;
  display: inline-block;
  margin-left: 1.5em;
}

.head_link li:before {
  content: url(../images/icon_tel.png);
  position: absolute;
  top: -0.1em;
  left: 0;
}

.head_link li a {
  display: block;
}

.head_link li a:link {
  color: #333333;
}

nav {
  background: linear-gradient(to bottom, #ececec 0%,#ffffff 50%,#ececec 100%);
  box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.5) ;
  border-bottom: 1px solid #0D2460;
  /*width:100%;*/
}
nav.top {
  margin-bottom: 30px;
}

.ico_email span:before {
  content: url(../images/icon_mail.png);
  position: absolute;
  top: -0.1em;
  left: 0;
}

.ico_email a:link {
  text-decoration:none;
}

.ico_email a:visited {
  color: #333333;
}


/* コンテンツ（適宜書き換え） */
main#contents {
  margin:0 auto; 
  max-width: 960px;
}


/* クリアフィクス（固定） */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.keyVisual {
  background-color: #001334;
  text-align: center;
  overflow: hidden;
}


/*side menu*/
#s_menu{
  /*width:220px;*/
  width:22.9%;
  font-size:14px;
}

#s_menu li:first-child{
  background: #265AAD;
  border-left:1px solid #1D6FA4;
  border-right:1px solid #1D6FA4;
  color: #FFFFFF;
  height: 50px;
  line-height: 50px;
  padding-left: 1em;
}

#s_menu ul li:last-child {
  border-bottom: 5px solid #C0CEE7;
  margin-bottom: 10px;
}


/* side menu 教授挨拶 */
#s_menu ul li.cat_title{
  padding-left: 0;
  border-bottom:0;
  margin-bottom: 10px;
  position: relative;
}

#s_menu ul li.cat_title a{
  padding-left: 1em;
  color: #FFFFFF;
}
#s_menu ul li.cat_title a:after {
  position: absolute;
  top:1.2em;
  right:0.5em;
  content: url(../images/icon_arrow_wh.png);
}

#s_menu ul li.cat_title a:hover{
  background: #0066CC;
}

#s_menu ul li {
  line-height: 50px;
  border-top:1px solid #C0CEE7;
  border-left:5px solid #C0CEE7;
  border-right:5px solid #C0CEE7;
  color:#333333;
  font-size:14px;
  display: block;
}

#s_menu ul li a{
  color: #333333;
  padding-left: 2.5em;
  line-height: 1.4;
  min-height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

#s_menu ul li:nth-of-type(n+2) a:before{
  position: absolute;
  top:1.2em;
  left:0.5em;
  content: url(../images/icon_arrow_bl.png);
}

#s_menu ul li a.on,
#s_menu ul li a:hover{
  background: #C0CEE7;
  text-decoration: none;
}


/* メニューここまで */

/* ここからmain部分 */


/* 右コンテンツ（一部適宜書き換え） */
#contents_r.top {
  float: right;
}


/* 新着情報（適宜書き換え） */
.newstitle {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(14,41,100,1) 0%,#0C2457 100%);
  line-height: 30px;
  border-radius: 6px 6px 0 0;
}

.newstitle > h2 {
  color: #FFFFFF;
  font-size: 110%;
  padding-left: 1em;
  line-height: 64px;
}
.newstitle > p > a{
  display: block;
}

#news {
  margin: 0 auto 10px;
  width:100%;
  text-align:left;
  float:left;
}

#news_flame {
  /*width: 698px;*/
  width: 100%;
  margin:0 auto;
  font-size: 13px;
  /*height:360px;*/
  height:270px;
  padding:5px 1.5%;
  box-sizing: border-box;
  border:#aaaaaa 1px solid;
  border-top: 0;
  overflow:auto;
}

#news_flame table{
  /*width:670px;*/
  width:98%;
  margin-top:0.5em;
}

#news_flame table th{
  padding:5px 0;
  width:6.5em;
  vertical-align:top;
  text-align:left;/* 入れた方が良い */
  font-weight:100;
}

#news_flame table td{
  padding:5px 0;
  vertical-align:top;
}


/* banner */
.top_banner a {
  display: block;
  width: 47.9%;
  float: left;
  margin-right: 4%;
  margin-top: 10px;
}

.top_banner a:nth-child(2n){
  margin-right: 0;
}

.top_banner a:nth-of-type(5) {
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
}

/* フッター（適宜書き換え） */
footer {
  clear: both;
  text-align: center;
  background-color:#0E2964;
  color: #FFFFFF;
  font-size: 12px;
  margin: 0 auto;
  width:100%;
}

footer address,footer address a:link {
  font-style: normal;
  padding: 20px 0;
  color: #333333;
}

.footer_inner {
  background: #F4F4F4;
}

footer > p {
  padding: 6px 0;
}

#breadcrumb li{
  color:#666666;
  font-size:12px;
  padding:15px 0 15px;
  display: inline-block;
}

#breadcrumb li{
  color:#666666;
  font-size:12px;
  padding:15px 0 15px;
  display: inline-block;
}

#breadcrumb a,
#breadcrumb li:link, #breadcrumb a:visited {
  color:#666666;
  text-decoration: none;
}

#breadcrumb li:hover {
  color:#666666;
  text-decoration:underline;
}

#breadcrumb li:last-child {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}


/* サブページ内（適宜書き換え） */
#main {
  /*width: 720px;*/
  width: 75%;
  position:relative;
  min-height:560px;
  min-height:460px;
  float: right;
  margin-bottom:30px;
}

#contents_r > h2 {
  /*width: 690px;*/
  width: 71.875%;
  border-top: 2px solid #454E9C;
  color: #454E9C;
  margin-bottom: 30px;
/*  padding:20px 10px;*/
  padding:2% 1%;
  font-size: 24px;
  background: #E6EBF5;
  padding-left: 20px;
  float: right;
  font-weight:bold;
}


/* サブページ大見出し（適宜書き換え） */
#main h3 {
  background:url(../images/bg_h3.png) repeat-x left bottom;
  font-size: 120%;
  font-weight: bold;
  padding: 5px 20px 7px 0;
  margin:2em 0 1.2em;
  color:#333333;
}


/* 一番最初にくる時はアキなしにする場合はここに書き足す */
#main h3:first-child, #main h4:first-child, #main h5:first-child, #main p:first-child, #main table tr td p:first-child, #main blockquote p:first-child {
  margin-top: 0;
}


/* 組み合わせでアキなしする場合はここに書き足す */
#main h3 + h4, #main h4 + h5, #main h3 + p ,#main h4 + p, #main h5 + p, {
  margin-top:0;
}

/* サブページ中見出し（適宜書き換え） */
#main h4 {
  clear: both;
  border-bottom: 1px dotted #B25757;
  margin: 1.5em 0 0.7em;
  padding-bottom: 3px;
  font-size: 110%;
  font-weight: bold;
  color: #B25757;
}

#main h4 a {
  color: #B25757;
}

#main h5 {
  background-color: #D7EAFF;
  margin: 1.5em 0 1em;
  padding: 0.4em 0.7em;
  font-size: 105%;
  font-weight: bold;
  color: #004999;
}

#main h6 {
  border: 1px solid #D9D9D9;
  background-color: #EEEEEE;
  margin: 1.5em 0 0.7em;
  padding: 5px 4px 3px;
  font-weight: bold;
}


/* サブページ段落（固定） */
#main p {
  margin-top: 1em;
}
#main p.zero {
  margin-top:0;
}
#main p.han {
  margin-top: 0.5em;
}

/* サブページリスト（基本は固定） */

#main ul {
  margin-left: 1em;
}

#main ul li {
  list-style: disc;
}
#main ul.photo {
  list-style-type: none;
/*  text-align:center;*/
  }
#main ul.photo li { 
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0 20px;
  margin-bottom:10px;
  text-align:center;
}
#main ul.sarco_photo {
  list-style-type: none;
  margin-left: 0;
  margin-top:1em;
}
#main ul.sarco_photo li { 
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0 10px 0 0;
  margin-bottom:10px;
  text-align:center;
}

#main ol {
  margin-left: 1.5em;
}

#main ol li {
  list-style: decimal;
  padding-bottom:0.5em;
}

#main ol li ol.s_alpha li {
  list-style:lower-alpha;
}

#main ol.roman {
  margin-left: 1.5em;
}

#main ol.roman li {
  list-style: upper-roman;
  padding-bottom:0.2em;
}

#main dl.num01 {
  margin-top:0.2em;
}

#main dl.num01 dt {
  float:left;
}

#main dl.num01 dd {
  padding-left:1.5em;;
}

#main div.btn_dl ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#main div.btn_dl ul {
  margin:1.5em 2em 2em;
}

#main div.btn_dl ul li {
  float:left;
  list-style:none;
  width:50%;
  text-align:center;
}

/* 只今準備中です。（固定） */
p.jyunbi {
  text-align: center;
  padding-top: 100px;
}

/* お知らせ一覧  */
table.info {
  width:100%;
}

table.info th{
  padding:5px 0;
  width:6.5em;
  vertical-align:top;
  text-align:left;/* 入れた方が良い */
  font-weight:100;
}

table.info td{
  padding:5px 0;
  vertical-align:top;
}

/* 挨拶（適宜書き換え） */
#main.greet p{
  line-height: 1.8;
  text-indent:1em;
}
#main.greet p.para{
  line-height: 1.4;
  text-indent:0;
}
#main.greet p.profile{
  font-size:120%;
  text-indent:0;
  margin-bottom:2em;
}
#main.greet p.photo {
  float:right;
  text-indent:0;
  margin: 0 0 2em 2em;
}

#main.greet p.photo img{
  border: 1px solid #CCCCCC;
  padding:2px;
}

/* テーブルで組む場合 */
table.greet_name {
  border: none;
}

table.greet_name td {
  text-align: left;
  vertical-align: bottom;
}

table.greet_name th {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  font-weight: normal;
  width:160px;
}


/* 開催概要（適宜書き換え） */
/*
table.hyou_info{
  border-collapse:collapse;
  width:100%;
}
table.hyou_info th{
  border-top:1px solid #a52a2a;
  border-bottom:1px solid #a52a2a;
  padding:1em 1.5em 1em 0.5em;
  vertical-align:top;
  white-space:nowrap;
  text-align:left;
  color:#555;
  width:10%;
}
table.hyou_info td{
  border-top:1px solid #a52a2a;
  border-bottom:1px solid #a52a2a;
  padding:1em 0 1em 0.5em;
  vertical-align:top;
  text-align:left;
}
*/

/* endai */

/* 別ページで開く------------------- */

/* 別ページで開くここまで------------------- */

/* kigyo */

/* 役員 */
#yakuin ul, #yakuin ul.rigi {
  margin:0;
  padding:0;
}

#yakuin ul li {
  display: inline-block;
  width: 130px;
}

#yakuin ul.rigi li {
  display: inline-block;
  width: 220px;
}

#main p.profile_photo {
  float:right;
  text-indent:0;
  margin: 0 0 2em 2em;
}

/* 研究内容 */
#main p.name {
  text-align:right;
  padding-bottom:0.5em;
}
#main p.name + h3 {
  margin-top:0;
}
#main p.profile_photo {
  margin-top:1em;
}
/* pagetop（一部適宜書き換え） */
.pagetop {
  display: none;/* 固定 */
  position: fixed;/* 固定 */
  bottom:40px;
  right:40px;
}
.pagetop a {
  display: block;/* 固定 */
  max-width:70px;
  height:70px;
}



/* テンプレート（適宜書き換え） */
table.hyou_aaa {
  width: 100%;
  margin-bottom: 1em;
}

table.hyou_aaa td {
  border: 1px solid #777777;
  background-color: #FFFFFF;
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
}

table.hyou_aaa th {
  border: 1px solid #777777;
  background-color: #EEEEEE;
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
  width: 20%;
}

table.hyou_aaa tr {
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
}

table.hyou_staff {
  width: 95%;
  margin-left: 1em;
  margin-bottom: 1em;
}

table.hyou_staff td {
  border: 1px solid #777777;
  background-color: #FFFFFF;
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
}

table.hyou_staff th {
  border: 1px solid #777777;
  background-color: #EEEEEE;
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
  width: 25%;
}

table.hyou_staff tr {
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
}

table.hyou_gyoseki {
  width: 100%;
  margin-left: 0em;
  margin-bottom: 1em;
}

table.hyou_gyoseki td {
  border: 0px solid #777777;
  background-color: #FFFFFF;
  padding: 0.25em;
  vertical-align: top;
  text-align: left;
}

table.hyou_gyoseki th {
  border: 0px solid #777777;
  /*background-color: #EEEEEE;*/
  padding: 0.25em;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
  width: 5%;
}

table.hyou_gyoseki tr {
  padding: 0.25em;
  vertical-align: top;
  text-align: left;
}

table.hyou_gyosekinen {
  width: 100%;
  margin-bottom: 0em;
}

table.hyou_gyosekinen td {
  border: 1px solid #777777;
  background-color: #FFFFFF;
  padding: 0.5em;
  vertical-align: top;
  text-align: center;
}

table.hyou_gyosekinen th {
  border: 1px solid #777777;
  background-color: #EEEEEE;
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
  width: 20%;
}

table.hyou_gyosekinen tr {
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
}


/* table line_none（固定） */
table.non {
  border: none;
}

table.non td {
  text-align: left;
  vertical-align: top;
}

table.non td.right {
  text-align: right;
}

table.non th {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  font-weight: normal;
}
table.katakakko {
  border: none;
}

table.katakakko td {
  text-align: left;
  vertical-align: top;
  padding-bottom:0.5em;
}

table.katakakko th {
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  font-weight: normal;
  padding-right:0.5em;
}


/* ※一字下げ（固定） */
.kome{
  padding-left:1em;
  text-indent:-1em;
}

dl.cyu_num dt {
  float: left;
}

dl.cyu_num dd {
  padding-left:2.5em;
}

/* * * *  max-width:768px以上 非表示  * * *  */
.pc_none {
  display: none;
}
.pc_none-320 {
  display: none;
}


/* 外部リンク */
a.external, span.external {
  background: url(../images/external.png) no-repeat right center;
  padding-right: 20px;
}

a[href$="pdf"]{
  padding-right: 40px;
}

a[href$="pdf"]:after {
  content: "";
  position: absolute;
  width: 35px;
  height: 20px;
}

a[href$="pdf"]:after {
  background: url(../images/icon_pdf.png) center center no-repeat;
}

.btn_dl a[href$="pdf"]:after {
  background:none;
}


/***********************************
* * * スマホ用 767px * * * 
***********************************/
@media screen and (max-width:767px){

.sp_none {
 display: none;
  }
.sp_none-320 {
  display: inline-block;
  }
.pc_none {
  display: inline-block;
  }
  
/* コンテンツ全体（適宜書き換え） */
header {
  border-top:none;
  overflow: scroll;
}
  
.header_inner {
  width: 100%;
  background: #FFFFFF;
  position: fixed;
  z-index: 99999;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 60px;
}
header h1 {
  background:none;
  max-width: 100%;
  position:relative;
  z-index:999;
}
header > h1 > a{
  position: relative;
  z-index: 99999999;
  display: block;
  height: 60px;
}
header h1 img {
  transform:scale(0.8);
  transform-origin: center left;
  margin-top: 5px;
}
header h1#top > a {
  display:block;
  position:relative;
  z-index:999;
}
.head_link {
  display: none;
}
nav {
  box-shadow: none;
}
  ul.slimmenu.menu-level-1 > li {
  background: #FFFFFF;
/*  height: 60px;*/
  line-height: 60px;
  }


/* コンテンツ（適宜書き換え） */
main#contents {
  width: 100%;
}

/** top イメージ画像　リサイズ **/
.keyVisual.top > picture >img {
  margin-top: 65px;
  transform: none;
}
/** sub イメージ画像　リサイズ **/
.keyVisual img {
  margin-top: 90px;
  margin-bottom: 20px;
  transform: scale(1.8,1.8);
}


/*side menu*/
#s_menu.s_menu_none{
  display:none;
}

#s_menu {
  width: 95%;
  margin: 0 auto;
}

#s_menu ul{
  border:0;
  width: 100%;
  margin-left:1%;
}

#s_menu li:first-child{
  display: none;
}

#s_menu li:first-child a{
  display: block;
  color: #FFFFFF;
}

#s_menu ul li:last-child {
  border-bottom: 0;
}

#s_menu ul li:nth-of-type(n+2) a::before {
  content: normal;
}
  
#s_menu ul li {
  line-height: 50px;
  border-top:0;
  border-left:0;
  border-right:0;
    float: left;
    width: 50%;
}
#s_menu ul li a{
  border-top: 0;
  border-left: 0;
  border: 1px solid #BBBBBB;
  display: flex;
  color: #333333;
  text-align: center;
  font-size: 13px;
  padding: 0.5em 0.2em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  height: 50px;
  justify-content: center;
  align-items: center;
}
  
#s_menu ul li:nth-of-child(even) {
    margin-right: 0;
  }
  
#s_menu ul li a:before {
  position: absolute;
  content:'';
}
  
#s_menu ul li a.on,
#s_menu ul li a:hover{
  background: #BBD4E4;
  text-decoration: none;
}


/* メニューここまで */

/* ここからmain部分 */

/* 左コンテンツ */
#contents_l {
  float: none;
  width: 90%;
  margin: 0 auto;
}


/* 右コンテンツ（一部適宜書き換え） */
#contents_r.top {
  float: none;
}


/* 新着情報（適宜書き換え） */
.newstitle {
  width: 100%;
  margin-top: -20px;
}
  
.newstitle > h2 {
  color: #FFFFFF;
  font-size: 110%;
  padding-left: 1em;
}
  
.newstitle > p > a{
  display: block;
}
  
#news {
  width:100%;
  float:none;
}
#news_flame {
  width: 100%;
  margin:0 auto;
  height:220px;
  box-sizing: border-box;
}
#news_flame table{
  width:100%;
}
#news_flame table th {
  display: block;
  padding-bottom:0;
}
#news_flame table td {
  display: block;
  padding-bottom: 1em;
}


/* banner */
.top_banner a {
  width: 100%;
  float: none;
  margin-right: 0;
  margin-top: 20px;
}


/* フッター */
footer {
  width:100%;
}

.footer_inner {
  width: 100%;
}

footer address {
  text-align: left;
  margin-left: 1em;
}


/* pagetop */
.pagetop {
  bottom:7px;
  right:7px;
}
.pagetop {
  transform: scale(0.7);
}
  
#breadcrumb li{
  display: none;
}


/* サブページ内（適宜書き換え） */
#main {
  width: 95%;
  margin: 0 auto;
  padding:0 0 20px;
  position:relative;
  min-height:230px;
  min-height:300px;
  float: none;
  
}
  
#contents_r {
  padding-top:5px;
}

#contents_r > h2 {
  width: 90%;
  margin: 30px auto 30px;
  margin: 30px auto 20px;
  text-align:center;
  float: none;
  padding-left: 10px;
  padding-right: 10px;
  font-size:20px;
}

#contents_r > h2.nyuukai{
  margin: 15px auto;
}


/* サブページ大見出し（適宜書き換え） */
#main h3 {
  font-size: 130%;
  margin:1.5em 0 1em;
}


/* 一番最初にくる時はアキなしにする場合はここに書き足す */
#main h3:first-child, #main h4:first-child, #main h5:first-child, #main p:first-child, #main table tr td p:first-child, #main blockquote p:first-child {
  margin-top: 0;
}


/* 組み合わせでアキなしする場合はここに書き足す */
#main h3 + h4, #main h4 + h5, #main h3 + p ,#main h4 + p, #main h5 + p {
  margin-top:0;
}


/* サブページ中見出し（適宜書き換え） */
#main h4 {
  clear: both;
  border-bottom: 1px dotted #B25757;
  margin: 1.5em 0 0.7em;
  padding-bottom: 3px;
  font-size: 110%;
  font-weight: bold;
  color: #B25757;
}

#main h4 a {
  color: #B25757;
}
#main h5 {
  background-color: #D7EAFF;
  margin: 1.5em 0 1em;
  padding: 0.4em 0.7em;
  font-size: 105%;
  font-weight: bold;
  color: #004999;
}

#main h6 {
  border: 1px solid #D9D9D9;
  background-color: #EEEEEE;
  margin: 1.5em 0 0.5em;
  padding: 5px 4px 3px;
  font-weight: bold;
}

/* お知らせ一覧 */
table.info th {
  display: block;
  padding-bottom:0;
}
table.info td {
  display: block;
  padding-bottom: 1em;
}

/* 挨拶（適宜書き換え） */
#main.greet p.profile{
  font-size:100%;
  text-indent:0;
  margin-bottom:0.5em;
  text-align:right;
  text-align:center;
}

#main.greet p.photo {
  float:none;
  text-indent:0;
  text-align:center;
  margin: 0 0 1em 0;
}

#main.greet p.photo img{
  border: 1px solid #CCCCCC;
  padding:2px;
}
/* profile、photoの入れ替え */
.profile_wrap {
  display:flex;
  flex-direction:column;
}
.profile {
  order: 2;
}
.photo {
  order: 1;
}


/* 役員 */
#yakuin ul, #yakuin ul.rigi {
  margin:0;
  padding:0;
}

#yakuin ul li {
  display: inline-block;
  width: 140px;
}
#yakuin ul.rigi li {
  display: inline-block;
  width: 250px;
}
#main p.profile_photo {
  margin: 0 0 2em 0;
  float:none;
  text-align:center;
}
#main ul.sarco_photo li { 
  text-align:left;
}
/* 研究内容 */
#main p.name {
  padding-bottom:0;
}
#main p.name + h3 {
  margin-top:0.5em;
}
#main p.profile_photo {
  margin-top:1em;
}
}

/***********************************
* * * スマホ用 320px * * * 
***********************************/
@media screen and (max-width:320px){
  
  
/** top イメージ画像　リサイズ **/
.keyVisual.top > picture >img {
  margin-top: 65px;
  transform: none;
}  
/** sub イメージ画像　リサイズ **/
.keyVisual img {
  margin-top: 80px;
  margin-bottom: 15px;
  transform: scale(1.8,1.8);
}
header h1 img {
  margin-top: 5px;
}
.pc_none-320 {
  display: inline-block;
}
.sp_none-320 {
 display: none;
  }

}