@charset "UTF-8";
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
  margin: 0;
  padding: 0;
}

img, fieldset {
  border: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

html {
  overflow-y: scroll;
}

body {
  line-height: 1;
  background: #fff;
}

nav ul {
  list-style: none;
}

li {
  list-style-type: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  word-wrap: break-word;
}

hr {
  display: block;
  height: 1px;
  border: none;
  margin: 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

.fSSS {
  font-size: 11.9px;
  font-size: 1.19rem;
}

.fSS {
  font-size: 10.92px;
  font-size: 1.092rem;
}

.fS {
  font-size: 11.9px;
  font-size: 1.19rem;
}

.fL {
  font-size: 16.1px;
  font-size: 1.61rem;
}

.fLL {
  font-size: 18.2px;
  font-size: 1.82rem;
}

.fLLL {
  font-size: 20.02px;
  font-size: 2.002rem;
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.w5 {
  width: 5%;
}

.w10 {
  width: 10%;
}

.w15 {
  width: 15%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w35 {
  width: 35%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w50 {
  width: 50%;
}

.w55 {
  width: 55%;
}

.w60 {
  width: 60%;
}

.w65 {
  width: 65%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: 75%;
}

.w80 {
  width: 80%;
}

.w85 {
  width: 85%;
}

.w90 {
  width: 90%;
}

.w95 {
  width: 95%;
}

.w100 {
  width: 100%;
}

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?qlyauy");
  src: url("fonts/icomoon.eot?qlyauy#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?qlyauy") format("truetype"), url("fonts/icomoon.woff?qlyauy") format("woff"), url("fonts/icomoon.svg?qlyauy#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-minus:before {
  content: "\e907";
}

.icon-plus:before {
  content: "\e908";
}

.icon-round-arrow-left:before {
  content: "\e90b";
}

.icon-round-arrow-right:before {
  content: "\e90c";
}

.icon-twitter:before {
  content: "\e900";
}

.icon-instagram:before {
  content: "\e901";
}

.icon-facebook .path1:before {
  content: "\e902";
  color: #231815;
}

.icon-facebook .path2:before {
  content: "\e903";
  margin-left: -0.9970703125em;
  color: white;
}

.icon-arrow-right:before {
  content: "\e906";
}

.icon-arrow-left:before {
  content: "\e909";
}

.icon-round-arrow:before {
  content: "\e90a";
}

.icon-thin-arrow:before {
  content: "\e904";
}

.icon-external:before {
  content: "\e905";
}

html {
  font-size: 62.5%;
}

body {
  font-size: 10px;
  font-size: 1.0rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  text-rendering: optimizeLegibility;
  color: #000;
  min-width: 960px;
}

p, li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.page-wrap {
  position: relative;
}

a {
  text-decoration: none;
  color: #335599;
}

a:visited {
  color: #335599;
}

a:hover {
  color: #3fa9f5;
}

a:active {
  color: #335599;
}

#sidr-contents-area {
  position: relative;
  margin-top: -108px;
  top: 108px;
}

#sidr-contents-area.nav-fix {
  margin-top: 0;
}

#header-wrap {
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  background-color: #fff;
}

#logo {
  padding-top: 24px;
  padding-left: 34px;
}

#logo a {
  display: inline-block;
}

#logo img {
  width: 215px;
  height: 63px;
}

#header {
  position: relative;
  width: 960px;
  box-sizing: border-box;
  margin: 0px auto 0 auto;
}

#header-nav {
  position: absolute;
  right: 23px;
  top: 45px;
}

#language-menu {
  position: relative;
  text-align: right;
}

#language-menu li {
  display: inline-block;
}

#language-menu li:before {
  content: "｜";
}

#language-menu li:first-child {
  margin-left: 0;
}

#language-menu li:first-child:before {
  content: "";
}

#language-menu li a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}

#language-menu li a:hover {
  color: #3fa9f5;
}

#header-menu {
  text-align: right;
}

#header-menu li {
  display: inline-block;
  margin-left: 4px;
}

#header-menu li:first-child {
  margin-left: 0;
}

#header-menu li a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  position: relative;
  margin-left: 14px;
}

#header-menu li a:before {
  margin-right: 2px;
}

#header-menu li a.arrow-box:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -14px;
}

#sp-menu-btn,
#sp-menu-btn-wrap {
  display: none;
}

#sp-header-search {
  display: none;
}

#target-wrap {
  width: 100%;
  height: 40px;
  background-color: #ececd9;
  text-align: center;
}

#target-wrap:after::after {
  content: "";
  clear: both;
  display: table;
}

#target-nav {
  width: 960px;
  height: inherit;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

#target-link {
  width: 650px;
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 54px;
}

#target-link li {
  display: inline-block;
  margin-left: 4.6%;
}

#target-link li span {
  background-color: #434343;
  color: #fff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 50%;
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  margin-right: 3px;
}

#target-link li span:before {
  content: "";
  position: absolute;
  top: 2.3px;
  left: 3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #ffffff;
}

#target-link li:first-child {
  margin-left: 0;
}

#target-link li a {
  color: #434343;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}

#target-link li a:hover {
  color: #3fa9f5;
}

#header-search {
  display: inline-block;
  width: 201px;
  position: absolute;
  top: 9px;
  right: 22px;
}

#header-search label {
  display: inline-block;
}

#ajaxSearch_input {
  width: 161px;
  padding-left: 4px;
  height: 20px;
  border: none;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}

#search-bt.hidden-sp {
  width: 30px;
  display: inline-block;
}

.nav-group {
  position: relative;
  width: 100%;
  will-change: transform;
  z-index: 1000;
  top: 0;
}

.nav-group.fix {
  position: fixed;
}

#gNav-wrap {
  width: 100%;
  height: 63px;
  background-color: #293855;
}

#gNav {
  width: 960px;
  margin: 0 auto;
  height: 63px;
  position: relative;
}

#gNav nav {
  height: inherit;
}

#gNav ul {
  display: table;
  height: inherit;
}

#gNav li {
  display: table-cell;
  height: inherit;
  vertical-align: top;
  text-align: center;
  line-height: 0;
  border-left: 1px solid #ececd9;
}

#gNav li a {
  display: inherit;
  width: 128px;
  max-width: 128px;
  height: inherit;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #293855;
  transition: all 300ms;
}

#gNav li:first-child {
  border-left: none;
}

#gNav li:nth-child(2) {
  border-left: none;
}

#gNav li:first-child:before {
  display: none;
}

#gNav li#gNav-home a {
  width: 57px;
  height: 63px;
  background-image: url(/assets/templates/niu2016/img/common/home_off.png);
  background-size: 17px 17px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #ececd9;
}

#gNav li#gNav-home a span {
  display: inline-block;
  height: inherit;
  visibility: hidden;
}

#gNav li#gNav-home a:hover {
  background-image: url(/assets/templates/niu2016/img/common/home_on.png);
  background-color: #293855;
}

#gNav .cl-about:hover > a {
  background-color: #6fc90a;
}

#gNav .cl-course:hover > a {
  background-color: #007bdc;
}

#gNav .cl-graduate:hover > a {
  background-color: #3db6fc;
}

#gNav .cl-international:hover > a {
  background-color: #ff9900;
}

#gNav .cl-life:hover > a {
  background-color: #ff624b;
}

#gNav .cl-career:hover > a {
  background-color: #8e44ad;
}

#gNav .cl-society > a:hover {
  background-color: #36a14d;
}

#gNav .current.cl-about > a {
  background-color: #6fc90a;
}

#gNav .current.cl-course > a {
  background-color: #007bdc;
}

#gNav .current.cl-graduate > a {
  background-color: #3db6fc;
}

#gNav .current.cl-international > a {
  background-color: #ff9900;
}

#gNav .current.cl-life > a {
  background-color: #ff624b;
}

#gNav .current.cl-career > a {
  background-color: #8e44ad;
}

#gNav .current.cl-society > a {
  background-color: #36a14d;
}

.wide-bg {
  background-color: #ececd9;
}

.wide-bg-bottom {
  background-color: #eef2fe;
}

.content, #fNav {
  width: 960px;
  margin: 0 auto;
  padding: 20px 23px 0 23px;
  box-sizing: border-box;
}

.unit {
  max-width: 960px;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 auto;
  box-sizing: border-box;
}

.gNav-margin {
  margin-top: 63px;
}

#breadClumb {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 23px;
  box-sizing: border-box;
}

#breadClumb li {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}

#breadClumb li:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
  color: #007bdc;
  font-size: 10px;
  padding-right: 10px;
  position: relative;
  top: -1px;
}

#breadClumb li:first-child:before {
  content: "";
  display: none;
}

#breadClumb a {
  display: inline-block;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 12px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}

#breadClumb span {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding-bottom: 17px;
}

.main {
  float: right;
  width: 650px;
}

#subNav, .sp-subNav {
  width: 225px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-459px);
}

#subNav nav, .sp-subNav nav {
  width: inherit;
}

.nav-title {
  width: inherit;
  padding: 29px 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  height: 74px;
  box-sizing: border-box;
  position: relative;
}

.nav-title span {
  line-height: 1.3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#subNav a, .sp-subNav a {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.1;
  height: auto;
  padding: 17px 0 13px 14px;
  border-top: 1px solid #fff;
  box-sizing: border-box;
  position: relative;
  color: #fff;
  transition: background-color 300ms;
}

#subNav a.after-arrow:after, .sp-subNav a.after-arrow:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
}

#subNav a.under-arrow:after, .sp-subNav a.under-arrow:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  display: inline-block;
  position: absolute;
  top: 14px;
  transform: rotate(90deg);
  right: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
}

#subNav a[href$=".pdf"]:after, .sp-subNav a[href$=".pdf"]:after {
  display: none;
  background: none;
}

#subNav ul ul a, .sp-subNav ul ul a {
  padding-left: 22px;
  padding-right: 22px;
}

#subNav ul ul ul, .sp-subNav ul ul ul {
  padding-bottom: 18px;
}

#subNav ul ul ul a, .sp-subNav ul ul ul a {
  border: none;
  padding: 4px 6px;
  margin-top: 6px;
  margin: 6px 20px 0 22px;
  border-radius: 2px;
}

#subNav ul ul ul li:first-child a, .sp-subNav ul ul ul li:first-child a {
  margin-top: 0;
}

.subNav-list a[class^="cl"] {
  background-color: #95a5a6;
}

.subNav-list a:hover {
  color: #fff;
}

#subNav .course a, .sp-subNav .course a {
  background-color: #007bdc;
}

#subNav .course a:hover, .sp-subNav .course a:hover {
  background-color: #4ca2e6;
}

#subNav .course, .sp-subNav .course {
  border: none;
}

#subNav .course a.current + ul a, .sp-subNav .course a.current + ul a {
  border-color: #293855;
  color: #293855;
  background-color: #fff;
}

#subNav .course a.current + ul a:hover, .sp-subNav .course a.current + ul a:hover {
  color: #293855;
  background-color: #4ca2e6;
}

#subNav .course a.current + ul a.current, .sp-subNav .course a.current + ul a.current {
  color: #fff;
  background-color: #4ca2e6;
}

#subNav .course a.current + ul ul, .sp-subNav .course a.current + ul ul {
  background-color: #4ca2e6;
}

#subNav .course a.current + ul ul a, .sp-subNav .course a.current + ul ul a {
  color: #007bdc;
}

#subNav .course a.current + ul ul a.current, .sp-subNav .course a.current + ul ul a.current,
#subNav .course a.current + ul ul a:hover,
.sp-subNav .course a.current + ul ul a:hover {
  color: #fff;
  background-color: #007bdc;
}

#subNav .course li:last-child > li:last-child a, .sp-subNav .course li:last-child > li:last-child a {
  border-bottom: 1px solid #293855;
}

#subNav .course .international-tourism a.current + ul a:hover, .sp-subNav .course .international-tourism a.current + ul a:hover {
  background-color: #c8daf6;
}

#subNav .course .international-tourism a.current + ul a.current, .sp-subNav .course .international-tourism a.current + ul a.current {
  color: #293855;
  background-color: #c8daf6;
}

#subNav .course .international-tourism a.current + ul a.current.under-arrow:after, .sp-subNav .course .international-tourism a.current + ul a.current.under-arrow:after {
  color: #fff;
}

#subNav .course .international-tourism a.current + ul ul, .sp-subNav .course .international-tourism a.current + ul ul {
  background-color: #c8daf6;
}

#subNav .course .international-tourism a.current + ul ul a, .sp-subNav .course .international-tourism a.current + ul ul a {
  color: #023f66;
}

#subNav .course .international-tourism a.current + ul ul a.current, .sp-subNav .course .international-tourism a.current + ul ul a.current,
#subNav .course .international-tourism a.current + ul ul a:hover,
.sp-subNav .course .international-tourism a.current + ul ul a:hover {
  color: #fff;
  background-color: #023f66;
}

#subNav .course .social-welfare a.current + ul a:hover, .sp-subNav .course .social-welfare a.current + ul a:hover {
  background-color: #e2d5d5;
}

#subNav .course .social-welfare a.current + ul a.current, .sp-subNav .course .social-welfare a.current + ul a.current {
  color: #293855;
  background-color: #e2d5d5;
}

#subNav .course .social-welfare a.current + ul a.current.under-arrow:after, .sp-subNav .course .social-welfare a.current + ul a.current.under-arrow:after {
  color: #fff;
}

#subNav .course .social-welfare a.current + ul ul, .sp-subNav .course .social-welfare a.current + ul ul {
  background-color: #e2d5d5;
}

#subNav .course .social-welfare a.current + ul ul a, .sp-subNav .course .social-welfare a.current + ul ul a {
  color: #6c2c2f;
}

#subNav .course .social-welfare a.current + ul ul a.current, .sp-subNav .course .social-welfare a.current + ul ul a.current,
#subNav .course .social-welfare a.current + ul ul a:hover,
.sp-subNav .course .social-welfare a.current + ul ul a:hover {
  color: #fff;
  background-color: #6c2c2f;
}

#subNav .course .health-nutrition a.current + ul a:hover, .sp-subNav .course .health-nutrition a.current + ul a:hover {
  background-color: #fff1d0;
}

#subNav .course .health-nutrition a.current + ul a.current, .sp-subNav .course .health-nutrition a.current + ul a.current {
  color: #293855;
  background-color: #fff1d0;
}

#subNav .course .health-nutrition a.current + ul a.current.under-arrow:after, .sp-subNav .course .health-nutrition a.current + ul a.current.under-arrow:after {
  color: #fff;
}

#subNav .course .health-nutrition a.current + ul ul, .sp-subNav .course .health-nutrition a.current + ul ul {
  background-color: #fff1d0;
}

#subNav .course .health-nutrition a.current + ul ul a, .sp-subNav .course .health-nutrition a.current + ul ul a {
  color: #947f28;
}

#subNav .course .health-nutrition a.current + ul ul a.current, .sp-subNav .course .health-nutrition a.current + ul ul a.current,
#subNav .course .health-nutrition a.current + ul ul a:hover,
.sp-subNav .course .health-nutrition a.current + ul ul a:hover {
  color: #fff;
  background-color: #947f28;
}

#subNav .course .pharmacy a.current + ul a:hover, .sp-subNav .course .pharmacy a.current + ul a:hover {
  background-color: #ffe5e7;
}

#subNav .course .pharmacy a.current + ul a.current, .sp-subNav .course .pharmacy a.current + ul a.current {
  color: #293855;
  background-color: #ffe5e7;
}

#subNav .course .pharmacy a.current + ul a.current.under-arrow:after, .sp-subNav .course .pharmacy a.current + ul a.current.under-arrow:after {
  color: #fff;
}

#subNav .course .pharmacy a.current + ul ul, .sp-subNav .course .pharmacy a.current + ul ul {
  background-color: #ffe5e7;
}

#subNav .course .pharmacy a.current + ul ul a, .sp-subNav .course .pharmacy a.current + ul ul a {
  color: #e60012;
}

#subNav .course .pharmacy a.current + ul ul a.current, .sp-subNav .course .pharmacy a.current + ul ul a.current,
#subNav .course .pharmacy a.current + ul ul a:hover,
.sp-subNav .course .pharmacy a.current + ul ul a:hover {
  color: #fff;
  background-color: #e60012;
}

#subNav .course .none, .sp-subNav .course .none {
  display: none;
}

#subNav .course a[href="/course/international-tourism/"].current, .sp-subNav .course a[href="/course/international-tourism/"].current {
  background-color: #023f66;
}

#subNav .course a[href="/course/social-welfare/"].current, .sp-subNav .course a[href="/course/social-welfare/"].current {
  background-color: #6c2c2f;
}

#subNav .course a[href="/course/health-nutrition/"].current, .sp-subNav .course a[href="/course/health-nutrition/"].current {
  background-color: #947f28;
}

#subNav .course a[href="/course/pharmacy/"].current, .sp-subNav .course a[href="/course/pharmacy/"].current {
  background-color: #e60012;
}

#subNav .about, .sp-subNav .about {
  border: none;
}

#subNav .about a.current, .sp-subNav .about a.current {
  background-color: #246d4f;
}

#subNav .about a, .sp-subNav .about a {
  background-color: #6fc90a;
}

#subNav .about a:hover, .sp-subNav .about a:hover {
  background-color: #86e051;
}

#subNav .about a.current + ul a, .sp-subNav .about a.current + ul a {
  border-color: #246d4f;
  color: #246d4f;
  background-color: #fff;
}

#subNav .about a.current + ul a:hover, .sp-subNav .about a.current + ul a:hover {
  background-color: #d8e5e0;
}

#subNav .about a.current + ul a.current, .sp-subNav .about a.current + ul a.current {
  background-color: #d8e5e0;
}

#subNav .about a.current + ul ul, .sp-subNav .about a.current + ul ul {
  background-color: #d8e5e0;
}

#subNav .about a.current + ul ul a, .sp-subNav .about a.current + ul ul a {
  background-color: #fff;
}

#subNav .about a.current + ul ul a.current, .sp-subNav .about a.current + ul ul a.current,
#subNav .about a.current + ul ul a:hover,
.sp-subNav .about a.current + ul ul a:hover {
  color: #fff;
  background-color: #246d4f;
}

#subNav .graduate, .sp-subNav .graduate {
  border: none;
}

#subNav .graduate a.current, .sp-subNav .graduate a.current {
  background-color: #0073b7;
}

#subNav .graduate a, .sp-subNav .graduate a {
  background-color: #3db6fc;
}

#subNav .graduate a:hover, .sp-subNav .graduate a:hover {
  background-color: #51a8e0;
}

#subNav .graduate a.current + ul a, .sp-subNav .graduate a.current + ul a {
  border-color: #0073b7;
  color: #283754;
  background-color: #fff;
}

#subNav .graduate a.current + ul a:hover, .sp-subNav .graduate a.current + ul a:hover {
  background-color: #ceedff;
}

#subNav .graduate a.current + ul a.current, .sp-subNav .graduate a.current + ul a.current {
  background-color: #ceedff;
}

#subNav .graduate a.current + ul ul, .sp-subNav .graduate a.current + ul ul {
  background-color: #ceedff;
}

#subNav .graduate a.current + ul ul a, .sp-subNav .graduate a.current + ul ul a {
  color: #3db6fc;
}

#subNav .graduate a.current + ul ul a.current, .sp-subNav .graduate a.current + ul ul a.current,
#subNav .graduate a.current + ul ul a:hover,
.sp-subNav .graduate a.current + ul ul a:hover {
  color: #fff;
  background-color: #0073b7;
}

#subNav .international, .sp-subNav .international {
  border: none;
}

#subNav .international a.current, .sp-subNav .international a.current {
  background-color: #bc5a00;
}

#subNav .international a, .sp-subNav .international a {
  background-color: #ff9900;
}

#subNav .international a:hover, .sp-subNav .international a:hover {
  background-color: #b45920;
}

#subNav .international a.current + ul a, .sp-subNav .international a.current + ul a {
  border-color: #bc5a00;
  color: #bc5a00;
  background-color: #fff;
}

#subNav .international a.current + ul a:hover, .sp-subNav .international a.current + ul a:hover {
  background-color: #efded3;
}

#subNav .international a.current + ul a.current, .sp-subNav .international a.current + ul a.current {
  background-color: #efded3;
}

#subNav .life, .sp-subNav .life {
  border: none;
}

#subNav .life a.current, .sp-subNav .life a.current {
  background-color: #c5353a;
}

#subNav .life a, .sp-subNav .life a {
  background-color: #ff624b;
}

#subNav .life a:hover, .sp-subNav .life a:hover {
  background-color: #bb3639;
}

#subNav .life a.current + ul a, .sp-subNav .life a.current + ul a {
  border-color: #c5353a;
  color: #c5353a;
  background-color: #fff;
}

#subNav .life a.current + ul a:hover, .sp-subNav .life a.current + ul a:hover {
  background-color: #fbe0e1;
}

#subNav .life a.current + ul a.current.after-arrow, .sp-subNav .life a.current + ul a.current.after-arrow {
  background-color: #fbe0e1;
}

#subNav .career, .sp-subNav .career {
  border: none;
}

#subNav .career a.current, .sp-subNav .career a.current {
  background-color: #6e238e;
}

#subNav .career a, .sp-subNav .career a {
  background-color: #8e44ad;
}

#subNav .career a:hover, .sp-subNav .career a:hover {
  background-color: #682385;
}

#subNav .career a.current + ul a, .sp-subNav .career a.current + ul a {
  border-color: #6e238e;
  color: #8e44ad;
  background-color: #fff;
}

#subNav .career a.current + ul a:hover, .sp-subNav .career a.current + ul a:hover {
  background-color: #e3dae9;
}

#subNav .career a.current + ul a.current, .sp-subNav .career a.current + ul a.current {
  background-color: #e3dae9;
}

#subNav .society, .sp-subNav .society {
  border: none;
}

#subNav .society a.current, .sp-subNav .society a.current {
  background-color: #276e00;
}

#subNav .society a, .sp-subNav .society a {
  background-color: #36a14d;
}

#subNav .society a:hover, .sp-subNav .society a:hover {
  background-color: #2a6d0f;
}

#subNav .society a.current + ul a, .sp-subNav .society a.current + ul a {
  border-color: #276e00;
  color: #36a14d;
  background-color: #fff;
}

#subNav .society a.current + ul a:hover, .sp-subNav .society a.current + ul a:hover {
  background-color: #dff0e3;
}

#subNav .society a.current + ul a.current, .sp-subNav .society a.current + ul a.current {
  background-color: #dff0e3;
}

#subNav .society a.current + ul ul, .sp-subNav .society a.current + ul ul {
  background-color: #dff0e3;
}

#subNav .society a.current + ul ul a, .sp-subNav .society a.current + ul ul a {
  background-color: #fff;
}

#subNav .society a.current + ul ul a.current, .sp-subNav .society a.current + ul ul a.current,
#subNav .society a.current + ul ul a:hover,
.sp-subNav .society a.current + ul ul a:hover {
  color: #fff;
  background-color: #276e00;
}

#subNav .reunion, .sp-subNav .reunion {
  border: none;
}

#subNav .reunion a.current, .sp-subNav .reunion a.current {
  background-color: #68762f;
}

#subNav .reunion a, .sp-subNav .reunion a {
  background-color: #aab22a;
}

#subNav .reunion a:hover, .sp-subNav .reunion a:hover {
  background-color: #68762f;
}

#subNav .reunion a.current + ul a, .sp-subNav .reunion a.current + ul a {
  border-color: #68762f;
  color: #aab22a;
  background-color: #fff;
}

#subNav .reunion a.current + ul a:hover, .sp-subNav .reunion a.current + ul a:hover {
  background-color: #e6e8c1;
}

#subNav .reunion a.current + ul a.current, .sp-subNav .reunion a.current + ul a.current {
  background-color: #e6e8c1;
}

#subNav .gallery ul, .sp-subNav .gallery ul {
  margin-top: 15px;
}

#subNav .gallery li, .sp-subNav .gallery li {
  line-height: 1.2;
}

#subNav .gallery a, .sp-subNav .gallery a {
  color: #007f92;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  position: relative;
  padding: 8px 0 6px 14px;
  top: 2px;
  padding-left: 16px;
  text-indent: -16px;
}

#subNav .gallery a:before, .sp-subNav .gallery a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  background-color: #007f92;
  border-radius: 100%;
  position: relative;
  top: 1px;
  left: 0px;
  margin-right: 7px;
}

#subNav .gallery a:hover, .sp-subNav .gallery a:hover {
  color: #95a5a6;
}

#subNav .gallery a:hover:before, .sp-subNav .gallery a:hover:before {
  background-color: #95a5a6;
}

#subNav .etc, .sp-subNav .etc {
  border: none;
}

#subNav .etc a.current, .sp-subNav .etc a.current {
  background-color: #07457e;
}

#subNav .etc a, .sp-subNav .etc a {
  background-color: #366593;
}

#subNav .etc a:hover, .sp-subNav .etc a:hover {
  background-color: #7cb3e4;
}

#subNav .etc a.current + ul a, .sp-subNav .etc a.current + ul a {
  border-color: #07457e;
  color: #07457e;
  background-color: #fff;
}

#subNav .etc a.current + ul a:hover, .sp-subNav .etc a.current + ul a:hover {
  background-color: #c9ddf1;
}

#subNav .etc a.current + ul a.current, .sp-subNav .etc a.current + ul a.current {
  background-color: #c9ddf1;
}

#subNav .subNav-society, .sp-subNav .subNav-society {
  border: none;
}

#subNav .subNav-society.international-tourism a.current, .sp-subNav .subNav-society.international-tourism a.current {
  color: #293855;
  background-color: #c8daf6;
}

#subNav .subNav-society.international-tourism a, .sp-subNav .subNav-society.international-tourism a {
  background-color: #023f66;
}

#subNav .subNav-society.international-tourism a:hover, .sp-subNav .subNav-society.international-tourism a:hover {
  background-color: #3fa9f5;
}

#subNav .subNav-society.international-tourism a.current + ul a, .sp-subNav .subNav-society.international-tourism a.current + ul a {
  border-color: #023f66;
  color: #023f66;
  background-color: #fff;
}

#subNav .subNav-society.international-tourism a.current + ul a:hover, .sp-subNav .subNav-society.international-tourism a.current + ul a:hover {
  background-color: #c8daf6;
}

#subNav .subNav-society.international-tourism a.current + ul a.current, .sp-subNav .subNav-society.international-tourism a.current + ul a.current {
  background-color: #c8daf6;
}

#subNav .subNav-society.social-welfare a.current, .sp-subNav .subNav-society.social-welfare a.current {
  color: #293855;
  background-color: #e2d5d5;
}

#subNav .subNav-society.social-welfare a, .sp-subNav .subNav-society.social-welfare a {
  background-color: #6c2c2f;
}

#subNav .subNav-society.social-welfare a:hover, .sp-subNav .subNav-society.social-welfare a:hover {
  background-color: #ff9600;
}

#subNav .subNav-society.social-welfare a.current + ul a, .sp-subNav .subNav-society.social-welfare a.current + ul a {
  border-color: #6c2c2f;
  color: #6c2c2f;
  background-color: #fff;
}

#subNav .subNav-society.social-welfare a.current + ul a:hover, .sp-subNav .subNav-society.social-welfare a.current + ul a:hover {
  background-color: #e2d5d5;
}

#subNav .subNav-society.social-welfare a.current + ul a.current, .sp-subNav .subNav-society.social-welfare a.current + ul a.current {
  background-color: #e2d5d5;
}

#PageTopBt {
  display: none;
  width: 100%;
  position: fixed;
  bottom: 120px;
  z-index: 910;
}

#PageTopBt .pageTop {
  width: 960px;
  position: relative;
  line-height: normal;
  margin: 0 auto;
  z-index: 900;
}

#PageTopBt .pageTop span {
  display: inline-block;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1;
  position: relative;
  left: 1px;
  top: 4px;
}

#PageTopBt .pageTop a {
  display: table-cell;
  position: absolute;
  right: -45px;
  background-color: #fcee21;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

#PageTopBt .pageTop a:hover {
  background-color: #3fa9f5;
}

#PageTopBt .pageTop a img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  #PageTopBt .pageTop a {
    right: 5px;
  }
}

.content-border {
  margin-top: 100px;
  border-top: 1px solid #293855;
}

#bottom-nav {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}

#bottom-nav ul {
  display: table;
  width: 100%;
}

#bottom-nav ul::after {
  content: "";
  clear: both;
  display: table;
}

#bottom-nav li {
  display: table-cell;
  width: 25%;
  padding: 42px 0;
}

#bottom-nav a {
  display: inline-block;
}

#globalFoooter {
  width: 100%;
  background-color: #ececd9;
  position: relative;
}

#fNav {
  margin: 0 auto 20px auto;
  padding-top: 30px;
}

#fNav nav {
  display: table;
  width: 100%;
}

.footer-nav {
  display: table-cell;
  width: 22%;
  padding-right: 9%;
}

.footer-nav ul {
  padding-bottom: 10px;
}

.footer-nav li {
  margin-bottom: 10px;
}

.footer-nav li a {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #293855;
  letter-spacing: -0.6px;
}

.footer-nav a:hover {
  color: #3fa9f5;
}

.footer-nav .index-link a {
  color: #293855;
}

.footer-nav:first-child {
  width: 25%;
}

.footer-nav:last-child {
  width: 17%;
  padding-right: 0;
}

.index-link.border {
  border-top: 1px solid #293855;
  padding-top: 20px;
}

.index-link a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  display: block;
  color: #293855;
  padding-bottom: 15px;
  font-weight: bold;
}

.index-link a:hover {
  color: #3fa9f5;
}

#sp-fNav {
  display: none;
}

#footer-logo {
  padding-top: 30px;
  margin-bottom: 15px;
}

#footer-logo a {
  display: inline-block;
}

#footer-logo img {
  width: 215px;
  height: 63px;
}

#footer {
  background-color: #293855;
  position: relative;
  padding-bottom: 50px;
}

#footer .content, #footer #fNav {
  padding: 0;
}

#footer .pageTop {
  display: none;
  text-align: center;
}

#footer .pageTop a {
  display: inline-block;
  width: 66px;
  height: 66px;
  border-radius: 100%;
  background-color: #293855;
  margin-top: -35px;
  transition: all 300ms ease;
}

#footer .pageTop a:hover {
  background-color: #3fa9f5;
}

#footer .content, #footer #fNav {
  position: relative;
  width: 920px;
  margin: 0 auto;
  box-sizing: border-box;
}

#footer address {
  display: inline;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #fff;
  font-family: "Trebuchet MS";
}

#footer a[href^=tel] {
  color: #fff;
  cursor: normal;
}

#footer nav {
  display: table;
}

#footer-link {
  position: absolute;
  top: 11px;
  right: 0;
}

#footer-link li {
  display: inline-block;
}

#footer-link li:first-child a:before {
  content: "";
}

#footer-link a {
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  display: inline-block;
  padding-right: 5px;
}

#footer-link a:before {
  color: #fff;
  content: "｜";
  padding-right: 5px;
}

#footer-link a:hover {
  color: #3fa9f5;
}

#copyright {
  color: #fff;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-family: "Trebuchet MS";
}

#copyright br {
  display: none;
}

#social-link, #sp-social-link {
  position: relative;
}

#social-link ul, #sp-social-link ul {
  display: inline-block;
  position: absolute;
  right: 30px;
  bottom: -180px;
  z-index: 1;
}

#social-link li, #sp-social-link li {
  display: inline-block;
  margin-left: 15px;
}

#social-link a:hover .facebook-icon:before, #sp-social-link a:hover .facebook-icon:before {
  background-color: #3fa9f5;
}

#social-link a:hover .instagram-icon:before, #sp-social-link a:hover .instagram-icon:before,
#social-link a:hover .twitter-icon:before,
#sp-social-link a:hover .twitter-icon:before {
  color: #3fa9f5;
}

.facebook-icon {
  display: inline-block;
  width: 33px;
  height: 33px;
}

.facebook-icon:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 33px;
  font-size: 3.3rem;
  line-height: 1;
  content: "\e903";
  color: #293855;
  background-color: #fff;
  border-radius: 4px;
}

.instagram-icon {
  display: inline-block;
  width: 33px;
  height: 33px;
}

.instagram-icon:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 33px;
  font-size: 3.3rem;
  line-height: 1;
  content: "\e901";
  color: #fff;
  background-color: #293855;
  border-radius: 4px;
}

.twitter-icon {
  display: inline-block;
  width: 33px;
  height: 33px;
}

.twitter-icon:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 33px;
  font-size: 3.3rem;
  line-height: 1;
  content: "\e900";
  color: #fff;
  background-color: #293855;
}

.mega-menu-wrap {
  display: none;
  position: absolute;
  left: 0;
  width: 903px;
  margin-left: 57px;
}

.mega-menu-wrap.short {
  width: 647px;
  margin-left: 314px;
}

.mega-menu {
  display: block;
  height: auto;
  position: relative;
  box-sizing: border-box;
  width: inherit;
  background-color: white;
  border-width: 5px;
  border-style: solid;
  min-height: 460px;
  height: 460px;
  transition: all 300ms ease;
  padding-top: 25px;
  padding-left: 30px;
}

.mega-menu::after {
  content: "";
  clear: both;
  display: table;
}

.right-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.topix-area {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  margin: 25px 43px 0 0;
  width: 215px;
  box-sizing: border-box;
}

.topix-area.about .tag {
  background-color: #6fc90a;
}

.last-topics-title {
  font-weight: bold;
  font-size: 17.8px;
  font-size: 1.78rem;
  line-height: 1.3;
  border-width: 3px;
  border-style: solid;
  border-left: none;
  border-right: none;
  padding: 10px 0;
  text-align: center;
  margin-bottom: 10px;
}

.last-topics-title span {
  display: block;
}

.about .last-topics-title {
  border-color: #6fc90a;
}

.general .last-topics-title {
  border-color: #6fc90a;
}

.course .last-topics-title {
  border-color: #007bdc;
}

.graduate .last-topics-title {
  border-color: #3db6fc;
}

.international .last-topics-title {
  border-color: #ff9900;
}

.life .last-topics-title {
  border-color: #ff624b;
}

.career .last-topics-title {
  border-color: #8e44ad;
}

.society .last-topics-title {
  border-color: #36a14d;
}

.topics .last-topics-title {
  border-color: #95a5a6;
}

.reunion .last-topics-title {
  border-color: #aab22a;
}

.research .last-topics-title {
  border-color: #c03961;
}

.study .last-topics-title {
  border-color: #c03961;
}

.alert .last-topics-title {
  border-color: #f00;
}

.important .last-topics-title {
  border-color: #00b4ed;
}

.etc .last-topics-title {
  border-color: #366593;
}

.it .last-topics-title {
  border-color: #023f66;
}

.sw .last-topics-title {
  border-color: #6c2c2f;
}

.hn .last-topics-title {
  border-color: #947f28;
}

.p .last-topics-title {
  border-color: #e60012;
}

.common .last-topics-title {
  border-color: #515d75;
}

.last-topics-tile {
  width: 215px;
  position: relative;
  text-align: center;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-top-width: 10px;
  height: 310px;
  max-height: 310px;
  min-height: 310px;
  background-color: #fff;
  border-radius: 10px;
  text-align: left;
  padding: 6px 0;
}

.last-topics-tile h2 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  margin: 8px 14px 8px 14px;
}

.about .last-topics-tile {
  border-color: #6fc90a;
}

.about .last-topics-tile h2 {
  color: #6fc90a;
}

.about .last-topics-tile .detail-link:after {
  background-color: #6fc90a;
}

.general .last-topics-tile {
  border-color: #6fc90a;
}

.general .last-topics-tile h2 {
  color: #6fc90a;
}

.general .last-topics-tile .detail-link:after {
  background-color: #6fc90a;
}

.course .last-topics-tile {
  border-color: #007bdc;
}

.course .last-topics-tile h2 {
  color: #007bdc;
}

.course .last-topics-tile .detail-link:after {
  background-color: #007bdc;
}

.graduate .last-topics-tile {
  border-color: #3db6fc;
}

.graduate .last-topics-tile h2 {
  color: #3db6fc;
}

.graduate .last-topics-tile .detail-link:after {
  background-color: #3db6fc;
}

.international .last-topics-tile {
  border-color: #ff9900;
}

.international .last-topics-tile h2 {
  color: #ff9900;
}

.international .last-topics-tile .detail-link:after {
  background-color: #ff9900;
}

.life .last-topics-tile {
  border-color: #ff624b;
}

.life .last-topics-tile h2 {
  color: #ff624b;
}

.life .last-topics-tile .detail-link:after {
  background-color: #ff624b;
}

.career .last-topics-tile {
  border-color: #8e44ad;
}

.career .last-topics-tile h2 {
  color: #8e44ad;
}

.career .last-topics-tile .detail-link:after {
  background-color: #8e44ad;
}

.society .last-topics-tile {
  border-color: #36a14d;
}

.society .last-topics-tile h2 {
  color: #36a14d;
}

.society .last-topics-tile .detail-link:after {
  background-color: #36a14d;
}

.topics .last-topics-tile {
  border-color: #95a5a6;
}

.topics .last-topics-tile h2 {
  color: #95a5a6;
}

.topics .last-topics-tile .detail-link:after {
  background-color: #95a5a6;
}

.reunion .last-topics-tile {
  border-color: #aab22a;
}

.reunion .last-topics-tile h2 {
  color: #aab22a;
}

.reunion .last-topics-tile .detail-link:after {
  background-color: #aab22a;
}

.research .last-topics-tile {
  border-color: #c03961;
}

.research .last-topics-tile h2 {
  color: #c03961;
}

.research .last-topics-tile .detail-link:after {
  background-color: #c03961;
}

.study .last-topics-tile {
  border-color: #c03961;
}

.study .last-topics-tile h2 {
  color: #c03961;
}

.study .last-topics-tile .detail-link:after {
  background-color: #c03961;
}

.alert .last-topics-tile {
  border-color: #f00;
}

.alert .last-topics-tile h2 {
  color: #f00;
}

.alert .last-topics-tile .detail-link:after {
  background-color: #f00;
}

.important .last-topics-tile {
  border-color: #00b4ed;
}

.important .last-topics-tile h2 {
  color: #00b4ed;
}

.important .last-topics-tile .detail-link:after {
  background-color: #00b4ed;
}

.etc .last-topics-tile {
  border-color: #366593;
}

.etc .last-topics-tile h2 {
  color: #366593;
}

.etc .last-topics-tile .detail-link:after {
  background-color: #366593;
}

.it .last-topics-tile {
  border-color: #023f66;
}

.it .last-topics-tile h2 {
  color: #023f66;
}

.it .last-topics-tile .detail-link:after {
  background-color: #023f66;
}

.sw .last-topics-tile {
  border-color: #6c2c2f;
}

.sw .last-topics-tile h2 {
  color: #6c2c2f;
}

.sw .last-topics-tile .detail-link:after {
  background-color: #6c2c2f;
}

.hn .last-topics-tile {
  border-color: #947f28;
}

.hn .last-topics-tile h2 {
  color: #947f28;
}

.hn .last-topics-tile .detail-link:after {
  background-color: #947f28;
}

.p .last-topics-tile {
  border-color: #e60012;
}

.p .last-topics-tile h2 {
  color: #e60012;
}

.p .last-topics-tile .detail-link:after {
  background-color: #e60012;
}

.common .last-topics-tile {
  border-color: #515d75;
}

.common .last-topics-tile h2 {
  color: #515d75;
}

.common .last-topics-tile .detail-link:after {
  background-color: #515d75;
}

.last-topics-tile .tag {
  position: absolute;
  top: -10px;
  left: -1px;
  width: 86px;
  height: 14px;
  display: block;
  padding-top: 8px;
  padding-bottom: 6px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  border-radius: 10px 0 0 0;
}

.last-topics-tile .thumbnail {
  display: block;
  line-height: 0;
  width: 100%;
  height: 142px;
  padding-right: 2px;
  box-sizing: border-box;
  overflow: hidden;
}

.last-topics-tile .thumbnail img {
  width: 100%;
  max-width: 215px;
}

.last-topics-tile .date {
  left: 14px;
  position: absolute;
  bottom: 27px;
}

.last-topics-tile .detail-link {
  position: absolute;
  right: 14px;
  bottom: 21px;
  padding-right: 0;
  background-color: transparent;
}

.last-topics-tile .detail-link:after {
  position: relative;
  top: 1px;
  margin-left: 4px;
  font-size: 16px;
}

.last-topics-tile .label {
  margin-top: 12px;
  margin-left: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 3px 5px;
  height: 20px;
  box-sizing: border-box;
}

.last-topics-tile .label.cl-it {
  background-color: #023f66;
}

.last-topics-tile .label.cl-sw {
  background-color: #6c2c2f;
}

.last-topics-tile .label.cl-hn {
  background-color: #947f28;
}

.last-topics-tile .label.cl-p {
  background-color: #e60012;
}

#gNav li .mega-menu .last-topics-tile a {
  color: #000;
  width: 215px;
  max-width: 215px;
  display: block;
  height: inherit;
  background-color: transparent;
  position: absolute;
  top: 0;
}

#gNav li .mega-menu .last-topics-tile a:before {
  content: "";
  transition: all 100ms;
}

#gNav li .mega-menu .last-topics-tile a:after {
  display: none;
}

#gNav li .mega-menu .last-topics-tile a:hover:before {
  color: #000;
  display: block;
  width: 215px;
  height: 310px;
  position: absolute;
  top: -10px;
  left: -1px;
  z-index: 50;
  background-color: rgba(255, 255, 255, 0.3);
}

#gNav li .mega-menu .large-menu .last-topics-tile a {
  background-color: transparent;
}

#gNav .mega-menu .large-menu {
  display: block;
  float: none;
  margin-bottom: 15px;
}

#gNav .mega-menu .large-menu > a {
  display: block;
  position: relative;
  z-index: 1;
  width: 250px;
  max-width: 250px;
  height: 55px;
  background-color: initial;
  box-sizing: content-box;
  transition: padding 300ms ease;
}

#gNav .mega-menu .large-menu > a:after {
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "\e906";
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
}

#gNav .mega-menu .large-menu:hover > a {
  padding-right: 27px;
}

#gNav .mega-menu .large-menu.current > a {
  padding-right: 27px;
}

#gNav .mega-menu .large-menu .small-menu {
  position: absolute;
  top: 25px;
  left: 307px;
  width: 295px;
  box-sizing: border-box;
  padding: 10px 15px;
  min-height: 392px;
}

#gNav .mega-menu .large-menu .small-menu ul {
  display: block;
}

#gNav .mega-menu .large-menu .small-menu ul.hidden {
  display: none;
}

#gNav .mega-menu .large-menu .small-menu li {
  display: block;
}

#gNav .mega-menu .large-menu .small-menu a {
  width: auto;
  height: auto;
  color: #000;
  padding: 5px 0 3px 7px;
}

#gNav .mega-menu .large-menu .small-menu a:after {
  display: none;
}

#gNav .mega-menu .large-menu.international-tourism a {
  background-color: #023f66;
}

#gNav .mega-menu .large-menu.social-welfare a {
  background-color: #6c2c2f;
}

#gNav .mega-menu .large-menu.health-nutrition a {
  background-color: #947f28;
}

#gNav .mega-menu .large-menu.pharmacy a {
  background-color: #e60012;
}

#gNav .mega-menu .large-menu.teacher-training a {
  background-color: #919f9d;
}

#gNav #gNav-course .mega-menu {
  border-color: #007bdc;
}

#gNav #gNav-course .international-tourism .small-menu {
  background-color: #e7f8fa;
}

#gNav #gNav-course .international-tourism .small-menu li a {
  background-color: transparent;
}

#gNav #gNav-course .international-tourism .small-menu li a:hover {
  background-color: #b7eaf0;
}

#gNav #gNav-course .social-welfare .small-menu {
  background-color: #fff8e7;
}

#gNav #gNav-course .social-welfare .small-menu li a {
  background-color: transparent;
}

#gNav #gNav-course .social-welfare .small-menu li a:hover {
  background-color: #ffe19c;
}

#gNav #gNav-course .health-nutrition .small-menu {
  background-color: #eff6d9;
}

#gNav #gNav-course .health-nutrition .small-menu li a {
  background-color: transparent;
}

#gNav #gNav-course .health-nutrition .small-menu li a:hover {
  background-color: #d2e692;
}

#gNav #gNav-course .pharmacy .small-menu {
  background-color: #ffeaf2;
}

#gNav #gNav-course .pharmacy .small-menu li a {
  background-color: transparent;
}

#gNav #gNav-course .pharmacy .small-menu li a:hover {
  background-color: #ffcdd3;
}

#gNav #gNav-course .teacher-training .small-menu {
  background-color: #d0e2df;
}

#gNav #gNav-course .teacher-training .small-menu li a {
  background-color: transparent;
}

#gNav #gNav-course .teacher-training .small-menu li a:hover {
  background-color: #b2c1bf;
}

#gNav #gNav-about .mega-menu {
  border-color: #6fc90a;
}

#gNav #gNav-about .small-menu li a {
  background-color: transparent;
}

#gNav #gNav-about .small-menu li a:hover {
  background-color: #dff2c9;
}

#gNav #gNav-graduate .mega-menu {
  border-color: #3db6fc;
}

#gNav #gNav-graduate .small-menu li a {
  background-color: transparent;
}

#gNav #gNav-graduate .small-menu li a:hover {
  background-color: #cbecff;
}

#gNav #gNav-international .mega-menu {
  border-color: #ff9900;
}

#gNav #gNav-international .small-menu li a {
  background-color: transparent;
}

#gNav #gNav-international .small-menu li a:hover {
  background-color: #ffe1b4;
}

#gNav #gNav-life .mega-menu {
  border-color: #ff624b;
}

#gNav #gNav-life .small-menu li a {
  background-color: transparent;
}

#gNav #gNav-life .small-menu li a:hover {
  background-color: #ffd6d0;
}

#gNav #gNav-career .mega-menu {
  border-color: #8e44ad;
}

#gNav #gNav-career .small-menu li a {
  background-color: transparent;
}

#gNav #gNav-career .small-menu li a:hover {
  background-color: #e9dbef;
}

#gNav #gNav-society .mega-menu {
  border-color: #36a14d;
  min-height: 480px;
  height: 480px;
}

#gNav #gNav-society .small-menu li a {
  background-color: transparent;
}

#gNav #gNav-society .small-menu li a:hover {
  background-color: #d7ecdb;
}

#gNav .mega-menu-wrap .small-menu {
  position: absolute;
  top: 25px;
  left: 12px;
  width: 305px;
  box-sizing: border-box;
  padding: 10px 15px;
  min-height: 384px;
  font-feature-settings: "palt" 1;
}

#gNav .mega-menu-wrap .small-menu ul {
  display: block;
}

#gNav .mega-menu-wrap .small-menu ul.hidden {
  display: none;
}

#gNav .mega-menu-wrap .small-menu li {
  display: block;
  line-height: 1.4;
  border-left: none;
  text-align: left;
}

#gNav .mega-menu-wrap .small-menu li a {
  background-color: transparent;
  width: auto;
  max-width: 295px;
  height: auto;
  color: #000;
  padding: 5px 0 3px 7px;
}

#gNav .mega-menu-wrap .small-menu li a:after {
  display: none;
}

#gNav .mega-menu-wrap .small-menu.small-menu-right {
  left: 310px;
}

a {
  text-decoration: none;
  color: #335599;
}

a:visited {
  color: #335599;
}

a:hover {
  color: #3fa9f5;
}

a:active {
  color: #335599;
}

#sidr-menu {
  display: none;
}

#sidr-menu .sp-subNav {
  margin-top: 0;
}

#sidr-menu .sp-subNav a {
  color: #fff;
}

.scroll-margin {
  margin-top: -60px;
  padding-top: 60px;
}

.thumbnail-list {
  width: 650px;
}

.thumbnail-list::after {
  content: "";
  clear: both;
  display: table;
}

.thumbnail-list li {
  float: left;
  width: 201px;
  margin-left: 23px;
  margin-bottom: 30px;
  line-height: 1.4;
}

.thumbnail-list li img {
  width: 100%;
}

.thumbnail-list li:nth-child(3n+1) {
  margin-left: 0;
  clear: left;
}

.thumbnail-list .caption {
  display: block;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.1;
  margin-top: 5px;
}

.thumbnail-list .border {
  border-top: none;
}

.thumbnail-list .border img {
  border: 1px solid #293855;
}

.thumbnail-list2 img {
  display: inline-block;
  width: 46%;
  margin: 0 2%;
}

.thumbnail-list.thumbnail-list2 li {
  width: 310px;
  margin-left: 30px;
}

.thumbnail-list.thumbnail-list2 li:nth-child(3n+1) {
  margin-left: 30px;
  clear: none;
}

.thumbnail-list.thumbnail-list2 li:nth-child(2n+1) {
  margin-left: 0;
  clear: left;
}

.thumbnail-list.thumbnail-list2 img {
  width: 100%;
  margin: 0;
}

.thumbnail-list.thumbnail-list4 ul {
  width: 664px;
}

.thumbnail-list.thumbnail-list4 li {
  width: 150px;
  margin-left: 16px;
}

.thumbnail-list.thumbnail-list4 li:nth-child(3n+1) {
  margin-left: 16px;
  clear: none;
}

.thumbnail-list.thumbnail-list4 li:nth-child(4n+1) {
  margin-left: 0;
  clear: left;
}

.thumbnail-list.thumbnail-list5 li {
  width: 109px;
  margin-left: 26px;
}

.thumbnail-list.thumbnail-list5 li:nth-child(3n+1) {
  margin-left: 26px;
  clear: none;
}

.thumbnail-list.thumbnail-list5 li:nth-child(5n+1) {
  margin-left: 0;
  clear: left;
}

.thumbnail-list.inner-box {
  width: 580px;
  margin-left: 25px;
  margin-right: 25px;
}

.thumbnail-list.inner-box.thumbnail-list2 li {
  width: 275px;
}

.thumbnail-list.ssp li {
  line-height: 0;
}

.thumbnail-list.ssp li:nth-child(3) {
  float: right;
}

.thumbnail-list.ssp li:nth-child(6) {
  margin-left: 0;
  clear: left;
}

.thumbnail-list.ssp li:nth-child(3n+7) {
  margin-left: 23px;
  clear: none;
}

.thumbnail-list.ssp2017 li {
  line-height: 0;
}

.thumbnail-list.ssp2017 li:nth-child(6) {
  float: right;
  margin-bottom: 20px;
  overflow: hidden;
  height: 294px;
}

.thumbnail-list.ssp2017 li:nth-child(7) {
  width: 425px;
  margin-left: 0;
  clear: left;
}

.thumbnail-flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.thumbnail-flex img {
  width: 100%;
  max-width: 320px;
  height: 100%;
  margin-bottom: 10px;
}

.thumbnail-flex .column3 {
  max-width: calc(640px / 3);
}

.flex-row-content {
  display: flex;
  margin-left: -2%;
  margin-right: -2%;
}

.flex-row-content > * {
  margin-right: 2%;
  margin-left: 2%;
  margin-bottom: 2%;
}

.flex-row-content > * img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.flex-row-content .figcaption {
  margin-bottom: 5px;
}

@media screen and (max-width: 540px) {
  .thumbnail-list {
    width: auto;
  }
  .thumbnail-list li:nth-child(3n+1) {
    margin-left: 3%;
    clear: initial;
  }
  .thumbnail-list li {
    width: 48%;
    margin-left: 3%;
    margin-bottom: 3%;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.1;
  }
  .thumbnail-list li:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
  }
  .thumbnail-list.thumbnail-list2 li {
    width: 48%;
    margin-left: 3%;
  }
  .thumbnail-list.thumbnail-list2 li:nth-child(3n+1) {
    margin-left: 3%;
    clear: initial;
  }
  .thumbnail-list.thumbnail-list2 li:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
  }
  .thumbnail-list.thumbnail-list4 ul {
    width: auto;
  }
  .thumbnail-list.thumbnail-list4 li {
    width: 48%;
    margin-left: 3%;
  }
  .thumbnail-list.thumbnail-list4 li:nth-child(2n+1) {
    margin-left: 0 !important;
    clear: left !important;
  }
  .thumbnail-list.thumbnail-list4 li:nth-child(3n+1) {
    margin-left: 3%;
    clear: initial;
  }
  .thumbnail-list.thumbnail-list5 li {
    width: 30%;
    margin-left: 3%;
    margin-bottom: 3%;
  }
  .thumbnail-list.thumbnail-list5 li:nth-child(2n+1),
  .thumbnail-list.thumbnail-list5 li:nth-child(6n+1) {
    margin-left: 3%;
    clear: initial;
  }
  .thumbnail-list.thumbnail-list5 li:nth-child(3n+1) {
    margin-left: 0;
    clear: left;
  }
  .thumbnail-list.inner-box {
    width: auto;
    margin-left: 25px;
    margin-right: 25px;
  }
  .thumbnail-list.inner-box.thumbnail-list2 li {
    width: 48%;
    margin-left: 3%;
  }
  .thumbnail-list.inner-box.thumbnail-list2 li:nth-child(2n+1) {
    margin-left: 0;
    clear: initial;
  }
  .thumbnail-list.ssp li {
    width: 100%;
    margin-left: 0 !important;
    clear: left;
  }
  .thumbnail-list.ssp2017 li {
    line-height: 0;
    width: 100% !important;
    margin-left: 0 !important;
    clear: left;
    height: auto;
    margin-bottom: 3% !important;
  }
  .thumbnail-flex {
    justify-content: center;
  }
  .thumbnail-flex .column3 {
    max-width: 320px;
  }
}

#page-nav {
  margin-top: 30px;
  margin-bottom: 100px;
}

#page-nav li {
  width: 200px;
  display: inline-block;
  margin-left: 21px;
  position: relative;
}

#page-nav li:first-child {
  margin-left: 0;
}

#page-nav a {
  display: table-cell;
  width: 200px;
  height: 45px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  background-color: #293855 !important;
  text-align: center;
  vertical-align: middle;
  transition: all 300ms;
  box-sizing: border-box;
}

#page-nav a:hover {
  background-color: #3fa9f5 !important;
}

#page-nav .prev-btn:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
}

#page-nav .prev-btn .text {
  padding-left: 1em;
}

#page-nav .next-btn:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
}

#page-nav .next-btn .text {
  padding-right: 1em;
}

#page-nav .back-list-btn {
  background-image: url(/assets/templates/niu2016/img/common/icon-list.png);
  background-repeat: no-repeat;
  background-position: 31px center;
  background-size: 19px 13px;
}

#page-nav .back-list-btn .text {
  padding-left: 1em;
}

#page-nav .text {
  position: relative;
  top: 1px;
}

.pagination {
  clear: both;
  text-align: center;
  margin-top: 50px;
}

.pagination ul {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

.pagination ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
}

.pagination ul li a {
  font-family: Arial;
  color: #3fa9f5;
  display: table-cell;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  border: 1px solid #3fa9f5;
}

.pagination ul li a:visited {
  color: #3fa9f5;
}

.pagination ul li a:hover {
  color: #3fa9f5;
}

.pagination ul li a:active {
  color: #3fa9f5;
}

.pagination ul li a:hover {
  color: #fff;
  background-color: #3fa9f5;
}

.pagination ul li.current a {
  color: #fff;
  background-color: #3fa9f5;
}

.pagination ul li:first-child {
  padding-left: 5px;
}

.pagination ul li:last-child {
  padding-right: 5px;
}

.prev-btn,
.next-btn {
  display: inline-block;
  width: 44px;
}

a.prev,
a.next {
  color: #666;
  position: relative;
  top: -1px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}

a.prev .text,
a.next .text {
  color: #3fa9f5;
  position: relative;
  top: 2px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}

.prev-icon,
.next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
}

.next-icon:before,
.prev-icon:before {
  color: #3fa9f5;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 4px;
}

.prev-icon:before {
  content: "\e909";
}

.next-icon:before {
  content: "\e906";
}

/* class applies to select element itself, not a wrapper element */
.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%;
  /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
    
  */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23293855%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}

.select-css.select-css--inline-block {
  display: inline-block;
  width: auto;
}

/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
  display: none;
}

/* Hover style */
.select-css:hover {
  border-color: #888;
}

/* Focus style */
.select-css:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}

/* Set options to normal weight */
.select-css option {
  font-weight: normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

h1 {
  background: none;
  line-height: normal;
}

figure {
  line-height: 0;
}

figure img {
  max-width: 650px;
}

figcaption {
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  color: #000;
}

.fit-caption {
  line-height: 1.2;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

em {
  font-style: normal;
  font-weight: normal;
  color: #c1272d;
}

address {
  font-style: normal;
}

p {
  text-align: justify;
  text-justify: inter-ideograph;
}

p.pb {
  padding-bottom: 25px;
}

ol {
  list-style-position: inside;
}

ol > li {
  list-style-type: decimal;
}

.list-outside {
  list-style-position: outside !important;
}

hr.margin {
  padding-bottom: 100px;
}

hr.dot {
  border-bottom-color: #999;
}

.x-scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@media screen and (max-width: 540px) {
  .x-scroll th, .x-scroll td {
    word-wrap: normal;
    word-break: keep-all;
  }
}

.x-scroll::-webkit-scrollbar {
  display: none;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.overhidden {
  overflow: hidden;
}

.inline-block,
.inlineblock {
  display: inline-block;
}

.hidden {
  display: none;
}

.hidden-pc {
  display: none;
}

.hidden-sp {
  display: block;
}

.v-hidden {
  visibility: hidden;
}

.noborder {
  border: none !important;
}

.top-noborder {
  border-top: none !important;
}

.static {
  position: static !important;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.ab-bottom {
  position: absolute;
  bottom: 0;
}

.floL {
  float: left;
}

.floR {
  float: right;
}

.imgL, .imgleft {
  float: left;
  margin-right: 25px;
  margin-bottom: 10px;
  margin-top: 3px;
}

.imgR, .imgright {
  float: right;
  margin-left: 25px;
  margin-bottom: 10px;
  margin-top: 3px;
}

.imgleft.border {
  border: 1px solid #ccc;
  padding: 5px !important;
  line-height: 0;
}

.imgright.border {
  border: 1px solid #ccc;
  padding: 5px !important;
  line-height: 0;
}

.fig {
  display: block;
  margin: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  line-height: 1.4;
}

.fig img {
  vertical-align: top;
}

.fig-caption {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  margin-top: 5px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.clear {
  clear: both;
}

.clear-left {
  clear: left;
}

.clearfix:after, .inline-list.column:after, .label-list:after {
  content: "";
  clear: both;
  display: block;
}

.right {
  text-align: right !important;
}

.left {
  text-align: left !important;
}

.center {
  text-align: center !important;
}

.pt0 {
  padding-top: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.padding {
  padding: 15px 20px;
  box-sizing: border-box;
}

.padding0 {
  padding: 0 !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.para {
  text-indent: -1em;
  padding-left: 1em;
}

.l_space {
  letter-spacing: 1em !important;
  text-indent: 1em !important;
}

.notes {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.2;
}

.notes.indent {
  padding-left: 1em;
  text-indent: -1em;
}

.date {
  letter-spacing: 0.1px;
}

.nowrap {
  white-space: nowrap;
}

.normal {
  font-weight: normal !important;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.indent {
  text-indent: 1em;
}

.underline {
  text-decoration: underline;
}

.noline {
  text-decoration: none;
}

.nobg {
  background: none !important;
}

.unit-center {
  text-align: center;
}

.radius {
  border-radius: 100%;
}

.require {
  color: #293855;
}

.arrow:before {
  content: "\e906";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 20px;
  background-color: #293855;
  border-radius: 100%;
}

.text-to-crop::before {
  content: '';
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
}

.ffs-palt {
  font-feature-settings: "palt" 1;
}

.objectfit-cover {
  object-fit: cover;
  object-position: 50% 50%;
}

.objectfit-contain {
  object-fit: contain !important;
  object-position: 50% 50%;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.flex-row {
  flex-flow: row wrap;
}

.flex-row-nowrap {
  flex-flow: row nowrap;
}

.flex-column {
  flex-flow: column nowrap;
}

@media screen and (max-width: 540px) {
  .sp-flex-row {
    flex-flow: row wrap;
  }
}

@media screen and (max-width: 540px) {
  .sp-flex-column {
    flex-flow: column nowrap;
  }
}

.justify-between,
.j-between {
  justify-content: space-between;
}

.justify-center,
.j-center {
  justify-content: center;
}

.justify-flexstart {
  justify-content: flex-start !important;
}

@media screen and (max-width: 540px) {
  .sp-justify-flexstart {
    justify-content: flex-start !important;
  }
}

.justify-flexend {
  justify-content: flex-end !important;
}

@media screen and (max-width: 540px) {
  .sp-justify-flexend {
    justify-content: flex-end !important;
  }
}

.align-item-center {
  align-items: center;
}

.align-item-start {
  align-items: flex-start;
}

.align-item-end {
  align-items: flex-end;
}

@media screen and (max-width: 540px) {
  .sp-align-item-center {
    align-items: center;
  }
}

@media screen and (max-width: 540px) {
  .sp-align-item-start {
    align-items: flex-start;
  }
}

@media screen and (max-width: 540px) {
  .sp-align-item-end {
    align-items: flex-end;
  }
}

.align-self-center {
  -ms-grid-row-align: center;
      align-self: center;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.grow-on,
.flex-grow {
  flex-grow: 1 !important;
}

.shrink-on,
.flex-shrink {
  flex-shrink: 1 !important;
}

.grow-off {
  flex-grow: 0;
}

.shrink-off {
  flex-shrink: 0;
}

.order1 {
  order: 1;
}

.order2 {
  order: 2;
}

.order3 {
  order: 3;
}

@media screen and (max-width: 540px) {
  .sp-order1 {
    order: 1;
  }
  .sp-order2 {
    order: 2;
  }
  .sp-order3 {
    order: 3;
  }
}

.red {
  color: #FF0000;
}

.black {
  color: #000 !important;
}

.c, [class^="c-"] {
  color: #293855;
}

.c-white {
  color: #fff;
}

.c {
  color: #293855;
}

.c-all {
  color: #828282;
}

.c-about, .staffdetail h3 {
  color: #6fc90a;
}

.c-about-dark {
  color: #246d4f;
}

.c-about-light {
  color: #d8e5e0;
}

.c-general {
  color: #6fc90a;
}

.c-general-dark {
  color: #246d4f;
}

.c-general-light {
  color: #d8e5e0;
}

.c-course {
  color: #007bdc;
}

.c-course-dark {
  color: #3377dd;
}

.c-course-light {
  color: #dff2ff;
}

.c-graduate {
  color: #3db6fc;
}

.c-graduate-dark {
  color: #0073b7;
}

.c-graduate-light {
  color: #ceedff;
}

.c-international {
  color: #ff9900;
}

.c-international-dark {
  color: #bc5a00;
}

.c-international-light {
  color: #efded3;
}

.c-life {
  color: #ff624b;
}

.c-life-dark {
  color: #c5353a;
}

.c-life-light {
  color: #fbe0e1;
}

.c-career {
  color: #8e44ad;
}

.c-career-dark {
  color: #6e238e;
}

.c-career-light {
  color: #e3dae9;
}

.c-society {
  color: #36a14d;
}

.c-society-dark {
  color: #276e00;
}

.c-society-light {
  color: #dff0e3;
}

.c-topics {
  color: #95a5a6;
}

.c-topics-dark {
  color: #4f7377;
}

.c-topics-light {
  color: #e8f1f3;
}

.c-reunion {
  color: #aab22a;
}

.c-reunion-dark {
  color: #68762f;
}

.c-reunion-light {
  color: #e6e8c1;
}

.c-research {
  color: #c03961;
}

.c-research-dark {
  color: #333;
}

.c-research-light {
  color: #333;
}

.c-study {
  color: #c03961;
}

.c-study-dark {
  color: #333;
}

.c-study-light {
  color: #333;
}

.c-gallery {
  color: #007f92;
}

.c-gallery-dark {
  color: #333;
}

.c-gallery-light {
  color: #e3eaea;
}

.c-alert {
  color: #f00;
}

.c-alert-dark {
  color: #333;
}

.c-alert-light {
  color: #333;
}

.c-important {
  color: #00b4ed;
}

.c-important-dark {
  color: #333;
}

.c-important-light {
  color: #333;
}

.c-etc {
  color: #366593;
}

.c-etc-dark {
  color: #07457e;
}

.c-etc-light {
  color: #c9ddf1;
}

.c-it {
  color: #023f66;
}

.c-it-dark {
  color: #3377dd;
}

.c-it-light {
  color: #dff2ff;
}

.c-sw {
  color: #6c2c2f;
}

.c-sw-dark {
  color: #e65a32;
}

.c-sw-light {
  color: #fff5e8;
}

.c-hn {
  color: #947f28;
}

.c-hn-dark {
  color: #32870a;
}

.c-hn-light {
  color: #efffeb;
}

.c-p {
  color: #e60012;
}

.c-p-dark {
  color: #c83737;
}

.c-p-light {
  color: #ffebeb;
}

.bdc {
  border-color: #293855;
}

.bdc-all {
  border-color: #828282;
}

.bdc-about, .staffdetail h2 {
  border-color: #6fc90a;
}

.bdc-about-dark {
  border-color: #246d4f;
}

.bdc-about-light {
  border-color: #d8e5e0;
}

.bdc-general {
  border-color: #6fc90a;
}

.bdc-general-dark {
  border-color: #246d4f;
}

.bdc-general-light {
  border-color: #d8e5e0;
}

.bdc-course {
  border-color: #007bdc;
}

.bdc-course-dark {
  border-color: #3377dd;
}

.bdc-course-light {
  border-color: #dff2ff;
}

.bdc-graduate {
  border-color: #3db6fc;
}

.bdc-graduate-dark {
  border-color: #0073b7;
}

.bdc-graduate-light {
  border-color: #ceedff;
}

.bdc-international {
  border-color: #ff9900;
}

.bdc-international-dark {
  border-color: #bc5a00;
}

.bdc-international-light {
  border-color: #efded3;
}

.bdc-life {
  border-color: #ff624b;
}

.bdc-life-dark {
  border-color: #c5353a;
}

.bdc-life-light {
  border-color: #fbe0e1;
}

.bdc-career {
  border-color: #8e44ad;
}

.bdc-career-dark {
  border-color: #6e238e;
}

.bdc-career-light {
  border-color: #e3dae9;
}

.bdc-society {
  border-color: #36a14d;
}

.bdc-society-dark {
  border-color: #276e00;
}

.bdc-society-light {
  border-color: #dff0e3;
}

.bdc-topics {
  border-color: #95a5a6;
}

.bdc-topics-dark {
  border-color: #4f7377;
}

.bdc-topics-light {
  border-color: #e8f1f3;
}

.bdc-reunion {
  border-color: #aab22a;
}

.bdc-reunion-dark {
  border-color: #68762f;
}

.bdc-reunion-light {
  border-color: #e6e8c1;
}

.bdc-research {
  border-color: #c03961;
}

.bdc-research-dark {
  border-color: #333;
}

.bdc-research-light {
  border-color: #333;
}

.bdc-study {
  border-color: #c03961;
}

.bdc-study-dark {
  border-color: #333;
}

.bdc-study-light {
  border-color: #333;
}

.bdc-gallery {
  border-color: #007f92;
}

.bdc-gallery-dark {
  border-color: #333;
}

.bdc-gallery-light {
  border-color: #e3eaea;
}

.bdc-alert {
  border-color: #f00;
}

.bdc-alert-dark {
  border-color: #333;
}

.bdc-alert-light {
  border-color: #333;
}

.bdc-important {
  border-color: #00b4ed;
}

.bdc-important-dark {
  border-color: #333;
}

.bdc-important-light {
  border-color: #333;
}

.bdc-etc {
  border-color: #366593;
}

.bdc-etc-dark {
  border-color: #07457e;
}

.bdc-etc-light {
  border-color: #c9ddf1;
}

.bdc-it {
  border-color: #023f66;
}

.bdc-it-dark {
  border-color: #3377dd;
}

.bdc-it-light {
  border-color: #dff2ff;
}

.bdc-sw {
  border-color: #6c2c2f;
}

.bdc-sw-dark {
  border-color: #e65a32;
}

.bdc-sw-light {
  border-color: #fff5e8;
}

.bdc-hn {
  border-color: #947f28;
}

.bdc-hn-dark {
  border-color: #32870a;
}

.bdc-hn-light {
  border-color: #efffeb;
}

.bdc-p {
  border-color: #e60012;
}

.bdc-p-dark {
  border-color: #c83737;
}

.bdc-p-light {
  border-color: #ffebeb;
}

.cl {
  background-color: #293855;
}

.cl-all,
a:hover.cl-all {
  background-color: #828282;
}

.cl-about,
a:hover.cl-about {
  background-color: #6fc90a;
}

.cl-about-dark,
a:hover.cl-about-dark {
  background-color: #246d4f;
}

.cl-about-light,
a:hover.cl-about-light {
  background-color: #d8e5e0;
}

.cl-general,
a:hover.cl-general {
  background-color: #6fc90a;
}

.cl-general-dark,
a:hover.cl-general-dark {
  background-color: #246d4f;
}

.cl-general-light,
a:hover.cl-general-light {
  background-color: #d8e5e0;
}

.cl-course,
a:hover.cl-course {
  background-color: #007bdc;
}

.cl-course-dark,
a:hover.cl-course-dark {
  background-color: #3377dd;
}

.cl-course-light,
a:hover.cl-course-light {
  background-color: #dff2ff;
}

.cl-graduate,
a:hover.cl-graduate {
  background-color: #3db6fc;
}

.cl-graduate-dark,
a:hover.cl-graduate-dark {
  background-color: #0073b7;
}

.cl-graduate-light,
a:hover.cl-graduate-light {
  background-color: #ceedff;
}

.cl-international,
a:hover.cl-international {
  background-color: #ff9900;
}

.cl-international-dark,
a:hover.cl-international-dark {
  background-color: #bc5a00;
}

.cl-international-light,
a:hover.cl-international-light {
  background-color: #efded3;
}

.cl-life,
a:hover.cl-life {
  background-color: #ff624b;
}

.cl-life-dark,
a:hover.cl-life-dark {
  background-color: #c5353a;
}

.cl-life-light,
a:hover.cl-life-light {
  background-color: #fbe0e1;
}

.cl-career,
a:hover.cl-career {
  background-color: #8e44ad;
}

.cl-career-dark,
a:hover.cl-career-dark {
  background-color: #6e238e;
}

.cl-career-light,
a:hover.cl-career-light {
  background-color: #e3dae9;
}

.cl-society,
a:hover.cl-society {
  background-color: #36a14d;
}

.cl-society-dark,
a:hover.cl-society-dark {
  background-color: #276e00;
}

.cl-society-light,
a:hover.cl-society-light {
  background-color: #dff0e3;
}

.cl-topics,
a:hover.cl-topics {
  background-color: #95a5a6;
}

.cl-topics-dark,
a:hover.cl-topics-dark {
  background-color: #4f7377;
}

.cl-topics-light,
a:hover.cl-topics-light {
  background-color: #e8f1f3;
}

.cl-reunion,
a:hover.cl-reunion {
  background-color: #aab22a;
}

.cl-reunion-dark,
a:hover.cl-reunion-dark {
  background-color: #68762f;
}

.cl-reunion-light,
a:hover.cl-reunion-light {
  background-color: #e6e8c1;
}

.cl-research,
a:hover.cl-research {
  background-color: #c03961;
}

.cl-research-dark,
a:hover.cl-research-dark {
  background-color: #333;
}

.cl-research-light,
a:hover.cl-research-light {
  background-color: #333;
}

.cl-study,
a:hover.cl-study {
  background-color: #c03961;
}

.cl-study-dark,
a:hover.cl-study-dark {
  background-color: #333;
}

.cl-study-light,
a:hover.cl-study-light {
  background-color: #333;
}

.cl-gallery,
a:hover.cl-gallery {
  background-color: #007f92;
}

.cl-gallery-dark,
a:hover.cl-gallery-dark {
  background-color: #333;
}

.cl-gallery-light,
a:hover.cl-gallery-light {
  background-color: #e3eaea;
}

.cl-alert,
a:hover.cl-alert {
  background-color: #f00;
}

.cl-alert-dark,
a:hover.cl-alert-dark {
  background-color: #333;
}

.cl-alert-light,
a:hover.cl-alert-light {
  background-color: #333;
}

.cl-important,
a:hover.cl-important {
  background-color: #00b4ed;
}

.cl-important-dark,
a:hover.cl-important-dark {
  background-color: #333;
}

.cl-important-light,
a:hover.cl-important-light {
  background-color: #333;
}

.cl-etc, .thin-table thead,
a:hover.cl-etc {
  background-color: #366593;
}

.cl-etc-dark,
a:hover.cl-etc-dark {
  background-color: #07457e;
}

.cl-etc-light, .thin-table tfoot, .fConditions .total,
a:hover.cl-etc-light,
.fConditions a.total:hover {
  background-color: #c9ddf1;
}

.cl-it,
a:hover.cl-it {
  background-color: #023f66;
}

.cl-it-dark,
a:hover.cl-it-dark {
  background-color: #3377dd;
}

.cl-it-light,
a:hover.cl-it-light {
  background-color: #dff2ff;
}

.cl-sw,
a:hover.cl-sw {
  background-color: #6c2c2f;
}

.cl-sw-dark,
a:hover.cl-sw-dark {
  background-color: #e65a32;
}

.cl-sw-light,
a:hover.cl-sw-light {
  background-color: #fff5e8;
}

.cl-hn,
a:hover.cl-hn {
  background-color: #947f28;
}

.cl-hn-dark,
a:hover.cl-hn-dark {
  background-color: #32870a;
}

.cl-hn-light,
a:hover.cl-hn-light {
  background-color: #efffeb;
}

.cl-p,
a:hover.cl-p {
  background-color: #e60012;
}

.cl-p-dark,
a:hover.cl-p-dark {
  background-color: #c83737;
}

.cl-p-light,
a:hover.cl-p-light {
  background-color: #ffebeb;
}

.cl-about-stripe {
  background-color: #e9f7da;
}

.cl-common-stripe {
  background-color: #a9c4e0;
}

.cl-table-stripe {
  background-color: #eef2f4;
}

.cl-black-bg {
  background-color: #000;
}

.cl-it.light-bg {
  background-color: #dff2ff;
}

.cl-all-bg {
  background-color: #828282;
}

.cl-about-bg {
  background-color: #6fc90a;
}

.cl-about-dark-bg {
  background-color: #246d4f;
}

.cl-about-light-bg {
  background-color: #d8e5e0;
}

.cl-general-bg {
  background-color: #6fc90a;
}

.cl-general-dark-bg {
  background-color: #246d4f;
}

.cl-general-light-bg {
  background-color: #d8e5e0;
}

.cl-course-bg {
  background-color: #007bdc;
}

.cl-course-dark-bg {
  background-color: #3377dd;
}

.cl-course-light-bg {
  background-color: #dff2ff;
}

.cl-graduate-bg {
  background-color: #3db6fc;
}

.cl-graduate-dark-bg {
  background-color: #0073b7;
}

.cl-graduate-light-bg {
  background-color: #ceedff;
}

.cl-international-bg {
  background-color: #ff9900;
}

.cl-international-dark-bg {
  background-color: #bc5a00;
}

.cl-international-light-bg {
  background-color: #efded3;
}

.cl-life-bg {
  background-color: #ff624b;
}

.cl-life-dark-bg {
  background-color: #c5353a;
}

.cl-life-light-bg {
  background-color: #fbe0e1;
}

.cl-career-bg {
  background-color: #8e44ad;
}

.cl-career-dark-bg {
  background-color: #6e238e;
}

.cl-career-light-bg {
  background-color: #e3dae9;
}

.cl-society-bg {
  background-color: #36a14d;
}

.cl-society-dark-bg {
  background-color: #276e00;
}

.cl-society-light-bg {
  background-color: #dff0e3;
}

.cl-topics-bg {
  background-color: #95a5a6;
}

.cl-topics-dark-bg {
  background-color: #4f7377;
}

.cl-topics-light-bg {
  background-color: #e8f1f3;
}

.cl-reunion-bg {
  background-color: #aab22a;
}

.cl-reunion-dark-bg {
  background-color: #68762f;
}

.cl-reunion-light-bg {
  background-color: #e6e8c1;
}

.cl-research-bg {
  background-color: #c03961;
}

.cl-research-dark-bg {
  background-color: #333;
}

.cl-research-light-bg {
  background-color: #333;
}

.cl-study-bg {
  background-color: #c03961;
}

.cl-study-dark-bg {
  background-color: #333;
}

.cl-study-light-bg {
  background-color: #333;
}

.cl-gallery-bg {
  background-color: #007f92;
}

.cl-gallery-dark-bg {
  background-color: #333;
}

.cl-gallery-light-bg {
  background-color: #e3eaea;
}

.cl-alert-bg {
  background-color: #f00;
}

.cl-alert-dark-bg {
  background-color: #333;
}

.cl-alert-light-bg {
  background-color: #333;
}

.cl-important-bg {
  background-color: #00b4ed;
}

.cl-important-dark-bg {
  background-color: #333;
}

.cl-important-light-bg {
  background-color: #333;
}

.cl-etc-bg {
  background-color: #366593;
}

.cl-etc-dark-bg {
  background-color: #07457e;
}

.cl-etc-light-bg {
  background-color: #c9ddf1;
}

.cl-it-bg {
  background-color: #023f66;
}

.cl-it-dark-bg {
  background-color: #3377dd;
}

.cl-it-light-bg {
  background-color: #dff2ff;
}

.cl-sw-bg {
  background-color: #6c2c2f;
}

.cl-sw-dark-bg {
  background-color: #e65a32;
}

.cl-sw-light-bg {
  background-color: #fff5e8;
}

.cl-hn-bg {
  background-color: #947f28;
}

.cl-hn-dark-bg {
  background-color: #32870a;
}

.cl-hn-light-bg {
  background-color: #efffeb;
}

.cl-p-bg {
  background-color: #e60012;
}

.cl-p-dark-bg {
  background-color: #c83737;
}

.cl-p-light-bg {
  background-color: #ffebeb;
}

.cl-about-curriculum-bg, .curriculum.cl-about {
  background-color: #f2fae9;
}

.cl-gray-bg,
.gray-bg,
.teacher-training .odd {
  background-color: #eef2f4;
}

.cl-white-bg,
.white-bg {
  background-color: #fff !important;
}

.cl-graduate-curriculum-bg, .curriculum.cl-graduate {
  background-color: #dff2ff;
}

.rotate {
  position: relative;
}

.rotate:before {
  content: "…";
  position: absolute;
  transform: rotate(90deg);
}

.box {
  padding-left: 3%;
  padding-right: 3%;
}

.box.radius {
  border-radius: 8px;
}

.title-border-box {
  display: inline-block;
  padding: 10px 50px;
  border: 3px solid #293855;
}

.title-border-box img {
  line-height: 0;
}

.solid-box {
  padding: 20px;
}

.solid-box::after {
  content: "";
  clear: both;
  display: table;
}

.solid-box.padding {
  padding: 15px 20px;
}

.solid-box.table-stripe {
  background-color: #eef2f4;
}

.solid-box.after-arrow {
  position: relative;
  padding-right: 60px !important;
}

.solid-box.after-arrow a:after {
  color: #cbd3d3;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  display: inline-block;
  font-size: 57px;
  font-size: 5.7rem;
  line-height: 1;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.solid-box--narrow {
  padding: 20px 15px;
  max-width: 325px;
  box-sizing: border-box;
  width: 100%;
}

@media screen and (max-width: 540px) {
  .solid-box--narrow {
    max-width: inherit;
  }
}

.stripe .solid-box:nth-of-type(2n) {
  background-color: #eef2f4;
}

.stripe-box {
  background-image: url(/assets/templates/niu2016/img/common/border_bg.png);
  background-repeat: repaet;
}

.gray-box {
  background-color: #eef2f4;
}

.gray-box.inline-block, .gray-box.inlineblock {
  padding-right: 10px;
}

.gray-box.inline-list {
  padding: 0 10px 5px 10px;
}

.gray-box.rellink, .gray-box.margin-top {
  margin-top: 50px;
}

.gray-box.half {
  width: 284px;
}

.gray-box.half li {
  display: block;
}

.gray-box.half a {
  display: block;
  padding: 6px 0 6px 0;
}

.gray-box .inline-list:first-child {
  padding: 6px 0 6px 10px;
}

.gray-box .inline-list:last-child {
  margin-right: 0;
}

.gray-point-box {
  background-color: #f2f2f2;
  padding: 14px 15px 13px 15px;
}

.gray-point-box .bold {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  white-space: pre;
}

.radius-box {
  padding: 24px 20px;
  border-radius: 8px;
}

.entry .radius-box h2 {
  color: #000;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  padding-bottom: 6px;
  border-bottom: 2px solid #fff;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

.entry .radius-box p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  padding-left: 5px;
  padding-right: 5px;
}

.arrow-box {
  display: inline-block;
}

.arrow-box:before {
  display: inline-block;
  content: "\e90a";
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  background-color: #293855;
  border-radius: 2px;
}

.arrow-box:hover:before {
  background-color: #3fa9f5;
}

.box-border-thin {
  border-width: 3px;
  border-style: solid;
}

.box-border-thin.cl-course {
  border-color: #3377dd;
}

.address-title {
  background-color: transparent !important;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 0 0 15px 23px;
  text-indent: -24px;
}

.address-title:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  position: relative;
  top: 1px;
}

.address {
  padding: 15px 20px;
  box-sizing: border-box;
  margin-top: 25px;
}

.address.padding {
  padding: 15px 20px;
}

.address.table-stripe {
  background-color: #eef2f4;
}

.address.after-arrow {
  position: relative;
  padding-right: 60px !important;
}

.address.after-arrow a:after {
  color: #cbd3d3;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  display: inline-block;
  font-size: 57px;
  font-size: 5.7rem;
  line-height: 1;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.address h2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 5px 0;
}

.address p {
  margin-bottom: 10px;
}

.address p:last-of-type {
  margin-bottom: 0;
}

.address.cl-it {
  background-color: #dff2ff;
}

.address.cl-it .address-title:before {
  background-color: #023f66;
}

.address.cl-sw {
  background-color: #fff5e8;
}

.address.cl-sw .address-title:before {
  background-color: #6c2c2f;
}

.address.cl-hn {
  background-color: #efffeb;
}

.address.cl-hn .address-title:before {
  background-color: #947f28;
}

.address.cl-p {
  background-color: #ffebeb;
}

.address.cl-p .address-title:before {
  background-color: #e60012;
}

.address .cl-about.address-title:before {
  background-color: #246d4f;
}

.address .cl-general.address-title:before {
  background-color: #246d4f;
}

.address .cl-course.address-title:before {
  background-color: #3377dd;
}

.address .cl-graduate.address-title:before {
  background-color: #0073b7;
}

.address .cl-international.address-title:before {
  background-color: #bc5a00;
}

.address .cl-life.address-title:before {
  background-color: #c5353a;
}

.address .cl-career.address-title:before {
  background-color: #6e238e;
}

.address .cl-society.address-title:before {
  background-color: #276e00;
}

.address .cl-topics.address-title:before {
  background-color: #4f7377;
}

.address .cl-reunion.address-title:before {
  background-color: #68762f;
}

.address .cl-research.address-title:before {
  background-color: #333;
}

.address .cl-study.address-title:before {
  background-color: #333;
}

.address .cl-alert.address-title:before {
  background-color: #333;
}

.address .cl-important.address-title:before {
  background-color: #333;
}

.address .cl-etc.address-title:before, .address .thin-table thead.address-title:before, .thin-table .address thead.address-title:before {
  background-color: #07457e;
}

.address .cl-common.address-title:before {
  background-color: #333;
}

.address.cl-about {
  background-color: #f2fae9;
}

.address.cl-about .address-title:before {
  background-color: #6fc90a;
}

.address.cl-society {
  background-color: #dff0e3;
}

.address.cl-society .address-title:before {
  background-color: #36a14d;
}

.address.cl-reunion {
  background-color: #e6e8c1;
}

.address.cl-reunion .address-title:before {
  background-color: #aab22a;
}

.address.cl-etc, .thin-table thead.address {
  background-color: #c9ddf1;
}

.address.cl-etc .address-title:before, .thin-table thead.address .address-title:before {
  background-color: #366593;
}

.address.cl-life-light-bg .address-title:before {
  background-color: #e60012;
}

table {
  margin: 0 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}

table caption {
  text-align: left;
  margin-bottom: 5px;
}

.tophead th {
  font-weight: normal;
  text-align: center;
}

.tophead td {
  font-weight: normal;
}

.table {
  display: table;
}

.cell {
  display: table-cell;
}

.top {
  vertical-align: top;
}

.common {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  border-bottom: 1px solid #999;
  background-color: transparent;
}

.common.fS {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
}

.common th {
  font-weight: normal;
  border-left: 2px solid #fff;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}

.common th:first-child {
  border: none;
}

.common th:first-child.border {
  border-top: 1px solid #fff;
}

.common td {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px dotted #999;
}

.common td[rowspan],
.common td[rowspan] ~ td {
  border-top: 1px solid #999;
}

.common tr:first-child td {
  border-top: none;
}

.common tr:first-child th {
  border-bottom: none;
}

.common thead th {
  border-bottom: none !important;
}

.common tfoot th {
  border-left: none;
  border-bottom: 1px solid #999;
  color: #000;
  font-weight: bold;
}

.common tfoot th:first-child {
  border-bottom: 1px solid #999;
}

.common .odd td {
  background-color: #eef2f4;
}

.common.border {
  border-top: none;
}

.common.border td, .common.border th {
  border-bottom-style: solid;
}

.common.border tr:first-child td {
  border-bottom: 1px solid #999;
}

.common .border {
  border: none;
}

.common .border td {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.common .border-dot td, .common hr.dot td {
  border-bottom-style: dotted;
}

.common td.border-dot {
  border-top-style: dotted !important;
}

.common.top-border {
  border-top-color: #999;
}

.common.border-vertical td {
  border: 1px solid #999;
}

.common .textleft {
  text-align: left;
}

.common.common-shrink th, .common.common-shrink td {
  padding-left: 2px;
  padding-right: 2px;
}

.th-left {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}

.th-left.fS {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
}

.th-left th {
  font-weight: normal;
  border-bottom: 1px solid #fff;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}

.th-left td {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.border-table {
  width: 100%;
  border: 1px solid #ccc;
}

.border-table th {
  font-weight: normal;
  color: #fff;
  padding: 1.6% 0.4%;
  border-right: 1px solid #fff;
}

.border-table th:first-child {
  border-left: 1px solid #ccc;
}

.border-table th:last-child {
  border-right: 1px solid #ccc;
}

.border-table td {
  padding: 1.6% 0.9%;
  border: 1px solid #ccc;
}

.normal-table {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}

.normal-table th {
  width: 20%;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  color: #fff;
  padding: 15px 5px;
}

.normal-table td {
  line-height: 1.4;
  padding: 15px;
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;
}

.normal-table dt {
  font-weight: bold;
  padding-right: 1em;
}

.normal-table tr:first-child td {
  border-top: 1px solid #999;
}

.normal-table tr:last-child td {
  border-bottom: 1px solid #999;
}

.normal-table ul {
  margin-left: 4px;
}

.normal-table ul li {
  margin-left: 15px;
  text-indent: -15px;
}

.normal-table ul li:before {
  position: relative;
  top: -1px;
  margin-right: 13px;
  content: "";
  margin-right: 7px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background-color: #293855;
}

.normal-table ol {
  list-style-position: outside;
  margin-left: 20px;
}

.normal-table ol li li {
  list-style-type: none;
}

.normal-table li {
  line-height: 1.4;
  margin-top: 1%;
}

.normal-table li:first-child {
  margin-top: 0;
}

.normal-table li li {
  line-height: 1.3;
  margin-top: 0.5%;
}

.normal-table li li:first-child {
  margin-top: 0;
}

.normal-table.pharmacy th {
  background-color: #ff5055;
}

.normal-table.pharmacy .list-circle {
  margin-left: 0;
}

.normal-table.pharmacy dt {
  min-width: 97px;
}

.normal-table.pharmacy dt:before {
  background-color: #e60012;
}

.normal-table.pharmacy li:before {
  background-color: #e60012;
}

table.stripe {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  border-bottom: 1px solid #999;
}

table.stripe th {
  font-weight: normal;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
  border-left: 2px solid #fff;
}

table.stripe td {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom-width: 1px;
  border-bottom-color: #999;
}

table.stripe tr:nth-child(2n) th,
table.stripe tr:nth-child(2n) td {
  background-color: #eef2f4;
}

table.stripe.odd tr:nth-child(2n) th,
table.stripe.odd tr:nth-child(2n) td {
  background-color: transparent;
}

table.stripe.odd tr:nth-child(2n+3) th,
table.stripe.odd tr:nth-child(2n+3) td {
  background-color: #eef2f4;
}

table.stripe tr:last-child td {
  border-bottom: none;
}

table.stripe.solid td {
  border-bottom-style: solid;
}

table.stripe.dot tr:not(class) th {
  font-weight: bold;
  color: #000;
  border-left: none;
  border-bottom: 1px dotted #999;
}

table.stripe.dot td {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

.stripe-thin {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
}

.stripe-thin th {
  font-weight: normal;
  padding: 5px;
  color: #fff;
  border-left: 1px solid #fff;
}

.stripe-thin td {
  padding: 7px;
  border-bottom-width: 1px;
  text-align: center;
}

.stripe-thin tr:nth-child(2n) th,
.stripe-thin tr:nth-child(2n) td {
  background-color: #eef2f4;
}

.stripe-thin.border-solid td {
  border: 1px solid #ccc;
}

.stripe-thin tr:nth-child(2n).tfoot th,
.stripe-thin tr:nth-child(2n).tfoot td {
  color: #000 !important;
  background-color: #dfe6ea;
}

.stripe-thin tr:nth-child(2n+1).tfoot th,
.stripe-thin tr:nth-child(2n+1).tfoot td {
  color: #000 !important;
  background-color: #cfdae0;
}

.border-double {
  border-top: 3px double #fff;
}

.last-td-left td {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.last-td-left td:last-child {
  text-align: left;
}

.thin-table {
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  background-color: transparent;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

.thin-table th {
  font-weight: normal;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 3px;
  padding-right: 3px;
}

.thin-table thead tr:first-child th {
  border-top: 1px solid #999;
}

.thin-table thead tr:first-child th:first-child {
  border-left: 1px solid #999;
}

.thin-table td {
  padding: 15px 3px;
  border: 1px solid #999;
}

.thin-table td.right {
  text-align: right;
}

.thin-table td.white {
  background-color: #fff;
}

.thin-table tbody th, .thin-table tbody td {
  text-align: center;
}

.thin-table thead th {
  color: #fff;
}

.thin-table tfoot {
  text-align: center;
}

.thin-table tfoot th, .thin-table tfoot td {
  border-bottom: 1px solid #999;
}

.thin-table tfoot th:first-child, .thin-table tfoot td:first-child {
  border-left-color: #999;
}

.thin-table tfoot th:last-child, .thin-table tfoot td:last-child {
  border-right-color: #999;
}

.fConditions tbody th, .fConditions tbody td {
  text-align: left;
}

.fConditions tbody td:nth-child(n+2) {
  text-align: right;
}

.fConditions .total td.white {
  color: #000;
}

.solid-table {
  margin-top: 50px;
  margin-bottom: 20px;
  display: table;
  width: 100%;
}

.solid-table .title {
  display: table-cell;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  vertical-align: middle;
  background-color: #aaa;
  height: 54px;
  padding-left: 15px;
  box-sizing: border-box;
  width: 100%;
}

.solid-table .link {
  width: 125px;
}

.solid-table .link a {
  display: table-cell;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  width: 125px;
  height: 54px;
  box-sizing: border-box;
  position: relative;
  color: #fff;
  position: relative;
  transition: all 300ms ease-in;
}

.solid-table .link a:after {
  content: "\e906";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 18px;
  right: 14px;
}

.solid-table.cl-it .title {
  background-color: #3fa9f5;
}

.solid-table.cl-it .link a {
  background-color: #023f66;
}

.solid-table.cl-it .link a:hover {
  background-color: #3377dd;
}

.solid-table.cl-sw .title {
  background-color: #ff9600;
}

.solid-table.cl-sw .link a {
  background-color: #6c2c2f;
}

.solid-table.cl-sw .link a:hover {
  background-color: #e65a32;
}

.solid-table.cl-hn .title {
  background-color: #78b400;
}

.solid-table.cl-hn .link a {
  background-color: #947f28;
}

.solid-table.cl-hn .link a:hover {
  background-color: #32870a;
}

.solid-table.cl-p .title {
  background-color: #ff5055;
}

.solid-table.cl-p .link a {
  background-color: #e60012;
}

.solid-table.cl-p .link a:hover {
  background-color: #c83737;
}

table .cl-p-light {
  background-color: #ff5055;
}

.table-sticky th {
  position: -webkit-sticky;
  position: sticky;
  top: 103px;
}

@media screen and (max-width: 540px) {
  .table-sticky th {
    top: 0;
  }
}

.table-border th, .table-border td {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  border: 1px solid #515d75;
}

.narrow-padding th, .narrow-padding td {
  padding: 0.2em 0.3em;
}

@media screen and (max-width: 540px) {
  .tab-btn-area .solid-table {
    display: none;
  }
  .solid-table {
    display: block;
    width: 100%;
  }
  .solid-table .title {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    height: 18px;
    padding: 14px 0;
    text-align: center;
    box-sizing: content-box;
  }
  .solid-table .link {
    width: auto;
  }
  .solid-table .link a {
    box-sizing: content-box;
    display: block;
    width: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    height: 16px;
    padding: 9px 0 8px 0;
    font-weight: lighter;
  }
  .solid-table .link a:after {
    top: 8px;
    right: 34%;
  }
  .normal-table dl.list-circle dt {
    float: none;
  }
  .normal-table dl.list-circle dd {
    margin-left: 19px;
  }
}

.inline li {
  display: inline;
}

.list-arrow li:before {
  display: inline-block;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  border-radius: 100%;
  position: relative;
  top: 1px;
  margin-right: 2px;
  background-color: #293855;
}

.gray-box .list-arrow li {
  margin-left: 20px;
}

.gray-box .list-arrow li:before {
  margin-left: -20px;
}

.list-box .list-arrow {
  padding: 20px 22px;
}

.list-box .list-arrow li {
  position: relative;
  border-bottom: 1px solid #fff;
}

.list-box .list-arrow li a {
  color: #000;
  display: block;
  padding: 11px 0 11px 0;
  margin-left: 30px;
  text-indent: -29px;
}

.list-box .list-arrow li a:before {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1;
  border-radius: 50%;
  color: #fff;
  position: relative;
  left: 0;
  top: 2px;
  display: inline;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  margin-right: 8px;
}

.list-box .list-arrow li a:hover {
  color: #2d5189;
}

.list-box .list-arrow li a:hover:before {
  background-color: #2d5189 !important;
}

.list-box .list-arrow li:before {
  display: none;
  content: "";
}

.list-box .list-arrow.arrowbg-about li a:before {
  background-color: #6fc90a;
}

.list-box .list-arrow.arrowbg-general li a:before {
  background-color: #6fc90a;
}

.list-box .list-arrow.arrowbg-course li a:before {
  background-color: #007bdc;
}

.list-box .list-arrow.arrowbg-graduate li a:before {
  background-color: #3db6fc;
}

.list-box .list-arrow.arrowbg-international li a:before {
  background-color: #ff9900;
}

.list-box .list-arrow.arrowbg-life li a:before {
  background-color: #ff624b;
}

.list-box .list-arrow.arrowbg-career li a:before {
  background-color: #8e44ad;
}

.list-box .list-arrow.arrowbg-society li a:before {
  background-color: #36a14d;
}

.list-box .list-arrow.arrowbg-topics li a:before {
  background-color: #95a5a6;
}

.list-box .list-arrow.arrowbg-reunion li a:before {
  background-color: #aab22a;
}

.list-box .list-arrow.arrowbg-research li a:before {
  background-color: #c03961;
}

.list-box .list-arrow.arrowbg-study li a:before {
  background-color: #c03961;
}

.list-box .list-arrow.arrowbg-alert li a:before {
  background-color: #f00;
}

.list-box .list-arrow.arrowbg-important li a:before {
  background-color: #00b4ed;
}

.list-box .list-arrow.arrowbg-etc li a:before {
  background-color: #366593;
}

.list-box .list-arrow.arrowbg-it li a:before {
  background-color: #023f66;
}

.list-box .list-arrow.arrowbg-sw li a:before {
  background-color: #6c2c2f;
}

.list-box .list-arrow.arrowbg-hn li a:before {
  background-color: #947f28;
}

.list-box .list-arrow.arrowbg-p li a:before {
  background-color: #e60012;
}

.list-box .list-arrow.arrowbg-common li a:before {
  background-color: #515d75;
}

.list-box .date {
  margin-right: 15px;
}

.list-square {
  background-color: transparent;
}

.list-square li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  list-style-type: none;
  padding: 0 0 5px 23px;
  text-indent: -24px;
}

.list-square li:before {
  content: "■";
  font-size: 16px;
  padding-right: 7px;
}

.list-square li:last-child {
  padding-bottom: 0;
}

.list-square.about li:before {
  color: #246d4f;
}

.list-square.general li:before {
  color: #246d4f;
}

.list-square.course li:before {
  color: #3377dd;
}

.list-square.graduate li:before {
  color: #0073b7;
}

.list-square.international li:before {
  color: #bc5a00;
}

.list-square.life li:before {
  color: #c5353a;
}

.list-square.career li:before {
  color: #6e238e;
}

.list-square.society li:before {
  color: #276e00;
}

.list-square.topics li:before {
  color: #4f7377;
}

.list-square.reunion li:before {
  color: #68762f;
}

.list-square.research li:before {
  color: #333;
}

.list-square.study li:before {
  color: #333;
}

.list-square.alert li:before {
  color: #333;
}

.list-square.important li:before {
  color: #333;
}

.list-square.etc li:before {
  color: #07457e;
}

.list-square.common li:before {
  color: #333;
}

.cl-it.list-square li:before {
  color: #023f66;
}

.cl-sw.list-square li:before {
  color: #6c2c2f;
}

.cl-hn.list-square li:before {
  color: #947f28;
}

.cl-p.list-square li:before {
  color: #e60012;
}

.list-title {
  display: inline-block;
  background-color: #ddd;
  padding: 13px 21px;
}

.list-title::after {
  content: "";
  clear: both;
  display: table;
}

.list-title .arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.list-title .arrow:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  position: relative;
  top: 0;
  left: 0;
  color: #293855;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  border-radius: 0;
}

.list-title a .arrow:before {
  color: #fff;
  background-color: #293855;
}

.list-title a:hover .arrow:before {
  color: #293855;
  background-color: #fff;
}

.inline-list.cell {
  vertical-align: middle;
}

.inline-list.cell a {
  top: auto;
}

.inline-list li {
  display: inline-block;
  margin-right: 17px;
  margin-left: 23px;
}

.inline-list a {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  position: relative;
  background-color: transparent;
}

.inline-list a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  background-color: #666;
  border-radius: 100%;
  position: relative;
  top: 1px;
  left: 0px;
  margin-right: 3px;
  margin-left: -23px;
}

.inline-list a:hover {
  background-color: transparent;
}

.inline-list a[class^="cl"]:before {
  background-color: #293855;
}

.inline-list a.cl-about:before {
  background-color: #6fc90a;
}

.inline-list a.cl-general:before {
  background-color: #6fc90a;
}

.inline-list a.cl-course:before {
  background-color: #007bdc;
}

.inline-list a.cl-graduate:before {
  background-color: #3db6fc;
}

.inline-list a.cl-international:before {
  background-color: #ff9900;
}

.inline-list a.cl-life:before {
  background-color: #ff624b;
}

.inline-list a.cl-career:before {
  background-color: #8e44ad;
}

.inline-list a.cl-society:before {
  background-color: #36a14d;
}

.inline-list a.cl-topics:before {
  background-color: #95a5a6;
}

.inline-list a.cl-reunion:before {
  background-color: #aab22a;
}

.inline-list a.cl-research:before {
  background-color: #c03961;
}

.inline-list a.cl-study:before {
  background-color: #c03961;
}

.inline-list a.cl-alert:before {
  background-color: #f00;
}

.inline-list a.cl-important:before {
  background-color: #00b4ed;
}

.inline-list a.cl-etc:before {
  background-color: #366593;
}

.inline-list a.cl-it:before {
  background-color: #023f66;
}

.inline-list a.cl-sw:before {
  background-color: #6c2c2f;
}

.inline-list a.cl-hn:before {
  background-color: #947f28;
}

.inline-list a.cl-p:before {
  background-color: #e60012;
}

.inline-list a.cl-common:before {
  background-color: #515d75;
}

.round-arrow a {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  position: relative;
  top: 2px;
  background-color: transparent !important;
}

.round-arrow a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  background-color: #293855;
  border-radius: 100%;
  position: relative;
  top: 1px;
  left: 0px;
  margin-right: 3px;
}

.round-arrow a[class^="cl-"]:before {
  background-color: #293855;
}

.round-arrow a.cl-about:before {
  background-color: #6fc90a;
}

.round-arrow a.cl-general:before {
  background-color: #6fc90a;
}

.round-arrow a.cl-course:before {
  background-color: #007bdc;
}

.round-arrow a.cl-graduate:before {
  background-color: #3db6fc;
}

.round-arrow a.cl-international:before {
  background-color: #ff9900;
}

.round-arrow a.cl-life:before {
  background-color: #ff624b;
}

.round-arrow a.cl-career:before {
  background-color: #8e44ad;
}

.round-arrow a.cl-society:before {
  background-color: #36a14d;
}

.round-arrow a.cl-topics:before {
  background-color: #95a5a6;
}

.round-arrow a.cl-reunion:before {
  background-color: #aab22a;
}

.round-arrow a.cl-research:before {
  background-color: #c03961;
}

.round-arrow a.cl-study:before {
  background-color: #c03961;
}

.round-arrow a.cl-alert:before {
  background-color: #f00;
}

.round-arrow a.cl-important:before {
  background-color: #00b4ed;
}

.round-arrow a.cl-etc:before {
  background-color: #366593;
}

.round-arrow a.cl-it:before {
  background-color: #023f66;
}

.round-arrow a.cl-sw:before {
  background-color: #6c2c2f;
}

.round-arrow a.cl-hn:before {
  background-color: #947f28;
}

.round-arrow a.cl-p:before {
  background-color: #e60012;
}

.round-arrow a.cl-common:before {
  background-color: #515d75;
}

.round-arrow a.cl-it:before {
  background-color: #023f66;
}

.round-arrow a.cl-sw:before {
  background-color: #6c2c2f;
}

.round-arrow a.cl-hn:before {
  background-color: #947f28;
}

.round-arrow a.cl-p:before {
  background-color: #e60012;
}

.list-circle {
  background-color: transparent;
}

.list-circle li {
  margin-top: 5px;
  margin-left: 20px;
  line-height: 1.4;
  list-style-type: none;
  text-indent: -16px;
}

.list-circle li:first-child {
  margin-top: 0;
}

.list-circle li:before {
  position: relative;
  top: -1px;
  margin-right: 13px;
  content: "";
  margin-right: 7px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background-color: #293855;
}

.list-circle li .external {
  text-indent: 0;
}

.list-circle.margin li {
  line-height: 1.6;
  text-indent: -22px;
  padding-left: 33px;
  margin-top: 30px;
}

.list-circle.margin li:first-child {
  margin-top: 0;
}

.list-circle.margin li:before {
  margin-right: 13px;
}

.list-circle .normal {
  margin-top: 5px;
}

.list-circle .normal li {
  list-style-type: disc;
  text-indent: 0;
  margin-bottom: 5px;
  line-height: 1.4;
}

.list-circle .normal li:before {
  display: none;
}

.list-circle.about li:before,
.list-circle.about dt:before {
  background-color: #6fc90a;
}

.list-circle.general li:before,
.list-circle.general dt:before {
  background-color: #6fc90a;
}

.list-circle.course li:before,
.list-circle.course dt:before {
  background-color: #007bdc;
}

.list-circle.graduate li:before,
.list-circle.graduate dt:before {
  background-color: #3db6fc;
}

.list-circle.international li:before,
.list-circle.international dt:before {
  background-color: #ff9900;
}

.list-circle.life li:before,
.list-circle.life dt:before {
  background-color: #ff624b;
}

.list-circle.career li:before,
.list-circle.career dt:before {
  background-color: #8e44ad;
}

.list-circle.society li:before,
.list-circle.society dt:before {
  background-color: #36a14d;
}

.list-circle.topics li:before,
.list-circle.topics dt:before {
  background-color: #95a5a6;
}

.list-circle.reunion li:before,
.list-circle.reunion dt:before {
  background-color: #aab22a;
}

.list-circle.research li:before,
.list-circle.research dt:before {
  background-color: #c03961;
}

.list-circle.study li:before,
.list-circle.study dt:before {
  background-color: #c03961;
}

.list-circle.alert li:before,
.list-circle.alert dt:before {
  background-color: #f00;
}

.list-circle.important li:before,
.list-circle.important dt:before {
  background-color: #00b4ed;
}

.list-circle.etc li:before,
.list-circle.etc dt:before {
  background-color: #366593;
}

.list-circle.it li:before,
.list-circle.it dt:before {
  background-color: #023f66;
}

.list-circle.sw li:before,
.list-circle.sw dt:before {
  background-color: #6c2c2f;
}

.list-circle.hn li:before,
.list-circle.hn dt:before {
  background-color: #947f28;
}

.list-circle.p li:before,
.list-circle.p dt:before {
  background-color: #e60012;
}

.list-circle.common li:before,
.list-circle.common dt:before {
  background-color: #515d75;
}

.list-circle li.it:before {
  background-color: #3fa9f5;
}

.list-circle li.sw:before {
  background-color: #ff9600;
}

.list-circle li.hn:before {
  background-color: #78b400;
}

.list-circle li.p:before {
  background-color: #ff5055;
}

.list-circle li.all:before {
  background-color: #515d75;
}

.entry.cl-it li:before,
.list-circle.cl-it li:before {
  background-color: #3fa9f5;
}

.entry.cl-sw li:before,
.list-circle.cl-sw li:before {
  background-color: #ff9600;
}

.entry.cl-hn li:before,
.list-circle.cl-hn li:before {
  background-color: #78b400;
}

.entry.cl-p li:before,
.list-circle.cl-p li:before {
  background-color: #ff5055;
}

.list-circle.inline {
  display: inline-block;
  margin-bottom: 30px;
}

.list-circle.inline li {
  margin-left: 0;
  padding-left: 0;
  padding-right: 15px;
  text-indent: 0;
}

.list-circle.inline li:before {
  margin-right: 3px;
}

.list-circle.inline li.inline-block {
  display: inline-block;
  margin-top: 0;
}

.list-circle.inline li:first-child {
  margin-left: 0;
}

.list-circle.inline.cl-it-light li:before {
  background-color: #3fa9f5;
}

.countup {
  counter-reset: number;
}

.countup .no {
  margin-left: 26px;
  text-indent: -25px;
  line-height: 1.2;
  font-feature-settings: "palt" 1;
}

.countup .no:before {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.7;
  counter-increment: number;
  content: counter(number);
  background-color: #ed6675;
  width: 20px;
  height: 20px;
  text-align: center;
  position: relative;
  top: 0px;
  font-family: Arial;
  font-weight: normal;
  margin-right: 4px;
  border-radius: 100%;
  letter-spacing: -1.2px;
  text-indent: -2.2px;
}

.countup.blue .no:before {
  background-color: #6597e0;
}

.countup.orange .no:before {
  background-color: #ff624b;
}

ol.nolist {
  list-style-position: outside;
  counter-reset: number;
}

ol.nolist > li {
  list-style-type: none;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.75;
  margin-left: 26px;
  margin-bottom: 10px;
}

ol.nolist > li span {
  font-size: 20px;
  font-size: 2rem;
  line-height: 0;
}

ol.nolist > li.fS {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 10px;
}

ol.nolist > li.fS:before {
  top: 2px;
}

ol.nolist > li:before {
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  display: inline-block;
  counter-increment: number;
  content: counter(number);
  background-color: #293855;
  width: 20px;
  height: 20px;
  text-align: center;
  position: relative;
  top: 0px;
  font-family: Arial;
  font-weight: normal;
  margin-left: -26px;
  margin-right: 4px;
  border-radius: 100%;
  flex: 0 0 auto;
}

ol.nolist ol li {
  list-style-type: decimal;
  margin-left: 0;
  margin-bottom: 5px;
}

ol.nolist li > ul {
  margin-top: 5px;
}

ol.nolist .list-dot li {
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
}

.list-dot li {
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}

.list-dot li:before {
  content: "・";
  color: #000;
  background-color: transparent !important;
}

.list-dot.fS li {
  font-size: 11.9px;
  font-size: 1.19rem;
}

.nolist[class*="cl"] {
  background-color: transparent;
}

.nolist.cl-sw li:before {
  background-color: #6c2c2f;
}

.nolist.cl-p-light li:before {
  background-color: #ff5055;
}

.nolist.cl-about li:before {
  background-color: #6fc90a;
}

.nolist.cl-general li:before {
  background-color: #6fc90a;
}

.nolist.cl-course li:before {
  background-color: #007bdc;
}

.nolist.cl-graduate li:before {
  background-color: #3db6fc;
}

.nolist.cl-international li:before {
  background-color: #ff9900;
}

.nolist.cl-life li:before {
  background-color: #ff624b;
}

.nolist.cl-career li:before {
  background-color: #8e44ad;
}

.nolist.cl-society li:before {
  background-color: #36a14d;
}

.nolist.cl-topics li:before {
  background-color: #95a5a6;
}

.nolist.cl-reunion li:before {
  background-color: #aab22a;
}

.nolist.cl-research li:before {
  background-color: #c03961;
}

.nolist.cl-study li:before {
  background-color: #c03961;
}

.nolist.cl-alert li:before {
  background-color: #f00;
}

.nolist.cl-important li:before {
  background-color: #00b4ed;
}

.nolist.cl-etc li:before, .thin-table thead.nolist li:before {
  background-color: #366593;
}

.nolist.cl-it li:before {
  background-color: #023f66;
}

.nolist.cl-sw li:before {
  background-color: #6c2c2f;
}

.nolist.cl-hn li:before {
  background-color: #947f28;
}

.nolist.cl-p li:before {
  background-color: #e60012;
}

.nolist.cl-common li:before {
  background-color: #515d75;
}

dl.list {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
}

dl.list:after {
  content: "";
  clear: both;
  display: block;
}

dl.list dt,
dl.list dd {
  margin-top: 5px;
  line-height: 1.4;
}

dl.list dt:first-child,
dl.list dd:first-child {
  margin-top: 0;
}

dl.list dt {
  float: left;
  clear: left;
}

dl.list dd {
  overflow: hidden;
}

dl.list-circle {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  background-color: transparent;
}

dl.list-circle:after {
  content: "";
  clear: both;
  display: block;
}

dl.list-circle dt,
dl.list-circle dd {
  margin-top: 5px;
  line-height: 1.4;
}

dl.list-circle dt:first-child,
dl.list-circle dd:first-child {
  margin-top: 0;
}

dl.list-circle dt {
  margin-left: 20px;
  text-indent: -16px;
  float: left;
  clear: left;
}

dl.list-circle dt:before {
  position: relative;
  top: -1px;
  margin-right: 13px;
  content: "";
  margin-right: 7px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background-color: #293855;
}

dl.list-circle dd {
  overflow: hidden;
}

dl.list-circle dd .external {
  text-indent: 0;
}

.inline-list.column li {
  display: block;
  float: left;
  width: 47%;
  margin-right: 3%;
}

.outside {
  list-style-position: outside;
  margin-left: 2em;
}

.normal-ol {
  list-style-position: outside;
  margin-left: 28px;
}

.normal-ol > li {
  list-style-type: decimal !important;
  margin-left: 0 !important;
}

.normal-ol > li:before {
  display: none !important;
}

.normal-ol.fS > li {
  font-size: 11.9px;
  font-size: 1.19rem;
}

.inside-ol {
  list-style: none;
  padding-left: 1.5rem;
}

.inside-ol > li {
  font-size: 12px;
  font-size: 1.2rem;
  text-indent: .2rem;
  counter-increment: cnt;
}

.inside-ol > li::marker {
  content: counter(cnt) ")";
}

.stripe-list > *:nth-child(2n+1) {
  background-color: #eef2f4;
}

.gird-2column {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.6;
  font-size: 14px;
}

.gird-2column dt {
  width: 180px;
  margin-right: 15px;
}

.gird-2column dd {
  flex-grow: 1;
  width: calc(100% - 195px);
}

@supports (display: grid) {
  .gird-2column {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    gap: 5px 10px;
    line-height: 1.6;
    font-size: 14px;
  }
  .gird-2column dt, .gird-2column dd {
    width: auto;
    margin-right: 0;
  }
}

.tag-list {
  display: table;
}

.tag-list li {
  display: table-cell;
  border-left: 6px solid #fff;
}

.tag-list li a {
  cursor: pointer;
  display: table-cell;
  width: 96px;
  height: 39px;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  background-color: #293855;
  line-height: 0;
  transition: all 300ms ease-in;
}

.tag-list li:first-child {
  border-left: none;
}

.tag-list span {
  display: none;
}

.tag-list li:nth-child(1) a:hover {
  background-color: #828282;
}

.tag-list li:nth-child(2) a:hover {
  background-color: #6fc90a;
}

.tag-list li:nth-child(3) a:hover {
  background-color: #007bdc;
}

.tag-list li:nth-child(4) a:hover {
  background-color: #ff624b;
}

.tag-list li:nth-child(5) a:hover {
  background-color: #c03961;
}

.tag-list li:nth-child(6) a:hover {
  background-color: #36a14d;
}

.tag-list li:nth-child(7) a:hover {
  background-color: #8e44ad;
}

.tag-list li:nth-child(8) a:hover {
  background-color: #ff9900;
}

.tag-list li:nth-child(9) a:hover {
  background-color: #3db6fc;
}

.tag-list li.current:nth-child(1) a:hover {
  background-color: #828282;
}

.tag-list li.current:nth-child(2) a:hover {
  background-color: #6fc90a;
}

.tag-list li.current:nth-child(3) a:hover {
  background-color: #007bdc;
}

.tag-list li.current:nth-child(4) a:hover {
  background-color: #ff624b;
}

.tag-list li.current:nth-child(5) a:hover {
  background-color: #c03961;
}

.tag-list li.current:nth-child(6) a:hover {
  background-color: #36a14d;
}

.tag-list li.current:nth-child(7) a:hover {
  background-color: #8e44ad;
}

.tag-list li.current:nth-child(8) a:hover {
  background-color: #ff9900;
}

.tag-list li.current:nth-child(9) a:hover {
  background-color: #3db6fc;
}

.tag {
  display: inline-block;
  width: auto;
  height: 12px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  border-radius: 3px;
  padding: 3px 6px;
  text-align: center;
}

.cl-all .tag {
  background-color: #828282;
}

.cl-about .tag {
  background-color: #6fc90a;
}

.cl-about-dark .tag {
  background-color: #246d4f;
}

.cl-about-light .tag {
  background-color: #d8e5e0;
}

.cl-general .tag {
  background-color: #6fc90a;
}

.cl-general-dark .tag {
  background-color: #246d4f;
}

.cl-general-light .tag {
  background-color: #d8e5e0;
}

.cl-course .tag {
  background-color: #007bdc;
}

.cl-course-dark .tag {
  background-color: #3377dd;
}

.cl-course-light .tag {
  background-color: #dff2ff;
}

.cl-graduate .tag {
  background-color: #3db6fc;
}

.cl-graduate-dark .tag {
  background-color: #0073b7;
}

.cl-graduate-light .tag {
  background-color: #ceedff;
}

.cl-international .tag {
  background-color: #ff9900;
}

.cl-international-dark .tag {
  background-color: #bc5a00;
}

.cl-international-light .tag {
  background-color: #efded3;
}

.cl-life .tag {
  background-color: #ff624b;
}

.cl-life-dark .tag {
  background-color: #c5353a;
}

.cl-life-light .tag {
  background-color: #fbe0e1;
}

.cl-career .tag {
  background-color: #8e44ad;
}

.cl-career-dark .tag {
  background-color: #6e238e;
}

.cl-career-light .tag {
  background-color: #e3dae9;
}

.cl-society .tag {
  background-color: #36a14d;
}

.cl-society-dark .tag {
  background-color: #276e00;
}

.cl-society-light .tag {
  background-color: #dff0e3;
}

.cl-topics .tag {
  background-color: #95a5a6;
}

.cl-topics-dark .tag {
  background-color: #4f7377;
}

.cl-topics-light .tag {
  background-color: #e8f1f3;
}

.cl-reunion .tag {
  background-color: #aab22a;
}

.cl-reunion-dark .tag {
  background-color: #68762f;
}

.cl-reunion-light .tag {
  background-color: #e6e8c1;
}

.cl-research .tag {
  background-color: #c03961;
}

.cl-research-dark .tag {
  background-color: #333;
}

.cl-research-light .tag {
  background-color: #333;
}

.cl-study .tag {
  background-color: #c03961;
}

.cl-study-dark .tag {
  background-color: #333;
}

.cl-study-light .tag {
  background-color: #333;
}

.cl-gallery .tag {
  background-color: #007f92;
}

.cl-gallery-dark .tag {
  background-color: #333;
}

.cl-gallery-light .tag {
  background-color: #e3eaea;
}

.cl-alert .tag {
  background-color: #f00;
}

.cl-alert-dark .tag {
  background-color: #333;
}

.cl-alert-light .tag {
  background-color: #333;
}

.cl-important .tag {
  background-color: #00b4ed;
}

.cl-important-dark .tag {
  background-color: #333;
}

.cl-important-light .tag {
  background-color: #333;
}

.cl-etc .tag, .thin-table thead .tag {
  background-color: #366593;
}

.cl-etc-dark .tag {
  background-color: #07457e;
}

.cl-etc-light .tag, .thin-table tfoot .tag, .fConditions .total .tag {
  background-color: #c9ddf1;
}

.cl-it .tag {
  background-color: #023f66;
}

.cl-it-dark .tag {
  background-color: #3377dd;
}

.cl-it-light .tag {
  background-color: #dff2ff;
}

.cl-sw .tag {
  background-color: #6c2c2f;
}

.cl-sw-dark .tag {
  background-color: #e65a32;
}

.cl-sw-light .tag {
  background-color: #fff5e8;
}

.cl-hn .tag {
  background-color: #947f28;
}

.cl-hn-dark .tag {
  background-color: #32870a;
}

.cl-hn-light .tag {
  background-color: #efffeb;
}

.cl-p .tag {
  background-color: #e60012;
}

.cl-p-dark .tag {
  background-color: #c83737;
}

.cl-p-light .tag {
  background-color: #ffebeb;
}

.cl-home .tag {
  background-color: #293855;
}

.label {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  padding: 1px 3px;
  margin-right: 2px;
  color: #fff;
}

.label-list dt {
  float: left;
  clear: left;
  width: 150px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  background-color: #232323;
  display: inline-block;
  text-align: center;
  margin-bottom: 10px;
  text-indent: -1px;
  letter-spacing: 1px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.label-list dt:last-of-type {
  margin-bottom: 0;
}

.label-list dd {
  float: left;
  margin-top: 5px;
  margin-left: 12px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}

.label-list dd.right__item {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  margin-top: 0;
  width: calc(100% - 162px);
}

.btn {
  display: inline-flex;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  padding: 6px 15px;
  background-color: #eef2f4 !important;
}

.external--none .external {
  display: none;
}

.btn--nostyle {
  padding: 0 !important;
  background-color: transparent;
}

.btn--before-arrow {
  position: relative;
  padding-left: 30px;
}

.btn--before-arrow:before {
  position: absolute;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  border-radius: 100%;
  top: 50%;
  left: 0;
  transform: translate(10px, -50%);
}

.btn--before-arrow.cl-about:before {
  background-color: #6fc90a;
}

.btn--before-arrow.cl-general:before {
  background-color: #6fc90a;
}

.btn--before-arrow.cl-course:before {
  background-color: #007bdc;
}

.btn--before-arrow.cl-graduate:before {
  background-color: #3db6fc;
}

.btn--before-arrow.cl-international:before {
  background-color: #ff9900;
}

.btn--before-arrow.cl-life:before {
  background-color: #ff624b;
}

.btn--before-arrow.cl-career:before {
  background-color: #8e44ad;
}

.btn--before-arrow.cl-society:before {
  background-color: #36a14d;
}

.btn--before-arrow.cl-topics:before {
  background-color: #95a5a6;
}

.btn--before-arrow.cl-reunion:before {
  background-color: #aab22a;
}

.btn--before-arrow.cl-research:before {
  background-color: #c03961;
}

.btn--before-arrow.cl-study:before {
  background-color: #c03961;
}

.btn--before-arrow.cl-alert:before {
  background-color: #f00;
}

.btn--before-arrow.cl-important:before {
  background-color: #00b4ed;
}

.btn--before-arrow.cl-etc:before, .thin-table thead.btn--before-arrow:before {
  background-color: #366593;
}

.btn--before-arrow.cl-it:before {
  background-color: #023f66;
}

.btn--before-arrow.cl-sw:before {
  background-color: #6c2c2f;
}

.btn--before-arrow.cl-hn:before {
  background-color: #947f28;
}

.btn--before-arrow.cl-p:before {
  background-color: #e60012;
}

.btn--before-arrow.cl-common:before {
  background-color: #515d75;
}

.btn--after-arrow {
  position: relative;
  padding-right: 30px;
}

.btn--after-arrow:before {
  position: absolute;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  border-radius: 100%;
  top: 50%;
  right: 10px;
  transform: translate(0px, -50%);
}

.btn--after-arrow.cl-about:before {
  background-color: #6fc90a;
}

.btn--after-arrow.cl-general:before {
  background-color: #6fc90a;
}

.btn--after-arrow.cl-course:before {
  background-color: #007bdc;
}

.btn--after-arrow.cl-graduate:before {
  background-color: #3db6fc;
}

.btn--after-arrow.cl-international:before {
  background-color: #ff9900;
}

.btn--after-arrow.cl-life:before {
  background-color: #ff624b;
}

.btn--after-arrow.cl-career:before {
  background-color: #8e44ad;
}

.btn--after-arrow.cl-society:before {
  background-color: #36a14d;
}

.btn--after-arrow.cl-topics:before {
  background-color: #95a5a6;
}

.btn--after-arrow.cl-reunion:before {
  background-color: #aab22a;
}

.btn--after-arrow.cl-research:before {
  background-color: #c03961;
}

.btn--after-arrow.cl-study:before {
  background-color: #c03961;
}

.btn--after-arrow.cl-alert:before {
  background-color: #f00;
}

.btn--after-arrow.cl-important:before {
  background-color: #00b4ed;
}

.btn--after-arrow.cl-etc:before, .thin-table thead.btn--after-arrow:before {
  background-color: #366593;
}

.btn--after-arrow.cl-it:before {
  background-color: #023f66;
}

.btn--after-arrow.cl-sw:before {
  background-color: #6c2c2f;
}

.btn--after-arrow.cl-hn:before {
  background-color: #947f28;
}

.btn--after-arrow.cl-p:before {
  background-color: #e60012;
}

.btn--after-arrow.cl-common:before {
  background-color: #515d75;
}

.center-btn {
  margin-top: 44px;
  text-align: center;
}

.right-btn {
  margin-top: 30px;
  text-align: right;
}

.detail-link {
  position: relative;
  padding-right: 20px;
  background-color: transparent;
}

.detail-link:after {
  color: #fff;
  position: absolute;
  right: 0px;
  top: 2px;
  display: inline-block;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  background-color: #293855;
  border-radius: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  transition: background-color 300ms ease 0;
}

.detail-link:hover {
  background-color: transparent;
}

.detail-link[class*="cl-"]:hover {
  background-color: transparent;
}

.detail-link.cl-hn:after {
  background-color: #32870a;
}

.detail-link-box {
  display: inline-block;
  width: 290px;
  height: 48px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  padding: 16px 0;
  box-sizing: border-box;
  background-color: #293855;
  color: #fff;
  transition: all 300ms ease;
}

.detail-link-box:visited {
  color: #fff;
}

.detail-link-box:hover {
  color: #fff;
}

.detail-link-box:active {
  color: #fff;
}

.detail-link-box:hover {
  background-color: #3fa9f5;
}

#teachermail,
.sendmail-btn {
  border: none;
  padding: 3px 4px;
  width: 100px;
  height: 24px;
  font-size: 12px;
  margin-left: 10px;
  display: inline-block;
  line-height: 1;
  font-weight: bold;
  box-sizing: border-box;
  background-color: #293855;
  color: #fff;
  transition: all 300ms ease;
}

#teachermail:visited,
.sendmail-btn:visited {
  color: #fff;
}

#teachermail:hover,
.sendmail-btn:hover {
  color: #fff;
}

#teachermail:active,
.sendmail-btn:active {
  color: #fff;
}

#teachermail:hover,
.sendmail-btn:hover {
  background-color: #3fa9f5;
}

.detail-btn {
  display: inline-block;
}

.detail-btn a {
  display: inline-block;
  width: inherit;
  height: inherit;
  padding: 14px 50px 13px 22px;
  box-sizing: border-box;
  color: #fff;
  background-color: inherit;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  position: relative;
  white-space: pre-line;
  transition: all 300ms ease;
}

.detail-btn a:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.1;
  content: "\e906";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #293855;
  position: absolute;
  right: 8px;
  top: 50%;
  text-indent: 1px;
  transform: translateY(-50%);
  transition: all 300ms ease;
}

.detail-btn a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.detail-btn a:hover:after {
  background-color: #fff;
  color: #293855;
}

.border {
  border-top-width: 1px;
  border-top-style: solid;
}

.border-box {
  border-width: 1px;
  border-style: solid;
}

.border-under {
  position: relative;
}

.border-under:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -21px;
  width: 77px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-color: #293855;
  transform: translateX(-50%);
  left: 50%;
}

.border-under.bdc-about:after, .staffdetail h2.border-under:after {
  border-color: #6fc90a;
}

.border-under.bdc-general:after {
  border-color: #6fc90a;
}

.border-under.bdc-course:after {
  border-color: #007bdc;
}

.border-under.bdc-graduate:after {
  border-color: #3db6fc;
}

.border-under.bdc-international:after {
  border-color: #ff9900;
}

.border-under.bdc-life:after {
  border-color: #ff624b;
}

.border-under.bdc-career:after {
  border-color: #8e44ad;
}

.border-under.bdc-society:after {
  border-color: #36a14d;
}

.border-under.bdc-topics:after {
  border-color: #95a5a6;
}

.border-under.bdc-reunion:after {
  border-color: #aab22a;
}

.border-under.bdc-research:after {
  border-color: #c03961;
}

.border-under.bdc-study:after {
  border-color: #c03961;
}

.border-under.bdc-alert:after {
  border-color: #f00;
}

.border-under.bdc-important:after {
  border-color: #00b4ed;
}

.border-under.bdc-etc:after {
  border-color: #366593;
}

.border-under.bdc-it:after {
  border-color: #023f66;
}

.border-under.bdc-sw:after {
  border-color: #6c2c2f;
}

.border-under.bdc-hn:after {
  border-color: #947f28;
}

.border-under.bdc-p:after {
  border-color: #e60012;
}

.border-under.bdc-common:after {
  border-color: #515d75;
}

.border-under.bdc-it:after {
  border-color: #023f66;
}

.border-under.bdc-sw:after {
  border-color: #6c2c2f;
}

.border-under.bdc-hn:after {
  border-color: #947f28;
}

.border-under.bdc-p:after {
  border-color: #e60012;
}

.border-top {
  border-top: 1px solid currentColor;
}

.border-bottom {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  padding-bottom: 8px;
  border-bottom: 2px solid #ccc;
  background-color: transparent;
}

.border-bottom.cl-it {
  border-bottom-color: #3377dd;
}

.border-bottom.cl-sw {
  border-bottom-color: #e65a32;
}

.border-bottom.cl-hn {
  border-bottom-color: #32870a;
}

.border-bottom.cl-p {
  border-bottom-color: #c83737;
}

.border-bottom-none {
  border-bottom: none !important;
}

.border-dashed {
  border-top-width: 1px;
  border-top-style: dashed;
}

.border-dot, hr.dot {
  border-top-width: 1px;
  border-top-style: dotted;
}

.border-margin {
  border: 1px solid #dddcdc;
  padding: 2px;
  box-sizing: border-box;
}

.border-right {
  border-right-width: 2px;
  border-right-style: solid;
}

.border-left-center {
  position: relative;
}

.border-left-center:before {
  content: "";
  display: inline-flex;
  height: calc(100% - 30px);
  border-left: 1px dotted #999;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media screen and (max-width: 540px) {
  .border-left-center:before {
    border: none;
    width: calc(100% - 30px);
    height: 0;
    border-top: 1px dotted #999;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

.movie {
  margin: 20px auto;
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
  overflow: hidden;
}

.movie iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube-block {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
  overflow: hidden;
}

.youtube-block iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#category-title {
  padding-top: 7px;
  padding-bottom: 14px;
  border-bottom: 1px dashed #293855;
  text-align: center;
}

#page-title {
  margin-top: 20px;
  margin-bottom: 48px;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 2px;
  background-color: transparent;
}

#page-title.cl-it {
  color: #023f66;
}

#page-title.cl-sw {
  color: #6c2c2f;
}

#page-title.cl-hn {
  color: #947f28;
}

#page-title.cl-p {
  color: #e60012;
}

#page-title span {
  display: inline-block;
  letter-spacing: 0;
}

#page-title span[class*="cl"] {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  color: #fff;
  padding: 3px 8px;
  margin-right: 9px;
  font-weight: normal;
  margin-bottom: 7px;
}

#page-title .clbg-it {
  background-color: #023f66;
}

#page-title .clbg-sw {
  background-color: #6c2c2f;
}

#page-title .clbg-hn {
  background-color: #947f28;
}

#page-title .clbg-p {
  background-color: #e60012;
}

#page-title .black {
  color: #000;
}

.h1 {
  display: flex;
  clear: both;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.2;
  font-weight: normal;
  padding-bottom: 6px;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  margin-top: 70px;
  margin-bottom: 25px;
  position: relative;
  background-color: transparent;
}

.h1:after {
  content: "";
  display: flex;
  position: relative;
  bottom: -10px;
  height: inherit;
  border-bottom: 4px solid #ccc;
  flex: 1 1 auto;
}

.h1.fS {
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.2;
}

.h1.fSS {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
}

@media screen and (max-width: 540px) {
  .h1 {
    margin-bottom: 10px;
  }
  .h1.fS {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2;
  }
}

@supports (object-fit: cover) {
  .h1::after {
    max-width: 56%;
    margin-left: auto;
  }
}

.cl-it.h1 {
  border-bottom-color: #3377dd;
}

.cl-sw.h1 {
  border-bottom-color: #e65a32;
}

.cl-hn.h1 {
  border-bottom-color: #32870a;
}

.cl-p.h1 {
  border-bottom-color: #c83737;
}

.h2, .staffdetail h2 {
  clear: both;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  padding-bottom: 12px;
  margin-bottom: 15px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  position: relative;
  background-color: transparent;
}

.h2 span, .staffdetail h2 span {
  position: absolute;
  top: -3px;
  left: 0;
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: 26px 26px;
  background-position: 0 center;
}

.h2[class*="no"], .staffdetail h2[class*="no"] {
  padding-left: 35px;
}

.h2.no1 span, .staffdetail h2.no1 span {
  background-image: url(/assets/templates/niu2016/img/common/1.png);
}

.h2.no2 span, .staffdetail h2.no2 span {
  background-image: url(/assets/templates/niu2016/img/common/2.png);
}

.h2.no3 span, .staffdetail h2.no3 span {
  background-image: url(/assets/templates/niu2016/img/common/3.png);
}

.h2.no4 span, .staffdetail h2.no4 span {
  background-image: url(/assets/templates/niu2016/img/common/4.png);
}

.h2.no5 span, .staffdetail h2.no5 span {
  background-image: url(/assets/templates/niu2016/img/common/5.png);
}

.h2.no6 span, .staffdetail h2.no6 span {
  background-image: url(/assets/templates/niu2016/img/common/6.png);
}

.h2.no7 span, .staffdetail h2.no7 span {
  background-image: url(/assets/templates/niu2016/img/common/7.png);
}

.h2.no8 span, .staffdetail h2.no8 span {
  background-image: url(/assets/templates/niu2016/img/common/8.png);
}

.h2.no9 span, .staffdetail h2.no9 span {
  background-image: url(/assets/templates/niu2016/img/common/9.png);
}

.h2.no10 span, .staffdetail h2.no10 span {
  background-image: url(/assets/templates/niu2016/img/common/10.png);
}

.h2.no11 span, .staffdetail h2.no11 span {
  background-image: url(/assets/templates/niu2016/img/common/11.png);
}

.h2.no12 span, .staffdetail h2.no12 span {
  background-image: url(/assets/templates/niu2016/img/common/12.png);
}

.h2.no13 span, .staffdetail h2.no13 span {
  background-image: url(/assets/templates/niu2016/img/common/13.png);
}

.h2.no14 span, .staffdetail h2.no14 span {
  background-image: url(/assets/templates/niu2016/img/common/14.png);
}

.h2.no15 span, .staffdetail h2.no15 span {
  background-image: url(/assets/templates/niu2016/img/common/15.png);
}

.h2.no16 span, .staffdetail h2.no16 span {
  background-image: url(/assets/templates/niu2016/img/common/16.png);
}

.h2.no17 span, .staffdetail h2.no17 span {
  background-image: url(/assets/templates/niu2016/img/common/17.png);
}

.h2.no18 span, .staffdetail h2.no18 span {
  background-image: url(/assets/templates/niu2016/img/common/18.png);
}

.h2.no19 span, .staffdetail h2.no19 span {
  background-image: url(/assets/templates/niu2016/img/common/19.png);
}

.h2.no20 span, .staffdetail h2.no20 span {
  background-image: url(/assets/templates/niu2016/img/common/20.png);
}

.h2 .italic, .staffdetail h2 .italic {
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}

.h2[class*="no"], .staffdetail h2[class*="no"] {
  border-bottom-color: #293855;
}

.h2 span:not([class]), .staffdetail h2 span:not([class]) {
  background-color: #293855;
}

.h2.cl-it, .staffdetail h2.cl-it {
  border-bottom-color: #023f66;
}

.h2.cl-it span, .staffdetail h2.cl-it span {
  background-color: #023f66;
}

.h2.cl-sw, .staffdetail h2.cl-sw {
  border-bottom-color: #6c2c2f;
}

.h2.cl-sw span, .staffdetail h2.cl-sw span {
  background-color: #6c2c2f;
}

.h2.cl-hn, .staffdetail h2.cl-hn {
  border-bottom-color: #947f28;
}

.h2.cl-hn span, .staffdetail h2.cl-hn span {
  background-color: #947f28;
}

.h2.cl-p, .staffdetail h2.cl-p {
  border-bottom-color: #e60012;
}

.h2.cl-p span, .staffdetail h2.cl-p span {
  background-color: #e60012;
}

.h2[class^="cl-"], .staffdetail h2[class^="cl-"], .h2.cl, .staffdetail h2.cl, .h2.bdc, .staffdetail h2.bdc {
  border-bottom-color: #293855;
}

.h2.cl-it-light, .staffdetail h2.cl-it-light {
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom-color: #3fa9f5;
}

.h2.cl-sw-light, .staffdetail h2.cl-sw-light {
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom-color: #ff9600;
}

.h2.cl-hn-light, .staffdetail h2.cl-hn-light {
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom-color: #78b400;
}

.h2.cl-p-light, .staffdetail h2.cl-p-light {
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom-color: #ff5055;
}

.h3, .staffdetail h3 {
  background-color: transparent;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
}

.h3.cl-it-light, .staffdetail h3.cl-it-light {
  color: #3fa9f5;
}

.h3.cl-sw-light, .staffdetail h3.cl-sw-light {
  color: #ff9600;
}

.h3.cl-hn-light, .staffdetail h3.cl-hn-light {
  color: #78b400;
}

.h3.cl-p-light, .staffdetail h3.cl-p-light {
  color: #ff5055;
}

h4 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  margin-bottom: 5px;
}

.circle, #search-box dt {
  text-indent: -14px;
  padding-left: 15px;
}

.circle:before, #search-box dt:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  margin-right: 2px;
  position: relative;
  top: -1px;
  background-color: #000;
}

.circle[class*="cl"], #search-box dt[class*="cl"] {
  background-color: transparent;
}

.circle.cl-about:before, #search-box dt.cl-about:before {
  background-color: #6fc90a;
}

.circle.cl-general:before, #search-box dt.cl-general:before {
  background-color: #6fc90a;
}

.circle.cl-course:before, #search-box dt.cl-course:before {
  background-color: #007bdc;
}

.circle.cl-graduate:before, #search-box dt.cl-graduate:before {
  background-color: #3db6fc;
}

.circle.cl-international:before, #search-box dt.cl-international:before {
  background-color: #ff9900;
}

.circle.cl-life:before, #search-box dt.cl-life:before {
  background-color: #ff624b;
}

.circle.cl-career:before, #search-box dt.cl-career:before {
  background-color: #8e44ad;
}

.circle.cl-society:before, #search-box dt.cl-society:before {
  background-color: #36a14d;
}

.circle.cl-topics:before, #search-box dt.cl-topics:before {
  background-color: #95a5a6;
}

.circle.cl-reunion:before, #search-box dt.cl-reunion:before {
  background-color: #aab22a;
}

.circle.cl-research:before, #search-box dt.cl-research:before {
  background-color: #c03961;
}

.circle.cl-study:before, #search-box dt.cl-study:before {
  background-color: #c03961;
}

.circle.cl-alert:before, #search-box dt.cl-alert:before {
  background-color: #f00;
}

.circle.cl-important:before, #search-box dt.cl-important:before {
  background-color: #00b4ed;
}

.circle.cl-etc:before, .thin-table thead.circle:before, #search-box dt.cl-etc:before {
  background-color: #366593;
}

.circle.cl-it:before, #search-box dt.cl-it:before {
  background-color: #023f66;
}

.circle.cl-sw:before, #search-box dt.cl-sw:before {
  background-color: #6c2c2f;
}

.circle.cl-hn:before, #search-box dt.cl-hn:before {
  background-color: #947f28;
}

.circle.cl-p:before, #search-box dt.cl-p:before {
  background-color: #e60012;
}

.circle.cl-common:before, #search-box dt.cl-common:before {
  background-color: #515d75;
}

.circle.cl-it:before, #search-box dt.cl-it:before {
  background-color: #3fa9f5;
}

.circle.cl-sw:before, #search-box dt.cl-sw:before {
  background-color: #ff9600;
}

.circle.cl-hn:before, #search-box dt.cl-hn:before {
  background-color: #78b400;
}

.circle.cl-p:before, #search-box dt.cl-p:before {
  background-color: #ff5055;
}

.circle.cl-graduate-dark, #search-box dt.cl-graduate-dark {
  color: #0073b7;
}

.circle.cl-graduate-dark:before, #search-box dt.cl-graduate-dark:before {
  background-color: #0073b7;
}

.square, .box-border .subtitle {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  list-style-type: none;
  padding: 0 0 15px 23px;
  text-indent: -24px;
  background-color: transparent !important;
}

.square:before, .box-border .subtitle:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  position: relative;
  top: 1px;
}

.square.cl-about:before, .box-border .cl-about.subtitle:before {
  background-color: #6fc90a;
}

.square.cl-general:before, .box-border .cl-general.subtitle:before {
  background-color: #6fc90a;
}

.square.cl-course:before, .box-border .cl-course.subtitle:before {
  background-color: #007bdc;
}

.square.cl-graduate:before, .box-border .cl-graduate.subtitle:before {
  background-color: #3db6fc;
}

.square.cl-international:before, .box-border .cl-international.subtitle:before {
  background-color: #ff9900;
}

.square.cl-life:before, .box-border .cl-life.subtitle:before {
  background-color: #ff624b;
}

.square.cl-career:before, .box-border .cl-career.subtitle:before {
  background-color: #8e44ad;
}

.square.cl-society:before, .box-border .cl-society.subtitle:before {
  background-color: #36a14d;
}

.square.cl-topics:before, .box-border .cl-topics.subtitle:before {
  background-color: #95a5a6;
}

.square.cl-reunion:before, .box-border .cl-reunion.subtitle:before {
  background-color: #aab22a;
}

.square.cl-research:before, .box-border .cl-research.subtitle:before {
  background-color: #c03961;
}

.square.cl-study:before, .box-border .cl-study.subtitle:before {
  background-color: #c03961;
}

.square.cl-alert:before, .box-border .cl-alert.subtitle:before {
  background-color: #f00;
}

.square.cl-important:before, .box-border .cl-important.subtitle:before {
  background-color: #00b4ed;
}

.square.cl-etc:before, .thin-table thead.square:before, .thin-table .box-border thead.subtitle:before, .box-border .thin-table thead.subtitle:before, .box-border .cl-etc.subtitle:before {
  background-color: #366593;
}

.square.cl-it:before, .box-border .cl-it.subtitle:before {
  background-color: #023f66;
}

.square.cl-sw:before, .box-border .cl-sw.subtitle:before {
  background-color: #6c2c2f;
}

.square.cl-hn:before, .box-border .cl-hn.subtitle:before {
  background-color: #947f28;
}

.square.cl-p:before, .box-border .cl-p.subtitle:before {
  background-color: #e60012;
}

.square.cl-common:before, .box-border .cl-common.subtitle:before {
  background-color: #515d75;
}

.square.cl-it:before, .box-border .cl-it.subtitle:before {
  background-color: #023f66;
}

.square.cl-sw:before, .box-border .cl-sw.subtitle:before {
  background-color: #6c2c2f;
}

.square.cl-hn:before, .box-border .cl-hn.subtitle:before {
  background-color: #947f28;
}

.square.cl-p:before, .box-border .cl-p.subtitle:before {
  background-color: #e60012;
}

.inline-block-title {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  height: 16px;
  padding: 6px 15px 4px 15px;
}

.inline-block-title.cl-it {
  background-color: #023f66;
}

.inline-block-title.cl-sw {
  background-color: #6c2c2f;
}

.inline-block-title.cl-hn {
  background-color: #947f28;
}

.inline-block-title.cl-p {
  background-color: #e60012;
}

.inline-block-title + .gray-point-box {
  margin-bottom: 20px;
}

.inline-block-title.margin {
  margin-top: 30px;
}

.box-copy {
  display: table;
  width: 100%;
  vertical-align: top;
  margin-top: 55px;
}

.box-copy .cell {
  vertical-align: top;
}

.box-copy figure.cell {
  text-align: right;
}

.copy-body {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.65;
}

.copy-title {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  margin-bottom: 20px;
  letter-spacing: 3px;
}

.border-copy {
  display: table;
  width: 100%;
  box-sizing: border-box;
  padding-left: 23px;
  border-left-width: 5px;
  border-left-style: solid;
  margin-bottom: 40px;
  background-color: transparent;
}

.border-copy h1 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  padding-top: 10px;
  padding-bottom: 10px;
  white-space: pre-wrap;
}

.border-copy h1.normal {
  white-space: normal;
}

.border-copy .name {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  padding-top: 20px;
  padding-bottom: 3px;
}

.border-copy .name small {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  display: inline-block;
  padding-bottom: 10px;
}

.border-copy .cell {
  vertical-align: middle;
}

.border-copy .cell.top {
  vertical-align: top;
}

.border-copy figure.cell {
  text-align: right;
}

.border-copy figure.cell img {
  width: 108px;
}

.cl-it.border-copy,
.cl-it.border-color {
  border-color: #3fa9f5;
}

.cl-sw.border-copy,
.cl-sw.border-color {
  border-color: #ff9600;
}

.cl-hn.border-copy,
.cl-hn.border-color {
  border-color: #78b400;
}

.cl-p.border-copy,
.cl-p.border-color {
  border-color: #ff5055;
}

.w4em {
  width: 4em;
  flex-shrink: 0;
}

.message {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.message .border {
  border-top: 1px dotted #999;
  position: relative;
  clear: both;
  padding: 25px 0;
  line-height: 1;
}

.message .border::after {
  content: "";
  clear: both;
  display: table;
}

.message .border:first-child {
  border-top: none;
}

@media screen and (max-width: 540px) {
  .message .border.noborder {
    padding-top: 0;
  }
}

.message p {
  line-height: 1.6;
}

.message .gray-box {
  position: absolute;
  bottom: 25px;
  line-height: 1.6;
}

.message .cell {
  vertical-align: top;
}

.message figure.cell {
  padding-right: 17px;
}

.message .column1:nth-of-type(2) {
  padding-left: 45px;
}

#search-box dt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: bold;
}

#search-box dt:before {
  width: 8px;
  height: 8px;
  background-color: #6fc90a;
  margin-right: 10px;
}

#search-box dd {
  max-width: 412px;
  width: 98%;
  box-sizing: border-box;
  padding-left: 18px;
  margin-top: 8px;
}

#search-box .cell {
  vertical-align: top;
}

#search-box dd:nth-of-type(1) {
  margin-bottom: 18px;
}

#dataSection {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}

#dataFreeword {
  width: 100%;
  max-width: 312px;
  height: 30px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  border: none;
  box-sizing: border-box;
  border-radius: 0;
  padding: 2px 4px;
  float: left;
}

#search-on {
  width: 80px;
  height: 30px;
  box-sizing: boder-box;
  cursor: pointer;
  color: #fff;
  background-color: #246d4f;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}

#search-on:hover {
  background-color: #6fc90a;
}

#m_ad {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #1957ba;
}

#m_ad + img {
  position: relative;
  top: 5px;
}

.tab-menu {
  display: flex;
}

.tab-menu__item {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  padding: 10px 20px;
  background-color: currentColor;
  border-radius: 6px 6px 0 0;
  margin-right: 5px;
}

.tab-menu__item span {
  color: #fff !important;
}

.facility-cl {
  color: #5085e2;
}

.facility-cl[aria-hidden="false"], .facility-cl[aria-pressed="true"], .facility-cl:hover {
  color: #6597e0;
}

.aed-cl {
  color: #ed6675;
}

.aed-cl[aria-hidden="false"], .aed-cl[aria-pressed="true"], .aed-cl:hover {
  color: #ea8695;
}

.barrierfree-cl {
  color: #8bcf39;
}

.barrierfree-cl[aria-hidden="false"], .barrierfree-cl[aria-pressed="true"], .barrierfree-cl:hover {
  color: #a3cf6e;
}

.map-block {
  position: relative;
  width: 100%;
  height: auto;
}

.map-block .expand-block {
  position: relative;
  width: 100%;
  height: auto;
  border: 5px solid currentColor;
  box-sizing: border-box;
}

@media screen and (max-width: 540px) {
  .map-block figure img {
    width: 100%;
    height: 100%;
  }
}

.expand-block {
  transition: all 300ms ease-in;
}

.expand-block[aria-hidden="false"] {
  opacity: 1;
  display: block;
}

.expand-block[aria-hidden="true"] {
  opacity: 0;
  display: none;
}

.facility-point {
  position: relative;
  z-index: 1;
}

.ortho-map {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.ortho-map img {
  width: 100%;
  height: 100%;
}

.map-list[aria-hidden="false"] {
  opacity: 1;
  display: block;
}

.map-list[aria-hidden="true"] {
  opacity: 0;
  display: none;
}

.campusbtn {
  position: absolute;
  bottom: 0;
}

.campusbtn li {
  margin-top: 3px;
}

.campusbtn li img {
  width: 157px;
  border: 1px solid #b3b3b3;
  border-radius: 8px;
}

.facility-point {
  position: relative;
  text-align: center;
  height: 640px;
}

.facility-point a {
  display: inline-block;
  width: 19px;
  height: 19px;
}

.facility-point a img {
  width: 19px;
  height: 19px;
  object-fit: cover;
}

.facility-point a[aria-label="no1"] {
  position: absolute;
  top: 330px;
  left: 277px;
}

.facility-point a[aria-label="no2"] {
  position: absolute;
  top: 310px;
  left: 212px;
}

.facility-point a[aria-label="no3"] {
  position: absolute;
  top: 378px;
  left: 193px;
}

.facility-point a[aria-label="no4"] {
  position: absolute;
  top: 441px;
  left: 174px;
}

.facility-point a[aria-label="no5"] {
  position: absolute;
  top: 373px;
  left: 149px;
}

.facility-point a[aria-label="no6"] {
  position: absolute;
  top: 432px;
  left: 114px;
}

.facility-point a[aria-label="no7"] {
  position: absolute;
  top: 480px;
  left: 156px;
}

.facility-point a[aria-label="no8"] {
  position: absolute;
  top: 368px;
  left: 91px;
}

.facility-point a[aria-label="no9"] {
  position: absolute;
  top: 339px;
  left: 51px;
}

.facility-point a[aria-label="no10"] {
  position: absolute;
  top: 315px;
  left: 95px;
}

.facility-point a[aria-label="no11"] {
  position: absolute;
  top: 298px;
  left: 30px;
}

.facility-point a[aria-label="no12"] {
  position: absolute;
  top: 377px;
  left: 253px;
}

.facility-point a[aria-label="no13"] {
  position: absolute;
  top: 475px;
  left: 244px;
}

.facility-point a[aria-label="no14"] {
  position: absolute;
  top: 441px;
  left: 466px;
}

.facility-point a[aria-label="no15"] {
  position: absolute;
  top: 413px;
  left: 365px;
}

.facility-point a[aria-label="no16"] {
  position: absolute;
  top: 365px;
  left: 375px;
}

.facility-point a[aria-label="no17"] {
  position: absolute;
  top: 389px;
  left: 319px;
}

.facility-point a[aria-label="no18"] {
  position: absolute;
  top: 456px;
  left: 357px;
}

.facility-point a[aria-label="no19"] {
  position: absolute;
  top: 292px;
  left: 330px;
}

.facility-point a[aria-label="no20"] {
  position: absolute;
  top: 613px;
  left: 407px;
}

.facility-point a[aria-label="no21"] {
  position: absolute;
  top: 140px;
  left: 485px;
}

.facility-point a[aria-label="no22"] {
  position: absolute;
  top: 418px;
  left: 69px;
}

@media screen and (max-width: 540px) {
  .facility-point {
    display: none;
  }
}

.aed-point {
  position: relative;
  text-align: center;
  height: 640px;
}

.aed-point a {
  display: inline-block;
  width: 38.5px;
  height: 70px;
}

.aed-point a img {
  width: 38.5px;
  height: 70px;
  object-fit: cover;
}

.aed-point a[href$="aed1l.jpg"] {
  position: absolute;
  top: 298px;
  left: 284px;
}

.aed-point a[href$="aed2l.jpg"] {
  position: absolute;
  top: 271px;
  left: 113px;
}

.aed-point a[href$="aed3l.jpg"] {
  position: absolute;
  top: 413px;
  left: 210px;
}

.aed-point a[href$="aed4l.jpg"] {
  position: absolute;
  top: 369px;
  left: 382px;
}

.aed-point a[href$="aed5l.jpg"] {
  position: absolute;
  top: 392px;
  left: 120px;
}

.aed-point a[href$="aed6l.jpg"] {
  position: absolute;
  top: 308px;
  left: 233px;
}

.aed-point a[href$="aed7l.jpg"] {
  position: absolute;
  top: 274px;
  left: 187px;
}

.aed-point a[href$="aed8l.jpg"] {
  position: absolute;
  top: 0px;
  left: 447px;
}

.aed-point a[href$="aed10l.jpg"] {
  position: absolute;
  top: 326px;
  left: 157px;
}

.aed-point a[href$="aed11l.jpg"] {
  position: absolute;
  top: 134px;
  left: 16px;
}

@media screen and (max-width: 540px) {
  .aed-point {
    display: none;
  }
}

.facilitymap-sp img,
.aedmap-sp img {
  display: none;
}

@media screen and (max-width: 540px) {
  .facilitymap-sp img,
  .aedmap-sp img {
    display: block;
    width: 100%;
    height: 100%;
  }
}

#maps_aed {
  height: 650px;
  margin: 20px auto;
  width: 650px;
}

.barrierfree-iconlist {
  display: flex;
  flex-flow: row wrap;
}

.barrierfree-iconlist > li {
  display: inline-flex;
  width: 50%;
  margin-bottom: 10px;
}

@media screen and (max-width: 490px) {
  .barrierfree-iconlist > li {
    width: 100%;
  }
}

.barrierfree-iconlist > li > svg {
  flex: 0 0 auto;
}

.barrierfree-iconlist > li span {
  padding-left: 10px;
  padding-top: 3px;
}

.barrierfree-iconlist > li.w100 {
  width: 100%;
}

.cl-it.light-bg {
  background-color: #dff2ff;
}

.cl-it.border {
  border: 2px solid #3fa9f5;
}

.cl-sw.light-bg {
  background-color: #fff5e8;
}

.cl-sw.border {
  border: 2px solid #ff9600;
}

.cl-hn.light-bg {
  background-color: #efffeb;
}

.cl-hn.border {
  border: 2px solid #78b400;
}

.cl-p.light-bg {
  background-color: #ffebeb;
}

.cl-p.border {
  border: 2px solid #ff5055;
}

.cl-about.border {
  border: 2px solid #6fc90a;
}

.cl-graduate.border {
  border: 2px solid #3db6fc;
}

.cl-international.border {
  border: 2px solid #ff9900;
}

.cl-life.border {
  border: 2px solid #ff624b;
}

.cl-career.border {
  border: 2px solid #8e44ad;
}

.cl-society.border {
  border: 2px solid #36a14d;
}

.list-menu {
  padding-top: 20px;
  background-color: transparent;
}

.list-menu.margin-top {
  padding-top: 40px;
}

.list-menu ul {
  display: flex;
  flex-wrap: wrap;
}

.list-menu li {
  max-width: calc(50% - 5px);
  margin-left: 5px;
  margin-bottom: 5px;
  flex: 1 0 auto;
  width: 100%;
}

.list-menu li:nth-child(2n+1) {
  margin-left: 0;
}

@media screen and (max-width: 540px) {
  .list-menu li {
    max-width: 100%;
    margin-left: 0;
  }
}

.list-menu li a {
  display: inline-flex;
  align-items: center;
  width: inherit;
  height: 100%;
  padding: 14px 40px 13px 22px;
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  position: relative;
  transition: all 300ms ease;
}

.list-menu li a:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.1;
  content: "\e906";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #293855;
  position: absolute;
  right: 8px;
  top: 50%;
  text-indent: 1px;
  transform: translateY(-50%);
  transition: all 300ms ease;
}

.list-menu li a:hover:after {
  background-color: #fff;
  color: #293855;
}

.cl-about.list-menu {
  background-color: transparent;
}

.cl-about.list-menu a {
  background-color: #6fc90a;
}

.cl-about.list-menu a:hover {
  background-color: #246d4f;
}

.cl-general.list-menu {
  background-color: transparent;
}

.cl-general.list-menu a {
  background-color: #6fc90a;
}

.cl-general.list-menu a:hover {
  background-color: #246d4f;
}

.cl-course.list-menu {
  background-color: transparent;
}

.cl-course.list-menu a {
  background-color: #007bdc;
}

.cl-course.list-menu a:hover {
  background-color: #3377dd;
}

.cl-graduate.list-menu {
  background-color: transparent;
}

.cl-graduate.list-menu a {
  background-color: #3db6fc;
}

.cl-graduate.list-menu a:hover {
  background-color: #0073b7;
}

.cl-international.list-menu {
  background-color: transparent;
}

.cl-international.list-menu a {
  background-color: #ff9900;
}

.cl-international.list-menu a:hover {
  background-color: #bc5a00;
}

.cl-life.list-menu {
  background-color: transparent;
}

.cl-life.list-menu a {
  background-color: #ff624b;
}

.cl-life.list-menu a:hover {
  background-color: #c5353a;
}

.cl-career.list-menu {
  background-color: transparent;
}

.cl-career.list-menu a {
  background-color: #8e44ad;
}

.cl-career.list-menu a:hover {
  background-color: #6e238e;
}

.cl-society.list-menu {
  background-color: transparent;
}

.cl-society.list-menu a {
  background-color: #36a14d;
}

.cl-society.list-menu a:hover {
  background-color: #276e00;
}

.cl-topics.list-menu {
  background-color: transparent;
}

.cl-topics.list-menu a {
  background-color: #95a5a6;
}

.cl-topics.list-menu a:hover {
  background-color: #4f7377;
}

.cl-reunion.list-menu {
  background-color: transparent;
}

.cl-reunion.list-menu a {
  background-color: #aab22a;
}

.cl-reunion.list-menu a:hover {
  background-color: #68762f;
}

.cl-research.list-menu {
  background-color: transparent;
}

.cl-research.list-menu a {
  background-color: #c03961;
}

.cl-research.list-menu a:hover {
  background-color: #333;
}

.cl-study.list-menu {
  background-color: transparent;
}

.cl-study.list-menu a {
  background-color: #c03961;
}

.cl-study.list-menu a:hover {
  background-color: #333;
}

.cl-alert.list-menu {
  background-color: transparent;
}

.cl-alert.list-menu a {
  background-color: #f00;
}

.cl-alert.list-menu a:hover {
  background-color: #333;
}

.cl-important.list-menu {
  background-color: transparent;
}

.cl-important.list-menu a {
  background-color: #00b4ed;
}

.cl-important.list-menu a:hover {
  background-color: #333;
}

.cl-etc.list-menu, .thin-table thead.list-menu {
  background-color: transparent;
}

.cl-etc.list-menu a, .thin-table thead.list-menu a {
  background-color: #366593;
}

.cl-etc.list-menu a:hover, .thin-table thead.list-menu a:hover {
  background-color: #07457e;
}

.cl-it.list-menu {
  background-color: transparent;
}

.cl-it.list-menu a {
  background-color: #023f66;
}

.cl-sw.list-menu {
  background-color: transparent;
}

.cl-sw.list-menu a {
  background-color: #6c2c2f;
}

.cl-hn.list-menu {
  background-color: transparent;
}

.cl-hn.list-menu a {
  background-color: #947f28;
}

.cl-p.list-menu {
  background-color: transparent;
}

.cl-p.list-menu a {
  background-color: #e60012;
}

.cl-common.list-menu {
  background-color: transparent;
}

.cl-common.list-menu a {
  background-color: #515d75;
}

.cl-common.list-menu a:hover {
  background-color: #333;
}

.cl-it.list-menu a {
  background-color: #3fa9f5;
}

.cl-it.list-menu a:hover {
  background-color: #3377dd;
}

.cl-sw.list-menu a {
  background-color: #ff9600;
}

.cl-sw.list-menu a:hover {
  background-color: #e65a32;
}

.cl-hn.list-menu a {
  background-color: #78b400;
}

.cl-hn.list-menu a:hover {
  background-color: #32870a;
}

.cl-p.list-menu a {
  background-color: #ff5055;
}

.cl-p.list-menu a:hover {
  background-color: #c83737;
}

.cl-it-light th {
  background-color: #3fa9f5;
}

.cl-it-light td {
  background-color: #fff;
}

tfoot .cl-it-light th {
  background-color: #ecf6ff;
}

.box-border {
  border-width: 10px;
  border-style: solid;
}

.box-border.cl-course {
  border-color: #3377dd;
}

.box-border .imgR, .box-border .imgright {
  margin-right: 25px;
}

.box-border .h3, .box-border .staffdetail h3, .staffdetail .box-border h3 {
  margin: 15px 25px 0px 25px;
}

.box-border .title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  padding: 11px 9px 8px 17px;
  margin-top: 13px;
}

.box-border .subtitle {
  padding-left: 16px;
  font-weight: bold;
}

.box-border p {
  margin: 15px 25px 30px 25px;
}

.box-border p.margin-left {
  margin-left: 65px;
}

.box-border p a {
  color: #3fa9f5;
}

.box-border p a:visited {
  color: #3fa9f5;
}

.box-border p a:hover {
  color: #3fa9f5;
}

.box-border p a:active {
  color: #3fa9f5;
}

.box-border .base a {
  color: #335599;
}

.box-border .base a:visited {
  color: #335599;
}

.box-border .base a:hover {
  color: #335599;
}

.box-border .base a:active {
  color: #335599;
}

.box-border .box-border-thin {
  margin-left: 65px;
}

.box-border .thumb ul:after {
  content: "";
  clear: both;
  display: block;
}

.box-border .thumb li {
  float: left;
  width: 126px;
  margin-left: 9px;
}

.box-border .thumb li:first-child {
  margin-left: 0;
}

.box-border .thumb li img {
  width: 100%;
}

.box-border .margin-left {
  margin-left: 65px;
}

.box-center-title {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 12px;
}

.box-center-title span {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}

.voice-face {
  position: absolute;
  right: 100px;
  top: 20px;
}

.solid-box-name {
  color: #fff;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 7px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
}

.solid-box-name span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  margin-top: 8px;
}

.voice-title,
[class*="cl"] .voice-title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 45px 25px 15px 49px;
  padding: 0 0 7px 10px;
  color: #000;
  border-bottom: 1px dashed #3377dd;
  position: relative;
}

.voice-title:nth-of-type(1),
[class*="cl"] .voice-title:nth-of-type(1) {
  margin-top: 30px;
}

.voice-title:before,
[class*="cl"] .voice-title:before {
  content: "";
  width: 31px;
  height: 31px;
  display: inline-block;
  position: absolute;
  left: -30px;
  top: -2px;
  background: url(/assets/templates/niu2016/img/common/icon-oblist.png) no-repeat 0 0;
  background-size: 31px 31px;
}

.bg-solid p {
  color: #fff;
  padding-top: 30px;
  padding-bottom: 20px;
  margin-bottom: 0;
}

.cl-course .bg-solid {
  background-color: #3377dd;
}

.bg-square {
  background: url(/assets/templates/niu2016/img/common/voice_it_bg.png);
}

.qa-title,
[class*="cl"] .qa-title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 45px 25px 10px 25px;
  padding: 0 0 7px 40px;
  color: #000;
  border-bottom: 1px dashed #3fa9f5;
  position: relative;
  letter-spacing: -0.3px;
}

.qa-title:nth-of-type(1),
[class*="cl"] .qa-title:nth-of-type(1) {
  margin-top: 30px;
}

.qa-title:before,
[class*="cl"] .qa-title:before {
  content: "";
  width: 26px;
  height: 26px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: -2px;
  background: url(/assets/templates/niu2016/img/common/q.png) no-repeat 0 0;
  background-size: 26px 26px;
  background-color: #dc4e71;
}

.answer {
  padding: 0 0 7px 40px;
  position: relative;
}

.answer:before {
  content: "";
  width: 26px;
  height: 26px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: -1px;
  background: url(/assets/templates/niu2016/img/common/a.png) no-repeat 0 0;
  background-size: 26px 26px;
  background-color: #3377dd;
}

.box-border .answer {
  margin: 10px 25px 10px 25px;
}

.must {
  color: #ff9900;
}

.mustcourse {
  color: #00b4ed;
}

.must2select {
  color: #8fc31f;
}

.select {
  color: #ff6172;
}

.tab-btn {
  height: 85px;
}

.tab-btn ul {
  display: table;
  width: 100%;
  overflow: hidden;
  table-layout: fixed;
}

.tab-btn li {
  display: table-cell;
  border-left: 10px solid transparent;
  vertical-align: top;
}

.tab-btn li:first-child {
  border-left: none;
}

.tab-btn .tab {
  cursor: pointer;
  color: #fff;
  height: 75px;
  text-align: center;
  vertical-align: top;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  padding-top: 20px;
  transition: all 300ms;
  box-sizing: border-box;
  position: relative;
}

.tab-btn .tab.middle {
  padding-top: 5px;
}

.tab-btn .ls {
  letter-spacing: 7px;
  text-indent: 7px;
}

.tab-btn .tab:hover {
  height: 85px;
}

.tab-btn .tab:hover .arrow2 {
  transform: rotate(90deg);
}

.tab-btn .arrow2 {
  display: inline-block;
  margin: 7px auto 0 auto;
  width: 19px;
  height: 19px;
  background: url(/assets/templates/niu2016/img/common/arrow2-right.png) no-repeat center 0;
  background-size: contain;
  transition: all 300ms;
  position: relative;
  left: 2px;
}

.tab-btn .current {
  height: 85px;
}

.tab-btn .current .arrow2 {
  transform: rotate(90deg);
}

.tab-btn.tab5 .tab .fS {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
}

.tab-btn.tab6 .tab .fS {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
}

.tab-btn .fL {
  line-height: 1;
}

.tab-btn .fM {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}

.tab-btn .cl-it {
  background-color: #023f66;
}

.tab-btn li:hover .tab.cl-it,
.tab-btn .current.cl-it {
  background-color: #3377dd;
}

.tab-btn .cl-sw {
  background-color: #6c2c2f;
}

.tab-btn li:hover .tab.cl-sw,
.tab-btn .current.cl-sw {
  background-color: #e65a32;
}

.tab-btn .cl-hn {
  background-color: #947f28;
}

.tab-btn li:hover .tab.cl-hn,
.tab-btn .current.cl-hn {
  background-color: #32870a;
}

.tab-btn .cl-p {
  background-color: #e60012;
}

.tab-btn li:hover .tab.cl-p,
.tab-btn .current.cl-p {
  background-color: #c83737;
}

.tab-btn .cl-about {
  background-color: #246d4f;
}

.tab-btn li:hover .tab.cl-about,
.tab-btn .current.cl-about {
  background-color: #6fc90a;
}

.tab-btn .cl-graduate {
  background-color: #0073b7;
}

.tab-btn li:hover .tab.cl-graduate,
.tab-btn .current.cl-graduate {
  background-color: #3db6fc;
}

.tab-table,
.curriculum {
  margin-top: 0;
  margin-bottom: 100px;
  display: none;
}

.tab-table.show,
.curriculum.show {
  display: table;
}

.tab-table.block,
.curriculum.block {
  display: block;
}

.tab-table td,
.curriculum td {
  padding: 25px 3px 25px 28px;
}

.tab-table td.padding,
.curriculum td.padding {
  padding: 25px;
}

.tab-table h3,
.curriculum h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  margin-bottom: 15px;
}

.tab-table .border-top,
.curriculum .border-top {
  border-top: 1px solid #aaa;
}

.tab-table ul.inline-block,
.curriculum ul.inline-block {
  float: none;
  width: auto;
}

.tab-table ul.inline-block li,
.curriculum ul.inline-block li {
  display: inline-block;
  width: 49%;
  letter-spacing: -0.5px;
}

.tab-table li,
.curriculum li {
  letter-spacing: -0.3px;
}

.tab-table em,
.curriculum em {
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
}

.tab-table .list-arrow li:before,
.curriculum .list-arrow li:before {
  display: inline-block;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  border-radius: 100%;
  position: relative;
  top: 1px;
  margin-right: 2px;
  background-color: #293855;
  margin-left: 0;
}

.curriculum.cl-it h3 {
  color: #023f66;
}

.curriculum.cl-it .border-top {
  border-top: 1px solid #3fa9f5;
}

.curriculum.cl-sw h3 {
  color: #6c2c2f;
}

.curriculum.cl-sw .border-top {
  border-top: 1px solid #ff9600;
}

.curriculum.cl-hn h3 {
  color: #947f28;
}

.curriculum.cl-hn .border-top {
  border-top: 1px solid #78b400;
}

.curriculum.cl-p h3 {
  color: #e60012;
}

.curriculum.cl-p .border-top {
  border-top: 1px solid #ff5055;
}

.curriculum.cl-about h3 {
  color: #246d4f;
}

.curriculum.cl-about .border-top {
  border-top: 1px solid #6fc90a;
}

.curriculum.cl-graduate h3 {
  color: #0073b7;
}

.curriculum.cl-graduate .border-top {
  border-top: 1px solid #3db6fc;
}

.curriculum ul {
  float: left;
  width: 50%;
}

.tab-table {
  margin-top: 0;
}

.cl-it .list-arrow li:before {
  background-color: #3fa9f5;
}

.cl-sw .list-arrow li:before {
  background-color: #ff9600;
}

.cl-hn .list-arrow li:before {
  background-color: #78b400;
}

.cl-p .list-arrow li:before {
  background-color: #ff5055;
}

.cl-about .list-arrow li:before {
  background-color: #6fc90a;
}

.cl-general .list-arrow li:before {
  background-color: #6fc90a;
}

.cl-course .list-arrow li:before {
  background-color: #007bdc;
}

.cl-graduate .list-arrow li:before {
  background-color: #3db6fc;
}

.cl-international .list-arrow li:before {
  background-color: #ff9900;
}

.cl-life .list-arrow li:before {
  background-color: #ff624b;
}

.cl-career .list-arrow li:before {
  background-color: #8e44ad;
}

.cl-society .list-arrow li:before {
  background-color: #36a14d;
}

.cl-topics .list-arrow li:before {
  background-color: #95a5a6;
}

.cl-reunion .list-arrow li:before {
  background-color: #aab22a;
}

.cl-research .list-arrow li:before {
  background-color: #c03961;
}

.cl-study .list-arrow li:before {
  background-color: #c03961;
}

.cl-alert .list-arrow li:before {
  background-color: #f00;
}

.cl-important .list-arrow li:before {
  background-color: #00b4ed;
}

.cl-etc .list-arrow li:before, .thin-table thead .list-arrow li:before {
  background-color: #366593;
}

.cl-it .list-arrow li:before {
  background-color: #023f66;
}

.cl-sw .list-arrow li:before {
  background-color: #6c2c2f;
}

.cl-hn .list-arrow li:before {
  background-color: #947f28;
}

.cl-p .list-arrow li:before {
  background-color: #e60012;
}

.cl-common .list-arrow li:before {
  background-color: #515d75;
}

.face-photo {
  width: 100px;
}

.solid-box.lecture {
  padding: 22px 14px;
}

.solid-box.lecture figure {
  float: left;
  margin-right: 18px;
  margin-bottom: 10px;
  width: 96px;
}

.solid-box.lecture figure img {
  width: 100%;
}

.tag-box {
  display: inline-block;
  padding: 4px 7px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
}

.staff h1 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 15px;
}

.staff .solid-box {
  padding: 14px 16px;
}

.staff a {
  color: #000;
}

.staff a:hover {
  color: #3fa9f5;
}

.staff figure {
  float: left;
  margin-right: 13px;
  margin-bottom: 0;
}

.staff .name {
  margin-top: 8px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 20px;
}

.staff .name span {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
}

.staff .circle, .staff #search-box dt, #search-box .staff dt {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  text-indent: 0;
}

.staff .circle:before, .staff #search-box dt:before, #search-box .staff dt:before {
  width: 9px;
  height: 9px;
}

.staff small {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  padding-bottom: 7px;
}

.staff p {
  overflow: hidden;
}

.staffdetail figure.imgR img, .staffdetail figure.imgright img {
  max-width: 100px;
}

.staffdetail:nth-of-type(n+2) {
  margin-top: 50px;
}

.staffdetail h3:nth-of-type(n+2) {
  margin-top: 30px;
}

.staffdetail + nav #page-nav {
  text-align: center;
}

.staffdetail ol {
  list-style-position: outside;
  margin-left: 2em;
}

.staffdetail ol li:not(:first-child) {
  margin-top: 5px;
}

.staffdetail ol.nolist {
  margin-left: 0;
}

.staffdetail ol > br,
.staffdetail ol li + br {
  display: none;
}

.staffdetail ul > br,
.staffdetail ul li + br {
  display: none;
}

.staffdetail ul li:not(:first-child) {
  margin-top: 5px;
}

.staffdetail em {
  color: #000000;
  font-style: italic;
}

.career-box-wrap {
  float: right;
  margin-left: 25px;
  margin-top: 3px;
  margin-bottom: 10px;
}

.career-box {
  background: #ff9600;
  padding: 5px;
  text-align: center;
}

.career-box__inner {
  width: 250px;
  height: 170px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  align-content: center;
  border: 1px solid #fff;
  box-sizing: border-box;
}

.career-box-title {
  display: block;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-top: 6px;
}

.career-box-result {
  color: #fff;
  font-size: 80px;
  font-size: 8rem;
  line-height: 1;
  font-family: Arial;
}

.career-box-result-percent {
  font-size: 43px;
  font-size: 4.3rem;
  line-height: 1;
}

.report .date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}

.report .title {
  margin-top: 14px;
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: bold;
}

.report figure {
  float: right;
}

.report figure img {
  width: 177px;
  height: 120px;
  margin-left: 22px;
}

.label-box {
  display: inline-block;
  width: 50px;
  height: 21px;
  border: 1px solid #000;
}

@media screen and (max-width: 540px) {
  .label-box {
    width: 25px;
    height: 15px;
  }
}

.must-light {
  background-color: #ffe3b9;
}

.mustcourse-light {
  background-color: #fbe0e1;
}

.must2select-light {
  background-color: #efffeb;
}

.td-2h tr:nth-child(n+2) td {
  height: 40px;
}

.td-2h td {
  font-feature-settings: "palt";
}

.tab-menu {
  display: flex;
}

.tab-menu__child {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  padding: 10px 20px;
  background-color: #999 !important;
  border-radius: 6px 6px 0 0;
  margin-right: 5px;
  transition: background-color 200ms ease-in;
}

.tab-menu__child span {
  color: #fff !important;
}

.tab-menu__child.c-it:hover, .tab-menu__child.c-it[aria-pressed="true"] {
  background-color: #023f66 !important;
}

.tab-menu__child.c-sw:hover, .tab-menu__child.c-sw[aria-pressed="true"] {
  background-color: #6c2c2f !important;
}

.tab-menu__child.c-hn:hover, .tab-menu__child.c-hn[aria-pressed="true"] {
  background-color: #947f28 !important;
}

.tab-menu__child.c-p:hover, .tab-menu__child.c-p[aria-pressed="true"] {
  background-color: #e60012 !important;
}

.tab-menu__target[aria-hidden="true"] {
  display: none;
  animation: tabfadeOut 600ms ease-in-out 1 forwards;
}

.tab-menu__target[aria-hidden="false"] {
  animation: tabfadeIn 600ms ease-in-out 1 forwards;
}

@keyframes tabfadeIn {
  0% {
    opacity: 0;
    display: none;
  }
  1% {
    display: initial;
  }
  100% {
    opacity: 1;
    display: initial;
  }
}

@keyframes tabfadeOut {
  0% {
    opacity: 1;
    display: initial;
  }
  99% {
    display: initial;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

.common.followup th {
  color: #000;
  padding-left: 15px;
  border-bottom: 1px solid #999;
  font-weight: bold;
}

.common.followup td {
  padding: 15px 0;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.common.followup td:not(:last-child) {
  border-right: 1px dotted #999;
}

.common.followup td:first-child {
  padding-left: 15px;
  padding-right: 15px;
}

.common.followup thead th {
  color: #fff;
  font-weight: normal;
  border-bottom: none;
  padding-left: 0;
}

.common.followup th.border,
.common.followup td.border {
  border-top: 1px solid #999;
}

.common.followup td:nth-child(n+2) {
  text-align: center;
}

.common.followup th.cl-p-th {
  background-color: #fbd2d6;
}

.common.followup .cl-p td {
  background-color: #ffebeb;
}

.common.followup td:empty {
  background: linear-gradient(to top right, transparent, transparent 50%, #555 50%, #555 51%, transparent 51%, transparent);
}

@supports (object-fit: cover) {
  .common.followup td:empty {
    background: linear-gradient(to top right, transparent, transparent calc(50% - 0.6px), #222 50%, transparent calc(50% + 0.6px), transparent);
  }
}

.border-top-double {
  border-top: 3px double #999 !important;
}

.pharmacy-research {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}

@media screen and (max-width: 540px) {
  .pharmacy-research {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
  }
}

.pharmacy-research th {
  font-weight: normal;
  border-left: 2px solid #fff;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #ff5055;
}

.pharmacy-research th:first-child {
  border: none;
}

.pharmacy-research td {
  padding-top: 15px;
  padding-bottom: 15px;
  border: none;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  border-bottom: 1px solid #999;
}

@media screen and (max-width: 540px) {
  .pharmacy-research td {
    padding: 5px 2px;
  }
}

.pharmacy-research td:first-child {
  text-align: left;
  padding-left: 15px;
  position: relative;
}

.pharmacy-research td:first-child .poster {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.pharmacy-research tr:nth-child(2n+3) {
  background-color: #eef2f4;
}

.pharmacy-research a[href$=".pdf"]:after {
  display: none;
}

.teacher-training th {
  border-left: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
}

.teacher-training th:last-child {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: inherit;
}

.teacher-training td {
  padding: 8px 4px;
  border-top: none;
  border-bottom: none;
}

.teacher-training .vertical-rl span {
  display: inline-block;
  width: 1.2em;
}

.common.graduate th {
  background-color: #0073b7;
  border-left-width: 1px;
  border-bottom: none;
}

.common.graduate th:last-child {
  border-right: 1px solid #0073b7;
}

.common.graduate tr:nth-child(2) th {
  border-top: 1px solid #fff;
}

.common.graduate td {
  padding-top: 7px;
  padding-bottom: 7px;
}

.column-title {
  width: 130px;
  height: 130px;
  padding: 0px 10px;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
}

@media screen and (max-width: 540px) {
  .column-title {
    display: block;
    width: auto;
    height: auto;
    border: none !important;
    margin-top: 30px;
  }
}

.column-message {
  padding: 20px;
}

@media screen and (max-width: 540px) {
  .column-message {
    padding-top: 10px;
  }
}

[class*="faq"] {
  padding-left: 45px;
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-position: 0 0;
  padding-top: 7px;
}

.faq-q {
  background-image: url(/content/images/international/q.png);
}

.faq-q .h2, .faq-q .staffdetail h2, .staffdetail .faq-q h2 {
  margin-bottom: 5px;
}

.faq-a {
  padding-bottom: 6px;
  background-image: url(/content/images/international/a.png);
}

.achievement-cap img {
  height: 140px;
}

@media screen and (max-width: 540px) {
  .achievement-cap img {
    height: 110px;
  }
}

.achievement-block .fig {
  margin-bottom: 15px;
}

.achievement-block .fig img {
  width: 240px;
  height: auto;
  margin-bottom: 0;
}

@media screen and (max-width: 540px) {
  .achievement-block .fig img {
    width: 100%;
  }
}

.achievement-block .thumbnail-flex > .fig {
  width: 32%;
}

@media screen and (max-width: 540px) {
  .achievement-block .thumbnail-flex > .fig {
    width: 100%;
  }
}

.achievement-block .thumbnail-flex > .fig img {
  width: 100%;
}

@media screen and (max-width: 540px) {
  .achievement-block .imgL, .achievement-block .imgleft,
  .achievement-block .imgR,
  .achievement-block .imgright {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 540px) {
  .achievement-flex {
    display: flex;
    justify-content: space-between;
    flex-flow: column-reverse;
  }
}

.achievement__item-fig {
  float: right;
  margin-left: 30px;
}

@media screen and (max-width: 540px) {
  .achievement__item-fig {
    float: none;
    margin-left: auto;
  }
}

#calendar table {
  width: 100%;
}

#calendar th, #calendar td {
  border: none;
  padding: 0;
  vertical-align: middle;
}

#calendar th {
  vertical-align: middle;
  width: 107px;
}

#calendar td {
  padding: 23px 15px 23px 0;
}

#calendar td:last-child {
  width: 190px;
  padding: 18px 15px 18px 0;
}

#calendar tr:nth-child(2n+1) {
  background-color: #eef2f4;
}

#calendar td .list-circle {
  border-left: 2px solid #293855;
  display: table-cell;
  vertical-align: top;
  padding: 10px 0 0 20px;
  height: 120px;
  min-height: 120px;
  box-sizing: border-box;
}

#calendar td .list-circle.top {
  vertical-align: top;
  padding-top: 0;
}

#calendar li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 5px;
}

#calendar li:before {
  margin-right: 3px;
}

#calendar figcaption {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  margin-top: 5px;
}

.clubImg {
  width: 200px;
  height: 135px;
  margin-bottom: 5px;
  overflow: hidden;
}

.clubImg a {
  display: block;
  width: inherit;
  height: inherit;
  position: relative;
}

.clubImg .empty-img img {
  background-color: #fff9f9;
}

.clubImg .empty-img span {
  display: inline-block;
  width: 90%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.1;
  font-weight: bold;
  color: #000;
  transform: translate(-50%, -50%);
}

.clubImg .empty-img:before {
  content: "";
  position: absolute;
  display: block;
  background-image: url(/assets/templates/niu2016/img/common/logo-svg.svg);
  background-size: 45%;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.clubDetail {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}

.clubDetail table {
  max-width: 650px;
}

.clubDetail th {
  background-color: #eef2f4;
  text-align: center;
  width: 17%;
  min-width: 110px;
  font-weight: normal;
  padding: 15px 0;
}

.clubDetail th, .clubDetail td {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

.clubDetail td {
  max-width: 540px;
  padding: 15px 18px;
}

.clubDetail .pd-right-10 {
  float: right;
  max-width: 80px;
  padding-left: 15px;
  padding-bottom: 15px;
}

.clubDetail p:empty {
  padding-bottom: 1em;
}

.clubDetail td img {
  max-width: 535px;
}

.clubDetail table td, .clubDetail table th {
  width: auto;
  padding: 5px;
}

.clubDetail table td {
  max-width: 140px;
}

.clubDetail table td:first-child,
.clubDetail table th:first-child {
  width: 110px;
}

.clubDetail table tr:nth-child(even) {
  background-color: #eef2f4;
}

.clubDetail table.stripe {
  border: none;
}

.clubDetail table.stripe td, .clubDetail table.stripe th {
  border: none;
  color: #000;
}

.club-result {
  width: 100%;
}

.club-result th {
  background-color: #ff624b;
  padding: 15px;
  text-align: center;
  color: #fff;
}

.club-result tr:nth-child(even) {
  background-color: #eef2f4;
}

.club-result td {
  border-bottom: 1px solid #999999;
  padding: 15px;
  text-align: center;
}

.club-result td.left {
  text-align: left;
}

[for^="area"] {
  cursor: pointer;
}

#map,
#gmap,
#maps_shop {
  height: 650px;
  margin: 20px auto;
  width: 650px;
}

.gmap_category {
  display: none;
}

.gmap_title {
  color: #888;
  margin-top: 5px;
}

.spotName {
  display: block;
  padding: 6px 0 5px 0;
}

.gmap_info {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.3;
}

.gmap_info .comment {
  display: none;
}

.map_etc,
.map_food,
.map_hospital,
.map_public,
.map_school,
.map_shop {
  padding: 1px 0 10px 18px;
  background-position: left top;
  background-repeat: no-repeat;
}

.map_etc {
  background-image: url(/assets/templates/niu2016/img/life/icon_etc.png);
}

.map_food {
  background-image: url(/assets/templates/niu2016/img/life/icon_food.png);
}

.map_hospital {
  background-image: url(/assets/templates/niu2016/img/life/icon_hospital.png);
}

.map_public {
  background-image: url(/assets/templates/niu2016/img/life/icon_public.png);
}

.map_school {
  background-image: url(/assets/templates/niu2016/img/life/icon_school.png);
}

.map_shop {
  background-image: url(/assets/templates/niu2016/img/life/icon_shop.png);
}

.gmap_block {
  width: 430px;
}

.gmap_block .spotimg {
  float: left;
}

.gmap_block .gmap_title,
.gmap_block .gmap_info {
  float: right;
  width: 220px;
}

.gmap_block .gmap_info .comment {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4;
  margin-top: 10px;
}

.gmap_block .gmap_category {
  display: none;
}

.gmap_block .map_shop {
  background-image: none;
  padding-left: 0;
  font-size: 11px;
  color: #333;
}

.gmap_block .spotName {
  display: block;
  padding-bottom: 10px;
}

.gmap_aed_block .gmap_title {
  color: #000;
}

.dorm .cell figure ~ figure {
  margin-top: 20px;
}

.dorm .cell.top {
  padding-left: 20px;
}

.dorm .common tr:first-child td {
  border-right: 1px solid #999;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.border-radius-top {
  border-radius: 6px 6px 0 0;
}

#floorplan {
  width: 100%;
  margin-top: 20px;
}

#floorplan ul {
  width: 363px;
  float: right;
}

#floorplan li {
  float: left;
  width: 176px;
  padding-left: 11px;
  padding-bottom: 11px;
}

#floorplan li:nth-child(2n+1) {
  padding-left: 0;
}

#floorplan li img {
  width: 176px;
  height: 123px;
}

#floorplanImg {
  width: 250px;
  float: left;
  position: relative;
}

#floorplanImg a {
  position: absolute;
  display: block;
  width: 22px;
  height: 18px;
  background: url(/content/images/life/residence/icon_zoom.png) no-repeat;
  background-size: 22px 18px;
}

#floorplanImg_spot1 {
  top: 145px;
  left: 173px;
}

#floorplanImg_spot2 {
  top: 65px;
  left: 22px;
}

#floorplanImg_spot3 {
  top: 315px;
  left: 195px;
}

#floorplanImg_spot4 {
  top: 220px;
  left: 60px;
}

#floorplanImg_spot5 {
  top: 355px;
  left: 70px;
}

#floorplanImg_spot6 {
  top: 395px;
  left: 125px;
}

.dorm-qa h4 {
  cursor: pointer;
  color: #555;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  padding: 0px 5px 6px 34px;
  text-indent: -27px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: linear-gradient(to bottom, #fffffe 4%, #efefde 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffe', endColorstr='#efefde',GradientType=0 );
}

.dorm-qa h4:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(/content/images/life/residence/q.png) no-repeat;
  background-size: 21px 21px;
  position: relative;
  top: 4px;
  padding-right: 6px;
}

.tabspage {
  display: none;
  border-width: 3px;
  border-style: solid;
  border-color: #fbe0e1;
  padding: 15px 20px;
  box-sizing: border-box;
  margin-top: 15px;
  margin-bottom: 15px;
}

.type {
  height: 50px;
  background-position: left center;
  background-size: 26px 50px;
  background-repeat: no-repeat;
}

.type span {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  display: inline-block;
  padding-top: 6px;
  padding-left: 36px;
}

.type-a {
  background-image: url(/content/images/life/residence/blue_a.png);
}

.type-b {
  background-image: url(/content/images/life/residence/blue_b.png);
}

.type-c {
  background-image: url(/content/images/life/residence/blue_c.png);
}

#career-graph1 .cell {
  padding-right: 34px;
  background-image: url(/content/images/career/right-arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 29px 27.5px;
}

#career-graph1 .cell:nth-of-type(2), #career-graph1 .cell:nth-of-type(3) {
  padding-left: 4px;
}

#career-graph1 .cell:nth-of-type(3) {
  padding-right: 0;
}

#career-graph1 .cell img {
  border-radius: 8px;
  padding: 26.5px 18px;
  vertical-align: middle;
}

#career-graph1 .cell:nth-of-type(1) img {
  width: 178px;
  background-color: #ff8899;
  padding: 17px 23px;
}

#career-graph1 .cell:nth-of-type(2) img {
  width: 138px;
  background-color: #88bb44;
}

#career-graph1 .cell:nth-of-type(3) img {
  width: 138px;
  background-color: #ffaa33;
}

.results {
  border-width: 6px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.results .cell {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: bold;
  padding-left: 25px;
  padding-right: 25px;
}

.results .cell + .cell {
  text-align: left;
  color: #8e44ad;
  font-size: 54px;
  font-size: 5.4rem;
  line-height: 1;
  font-weight: normal;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0;
  width: 200px;
  font-family: Arial;
}

.results .cell + .cell:before {
  content: "";
  display: inline-block;
  height: 48px;
  width: 2px;
  margin-right: 25px;
  background-color: #000;
  position: relative;
  top: 4px;
}

.flowgraph .table {
  padding-top: 6px;
  padding-bottom: 24px;
  background-image: url(/content/images/society/ibuken/down-arrow.png);
  background-repeat: no-repeat;
  background-size: 39px 17px;
  background-position: 55px bottom;
}

.flowgraph .table:last-of-type {
  background: none;
}

.flowgraph figure {
  display: table-cell;
  width: 150px;
  max-width: 150px;
  height: 65px;
  vertical-align: middle;
  text-align: center;
  background-color: #6699dd;
  border-radius: 8px;
}

.flowgraph p {
  display: table-cell;
  vertical-align: middle;
  padding: 8px;
}

.faq-society-q {
  background-image: url(/content/images/society/ibuken/q.png);
}

.faq-society-q .h2, .faq-society-q .staffdetail h2, .staffdetail .faq-society-q h2 {
  margin-bottom: 5px;
}

.faq-society-a {
  padding-bottom: 6px;
  background-image: url(/content/images/society/ibuken/a.png);
}

.agreement-block {
  cursor: pointer;
  padding-left: 22px;
  position: relative;
}

.agreement-block:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  font-size: 14px;
  color: #fff;
  width: 14px;
  height: 14px;
  padding: 2px;
  display: inline-block;
  position: absolute;
  left: 0;
  background-color: #276e00;
  border-radius: 4px;
}

.agreement-block.show:before {
  content: "\e907";
}

.agreement-block + table {
  display: none;
}

.caption-center figcaption {
  padding-top: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
}

.caption-center a:hover figcaption {
  color: #3fa9f5;
}

#topicstitle {
  margin-top: 55px;
  margin-bottom: 45px;
}

#topicstitle + .category {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
}

.topics-box-wrap {
  position: relative;
}

.topics-box-wrap + .unit-center {
  clear: both;
}

.topics-tile {
  width: 649px;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 10px;
}

.topics-tile ul::after {
  content: "";
  clear: both;
  display: table;
}

.topics-tile a {
  color: #000;
  display: block;
  height: inherit;
  overflow: hidden;
}

.topics-tile a:before {
  content: "";
  transition: all 300ms ease;
}

.topics-tile a:hover {
  color: #000000;
}

.topics-tile li {
  float: left;
  width: 204px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-top-width: 10px;
  height: 310px;
  max-height: 310px;
  min-height: 310px;
  margin-left: 18px;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 10px;
}

.topics-tile a:hover:before {
  display: block;
  width: 204px;
  height: 310px;
  position: absolute;
  top: -10px;
  left: -1px;
  z-index: 50;
  background-color: rgba(255, 255, 255, 0.3);
}

.topics-tile li:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}

.topics-tile h2 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  margin: 8px 14px 8px 14px;
}

.topics-tile .cl-about h2 {
  color: #6fc90a;
}

.topics-tile .cl-general h2 {
  color: #6fc90a;
}

.topics-tile .cl-course h2 {
  color: #007bdc;
}

.topics-tile .cl-graduate h2 {
  color: #3db6fc;
}

.topics-tile .cl-international h2 {
  color: #ff9900;
}

.topics-tile .cl-life h2 {
  color: #ff624b;
}

.topics-tile .cl-career h2 {
  color: #8e44ad;
}

.topics-tile .cl-society h2 {
  color: #36a14d;
}

.topics-tile .cl-topics h2 {
  color: #95a5a6;
}

.topics-tile .cl-reunion h2 {
  color: #aab22a;
}

.topics-tile .cl-research h2 {
  color: #c03961;
}

.topics-tile .cl-study h2 {
  color: #c03961;
}

.topics-tile .cl-alert h2 {
  color: #f00;
}

.topics-tile .cl-important h2 {
  color: #00b4ed;
}

.topics-tile .cl-etc h2, .topics-tile .thin-table thead h2, .thin-table .topics-tile thead h2 {
  color: #366593;
}

.topics-tile .cl-it h2 {
  color: #023f66;
}

.topics-tile .cl-sw h2 {
  color: #6c2c2f;
}

.topics-tile .cl-hn h2 {
  color: #947f28;
}

.topics-tile .cl-p h2 {
  color: #e60012;
}

.topics-tile .cl-common h2 {
  color: #515d75;
}

.topics-tile .tag {
  position: absolute;
  top: -10px;
  left: -1px;
  width: 86px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 86px;
  height: 14px;
  display: block;
  padding-top: 8px;
  padding-bottom: 6px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  border-radius: 10px 0 0 0;
}

.topics-tile a[href*="plat"] .tag {
  width: auto;
}

.topics-tile .thumbnail {
  display: block;
  line-height: 0;
  height: 142px;
  overflow: hidden;
}

.topics-tile .thumbnail img {
  max-width: 202px;
  width: 100%;
}

.topics-tile .date {
  left: 14px;
  position: absolute;
  bottom: 10px;
}

.topics-tile .detail-link {
  position: absolute;
  right: 14px;
  bottom: 10px;
  background-color: transparent;
}

.topics-tile .detail-link:after {
  font-size: 16px;
}

.topics-tile .cl-about .detail-link:after {
  background-color: #6fc90a;
}

.topics-tile .cl-general .detail-link:after {
  background-color: #6fc90a;
}

.topics-tile .cl-course .detail-link:after {
  background-color: #007bdc;
}

.topics-tile .cl-graduate .detail-link:after {
  background-color: #3db6fc;
}

.topics-tile .cl-international .detail-link:after {
  background-color: #ff9900;
}

.topics-tile .cl-life .detail-link:after {
  background-color: #ff624b;
}

.topics-tile .cl-career .detail-link:after {
  background-color: #8e44ad;
}

.topics-tile .cl-society .detail-link:after {
  background-color: #36a14d;
}

.topics-tile .cl-topics .detail-link:after {
  background-color: #95a5a6;
}

.topics-tile .cl-reunion .detail-link:after {
  background-color: #aab22a;
}

.topics-tile .cl-research .detail-link:after {
  background-color: #c03961;
}

.topics-tile .cl-study .detail-link:after {
  background-color: #c03961;
}

.topics-tile .cl-alert .detail-link:after {
  background-color: #f00;
}

.topics-tile .cl-important .detail-link:after {
  background-color: #00b4ed;
}

.topics-tile .cl-etc .detail-link:after, .topics-tile .thin-table thead .detail-link:after, .thin-table .topics-tile thead .detail-link:after {
  background-color: #366593;
}

.topics-tile .cl-it .detail-link:after {
  background-color: #023f66;
}

.topics-tile .cl-sw .detail-link:after {
  background-color: #6c2c2f;
}

.topics-tile .cl-hn .detail-link:after {
  background-color: #947f28;
}

.topics-tile .cl-p .detail-link:after {
  background-color: #e60012;
}

.topics-tile .cl-common .detail-link:after {
  background-color: #515d75;
}

.topics-tile .cl-it .detail-link:after {
  background-color: #023f66;
}

.topics-tile .cl-sw .detail-link:after {
  background-color: #6c2c2f;
}

.topics-tile .cl-hn .detail-link:after {
  background-color: #947f28;
}

.topics-tile .cl-p .detail-link:after {
  background-color: #e60012;
}

.topics-tile .label {
  margin-top: 12px;
  margin-left: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 3px 5px;
  height: 20px;
  box-sizing: border-box;
  white-space: nowrap;
}

.topics-tile .label.cl-it {
  background-color: #023f66;
}

.topics-tile .label.cl-sw {
  background-color: #6c2c2f;
}

.topics-tile .label.cl-hn {
  background-color: #947f28;
}

.topics-tile .label.cl-p {
  background-color: #e60012;
}

.topics-tile li.cl,
.topics-tile li[class^=cl] {
  border-color: #293855;
}

.topics-tile li.cl-all {
  border-color: #828282;
}

.topics-tile li.cl-about {
  border-color: #6fc90a;
}

.topics-tile li.cl-general {
  border-color: #6fc90a;
}

.topics-tile li.cl-course {
  border-color: #007bdc;
}

.topics-tile li.cl-graduate {
  border-color: #3db6fc;
}

.topics-tile li.cl-international {
  border-color: #ff9900;
}

.topics-tile li.cl-life {
  border-color: #ff624b;
}

.topics-tile li.cl-career {
  border-color: #8e44ad;
}

.topics-tile li.cl-society {
  border-color: #36a14d;
}

.topics-tile li.cl-topics {
  border-color: #95a5a6;
}

.topics-tile li.cl-reunion {
  border-color: #aab22a;
}

.topics-tile li.cl-research {
  border-color: #c03961;
}

.topics-tile li.cl-study {
  border-color: #c03961;
}

.topics-tile li.cl-alert {
  border-color: #f00;
}

.topics-tile li.cl-important {
  border-color: #00b4ed;
}

.topics-tile li.cl-etc {
  border-color: #366593;
}

.topics-tile li.cl-it {
  border-color: #023f66;
}

.topics-tile li.cl-sw {
  border-color: #6c2c2f;
}

.topics-tile li.cl-hn {
  border-color: #947f28;
}

.topics-tile li.cl-p {
  border-color: #e60012;
}

.topics-tile li.cl-common {
  border-color: #515d75;
}

.topics-tile li.cl-it {
  border-color: #023f66;
}

.topics-tile li.cl-sw {
  border-color: #6c2c2f;
}

.topics-tile li.cl-hn {
  border-color: #947f28;
}

.topics-tile li.cl-p {
  border-color: #e60012;
}

.topics-tile .external {
  display: none;
}

.pdf-link {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  background: url(/assets/templates/niu2016/img/common/icon-pdf.png) no-repeat;
  background-size: 20px 23.5px;
  background-position: 0 center;
  padding: 15px 0 15px 28px;
  height: 16px;
}

.cl-course a.pdf-link {
  color: #3fa9f5;
}

a[href*=".pdf?"]:after,
a[href$=".pdf"]:after {
  content: "";
  display: inline-block;
  background: url(/assets/templates/niu2016/img/common/pdf.png) no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  position: relative;
  top: 2px;
}

.pdf-off a[href$=".pdf"]:after,
a.icon-off[href$=".pdf"]:after {
  display: none;
}

.main .external:before {
  display: inline-block;
  content: "\e905";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: inherit;
  margin-left: 4px;
}

.main #topics-detail li .external:before {
  padding-left: 12px;
}

img[src^="http"] + .external:before,
.btn .external:before,
.home .external:before,
.detail-btn .external:before,
.campusbtn .external:before,
.popupwindow .external:before,
.thumbnail-list .external:before,
#pagination .external:before {
  display: none;
  content: "";
}

.topics-box li {
  position: relative;
}

.topics-box a {
  display: block;
  width: 100%;
  padding: 20px 15px 20px 22px;
  box-sizing: border-box;
  min-height: 150px;
  color: #000;
  background-color: #fff;
}

.topics-box a:hover {
  color: #335599;
}

.topics-box a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 300ms ease;
}

.topics-box a:hover:before {
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.3);
}

.topics-box a:after {
  color: #cbd3d3;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  display: inline-block;
  font-size: 57px;
  font-size: 5.7rem;
  line-height: 1;
  position: absolute;
  left: 395px;
  top: 50%;
  transform: translateY(-50%);
}

.topics-box a:hover:after {
  color: #95a5a6;
}

.topics-box li:nth-child(2n+1) a {
  background-color: #eef2f4;
}

.topics-box figure {
  position: absolute;
  right: 15px;
  top: 50%;
  z-index: 0;
  height: 110px;
  transform: translateY(-50%);
}

.topics-box figure img {
  width: 170px;
}

.topics-box .date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  margin-left: 10px;
}

.topics-box p {
  width: 360px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-top: 15px;
}

#topics-box-tag {
  padding-left: 23px;
  padding-right: 23px;
  border-bottom: 2px solid #293855;
}

#topics-box-tag li {
  float: left;
  margin-right: 4px;
  display: inline-block;
  margin-top: 4px;
}

#topics-box-tag a {
  cursor: pointer;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  height: 14px;
  padding: 4px 5px 2px 5px;
  color: #fff;
  background-color: #293855;
  transition: all 300ms liner;
}

#topics-box-tag .active a,
#topics-box-tag a:hover {
  background-color: #3fa9f5;
}

#topics-box-tag li.active a.cl-about,
#topics-box-tag a:hover.cl-about {
  background-color: #6fc90a;
}

#topics-box-tag li.active a.cl-general,
#topics-box-tag a:hover.cl-general {
  background-color: #6fc90a;
}

#topics-box-tag li.active a.cl-course,
#topics-box-tag a:hover.cl-course {
  background-color: #007bdc;
}

#topics-box-tag li.active a.cl-graduate,
#topics-box-tag a:hover.cl-graduate {
  background-color: #3db6fc;
}

#topics-box-tag li.active a.cl-international,
#topics-box-tag a:hover.cl-international {
  background-color: #ff9900;
}

#topics-box-tag li.active a.cl-life,
#topics-box-tag a:hover.cl-life {
  background-color: #ff624b;
}

#topics-box-tag li.active a.cl-career,
#topics-box-tag a:hover.cl-career {
  background-color: #8e44ad;
}

#topics-box-tag li.active a.cl-society,
#topics-box-tag a:hover.cl-society {
  background-color: #36a14d;
}

#topics-box-tag li.active a.cl-topics,
#topics-box-tag a:hover.cl-topics {
  background-color: #95a5a6;
}

#topics-box-tag li.active a.cl-reunion,
#topics-box-tag a:hover.cl-reunion {
  background-color: #aab22a;
}

#topics-box-tag li.active a.cl-research,
#topics-box-tag a:hover.cl-research {
  background-color: #c03961;
}

#topics-box-tag li.active a.cl-study,
#topics-box-tag a:hover.cl-study {
  background-color: #c03961;
}

#topics-box-tag li.active a.cl-alert,
#topics-box-tag a:hover.cl-alert {
  background-color: #f00;
}

#topics-box-tag li.active a.cl-important,
#topics-box-tag a:hover.cl-important {
  background-color: #00b4ed;
}

#topics-box-tag li.active a.cl-etc,
#topics-box-tag a:hover.cl-etc {
  background-color: #366593;
}

#topics-box-tag li.active a.cl-it,
#topics-box-tag a:hover.cl-it {
  background-color: #023f66;
}

#topics-box-tag li.active a.cl-sw,
#topics-box-tag a:hover.cl-sw {
  background-color: #6c2c2f;
}

#topics-box-tag li.active a.cl-hn,
#topics-box-tag a:hover.cl-hn {
  background-color: #947f28;
}

#topics-box-tag li.active a.cl-p,
#topics-box-tag a:hover.cl-p {
  background-color: #e60012;
}

#topics-box-tag li.active a.cl-common,
#topics-box-tag a:hover.cl-common {
  background-color: #515d75;
}

#topics-box-tag li.active a.cl-all,
#topics-box-tag a:hover.cl-all {
  background-color: #828282;
}

.topics-detail-title .date {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-style: italic;
  font-weight: bold;
  font-family: "Trebuchet MS";
}

.topics-detail-title .gray-box {
  padding: 10px 14px;
}

.topics-detail-title h1 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.5;
  margin-top: 30px;
  margin-bottom: 30px;
}

.topics-detail-title h1[class^="cl"] {
  background: none;
}

.topics-detail-title h1.cl-all {
  color: #828282;
}

.topics-detail-title h1.cl-about {
  color: #6fc90a;
}

.topics-detail-title h1.cl-general {
  color: #6fc90a;
}

.topics-detail-title h1.cl-course {
  color: #007bdc;
}

.topics-detail-title h1.cl-graduate {
  color: #3db6fc;
}

.topics-detail-title h1.cl-international {
  color: #ff9900;
}

.topics-detail-title h1.cl-life {
  color: #ff624b;
}

.topics-detail-title h1.cl-career {
  color: #8e44ad;
}

.topics-detail-title h1.cl-society {
  color: #36a14d;
}

.topics-detail-title h1.cl-topics {
  color: #95a5a6;
}

.topics-detail-title h1.cl-reunion {
  color: #aab22a;
}

.topics-detail-title h1.cl-research {
  color: #c03961;
}

.topics-detail-title h1.cl-study {
  color: #c03961;
}

.topics-detail-title h1.cl-alert {
  color: #f00;
}

.topics-detail-title h1.cl-important {
  color: #00b4ed;
}

.topics-detail-title h1.cl-etc {
  color: #366593;
}

.topics-detail-title h1.cl-it {
  color: #023f66;
}

.topics-detail-title h1.cl-sw {
  color: #6c2c2f;
}

.topics-detail-title h1.cl-hn {
  color: #947f28;
}

.topics-detail-title h1.cl-p {
  color: #e60012;
}

.topics-detail-title h1.cl-common {
  color: #515d75;
}

.topics-detail-title .tag-list {
  display: inline-block;
  background: url(/assets/templates/niu2016/img/common/tag.png) no-repeat;
  background-position: left center;
  background-size: 15px 15px;
  height: 18px;
  padding-left: 19px;
  margin-left: 20px;
}

.topics-detail-title .tag-list a {
  display: inline-block;
  color: #603813;
  font-size: 12px;
  font-size: 1.2rem;
}

.topics-detail-title .tag-list a:hover {
  color: #293855;
}

.topics-detail-title .tag-list a + a {
  padding-left: 1em;
}

#gallery {
  margin-top: 90px;
}

#gallery .title {
  display: inline-block;
  border-bottom-width: 10px;
  border-bottom-style: solid;
  margin-bottom: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: bold;
}

#gallery .title[class*="cl"] {
  background: none;
}

#gallery .thumb:after {
  content: "";
  clear: both;
  display: block;
}

#gallery .thumb li {
  float: left;
  width: 200px;
  height: 145px;
  margin-left: 25px;
  margin-bottom: 25px;
  overflow: hidden;
}

#gallery .thumb li img {
  width: 100%;
}

#gallery .thumb li:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}

.sns-box {
  clear: both;
  text-align: right;
  margin-top: 55px;
  margin-bottom: 30px;
}

.sns-box .facebook {
  display: inline-block;
  background-color: #1e3261;
  margin-right: 5px;
}

.sns-box .facebook a {
  display: table-cell;
  width: 130px;
  height: 45px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}

.sns-box .facebook a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  color: #fff;
  font-size: 34px;
  position: relative;
  top: -2px;
  left: -10px;
}

.sns-box .facebook a span {
  position: relative;
  top: -6px;
}

.sns-box .twitter {
  display: inline-block;
  background-color: #00aced;
}

.sns-box .twitter a {
  display: table-cell;
  width: 130px;
  height: 45px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}

.sns-box .twitter a:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: #fff;
  font-size: 22px;
  padding-right: 8px;
}

.sns-box .twitter a span {
  position: relative;
  top: -3px;
}

.rellink-title {
  display: table-cell;
  min-width: 99px;
  padding-left: 14px;
  padding-right: 14px;
  height: 32px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}

.rellink-title.cl {
  background-color: #95a5a6;
}

.rellink-title.cl-it {
  background-color: #3fa9f5;
}

.rellink-title.cl-sw {
  background-color: #ff9600;
}

.rellink-title.cl-hn {
  background-color: #947f28;
}

.rellink-title.cl-p {
  background-color: #ff5055;
}

.rellink-title + .inline-list {
  padding: 15px 0 12px 15px;
}

.inline-block.ml10.mr10.mb10 {
  margin-left: 5px;
  margin-right: 5px;
}

.gallery-list {
  margin-bottom: 50px;
  overflow: hidden;
}

.gallery-list li {
  float: left;
  position: relative;
}

.gallery-list .thumb {
  display: block;
  width: 180px;
  height: 110px;
  overflow: hidden;
}

.gallery-list .thumb img {
  width: inherit;
  height: auto;
}

.gallery-list li:nth-child(2n+1) {
  background-color: #eef2f4;
}

.gallery-list .title {
  margin-top: 15px;
  text-overflow: ellipsis;
  height: 70px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
}

.gallery-list .date {
  position: absolute;
  bottom: 20px;
  color: #000;
}

.gallery-list a {
  display: block;
  color: #007f92;
  width: 216px;
  min-height: 250px;
  max-height: 250px;
  padding: 19px 18px;
  box-sizing: border-box;
}

.gallery-list a:hover:before {
  content: "";
  display: block;
  width: 216px;
  height: 250px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  background-color: rgba(255, 255, 255, 0.3);
}

.gallery-list a:before {
  content: "";
  transition: all 300ms ease;
}

.gallery-list + nav .pagination {
  margin-bottom: 30px;
}

#bodySearchBox .search-box {
  margin: 15px 0;
  padding: 4px 5px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  width: 82%;
  height: 30px;
  max-height: 30px;
  box-sizing: border-box;
}

#bodySearchBox .btn-search {
  background-color: #3fa9f5;
  display: inline-block;
  height: 30px;
  transition: all 100ms liner;
}

#bodySearchBox .btn-search:hover {
  background-color: #293855;
}

#bodySearchBox .input-search {
  border: none;
  background-color: transparent;
  background-image: url(/assets/templates/niu2016/img/common/icon-search.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 30px 22px;
  cursor: pointer;
  padding-right: 10px;
  padding-left: 30px;
  height: 30px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  display: inline-block;
  padding-top: 5px;
  outline: none;
}

.result-num {
  color: #666;
  margin-bottom: 30px;
  font-size: 12px;
  font-size: 1.2rem;
}

.ajaxSearch_highlight {
  color: #f00;
}

.text-searchResults {
  margin-top: 45px;
}

.list-searchResult li {
  margin-bottom: 30px;
}

.ajaxSearch_resultExtract {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, :root #page-title span[class*="bg"] {
    padding: 5px 8px 3px 8px;
  }
}

.marker-bg {
  display: inline;
  padding: 0 3px 3px 2px;
  background: linear-gradient(to bottom, #ffffff 48%, #fe8998 48%, #fe8998 100%);
}

#topics-detail {
  width: auto;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  overflow: hidden;
}

#topics-detail.about h1:after {
  border-bottom-color: #6fc90a;
}

#topics-detail.about h2 {
  border-bottom-color: #6fc90a;
}

#topics-detail.about h3 {
  color: #6fc90a;
}

#topics-detail.about h5:before {
  background-color: #6fc90a;
}

#topics-detail.about ul li:before {
  background-color: #6fc90a;
}

#topics-detail.about ol li:before {
  background-color: #6fc90a;
}

#topics-detail.about p.detail-btn {
  background-color: #6fc90a;
}

#topics-detail.general h1:after {
  border-bottom-color: #6fc90a;
}

#topics-detail.general h2 {
  border-bottom-color: #6fc90a;
}

#topics-detail.general h3 {
  color: #6fc90a;
}

#topics-detail.general h5:before {
  background-color: #6fc90a;
}

#topics-detail.general ul li:before {
  background-color: #6fc90a;
}

#topics-detail.general ol li:before {
  background-color: #6fc90a;
}

#topics-detail.general p.detail-btn {
  background-color: #6fc90a;
}

#topics-detail.course h1:after {
  border-bottom-color: #007bdc;
}

#topics-detail.course h2 {
  border-bottom-color: #007bdc;
}

#topics-detail.course h3 {
  color: #007bdc;
}

#topics-detail.course h5:before {
  background-color: #007bdc;
}

#topics-detail.course ul li:before {
  background-color: #007bdc;
}

#topics-detail.course ol li:before {
  background-color: #007bdc;
}

#topics-detail.course p.detail-btn {
  background-color: #007bdc;
}

#topics-detail.graduate h1:after {
  border-bottom-color: #3db6fc;
}

#topics-detail.graduate h2 {
  border-bottom-color: #3db6fc;
}

#topics-detail.graduate h3 {
  color: #3db6fc;
}

#topics-detail.graduate h5:before {
  background-color: #3db6fc;
}

#topics-detail.graduate ul li:before {
  background-color: #3db6fc;
}

#topics-detail.graduate ol li:before {
  background-color: #3db6fc;
}

#topics-detail.graduate p.detail-btn {
  background-color: #3db6fc;
}

#topics-detail.international h1:after {
  border-bottom-color: #ff9900;
}

#topics-detail.international h2 {
  border-bottom-color: #ff9900;
}

#topics-detail.international h3 {
  color: #ff9900;
}

#topics-detail.international h5:before {
  background-color: #ff9900;
}

#topics-detail.international ul li:before {
  background-color: #ff9900;
}

#topics-detail.international ol li:before {
  background-color: #ff9900;
}

#topics-detail.international p.detail-btn {
  background-color: #ff9900;
}

#topics-detail.life h1:after {
  border-bottom-color: #ff624b;
}

#topics-detail.life h2 {
  border-bottom-color: #ff624b;
}

#topics-detail.life h3 {
  color: #ff624b;
}

#topics-detail.life h5:before {
  background-color: #ff624b;
}

#topics-detail.life ul li:before {
  background-color: #ff624b;
}

#topics-detail.life ol li:before {
  background-color: #ff624b;
}

#topics-detail.life p.detail-btn {
  background-color: #ff624b;
}

#topics-detail.career h1:after {
  border-bottom-color: #8e44ad;
}

#topics-detail.career h2 {
  border-bottom-color: #8e44ad;
}

#topics-detail.career h3 {
  color: #8e44ad;
}

#topics-detail.career h5:before {
  background-color: #8e44ad;
}

#topics-detail.career ul li:before {
  background-color: #8e44ad;
}

#topics-detail.career ol li:before {
  background-color: #8e44ad;
}

#topics-detail.career p.detail-btn {
  background-color: #8e44ad;
}

#topics-detail.society h1:after {
  border-bottom-color: #36a14d;
}

#topics-detail.society h2 {
  border-bottom-color: #36a14d;
}

#topics-detail.society h3 {
  color: #36a14d;
}

#topics-detail.society h5:before {
  background-color: #36a14d;
}

#topics-detail.society ul li:before {
  background-color: #36a14d;
}

#topics-detail.society ol li:before {
  background-color: #36a14d;
}

#topics-detail.society p.detail-btn {
  background-color: #36a14d;
}

#topics-detail.topics h1:after {
  border-bottom-color: #95a5a6;
}

#topics-detail.topics h2 {
  border-bottom-color: #95a5a6;
}

#topics-detail.topics h3 {
  color: #95a5a6;
}

#topics-detail.topics h5:before {
  background-color: #95a5a6;
}

#topics-detail.topics ul li:before {
  background-color: #95a5a6;
}

#topics-detail.topics ol li:before {
  background-color: #95a5a6;
}

#topics-detail.topics p.detail-btn {
  background-color: #95a5a6;
}

#topics-detail.reunion h1:after {
  border-bottom-color: #aab22a;
}

#topics-detail.reunion h2 {
  border-bottom-color: #aab22a;
}

#topics-detail.reunion h3 {
  color: #aab22a;
}

#topics-detail.reunion h5:before {
  background-color: #aab22a;
}

#topics-detail.reunion ul li:before {
  background-color: #aab22a;
}

#topics-detail.reunion ol li:before {
  background-color: #aab22a;
}

#topics-detail.reunion p.detail-btn {
  background-color: #aab22a;
}

#topics-detail.research h1:after {
  border-bottom-color: #c03961;
}

#topics-detail.research h2 {
  border-bottom-color: #c03961;
}

#topics-detail.research h3 {
  color: #c03961;
}

#topics-detail.research h5:before {
  background-color: #c03961;
}

#topics-detail.research ul li:before {
  background-color: #c03961;
}

#topics-detail.research ol li:before {
  background-color: #c03961;
}

#topics-detail.research p.detail-btn {
  background-color: #c03961;
}

#topics-detail.study h1:after {
  border-bottom-color: #c03961;
}

#topics-detail.study h2 {
  border-bottom-color: #c03961;
}

#topics-detail.study h3 {
  color: #c03961;
}

#topics-detail.study h5:before {
  background-color: #c03961;
}

#topics-detail.study ul li:before {
  background-color: #c03961;
}

#topics-detail.study ol li:before {
  background-color: #c03961;
}

#topics-detail.study p.detail-btn {
  background-color: #c03961;
}

#topics-detail.alert h1:after {
  border-bottom-color: #f00;
}

#topics-detail.alert h2 {
  border-bottom-color: #f00;
}

#topics-detail.alert h3 {
  color: #f00;
}

#topics-detail.alert h5:before {
  background-color: #f00;
}

#topics-detail.alert ul li:before {
  background-color: #f00;
}

#topics-detail.alert ol li:before {
  background-color: #f00;
}

#topics-detail.alert p.detail-btn {
  background-color: #f00;
}

#topics-detail.important h1:after {
  border-bottom-color: #00b4ed;
}

#topics-detail.important h2 {
  border-bottom-color: #00b4ed;
}

#topics-detail.important h3 {
  color: #00b4ed;
}

#topics-detail.important h5:before {
  background-color: #00b4ed;
}

#topics-detail.important ul li:before {
  background-color: #00b4ed;
}

#topics-detail.important ol li:before {
  background-color: #00b4ed;
}

#topics-detail.important p.detail-btn {
  background-color: #00b4ed;
}

#topics-detail.etc h1:after {
  border-bottom-color: #366593;
}

#topics-detail.etc h2 {
  border-bottom-color: #366593;
}

#topics-detail.etc h3 {
  color: #366593;
}

#topics-detail.etc h5:before {
  background-color: #366593;
}

#topics-detail.etc ul li:before {
  background-color: #366593;
}

#topics-detail.etc ol li:before {
  background-color: #366593;
}

#topics-detail.etc p.detail-btn {
  background-color: #366593;
}

#topics-detail.it h1:after {
  border-bottom-color: #023f66;
}

#topics-detail.it h2 {
  border-bottom-color: #023f66;
}

#topics-detail.it h3 {
  color: #023f66;
}

#topics-detail.it h5:before {
  background-color: #023f66;
}

#topics-detail.it ul li:before {
  background-color: #023f66;
}

#topics-detail.it ol li:before {
  background-color: #023f66;
}

#topics-detail.it p.detail-btn {
  background-color: #023f66;
}

#topics-detail.sw h1:after {
  border-bottom-color: #6c2c2f;
}

#topics-detail.sw h2 {
  border-bottom-color: #6c2c2f;
}

#topics-detail.sw h3 {
  color: #6c2c2f;
}

#topics-detail.sw h5:before {
  background-color: #6c2c2f;
}

#topics-detail.sw ul li:before {
  background-color: #6c2c2f;
}

#topics-detail.sw ol li:before {
  background-color: #6c2c2f;
}

#topics-detail.sw p.detail-btn {
  background-color: #6c2c2f;
}

#topics-detail.hn h1:after {
  border-bottom-color: #947f28;
}

#topics-detail.hn h2 {
  border-bottom-color: #947f28;
}

#topics-detail.hn h3 {
  color: #947f28;
}

#topics-detail.hn h5:before {
  background-color: #947f28;
}

#topics-detail.hn ul li:before {
  background-color: #947f28;
}

#topics-detail.hn ol li:before {
  background-color: #947f28;
}

#topics-detail.hn p.detail-btn {
  background-color: #947f28;
}

#topics-detail.p h1:after {
  border-bottom-color: #e60012;
}

#topics-detail.p h2 {
  border-bottom-color: #e60012;
}

#topics-detail.p h3 {
  color: #e60012;
}

#topics-detail.p h5:before {
  background-color: #e60012;
}

#topics-detail.p ul li:before {
  background-color: #e60012;
}

#topics-detail.p ol li:before {
  background-color: #e60012;
}

#topics-detail.p p.detail-btn {
  background-color: #e60012;
}

#topics-detail.common h1:after {
  border-bottom-color: #515d75;
}

#topics-detail.common h2 {
  border-bottom-color: #515d75;
}

#topics-detail.common h3 {
  color: #515d75;
}

#topics-detail.common h5:before {
  background-color: #515d75;
}

#topics-detail.common ul li:before {
  background-color: #515d75;
}

#topics-detail.common ol li:before {
  background-color: #515d75;
}

#topics-detail.common p.detail-btn {
  background-color: #515d75;
}

#topics-detail [align="center"] {
  text-align: center;
}

#topics-detail figure {
  width: inherit;
  margin-bottom: 30px;
}

#topics-detail figcaption {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
}

#topics-detail h1, #topics-detail h2, #topics-detail h3, #topics-detail h4, #topics-detail h5, #topics-detail h6 {
  margin: 0;
}

#topics-detail h1 {
  clear: both;
  font-weight: normal;
  padding-bottom: 6px;
  border-bottom: 4px solid #ccc;
  margin-bottom: 25px;
  position: relative;
  background-color: transparent;
}

#topics-detail h1:after {
  content: "";
  position: absolute;
  width: 75%;
  display: inline-block;
  left: 0;
  bottom: -4px;
  border-bottom-width: 4px;
  border-bottom-style: solid;
}

#topics-detail h1 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
}

#topics-detail h2 {
  padding-bottom: 12px;
  margin-bottom: 15px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  position: relative;
}

#topics-detail h2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
}

#topics-detail h3 {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
}

#topics-detail h4 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.1;
  margin-bottom: 6px;
}

#topics-detail h5 {
  margin-bottom: 6px;
  padding-left: 12px;
  text-indent: -12px;
}

#topics-detail h5:before {
  position: relative;
  top: -1px;
  margin-right: 13px;
  content: "";
  margin-right: 4px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background-color: #293855;
}

#topics-detail h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

#topics-detail hr {
  border: none;
  padding-top: 0;
  margin-bottom: 50px;
}

#topics-detail p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.6;
}

#topics-detail p.justifyright {
  text-align: right;
}

#topics-detail p.justifyleft {
  text-align: left;
}

#topics-detail p img {
  padding-bottom: 5px;
}

#topics-detail p + p {
  margin-top: 1.2em;
}

#topics-detail p small,
#topics-detail small {
  display: inline-block;
  font-size: 12px;
  line-height: 1.3;
}

#topics-detail p:empty {
  padding-bottom: 2em;
}

#topics-detail img {
  max-width: 650px;
}

#topics-detail .floatclear {
  clear: both;
}

#topics-detail img.border {
  border: none;
  border: 1px solid #ccc;
  padding: 4px !important;
  line-height: 0;
}

#topics-detail p.img-full img {
  width: 100%;
  height: auto;
  max-width: 650px;
}

#topics-detail img.img-full {
  width: 100%;
  height: auto;
  max-width: 650px;
}

#topics-detail .img-half {
  display: inline-block;
}

#topics-detail .img-half:nth-of-type(2n+1) {
  margin: 0 0.6% 0 0;
}

#topics-detail .img-half:nth-of-type(2n) {
  margin: 0 0 0 0.6%;
}

#topics-detail .img-half img {
  width: 49%;
  height: auto;
}

#topics-detail img.img-half {
  display: inline-block;
  width: 49%;
  height: auto;
}

#topics-detail .thumbnail-flex img {
  width: 100%;
  max-width: 320px;
  height: 100%;
  margin-bottom: 10px;
}

#topics-detail .thumbnail-flex .column3 {
  max-width: calc(640px / 3);
}

#topics-detail ul li {
  margin-left: 17px;
  text-indent: -12px;
}

#topics-detail ul li:before {
  position: relative;
  top: -1px;
  margin-right: 13px;
  content: "";
  margin-right: 7px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
}

#topics-detail .thumbnail-list li {
  list-style-type: none;
  text-indent: 0;
  text-align: center;
}

#topics-detail .thumbnail-list li:before {
  display: none;
}

#topics-detail .thumbnail-list li img {
  width: 100%;
}

#topics-detail .thumbnail-list.thumbnail-list2 li {
  margin-left: 3%;
}

#topics-detail .thumbnail-list.thumbnail-list2 li:nth-child(2n+1) {
  margin-left: 0;
}

#topics-detail ol {
  list-style-position: outside;
  counter-reset: number;
}

#topics-detail ol li {
  list-style-type: none;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.75;
  margin-left: 26px;
}

#topics-detail ol li span {
  font-size: 20px;
  font-size: 2rem;
  line-height: 0;
}

#topics-detail ol li:before {
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  display: inline-block;
  counter-increment: number;
  content: counter(number);
  background-color: #293855;
  width: 20px;
  height: 20px;
  text-align: center;
  position: relative;
  top: 0px;
  font-family: Arial;
  font-weight: normal;
  margin-left: -26px;
  margin-right: 6px;
  border-radius: 100%;
}

#topics-detail ul ol li,
#topics-detail ol ul li {
  line-height: 1.4;
}

#topics-detail dl:after {
  content: "";
  clear: both;
  display: block;
}

#topics-detail dl dt,
#topics-detail dl dd {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  margin-top: 5px;
  line-height: 1.4;
}

#topics-detail dl dt:first-child,
#topics-detail dl dd:first-child {
  margin-top: 0;
}

#topics-detail dl dt {
  float: left;
  clear: left;
}

#topics-detail dl dd {
  overflow: hidden;
}

#topics-detail dl.flex {
  display: flex;
  flex-flow: row wrap;
}

#topics-detail dl.flex dt {
  float: auto;
  clear: auto;
  flex: 0 0 30%;
  margin-top: 5px;
}

#topics-detail dl.flex dt:first-child {
  margin-top: auto;
}

#topics-detail dl.flex dd {
  flex: 1 1 auto;
  margin-top: 5px;
}

#topics-detail dl.gird-2column dt {
  float: none;
  margin-top: 0;
  margin-bottom: 5px;
}

#topics-detail dl.gird-2column dd {
  margin-top: 0;
  margin-bottom: 5px;
}

#topics-detail table {
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  margin-bottom: 15px;
}

#topics-detail th,
#topics-detail .th-cell {
  font-weight: normal;
  color: #fff;
  width: auto;
  padding: 10px 5px;
  background-color: #95a5a6 !important;
  border-top: 1px solid #fff;
}

#topics-detail td {
  width: auto;
  padding: 15px 5px;
  border-bottom: 1px solid #999;
}

#topics-detail .noborder td {
  border: none !important;
}

#topics-detail tbody tr:first-child td {
  border-top: 1px solid #999;
}

#topics-detail thead + tbody tr:first-child td {
  border-top: none;
}

#topics-detail tbody tr:nth-child(2n+1) td {
  background-color: #eef2f4;
}

#topics-detail tbody tr:nth-child(2n) td {
  background-color: #fcfcfc;
}

#topics-detail tbody tr:nth-child(2n) th {
  background-color: #91a0a1;
}

#topics-detail [style="float: right"] {
  margin-left: 20px;
}

#topics-detail .link-list {
  display: inline-block;
  background-color: #e8f1f3;
}

#topics-detail .link-list li:before {
  display: inline;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  border-radius: 100%;
  position: relative;
  top: 2px;
  margin-right: 2px;
  background-color: #95a5a6;
}

#topics-detail .link-list a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.1;
  padding: 7px 15px 7px 15px;
}

#topics-detail .box,
#topics-detail blockquote {
  padding: 15px 20px;
  background-color: #e8f1f3;
  box-sizing: border-box;
  width: 100%;
}

#topics-detail .detail-btn a {
  padding-right: 50px;
}

#topics-detail .cl-topics-bg {
  background-color: #e3eaea;
}

@media only screen and (max-width: 540px) {
  #topics-detail.about h1:after {
    border-bottom-color: #6fc90a;
  }
  #topics-detail.about h2 {
    border-bottom-color: #6fc90a;
  }
  #topics-detail.about h3 {
    color: #6fc90a;
  }
  #topics-detail.about h5:before {
    background-color: #6fc90a;
  }
  #topics-detail.about ul li:before {
    background-color: #6fc90a;
  }
  #topics-detail.about ol li:before {
    background-color: #6fc90a;
  }
  #topics-detail.about p.detail-btn {
    background-color: #6fc90a;
  }
  #topics-detail.general h1:after {
    border-bottom-color: #6fc90a;
  }
  #topics-detail.general h2 {
    border-bottom-color: #6fc90a;
  }
  #topics-detail.general h3 {
    color: #6fc90a;
  }
  #topics-detail.general h5:before {
    background-color: #6fc90a;
  }
  #topics-detail.general ul li:before {
    background-color: #6fc90a;
  }
  #topics-detail.general ol li:before {
    background-color: #6fc90a;
  }
  #topics-detail.general p.detail-btn {
    background-color: #6fc90a;
  }
  #topics-detail.course h1:after {
    border-bottom-color: #007bdc;
  }
  #topics-detail.course h2 {
    border-bottom-color: #007bdc;
  }
  #topics-detail.course h3 {
    color: #007bdc;
  }
  #topics-detail.course h5:before {
    background-color: #007bdc;
  }
  #topics-detail.course ul li:before {
    background-color: #007bdc;
  }
  #topics-detail.course ol li:before {
    background-color: #007bdc;
  }
  #topics-detail.course p.detail-btn {
    background-color: #007bdc;
  }
  #topics-detail.graduate h1:after {
    border-bottom-color: #3db6fc;
  }
  #topics-detail.graduate h2 {
    border-bottom-color: #3db6fc;
  }
  #topics-detail.graduate h3 {
    color: #3db6fc;
  }
  #topics-detail.graduate h5:before {
    background-color: #3db6fc;
  }
  #topics-detail.graduate ul li:before {
    background-color: #3db6fc;
  }
  #topics-detail.graduate ol li:before {
    background-color: #3db6fc;
  }
  #topics-detail.graduate p.detail-btn {
    background-color: #3db6fc;
  }
  #topics-detail.international h1:after {
    border-bottom-color: #ff9900;
  }
  #topics-detail.international h2 {
    border-bottom-color: #ff9900;
  }
  #topics-detail.international h3 {
    color: #ff9900;
  }
  #topics-detail.international h5:before {
    background-color: #ff9900;
  }
  #topics-detail.international ul li:before {
    background-color: #ff9900;
  }
  #topics-detail.international ol li:before {
    background-color: #ff9900;
  }
  #topics-detail.international p.detail-btn {
    background-color: #ff9900;
  }
  #topics-detail.life h1:after {
    border-bottom-color: #ff624b;
  }
  #topics-detail.life h2 {
    border-bottom-color: #ff624b;
  }
  #topics-detail.life h3 {
    color: #ff624b;
  }
  #topics-detail.life h5:before {
    background-color: #ff624b;
  }
  #topics-detail.life ul li:before {
    background-color: #ff624b;
  }
  #topics-detail.life ol li:before {
    background-color: #ff624b;
  }
  #topics-detail.life p.detail-btn {
    background-color: #ff624b;
  }
  #topics-detail.career h1:after {
    border-bottom-color: #8e44ad;
  }
  #topics-detail.career h2 {
    border-bottom-color: #8e44ad;
  }
  #topics-detail.career h3 {
    color: #8e44ad;
  }
  #topics-detail.career h5:before {
    background-color: #8e44ad;
  }
  #topics-detail.career ul li:before {
    background-color: #8e44ad;
  }
  #topics-detail.career ol li:before {
    background-color: #8e44ad;
  }
  #topics-detail.career p.detail-btn {
    background-color: #8e44ad;
  }
  #topics-detail.society h1:after {
    border-bottom-color: #36a14d;
  }
  #topics-detail.society h2 {
    border-bottom-color: #36a14d;
  }
  #topics-detail.society h3 {
    color: #36a14d;
  }
  #topics-detail.society h5:before {
    background-color: #36a14d;
  }
  #topics-detail.society ul li:before {
    background-color: #36a14d;
  }
  #topics-detail.society ol li:before {
    background-color: #36a14d;
  }
  #topics-detail.society p.detail-btn {
    background-color: #36a14d;
  }
  #topics-detail.topics h1:after {
    border-bottom-color: #95a5a6;
  }
  #topics-detail.topics h2 {
    border-bottom-color: #95a5a6;
  }
  #topics-detail.topics h3 {
    color: #95a5a6;
  }
  #topics-detail.topics h5:before {
    background-color: #95a5a6;
  }
  #topics-detail.topics ul li:before {
    background-color: #95a5a6;
  }
  #topics-detail.topics ol li:before {
    background-color: #95a5a6;
  }
  #topics-detail.topics p.detail-btn {
    background-color: #95a5a6;
  }
  #topics-detail.reunion h1:after {
    border-bottom-color: #aab22a;
  }
  #topics-detail.reunion h2 {
    border-bottom-color: #aab22a;
  }
  #topics-detail.reunion h3 {
    color: #aab22a;
  }
  #topics-detail.reunion h5:before {
    background-color: #aab22a;
  }
  #topics-detail.reunion ul li:before {
    background-color: #aab22a;
  }
  #topics-detail.reunion ol li:before {
    background-color: #aab22a;
  }
  #topics-detail.reunion p.detail-btn {
    background-color: #aab22a;
  }
  #topics-detail.research h1:after {
    border-bottom-color: #c03961;
  }
  #topics-detail.research h2 {
    border-bottom-color: #c03961;
  }
  #topics-detail.research h3 {
    color: #c03961;
  }
  #topics-detail.research h5:before {
    background-color: #c03961;
  }
  #topics-detail.research ul li:before {
    background-color: #c03961;
  }
  #topics-detail.research ol li:before {
    background-color: #c03961;
  }
  #topics-detail.research p.detail-btn {
    background-color: #c03961;
  }
  #topics-detail.study h1:after {
    border-bottom-color: #c03961;
  }
  #topics-detail.study h2 {
    border-bottom-color: #c03961;
  }
  #topics-detail.study h3 {
    color: #c03961;
  }
  #topics-detail.study h5:before {
    background-color: #c03961;
  }
  #topics-detail.study ul li:before {
    background-color: #c03961;
  }
  #topics-detail.study ol li:before {
    background-color: #c03961;
  }
  #topics-detail.study p.detail-btn {
    background-color: #c03961;
  }
  #topics-detail.alert h1:after {
    border-bottom-color: #f00;
  }
  #topics-detail.alert h2 {
    border-bottom-color: #f00;
  }
  #topics-detail.alert h3 {
    color: #f00;
  }
  #topics-detail.alert h5:before {
    background-color: #f00;
  }
  #topics-detail.alert ul li:before {
    background-color: #f00;
  }
  #topics-detail.alert ol li:before {
    background-color: #f00;
  }
  #topics-detail.alert p.detail-btn {
    background-color: #f00;
  }
  #topics-detail.important h1:after {
    border-bottom-color: #00b4ed;
  }
  #topics-detail.important h2 {
    border-bottom-color: #00b4ed;
  }
  #topics-detail.important h3 {
    color: #00b4ed;
  }
  #topics-detail.important h5:before {
    background-color: #00b4ed;
  }
  #topics-detail.important ul li:before {
    background-color: #00b4ed;
  }
  #topics-detail.important ol li:before {
    background-color: #00b4ed;
  }
  #topics-detail.important p.detail-btn {
    background-color: #00b4ed;
  }
  #topics-detail.etc h1:after {
    border-bottom-color: #366593;
  }
  #topics-detail.etc h2 {
    border-bottom-color: #366593;
  }
  #topics-detail.etc h3 {
    color: #366593;
  }
  #topics-detail.etc h5:before {
    background-color: #366593;
  }
  #topics-detail.etc ul li:before {
    background-color: #366593;
  }
  #topics-detail.etc ol li:before {
    background-color: #366593;
  }
  #topics-detail.etc p.detail-btn {
    background-color: #366593;
  }
  #topics-detail.it h1:after {
    border-bottom-color: #023f66;
  }
  #topics-detail.it h2 {
    border-bottom-color: #023f66;
  }
  #topics-detail.it h3 {
    color: #023f66;
  }
  #topics-detail.it h5:before {
    background-color: #023f66;
  }
  #topics-detail.it ul li:before {
    background-color: #023f66;
  }
  #topics-detail.it ol li:before {
    background-color: #023f66;
  }
  #topics-detail.it p.detail-btn {
    background-color: #023f66;
  }
  #topics-detail.sw h1:after {
    border-bottom-color: #6c2c2f;
  }
  #topics-detail.sw h2 {
    border-bottom-color: #6c2c2f;
  }
  #topics-detail.sw h3 {
    color: #6c2c2f;
  }
  #topics-detail.sw h5:before {
    background-color: #6c2c2f;
  }
  #topics-detail.sw ul li:before {
    background-color: #6c2c2f;
  }
  #topics-detail.sw ol li:before {
    background-color: #6c2c2f;
  }
  #topics-detail.sw p.detail-btn {
    background-color: #6c2c2f;
  }
  #topics-detail.hn h1:after {
    border-bottom-color: #947f28;
  }
  #topics-detail.hn h2 {
    border-bottom-color: #947f28;
  }
  #topics-detail.hn h3 {
    color: #947f28;
  }
  #topics-detail.hn h5:before {
    background-color: #947f28;
  }
  #topics-detail.hn ul li:before {
    background-color: #947f28;
  }
  #topics-detail.hn ol li:before {
    background-color: #947f28;
  }
  #topics-detail.hn p.detail-btn {
    background-color: #947f28;
  }
  #topics-detail.p h1:after {
    border-bottom-color: #e60012;
  }
  #topics-detail.p h2 {
    border-bottom-color: #e60012;
  }
  #topics-detail.p h3 {
    color: #e60012;
  }
  #topics-detail.p h5:before {
    background-color: #e60012;
  }
  #topics-detail.p ul li:before {
    background-color: #e60012;
  }
  #topics-detail.p ol li:before {
    background-color: #e60012;
  }
  #topics-detail.p p.detail-btn {
    background-color: #e60012;
  }
  #topics-detail.common h1:after {
    border-bottom-color: #515d75;
  }
  #topics-detail.common h2 {
    border-bottom-color: #515d75;
  }
  #topics-detail.common h3 {
    color: #515d75;
  }
  #topics-detail.common h5:before {
    background-color: #515d75;
  }
  #topics-detail.common ul li:before {
    background-color: #515d75;
  }
  #topics-detail.common ol li:before {
    background-color: #515d75;
  }
  #topics-detail.common p.detail-btn {
    background-color: #515d75;
  }
  #topics-detail img.border {
    width: 97%;
  }
  #topics-detail .imgleft,
  #topics-detail .imgright {
    float: none;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  #topics-detail .img-half {
    width: 100%;
  }
  #topics-detail .img-half:nth-of-type(2n+1), #topics-detail .img-half:nth-of-type(2n) {
    margin: 0;
  }
  #topics-detail .img-half + .img-half {
    margin-top: 15px;
  }
  #topics-detail p img.img-half {
    width: 100%;
  }
  #topics-detail .thumbnail-flex {
    justify-content: center;
  }
  #topics-detail .thumbnail-flex .column3 {
    max-width: 320px;
  }
  #topics-detail img[style*="block"] {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
}

#topContents {
  position: relative;
  height: 378px;
  overflow: hidden;
  text-align: center;
}

#topContents .slick {
  position: relative;
  top: -378px;
  left: 0;
}

#topContents .slick-slide {
  margin: 0 10px;
  opacity: 0.5;
}

#topContents .slick-slide.slick-current {
  opacity: 1;
}

#topContents .slick li {
  max-height: 378px;
  list-style-type: none;
}

#topContents .slick li .pc-slideimg {
  display: block;
}

#topContents .slick li .sp-slideimg {
  display: none;
}

#topContents .slick-dots li {
  background: transparent;
}

#topContents .slick-dotted.slick-slider {
  margin-bottom: 0;
}

#topContents .slick-prev,
#topContents .slick-next {
  width: 43px;
  height: 43px;
  z-index: 999;
  opacity: 0.8;
}

#topContents .slick-prev:before,
#topContents .slick-next:before {
  font-size: 43px;
}

#topContents .slick-prev {
  left: 25px;
}

#topContents .slick-prev:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b";
}

#topContents .slick-next {
  right: 25px;
}

#topContents .slick-next:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90c";
}

#topContents .slick-button-area {
  width: 960px;
  margin: 0 auto;
  height: 378px;
  position: relative;
}

#topContents .slick-dots {
  z-index: 999;
  bottom: 30px;
}

#topContents .slick-dots li {
  margin: 0 8px;
  min-height: initial;
  max-height: none;
}

#topContents .slick-dots li button:before {
  font-size: 13px;
  color: #b3b3b3;
  opacity: 1;
}

#topContents .slick-dots li.slick-active button:before {
  color: #293855;
}

#topContents .video-slide {
  display: block;
  width: 960px;
  background: #eaf4ff;
}

@media screen and (max-width: 540px) {
  #topContents .video-slide {
    width: auto;
  }
}

#topContents .video-slide video {
  filter: drop-shadow(0px 0px #000);
}

@media screen and (max-width: 540px) {
  #topContents .video-slide video {
    display: none;
  }
}

#topContents .video-slide-img {
  display: none;
}

@media screen and (max-width: 540px) {
  #topContents .video-slide-img {
    display: block;
    width: 100%;
    min-height: 125px;
    height: 100%;
    max-width: 540px;
  }
}

.slick-button-area.c-about .slick-prev:before, .staffdetail h3.slick-button-area .slick-prev:before,
.slick-button-area.c-about .slick-next:before,
.staffdetail h3.slick-button-area .slick-next:before {
  color: #6fc90a;
}

.slick-button-area.c-general .slick-prev:before,
.slick-button-area.c-general .slick-next:before {
  color: #6fc90a;
}

.slick-button-area.c-course .slick-prev:before,
.slick-button-area.c-course .slick-next:before {
  color: #007bdc;
}

.slick-button-area.c-graduate .slick-prev:before,
.slick-button-area.c-graduate .slick-next:before {
  color: #3db6fc;
}

.slick-button-area.c-international .slick-prev:before,
.slick-button-area.c-international .slick-next:before {
  color: #ff9900;
}

.slick-button-area.c-life .slick-prev:before,
.slick-button-area.c-life .slick-next:before {
  color: #ff624b;
}

.slick-button-area.c-career .slick-prev:before,
.slick-button-area.c-career .slick-next:before {
  color: #8e44ad;
}

.slick-button-area.c-society .slick-prev:before,
.slick-button-area.c-society .slick-next:before {
  color: #36a14d;
}

.slick-button-area.c-topics .slick-prev:before,
.slick-button-area.c-topics .slick-next:before {
  color: #95a5a6;
}

.slick-button-area.c-reunion .slick-prev:before,
.slick-button-area.c-reunion .slick-next:before {
  color: #aab22a;
}

.slick-button-area.c-research .slick-prev:before,
.slick-button-area.c-research .slick-next:before {
  color: #c03961;
}

.slick-button-area.c-study .slick-prev:before,
.slick-button-area.c-study .slick-next:before {
  color: #c03961;
}

.slick-button-area.c-alert .slick-prev:before,
.slick-button-area.c-alert .slick-next:before {
  color: #f00;
}

.slick-button-area.c-important .slick-prev:before,
.slick-button-area.c-important .slick-next:before {
  color: #00b4ed;
}

.slick-button-area.c-etc .slick-prev:before,
.slick-button-area.c-etc .slick-next:before {
  color: #366593;
}

.slick-button-area.c-it .slick-prev:before,
.slick-button-area.c-it .slick-next:before {
  color: #023f66;
}

.slick-button-area.c-sw .slick-prev:before,
.slick-button-area.c-sw .slick-next:before {
  color: #6c2c2f;
}

.slick-button-area.c-hn .slick-prev:before,
.slick-button-area.c-hn .slick-next:before {
  color: #947f28;
}

.slick-button-area.c-p .slick-prev:before,
.slick-button-area.c-p .slick-next:before {
  color: #e60012;
}

.slick-button-area.c-common .slick-prev:before,
.slick-button-area.c-common .slick-next:before {
  color: #515d75;
}

#emergency-message {
  box-sizing: border-box;
  border: 2px solid #f00;
  border-top: none;
  margin-bottom: 20px;
}

#emergency-message h1 {
  position: relative;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: normal;
  height: 20px;
  padding: 10px 0 10px 56px;
  background: #ff0000 url(/assets/templates/niu2016/img/home/important-2x.png) no-repeat 10px center;
  background-size: 32px 32px;
}

#emergency-message h1:after {
  position: absolute;
  left: 37px;
  bottom: -11px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 6.5px 0 6.5px;
  border-color: #ff0000 transparent transparent transparent;
}

#emergency-message .list-box {
  width: auto;
}

#emergency-message .list-box .list-arrow {
  background-color: #fff;
  padding: 14px 18px 16px 18px;
}

#emergency-message .list-box .list-arrow li {
  border-bottom: 1px solid #aaaaaa;
}

#emergency-message .list-box .list-arrow li:before {
  display: none;
  content: "";
}

#emergency-message .list-box .list-arrow li a:before {
  background-color: #f00;
}

#emergency-message .list-box .list-arrow li a:hover:before {
  background-color: #2d5189;
}

#important-message {
  padding-bottom: 20px;
}

#important-message h1 {
  background-color: #00b4ed;
  position: relative;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: normal;
  height: 20px;
  padding: 10px 0 10px 24px;
}

#important-message h1:after {
  position: absolute;
  left: 37px;
  bottom: -11px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 6.5px 0 6.5px;
  border-color: #00b4ed transparent transparent transparent;
}

#important-message .list-box {
  width: auto;
}

#important-message .list-box .list-arrow {
  background-color: #fff;
  padding: 14px 18px 16px 18px;
}

#important-message .list-box .list-arrow li {
  border-bottom: 1px solid #aaaaaa;
}

#important-message .list-box .list-arrow li:before {
  display: none;
  content: "";
}

#important-message .list-box .list-arrow li a:before {
  background-color: #00b4ed;
}

#important-message .list-box .list-arrow li a:hover:before {
  background-color: #2d5189;
}

.home #column .list-box .list-arrow li a {
  display: flex;
  margin-left: 0;
  text-indent: 0;
  align-items: flex-start;
}

.home #column .list-box .list-arrow li a .date + span {
  max-width: 404px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.election {
  text-align: center;
  padding-bottom: 20px;
}

#tag-bt {
  display: none;
}

.home #topicstitle {
  margin-top: 30px;
  margin-bottom: 53px;
}

.home .tag-list {
  background: none;
  padding-left: 0;
  margin-left: 0;
  display: table;
}

.home .topics-box-wrap {
  position: relative;
  margin-top: 20px;
}

#home-topics-tile {
  width: 914px;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
}

#home-topics-tile a {
  color: #000;
  display: block;
}

#home-topics-tile a:before {
  content: "";
  transition: all 300ms ease;
}

#home-topics-tile a:hover {
  color: #000000;
}

#home-topics-tile li {
  float: left;
  width: 215px;
  position: relative;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-top-width: 10px;
  max-height: 310px;
  min-height: 310px;
  margin-left: 18px;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 10px;
}

#home-topics-tile a:hover:before {
  display: block;
  width: 215px;
  height: 310px;
  position: absolute;
  top: -10px;
  left: -1px;
  z-index: 50;
  background-color: rgba(255, 255, 255, 0.3);
}

#home-topics-tile li:first-child,
#home-topics-tile li:nth-child(4),
#home-topics-tile li:nth-child(7) {
  clear: left;
  margin-left: 0;
}

#home-topics-tile h2 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  margin: 14px 14px 8px 14px;
}

#home-topics-tile p {
  margin-left: 14px;
  margin-right: 14px;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
}

#home-topics-tile .tag {
  position: absolute;
  top: -10px;
  left: -1px;
  width: 86px;
  height: 14px;
  display: block;
  padding-top: 8px;
  padding-bottom: 6px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  border-radius: 10px 0 0 0;
}

#home-topics-tile .thumbnail {
  display: block;
  line-height: 0;
  height: 142px;
  overflow: hidden;
}

#home-topics-tile .thumbnail img {
  max-width: 213px;
  width: 100%;
  object-fit: cover;
  height: inherit;
}

#home-topics-tile .label {
  margin-top: 12px;
  margin-left: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 3px 5px;
  height: 20px;
  box-sizing: border-box;
}

#home-topics-tile .label.cl-it {
  background-color: #023f66;
}

#home-topics-tile .label.cl-sw {
  background-color: #6c2c2f;
}

#home-topics-tile .label.cl-hn {
  background-color: #947f28;
}

#home-topics-tile .label.cl-p {
  background-color: #e60012;
}

#home-topics-tile .date {
  position: absolute;
  left: 14px;
  bottom: 15px;
}

#home-topics-tile .detail-link {
  position: absolute;
  right: 14px;
  bottom: 15px;
}

#home-topics-tile .detail-link:after {
  font-size: 16px;
}

#home-topics-tile li[class^="cl-"] {
  border-color: #293855;
}

#home-topics-tile li.cl-all {
  border-color: #828282;
}

#home-topics-tile li.cl-about,
#home-topics-tile li.cl-general {
  border-color: #6fc90a;
}

#home-topics-tile li.cl-course {
  border-color: #007bdc;
}

#home-topics-tile li.cl-graduate {
  border-color: #3db6fc;
}

#home-topics-tile li.cl-international {
  border-color: #ff9900;
}

#home-topics-tile li.cl-life {
  border-color: #ff624b;
}

#home-topics-tile li.cl-career {
  border-color: #8e44ad;
}

#home-topics-tile li.cl-society {
  border-color: #36a14d;
}

#home-topics-tile li.cl-study,
#home-topics-tile li.cl-research {
  border-color: #c03961;
}

#home-topics-tile li.cl-reunion {
  border-color: #aab22a;
}

#home-topics-tile [class^="cl-"] .tag {
  background-color: #293855;
}

#home-topics-tile [class^="cl-"] h2 {
  color: #293855;
}

#home-topics-tile [class^="cl-"] .detail-link:after {
  background-color: #293855;
}

#home-topics-tile [class="cl-all"] .tag {
  background-color: #828282;
}

#home-topics-tile [class="cl-all"] h2 {
  color: #828282;
}

#home-topics-tile [class="cl-all"] .detail-link:after {
  background-color: #828282;
}

#home-topics-tile [class="cl-about"] .tag,
#home-topics-tile [class="cl-general"] .tag {
  background-color: #6fc90a;
}

#home-topics-tile [class="cl-about"] h2,
#home-topics-tile [class="cl-general"] h2 {
  color: #6fc90a;
}

#home-topics-tile [class="cl-about"] .detail-link:after,
#home-topics-tile [class="cl-general"] .detail-link:after {
  background-color: #6fc90a;
}

#home-topics-tile [class="cl-course"] .tag {
  background-color: #007bdc;
}

#home-topics-tile [class="cl-course"] h2 {
  color: #007bdc;
}

#home-topics-tile [class="cl-course"] .detail-link:after {
  background-color: #007bdc;
}

#home-topics-tile [class="cl-graduate"] .tag {
  background-color: #3db6fc;
}

#home-topics-tile [class="cl-graduate"] h2 {
  color: #3db6fc;
}

#home-topics-tile [class="cl-graduate"] .detail-link:after {
  background-color: #3db6fc;
}

#home-topics-tile [class="cl-international"] .tag {
  background-color: #ff9900;
}

#home-topics-tile [class="cl-international"] h2 {
  color: #ff9900;
}

#home-topics-tile [class="cl-international"] .detail-link:after {
  background-color: #ff9900;
}

#home-topics-tile [class="cl-life"] .tag {
  background-color: #ff624b;
}

#home-topics-tile [class="cl-life"] h2 {
  color: #ff624b;
}

#home-topics-tile [class="cl-life"] .detail-link:after {
  background-color: #ff624b;
}

#home-topics-tile [class="cl-career"] .tag {
  background-color: #8e44ad;
}

#home-topics-tile [class="cl-career"] h2 {
  color: #8e44ad;
}

#home-topics-tile [class="cl-career"] .detail-link:after {
  background-color: #8e44ad;
}

#home-topics-tile [class="cl-society"] .tag {
  background-color: #36a14d;
}

#home-topics-tile [class="cl-society"] h2 {
  color: #36a14d;
}

#home-topics-tile [class="cl-society"] .detail-link:after {
  background-color: #36a14d;
}

#home-topics-tile [class="cl-study"] .tag,
#home-topics-tile [class="cl-research"] .tag {
  background-color: #c03961;
}

#home-topics-tile [class="cl-study"] h2,
#home-topics-tile [class="cl-research"] h2 {
  color: #c03961;
}

#home-topics-tile [class="cl-study"] .detail-link:after,
#home-topics-tile [class="cl-research"] .detail-link:after {
  background-color: #c03961;
}

#home-topics-tile [class="cl-reunion"] .tag {
  background-color: #aab22a;
}

#home-topics-tile [class="cl-reunion"] h2 {
  color: #aab22a;
}

#home-topics-tile [class="cl-reunion"] .detail-link:after {
  background-color: #aab22a;
}

#rank {
  position: absolute;
  top: 0;
  right: 0;
  width: 214px;
  min-height: 636px;
  max-height: 636px;
  padding: 13px 10px;
  box-sizing: border-box;
  background: url(/assets/templates/niu2016/img/home/rank_bg.png) no-repeat;
  box-shadow: 5px 5px 15px -1px #dddddd;
  -moz-box-shadow: 5px 5px 15px -1px #dddddd;
  -webkit-box-shadow: 5px 5px 15px -1px #dddddd;
}

#rank h1 {
  margin-left: -2px;
}

#rank a {
  color: #000;
}

#rank a:hover {
  color: #3fa9f5;
}

.upperRanking {
  margin-top: 7px;
}

.upperRanking li {
  list-style-type: none;
  box-sizing: border-box;
  padding-top: 13px;
  padding-bottom: 13px;
  min-height: 110px;
  max-height: 110px;
  background: url(/assets/templates/niu2016/img/home/1.png) no-repeat 0 14px;
  background-size: 16px 20px;
  border-bottom: 1px solid #b3b3b3;
}

.upperRanking li:nth-child(2) {
  background-image: url(/assets/templates/niu2016/img/home/2.png);
}

.upperRanking li:nth-child(3) {
  background-image: url(/assets/templates/niu2016/img/home/3.png);
}

.upperRanking li:nth-child(4) {
  background-image: url(/assets/templates/niu2016/img/home/4.png);
}

.upperRanking li:nth-child(5) {
  background-image: url(/assets/templates/niu2016/img/home/5.png);
}

.upperRanking .tag {
  margin-left: 28px;
}

.upperRanking .news-title {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  padding-top: 10px;
}

#eventtitle {
  margin-top: 77px;
  margin-bottom: 53px;
}

#event {
  width: 914px;
  overflow: hidden;
  margin-bottom: 17px;
}

.card-list::after {
  content: "";
  clear: both;
  display: table;
}

.card-list li {
  float: left;
  width: 294px;
  margin-left: 13px;
  margin-bottom: 13px;
  border: 1px solid #293855;
  line-height: inherit;
}

.card-list li:first-child {
  margin-left: 0;
}

.card-list li:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}

.card-list a {
  display: block;
  color: #000;
  padding-right: 12px;
}

.card-list a::after {
  content: "";
  clear: both;
  display: table;
}

.card-list a:hover {
  color: #3fa9f5;
}

.card-list .thumbnail {
  float: left;
  width: 103px;
  height: 150px;
  overflow: hidden;
  margin-right: 10px;
}

.card-list h2 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #00b4ed;
  padding-top: 13px;
  margin-bottom: 5px;
  font-feature-settings: "palt" 1;
}

.card-list .date {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  display: block;
  overflow: hidden;
  padding-left: 4px;
}

.card-list p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  padding-top: 10px;
  font-feature-settings: "palt" 1;
}

.card-list .label {
  float: left;
  background-color: #293855;
}

#column {
  width: 914px;
  margin-top: 80px;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
}

#column .floL {
  width: 570px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  float: none;
}

#column .top-border h1 img {
  width: 329px;
}

#column aside:nth-of-type(1) {
  margin-bottom: auto;
}

#column aside:nth-of-type(2) {
  margin-top: auto;
  margin-bottom: auto;
}

#column aside:nth-of-type(2) {
  margin-top: auto;
}

.top-border {
  box-sizing: border-box;
  border-top: 1px solid #293855;
  flex: 0 0 auto;
  max-height: 65px;
}

.top-border h1 {
  display: inline-block;
  border-top: 7px solid #293855;
  padding: 8px 25px 0 25px;
  margin-bottom: 30px;
}

.top-border .hidden-sp {
  color: #293855;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
}

#niupr {
  margin-bottom: 30px;
}

#niupr .list-title {
  position: relative;
  width: 307px;
  line-height: 1;
  box-sizing: border-box;
  background-color: #36c2d8;
}

#niupr .list-arrow {
  background-color: #e0f6f9;
  padding-top: 13px;
}

#niupr .list-arrow li:before {
  display: none;
  content: "";
}

#niupr.list-box .list-arrow li a {
  padding-top: 10px;
  padding-bottom: 10px;
}

#niupr.list-box li a:before {
  background-color: #36c2d8;
}

#niupr.list-box li a:hover:before {
  background-color: #2d5189;
}

#tea-room {
  margin-bottom: 30px;
}

#tea-room .list-title {
  position: relative;
  width: 307px;
  line-height: 1;
  box-sizing: border-box;
  background-color: #60a146;
}

#tea-room .list-arrow {
  background-color: #edf3e7;
  padding-top: 13px;
}

#tea-room .list-arrow li:before {
  display: none;
  content: "";
}

#tea-room.list-box .list-arrow li a {
  padding-top: 10px;
  padding-bottom: 10px;
}

#tea-room.list-box li a:before {
  background-color: #60a146;
}

#tea-room.list-box li a:hover:before {
  background-color: #2d5189;
}

#niusports .list-title {
  position: relative;
  width: 307px;
  line-height: 1;
  box-sizing: border-box;
  background-color: #48a7bb;
}

#niusports .list-arrow {
  background-color: #e4f2f5;
  padding-top: 13px;
}

#niusports .list-arrow li:before {
  display: none;
  content: "";
}

#niusports.list-box .list-arrow li a {
  padding-top: 10px;
  padding-bottom: 10px;
}

#niusports.list-box li a:before {
  background-color: #48a7bb;
}

#niusports.list-box li a:hover:before {
  background-color: #2d5189;
}

.home .list-box {
  width: 570px;
}

.home-thumbnail-list::after {
  content: "";
  clear: both;
  display: table;
}

.home-thumbnail-list li {
  float: left;
  width: 211px;
  margin-left: 23px;
  margin-bottom: 23px;
}

.home-thumbnail-list li img {
  width: 100%;
  border-radius: 10px;
}

.home-thumbnail-list a {
  display: inline-block;
}

.home-thumbnail-list li:nth-child(4n+1) {
  margin-left: 0;
}

#portal {
  width: 294px;
  float: none;
}

#portal .top-border h1 img {
  width: 163px;
}

#portal aside {
  height: 100%;
}

#portal-site {
  height: inherit;
}

#portal-site ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 65px);
}

#portal-site li a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 294px;
  max-width: 294px;
  height: 110px;
  box-sizing: border-box;
  position: relative;
  line-height: 0;
}

#portal-site li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27px 27px 0 0;
  border-color: #fff transparent transparent transparent;
}

#portal-site li a:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  background-color: #293855;
  color: #fff;
}

#portal-site li img {
  line-height: 0;
}

#portal-site .no-link .cell {
  vertical-align: top;
}

#portal-site .no-link p {
  color: #2e895f;
  padding-right: 25px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.registration {
  background-color: #21376f;
}

.registration:hover {
  background-color: #2157be;
}

.portfolio {
  background-color: #2e895f;
}

.portfolio:hover {
  background-color: #2eae5f;
}

.attendance {
  background-color: #a0212d;
}

.attendance:hover {
  background-color: #ce3646;
}

.class-evaluation {
  background-color: #e6960a;
}

.class-evaluation:hover {
  background-color: #ffb000;
}

.career-center-online {
  background-color: #336fc9;
}

.career-center-online:hover {
  background-color: #3878e4;
}

.wide-bg-bottom {
  padding-top: 10px;
  padding-bottom: 20px;
}

.wide-bg-bottom .title-border-box {
  padding-bottom: 10px;
}

#facebook-content {
  margin-top: 45px;
  margin-bottom: 20px;
}

#facebook-content ul:after {
  content: "";
  clear: both;
  display: block;
}

.facebook p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 7px;
}

.facebook li {
  float: left;
  width: 445px;
  height: 162px;
  margin-left: 23px;
  margin-bottom: 25px;
}

.facebook li iframe {
  display: block;
  background-color: #ccc;
}

.facebook li:nth-child(2n+1) {
  margin-left: 0;
}

#topContents .slick-slide .niuprlogo {
  position: absolute;
  left: 10px;
  top: 10px;
}

#topContents .slick-slide .niuprlogo img {
  width: 130px;
  height: auto;
  min-height: auto;
  padding: 6px;
  background: #fff;
}

@media screen and (max-width: 540px) {
  #topContents .slick-slide .niuprlogo img {
    width: 75px;
    padding: 3px;
  }
}

.video-view {
  display: block;
  position: relative;
  width: 960px;
  height: 378px;
}

@media screen and (max-width: 540px) {
  .video-view {
    width: inherit;
    height: 213px;
  }
}

#video-background,
#video-overlay {
  position: absolute;
  top: 0px;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

#bg-video {
  position: relative;
  width: 100%;
  height: 100%;
}

#video-background {
  z-index: -2;
  background-repeat: no-repeat;
  background-size: cover;
}

#video-overlay {
  z-index: -1;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -3;
}

.loader span {
  display: block;
  margin: 50px auto;
  border: 10px solid #f3f3f3;
  /* Light grey */
  border-top: 10px solid #293855;
  /* main  */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1.5s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#topContents .video-view {
  overflow: hidden;
}

@media screen and (max-width: 540px) {
  body {
    min-width: inherit;
    -webkit-text-size-adjust: 100%;
  }
  .side-scroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .side-scroll table {
    width: 100%;
    min-width: 540px;
  }
  .hidden-pc {
    display: block;
  }
  .hidden-sp {
    display: none;
  }
  .ab-bottom {
    position: static;
  }
  .sp-img100 {
    width: 100% !important;
  }
  .imgR.sp-clear, .sp-clear.imgright,
  .imgL.sp-clear,
  .sp-clear.imgleft {
    float: none;
    margin: 0 0 10px 0;
  }
  .sp-left {
    text-align: left !important;
  }
  .sp-right {
    text-align: right !important;
  }
  .sp-clear-float {
    clear: both;
  }
  .sp-mt0 {
    margin-top: 0px !important;
  }
  .sp-mb20 {
    margin-bottom: 20px !important;
  }
  .sp-mr0 {
    margin-right: 0px !important;
  }
  .sp-ml0 {
    margin-left: 0px !important;
  }
  .sp-flex-row {
    flex-flow: row wrap;
  }
  .sp-flex-row [class^=pr],
  .sp-flex-row [class^=pl] {
    padding: 0;
  }
  .l_space {
    letter-spacing: 0;
    text-indent: 0;
  }
  #header-wrap {
    height: 72px;
    position: fixed;
    top: 0;
    z-index: 1000;
  }
  #header {
    width: auto;
  }
  #logo {
    display: inline-block;
    padding-top: 13px;
    padding-left: 0;
    position: relative;
    left: 16px;
  }
  #logo img {
    width: 169px;
    height: 50px;
  }
  #header-nav {
    display: none;
  }
  #sp-menu-btn-wrap {
    display: block;
    position: absolute;
    right: 15px;
    top: 18px;
    background-color: #293855;
    border-radius: 6px;
    width: 40px;
    height: 40px;
  }
  #sp-menu-btn-wrap img {
    width: 100%;
    height: auto;
  }
  #sp-header-search {
    display: block;
    position: absolute;
    right: 59px;
    top: 18px;
    background-color: #293855;
    border-radius: 6px;
    width: 40px;
    height: 40px;
  }
  #sp-header-search img {
    width: 100%;
    height: auto;
  }
  #sp-header-search a {
    display: block;
    cursor: pointer;
  }
  #header-search {
    display: none;
    width: 100%;
    float: none;
    background-color: #293855;
    right: 0;
    top: 0;
    padding: 10px 0;
    text-align: center;
  }
  #header-search label:nth-of-type(1) {
    width: 95%;
  }
  #target-wrap {
    height: 55px;
    margin-top: 0;
  }
  #target-nav {
    width: auto;
    text-align: left;
    padding: 10px 3%;
  }
  #target-nav li {
    margin-left: 0;
    margin-right: 10px;
    line-height: 1.2;
  }
  #target-link {
    top: 0px;
    left: auto;
    width: auto;
    position: relative;
  }
  #target-link li a {
    letter-spacing: -0.6px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
  }
  #ajaxSearch_input {
    width: 93%;
    height: 32px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  #search-bt.hidden-sp {
    display: none;
  }
  #search-bt-sp {
    position: absolute;
    top: 9px;
    right: 6%;
    width: 36px;
    height: 36px;
  }
  .nav-group {
    position: fixed;
    top: 72px;
    transform: translate3d(0, 0, 0);
  }
  .nav-group.fix {
    top: 72px;
  }
  #gNav-wrap {
    display: none;
  }
  #breadClumb {
    width: auto;
    margin-top: 0;
  }
  #breadClumb li {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
  }
  #breadClumb li:before {
    top: 1px;
  }
  #breadClumb a {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    padding-top: 7px;
    padding-bottom: 0;
  }
  #breadClumb span {
    display: inline-block;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    padding-top: 5px;
  }
  .main {
    float: none;
    width: auto;
    min-height: inherit;
  }
  #subNav, .sp-subNav {
    position: static;
    width: 100%;
    min-width: inherit;
    left: auto;
    transform: initial;
    margin: 100px 0 0 0;
  }
  #subNav a, .sp-subNav a {
    padding-top: 14px;
  }
  #subNav .gallery, .sp-subNav .gallery {
    padding-left: 14px;
  }
  .nav-title {
    min-width: 300px;
    width: 100%;
  }
  .content, #fNav {
    width: auto;
    padding-left: 3%;
    padding-right: 3%;
    height: auto !important;
  }
  #page-title {
    text-align: left;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 30px;
  }
  #page-title .black {
    margin-top: 3px;
  }
  .box-copy .cell {
    display: block;
  }
  .box-copy p {
    text-align: center;
    font-size: 1.4rem;
    font-size: 14px;
  }
  .box-copy .cell + .cell {
    text-align: center;
    padding-top: 20px;
  }
  .border-copy {
    margin-bottom: 30px;
    padding-left: 15px;
  }
  .border-copy h1 {
    margin-right: 15px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.4;
    white-space: normal;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .gray-point-box p.bold {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    white-space: normal;
  }
  .inline-block-title.margin {
    margin-top: 45px;
  }
  .card-list li {
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 15px;
  }
  .list-title .arrow {
    right: 5px;
  }
  .list-title .arrow:before {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1;
  }
  .list-box {
    width: auto;
  }
  .list-box .list-arrow {
    padding-left: 3%;
    padding-right: 3%;
  }
  .list-box .list-arrow li {
    height: auto;
    line-height: 1.2;
    border-bottom: 1px solid #aaaaaa;
  }
  .list-box .list-arrow li a {
    margin-left: 0;
    text-indent: 0;
  }
  .list-box .list-arrow li a:before {
    display: none;
  }
  .list-box .date {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    margin-bottom: 5px;
  }
  .title-border-box {
    display: block;
    text-align: center;
  }
  .list-circle {
    margin-left: 16px;
  }
  .list-circle li {
    margin-left: 0;
  }
  .countup p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.1;
  }
  .common th {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .common td {
    padding: 5px 2px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  table.stripe {
    width: auto;
  }
  #category-title img {
    max-width: 300px;
  }
  .message .column1 {
    position: relative;
    display: table;
  }
  .message .column1:first-child {
    padding-bottom: 25px;
  }
  .message .column1:nth-of-type(2) {
    padding-left: 0;
  }
  .message .border .column1:nth-child(n+2) .gray-box {
    bottom: 0;
  }
  .message .gray-box {
    position: static;
  }
  .stripe-box .label-list dt {
    float: none;
    margin-bottom: 5px;
  }
  .stripe-box .label-list dd {
    float: none;
    width: auto;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .stripe-box .label-list dd:last-of-type {
    margin-bottom: 0;
  }
  #search-box dd {
    max-width: inherit;
  }
  #dataFreeword {
    width: 220px;
  }
  .staff .face-photo {
    width: 90px;
  }
  .staff small {
    display: block;
    margin-left: 103px;
  }
  .staff p {
    margin-left: 103px;
  }
  .staffdetail figure.imgR img, .staffdetail figure.imgright img {
    max-width: 90px;
  }
  .career-box-wrap {
    float: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .career-box {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
  #teachermail,
  .sendmail-btn {
    width: 100px;
    margin-left: 0;
  }
  .campusbtn {
    position: static;
    margin-top: 20px;
  }
  .campusbtn li {
    display: inline-block;
    margin-right: 5px;
  }
  .course-copy {
    margin-top: 20px;
  }
  .course-copy .cell {
    display: block;
  }
  .course-copy p br {
    display: none;
  }
  .course-copy figure.cell {
    margin-top: 30px;
    text-align: center;
  }
  h1.copy-title {
    text-align: center;
    margin-bottom: 55px;
  }
  .box-border figure.imgR, .box-border figure.imgright {
    margin-left: 25px;
  }
  .box-border .thumb li {
    display: inline-block;
    float: none;
    margin-left: 0;
  }
  .pdf-link {
    background-position: 10px 12px;
    height: auto;
  }
  .voice-face {
    position: static;
    text-align: center;
  }
  img[src*="/old-courses/54/1499/p8"],
  img[src*="/old-courses/54/1499/p9"] {
    width: 48%;
  }
  .common.followup td:first-child {
    padding-left: 5px;
    padding-right: 5px;
  }
  .tab-btn ul {
    display: table;
    width: 100%;
  }
  .tab-btn li {
    float: none;
    display: table-cell;
    padding-left: 0;
    float: none;
    vertical-align: top;
    border-left-width: 5px;
  }
  .tab-btn li .tab {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
  }
  .tab-btn li .tab .fL,
  .tab-btn li .tab .fS {
    font-size: inherit;
  }
  .tab-btn li .ls {
    letter-spacing: 0;
    text-indent: 0;
  }
  .tab-btn.tab5 .tab .fS {
    font-size: inherit;
  }
  .tab-btn li:first-child {
    padding-left: 0;
  }
  .tab-btn .tab.middle {
    padding-top: 20px;
  }
  #syllabus2014 .tab-btn li .tab span {
    font-size: 12px !important;
  }
  .curriculum td {
    padding: 25px 10px 25px 20px;
  }
  .curriculum ul {
    float: none;
    width: auto;
  }
  .curriculum li:not(.mt30) em {
    display: inline-block;
    margin-top: 30px;
  }
  .curriculum ul:nth-of-type(1) li:not(.mt30) em {
    margin-top: 0;
  }
  .curriculum ul.inline-block li {
    display: block;
    width: auto;
  }
  .solid-table.curriculum {
    display: table;
  }
  .solid-table.curriculum:not(.show) {
    display: none;
  }
  .topics-tile {
    width: auto;
  }
  .topics-tile li:nth-child(3n+1) {
    clear: initial;
    margin-left: 3%;
  }
  .topics-tile li {
    width: 48%;
    margin-left: 3%;
    border-top-width: 1px;
    max-height: 255px;
    min-height: 255px;
    overflow: hidden;
  }
  .topics-tile li:nth-child(1) {
    margin-left: 0;
  }
  .topics-tile li:nth-child(2n+3) {
    clear: left;
    margin-left: 0;
  }
  .topics-tile .thumbnail {
    height: 95px;
  }
  .topics-tile .thumbnail img {
    width: 100%;
    object-fit: cover;
    max-width: inherit;
    height: inherit;
  }
  .topics-tile .tag {
    width: 100%;
    position: static;
    border-radius: 0;
  }
  .topics-tile .label {
    height: 18px;
    margin-top: 8px;
    margin-left: 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .topics-tile h2 {
    max-height: 73px;
    overflow: hidden;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
    margin: 5px 10px 8px 10px;
  }
  .topics-tile p {
    display: none;
  }
  .topics-tile .date {
    left: auto;
    bottom: 3px;
    right: 15px;
  }
  .topics-tile .detail-link {
    display: none;
  }
  .pharmacy-research td:first-child .poster {
    position: static;
  }
  #calendar table {
    width: auto;
  }
  #calendar td {
    display: block;
    padding-bottom: 0;
  }
  #calendar td .list-circle {
    border-left: none;
    height: auto;
    padding: 0;
  }
  #calendar td .list-circle li {
    text-indent: 0;
  }
  .clubImg {
    width: 100%;
    height: auto;
  }
  #map,
  #maps_aed,
  #gmap,
  #maps_shop {
    height: 300px;
    width: 100%;
  }
  .gmap_block,
  .gmap_aed_block {
    width: 180px;
  }
  .gmap_block .spotimg,
  .gmap_aed_block .spotimg {
    float: none;
  }
  .gmap_block .gmap_title,
  .gmap_block .gmap_info,
  .gmap_aed_block .gmap_title,
  .gmap_aed_block .gmap_info {
    float: none;
    width: inherit;
  }
  .dorm .cell {
    display: block;
  }
  .dorm .cell.top {
    padding-left: 0;
    margin-top: 20px;
  }
  .type {
    height: auto;
  }
  .type br {
    display: none;
  }
  .type ~ p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  #floorplanImg {
    float: none;
    margin-bottom: 20px;
  }
  #floorplan ul {
    width: auto;
    float: none;
  }
  #floorplan ul li {
    float: left;
    width: 48%;
    padding-left: 0;
    margin-left: 3%;
  }
  #floorplan ul li img {
    width: 100%;
  }
  #floorplan ul li:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
  }
  #career-graph1 {
    width: 100%;
    text-align: center;
  }
  #career-graph1 .cell {
    display: block;
    padding-right: 0;
    padding-bottom: 30px;
    background-image: url(/content/images/career/bottom-arrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 29px 27.5px;
  }
  #career-graph1 .cell:nth-of-type(2), #career-graph1 .cell:nth-of-type(3) {
    padding-left: 0;
  }
  #career-graph1 .cell:nth-of-type(3) {
    background-image: none;
  }
  #career-graph1 .cell img {
    padding: 26.5px 42px;
  }
  .results {
    display: block;
    width: 100%;
  }
  .results .cell {
    display: block;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: bold;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
  }
  .results .cell + .cell {
    text-align: center;
    width: auto;
  }
  .results .cell + .cell:before {
    display: none;
  }
  .topics-box {
    margin-left: -3%;
    margin-right: -3%;
  }
  .topics-box a {
    padding-right: 22px;
  }
  .topics-box a:after {
    content: "";
    display: none;
  }
  .topics-box figure {
    position: static;
    transform: translateY(0);
    height: 180px;
    margin-bottom: 7px;
  }
  .topics-box figure img {
    width: 100%;
  }
  .topics-box p {
    width: auto;
  }
  #topics-box-tag {
    margin-left: -3%;
    margin-right: -3%;
  }
  #gallery .thumb li {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 10px;
  }
  #gallery .thumb li img {
    width: 100%;
  }
  #gallery .thumb li:nth-child(3n+1) {
    clear: initial;
    margin-left: 2%;
  }
  #gallery .thumb li:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
  #gallery .thumb a {
    display: inline-block;
  }
  #gallery .slick-slide {
    width: 100%;
  }
  #gallery .slick-slide img {
    width: 100%;
  }
  #gallery .slick-prev, #gallery .slick-next {
    z-index: 999;
  }
  #gallery .slick-prev {
    width: 35px;
    height: 35px;
    left: 5px;
  }
  #gallery .slick-prev:before {
    color: #335599;
    font-size: 35px;
  }
  #gallery .slick-next {
    width: 35px;
    height: 35px;
    right: 5px;
  }
  #gallery .slick-next:before {
    color: #335599;
    font-size: 35px;
  }
  #gallery .slick-dots {
    bottom: -50px;
  }
  #gallery .slick-dots li button:before {
    color: #293855;
  }
  #gallery .slides-count {
    position: relative;
    top: 25px;
    text-align: center;
    font-size: 14px;
  }
  .rellink-title {
    display: inline-block;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
    box-sizing: border-box;
  }
  #page-nav ul {
    text-align: center;
  }
  #page-nav a.prev-btn,
  #page-nav a.next-btn {
    width: 45px;
  }
  #page-nav a {
    width: 84px;
  }
  #page-nav .text {
    display: none;
  }
  #page-nav .prev-btn:before {
    left: 9px;
  }
  #page-nav .next-btn:before {
    right: 9px;
  }
  #page-nav li {
    width: auto;
  }
  #page-nav li:first-child,
  #page-nav li:last-child {
    width: 45px;
  }
  .prev-btn,
  .next-btn {
    width: 20px;
  }
  a.prev .text,
  a.next .text {
    display: none;
  }
  .pagination a.prev .text,
  .pagination a.next .text {
    display: none;
  }
  .pagination ul li a {
    width: 20px;
    height: 20px;
  }
  .gallery-list li {
    float: none;
  }
  .gallery-list .thumb {
    width: inherit;
    height: 150px;
  }
  .gallery-list .thumb img {
    width: 100%;
  }
  .gallery-list a {
    width: auto;
    min-height: 300px;
    max-height: 300px;
  }
  .gallery-list a:hover:before {
    width: 100%;
    height: 300px;
  }
  #bodySearchBox .search-box {
    border-radius: 0;
    width: 61%;
  }
  #topContents {
    height: 143px;
    height: auto;
    margin-top: 127px;
    overflow: hidden;
    max-height: 213px;
    max-width: 540px;
  }
  #topContents .slick-dots li {
    min-height: 20px;
    max-height: 20px;
    margin: 0 5px;
  }
  #topContents .slick-button-area {
    height: auto;
    position: absolute;
    top: 50%;
  }
  #topContents .slick {
    top: 0;
  }
  #topContents .slick li {
    max-height: none;
  }
  #topContents .slick-slide {
    height: auto;
    margin: auto;
  }
  #topContents .slick-slide img {
    width: 100%;
    min-height: 125px;
    height: 100%;
    max-width: 540px;
  }
  #topContents .slick-prev {
    left: 3%;
  }
  #topContents .slick-next {
    right: 3%;
  }
  #slick-dot-area {
    position: relative;
  }
  #slick-dot-area .slick-dots {
    bottom: -11px;
  }
  #topContents .slick-button-area {
    width: 100%;
  }
  #topicstitle {
    margin-bottom: 32px;
  }
  #topics-detail [style="float:right"] {
    margin-left: 0;
  }
  #topics-detail img {
    max-width: 540px;
    width: 100%;
    height: auto;
  }
  #emergency-message .date {
    color: #f00;
  }
  #important-message .date {
    color: #00b4ed;
  }
  .tag-list {
    width: auto;
    position: relative;
  }
  .tag-list img {
    display: none;
  }
  .tag-list span {
    display: inline-block;
  }
  .tag-list ul {
    display: none;
  }
  .tag-list li {
    position: relative;
    display: inline-block;
    line-height: 1.2;
    vertical-align: top;
    border-left: none;
    margin: 0px 2px 6px 2px;
  }
  .tag-list li a {
    display: table-cell;
    width: 53px;
    height: 55px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 0 10px 10px 10px;
    border-radius: 6px;
    background-color: #b3b3b3;
  }
  .tag-list li a.nowrap {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 8px;
  }
  .tag-list li:after {
    content: "";
    display: inline-block;
    text-align: center;
    position: absolute;
    bottom: 6px;
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
  }
  .tag-list li:nth-child(1):after {
    border-color: #828282 transparent transparent transparent;
  }
  .tag-list li:nth-child(2):after {
    border-color: #6fc90a transparent transparent transparent;
  }
  .tag-list li:nth-child(3):after {
    border-color: #007bdc transparent transparent transparent;
  }
  .tag-list li:nth-child(4):after {
    border-color: #ff624b transparent transparent transparent;
  }
  .tag-list li:nth-child(5):after {
    border-color: #c03961 transparent transparent transparent;
  }
  .tag-list li:nth-child(6):after {
    border-color: #36a14d transparent transparent transparent;
  }
  .tag-list li:nth-child(7):after {
    border-color: #8e44ad transparent transparent transparent;
  }
  .tag-list li:nth-child(8):after {
    border-color: #ff9900 transparent transparent transparent;
  }
  .tag-list li:nth-child(9):after {
    border-color: #3db6fc transparent transparent transparent;
  }
  .home .tag-list {
    width: 100%;
  }
  .tag-bt {
    display: inline-block;
    position: absolute;
    right: 0;
    top: -24px;
    cursor: pointer;
    transition: all 300ms ease;
  }
  .tag-bt.down {
    transform: rotate(90deg);
  }
  .tag-bt.down .arrow:before {
    background-color: #3fa9f5;
  }
  #rank {
    display: none;
  }
  .home .topics-box-wrap {
    margin-top: 0;
  }
  #home-topics-tile {
    width: inherit;
  }
  #home-topics-tile li:first-child,
  #home-topics-tile li:nth-child(4),
  #home-topics-tile li:nth-child(7) {
    clear: initial;
    margin-left: 3%;
  }
  #home-topics-tile li {
    width: 48%;
    margin-left: 3%;
    border-top-width: 1px;
    max-height: 255px;
    min-height: 255px;
    overflow: hidden;
  }
  #home-topics-tile li:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
  #home-topics-tile .thumbnail {
    height: 95px;
  }
  #home-topics-tile .thumbnail img {
    width: 100%;
  }
  #home-topics-tile .tag {
    width: inherit;
    position: static;
    border-radius: 0;
  }
  #home-topics-tile .label {
    height: 18px;
    margin-top: 8px;
    margin-left: 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  #home-topics-tile h2 {
    max-height: 73px;
    overflow: hidden;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
    margin: 5px 10px 8px 10px;
  }
  #home-topics-tile p {
    display: none;
  }
  #home-topics-tile .date {
    left: auto;
    bottom: 3px;
    right: 15px;
  }
  #home-topics-tile .detail-link {
    display: none;
  }
  #eventtitle {
    margin-bottom: 42px;
  }
  #event {
    width: auto;
    margin-bottom: 30px;
  }
  #column {
    display: block;
    width: auto;
    margin-bottom: 15px;
  }
  #column .floL {
    float: none;
    width: auto;
  }
  #column .floL .top-border {
    margin-bottom: 30px;
  }
  .home .list-box {
    width: auto;
  }
  #niupr .list-title,
  #niusports .list-title,
  #tea-room .list-title {
    width: 100%;
  }
  #niupr .list-title img,
  #niusports .list-title img,
  #tea-room .list-title img {
    height: 17px;
  }
  #niupr.list-box .date {
    color: #36c2d8;
  }
  #niusports.list-box .date {
    color: #48a7bb;
  }
  #tea-room.list-box .date {
    color: #60a146;
  }
  #portal {
    width: auto;
    margin-top: 30px;
  }
  #portal.floR {
    float: none;
  }
  #portal aside #portal-site ul {
    display: flex;
    height: auto;
    flex-flow: row wrap;
  }
  #portal aside #portal-site ul li {
    float: left;
    width: 48%;
    margin-left: 3%;
    min-height: 60px;
    margin-bottom: 15px;
  }
  #portal aside #portal-site ul li a {
    display: inline-block;
    width: 100%;
    height: 60px;
  }
  #portal aside #portal-site ul li a:before {
    border-width: 13px 13px 0 0;
  }
  #portal aside #portal-site ul li a:after {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
  }
  #portal aside #portal-site ul li img {
    height: 30px;
    position: relative;
    top: 15px;
  }
  #portal aside #portal-site ul li:nth-child(1),
  #portal aside #portal-site ul li:nth-child(4),
  #portal aside #portal-site ul li:nth-child(6) {
    margin-left: 0;
  }
  #portal aside #portal-site ul .no-link {
    display: none;
  }
  .home-thumbnail-list li:nth-child(4n+1) {
    margin-left: 3%;
  }
  .home-thumbnail-list li {
    width: 48%;
    margin-left: 3%;
    margin-bottom: 3%;
  }
  .home-thumbnail-list li img {
    height: auto;
  }
  .home-thumbnail-list li:nth-child(2n+1) {
    margin-left: 0 !important;
    clear: left;
  }
  .facebook {
    overflow: hidden;
  }
  .facebook li {
    width: 100%;
    height: auto;
    max-width: 445px;
    margin-left: 0;
  }
  #bottom-nav {
    width: auto;
  }
  #bottom-nav::after {
    content: "";
    clear: both;
    display: table;
  }
  #bottom-nav ul {
    display: block;
  }
  #bottom-nav li {
    display: block;
    float: left;
    width: 50%;
    padding: 0;
    box-sizing: border-box;
  }
  #bottom-nav li:nth-child(2n+1) {
    margin-left: 0;
  }
  #bottom-nav a {
    display: block;
    padding: 20px;
    box-sizing: border-box;
  }
  #bottom-nav a img {
    width: 100%;
    height: auto;
  }
  #fNav {
    display: none;
  }
  #sp-fNav {
    display: block;
  }
  #sp-fNav ul:after {
    content: "";
    clear: both;
    display: block;
  }
  #sp-fNav li {
    float: left;
    width: 50%;
    border-left: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    box-sizing: border-box;
    position: relative;
  }
  #sp-fNav li a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "メイリオ", Meiryo;
    height: 47px;
    padding: 0 10px 0 40px;
    letter-spacing: -1px;
    box-sizing: border-box;
  }
  #sp-fNav li a:before {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1;
    color: #293855;
    position: absolute;
    left: 9%;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e906";
  }
  #sp-fNav li:nth-child(2n+1) {
    border-left: none;
  }
  #footer .pageTop {
    display: none;
  }
  #footer .content, #footer #fNav {
    width: auto;
    padding-left: 3%;
    padding-right: 3%;
  }
  #footer-link {
    top: 3%;
    right: 15px;
  }
  #footer-logo {
    padding-top: 45px;
  }
  #copyright {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
  }
  #footer #social-link nav, #footer #sp-social-link nav {
    display: block;
  }
  #social-link.content, .content#sp-social-link {
    position: static;
    padding: 0;
    width: 100%;
  }
  #social-link.content ul, .content#sp-social-link ul {
    position: static;
    display: block;
  }
  #social-link.content li, .content#sp-social-link li {
    display: block;
    margin-left: 0;
  }
  #social-link.content li a, .content#sp-social-link li a {
    display: block;
  }
  #social-link.content span, .content#sp-social-link span {
    color: #fff;
    text-align: center;
    height: 14px;
    padding: 15px 0;
    line-height: 1;
  }
  #social-link.content .facebook, .content#sp-social-link .facebook {
    display: block;
    background-color: #1e3261;
  }
  #social-link.content .twitter, .content#sp-social-link .twitter {
    display: block;
    background-color: #00aced;
  }
  #social-link.content .instagram, .content#sp-social-link .instagram {
    display: block;
    background-color: #3f729b;
  }
  #PageTopBt .pageTop {
    width: auto;
  }
  #PageTopBt .pageTop a {
    right: 5px;
    width: 60px;
    height: 60px;
  }
  body {
    position: relative;
  }
  #sidr-contents-area {
    position: relative;
    height: calc( 100% - 127px);
    top: 0;
    margin-top: 127px;
  }
  .home #sidr-contents-area {
    margin-top: 0;
  }
  #sidr-menu {
    display: block;
    margin-top: 127px;
    height: calc( 100% - 127px);
    padding-top: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  }
  .sidr {
    z-index: 999;
    width: 100%;
  }
  .sidr.right {
    right: -100%;
  }
}

.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 998;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.sidr.right {
  left: auto;
  right: -100%;
}

#sidr-menu {
  background-color: #fff;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

#sidr-menu-wrap {
  padding-bottom: 50px;
}

#side-close img {
  width: 28px;
}

.side-menu .first,
.side-menu .second {
  position: relative;
  text-align: center;
}

.side-menu .second-panel {
  display: none;
  margin-top: 10px;
}

.side-menu .third-panel {
  text-align: left;
  padding-left: 4px;
  padding-right: 4px;
}

.side-menu li {
  border-bottom: 1px solid #fff;
}

.side-menu li li {
  display: block;
  box-sizing: border-box;
  border: none;
  background-color: #fff;
  border-radius: 0;
  border-bottom: 1px solid #293855;
}

.side-menu li li:last-child {
  border-bottom: none;
}

.side-menu a {
  background-color: #293855;
  color: #fff;
  display: block;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  text-decoration: none;
  color: #fff;
  text-align: center;
}

.side-menu a:hover {
  background-color: rgba(41, 56, 85, 0.8);
}

.side-menu li li ul {
  padding: 4px 0px;
}

.side-menu li li a {
  background-color: #fff;
  color: #293855;
  text-align: left;
  padding-left: 28px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
}

.side-menu li li a:hover {
  color: #fff;
}

.side-menu li li li {
  display: inline-block;
  margin: 3px 1px;
  border: none;
}

.side-menu li li li:first-child {
  margin-top: 3px;
}

.side-menu li li li:last-child {
  margin-bottom: 3px;
}

.side-menu li li li .menu {
  display: block;
}

.side-menu li li li a {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2;
  display: inline-block;
  background-color: #efefef;
  color: #293855;
  text-align: center;
  padding: 6px 8px;
  border-radius: 8px;
}

.side-menu li li li a:hover {
  color: #fff;
}

.side-menu [class^="icon"] {
  cursor: pointer;
  width: 50px;
  height: 46px;
  box-sizing: border-box;
  padding: 16px 25px 15px 10px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.side-menu .icon-off:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  width: 14px;
  height: 14px;
  display: block;
  font-size: 14px;
  color: #293855;
  background-color: #fff;
}

.side-menu .icon-on:before {
  content: "\e907";
}

.side-menu .icon-arrow:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  width: 18px;
  height: 18px;
  display: block;
  font-size: 18px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
}

.side-menu .icon-arrow.down:before {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.side-menu .menu-slide {
  display: none;
  text-align: center;
}

.side-menu .externalLink + .externalIcon {
  display: block;
  float: right;
  cursor: pointer;
  font-size: 12px;
  width: 12px;
  height: 12px;
  margin: 16px 20px 16px 16px;
  line-height: 1;
  padding-right: 0;
}

.course-side-menu.side-menu {
  margin-left: 15px;
  margin-right: 15px;
}

.course-side-menu.side-menu .first-panel {
  margin-bottom: 10px;
}

.course-side-menu.side-menu a {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  padding-top: 8px;
  padding-bottom: 8px;
}

.course-side-menu.side-menu li {
  border-bottom: none;
}

.course-side-menu.side-menu li a {
  padding-left: 13px;
}

.course-side-menu.side-menu li .first a {
  padding-left: 0;
}

.course-side-menu.side-menu li li {
  background-color: transparent;
}

.course-side-menu.side-menu li li ul {
  background-color: rgba(41, 56, 85, 0.2);
}

.course-side-menu.side-menu li li a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  padding: 6px 8px;
}

.course-side-menu.side-menu .international-tourism a {
  background-color: #023f66;
}

.course-side-menu.side-menu .international-tourism li a {
  background-color: #c8daf6;
}

.course-side-menu.side-menu .international-tourism li a:hover {
  background-color: #023f66;
  opacity: 0.8;
}

.course-side-menu.side-menu .international-tourism .icon-off:before {
  color: #023f66;
}

.course-side-menu.side-menu .social-welfare a {
  background-color: #6c2c2f;
}

.course-side-menu.side-menu .social-welfare li a {
  background-color: #e2d5d5;
}

.course-side-menu.side-menu .social-welfare li a:hover {
  background-color: #6c2c2f;
  opacity: 0.8;
}

.course-side-menu.side-menu .social-welfare .icon-off:before {
  color: #6c2c2f;
}

.course-side-menu.side-menu .health-nutrition a {
  background-color: #947f28;
}

.course-side-menu.side-menu .health-nutrition li a {
  background-color: #fff1d0;
}

.course-side-menu.side-menu .health-nutrition li a:hover {
  background-color: #947f28;
  opacity: 0.8;
}

.course-side-menu.side-menu .health-nutrition .icon-off:before {
  color: #947f28;
}

.course-side-menu.side-menu .pharmacy a {
  background-color: #e60012;
}

.course-side-menu.side-menu .pharmacy li a {
  background-color: #ffe5e7;
}

.course-side-menu.side-menu .pharmacy li a:hover {
  background-color: #e60012;
  opacity: 0.8;
}

.course-side-menu.side-menu .pharmacy .icon-off:before {
  color: #e60012;
}

.course-side-menu.side-menu .international-tourism li a,
.course-side-menu.side-menu .social-welfare li a,
.course-side-menu.side-menu .health-nutrition li a,
.course-side-menu.side-menu .pharmacy li a {
  background-color: #fff;
}

.course-side-menu.side-menu [class^="icon"] {
  width: 35px;
  height: 32px;
  padding-top: 9px;
  padding-bottom: 8px;
}

.course-side-menu.side-menu .icon-arrow:before {
  color: #293855;
}

.course-side-menu.side-menu .first a {
  font-weight: bold;
}

#sp-footer-menu {
  margin-top: 16px;
  padding-bottom: 7px;
}

#sp-footer-menu ul {
  margin-left: 15px;
  margin-right: 15px;
}

#sp-footer-menu li {
  margin-bottom: 9px;
}

#sp-footer-menu a {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  border: 1px solid #293855;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #293855;
  text-align: center;
}

#sp-footer-menu a:hover {
  background-color: #293855;
  color: #fff;
}

#sp-text-menu {
  margin-top: 35px;
  margin-left: 15px;
  margin-right: 15px;
}

#sp-text-menu ul {
  display: table;
  width: 100%;
  border-left: 1px solid #293855;
}

#sp-text-menu li {
  display: table-cell;
  border-right: 1px solid #293855;
}

#sp-text-menu a {
  display: block;
  text-align: center;
}

@media print {
  body {
    width: 960px;
    margin: 0 auto;
    background: none;
  }
  .print-visible {
    display: block !important;
  }
  .pbreak-before {
    page-break-before: always;
  }
  .pbreak-after {
    page-break-after: always;
  }
  .wide-bg-bottom {
    clear: both;
  }
  #sidr-menu {
    display: none;
  }
  .nav-group.fix {
    position: relative !important;
  }
  #gNav-wrap.fix {
    position: absolute;
    top: 140px;
    z-index: initial;
  }
  #gNav img {
    height: 17px;
  }
  #category-title img {
    height: 53px;
  }
  .topics-tile {
    overflow: visible;
  }
  table.curriculum {
    display: table !important;
  }
  #PageTopBt {
    display: none;
  }
  #PageTopBt .pageTop {
    display: none;
  }
  .content-border {
    border: none;
    clear: both;
  }
  #bottom-nav,
  #fNav {
    display: none;
  }
  .main {
    margin-bottom: 40px;
  }
  img[src*="/symbol"] {
    width: 157px;
  }
  img[src*="/course/copy-fig-"],
  img[src*="/course/renkei-"] {
    width: 165px !important;
  }
  img[src*="/ob-voice"] {
    width: 167px;
  }
  .home #topicstitle {
    page-break-before: always;
  }
  .home #event {
    width: 920px;
  }
  .home img[src*="sub-title1"] {
    width: 174px;
  }
  .home img[src*="sub-title2"] {
    width: 219px;
  }
  .home img[src*="portal1"] {
    width: 207px;
  }
  .home img[src*="portal2"] {
    width: 180px;
  }
  .home img[src*="portal3"] {
    width: 206px;
  }
  .home img[src*="portal4"] {
    width: 102px;
  }
  .home img[src*="title5"] {
    width: 255px;
  }
  .tab-table[id$="international"], .tab-table[id$="social"], .tab-table[id$="management"], .tab-table[id$="health"], .tab-table[id$="pharmacy"] {
    display: table !important;
  }
}