@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*----------------------------
Base
------------------------------*/
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.wrapper {
  font-family: source-han-sans-japanese, sans-serif;
  background-position: center;
  height: 100%;
  font-size: 1.0rem;
  font-family: 'Noto Sans JP',"Hiragino Sans","ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif, "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto;
}
.wrapper a {
  text-decoration: none;
  cursor: pointer;
}
.wrapper div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper h2 {
  font-size: 22px;
  font-weight: bold;
  color: #333333;
}
.wrapper h3 {
  font-size: 16px;
  font-weight: bold;
}

header .top-header__inner .left-sec, header .top-header__inner .rigeht-sec, header .top-header__inner a.h1, header .top-header__inner .rigeht-sec__group--02 .en-btn, header .top-header__inner .rigeht-sec__group--02 .fontsize-change, header .bottom-header ul, header .bottom-header ul > li.searchBox ul.search__form li.menu--search, header .bottom-header ul > li.searchBox ul.search__form li.menu--search #srchInput, header .bottom-header ul > li.searchBox ul.search__form li.menu--search #search_btn, .main, .l-container, .r-container, .news-inner, .news-inner__top-sec, .news-inner__news-sec, .news-inner__news-sec li, .toc-inner, .toc-inner__sec, .toc-inner__sec dd, .toc-inner__sec dd ul, .pamphlet-inner, .pamphlet-inner a, .map-inner, .accsess-inner, .related-link-inner, footer .top-footer__inner, footer .top-footer__inner__right .top-inner, footer .top-footer__inner__right .top-inner .category-menu, footer .bottom-footer, .lead-area, .lead-area .lead-inner, .unit-01, .unit-02, .unit-03, .unit__inner, .introduction-sec, .introduction-sec__thumb, .introduction-sec__txt-inner, .introduction-sec__pdfbtn, .greeting-sec, .greeting-sec__inner, .table-inner, .inquiry-inner, .local-menu {
  *zoom: 1;
}
header .top-header__inner .left-sec:before, header .top-header__inner .rigeht-sec:before, header .top-header__inner a.h1:before, header .top-header__inner .rigeht-sec__group--02 .en-btn:before, header .top-header__inner .rigeht-sec__group--02 .fontsize-change:before, header .bottom-header ul:before, header .bottom-header ul > li.searchBox ul.search__form li.menu--search:before, header .bottom-header ul > li.searchBox ul.search__form li.menu--search #srchInput:before, header .bottom-header ul > li.searchBox ul.search__form li.menu--search #search_btn:before, .main:before, .l-container:before, .r-container:before, .news-inner:before, .news-inner__top-sec:before, .news-inner__news-sec:before, .news-inner__news-sec li:before, .toc-inner:before, .toc-inner__sec:before, .toc-inner__sec dd:before, .toc-inner__sec dd ul:before, .pamphlet-inner:before, .pamphlet-inner a:before, .map-inner:before, .accsess-inner:before, .related-link-inner:before, footer .top-footer__inner:before, footer .top-footer__inner__right .top-inner:before, footer .top-footer__inner__right .top-inner .category-menu:before, footer .bottom-footer:before, .lead-area:before, .lead-area .lead-inner:before, .unit-01:before, .unit-02:before, .unit-03:before, .unit__inner:before, .introduction-sec:before, .introduction-sec__thumb:before, .introduction-sec__txt-inner:before, .introduction-sec__pdfbtn:before, .greeting-sec:before, .greeting-sec__inner:before, .table-inner:before, .inquiry-inner:before, .local-menu:before, header .top-header__inner .left-sec:after, header .top-header__inner .rigeht-sec:after, header .top-header__inner a.h1:after, header .top-header__inner .rigeht-sec__group--02 .en-btn:after, header .top-header__inner .rigeht-sec__group--02 .fontsize-change:after, header .bottom-header ul:after, header .bottom-header ul > li.searchBox ul.search__form li.menu--search:after, header .bottom-header ul > li.searchBox ul.search__form li.menu--search #srchInput:after, header .bottom-header ul > li.searchBox ul.search__form li.menu--search #search_btn:after, .main:after, .l-container:after, .r-container:after, .news-inner:after, .news-inner__top-sec:after, .news-inner__news-sec:after, .news-inner__news-sec li:after, .toc-inner:after, .toc-inner__sec:after, .toc-inner__sec dd:after, .toc-inner__sec dd ul:after, .pamphlet-inner:after, .pamphlet-inner a:after, .map-inner:after, .accsess-inner:after, .related-link-inner:after, footer .top-footer__inner:after, footer .top-footer__inner__right .top-inner:after, footer .top-footer__inner__right .top-inner .category-menu:after, footer .bottom-footer:after, .lead-area:after, .lead-area .lead-inner:after, .unit-01:after, .unit-02:after, .unit-03:after, .unit__inner:after, .introduction-sec:after, .introduction-sec__thumb:after, .introduction-sec__txt-inner:after, .introduction-sec__pdfbtn:after, .greeting-sec:after, .greeting-sec__inner:after, .table-inner:after, .inquiry-inner:after, .local-menu:after {
  content: " ";
  display: table;
}
header .top-header__inner .left-sec:after, header .top-header__inner .rigeht-sec:after, header .top-header__inner a.h1:after, header .top-header__inner .rigeht-sec__group--02 .en-btn:after, header .top-header__inner .rigeht-sec__group--02 .fontsize-change:after, header .bottom-header ul:after, header .bottom-header ul > li.searchBox ul.search__form li.menu--search:after, header .bottom-header ul > li.searchBox ul.search__form li.menu--search #srchInput:after, header .bottom-header ul > li.searchBox ul.search__form li.menu--search #search_btn:after, .main:after, .l-container:after, .r-container:after, .news-inner:after, .news-inner__top-sec:after, .news-inner__news-sec:after, .news-inner__news-sec li:after, .toc-inner:after, .toc-inner__sec:after, .toc-inner__sec dd:after, .toc-inner__sec dd ul:after, .pamphlet-inner:after, .pamphlet-inner a:after, .map-inner:after, .accsess-inner:after, .related-link-inner:after, footer .top-footer__inner:after, footer .top-footer__inner__right .top-inner:after, footer .top-footer__inner__right .top-inner .category-menu:after, footer .bottom-footer:after, .lead-area:after, .lead-area .lead-inner:after, .unit-01:after, .unit-02:after, .unit-03:after, .unit__inner:after, .introduction-sec:after, .introduction-sec__thumb:after, .introduction-sec__txt-inner:after, .introduction-sec__pdfbtn:after, .greeting-sec:after, .greeting-sec__inner:after, .table-inner:after, .inquiry-inner:after, .local-menu:after {
  clear: both;
}

header .top-header__inner, header .bottom-header, header .bottom-header ul, .main, .pamphlet-inner a, .pamphlet-inner a img, footer .top-footer__inner, footer .bottom-footer__inner, .inquiry-inner__btn, .inquiry-inner__btn a {
  margin-left: auto;
  margin-right: auto;
}

span.bold {
  font-weight: bold;
}

span.arrow {
  margin-right: 5px;
}

span.triangle {
  font-size: 11px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mt90 {
  margin-top: 90px;
}

.mt95 {
  margin-top: 95px;
}

.mt100 {
  margin-top: 100px;
}

.mt105 {
  margin-top: 105px;
}

.mt110 {
  margin-top: 110px;
}

.mt115 {
  margin-top: 115px;
}

.mt120 {
  margin-top: 120px;
}

.mt125 {
  margin-top: 125px;
}

.mt130 {
  margin-top: 130px;
}

.mt135 {
  margin-top: 135px;
}

.mt140 {
  margin-top: 140px;
}

.mt145 {
  margin-top: 145px;
}

.mt150 {
  margin-top: 150px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb95 {
  margin-bottom: 95px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb105 {
  margin-bottom: 105px;
}

.mb110 {
  margin-bottom: 110px;
}

.mb115 {
  margin-bottom: 115px;
}

.mb120 {
  margin-bottom: 120px;
}

.mb125 {
  margin-bottom: 125px;
}

.mb130 {
  margin-bottom: 130px;
}

.mb135 {
  margin-bottom: 135px;
}

.mb140 {
  margin-bottom: 140px;
}

.mb145 {
  margin-bottom: 145px;
}

.mb150 {
  margin-bottom: 150px;
}

/*----------------------------
header
------------------------------*/
header {
  width: 100%;
  z-index: 10;
}
header .top-header {
  width: 100%;
  height: 106px;
  padding-top: 18px;
  border-bottom: 1px solid #e6e6e6;
  z-index: 10;
}
header .top-header__inner {
  width: 1040px;
  padding-left: 20px;
  padding-right: 20px;
}
header .top-header__inner .left-sec {
  float: left;
}
header .top-header__inner .rigeht-sec {
  width: 250px;
  height: 76px;
  float: right;
}
header .top-header__inner a.h1 {
  display: block;
}
header .top-header__inner h1 .logo-img {
  float: left;
  height: 80px;
  margin-top: 7px;
  margin-right: 25px;
}
header .top-header__inner h1 .logo-img img {
  height: 80%;
}
header .top-header__inner h1 .logo-txt {
  float: left;
}
header .top-header__inner h1 .logo-txt .txt-j {
  font-size: 24px;
  font-weight: bold;
  color: #072856;
  margin-top: 27px;
}
header .top-header__inner h1 .logo-txt .txt-en {
  font-size: 10px;
  font-weight: bold;
  color: #072856;
  margin-top: 5px;
}
header .top-header__inner .rigeht-sec__group--01 {
  width: 120px;
  height: 76px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding-left: 20px;
  float: left;
}
header .top-header__inner .rigeht-sec__group--01 ul li {
  font-size: 12px;
  margin-bottom: 8px;
  color: #666666;
  letter-spacing: -1px;
}
header .top-header__inner .rigeht-sec__group--01 ul li:before {
  content: "\003e ";
  margin-right: 5px;
}
header .top-header__inner .rigeht-sec__group--01 ul li:last-child {
  margin-bottom: 0;
}
header .top-header__inner .rigeht-sec__group--01 ul li a {
  color: #666666;
}
header .top-header__inner .rigeht-sec__group--01 ul li a:hover {
  color: #999;
  border-bottom: 1px solid #999;
}
header .top-header__inner .rigeht-sec__group--02 {
  width: 130px;
  height: 76px;
  border-right: 1px solid #e6e6e6;
  padding-left: 18px;
  padding-right: 18px;
  float: left;
}
header .top-header__inner .rigeht-sec__group--02 .en-btn {
  margin-left: 2px;
}
header .top-header__inner .rigeht-sec__group--02 .en-btn a {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 90px;
  height: 17px;
  background-color: #072856;
  color: #fff;
  font-size: 10px;
  text-align: center;
  line-height: 17px;
}
header .top-header__inner .rigeht-sec__group--02 .en-btn a:hover {
  background-color: #2f456d;
}
header .top-header__inner .rigeht-sec__group--02 .fontsize-change {
  padding-top: 15px;
}
header .top-header__inner .rigeht-sec__group--02 .fontsize-change .txt {
  font-size: 11px;
  color: #666666;
  text-align: center;
  margin-bottom: 3px;
}
header .top-header__inner .rigeht-sec__group--02 .fontsize-change ul li {
  float: left;
  margin-right: 3px;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #d5d5d5;
  color: #072856;
  font-weight: bold;
  text-align: center;
  font-size: 13px;
}
header .top-header__inner .rigeht-sec__group--02 .fontsize-change ul li.active {
  background-color: #072856;
  color: #fff;
}
header .top-header__inner .rigeht-sec__group--02 .fontsize-change ul li:last-child {
  margin-right: 0;
}
header .top-header__inner .rigeht-sec__group--02 .fontsize-change ul li:hover {
  cursor: pointer;
  background-color: #eeeeee;
}
/*
header .top-header__inner .rigeht-sec__group--03 {
  width: 163px;
  height: 76px;
  margin-left: 17px;
  margin-top: 8px;
  float: left;
}
header .top-header__inner .rigeht-sec__group--03 img {
  width: 85%;
}
*/
header .bottom-header {
  height: 65px;
  position: absolute;
  background-color: #fff;
  right: 0;
  left: 0;
  border-bottom: 1px solid #e6e6e6;
  z-index: 10;
}
header .bottom-header.fixed {
  position: fixed;
  top: 0;
}
header .bottom-header.fixed ul > li.bottom-header__ul__logo {
  visibility: visible;
  display: block;
  opacity: 1;
}
header .bottom-header ul.bottom-header__ul {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1000px;
  padding-left: 95px;
}
header .bottom-header ul > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  line-height: 64px;
  position: relative;
}
header .bottom-header ul > li > a {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 35px;
  padding-right: 35px;
  font-size: 15px;
  color: #072856;
  font-weight: bold;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
}
header .bottom-header ul > li > a:after {
  position: absolute;
  bottom: 0;
  left: 15%;
  content: '';
  width: 0;
  top: 50px;
  height: 1px;
  background-color: #999;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: .3s;
}
header .bottom-header ul > li > a:hover {
  color: #999;
}
header .bottom-header ul > li > a:hover:after {
  width: 70%;
}
header .bottom-header ul > li:last-child {
  margin-right: 0;
}
header .bottom-header ul > li.bottom-header__ul__logo {
  display: none;
  visibility: hidden;
  left: -25px;
  opacity: 0;
}
header .bottom-header ul > li.bottom-header__ul__logo a {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}
header .bottom-header ul > li.bottom-header__ul__logo a img {
  width: 30px;
  padding-top: 19px;
}
header .bottom-header ul > li.bottom-header__ul__logo a:hover:after {
  content: " ";
  display: none;
}
header .bottom-header ul > li ul.menu__second-level {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  visibility: hidden;
  opacity: 0;
}
header .bottom-header ul > li ul.menu__second-level.study {
  width: 244px;
  left: -35%;
}
header .bottom-header ul > li ul.menu__second-level > li {
  width: 100%;
  line-height: 20px;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 10px;
  padding-bottom: 10px;
}
header .bottom-header ul > li ul.menu__second-level > li a {
  font-size: 12px;
}
header .bottom-header ul > li ul.menu__second-level > li a:after {
  content: " ";
  display: none;
}
header .bottom-header ul > li:hover .menu__second-level {
  top: 64px;
  visibility: visible;
  opacity: 1;
}
header .bottom-header ul > li.searchBox {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}
header .bottom-header ul > li.searchBox ul.search__form {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 400px;
  position: absolute;
  font-size: 15px;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 10px;
  visibility: hidden;
  opacity: 0;
}
header .bottom-header ul > li.searchBox ul.search__form li.menu--search {
  margin-right: 0;
}
header .bottom-header ul > li.searchBox ul.search__form li.menu--search #srchInput {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 0;
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  width: 292px;
  height: 40px;
  padding-left: 6px;
  border: 1px solid #cdcdcd;
  float: left;
  margin-right: 6px;
}
header .bottom-header ul > li.searchBox ul.search__form li.menu--search #search_btn {
  display: block;
  width: 80px;
  height: 40px;
  font-size: 15px;
  background-color: #072856;
  float: left;
  color: #fff;
  letter-spacing: 4px;
}
header .bottom-header ul > li.searchBox:hover .search__form {
  top: 64px;
  visibility: visible;
  opacity: 1;
}

/*----------------------------
mainvisual
------------------------------*/
.mainvisual {
  width: 100%;
  min-width: 1000px;
  height: 310px;
  margin-top: 65px;
  background-image: url(../images/mainvisual-back.png);
  background-repeat: repeat-x;
  margin-bottom: 70px;
  text-align: center;
}
.mainvisual img {
  width: 100%;
  max-width: 1000px;
}

.title-mv {
  width: 100%;
  min-width: 1000px;
  background-image: url(../images/mainvisual-back.png);
  background-repeat: repeat-x;
  margin-bottom: 70px;
  height: 160px;
  text-align: center;
  margin-top: 65px;
}
.title-mv img {
  text-align: center;
  width: 100%;
  max-width: 1000px;
}

/*----------------------------
main
------------------------------*/
.main {
  width: 1040px;
  margin-bottom: 80px;
  padding-right: 20px;
  padding-left: 20px;
}

.l-container {
  width: 700px;
  float: left;
  margin-right: 60px;
}

.r-container {
  width: 240px;
  float: left;
}

/*----------------------------
right container
news インフォメーション
------------------------------*/
.news-inner {
  margin-bottom: 92px;
}
.news-inner__top-sec {
  margin-bottom: 28px;
}
.news-inner__top-sec h2 {
  float: left;
}
.news-inner__top-sec a {
  float: right;
  font-size: 12px;
  color: #666666;
  padding-top: 6px;
}
.news-inner__top-sec a:hover {
  color: #999;
  border-bottom: 1px solid #999;
}
.news-inner__news-sec {
  border-top: 1px solid #e6e6e6;
}
.news-inner__news-sec li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding-top: 19px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e6e6e6;
}
.news-inner__news-sec li .tag-area {
  margin-right: 20px;
  float: left;
}
.news-inner__news-sec li .tag-area p {
  display: block;
  width: 140px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
}
.news-inner__news-sec li .tag-area p.topix {
  background-color: #072856;
}
.news-inner__news-sec li .tag-area p.event {
  background-color: #1a95d7;
}
.news-inner__news-sec li .tag-area p.public-offering {
  background-color: #c92f35;
}
.news-inner__news-sec li .txt-area {
  width: 540px;
  float: left;
}
.news-inner__news-sec li .txt-area p.txt {
  line-height: 1.8em;
  color: #333333;
}
.news-inner__news-sec li .txt-area p.txt a {
  color: #072856;
}
.news-inner__news-sec li .txt-area p.txt a:hover {
  color: #666666;
  border-bottom: 1px solid #666666;
}

/*----------------------------
table of contents 生体医歯工学融合の多彩な研究領域
------------------------------*/
.toc-inner h2 {
  margin-bottom: 40px;
  letter-spacing: inherit;
}
.toc-inner__sec {
  display: block;
  -moz-box-sizing: boder-box;
  -webkit-box-sizing: boder-box;
  box-sizing: boder-box;
}
.toc-inner__sec dt.toc-ttl--01 {
  color: #a72c3a;
}
.toc-inner__sec dt.toc-ttl--02 {
  color: #01b9b5;
}
.toc-inner__sec dt.toc-ttl--03 {
  color: #274181;
}
.toc-inner__sec dt.toc-ttl--04 {
  color: #80691f;
}
.toc-inner__sec dt.toc-ttl h3 {
  margin-bottom: 20px;
}
.toc-inner__sec dt.toc-ttl h3:before {
  content: "\0025a0";
}
.toc-inner__sec dd {
  margin-bottom: 32px;
}
.toc-inner__sec dd ul li {
  float: left;
  margin-right: 20px;
  width: 160px;
}
.toc-inner__sec dd ul li img {
  width: 100%;
}
.toc-inner__sec dd ul li:last-child {
  margin-right: 0;
}
.toc-inner__sec dd ul li a {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.toc-inner__sec dd ul li a:hover img {
  opacity: 0.7;
}
.toc-inner__sec dd:last-child {
  margin-bottom: 0;
}

/*----------------------------
right container
パンフレット
------------------------------*/
.pamphlet-inner {
  background-color: #e6e6e6;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding-top: 38px;
  padding-bottom: 38px;
}
.pamphlet-inner a {
  width: 85%;
  display: block;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pamphlet-inner a img {
  text-align: center;
  -moz-box-shadow: 0 10px 23px -4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 10px 23px -4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 23px -4px rgba(0, 0, 0, 0.3);
}
.pamphlet-inner a p.txt {
  line-height: 1.8em;
  color: #072856;
  text-align: center;
  margin-top: 20px;
}
.pamphlet-inner a:hover img {
  opacity: 0.7;
}
.pamphlet-inner a:hover p.txt > span {
  color: #999;
  border-bottom: 1px solid #999;
}

/*----------------------------
キャンパスマップ
------------------------------*/
.map-inner {
  padding-top: 18px;
}
.map-inner:hover img {
  opacity: 0.7;
}
.map-inner a {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.map-inner a img {
  width: 100%;
}
.map-inner a:hover img {
  opacity: 0.7;
}

.accsess-inner {
  padding-top: 18px;
}
.accsess-inner:hover img {
  opacity: 0.7;
}
.accsess-inner.first {
  padding-top: 0px;
}
.accsess-inner a {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.accsess-inner a img {
  width: 100%;
}
.accsess-inner a:hover img {
  opacity: 0.7;
}

/*----------------------------
関連リンク
------------------------------*/
.related-link-inner {
  border-top: 1px solid #e6e6e6;
  margin-top: 20px;
  padding-top: 20px;
}
.related-link-inner h2 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}
.related-link-inner .rl-list {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
.related-link-inner .rl-list li {
  display: block;
  margin-bottom: 20px;
}
.related-link-inner .rl-list li:last-child {
  margin-bottom: 0;
}
.related-link-inner .rl-list li a {
  width: 240px;
  height: 70px;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  color: #072856;
  font-size: 13px;
  border: 1px solid #072856;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
  border-radius: 35px;
  background-color: #f3f5f7;
}
.related-link-inner .rl-list li a.lh1 {
  line-height: 70px;
}
.related-link-inner .rl-list li a.lh2 {
  line-height: 1.4;
  padding-top: 15px;
}
.related-link-inner .rl-list li a.lh3 {
  line-height: 1.4;
  padding-top: 6px;
}
.related-link-inner .rl-list li a:hover {
  color: #999;
  background-color: #f6f9fc;
  border: 1px solid #5b74a1;
}

/*----------------------------
footer
------------------------------*/
footer .top-footer {
  padding-top: 40px;
  padding-bottom: 45px;
  width: 100%;
  height: 300px;
  background-color: #203e67;
}
footer .top-footer__inner {
  width: 1040px;
  padding-left: 20px;
  padding-right: 20px;
}
footer .top-footer__inner__left {
  width: 260px;
  height: 260px;
  float: left;
}
footer .top-footer__inner__left .title {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
}
footer .top-footer__inner__left .title span.small {
  font-size: 11px;
}
footer .top-footer__inner__left .add {
  width: 180px;
  margin-top: 33px;
  color: #fff;
  font-size: 11px;
  line-height: 1.8em;
}
footer .top-footer__inner__right {
  width: 740px;
  height: 260px;
  float: left;
}
footer .top-footer__inner__right .top-inner .category-menu {
  display: block;
}
footer .top-footer__inner__right .top-inner .category-menu > li {
  width: 190px;
  display: block;
  float: left;
}
footer .top-footer__inner__right .top-inner .category-menu > li.category-01 {
  width: 165px;
}
footer .top-footer__inner__right .top-inner .category-menu > li.category-02 {
  width: 222px;
}
footer .top-footer__inner__right .top-inner .category-menu > li.category-03 {
  width: 183px;
}
footer .top-footer__inner__right .top-inner .category-menu > li.category-04 {
  width: 170px;
}
footer .top-footer__inner__right .top-inner .category-menu > li h3.category-menu--title {
  margin-bottom: 16px;
}
footer .top-footer__inner__right .top-inner .category-menu > li h3.category-menu--title a {
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
footer .top-footer__inner__right .top-inner .category-menu > li h3.category-menu--title a:hover {
  color: #999;
  border-bottom: 1px solid #999;
}
footer .top-footer__inner__right .top-inner .category-menu > li ul li {
  color: #fff;
  margin-bottom: 9px;
}
footer .top-footer__inner__right .top-inner .category-menu > li ul li a {
  font-size: 13px;
  color: #fff;
}
footer .top-footer__inner__right .top-inner .category-menu > li ul li a:hover {
  color: #999;
  border-bottom: 1px solid #999;
}
footer .top-footer__inner__right .top-inner .category-menu > li ul li:before {
  content: "\003e";
  margin-right: 5px;
}
footer .top-footer__inner__right .top-inner .category-menu > li ul li:last-child {
  margin-bottom: 0;
}
footer .top-footer__inner__right .bottom-inner {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #e6e6e6;
}
footer .top-footer__inner__right .bottom-inner .sab-menu li {
  float: left;
  color: #fff;
  margin-right: 26px;
}
footer .top-footer__inner__right .bottom-inner .sab-menu li a {
  color: #fff;
  font-size: 13px;
}
footer .top-footer__inner__right .bottom-inner .sab-menu li a:hover {
  color: #999;
  border-bottom: 1px solid #999;
}
footer .top-footer__inner__right .bottom-inner .sab-menu li:last-child {
  margin-right: 0;
}
footer .top-footer__inner__right .bottom-inner .sab-menu li:before {
  content: "\003e";
  margin-right: 5px;
}
footer .bottom-footer {
  width: 100%;
  height: 40px;
  background-color: #395378;
}
footer .bottom-footer__inner {
  width: 1040px;
  padding-left: 20px;
  padding-right: 20px;
}
footer .bottom-footer__inner p.copy {
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 40px;
}

/*----------------------------
unit
------------------------------*/
.wrapper h2.heading {
  font-size: 28px;
  letter-spacing: inherit;
  margin-bottom: 60px;
}
.wrapper h2.heading:after {
  content: " ";
  display: block;
  width: 70px;
  margin-top: 20px;
  border-bottom: 1px solid #072856;
}
.wrapper h3.title {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 700px;
  padding-left: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-weight: normal;
  background-color: #365076;
  color: #fff;
  margin-bottom: 20px;
}
.wrapper h3.title.info {
  width: 100%;
}
.wrapper h4.title-lead {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 32px;
}
.wrapper h4.title-lead.gr {
  color: #214c48;
}
.wrapper h4.title-lead.br {
  color: #7c3a22;
}
.wrapper h4.title-lead.lbl {
  color: #2f456d;
}
.wrapper h4.title-lead.ye {
  color: #80691f;
}

.lead-area {
  width: 700px;
}
.lead-area .lead-inner {
  float: left;
}
.lead-area .lead-inner-01 {
  width: 310px;
}
.lead-area .lead-inner-02 .img {
  width: 174px;
  height: 127px;
  float: left;
  margin-right: 10px;
}
.lead-area .lead-inner-02 .img:last-child {
  margin-right: 0;
}
.lead-area .lead-inner-03 {
  width: 434px;
  text-align: justify;
  line-height: 1.8em;
  margin-right: 44px;
  float: left;
  color: #333333;
}
.lead-area .lead-inner-04 {
  width: 224px;
}
.lead-area .lead-inner-05 {
  width: 700px;
  text-align: justify;
  color: #333333;
  line-height: 1.8em;
}
.lead-area .lead-inner.l {
  margin-right: 32px;
}
.lead-area .lead-inner p.txt {
  width: 100%;
  text-align: justify;
  color: #333333;
  line-height: 1.8em;
}

/*----------------------------
unit フォーマット
------------------------------*/
.border-b {
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}

.unit-01 {
  width: 700px;
}

.unit-02 .unit__inner {
  width: 330px;
  margin-right: 40px;
}
.unit-02 .unit__inner:last-child {
  margin-right: 0;
}

.unit-03 {
  width: 700px;
}
.unit-03 .unit__inner {
  float: left;
  margin-right: 20px;
}
.unit-03 .unit__inner:last-child {
  margin-right: 0;
}
.unit-03 .unit__inner.l {
  width: 446px;
}
.unit-03 .unit__inner.r {
  width: 200px;
}

.unit__inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  /*----------------------------
  別タブリンク
  ------------------------------*/
}
.unit__inner.info {
  width: 700px;
  border: 2px solid #e6e6e6;
  padding: 30px;
}
.unit__inner p.txt {
  line-height: 1.8em;
  color: #333333;
}
.unit__inner p.txt a {
  color: #386bb5;
}
.unit__inner p.txt a:hover {
  color: #999;
  border-bottom: 1px solid #999;
}
.unit__inner p.txt.organization img {
  width: 100%;
}
.unit__inner ul li {
  margin-bottom: 10px;
  line-height: 1.8em;
  color: #333333;
  margin-left: 18px;
}
.unit__inner ul li a {
  color: #072856;
}
.unit__inner ul li a:hover {
  cursor: pointer;
  color: #999;
  border-bottom: 1px solid #999;
}
.unit__inner .department-title {
  margin-bottom: 5px;
}
.unit__inner__txt {
  color: #333333;
  line-height: 1.8em;
}
.unit__inner__txt.department {
  font-size: 13px;
  margin-bottom: 4px;
}
.unit__inner__link {
  width: 700px;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 28px;
  padding-right: 28px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #f0f0f0;
  margin-top: 14px;
  margin-bottom: 14px;
}
.unit__inner__link ul > li {
  margin-bottom: 13px;
}
.unit__inner__link ul > li a {
  color: #203d67;
}
.unit__inner__link ul > li a:after {
  content: " ";
  display: inline-block;
  width: 12px;
  height: 11px;
  margin-left: 5px;
  background-image: url(../images/t-b.png);
}
.unit__inner__link ul > li a:hover {
  color: #999;
  border-bottom: 1px solid #999;
}
.unit__inner__link ul > li:last-child {
  margin-bottom: 0;
}

ul.info-list li {
  margin-bottom: 20px;
}
ul.info-list li:last-child {
  margin-bottom: 0;
}
ul.info-list li:before {
  content: "\0025b6";
  float: left;
  font-size: 9px;
  margin-top: 1px;
}
ul.info-list li p {
  margin-left: 17px;
}

ul.info {
  width: 700px;
}
ul.info li {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  text-align: center;
  margin-right: 12px;
}
ul.info li:last-child {
  margin-right: 0;
}
ul.info li a {
  display: block;
  width: 225.33333px;
  padding-top: 10px;
  padding-bottom: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #e6e6e6;
  font-size: 15px;
}
ul.info li a.event {
  color: #1a95d7;
}
ul.info li a.topics {
  color: #072856;
}
ul.info li a.public-offering {
  color: #c92f35;
}
ul.info li a.active {
  color: #fff;
}
ul.info li a.active.event {
  background-color: #1a95d7;
}
ul.info li a.active.topics {
  background-color: #072856;
}
ul.info li a.active.public-offering {
  background-color: #c92f35;
}

ul.num {
  list-style-type: decimal;
}
ul.num li {
  margin-bottom: 23px;
  line-height: 1.8em;
  color: #333333;
  margin-left: 26px;
  padding-left: 10px;
}
ul.num li:last-child {
  margin-bottom: 0;
}
ul.num.department li {
  margin-bottom: 2px;
  margin-left: 26px;
  padding-left: 0;
  font-size: 13px;
}

ul.disc {
  list-style-type: disc;
}
ul.disc li {
  margin-bottom: 10px;
  line-height: 1.8em;
  color: #333333;
  margin-left: 18px;
}
ul.disc li a {
  color: #072856;
}
ul.disc li a:hover {
  cursor: pointer;
  color: #999;
  border-bottom: 1px solid #999;
}

/*----------------------------
研究分野PDF
------------------------------*/
.introduction-sec__thumb {
  float: left;
  width: 120px;
  height: 75px;
  background-color: #f0f0f0;
}
.introduction-sec__thumb img {
  width: 100%;
}
.introduction-sec__txt-inner {
  float: left;
  width: 505px;
  height: 75px;
  padding-left: 20px;
  background-color: #f0f0f0;
}
.introduction-sec__txt-inner .title {
  font-weight: bold;
  font-size: 16px;
  color: #072856;
  line-height: 1.8em;
  margin-top: 12px;
  margin-bottom: 2px;
}
.introduction-sec__txt-inner .txt {
  font-size: 13px;
  line-height: 1.8em;
  color: #333333;
}
.introduction-sec__txt-inner.stu-05 .title {
  font-size: 15px;
  margin-top: 8px;
  line-height: 1.2;
}
.introduction-sec__txt-inner.stu-07 .title {
  font-size: 14px;
  margin-top: 4px;
  line-height: 1.2;
}
.introduction-sec__txt-inner.stu-07 .txt {
  line-height: 1.4;
}
.introduction-sec__txt-inner.stu-09 .title {
  font-size: 16px;
  margin-top: 8px;
  line-height: 1.2;
}
.introduction-sec__pdfbtn {
  float: left;
  text-align: center;
}
.introduction-sec__pdfbtn a {
  display: block;
  width: 75px;
  height: 75px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f0f0f0;
  padding-right: 10px;
}
.introduction-sec__pdfbtn a img {
  width: 100%;
  margin-top: 5px;
}

/*----------------------------
所長挨拶
------------------------------*/
.greeting-sec__inner.l {
  width: 385px;
  margin-right: 80px;
  float: left;
}
.greeting-sec__inner.r {
  float: left;
  width: 224px;
  height: 224px;
  overflow: hidden;
}
.greeting-sec__inner.r img {
  width: 100%;
}
.greeting-sec__inner h3.greeting-title {
  font-size: 35px;
  font-weight: bold;
  color: #203d67;
  margin-bottom: 40px;
}

.greeting-profile {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8em;
}

.greeting-txt {
  color: #333333;
  text-align: justify;
  line-height: 1.8em;
}

/*----------------------------
テーブル
------------------------------*/
.table-inner {
  width: 700px;
}
.table-inner table {
  width: 700px;
}
.table-inner th {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: baseline;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.table-inner th.ttl {
  background-color: #365076;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.table-inner th.bL {
  border-left: 1px solid #e6e6e6;
}
.table-inner th.bB {
  border-bottom: 1px solid #e6e6e6;
}
.table-inner th.bR {
  border-right: 1px solid #e6e6e6;
}
.table-inner th.bT {
  border-top: 1px solid #e6e6e6;
}
.table-inner th.eq-name {
  width: 160px;
  vertical-align: top !important;
}
.table-inner th a {
  color: #072856;
}
.table-inner th a:hover {
  cursor: pointer;
  color: #999;
  border-bottom: 1px solid #999;
}
.table-inner td {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.8em;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.table-inner td.bL {
  border-left: 1px solid #e6e6e6;
}
.table-inner td.bB {
  border-bottom: 1px solid #e6e6e6;
}
.table-inner td.bR {
  border-right: 1px solid #e6e6e6;
}
.table-inner td.bT {
  border-top: 1px solid #e6e6e6;
}
.table-inner td.eq-name {
  vertical-align: top !important;
}
.table-inner td.ph {
  width: 180px;
}
.table-inner td a {
  color: #072856;
  line-height: 1.8em;
}
.table-inner td a:hover {
  cursor: pointer;
  border-bottom: 1px solid #999;
  color: #999;
}
.table-inner td span.eq-photo {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}

/*----------------------------
ご質問やご希望はこちら
------------------------------*/
.inquiry-inner {
  width: 700px;
  border: 2px solid #072856;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding: 40px;
}
.inquiry-inner__title {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 25px;
  color: #203d67;
}
.inquiry-inner__txt {
  text-align: center;
  font-size: 15px;
  line-height: 1.8em;
  margin-bottom: 38px;
  color: #333333;
}
.inquiry-inner__btn {
  text-align: center;
}
.inquiry-inner__btn a {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  width: 300px;
  height: 50px;
  background-color: #072856;
  color: #fff;
  line-height: 50px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

/*----------------------------
右カラム　ナビゲーション
------------------------------*/
.local-menu {
  padding-bottom: 68px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
}
.local-menu ul li {
  border-bottom: 1px solid #dcdcdc;
}
.local-menu ul li:last-child {
  border-bottom: 1px solid #072856;
}
.local-menu ul li.local-menu__title {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #203d67;
  color: #fff;
  font-size: 14px;
  padding: 18px;
}
.local-menu ul li a {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f0f0f0;
  font-size: 14px;
  padding: 18px;
  color: #333333;
}
.local-menu ul li a:hover {
  background-color: #f9f6f6;
  color: #999;
}
.local-menu ul li a.active {
  background-color: #e6e6e6;
}
