﻿/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block
}

audio,
canvas,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden] {
  display: none
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

body {
  margin: 0
}

a:focus {
  outline: thin dotted
}

a:active,
a:hover {
  outline: 0
}

h1 {
  font-size: 2em
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

mark {
  background: #ff0;
  color: #000
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}

q {
  quotes: "\201C""\201D""\2018""\2019"
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 0
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button,
input {
  line-height: normal
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
input[disabled] {
  cursor: default
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

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

html {
  overflow-y: scroll;
  font-size: 13px
}

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,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: normal;
  font-family: inherit;
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  line-break: strict;
  word-break: normal
}

body {
  line-height: 1.75;
  text-align: center;
  color: #000
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%
}

:focus {
  outline: 0
}

table {
  border-collapse: separate
}

caption,
th,
td {
  font-weight: normal
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font-family: inherit
}

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

ol,
ul {
  list-style: none
}

input,
textarea,
select,
button {
  font-size: 100%;
  font-family: inherit
}

select {
  margin: inherit
}

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

a:hover {
  color: #021a46
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  border: 0
}

.Wrap {
  width: 1040px;
  text-align: left;
  margin: 0 auto
}

@media only screen and (max-width: 1040px) {
  .Wrap {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}

.F-Bold {
  font-weight: bold
}

.F-Red {
  color: #c00 !important
}

.F-Glay {
  color: #999 !important
}

.T-Center {
  text-align: center
}

.T-Center td,
.T-Center th {
  text-align: center
}

.T-Right {
  text-align: right
}

.T-Left {
  text-align: left
}

.Hide {
  display: none
}

.Text--Indent__Type1 {
  text-indent: -1rem;
  margin-left: 1rem
}

.F-Size1 {
  font-size: .1rem !important
}

.F-Size2 {
  font-size: .2rem !important
}

.F-Size3 {
  font-size: .3rem !important
}

.F-Size4 {
  font-size: .4rem !important
}

.F-Size5 {
  font-size: .5rem !important
}

.F-Size6 {
  font-size: .6rem !important
}

.F-Size7 {
  font-size: .7rem !important
}

.F-Size8 {
  font-size: .8rem !important
}

.F-Size9 {
  font-size: .9rem !important
}

.F-Size10 {
  font-size: 1rem !important
}

.F-Size11 {
  font-size: 1.1rem !important
}

.F-Size12 {
  font-size: 1.2rem !important
}

.F-Size13 {
  font-size: 1.3rem !important
}

.F-Size14 {
  font-size: 1.4rem !important
}

.F-Size15 {
  font-size: 1.5rem !important
}

.F-Size16 {
  font-size: 1.6rem !important
}

.F-Size17 {
  font-size: 1.7rem !important
}

.F-Size18 {
  font-size: 1.8rem !important
}

.F-Size19 {
  font-size: 1.9rem !important
}

.F-Size20 {
  font-size: 2rem !important
}

.F-Size21 {
  font-size: 2.1rem !important
}

.F-Size22 {
  font-size: 2.2rem !important
}

.F-Size23 {
  font-size: 2.3rem !important
}

.F-Size24 {
  font-size: 2.4rem !important
}

.F-Size25 {
  font-size: 2.5rem !important
}

.F-Size26 {
  font-size: 2.6rem !important
}

.F-Size27 {
  font-size: 2.7rem !important
}

.F-Size28 {
  font-size: 2.8rem !important
}

.F-Size29 {
  font-size: 2.9rem !important
}

.F-Size30 {
  font-size: 3rem !important
}

.Mg5 {
  margin: 5px !important
}

.Mg5Top {
  margin-top: 5px !important
}

.Mg5Right {
  margin-right: 5px !important
}

.Mg5Bottom {
  margin-bottom: 5px !important
}

.Mg5Left {
  margin-left: 5px !important
}

.Pg5 {
  padding: 5px !important
}

.Pg5Top {
  padding-top: 5px !important
}

.Pg5Right {
  padding-right: 5px !important
}

.Pg5Bottom {
  padding-bottom: 5px !important
}

.Pg5Left {
  padding-left: 5px !important
}

.Mg-5 {
  margin: -5px !important
}

.Mg-5Top {
  margin-top: -5px !important
}

.Mg-5Right {
  margin-right: -5px !important
}

.Mg-5Bottom {
  margin-bottom: -5px !important
}

.Mg-5Left {
  margin-left: -5px !important
}

.Pg-5 {
  padding: -5px !important
}

.Pg-5Top {
  padding-top: -5px !important
}

.Pg-5Right {
  padding-right: -5px !important
}

.Pg-5Bottom {
  padding-bottom: -5px !important
}

.Pg-5Left {
  padding-left: -5px !important
}

.Mg10 {
  margin: 10px !important
}

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

.Mg10Right {
  margin-right: 10px !important
}

.Mg10Bottom {
  margin-bottom: 10px !important
}

.Mg10Left {
  margin-left: 10px !important
}

.Pg10 {
  padding: 10px !important
}

.Pg10Top {
  padding-top: 10px !important
}

.Pg10Right {
  padding-right: 10px !important
}

.Pg10Bottom {
  padding-bottom: 10px !important
}

.Pg10Left {
  padding-left: 10px !important
}

.Mg-10 {
  margin: -10px !important
}

.Mg-10Top {
  margin-top: -10px !important
}

.Mg-10Right {
  margin-right: -10px !important
}

.Mg-10Bottom {
  margin-bottom: -10px !important
}

.Mg-10Left {
  margin-left: -10px !important
}

.Pg-10 {
  padding: -10px !important
}

.Pg-10Top {
  padding-top: -10px !important
}

.Pg-10Right {
  padding-right: -10px !important
}

.Pg-10Bottom {
  padding-bottom: -10px !important
}

.Pg-10Left {
  padding-left: -10px !important
}

.Mg15 {
  margin: 15px !important
}

.Mg15Top {
  margin-top: 15px !important
}

.Mg15Right {
  margin-right: 15px !important
}

.Mg15Bottom {
  margin-bottom: 15px !important
}

.Mg15Left {
  margin-left: 15px !important
}

.Pg15 {
  padding: 15px !important
}

.Pg15Top {
  padding-top: 15px !important
}

.Pg15Right {
  padding-right: 15px !important
}

.Pg15Bottom {
  padding-bottom: 15px !important
}

.Pg15Left {
  padding-left: 15px !important
}

.Mg-15 {
  margin: -15px !important
}

.Mg-15Top {
  margin-top: -15px !important
}

.Mg-15Right {
  margin-right: -15px !important
}

.Mg-15Bottom {
  margin-bottom: -15px !important
}

.Mg-15Left {
  margin-left: -15px !important
}

.Pg-15 {
  padding: -15px !important
}

.Pg-15Top {
  padding-top: -15px !important
}

.Pg-15Right {
  padding-right: -15px !important
}

.Pg-15Bottom {
  padding-bottom: -15px !important
}

.Pg-15Left {
  padding-left: -15px !important
}

.Mg20 {
  margin: 20px !important
}

.Mg20Top {
  margin-top: 20px !important
}

.Mg20Right {
  margin-right: 20px !important
}

.Mg20Bottom {
  margin-bottom: 20px !important
}

.Mg20Left {
  margin-left: 20px !important
}

.Pg20 {
  padding: 20px !important
}

.Pg20Top {
  padding-top: 20px !important
}

.Pg20Right {
  padding-right: 20px !important
}

.Pg20Bottom {
  padding-bottom: 20px !important
}

.Pg20Left {
  padding-left: 20px !important
}

.Mg-20 {
  margin: -20px !important
}

.Mg-20Top {
  margin-top: -20px !important
}

.Mg-20Right {
  margin-right: -20px !important
}

.Mg-20Bottom {
  margin-bottom: -20px !important
}

.Mg-20Left {
  margin-left: -20px !important
}

.Pg-20 {
  padding: -20px !important
}

.Pg-20Top {
  padding-top: -20px !important
}

.Pg-20Right {
  padding-right: -20px !important
}

.Pg-20Bottom {
  padding-bottom: -20px !important
}

.Pg-20Left {
  padding-left: -20px !important
}

.Mg25 {
  margin: 25px !important
}

.Mg25Top {
  margin-top: 25px !important
}

.Mg25Right {
  margin-right: 25px !important
}

.Mg25Bottom {
  margin-bottom: 25px !important
}

.Mg25Left {
  margin-left: 25px !important
}

.Pg25 {
  padding: 25px !important
}

.Pg25Top {
  padding-top: 25px !important
}

.Pg25Right {
  padding-right: 25px !important
}

.Pg25Bottom {
  padding-bottom: 25px !important
}

.Pg25Left {
  padding-left: 25px !important
}

.Mg-25 {
  margin: -25px !important
}

.Mg-25Top {
  margin-top: -25px !important
}

.Mg-25Right {
  margin-right: -25px !important
}

.Mg-25Bottom {
  margin-bottom: -25px !important
}

.Mg-25Left {
  margin-left: -25px !important
}

.Pg-25 {
  padding: -25px !important
}

.Pg-25Top {
  padding-top: -25px !important
}

.Pg-25Right {
  padding-right: -25px !important
}

.Pg-25Bottom {
  padding-bottom: -25px !important
}

.Pg-25Left {
  padding-left: -25px !important
}

.Mg30 {
  margin: 30px !important
}

.Mg30Top {
  margin-top: 30px !important
}

.Mg30Right {
  margin-right: 30px !important
}

.Mg30Bottom {
  margin-bottom: 30px !important
}

.Mg30Left {
  margin-left: 30px !important
}

.Pg30 {
  padding: 30px !important
}

.Pg30Top {
  padding-top: 30px !important
}

.Pg30Right {
  padding-right: 30px !important
}

.Pg30Bottom {
  padding-bottom: 30px !important
}

.Pg30Left {
  padding-left: 30px !important
}

.Mg-30 {
  margin: -30px !important
}

.Mg-30Top {
  margin-top: -30px !important
}

.Mg-30Right {
  margin-right: -30px !important
}

.Mg-30Bottom {
  margin-bottom: -30px !important
}

.Mg-30Left {
  margin-left: -30px !important
}

.Pg-30 {
  padding: -30px !important
}

.Pg-30Top {
  padding-top: -30px !important
}

.Pg-30Right {
  padding-right: -30px !important
}

.Pg-30Bottom {
  padding-bottom: -30px !important
}

.Pg-30Left {
  padding-left: -30px !important
}

.Mg35 {
  margin: 35px !important
}

.Mg35Top {
  margin-top: 35px !important
}

.Mg35Right {
  margin-right: 35px !important
}

.Mg35Bottom {
  margin-bottom: 35px !important
}

.Mg35Left {
  margin-left: 35px !important
}

.Pg35 {
  padding: 35px !important
}

.Pg35Top {
  padding-top: 35px !important
}

.Pg35Right {
  padding-right: 35px !important
}

.Pg35Bottom {
  padding-bottom: 35px !important
}

.Pg35Left {
  padding-left: 35px !important
}

.Mg-35 {
  margin: -35px !important
}

.Mg-35Top {
  margin-top: -35px !important
}

.Mg-35Right {
  margin-right: -35px !important
}

.Mg-35Bottom {
  margin-bottom: -35px !important
}

.Mg-35Left {
  margin-left: -35px !important
}

.Pg-35 {
  padding: -35px !important
}

.Pg-35Top {
  padding-top: -35px !important
}

.Pg-35Right {
  padding-right: -35px !important
}

.Pg-35Bottom {
  padding-bottom: -35px !important
}

.Pg-35Left {
  padding-left: -35px !important
}

.Mg40 {
  margin: 40px !important
}

.Mg40Top {
  margin-top: 40px !important
}

.Mg40Right {
  margin-right: 40px !important
}

.Mg40Bottom {
  margin-bottom: 40px !important
}

.Mg40Left {
  margin-left: 40px !important
}

.Pg40 {
  padding: 40px !important
}

.Pg40Top {
  padding-top: 40px !important
}

.Pg40Right {
  padding-right: 40px !important
}

.Pg40Bottom {
  padding-bottom: 40px !important
}

.Pg40Left {
  padding-left: 40px !important
}

.Mg-40 {
  margin: -40px !important
}

.Mg-40Top {
  margin-top: -40px !important
}

.Mg-40Right {
  margin-right: -40px !important
}

.Mg-40Bottom {
  margin-bottom: -40px !important
}

.Mg-40Left {
  margin-left: -40px !important
}

.Pg-40 {
  padding: -40px !important
}

.Pg-40Top {
  padding-top: -40px !important
}

.Pg-40Right {
  padding-right: -40px !important
}

.Pg-40Bottom {
  padding-bottom: -40px !important
}

.Pg-40Left {
  padding-left: -40px !important
}

.Mg45 {
  margin: 45px !important
}

.Mg45Top {
  margin-top: 45px !important
}

.Mg45Right {
  margin-right: 45px !important
}

.Mg45Bottom {
  margin-bottom: 45px !important
}

.Mg45Left {
  margin-left: 45px !important
}

.Pg45 {
  padding: 45px !important
}

.Pg45Top {
  padding-top: 45px !important
}

.Pg45Right {
  padding-right: 45px !important
}

.Pg45Bottom {
  padding-bottom: 45px !important
}

.Pg45Left {
  padding-left: 45px !important
}

.Mg-45 {
  margin: -45px !important
}

.Mg-45Top {
  margin-top: -45px !important
}

.Mg-45Right {
  margin-right: -45px !important
}

.Mg-45Bottom {
  margin-bottom: -45px !important
}

.Mg-45Left {
  margin-left: -45px !important
}

.Pg-45 {
  padding: -45px !important
}

.Pg-45Top {
  padding-top: -45px !important
}

.Pg-45Right {
  padding-right: -45px !important
}

.Pg-45Bottom {
  padding-bottom: -45px !important
}

.Pg-45Left {
  padding-left: -45px !important
}

.Mg50 {
  margin: 50px !important
}

.Mg50Top {
  margin-top: 50px !important
}

.Mg50Right {
  margin-right: 50px !important
}

.Mg50Bottom {
  margin-bottom: 50px !important
}

.Mg50Left {
  margin-left: 50px !important
}

.Pg50 {
  padding: 50px !important
}

.Pg50Top {
  padding-top: 50px !important
}

.Pg50Right {
  padding-right: 50px !important
}

.Pg50Bottom {
  padding-bottom: 50px !important
}

.Pg50Left {
  padding-left: 50px !important
}

.Mg-50 {
  margin: -50px !important
}

.Mg-50Top {
  margin-top: -50px !important
}

.Mg-50Right {
  margin-right: -50px !important
}

.Mg-50Bottom {
  margin-bottom: -50px !important
}

.Mg-50Left {
  margin-left: -50px !important
}

.Pg-50 {
  padding: -50px !important
}

.Pg-50Top {
  padding-top: -50px !important
}

.Pg-50Right {
  padding-right: -50px !important
}

.Pg-50Bottom {
  padding-bottom: -50px !important
}

.Pg-50Left {
  padding-left: -50px !important
}

.Grid1 {
  width: 30px
}

.Grid2 {
  width: 70px
}

.Grid3 {
  width: 110px
}

.Grid4 {
  width: 150px
}

.Grid5 {
  width: 190px
}

.Grid6 {
  width: 230px
}

.Grid7 {
  width: 270px
}

.Grid8 {
  width: 310px
}

.Grid9 {
  width: 350px
}

.Grid10 {
  width: 390px
}

.Grid11 {
  width: 430px
}

.Grid12 {
  width: 470px
}

.Grid13 {
  width: 510px
}

.Grid14 {
  width: 550px
}

.Grid15 {
  width: 590px
}

.Grid16 {
  width: 630px
}

.Grid17 {
  width: 670px
}

.Grid18 {
  width: 710px
}

.Grid19 {
  width: 750px
}

.Grid20 {
  width: 790px
}

.Grid21 {
  width: 830px
}

.Grid22 {
  width: 870px
}

.Grid23 {
  width: 910px
}

.Grid24 {
  width: 950px
}

.Input--Type1 {
  border: solid 1px #cccccc;
  width: 100%;
  padding: 0.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.Input--Type2 {
  border: solid 1px #cccccc;
  width: 5rem;
  padding: 0.5rem
}

.Input--Type3 {
  border: solid 1px #cccccc;
  width: 10rem;
  padding: 0.5rem
}

.TextArea--Type1 {
  border: solid 1px #cccccc;
  width: 100%;
  height: 5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5rem
}

.Left {
  float: left
}

.Right {
  float: right
}

.Clear {
  clear: both
}

.Table--Type1 {
  width: 100%;
  border-top: solid 1px #cccccc;
  border-left: solid 1px #cccccc
}

.Table--Type1 th,
.Table--Type1 td {
  padding: 1rem;
  border-bottom: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  vertical-align: middle
}

.Table--Type1 th {
  background: rgba(2, 26, 70, 0.125);
  font-weight: 700
}

.Table--Type1 thead th {
  text-align: center
}

@media only screen and (max-width: 768px) {

  .Table--Type1 th,
  .Table--Type1 td {
    white-space: nowrap
  }
}

@media only screen and (max-width: 425px) {
  .Table--TypeResponsive {
    width: auto
  }

  .Table--TypeResponsive th,
  .Table--TypeResponsive td {
    white-space: normal;
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}

.Table--Box {
  overflow: auto;
  padding-bottom: 5px
}

.Table--Box::-webkit-scrollbar {
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 4px;
  border: 1px solid #000;
  overflow: hidden
}

.Table--Box::-webkit-scrollbar-thumb {
  background: #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.Img01 {
  float: right;
  margin-bottom: 12px;
  margin-left: 12px
}

.Link01 a {
  color: #f10;
  text-decoration: underline
}

.Link01 a:hover {
  color: #039
}

.Box--Type1 {
  border: solid 1px #CCC;
  padding: 1rem
}

.Box--Type2 {
  background: #ddd;
  padding: 1rem;
  margin: 1.5rem 0
}

.Box--Type3 {
  background: #ffeeee;
  padding: 1rem;
  margin: 1.5rem 0;
  border: 1px solid #F63
}

.Background--Glay {
  background: #fafafa !important
}

.List--Number .Item {
  list-style-type: decimal;
  margin: 0.25rem 0 0.25rem 2rem;
  padding-left: 0.5rem
}

.List--Number__Type2 .Item {
  list-style-type: upper-roman;
  margin: 0.25rem 0 0.25rem 2rem;
  padding-left: 0.5rem
}

.List--Type1 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.List--Type1 .Item {
  min-width: 33%;
  width: 33%;
  padding: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.List--Type1 .Item a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.List--Type1 .Item a:before {
  font-family: 'FontAwesome';
  content: '\f105';
  color: #ffffff;
  background: #021a46;
  min-width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  margin-right: 0.5rem;
  font-size: 0.8rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

@media only screen and (max-width: 768px) {
  .List--Type1 {
    border-top: solid 1px #cccccc
  }

  .List--Type1 .Item {
    width: 50%;
    border-bottom: solid 1px #cccccc
  }

  .List--Type1 .Item:nth-of-type(2n) {
    border-left: solid 1px #cccccc
  }
}

@media only screen and (max-width: 425px) {
  .List--Type1 .Item {
    width: 100%
  }

  .List--Type1 .Item:nth-of-type(2n) {
    border-left: none
  }
}

.List--Type2 .Item {
  margin-bottom: 0.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex
}

.List--Type2 .Item:last-of-type {
  margin-bottom: 0
}

.List--Type2 .Item:before {
  font-family: 'FontAwesome';
  content: '\f105';
  color: #021a46;
  min-width: 1rem;
  text-align: center;
  margin-right: 0.25rem;
  font-size: 0.8rem
}

.List--Type2 .Item a {
  display: block;
  color: #021a46;
  text-decoration: underline
}

.List--Type3 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.List--Type3 .Item {
  width: 48%;
  margin-bottom: 1rem
}

.List--Type3 .Item a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 1rem;
  border: solid 1px #cccccc;
  text-decoration: none;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #efefef), color-stop(100%, #ffffff));
  background: -moz-linear-gradient(top, #ffffff, #ffffff 50%, #efefef 50%, #ffffff);
  background: -webkit-linear-gradient(top, #ffffff, #ffffff 50%, #efefef 50%, #ffffff);
  background: linear-gradient(to bottom, #ffffff, #ffffff 50%, #efefef 50%, #ffffff);
  line-height: 1.25
}

.List--Type3 .Item a:before {
  font-family: 'FontAwesome';
  content: '\f105';
  color: #021a46;
  min-width: 1rem;
  text-align: center;
  margin-right: 0.25rem;
  font-size: 1.25rem;
  -moz-transform: scale(1, 1.5);
  -ms-transform: scale(1, 1.5);
  -webkit-transform: scale(1, 1.5);
  transform: scale(1, 1.5);
  line-height: 1.5
}

.Line--Type1 {
  width: 100%;
  height: 0px;
  border: none;
  border-bottom: dotted 1px #021a46;
  background: #ffffff;
  margin: 3rem 0
}

.Icon li {
  margin: 3px 0
}

.Icon a {
  line-height: 18px;
  padding: 2px 0 2px 20px
}

.Icon a[href$='.pdf']:after,
.IconPDF:after {
  content: ' ';
  min-width: 15px;
  width: 15px;
  height: 16px;
  background: url("../Images/All/Icon/PDF.gif");
  margin-left: 0.5rem;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  -webkit-align-self: center;
  align-self: center
}

.Icon a[href$='.doc']:after,
.IconDOC:after {
  content: ' ';
  min-width: 16px;
  width: 16px;
  height: 16px;
  background: url("../Images/All/Icon/DOC.gif");
  margin-left: 0.5rem;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  -webkit-align-self: center;
  align-self: center
}

.Icon a[href$='.xls']:after,
.Icon a[href$='.xlsx']:after,
.IconXLS:after {
  content: ' ';
  min-width: 16px;
  width: 16px;
  height: 16px;
  background: url("../Images/All/Icon/XLS.gif");
  margin-left: 0.5rem;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  -webkit-align-self: center;
  align-self: center
}

.Icon a[href$='.ppt']:after,
.Icon a[href$='.pptx']:after,
.IconPPT:after {
  content: ' ';
  min-width: 16px;
  width: 16px;
  height: 16px;
  background: url("../Images/All/Icon/PPT.gif");
  margin-left: 0.5rem;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  -webkit-align-self: center;
  align-self: center
}

.IconNew {
  background: #990000;
  color: #ffffff;
  padding: 0.25rem 0.75rem;
  margin-left: 0.5rem;
  line-height: 1;
  font-size: 0.9rem
}

#FileList {
  clear: both;
  margin-top: 20px;
  float: left;
  width: 100%
}

#FileList a {
  color: #999999;
  line-height: 18px;
  padding: 2px 0 2px 17px
}

#FileList a:hover {
  color: #fd6666
}

#FileList li {
  margin: 3px 0
}

#FileList a[href$='.pdf'],
#FileList .PDF {
  background: url(../Images/All/Icon/PDF.gif) no-repeat left
}

#FileList a[href$='.xls'],
#FileList a[href$='.xlsx'],
#FileList .XLS {
  background: url(../Images/All/Icon/XLS.gif) no-repeat left
}

#FileList a[href$='.doc'],
#FileList a[href$='.docx'],
#FileList .DOC {
  background: url(../Images/All/Icon/DOC.gif) no-repeat left
}

#FileList a[href$='.ppt'],
#FileList .PPT {
  background: url(../Images/All/Icon/PPT.gif) no-repeat left
}

.PhotoListArea li {
  float: left;
  width: 216px;
  text-align: center
}

.PhotoListArea li a {
  width: 200px;
  height: 125px;
  overflow: hidden;
  display: block
}

.CellCenter {
  display: table-cell;
  vertical-align: middle;
  text-align: left
}

*+html .CellCenter {
  display: inline;
  zoom: 1
}

* html .CellCenter {
  display: inline;
  zoom: 1
}

.ClearFix {
  zoom: 1
}

.ClearFix:before {
  content: "";
  display: table
}

.ClearFix:after {
  content: "";
  display: table;
  clear: both
}

.PhotoListArea {
  zoom: 1
}

.PhotoListArea:before {
  content: "";
  display: table
}

.PhotoListArea:after {
  content: "";
  display: table;
  clear: both
}

.Header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background: #ffffff;
  border-bottom: solid 1px #dddddd
}

.Header--Block {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  font-size: 0.9rem
}

.Header--Nav {
  display: -webkit-flex;
  display: flex;
  line-height: 1
}

.Header--Nav .Home {
  padding: 0 1rem;
  margin-right: 2rem;
  -webkit-align-self: center;
  align-self: center
}

.Header--Nav .Home a {
  display: block;
  border-bottom: solid 1px #e5e5e5;
  padding: 0.5rem 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap
}

.Header--Nav .Home a:before {
  content: ' ';
  min-width: 15px;
  height: 15px;
  background: url("../Images/All/Header/Icon/Home.png");
  margin-right: 0.5rem
}

.Header--Nav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width: 1440px) {
  .Header--Nav ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .Header--Nav ul .Item {
    -webkit-flex-grow: 1;
    flex-grow: 1
  }
}

.Header--Nav .Item {
  border-right: solid 1px #ffffff
}

.Header--Nav .Item a {
  display: block;
  background: #021a46;
  color: #ffffff;
  padding: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap
}

.Header--Nav .Nav1 a:before {
  content: ' ';
  min-width: 17px;
  height: 17px;
  background: url("../Images/All/Header/Icon/Nav1.png");
  margin-right: 0.5rem
}

.Header--Nav .Nav2 a:before {
  content: ' ';
  min-width: 17px;
  height: 15px;
  background: url("../Images/All/Header/Icon/Nav2.png");
  margin-right: 0.5rem
}

.Header--Nav .Nav3 a:before {
  content: ' ';
  min-width: 17px;
  height: 15px;
  background: url("../Images/All/Header/Icon/Nav3.png");
  margin-right: 0.5rem
}

.Header--Nav .Nav4 a:before {
  content: ' ';
  min-width: 16px;
  height: 16px;
  background: url("../Images/All/Header/Icon/Nav4.png");
  margin-right: 0.5rem
}

.Header--Nav .Nav5 a:before {
  content: ' ';
  min-width: 20px;
  height: 20px;
  background: url("../Images/All/Header/Icon/Nav5.png");
  margin-right: 0.5rem
}

.Header--Nav .Nav5 a {
  background: #568800
}

.Header--Nav .Nav6 a {
  background: #a62126
}

.Header--Nav .Nav6 a:before {
  content: ' ';
  min-width: 28.28571px;
  height: 28.28571px;
  background: url("../Images/All/Header/Icon/70th.png");
  background-size: cover;
  margin-right: 0.5rem
}

.Header--Search {
  width: 200px;
  margin-top: 16px
}

.Header--Search .Search {
  position: relative
}

.Header--Search .Search .Btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem;
  height: 2rem
}

.Header--Search .Search .Btn input {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: 2;
  position: relative
}

.Header--Search .icon-search-container {
  position: relative
}

.Header--Search .icon-search-container .fa-search {
  color: #021a46;
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  z-index: 0
}

.Header--Search .icon-search-container .fa-times-circle {
  color: #d9d9d9;
  font-size: 1rem;
  position: absolute;
  top: 0.5rem;
  right: 8px;
  transition: opacity 0.2s ease-out;
  cursor: pointer
}

.Header--Search .icon-search-container .search-input {
  width: 100%;
  padding: 0;
  border: solid 1px #cccccc;
  outline: none;
  line-height: 2rem
}

.Header--SubNav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin: 0.5rem;
  margin-left: 1rem
}

.Header--SubNav__Nav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1;
  border-bottom: solid 1px #e5e5e5
}

.Header--SubNav__Nav .Item {
  font-size: 0.95rem
}

.Header--SubNav__Nav .Item:last-of-type a {
  padding-right: 0
}

.Header--SubNav__Nav .Item a {
  display: block;
  padding: 0.5rem 1rem 0.5rem 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.Header--SubNav__Nav .Item a:before {
  font-family: 'FontAwesome';
  content: '\f0da';
  margin-right: 0.5rem;
  color: #021a46
}

.Header--SubNav__SNS {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 1rem;
  height: auto;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  transition: 0.5s all;
  -pie-transition: 0.5s all
}

.Header--SubNav__SNS .Item {
  margin-left: 0.75rem
}

.Header--SubNav__SNS .Item a {
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #021a46;
  color: #ffffff
}

.Header--SubNav__SNS .Item.Mebae a {
  width: 34px;
  height: 30px;
  background: url("../Images/All/Header/Icon/Mebae.png");
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}

.Header--SubNav__SNS .Item.Line a {
  background: url(../Images/All/Header/Icon/Line.png) center no-repeat #4ecd00;
  background-size: contain
}

.Header--SubNav__SNS .Item.Facebook a {
  background: #3b5b99
}

.Header--SubNav__SNS .Item.Twitter a {
  background: #00aced
}

.Header--SubNav__SNS .Item.Instagram a {
  background: #626262
}

.Header--SubNav__SNS .Item.Youtrue a {
  background: #e52d27
}

.Header--SubNav__SNS .Search {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background: #021a46;
  -moz-border-radius: 1rem 1rem 1rem 1rem/50% 50% 50% 50%;
  -webkit-border-radius: 1rem;
  border-radius: 1rem 1rem 1rem 1rem/50% 50% 50% 50%
}

.Header--SubNav__SNS .Search .Icon {
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #021a46;
  color: #ffffff
}

.Header--SubNav__SNS .Search .Text {
  height: 1.25rem;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 1rem
}

.Header--SubNav__SNS .Search .Btn {
  margin-right: 1rem;
  margin-left: 0.5rem;
  border: none;
  background: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 1.25rem;
  line-height: 1.25rem
}

.Header--SubNav__SNS .icon-search-container {
  -moz-border-radius: 2rem;
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
  width: 2rem;
  height: 2rem;
  position: relative;
  transition: width 0.2s ease-out;
  backface-visibility: hidden
}

.Header--SubNav__SNS .icon-search-container.active {
  width: 15rem
}

.Header--SubNav__SNS .icon-search-container.active .fa-times-circle {
  opacity: 1
}

.Header--SubNav__SNS .icon-search-container.active .search-input {
  width: 12rem
}

.Header--SubNav__SNS .icon-search-container .fa-search {
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem
}

.Header--SubNav__SNS .icon-search-container .fa-times-circle {
  opacity: 0;
  color: #d9d9d9;
  font-size: 1rem;
  position: absolute;
  top: 0.5rem;
  right: 8px;
  transition: opacity 0.2s ease-out;
  cursor: pointer
}

.Header--SubNav__SNS .icon-search-container .search-input {
  position: absolute;
  cursor: default;
  left: 2rem;
  top: 0;
  width: 0;
  padding: 0;
  border: none;
  outline: none;
  line-height: 2rem;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0);
  transition: width 0.2s ease-out
}

.Header--SubNav__SNS .icon-search-container .search-input:placeholder-shown {
  color: #fff
}

.Header--SubNav__SNS .icon-search-container .search-input::-webkit-input-placeholder {
  color: #fff
}

.Header--SubNav__SNS .icon-search-container .search-input:-moz-placeholder {
  color: #fff;
  opacity: 1
}

.Header--SubNav__SNS .icon-search-container .search-input::-moz-placeholder {
  color: #fff;
  opacity: 1
}

.Header--SubNav__SNS .icon-search-container .search-input:-ms-input-placeholder {
  color: #fff
}

.Header--Logo {
  width: 120px;
  min-width: 120px;
  height: 122px;
  background: url("../Images/All/Nav/Logo.png");
  background-size: cover;
  margin: 0 1rem 1rem;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  transition: 0.5s all;
  -pie-transition: 0.5s all
}

.Header--Logo a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block
}

.Header--Scroll .Header--SubNav__SNS {
  height: 0;
  overflow: hidden
}

.Header--Scroll .Header--Logo {
  width: 80px;
  min-width: 80px;
  height: 81.33333px
}

.Header--Scroll .Nav {
  padding-top: 1rem
}

@media only screen and (max-width: 768px) {
  .Header {
    display: none
  }
}

.SP-Header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100%;
  background: #ffffff;
  border-bottom: solid 1px #dddddd;
  display: none
}

@media only screen and (max-width: 768px) {
  .SP-Header {
    display: block
  }
}

.SP-Header--Area {
  padding: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.SP-Header--Logo {
  width: 123.33333px;
  height: 43.33333px;
  background: url("../Images/All/Nav/SP--Logo.png");
  background-size: cover
}

.SP-Header--Logo a {
  width: 123.33333px;
  height: 43.33333px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block
}

.SP-Header--Open {
  padding: 0.5rem;
  font-size: 0.85rem;
  border: solid 1px #021a46;
  text-align: center;
  line-height: 1.2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.SP-Header--Open i {
  display: block;
  font-size: 1.25rem
}

.Nav {
  width: 1040px;
  margin: -0.5rem auto 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  position: static
}

@media only screen and (max-width: 1040px) {
  .Nav {
    width: 100%
  }
}

.Nav--List {
  display: -webkit-flex;
  display: flex;
  width: 50%
}

.Nav .Item {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 25%;
  font-size: 0.9rem;
  line-height: 1.1;
  font-weight: 700
}

.Nav .Item>a {
  display: block;
  padding-bottom: 1rem;
  position: relative
}

.Nav .Item>a:after {
  content: ' ';
  width: 2px;
  height: 30px;
  background: #e5e5e5;
  position: absolute;
  right: 0;
  top: 10px
}

.Nav .Item>a:before {
  content: ' ';
  display: block;
  width: 50px;
  height: 50px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: solid 1px #eeeeee;
  background-size: cover !important;
  margin: 0 auto 1rem
}

.Nav .Item>a span {
  min-height: 1.5rem;
  display: block
}

.Nav .Item:nth-of-type(4n)>a:after {
  display: none
}

.Nav .Nav1>a:before {
  background: url(../Images/All/Nav/Nav1.jpg) no-repeat center
}

.Nav .Nav2>a:before {
  background: url(../Images/All/Nav/Nav2.jpg) no-repeat center
}

.Nav .Nav3>a:before {
  background: url(../Images/All/Nav/Nav3.jpg) no-repeat center
}

.Nav .Nav4>a:before {
  background: url(../Images/All/Nav/Nav4.jpg) no-repeat center
}

.Nav .Nav5>a:before {
  background: url(../Images/All/Nav/Nav5.jpg) no-repeat center
}

.Nav .Nav6>a:before {
  background: url(../Images/All/Nav/Nav6.jpg) no-repeat center
}

.Nav .Nav7>a:before {
  background: url(../Images/All/Nav/Nav7.jpg) no-repeat center
}

.Nav .Nav8>a:before {
  background: url(../Images/All/Nav/Nav8.jpg) no-repeat center
}

.SubNav {
  background: rgba(2, 26, 70, 0.9);
  width: 100%;
  position: absolute;
  left: 0;
  height: 0;
  overflow: hidden;
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.SubNav .Wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 0
}

.SubNav .SubItem {
  width: 20%;
  padding: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.SubNav .SubItem>a {
  color: #ffffff;
  font-weight: 500;
  display: block
}

.SubNav .SubItem>a:before {
  content: ' ';
  width: 100%;
  height: 70px;
  display: block;
  background: #ffffff;
  margin-bottom: 0.75rem;
  background-size: cover !important
}

.SubNav .SubItem>a span {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.SubNav .SubItem>a span:before {
  font-family: 'FontAwesome';
  content: '\f105';
  color: #ffffff;
  background: #0066b4;
  min-width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  margin-right: 0.5rem;
  font-size: 0.8rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.SubNav .CampusLife1>a:before {
  background: url(../Images/All/SubNav/CampusLife/Nav1.jpg) no-repeat center
}

.SubNav .CampusLife2>a:before {
  background: url(../Images/All/SubNav/CampusLife/Nav2.jpg) no-repeat center
}

.SubNav .CampusLife3>a:before {
  background: url(../Images/All/SubNav/CampusLife/Nav3.jpg) no-repeat center
}

.SubNav .CampusLife4>a:before {
  background: url(../Images/All/SubNav/CampusLife/Nav4.jpg) no-repeat center
}

.SubNav .CampusLife5>a:before {
  background: url(../Images/All/SubNav/CampusLife/Nav5.jpg) no-repeat center
}

.SubNav .CampusLife6>a:before {
  background: url(../Images/All/SubNav/CampusLife/Nav6.jpg) no-repeat center
}

.SubNav .CampusLife7>a:before {
  background: url(../Images/All/SubNav/CampusLife/Nav7.jpg) no-repeat center
}

.SubNav .CampusLife8>a:before {
  background: url(../Images/All/SubNav/CampusLife/Nav8.jpg) no-repeat center
}

.SubNav .CampusLife9>a:before {
  background: url(../Images/All/SubNav/CampusLife/Nav9.jpg) no-repeat center
}

.SubNav .CampusLife10>a:before {
  background: url(../Images/All/SubNav/CampusLife/Nav10.jpg) no-repeat center
}

.SubNav .Collaboration1>a:before {
  background: url(../Images/All/SubNav/Collaboration/Nav1.jpg) no-repeat center
}

.SubNav .Collaboration2>a:before {
  background: url(../Images/All/SubNav/Collaboration/Nav2.jpg) no-repeat center
}

.SubNav .Collaboration3>a:before {
  background: url(../Images/All/SubNav/Collaboration/Nav3.jpg) no-repeat center
}

.SubNav .Collaboration4>a:before {
  background: url(../Images/All/SubNav/Collaboration/Nav4.jpg) no-repeat center
}

.SubNav .Collaboration5>a:before {
  background: url(../Images/All/SubNav/Collaboration/Nav5.jpg) no-repeat center
}

.SubNav .Collaboration6>a:before {
  background: url(../Images/All/SubNav/Collaboration/Nav6.jpg) no-repeat center
}

.SubNav .Collaboration7>a:before {
  background: url(../Images/All/SubNav/Collaboration/Nav7.jpg) no-repeat center
}

.SubNav .Collaboration8>a:before {
  background: url(../Images/All/SubNav/Collaboration/Nav8.jpg) no-repeat center
}

.SubNav .Collaboration9>a:before {
  background: url(../Images/All/SubNav/Collaboration/Nav9.jpg) no-repeat center
}

.SubNav .Collaboration10>a:before {
  background: url(../Images/All/SubNav/Collaboration/Nav10.jpg) no-repeat center
}

.SubNav .Colleges1>a:before {
  background: url(../Images/All/SubNav/Colleges/Nav1.jpg) no-repeat center
}

.SubNav .Colleges2>a:before {
  background: url(../Images/All/SubNav/Colleges/Nav2.jpg) no-repeat center
}

.SubNav .Colleges3>a:before {
  background: url(../Images/All/SubNav/Colleges/Nav3.jpg) no-repeat center
}

.SubNav .Colleges4>a:before {
  background: url(../Images/All/SubNav/Colleges/Nav4.jpg) no-repeat center
}

.SubNav .Colleges5>a:before {
  background: url(../Images/All/SubNav/Colleges/Nav5.jpg) no-repeat center
}

.SubNav .Colleges6>a:before {
  background: url(../Images/All/SubNav/Colleges/Nav6.jpg) no-repeat center
}

.SubNav .Colleges7>a:before {
  background: url(../Images/All/SubNav/Colleges/Nav7.jpg) no-repeat center
}

.SubNav .Colleges8>a:before {
  background: url(../Images/All/SubNav/Colleges/Nav8.jpg) no-repeat center
}

.SubNav .Colleges9>a:before {
  background: url(../Images/All/SubNav/Colleges/Nav9.jpg) no-repeat center
}

.SubNav .Colleges10>a:before {
  background: url(../Images/All/SubNav/Colleges/Nav10.jpg) no-repeat center
}

.SubNav .Employment1>a:before {
  background: url(../Images/All/SubNav/Employment/Nav1.jpg) no-repeat center
}

.SubNav .Employment2>a:before {
  background: url(../Images/All/SubNav/Employment/Nav2.jpg) no-repeat center
}

.SubNav .Employment3>a:before {
  background: url(../Images/All/SubNav/Employment/Nav3.jpg) no-repeat center
}

.SubNav .Employment4>a:before {
  background: url(../Images/All/SubNav/Employment/Nav4.jpg) no-repeat center
}

.SubNav .Employment5>a:before {
  background: url(../Images/All/SubNav/Employment/Nav5.jpg) no-repeat center
}

.SubNav .Employment6>a:before {
  background: url(../Images/All/SubNav/Employment/Nav6.jpg) no-repeat center
}

.SubNav .Employment7>a:before {
  background: url(../Images/All/SubNav/Employment/Nav7.jpg) no-repeat center
}

.SubNav .Employment8>a:before {
  background: url(../Images/All/SubNav/Employment/Nav8.jpg) no-repeat center
}

.SubNav .Employment9>a:before {
  background: url(../Images/All/SubNav/Employment/Nav9.jpg) no-repeat center
}

.SubNav .Employment10>a:before {
  background: url(../Images/All/SubNav/Employment/Nav10.jpg) no-repeat center
}

.SubNav .EntranceExam1>a:before {
  background: url(../Images/All/SubNav/EntranceExam/Nav1.jpg) no-repeat center
}

.SubNav .EntranceExam2>a:before {
  background: url(../Images/All/SubNav/EntranceExam/Nav2.jpg) no-repeat center
}

.SubNav .EntranceExam3>a:before {
  background: url(../Images/All/SubNav/EntranceExam/Nav3.jpg) no-repeat center
}

.SubNav .EntranceExam4>a:before {
  background: url(../Images/All/SubNav/EntranceExam/Nav4.jpg) no-repeat center
}

.SubNav .EntranceExam5>a:before {
  background: url(../Images/All/SubNav/EntranceExam/Nav5.jpg) no-repeat center
}

.SubNav .EntranceExam6>a:before {
  background: url(../Images/All/SubNav/EntranceExam/Nav6.jpg) no-repeat center
}

.SubNav .EntranceExam7>a:before {
  background: url(../Images/All/SubNav/EntranceExam/Nav7.jpg) no-repeat center
}

.SubNav .EntranceExam8>a:before {
  background: url(../Images/All/SubNav/EntranceExam/Nav8.jpg) no-repeat center
}

.SubNav .EntranceExam9>a:before {
  background: url(../Images/All/SubNav/EntranceExam/Nav9.jpg) no-repeat center
}

.SubNav .EntranceExam10>a:before {
  background: url(../Images/All/SubNav/EntranceExam/Nav10.jpg) no-repeat center
}

.SubNav .Facility1>a:before {
  background: url(../Images/All/SubNav/Facility/Nav1.jpg) no-repeat center
}

.SubNav .Facility2>a:before {
  background: url(../Images/All/SubNav/Facility/Nav2.jpg) no-repeat center
}

.SubNav .Facility3>a:before {
  background: url(../Images/All/SubNav/Facility/Nav3.jpg) no-repeat center
}

.SubNav .Facility4>a:before {
  background: url(../Images/All/SubNav/Facility/Nav4.jpg) no-repeat center
}

.SubNav .Facility5>a:before {
  background: url(../Images/All/SubNav/Facility/Nav5.jpg) no-repeat center
}

.SubNav .Facility6>a:before {
  background: url(../Images/All/SubNav/Facility/Nav6.jpg) no-repeat center
}

.SubNav .Facility7>a:before {
  background: url(../Images/All/SubNav/Facility/Nav7.jpg) no-repeat center
}

.SubNav .Facility8>a:before {
  background: url(../Images/All/SubNav/Facility/Nav8.jpg) no-repeat center
}

.SubNav .Facility9>a:before {
  background: url(../Images/All/SubNav/Facility/Nav9.jpg) no-repeat center
}

.SubNav .Facility10>a:before {
  background: url(../Images/All/SubNav/Facility/Nav10.jpg) no-repeat center
}

.SubNav .Kokusai1>a:before {
  background: url(../Images/All/SubNav/Kokusai/Nav1.jpg) no-repeat center
}

.SubNav .Kokusai2>a:before {
  background: url(../Images/All/SubNav/Kokusai/Nav2.jpg) no-repeat center
}

.SubNav .Kokusai3>a:before {
  background: url(../Images/All/SubNav/Kokusai/Nav3.jpg) no-repeat center
}

.SubNav .Kokusai4>a:before {
  background: url(../Images/All/SubNav/Kokusai/Nav4.jpg) no-repeat center
}

.SubNav .Kokusai5>a:before {
  background: url(../Images/All/SubNav/Kokusai/Nav5.jpg) no-repeat center
}

.SubNav .Kokusai6>a:before {
  background: url(../Images/All/SubNav/Kokusai/Nav6.jpg) no-repeat center
}

.SubNav .Kokusai7>a:before {
  background: url(../Images/All/SubNav/Kokusai/Nav7.jpg) no-repeat center
}

.SubNav .Kokusai8>a:before {
  background: url(../Images/All/SubNav/Kokusai/Nav8.jpg) no-repeat center
}

.SubNav .Kokusai9>a:before {
  background: url(../Images/All/SubNav/Kokusai/Nav9.jpg) no-repeat center
}

.SubNav .Kokusai10>a:before {
  background: url(../Images/All/SubNav/Kokusai/Nav10.jpg) no-repeat center
}

.SubNav .University1>a:before {
  background: url(../Images/All/SubNav/University/Nav1.jpg) no-repeat center
}

.SubNav .University2>a:before {
  background: url(../Images/All/SubNav/University/Nav2.jpg) no-repeat center
}

.SubNav .University3>a:before {
  background: url(../Images/All/SubNav/University/Nav3.jpg) no-repeat center
}

.SubNav .University4>a:before {
  background: url(../Images/All/SubNav/University/Nav4.jpg) no-repeat center
}

.SubNav .University5>a:before {
  background: url(../Images/All/SubNav/University/Nav5.jpg) no-repeat center
}

.SubNav .University6>a:before {
  background: url(../Images/All/SubNav/University/Nav6.jpg) no-repeat center
}

.SubNav .University7>a:before {
  background: url(../Images/All/SubNav/University/Nav7.jpg) no-repeat center
}

.SubNav .University8>a:before {
  background: url(../Images/All/SubNav/University/Nav8.jpg) no-repeat center
}

.SubNav .University9>a:before {
  background: url(../Images/All/SubNav/University/Nav9.jpg) no-repeat center
}

.SubNav .University10>a:before {
  background: url(../Images/All/SubNav/University/Nav10.jpg) no-repeat center
}

.SP-Nav {
  background: #021a46;
  color: #ffffff;
  height: 200px;
  overflow: auto;
  position: absolute;
  left: 0;
  width: 100%;
  display: none;
  z-index: 999
}

.SP-Nav a {
  color: #ffffff
}

.SP-Nav--Category {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1rem 0
}

.SP-Nav--Category .Item {
  width: 50%;
  padding: 0.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (min-width: 425px) {
  .SP-Nav--Category .Item {
    width: 25%
  }
}

.SP-Nav--Category .Item a {
  display: block;
  background: rgba(255, 255, 255, 0.2);
  padding: 1rem
}

.SP-Nav--Category .Item a:before {
  content: ' ';
  width: 25%;
  display: block;
  padding-top: 25%;
  margin: 0 auto 0.5rem;
  background-size: cover !important
}

.SP-Nav--Category .Nav5 {
  width: 100%;
  padding: 0.5rem
}

.SP-Nav--Category .Nav5 a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background: #568800
}

.SP-Nav--Category .Nav5 a:before {
  content: ' ';
  width: 2rem;
  height: 2rem;
  padding-top: 0;
  margin: 0 0.5rem 0;
  background-size: cover !important
}

.SP-Nav--Category .Nav6 {
  width: 100%;
  padding: 0.5rem
}

.SP-Nav--Category .Nav6 a {
  background: #a62126;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.SP-Nav--Category .Nav6 a:before {
  content: ' ';
  min-width: 2rem;
  width: 2rem;
  height: 2rem;
  padding-top: 0;
  margin: 0 0.5rem 0;
  background: url("../Images/All/Header/Icon/70th.png");
  background-size: cover !important
}

.SP-Nav--Category .Nav7 {
  width: 100%;
  padding: 0.5rem
}

.SP-Nav--Category .Nav7 a {
  background: #FFAA00;
  color: #000000;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.SP-Nav--Category .Nav7 a:before {
  display: none
}

.SP-Nav--Category .Nav1>a:before {
  background: url(../Images/All/Header/Icon/SP/Nav1.png) no-repeat center
}

.SP-Nav--Category .Nav2>a:before {
  background: url(../Images/All/Header/Icon/SP/Nav2.png) no-repeat center
}

.SP-Nav--Category .Nav3>a:before {
  background: url(../Images/All/Header/Icon/SP/Nav3.png) no-repeat center
}

.SP-Nav--Category .Nav4>a:before {
  background: url(../Images/All/Header/Icon/SP/Nav4.png) no-repeat center
}

.SP-Nav--Category .Nav5>a:before {
  background: url(../Images/All/Header/Icon/SP/Nav5.png) no-repeat center
}

.SP-Nav--MainNav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
  border-top: solid 1px rgba(255, 255, 255, 0.2)
}

.SP-Nav--MainNav .Item {
  width: 50%;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  border-right: solid 1px rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.SP-Nav--MainNav .Item:nth-of-type(2n) {
  border-right: none
}

.SP-Nav--MainNav .Item a {
  display: block;
  padding: 1rem 0.75rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.SP-Nav--MainNav .Item a:before {
  content: ' ';
  display: block;
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: solid 1px rgba(255, 255, 255, 0.2);
  background-size: cover !important;
  margin-right: 0.75rem
}

.SP-Nav--MainNav .Nav1>a:before {
  background: url(../Images/All/Nav/Nav1.jpg) no-repeat center
}

.SP-Nav--MainNav .Nav2>a:before {
  background: url(../Images/All/Nav/Nav2.jpg) no-repeat center
}

.SP-Nav--MainNav .Nav3>a:before {
  background: url(../Images/All/Nav/Nav3.jpg) no-repeat center
}

.SP-Nav--MainNav .Nav4>a:before {
  background: url(../Images/All/Nav/Nav4.jpg) no-repeat center
}

.SP-Nav--MainNav .Nav5>a:before {
  background: url(../Images/All/Nav/Nav5.jpg) no-repeat center
}

.SP-Nav--MainNav .Nav6>a:before {
  background: url(../Images/All/Nav/Nav6.jpg) no-repeat center
}

.SP-Nav--MainNav .Nav7>a:before {
  background: url(../Images/All/Nav/Nav7.jpg) no-repeat center
}

.SP-Nav--MainNav .Nav8>a:before {
  background: url(../Images/All/Nav/Nav8.jpg) no-repeat center
}

.SP-Nav--SubNav {
  background: rgba(255, 255, 255, 0.4);
  text-align: left
}

.SP-Nav--SubNav .Item {
  border-bottom: solid 1px rgba(2, 26, 70, 0.5)
}

.SP-Nav--SubNav .Item i {
  margin-right: 0.5rem;
  font-size: 1.5rem
}

.SP-Nav--SubNav .Item a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 1rem
}

.SP-Nav--SNS {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 1rem 0
}

.SP-Nav--SNS .Item {
  margin-left: 0.5rem
}

.SP-Nav--SNS .Item a {
  width: 3rem;
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #021a46;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.SP-Nav--SNS .Item.Mebae a {
  background: url("../Images/All/Header/Icon/Mebae.png") no-repeat center;
  background-size: 80%
}

.SP-Nav--SNS .Item.Line a {
  background: url(../Images/All/Header/Icon/Line.png) center no-repeat #4ecd00;
  background-size: 50%
}

.SP-Nav--SNS .Item.Facebook a {
  background: #3b5b99
}

.SP-Nav--SNS .Item.Twitter a {
  background: #00aced
}

.SP-Nav--SNS .Item.Instagram a {
  background: #626262
}

.SP-Nav--SNS .Item.Youtrue a {
  background: #e52d27
}

.SP-Nav--Title {
  font-size: 1.5rem;
  height: 3rem;
  line-height: 3rem;
  background: rgba(255, 255, 255, 0.15);
  text-align: center;
  position: relative
}

.SP-Nav--Title .Close {
  width: 3rem;
  height: 3rem;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.PageTop {
  width: 60px;
  height: 108px;
  position: fixed;
  bottom: -300px;
  right: 10px;
  z-index: 200;
  visibility: hidden;
  -webkit-transition: bottom 0.4s linear;
  -moz-transition: bottom 0.4s linear;
  -o-transition: bottom 0.4s linear;
  -ms-transition: bottom 0.4s linear;
  transition: bottom 0.4s linear;
  -pie-transition: bottom 0.4s linear
}

.PageTop.visible {
  bottom: 30px
}

.PageTop a {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 60px;
  height: 108px;
  background: url("../Images/All/PageTop.png")
}

.Footer {
  background: #eeeeee;
  text-align: center;
  padding: 3rem 0
}

.Footer--Logo {
  width: 153px;
  height: 51px;
  background: url("../Images/All/Footer/Logo.png");
  background-size: cover;
  margin: auto
}

.Footer--Address {
  margin: 2rem 0;
  font-size: 0.95rem;
  font-weight: 700
}

.Footer--Address span {
  font-size: 1.25rem
}

.Footer--Nav {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 1
}

.Footer--Nav .Item a {
  display: block;
  padding: 0 1rem;
  border-right: solid 1px #3f3f3f
}

.Footer--Nav .Item:last-child a {
  border-right: none
}

.Footer .Copyright {
  color: #999999;
  font-size: 0.8rem;
  margin-top: 2rem
}

.Footer--SNS {
  padding-bottom: 2rem;
  position: relative;
  z-index: 1
}

.Footer--SNS__Title {
  text-align: center;
  font-weight: 700;
  color: #021a46;
  background: #ffffff;
  padding: 1.5rem;
  width: 25%;
  margin: 0 auto 2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.Footer--SNS__Title span {
  font-size: 1.65rem;
  display: block
}

.Footer--SNS__Box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.Footer--SNS__Facebook {
  width: 48%;
  overflow: hidden
}

.Footer--SNS__Right {
  width: 48%
}

.Footer--SNS__Right .Title {
  color: #021a46;
  font-size: 1.1rem;
  font-weight: 700
}

.Footer--SNS__Right .Title i {
  font-size: 1.25rem;
  margin-right: 0.5rem
}

.Footer--SNS__Right .Box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.Footer--SNS__Right .Twitter {
  margin-right: 2rem;
  border: solid 1px #e6ecf0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.Footer--SNS__Right .Mebae {
  min-width: 135px;
  width: 135px;
  height: 300px
}

.Footer--SNS__Right .Mebae a {
  width: 135px;
  height: 300px;
  background: url("../Images/TopPage/Mebae.png");
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block
}

.Footer--SNS__Instagram {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.Footer--SNS__Instagram .Item {
  width: 25%;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.Footer--SNS__Instagram .Item a {
  display: block
}

.Footer--SNS__Link {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.Footer--SNS__Link .Item {
  width: 48%;
  margin-bottom: 1rem
}

.Footer--SNS__Link .Item img {
  max-width: 100%
}

.Footer--SNS__Link .Item a {
  color: #021a46
}

.Footer--SNS__Link .Item .Name {
  display: -webkit-flex;
  display: flex;
  line-height: 1.25;
  font-weight: 700
}

.Footer--SNS__Link .Item .Name:before {
  font-family: 'FontAwesome';
  content: '\f105';
  width: 1rem
}

.Footer--SNS__List {
  display: -webkit-flex;
  display: flex
}

.Footer--SNS__List .Item {
  margin-right: 0.5rem
}

.Footer--SNS__List .Item a {
  display: block;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #ffffff;
  padding: 0.5rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  line-height: 1
}

.Footer--SNS__List .Item a i {
  margin-right: 0.5rem
}

.Footer--SNS__List .Twitter a {
  background: #50abf1
}

.Footer--SNS__List .Facebook a {
  background: #33619c
}

.Footer--SNS__List .RSS a {
  background: #ffb628
}

@media only screen and (max-width: 768px) {
  .Footer--SNS__Title {
    width: 50%;
    margin-top: 0
  }

  .Footer--SNS__Box {
    padding: 1rem 2rem
  }

  .Footer--SNS__Facebook {
    width: 100%;
    margin-bottom: 1rem
  }

  .Footer--SNS__Right {
    width: 100%
  }
}

@media only screen and (max-width: 425px) {
  .Footer--SNS__Title {
    width: 85%
  }

  .Footer--SNS__Link .Item {
    margin-top: 1rem;
    width: 100%
  }
}

@media only screen and (max-width: 320px) {
  .Footer--SNS__Right .Box {
    -webkit-flex-direction: column;
    flex-direction: column
  }

  .Footer--SNS__Right .Mebae {
    margin-top: 1rem
  }
}

.Footer--Slide a {
  display: block
}

.Footer--Slide img {
  width: 100%
}

.Footer--Slide .Item {
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  transition: 0.5s all;
  -pie-transition: 0.5s all;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: .3
}

.Footer--Slide .Item:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: .5
}

.Footer--Slide .tns-slide-active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

.Footer--Slide .tns-slide-active:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: .9
}

.SubTitle--Type1 {
  font-weight: 700;
  line-height: 1.2;
  font-size: 1.4rem;
  color: #000000;
  padding: 1.75rem 2rem;
  background: #f5f5f5;
  border-top: solid 2px #021a46;
  border-bottom: solid 1px #cccccc;
  margin-bottom: 1.5rem;
  margin-top: 4rem
}

.SubTitle--Type2 {
  font-weight: 700;
  line-height: 1.2;
  font-size: 1.25rem;
  background: #021a46;
  color: #ffffff;
  padding: 1.5rem;
  position: relative;
  margin-bottom: 1rem;
  margin-top: 2rem
}

.SubTitle--Type2:before {
  border: 5px solid transparent;
  border-left-color: #ffffff;
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px
}

.SubTitle--Type3 {
  font-weight: 700;
  line-height: 1.2;
  font-size: 1.05rem;
  background: #f5f5f5;
  color: #021a46;
  padding: 0.75rem 1rem;
  border: solid #dddddd 1px;
  margin-bottom: 1rem;
  margin-top: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.SubTitle--Type3:before {
  content: '\f1db';
  font-family: 'FontAwesome';
  font-size: 1.2rem;
  margin-right: 0.5rem;
  font-weight: 700
}

.SubTitle--Type3-noicon:before {
  content: '';
}

.SubTitle--Type4 {
  font-weight: 700;
  line-height: 1.2;
  color: #021a46;
  padding: 0.75rem 0;
  border-bottom: solid #021a46 1px;
  margin-bottom: 1rem;
  margin-top: 1rem
}

.Breadcrumbs {
  background: #eeeeee;
  padding: 1rem 0;
  line-height: 1
}

.Breadcrumbs .Wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #021a46;
  font-size: 0.9rem
}

.Breadcrumbs .Wrap li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.Breadcrumbs .Wrap li:after {
  content: '\f105';
  font-family: 'FontAwesome';
  font-size: 1.25rem;
  margin: 0 1rem
}

.Breadcrumbs .Wrap li:last-child:after {
  display: none
}

.Breadcrumbs .Wrap a {
  color: #021a46
}

.PageBack {
  text-align: center;
  margin-top: 20px;
  padding-top: 19px;
  border-top: solid 1px #CCCCCC
}

.PageBack a {
  color: #449900;
  text-decoration: underline
}

.PageBack a:hover {
  color: #ff3333
}

.Btn--Type1 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1rem
}

.Btn--Type1 a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background: #f5f5f5;
  padding: 1rem;
  border: solid 1px #dcdcdc;
  color: #021a46;
  margin: 0.5rem;
  text-decoration: none !important
}

.Btn--Type1 a:before {
  content: '\f0da';
  font-family: 'FontAwesome';
  margin-right: 0.5rem;
  font-size: 1.1rem
}

.Btn--Type1.List {
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.Btn--Type1.List .Item {
  width: 48%;
  margin-bottom: 1.5rem
}

.Btn--Type1.List .Item a {
  margin: 0
}

.Btn--Type2 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.Btn--Type2 a {
  display: block;
  padding: 1rem 3rem;
  border: solid 1px #021a46;
  text-decoration: none !important;
  background: #021a46;
  color: #fff !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-left: 0.5rem;
  margin-right: 0.5rem
}

.ButtonType01 a {
  color: #ffffff;
  padding: 5px 15px;
  border: 1px solid #3e8dc9;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlOGRjOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNjhiNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e8dc9), color-stop(100%, #0068b7));
  background: -moz-linear-gradient(top, #3e8dc9, #0068b7);
  background: -webkit-linear-gradient(top, #3e8dc9, #0068b7);
  background: linear-gradient(to bottom, #3e8dc9, #0068b7);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 5px #999;
  -webkit-box-shadow: 0 0 5px #999;
  box-shadow: 0 0 5px #999;
  font-size: 0.9em;
  position: relative
}

.ButtonType01 a:hover {
  border: 1px solid #c9833e;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ODMzZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I4NWMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c9833e), color-stop(100%, #b85c00));
  background: -moz-linear-gradient(top, #c9833e, #b85c00);
  background: -webkit-linear-gradient(top, #c9833e, #b85c00);
  background: linear-gradient(to bottom, #c9833e, #b85c00)
}

.TopPage--MainImage {
  position: relative;
  padding: 5rem 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  z-index: 2;
  overflow: hidden;
  width: 100%
}

.TopPage--MainImage:before {
  content: ' ';
  width: 772px;
  height: 1100px;
  background: url("../Images/TopPage/Background.jpg") no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1
}

@media only screen and (max-width: 1440px) {
  .TopPage--MainImage:before {
    width: 617.6px;
    height: 880px
  }
}

@media only screen and (max-width: 1280px) {
  .TopPage--MainImage:before {
    width: 514.66667px;
    height: 733.33333px
  }
}

@media only screen and (max-width: 924px) {
  .TopPage--MainImage:before {
    width: 441.14286px;
    height: 628.57143px
  }
}

@media only screen and (max-width: 425px) {
  .TopPage--MainImage:before {
    width: 386px;
    height: 550px
  }
}

@media only screen and (max-width: 640px) {
  .TopPage--MainImage {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.TopPage--Slide {
  width: 50%;
  min-width: 50%;
  position: relative
}

.TopPage--Slide .Item img {
  width: 100%
}

.TopPage--Slide .Controls {
  margin-top: 0.5rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}

.TopPage--Slide .Controls .Icon {
  width: 0.75rem;
  height: 0.75rem;
  background: #dddddd;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: 0.5rem
}

.TopPage--Slide .Controls .tns-nav-active {
  background: #021a46
}

@media only screen and (max-width: 640px) {
  .TopPage--Slide {
    width: 100%;
    min-width: 100%
  }
}

.TopPage--NoticeBox {
  min-width: 520px;
  padding-left: 50px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.TopPage--NoticeBox__Title {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  background: #021a46;
  color: #ffffff;
  padding: 1rem;
  line-height: 1
}

.TopPage--NoticeBox__List {
  border-left: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding: 1rem 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff
}

.TopPage--NoticeBox__List .Item {
  border-bottom: dotted 1px #000000;
  margin: 0 1rem
}

.TopPage--NoticeBox__List .Item:last-of-type {
  border-bottom: none
}

.TopPage--NoticeBox__List .Item a {
  padding: 1rem 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.TopPage--NoticeBox__List .Date {
  margin-right: 1rem;
  min-width: 6rem;
  width: 6rem;
  font-size: 0.9rem
}

.TopPage--NoticeBox__List .Date span {
  color: #021a46;
  display: block;
  font-weight: 700;
  line-height: 1.2;
  text-align: center
}

.TopPage--NoticeBox__List .Date span.Category {
  background: #898989;
  -moz-border-radius: 1rem 1rem 1rem 1rem/50% 50% 50% 50%;
  -webkit-border-radius: 1rem;
  border-radius: 1rem 1rem 1rem 1rem/50% 50% 50% 50%;
  color: #ffffff;
  margin-top: 0.25rem;
  padding: 0.5rem;
  font-size: 0.8rem
}

.TopPage--NoticeBox__List .Title {
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.TopPage--NoticeBox__List .jspVerticalBar {
  width: 5px !important
}

.TopPage--NoticeBox__List .jspTrack {
  background: #eeeeee
}

.TopPage--NoticeBox__List .jspDrag {
  background: #021a46
}

@media only screen and (max-width: 1040px) {
  .TopPage--NoticeBox {
    min-width: 50%;
    padding-right: 1rem
  }
}

@media only screen and (max-width: 640px) {
  .TopPage--NoticeBox {
    min-width: 100%;
    padding: 1rem
  }
}

.TopPage--Important {
  margin-bottom: 30px
}

.TopPage--Important .TopPage--NoticeBox__Title {
  background: #cc0000
}

.TopPage--Important a:after {
  font-family: 'FontAwesome';
  content: '\f061';
  color: #cc0000
}

.TopPage--Important a.IconPDF:after {
  content: ' '
}

.TopPage--Important .Date span {
  color: #cc0000
}

.TopPage--Information .TopPage--NoticeBox__List {
  height: 400px;
  overflow: hidden
}

@media only screen and (max-width: 640px) {
  .TopPage--Information .TopPage--NoticeBox__List {
    height: 400px !important
  }
}

.TopPage--News {
  background: #eeeeee;
  z-index: 1;
  padding: 5rem 0
}

.TopPage--News__Title {
  text-align: center;
  position: relative
}

.TopPage--News__Title .Title {
  font-weight: 700;
  color: #021a46
}

.TopPage--News__Title .Title span {
  font-size: 1.65rem;
  display: block
}

.TopPage--News__Title .ShowType {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1rem;
  line-height: 1
}

.TopPage--News__Title .ShowType a {
  color: #021a46;
  padding-bottom: 0.5rem;
  border-bottom: solid 2px #021a46
}

.TopPage--News__Title .ShowType a:before {
  font-family: 'FontAwesome';
  content: '\f107';
  margin-right: 0.5rem
}

.TopPage--News__Tab {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin: 2rem 0 1rem
}

.TopPage--News__Tab .Item {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-right: 0.5rem;
  width: 14%
}

.TopPage--News__Tab .Item:last-child {
  margin-right: 0
}

.TopPage--News__Tab .Item a {
  background: #ffffff;
  display: block;
  line-height: 1.25;
  padding: 0.75rem 0.5rem;
  font-size: 0.95rem;
  text-align: center
}

.TopPage--News__Tab .Item.All {
  text-align: center
}

.TopPage--News__Tab .Item.All.Active a {
  background: #0066b4;
  color: #ffffff
}

.TopPage--News__Tab .Item.Log a {
  display: -webkit-flex;
  display: flex;
  background: #021a46;
  color: #ffffff
}

.TopPage--News__Tab .Item.Log a:before {
  font-family: 'FontAwesome';
  content: '\f105';
  margin-right: 0.5rem
}

.TopPage--News__Tab .Item.Category1.Active a {
  background: #66c9c9;
  color: #ffffff
}

.TopPage--News__Tab .Item.Category1.Active a:after {
  color: #ffffff
}

.TopPage--News__Tab .Item.Category2.Active a {
  background: #f90;
  color: #ffffff
}

.TopPage--News__Tab .Item.Category2.Active a:after {
  color: #ffffff
}

.TopPage--News__Tab .Item.Category3.Active a {
  background: #c6c;
  color: #ffffff
}

.TopPage--News__Tab .Item.Category3.Active a:after {
  color: #ffffff
}

.TopPage--News__Tab .Item.Category4.Active a {
  background: #5cb700;
  color: #ffffff
}

.TopPage--News__Tab .Item.Category4.Active a:after {
  color: #ffffff
}

.TopPage--News__Tab .Item.Category5.Active a {
  background: #69f;
  color: #ffffff
}

.TopPage--News__Tab .Item.Category5.Active a:after {
  color: #ffffff
}

.TopPage--News__Tab .Item.Category6.Active a {
  background: #f66;
  color: #ffffff
}

.TopPage--News__Tab .Item.Category6.Active a:after {
  color: #ffffff
}

.TopPage--News__Tab .Item.Category7.Active a {
  background: #66D3FF;
  color: #ffffff
}

.TopPage--News__Tab .Item.Category7.Active a:after {
  color: #ffffff
}

.TopPage--News__Btns {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 100%;
  margin: 2rem 0 0
}

.TopPage--News__Btns .Item {
  margin-left: 1rem
}

.TopPage--News__Btns .Item a {
  line-height: 1.25;
  padding: 0.75rem 1rem;
  display: -webkit-flex;
  display: flex;
  background: #021a46;
  color: #ffffff
}

.TopPage--News__Btns .Item a:before {
  font-family: 'FontAwesome';
  content: '\f105';
  margin-right: 0.5rem
}

.TopPage--News__Box {
  display: none
}

.TopPage--News__Box.Show {
  display: block
}

.TopPage--News__List {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.TopPage--News__List .Panel {
  width: 25%;
  padding: 0.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.TopPage--News__List .Panel a {
  display: block;
  background: #ffffff;
  height: 100%
}

.TopPage--News__List .Panel .Photo {
  height: 120px;
  background-size: cover !important;
  background-position: center !important
}

.TopPage--News__List .Panel .Body {
  padding: 1rem
}

.TopPage--News__List .Panel .Title {
  line-height: 1.5
}

.TopPage--News__List .Panel .Date {
  font-size: 0.9rem;
  margin: 0.5rem 0;
  color: #999999
}

.TopPage--News__List .Panel .Category {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.TopPage--News__List .Panel .Category .Item {
  padding: 0.5rem;
  line-height: 1;
  margin: 0.25rem;
  background: #ff3333;
  color: #ffffff
}

.TopPage--News__List .Panel .Category .Item.Category1 {
  background: #66c9c9
}

.TopPage--News__List .Panel .Category .Item.Category2 {
  background: #f90
}

.TopPage--News__List .Panel .Category .Item.Category3 {
  background: #c6c
}

.TopPage--News__List .Panel .Category .Item.Category4 {
  background: #5cb700
}

.TopPage--News__List .Panel .Category .Item.Category5 {
  background: #69f
}

.TopPage--News__List .Panel .Category .Item.Category6 {
  background: #f66
}

.TopPage--News__List .Panel .Category .Item.Category7 {
  background: #66D3FF
}

@media only screen and (max-width: 768px) {
  .TopPage--News__Tab {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .TopPage--News__Tab .Item {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    margin: 0.25rem
  }

  .TopPage--News__List .Panel {
    width: 50%
  }
}

@media only screen and (max-width: 425px) {
  .TopPage--News {
    padding: 5rem 1rem
  }

  .TopPage--News__Title .ShowType {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 1rem
  }

  .TopPage--News__List .Panel {
    width: 100%
  }
}

.TopPage--Faculty {
  padding-bottom: 5rem
}

.TopPage--Faculty__Title {
  text-align: center;
  font-weight: 700;
  color: #021a46;
  background: #ffffff;
  padding: 1.5rem;
  width: 25%;
  margin: -3rem auto 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.TopPage--Faculty__Title span {
  font-size: 1.65rem;
  display: block
}

.TopPage--Faculty__List {
  margin-top: 2rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center
}

.TopPage--Faculty__List .Item {
  text-align: center;
  padding: 0.5rem
}

.TopPage--Faculty__List .Item a {
  display: block;
  color: #222222
}

.TopPage--Faculty__List .Item .Photo {
  width: 160px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 1rem
}

.TopPage--Faculty__List .Item .Photo:before {
  content: ' ';
  width: 100%;
  padding-top: 100%;
  display: block
}

.TopPage--Faculty__List .Item .Photo img {
  max-width: 100%
}

.TopPage--Faculty__List .Item .Faculty1 {
  background: url(../Images/TopPage/Faculty/Photo1.jpg) no-repeat center;
  background-size: cover
}

.TopPage--Faculty__List .Item .Faculty2 {
  background: url(../Images/TopPage/Faculty/Photo2.jpg) no-repeat center;
  background-size: cover
}

.TopPage--Faculty__List .Item .Faculty3 {
  background: url(../Images/TopPage/Faculty/Photo3.jpg) no-repeat center;
  background-size: cover
}

.TopPage--Faculty__List .Item .Faculty4 {
  background: url(../Images/TopPage/Faculty/Photo4.jpg) no-repeat center;
  background-size: cover
}

.TopPage--Faculty__List .Item .Faculty5 {
  background: url(../Images/TopPage/Faculty/Photo5.jpg) no-repeat center;
  background-size: cover
}

.TopPage--Faculty__List .Item .Faculty6 {
  background: url(../Images/TopPage/Faculty/Photo6.jpg) no-repeat center;
  background-size: cover
}

@media only screen and (max-width: 768px) {
  .TopPage--Faculty__Title {
    width: 50%
  }
}

@media only screen and (max-width: 425px) {
  .TopPage--Faculty__Title {
    width: 85%
  }

  .TopPage--Faculty__List .Item {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .TopPage--Faculty__List .Item .Photo {
    width: 100%
  }
}

.TopPage--Picup {
  background: #eeeeee;
  padding: 3rem
}

.TopPage--Picup__Title {
  text-align: center;
  font-weight: 700;
  color: #021a46;
  background: #eeeeee;
  padding: 1.5rem;
  width: 25%;
  margin: -6rem auto 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.TopPage--Picup__Title span {
  font-size: 1.65rem;
  display: block
}

.TopPage--Picup__List .Item a {
  display: block;
  padding: 1rem
}

.TopPage--Picup__List .Item a img {
  max-width: 100%
}

.TopPage--Picup__List .Item .Icon {
  text-align: center
}

.TopPage--Picup__Slide {
  padding: 2rem;
  position: relative
}

@media only screen and (max-width: 768px) {
  .TopPage--Picup__Title {
    width: 50%
  }
}

@media only screen and (max-width: 425px) {
  .TopPage--Picup {
    padding: 3rem 0
  }

  .TopPage--Picup__Title {
    width: 85%
  }
}

.TopPage--Slide__Controls {
  font-size: 3rem
}

.TopPage--Slide__Controls .prev {
  top: 50%;
  left: 0;
  position: absolute;
  -moz-transform: scale(1, 1.5);
  -ms-transform: scale(1, 1.5);
  -webkit-transform: scale(1, 1.5);
  transform: scale(1, 1.5);
  margin-top: -4rem
}

.TopPage--Slide__Controls .next {
  top: 50%;
  right: 0;
  position: absolute;
  -moz-transform: scale(1, 1.5);
  -ms-transform: scale(1, 1.5);
  -webkit-transform: scale(1, 1.5);
  transform: scale(1, 1.5);
  margin-top: -4rem
}

.InPage--Content {
  padding: 3rem 0
}

.InPage--Information {
  border: solid 1px #d2d2d2;
  border-top: solid 2px #021a46
}

.InPage--Information__Title {
  background: #021a46;
  padding: 1rem 2rem;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1
}

.InPage--Information .Item {
  border-bottom: dotted 1px #000000;
  margin: 0 1rem
}

.InPage--Information .Item:last-child {
  border-bottom: none
}

.InPage--Information .Item a {
  display: block;
  padding: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.InPage--Information .Item .Category {
  background: #898989;
  text-align: center;
  -moz-border-radius: 1rem 1rem 1rem 1rem/50% 50% 50% 50%;
  -webkit-border-radius: 1rem;
  border-radius: 1rem 1rem 1rem 1rem/50% 50% 50% 50%;
  padding: 0.5rem;
  line-height: 1;
  min-width: 5rem;
  width: 5rem;
  margin-right: 1rem;
  font-size: 0.9rem;
  color: #ffffff
}

.InPage--Information .Item .Date {
  color: #021a46;
  min-width: 6rem;
  width: 6rem;
  font-weight: 700;
  margin-right: 1rem;
  text-align: center
}

.InPage--Information__Important {
  background: #f5f5f5;
  display: -webkit-flex;
  display: flex;
  border-bottom: dotted 1px #000000;
  -webkit-align-items: center;
  align-items: center
}

.InPage--Information__Important>.Title {
  color: #021a46;
  margin: 1rem;
  line-height: 1;
  padding: 0.25rem 0.5rem;
  border-left: 3px solid #021a46;
  color: #021a46;
  font-weight: 700;
  min-width: 7.5rem
}

.InPage--Information__Important>.List {
  width: 100%;
  border-left: solid 1px #d2d2d2;
  margin: 0.5rem 0
}

.InPage--Information__Important .Item {
  border-bottom: none
}

.InPage--BtnArea {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 2rem
}

.InPage--BtnArea .Item {
  line-height: 1;
  padding: 0.5rem
}

.InPage--BtnArea .Item a {
  border: solid 1px #cccccc;
  display: block
}

.MainImage {
  width: 100%;
  height: 480px;
  background: url(../Images/InPage/MainImage_university.jpg) no-repeat center;
  background-size: cover !important;
  margin: 1.5rem 0
}

@media only screen and (max-width: 425px) {
  .MainImage {
    height: 250px
  }
}

.companyPage--Body .MainImage {
  background: url(../Images/InPage/MainImage_company.jpg) no-repeat center
}

.examinationPage--Body .MainImage {
  background: url(../Images/InPage/MainImage_examination.jpg) no-repeat center
}

.factoryPage--Body .MainImage {
  background: url(../Images/InPage/MainImage_factory.jpg) no-repeat center
}

.graduatePage--Body .MainImage {
  background: url(../Images/InPage/MainImage_graduate.jpg) no-repeat center
}

.nyushiPage--Body .MainImage {
  background: url(../Images/InPage/MainImage_nyushi.jpg) no-repeat center
}

.researchPage--Body .MainImage {
  background: url(../Images/InPage/MainImage_research.jpg) no-repeat center
}

.studentPage--Body .MainImage {
  background: url(../Images/InPage/MainImage_student.jpg) no-repeat center
}

.undergraduatePage--Body .MainImage {
  background: url(../Images/InPage/MainImage_undergraduate.jpg) no-repeat center
}

.universityPage--Body .MainImage {
  background: url(../Images/InPage/MainImage_university.jpg) no-repeat center
}

.CategoryTitle {
  font-size: 2.5rem;
  color: #333333;
  text-align: center
}

.CategoryTitle span {
  display: block;
  font-size: 0.9rem;
  color: #999999
}

.CategoryTitle span:before {
  content: ' ';
  width: 20px;
  height: 5px;
  background: #999999;
  display: block;
  margin: 1rem auto
}

.SinglePage--MainImage {
  height: 190px;
  background: url(../Images/InPage/MainImage_university.jpg) no-repeat center;
  background-size: cover !important;
  margin: 1.5rem 0
}

@media only screen and (max-width: 425px) {
  .SinglePage--MainImage {
    height: 100px
  }
}

.nyushiPage--Body .SinglePage--MainImage {
  background: url(../Images/InPage/MainImage_nyushi.jpg) no-repeat center
}

.researchPage--Body .SinglePage--MainImage {
  background: url(../Images/InPage/MainImage_research.jpg) no-repeat center
}

.undergraduatePage--Body .SinglePage--MainImage {
  background: url(../Images/InPage/MainImage_undergraduate.jpg) no-repeat center
}

.universityPage--Body .SinglePage--MainImage {
  background: url(../Images/InPage/MainImage_university.jpg) no-repeat center
}

.factoryPage--Body .SinglePage--MainImage {
  background: url(../Images/InPage/MainImage_factory.jpg) no-repeat center
}

.SinglePage--Title {
  font-weight: 700;
  line-height: 1;
  font-size: 1.4rem;
  padding: 1.75rem 2rem;
  border-top: solid 2px #021a46;
  border-bottom: solid 1px #cccccc;
  margin-bottom: 1.5rem
}

.SinglePage--Content {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse
}

@media only screen and (max-width: 1040px) {
  .SinglePage--Content {
    padding: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}

@media only screen and (max-width: 768px) {
  .SinglePage--Content {
    -webkit-flex-direction: column;
    flex-direction: column
  }
}

.SinglePage--Body {
  width: 780px
}

.SinglePage--Body a {
  color: #021a46;
  text-decoration: underline
}

.SinglePage--Body img {
  max-width: 100%;
  height: auto
}

@media only screen and (max-width: 1040px) {
  .SinglePage--Body {
    margin-left: 2rem;
    width: auto;
    -webkit-flex-grow: 1;
    flex-grow: 1
  }
}

@media only screen and (max-width: 768px) {
  .SinglePage--Body {
    margin-left: 0
  }
}

.SinglePage--Side {
  min-width: 210px;
  width: 210px
}

@media only screen and (max-width: 768px) {
  .SinglePage--Side {
    width: 100%;
    margin-top: 3rem
  }
}

.SinglePage--Side__Title {
  background: #021a46;
  color: #ffffff;
  font-size: 1.25rem;
  text-align: center;
  padding: 2rem 1rem;
  line-height: 1.25
}

.SinglePage--Side__List {
  background: #ffffff
}

.SinglePage--Side__List .Item a {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  padding: 1rem;
  border-bottom: solid 1px #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.SinglePage--Side__List .Item a:after {
  font-family: 'FontAwesome';
  content: '\f105';
  color: #ffffff;
  background: #021a46;
  min-width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  margin-left: 1rem;
  font-size: 0.8rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.SinglePage--Side__Category {
  background: #eeeeee;
  border-bottom: solid 1px #021a46
}

.SinglePage--Side__Category span {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 1rem;
  color: #021a46;
  font-weight: 700;
  font-size: 1.1rem
}

.SinglePage--Side__Category a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 1rem;
  color: #021a46;
  font-weight: 700;
  font-size: 1.1rem
}

.SinglePage--Side__Category a:after {
  content: '\f105';
  font-family: 'FontAwesome';
  min-width: 1rem;
  text-align: right;
  margin-left: 1rem
}

.SinglePage--Side__Category a.IconPDF:after {
  content: " " !important
}

.SinglePage--Blocks {
  display: -webkit-flex;
  display: flex
}

.SinglePage--Blocks__Type1 {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse
}

@media only screen and (max-width: 425px) {
  .SinglePage--Blocks__Type1 {
    -webkit-flex-direction: column;
    flex-direction: column
  }
}

.SinglePage--Blocks__Type1 .Photo {
  min-width: 33%;
  width: 33%;
  text-align: center;
  line-height: 1.5
}

@media only screen and (max-width: 425px) {
  .SinglePage--Blocks__Type1 .Photo {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 2rem;
    width: 100%;
    min-width: 100%
  }
}

.SinglePage--Blocks__Type1 .Photo:first-child {
  margin-left: 2rem
}

.SinglePage--Blocks__Type1 .Photo:last-child {
  margin-right: 2rem
}

.SinglePage--Blocks__Type1 .Body {
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.SinglePage--Blocks__Type2 {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.SinglePage--Blocks__Type2 .Box {
  width: 48%;
  margin-bottom: 1rem
}

@media only screen and (max-width: 425px) {
  .SinglePage--Blocks__Type2 {
    -webkit-flex-direction: column;
    flex-direction: column
  }

  .SinglePage--Blocks__Type2 .Box {
    width: 100%
  }
}

.SinglePage--Photos {
  display: -webkit-flex;
  display: flex
}

.SinglePage--Photos__Type1 {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width: 425px) {
  .SinglePage--Photos__Type1 {
    -webkit-flex-direction: column;
    flex-direction: column
  }
}

.SinglePage--Photos__Type1 .Item {
  min-width: 48%;
  width: 48%;
  text-align: center;
  line-height: 1;
  margin-bottom: 2rem
}

@media only screen and (max-width: 425px) {
  .SinglePage--Photos__Type1 .Item {
    width: 100%
  }
}

.SinglePage--Photos__Type1 .Item img {
  max-width: 100%
}

.SinglePage--Photos__Type2 {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width: 425px) {
  .SinglePage--Photos__Type2 {
    -webkit-flex-direction: column;
    flex-direction: column
  }
}

.SinglePage--Photos__Type2 .Item {
  padding: 0.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 25%;
  width: 25%;
  text-align: center;
  line-height: 1;
  margin-bottom: 2rem
}

@media only screen and (max-width: 425px) {
  .SinglePage--Photos__Type2 .Item {
    width: 100%
  }
}

.SinglePage--Photos__Type2 .Item img {
  max-width: 100%
}

.Facility--Introduction__List {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.Facility--Introduction__Box {
  width: 47%;
  border: solid 1px #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 2.5rem
}

@media only screen and (max-width: 425px) {
  .Facility--Introduction__Box {
    width: 100%
  }
}

.Facility--Introduction__Box .Title {
  color: #ffffff;
  background: #021a46;
  font-size: 1.05rem;
  font-weight: 700;
  padding: 1rem;
  line-height: 1.2;
  text-align: center
}

.Facility--Introduction__Box .Photo {
  text-align: center;
  line-height: 1;
  padding: 1rem;
  border-bottom: solid 1px #cccccc
}

.Facility--Introduction__Box .Photo img {
  max-width: 100%
}

.Facility--Introduction__Box .Body {
  padding: 1rem
}

.Facility--Introduction__Box .Btn {
  text-align: center;
  margin: 0.5rem 1rem 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.Facility--Introduction__Box .Btn a {
  background: #021a46;
  text-decoration: none;
  color: #ffffff;
  padding: 1rem 2rem;
  margin: 0.5rem
}

.Bidding--Information .Item {
  display: -webkit-flex;
  display: flex;
  padding: 1rem;
  border-bottom: dotted 1px #021a46
}

.Bidding--Information .Item span {
  min-width: 7rem;
  width: 7rem;
  font-weight: 700;
  color: #021a46
}

.Event--Calendar {
  overflow: hidden;
  border: solid 1px #EBEBEB;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.Event--Popup {
  width: 80%;
  max-width: 500px;
  background: #ffffff;
  -moz-box-shadow: 0 0 5px #aaa;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  padding: 3rem 1.5rem 1.5rem;
  position: absolute;
  text-align: left;
  z-index: 9999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width: 768px) {
  .Event--Popup {
    width: 90%;
    max-width: 90%
  }
}

@media only screen and (max-width: 435px) {
  .Event--Popup {
    height: 300px;
    overflow: auto;
    padding-top: 2rem
  }
}

.Event--Popup__Close {
  position: absolute;
  width: 3rem;
  height: 3rem;
  right: 0;
  top: 0;
  background: #021a46;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  line-height: 3rem;
  font-size: 1.5rem
}

.Event--Popup__Title {
  color: #021a46;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid 1px #021a46
}

.Event--Popup__Date {
  padding: 1rem;
  background: #eeeeee;
  margin-bottom: 1.5rem
}

.Event--Popup__Btn a {
  display: block;
  background: #021a46;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  margin-top: 1rem;
  padding: 1rem
}

.Information--List .Item a {
  padding: 1rem 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  text-decoration: none;
  width: 100%;
  border-bottom: solid 1px #cccccc
}

.Information--List .Item a .Category {
  display: block;
  padding: 0.5rem;
  line-height: 1;
  margin: 0.25rem;
  background: #ff3333;
  color: #ffffff;
  margin-right: 1rem;
  min-width: 10rem;
  font-size: 0.9rem;
  text-align: center
}

.Information--List .Item a .Date {
  min-width: 5rem;
  margin-right: 1rem
}

.Information--List .Item a .Category1 {
  background: #66c9c9
}

.Information--List .Item a .Category2 {
  background: #f90
}

.Information--List .Item a .Category3 {
  background: #c6c
}

.Information--List .Item a .Category4 {
  background: #5cb700
}

.Information--List .Item a .Category5 {
  background: #69f
}

.Information--List .Item a .Category6 {
  background: #f66
}

.Information--List .Item a .Category7 {
  background: #66D3FF
}

.Information--Single h2 {
  font-weight: 700;
  line-height: 1.2;
  font-size: 1.4rem;
  color: #000000;
  padding: 1.75rem 2rem;
  background: #f5f5f5;
  border-top: solid 2px #021a46;
  border-bottom: solid 1px #cccccc;
  margin-bottom: 1.5rem;
  margin-top: 4rem
}

.Information--Single h3 {
  font-weight: 700;
  line-height: 1.2;
  font-size: 1.25rem;
  background: #021a46;
  color: #ffffff;
  padding: 1.5rem;
  position: relative;
  margin-bottom: 1rem;
  margin-top: 2rem
}

.Information--Single h3:before {
  border: 5px solid transparent;
  border-left-color: #ffffff;
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px
}

.Information--Single h3 a {
  color: #ffffff;
  display: block
}

.Information--Single h4 {
  font-weight: 700;
  line-height: 1.2;
  font-size: 1.05rem;
  background: #f5f5f5;
  color: #021a46;
  padding: 0.75rem 1rem;
  border: solid #dddddd 1px;
  margin-bottom: 1rem;
  margin-top: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.Information--Single h4:before {
  content: '\f1db';
  font-family: 'FontAwesome';
  font-size: 1.2rem;
  margin-right: 0.5rem;
  font-weight: 700
}

.Information--Single h5 {
  font-weight: 700;
  line-height: 1.2;
  color: #021a46;
  padding: 0.75rem 0;
  border-bottom: solid #021a46 1px;
  margin-bottom: 1rem;
  margin-top: 1rem
}

.Information--Single table {
  width: 100% !important;
  border-top: solid 1px #cccccc;
  border-left: solid 1px #cccccc
}

.Information--Single table th,
.Information--Single table td {
  padding: 1rem;
  border-bottom: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  vertical-align: middle;
  max-width: 50%
}

.Information--Single table th {
  background: rgba(2, 26, 70, 0.125);
  font-weight: 700
}

.Information--Single table thead th {
  text-align: center
}

@media only screen and (max-width: 768px) {

  .Information--Single table th,
  .Information--Single table td {
    white-space: nowrap
  }
}

.Information--Single ol li {
  list-style-type: decimal;
  margin: 0.25rem 0 0.25rem 2rem;
  padding-left: 0.5rem
}

.Information--Single ul li {
  margin-bottom: 0.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex
}

.Information--Single ul li:last-of-type {
  margin-bottom: 0
}

.Information--Single ul li:before {
  font-family: 'FontAwesome';
  content: '\f105';
  color: #021a46;
  min-width: 1rem;
  text-align: center;
  margin-right: 0.25rem;
  font-size: 0.8rem
}

.Information--Single ul li a {
  display: block;
  color: #021a46;
  text-decoration: underline
}

@media only screen and (max-width:768px) {
  .Information--Single .iframe-wrap {
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    position: relative
  }

  .Information--Single .iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.Information--Single .interview-movie {
  display: flex;
  flex-wrap: wrap;
  margin: -2rem 0 0 -1.5rem;
}

.Information--Single .interview-movie__item {
  width: calc(33.333% - 1.5rem);
  border-top: 8px solid #ccc;
  margin: 3rem 0 0 1.5rem;
  padding-top: 1rem;
}

.Information--Single .interview-movie__catch {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}

.Information--Single .interview-movie__item .iframe-wrap {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
  margin-top: 1rem;
}

.Information--Single .interview-movie__item .iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.Information--Single .interview-movie__class {
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
}

.Information--Single .interview-movie__class span {
  display: block;
  font-size: 1rem;
}

.Information--Single .interview-movie__item--pt01 {
  border-color: #eb5d47;
}

.Information--Single .interview-movie__item--pt01 .interview-movie__catch {
  color: #eb5d47;
}

.Information--Single .interview-movie__item--pt02 {
  border-color: #f6a936;
}

.Information--Single .interview-movie__item--pt02 .interview-movie__catch {
  color: #f6a936;
}

.Information--Single .interview-movie__item--pt03 {
  border-color: #49bcbd;
}

.Information--Single .interview-movie__item--pt03 .interview-movie__catch {
  color: #49bcbd;
}

.Information--Single .interview-movie__item--pt04 {
  border-color: #119458;
}

.Information--Single .interview-movie__item--pt04 .interview-movie__catch {
  color: #119458;
}

@media only screen and (max-width:768px) {
  .Information--Single .interview-movie__item {
    width: 100%;
  }
}

.Information--SNS__List {
  margin: 2rem 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}

.Information--SNS__List .Twitter,
.Information--SNS__List .Facebook,
.Information--SNS__List .Line {
  margin-left: 1rem
}

.Information--SNS__List .Twitter,
.Information--SNS__List .Facebook {
  font-size: 0.9rem
}

.Information--SNS__List .Twitter a,
.Information--SNS__List .Facebook a {
  line-height: 1;
  overflow: hidden;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.25rem 1rem;
  color: #ffffff
}

.Information--SNS__List .Twitter i,
.Information--SNS__List .Facebook i {
  margin-right: 0.5rem
}

.Information--SNS__List .Twitter a {
  background: #00acee
}

.Information--SNS__List .Twitter a:hover {
  background: #0087bb
}

.Information--SNS__List .Facebook a {
  background: #3b5998
}

.Information--SNS__List .Facebook a:hover {
  background: #2d4373
}

.Information--SNS__List a {
  text-decoration: none
}

.Information--SNS__List .Line {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.Nyushi--QA {
  margin-bottom: 3rem
}

.Nyushi--QA__QBox {
  width: 100%;
  background: #eeeeee;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-weight: 700;
  color: #021a46;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer
}

.Nyushi--QA__QBox .Title {
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.Nyushi--QA__QBox:before {
  font-size: 1.5rem;
  content: 'Q.';
  width: 2rem;
  min-width: 2rem;
  margin-right: 0.5rem
}

.Nyushi--QA__QBox:after {
  content: '\f067';
  font-family: 'FontAwesome';
  width: 2rem;
  min-width: 2rem;
  font-size: 1.5rem
}

.Nyushi--QA__QBox.Open:after {
  content: '\f068'
}

.Nyushi--QA__Abox {
  display: none
}

.Nyushi--QA__AboxArea {
  border-bottom: 2px solid #eeeeee;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex
}

.Nyushi--QA__AboxArea:before {
  font-size: 1.5rem;
  content: 'A.';
  width: 2rem;
  min-width: 2rem;
  margin-right: 0.5rem;
  line-height: 1;
  color: #990000
}

.Nyushi--Information {
  border: solid 1px #d2d2d2;
  border-top: none;
  margin-bottom: 2rem
}

.Nyushi--Information__Title {
  font-size: 1.15rem;
  font-weight: 700;
  padding-bottom: 1.5rem;
  line-height: 1;
  border-bottom: solid 1px
}

.Nyushi--Information__Important {
  padding: 1.5rem;
  background: #f5f5f5;
  border-top: solid 2px #cc0000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.Nyushi--Information__Important .Nyushi--Information__Title {
  color: #cc0000;
  border-bottom-color: #cc0000
}

.Nyushi--Information__Important .Item {
  border-bottom: #000000 dotted 1px
}

.Nyushi--Information__Important .Item a {
  display: -webkit-flex;
  display: flex;
  padding: 1.5rem 0;
  text-decoration: none !important
}

.Nyushi--Information__Important .Item a:before {
  content: '●';
  color: #ff0000;
  font-size: 0.9rem;
  font-weight: 700;
  width: 1rem;
  min-width: 1rem
}

.Nyushi--Information__List {
  padding: 1.5rem;
  border-top: solid 2px #021a46;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.Nyushi--Information__List .Nyushi--Information__Title {
  color: #021a46;
  border-bottom-color: #021a46
}

.Nyushi--Information__List .Item {
  border-bottom: #000000 dotted 1px
}

.Nyushi--Information__List .Item a {
  display: -webkit-flex;
  display: flex;
  padding: 1.5rem 0;
  text-decoration: none !important
}

.Nyushi--Information__List .Item a .Date {
  width: 6rem;
  min-width: 6rem;
  color: #021a46;
  font-weight: 700
}

.EntryBody h1,
.EntryBody h2,
.EntryBody hr,
.EntryBody table,
.EntryBody fieldset,
.EntryBody form {
  clear: both
}

.EntryBody hr {
  border: none;
  border-width: 1px;
  border-top-style: dotted;
  margin: 1em 0
}

.EntryBody h2 {
  font-weight: 700;
  line-height: 1.2;
  font-size: 1.4rem;
  color: #000000;
  padding: 1.75rem 2rem;
  background: #f5f5f5;
  border-top: solid 2px #021a46;
  border-bottom: solid 1px #cccccc;
  margin-bottom: 1.5rem;
  margin-top: 4rem
}

.EntryBody h3 {
  font-weight: 700;
  line-height: 1.2;
  font-size: 1.25rem;
  background: #021a46;
  color: #ffffff;
  padding: 1.5rem;
  position: relative;
  margin-bottom: 1rem;
  margin-top: 2rem
}

.EntryBody h3:before {
  border: 5px solid transparent;
  border-left-color: #ffffff;
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px
}

.EntryBody h4 {
  font-weight: 700;
  line-height: 1.2;
  font-size: 1.05rem;
  background: #f5f5f5;
  color: #021a46;
  padding: 0.75rem 1rem;
  border: solid #dddddd 1px;
  margin-bottom: 1rem;
  margin-top: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.EntryBody h4:before {
  content: '\f1db';
  font-family: 'FontAwesome';
  font-size: 1.2rem;
  margin-right: 0.5rem;
  font-weight: 700
}

.EntryBody h5 {
  font-weight: 700;
  line-height: 1.2;
  color: #021a46;
  padding: 0.75rem 0;
  border-bottom: solid #021a46 1px;
  margin-bottom: 1rem;
  margin-top: 1rem
}

.EntryBody p {
  margin-bottom: 1em
}

.EntryBody a {
  padding: 0 0.33em
}

.EntryBody b {
  font-weight: bold
}

.EntryBody strong {
  font-weight: bold;
  padding: 0 0.33em
}

.EntryBody em {
  font-weight: bold;
  padding: 0 0.33em
}

.EntryBody acronym {
  font-weight: bold;
  padding: 0 0.33em
}

.EntryBody abbr {
  font-weight: bold;
  padding: 0 0.33em
}

.EntryBody sup {
  font-size: 0.75em;
  vertical-align: super;
  padding: 0 0.33em
}

.EntryBody sub {
  font-size: 0.75em;
  vertical-align: sub;
  padding: 0 0.33em
}

.EntryBody dfn {
  text-decoration: underline;
  padding: 0 0.33em
}

.EntryBody a {
  color: #cc0000;
  text-decoration: underline
}

.EntryBody strong {
  font-weight: 700
}

.EntryBody pre {
  padding: 1em;
  margin: 2em 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-overflow: hidden
}

.EntryBody blockquote {
  margin: 10px;
  padding: 5px 0px 5px 20px;
  border-left: 5px #cccccc solid
}

.EntryBody dl {
  margin-bottom: 1em
}

.EntryBody dt {
  font-size: 1.10em;
  font-weight: bold;
  margin-bottom: 0.5em
}

.EntryBody dd {
  margin-left: 2em
}

.EntryBody ol {
  margin-left: 1.5em
}

.EntryBody ol li {
  list-style: decimal;
  margin: 0.5rem 0
}

.EntryBody ul {
  margin-left: 1.5em
}

.EntryBody ul li {
  margin-bottom: 0.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.EntryBody ul li ul {
  width: 100%
}

.EntryBody ul li:last-of-type {
  margin-bottom: 0
}

.EntryBody ul li:before {
  font-family: 'FontAwesome';
  content: '\f105';
  color: #021a46;
  min-width: 1rem;
  text-align: center;
  margin-right: 0.25rem;
  font-size: 0.8rem
}

.EntryBody ul li a {
  display: block;
  color: #021a46;
  text-decoration: underline
}

.EntryBody table {
  width: 100%;
  margin: 2em 0;
  border-left: 1px solid;
  border-top: 1px solid
}

.EntryBody caption {
  font-size: 1.10em;
  line-height: 2em;
  margin-bottom: 1em;
  font-weight: bold;
  text-align: center
}

.EntryBody th {
  font-weight: bold;
  text-align: center;
  padding: 8px;
  vertical-align: middle;
  border-right: 1px solid;
  border-bottom: 1px solid
}

.EntryBody td {
  padding: 10px;
  vertical-align: middle;
  border-right: 1px solid;
  border-bottom: 1px solid
}

thead .EntryBody td,
tfoot .EntryBody td {
  text-align: center
}

.EntryBody fieldset {
  margin: 2em 0;
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 2em 2em 0
}

.EntryBody legend {
  font-size: 1.10em;
  font-weight: bold;
  text-align: center;
  padding: 0 1em
}

.EntryBody form {
  line-height: 3em
}

.EntryBody form input,
.EntryBody form textarea option,
.EntryBody form input {
  font-size: 1.25em;
  line-height: 1.5em
}

.EntryBody form label {
  margin-right: 1em
}

.EntryBody .T-Center {
  text-align: center
}

.EntryBody .T-Center td,
.EntryBody .T-Center th {
  text-align: center
}

.EntryBody .T-Right {
  text-align: right
}

.EntryBody .T-Left {
  text-align: left
}

.EntryBody .Left {
  float: left
}

.EntryBody .Right {
  float: right
}

.EntryBody .Clear {
  clear: both
}

.EntryBody .Box--Type1 {
  border: solid 1px #CCC;
  padding: 1rem
}

.EntryBody .Box--Type2 {
  background: #ddd;
  padding: 1rem;
  margin: 1.5rem 0
}

.EntryBody .Box--Type3 {
  background: #ffeeee;
  padding: 1rem;
  margin: 1.5rem 0;
  border: 1px solid #F63
}

.EntryBody .F-Size1 {
  font-size: .1rem !important
}

.EntryBody .F-Size2 {
  font-size: .2rem !important
}

.EntryBody .F-Size3 {
  font-size: .3rem !important
}

.EntryBody .F-Size4 {
  font-size: .4rem !important
}

.EntryBody .F-Size5 {
  font-size: .5rem !important
}

.EntryBody .F-Size6 {
  font-size: .6rem !important
}

.EntryBody .F-Size7 {
  font-size: .7rem !important
}

.EntryBody .F-Size8 {
  font-size: .8rem !important
}

.EntryBody .F-Size9 {
  font-size: .9rem !important
}

.EntryBody .F-Size10 {
  font-size: 1rem !important
}

.EntryBody .F-Size11 {
  font-size: 1.1rem !important
}

.EntryBody .F-Size12 {
  font-size: 1.2rem !important
}

.EntryBody .F-Size13 {
  font-size: 1.3rem !important
}

.EntryBody .F-Size14 {
  font-size: 1.4rem !important
}

.EntryBody .F-Size15 {
  font-size: 1.5rem !important
}

.EntryBody .F-Size16 {
  font-size: 1.6rem !important
}

.EntryBody .F-Size17 {
  font-size: 1.7rem !important
}

.EntryBody .F-Size18 {
  font-size: 1.8rem !important
}

.EntryBody .F-Size19 {
  font-size: 1.9rem !important
}

.EntryBody .F-Size20 {
  font-size: 2rem !important
}

.EntryBody .F-Size21 {
  font-size: 2.1rem !important
}

.EntryBody .F-Size22 {
  font-size: 2.2rem !important
}

.EntryBody .F-Size23 {
  font-size: 2.3rem !important
}

.EntryBody .F-Size24 {
  font-size: 2.4rem !important
}

.EntryBody .F-Size25 {
  font-size: 2.5rem !important
}

.EntryBody .F-Size26 {
  font-size: 2.6rem !important
}

.EntryBody .F-Size27 {
  font-size: 2.7rem !important
}

.EntryBody .F-Size28 {
  font-size: 2.8rem !important
}

.EntryBody .F-Size29 {
  font-size: 2.9rem !important
}

.EntryBody .F-Size30 {
  font-size: 3rem !important
}

.EntryBody .IconPDF:after {
  content: ' ';
  min-width: 15px;
  width: 15px;
  height: 16px;
  background: url("../Images/All/Icon/PDF.gif");
  margin-left: 0.5rem;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  -webkit-align-self: center;
  align-self: center
}

.EntryBody .IconDOC:after {
  content: ' ';
  min-width: 16px;
  width: 16px;
  height: 16px;
  background: url("../Images/All/Icon/DOC.gif");
  margin-left: 0.5rem;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  -webkit-align-self: center;
  align-self: center
}

.EntryBody .IconXLS:after {
  content: ' ';
  min-width: 16px;
  width: 16px;
  height: 16px;
  background: url("../Images/All/Icon/XLS.gif");
  margin-left: 0.5rem;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  -webkit-align-self: center;
  align-self: center
}

.EntryBody .IconPPT:after {
  content: ' ';
  min-width: 16px;
  width: 16px;
  height: 16px;
  background: url("../Images/All/Icon/PPT.gif");
  margin-left: 0.5rem;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  -webkit-align-self: center;
  align-self: center
}

.EntryBody .IconNew {
  background: #990000;
  color: #ffffff;
  padding: 0.25rem 0.75rem;
  margin-left: 0.5rem;
  line-height: 1;
  font-size: 0.9rem
}

.EntryBody strong {
  color: #000
}

.EntryBody sup {
  color: #000
}

.EntryBody sub {
  color: #000
}

.EntryBody pre {
  background-color: rgba(2, 26, 70, 0.125)
}

.EntryBody blockquote {
  background-color: rgba(2, 26, 70, 0.125)
}

.EntryBody dt {
  color: #000
}

.EntryBody table {
  border-color: #4d4d4d
}

.EntryBody caption {
  color: #000
}

.EntryBody th {
  color: #000;
  background: rgba(2, 26, 70, 0.125);
  border-color: #4d4d4d
}

.EntryBody td {
  border-color: #4d4d4d
}

.EntryBody fieldset {
  background: rgba(2, 26, 70, 0.125);
  border-color: #4d4d4d
}

.EntryBody legend {
  color: #000
}
