@charset "UTF-8";
/* layout
========================================================================== */
img {
  max-width: 100%;
}
#main {
  padding: 0 30px;
}
#main section {
  margin-bottom: 3.5em;
  clear: both;
}
#main section:last-child, #main section > *:last-child, #main section > *:last-child > *:last-child, #main section > *:last-child > *:last-child > *:last-child, #main section > *:last-child > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}
#main article {
  margin-bottom: 2.5em;
  clear: both;
}
#main article article {
  margin-bottom: 1.5em;
}
#main div.column > div {
  margin-bottom: 2em;
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  #main {
    min-height: 500px;
  }
}
/* Phones */
@media (max-width: 767px) {
  #main {
    padding: 0 15px 60px;
  }
}
/* title
========================================================================== */
#main h1 {
  margin: 0 0 1em;
  padding: 20px 0 0 0.5em;
  border-left: 3px solid #c85910;
  font-size: 185%;
  /* 24px */
  font-weight: bold;
  line-height: 1.2;
}
#main h1 small {
  font-size: 50%;
  /* 12px */
}
#main h2 {
  margin: 0 0 1em;
  padding: 0.25em 0.5em;
  border-left: 3px solid #c85910;
  font-size: 139%;
  /* 18px */
  line-height: 1.4;
}
#main h3 {
  margin: 0 0 1em;
  padding: 0.25em 0.5em;
  border-left: 3px solid #ccc;
  font-size: 124%;
  /* 16px */
  line-height: 1.4;
}
#main h4 {
  margin: 0 0 1em;
  padding: 0.25em 0;
  border-bottom: 1px dotted #ccc;
  font-size: 108%;
  /* 14px */
  line-height: 1.4;
}
#main h5 {
  margin: 0 0 1em;
  padding: 0.5em;
  background: #edefec;
  font-size: 108%;
  /* 14px */
  line-height: 1.4;
}
#main h6 {
  margin: 0 0 1em;
  font-size: 108%;
  /* 14px */
  line-height: 1.4;
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  #main h1 {
    padding: 10px 0 0 0.5em;
    font-size: 154%;
    /* 20px */
  }
  #main h2 {
    font-size: 124%;
    /* 16px */
  }
  #main h3 {
    font-size: 108%;
    /* 14px */
  }
}
/* Phones */
@media (max-width: 767px) {
  #main h1 {
    padding: 10px 0 0 0.5em;
    font-size: 154%;
    /* 20px */
  }
  #main h2 {
    font-size: 124%;
    /* 16px */
  }
  #main h3 {
    font-size: 108%;
    /* 14px */
  }
}
/* paragraph
========================================================================== */
/* image
========================================================================== */
#main div.image {
  text-align: center;
}
#main div.image img {
  width: 80%;
}
#main div.image-right {
  margin: 0 0 1em 1em;
  float: right;
}
#main div.image-left {
  margin: 0 1em 1em 0;
  float: left;
}
/* Phones */
@media (max-width: 767px) {
  #main div.image-right {
    margin: 0 0 1em;
    text-align: center;
    float: none;
  }
  #main div.image-left {
    margin: 0 0 1em;
    text-align: center;
    float: none;
  }
}
/* main image-is_interview
-------------------------------------------------------------------------- */
#main div.image-is_interview {
  margin-bottom: 1em;
}
#main div.image-is_interview img {
  width: 100%;
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  #main div.image-is_interview {
    text-align: center;
  }
  #main div.image-is_interview img {
    width: 100%;
    max-width: 200px;
  }
}
/* Phones */
@media (max-width: 767px) {
  #main div.image-is_interview {
    text-align: center;
  }
  #main div.image-is_interview img {
    width: 80%;
  }
}
/* main image-pamphlet
-------------------------------------------------------------------------- */
#main div.image-pamphlet {
  text-align: center;
  margin-bottom: 2em;
}
#main div.image-pamphlet img {
  width: 60%;
}
/* Phones */
@media (max-width: 767px) {
  #main div.image-pamphlet img {
    width: 100%;
  }
}
/* main image
-------------------------------------------------------------------------- */
#main div.mainImage img {
  width: 100%;
  margin-bottom: 2em;
}
/* Phones */
@media (max-width: 767px) {
  #main div.mainImage {
    margin: 0 -15px;
  }
}
/* all col image
-------------------------------------------------------------------------- */
#main div.allcolImage img {
  width: 100%;
  margin-bottom: 2em;
}
/* graph
-------------------------------------------------------------------------- */
#main img.img-graph {
  width: auto;
  margin: 0 auto 2em;
  display: block;
}
#main img.img-graph.col-lg-6__img {
  max-width: 290px;
  width: 100%;
  height: auto;
}
/* Desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  #main img.img-graph {
    max-width: 320px;
  }
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  #main img.img-graph {
    max-width: 320px;
  }
}
/* Phones */
@media (max-width: 767px) {
  #main img.img-graph {
    max-width: 320px;
  }
}
/* photo
-------------------------------------------------------------------------- */
#main div.photo {
  max-width: 270px;
  margin: 0 auto;
}
#main div.photo img {
  width: 100%;
  margin-bottom: 0.25em;
  padding: 5px;
  border: 1px solid #ccc;
}
#main div.photo p {
  font-size: 85%;
  /* 11px */
  line-height: 1.4;
}
/* photo area
-------------------------------------------------------------------------- */
#main div.photoArea {
  padding-right: 0;
}
#main div.photoArea div {
  padding-right: 0;
}
#main div.photoArea a {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
#main div.photoArea img {
  width: 100%;
  margin-bottom: 0.25em;
  padding: 5px;
  border: 1px solid #ccc;
}
#main div.photoArea p {
  font-size: 85%;
  /* 11px */
  line-height: 1.4;
  text-align: left;
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  #main div.photoArea, #main div.photoArea div {
    padding-right: 15px;
  }
}
/* Phones */
@media (max-width: 767px) {
  #main div.photoArea {
    margin: 2em 0 0;
    padding: 0 15px;
  }
  #main div.photoArea div {
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  #main div.photoArea img {
    max-width: 320px;
  }
  #main div.photoArea p {
    max-width: 320px;
    margin: 0 auto 2em;
  }
}
/* photo area (bottom)
-------------------------------------------------------------------------- */
#main div.photoArea_btm {
  max-width: 320px;
  margin: 0 auto;
}
#main div.photoArea_btm article {
  margin-bottom: 1em;
}
#main div.photoArea_btm img {
  width: 100%;
  margin-bottom: 0.5em;
  padding: 5px;
  border: 1px solid #ccc;
}
#main div.photoArea_btm p {
  max-width: 320px;
  font-size: 85%;
  /* 11px */
  line-height: 1.4;
  text-align: left;
}
/* movie
========================================================================== */
#main div.movie {
  margin-bottom: 2.5em;
}
#main div.movie iframe {
  width: 100%;
  height: 296px;
}
/* Desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  #main div.movie iframe {
    height: 240px;
  }
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  #main div.movie iframe {
    height: 371px;
  }
}
/* Phones */
@media (max-width: 767px) {
  #main div.movie iframe {
    width: 290px;
    height: 180px;
    margin: 0 auto;
    display: block;
  }
}
/* table
========================================================================== */
#main table.table {
  border-bottom: 1px dotted #ccc;
  font-size: 93%;
  /* 12px */
}
#main table.table tr th, #main table.table tr td {
  padding: 1em;
  line-height: 1.6;
  vertical-align: middle;
  border-top: 1px dotted #ccc;
}
/* labs List
-------------------------------------------------------------------------- */
#main table.labsList tr td.cell-field {
  white-space: normal;
}
#main table.labsList tr td.cell-labs {
  width: 12em;
}
#main table.labsList tr td.cell-eng-labs {
  width: 15em;
}
#main table.labsList tr td.cell-prof {
  width: 14em;
}
#main table.labsList tr td.cell-intro {
  width: 6em;
}
#main table.labsList tr td.cell-web {
  width: 8em;
}
#main table.labsList tr td.cell-intro a:after {
  margin-left: 0.25em;
  content: "";
  font-family: FontAwesome;
  display: inline;
}
#main table.labsList tr td.cell-web a:after {
  margin-left: 0.25em;
  content: "";
  color: #999;
  font-family: FontAwesome;
  display: inline;
}
#main table.cooperation tr td.cell-intro a:after {
  content: "";
  color: #999;
}
/* Desktops L */
/* Desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  #main table.labsList {
    font-size: 85%;
    /* 11px */
  }
  #main table.labListAllcol {
    font-size: 93%;
    /* 12px */
  }
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  #main table.labsList {
    font-size: 85%;
    /* 11px */
  }
  #main table.labListAllcol {
    font-size: 93%;
    /* 12px */
  }
  #main table.labsList tr td.cell-prof {
    display: none;
  }
}
/* Phones */
@media (max-width: 767px) {
  #main table.labsList {
    font-size: 85%;
    /* 11px */
  }
  #main table.labsList tr td.cell-field {
    min-width: 180px;
  }
  #main table.labsList tr td.cell-prof {
    display: table-cell;
  }
}
/* staff List
-------------------------------------------------------------------------- */
#main table.staffList colgroup.syllabary {
  width: 1em;
}
#main table.staffList colgroup.name {
  width: 12em;
}
#main table.staffList colgroup.job {
  width: 8em;
}
#main table.staffList tr td.syllabary_contant {
  font-weight: bold;
  vertical-align: top;
}
#main table.staffList a {
  text-decoration: underline;
}
/* Phones */
@media (max-width: 767px) {
  #main table.staffList {
    font-size: 85%;
    /* 11px */
  }
  #main table.staffList colgroup.name {
    width: 8em;
  }
  #main table.staffList colgroup.job {
    width: 5em;
  }
}
/* news List
-------------------------------------------------------------------------- */
#main table.newsList tr th, #main table.newsList tr td {
  vertical-align: top !important;
}
#main table.newsList tr th {
  font-weight: normal;
}
#main table.newsList tr th.cell-date {
  width: 8em;
  white-space: nowrap;
}
#main table.newsList tr td a {
  text-decoration: underline;
}
#main table.newsList tr td a:hover {
  text-decoration: none;
}
/* Phones */
@media (max-width: 767px) {
  #main table.newsList tr {
    padding: 0.5em;
    border-top: 1px dotted #ccc;
    display: block;
  }
  #main table.newsList tr th, #main table.newsList tr td {
    padding: 0.25em 0;
    border-top: none;
  }
  #main table.newsList tr th.cell-date {
    width: auto;
    padding-right: 0.5em;
  }
  #main table.newsList tr td.cell-news {
    display: block;
  }
}
/* final lecture
-------------------------------------------------------------------------- */
#main table.lecture {
  border: 1px dotted #ccc;
}
#main table.lecture tr td {
  line-height: 2em;
}
#main table.lecture tr td.breaktime {
  text-align: center;
  background: #eee;
}
/* admission page (exam passer)
-------------------------------------------------------------------------- */
#main table.passer {
  font-size: 93%;
  /* 12px */
  margin-bottom: 1.2em;
}
#main table.passer tr th, #main table.passer tr td {
  padding: 1em;
  line-height: 1.6;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #ccc;
}
#main table.passer tr th {
  font-weight: normal;
  background: #feeee4;
}
#main table.passer tr td.year {
  background: #fcf5ef;
}
/* list
========================================================================== */
/* list
-------------------------------------------------------------------------- */
#main ul.list {
  padding-left: 0;
  list-style: none;
}
#main ul.list li {
  margin-bottom: 0.5em;
  padding-left: 0.75em;
  position: relative;
}
#main ul.list li:before {
  content: "";
  color: #999;
  font-family: FontAwesome;
  display: inline;
  position: absolute;
  top: -1px;
  left: 0;
}
/* link List
-------------------------------------------------------------------------- */
#main ul.linkList {
  padding-left: 0;
  list-style: none;
}
#main ul.linkList li {
  margin-bottom: 0.5em;
  padding-left: 1.25em;
  position: relative;
}
#main ul.linkList li:before {
  content: "";
  color: #666;
  font-family: FontAwesome;
  display: inline;
  position: absolute;
  top: -1px;
  left: 0;
}
/* history List
-------------------------------------------------------------------------- */
#main dl.historyList {
  border-bottom: 1px dotted #ccc;
}
#main dl.historyList dt {
  padding: 1em;
  font-weight: normal;
  float: left;
  clear: both;
}
#main dl.historyList dd {
  padding: 1em 1em 1em 12em;
  border-top: 1px dotted #ccc;
}
/* awardee List
-------------------------------------------------------------------------- */
#main dl.awardeeList {
  border-bottom: 1px dotted #ccc;
}
#main dl.awardeeList dt {
  padding: 1em;
  font-weight: normal;
  float: left;
  clear: both;
}
#main dl.awardeeList dd {
  padding: 1em 1em 1em 20em;
  border-top: 1px dotted #ccc;
}
/* Phones */
@media (max-width: 767px) {
  #main dl.historyList dt {
    padding: 1em 1em 0;
    color: #666;
    font-weight: bold;
    float: none;
  }
  #main dl.historyList dd {
    padding: 0 1em 1em 1em;
    border-top: none;
    border-bottom: 1px dotted #ccc;
  }
}
/* staff List
-------------------------------------------------------------------------- */
#main dl.staffList dt {
  width: 6em;
  margin-bottom: 0.5em;
  padding: 0.5em 0;
  background: #f2e8dc;
  font-weight: normal;
  text-align: center;
  float: left;
  clear: both;
}
#main dl.staffList dd {
  margin-bottom: 0.5em;
  margin-left: 7em;
  padding: 0.5em 0;
}
#main dl.staffList dd a {
  color: #333;
  text-decoration: underline;
}
#main dl.staffList dd a:hover {
  color: #e7782e;
  text-decoration: none;
}
/*#main dl.staffList dd.special {
margin-top: 1.9em;
padding-bottom: 2em;
}*/
#main dl.staffList dd.special {
  margin-top: 1.5em;
}
#main dl.staffList dd.special_3 {
  margin-top: 1.9em;
  padding-bottom: 1.5em;
}
#main dl.staffList dd.special_last {
  padding-bottom: 1.5em;
}
/* career List
-------------------------------------------------------------------------- */
#main dl.careeaList dt {
  margin-bottom: 0.5em;
}
#main dl.careeaList dt.color-1 {
  color: #8dc21f;
}
#main dl.careeaList dt.color-2 {
  color: #f29600;
}
#main dl.careeaList dt.color-3 {
  color: #65a9dc;
}
#main dl.careeaList dt.color-4 {
  color: #fcd25b;
}
#main dl.careeaList dt.color-5 {
  color: #87c796;
}
#main dl.careeaList dt.color-6 {
  color: #8d80bb;
}
#main dl.careeaList dt.color-7 {
  color: #eb6d80;
}
#main dl.careeaList dt.color-8 {
  color: #b4b4b5;
}
#main dl.careeaList dd {
  margin-bottom: 1em;
}
/* button
========================================================================== */
/* button link
-------------------------------------------------------------------------- */
#main div.btn-link-sm {
  margin-top: 1em;
  text-align: center;
}
#main div.btn-link-sm a {
  padding: 0.75em;
  background: #e7782e;
  border-radius: 3px;
  color: #fff;
  position: relative;
  display: block;
}
#main div.btn-link-sm a:hover {
  background: #c85910;
}
#main div.btn-link-sm a:after {
  width: 1em;
  height: 1em;
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 1em;
}
#main div.btn-link-xs {
  margin-top: 1em;
}
#main div.btn-link-xs a {
  padding-left: 1em;
  position: relative;
}
#main div.btn-link-xs a:after {
  width: 1em;
  height: 1em;
  content: "";
  font-family: FontAwesome;
  line-height: 1.4;
  position: absolute;
  top: 0;
  left: 0;
}
/* button external link
-------------------------------------------------------------------------- */
#main div.btn-external-link {
  margin-top: 1em;
  text-align: center;
}
#main div.btn-external-link a {
  padding: 1.5em;
  background: #e7782e;
  border-radius: 3px;
  color: #fff;
  position: relative;
  display: block;
}
#main div.btn-external-link a:hover {
  background: #c85910;
}
#main div.btn-external-link a:after {
  width: 1em;
  height: 1em;
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 1em;
}
/* button syllabary
-------------------------------------------------------------------------- */
/* Phones */
@media (max-width: 767px) {
  #main div.btn-syllabary a {
    padding: 1em 0;
    font-size: 77%;
    /* 10px */
  }
}
/* button syllabary
-------------------------------------------------------------------------- */
#main div.btn-pamphlet {
  margin: 1em 0 2em;
  text-align: center;
}
#main div.btn-pamphlet a {
  width: 250px;
  padding: 0.5em;
  background: #e7782e;
  border-radius: 3px;
  display: inline-block;
  color: #fff;
}
/* Phones */
@media (max-width: 767px) {
  #main div.btn-pamphlet a {
    width: 100%;
  }
}
/* tab
========================================================================== */
/* labs tab
-------------------------------------------------------------------------- */
#main ul.tab-labs {
  margin-bottom: 3em;
  background: #f9f9f9;
  border-left: 1px dotted #ddd;
  font-size: 93%;
  /* 12px */
}
#main ul.tab-labs li {
  width: 20%;
  border-top: 3px solid #f9f9f9;
  text-align: center;
}
#main ul.tab-labs li:hover {
  border-top-color: #e7782e;
}
#main ul.tab-labs li a {
  height: 50px;
  margin: 0;
  padding: 8px 0 0;
  border: none;
  border-right: 1px dotted #ddd;
  border-radius: 0;
  color: #999;
}
#main ul.tab-labs li a.oneLine {
  padding: 16px 0 0;
}
#main ul.tab-labs li a:hover {
  background: #fff;
  border-top-color: #e7782e;
  color: #333;
}
#main ul.tab-labs li.active {
  border-top-color: #c85910;
}
#main ul.tab-labs li.active a {
  color: #333;
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  #main ul.tab-labs {
    font-size: 85%;
    /* 11px */
  }
}
/* Phones */
@media (max-width: 767px) {
  #main ul.tab-labs {
    background: #fff;
    border-bottom: none;
    font-size: 77%;
    /* 10px */
  }
  #main ul.tab-labs li {
    width: 33.33333%;
    margin-bottom: 2px;
    background: #f9f9f9;
    border-top-color: #fff;
  }
  #main ul.tab-labs li a {
    height: 45px;
    border-bottom: 1px solid #ddd;
  }
}
/* news tab
-------------------------------------------------------------------------- */
#main ul.news-tab {
  margin-bottom: 3em;
  background: #f9f9f9;
  border-left: 1px dotted #ddd;
  font-size: 93%;
  /* 12px */
}
#main ul.news-tab li {
  width: 20%;
  text-align: center;
}
#main ul.news-tab li a {
  height: 53px;
  margin: 0;
  padding: 16px 0 0;
  border: none;
  border-top: 3px solid #f9f9f9;
  border-right: 1px dotted #ddd;
  border-radius: 0;
  color: #999;
}
#main ul.news-tab li a:hover, #main ul.news-tab li a.active {
  background: #fff;
  border-top-color: #fff;
  color: #333;
}
#main ul.news-tab li.all a:hover, #main ul.news-tab li.all a.active {
  border-top-color: #c85910;
}
#main ul.news-tab li.research a:hover, #main ul.news-tab li.research a.active {
  border-top-color: #b31b27;
}
#main ul.news-tab li.award a:hover, #main ul.news-tab li.award a.active {
  border-top-color: #256f6f;
}
#main ul.news-tab li.jobs a:hover, #main ul.news-tab li.jobs a.active {
  border-top-color: #805900;
}
#main ul.news-tab li.update a:hover, #main ul.news-tab li.update a.active {
  border-top-color: #1d3273;
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  #main ul.news-tab {
    font-size: 85%;
    /* 11px */
  }
}
/* Phones */
@media (max-width: 767px) {
  #main ul.news-tab {
    background: #fff;
    border-bottom: none;
    font-size: 77%;
    /* 10px */
  }
  #main ul.news-tab li {
    width: 33.33333%;
    margin-bottom: 2px;
    background: #f9f9f9;
    border-top-color: #fff;
  }
  #main ul.news-tab li a {
    height: 45px;
    padding: 13px 0 0;
    border-bottom: 1px solid #ddd;
  }
}
/* sidebar
========================================================================== */
#sidebar {
  margin: 30px 0 0;
  padding: 0 0 0 30px;
}
#sidebar h1 {
  margin: 0;
  padding: 15px;
  border-left: 3px solid #c85910;
  font-size: 100%;
  /* 13px */
  font-weight: bold;
}
#sidebar nav#localnav {
  margin-right: 30px;
  margin-bottom: 2em;
  background: #edefec;
}
#sidebar nav#localnav ul {
  margin: 0;
  padding: 0 18px 15px;
  list-style: none;
}
#sidebar nav#localnav ul li {
  border-bottom: 1px dotted #ccc;
  line-height: 1.4;
}
#sidebar nav#localnav ul li a {
  padding: 1em 0 1em 1.25em;
  color: #333;
  display: block;
  position: relative;
}
#sidebar nav#localnav ul li a:hover {
  color: #e7782e;
}
#sidebar nav#localnav ul li a:before {
  margin-top: 1em;
  content: "";
  color: #666;
  font-family: FontAwesome;
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
}
#sidebar nav#localnav ul li a.active:before {
  color: #e7782e;
}
#sidebar nav#localnav ul li span.courseTitle {
  padding: 1em 0 0.5em 1.25em;
  display: block;
  position: relative;
}
#sidebar nav#localnav ul li span.courseTitle:before {
  margin-top: 1em;
  content: "";
  color: #666;
  font-family: FontAwesome;
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
}
#sidebar nav#localnav ul li span.noLink {
  padding: 0.5em 0 0.5em 1.25em;
  color: #333;
  display: block;
  position: relative;
}
#sidebar nav#localnav ul li span.noLink:before {
  margin-top: 0.5em;
  content: "";
  color: #666;
  font-family: FontAwesome;
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
}
/* child
-------------------------------------------------------------------------- */
#sidebar nav#localnav ul li ul {
  padding: 0 0 0.5em 18px;
}
#sidebar nav#localnav ul li ul li {
  border-bottom: none;
}
#sidebar nav#localnav ul li ul li a {
  padding: 0.5em 0 0.5em 1.25em;
}
#sidebar nav#localnav ul li ul li a:before {
  margin-top: 0.5em;
}
/* Desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  #sidebar {
    padding: 0;
  }
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  #sidebar {
    padding: 0;
    font-size: 93%;
    /* 12px */
  }
  #sidebar nav#localnav ul li ul li a {
    padding: 0.25em 0 0.25em 1.25em;
  }
  #sidebar nav#localnav ul li ul li a:before {
    margin-top: 0.25em;
  }
}
/* Phones */
@media (max-width: 767px) {
  #sidebar {
    padding: 0;
  }
  #sidebar nav#localnav {
    margin-right: 0;
  }
}
/* photo area
-------------------------------------------------------------------------- */
#sidebar div.photoArea {
  margin-right: 30px;
}
#sidebar div.photoArea img {
  width: 100%;
}
#sidebar div.photoArea p {
  font-size: 85%;
  /* 11px */
}
/* Phones */
@media (max-width: 767px) {
  #sidebar div.photoArea {
    display: none;
  }
}
/* news
========================================================================== */
#main div.img-news {
  text-align: center;
}
#main div.img-news img {
  max-width: 500px;
  margin-bottom: 0.5em;
}
#main div.img-news p {
  margin-bottom: 2em;
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  #main div.img-news img {
    width: 100%;
  }
}
/* Phones */
@media (max-width: 767px) {
  #main div.img-news img {
    width: 100%;
  }
}
#main dl.dl-news dt {
  font-weight: normal;
  width: 30px;
}
#main dl.dl-news dd {
  margin-left: 45px;
  line-height: 1.8;
}
@media (max-width: 767px) {
  #main dl.dl-news dd {
    margin-top: -1.4em;
  }
}
/* sitemap
========================================================================== */
#main div.sitemap dl {
  padding: 0;
}
#main div.sitemap dl dt a, #main div.sitemap dl dt span {
  padding: 1em 0 1em 1.25em;
  color: #333;
  display: block;
  position: relative;
}
#main div.sitemap dl dt a:hover {
  color: #e7782e;
}
#main div.sitemap dl dd {
  margin-bottom: 2em;
}
#main div.sitemap dl dd ul {
  margin: 0;
  padding: 0 18px 15px;
  list-style: none;
}
#main div.sitemap dl dd ul li {
  border-top: 1px dotted #ccc;
  line-height: 1.4;
}
#main div.sitemap dl dd ul li:last-child {
  border-bottom: 1px dotted #ccc;
}
#main div.sitemap dl dd ul li a {
  padding: 1em 0 1em 1.25em;
  color: #333;
  display: block;
  position: relative;
}
#main div.sitemap dl dd ul li a:hover {
  color: #e7782e;
}
#main div.sitemap dl dd ul li a:before {
  margin-top: 1em;
  content: "";
  color: #666;
  font-family: FontAwesome;
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
}
#main div.sitemap dl dd ul li span.title {
  padding: 1em 0 1em 1.25em;
  display: block;
  position: relative;
}
#main div.sitemap dl dd ul li span.title:before {
  margin-top: 1em;
  content: "";
  color: #666;
  font-family: FontAwesome;
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
}
#main div.sitemap hr {
  margin: 0;
  border: none;
  clear: both;
}
/* Phones */
@media (max-width: 767px) {
  #main div.sitemap dl {
    margin: 0;
  }
}
/* child
-------------------------------------------------------------------------- */
#main div.sitemap dl dd ul li ul {
  padding: 0 0 0 18px;
}
#main div.sitemap dl dd ul li ul li:last-child {
  border-bottom: none;
}
#main div.sitemap dl dd ul li ul li a:before {
  color: #ccc;
}
/* 404 not found
========================================================================== */
#notfound {
  padding: 100px;
  background: rgba(248, 248, 248, 0.8);
  /* #f8f8f8 80% */
}
/* Phones */
@media (max-width: 767px) {
  #notfound {
    padding: 30px;
  }
}
/* 20260210 追加分
========================================================================== */
/* news 6つに変更 */
@media (min-width: 768px) {
  #main ul.news-tab.six_list li {
    width: calc(100% / 6);
  }
}
/* パンくずリスト */
.pankuzu a.last {
  pointer-events: none;
}
/* ページ統合 下部へ追加分 */
.more_contetns, .more_contents {
  margin-top: 120px;
}
@media (max-width: 767px) {
  .more_contetns, .more_contents {
    margin-top: 64px;
  }
}
#sidebar {
  position: sticky;
  top: 40px;
  margin-bottom: 26px;
  background: transparent;
}
#sidebar nav#localnav {
  max-height: calc(100vh - 80px);
  overflow-x: auto;
  -ms-overflow-style: none;
  /* IE/Edge */
  scrollbar-width: none;
  /* Firefox */
  margin-bottom: 0;
  vertical-align: bottom;
  display: block;
}
#sidebar nav#localnav > h1, #sidebar nav#localnav > ul {
  vertical-align: bottom;
}
@media (max-width: 767px) {
  #sidebar {
    position: static;
  }
  #sidebar nav#localnav {
    max-height: none;
  }
  #main #html_awardees .awardeeList dt {
    width: 100%;
    padding-bottom: 0.5em;
  }
  #main #html_awardees .awardeeList dd {
    padding: 1em;
  }
}
/* contact map追加 */
.google_map iframe {
  width: 100%;
  height: 320px;
}
/**ページャー**/
/*
.paging {
margin-top: 56px;
ul.pagination {
display: flex;
justify-content: center;
list-style: none;
align-items: center;
font-family: "Roboto", sans-serif;
li {
a {
color: #333333;
margin: 0 10px;
border-bottom: 1px solid transparent;
&:hover {
text-shadow: 1px 1px 2px rgba(93, 211, 120, 0.8);
}
}
&.disabled, &.last, &.first {
display: none;
}
> span {
display: none;
}
&.next, &.prev {
a {
width: 28px;
height: 32px;
display: flex;
align-items: center;
margin: 0;
justify-content: center;
&:hover {
text-shadow: 1px 1px 2px rgba(93, 211, 120, 0.8);
}
}
}
}
li.page {
margin: 0 4px;
a {
margin: 0;
}
&.active {
border-bottom: 1px solid #333333;
//	color: #333333;
width: 28px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
} 
&.page a {
text-decoration: none;
width: 28px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
&:hover {
text-shadow: 1px 1px 2px rgba(93, 211, 120, 0.8);
}
}
> span {
display: block;
}
}
}
}

@media (max-width: 767px) {
.paging {
margin-top: 40pxx;
width: 100vw;
margin-left: -24px;
ul.pagination {
li.page.page a, li.page.active {
width: 28px;
height: 28px;
}
}
}
}
*/
.paging {
  text-align: center;
}
.paging .pagination {
  overflow: hidden;
}
.paging .pagination .disabled {
  display: none;
}
.paging .pagination .page-item a, .paging .pagination .page-item span {
  height: 32px;
}
.paging .pagination .page-item.first, .paging .pagination .page-item.last {
  display: none;
}
.paging .pagination .page-item.ellipsis .page-link {
  display: none;
}
.paging .pagination .page-item.next a, .paging .pagination .page-item.prev a {
  font-size: 16px;
  padding: 3px 12px;
}
.paging .pagination > li > a, .paging .pagination > li > span {
  color: #a65d2d;
  font-size: 12px;
}
.paging .pagination > .active > a, .paging .pagination > .active > span {
  color: #ffffff;
  background-color: #e7782e;
  border-color: #e7782e;
}
.paging .pagination > .active > a:hover, .paging .pagination > .active > a:focus, .paging .pagination > .active > span:hover, .paging .pagination > .active > span:focus {
  background-color: #e7782e;
  border-color: #e7782e;
}
#main table.passer.text_left tr td {
  text-align: left;
  width: 20%;
}
#main table.passer.text_left tr td.year {
  width: 40%;
}
#main .table-responsive table.passer.text_left {
  min-width: 400px;
}
.table-responsive {
  border: none;
}
/*** 20260330 ***/
.mt0 {
  margin-top: 0px;
}
.mb0 {
  margin-bottom: 0px;
}
.ml0 {
  margin-left: 0px;
}
.mr0 {
  margin-right: 0px;
}
.pt0 {
  padding-top: 0px;
}
.pb0 {
  padding-bottom: 0px;
}
.mt5 {
  margin-top: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.ml5 {
  margin-left: 5px;
}
.mr5 {
  margin-right: 5px;
}
.pt5 {
  padding-top: 5px;
}
.pb5 {
  padding-bottom: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.ml10 {
  margin-left: 10px;
}
.mr10 {
  margin-right: 10px;
}
.pt10 {
  padding-top: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mb15 {
  margin-bottom: 15px;
}
.ml15 {
  margin-left: 15px;
}
.mr15 {
  margin-right: 15px;
}
.pt15 {
  padding-top: 15px;
}
.pb15 {
  padding-bottom: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mr20 {
  margin-right: 20px;
}
.pt20 {
  padding-top: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mb30 {
  margin-bottom: 30px;
}
.ml30 {
  margin-left: 30px;
}
.mr30 {
  margin-right: 30px;
}
.pt30 {
  padding-top: 30px;
}
.pb30 {
  padding-bottom: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mb40 {
  margin-bottom: 40px;
}
.ml40 {
  margin-left: 40px;
}
.mr40 {
  margin-right: 40px;
}
.pt40 {
  padding-top: 40px;
}
.pb40 {
  padding-bottom: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mb50 {
  margin-bottom: 50px;
}
.ml50 {
  margin-left: 50px;
}
.mr50 {
  margin-right: 50px;
}
.pt50 {
  padding-top: 50px;
}
.pb50 {
  padding-bottom: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mb60 {
  margin-bottom: 60px;
}
.ml60 {
  margin-left: 60px;
}
.mr60 {
  margin-right: 60px;
}
.pt60 {
  padding-top: 60px;
}
.pb60 {
  padding-bottom: 60px;
}
.mt80 {
  margin-top: 80px;
}
.mb80 {
  margin-bottom: 80px;
}
.ml80 {
  margin-left: 80px;
}
.mr80 {
  margin-right: 80px;
}
.pt80 {
  padding-top: 80px;
}
.pb80 {
  padding-bottom: 80px;
}
.mt100 {
  margin-top: 100px;
}
.mb100 {
  margin-bottom: 100px;
}
.ml100 {
  margin-left: 100px;
}
.mr100 {
  margin-right: 100px;
}
.pt100 {
  padding-top: 100px;
}
.pb100 {
  padding-bottom: 100px;
}
#main .border_box {
  border: 1px solid #eee;
  padding: 10px 10px;
}
#main .border_box.bgGray {
  background-color: #f7f7f7;
}
#main a.no_icon:before, #main a.no_icon:after {
  content: "" !important;
}
#main a {
  word-break: break-all;
}
#main table.labsList tr td.cell-intro a {
  word-break: auto-phrase;
}
/*# sourceMappingURL=./contents.css.map */