@import url("http://fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,700");
@import url("https://fonts.googleapis.com/css?family=Sumana:400,700");
@import url("https://fonts.googleapis.com/earlyaccess/sawarabimincho.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline
}

html {
  line-height: 1
}

ol, ul {
  list-style: none
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle
}

q, blockquote {
  quotes: none
}

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

a img {
  border: none
}

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

@keyframes fadein {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@keyframes fadeout {
  0% {
    opacity: 1
  }
  100% {
    opacity: .5
  }
}

@-webkit-keyframes fadeout {
  0% {
    opacity: 1
  }
  100% {
    opacity: .5
  }
}

@keyframes nofade {
  0% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes nofade {
  0% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}

.forpc {
  display: block
}

@media screen and (max-width: 735px) {
  .forpc {
    display: none
  }
}

.formb {
  display: none
}

@media screen and (max-width: 735px) {
  .formb {
    display: block
  }
}

.forprint {
  display: none
}

.forscreen {
  display: block
}

a {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  text-decoration: none
}

a:link {
  color: #009fcd
}

a:visited {
  color: #369
}

a:hover {
  color: #39f
}

p a:hover, #aside li a:hover span.tolink, a:hover span {
  text-decoration: underline
}

a:active {
  color: #ff0000
}

a.link:before {
  padding: 0 4px;
  content: "\f105";
  font-family: FontAwesome;
  font-size: 12px;
  color: #ccc;
  line-height: 1
}

a.hover:hover {
  opacity: 1;
  animation-duration: 1s;
  animation-name: fadeout;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: fadeout;
  display: block;
  opacity: .5
}

@media screen and (max-width: 735px) {
  a.hover:hover {
    opacity: 1;
    animation-duration: 0;
    animation-name: nofade;
    -webkit-animation-duration: 0;
    -webkit-animation-name: nofade;
    opacity: 1
  }
}

body {
  font-family: 'Noto Sans JP', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Meiryo UI, 'MS Pゴシック', 'MS PGothic';
  background-color: #f9f9f9;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none
}

body.en {
  font-family: "Noto Sans", sans-serif
}

#indexpanel {
  position: relative
}

#indexpanel .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

#indexpanel .content .toptxt {
  width: 100%;
  max-width: 800px
}

#indexpanel .content .menu {
  width: 100%;
  max-width: 800px;
  margin: 20px 0;
  box-sizing: border-box;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

#indexpanel .content .menu a {
  margin: 0 10px;
  padding: 15px 20px 18px;
  flex-basis: calc(100 / 2 * 1% - 20px);
  font-size: 150%;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #4dbaeb;
  border: 2px solid #fff;
  border-radius: 40px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2)
}

#indexpanel .content .menu a:hover {
  color: #4dbaeb;
  background-color: #fff;
  border: 2px solid #4dbaeb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2) inset
}

@media screen and (max-width: 735px) {
  #indexpanel {
    padding: 40px 0 0
  }
  #indexpanel .content {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
  }
  #indexpanel .content .toptxt {
    width: 100%;
    max-width: 800px
  }
  #indexpanel .content .menu {
    margin: 10px 0;
    flex-wrap: wrap
  }
  #indexpanel .content .menu a {
    margin: 5px 0;
    padding: 8px 15px 10px;
    flex-basis: calc(100 / 1 * 1% - 20px);
    font-size: 100%;
    border-radius: 40px
  }
}

#container.fontL {
  font-size: 140%
}

#container.fontM {
  font-size: 120%
}

#container.fontS {
  font-size: 100%
}

#meta_outer {
  background-color: #fff
}

#meta_outer #meta {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px 10px;
  overflow: hidden
}

#meta_outer #meta ul {
  overflow: hidden
}

#meta_outer #meta ul li {
  float: left
}

#meta_outer #meta ul li a {
  padding: 5px 5px 0 15px;
  display: block;
  font-size: 68.75%;
  color: #000;
  text-decoration: none
}

#meta_outer #meta ul li a:hover {
  color: #3a6eb6
}

#meta_outer #meta ul li a:before {
  margin: 0 5px 0 0;
  content: '\f0da';
  font-family: FontAwesome
}

#meta_outer #meta ul#target {
  display: none
}

#meta_outer #meta ul#gnav {
  float: left
}

#meta_outer #meta ul#link {
  float: right
}

#meta_outer #langnav, #meta_outer #searchnav, #meta_outer #gnav {
  display: none
}

@media screen and (max-width: 735px) {
  #meta_outer {
    background-color: #003346;
    position: fixed;
    z-index: 1000;
    top: 44px;
    width: 100%
  }
  #meta_outer #meta {
    display: none;
    padding: 0
  }
  #meta_outer #meta ul {
    width: 100%
  }
  #meta_outer #meta ul li {
    float: none;
    width: 100%
  }
  #meta_outer #meta ul li a {
    position: relative;
    padding: 12px 20px;
    display: block;
    font-size: 75%;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.2)
  }
  #meta_outer #meta ul li a:before {
    display: none
  }
  #meta_outer #meta ul li a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -6px 0 0;
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 1
  }
  #meta_outer #meta ul#target {
    display: block;
    background-color: #fff;
    border-top: 1px solid #eee
  }
  #meta_outer #meta ul#target li {
    float: left;
    width: 50%
  }
  #meta_outer #meta ul#target li a {
    color: #000
  }
  #meta_outer #meta ul#target li a:hover {
    background-color: #eee
  }
  #meta_outer #meta ul#gnav {
    float: none;
    display: block
  }
  #meta_outer #meta ul#link {
    float: none;
    background-color: #fff;
    text-align: center;
    letter-spacing: -.3em;
    border-top: 1px solid #ddd
  }
  #meta_outer #meta ul#link li {
    width: 33.33333%;
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal
  }
  #meta_outer #meta ul#link li:nth-child(2) {
    width: 50%
  }
  #meta_outer #meta ul#link li a {
    padding: 12px 5px;
    font-size: 68.75%;
    color: #000
  }
  #meta_outer #meta ul#link li a:after {
    right: 5px
  }
  #meta_outer #meta ul#link li a:hover {
    background-color: #eee
  }
  #meta_outer #langnav {
    display: none;
    width: 100%;
    border-top: 1px solid #eee;
    overflow: hidden
  }
  #meta_outer #langnav li {
    float: left;
    width: 50%
  }
  #meta_outer #langnav li a {
    position: relative;
    padding: 12px 20px;
    display: block;
    font-size: 75%;
    font-weight: bold;
    color: #000;
    line-height: 1;
    background-color: #fff;
    box-sizing: border-box
  }
  #meta_outer #langnav li a:hover {
    background-color: #f6f6f6
  }
  #meta_outer #langnav li a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -6px 0 0;
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 1
  }
  #meta_outer #searchnav {
    display: none;
    padding: 5px 12px;
    overflow: hidden
  }
  #meta_outer #searchnav #searchm {
    position: relative;
    border-radius: 12px
  }
  #meta_outer #searchnav #searchm:before {
    position: absolute;
    top: 3px;
    left: 9px;
    content: "\f002";
    font-family: FontAwesome;
    color: #ccc;
    display: block
  }
  #meta_outer #searchnav #searchm input {
    height: 24px;
    box-sizing: border-box;
    -webkit-appearance: none
  }
  #meta_outer #searchnav #searchm input[type="text"] {
    width: 100% !important;
    padding: 0 12px;
    border: 1px solid #ddd;
    border-radius: 12px;
    outline: none;
    background: #fff !important;
    box-sizing: border-box
  }
  #meta_outer #searchnav #searchm input[type="text"]:hover {
    position: relative;
    z-index: 1000
  }
  #meta_outer #searchnav #searchm input[type="text"]:focus {
    background-color: #ffe !important
  }
  #meta_outer #searchnav #searchm input[type="submit"] {
    display: none
  }
  #meta_outer #searchnav #searchm .gsc-input {
    padding: 0
  }
  #meta_outer #searchnav #searchm .gsc-search-button, #meta_outer #searchnav #searchm .gsc-clear-button {
    display: none
  }
  #meta_outer.en #meta ul#target {
    background-color: #12a0c5
  }
  #meta_outer.en #meta ul#target li {
    float: none;
    width: 100%
  }
  #meta_outer.en #meta ul#target li a {
    color: #fff
  }
  #meta_outer.en #meta ul#target li a:hover {
    color: #12a0c5;
    background-color: #fff
  }
  #meta_outer.en #meta ul#link li {
    width: 100%
  }
  #meta_outer.en #meta ul#link li a {
    text-align: left
  }
}

#header_outer {
  position: relative;
  z-index: 100;
  background-color: #fff
}

#header_outer #header {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px 5px;
  overflow: hidden
}

#header_outer #header h1 {
  float: left
}

#header_outer #header h1 a {
  width: 180px;
  height: 38px;
  display: block;
  background-image: url('../images/common.png');
  background-repeat: no-repeat;
  background-position: 0 -264px;
  text-indent: -30000px;
  background-size: 420px auto
}

#header_outer #header h1 a:hover {
  opacity: .6;
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear
}

#header_outer #header h1#sitetitle_en a {
  width: 250px;
  height: 38px;
  display: block;
  background-image: url('../images/common.png');
  background-repeat: no-repeat;
  background-position: 0 -303px;
  text-indent: -30000px;
  background-size: 420px auto
}

#header_outer #header .mark {
  float: left;
  margin: 0 0 0 15px;
  padding: 5px 8px;
  font-size: 81.25%;
  font-weight: bold;
  border: 1px solid #ddd
}

#header_outer #header #headnav {
  float: right
}

#header_outer #header #headnav #search {
  clear: both;
  float: left;
  position: relative;
  border-radius: 12px;
  height: 24px;
  overflow: hidden
}

body.en #header_outer #header #headnav #search {
  float: right
}

#header_outer #header #headnav #search:before {
  position: absolute;
  top: 3px;
  left: 9px;
  content: "\f002";
  font-family: FontAwesome;
  color: #ccc;
  display: block
}

#header_outer #header #headnav #search script {
  display: none
}

#header_outer #header #headnav #search>div {
  margin: auto
}

#header_outer #header #headnav #search input {
  height: 24px;
  box-sizing: border-box;
  -webkit-appearance: none
}

#header_outer #header #headnav #search input[type="text"] {
  float: left;
  width: 100px;
  padding: 0 12px;
  border: 1px solid #ddd;
  border-radius: 12px 0 0 12px;
  outline: none;
  background: none !important;
  transition: width 0.5s 0
}

#header_outer #header #headnav #search input[type="text"]:hover {
  position: relative;
  z-index: 1000
}

#header_outer #header #headnav #search input[type="text"]:focus {
  width: 200px;
  position: relative;
  z-index: 1000;
  background-color: #ffe !important
}

#header_outer #header #headnav #search input[type="submit"], #header_outer #header #headnav #search input[type="button"] {
  float: left;
  width: 45px;
  margin: 0 0 0 -2px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 16px;
  background-color: #4dbaeb;
  border: none;
  border-radius: 0 12px 12px 0
}

body.en #header_outer #header #headnav #search input[type="submit"], body.en #header_outer #header #headnav #search input[type="button"] {
  width: 65px
}

#header_outer #header #headnav #search input[type="submit"]:hover, #header_outer #header #headnav #search input[type="button"]:hover {
  background-color: #3a6eb6
}

#header_outer #header #headnav #search .gsc-search-button {
  width: auto
}

#header_outer #header #headnav #search .gsc-input {
  padding: 0
}

#header_outer #header #headnav #search .gsc-clear-button {
  display: none
}

#header_outer #header #headnav ul {
  float: right;
  padding: 0 0 8px
}

#header_outer #header #headnav ul li {
  float: left;
  margin: 0 0 0 5px
}

#header_outer #header #headnav ul li a {
  padding: 0 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 62.5%;
  font-weight: bold;
  color: #fff;
  line-height: 20px;
  background-color: #3a6eb6;
  border-radius: 10px;
  text-decoration: none
}

#header_outer #header #headnav ul li a:before {
  margin: 0 3px 0 0;
  font-family: FontAwesome
}

#header_outer #header #headnav ul li a:hover {
  background-color: #ccc
}

#header_outer #header #headnav ul li#nav_home a:before {
  content: '\f015'
}

#header_outer #header #headnav ul li#nav_access a:before {
  content: '\f041'
}

#header_outer #header #headnav ul li#nav_contact a:before {
  content: '\f0e0'
}

#header_outer #header #headnav ul li#nav_sitemap a:before {
  content: '\f0e8'
}

#header_outer #header #headnav p {
  float: left;
  margin: 0 2px 0 10px;
  padding: 0 0 0 10px;
  font-size: 62.5%;
  font-weight: bold;
  line-height: 24px;
  border-left: 1px solid #ddd
}

#header_outer #header #headnav #size {
  padding: 2px 0
}

#header_outer #header #headnav #size li {
  width: 4em;
  font-size: 68.75%;
  line-height: 20px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer
}

#header_outer #header #headnav #size li.en {
  width: 6em
}

#header_outer #header #headnav #size li:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  background-color: #ddd
}

#container.fontL #header_outer #header #headnav #size li.sizeL, #container.fontM #header_outer #header #headnav #size li.sizeM, #container.fontS #header_outer #header #headnav #size li.sizeS {
  background-color: #ccdbdf
}

#header_outer #header #navbtn, #header_outer #header #searchbtn, #header_outer #header #langbtn {
  display: none
}

@media screen and (max-width: 735px) {
  #header_outer {
    position: fixed;
    width: 100%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2)
  }
  #header_outer #header {
    height: 44px;
    padding: 0;
    overflow: hidden
  }
  #header_outer #header h1 {
    float: none;
    width: 150px;
    margin: 0 auto;
    padding: 8px 0
  }
  #header_outer #header h1 a {
    width: 150px;
    height: 28px;
    display: block;
    background-image: url('../images/common.png');
    background-repeat: no-repeat;
    background-position: 0 -342px;
    text-indent: -30000px;
    background-size: 420px auto
  }
  #header_outer #header h1#sitetitle_en a {
    width: 166px;
    height: 28px;
    display: block;
    background-image: url('../images/common.png');
    background-repeat: no-repeat;
    background-position: 0 -371px;
    text-indent: -30000px;
    background-size: 420px auto
  }
  #header_outer #header #headnav {
    display: none
  }
  #header_outer #header #navbtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    display: block;
    background-image: url('../images/common.png');
    background-repeat: no-repeat;
    background-position: 0 -198px;
    text-indent: -30000px;
    background-size: 420px auto
  }
  #header_outer #header #navbtn.active {
    width: 44px;
    height: 44px;
    display: block;
    background-image: url('../images/common.png');
    background-repeat: no-repeat;
    background-position: 0 -111px;
    text-indent: -30000px;
    background-size: 420px auto
  }
  #header_outer #header #searchbtn {
    position: absolute;
    top: 12px;
    right: 40px;
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('../images/common.png');
    background-repeat: no-repeat;
    background-position: 0 -243px;
    text-indent: -30000px;
    background-size: 420px auto
  }
  #header_outer #header #searchbtn.active {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('../images/common.png');
    background-repeat: no-repeat;
    background-position: 0 -156px;
    text-indent: -30000px;
    background-size: 420px auto
  }
  #header_outer #header #langbtn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('../images/common.png');
    background-repeat: no-repeat;
    background-position: 0 -177px;
    text-indent: -30000px;
    background-size: 420px auto
  }
  #header_outer #header #langbtn.active {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('../images/common.png');
    background-repeat: no-repeat;
    background-position: 0 -156px;
    text-indent: -30000px;
    background-size: 420px auto
  }
}

#nav {
  position: relative;
  z-index: 100;
  background-color: #003346
}

#nav ul {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -.25em;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  box-sizing: border-box
}

#nav ul li {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal
}

#nav ul li:last-child a {
  border: none
}

#nav ul li a {
  padding: 4px 0;
  display: block;
  font-size: 75%;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-decoration: none;
  border-right: 1px solid #999;
  box-sizing: border-box
}

#nav ul li a:hover {
  color: #fff;
  background-color: #005d7c
}

body#prospective:not(.en) #nav ul li#nav01 a, body#students:not(.en) #nav ul li#nav02 a, body#graduate:not(.en) #nav ul li#nav03 a, body#company:not(.en) #nav ul li#nav04 a {
  color: #fff;
  background-color: #005d7c
}

#nav.en ul li {
  width: 20%
}

body#aboutus #nav.en ul li#nav01 a, body#prospective #nav.en ul li#nav02 a, body#undergraduate #nav.en ul li#nav03 a, body#graduate #nav.en ul li#nav04 a, body#international #nav.en ul li#nav05 a, body.aboutus #nav.en ul li#nav01 a, body.prospective #nav.en ul li#nav02 a, body.undergraduate #nav.en ul li#nav03 a, body.graduate #nav.en ul li#nav04 a, body.international #nav.en ul li#nav05 a {
  color: #fff;
  background-color: #4dbaeb
}

@media screen and (max-width: 735px) {
  #nav {
    display: none;
    position: fixed;
    top: 44px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9)
  }
  #nav ul {
    width: 100%;
    border-top: 1px solid #ddd
  }
  #nav ul li {
    width: 100%;
    display: block;
    text-align: left;
    border-bottom: 1px solid #ddd
  }
  #nav ul li a {
    position: relative;
    padding: 12px 20px;
    display: block;
    font-size: 81.25%
  }
  #nav ul li a:before {
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -6px 0 0;
    content: '\f105';
    font-family: FontAwesome;
    line-height: 1
  }
  #nav ul li a:hover {
    color: #fff;
    background-color: #eb008e
  }
}

#nav2 {
  position: relative;
  z-index: 100;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(#ffffff, #eeeeee);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff
}

#nav2 ul {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -.25em;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
  overflow: hidden
}

#nav2 ul li {
  width: 12.5%;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  vertical-align: middle
}

#nav2 ul li:last-child a {
  border: none
}

#nav2 ul li a {
  width: 100%;
  display: block;
  font-size: 87.5%;
  font-weight: bold;
  color: #000;
  line-height: 1.4;
  text-decoration: none;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
  display: table
}

#nav2 ul li a:hover {
  color: #fff;
  background-color: #005d7c
}

#nav2 ul li a span {
  padding: 16px 10px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none !important
}

body.about #nav2 ul li#nav2_01 a, body.department #nav2 ul li#nav2_02 a, body.education #nav2 ul li#nav2_03 a, body.campuslife #nav2 ul li#nav2_04 a, body.exchange #nav2 ul li#nav2_05 a, body.career #nav2 ul li#nav2_06 a, body.research #nav2 ul li#nav2_07 a, body.admission #nav2 ul li#nav2_08 a {
  color: #fff;
  background-color: #005d7c
}

#nav2.en {
  border-top: 1px solid #ddd
}

#nav2.en ul {
  letter-spacing: -.27em
}

#nav2.en ul li {
  width: 20%
}

body#aboutus #nav2.en ul li#nav01 a, body#prospective #nav2.en ul li#nav02 a, body.departments#ee #nav2.en ul li#nav02 a, body.departments#ii #nav2.en ul li#nav02 a, body.departments#mi #nav2.en ul li#nav02 a, body.departments#ps #nav2.en ul li#nav02 a, body.departments#ec #nav2.en ul li#nav02 a, body.departments#ms #nav2.en ul li#nav02 a, body.programs_courses#ee #nav2.en ul li#nav03 a, body.programs_courses#ii #nav2.en ul li#nav03 a, body.programs_courses#mi #nav2.en ul li#nav03 a, body.programs_courses#ps #nav2.en ul li#nav03 a, body.programs_courses#ec #nav2.en ul li#nav03 a, body.programs_courses#ms #nav2.en ul li#nav03 a, body#undergraduate #nav2.en ul li#nav03 a, body#graduate #nav2.en ul li#nav04 a, body#international #nav2.en ul li#nav05 a, body.aboutus #nav2.en ul li#nav01 a, body.prospective #nav2.en ul li#nav02 a, body.undergraduate #nav2.en ul li#nav03 a, body.graduate #nav2.en ul li#nav04 a, body.international #nav2.en ul li#nav05 a {
  color: #fff;
  background-color: #005d7c
}

@media screen and (max-width: 735px) {
  #nav2 {
    display: none;
    position: fixed;
    top: 44px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9)
  }
  #nav2 ul {
    width: 100%;
    border-top: 1px solid #ddd
  }
  #nav2 ul li {
    width: 100%;
    display: block;
    text-align: left;
    border-bottom: 1px solid #ddd
  }
  #nav2 ul li a {
    position: relative;
    padding: 12px 20px;
    display: block;
    font-size: 81.25%
  }
  #nav2 ul li a:before {
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -6px 0 0;
    content: '\f105';
    font-family: FontAwesome;
    line-height: 1
  }
  #nav2 ul li a:hover {
    color: #fff;
    background-color: #eb008e
  }
}

#contents_outer {
  overflow: hidden
}

#contents_outer #contents {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 20px 20px;
  overflow: hidden
}

body#students.page-template-page_student #contents_outer {
  position: relative;
  background-color: #fff
}

body#students.page-template-page_student #contents_outer #topicpath {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%
}

body#students.page-template-page_student #contents_outer #contents {
  max-width: 100%;
  padding: 0
}

body#prospective.page-template-page_index #contents_outer {
  position: relative;
  background-color: #fff
}

body#prospective.page-template-page_index #contents_outer #topicpath {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%
}

body#prospective.page-template-page_index #contents_outer #contents {
  max-width: 100%;
  padding: 0
}

body#students.page-template-page_index #contents_outer {
  position: relative;
  background-color: #fff
}

body#students.page-template-page_index #contents_outer #topicpath {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%
}

body#students.page-template-page_index #contents_outer #contents {
  max-width: 100%;
  padding: 0
}

body#graduate.page-template-page_index #contents_outer {
  position: relative;
  background-color: #fff
}

body#graduate.page-template-page_index #contents_outer #topicpath {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%
}

body#graduate.page-template-page_index #contents_outer #contents {
  max-width: 100%;
  padding: 0
}

body#company.page-template-page_index #contents_outer {
  position: relative;
  background-color: #fff
}

body#company.page-template-page_index #contents_outer #topicpath {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%
}

body#company.page-template-page_index #contents_outer #contents {
  max-width: 100%;
  padding: 0
}

body:not(.en) #contents_outer.about {
  background-image: url('../images/cat_about.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.about {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body:not(.en) #contents_outer.alumni {
  background-image: url('../images/cat_alumni.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.alumni {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body:not(.en) #contents_outer.course {
  background-image: url('../images/cat_course.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.course {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body:not(.en) #contents_outer.department {
  background-image: url('../images/cat_department.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.department {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body:not(.en) #contents_outer.education {
  background-image: url('../images/cat_education.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.education {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body:not(.en) #contents_outer.graduate_school {
  background-image: url('../images/cat_graduate_school.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.graduate_school {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body:not(.en) #contents_outer.campuslife {
  background-image: url('../images/cat_campuslife.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.campuslife {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body:not(.en) #contents_outer.exchange {
  background-image: url('../images/cat_exchange.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.exchange {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body:not(.en) #contents_outer.career {
  background-image: url('../images/cat_career.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.career {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body:not(.en) #contents_outer.research {
  background-image: url('../images/cat_research.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.research {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body:not(.en) #contents_outer.program {
  background-image: url('../images/cat_program.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.program {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body:not(.en) #contents_outer.employment {
  background-image: url('../images/cat_employment.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.employment {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body:not(.en) #contents_outer.admission {
  background-image: url('../images/cat_admission.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.admission {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body:not(.en) #contents_outer.aboutsite {
  background-image: url('../images/cat_aboutsite.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body:not(.en) #contents_outer.aboutsite {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body.en #contents_outer.aboutus {
  background-image: url('../images/cat_en_aboutus.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body.en #contents_outer.aboutus {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body.en #contents_outer.prospective {
  background-image: url('../images/cat_en_prospective.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body.en #contents_outer.prospective {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body.en #contents_outer.undergraduate {
  background-image: url('../images/cat_en_undergraduate.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body.en #contents_outer.undergraduate {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body.en #contents_outer.graduate {
  background-image: url('../images/cat_en_graduate.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body.en #contents_outer.graduate {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body.en #contents_outer.international {
  background-image: url('../images/cat_en_international.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body.en #contents_outer.international {
    background-size: auto 100px;
    background-position: center 44px
  }
}

body.en #contents_outer.aboutsite {
  background-image: url('../images/cat_en_aboutsite.jpg');
  background-size: auto 300px;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (max-width: 735px) {
  body.en #contents_outer.aboutsite {
    background-size: auto 100px;
    background-position: center 44px
  }
}

@media screen and (max-width: 735px) {
  #contents_outer #contents {
    padding: 0
  }
}

#topicpath {
  margin: 0 0 5px;
  padding: 10px 0;
  background-color: rgba(255, 255, 255, 0.5)
}

#topicpath p {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  font-size: 75%;
  color: #666
}

@media screen and (max-width: 735px) {
  #topicpath {
    display: none
  }
}

#pagetop {
  position: fixed;
  bottom: 40px;
  right: 0
}

#pagetop a {
  padding: 8px 12px;
  font-size: 75%;
  color: #fff;
  background-color: #666
}

#footer_outer {
  padding: 20px 20px 0;
  background-color: #4dbaeb
}

#footer_outer #footer {
  max-width: 1200px;
  margin: 0 auto
}

#footer_outer #footer #footnav h2 {
  margin: 0 0 8px;
  font-size: 87.5%;
  font-weight: bold;
  color: #fff;
  line-height: 1.2
}

#footer_outer #footer #footnav ul {
  margin: 0 0 15px 12px
}

#footer_outer #footer #footnav ul li a {
  position: relative;
  margin: 0 0 3px;
  padding: 0 16px 0 0;
  font-size: 68.75%;
  color: #000;
  line-height: 1.4
}

#footer_outer #footer #footnav ul li a:hover {
  color: #3a6eb6
}

#footer_outer #footer #footnav ul li a[target="_blank"]:after {
  margin: -5px 0 0 5px;
  content: '\f08e';
  font-family: FontAwesome;
  font-size: 10px;
  color: #666;
  line-height: 1
}

#footer_outer #footer #footnav ul li ul {
  margin: 0 0 0 12px
}

#footer_outer #footer #footlink {
  padding: 12px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center
}

#footer_outer #footer #footlink li {
  display: inline-block;
  vertical-align: middle
}

#footer_outer #footer #footlink li a {
  padding: 0 12px;
  display: inline-block;
  vertical-align: middle;
  font-size: 68.75%;
  color: #000;
  line-height: 1.5
}

#footer_outer #footer #footlink li a:hover {
  color: #3a6eb6
}

#footer_outer #footer #credit {
  padding: 30px 0;
  text-align: center
}

#footer_outer #footer #credit .credit {
  margin: 0 0 8px;
  font-size: 125%;
  font-weight: bold
}

#footer_outer #footer #credit address {
  font-size: 75%;
  line-height: 1.5
}

#footer_outer #footer #credit address span {
  padding: 0 8px
}

#footer_outer #footer #credit address span a {
  color: #000
}

#footer_outer #footer #copyright {
  padding: 0 0 20px;
  font-size: 68.75%;
  color: #666;
  text-align: center
}

@media screen and (max-width: 735px) {
  #footer_outer {
    padding: 0
  }
  #footer_outer #footer #footnav .column5 {
    padding: 0 !important
  }
  #footer_outer #footer #footnav h2 {
    position: relative;
    margin: 0;
    padding: 0 20px;
    font-size: 75%;
    line-height: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer
  }
  #footer_outer #footer #footnav h2:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -6px 0 0;
    content: '\f107';
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 1
  }
  #footer_outer #footer #footnav h2.active:after {
    content: '\f106'
  }
  #footer_outer #footer #footnav ul {
    display: none;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.1)
  }
  #footer_outer #footer #footnav ul li a {
    position: relative;
    padding: 0 20px;
    display: block;
    line-height: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.1)
  }
  #footer_outer #footer #footnav ul li a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -5px 0 0;
    content: '\f105';
    font-family: FontAwesome;
    font-size: 10px;
    line-height: 1
  }
  #footer_outer #footer #footnav ul li a[target="_blank"]:after {
    content: '\f08e'
  }
  #footer_outer #footer #footlink {
    padding: 8px 0
  }
  #footer_outer #footer #credit {
    padding: 15px 0
  }
  #footer_outer #footer #credit .credit.en {
    font-size: 87.5%;
    line-height: 1.4
  }
  #footer_outer #footer #credit address span {
    padding: 0
  }
  #footer_outer #footer #credit address span.phone, #footer_outer #footer #credit address span.mail {
    display: block
  }
  #footer_outer #footer #copyright {
    font-size: 6px
  }
}

.indextitle {
  position: relative;
  min-height: 350px;
  text-align: center
}

.indextitle>img {
  max-height: 500px;
  min-height: 350px
}

@media screen and (max-width: 1400px) {
  .indextitle>img {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -700px;
    max-width: 1400px;
    max-height: 350px;
    width: 1400px;
    height: 350px
  }
}

@media screen and (max-width: 735px) {
  .indextitle {
    min-height: 1px;
    padding: 44px 0 0
  }
  .indextitle>img {
    position: static;
    top: 0;
    min-height: 1px;
    width: 100%;
    height: auto;
    margin: 0
  }
}

.listtitle {
  margin: 0 0 30px
}

.listtitle h1 {
  position: relative;
  width: 260px;
  height: 240px;
  display: block;
  color: #fff;
  text-align: center;
  background-color: #12a0c5;
  opacity: .9
}

.listtitle h1>span {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 67px;
  margin: auto;
  display: block
}

body#prospective .listtitle h1>span, body#students .listtitle h1>span, body#graduate .listtitle h1>span, body#company .listtitle h1>span, body#career .listtitle h1>span, body#research .listtitle h1>span, body#aboutsite .listtitle h1>span {
  height: 109px
}

.listtitle h1>span.en {
  height: 42px
}

body#prospective .listtitle h1>span.en {
  font-size: 92%;
  height: 126px
}

body#graduate .listtitle h1>span.en {
  height: 42px
}

body#international .listtitle h1>span.en {
  height: 84px
}

.listtitle h1>span span {
  padding: 0 20px;
  display: block
}

.listtitle h1>span span.catname_ja {
  margin: 0 0 12px;
  font-size: 220%;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -.07em
}

.listtitle h1>span span.catname_en {
  font-family: "Noto Sans", sans-serif;
  font-size: 81.25%
}

.listtitle h1>span span.catname_l {
  font-size: 220%;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -.04em
}

.indextitle .listtitle {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 100%;
  height: 260px;
  margin: -130px 0 0
}

.indextitle .listtitle>div {
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (max-width: 735px) {
  .indextitle .listtitle {
    position: static;
    top: 0;
    left: 0;
    height: auto !important;
    margin: 0;
    padding: 0
  }
  .indextitle .listtitle>div {
    padding: 0
  }
  .indextitle .listtitle>div h1 {
    color: #000;
    background-color: #fff
  }
}

@media screen and (max-width: 735px) {
  .listtitle {
    margin: 0 0 20px;
    padding: 144px 0 0
  }
  .listtitle h1 {
    position: static;
    width: 100%;
    height: auto;
    opacity: .9
  }
  .listtitle h1>span {
    position: static;
    width: 100%;
    height: auto !important;
    padding: 10px 0 15px
  }
  .listtitle h1>span span.catname_ja {
    margin: 0 0 5px;
    font-size: 180%
  }
  .listtitle h1>span span.catname_l {
    font-size: 180%
  }
}

.listbody .articlelist {
  position: relative;
  display: block;
  border: 1px solid #fff;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px
}

.listbody .articlelist:hover {
  text-decoration: none;
  background-color: #f9f9f9;
  border: 1px solid #ccc
}

.listbody .articlelist h2 {
  position: relative;
  padding: 12px 40px 12px 30px;
  font-size: 100%;
  font-weight: 500;
  color: #000;
  line-height: 1.4
}

.listbody .articlelist h2:before {
  position: absolute;
  top: 16px;
  left: 14px;
  content: '';
  width: 6px;
  height: 1em;
  display: block;
  background-color: #12a0c5;
  border-radius: 3px
}

.listbody .articlelist h2:after {
  position: absolute;
  content: '\f105';
  top: 50%;
  right: 20px;
  margin: -8px 0 0;
  font-family: FontAwesome;
  font-size: 16px;
  color: #999;
  line-height: 1
}

.listbody .articlelist[target="_blank"] h2:after {
  content: '\f08e';
  margin: -7px 0 0;
  font-size: 14px
}

.listbody .articlelist[href="*.pdf"] h2:after {
  content: '\f016';
  margin: -7px 0 0;
  font-size: 14px
}

.listbody .articlelist div {
  border-top: 1px solid #ddd;
  padding: 12px 30px 20px
}

.listbody .articlelist p {
  font-size: 75%;
  color: #555;
  line-height: 1.5
}

@media screen and (max-width: 735px) {
  .listbody {
    padding: 0 20px 20px
  }
  .listbody h2 {
    font-size: 100%
  }
}

#article_outer {
  float: left;
  width: 100%;
  margin: 0 -280px 20px 0
}

#article_outer #article {
  margin: 0 280px 0 0
}

@media screen and (max-width: 735px) {
  #article_outer {
    float: none;
    margin: 0
  }
  #article_outer #article {
    margin: 0
  }
}

#aside {
  float: right;
  width: 250px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2)
}

#aside h2 a {
  position: relative;
  height: 250px;
  display: block;
  color: #fff;
  text-align: center;
  background-color: #12a0c5
}

#aside h2 a>span {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  margin: auto;
  display: block;
  text-decoration: none !important
}

#aside h2 a>span.en {
  height: 36px
}

body#ee.en.departments #aside h2 a>span.en, body#ii.en.departments #aside h2 a>span.en, body#mi.en.departments #aside h2 a>span.en, body#ps.en.departments #aside h2 a>span.en, body#ec.en.departments #aside h2 a>span.en, body#ms.en.departments #aside h2 a>span.en, body.prospective #aside h2 a>span.en {
  height: 108px
}

body.international #aside h2 a>span.en {
  height: 72px
}

#aside h2 a>span span {
  padding: 0 20px;
  display: block;
  text-decoration: none !important
}

#aside h2 a>span span.catname_ja {
  font-size: 150%;
  line-height: 1.5;
  letter-spacing: -.07em
}

#aside h2 a>span span.catname_en {
  font-family: "Noto Sans", sans-serif;
  font-size: 81.25%
}

#aside h2 a>span span.catname_l {
  font-size: 150%;
  line-height: 1.5
}

#aside h2 a:hover {
  opacity: .6
}

#aside h3 {
  padding: 12px 20px;
  font-size: 87.5%;
  font-weight: bold;
  background-color: #fff
}

#aside ul {
  background-color: #fff
}

#aside ul li a {
  position: relative;
  padding: 12px 20px;
  display: block;
  font-size: 75%;
  color: #000;
  line-height: 1.6
}

#aside ul li a span.tosite {
  display: block;
  font-size: 80%;
  color: #666;
  text-decoration: none !important
}

#aside ul li a:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin: -6px 0 0;
  content: '\f105';
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 1
}

#aside ul li a.current, #aside ul li a:hover {
  background-color: #c6e7f0
}

#aside ul li a:hover {
  background-color: #eee
}

#aside ul li a[target="_blank"]:before {
  content: '\f08e'
}

#aside ul li a[href="*.pdf"]:before {
  content: '\f016'
}

#aside ul li ul li a {
  padding: 12px 20px 12px 34px
}

#aside ul li ul li ul li a {
  padding: 8px 20px 8px 48px
}

@media screen and (max-width: 735px) {
  #aside {
    float: none;
    width: 100%
  }
  #aside h2 a {
    padding: 20px;
    height: auto
  }
  #aside h2 a>span {
    position: static;
    height: auto !important
  }
  #aside h2 a>span span.catname_ja {
    font-size: 125%
  }
  #aside h2 a>span span.catname_en {
    font-size: 75%
  }
  #aside h2 a>span span.catname_l {
    font-size: 100%;
    line-height: 1.5
  }
}

.article {
  padding: 30px 50px 50px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2)
}

@media screen and (max-width: 735px) {
  .article {
    padding: 20px
  }
}

.pagetitle {
  margin: -30px -50px 30px;
  padding: 30px 50px;
  background-color: #eff3f4;
  background-size: auto 100%;
  background-position: right top;
  background-repeat: no-repeat;
  border-top: 3px solid #4dbaeb;
  border-bottom: 1px solid #ddd
}

body.about .pagetitle {
  background-image: url('../images/cat_about.png')
}

body.alumni .pagetitle {
  background-image: url('../images/cat_alumni.png')
}

body.course .pagetitle {
  background-image: url('../images/cat_course.png')
}

body.department .pagetitle {
  background-image: url('../images/cat_department.png')
}

body.education .pagetitle {
  background-image: url('../images/cat_education.png')
}

body.graduate_school .pagetitle {
  background-image: url('../images/cat_graduate_school.png')
}

body.campuslife .pagetitle {
  background-image: url('../images/cat_campuslife.png')
}

body.exchange .pagetitle {
  background-image: url('../images/cat_exchange.png')
}

body.career .pagetitle {
  background-image: url('../images/cat_career.png')
}

body.research .pagetitle {
  background-image: url('../images/cat_research.png')
}

body.program .pagetitle {
  background-image: url('../images/cat_program.png')
}

body.employment .pagetitle {
  background-image: url('../images/cat_employment.png')
}

body.admission .pagetitle {
  background-image: url('../images/cat_admission.png')
}

body.aboutsite .pagetitle {
  background-image: url('../images/cat_aboutsite.png')
}

body.en.aboutus .pagetitle {
  background-image: url('../images/cat_en_aboutus.png')
}

body.en.prospective .pagetitle {
  background-image: url('../images/cat_en_prospective.png')
}

body.en.undergraduate .pagetitle {
  background-image: url('../images/cat_en_undergraduate.png')
}

body.en.graduate .pagetitle {
  background-image: url('../images/cat_en_graduate.png')
}

body.en.international .pagetitle {
  background-image: url('../images/cat_en_international.png')
}

body.en.aboutsite .pagetitle {
  background-image: url('../images/cat_en_aboutsite.png')
}

.pagetitle h1 {
  clear: both;
  position: relative;
  font-size: 125%;
  line-height: 1.5
}

@media screen and (max-width: 735px) {
  .pagetitle {
    margin: -20px -20px 20px;
    padding: 46px 0 0;
    background: #eff3f4 !important
  }
  .pagetitle h1 {
    padding: 20px;
    font-size: 100%
  }
}

.pagebody a[target="_blank"]:not(.addIconPdf):not(.addIconXls):not(.addIconDoc):after {
  margin: -6px 5px 0 5px;
  content: '\f08e';
  font-family: FontAwesome;
  font-size: 12px;
  color: #666;
  line-height: 1
}

.pagebody h2 {
  clear: both;
  position: relative;
  margin: 30px 0 20px -14px;
  padding: 13px 20px 13px 30px;
  font-size: 125%;
  font-weight: bold;
  line-height: 1.2;
  background-color: #f3f0e5;
  border: none;
  border-radius: 4px
}

.pagebody h2:before {
  position: absolute;
  top: 15px;
  left: 12px;
  content: '';
  width: 6px;
  height: 1em;
  display: block;
  background-color: #76722d;
  border-radius: 3px
}

.pagebody h2.paneltitle {
  margin: 0 0 20px;
  color: #fff;
  background-color: #c00
}

.pagebody h2.paneltitle:before {
  background-color: #fff
}

.pagebody h2 span.small {
  font-size: 80%
}

.pagebody h2 strong {
  color: #c00
}

.pagebody h2.headline {
  clear: both;
  position: relative;
  margin: 30px 0 20px -14px;
  padding: 0 0 12px 14px;
  font-size: 125%;
  font-weight: bold;
  line-height: 1.2;
  border: none;
  border-bottom: 1px solid #ddd;
  background: none;
  border-radius: 0;
  overflow: hidden
}

.pagebody h2.headline:before {
  position: absolute;
  top: .1em;
  left: 0;
  content: '';
  width: 6px;
  height: 1em;
  display: block;
  background-color: #12a0c5;
  border-radius: 3px
}

.pagebody h2.headline.subject1 {
  margin: 12px 0;
  color: #a44394
}

.pagebody h2.headline.subject1:before {
  background-color: #a44394
}

.pagebody h2.headline.subject1 a {
  color: #a44394
}

.pagebody h2.headline.subject1 a:hover {
  opacity: .8
}

.pagebody h2.headline.subject2 {
  margin: 12px 0;
  color: #2062af
}

.pagebody h2.headline.subject2:before {
  background-color: #2062af
}

.pagebody h2.headline.subject2 a {
  color: #2062af
}

.pagebody h2.headline.subject2 a:hover {
  opacity: .8
}

.pagebody h2.headline.subject3 {
  margin: 12px 0;
  color: #12a790
}

.pagebody h2.headline.subject3:before {
  background-color: #12a790
}

.pagebody h2.headline.subject3 a {
  color: #12a790
}

.pagebody h2.headline.subject3 a:hover {
  opacity: .8
}

.pagebody h2.headline.subject4 {
  margin: 12px 0;
  color: #63b72f
}

.pagebody h2.headline.subject4:before {
  background-color: #63b72f
}

.pagebody h2.headline.subject4 a {
  color: #63b72f
}

.pagebody h2.headline.subject4 a:hover {
  opacity: .8
}

.pagebody h2.headline.subject5 {
  margin: 12px 0;
  color: #e3b116
}

.pagebody h2.headline.subject5:before {
  background-color: #e3b116
}

.pagebody h2.headline.subject5 a {
  color: #e3b116
}

.pagebody h2.headline.subject5 a:hover {
  opacity: .8
}

.pagebody h2.headline.subject6 {
  margin: 12px 0;
  color: #e84133
}

.pagebody h2.headline.subject6:before {
  background-color: #e84133
}

.pagebody h2.headline.subject6 a {
  color: #e84133
}

.pagebody h2.headline.subject6 a:hover {
  opacity: .8
}

.pagebody h2.headline a {
  position: relative;
  padding: 0 20px 0 0;
  display: block
}

.pagebody h2.headline a:before {
  position: absolute;
  content: '\f105';
  top: .3em;
  right: 10px;
  font-family: FontAwesome;
  font-size: 12px;
  color: #999;
  line-height: 1
}

.pagebody h2.leads {
  margin: 0 0 12px;
  padding: 0 0 12px;
  font-size: 100%;
  border-bottom: 1px solid #ddd;
  background: none
}

.pagebody h2.leads:before {
  display: none
}

.pagebody h2.profile {
  margin: 0 0 12px;
  padding: 12px 0 0 14px;
  font-size: 100%;
  border: none;
  border-top: 1px solid #ddd
}

.pagebody h2.profile:before {
  top: 14px
}

.pagebody .column h2, .pagebody #tabs h2 {
  margin-left: 0
}

.pagebody h3 {
  margin: 20px 0 8px;
  padding: 8px 12px;
  font-size: 100%;
  font-weight: bold;
  color: #346171;
  line-height: 1.5;
  border: 1px solid #346171;
  border-radius: 4px
}

.pagebody h3.subject1 {
  position: relative;
  margin: 20px 0 8px;
  padding: 0 0 0 1.2em !important;
  border: none;
  color: #a44394
}

.pagebody h3.subject1:before {
  position: absolute;
  top: .3em;
  left: 0;
  width: 1em;
  height: 1em;
  display: block;
  border-radius: 0.5em;
  content: '';
  background-color: #a44394
}

.pagebody h3.subject2 {
  position: relative;
  margin: 20px 0 8px;
  padding: 0 0 0 1.2em !important;
  border: none;
  color: #2062af
}

.pagebody h3.subject2:before {
  position: absolute;
  top: .3em;
  left: 0;
  width: 1em;
  height: 1em;
  display: block;
  border-radius: 0.5em;
  content: '';
  background-color: #2062af
}

.pagebody h3.subject3 {
  position: relative;
  margin: 20px 0 8px;
  padding: 0 0 0 1.2em !important;
  border: none;
  color: #12a790
}

.pagebody h3.subject3:before {
  position: absolute;
  top: .3em;
  left: 0;
  width: 1em;
  height: 1em;
  display: block;
  border-radius: 0.5em;
  content: '';
  background-color: #12a790
}

.pagebody h3.subject4 {
  position: relative;
  margin: 20px 0 8px;
  padding: 0 0 0 1.2em !important;
  border: none;
  color: #63b72f
}

.pagebody h3.subject4:before {
  position: absolute;
  top: .3em;
  left: 0;
  width: 1em;
  height: 1em;
  display: block;
  border-radius: 0.5em;
  content: '';
  background-color: #63b72f
}

.pagebody h3.subject5 {
  position: relative;
  margin: 20px 0 8px;
  padding: 0 0 0 1.2em !important;
  border: none;
  color: #e3b116
}

.pagebody h3.subject5:before {
  position: absolute;
  top: .3em;
  left: 0;
  width: 1em;
  height: 1em;
  display: block;
  border-radius: 0.5em;
  content: '';
  background-color: #e3b116
}

.pagebody h3.subject6 {
  position: relative;
  margin: 20px 0 8px;
  padding: 0 0 0 1.2em !important;
  border: none;
  color: #e84133
}

.pagebody h3.subject6:before {
  position: absolute;
  top: .3em;
  left: 0;
  width: 1em;
  height: 1em;
  display: block;
  border-radius: 0.5em;
  content: '';
  background-color: #e84133
}

.pagebody h3.noline {
  margin: 20px 0 8px;
  padding: 0;
  border: none
}

.pagebody h3.headline {
  clear: both;
  position: relative;
  margin: 20px 0 12px;
  padding: 0 0 8px 16px;
  font-size: 100%;
  color: #6a9d51;
  background: none;
  border: none;
  border-bottom: 1px solid #ddd
}

.pagebody h3.headline:before {
  position: absolute;
  top: 7px;
  left: 0;
  content: '';
  width: 12px;
  height: 12px;
  display: block;
  background-color: #7dba60;
  border-radius: 3px
}

.pagebody h3.headline_noline {
  clear: both;
  position: relative;
  margin: 20px 0 12px;
  padding: 0 0 0 16px;
  font-size: 100%;
  color: #6a9d51;
  background: none;
  border: none
}

.pagebody h3.headline_noline span {
  margin: 0 0 0 10px;
  font-size: 81.25%;
  font-weight: normal;
  color: #000
}

@media screen and (max-width: 735px) {
  .pagebody h3.headline_noline span {
    display: block
  }
}

.pagebody h3.headline_noline:before {
  position: absolute;
  top: 7px;
  left: 0;
  content: '';
  width: 12px;
  height: 12px;
  display: block;
  background-color: #7dba60;
  border-radius: 3px
}

.pagebody h3.leads {
  margin: 0 0 15px;
  padding: 5px 8px;
  font-size: 87.5%;
  color: #000;
  background-color: #efefef;
  border: none;
  border-radius: 4px
}

.pagebody h3.section {
  margin: 20px 0 12px;
  padding: 0 0 12px;
  font-size: 125%;
  font-weight: bold;
  color: #346171;
  text-align: center;
  background: none;
  border: none;
  border-bottom: 1px solid #ddd
}

.pagebody h4 {
  margin: 20px 0 8px;
  padding: 5px 8px;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.5;
  background-color: #efefef
}

.pagebody h4.leads {
  position: relative;
  margin: 0 0 12px;
  margin: 0;
  padding: 5px 8px 5px 5px;
  font-size: 87.5%;
  background: none;
  border-left: 5px solid #4dbaeb;
  background-color: #e4eced
}

.pagebody h4.leads1 {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 20px;
  font-size: 87.5%;
  color: #61603c;
  background: none;
  line-height: 1.5
}

.pagebody h4.leads1:before {
  position: absolute;
  top: 2px;
  left: 3px;
  content: '';
  width: 1em;
  height: 1em;
  margin: 2px 3px 0 0;
  display: inline-block;
  vertical-align: middle;
  background-color: #cfccac;
  border-radius: 4px
}

.pagebody h4.leads2 {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 20px;
  font-size: 87.5%;
  color: #2c515e;
  background: none;
  line-height: 1.5
}

.pagebody h4.leads2:before {
  position: absolute;
  top: 2px;
  left: 3px;
  content: '';
  width: 1em;
  height: 1em;
  margin: 2px 3px 0 0;
  display: inline-block;
  vertical-align: middle;
  background-color: #7ea0ad;
  border-radius: 4px
}

.pagebody h4.leads3 {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 20px;
  font-size: 87.5%;
  color: #704558;
  background: none;
  line-height: 1.5
}

.pagebody h4.leads3:before {
  position: absolute;
  top: 2px;
  left: 3px;
  content: '';
  width: 1em;
  height: 1em;
  margin: 2px 3px 0 0;
  display: inline-block;
  vertical-align: middle;
  background-color: #ac8996;
  border-radius: 4px
}

.pagebody h4.leads4 {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 20px;
  font-size: 87.5%;
  color: #3591d0;
  background: none;
  line-height: 1.5
}

.pagebody h4.leads4:before {
  position: absolute;
  top: 2px;
  left: 3px;
  content: '';
  width: 1em;
  height: 1em;
  margin: 2px 3px 0 0;
  display: inline-block;
  vertical-align: middle;
  background-color: #3591d0;
  border-radius: 4px
}

.pagebody h4.leads5 {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 20px;
  font-size: 87.5%;
  color: #ef8570;
  background: none;
  line-height: 1.5
}

.pagebody h4.leads5:before {
  position: absolute;
  top: 2px;
  left: 3px;
  content: '';
  width: 1em;
  height: 1em;
  margin: 2px 3px 0 0;
  display: inline-block;
  vertical-align: middle;
  background-color: #ef8570;
  border-radius: 4px
}

.pagebody h4.leads6 {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 20px;
  font-size: 87.5%;
  color: #5cb131;
  background: none;
  line-height: 1.5
}

.pagebody h4.leads6:before {
  position: absolute;
  top: 2px;
  left: 3px;
  content: '';
  width: 1em;
  height: 1em;
  margin: 2px 3px 0 0;
  display: inline-block;
  vertical-align: middle;
  background-color: #5cb131;
  border-radius: 4px
}

.pagebody h4.leads7 {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 20px;
  font-size: 87.5%;
  color: #943f93;
  background: none;
  line-height: 1.5
}

.pagebody h4.leads7:before {
  position: absolute;
  top: 2px;
  left: 3px;
  content: '';
  width: 1em;
  height: 1em;
  margin: 2px 3px 0 0;
  display: inline-block;
  vertical-align: middle;
  background-color: #943f93;
  border-radius: 4px
}

.pagebody h4.leads8 {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 20px;
  font-size: 87.5%;
  color: #9d7925;
  background: none;
  line-height: 1.5
}

.pagebody h4.leads8:before {
  position: absolute;
  top: 2px;
  left: 3px;
  content: '';
  width: 1em;
  height: 1em;
  margin: 2px 3px 0 0;
  display: inline-block;
  vertical-align: middle;
  background-color: #9d7925;
  border-radius: 4px
}

.pagebody p {
  margin: 0 0 12px;
  font-size: 81.25%;
  line-height: 1.8
}

.pagebody p strong {
  font-weight: bold;
  color: #000
}

.pagebody p strong.require {
  color: #f00
}

.pagebody p.chapter {
  position: relative;
  z-index: 2;
  margin: 10px 0;
  padding: 8px 15px;
  font-size: 125%;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  background-color: #84be41;
  border-radius: 4px
}

.pagebody p.chapter.orange {
  background-color: #f3b351
}

.pagebody p.title {
  padding: 10px 15px;
  font-size: #84be41;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  background-color: #84be41;
  border-radius: 4px
}

.pagebody p.title.subject1 {
  background-color: #a44394
}

.pagebody p.title.subject2 {
  background-color: #2062af
}

.pagebody p.title.subject3 {
  background-color: #12a790
}

.pagebody p.title.subject4 {
  background-color: #63b72f
}

.pagebody p.title.subject5 {
  background-color: #e3b116
}

.pagebody p.title.subject6 {
  background-color: #e84133
}

.pagebody p.title span {
  display: block;
  font-size: 80%
}

.pagebody p.subtitle {
  margin: 0 0 3px;
  padding: 0 8px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  color: #fff;
  background-color: #4dbaeb;
  border-radius: 4px
}

.pagebody p.headline {
  margin: 0 0 12px;
  font-size: 125%;
  font-weight: bold;
  color: #346171;
  line-height: 1.5
}

.pagebody p.headline span {
  padding: 0 8px;
  color: #fff;
  background-color: #12a0c5
}

.pagebody p.headline span.new {
  margin: 0 8px 0 0;
  background-color: #f00
}

.pagebody p.headline.subject1 {
  color: #a44394
}

.pagebody p.headline.subject2 {
  color: #2062af
}

.pagebody p.headline.subject3 {
  color: #12a790
}

.pagebody p.headline.subject4 {
  color: #63b72f
}

.pagebody p.headline.subject5 {
  color: #e3b116
}

.pagebody p.headline.subject6 {
  color: #e84133
}

.pagebody p.leads {
  margin: 0;
  font-size: 87.5%;
  font-weight: bold
}

.pagebody p.bold {
  font-weight: bold
}

.pagebody p.list {
  margin: 0 0 20px;
  font-weight: bold
}

.pagebody p.list span {
  margin: 0 3px 0 0;
  padding: 3px 5px;
  color: #fff;
  border-radius: 4px
}

.pagebody p.list.subject1 span {
  background-color: #a44394
}

.pagebody p.list.subject2 span {
  background-color: #2062af
}

.pagebody p.list.subject3 span {
  background-color: #12a790
}

.pagebody p.list.subject4 span {
  background-color: #63b72f
}

.pagebody p.list.subject5 span {
  background-color: #e3b116
}

.pagebody p.list.subject6 span {
  background-color: #e84133
}

.pagebody p.notes {
  margin: 0 0 5px;
  font-size: 75%;
  line-height: 1.5
}

.pagebody p.notes+.notes {
  margin: -5px 0 5px
}

.pagebody p.notestitle {
  margin: 8px 0 5px 5px;
  padding: 3px 5px;
  padding: 0 0 5px;
  font-size: 75%;
  font-weight: bold;
  color: #8a8654;
  line-height: 1.4;
  border-bottom: 1px solid #ddd
}

.pagebody p.caption {
  margin: 5px 0;
  font-size: 75%;
  line-height: 1.5
}

.pagebody p.date {
  padding: 8px 12px;
  background-color: #fee;
  overflow: hidden;
  border-radius: 4px
}

.pagebody p.time {
  margin: 0;
  padding: 0 0 0;
  font-size: 100%;
  font-weight: bold
}

.pagebody p.time span {
  width: 5em;
  margin: 0 1em 0 0;
  padding: 1px;
  display: inline-block;
  vertical-align: middle;
  font-size: 90%;
  color: #fff;
  text-align: center;
  background-color: #4dbaeb;
  border-radius: 4px
}

.pagebody p.time span:before {
  margin: 0 2px 0 0;
  content: '\f017';
  font-family: FontAwesome
}

.pagebody p.act {
  margin: 0 0 20px 7.2em
}

.pagebody p.btn a {
  position: relative;
  padding: 6px 30px 6px 20px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  color: #fff;
  background-color: #009fcd;
  border: 1px solid #ddd;
  border-radius: 2em
}

.pagebody p.btn a:after {
  position: absolute;
  top: 50%;
  right: 12px;
  margin: -6px 0 0;
  content: '\f105';
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 1
}

.pagebody p.btn a[target="_blank"] {
  padding: 6px 40px 6px 20px
}

.pagebody p.btn a[target="_blank"]:after {
  margin: -6px 0 0 12px;
  color: #fff !important
}

.pagebody p.btn a:hover {
  color: #009fcd;
  background-color: #fff;
  text-decoration: none !important;
  box-shadow: 1px 1px 5px -3px rgba(0, 0, 0, 0.5) inset
}

.pagebody p.btn a:hover:after {
  color: #009fcd !important
}

.pagebody p.btn.large a {
  font-size: 120%;
  border-radius: 2em
}

.pagebody p.filebtn a {
  position: relative;
  padding: 6px 40px 6px 20px !important;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  color: #fff;
  background-color: #ea8b2d;
  background-position: right 20px center !important;
  border: 1px solid #ea8b2d;
  border-radius: 2em
}

.pagebody p.filebtn a span {
  font-size: 90%;
  font-weight: normal
}

.pagebody p.filebtn a:hover {
  color: #ea8b2d;
  background-color: #fff;
  text-decoration: none !important;
  box-shadow: 1px 1px 5px -3px rgba(0, 0, 0, 0.5) inset
}

.pagebody p.filebtn a:hover:after {
  color: #009fcd !important
}

.pagebody p.step {
  position: relative;
  margin: 0;
  padding: 20px 0 0 70px;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.2
}

.pagebody p.step span {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  margin: 0 10px 0 0;
  display: block;
  font-size: 12px;
  text-align: center;
  line-height: 60px;
  background-color: #c6e7f0;
  border-radius: 30px
}

.pagebody p.sec_title {
  margin: 12px 0 !important;
  padding: 4px 20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 100%;
  font-weight: bold;
  color: #fff;
  background-color: #666
}

.pagebody p.sec_headline {
  margin: 0 0 12px !important;
  padding: 4px 12px;
  display: inline-block;
  vertical-align: middle;
  font-size: 100%;
  font-weight: bold;
  background-color: #c6e7f0
}

.pagebody p.sec_headline.opt {
  background-color: #f0bdce
}

.pagebody p.sec_opt {
  margin: 0 0 5px !important;
  padding: 4px 8px;
  display: inline-block;
  vertical-align: middle;
  font-size: 87.5%;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  background-color: #e892b4
}

.pagebody p.g_title {
  font-size: 180%;
  line-height: 1.5
}

.pagebody p.g_status {
  margin: 0 0 0 14px;
  font-size: 75%;
  line-height: 1.5
}

.pagebody p.g_name {
  margin: 0 0 0 14px;
  font-size: 125%;
  line-height: 1.5
}

.pagebody p.en-title {
  font-family: "Sumana", serif;
  font-size: 180%;
  line-height: 1.2
}

.pagebody p.en-name {
  font-family: "Sumana", serif;
  font-size: 125%;
  line-height: 1.2
}

.pagebody p.en-body {
  font-family: "Sumana", serif;
  font-size: 87.5%;
  line-height: 1.5
}

.pagebody ol {
  margin: 0 0 12px 2em;
  list-style-type: decimal
}

.pagebody ol li {
  margin: 0 0 5px;
  font-size: 81.25%;
  line-height: 1.6
}

.pagebody ol.num {
  margin: 0 0 12px;
  counter-reset: li
}

.pagebody ol.num>li {
  position: relative;
  margin: 0 0 0 1.5em;
  padding: .6em 0 0 8px;
  list-style-type: none
}

.pagebody ol.num>li strong {
  font-size: 110%
}

.pagebody ol.num>li table {
  margin: 5px 0 10px
}

.pagebody ol.num>li table th {
  position: relative;
  padding: 0 15px 0 0;
  vertical-align: top
}

.pagebody ol.num>li table th:after {
  position: absolute;
  top: 0;
  right: 3px;
  content: ':'
}

.pagebody ol.num>li h2 {
  margin-left: 0
}

.pagebody ol.num>li p {
  font-size: 1em
}

.pagebody ol.num>li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 1em;
  left: -1.6em;
  width: 1.7em;
  height: 1.7em;
  color: #fff;
  font-size: 81.25%;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
  border-radius: 1em;
  background-color: #12a0c5
}

.pagebody ol.num.subject1>li:before {
  background-color: #a44394
}

.pagebody ol.num.subject2>li:before {
  background-color: #2062af
}

.pagebody ol.num.subject3>li:before {
  background-color: #12a790
}

.pagebody ol.num.subject4>li:before {
  background-color: #63b72f
}

.pagebody ol.num.subject5>li:before {
  background-color: #e3b116
}

.pagebody ol.num.subject6>li:before {
  background-color: #e84133
}

.pagebody ol.num2 {
  margin: 0 0 12px;
  counter-reset: li
}

.pagebody ol.num2>li {
  position: relative;
  margin: 0 0 0 1.5em;
  padding: .6em 0 0 8px;
  list-style-type: none
}

.pagebody ol.num2>li:before {
  content: '';
  position: absolute;
  top: 1em;
  left: -1.6em;
  width: 1.7em;
  height: 1.7em;
  color: #fff;
  font-size: 81.25%;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
  border-radius: 1em;
  background-color: #12a0c5
}

.pagebody ol.num2.subject1>li:before {
  background-color: #a44394
}

.pagebody ol.num2.subject2>li:before {
  background-color: #2062af
}

.pagebody ol.num2.subject3>li:before {
  background-color: #12a790
}

.pagebody ol.num2.subject4>li:before {
  background-color: #63b72f
}

.pagebody ol.num2.subject5>li:before {
  background-color: #e3b116
}

.pagebody ol.num2.subject6>li:before {
  background-color: #e84133
}

.pagebody ul {
  margin: 0 0 12px 8px;
  overflow: hidden
}

.pagebody ul li {
  position: relative;
  margin: 0 0 3px;
  padding: 0 0 0 12px;
  font-size: 81.25%;
  line-height: 1.6
}

.pagebody ul li:before {
  content: '\f111';
  position: absolute;
  top: .75em;
  left: 0;
  font-family: FontAwesome;
  font-size: 8px;
  color: #ccc;
  line-height: 1
}

.pagebody ul li ul {
  margin: 3px 0 8px
}

.pagebody ul li ul li {
  font-size: 1em
}

.pagebody ul li ul li:before {
  content: '\f111';
  position: absolute;
  top: .6em;
  left: 2px;
  font-size: 8px;
  color: #ddd
}

.pagebody ul.llist li:before {
  content: '\f105';
  top: .4em;
  left: 2px;
  font-size: 12px;
  color: #999
}

.pagebody ul.notes li {
  font-size: 75%;
  line-height: 1.4
}

.pagebody ul.notes li:before {
  top: .5em
}

.pagebody ul.notes.llist li:before {
  top: .2em
}

.pagebody ul.blist {
  margin: 0
}

.pagebody ul.blist.block li {
  display: block
}

.pagebody ul.blist li {
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 75%
}

.pagebody ul.blist li:before {
  display: none
}

.pagebody ul.blist li a {
  position: relative;
  margin: 0 2px 5px 0;
  padding: 4px 20px 4px 8px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #009fcd;
  border-radius: 4px
}

.pagebody ul.blist li a:before {
  position: absolute;
  content: '\f105';
  top: 50%;
  right: 7px;
  margin: -6px 0 0;
  font-family: FontAwesome;
  font-size: 12px;
  color: #999;
  line-height: 1
}

.pagebody ul.blist li a:hover {
  color: #fff;
  background-color: #009fcd
}

.pagebody ul.blist li ul {
  margin: 5px 0 0 12px
}

.pagebody ul.tabmenu {
  margin: 0 0 30px;
  border-bottom: 1px solid #12a0c5
}

.pagebody ul.tabmenu li {
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 87.5%
}

.pagebody ul.tabmenu li:before {
  display: none
}

.pagebody ul.tabmenu li a {
  position: relative;
  margin: 0 2px 0 0;
  padding: 8px 20px 8px 12px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #009fcd;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  outline: none
}

.pagebody ul.tabmenu li a:before {
  position: absolute;
  content: '\f105';
  top: 50%;
  right: 7px;
  margin: -6px 0 0;
  font-family: FontAwesome;
  font-size: 12px;
  color: #999;
  line-height: 1
}

.pagebody ul.tabmenu li a:hover {
  color: #fff;
  background-color: #009fcd
}

.pagebody ul.tabmenu li.ui-state-active a {
  color: #fff;
  background-color: #009fcd
}

.pagebody ul table {
  margin: 5px 0 0
}

.pagebody ul table th {
  padding: 0 8px 3px 0
}

.pagebody ul table td {
  padding: 0 0 3px
}

.pagebody dl {
  padding: 0 0 8px
}

.pagebody dl dt {
  font-size: 81.25%;
  font-weight: bold;
  line-height: 1.5
}

.pagebody dl dd {
  margin: 0 0 5px 14px;
  font-size: 81.25%;
  line-height: 1.5
}

.pagebody dl.list {
  overflow: hidden
}

.pagebody dl.list dt {
  clear: left;
  float: left
}

.pagebody dl.list dt:after {
  content: ':';
  margin: 0 3px
}

.pagebody dl.list dd {
  float: left;
  margin: 0 0 5px
}

body.en .pagebody h4.leads {
  padding: 8px;
  line-height: 1.2
}

@media screen and (max-width: 735px) {
  .pagebody h2 {
    margin: 20px 0 12px;
    font-size: 100%
  }
  .pagebody h2.headline {
    margin: 20px 0 12px
  }
}

.archivetitle h1 {
  clear: both;
  margin: 10px 0 20px;
  padding: 20px;
  font-size: 125%;
  font-weight: 300;
  line-height: 1.5;
  background-color: #fff
}

@media screen and (max-width: 735px) {
  .archivetitle {
    padding: 40px 0 0
  }
}

.archivebody .entrylist {
  margin: 0 0 15px;
  padding: 10px 20px 15px;
  display: block;
  background-color: #fff;
  border: 1px solid #fff;
  overflow: hidden;
  text-decoration: none
}

.archivebody .entrylist .entryimg {
  float: left;
  width: auto;
  height: 150px;
  margin: -10px 20px -15px -20px
}

.archivebody .entrylist .entryimg img {
  width: auto !important;
  height: 150px !important
}

.archivebody .entrylist h2 {
  font-size: 87.5%;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
  overflow: hidden
}

.archivebody .entrylist .catname {
  margin: 0 5px 8px 0;
  padding: 3px 5px 5px;
  display: inline-block;
  vertical-align: middle;
  font-size: 68.75%;
  font-weight: bold;
  color: #fff;
  border-radius: 2px;
  overflow: hidden;
  vertical-align: middle
}

.archivebody .entrylist p {
  font-size: 75%;
  color: #666;
  line-height: 1.5
}

.archivebody .entrylist:hover {
  border: 1px solid #ddd;
  text-decoration: none;
  opacity: .8
}

.archivebody .entrylist:hover .entryimg {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  opacity: .8
}

@media screen and (max-width: 735px) {
  .archivebody {
    padding: 0 20px
  }
  .archivebody .entrylist .entryimg {
    height: 100px
  }
  .archivebody .entrylist .entryimg img {
    height: 100px !important
  }
  .archivebody .entrylist h2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
  }
  .archivebody .entrylist p {
    display: inline-block;
    vertical-align: middle;
    vertical-align: top
  }
}

@media screen and (max-width: 320px) {
  .archivebody {
    padding: 0 20px
  }
  .archivebody .entrylist .entryimg {
    height: 60px
  }
  .archivebody .entrylist .entryimg img {
    height: 60px !important
  }
}

table.tbl {
  width: 100%;
  margin: 5px 0 12px
}

table.tbl th {
  padding: 8px 12px;
  font-size: 81.25%;
  font-weight: bold;
  white-space: nowrap;
  line-height: 1.6;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

table.tbl th[scope="row"] {
  color: #323;
  border-right: 1px solid #ddd;
  vertical-align: top
}

table.tbl th+th {
  border-left: 1px solid #ddd
}

table.tbl td {
  padding: 5px 8px;
  font-size: 81.25%;
  line-height: 1.6;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  vertical-align: top
}

table.tbl td+td {
  border-left: 1px solid #ddd
}

table.data {
  width: 100%;
  margin: 5px 0 12px
}

table.data th {
  padding: 8px 12px;
  font-size: 81.25%;
  font-weight: bold;
  white-space: nowrap;
  line-height: 1.6;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

table.data th+th {
  border-left: 1px solid #ddd
}

table.data th[scope="col"] {
  text-align: center;
  background-color: #e2f2f7
}

table.data th[scope="row"] {
  border-right: 1px solid #ddd;
  vertical-align: top
}

table.data td {
  padding: 5px 8px;
  font-size: 81.25%;
  line-height: 1.6;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

table.data td+td {
  border-left: 1px solid #ddd
}

table.line tr:nth-child(even) th, table.line tr:nth-child(even) td {
  background-color: #f6f6f6
}

table.historytbl {
  width: 100%;
  margin: 5px 0 12px
}

table.historytbl tr:nth-child(even) th, table.historytbl tr:nth-child(even) td {
  background-color: #f6f6f6
}

table.historytbl th {
  width: 15%;
  padding: 8px 12px;
  font-size: 81.25%;
  font-weight: 600;
  white-space: nowrap;
  line-height: 1.6;
  text-align: right;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

table.historytbl th[scope="row"] {
  color: #323;
  border-right: 1px solid #ddd;
  vertical-align: top
}

table.historytbl td {
  padding: 5px 8px;
  font-size: 81.25%;
  line-height: 1.6;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

table.scheduletbl {
  width: 100%;
  margin: 5px 0 12px
}

table.scheduletbl tr:nth-child(even) th, table.scheduletbl tr:nth-child(even) td {
 /* 2018.05.18 J.M 偶数月の背景色削除 */
 /* background-color: #f6f6f6 */
}

table.scheduletbl th {
  width: 5%;
  padding: 8px 12px;
  font-size: 81.25%;
  font-weight: 600;
  white-space: nowrap;
  line-height: 1.6;
  text-align: right;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

table.scheduletbl th[scope="row"] {
  color: #323;
  border-right: 1px solid #ddd;
  vertical-align: top
}

table.scheduletbl td {
  padding: 5px 8px;
  font-size: 81.25%;
  line-height: 1.6;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

table.scheduletbl td span {
  font-size: 90%;
  color: #c33
}

table.scheduletbl td.arrow {
  background-color: #fff !important;
  background-image: url('../images/arrow_b.png'), url('../images/arrow.png');
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center bottom, center top
}

table.chart {
  width: 100%;
  border: 1px solid #ddd
}

table.chart tr:hover th[scope="row"] {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  opacity: .8
}

table.chart tr:hover td {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  background-color: #efefef
}

table.chart tr.subject1 th {
  color: #fff;
  background-color: #a44394
}

table.chart tr.subject1 td {
  color: #a44394
}

table.chart tr.subject2 th {
  color: #fff;
  background-color: #2062af
}

table.chart tr.subject2 td {
  color: #2062af
}

table.chart tr.subject3 th {
  color: #fff;
  background-color: #12a790
}

table.chart tr.subject3 td {
  color: #12a790
}

table.chart tr.subject4 th {
  color: #fff;
  background-color: #63b72f
}

table.chart tr.subject4 td {
  color: #63b72f
}

table.chart tr.subject5 th {
  color: #fff;
  background-color: #e3b116
}

table.chart tr.subject5 td {
  color: #e3b116
}

table.chart tr.subject6 th {
  color: #fff;
  background-color: #e84133
}

table.chart tr.subject6 td {
  color: #e84133
}

table.chart th {
  border: 1px solid #ddd
}

table.chart th[scope="row"] {
  padding: 5px 8px;
  font-size: 81.25%;
  font-weight: bold;
  line-height: 1.4
}

table.chart th[scope="row"] a {
  color: #fff
}

table.chart th[scope="col"] {
  padding: 8px 2px;
  vertical-align: bottom;
  text-align: center;
  background-color: #e4eced
}

table.chart th[scope="col"] .ctxt {
  width: 100%;
  max-width: 28px
}

table.chart th[scope="col"] div.title {
  width: auto;
  padding: 5px;
  font-size: 100%;
  font-weight: bold
}

table.chart th[scope="col"] div.vtxt {
  width: 1em;
  margin: 0 auto;
  padding: 10px 5px;
  font-size: 75%;
  font-weight: bold;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  white-space: nowrap
}

table.chart td {
  padding: 12px 0;
  border: 1px solid #ddd;
  font-size: 81.25%;
  text-align: center;
  vertical-align: middle
}

table.programtbl {
  width: 100%;
  margin: 0 0 20px;
  border: 1px solid #ddd
}

table.programtbl th {
  padding: 8px 3px;
  font-size: 75%;
  font-weight: bold;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle
}

table.programtbl th[scope="col"] {
  width: 19%;
  color: #fff;
  background-color: #12a0c5
}

table.programtbl th[scope="row"] {
  background-color: #eee
}

table.programtbl td {
  padding: 8px 5px;
  font-size: 75%;
  line-height: 1.4;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle
}

table.examdata {
  margin: 0 0 12px
}

table.examdata th {
  padding: 5px 8px;
  font-weight: bold;
  white-space: nowrap;
  font-size: 81.25%;
  font-weight: bold;
  text-align: left;
  line-height: 1.6;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

table.examdata th+th {
  border-left: 1px solid #ddd
}

table.examdata th[scope="col"] {
  background-color: #e2f2f7
}

table.examdata th[scope="row"] {
  border-right: 1px solid #ddd;
  background-color: #e2f2f7
}

table.examdata td {
  padding: 5px 8px 5px 30px;
  font-size: 81.25%;
  line-height: 1.6;
  text-align: right;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

table.examdata td+td {
  border-left: 1px solid #ddd
}

table.examtbl {
  width: 100%;
  margin: 0 0 12px;
  border: 1px solid #ddd
}

table.examtbl tr.section th, table.examtbl tr.section td {
  border-top: 3px double #ddd
}

table.examtbl th {
  padding: 3px 5px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  border: 1px solid #ddd
}

table.examtbl th[scope="col"] {
  font-size: 81.25%;
  background-color: #e2f2f7
}

table.examtbl th[scope="row"] {
  font-size: 100%;
  font-weight: bold;
  border-right: 1px solid #ddd
}

table.examtbl th[scope="row"].type_a {
  background-color: #abdbeb
}

table.examtbl th[scope="row"].type_b {
  background-color: #e6ea96
}

table.examtbl td {
  padding: 3px 5px;
  font-size: 81.25%;
  line-height: 1.6;
  text-align: right;
  border: 1px solid #ddd
}

body.en table.data {
  min-width: 80%;
  width: auto;
  margin: 5px auto 12px
}

body.en table.data th {
  font-weight: bold
}

@media screen and (max-width: 980px) {
  table.nowrap {
    display: block
  }
  table.nowrap tbody {
    display: block;
    overflow-x: scroll
  }
}

@media screen and (max-width: 735px) {
  table.tbl th {
    white-space: normal
  }
  table.chart th[scope="row"] {
    padding: 5px 3px;
    font-size: 75%
  }
  table.chart th[scope="col"] {
    width: 9px;
    padding: 5px 0;
    font-size: 9px
  }
  table.chart th[scope="col"] div.title {
    width: auto;
    padding: 10px 5px;
    font-size: 87.5%;
    font-weight: bold
  }
  table.chart th[scope="col"] div.vtxt {
    width: 9px;
    padding: 5px 0
  }
  table.chart td {
    font-size: 9px
  }
  table.nowrap {
    display: block
  }
  table.nowrap tbody {
    display: block;
    overflow-x: scroll
  }
  table.nowrap tbody::-webkit-scrollbar {
    height: 10px;
    height: 1rem;
    background: #F1F1F1
  }
  table.nowrap tbody::-webkit-scrollbar-thumb {
    border-radius: 12px;
    border-radius: 1.2rem;
    background: #A9A9AA
  }
  table.nowrap tbody::-webkit-scrollbar-thumb:hover {
    background: #A9A9AA
  }
}

.panel {
  padding: 15px 20px;
  margin: 0 0 12px;
  border-radius: 4px;
  background-color: #efefef;
  overflow: hidden
}

.panel h3 {
  margin-top: 0 !important
}

.panel p {
  margin-bottom: 0
}

.panel ul {
  margin: 0
}

.panel ul li {
  margin: 1.5px 0
}

.panel2 {
  padding: 15px 20px;
  margin: 0 0 12px;
  border-radius: 4px;
  background-color: #fbe7eb
}

a.panel {
  position: relative;
  padding: 15px 30px 15px 20px;
  display: block;
  border: 1px solid #efefef;
  text-decoration: none !important
}

a.panel p {
  color: #000
}

a.panel:hover {
  background-transition-property: background-color, border, color, opacity;
  background-transition-duration: .2s;
  background-transition-timing-function: linear;
  background--webkit-transition-property: background-color, border, color, opacity;
  background--webkit-transition-duration: .2s;
  background--webkit-transition-timing-function: linear;
  background-color: #fff;
  border: 1px solid #ccc
}

a.panel:after {
  position: absolute;
  content: '\f105';
  top: 50%;
  right: 20px;
  margin: -10px 0 0;
  font-family: FontAwesome;
  font-size: 20px;
  color: #999;
  line-height: 1
}

.border {
  padding: 10px 20px;
  margin: 0 0 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden
}

.border h3.leads {
  margin: 5px -8px 8px
}

.border p {
  margin-bottom: 0
}

.border .columnbox .column {
  padding: 0
}

.note {
  clear: both;
  margin: 12px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid #ddd
}

.greetings {
  margin: 0 0 20px;
  padding: 20px 0;
  border-top: 1px solid #ddd;
  border-bottom: 3px solid #12a0c5;
  overflow: hidden
}

.sign {
  margin: 0 0 15px;
  padding: 15px 5px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  overflow: hidden
}

.sign img {
  max-height: 44px
}

#topimg_outer {
  position: relative;
  width: 100%;
  overflow: hidden
}

#topimg_outer #topimg {
  position: absolute;
  z-index: 1
}

#topimg_outer #topimg #slide_content {
  margin: 0 -100%
}

#topimg_outer #topimg #slide_content .section {
  opacity: .4
}

#topimg_outer #topimg #slide_content .selected {
  opacity: 1 !important
}

#topimg_outer #slide_control {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 -100%;
  margin: 0 auto
}

#topimg_outer #slide_control:before {
  content: '';
  padding-top: 33.33333%;
  display: block
}

#topimg_outer #slide_control .topimg_prev {
  position: absolute;
  z-index: 10000;
  top: 50%;
  left: -22px;
  margin: -22px 0 0;
  width: 44px;
  height: 44px
}

#topimg_outer #slide_control .topimg_prev a {
  position: relative;
  width: 44px;
  height: 44px;
  display: block;
  text-indent: -3000px;
  text-decoration: none
}

#topimg_outer #slide_control .topimg_prev a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  display: block;
  content: '\f104';
  font-family: FontAwesome;
  color: #000;
  text-align: center;
  line-height: 44px;
  text-indent: 0;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden
}

#topimg_outer #slide_control .topimg_prev a:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  opacity: .8
}

#topimg_outer #slide_control .topimg_next {
  position: absolute;
  z-index: 10000;
  top: 50%;
  right: -22px;
  margin: -22px 0 0;
  width: 44px;
  height: 44px
}

#topimg_outer #slide_control .topimg_next a {
  position: relative;
  width: 44px;
  height: 44px;
  display: block;
  text-indent: -3000px;
  text-decoration: none
}

#topimg_outer #slide_control .topimg_next a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  display: block;
  content: '\f105';
  font-family: FontAwesome;
  color: #000;
  text-align: center;
  line-height: 44px;
  text-indent: 0;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden
}

#topimg_outer #slide_control .topimg_next a:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  opacity: .8
}

@media screen and (max-width: 1200px) {
  #topimg_outer #topimg #slide_content {
    margin: 0 auto
  }
  #topimg_outer #topimg #slide_content .section {
    opacity: 1
  }
  #topimg_outer #slide_control {
    margin: 0 auto
  }
  #topimg_outer #slide_control .topimg_prev {
    left: 0
  }
  #topimg_outer #slide_control .topimg_prev a:after {
    border-radius: 0 4px 4px 0
  }
  #topimg_outer #slide_control .topimg_next {
    right: 0
  }
  #topimg_outer #slide_control .topimg_next a:after {
    border-radius: 4px 0 0 4px
  }
}

@media screen and (max-width: 735px) {
  #topimg_outer {
    padding: 40px 0 0
  }
  #topimg_outer #slide_control:before {
    padding-top: 66.66667%
  }
  #topimg_outer #slide_control .topimg_prev {
    display: none
  }
  #topimg_outer #slide_control .topimg_next {
    display: none
  }
}

#slide_content ul li {
  display: none
}

#slide_content .bx-viewport ul li {
  display: block !important
}

.depart_outer {
  background-color: #f8f6e7
}

.depart_outer .depart {
  max-width: 1200px;
  margin: 0 auto;
  letter-spacing: -.25em;
  text-align: center;
  box-sizing: border-box
}

body.en .depart_outer .depart {
  letter-spacing: -.26em
}

.depart_outer .depart .content {
  width: 16.66667%;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal
}

@media screen and (max-width: 735px) {
  .depart_outer {
    padding: 0
  }
  .depart_outer .depart {
    padding: 0
  }
  .depart_outer .depart .content {
    width: 33.33333%
  }
}

.course_outer {
  background-color: #f8f6e7
}

.course_outer .course {
  max-width: 1200px;
  margin: 0 auto;
  display: flex
}

.course_outer .course .content {
  flex-basis: calc(100 / 5 * 1%)
}

@media screen and (max-width: 735px) {
  .course_outer .course {
    flex-wrap: wrap
  }
  .course_outer .course .content {
    flex-basis: calc(100 / 3 * 1%)
  }
}

.headlines_outer {
  background-color: #f8f6e7
}

.headlines_outer .headlines {
  max-width: 1200px;
  margin: 0 auto;
  letter-spacing: -.4em;
  text-align: center
}

.headlines_outer .headlines .content {
  width: 25%;
  margin: 20px 0;
  padding: 0 20px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  border-left: 1px solid #ddd;
  box-sizing: border-box
}

.headlines_outer .headlines .content:first-child {
  border: none
}

@media screen and (max-width: 735px) {
  .headlines_outer .headlines {
    padding: 5px
  }
  .headlines_outer .headlines .content {
    width: 50%;
    margin: 5px 0;
    padding: 0 5px;
    border-left: none
  }
}

.navbox {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 30px;
  letter-spacing: -.4em;
  text-align: center
}

.navbox .navs {
  width: 25%;
  margin: 20px 0;
  padding: 0 20px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  border-left: 1px solid #ddd;
  box-sizing: border-box;
  letter-spacing: normal;
  vertical-align: top
}

.navbox .navs:first-child {
  border: none
}

.navbox .navs h2 {
  margin: 0 0 5px;
  font-size: 150%;
  font-weight: 500;
  line-height: 1.2
}

.navbox .navs p {
  margin: 0 0 20px;
  font-family: "Noto Sans", sans-serif;
  font-size: 87.5%;
  color: #666;
  line-height: 1.2
}

.navbox .navs ul li {
  margin: 0 0 3px;
  padding: 0 14px 0 0
}

.navbox .navs ul li a {
  position: relative;
  padding: 0 0 0 14px;
  display: block;
  font-size: 81.25%;
  font-weight: 500;
  line-height: 1.6
}

.navbox .navs ul li a:before {
  position: absolute;
  top: .2em;
  left: 4px;
  margin: 0 5px 0 0;
  content: '\f0da';
  font-family: FontAwesome;
  font-size: 12px;
  color: #999
}

.navbox .navs ul li a:after {
  margin: 0 0 0 5px;
  content: '';
  font-family: FontAwesome;
  font-size: 12px;
  color: #999
}

.navbox .navs ul li a[target="_blank"]:after {
  content: '\f08e'
}

.navbox .navs ul li a[href="*.pdf"]:after {
  content: '\f016'
}

.navbox .navs ul li span.univ, .navbox .navs ul li span.tosite {
  padding: 0 0 0 14px;
  display: block;
  font-size: 68.75%;
  color: #666;
  line-height: 1.2;
  text-decoration: none !important
}

.navbox .navs ul li ul {
  margin: 0 0 0 10px
}

.navbox .navs5 {
  width: 20%
}

.navbox .navs5 h2 {
  font-size: 100%
}

.navbox .navs5 ul+h2 {
  margin-top: 40px
}

@media screen and (max-width: 735px) {
  .navbox .navs {
    width: 100%;
    padding: 0;
    border: none
  }
  .navbox .navs h2 {
    padding: 15px 10px 5px;
    border-top: 1px solid #ddd
  }
  .navbox .navs p {
    margin: 0;
    padding: 0 10px 15px;
    border-bottom: 1px solid #ddd
  }
  .navbox .navs ul {
    border-bottom: 1px solid #ddd
  }
  .navbox .navs ul li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ddd
  }
  .navbox .navs ul li:last-child {
    border: none
  }
  .navbox .navs ul li a {
    position: relative;
    padding: 12px 20px 12px 12px;
    display: block;
    font-size: 81.25%;
    font-weight: 500;
    line-height: 1.6
  }
  .navbox .navs ul li a:before {
    content: ''
  }
  .navbox .navs ul li a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -6px 0 0;
    content: '\f105';
    line-height: 1
  }
  .navbox .navs ul li span {
    padding: 0 20px 12px 12px
  }
  .navbox .navs ul li ul {
    border-top: 1px solid #ddd;
    border-bottom: none
  }
  .navbox .navs .note {
    margin: 0;
    padding: 0;
    border: none
  }
}

#newsbox {
  display: none;
  padding: 25px 0;
  background-color: #ecf3f5;
  overflow: hidden
}

#newsbox>div {
  margin: 0 auto;
  padding: 0 40px
}

#newsbox>div .newsheader {
  margin: 0 0 8px;
  overflow: hidden
}

#newsbox>div .newsheader h2 {
  float: left;
  margin: 0 10px 0 0;
  font-size: 125%
}

#newsbox>div .newsheader ul li {
  float: left;
  margin: 0 0 0 5px
}

#newsbox>div .newsheader ul li a {
  padding: 3px 6px;
  display: inline-block;
  vertical-align: middle;
  font-size: 68.75%;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  border-radius: 2px
}

#newsbox>div .newsheader ul li a:hover {
  opacity: .8
}

#newsbox>div .newsheader p {
  float: right;
  margin: 3px 0 0
}

#newsbox>div .newsheader p a {
  padding: 5px 15px;
  display: inline-block;
  vertical-align: middle;
  font-size: 75%;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background-color: #555;
  border-radius: 4px
}

#newsbox>div .newsheader p a:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  color: #555;
  background-color: #fff
}

#newsbox>div .newsheader p a:after {
  margin: 0 0 0 5px;
  content: '\f105';
  font-family: FontAwesome
}

#newsbox>div .newsheader p.rss {
  margin: 3px 3px 0 0
}

#newsbox>div .newsheader p.rss a {
  background-color: #c30
}

#newsbox>div .newsheader p.rss a:after {
  content: '\f09e'
}

#newsbox>div .entrylist {
  min-height: 120px;
  padding: 15px 20px;
  display: block;
  background-color: #fff;
  border: 1px solid #fff
}

#newsbox>div .entrylist .entryimg {
  margin: -16px -22px 15px
}

#newsbox>div .entrylist h2 {
  font-size: 75%;
  font-weight: bold;
  color: #000;
  line-height: 1.5
}

#newsbox>div .entrylist .catname {
  margin: 0 0 8px;
  padding: 3px 5px 5px;
  display: inline-block;
  vertical-align: middle;
  font-size: 68.75%;
  font-weight: bold;
  color: #fff;
  border-radius: 2px;
  overflow: hidden
}

#newsbox>div .entrylist p {
  font-size: 75%;
  color: #666;
  line-height: 1.5
}

#newsbox>div .entrylist:hover {
  border: 1px solid #ddd;
  text-decoration: none;
  opacity: .8
}

#newsbox>div .entrylist:hover .entryimg {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  opacity: .8
}

#newsbox .newsbox_outer {
  position: relative
}

#newsbox .newsbox_outer .newsbox {
  width: 20%
}

#newsbox .newsbox_outer .newsbox_prev {
  position: absolute;
  top: 50%;
  left: -22px;
  margin: -22px 0 0;
  width: 44px;
  height: 44px
}

#newsbox .newsbox_outer .newsbox_prev a {
  position: relative;
  width: 44px;
  height: 44px;
  display: block;
  text-indent: -3000px;
  text-decoration: none
}

#newsbox .newsbox_outer .newsbox_prev a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  display: block;
  content: '\f104';
  font-family: FontAwesome;
  color: #000;
  text-align: center;
  line-height: 44px;
  text-indent: 0;
  background-color: #fff;
  border-radius: 4px
}

#newsbox .newsbox_outer .newsbox_prev a:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  opacity: .8
}

#newsbox .newsbox_outer .newsbox_next {
  position: absolute;
  top: 50%;
  right: -22px;
  margin: -22px 0 0;
  width: 44px;
  height: 44px
}

#newsbox .newsbox_outer .newsbox_next a {
  position: relative;
  width: 44px;
  height: 44px;
  display: block;
  text-indent: -3000px;
  text-decoration: none
}

#newsbox .newsbox_outer .newsbox_next a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  display: block;
  content: '\f105';
  font-family: FontAwesome;
  color: #000;
  text-align: center;
  line-height: 44px;
  text-indent: 0;
  background-color: #fff;
  border-radius: 4px
}

#newsbox .newsbox_outer .newsbox_next a:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  opacity: .8
}

#newsbox .newsbox_outer .disabled {
  display: none !important
}

@media screen and (max-width: 735px) {
  #newsbox {
    display: block;
    padding: 25px 0
  }
  #newsbox>div {
    padding: 0 20px
  }
  #newsbox>div .newsheader p {
    margin: 0
  }
  #newsbox>div .newsheader p a {
    padding: 3px 6px;
    display: inline-block;
    vertical-align: middle;
    font-size: 68.75%
  }
  #newsbox>div .newsheader p.rss {
    margin: 0 2px 0 0
  }
}

@media screen and (max-width: 735px) and (max-width: 370px) {
  #newsbox>div .newsheader p {
    clear: both;
    float: right
  }
  #newsbox>div .newsheader p.rss {
    clear: none;
    float: right;
    margin: 0 2px 0 0
  }
}

@media screen and (max-width: 735px) {
  #newsbox>div .entrylist {
    min-height: 1px;
    padding: 10px 20px;
    overflow: hidden
  }
  #newsbox>div .entrylist .entryimg {
    float: left;
    width: 40% !important;
    margin: -10px 20px -15px -20px
  }
  #newsbox>div .entrylist h2 {
    font-size: 75%;
    font-weight: bold;
    color: #000;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
  }
  #newsbox>div .entrylist .catname {
    margin: 0 3px 3px 0;
    display: inline-block;
    vertical-align: middle
  }
  #newsbox>div .entrylist p {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    vertical-align: top
  }
  #newsbox .newsbox_outer .newsbox {
    width: 100%
  }
  #newsbox .newsbox_outer .newsbox .entrylist {
    margin: 0 0 5px
  }
}

.mark1, .mark2 {
  margin: 0 2px;
  display: inline-block;
  vertical-align: middle;
  font-size: 75%;
  font-weight: bold;
  color: #fff;
  color: #f00;
  vertical-align: top;
  border-radius: 1em
}

body#index .mark1, body#index .mark2 {
  float: right
}

#index_contents {
  padding: 20px 0;
  overflow: hidden
}

#index_contents #index_main {
  float: left;
  width: 100%;
  margin: 0 -280px 0 0;
  box-sizing: border-box
}

#index_contents #index_main>div {
  margin: 0 280px 0 0
}

#index_contents #index_main>div a.linkpanel {
  padding: 15px;
  display: block;
  background-color: #fff;
  border: 2px solid #fff
}

#index_contents #index_main>div a.linkpanel>div {
  margin: -15px -15px 15px
}

#index_contents #index_main>div a.linkpanel h2 {
  margin: 0 0 10px;
  font-size: 100%;
  color: #000;
  line-height: 1.4
}

#index_contents #index_main>div a.linkpanel p {
  font-size: 75%;
  color: #000;
  line-height: 1.5
}

#index_contents #index_main>div a.linkpanel:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  text-decoration: none;
  border: 2px solid #69c
}

#index_contents #index_sub {
  float: right;
  width: 250px
}

@media screen and (max-width: 735px) {
  #index_contents {
    padding: 20px
  }
  #index_contents #index_main {
    float: none;
    margin: 0
  }
  #index_contents #index_main>div {
    margin: 0
  }
  #index_contents #index_sub {
    float: none;
    width: 102%;
    margin: 0 0 0 -2%;
    letter-spacing: -.25em
  }
  body.en #index_contents #index_sub {
    letter-spacing: -.3em
  }
  #index_contents #index_sub .bnr {
    width: 48%;
    margin: 0 0 5px 2%;
    display: inline-block;
    vertical-align: top
  }
  #index_contents #index_sub .bnr.forpc {
    display: none !important
  }
}

#bnrbox {
  padding: 0 0 20px
}

#bnrbox ul {
  margin: 0 0 0 -2%;
  letter-spacing: -.25em
}

#bnrbox ul li {
  width: 18%;
  margin: 0 0 10px 2%;
  display: inline-block;
  vertical-align: middle
}

#bnrbox ul li span {
  display: none
}

#bnrbox ul li img:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  opacity: .8
}

body.en #bnrbox ul {
  letter-spacing: -.35em
}

@media screen and (max-width: 735px) {
  #bnrbox {
    position: relative;
    padding: 20px
  }
  #bnrbox ul {
    margin: 0;
    letter-spacing: normal
  }
  #bnrbox ul li {
    width: auto;
    margin: 0;
    display: block
  }
  #bnrbox .bnrbox_prev {
    position: absolute;
    top: 50%;
    left: 0px;
    margin: -22px 0 0;
    width: 44px;
    height: 44px
  }
  #bnrbox .bnrbox_prev a {
    position: relative;
    width: 44px;
    height: 44px;
    display: block;
    text-indent: -3000px
  }
  #bnrbox .bnrbox_prev a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    display: block;
    content: '\f104';
    font-family: FontAwesome;
    color: #000;
    text-align: center;
    line-height: 44px;
    text-indent: 0;
    background-color: #fff;
    border-radius: 0 4px 4px 0
  }
  #bnrbox .bnrbox_prev a:hover {
    transition-property: background-color, border, color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color, border, color, opacity;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    opacity: .8
  }
  #bnrbox .bnrbox_next {
    position: absolute;
    top: 50%;
    right: 0px;
    margin: -22px 0 0;
    width: 44px;
    height: 44px
  }
  #bnrbox .bnrbox_next a {
    position: relative;
    width: 44px;
    height: 44px;
    display: block;
    text-indent: -3000px
  }
  #bnrbox .bnrbox_next a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    display: block;
    content: '\f105';
    font-family: FontAwesome;
    color: #000;
    text-align: center;
    line-height: 44px;
    text-indent: 0;
    background-color: #fff;
    border-radius: 4px 0 0 4px
  }
  #bnrbox .bnrbox_next a:hover {
    transition-property: background-color, border, color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color, border, color, opacity;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    opacity: .8
  }
}

.catname.news {
  background-color: #d91f53
}

.catname.info {
  background-color: #009e8e
}

.columns {
  column-count: 2
}

@media screen and (max-width: 735px) {
  .columns {
    column-count: 1
  }
}

.columns3 {
  column-count: 3
}

@media screen and (max-width: 735px) {
  .columns3 {
    column-count: 2
  }
}

.columns4 {
  column-count: 4
}

@media screen and (max-width: 735px) {
  .columns4 {
    column-count: 2
  }
}

.ruby {
  font-size: 80%
}

.fulimg {
  margin: -30px -50px 20px
}

.fulimg p.caption {
  text-align: right;
  margin: 5px 50px 0 0
}

.fultitle {
  position: relative;
  margin: -50px -50px 20px
}

.fultitle.subject1 {
  border-bottom: 10px solid #a44394
}

.fultitle.subject2 {
  border-bottom: 10px solid #2062af
}

.fultitle.subject3 {
  border-bottom: 10px solid #12a790
}

.fultitle.subject4 {
  border-bottom: 10px solid #63b72f
}

.fultitle.subject5 {
  border-bottom: 10px solid #e3b116
}

.fultitle.subject6 {
  border-bottom: 10px solid #e84133
}

.fultitle img {
  position: relative;
  z-index: 1
}

.fultitle img.txt {
  position: absolute;
  z-index: 2
}

@media screen and (max-width: 735px) {
  .fultitle {
    margin: -20px -20px 20px;
    padding: 44px 0 0
  }
}

.fulcontent {
  margin: 20px -50px;
  padding: 30px 50px
}

.fulcontent.subject1 {
  background-color: #a44394
}

.fulcontent.subject2 {
  background-color: #2062af
}

.fulcontent.subject3 {
  background-color: #12a790
}

.fulcontent.subject4 {
  background-color: #63b72f
}

.fulcontent.subject5 {
  background-color: #e3b116
}

.fulcontent.subject6 {
  background-color: #e84133
}

.fulcontent h2 {
  margin-top: 0;
  color: #fff;
  background: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

.fulcontent h2:before {
  background-color: rgba(255, 255, 255, 0.5)
}

.fulcontent h2 span {
  margin: 0 0 0 10px;
  font-size: 80%;
  font-weight: normal
}

.fulcontent p {
  color: #fff !important
}

.profilebox {
  float: left;
  width: 30%;
  margin: 0 30px 30px 0
}

.profilebox .profile {
  margin: 0 0 20px;
  padding: 10px;
  border: 1px solid #ddd
}

.profilebox .profile .name img {
  margin: 10px 5px 0;
  width: auto;
  max-width: 100%;
  max-height: 40px
}

@media screen and (max-width: 735px) {
  .profilebox {
    float: none;
    width: 100%;
    margin: 0 0 20px
  }
  .profilebox .profile {
    margin: 0 0 20px
  }
}

.historyflow {
  position: relative;
  margin: 0 0 35px;
  padding: 10px 20px;
  border: 3px solid #12a0c5;
  border-radius: 8px
}

.historyflow:after {
  position: absolute;
  border: 2px;
  left: 20px;
  content: '\f063';
  font-family: FontAwesome;
  font-size: 50px;
  color: #12a0c5
}

.historyflow.last:after {
  content: ''
}

.historyflow p.school {
  margin: 0;
  font-family: "Noto Sans", sans-serif;
  font-size: 150%;
  font-weight: bold;
  line-height: 1.2
}

.historyflow p.found {
  margin: 8px 0 0;
  padding: 8px 0 0;
  font-family: "Noto Sans", sans-serif;
  line-height: 1.2;
  border-top: 1px solid #ddd
}

.pagebody p.school {
  margin: 5px 0 0;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.2
}

.pagebody p.found {
  margin: 8px 0 0;
  padding: 8px 0 0;
  line-height: 1.2;
  border-top: 1px solid #ddd
}

.pagebody p.found+.school {
  margin: 20px 0 0
}

.foot {
  margin: 30px -50px -50px;
  padding: 30px 50px 50px;
  border-top: 1px solid #ccc;
  background-color: #efefef
}

.foot h2 {
  margin-top: 0
}

@media screen and (max-width: 735px) {
  .foot {
    margin: 20px -25px -25px;
    padding: 20px 25px 25px
  }
}

.curriculum1 {
  margin: 0 0 5px;
  padding: 10px;
  background-color: #f4f0da
}

.curriculum1 ul {
  margin-bottom: 0
}

.curriculum2 {
  margin: 0 0 5px;
  padding: 10px;
  background-color: #d7e7eb
}

.curriculum2 ul {
  margin-bottom: 0
}

.curriculum3 {
  margin: 0 0 5px;
  padding: 10px;
  background-color: #eedbdf
}

.curriculum3 ul {
  margin-bottom: 0
}

.curriculum4 {
  margin: 0 0 5px;
  padding: 10px;
  background-color: #d3e6f6
}

.curriculum4 ul {
  margin-bottom: 0
}

.curriculum5 {
  margin: 0 0 5px;
  padding: 10px;
  background-color: #fadbdd
}

.curriculum5 ul {
  margin-bottom: 0
}

.curriculum6 {
  margin: 0 0 5px;
  padding: 10px;
  background-color: #e2eec5
}

.curriculum6 ul {
  margin-bottom: 0
}

.curriculum7 {
  margin: 0 0 5px;
  padding: 10px;
  background-color: #ddd9ec
}

.curriculum7 ul {
  margin-bottom: 0
}

.curriculum8 {
  margin: 0 0 5px;
  padding: 10px;
  background-color: #f6efc2
}

.curriculum8 ul {
  margin-bottom: 0
}

.iframe {
  padding: 25px
}

.contactbox {
  position: relative;
  z-index: 10
}

.contactbox:after {
  content: '';
  padding: 92.68293% 0 0;
  display: block
}

.contactbox .mapicon {
  position: absolute;
  z-index: 100;
  width: 24px;
  height: 26px
}

.contactbox .mapicon:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear
}

.contactbox h2 .mapicon {
  position: static;
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle
}

.contactbox .mapicon1 {
  position: absolute;
  z-index: 100;
  width: 24px;
  height: 26px;
  font-size: 68.75%;
  color: #fff;
  line-height: 20px;
  text-align: center;
  background-image: url('../images/mapicon1.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  animation: none
}

.contactbox .mapicon1:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  color: #507590;
  background-image: url('../images/mapicon1_on.png')
}

.contactbox .mapicon1.active {
  color: #507590;
  background-image: url('../images/mapicon1_on.png');
  -webkit-animation: blink 0.5s ease-in-out infinite alternate;
  -moz-animation: blink 0.5s ease-in-out infinite alternate;
  animation: blink 0.5s ease-in-out infinite alternate
}

.contactbox .mapicon2 {
  position: absolute;
  z-index: 100;
  width: 24px;
  height: 26px;
  font-size: 68.75%;
  color: #fff;
  line-height: 20px;
  text-align: center;
  background-image: url('../images/mapicon2.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  animation: none
}

.contactbox .mapicon2:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  color: #a95d64;
  background-image: url('../images/mapicon2_on.png')
}

.contactbox .mapicon2.active {
  color: #a95d64;
  background-image: url('../images/mapicon2_on.png');
  -webkit-animation: blink 0.5s ease-in-out infinite alternate;
  -moz-animation: blink 0.5s ease-in-out infinite alternate;
  animation: blink 0.5s ease-in-out infinite alternate
}

.contactbox #mapicon1_mb, .contactbox #mapicon1 {
  top: 4%;
  left: 40.5%
}

.contactbox #mapicon2_mb, .contactbox #mapicon2 {
  top: 4%;
  left: 25.5%
}

.contactbox #mapicon3_mb, .contactbox #mapicon3 {
  top: 15.5%;
  left: 21%
}

.contactbox #mapicon4_mb, .contactbox #mapicon4 {
  top: 14.5%;
  left: 25.5%
}

.contactbox #mapicon5_mb, .contactbox #mapicon5 {
  top: 8.5%;
  left: 24%
}

.contactbox #mapicon6_mb, .contactbox #mapicon6 {
  top: 38.5%;
  right: 31%
}

.contactbox #mapicon7_mb, .contactbox #mapicon7 {
  right: 24%;
  bottom: 17.5%
}

.contactbox #mapicon8_mb, .contactbox #mapicon8 {
  right: 31.5%;
  bottom: 14.5%
}

@media screen and (max-width: 735px) {
  .contactbox>.mapicon1 {
    width: 12px;
    height: 13px;
    line-height: 10px
  }
  .contactbox>.mapicon2 {
    width: 12px;
    height: 13px;
    line-height: 10px
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 0.5
  }
  100% {
    opacity: 1
  }
}

@-moz-keyframes blink {
  0% {
    opacity: 0.5
  }
  100% {
    opacity: 1
  }
}

@keyframes blink {
  0% {
    opacity: 0.5
  }
  100% {
    opacity: 1
  }
}

.conbg {
  position: absolute
}

.conpanel {
  display: none;
  position: absolute;
  z-index: 101;
  top: 40%;
  left: 20px;
  width: 45%;
  padding: 10px;
  background-color: #fff;
  overflow: hidden;
  border: 1px solid #ddd;
  border-top: 3px solid #12a0c5;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2)
}

.conpanel.conpanel1 {
  border-top: 3px solid #507590
}

.conpanel.conpanel2 {
  border-top: 3px solid #a95d64
}

.conpanel h2.leads {
  margin: 10px 0 8px;
  padding: 0 0 8px
}

.conpanel p.notes {
  margin: 0
}

.conpanel p.close {
  float: right;
  margin: 8px 0 0;
  padding: 3px 5px;
  display: inline-block;
  vertical-align: middle;
  font-size: 68.75%;
  border: 1px solid #ddd;
  cursor: pointer
}

.conpanel p.close:before {
  content: '\f00d';
  font-family: FontAwesome;
  margin: 0 5px 0 0
}

.conpanel p.close:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  color: #fff;
  background-color: #666
}

@media screen and (max-width: 960px) {
  .conpanel {
    width: 90%;
    top: 5%;
    left: 5%;
    box-sizing: border-box
  }
}

.conpanel_mb {
  display: none;
  padding: 10px;
  border-bottom: 1px solid #ddd
}

.conpanel_mb h2.leads {
  margin: 10px 0 8px;
  padding: 0 0 8px
}

.conpanel_mb p.notes {
  margin: 0
}

.conpanel_mb p.close {
  float: right;
  margin: 8px 0 0;
  padding: 3px 5px;
  display: inline-block;
  vertical-align: middle;
  font-size: 68.75%;
  border: 1px solid #ddd;
  cursor: pointer
}

.conpanel_mb p.close:before {
  content: '\f00d';
  font-family: FontAwesome;
  margin: 0 5px 0 0
}

.conpanel_mb p.close:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  color: #fff;
  background-color: #666
}

.maplist {
  margin: 20px 0 0;
  padding: 20px;
  border-top: 1px solid #ddd
}

.maplist li {
  color: #009fcd;
  cursor: pointer;
  font-weight: bold
}

.maplist li.maplist1 {
  color: #0e74ab
}

.maplist li.maplist1:before {
  background-color: #0e74ab !important
}

.maplist li.maplist2 {
  color: #a95d64
}

.maplist li.maplist2:before {
  background-color: #a95d64 !important
}

.maplist li:hover {
  color: #39f
}

.maplist li.active {
  color: #000
}

.type_a_box {
  padding: 15px 20px;
  background-color: #abdbeb;
  border-radius: 10px
}

.type_a_box p {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  line-height: 1.6
}

.type_a_box p.type {
  margin: -15px -20px 10px;
  padding: 5px 20px;
  font-size: 100%;
  color: #fff;
  background-color: #005d7c;
  border-radius: 10px 10px 0 0
}

.type_a_box p.target {
  margin: 0;
  padding: 5px 12px;
  font-size: 100%;
  border: 1px solid #005d7c;
  border-radius: 4px
}

.type_b_box {
  padding: 15px 20px;
  background-color: #e6ea96;
  border-radius: 10px
}

.type_b_box p {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  line-height: 1.6
}

.type_b_box p.type {
  margin: -15px -20px 10px;
  padding: 5px 20px;
  font-size: 100%;
  color: #fff;
  background-color: #456a27;
  border-radius: 10px 10px 0 0
}

.type_b_box p.target {
  margin: 0;
  padding: 5px 12px;
  font-size: 100%;
  border: 1px solid #456a27;
  border-radius: 4px
}

.height100 {
  position: relative
}

.height100 .border {
  height: 45.5%;
  box-sizing: border-box
}

@media screen and (max-width: 735px) {
  .height100 .border {
    height: auto
  }
}

img {
  max-width: 100%;
  height: auto !important
}

img.voice {
  margin: 12px 0 8px;
  max-height: 44px
}

.panel img.voice {
  margin: 5px 0 0
}

.panel img.voice+p {
  padding: 10px 0 0
}

img.frame {
  width: 100%;
  margin: 0 0 10px;
  padding: 6px;
  border: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box
}

@media screen and (max-width: 735px) {
  body#curriculum #d_ee, body#curriculum #d_ii, body#curriculum #d_mi, body#curriculum #d_ps, body#curriculum #d_ec, body#curriculum #d_ms {
    padding-top: 50px
  }
  body#curriculum #d_ee:before, body#curriculum #d_ii:before, body#curriculum #d_mi:before, body#curriculum #d_ps:before, body#curriculum #d_ec:before, body#curriculum #d_ms:before {
    top: 52px
  }
}

.mt0 {
  margin-top: 0 !important
}

.mt5 {
  margin-top: 5px
}

.mt10 {
  margin-top: 10px
}

.mt15 {
  margin-top: 15px
}

.mt20 {
  margin-top: 20px
}

.mt25 {
  margin-top: 25px
}

.mt30 {
  margin-top: 30px
}

.mt-10 {
  margin-top: -10px !important
}

.pt0 {
  padding-top: 0 !important
}

.pt5 {
  padding-top: 5px
}

.pt10 {
  padding-top: 10px
}

.pt15 {
  padding-top: 15px
}

.pt20 {
  padding-top: 20px
}

.pt25 {
  padding-top: 25px
}

.pt30 {
  padding-top: 30px
}

.mb0 {
  margin-bottom: 0 !important
}

.mb5 {
  margin-bottom: 5px
}

.mb10 {
  margin-bottom: 10px
}

.mb15 {
  margin-bottom: 15px
}

.mb20 {
  margin-bottom: 20px
}

.mb25 {
  margin-bottom: 25px
}

.mb30 {
  margin-bottom: 30px
}

.pb0 {
  padding-bottom: 0 !important
}

.pb5 {
  padding-bottom: 5px
}

.pb10 {
  padding-bottom: 10px
}

.pb15 {
  padding-bottom: 15px
}

.pb20 {
  padding-bottom: 20px
}

.pb25 {
  padding-bottom: 25px
}

.pb30 {
  padding-bottom: 30px
}

.description {
  display: none
}

.c5 {
  width: 5%
}

.c10 {
  width: 10%
}

.c15 {
  width: 15%
}

.c20 {
  width: 20%
}

.c25 {
  width: 25%
}

.c30 {
  width: 30%
}

.c35 {
  width: 35%
}

.c40 {
  width: 40%
}

.c45 {
  width: 45%
}

.c50 {
  width: 50%
}

.c60 {
  width: 60%
}

.c70 {
  width: 70%
}

.c75 {
  width: 75%
}

.c80 {
  width: 80%
}

.c100 {
  width: 100%
}

.c_left {
  text-align: left !important
}

.c_right {
  text-align: right !important
}

.c_center {
  text-align: center !important
}

img {
  vertical-align: bottom
}

.alignleft, .f_left {
  float: left;
  padding: 0 30px 15px 0
}

.border .alignleft, .panel .alignleft, .border .f_left, .panel .f_left {
  padding-bottom: 0
}

@media screen and (max-width: 735px) {
  .alignleft, .f_left {
    float: none;
    margin: 0 auto;
    padding: 0 0 15px !important;
    display: block
  }
}

.alignright, .f_right {
  float: right;
  padding: 0 0 15px 30px
}

.border .alignright, .panel .alignright, .border .f_right, .panel .f_right {
  padding-bottom: 0
}

@media screen and (max-width: 735px) {
  .alignright, .f_right {
    float: none;
    margin: 0 auto;
    padding: 0 0 15px !important;
    display: block
  }
}

.aligncenter {
  display: block;
  margin: 0 auto
}

.img {
  width: 100%;
  height: auto
}

.c5 {
  width: 5%
}

.c10 {
  width: 10%
}

.c15 {
  width: 15%
}

.c20 {
  width: 20%
}

.c25 {
  width: 25%
}

.c30 {
  width: 30%
}

.c35 {
  width: 35%
}

.c40 {
  width: 40%
}

.c45 {
  width: 45%
}

.c50 {
  width: 50%
}

.c60 {
  width: 60%
}

.c70 {
  width: 70%
}

.c75 {
  width: 75%
}

.c80 {
  width: 80%
}

.c100 {
  width: 100%
}

.indent {
  margin-left: 1em !important;
  text-indent: -1em
}

.indent3 {
  margin-left: 3em !important;
  text-indent: -3em;
  display: block
}

.indentblock {
  margin-left: 1em !important
}

strong {
  font-weight: bold
}

.right {
  text-align: right
}

.large {
  padding: 5px 0 0;
  display: block;
  font-size: 150%
}

.clr {
  clear: both
}

.overflow {
  overflow: hidden
}

.nowrap {
  white-space: nowrap !important
}

.i5 {
  width: 5%
}

.i10 {
  width: 10%
}

.i15 {
  width: 15%
}

.i20 {
  width: 20%
}

.i25 {
  width: 25%
}

.i30 {
  width: 30%
}

.i35 {
  width: 35%
}

.i40 {
  width: 40%
}

.i45 {
  width: 45%
}

.i50 {
  width: 50%
}

.i60 {
  width: 60%
}

.i70 {
  width: 70%
}

.i80 {
  width: 80%
}

.i90 {
  width: 90%
}

.i100 {
  width: 100%
}

@media screen and (max-width: 735px) {
  .i5, .i10, .i15, .i20, .i25, .i30, .i35, .i40, .i45, .i50, .i60, .i70, .i80, .i90, .i100 {
    width: 100%
  }
}

.columnbox {
  clear: both;
  width: 102%;
  margin-left: -2%;
  letter-spacing: -.25em
}

body.en .columnbox {
  letter-spacing: -.3em
}

html.android.chrome .columnbox {
  letter-spacing: -.4em
}

.columnbox .column {
  width: 48.03922%;
  margin: 0 0 0 1.96078%;
  padding: 0 0 20px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  vertical-align: top
}

.columnbox .column3 {
  width: 31.37255%;
  margin: 0 0 0 1.96078%;
  padding: 0 0 20px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  vertical-align: top
}

.columnbox .column4 {
  width: 23.03922%;
  margin: 0 0 0 1.96078%;
  padding: 0 0 20px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  vertical-align: top
}

.columnbox .column5 {
  width: 18.03922%;
  margin: 0 0 0 1.96078%;
  padding: 0 0 20px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  vertical-align: top
}

@media screen and (max-width: 735px) {
  .columnbox .column, .columnbox .column3, .columnbox .column4, .columnbox .column5 {
    width: 98.03922%;
    padding: 0 0 10px
  }
  .listbody .columnbox .column {
    padding: 0 0 10px
  }
  .columnbox .column5 {
    padding: 0 0 10px
  }
  #index_main .columnbox .column3 {
    width: 48.03922%
  }
}

.photobox {
  clear: both;
  width: 102%;
  margin-left: -2%;
  letter-spacing: -.25em
}

body.en .photobox {
  letter-spacing: -.3em
}

html.android.chrome .photobox {
  letter-spacing: -.4em
}

.photobox .column {
  width: 48.03922%;
  margin: 0 0 0 1.96078%;
  padding: 0 0 20px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  vertical-align: top
}

.photobox .column3 {
  width: 31.37255%;
  margin: 0 0 0 1.96078%;
  padding: 0 0 20px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  vertical-align: top
}

.require {
  color: #c00
}

#pagenav {
  clear: both;
  padding: 15px 0;
  overflow: hidden;
  text-align: center;
  font-size: .7em;
  letter-spacing: -.5em
}

#pagenav .page-numbers {
  display: inline-block;
  vertical-align: middle;
  margin: 2px 2px 2px 0;
  padding: 7px 9px 6px 9px;
  width: auto;
  color: #fff;
  background: #4dbaeb;
  border: 1px solid #4dbaeb;
  letter-spacing: normal;
  border-radius: 2px
}

#pagenav .page-numbers:hover {
  color: #fff;
  background: #3a6eb6
}

#pagenav .current {
  display: inline-block;
  vertical-align: middle;
  margin: 2px 2px 2px 0;
  padding: 7px 9px 6px 9px;
  width: auto;
  color: #4dbaeb;
  border: 1px solid #4dbaeb;
  background: #fff;
  letter-spacing: normal;
  border-radius: 2px
}

.pagebody .gallery, .pagebody .galleries {
  clear: both;
  margin: 12px 0
}

.pagebody .gallery ul, .pagebody .galleries ul {
  width: 102%;
  margin: 0 0 0 -2%;
  letter-spacing: -.25em;
  overflow: hidden
}

body.en .pagebody .gallery ul, body.en .pagebody .galleries ul {
  letter-spacing: -.4em
}

.pagebody .gallery ul li, .pagebody .galleries ul li {
  position: static;
  width: 31.37333%;
  height: auto;
  margin: 0 0 0 1.96%;
  padding: 0 0 10px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  letter-spacing: normal;
  vertical-align: top;
  box-sizing: border-box
}

.pagebody .gallery ul li:before, .pagebody .galleries ul li:before {
  position: static;
  top: 0;
  left: 0;
  content: "";
  width: 0 !important;
  height: 0 !important;
  display: inline !important
}

.pagebody .gallery ul li a, .pagebody .galleries ul li a {
  display: block
}

.pagebody .gallery ul li a img, .pagebody .galleries ul li a img {
  width: 100%;
  height: auto;
  margin: 0
}

.pagebody .gallery ul li a:hover, .pagebody .galleries ul li a:hover {
  transition-property: background-color, border, color, opacity;
  transition-duration: .2s;
  transition-timing-function: linear;
  -webkit-transition-property: background-color, border, color, opacity;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: linear;
  opacity: .6
}

.wp-caption {
  width: auto !important
}

p.wp-caption {
  margin: 5px 0;
  font-size: 90%;
  line-height: 1.5
}

@media print {
  .break {
    page-break-before: always
  }
  a {
    transition-property: background-color, border, color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color, border, color, opacity;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    text-decoration: none
  }
  a:link {
    color: #009fcd
  }
  a:visited {
    color: #369
  }
  a:hover {
    color: #39f
  }
  p a:hover, #aside li a:hover span.tolink, a:hover span {
    text-decoration: underline
  }
  a:active {
    color: #ff0000
  }
  a.link:before {
    padding: 0 4px;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 12px;
    color: #ccc;
    line-height: 1
  }
  a.hover:hover {
    opacity: 1;
    animation-duration: 1s;
    animation-name: fadeout;
    -webkit-animation-duration: 1s;
    -webkit-animation-name: fadeout;
    display: block;
    opacity: .5
  }
  body {
    background-color: #fff
  }
  #meta_outer {
    display: none
  }
  #header_outer #header {
    padding: 10px 0
  }
  #header_outer #header h1 {
    float: none
  }
  #header_outer #header h1 a {
    width: auto;
    height: 38px;
    margin: 0 auto;
    background-image: url('../images/common/sitetitle.png');
    background-size: auto 38px;
    background-position: center center;
    background-repeat: no-repeat
  }
  #header_outer #header h1#sitetitle_en a {
    width: 250px;
    height: 38px;
    display: block;
    background-image: url('../images/common.png');
    background-repeat: no-repeat;
    background-position: 0 -303px;
    text-indent: -30000px;
    background-size: 420px auto
  }
  #header_outer #header #headnav {
    display: none
  }
  #nav {
    display: none
  }
  #nav2 {
    display: none
  }
  #contents_outer {
    background: none !important
  }
  #contents_outer #contents {
    padding: 0
  }
  #topicpath {
    display: none
  }
  #pagetop {
    display: none
  }
  #footer_outer {
    padding: 10px 0 0;
    background-color: #fff
  }
  #footer_outer #footer {
    border-top: 1px solid #ddd
  }
  #footer_outer #footer #footnav {
    display: none
  }
  #footer_outer #footer #footlink {
    display: none
  }
  #footer_outer #footer #credit {
    padding: 10px 0
  }
  #footer_outer #footer #credit .credit {
    margin: 0 0 4px;
    font-size: 12px
  }
  #footer_outer #footer #copyright {
    color: #000;
    padding: 0
  }
  #article_outer {
    float: none;
    margin: 0
  }
  #article_outer #article {
    margin: 0
  }
  #aside {
    display: none
  }
  .indextitle {
    min-height: auto
  }
  .indextitle>img {
    display: none
  }
  .listtitle {
    border-top: 1px solid #ddd;
    margin: 0 !important
  }
  .listtitle h1 {
    width: 100%;
    height: auto;
    padding: 20px 0 !important;
    color: #000;
    text-align: left;
    background: none;
    opacity: 1
  }
  .listtitle h1>span {
    position: static;
    height: auto !important
  }
  .listtitle h1>span br {
    display: none !important
  }
  .listtitle h1>span span {
    padding: 0 20px;
    display: block
  }
  .listtitle h1>span span.catname_ja {
    margin: 0 0 12px;
    font-size: 220%;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -.07em
  }
  .listtitle h1>span span.catname_en {
    font-family: "Noto Sans", sans-serif;
    font-size: 9px
  }
  .listtitle h1>span span.catname_l {
    font-size: 220%;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -.04em
  }
  .indextitle .listtitle {
    position: static;
    top: 50%;
    left: 20px;
    width: 100%;
    height: auto;
    border-top: 1px solid #ddd;
    margin: 0 0 30px
  }
  #topimg_outer {
    display: none
  }
  .forprint {
    display: block
  }
  .forscreen {
    display: none
  }
  .depart_outer {
    padding: 10px 0;
    background-color: #fff
  }
  .headlines_outer {
    background-color: #fff
  }
  .headlines_outer .headlines .content {
    margin: 0;
    padding: 0 5px
  }
  #index_contents #index_main {
    float: none;
    width: 100%;
    margin: 0
  }
  #index_contents #index_main>div {
    margin: 0
  }
  #index_contents #index_sub {
    display: none
  }
  #bnrbox {
    display: none
  }
  .navbox {
    padding: 0 10px 20px
  }
  .navbox .navs {
    margin: 10px 0;
    padding: 0 5px
  }
  .navbox .navs h2 {
    font-size: 12px
  }
  .navbox .navs p {
    margin: 0 0 10px;
    font-size: 9px
  }
  .navbox .navs ul li {
    margin: 0 0 2px
  }
  .navbox .navs ul li a {
    font-size: 9px
  }
  .navbox .navs ul li a:before {
    font-size: 9px
  }
  .navbox .navs ul li a:after {
    font-size: 9px
  }
  .navbox .navs ul li span.univ, .navbox .navs ul li span.tosite {
    font-size: 8px
  }
  .navbox .navs5 {
    zoom: .95;
    margin: 10px 0;
    padding: 0 10px;
    max-height: 600px
  }
  .navbox .navs5 ul li a {
    font-size: 8px;
    line-height: 1.4
  }
  .article {
    padding: 0;
    box-shadow: 0 0 0 0 transparent
  }
  .pagetitle {
    margin: 0 0 10px;
    padding: 20px;
    background-color: #fff;
    border-bottom: 1px solid #ddd
  }
  .pagetitle h1 {
    font-size: 12px
  }
  .listbody .articlelist h2 {
    font-size: 12px
  }
  .listbody .articlelist h2:after {
    font-size: 12px
  }
  .listbody .articlelist[target="_blank"] h2:after {
    font-size: 10px
  }
  .listbody .articlelist[href="*.pdf"] h2:after {
    font-size: 10px
  }
  .listbody .articlelist div {
    padding: 12px 20px 20px
  }
  .listbody .articlelist p {
    font-size: 8px
  }
  .pagebody h2 {
    margin: 20px 0 10px 0;
    padding: 13px 20px 13px 30px;
    font-size: 12px
  }
  .pagebody h2.headline {
    clear: both;
    position: relative;
    margin: 30px 0 20px -14px;
    padding: 0 0 12px 14px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    border-bottom: 1px solid #ddd;
    background: none
  }
  .pagebody h2.headline:before {
    position: absolute;
    top: .1em;
    left: 0;
    content: '';
    width: 6px;
    height: 1em;
    display: block;
    background-color: #12a0c5;
    border-radius: 3px
  }
  .pagebody h2.headline.subject1 {
    margin: 12px 0;
    color: #a44394
  }
  .pagebody h2.headline.subject1:before {
    background-color: #a44394
  }
  .pagebody h2.headline.subject1 a {
    color: #a44394
  }
  .pagebody h2.headline.subject1 a:hover {
    opacity: .8
  }
  .pagebody h2.headline.subject2 {
    margin: 12px 0;
    color: #2062af
  }
  .pagebody h2.headline.subject2:before {
    background-color: #2062af
  }
  .pagebody h2.headline.subject2 a {
    color: #2062af
  }
  .pagebody h2.headline.subject2 a:hover {
    opacity: .8
  }
  .pagebody h2.headline.subject3 {
    margin: 12px 0;
    color: #12a790
  }
  .pagebody h2.headline.subject3:before {
    background-color: #12a790
  }
  .pagebody h2.headline.subject3 a {
    color: #12a790
  }
  .pagebody h2.headline.subject3 a:hover {
    opacity: .8
  }
  .pagebody h2.headline.subject4 {
    margin: 12px 0;
    color: #63b72f
  }
  .pagebody h2.headline.subject4:before {
    background-color: #63b72f
  }
  .pagebody h2.headline.subject4 a {
    color: #63b72f
  }
  .pagebody h2.headline.subject4 a:hover {
    opacity: .8
  }
  .pagebody h2.headline.subject5 {
    margin: 12px 0;
    color: #e3b116
  }
  .pagebody h2.headline.subject5:before {
    background-color: #e3b116
  }
  .pagebody h2.headline.subject5 a {
    color: #e3b116
  }
  .pagebody h2.headline.subject5 a:hover {
    opacity: .8
  }
  .pagebody h2.headline.subject6 {
    margin: 12px 0;
    color: #e84133
  }
  .pagebody h2.headline.subject6:before {
    background-color: #e84133
  }
  .pagebody h2.headline.subject6 a {
    color: #e84133
  }
  .pagebody h2.headline.subject6 a:hover {
    opacity: .8
  }
  .pagebody h2.headline a {
    position: relative;
    padding: 0 20px 0 0;
    display: block
  }
  .pagebody h2.headline a:before {
    position: absolute;
    content: '\f105';
    top: .3em;
    right: 10px;
    font-family: FontAwesome;
    font-size: 12px;
    color: #999;
    line-height: 1
  }
  .pagebody h2.leads {
    margin: 0 0 12px;
    padding: 0 0 12px;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    background: none
  }
  .pagebody h2.leads:before {
    display: none
  }
  .pagebody h2.profile {
    margin: 0 0 12px;
    padding: 12px 0 0 14px;
    font-size: 12px;
    border: none;
    border-top: 1px solid #ddd
  }
  .pagebody h2.profile:before {
    top: 14px
  }
  .pagebody .column h2, .pagebody #tabs h2 {
    margin-left: 0
  }
  .pagebody h3 {
    margin: 10px 0 5px;
    padding: 8px 12px;
    font-size: 12px
  }
  .pagebody h3.noline {
    margin: 10px 0 5px
  }
  .pagebody h3.headline {
    margin: 10px 0 6px;
    font-size: 12px
  }
  .pagebody h3.headline:before {
    top: 4px
  }
  .pagebody h3.headline_noline {
    margin: 10px 0 6px;
    font-size: 12px
  }
  .pagebody h3.headline_noline span {
    font-size: 9px
  }
  .pagebody h3.headline_noline:before {
    top: 4px
  }
  .pagebody h3.leads {
    margin: 0 0 15px;
    padding: 5px 8px;
    font-size: 10px;
    color: #000;
    background-color: #efefef;
    border: none;
    border-radius: 4px
  }
  .pagebody h3.section {
    margin: 20px 0 12px;
    padding: 0 0 12px;
    font-size: 14px;
    font-weight: bold;
    color: #346171;
    text-align: center;
    background: none;
    border: none;
    border-bottom: 1px solid #ddd
  }
  .pagebody h4 {
    margin: 20px 0 8px;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    background-color: #efefef
  }
  .pagebody h4.leads {
    position: relative;
    margin: 0 0 12px;
    margin: 0;
    padding: 5px 8px 5px 5px;
    font-size: 10px;
    background: none;
    border-left: 5px solid #4dbaeb;
    background-color: #e4eced
  }
  .pagebody h4.leads1 {
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 0 20px;
    font-size: 10px;
    color: #61603c;
    background: none;
    line-height: 1.5
  }
  .pagebody h4.leads1:before {
    position: absolute;
    top: 2px;
    left: 3px;
    content: '';
    width: 1em;
    height: 1em;
    margin: 2px 3px 0 0;
    display: inline-block;
    vertical-align: middle;
    background-color: #cfccac;
    border-radius: 4px
  }
  .pagebody h4.leads2 {
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 0 20px;
    font-size: 10px;
    color: #2c515e;
    background: none;
    line-height: 1.5
  }
  .pagebody h4.leads2:before {
    position: absolute;
    top: 2px;
    left: 3px;
    content: '';
    width: 1em;
    height: 1em;
    margin: 2px 3px 0 0;
    display: inline-block;
    vertical-align: middle;
    background-color: #7ea0ad;
    border-radius: 4px
  }
  .pagebody h4.leads3 {
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 0 20px;
    font-size: 10px;
    color: #704558;
    background: none;
    line-height: 1.5
  }
  .pagebody h4.leads3:before {
    position: absolute;
    top: 2px;
    left: 3px;
    content: '';
    width: 1em;
    height: 1em;
    margin: 2px 3px 0 0;
    display: inline-block;
    vertical-align: middle;
    background-color: #ac8996;
    border-radius: 4px
  }
  .pagebody p {
    margin: 0 0 6px;
    font-size: 9px
  }
  .pagebody p.chapter {
    position: relative;
    z-index: 2;
    margin: 10px 0;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    background-color: #84be41;
    border-radius: 4px
  }
  .pagebody p.chapter.orange {
    background-color: #f3b351
  }
  .pagebody p.title {
    padding: 10px 15px;
    font-size: #84be41;
    font-weight: bold;
    color: #fff;
    line-height: 1.4;
    background-color: #84be41;
    border-radius: 4px
  }
  .pagebody p.title.subject1 {
    background-color: #a44394
  }
  .pagebody p.title.subject2 {
    background-color: #2062af
  }
  .pagebody p.title.subject3 {
    background-color: #12a790
  }
  .pagebody p.title.subject4 {
    background-color: #63b72f
  }
  .pagebody p.title.subject5 {
    background-color: #e3b116
  }
  .pagebody p.title.subject6 {
    background-color: #e84133
  }
  .pagebody p.title span {
    display: block;
    font-size: 80%
  }
  .pagebody p.subtitle {
    margin: 0 0 3px;
    padding: 0 8px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    color: #fff;
    background-color: #4dbaeb;
    border-radius: 4px
  }
  .pagebody p.headline {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: bold;
    color: #346171;
    line-height: 1.5
  }
  .pagebody p.headline span {
    padding: 0 8px;
    color: #fff;
    background-color: #12a0c5
  }
  .pagebody p.headline.subject1 {
    color: #a44394
  }
  .pagebody p.headline.subject2 {
    color: #2062af
  }
  .pagebody p.headline.subject3 {
    color: #12a790
  }
  .pagebody p.headline.subject4 {
    color: #63b72f
  }
  .pagebody p.headline.subject5 {
    color: #e3b116
  }
  .pagebody p.headline.subject6 {
    color: #e84133
  }
  .pagebody p.leads {
    margin: 0;
    font-size: 10px;
    font-weight: bold
  }
  .pagebody p.bold {
    font-weight: bold
  }
  .pagebody p.list {
    margin: 0 0 20px;
    font-weight: bold
  }
  .pagebody p.list span {
    margin: 0 3px 0 0;
    padding: 3px 5px;
    color: #fff;
    border-radius: 4px
  }
  .pagebody p.list.subject1 span {
    background-color: #a44394
  }
  .pagebody p.list.subject2 span {
    background-color: #2062af
  }
  .pagebody p.list.subject3 span {
    background-color: #12a790
  }
  .pagebody p.list.subject4 span {
    background-color: #63b72f
  }
  .pagebody p.list.subject5 span {
    background-color: #e3b116
  }
  .pagebody p.list.subject6 span {
    background-color: #e84133
  }
  .pagebody p.notes {
    margin: 0 0 5px;
    font-size: 8px;
    line-height: 1.5
  }
  .pagebody p.notes+.notes {
    margin: -5px 0 5px
  }
  .pagebody p.notestitle {
    margin: 8px 0 5px 5px;
    padding: 3px 5px;
    padding: 0 0 5px;
    font-size: 8px;
    font-weight: bold;
    color: #8a8654;
    line-height: 1.4;
    border-bottom: 1px solid #ddd
  }
  .pagebody p.caption {
    margin: 5px 0;
    font-size: 8px;
    line-height: 1.5
  }
  .pagebody p.date {
    padding: 8px 12px;
    background-color: #fee;
    overflow: hidden;
    border-radius: 4px
  }
  .pagebody p.time {
    margin: 0;
    padding: 0 0 0;
    font-size: 12px;
    font-weight: bold
  }
  .pagebody p.time span {
    width: 5em;
    margin: 0 1em 0 0;
    padding: 1px;
    display: inline-block;
    vertical-align: middle;
    font-size: 90%;
    color: #fff;
    text-align: center;
    background-color: #4dbaeb;
    border-radius: 4px
  }
  .pagebody p.time span:before {
    margin: 0 2px 0 0;
    content: '\f017';
    font-family: FontAwesome
  }
  .pagebody p.act {
    margin: 0 0 20px 7.2em
  }
  .pagebody p.btn a {
    position: relative;
    padding: 6px 30px 6px 20px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    color: #fff;
    background-color: #009fcd;
    border: 1px solid #ddd;
    border-radius: 2em
  }
  .pagebody p.btn a:after {
    position: absolute;
    top: 50%;
    right: 12px;
    margin: -6px 0 0;
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 1
  }
  .pagebody p.btn a[target="_blank"] {
    padding: 6px 40px 6px 20px
  }
  .pagebody p.btn a[target="_blank"]:after {
    margin: -6px 0 0 12px;
    color: #fff !important
  }
  .pagebody p.btn a:hover {
    color: #009fcd;
    background-color: #fff;
    text-decoration: none !important;
    box-shadow: 1px 1px 5px -3px rgba(0, 0, 0, 0.5) inset
  }
  .pagebody p.btn a:hover:after {
    color: #009fcd !important
  }
  .pagebody p.btn.large a {
    font-size: 120%;
    border-radius: 2em
  }
  .pagebody p.filebtn a {
    position: relative;
    padding: 6px 40px 6px 20px !important;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    color: #fff;
    background-color: #ea8b2d;
    background-position: right 20px center !important;
    border: 1px solid #ea8b2d;
    border-radius: 2em
  }
  .pagebody p.filebtn a span {
    font-size: 90%;
    font-weight: normal
  }
  .pagebody p.filebtn a:hover {
    color: #ea8b2d;
    background-color: #fff;
    text-decoration: none !important;
    box-shadow: 1px 1px 5px -3px rgba(0, 0, 0, 0.5) inset
  }
  .pagebody p.filebtn a:hover:after {
    color: #009fcd !important
  }
  .pagebody p.step {
    position: relative;
    margin: 0;
    padding: 20px 0 0 70px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2
  }
  .pagebody p.step span {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    margin: 0 10px 0 0;
    display: block;
    font-size: 12px;
    text-align: center;
    line-height: 60px;
    background-color: #c6e7f0;
    border-radius: 30px
  }
  .pagebody p.sec_title {
    margin: 12px 0 !important;
    padding: 4px 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #666
  }
  .pagebody p.sec_headline {
    margin: 0 0 12px !important;
    padding: 4px 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    background-color: #c6e7f0
  }
  .pagebody p.sec_headline.opt {
    background-color: #f0bdce
  }
  .pagebody p.sec_opt {
    margin: 0 0 5px !important;
    padding: 4px 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    background-color: #e892b4
  }
  .pagebody p.g_title {
    font-size: 18px;
    line-height: 1.5
  }
  .pagebody p.g_status {
    margin: 0 0 0 14px;
    font-size: 8px;
    line-height: 1.5
  }
  .pagebody p.g_name {
    margin: 0 0 0 14px;
    font-size: 14px;
    line-height: 1.5
  }
  .pagebody p.en-title {
    font-family: "Sumana", serif;
    font-size: 18px;
    line-height: 1.2
  }
  .pagebody p.en-name {
    font-family: "Sumana", serif;
    font-size: 14px;
    line-height: 1.2
  }
  .pagebody p.en-body {
    font-family: "Sumana", serif;
    font-size: 10px;
    line-height: 1.5
  }
  .pagebody ol {
    margin: 0 0 12px 2em;
    list-style-type: decimal
  }
  .pagebody ol li {
    margin: 0 0 5px;
    font-size: 9px;
    line-height: 1.6
  }
  .pagebody ol.num {
    margin: 0 0 12px;
    counter-reset: li
  }
  .pagebody ol.num>li {
    position: relative;
    margin: 0 0 0 1.5em;
    padding: .6em 0 0 8px;
    list-style-type: none
  }
  .pagebody ol.num>li strong {
    font-size: 110%
  }
  .pagebody ol.num>li table {
    margin: 5px 0 10px
  }
  .pagebody ol.num>li table th {
    position: relative;
    padding: 0 15px 0 0;
    vertical-align: top
  }
  .pagebody ol.num>li table th:after {
    position: absolute;
    top: 0;
    right: 3px;
    content: ':'
  }
  .pagebody ol.num>li h2 {
    margin-left: 0
  }
  .pagebody ol.num>li p {
    font-size: 1em
  }
  .pagebody ol.num.subject1>li:before {
    background-color: #a44394
  }
  .pagebody ol.num.subject2>li:before {
    background-color: #2062af
  }
  .pagebody ol.num.subject3>li:before {
    background-color: #12a790
  }
  .pagebody ol.num.subject4>li:before {
    background-color: #63b72f
  }
  .pagebody ol.num.subject5>li:before {
    background-color: #e3b116
  }
  .pagebody ol.num.subject6>li:before {
    background-color: #e84133
  }
  .pagebody ul li {
    font-size: 9px
  }
  .pagebody ul li:before {
    font-size: 6px
  }
  .pagebody ul li ul li {
    font-size: 9px
  }
  .pagebody ul li ul li:before {
    font-size: 4px
  }
  .pagebody ul.llist li:before {
    font-size: 8px
  }
  .pagebody ul.notes li {
    font-size: 8px;
    line-height: 1.4
  }
  .pagebody ul.notes li:before {
    top: .5em
  }
  .pagebody ul.notes.llist li:before {
    top: .2em
  }
  .pagebody ul.blist {
    margin: 0
  }
  .pagebody ul.blist.block li {
    display: block
  }
  .pagebody ul.blist li {
    margin: 0;
    padding: 0;
    display: inline;
    font-size: 8px
  }
  .pagebody ul.blist li:before {
    display: none
  }
  .pagebody ul.blist li a {
    position: relative;
    margin: 0 2px 5px 0;
    padding: 4px 20px 4px 8px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #009fcd;
    border-radius: 4px
  }
  .pagebody ul.blist li a:before {
    position: absolute;
    content: '\f105';
    top: 50%;
    right: 7px;
    margin: -6px 0 0;
    font-family: FontAwesome;
    font-size: 12px;
    color: #999;
    line-height: 1
  }
  .pagebody ul.blist li a:hover {
    color: #fff;
    background-color: #009fcd
  }
  .pagebody ul.blist li ul {
    margin: 5px 0 0 12px
  }
  .pagebody ul.tabmenu {
    margin: 0 0 30px;
    border-bottom: 1px solid #12a0c5
  }
  .pagebody ul.tabmenu li {
    margin: 0;
    padding: 0;
    display: inline;
    font-size: 10px
  }
  .pagebody ul.tabmenu li:before {
    display: none
  }
  .pagebody ul.tabmenu li a {
    position: relative;
    margin: 0 2px 0 0;
    padding: 8px 20px 8px 12px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #009fcd;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    outline: none
  }
  .pagebody ul.tabmenu li a:before {
    position: absolute;
    content: '\f105';
    top: 50%;
    right: 7px;
    margin: -6px 0 0;
    font-family: FontAwesome;
    font-size: 12px;
    color: #999;
    line-height: 1
  }
  .pagebody ul.tabmenu li a:hover {
    color: #fff;
    background-color: #009fcd
  }
  .pagebody ul.tabmenu li.ui-state-active a {
    color: #fff;
    background-color: #009fcd
  }
  .pagebody ul table {
    margin: 5px 0 0
  }
  .pagebody ul table th {
    padding: 0 8px 3px 0
  }
  .pagebody ul table td {
    padding: 0 0 3px
  }
  .pagebody dl {
    padding: 0 0 8px
  }
  .pagebody dl dt {
    font-size: 9px;
    font-weight: bold;
    line-height: 1.5
  }
  .pagebody dl dd {
    margin: 0 0 5px 14px;
    font-size: 9px;
    line-height: 1.5
  }
  .pagebody dl.list {
    overflow: hidden
  }
  .pagebody dl.list dt {
    clear: left;
    float: left
  }
  .pagebody dl.list dt:after {
    content: ':';
    margin: 0 3px
  }
  .pagebody dl.list dd {
    float: left;
    margin: 0 0 5px
  }
  body.en .pagebody h4.leads {
    padding: 8px;
    line-height: 1.2
  }
  .archivetitle h1 {
    clear: both;
    margin: 10px 0 20px;
    padding: 20px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    background-color: #fff
  }
  .archivebody .entrylist {
    margin: 0 0 15px;
    padding: 10px 20px 15px;
    display: block;
    background-color: #fff;
    border: 1px solid #fff;
    overflow: hidden;
    text-decoration: none
  }
  .archivebody .entrylist .entryimg {
    float: left;
    width: auto;
    height: 150px;
    margin: -10px 20px -15px -20px
  }
  .archivebody .entrylist .entryimg img {
    width: auto !important;
    height: 150px !important
  }
  .archivebody .entrylist h2 {
    font-size: 10px;
    font-weight: bold;
    color: #000;
    line-height: 1.5;
    overflow: hidden
  }
  .archivebody .entrylist .catname {
    margin: 0 5px 8px 0;
    padding: 3px 5px 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 8px;
    font-weight: bold;
    color: #fff;
    border-radius: 2px;
    overflow: hidden;
    vertical-align: middle
  }
  .archivebody .entrylist p {
    font-size: 8px;
    color: #666;
    line-height: 1.5
  }
  .archivebody .entrylist:hover {
    border: 1px solid #ddd;
    text-decoration: none;
    opacity: .8
  }
  .archivebody .entrylist:hover .entryimg {
    transition-property: background-color, border, color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color, border, color, opacity;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    opacity: .8
  }
  .panel {
    padding: 15px 20px;
    margin: 0 0 12px;
    border-radius: 4px;
    background-color: #efefef;
    overflow: hidden
  }
  .panel h3 {
    margin-top: 0 !important
  }
  .panel p {
    margin-bottom: 0
  }
  .panel ul {
    margin: 0
  }
  .panel ul li {
    margin: 1.5px 0
  }
  a.panel {
    position: relative;
    padding: 15px 30px 15px 20px;
    display: block;
    border: 1px solid #efefef;
    text-decoration: none !important
  }
  a.panel p {
    color: #000
  }
  a.panel:hover {
    background-transition-property: background-color, border, color, opacity;
    background-transition-duration: .2s;
    background-transition-timing-function: linear;
    background--webkit-transition-property: background-color, border, color, opacity;
    background--webkit-transition-duration: .2s;
    background--webkit-transition-timing-function: linear;
    background-color: #fff;
    border: 1px solid #ccc
  }
  a.panel:after {
    position: absolute;
    content: '\f105';
    top: 50%;
    right: 20px;
    margin: -10px 0 0;
    font-family: FontAwesome;
    font-size: 20px;
    color: #999;
    line-height: 1
  }
  .border {
    padding: 10px 20px;
    margin: 0 0 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden
  }
  .border h3.leads {
    margin: 5px -8px 8px
  }
  .border p {
    margin-bottom: 0
  }
  .border .columnbox .column {
    padding: 0
  }
  .note {
    clear: both;
    margin: 12px 0 0;
    padding: 12px 0 0;
    border-top: 1px solid #ddd
  }
  .greetings {
    margin: 0 0 20px;
    padding: 20px 0;
    border-top: 1px solid #ddd;
    border-bottom: 3px solid #12a0c5;
    overflow: hidden
  }
  .sign {
    margin: 0 0 15px;
    padding: 15px 5px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    overflow: hidden
  }
  .sign img {
    max-height: 44px
  }
  #newsbox {
    padding: 25px 0;
    background-color: #ecf3f5;
    overflow: hidden
  }
  #newsbox>div {
    margin: 0 auto;
    padding: 0 40px
  }
  #newsbox>div .newsheader {
    margin: 0 0 8px;
    overflow: hidden
  }
  #newsbox>div .newsheader h2 {
    float: left;
    margin: 0 10px 0 0;
    font-size: 14px
  }
  #newsbox>div .newsheader ul li {
    float: left;
    margin: 0 0 0 5px
  }
  #newsbox>div .newsheader ul li a {
    padding: 3px 6px;
    display: inline-block;
    vertical-align: middle;
    font-size: 8px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    border-radius: 2px
  }
  #newsbox>div .newsheader ul li a:hover {
    opacity: .8
  }
  #newsbox>div .newsheader p {
    float: right;
    margin: 3px 0 0
  }
  #newsbox>div .newsheader p a {
    padding: 5px 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 8px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background-color: #555;
    border-radius: 4px
  }
  #newsbox>div .newsheader p a:hover {
    transition-property: background-color, border, color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color, border, color, opacity;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    color: #555;
    background-color: #fff
  }
  #newsbox>div .newsheader p a:after {
    margin: 0 0 0 5px;
    content: '\f105';
    font-family: FontAwesome
  }
  #newsbox>div .entrylist {
    padding: 15px 20px;
    display: block;
    background-color: #fff;
    border: 1px solid #fff
  }
  #newsbox>div .entrylist .entryimg {
    margin: -16px -22px 15px
  }
  #newsbox>div .entrylist h2 {
    font-size: 8px;
    font-weight: bold;
    color: #000;
    line-height: 1.5
  }
  #newsbox>div .entrylist .catname {
    margin: 0 0 8px;
    padding: 3px 5px 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 8px;
    font-weight: bold;
    color: #fff;
    border-radius: 2px;
    overflow: hidden
  }
  #newsbox>div .entrylist p {
    font-size: 8px;
    color: #666;
    line-height: 1.5
  }
  #newsbox>div .entrylist:hover {
    border: 1px solid #ddd;
    text-decoration: none;
    opacity: .8
  }
  #newsbox>div .entrylist:hover .entryimg {
    transition-property: background-color, border, color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color, border, color, opacity;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    opacity: .8
  }
  #newsbox .newsbox_outer {
    position: relative
  }
  #newsbox .newsbox_outer .newsbox {
    width: 20%
  }
  #newsbox .newsbox_outer .newsbox_prev {
    position: absolute;
    top: 50%;
    left: -22px;
    margin: -22px 0 0;
    width: 44px;
    height: 44px
  }
  #newsbox .newsbox_outer .newsbox_prev a {
    position: relative;
    width: 44px;
    height: 44px;
    display: block;
    text-indent: -3000px;
    text-decoration: none
  }
  #newsbox .newsbox_outer .newsbox_prev a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    display: block;
    content: '\f104';
    font-family: FontAwesome;
    color: #000;
    text-align: center;
    line-height: 44px;
    text-indent: 0;
    background-color: #fff;
    border-radius: 4px
  }
  #newsbox .newsbox_outer .newsbox_prev a:hover {
    transition-property: background-color, border, color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color, border, color, opacity;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    opacity: .8
  }
  #newsbox .newsbox_outer .newsbox_next {
    position: absolute;
    top: 50%;
    right: -22px;
    margin: -22px 0 0;
    width: 44px;
    height: 44px
  }
  #newsbox .newsbox_outer .newsbox_next a {
    position: relative;
    width: 44px;
    height: 44px;
    display: block;
    text-indent: -3000px;
    text-decoration: none
  }
  #newsbox .newsbox_outer .newsbox_next a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    display: block;
    content: '\f105';
    font-family: FontAwesome;
    color: #000;
    text-align: center;
    line-height: 44px;
    text-indent: 0;
    background-color: #fff;
    border-radius: 4px
  }
  #newsbox .newsbox_outer .newsbox_next a:hover {
    transition-property: background-color, border, color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color, border, color, opacity;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    opacity: .8
  }
  #newsbox .newsbox_outer .disabled {
    display: none !important
  }
  .catname.news {
    background-color: #d91f53
  }
  .catname.info {
    background-color: #009e8e
  }
  .columns {
    column-count: 2
  }
  .ruby {
    font-size: 80%
  }
  .profilebox {
    float: left;
    width: 30%;
    margin: 0 30px 30px 0
  }
  .profilebox .profile {
    margin: 0 0 20px;
    padding: 10px;
    border: 1px solid #ddd
  }
  .profilebox .profile .name img {
    margin: 10px 5px 0;
    width: auto;
    max-width: 100%;
    max-height: 40px
  }
  .historyflow {
    position: relative;
    margin: 0 0 35px;
    padding: 10px 20px;
    border: 3px solid #12a0c5;
    border-radius: 8px
  }
  .historyflow:after {
    position: absolute;
    border: 2px;
    left: 20px;
    content: '\f063';
    font-family: FontAwesome;
    font-size: 50px;
    color: #12a0c5
  }
  .historyflow.last:after {
    content: ''
  }
  .historyflow p.school {
    margin: 0;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2
  }
  .historyflow p.found {
    margin: 8px 0 0;
    padding: 8px 0 0;
    font-family: "Noto Sans", sans-serif;
    line-height: 1.2;
    border-top: 1px solid #ddd
  }
  .pagebody p.school {
    margin: 5px 0 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2
  }
  .pagebody p.found {
    margin: 8px 0 0;
    padding: 8px 0 0;
    line-height: 1.2;
    border-top: 1px solid #ddd
  }
  .pagebody p.found+.school {
    margin: 20px 0 0
  }
  .iframe {
    padding: 25px
  }
  .contactbox {
    position: relative;
    z-index: 10
  }
  .contactbox:after {
    content: '';
    padding: 92.68293% 0 0;
    display: block
  }
  .contactbox .mapicon {
    position: absolute;
    z-index: 100;
    width: 24px;
    height: 26px
  }
  .contactbox .mapicon:hover {
    transition-property: background-color, border, color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color, border, color, opacity;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear
  }
  .contactbox h2 .mapicon {
    position: static;
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle
  }
  .contactbox .mapicon1 {
    position: absolute;
    z-index: 100;
    width: 24px;
    height: 26px;
    font-size: 8px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background-image: url('../images/mapicon1.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    animation: none
  }
  .contactbox .mapicon1:hover {
    transition-property: background-color, border, color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color, border, color, opacity;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    color: #507590;
    background-image: url('../images/mapicon1_on.png')
  }
  .contactbox .mapicon1.active {
    color: #507590;
    background-image: url('../images/mapicon1_on.png');
    -webkit-animation: blink 0.5s ease-in-out infinite alternate;
    -moz-animation: blink 0.5s ease-in-out infinite alternate;
    animation: blink 0.5s ease-in-out infinite alternate
  }
  .contactbox .mapicon2 {
    position: absolute;
    z-index: 100;
    width: 24px;
    height: 26px;
    font-size: 8px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background-image: url('../images/mapicon2.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    animation: none
  }
  .contactbox .mapicon2:hover {
    transition-property: background-color, border, color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color, border, color, opacity;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    color: #a95d64;
    background-image: url('../images/mapicon2_on.png')
  }
  .contactbox .mapicon2.active {
    color: #a95d64;
    background-image: url('../images/mapicon2_on.png');
    -webkit-animation: blink 0.5s ease-in-out infinite alternate;
    -moz-animation: blink 0.5s ease-in-out infinite alternate;
    animation: blink 0.5s ease-in-out infinite alternate
  }
  .contactbox #mapicon1 {
    top: 4%;
    left: 40.5%
  }
  .contactbox #mapicon2 {
    top: 4%;
    left: 25.5%
  }
  .contactbox #mapicon3 {
    top: 15.5%;
    left: 21%
  }
  .contactbox #mapicon4 {
    top: 14.5%;
    left: 25.5%
  }
  .contactbox #mapicon5 {
    top: 8.5%;
    left: 24%
  }
  .contactbox #mapicon6 {
    top: 38.5%;
    right: 31%
  }
  .contactbox #mapicon7 {
    right: 24%;
    bottom: 17.5%
  }
  .contactbox #mapicon8 {
    right: 31.5%;
    bottom: 14.5%
  }
  @-webkit-keyframes blink {
    0% {
      opacity: 0.5
    }
    100% {
      opacity: 1
    }
  }
  @-moz-keyframes blink {
    0% {
      opacity: 0.5
    }
    100% {
      opacity: 1
    }
  }
  @keyframes blink {
    0% {
      opacity: 0.5
    }
    100% {
      opacity: 1
    }
  }
  .conbg {
    position: absolute
  }
  .conpanel {
    display: none;
    position: absolute;
    z-index: 101;
    top: 40%;
    left: 20px;
    width: 45%;
    padding: 10px;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    border-top: 3px solid #12a0c5;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2)
  }
  .conpanel.conpanel1 {
    border-top: 3px solid #507590
  }
  .conpanel.conpanel2 {
    border-top: 3px solid #a95d64
  }
  .conpanel h2.leads {
    margin: 10px 0 8px;
    padding: 0 0 8px
  }
  .conpanel p.notes {
    margin: 0
  }
  .conpanel p.close {
    float: right;
    margin: 8px 0 0;
    padding: 3px 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 8px;
    border: 1px solid #ddd;
    cursor: pointer
  }
  .conpanel p.close:before {
    content: '\f00d';
    font-family: FontAwesome;
    margin: 0 5px 0 0
  }
  .conpanel p.close:hover {
    transition-property: background-color, border, color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color, border, color, opacity;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    color: #fff;
    background-color: #666
  }
  .maplist {
    margin: 20px 0 0;
    padding: 20px;
    border-top: 1px solid #ddd
  }
  .maplist li {
    color: #009fcd;
    cursor: pointer;
    font-weight: bold
  }
  .maplist li.maplist1 {
    color: #0e74ab
  }
  .maplist li.maplist1:before {
    background-color: #0e74ab !important
  }
  .maplist li.maplist2 {
    color: #a95d64
  }
  .maplist li.maplist2:before {
    background-color: #a95d64 !important
  }
  .maplist li:hover {
    color: #39f
  }
  .maplist li.active {
    color: #000
  }
  .type_a_box {
    padding: 15px 20px;
    background-color: #abdbeb;
    border-radius: 10px
  }
  .type_a_box p {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6
  }
  .type_a_box p.type {
    margin: -15px -20px 10px;
    padding: 5px 20px;
    font-size: 12px;
    color: #fff;
    background-color: #005d7c;
    border-radius: 10px 10px 0 0
  }
  .type_a_box p.target {
    margin: 0;
    padding: 5px 12px;
    font-size: 12px;
    border: 1px solid #005d7c;
    border-radius: 4px
  }
  .type_b_box {
    padding: 15px 20px;
    background-color: #e6ea96;
    border-radius: 10px
  }
  .type_b_box p {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6
  }
  .type_b_box p.type {
    margin: -15px -20px 10px;
    padding: 5px 20px;
    font-size: 12px;
    color: #fff;
    background-color: #456a27;
    border-radius: 10px 10px 0 0
  }
  .type_b_box p.target {
    margin: 0;
    padding: 5px 12px;
    font-size: 12px;
    border: 1px solid #456a27;
    border-radius: 4px
  }
  .height100 {
    position: relative
  }
  .height100 .border {
    height: 45.5%;
    box-sizing: border-box
  }
  img.voice {
    margin: 12px 0 8px;
    max-height: 44px
  }
  .panel img.voice {
    margin: 5px 0 0
  }
  .panel img.voice+p {
    padding: 10px 0 0
  }
  img.frame {
    width: 100%;
    margin: 0 0 10px;
    padding: 6px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    box-sizing: border-box
  }
  table.tbl th {
    font-size: 9px
  }
  table.tbl td {
    font-size: 9px
  }
  table.data th {
    font-size: 9px
  }
  table.data td {
    font-size: 9px
  }
  table.line tr:nth-child(even) th, table.line tr:nth-child(even) td {
    background-color: #f6f6f6
  }
  table.historytbl th {
    font-size: 9px
  }
  table.historytbl td {
    font-size: 9px
  }
  table.scheduletbl th {
    font-size: 9px
  }
  table.scheduletbl td {
    font-size: 9px
  }
  table.chart th[scope="row"] {
    font-size: 9px
  }
  table.chart th[scope="col"] div.title {
    font-size: 12px
  }
  table.chart th[scope="col"] div.vtxt {
    font-size: 8px
  }
  table.chart td {
    font-size: 9px
  }
  table.programtbl th {
    font-size: 8px
  }
  table.programtbl td {
    font-size: 8px
  }
  table.examdata th {
    font-size: 9px
  }
  table.examdata td {
    font-size: 9px
  }
  table.examtbl th {
    padding: 2px 4px
  }
  table.examtbl th[scope="col"] {
    padding: 2px 4px;
    font-size: 9px
  }
  table.examtbl th[scope="row"] {
    padding: 2px 4px;
    font-size: 12px
  }
  table.examtbl td {
    padding: 2px 4px;
    font-size: 9px
  }
  .fulimg {
    margin: 0 0 10px
  }
  .fultitle {
    position: relative;
    margin: 0 0 10px
  }
  .fulcontent {
    page-break-before: always;
    margin: 0 0 10px;
    padding: 10px 20px
  }
  .fulcontent h2 {
    margin-top: 0
  }
  .curriculum1 {
    padding: 5px
  }
  .curriculum1 ul {
    zoom: .9
  }
  .curriculum2 {
    padding: 5px
  }
  .curriculum2 ul {
    zoom: .9
  }
  .curriculum3 {
    padding: 5px
  }
  .curriculum3 ul {
    zoom: .9
  }
}

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.4.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-glass:before {
  content: ""
}

.fa-music:before {
  content: ""
}

.fa-search:before {
  content: ""
}

.fa-envelope-o:before {
  content: ""
}

.fa-heart:before {
  content: ""
}

.fa-star:before {
  content: ""
}

.fa-star-o:before {
  content: ""
}

.fa-user:before {
  content: ""
}

.fa-film:before {
  content: ""
}

.fa-th-large:before {
  content: ""
}

.fa-th:before {
  content: ""
}

.fa-th-list:before {
  content: ""
}

.fa-check:before {
  content: ""
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: ""
}

.fa-search-plus:before {
  content: ""
}

.fa-search-minus:before {
  content: ""
}

.fa-power-off:before {
  content: ""
}

.fa-signal:before {
  content: ""
}

.fa-gear:before, .fa-cog:before {
  content: ""
}

.fa-trash-o:before {
  content: ""
}

.fa-home:before {
  content: ""
}

.fa-file-o:before {
  content: ""
}

.fa-clock-o:before {
  content: ""
}

.fa-road:before {
  content: ""
}

.fa-download:before {
  content: ""
}

.fa-arrow-circle-o-down:before {
  content: ""
}

.fa-arrow-circle-o-up:before {
  content: ""
}

.fa-inbox:before {
  content: ""
}

.fa-play-circle-o:before {
  content: ""
}

.fa-rotate-right:before, .fa-repeat:before {
  content: ""
}

.fa-refresh:before {
  content: ""
}

.fa-list-alt:before {
  content: ""
}

.fa-lock:before {
  content: ""
}

.fa-flag:before {
  content: ""
}

.fa-headphones:before {
  content: ""
}

.fa-volume-off:before {
  content: ""
}

.fa-volume-down:before {
  content: ""
}

.fa-volume-up:before {
  content: ""
}

.fa-qrcode:before {
  content: ""
}

.fa-barcode:before {
  content: ""
}

.fa-tag:before {
  content: ""
}

.fa-tags:before {
  content: ""
}

.fa-book:before {
  content: ""
}

.fa-bookmark:before {
  content: ""
}

.fa-print:before {
  content: ""
}

.fa-camera:before {
  content: ""
}

.fa-font:before {
  content: ""
}

.fa-bold:before {
  content: ""
}

.fa-italic:before {
  content: ""
}

.fa-text-height:before {
  content: ""
}

.fa-text-width:before {
  content: ""
}

.fa-align-left:before {
  content: ""
}

.fa-align-center:before {
  content: ""
}

.fa-align-right:before {
  content: ""
}

.fa-align-justify:before {
  content: ""
}

.fa-list:before {
  content: ""
}

.fa-dedent:before, .fa-outdent:before {
  content: ""
}

.fa-indent:before {
  content: ""
}

.fa-video-camera:before {
  content: ""
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: ""
}

.fa-pencil:before {
  content: ""
}

.fa-map-marker:before {
  content: ""
}

.fa-adjust:before {
  content: ""
}

.fa-tint:before {
  content: ""
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: ""
}

.fa-share-square-o:before {
  content: ""
}

.fa-check-square-o:before {
  content: ""
}

.fa-arrows:before {
  content: ""
}

.fa-step-backward:before {
  content: ""
}

.fa-fast-backward:before {
  content: ""
}

.fa-backward:before {
  content: ""
}

.fa-play:before {
  content: ""
}

.fa-pause:before {
  content: ""
}

.fa-stop:before {
  content: ""
}

.fa-forward:before {
  content: ""
}

.fa-fast-forward:before {
  content: ""
}

.fa-step-forward:before {
  content: ""
}

.fa-eject:before {
  content: ""
}

.fa-chevron-left:before {
  content: ""
}

.fa-chevron-right:before {
  content: ""
}

.fa-plus-circle:before {
  content: ""
}

.fa-minus-circle:before {
  content: ""
}

.fa-times-circle:before {
  content: ""
}

.fa-check-circle:before {
  content: ""
}

.fa-question-circle:before {
  content: ""
}

.fa-info-circle:before {
  content: ""
}

.fa-crosshairs:before {
  content: ""
}

.fa-times-circle-o:before {
  content: ""
}

.fa-check-circle-o:before {
  content: ""
}

.fa-ban:before {
  content: ""
}

.fa-arrow-left:before {
  content: ""
}

.fa-arrow-right:before {
  content: ""
}

.fa-arrow-up:before {
  content: ""
}

.fa-arrow-down:before {
  content: ""
}

.fa-mail-forward:before, .fa-share:before {
  content: ""
}

.fa-expand:before {
  content: ""
}

.fa-compress:before {
  content: ""
}

.fa-plus:before {
  content: ""
}

.fa-minus:before {
  content: ""
}

.fa-asterisk:before {
  content: ""
}

.fa-exclamation-circle:before {
  content: ""
}

.fa-gift:before {
  content: ""
}

.fa-leaf:before {
  content: ""
}

.fa-fire:before {
  content: ""
}

.fa-eye:before {
  content: ""
}

.fa-eye-slash:before {
  content: ""
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: ""
}

.fa-plane:before {
  content: ""
}

.fa-calendar:before {
  content: ""
}

.fa-random:before {
  content: ""
}

.fa-comment:before {
  content: ""
}

.fa-magnet:before {
  content: ""
}

.fa-chevron-up:before {
  content: ""
}

.fa-chevron-down:before {
  content: ""
}

.fa-retweet:before {
  content: ""
}

.fa-shopping-cart:before {
  content: ""
}

.fa-folder:before {
  content: ""
}

.fa-folder-open:before {
  content: ""
}

.fa-arrows-v:before {
  content: ""
}

.fa-arrows-h:before {
  content: ""
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: ""
}

.fa-twitter-square:before {
  content: ""
}

.fa-facebook-square:before {
  content: ""
}

.fa-camera-retro:before {
  content: ""
}

.fa-key:before {
  content: ""
}

.fa-gears:before, .fa-cogs:before {
  content: ""
}

.fa-comments:before {
  content: ""
}

.fa-thumbs-o-up:before {
  content: ""
}

.fa-thumbs-o-down:before {
  content: ""
}

.fa-star-half:before {
  content: ""
}

.fa-heart-o:before {
  content: ""
}

.fa-sign-out:before {
  content: ""
}

.fa-linkedin-square:before {
  content: ""
}

.fa-thumb-tack:before {
  content: ""
}

.fa-external-link:before {
  content: ""
}

.fa-sign-in:before {
  content: ""
}

.fa-trophy:before {
  content: ""
}

.fa-github-square:before {
  content: ""
}

.fa-upload:before {
  content: ""
}

.fa-lemon-o:before {
  content: ""
}

.fa-phone:before {
  content: ""
}

.fa-square-o:before {
  content: ""
}

.fa-bookmark-o:before {
  content: ""
}

.fa-phone-square:before {
  content: ""
}

.fa-twitter:before {
  content: ""
}

.fa-facebook-f:before, .fa-facebook:before {
  content: ""
}

.fa-github:before {
  content: ""
}

.fa-unlock:before {
  content: ""
}

.fa-credit-card:before {
  content: ""
}

.fa-feed:before, .fa-rss:before {
  content: ""
}

.fa-hdd-o:before {
  content: ""
}

.fa-bullhorn:before {
  content: ""
}

.fa-bell:before {
  content: ""
}

.fa-certificate:before {
  content: ""
}

.fa-hand-o-right:before {
  content: ""
}

.fa-hand-o-left:before {
  content: ""
}

.fa-hand-o-up:before {
  content: ""
}

.fa-hand-o-down:before {
  content: ""
}

.fa-arrow-circle-left:before {
  content: ""
}

.fa-arrow-circle-right:before {
  content: ""
}

.fa-arrow-circle-up:before {
  content: ""
}

.fa-arrow-circle-down:before {
  content: ""
}

.fa-globe:before {
  content: ""
}

.fa-wrench:before {
  content: ""
}

.fa-tasks:before {
  content: ""
}

.fa-filter:before {
  content: ""
}

.fa-briefcase:before {
  content: ""
}

.fa-arrows-alt:before {
  content: ""
}

.fa-group:before, .fa-users:before {
  content: ""
}

.fa-chain:before, .fa-link:before {
  content: ""
}

.fa-cloud:before {
  content: ""
}

.fa-flask:before {
  content: ""
}

.fa-cut:before, .fa-scissors:before {
  content: ""
}

.fa-copy:before, .fa-files-o:before {
  content: ""
}

.fa-paperclip:before {
  content: ""
}

.fa-save:before, .fa-floppy-o:before {
  content: ""
}

.fa-square:before {
  content: ""
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: ""
}

.fa-list-ul:before {
  content: ""
}

.fa-list-ol:before {
  content: ""
}

.fa-strikethrough:before {
  content: ""
}

.fa-underline:before {
  content: ""
}

.fa-table:before {
  content: ""
}

.fa-magic:before {
  content: ""
}

.fa-truck:before {
  content: ""
}

.fa-pinterest:before {
  content: ""
}

.fa-pinterest-square:before {
  content: ""
}

.fa-google-plus-square:before {
  content: ""
}

.fa-google-plus:before {
  content: ""
}

.fa-money:before {
  content: ""
}

.fa-caret-down:before {
  content: ""
}

.fa-caret-up:before {
  content: ""
}

.fa-caret-left:before {
  content: ""
}

.fa-caret-right:before {
  content: ""
}

.fa-columns:before {
  content: ""
}

.fa-unsorted:before, .fa-sort:before {
  content: ""
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: ""
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: ""
}

.fa-envelope:before {
  content: ""
}

.fa-linkedin:before {
  content: ""
}

.fa-rotate-left:before, .fa-undo:before {
  content: ""
}

.fa-legal:before, .fa-gavel:before {
  content: ""
}

.fa-dashboard:before, .fa-tachometer:before {
  content: ""
}

.fa-comment-o:before {
  content: ""
}

.fa-comments-o:before {
  content: ""
}

.fa-flash:before, .fa-bolt:before {
  content: ""
}

.fa-sitemap:before {
  content: ""
}

.fa-umbrella:before {
  content: ""
}

.fa-paste:before, .fa-clipboard:before {
  content: ""
}

.fa-lightbulb-o:before {
  content: ""
}

.fa-exchange:before {
  content: ""
}

.fa-cloud-download:before {
  content: ""
}

.fa-cloud-upload:before {
  content: ""
}

.fa-user-md:before {
  content: ""
}

.fa-stethoscope:before {
  content: ""
}

.fa-suitcase:before {
  content: ""
}

.fa-bell-o:before {
  content: ""
}

.fa-coffee:before {
  content: ""
}

.fa-cutlery:before {
  content: ""
}

.fa-file-text-o:before {
  content: ""
}

.fa-building-o:before {
  content: ""
}

.fa-hospital-o:before {
  content: ""
}

.fa-ambulance:before {
  content: ""
}

.fa-medkit:before {
  content: ""
}

.fa-fighter-jet:before {
  content: ""
}

.fa-beer:before {
  content: ""
}

.fa-h-square:before {
  content: ""
}

.fa-plus-square:before {
  content: ""
}

.fa-angle-double-left:before {
  content: ""
}

.fa-angle-double-right:before {
  content: ""
}

.fa-angle-double-up:before {
  content: ""
}

.fa-angle-double-down:before {
  content: ""
}

.fa-angle-left:before {
  content: ""
}

.fa-angle-right:before {
  content: ""
}

.fa-angle-up:before {
  content: ""
}

.fa-angle-down:before {
  content: ""
}

.fa-desktop:before {
  content: ""
}

.fa-laptop:before {
  content: ""
}

.fa-tablet:before {
  content: ""
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: ""
}

.fa-circle-o:before {
  content: ""
}

.fa-quote-left:before {
  content: ""
}

.fa-quote-right:before {
  content: ""
}

.fa-spinner:before {
  content: ""
}

.fa-circle:before {
  content: ""
}

.fa-mail-reply:before, .fa-reply:before {
  content: ""
}

.fa-github-alt:before {
  content: ""
}

.fa-folder-o:before {
  content: ""
}

.fa-folder-open-o:before {
  content: ""
}

.fa-smile-o:before {
  content: ""
}

.fa-frown-o:before {
  content: ""
}

.fa-meh-o:before {
  content: ""
}

.fa-gamepad:before {
  content: ""
}

.fa-keyboard-o:before {
  content: ""
}

.fa-flag-o:before {
  content: ""
}

.fa-flag-checkered:before {
  content: ""
}

.fa-terminal:before {
  content: ""
}

.fa-code:before {
  content: ""
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: ""
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: ""
}

.fa-location-arrow:before {
  content: ""
}

.fa-crop:before {
  content: ""
}

.fa-code-fork:before {
  content: ""
}

.fa-unlink:before, .fa-chain-broken:before {
  content: ""
}

.fa-question:before {
  content: ""
}

.fa-info:before {
  content: ""
}

.fa-exclamation:before {
  content: ""
}

.fa-superscript:before {
  content: ""
}

.fa-subscript:before {
  content: ""
}

.fa-eraser:before {
  content: ""
}

.fa-puzzle-piece:before {
  content: ""
}

.fa-microphone:before {
  content: ""
}

.fa-microphone-slash:before {
  content: ""
}

.fa-shield:before {
  content: ""
}

.fa-calendar-o:before {
  content: ""
}

.fa-fire-extinguisher:before {
  content: ""
}

.fa-rocket:before {
  content: ""
}

.fa-maxcdn:before {
  content: ""
}

.fa-chevron-circle-left:before {
  content: ""
}

.fa-chevron-circle-right:before {
  content: ""
}

.fa-chevron-circle-up:before {
  content: ""
}

.fa-chevron-circle-down:before {
  content: ""
}

.fa-html5:before {
  content: ""
}

.fa-css3:before {
  content: ""
}

.fa-anchor:before {
  content: ""
}

.fa-unlock-alt:before {
  content: ""
}

.fa-bullseye:before {
  content: ""
}

.fa-ellipsis-h:before {
  content: ""
}

.fa-ellipsis-v:before {
  content: ""
}

.fa-rss-square:before {
  content: ""
}

.fa-play-circle:before {
  content: ""
}

.fa-ticket:before {
  content: ""
}

.fa-minus-square:before {
  content: ""
}

.fa-minus-square-o:before {
  content: ""
}

.fa-level-up:before {
  content: ""
}

.fa-level-down:before {
  content: ""
}

.fa-check-square:before {
  content: ""
}

.fa-pencil-square:before {
  content: ""
}

.fa-external-link-square:before {
  content: ""
}

.fa-share-square:before {
  content: ""
}

.fa-compass:before {
  content: ""
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: ""
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: ""
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: ""
}

.fa-euro:before, .fa-eur:before {
  content: ""
}

.fa-gbp:before {
  content: ""
}

.fa-dollar:before, .fa-usd:before {
  content: ""
}

.fa-rupee:before, .fa-inr:before {
  content: ""
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: ""
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: ""
}

.fa-won:before, .fa-krw:before {
  content: ""
}

.fa-bitcoin:before, .fa-btc:before {
  content: ""
}

.fa-file:before {
  content: ""
}

.fa-file-text:before {
  content: ""
}

.fa-sort-alpha-asc:before {
  content: ""
}

.fa-sort-alpha-desc:before {
  content: ""
}

.fa-sort-amount-asc:before {
  content: ""
}

.fa-sort-amount-desc:before {
  content: ""
}

.fa-sort-numeric-asc:before {
  content: ""
}

.fa-sort-numeric-desc:before {
  content: ""
}

.fa-thumbs-up:before {
  content: ""
}

.fa-thumbs-down:before {
  content: ""
}

.fa-youtube-square:before {
  content: ""
}

.fa-youtube:before {
  content: ""
}

.fa-xing:before {
  content: ""
}

.fa-xing-square:before {
  content: ""
}

.fa-youtube-play:before {
  content: ""
}

.fa-dropbox:before {
  content: ""
}

.fa-stack-overflow:before {
  content: ""
}

.fa-instagram:before {
  content: ""
}

.fa-flickr:before {
  content: ""
}

.fa-adn:before {
  content: ""
}

.fa-bitbucket:before {
  content: ""
}

.fa-bitbucket-square:before {
  content: ""
}

.fa-tumblr:before {
  content: ""
}

.fa-tumblr-square:before {
  content: ""
}

.fa-long-arrow-down:before {
  content: ""
}

.fa-long-arrow-up:before {
  content: ""
}

.fa-long-arrow-left:before {
  content: ""
}

.fa-long-arrow-right:before {
  content: ""
}

.fa-apple:before {
  content: ""
}

.fa-windows:before {
  content: ""
}

.fa-android:before {
  content: ""
}

.fa-linux:before {
  content: ""
}

.fa-dribbble:before {
  content: ""
}

.fa-skype:before {
  content: ""
}

.fa-foursquare:before {
  content: ""
}

.fa-trello:before {
  content: ""
}

.fa-female:before {
  content: ""
}

.fa-male:before {
  content: ""
}

.fa-gittip:before, .fa-gratipay:before {
  content: ""
}

.fa-sun-o:before {
  content: ""
}

.fa-moon-o:before {
  content: ""
}

.fa-archive:before {
  content: ""
}

.fa-bug:before {
  content: ""
}

.fa-vk:before {
  content: ""
}

.fa-weibo:before {
  content: ""
}

.fa-renren:before {
  content: ""
}

.fa-pagelines:before {
  content: ""
}

.fa-stack-exchange:before {
  content: ""
}

.fa-arrow-circle-o-right:before {
  content: ""
}

.fa-arrow-circle-o-left:before {
  content: ""
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: ""
}

.fa-dot-circle-o:before {
  content: ""
}

.fa-wheelchair:before {
  content: ""
}

.fa-vimeo-square:before {
  content: ""
}

.fa-turkish-lira:before, .fa-try:before {
  content: ""
}

.fa-plus-square-o:before {
  content: ""
}

.fa-space-shuttle:before {
  content: ""
}

.fa-slack:before {
  content: ""
}

.fa-envelope-square:before {
  content: ""
}

.fa-wordpress:before {
  content: ""
}

.fa-openid:before {
  content: ""
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: ""
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: ""
}

.fa-yahoo:before {
  content: ""
}

.fa-google:before {
  content: ""
}

.fa-reddit:before {
  content: ""
}

.fa-reddit-square:before {
  content: ""
}

.fa-stumbleupon-circle:before {
  content: ""
}

.fa-stumbleupon:before {
  content: ""
}

.fa-delicious:before {
  content: ""
}

.fa-digg:before {
  content: ""
}

.fa-pied-piper:before {
  content: ""
}

.fa-pied-piper-alt:before {
  content: ""
}

.fa-drupal:before {
  content: ""
}

.fa-joomla:before {
  content: ""
}

.fa-language:before {
  content: ""
}

.fa-fax:before {
  content: ""
}

.fa-building:before {
  content: ""
}

.fa-child:before {
  content: ""
}

.fa-paw:before {
  content: ""
}

.fa-spoon:before {
  content: ""
}

.fa-cube:before {
  content: ""
}

.fa-cubes:before {
  content: ""
}

.fa-behance:before {
  content: ""
}

.fa-behance-square:before {
  content: ""
}

.fa-steam:before {
  content: ""
}

.fa-steam-square:before {
  content: ""
}

.fa-recycle:before {
  content: ""
}

.fa-automobile:before, .fa-car:before {
  content: ""
}

.fa-cab:before, .fa-taxi:before {
  content: ""
}

.fa-tree:before {
  content: ""
}

.fa-spotify:before {
  content: ""
}

.fa-deviantart:before {
  content: ""
}

.fa-soundcloud:before {
  content: ""
}

.fa-database:before {
  content: ""
}

.fa-file-pdf-o:before {
  content: ""
}

.fa-file-word-o:before {
  content: ""
}

.fa-file-excel-o:before {
  content: ""
}

.fa-file-powerpoint-o:before {
  content: ""
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: ""
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: ""
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: ""
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: ""
}

.fa-file-code-o:before {
  content: ""
}

.fa-vine:before {
  content: ""
}

.fa-codepen:before {
  content: ""
}

.fa-jsfiddle:before {
  content: ""
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: ""
}

.fa-circle-o-notch:before {
  content: ""
}

.fa-ra:before, .fa-rebel:before {
  content: ""
}

.fa-ge:before, .fa-empire:before {
  content: ""
}

.fa-git-square:before {
  content: ""
}

.fa-git:before {
  content: ""
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: ""
}

.fa-tencent-weibo:before {
  content: ""
}

.fa-qq:before {
  content: ""
}

.fa-wechat:before, .fa-weixin:before {
  content: ""
}

.fa-send:before, .fa-paper-plane:before {
  content: ""
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: ""
}

.fa-history:before {
  content: ""
}

.fa-circle-thin:before {
  content: ""
}

.fa-header:before {
  content: ""
}

.fa-paragraph:before {
  content: ""
}

.fa-sliders:before {
  content: ""
}

.fa-share-alt:before {
  content: ""
}

.fa-share-alt-square:before {
  content: ""
}

.fa-bomb:before {
  content: ""
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: ""
}

.fa-tty:before {
  content: ""
}

.fa-binoculars:before {
  content: ""
}

.fa-plug:before {
  content: ""
}

.fa-slideshare:before {
  content: ""
}

.fa-twitch:before {
  content: ""
}

.fa-yelp:before {
  content: ""
}

.fa-newspaper-o:before {
  content: ""
}

.fa-wifi:before {
  content: ""
}

.fa-calculator:before {
  content: ""
}

.fa-paypal:before {
  content: ""
}

.fa-google-wallet:before {
  content: ""
}

.fa-cc-visa:before {
  content: ""
}

.fa-cc-mastercard:before {
  content: ""
}

.fa-cc-discover:before {
  content: ""
}

.fa-cc-amex:before {
  content: ""
}

.fa-cc-paypal:before {
  content: ""
}

.fa-cc-stripe:before {
  content: ""
}

.fa-bell-slash:before {
  content: ""
}

.fa-bell-slash-o:before {
  content: ""
}

.fa-trash:before {
  content: ""
}

.fa-copyright:before {
  content: ""
}

.fa-at:before {
  content: ""
}

.fa-eyedropper:before {
  content: ""
}

.fa-paint-brush:before {
  content: ""
}

.fa-birthday-cake:before {
  content: ""
}

.fa-area-chart:before {
  content: ""
}

.fa-pie-chart:before {
  content: ""
}

.fa-line-chart:before {
  content: ""
}

.fa-lastfm:before {
  content: ""
}

.fa-lastfm-square:before {
  content: ""
}

.fa-toggle-off:before {
  content: ""
}

.fa-toggle-on:before {
  content: ""
}

.fa-bicycle:before {
  content: ""
}

.fa-bus:before {
  content: ""
}

.fa-ioxhost:before {
  content: ""
}

.fa-angellist:before {
  content: ""
}

.fa-cc:before {
  content: ""
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: ""
}

.fa-meanpath:before {
  content: ""
}

.fa-buysellads:before {
  content: ""
}

.fa-connectdevelop:before {
  content: ""
}

.fa-dashcube:before {
  content: ""
}

.fa-forumbee:before {
  content: ""
}

.fa-leanpub:before {
  content: ""
}

.fa-sellsy:before {
  content: ""
}

.fa-shirtsinbulk:before {
  content: ""
}

.fa-simplybuilt:before {
  content: ""
}

.fa-skyatlas:before {
  content: ""
}

.fa-cart-plus:before {
  content: ""
}

.fa-cart-arrow-down:before {
  content: ""
}

.fa-diamond:before {
  content: ""
}

.fa-ship:before {
  content: ""
}

.fa-user-secret:before {
  content: ""
}

.fa-motorcycle:before {
  content: ""
}

.fa-street-view:before {
  content: ""
}

.fa-heartbeat:before {
  content: ""
}

.fa-venus:before {
  content: ""
}

.fa-mars:before {
  content: ""
}

.fa-mercury:before {
  content: ""
}

.fa-intersex:before, .fa-transgender:before {
  content: ""
}

.fa-transgender-alt:before {
  content: ""
}

.fa-venus-double:before {
  content: ""
}

.fa-mars-double:before {
  content: ""
}

.fa-venus-mars:before {
  content: ""
}

.fa-mars-stroke:before {
  content: ""
}

.fa-mars-stroke-v:before {
  content: ""
}

.fa-mars-stroke-h:before {
  content: ""
}

.fa-neuter:before {
  content: ""
}

.fa-genderless:before {
  content: ""
}

.fa-facebook-official:before {
  content: ""
}

.fa-pinterest-p:before {
  content: ""
}

.fa-whatsapp:before {
  content: ""
}

.fa-server:before {
  content: ""
}

.fa-user-plus:before {
  content: ""
}

.fa-user-times:before {
  content: ""
}

.fa-hotel:before, .fa-bed:before {
  content: ""
}

.fa-viacoin:before {
  content: ""
}

.fa-train:before {
  content: ""
}

.fa-subway:before {
  content: ""
}

.fa-medium:before {
  content: ""
}

.fa-yc:before, .fa-y-combinator:before {
  content: ""
}

.fa-optin-monster:before {
  content: ""
}

.fa-opencart:before {
  content: ""
}

.fa-expeditedssl:before {
  content: ""
}

.fa-battery-4:before, .fa-battery-full:before {
  content: ""
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: ""
}

.fa-battery-2:before, .fa-battery-half:before {
  content: ""
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: ""
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: ""
}

.fa-mouse-pointer:before {
  content: ""
}

.fa-i-cursor:before {
  content: ""
}

.fa-object-group:before {
  content: ""
}

.fa-object-ungroup:before {
  content: ""
}

.fa-sticky-note:before {
  content: ""
}

.fa-sticky-note-o:before {
  content: ""
}

.fa-cc-jcb:before {
  content: ""
}

.fa-cc-diners-club:before {
  content: ""
}

.fa-clone:before {
  content: ""
}

.fa-balance-scale:before {
  content: ""
}

.fa-hourglass-o:before {
  content: ""
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: ""
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: ""
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: ""
}

.fa-hourglass:before {
  content: ""
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: ""
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: ""
}

.fa-hand-scissors-o:before {
  content: ""
}

.fa-hand-lizard-o:before {
  content: ""
}

.fa-hand-spock-o:before {
  content: ""
}

.fa-hand-pointer-o:before {
  content: ""
}

.fa-hand-peace-o:before {
  content: ""
}

.fa-trademark:before {
  content: ""
}

.fa-registered:before {
  content: ""
}

.fa-creative-commons:before {
  content: ""
}

.fa-gg:before {
  content: ""
}

.fa-gg-circle:before {
  content: ""
}

.fa-tripadvisor:before {
  content: ""
}

.fa-odnoklassniki:before {
  content: ""
}

.fa-odnoklassniki-square:before {
  content: ""
}

.fa-get-pocket:before {
  content: ""
}

.fa-wikipedia-w:before {
  content: ""
}

.fa-safari:before {
  content: ""
}

.fa-chrome:before {
  content: ""
}

.fa-firefox:before {
  content: ""
}

.fa-opera:before {
  content: ""
}

.fa-internet-explorer:before {
  content: ""
}

.fa-tv:before, .fa-television:before {
  content: ""
}

.fa-contao:before {
  content: ""
}

.fa-500px:before {
  content: ""
}

.fa-amazon:before {
  content: ""
}

.fa-calendar-plus-o:before {
  content: ""
}

.fa-calendar-minus-o:before {
  content: ""
}

.fa-calendar-times-o:before {
  content: ""
}

.fa-calendar-check-o:before {
  content: ""
}

.fa-industry:before {
  content: ""
}

.fa-map-pin:before {
  content: ""
}

.fa-map-signs:before {
  content: ""
}

.fa-map-o:before {
  content: ""
}

.fa-map:before {
  content: ""
}

.fa-commenting:before {
  content: ""
}

.fa-commenting-o:before {
  content: ""
}

.fa-houzz:before {
  content: ""
}

.fa-vimeo:before {
  content: ""
}

.fa-black-tie:before {
  content: ""
}

.fa-fonticons:before {
  content: ""
}