@charset 'UTF-8';

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,button {
  font-size: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: baseline;
  border: 0;
  background: transparent;
}

img {
  vertical-align: bottom;
}

body {
  line-height: 1;
}

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

ul,ol {
  list-style: none;
}

blockquote,q {
  quotes: none;
}

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

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

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

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

del {
  text-decoration: line-through;
}

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

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

hr {
  display: block;
  height: 1px;
  margin: 20px 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

input,select {
  vertical-align: middle;
}

textarea {
  resize: vertical;
}

label {
  -webkit-user-select: none;
}

@-ms-viewport {
  width: auto;

  initial-scale: 1;
}

* {
  box-sizing: border-box;
}

html,body {
  width: 100%;
}

html {
  font-size: 100px;
}

html.modal_active {
  overflow: hidden;
  height: 100%;
}

html.modal_active body {
  overflow: hidden;
  height: 100%;
}

html.modal_active .wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

body {
  font-family: CompatilLetterLTCERegular,Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,Osaka,'ＭＳ Ｐゴシック',Helvetica,Verdana,sans-serif;
  font-size: .14rem;
  margin: 0;
  padding: 0;
  color: #333;
  background: #fff;

  -webkit-text-size-adjust: 100%;
}

main {
  position: relative;
  display: block;
}

main article {
  position: relative;
}

input,select,textarea,button {
  font-family: CompatilLetterLTCERegular,Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,Osaka,'ＭＳ Ｐゴシック',Helvetica,Verdana,sans-serif;
}

i {
  font-style: normal;
}

figure,figcaption {
  margin: 0;
}

ul,ol {
  padding-left: 0;
  list-style: none;
}

ul>li,ol>li {
  display: block;
  padding-left: 0;
  list-style-type: none;
  list-style-image: none;
}

a {
  position: relative;
  text-decoration: none;
  color: #0072ba;
}

a:hover {
  text-decoration: underline;
}

a:hover {
  transition: all 200ms 0s ease;
}

a>img {
  transition: opacity 200ms 0s ease;
  background: rgba(128,128,128,.01);

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

a:hover>img {
  opacity: .8;
}

strong {
  font-weight: 400;
  font-style: normal;
}

em {
  font-style: normal;
}

sup {
  font-size: .75em;
  font-weight: 400;
  vertical-align: top;
  white-space: nowrap;
}

sub {
  font-size: .75em;
  vertical-align: baseline;
  white-space: nowrap;
}

mark {
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  background: none;
}

button,[type=button],[type=submit] {
  padding: 0;
  cursor: pointer;
  border: none;
  background: none;
}

label {
  cursor: pointer;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes loaded {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }

  50% {
    width: 100%;
    height: 1%;
    opacity: 1;
  }

  100% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
}

@keyframes loaded {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }

  50% {
    width: 100%;
    height: 1%;
    opacity: 1;
  }

  100% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
}

._hidden {
  display: none!important;
}

._w-auto {
  width: auto!important;
}

._w-full {
  width: 100%!important;
}

._w-half {
  width: 50%!important;
}

._w-min {
  width: 1px!important;
}

._miw-none {
  min-width: 0!important;
}

._maw-none {
  max-width: none!important;
}

._w-5p {
  width: 5%!important;
}

._w-10p {
  width: 10%!important;
}

._w-15p {
  width: 15%!important;
}

._w-20p {
  width: 20%!important;
}

._w-25p {
  width: 25%!important;
}

._w-30p {
  width: 30%!important;
}

._w-35p {
  width: 35%!important;
}

._w-40p {
  width: 40%!important;
}

._w-45p {
  width: 45%!important;
}

._w-50p {
  width: 50%!important;
}

._w-55p {
  width: 55%!important;
}

._w-60p {
  width: 60%!important;
}

._w-65p {
  width: 65%!important;
}

._w-70p {
  width: 70%!important;
}

._w-75p {
  width: 75%!important;
}

._w-80p {
  width: 80%!important;
}

._w-85p {
  width: 85%!important;
}

._w-90p {
  width: 90%!important;
}

._w-95p {
  width: 95%!important;
}

._w-100p {
  width: 100%!important;
}

._w-105p {
  width: 105%!important;
}

._w-110p {
  width: 110%!important;
}

._w-115p {
  width: 115%!important;
}

._w-120p {
  width: 120%!important;
}

._w-125p {
  width: 125%!important;
}

._w-130p {
  width: 130%!important;
}

._w-135p {
  width: 135%!important;
}

._w-140p {
  width: 140%!important;
}

._w-145p {
  width: 145%!important;
}

._w-150p {
  width: 150%!important;
}

._w-155p {
  width: 155%!important;
}

._w-160p {
  width: 160%!important;
}

._w-165p {
  width: 165%!important;
}

._w-170p {
  width: 170%!important;
}

._w-175p {
  width: 175%!important;
}

._w-180p {
  width: 180%!important;
}

._w-185p {
  width: 185%!important;
}

._w-190p {
  width: 190%!important;
}

._w-195p {
  width: 195%!important;
}

._w-200p {
  width: 200%!important;
}

._w-grid-1 {
  width: 4.16667%!important;
}

._w-grid-2 {
  width: 8.33333%!important;
}

._w-grid-3 {
  width: 12.5%!important;
}

._w-grid-4 {
  width: 16.66667%!important;
}

._w-grid-5 {
  width: 20.83333%!important;
}

._w-grid-6 {
  width: 25%!important;
}

._w-grid-7 {
  width: 29.16667%!important;
}

._w-grid-8 {
  width: 33.33333%!important;
}

._w-grid-9 {
  width: 37.5%!important;
}

._w-grid-10 {
  width: 41.66667%!important;
}

._w-grid-11 {
  width: 45.83333%!important;
}

._w-grid-12 {
  width: 50%!important;
}

._w-grid-13 {
  width: 54.16667%!important;
}

._w-grid-14 {
  width: 58.33333%!important;
}

._w-grid-15 {
  width: 62.5%!important;
}

._w-grid-16 {
  width: 66.66667%!important;
}

._w-grid-17 {
  width: 70.83333%!important;
}

._w-grid-18 {
  width: 75%!important;
}

._w-grid-19 {
  width: 79.16667%!important;
}

._w-grid-20 {
  width: 83.33333%!important;
}

._w-grid-21 {
  width: 87.5%!important;
}

._w-grid-22 {
  width: 91.66667%!important;
}

._w-grid-23 {
  width: 95.83333%!important;
}

._w-grid-24 {
  width: 100%!important;
}

._w-grid-25 {
  width: 104.16667%!important;
}

._w-grid-26 {
  width: 108.33333%!important;
}

._w-grid-27 {
  width: 112.5%!important;
}

._w-grid-28 {
  width: 116.66667%!important;
}

._w-grid-29 {
  width: 120.83333%!important;
}

._w-grid-30 {
  width: 125%!important;
}

._h-auto {
  height: auto!important;
}

._h-full {
  height: 100%!important;
}

._h-half {
  height: 50%!important;
}

._h-min {
  height: 1px!important;
}

._mah-full {
  max-height: 100%!important;
}

._mih-none {
  min-height: 0!important;
}

._fl-l {
  float: left!important;
}

._fl-r {
  float: right!important;
}

._fl-n {
  float: none!important;
}

._cf:after {
  display: block;
  clear: both;
  content: '';
}

._cl-l {
  clear: left!important;
}

._cl-r {
  clear: right!important;
}

._cl-b {
  clear: both!important;
}

._cl-n {
  clear: none!important;
}

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

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

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

._va-t {
  vertical-align: top!important;
}

._va-m {
  vertical-align: middle!important;
}

._va-b {
  vertical-align: bottom!important;
}

._va-bl {
  vertical-align: baseline!important;
}

._fz-3s {
  font-size: .08rem!important;
}

._fz-xs {
  font-size: .1rem!important;
}

._fz-s {
  font-size: .12rem!important;
}

._fz-sm {
  font-size: .13rem!important;
}

._fz-m {
  font-size: .14rem!important;
}

._fz-l {
  font-size: .16rem!important;
}

._fz-xl {
  font-size: .18rem!important;
}

._fz-3l {
  font-size: .2rem!important;
}

._fz-4l {
  font-size: .22rem!important;
}

._fz-5l {
  font-size: .24rem!important;
}

._fz-6l {
  font-size: .26rem!important;
}

._fz-7l {
  font-size: .28rem!important;
}

._fz-8l {
  font-size: .3rem!important;
}

._fz-9l {
  font-size: .32rem!important;
}

._fz-10l {
  font-size: .34rem!important;
}

._fz-11l {
  font-size: .36rem!important;
}

._fz-12l {
  font-size: .38rem!important;
}

._fz-13l {
  font-size: .4rem!important;
}

._fz-14l {
  font-size: .42rem!important;
}

._fz-15l {
  font-size: .44rem!important;
}

._fz-16l {
  font-size: .46rem!important;
}

._fz-17l {
  font-size: .48rem!important;
}

._fz-18l {
  font-size: .5rem!important;
}

._fz-19l {
  font-size: .52rem!important;
}

._fz-20l {
  font-size: .54rem!important;
}

._lh-l {
  line-height: 2!important;
}

._lh-m {
  line-height: 1.7!important;
}

._lh-s {
  line-height: 1.3!important;
}

._lh-xs {
  line-height: 1!important;
}

._fw-n {
  font-weight: 400!important;
}

._fw-b {
  font-weight: 700!important;
}

._m-auto {
  margin: auto!important;
}

._mh-auto {
  margin-right: auto!important;
  margin-left: auto!important;
}

._mv-auto {
  margin-top: auto!important;
  margin-bottom: auto!important;
}

._m-0 {
  margin: 0!important;
}

._mv-0 {
  margin-top: 0!important;
  margin-bottom: 0!important;
}

._mh-0 {
  margin-right: 0!important;
  margin-left: 0!important;
}

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

._mr-0 {
  margin-right: 0!important;
}

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

._ml-0 {
  margin-left: 0!important;
}

._p-0 {
  padding: 0!important;
}

._pv-0 {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

._ph-0 {
  padding-right: 0!important;
  padding-left: 0!important;
}

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

._pr-0 {
  padding-right: 0!important;
}

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

._pl-0 {
  padding-left: 0!important;
}

._m-5 {
  margin: 5px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-5 {
  padding: 5px!important;
}

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

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

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

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

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

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

._m-10 {
  margin: 10px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-10 {
  padding: 10px!important;
}

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

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

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

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

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

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

._m-15 {
  margin: 15px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-15 {
  padding: 15px!important;
}

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

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

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

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

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

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

._m-20 {
  margin: 20px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-20 {
  padding: 20px!important;
}

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

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

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

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

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

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

._m-25 {
  margin: 25px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-25 {
  padding: 25px!important;
}

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

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

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

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

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

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

._m-30 {
  margin: 30px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-30 {
  padding: 30px!important;
}

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

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

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

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

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

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

._m-35 {
  margin: 35px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-35 {
  padding: 35px!important;
}

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

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

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

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

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

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

._m-40 {
  margin: 40px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-40 {
  padding: 40px!important;
}

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

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

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

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

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

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

._m-45 {
  margin: 45px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-45 {
  padding: 45px!important;
}

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

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

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

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

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

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

._m-50 {
  margin: 50px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-50 {
  padding: 50px!important;
}

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

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

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

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

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

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

._m-55 {
  margin: 55px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-55 {
  padding: 55px!important;
}

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

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

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

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

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

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

._m-60 {
  margin: 60px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-60 {
  padding: 60px!important;
}

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

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

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

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

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

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

._m-65 {
  margin: 65px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-65 {
  padding: 65px!important;
}

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

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

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

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

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

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

._m-70 {
  margin: 70px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-70 {
  padding: 70px!important;
}

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

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

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

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

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

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

._m-75 {
  margin: 75px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-75 {
  padding: 75px!important;
}

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

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

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

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

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

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

._m-80 {
  margin: 80px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-80 {
  padding: 80px!important;
}

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

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

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

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

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

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

._m-85 {
  margin: 85px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-85 {
  padding: 85px!important;
}

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

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

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

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

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

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

._m-90 {
  margin: 90px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-90 {
  padding: 90px!important;
}

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

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

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

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

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

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

._m-95 {
  margin: 95px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-95 {
  padding: 95px!important;
}

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

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

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

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

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

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

._m-100 {
  margin: 100px!important;
}

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

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

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

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

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

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

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

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

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

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

._p-100 {
  padding: 100px!important;
}

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

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

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

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

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

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

._m-0_5em {
  margin: .5em!important;
}

._mv-0_5em {
  margin-top: .5em!important;
  margin-bottom: .5em!important;
}

._mh-0_5em {
  margin-right: .5em!important;
  margin-left: .5em!important;
}

._mt-0_5em {
  margin-top: .5em!important;
}

._mr-0_5em {
  margin-right: .5em!important;
}

._mb-0_5em {
  margin-bottom: .5em!important;
}

._ml-0_5em {
  margin-left: .5em!important;
}

._mtn-0_5em {
  margin-top: -.5em!important;
}

._mrn-0_5em {
  margin-right: -.5em!important;
}

._mbn-0_5em {
  margin-bottom: -.5em!important;
}

._mln-0_5em {
  margin-left: -.5em!important;
}

._m-1em {
  margin: 1em!important;
}

._mv-1em {
  margin-top: 1em!important;
  margin-bottom: 1em!important;
}

._mh-1em {
  margin-right: 1em!important;
  margin-left: 1em!important;
}

._mt-1em {
  margin-top: 1em!important;
}

._mr-1em {
  margin-right: 1em!important;
}

._mb-1em {
  margin-bottom: 1em!important;
}

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

._mtn-1em {
  margin-top: -1em!important;
}

._mrn-1em {
  margin-right: -1em!important;
}

._mbn-1em {
  margin-bottom: -1em!important;
}

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

._m-1_5em {
  margin: 1.5em!important;
}

._mv-1_5em {
  margin-top: 1.5em!important;
  margin-bottom: 1.5em!important;
}

._mh-1_5em {
  margin-right: 1.5em!important;
  margin-left: 1.5em!important;
}

._mt-1_5em {
  margin-top: 1.5em!important;
}

._mr-1_5em {
  margin-right: 1.5em!important;
}

._mb-1_5em {
  margin-bottom: 1.5em!important;
}

._ml-1_5em {
  margin-left: 1.5em!important;
}

._mtn-1_5em {
  margin-top: -1.5em!important;
}

._mrn-1_5em {
  margin-right: -1.5em!important;
}

._mbn-1_5em {
  margin-bottom: -1.5em!important;
}

._mln-1_5em {
  margin-left: -1.5em!important;
}

._m-2em {
  margin: 2em!important;
}

._mv-2em {
  margin-top: 2em!important;
  margin-bottom: 2em!important;
}

._mh-2em {
  margin-right: 2em!important;
  margin-left: 2em!important;
}

._mt-2em {
  margin-top: 2em!important;
}

._mr-2em {
  margin-right: 2em!important;
}

._mb-2em {
  margin-bottom: 2em!important;
}

._ml-2em {
  margin-left: 2em!important;
}

._mtn-2em {
  margin-top: -2em!important;
}

._mrn-2em {
  margin-right: -2em!important;
}

._mbn-2em {
  margin-bottom: -2em!important;
}

._mln-2em {
  margin-left: -2em!important;
}

._m-2_5em {
  margin: 2.5em!important;
}

._mv-2_5em {
  margin-top: 2.5em!important;
  margin-bottom: 2.5em!important;
}

._mh-2_5em {
  margin-right: 2.5em!important;
  margin-left: 2.5em!important;
}

._mt-2_5em {
  margin-top: 2.5em!important;
}

._mr-2_5em {
  margin-right: 2.5em!important;
}

._mb-2_5em {
  margin-bottom: 2.5em!important;
}

._ml-2_5em {
  margin-left: 2.5em!important;
}

._mtn-2_5em {
  margin-top: -2.5em!important;
}

._mrn-2_5em {
  margin-right: -2.5em!important;
}

._mbn-2_5em {
  margin-bottom: -2.5em!important;
}

._mln-2_5em {
  margin-left: -2.5em!important;
}

._m-3em {
  margin: 3em!important;
}

._mv-3em {
  margin-top: 3em!important;
  margin-bottom: 3em!important;
}

._mh-3em {
  margin-right: 3em!important;
  margin-left: 3em!important;
}

._mt-3em {
  margin-top: 3em!important;
}

._mr-3em {
  margin-right: 3em!important;
}

._mb-3em {
  margin-bottom: 3em!important;
}

._ml-3em {
  margin-left: 3em!important;
}

._mtn-3em {
  margin-top: -3em!important;
}

._mrn-3em {
  margin-right: -3em!important;
}

._mbn-3em {
  margin-bottom: -3em!important;
}

._mln-3em {
  margin-left: -3em!important;
}

._m-3_5em {
  margin: 3.5em!important;
}

._mv-3_5em {
  margin-top: 3.5em!important;
  margin-bottom: 3.5em!important;
}

._mh-3_5em {
  margin-right: 3.5em!important;
  margin-left: 3.5em!important;
}

._mt-3_5em {
  margin-top: 3.5em!important;
}

._mr-3_5em {
  margin-right: 3.5em!important;
}

._mb-3_5em {
  margin-bottom: 3.5em!important;
}

._ml-3_5em {
  margin-left: 3.5em!important;
}

._mtn-3_5em {
  margin-top: -3.5em!important;
}

._mrn-3_5em {
  margin-right: -3.5em!important;
}

._mbn-3_5em {
  margin-bottom: -3.5em!important;
}

._mln-3_5em {
  margin-left: -3.5em!important;
}

._m-4em {
  margin: 4em!important;
}

._mv-4em {
  margin-top: 4em!important;
  margin-bottom: 4em!important;
}

._mh-4em {
  margin-right: 4em!important;
  margin-left: 4em!important;
}

._mt-4em {
  margin-top: 4em!important;
}

._mr-4em {
  margin-right: 4em!important;
}

._mb-4em {
  margin-bottom: 4em!important;
}

._ml-4em {
  margin-left: 4em!important;
}

._mtn-4em {
  margin-top: -4em!important;
}

._mrn-4em {
  margin-right: -4em!important;
}

._mbn-4em {
  margin-bottom: -4em!important;
}

._mln-4em {
  margin-left: -4em!important;
}

._m-4_5em {
  margin: 4.5em!important;
}

._mv-4_5em {
  margin-top: 4.5em!important;
  margin-bottom: 4.5em!important;
}

._mh-4_5em {
  margin-right: 4.5em!important;
  margin-left: 4.5em!important;
}

._mt-4_5em {
  margin-top: 4.5em!important;
}

._mr-4_5em {
  margin-right: 4.5em!important;
}

._mb-4_5em {
  margin-bottom: 4.5em!important;
}

._ml-4_5em {
  margin-left: 4.5em!important;
}

._mtn-4_5em {
  margin-top: -4.5em!important;
}

._mrn-4_5em {
  margin-right: -4.5em!important;
}

._mbn-4_5em {
  margin-bottom: -4.5em!important;
}

._mln-4_5em {
  margin-left: -4.5em!important;
}

._m-5em {
  margin: 5em!important;
}

._mv-5em {
  margin-top: 5em!important;
  margin-bottom: 5em!important;
}

._mh-5em {
  margin-right: 5em!important;
  margin-left: 5em!important;
}

._mt-5em {
  margin-top: 5em!important;
}

._mr-5em {
  margin-right: 5em!important;
}

._mb-5em {
  margin-bottom: 5em!important;
}

._ml-5em {
  margin-left: 5em!important;
}

._mtn-5em {
  margin-top: -5em!important;
}

._mrn-5em {
  margin-right: -5em!important;
}

._mbn-5em {
  margin-bottom: -5em!important;
}

._mln-5em {
  margin-left: -5em!important;
}

._m-5_5em {
  margin: 5.5em!important;
}

._mv-5_5em {
  margin-top: 5.5em!important;
  margin-bottom: 5.5em!important;
}

._mh-5_5em {
  margin-right: 5.5em!important;
  margin-left: 5.5em!important;
}

._mt-5_5em {
  margin-top: 5.5em!important;
}

._mr-5_5em {
  margin-right: 5.5em!important;
}

._mb-5_5em {
  margin-bottom: 5.5em!important;
}

._ml-5_5em {
  margin-left: 5.5em!important;
}

._mtn-5_5em {
  margin-top: -5.5em!important;
}

._mrn-5_5em {
  margin-right: -5.5em!important;
}

._mbn-5_5em {
  margin-bottom: -5.5em!important;
}

._mln-5_5em {
  margin-left: -5.5em!important;
}

._m-6em {
  margin: 6em!important;
}

._mv-6em {
  margin-top: 6em!important;
  margin-bottom: 6em!important;
}

._mh-6em {
  margin-right: 6em!important;
  margin-left: 6em!important;
}

._mt-6em {
  margin-top: 6em!important;
}

._mr-6em {
  margin-right: 6em!important;
}

._mb-6em {
  margin-bottom: 6em!important;
}

._ml-6em {
  margin-left: 6em!important;
}

._mtn-6em {
  margin-top: -6em!important;
}

._mrn-6em {
  margin-right: -6em!important;
}

._mbn-6em {
  margin-bottom: -6em!important;
}

._mln-6em {
  margin-left: -6em!important;
}

._m-6_5em {
  margin: 6.5em!important;
}

._mv-6_5em {
  margin-top: 6.5em!important;
  margin-bottom: 6.5em!important;
}

._mh-6_5em {
  margin-right: 6.5em!important;
  margin-left: 6.5em!important;
}

._mt-6_5em {
  margin-top: 6.5em!important;
}

._mr-6_5em {
  margin-right: 6.5em!important;
}

._mb-6_5em {
  margin-bottom: 6.5em!important;
}

._ml-6_5em {
  margin-left: 6.5em!important;
}

._mtn-6_5em {
  margin-top: -6.5em!important;
}

._mrn-6_5em {
  margin-right: -6.5em!important;
}

._mbn-6_5em {
  margin-bottom: -6.5em!important;
}

._mln-6_5em {
  margin-left: -6.5em!important;
}

._m-7em {
  margin: 7em!important;
}

._mv-7em {
  margin-top: 7em!important;
  margin-bottom: 7em!important;
}

._mh-7em {
  margin-right: 7em!important;
  margin-left: 7em!important;
}

._mt-7em {
  margin-top: 7em!important;
}

._mr-7em {
  margin-right: 7em!important;
}

._mb-7em {
  margin-bottom: 7em!important;
}

._ml-7em {
  margin-left: 7em!important;
}

._mtn-7em {
  margin-top: -7em!important;
}

._mrn-7em {
  margin-right: -7em!important;
}

._mbn-7em {
  margin-bottom: -7em!important;
}

._mln-7em {
  margin-left: -7em!important;
}

._m-7_5em {
  margin: 7.5em!important;
}

._mv-7_5em {
  margin-top: 7.5em!important;
  margin-bottom: 7.5em!important;
}

._mh-7_5em {
  margin-right: 7.5em!important;
  margin-left: 7.5em!important;
}

._mt-7_5em {
  margin-top: 7.5em!important;
}

._mr-7_5em {
  margin-right: 7.5em!important;
}

._mb-7_5em {
  margin-bottom: 7.5em!important;
}

._ml-7_5em {
  margin-left: 7.5em!important;
}

._mtn-7_5em {
  margin-top: -7.5em!important;
}

._mrn-7_5em {
  margin-right: -7.5em!important;
}

._mbn-7_5em {
  margin-bottom: -7.5em!important;
}

._mln-7_5em {
  margin-left: -7.5em!important;
}

._m-8em {
  margin: 8em!important;
}

._mv-8em {
  margin-top: 8em!important;
  margin-bottom: 8em!important;
}

._mh-8em {
  margin-right: 8em!important;
  margin-left: 8em!important;
}

._mt-8em {
  margin-top: 8em!important;
}

._mr-8em {
  margin-right: 8em!important;
}

._mb-8em {
  margin-bottom: 8em!important;
}

._ml-8em {
  margin-left: 8em!important;
}

._mtn-8em {
  margin-top: -8em!important;
}

._mrn-8em {
  margin-right: -8em!important;
}

._mbn-8em {
  margin-bottom: -8em!important;
}

._mln-8em {
  margin-left: -8em!important;
}

._m-8_5em {
  margin: 8.5em!important;
}

._mv-8_5em {
  margin-top: 8.5em!important;
  margin-bottom: 8.5em!important;
}

._mh-8_5em {
  margin-right: 8.5em!important;
  margin-left: 8.5em!important;
}

._mt-8_5em {
  margin-top: 8.5em!important;
}

._mr-8_5em {
  margin-right: 8.5em!important;
}

._mb-8_5em {
  margin-bottom: 8.5em!important;
}

._ml-8_5em {
  margin-left: 8.5em!important;
}

._mtn-8_5em {
  margin-top: -8.5em!important;
}

._mrn-8_5em {
  margin-right: -8.5em!important;
}

._mbn-8_5em {
  margin-bottom: -8.5em!important;
}

._mln-8_5em {
  margin-left: -8.5em!important;
}

._m-9em {
  margin: 9em!important;
}

._mv-9em {
  margin-top: 9em!important;
  margin-bottom: 9em!important;
}

._mh-9em {
  margin-right: 9em!important;
  margin-left: 9em!important;
}

._mt-9em {
  margin-top: 9em!important;
}

._mr-9em {
  margin-right: 9em!important;
}

._mb-9em {
  margin-bottom: 9em!important;
}

._ml-9em {
  margin-left: 9em!important;
}

._mtn-9em {
  margin-top: -9em!important;
}

._mrn-9em {
  margin-right: -9em!important;
}

._mbn-9em {
  margin-bottom: -9em!important;
}

._mln-9em {
  margin-left: -9em!important;
}

._m-9_5em {
  margin: 9.5em!important;
}

._mv-9_5em {
  margin-top: 9.5em!important;
  margin-bottom: 9.5em!important;
}

._mh-9_5em {
  margin-right: 9.5em!important;
  margin-left: 9.5em!important;
}

._mt-9_5em {
  margin-top: 9.5em!important;
}

._mr-9_5em {
  margin-right: 9.5em!important;
}

._mb-9_5em {
  margin-bottom: 9.5em!important;
}

._ml-9_5em {
  margin-left: 9.5em!important;
}

._mtn-9_5em {
  margin-top: -9.5em!important;
}

._mrn-9_5em {
  margin-right: -9.5em!important;
}

._mbn-9_5em {
  margin-bottom: -9.5em!important;
}

._mln-9_5em {
  margin-left: -9.5em!important;
}

._m-10em {
  margin: 10em!important;
}

._mv-10em {
  margin-top: 10em!important;
  margin-bottom: 10em!important;
}

._mh-10em {
  margin-right: 10em!important;
  margin-left: 10em!important;
}

._mt-10em {
  margin-top: 10em!important;
}

._mr-10em {
  margin-right: 10em!important;
}

._mb-10em {
  margin-bottom: 10em!important;
}

._ml-10em {
  margin-left: 10em!important;
}

._mtn-10em {
  margin-top: -10em!important;
}

._mrn-10em {
  margin-right: -10em!important;
}

._mbn-10em {
  margin-bottom: -10em!important;
}

._mln-10em {
  margin-left: -10em!important;
}

._ws-nw {
  white-space: nowrap!important;
}

._ws-n {
  white-space: normal!important;
}

._wb-ba {
  word-break: break-all!important;
}

._wb-ka {
  word-break: keep-all!important;
}

._wb-n {
  word-break: normal!important;
}

._d-b {
  display: block!important;
}

._d-ib {
  display: inline-block!important;
}

._d-i {
  display: inline!important;
}

._d-t {
  display: table!important;
}

._d-f {
  display: -ms-flexbox!important;
  display: flex!important;
}

._d-if {
  display: -ms-inline-flexbox!important;
  display: inline-flex!important;
}

._ai-s {
  -ms-flex-align: stretch!important;
  align-items: stretch!important;
}

._ai-c {
  -ms-flex-align: center!important;
  align-items: center!important;
}

._ai-fs {
  -ms-flex-align: start!important;
  align-items: flex-start!important;
}

._ai-fe {
  -ms-flex-align: end!important;
  align-items: flex-end!important;
}

._ai-b {
  -ms-flex-align: baseline!important;
  align-items: baseline!important;
}

._jc-fs {
  -ms-flex-pack: start!important;
  justify-content: flex-start!important;
}

._jc-fe {
  -ms-flex-pack: end!important;
  justify-content: flex-end!important;
}

._jc-c {
  -ms-flex-pack: center!important;
  justify-content: center!important;
}

._jc-sb {
  -ms-flex-pack: justify!important;
  justify-content: space-between!important;
}

._jc-sa {
  -ms-flex-pack: distribute!important;
  justify-content: space-around!important;
}

._as-s {
  -ms-flex-item-align: stretch!important;
  -ms-grid-row-align: stretch!important;
  align-self: stretch!important;
}

._as-c {
  -ms-flex-item-align: center!important;
  -ms-grid-row-align: center!important;
  align-self: center!important;
}

._as-fs {
  -ms-flex-item-align: start!important;
  align-self: flex-start!important;
}

._as-fe {
  -ms-flex-item-align: end!important;
  align-self: flex-end!important;
}

._as-b {
  -ms-flex-item-align: baseline!important;
  align-self: baseline!important;
}

body>.kn-wrapper {
  position: relative;
  overflow: hidden;
  min-width: 1060px;
}

.kn-main-container {
  margin-bottom: 60px;
}

.kn-main-container>.column.-main {
  padding: 20px 10px 40px;
}

.kn-accordion {
  border-bottom: 1px solid #547bdb;
}

.kn-accordion>.trigger {
  font-size: .16rem;
  font-weight: 700;
  line-height: 1.2625;
  position: relative;
  padding: 10px 30px 10px 10px;
  cursor: pointer;
  color: #547bdb;
  border-top: 1px solid #547bdb;
}

.kn-accordion>.trigger:before {
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  transition: -webkit-transform 200ms ease;
  transition:         transform 200ms ease;
  transition:         transform 200ms ease,-webkit-transform 200ms ease;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  vertical-align: middle;
  border-top: 2px solid #547bdb;
  border-right: 2px solid #547bdb;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.kn-accordion>.trigger.-active {
  color: #333;
  background: #f3f6ff;
}

.kn-accordion>.trigger.-active:before {
  top: 3px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.kn-accordion>.trigger:not(.-active)+.target {
  visibility: hidden;
  height: 0;
  max-height: 0;
  padding: 0;
}

.kn-accordion>.trigger.-active+.target {
  visibility: visible;
  height: auto;
  max-height: 9999px;
}

.kn-accordion>.target {
  overflow: hidden;
  padding: 15px 10px;
  transition: max-height 300ms ease,padding-top 150ms ease,padding-bottom 150ms ease;
}

.kn-scroll-block.-scroll-x {
  overflow-x: auto;
}

.kn-scroll-block.-scroll-y {
  overflow-y: auto;
}

.kn-border {
  border-color: #e4e4e4;
}

.kn-border.-dotted {
  border-style: dotted;
  border-top-width: 2px;
}

.kn-border.-bold {
  border-top-width: 2px;
}

.kn-border.-s {
  margin: 10px 0;
}

.kn-border.-l {
  margin: 40px 0;
}

.kn-box {
  position: relative;
  margin: 1.5em 0 0;
  padding: 15px;
  border: 1px solid #547bdb;
  background-color: #fff;
}

.kn-box:first-child {
  margin-top: 0;
}

.kn-box.-compact {
  padding: 10px;
}

.kn-box.-purple {
  border-color: #547bdb;
}

.kn-box.-bluegreen {
  border-color: #23a1ba;
}

.kn-box.-green {
  border-color: #61a624;
}

.kn-box.-pink {
  border-color: #e86875;
}

.kn-box.-orange {
  border-color: #ff6e0c;
}

.kn-box.-dotted {
  border-width: 2px;
  border-style: dotted;
}

.kn-box.-attention {
  border-color: #f00;
}

.kn-box.-supplement {
  border-color: #e4e4e4;
}

.kn-box.-bold {
  position: relative;
  border: 2px solid #547bdb;
  box-shadow: inset 0 0 0 4px #cfddff;
}

.kn-box.-bold.-purple {
  border-color: #547bdb;
}

.kn-box.-bold.-bluegreen {
  border-color: #23a1ba;
}

.kn-box.-bold.-green {
  border-color: #61a624;
}

.kn-box.-bold.-pink {
  border-color: #e86875;
}

.kn-box.-bold.-orange {
  border-color: #ff6e0c;
}

.kn-box.-bold.-bluegreen {
  box-shadow: inset 0 0 0 4px #bdecf6;
}

.kn-box.-bold.-green {
  box-shadow: inset 0 0 0 4px #d1f0b5;
}

.kn-box.-bold.-pink {
  box-shadow: inset 0 0 0 4px #f8cfd3;
}

.kn-box.-bold.-orange {
  box-shadow: inset 0 0 0 4px #ffdbc3;
}

.kn-box.-bold.-attention {
  border-color: #f00;
  box-shadow: inset 0 0 0 4px #ffafaf;
}

.kn-box.-bold.-supplement {
  border-color: #e4e4e4;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}

.kn-box.-bg {
  border: none;
  background-color: #f3f6ff;
}

.kn-box.-bg.-purple {
  background-color: #f3f6ff;
}

.kn-box.-bg.-bluegreen {
  background-color: #e9f7fa;
}

.kn-box.-bg.-green {
  background-color: #f5ffeb;
}

.kn-box.-bg.-pink {
  background-color: #fff3f5;
}

.kn-box.-bg.-orange {
  background-color: #fff1e8;
}

.kn-box.-bg.-attention {
  background-color: #ffe3e3;
}

.kn-box.-bg.-supplement {
  background-color: #f7f7f7;
}

.kn-box.-balloon {
  position: relative;
  margin-left: 30px;
  border: none;
  border-radius: 20px;
  background-color: #f3f6ff;
}

.kn-box.-balloon:before,.kn-box.-balloon:after {
  position: absolute;
  z-index: -1;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 30px solid transparent;
  border-radius: 40%;
}

.kn-box.-balloon:before {
  top: -30px;
  left: -20px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-left-color: #f3f6ff;
}

.kn-box.-balloon:after {
  top: -50px;
  left: -32px;
  content: '';
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  border-left-color: #fff;
}

.kn-box.-balloon.-purple {
  background-color: #f3f6ff;
}

.kn-box.-balloon.-bluegreen {
  background-color: #e9f7fa;
}

.kn-box.-balloon.-green {
  background-color: #f5ffeb;
}

.kn-box.-balloon.-pink {
  background-color: #fff3f5;
}

.kn-box.-balloon.-orange {
  background-color: #fff1e8;
}

.kn-box.-balloon.-purple:before {
  border-left-color: #f3f6ff;
}

.kn-box.-balloon.-bluegreen:before {
  border-left-color: #e9f7fa;
}

.kn-box.-balloon.-green:before {
  border-left-color: #f5ffeb;
}

.kn-box.-balloon.-pink:before {
  border-left-color: #fff3f5;
}

.kn-box.-balloon.-orange:before {
  border-left-color: #fff1e8;
}

.kn-box.-balloon.-right {
  margin-right: 30px;
  margin-left: 0;
}

.kn-box.-balloon.-right:before {
  right: -20px;
  left: auto;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.kn-box.-balloon.-right:after {
  right: -32px;
  left: auto;
}

.kn-box.-balloon.-top,.kn-box.-balloon.-bottom {
  margin-left: 0;
}

.kn-box.-balloon.-top:before,.kn-box.-balloon.-bottom:before {
  -webkit-transform: none;
          transform: none;
  border-radius: 0;
}

.kn-box.-balloon.-top:after,.kn-box.-balloon.-bottom:after {
  content: none;
}

.kn-box.-balloon.-top {
  margin-top: 30px;
}

.kn-box.-balloon.-top:before {
  position: absolute;
  top: -30px;
  left: 20px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border-width: 15px 0 15px 24px;
  border-width: 0 12px 30px;
  border-style: solid;
  border-color: transparent transparent transparent #f3f6ff;
  border-color: transparent transparent #f3f6ff;
}

.kn-box.-balloon.-top.-purple:before {
  border-bottom-color: #f3f6ff;
}

.kn-box.-balloon.-top.-bluegreen:before {
  border-bottom-color: #e9f7fa;
}

.kn-box.-balloon.-top.-green:before {
  border-bottom-color: #f5ffeb;
}

.kn-box.-balloon.-top.-pink:before {
  border-bottom-color: #fff3f5;
}

.kn-box.-balloon.-top.-orange:before {
  border-bottom-color: #fff1e8;
}

.kn-box.-balloon.-bottom {
  margin-bottom: 30px;
}

.kn-box.-balloon.-bottom:before {
  position: absolute;
  top: auto;
  bottom: -30px;
  left: 20px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border-width: 15px 0 15px 24px;
  border-width: 30px 12px 0;
  border-style: solid;
  border-color: transparent transparent transparent #f3f6ff;
  border-color: #f3f6ff transparent transparent;
}

.kn-box.-balloon.-bottom.-purple:before {
  border-top-color: #f3f6ff;
}

.kn-box.-balloon.-bottom.-bluegreen:before {
  border-top-color: #e9f7fa;
}

.kn-box.-balloon.-bottom.-green:before {
  border-top-color: #f5ffeb;
}

.kn-box.-balloon.-bottom.-pink:before {
  border-top-color: #fff3f5;
}

.kn-box.-balloon.-bottom.-orange:before {
  border-top-color: #fff1e8;
}

.kn-box.-decoration {
  position: relative;
  padding: 15px 20px;
  border: 1px solid #547bdb;
  box-shadow: inset 0 0 0 4px #f3f6ff;
}

.kn-box.-decoration:before,.kn-box.-decoration:after {
  position: absolute;
  display: block;
  content: '';
}

.kn-box.-decoration:before {
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  border: 2px dotted;
  border-color: inherit;
}

.kn-box.-decoration:after {
  right: -1px;
  bottom: -1px;
  width: 20px;
  height: 20px;
  background: linear-gradient(-45deg,#fff 50%,#547bdb 50%);
}

.kn-box.-decoration.-purple {
  border-color: #547bdb;
}

.kn-box.-decoration.-bluegreen {
  border-color: #23a1ba;
}

.kn-box.-decoration.-green {
  border-color: #61a624;
}

.kn-box.-decoration.-pink {
  border-color: #e86875;
}

.kn-box.-decoration.-orange {
  border-color: #ff6e0c;
}

.kn-box.-decoration.-bluegreen {
  box-shadow: inset 0 0 0 4px #e9f7fa;
}

.kn-box.-decoration.-bluegreen:after {
  background: linear-gradient(-45deg,#fff 50%,#23a1ba 50%);
}

.kn-box.-decoration.-green {
  box-shadow: inset 0 0 0 4px #f5ffeb;
}

.kn-box.-decoration.-green:after {
  background: linear-gradient(-45deg,#fff 50%,#61a624 50%);
}

.kn-box.-decoration.-pink {
  box-shadow: inset 0 0 0 4px #fff3f5;
}

.kn-box.-decoration.-pink:after {
  background: linear-gradient(-45deg,#fff 50%,#e86875 50%);
}

.kn-box.-decoration.-orange {
  box-shadow: inset 0 0 0 4px #fff1e8;
}

.kn-box.-decoration.-orange:after {
  background: linear-gradient(-45deg,#fff 50%,#ff6e0c 50%);
}

.kn-breadcrumbs {
  font-size: .12rem;
  line-height: 1.6;
  display: -ms-flexbox;
  display: flex;
  max-width: 1060px;
  margin: auto;
  padding: 14px 10px;

  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

.kn-breadcrumbs>li {
  position: relative;
}

.kn-breadcrumbs>li:not(:last-child) {
  padding-right: 10px;
}

.kn-breadcrumbs>li:not(:first-child) {
  padding-left: 20px;
}

.kn-breadcrumbs>li:not(:first-child):before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.kn-breadcrumbs>li>a {
  text-decoration: none;
}

.kn-breadcrumbs>li>a:hover {
  text-decoration: underline;
}

.kn-breadcrumbs strong {
  font-weight: 400;
}

.kn-btn {
  font-size: .16rem;
  font-weight: 700;
  line-height: 1.2625;
  position: relative;
  display: inline-block;
  padding: 19px 0;
  cursor: pointer;
  -webkit-transform: translateZ(0);
  text-align: center;
  text-decoration: none;
  color: #0072ba;
  border: 1px solid #e4e4e4;
  background: right 10px center no-repeat #fff;
  background-size: 14px auto;
}

.kn-btn:hover {
  text-decoration: none;
  opacity: .9;
}

.kn-btn:disabled {
  cursor: default;
  opacity: .3;
}

.kn-btn>b {
  font-weight: inherit;
  display: block;
}

.kn-btn>i {
  position: absolute;
  top: 50%;
  margin: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.kn-btn>i:first-child {
  right: auto;
  left: 10px;
}

.kn-btn>i:last-child {
  right: 10px;
  left: auto;
}

.kn-btn>i+:after {
  display: none;
}

.kn-btn.-s>i:last-child {
  right: 5px;
  left: auto;
}

.kn-btn.-full {
  width: 100%;
}

.kn-btn:visited {
  color: #0072ba;
}

.kn-btn:hover {
  transition: opacity 300ms ease,box-shadow 200ms ease;
  box-shadow: 0 0 8px 0 rgba(0,0,0,.25);
}

.kn-btn:not(.-flat) {
  border-radius: 6px;
}

.kn-btn>b {
  padding: 0 30px;
}

.kn-btn.-s {
  font-size: .14rem;
  font-weight: 400;
  line-height: 1.3;
  padding: 12px 0;
}

.kn-btn.-l {
  font-size: .18rem;
  line-height: 1.23333;
  padding: 18px 0;
}

.kn-btn.-forward:before,.kn-btn.-back:before,.kn-btn.-up:before,.kn-btn.-down:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 1px solid #547bdb;
  border-right: 1px solid #547bdb;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.kn-btn.-back:before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.kn-btn.-up:before {
  top: 5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.kn-btn.-down:before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.kn-btn.-decoration>b,.kn-btn.-popup>b,.kn-btn.-pdf>b,.kn-btn.-excel>b,.kn-btn.-pc>b,.kn-btn.-login>b {
  padding: 0 46px;
}

.kn-btn.-decoration.-s>b,.kn-btn.-popup.-s>b,.kn-btn.-pdf.-s>b,.kn-btn.-excel.-s>b,.kn-btn.-pc.-s>b,.kn-btn.-login.-s>b {
  padding: 0 36px;
}

.kn-btn.-decoration>img:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 26px;
  height: 26px;
  margin: auto;
}

.kn-btn.-decoration.-s>img:first-child {
  width: 16px;
  height: 16px;
}

.kn-btn.-popup {
  background-image: url(/common/images/ico_link_popup_blue.png);
}

.kn-btn.-pdf {
  background-image: url(/common/images/ico_link_pdf_blue.png);
}

.kn-btn.-excel {
  background-image: url(/common/images/ico_link_excel_blue.svg);
}

.kn-btn.-pc {
  background-image: url(/common/images/ico_link_pc_blue.png);
}

.kn-btn.-login {
  background-image: url(/common/images/ico_link_key_blue.png);
}

.kn-btn.-purple,.kn-btn.-bluegreen,.kn-btn.-green,.kn-btn.-pink,.kn-btn.-orange {
  padding: 20px 0;
  color: #fff;
  border: none;
}

.kn-btn.-purple:visited,.kn-btn.-bluegreen:visited,.kn-btn.-green:visited,.kn-btn.-pink:visited,.kn-btn.-orange:visited {
  color: #fff;
}

.kn-btn.-purple.-s,.kn-btn.-bluegreen.-s,.kn-btn.-green.-s,.kn-btn.-pink.-s,.kn-btn.-orange.-s {
  padding: 13px 0;
}

.kn-btn.-purple.-l,.kn-btn.-bluegreen.-l,.kn-btn.-green.-l,.kn-btn.-pink.-l,.kn-btn.-orange.-l {
  padding: 19px 0;
}

.kn-btn.-purple.-forward:before,.kn-btn.-purple.-back:before,.kn-btn.-purple.-up:before,.kn-btn.-purple.-down:before,.kn-btn.-bluegreen.-forward:before,.kn-btn.-bluegreen.-back:before,.kn-btn.-bluegreen.-up:before,.kn-btn.-bluegreen.-down:before,.kn-btn.-green.-forward:before,.kn-btn.-green.-back:before,.kn-btn.-green.-up:before,.kn-btn.-green.-down:before,.kn-btn.-pink.-forward:before,.kn-btn.-pink.-back:before,.kn-btn.-pink.-up:before,.kn-btn.-pink.-down:before,.kn-btn.-orange.-forward:before,.kn-btn.-orange.-back:before,.kn-btn.-orange.-up:before,.kn-btn.-orange.-down:before {
  border-color: #fff;
}

.kn-btn.-purple.-purple,.kn-btn.-bluegreen.-purple,.kn-btn.-green.-purple,.kn-btn.-pink.-purple,.kn-btn.-orange.-purple {
  background-color: #547bdb;
}

.kn-btn.-purple.-bluegreen,.kn-btn.-bluegreen.-bluegreen,.kn-btn.-green.-bluegreen,.kn-btn.-pink.-bluegreen,.kn-btn.-orange.-bluegreen {
  background-color: #23a1ba;
}

.kn-btn.-purple.-green,.kn-btn.-bluegreen.-green,.kn-btn.-green.-green,.kn-btn.-pink.-green,.kn-btn.-orange.-green {
  background-color: #61a624;
}

.kn-btn.-purple.-pink,.kn-btn.-bluegreen.-pink,.kn-btn.-green.-pink,.kn-btn.-pink.-pink,.kn-btn.-orange.-pink {
  background-color: #e86875;
}

.kn-btn.-purple.-orange,.kn-btn.-bluegreen.-orange,.kn-btn.-green.-orange,.kn-btn.-pink.-orange,.kn-btn.-orange.-orange {
  background-color: #ff6e0c;
}

.kn-btn.-purple.-popup,.kn-btn.-bluegreen.-popup,.kn-btn.-green.-popup,.kn-btn.-pink.-popup,.kn-btn.-orange.-popup {
  background-image: url(/common/images/ico_link_popup.png);
}

.kn-btn.-purple.-pdf,.kn-btn.-bluegreen.-pdf,.kn-btn.-green.-pdf,.kn-btn.-pink.-pdf,.kn-btn.-orange.-pdf {
  background-image: url(/common/images/ico_link_pdf.png);
}

.kn-btn.-purple.-excel,.kn-btn.-bluegreen.-excel,.kn-btn.-green.-excel,.kn-btn.-pink.-excel,.kn-btn.-orange.-excel {
  background-image: url(/common/images/ico_link_excel.svg);
}

.kn-btn.-purple.-pc,.kn-btn.-bluegreen.-pc,.kn-btn.-green.-pc,.kn-btn.-pink.-pc,.kn-btn.-orange.-pc {
  background-image: url(/common/images/ico_link_pc.png);
}

.kn-btn.-purple.-login,.kn-btn.-bluegreen.-login,.kn-btn.-green.-login,.kn-btn.-pink.-login,.kn-btn.-orange.-login {
  background-image: url(/common/images/ico_link_key.png);
}

.kn-btn.-purple:hover {
  box-shadow: 0 0 8px 0 rgba(84,123,219,.75);
}

.kn-btn.-bluegreen:hover {
  box-shadow: 0 0 8px 0 rgba(35,161,186,.75);
}

.kn-btn.-green:hover {
  box-shadow: 0 0 8px 0 rgba(97,166,36,.75);
}

.kn-btn.-pink:hover {
  box-shadow: 0 0 8px 0 rgba(232,104,117,.75);
}

.kn-btn.-orange:hover {
  box-shadow: 0 0 8px 0 rgba(255,110,12,.75);
}

.kn-anchor-btn {
  font-size: .14rem;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding: 8px 15px 20px;
  transition: opacity 120ms ease;
  text-align: center;
  color: #547bdb;
  border: 1px solid #547bdb;
  border-radius: 6px;
  background: #fff;
}

.kn-anchor-btn.-full {
  width: 100%;
}

.kn-anchor-btn:after {
  position: absolute;
  top: 0;
  top: auto;
  right: 0;
  bottom: 0;
  bottom: 10px;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  vertical-align: middle;
  border-color: inherit!important;
  border-top: 1px solid #547bdb;
  border-right: 1px solid #547bdb;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.kn-anchor-btn:hover {
  transition: opacity 300ms ease,box-shadow 200ms ease;
  text-decoration: none;
  opacity: .9;
  box-shadow: 0 0 8px 0 rgba(84,123,219,.75);
}

.kn-anchor-btn.-decoration>img {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 5px;
  text-align: center;
}

.kn-anchor-btn.-purple {
  color: #3965d1;
  border-color: #3965d1;
}

.kn-anchor-btn.-bluegreen {
  color: #118197;
  border-color: #118197;
}

.kn-anchor-btn.-green {
  color: #478311;
  border-color: #478311;
}

.kn-anchor-btn.-pink {
  color: #d3404f;
  border-color: #d3404f;
}

.kn-anchor-btn.-orange {
  color: #d64900;
  border-color: #d64900;
}

.kn-anchor-btn.-purple:hover {
  box-shadow: 0 0 8px 0 rgba(84,123,219,.75);
}

.kn-anchor-btn.-bluegreen:hover {
  box-shadow: 0 0 8px 0 rgba(35,161,186,.75);
}

.kn-anchor-btn.-green:hover {
  box-shadow: 0 0 8px 0 rgba(97,166,36,.75);
}

.kn-anchor-btn.-pink:hover {
  box-shadow: 0 0 8px 0 rgba(232,104,117,.75);
}

.kn-anchor-btn.-orange:hover {
  box-shadow: 0 0 8px 0 rgba(255,110,12,.75);
}

.kn-card {
  position: relative;
  margin: 1.5em 0 0;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
}

.kn-card:first-child {
  margin-top: 0;
}

.kn-card:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: 5px 0 0 5px;
  content: '';
}

.kn-card>a {
  position: relative;
  display: block;
  height: 100%;
  transition: box-shadow 400ms,opacity 400ms;
  text-decoration: none;
  color: inherit;
}

.kn-card>a:before {
  position: absolute;
  top: 0;
  top: auto;
  right: 12px;
  bottom: 0;
  bottom: 13px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 2px solid #0072ba;
  border-right: 2px solid #0072ba;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.kn-card>a:after {
  position: absolute;
  right: 12px;
  bottom: 16px;
  display: block;
  width: 14px;
  height: 2px;
  content: '';
  border: 0;
  background: #0072ba;
}

.kn-card>a:hover {
  transition: box-shadow 100ms,opacity 100ms;
  opacity: .8;
  box-shadow: 0 0 8px 0 rgba(0,0,0,.25);
}

.kn-card>a .summary>.title {
  color: #0072ba;
}

.kn-card .image {
  text-align: center;
}

.kn-card .image>img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.kn-card .summary {
  padding: 20px 20px 30px;
}

.kn-card .summary>.title {
  font-size: .16rem;
  line-height: 1.6125;
}

.kn-card .summary>.description {
  line-height: 1.7;
  margin-top: 10px;
}

.kn-card.-purple {
  background-color: #f3f6ff;
}

.kn-card.-bluegreen {
  background-color: #e9f7fa;
}

.kn-card.-green {
  background-color: #f5ffeb;
}

.kn-card.-pink {
  background-color: #fff3f5;
}

.kn-card.-orange {
  background-color: #fff1e8;
}

.kn-d-list {
  line-height: 1.7;
  margin: 1.5em 0 0;
}

.kn-d-list:first-child {
  margin-top: 0;
}

.kn-d-list>.title {
  font-weight: 700;
}

.kn-d-list>.title:not(:first-child) {
  margin-top: 1em;
}

.kn-d-list>.contents {
  margin-top: .5em;
}

.kn-d-list.-row {
  display: table;
}

.kn-d-list.-row>.item {
  display: table-row;
}

.kn-d-list.-row>.item>.title,.kn-d-list.-row>.item>.contents,.kn-d-list.-row>.title,.kn-d-list.-row>.contents {
  display: table-cell;
  vertical-align: top;
}

.kn-d-list.-row>.item>.title {
  font-weight: 700;
}

.kn-d-list.-row>.contents,.kn-d-list.-row>.item>.contents {
  padding-left: 20px;
}

.kn-d-list.-row[data-title-width='1']>.title,.kn-d-list.-row[data-title-width='1']>.item>.title {
  width: 1em;
}

.kn-d-list.-row[data-title-width='2']>.title,.kn-d-list.-row[data-title-width='2']>.item>.title {
  width: 2em;
}

.kn-d-list.-row[data-title-width='3']>.title,.kn-d-list.-row[data-title-width='3']>.item>.title {
  width: 3em;
}

.kn-d-list.-row[data-title-width='4']>.title,.kn-d-list.-row[data-title-width='4']>.item>.title {
  width: 4em;
}

.kn-d-list.-row[data-title-width='5']>.title,.kn-d-list.-row[data-title-width='5']>.item>.title {
  width: 5em;
}

.kn-d-list.-row[data-title-width='6']>.title,.kn-d-list.-row[data-title-width='6']>.item>.title {
  width: 6em;
}

.kn-d-list.-row[data-title-width='7']>.title,.kn-d-list.-row[data-title-width='7']>.item>.title {
  width: 7em;
}

.kn-d-list.-row[data-title-width='8']>.title,.kn-d-list.-row[data-title-width='8']>.item>.title {
  width: 8em;
}

.kn-d-list.-row[data-title-width='9']>.title,.kn-d-list.-row[data-title-width='9']>.item>.title {
  width: 9em;
}

.kn-d-list.-row[data-title-width='10']>.title,.kn-d-list.-row[data-title-width='10']>.item>.title {
  width: 10em;
}

.kn-d-list.-row[data-title-width='11']>.title,.kn-d-list.-row[data-title-width='11']>.item>.title {
  width: 11em;
}

.kn-d-list.-row[data-title-width='12']>.title,.kn-d-list.-row[data-title-width='12']>.item>.title {
  width: 12em;
}

.kn-d-list.-row[data-title-width='13']>.title,.kn-d-list.-row[data-title-width='13']>.item>.title {
  width: 13em;
}

.kn-d-list.-row[data-title-width='14']>.title,.kn-d-list.-row[data-title-width='14']>.item>.title {
  width: 14em;
}

.kn-d-list.-row[data-title-width='15']>.title,.kn-d-list.-row[data-title-width='15']>.item>.title {
  width: 15em;
}

.kn-d-list.-row[data-title-width='16']>.title,.kn-d-list.-row[data-title-width='16']>.item>.title {
  width: 16em;
}

.kn-d-list.-row[data-title-width='17']>.title,.kn-d-list.-row[data-title-width='17']>.item>.title {
  width: 17em;
}

.kn-d-list.-row[data-title-width='18']>.title,.kn-d-list.-row[data-title-width='18']>.item>.title {
  width: 18em;
}

.kn-d-list.-row[data-title-width='19']>.title,.kn-d-list.-row[data-title-width='19']>.item>.title {
  width: 19em;
}

.kn-d-list.-row[data-title-width='20']>.title,.kn-d-list.-row[data-title-width='20']>.item>.title {
  width: 20em;
}

.kn-d-list.-row:not(.-transform)>.item+.item>.title,.kn-d-list.-row:not(.-transform)>.item+.item>.contents {
  padding-top: 1em;
}

.kn-d-list.-decoration>.title {
  font-size: .16rem;
  line-height: 1.6125;
  position: relative;
  padding: 8px 10px 8px 30px;
  background: #f3f6ff;
}

.kn-d-list.-decoration>.title:not(:first-child) {
  margin-top: 30px;
}

.kn-d-list.-decoration>.title:before {
  position: absolute;
  top: .8em;
  left: 10px;
  display: block;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 2px;
  background: #547bdb;
}

.kn-d-list.-decoration>.title.-addtitle:before {
  top: calc(21px + .8em);
}

.kn-d-list.-decoration>.title.-link:before {
  content: none;
}

.kn-d-list.-decoration>.title>.subtitle {
  font-size: .12rem;
  font-weight: 400;
  line-height: 1.81667;
  display: block;
}

.kn-d-list.-decoration>.title>a {
  position: relative;
  display: inline-block;
  margin-left: -20px;
  padding-left: 20px;
}

.kn-d-list.-decoration>.title>a:before {
  position: absolute;
  top: calc(.8em - 8px);
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 2px;
  background: #0072ba;
}

.kn-d-list.-decoration>.title>a:after {
  position: absolute;
  top: 0;
  top: calc(.8em - 4px);
  bottom: 0;
  bottom: auto;
  left: 3px;
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.kn-d-list.-decoration>.contents {
  margin-top: 20px;
  padding: 0 10px;
}

.kn-d-list.-decoration.-purple>.title {
  background-color: #f3f6ff;
}

.kn-d-list.-decoration.-bluegreen>.title {
  background-color: #e9f7fa;
}

.kn-d-list.-decoration.-green>.title {
  background-color: #f5ffeb;
}

.kn-d-list.-decoration.-pink>.title {
  background-color: #fff3f5;
}

.kn-d-list.-decoration.-orange>.title {
  background-color: #fff1e8;
}

.kn-d-list.-decoration.-purple>.title:before {
  background-color: #547bdb;
}

.kn-d-list.-decoration.-bluegreen>.title:before {
  background-color: #23a1ba;
}

.kn-d-list.-decoration.-green>.title:before {
  background-color: #61a624;
}

.kn-d-list.-decoration.-pink>.title:before {
  background-color: #e86875;
}

.kn-d-list.-decoration.-orange>.title:before {
  background-color: #ff6e0c;
}

.kn-fig {
  line-height: 1.7;
  text-align: center;
}

.kn-fig>figcaption {
  text-align: left;
}

.kn-fig>figcaption:first-child {
  margin-bottom: 10px;
}

.kn-fig>figcaption:last-child {
  margin-top: 10px;
}

.kn-fig>figcaption.title {
  font-weight: 700;
}

.kn-footer>.megafooter,.kn-footer>.grouplinks,.kn-footer>.copyright {
  position: relative;
  max-width: 1060px;
  margin: auto;
}

.kn-footer>.megafooter:before,.kn-footer>.grouplinks:before,.kn-footer>.copyright:before {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: -1px;
  left: 50%;
  display: block;
  width: 100vw;
  content: '';
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: inherit;
}

.kn-footer>.megafooter {
  padding: 30px 10px;
  color: #fff;
  background: #547bdb;
}

.kn-footer>.megafooter a:not(.kn-btn) {
  color: #fff;
}

.kn-footer>.megafooter>.functions {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
}

.kn-footer>.megafooter>.functions .kn-btn {
  padding: 8px 0;
}

.kn-footer>.megafooter>.functions .kn-btn.-keinetlogin>b {
  padding-right: 0;
  text-align: left;
}

.kn-footer>.megafooter>.sitemap {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
}

.kn-footer>.megafooter>.sitemap .kn-d-list>.title {
  font-size: .16rem;
  line-height: 1.6125;
}

.kn-footer>.megafooter>.sitemap .kn-d-list>.contents {
  font-size: .13rem;
  line-height: 1.75385;
}

.kn-footer>.megafooter>.sitemap .link-list {
  font-size: .13rem;
  line-height: 1.75385;
}

.kn-footer>.megafooter>.links>.kn-list.-pipe,.kn-footer>.megafooter>.links>.-pipe.kn-link-list {
  font-size: .13rem;
  line-height: 1.75385;
}

.kn-footer>.megafooter>.links>.kn-list.-pipe>li:before,.kn-footer>.megafooter>.links>.-pipe.kn-link-list>li:before {
  background: #fff;
}

.kn-footer>.grouplinks {
  padding: 15px 10px;
  background: #e3ebff;
}

.kn-footer>.grouplinks:before {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: -1px;
  left: 50%;
  display: block;
  width: 100vw;
  content: '';
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: inherit;
}

.kn-footer>.grouplinks .kn-d-list>.contents {
  font-size: .13rem;
  line-height: 1.75385;
}

.kn-footer>.copyright {
  font-size: .12rem;
  padding: 8px 10px;
  text-align: center;
/*  background: #f1f1f1;  */
  background: #e3ebff;
}

.kn-group-footer {
  max-width: 1060px;
  margin: auto;
  padding: 20px 40px;
}

.kn-group-footer .logo {
  display: inline-block;
}

.kn-group-footer .logo img {
  width: 113px;
  height: auto;
}

.kn-group-footer .logo.-kw {
  margin-right: 10px;
}

.kn-group-footer .kn-d-list.-group-sites {
  font-size: .12rem;
}

.kn-group-footer .kn-d-list.-group-sites>.title {
  line-height: 1;
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid #bbb;
  border-radius: 3px;
}

.kn-group-footer .kn-d-list.-group-sites>.contents {
  margin-top: 5px;
}

input[type=number] {
  -moz-appearance: textfield;
}

[type=number]::-webkit-outer-spin-button,[type=number]::-webkit-inner-spin-button {
  margin: 0;

  -webkit-appearance: none;
}

[type=text]::-ms-clear,[type=number]::-ms-clear,[type=tel]::-ms-clear {
  display: none;
}

[type=reveal]::-ms-clear {
  display: none;
}

.kn-textbox {
  font-size: inherit;
  display: inline-block;
  height: 44px;
  padding: 0 10px;
  color: #333;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  outline: none;
  background: #fff;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.kn-textbox::-webkit-input-placeholder {
  color: #888;
}

.kn-textbox:-moz-placeholder {
  color: #888;
}

.kn-textbox::-moz-placeholder {
  color: #888;
}

.kn-textbox:-ms-input-placeholder {
  color: #888;
}

.kn-textbox:focus {
  border-color: #66afe9!important;
  box-shadow: inset 0 0 2px 1px rgba(204,204,204,.75);
}

.kn-textbox.-error {
  border-color: #f00;
  background: #fff0f0;
}

.kn-checkitem {
  position: relative;
  display: inline-block;
  padding-left: 3px;
}

.kn-checkitem>input {
  position: absolute;
  overflow: hidden;
  clip: rect(0,0,0,0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.kn-checkitem>input+.control {
  position: absolute;
  top: .3em;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.kn-checkitem>.label {
  font-weight: inherit;
  line-height: 1.6;
  display: inline-block;
  margin-bottom: -1px;
  padding-left: 28px;
}

.kn-checkitem>[type=checkbox]+.control {
  border: 2px solid #e4e4e4;
  border-radius: 2px;
}

.kn-checkitem>[type=checkbox]+.control:before,.kn-checkitem>[type=checkbox]+.control:after {
  position: absolute;
  display: block;
  content: '';
}

.kn-checkitem>[type=checkbox]+.control:before {
  top: -4px;
  left: 10px;
  width: 1px;
  height: 14px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-right: 0 solid #fff;
}

.kn-checkitem>[type=checkbox]+.control:after {
  top: -6px;
  left: 5px;
  width: 8px;
  height: 14px;
  transition: border-width .2s,opacity .2s;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
  border-right: 0 solid #547bdb;
  border-bottom: 0 solid #547bdb;
}

.kn-checkitem [type=checkbox]:checked+.control {
  border-color: #547bdb;
}

.kn-checkitem [type=checkbox]:checked+.control:before {
  border-right-width: 7px;
}

.kn-checkitem [type=checkbox]:checked+.control:after {
  transition: border-width .16s,opacity .16s;
  opacity: 1;
  border-width: 0 2px 2px 0;
}

.kn-checkitem [type=checkbox]:disabled+.control {
  cursor: not-allowed;
}

.kn-checkitem [type=checkbox]:disabled+.control:before {
  background: transparent;
}

.kn-checkitem [type=checkbox]:disabled+.control+.label {
  cursor: not-allowed;
  background: #dcdcdc;
}

.kn-global-nav-container {
  display: -ms-flexbox;
  display: flex;
      flex-direction: column;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;

  -ms-flex-direction: column;
}

.kn-global-nav-container .links>.kn-grid.-function .kn-btn.-purple.-s {
  padding: 8px 0;
}

.kn-global-nav-wrapper .kn-university-search {
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  background: #fff4c6;
 /* background: #fdffef;*/

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.kn-global-nav-wrapper .kn-university-search .input {
  font-size: .12rem;
  width: 160px;
  margin-left: 10px;
}

.kn-global-nav-wrapper .kn-university-search .input:after {
  width: 30px;
  background-size: 16px auto;
}

.kn-global-nav-wrapper .kn-university-search .input .kn-textbox {
  padding-right: 30px;
}

.kn-global-nav>li>.menu.-root {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  display: block;
  padding: 15px 10px;
  color: #547bdb;
}

.kn-global-nav>li.-current>.menu.-root,.kn-global-nav>li:hover>.menu.-root {
  text-decoration: none;
}

.kn-global-nav>li.-current>.menu.-root:before,.kn-global-nav>li:hover>.menu.-root:before {
  content: none;
}

@-webkit-keyframes submenu {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes submenu {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.kn-global-nav .submenu.-child {
  position: relative;
  width: 100%;
  margin: 0;
}

.kn-global-nav .submenu.-child>li {
  line-height: 1.3;
  padding: 0;
}

.kn-drawer {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 32px;
  height: 32px;
  margin: auto;
  cursor: pointer;
  border-radius: 4px;
  background: #547bdb;
}

.kn-drawer:before,.kn-drawer:after {
  position: absolute;
  right: 7px;
  left: 7px;
  display: block;
  content: '';
  transition: all 200ms ease;
}

.kn-drawer:before {
  top: 10px;
  height: 3px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.kn-drawer:after {
  bottom: 10px;
  height: 1px;
  border-bottom: 2px solid #fff;
}

.kn-drawer.-active:before,.kn-drawer.-active:after {
  right: 4px;
  bottom: auto;
  left: 4px;
}

.kn-drawer.-active:before {
  top: 14px;
  height: 1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: none;
}

.kn-drawer.-active:after {
  top: 15px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.kn-grid {
  display: -ms-flexbox;
  display: flex;
  margin: 1.5em -16px -20px 0;

  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.kn-grid:first-child {
  margin-top: 0;
}

.kn-grid.-rowreverse {
      flex-direction: row-reverse;

  -ms-flex-direction: row-reverse;
}

.kn-grid.-columnreverse {
      flex-direction: column-reverse;

  -ms-flex-direction: column-reverse;
}

.kn-grid.-columnreverse>[class*=col-] {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.kn-grid.-justify {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.kn-grid.-left {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.kn-grid.-center {
  -ms-flex-pack: center;
  justify-content: center;
}

.kn-grid.-right {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.kn-grid.-top {
  -ms-flex-align: start;
  align-items: flex-start;
}

.kn-grid.-middle {
  -ms-flex-align: center;
  align-items: center;
}

.kn-grid.-bottom {
  -ms-flex-align: end;
  align-items: flex-end;
}

.kn-grid>* {
  padding: 0 16px 20px 0;

  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.kn-grid>.col-1 {
  max-width: 4.16667%;

  -ms-flex-preferred-size: calc(100%/24*1);
  flex-basis: calc(100%/24*1);
}

.kn-grid>.col-2 {
  max-width: 8.33333%;

  -ms-flex-preferred-size: calc(100%/24*2);
  flex-basis: calc(100%/24*2);
}

.kn-grid>.col-3 {
  max-width: 12.5%;

  -ms-flex-preferred-size: calc(100%/24*3);
  flex-basis: calc(100%/24*3);
}

.kn-grid>.col-4 {
  max-width: 16.66667%;

  -ms-flex-preferred-size: calc(100%/24*4);
  flex-basis: calc(100%/24*4);
}

.kn-grid>.col-5 {
  max-width: 20.83333%;

  -ms-flex-preferred-size: calc(100%/24*5);
  flex-basis: calc(100%/24*5);
}

.kn-grid>.col-6 {
  max-width: 25%;

  -ms-flex-preferred-size: calc(100%/24*6);
  flex-basis: calc(100%/24*6);
}

.kn-grid>.col-7 {
  max-width: 29.16667%;

  -ms-flex-preferred-size: calc(100%/24*7);
  flex-basis: calc(100%/24*7);
}

.kn-grid>.col-8 {
  max-width: 33.33333%;

  -ms-flex-preferred-size: calc(100%/24*8);
  flex-basis: calc(100%/24*8);
}

.kn-grid>.col-9 {
  max-width: 37.5%;

  -ms-flex-preferred-size: calc(100%/24*9);
  flex-basis: calc(100%/24*9);
}

.kn-grid>.col-10 {
  max-width: 41.66667%;

  -ms-flex-preferred-size: calc(100%/24*10);
  flex-basis: calc(100%/24*10);
}

.kn-grid>.col-11 {
  max-width: 45.83333%;

  -ms-flex-preferred-size: calc(100%/24*11);
  flex-basis: calc(100%/24*11);
}

.kn-grid>.col-12 {
  max-width: 50%;

  -ms-flex-preferred-size: calc(100%/24*12);
  flex-basis: calc(100%/24*12);
}

.kn-grid>.col-13 {
  max-width: 54.16667%;

  -ms-flex-preferred-size: calc(100%/24*13);
  flex-basis: calc(100%/24*13);
}

.kn-grid>.col-14 {
  max-width: 58.33333%;

  -ms-flex-preferred-size: calc(100%/24*14);
  flex-basis: calc(100%/24*14);
}

.kn-grid>.col-15 {
  max-width: 62.5%;

  -ms-flex-preferred-size: calc(100%/24*15);
  flex-basis: calc(100%/24*15);
}

.kn-grid>.col-16 {
  max-width: 66.66667%;

  -ms-flex-preferred-size: calc(100%/24*16);
  flex-basis: calc(100%/24*16);
}

.kn-grid>.col-17 {
  max-width: 70.83333%;

  -ms-flex-preferred-size: calc(100%/24*17);
  flex-basis: calc(100%/24*17);
}

.kn-grid>.col-18 {
  max-width: 75%;

  -ms-flex-preferred-size: calc(100%/24*18);
  flex-basis: calc(100%/24*18);
}

.kn-grid>.col-19 {
  max-width: 79.16667%;

  -ms-flex-preferred-size: calc(100%/24*19);
  flex-basis: calc(100%/24*19);
}

.kn-grid>.col-20 {
  max-width: 83.33333%;

  -ms-flex-preferred-size: calc(100%/24*20);
  flex-basis: calc(100%/24*20);
}

.kn-grid>.col-21 {
  max-width: 87.5%;

  -ms-flex-preferred-size: calc(100%/24*21);
  flex-basis: calc(100%/24*21);
}

.kn-grid>.col-22 {
  max-width: 91.66667%;

  -ms-flex-preferred-size: calc(100%/24*22);
  flex-basis: calc(100%/24*22);
}

.kn-grid>.col-23 {
  max-width: 95.83333%;

  -ms-flex-preferred-size: calc(100%/24*23);
  flex-basis: calc(100%/24*23);
}

.kn-grid>.col-24 {
  max-width: 100%;

  -ms-flex-preferred-size: calc(100%/24*24);
  flex-basis: calc(100%/24*24);
}

.kn-grid.-column>[class*=col-],.kn-grid.-columnreverse>[class*=col-] {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.kn-grid>.-offset-0 {
  margin-left: 0;
}

.kn-grid>.-offset-1 {
  margin-left: calc(100%/24*1);
}

.kn-grid>.-offset-2 {
  margin-left: calc(100%/24*2);
}

.kn-grid>.-offset-3 {
  margin-left: calc(100%/24*3);
}

.kn-grid>.-offset-4 {
  margin-left: calc(100%/24*4);
}

.kn-grid>.-offset-5 {
  margin-left: calc(100%/24*5);
}

.kn-grid>.-offset-6 {
  margin-left: calc(100%/24*6);
}

.kn-grid>.-offset-7 {
  margin-left: calc(100%/24*7);
}

.kn-grid>.-offset-8 {
  margin-left: calc(100%/24*8);
}

.kn-grid>.-offset-9 {
  margin-left: calc(100%/24*9);
}

.kn-grid>.-offset-10 {
  margin-left: calc(100%/24*10);
}

.kn-grid>.-offset-11 {
  margin-left: calc(100%/24*11);
}

.kn-grid>.-offset-12 {
  margin-left: calc(100%/24*12);
}

.kn-grid>.-offset-13 {
  margin-left: calc(100%/24*13);
}

.kn-grid>.-offset-14 {
  margin-left: calc(100%/24*14);
}

.kn-grid>.-offset-15 {
  margin-left: calc(100%/24*15);
}

.kn-grid>.-offset-16 {
  margin-left: calc(100%/24*16);
}

.kn-grid>.-offset-17 {
  margin-left: calc(100%/24*17);
}

.kn-grid>.-offset-18 {
  margin-left: calc(100%/24*18);
}

.kn-grid>.-offset-19 {
  margin-left: calc(100%/24*19);
}

.kn-grid>.-offset-20 {
  margin-left: calc(100%/24*20);
}

.kn-grid>.-offset-21 {
  margin-left: calc(100%/24*21);
}

.kn-grid>.-offset-22 {
  margin-left: calc(100%/24*22);
}

.kn-grid>.-offset-23 {
  margin-left: calc(100%/24*23);
}

.kn-grid>.-top {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.kn-grid>.-middle {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.kn-grid>.-bottom {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.kn-grid.-loose {
  margin-right: -32px;
  margin-bottom: -20px;
}

.kn-grid.-loose>* {
  padding: 0 32px 20px 0;
}

.kn-grid.-compact {
  margin-right: -8px;
  margin-bottom: -8px;
}

.kn-grid.-compact>* {
  padding: 0 8px 10px 0;
}

.kn-grid.-cram {
  margin-right: 0;
  margin-bottom: 0;
}

.kn-grid.-cram>* {
  padding: 0;
}

.kn-grid.-adjustheight {
  -ms-flex-align: stretch;
  align-items: stretch;
}

.kn-grid.-adjustheight>* {
  display: -ms-flexbox;
  display: flex;

  -ms-flex-align: stretch;
  align-items: stretch;
}

.kn-grid.-adjustheight>*>* {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
}

.kn-grid.-adjustheight>*>.kn-btn {
  display: -ms-flexbox;
  display: flex;

  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.kn-header-container {
  position: relative;
  margin: auto;
}

.kn-header {
  position: relative;
  max-width: 1060px;
  height: 90px;
  margin: auto;
  padding: 15px 10px;
  background: #fff;
}

.kn-header .logo {
  display: inline-block;
  width: 188px;
  height: 60px;
}

.kn-header .logo>a {
  display: block;
}

.kn-header .logo>a>img {
  width: 100%;
  height: auto;
}

.kn-header .describe {
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  margin: 35px 0 0 15px;
  vertical-align: top;
  color: #ff6e0c;
}

.kn-group-header {
  position: relative;
  max-width: 1060px;
  margin: auto;
  padding: 5px 10px;
  text-align: right;
  border-top: 2px solid #0072ba;
  border-bottom: 1px solid #e4e4e4;
}

.kn-group-header:before {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: -1px;
  left: 50%;
  display: block;
  width: 100vw;
  content: '';
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: inherit;
}

.kn-group-header:before {
  top: -2px;
  border: inherit;
}

.kn-group-header>.logo {
  display: inline-block;
}

.kn-group-header>.logo img {
  width: auto;
  height: 13px;
}

.kn-ttl {
  font-weight: 700;
  position: relative;
}

.kn-ttl.-decoration {
  display: -ms-flexbox;
  display: flex;

  -ms-flex-align: end;
  align-items: flex-end;
}

.kn-ttl.-decoration>:first-child {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.kn-ttl.-decoration>img:first-child {
  width: 50px;
  height: auto;
  margin-right: 10px;
  margin-bottom: -8px;
}

.kn-ttl.-image {
  display: block!important;
  padding-top: 0!important;
  border: none!important;
}

.kn-ttl.-image>img {
  max-width: 100%;
  height: auto;
}

.kn-ttl>.kn-label {
  vertical-align: .4em;
}

.kn-ttl>.number {
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  width: 1.5em;
  margin: .25em 10px 0 0;
  padding: .3em 0 .2em;
  text-align: center;
  color: #fff;
  background: #547bdb;
}

.kn-ttl.-purple>.number {
  background-color: #547bdb;
}

.kn-ttl.-bluegreen>.number {
  background-color: #23a1ba;
}

.kn-ttl.-green>.number {
  background-color: #61a624;
}

.kn-ttl.-pink>.number {
  background-color: #e86875;
}

.kn-ttl.-orange>.number {
  background-color: #ff6e0c;
}

.kn-ttl.-darkblue>.number {
  background-color: #193b8d;
}

.kn-ttl>.circle {
  font-size: .18rem;
  line-height: 2.5em;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding: .125em 0 0 1em;
  text-align: center;
  vertical-align: middle;
  color: #ffaf00;
}

.kn-ttl>.circle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 2.5em;
  height: 2.5em;
  margin: auto;
  content: '';
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  border: 3px solid #ffdc57;
  border-top-color: transparent;
  border-radius: 50%;
}

.kn-ttl.-h1 {
  font-size: .28rem;
  line-height: 1.3;
  display: -ms-flexbox;
  display: flex;
      flex-direction: column;
  margin-bottom: 20px;
  padding: 0 0 15px;
  border-bottom: 2px solid #e4e4e4;

  -ms-flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.kn-ttl.-h1:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  width: 3em;
  height: 1px;
  content: '';
  border-bottom: 4px solid #547bdb;
}

.kn-ttl.-h1.-mainvisual {
  border-top: 1px solid #e4e4e4;
  border-bottom: none;
  text-shadow: 0 0 2px #fff,0 0 6px #fff;
}

.kn-ttl.-h1.-mainvisual:before {
  content: none;
}

.kn-ttl.-h1.-mainvisual>.imgcontainer {
  position: relative;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
      flex-direction: column;
  min-height: 120px;
  padding: 10px 0;

  -ms-flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}

.kn-ttl.-h1.-mainvisual img {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}

.kn-ttl.-h1.-image:before {
  content: none;
}

.kn-ttl.-h1 .subtitle {
  font-size: .18rem;
  display: block;
  margin-bottom: 10px;
  color: #547bdb;
}

.kn-ttl.-h1.-purple:before {
  border-color: #547bdb;
}

.kn-ttl.-h1.-bluegreen:before {
  border-color: #23a1ba;
}

.kn-ttl.-h1.-green:before {
  border-color: #61a624;
}

.kn-ttl.-h1.-pink:before {
  border-color: #e86875;
}

.kn-ttl.-h1.-orange:before {
  border-color: #ff6e0c;
}

.kn-ttl.-h1.-darkblue:before {
  border-color: #193b8d;
}

.kn-ttl.-h1.-purple>.subtitle {
  color: #3965d1;
}

.kn-ttl.-h1.-bluegreen>.subtitle {
  color: #118197;
}

.kn-ttl.-h1.-green>.subtitle {
  color: #478311;
}

.kn-ttl.-h1.-pink>.subtitle {
  color: #d3404f;
}

.kn-ttl.-h1.-orange>.subtitle {
  color: #d64900;
}

.kn-ttl.-h1.-darkblue>.subtitle {
  color: #193b8d;
}

.kn-ttl.-h2 {
  font-size: .26rem;
  line-height: 1.37692;
  margin: 40px 0 20px;
  padding-bottom: 8px;
  color: #547bdb;
  border-bottom: 1px solid #547bdb;
}

.kn-ttl.-h2.-purple {
  color: #547bdb;
  border-color: #547bdb;
}

.kn-ttl.-h2.-bluegreen {
  color: #23a1ba;
  border-color: #23a1ba;
}

.kn-ttl.-h2.-green {
  color: #61a624;
  border-color: #61a624;
}

.kn-ttl.-h2.-pink {
  color: #e86875;
  border-color: #e86875;
}

.kn-ttl.-h2.-orange {
  color: #ff6e0c;
  border-color: #ff6e0c;
}

.kn-ttl.-h2.-darkblue {
  color: #193b8d;
  border-color: #193b8d;
}

.kn-ttl.-h2>.number {
  font-size: .16rem;
}

.kn-ttl.-h2>.circle {
  margin-bottom: -5px;
}

.kn-ttl.-h3 {
  font-size: .22rem;
  line-height: 1.44545;
  margin: 40px 0 20px;
  padding-left: 15px;
  border-left: 6px solid #547bdb;
}

.kn-ttl.-h3.-decoration {
  padding-left: 0;
  border: none;
}

.kn-ttl.-h3.-purple {
  border-color: #547bdb;
}

.kn-ttl.-h3.-bluegreen {
  border-color: #23a1ba;
}

.kn-ttl.-h3.-green {
  border-color: #61a624;
}

.kn-ttl.-h3.-pink {
  border-color: #e86875;
}

.kn-ttl.-h3.-orange {
  border-color: #ff6e0c;
}

.kn-ttl.-h3.-darkblue {
  border-color: #193b8d;
}

.kn-ttl.-h3>.number {
  font-size: .14rem;
}

.kn-ttl.-h3>.circle {
  font-size: .14rem;
}

.kn-ttl.-h4 {
  font-size: .18rem;
  line-height: 1.54444;
  margin: 30px 0 15px;
  padding-left: 25px;
}

.kn-ttl.-h4:before {
  position: absolute;
  top: .175em;
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  border: 4px solid #547bdb;
  border-radius: 50%;
  background: #cfddff;
}

.kn-ttl.-h4.-decoration {
  padding-left: 0;
}

.kn-ttl.-h4.-decoration:before {
  content: none;
}

.kn-ttl.-h4.-purple:before {
  border-color: #547bdb;
}

.kn-ttl.-h4.-bluegreen:before {
  border-color: #23a1ba;
}

.kn-ttl.-h4.-green:before {
  border-color: #61a624;
}

.kn-ttl.-h4.-pink:before {
  border-color: #e86875;
}

.kn-ttl.-h4.-orange:before {
  border-color: #ff6e0c;
}

.kn-ttl.-h4.-darkblue:before {
  border-color: #193b8d;
}

.kn-ttl.-h4.-bluegreen:before {
  background-color: #bdecf6;
}

.kn-ttl.-h4.-green:before {
  background-color: #d2f8b1;
}

.kn-ttl.-h4.-pink:before {
  background-color: #ffe1e4;
}

.kn-ttl.-h4.-orange:before {
  background-color: #ffdbc3;
}

.kn-ttl.-h4.-darkblue:before {
  background-color: #d1d7e8;
}

.kn-ttl.-h4>.number {
  font-size: .12rem;
  border-radius: 50%;
}

.kn-ttl.-h5 {
  font-size: .16rem;
  line-height: 1.6125;
  margin: 20px 0 10px;
}

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

.kn-img.-liquid {
  width: 100%;
  max-width: none;
}

.kn-img.-bordered {
  border: 1px solid #ccc;
}

.kn-info-headline {
  display: -ms-flexbox;
  display: flex;

  -ms-flex-align: start;
  align-items: flex-start;
}

.kn-info-headline>.date {
  width: 5em;
  margin-right: 20px;

  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.kn-info-headline>.kn-label {
  width: 10em;
  margin-right: 20px;

  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.kn-label-list {
  line-height: 1.7;
  margin: .75em 0 0;
}

.kn-label-list:first-child {
  margin-top: 0;
}

.kn-label-list>li {
  position: relative;
}

.kn-label-list>li:not(:first-child) {
  margin-top: 3px;
}

.kn-label-list.-compact>li {
  margin-top: 0!important;
}

.kn-label-list.-row {
  margin-right: -10px;
  margin-bottom: -3px;
}

.kn-label-list.-row:after {
  display: block;
  clear: both;
  content: '';
}

.kn-label-list.-row>li {
  position: relative;
  display: inline-block;
  margin-top: 0;
  padding-right: 10px;
  padding-bottom: 3px;
}

.kn-label-list.-row.-compact {
  margin-right: -5px;
  margin-bottom: 0;
}

.kn-label-list.-row.-compact:after {
  display: block;
  clear: both;
  content: '';
}

.kn-label-list.-row.-compact>li {
  position: relative;
  display: inline-block;
  margin-top: 0;
  padding-right: 5px;
  padding-bottom: 0;
}

.kn-label-list.-row.-compact>li {
  padding-bottom: 1px;
}

.kn-label-list .kn-label {
  margin-right: 0;
}

.kn-label {
  font-size: .13rem;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding: 4px 5px 3px;
  text-align: center;
  vertical-align: middle;
  color: #547bdb;
  border: 1px solid #547bdb;
}

.kn-label.-purple {
  color: #547bdb;
  border-color: #547bdb;
}

.kn-label.-bluegreen {
  color: #23a1ba;
  border-color: #23a1ba;
}

.kn-label.-green {
  color: #61a624;
  border-color: #61a624;
}

.kn-label.-pink {
  color: #e86875;
  border-color: #e86875;
}

.kn-label.-orange {
  color: #ff6e0c;
  border-color: #ff6e0c;
}

.kn-label.-darkblue {
  color: #193b8d;
  border-color: #193b8d;
}

.kn-label.-bg {
  padding: 5px 5px 4px;
  color: #fff;
  border: none;
  background-color: #547bdb;
}

.kn-label.-bg.-purple {
  background-color: #547bdb;
}

.kn-label.-bg.-bluegreen {
  background-color: #23a1ba;
}

.kn-label.-bg.-green {
  background-color: #61a624;
}

.kn-label.-bg.-pink {
  background-color: #e86875;
}

.kn-label.-bg.-orange {
  background-color: #ff6e0c;
}

.kn-label.-bg.-darkblue {
  background-color: #193b8d;
}

.kn-label.-rounded {
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 20px;
}

.kn-label.-circle {
  font-size: .18rem;
  line-height: 2.5em;
  position: relative;
  display: inline-block;
  min-width: 0;
  padding: .125em 0 0 1em;
  color: #ffaf00;
  border: none;
}

.kn-label.-circle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 2.5em;
  height: 2.5em;
  margin: auto;
  content: '';
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  border: 3px solid #ffdc57;
  border-top-color: transparent;
  border-radius: 50%;
}

.kn-label.-fixedwidth {
  min-width: 10em;
}

a[href^=tel] {
  display: inline-block;
  cursor: text;
  text-decoration: none;
  pointer-events: none;
  outline: none;
}

a[href^=tel]:hover {
  text-decoration: none;
}

.kn-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.kn-link:hover {
  text-decoration: underline;
}

.kn-link.-forward,.kn-link.-back,.kn-link.-down,.kn-link.-up {
  padding-left: 15px;
}

.kn-link.-forward:before {
  position: absolute;
  top: 0;
  top: calc(.85em - 5px);
  bottom: 0;
  bottom: auto;
  left: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 1px solid #0072ba;
  border-right: 1px solid #0072ba;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.kn-link.-back:before {
  position: absolute;
  top: 0;
  top: calc(.85em - 5px);
  bottom: 0;
  bottom: auto;
  left: 3px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  vertical-align: middle;
  border-top: 1px solid #0072ba;
  border-right: 1px solid #0072ba;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.kn-link.-down:before {
  position: absolute;
  top: 0;
  top: calc(.85em - 6px);
  bottom: 0;
  bottom: auto;
  left: 2px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  vertical-align: middle;
  border-top: 1px solid #0072ba;
  border-right: 1px solid #0072ba;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.kn-link.-up:before {
  position: absolute;
  top: 0;
  top: calc(.85em - 2px);
  bottom: 0;
  bottom: auto;
  left: 2px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: middle;
  border-top: 1px solid #0072ba;
  border-right: 1px solid #0072ba;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.kn-link.-popup:after,.kn-link.-pdf:after,.kn-link.-excel:after,.kn-link.-pc:after,.kn-link.-login:after {
  position: relative;
  top: -.1em;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 .25em;
  content: '';
  vertical-align: middle;
  background: center center no-repeat;
  background-size: contain;
}

.kn-link.-popup:after {
  background-image: url(/common/images/ico_link_popup_blue.png);
}

.kn-link.-pdf:after {
  background-image: url(/common/images/ico_link_pdf_blue.png);
}

.kn-link.-excel:after {
  background-image: url(/common/images/ico_link_excel_blue.svg);
}

.kn-link.-pc:after {
  background-image: url(/common/images/ico_link_pc_blue.png);
}

.kn-link.-login:after {
  background-image: url(/common/images/ico_link_key_blue.png);
}

.kn-link.-white.-popup:after {
  background-image: url(/common/images/ico_link_popup.png);
}

.kn-link.-white.-pdf:after {
  background-image: url(/common/images/ico_link_pdf.png);
}

.kn-link.-white.-excel:after {
  background-image: url(/common/images/ico_link_excel.svg);
}

.kn-link.-white.-pc:after {
  background-image: url(/common/images/ico_link_pc.png);
}

.kn-link.-white.-login:after {
  background-image: url(/common/images/ico_link_key.png);
}

.kn-link.-current {
  text-decoration: none!important;
}

.kn-link-list.-ordered>li:not(div):before {
  font-size: .12rem;
  line-height: 16px;
  position: absolute;
  top: .35em;
  left: 0;
  display: block;
  width: 16px;
  content: counter(li);
  text-align: center;
  color: #fff;
  background: #0072ba;
}

.kn-link-list.-ordered>li:not(div).current>a {
  color: #333;
}

.kn-link-list.-ordered>li:not(div).current:before {
  background: #333;
}

.kn-link-movie {
  display: inline-block;
  transition: background .5s,opacity .3s,border-color .3s;
  text-decoration: none;
}

.kn-link-movie:before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  width: 79px;
  height: 79px;
  margin: auto;
  content: '';
  color: #fff;
  border: 4px solid rgba(255,255,255,.8);
  border-radius: 50%;
  background: rgba(0,0,0,.25);

  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.kn-link-movie:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  content: '';
  -webkit-transform: translateX(-30%) translateY(-50%);
          transform: translateX(-30%) translateY(-50%);
  border-width: 14px 0 14px 24px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

.kn-link-movie:hover {
  transition: background .1s,opacity .13s,border-color .13s;
  opacity: .8;
}

.kn-link-movie:hover:before {
  border-color: white;
  background: rgba(0,0,0,.7);
}

.kn-link-movie:hover>img {
  opacity: 1;
}

.kn-link-movie>img {
  vertical-align: middle;
}

.kn-anchor-links {
  margin: 1.5em 0 0;
  padding: 14px 10px;
  background: #eee;
}

.kn-anchor-links:first-child {
  margin-top: 0;
}

.kn-anchor-links .link-list {
  font-weight: 700;
  padding: 0 20px;
}

.kn-list,.kn-link-list {
  line-height: 1.7;
  margin: .75em 0 0;
}

.kn-list:first-child,.kn-link-list:first-child {
  margin-top: 0;
}

.kn-list>li,.kn-link-list>li {
  position: relative;
}

.kn-list>li:not(:first-child),.kn-link-list>li:not(:first-child) {
  margin-top: .5em;
}

.kn-list>li>b:not([class]):first-child,.kn-link-list>li>b:not([class]):first-child {
  font-weight: inherit;
  position: absolute;
  left: 0;
}

.kn-list.-compact>li,.-compact.kn-link-list>li {
  margin-top: 0!important;
}

.kn-list.-loose>li:not(:first-child),.-loose.kn-link-list>li:not(:first-child) {
  margin-top: 1.5em!important;
}

.kn-list.-row:not([data-cols]),.-row.kn-link-list:not([data-cols]) {
  margin-right: -2em;
  margin-bottom: -.5em;
}

.kn-list.-row:not([data-cols]):after,.-row.kn-link-list:not([data-cols]):after {
  display: block;
  clear: both;
  content: '';
}

.kn-list.-row:not([data-cols])>li,.-row.kn-link-list:not([data-cols])>li {
  position: relative;
  display: inline-block;
  margin-top: 0;
  padding-right: 2em;
  padding-bottom: .5em;
}

.kn-list.-row:not([data-cols])>li,.-row.kn-link-list:not([data-cols])>li {
  padding-bottom: calc(.5em + .11em);
}

.kn-list.-row:not([data-cols])>li>.link,.-row.kn-link-list:not([data-cols])>li>.link {
  margin-bottom: -.11em;
}

.kn-list.-row.-compact:not([data-cols]),.-row.-compact.kn-link-list:not([data-cols]) {
  margin-right: -1em;
  margin-bottom: 0;
}

.kn-list.-row.-compact:not([data-cols]):after,.-row.-compact.kn-link-list:not([data-cols]):after {
  display: block;
  clear: both;
  content: '';
}

.kn-list.-row.-compact:not([data-cols])>li,.-row.-compact.kn-link-list:not([data-cols])>li {
  position: relative;
  display: inline-block;
  margin-top: 0;
  padding-right: 1em;
  padding-bottom: 0;
}

.kn-list.-row.-compact:not([data-cols])>li,.-row.-compact.kn-link-list:not([data-cols])>li {
  padding-bottom: 1px;
}

.kn-list.-row[data-cols],.-row.kn-link-list[data-cols] {
  display: -ms-flexbox;
  display: flex;

  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.kn-list.-row[data-cols]>li,.-row.kn-link-list[data-cols]>li {
  margin: 0 1em .5em 0;

  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.kn-list.-row[data-cols].-compact>li,.-row.kn-link-list[data-cols].-compact>li {
  margin-bottom: 0;
}

.kn-list.-row[data-cols='1']>li,.-row.kn-link-list[data-cols='1']>li {
  max-width: none;

  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.kn-list.-row[data-cols='1']>li:nth-child(1n),.-row.kn-link-list[data-cols='1']>li:nth-child(1n) {
  margin-right: 0;
}

.kn-list.-row[data-cols='2']>li,.-row.kn-link-list[data-cols='2']>li {
  max-width: calc((100% - 1px - 1em)/2);

  -ms-flex-preferred-size: calc((100% - 1em)/2);
  flex-basis: calc((100% - 1em)/2);
}

.kn-list.-row[data-cols='2']>li:nth-child(2n),.-row.kn-link-list[data-cols='2']>li:nth-child(2n) {
  margin-right: 0;
}

.kn-list.-row[data-cols='3']>li,.-row.kn-link-list[data-cols='3']>li {
  max-width: calc((100% - 1px - 2em)/3);

  -ms-flex-preferred-size: calc((100% - 2em)/3);
  flex-basis: calc((100% - 2em)/3);
}

.kn-list.-row[data-cols='3']>li:nth-child(3n),.-row.kn-link-list[data-cols='3']>li:nth-child(3n) {
  margin-right: 0;
}

.kn-list.-row[data-cols='4']>li,.-row.kn-link-list[data-cols='4']>li {
  max-width: calc((100% - 1px - 3em)/4);

  -ms-flex-preferred-size: calc((100% - 3em)/4);
  flex-basis: calc((100% - 3em)/4);
}

.kn-list.-row[data-cols='4']>li:nth-child(4n),.-row.kn-link-list[data-cols='4']>li:nth-child(4n) {
  margin-right: 0;
}

.kn-list.-row[data-cols='5']>li,.-row.kn-link-list[data-cols='5']>li {
  max-width: calc((100% - 1px - 4em)/5);

  -ms-flex-preferred-size: calc((100% - 4em)/5);
  flex-basis: calc((100% - 4em)/5);
}

.kn-list.-row[data-cols='5']>li:nth-child(5n),.-row.kn-link-list[data-cols='5']>li:nth-child(5n) {
  margin-right: 0;
}

.kn-list.-row[data-cols='6']>li,.-row.kn-link-list[data-cols='6']>li {
  max-width: calc((100% - 1px - 5em)/6);

  -ms-flex-preferred-size: calc((100% - 5em)/6);
  flex-basis: calc((100% - 5em)/6);
}

.kn-list.-row[data-cols='6']>li:nth-child(6n),.-row.kn-link-list[data-cols='6']>li:nth-child(6n) {
  margin-right: 0;
}

.kn-list.kn-list[data-marker-width][data-marker-width='1']>li,.kn-link-list[data-marker-width][data-marker-width='1']>li {
  padding-left: 1em;
}

.kn-list.kn-list>li[data-marker-width][data-marker-width='1'],.kn-link-list>li[data-marker-width][data-marker-width='1'] {
  padding-left: 1em;
}

.kn-list.kn-list[data-marker-width][data-marker-width='1.5']>li,.kn-link-list[data-marker-width][data-marker-width='1.5']>li {
  padding-left: 1.5em;
}

.kn-list.kn-list>li[data-marker-width][data-marker-width='1.5'],.kn-link-list>li[data-marker-width][data-marker-width='1.5'] {
  padding-left: 1.5em;
}

.kn-list.kn-list[data-marker-width][data-marker-width='2']>li,.kn-link-list[data-marker-width][data-marker-width='2']>li {
  padding-left: 2em;
}

.kn-list.kn-list>li[data-marker-width][data-marker-width='2'],.kn-link-list>li[data-marker-width][data-marker-width='2'] {
  padding-left: 2em;
}

.kn-list.kn-list[data-marker-width][data-marker-width='2.5']>li,.kn-link-list[data-marker-width][data-marker-width='2.5']>li {
  padding-left: 2.5em;
}

.kn-list.kn-list>li[data-marker-width][data-marker-width='2.5'],.kn-link-list>li[data-marker-width][data-marker-width='2.5'] {
  padding-left: 2.5em;
}

.kn-list.kn-list[data-marker-width][data-marker-width='3']>li,.kn-link-list[data-marker-width][data-marker-width='3']>li {
  padding-left: 3em;
}

.kn-list.kn-list>li[data-marker-width][data-marker-width='3'],.kn-link-list>li[data-marker-width][data-marker-width='3'] {
  padding-left: 3em;
}

.kn-list.kn-list[data-marker-width][data-marker-width='3.5']>li,.kn-link-list[data-marker-width][data-marker-width='3.5']>li {
  padding-left: 3.5em;
}

.kn-list.kn-list>li[data-marker-width][data-marker-width='3.5'],.kn-link-list>li[data-marker-width][data-marker-width='3.5'] {
  padding-left: 3.5em;
}

.kn-list.kn-list[data-marker-width][data-marker-width='4']>li,.kn-link-list[data-marker-width][data-marker-width='4']>li {
  padding-left: 4em;
}

.kn-list.kn-list>li[data-marker-width][data-marker-width='4'],.kn-link-list>li[data-marker-width][data-marker-width='4'] {
  padding-left: 4em;
}

.kn-list.kn-list[data-marker-width][data-marker-width='4.5']>li,.kn-link-list[data-marker-width][data-marker-width='4.5']>li {
  padding-left: 4.5em;
}

.kn-list.kn-list>li[data-marker-width][data-marker-width='4.5'],.kn-link-list>li[data-marker-width][data-marker-width='4.5'] {
  padding-left: 4.5em;
}

.kn-list.kn-list[data-marker-width][data-marker-width='5']>li,.kn-link-list[data-marker-width][data-marker-width='5']>li {
  padding-left: 5em;
}

.kn-list.kn-list>li[data-marker-width][data-marker-width='5'],.kn-link-list>li[data-marker-width][data-marker-width='5'] {
  padding-left: 5em;
}

.kn-list.kn-list[data-marker-width][data-marker-width='5.5']>li,.kn-link-list[data-marker-width][data-marker-width='5.5']>li {
  padding-left: 5.5em;
}

.kn-list.kn-list>li[data-marker-width][data-marker-width='5.5'],.kn-link-list>li[data-marker-width][data-marker-width='5.5'] {
  padding-left: 5.5em;
}

.kn-list.kn-list[data-marker-width][data-marker-width='6']>li,.kn-link-list[data-marker-width][data-marker-width='6']>li {
  padding-left: 6em;
}

.kn-list.kn-list>li[data-marker-width][data-marker-width='6'],.kn-link-list>li[data-marker-width][data-marker-width='6'] {
  padding-left: 6em;
}

.kn-list.-pipe:not([data-cols])>li:not(:last-child),.-pipe.kn-link-list:not([data-cols])>li:not(:last-child) {
  padding-right: 2em;
}

.kn-list.-pipe:not([data-cols])>li:not(:last-child):before,.-pipe.kn-link-list:not([data-cols])>li:not(:last-child):before {
  position: absolute;
  top: .35em;
  right: .8em;
  display: block;
  width: 1px;
  height: 1em;
  margin: auto;
  content: '';
  background: #999;
}

.kn-list.-pipe:not([data-cols])>li:not(:last-child).br,.-pipe.kn-link-list:not([data-cols])>li:not(:last-child).br {
  padding-right: 0;
}

.kn-list.-pipe:not([data-cols])>li:not(:last-child).br:before,.-pipe.kn-link-list:not([data-cols])>li:not(:last-child).br:before {
  display: none;
}

.kn-list.-pipe:not([data-cols])>li:not(:last-child).nopipe,.-pipe.kn-link-list:not([data-cols])>li:not(:last-child).nopipe {
  padding-right: 1em;
}

.kn-list.-pipe:not([data-cols])>li:not(:last-child).nopipe:before,.-pipe.kn-link-list:not([data-cols])>li:not(:last-child).nopipe:before {
  display: none;
}

.kn-list.-pipe.-compact:not([data-cols])>li:not(:last-child),.-pipe.-compact.kn-link-list:not([data-cols])>li:not(:last-child) {
  padding-right: 1em;
}

.kn-list.-pipe.-compact:not([data-cols])>li:not(:last-child):before,.-pipe.-compact.kn-link-list:not([data-cols])>li:not(:last-child):before {
  right: .5em;
}

.kn-list.-pipe.-compact:not([data-cols])>li:not(:last-child).nopipe,.-pipe.-compact.kn-link-list:not([data-cols])>li:not(:last-child).nopipe {
  padding-right: 1em;
}

.kn-list.-pipe.-loose:not([data-cols])>li,.-pipe.-loose.kn-link-list:not([data-cols])>li {
  margin-top: .5em!important;
}

.kn-list.-pipe.-loose:not([data-cols])>li:not(:last-child),.-pipe.-loose.kn-link-list:not([data-cols])>li:not(:last-child) {
  padding-right: 4em;
}

.kn-list.-pipe.-loose:not([data-cols])>li:not(:last-child):before,.-pipe.-loose.kn-link-list:not([data-cols])>li:not(:last-child):before {
  right: calc(2em - 2px);
  width: 2px;
}

.kn-list.-pipe.-loose:not([data-cols])>li:not(:last-child).nopipe,.-pipe.-loose.kn-link-list:not([data-cols])>li:not(:last-child).nopipe {
  padding-right: 2em;
}

.kn-list.-circle>li,.-circle.kn-link-list>li {
  padding-left: 2em;
  list-style-type: none;
}

.kn-list.-circle>li:before,.-circle.kn-link-list>li:before {
  position: absolute;
  top: calc(.85em - 2px);
  left: .5em;
  display: inline-block;
  width: 4px;
  height: 4px;
  content: '';
  border-radius: 50%;
  background: #333;
}

.kn-list.-ordered,.-ordered.kn-link-list {
  counter-reset: li;
}

.kn-list.-ordered>li,.-ordered.kn-link-list>li {
  position: relative;
  padding-left: 2em;
  list-style: none;
}

.kn-list.-ordered>li:before,.-ordered.kn-link-list>li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(li) '.';
  counter-increment: li;
}

.kn-list.-ordered[data-start='0'],.-ordered.kn-link-list[data-start='0'] {
  counter-reset: li -1;
}

.kn-list.-ordered>li[data-value='0'],.-ordered.kn-link-list>li[data-value='0'] {
  counter-reset: li -1;
}

.kn-list.-ordered[data-start='1'],.-ordered.kn-link-list[data-start='1'] {
  counter-reset: li 0;
}

.kn-list.-ordered>li[data-value='1'],.-ordered.kn-link-list>li[data-value='1'] {
  counter-reset: li 0;
}

.kn-list.-ordered[data-start='2'],.-ordered.kn-link-list[data-start='2'] {
  counter-reset: li 1;
}

.kn-list.-ordered>li[data-value='2'],.-ordered.kn-link-list>li[data-value='2'] {
  counter-reset: li 1;
}

.kn-list.-ordered[data-start='3'],.-ordered.kn-link-list[data-start='3'] {
  counter-reset: li 2;
}

.kn-list.-ordered>li[data-value='3'],.-ordered.kn-link-list>li[data-value='3'] {
  counter-reset: li 2;
}

.kn-list.-ordered[data-start='4'],.-ordered.kn-link-list[data-start='4'] {
  counter-reset: li 3;
}

.kn-list.-ordered>li[data-value='4'],.-ordered.kn-link-list>li[data-value='4'] {
  counter-reset: li 3;
}

.kn-list.-ordered[data-start='5'],.-ordered.kn-link-list[data-start='5'] {
  counter-reset: li 4;
}

.kn-list.-ordered>li[data-value='5'],.-ordered.kn-link-list>li[data-value='5'] {
  counter-reset: li 4;
}

.kn-list.-ordered[data-start='6'],.-ordered.kn-link-list[data-start='6'] {
  counter-reset: li 5;
}

.kn-list.-ordered>li[data-value='6'],.-ordered.kn-link-list>li[data-value='6'] {
  counter-reset: li 5;
}

.kn-list.-ordered[data-start='7'],.-ordered.kn-link-list[data-start='7'] {
  counter-reset: li 6;
}

.kn-list.-ordered>li[data-value='7'],.-ordered.kn-link-list>li[data-value='7'] {
  counter-reset: li 6;
}

.kn-list.-ordered[data-start='8'],.-ordered.kn-link-list[data-start='8'] {
  counter-reset: li 7;
}

.kn-list.-ordered>li[data-value='8'],.-ordered.kn-link-list>li[data-value='8'] {
  counter-reset: li 7;
}

.kn-list.-ordered[data-start='9'],.-ordered.kn-link-list[data-start='9'] {
  counter-reset: li 8;
}

.kn-list.-ordered>li[data-value='9'],.-ordered.kn-link-list>li[data-value='9'] {
  counter-reset: li 8;
}

.kn-list.-ordered[data-start='10'],.-ordered.kn-link-list[data-start='10'] {
  counter-reset: li 9;
}

.kn-list.-ordered>li[data-value='10'],.-ordered.kn-link-list>li[data-value='10'] {
  counter-reset: li 9;
}

.kn-list.-ordered[data-start='11'],.-ordered.kn-link-list[data-start='11'] {
  counter-reset: li 10;
}

.kn-list.-ordered>li[data-value='11'],.-ordered.kn-link-list>li[data-value='11'] {
  counter-reset: li 10;
}

.kn-list.-ordered[data-start='12'],.-ordered.kn-link-list[data-start='12'] {
  counter-reset: li 11;
}

.kn-list.-ordered>li[data-value='12'],.-ordered.kn-link-list>li[data-value='12'] {
  counter-reset: li 11;
}

.kn-list.-ordered[data-start='13'],.-ordered.kn-link-list[data-start='13'] {
  counter-reset: li 12;
}

.kn-list.-ordered>li[data-value='13'],.-ordered.kn-link-list>li[data-value='13'] {
  counter-reset: li 12;
}

.kn-list.-ordered[data-start='14'],.-ordered.kn-link-list[data-start='14'] {
  counter-reset: li 13;
}

.kn-list.-ordered>li[data-value='14'],.-ordered.kn-link-list>li[data-value='14'] {
  counter-reset: li 13;
}

.kn-list.-ordered[data-start='15'],.-ordered.kn-link-list[data-start='15'] {
  counter-reset: li 14;
}

.kn-list.-ordered>li[data-value='15'],.-ordered.kn-link-list>li[data-value='15'] {
  counter-reset: li 14;
}

.kn-list.-ordered[data-start='16'],.-ordered.kn-link-list[data-start='16'] {
  counter-reset: li 15;
}

.kn-list.-ordered>li[data-value='16'],.-ordered.kn-link-list>li[data-value='16'] {
  counter-reset: li 15;
}

.kn-list.-ordered[data-start='17'],.-ordered.kn-link-list[data-start='17'] {
  counter-reset: li 16;
}

.kn-list.-ordered>li[data-value='17'],.-ordered.kn-link-list>li[data-value='17'] {
  counter-reset: li 16;
}

.kn-list.-ordered[data-start='18'],.-ordered.kn-link-list[data-start='18'] {
  counter-reset: li 17;
}

.kn-list.-ordered>li[data-value='18'],.-ordered.kn-link-list>li[data-value='18'] {
  counter-reset: li 17;
}

.kn-list.-ordered[data-start='19'],.-ordered.kn-link-list[data-start='19'] {
  counter-reset: li 18;
}

.kn-list.-ordered>li[data-value='19'],.-ordered.kn-link-list>li[data-value='19'] {
  counter-reset: li 18;
}

.kn-list.-ordered[data-start='20'],.-ordered.kn-link-list[data-start='20'] {
  counter-reset: li 19;
}

.kn-list.-ordered>li[data-value='20'],.-ordered.kn-link-list>li[data-value='20'] {
  counter-reset: li 19;
}

.kn-list.-ordered[data-start='21'],.-ordered.kn-link-list[data-start='21'] {
  counter-reset: li 20;
}

.kn-list.-ordered>li[data-value='21'],.-ordered.kn-link-list>li[data-value='21'] {
  counter-reset: li 20;
}

.kn-list.-ordered[data-start='22'],.-ordered.kn-link-list[data-start='22'] {
  counter-reset: li 21;
}

.kn-list.-ordered>li[data-value='22'],.-ordered.kn-link-list>li[data-value='22'] {
  counter-reset: li 21;
}

.kn-list.-ordered[data-start='23'],.-ordered.kn-link-list[data-start='23'] {
  counter-reset: li 22;
}

.kn-list.-ordered>li[data-value='23'],.-ordered.kn-link-list>li[data-value='23'] {
  counter-reset: li 22;
}

.kn-list.-ordered[data-start='24'],.-ordered.kn-link-list[data-start='24'] {
  counter-reset: li 23;
}

.kn-list.-ordered>li[data-value='24'],.-ordered.kn-link-list>li[data-value='24'] {
  counter-reset: li 23;
}

.kn-list.-ordered[data-start='25'],.-ordered.kn-link-list[data-start='25'] {
  counter-reset: li 24;
}

.kn-list.-ordered>li[data-value='25'],.-ordered.kn-link-list>li[data-value='25'] {
  counter-reset: li 24;
}

.kn-list.-ordered[data-start='26'],.-ordered.kn-link-list[data-start='26'] {
  counter-reset: li 25;
}

.kn-list.-ordered>li[data-value='26'],.-ordered.kn-link-list>li[data-value='26'] {
  counter-reset: li 25;
}

.kn-list.-ordered[data-start='27'],.-ordered.kn-link-list[data-start='27'] {
  counter-reset: li 26;
}

.kn-list.-ordered>li[data-value='27'],.-ordered.kn-link-list>li[data-value='27'] {
  counter-reset: li 26;
}

.kn-list.-ordered[data-start='28'],.-ordered.kn-link-list[data-start='28'] {
  counter-reset: li 27;
}

.kn-list.-ordered>li[data-value='28'],.-ordered.kn-link-list>li[data-value='28'] {
  counter-reset: li 27;
}

.kn-list.-ordered[data-start='29'],.-ordered.kn-link-list[data-start='29'] {
  counter-reset: li 28;
}

.kn-list.-ordered>li[data-value='29'],.-ordered.kn-link-list>li[data-value='29'] {
  counter-reset: li 28;
}

.kn-list.-ordered[data-start='30'],.-ordered.kn-link-list[data-start='30'] {
  counter-reset: li 29;
}

.kn-list.-ordered>li[data-value='30'],.-ordered.kn-link-list>li[data-value='30'] {
  counter-reset: li 29;
}

.kn-list.-marker>li,.-marker.kn-link-list>li {
  padding-left: 2em;
}

.kn-list.-marker>li:before,.-marker.kn-link-list>li:before {
  position: absolute;
  left: 0;
  display: inline-block;
  content: attr(data-marker);
}

.kn-list.-marker.-emphasis>li:before,.-marker.-emphasis.kn-link-list>li:before {
  font-weight: 700;
}

.list.-ordered.-marker>li:before {
  content: attr(data-marker) counter(li);
}

.kn-list.-notes>li,.-notes.kn-link-list>li {
  padding-left: 2em;
}

.kn-list.-notes>li:before,.-notes.kn-link-list>li:before {
  position: absolute;
  left: 0;
  content: '\0203B';
}

.list.-ordered.-notes>li {
  padding-left: 2.5em;
}

.list.-ordered.-notes>li:before {
  content: '※' counter(li);
}

.kn-list.-rule,.-rule.kn-link-list {
  border-top: 1px solid #e4e4e4;
}

.kn-list.-rule>li,.-rule.kn-link-list>li {
  margin: 0;
  padding: 16px 15px;
  border-bottom: 1px solid #e4e4e4;
}

.kn-local-nav {
  border-top: 4px solid #547bdb;
}

.kn-local-nav>.category>.menu {
  font-size: .16rem;
  font-weight: 700;
  display: block;
  padding: 14px 10px 12px;
}

.kn-local-nav>.category>.menu.-current,.kn-local-nav>.category>.menu:hover {
  text-decoration: none;
  color: #333;
  background: #fff1e8;
}

.kn-local-nav>.submenu>ul {
  border-bottom: 1px solid #e4e4e4;
}

.kn-local-nav>.submenu>ul>li {
  border-top: 1px solid #e4e4e4;
}

.kn-local-nav>.submenu .menu {
  display: block;
  padding: 11px 10px 8px calc(10px + 1em);
  color: #0072ba;
  line-height: 1.5;
}

.kn-local-nav>.submenu .menu.-current,.kn-local-nav>.submenu .menu:hover {
  font-weight: 700;
  text-decoration: none;
  color: #333;
  background: #fff1e8;
}

.kn-modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 200ms ease;
  opacity: 0;
  background: rgba(0,0,0,.75);
}

.kn-modal.-active {
  opacity: 1;
}

.kn-modal.-active>.wrapper {
  opacity: 1;
}

.kn-modal.-closing {
  transition: opacity 400ms ease;
  opacity: 0;
}

.kn-modal>.wrapper {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 720px;
  margin: auto;
  padding: 40px;
  transition: opacity 200ms 200ms;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  background: #fff;
}

.kn-modal>.wrapper>.contents {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 160px);
}

.kn-modal>.wrapper>.closebtn {
  position: absolute;
  z-index: 1;
  top: -20px;
  right: -20px;
  display: inline-block;
  width: 44px;
  height: 44px;
  cursor: pointer;
  border-radius: 50%;
  background: #547bdb;
}

.kn-modal>.wrapper>.closebtn:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  margin: auto;
  content: '';
  background-image: linear-gradient(45deg,transparent 0%,transparent calc(50% - 1px),#fff calc(50% - 1px),#fff calc(50% + 1px),transparent calc(50% + 1px),transparent 100%),linear-gradient(135deg,transparent 0%,transparent calc(50% - 1px),#fff calc(50% - 1px),#fff calc(50% + 1px),transparent calc(50% + 1px),transparent 100%);
  background-size: 100% calc(100%);
}

.kn-modal.-movie {
  padding-top: 0;
}

.kn-modal.-movie>.wrapper {
  padding: 0;
  background: none;
}

.kn-modal.-movie>.wrapper>.contents {
  padding: 0;

  -ms-overflow-style: none;
}

.kn-modal.-movie>.wrapper>.contents::-webkit-scrollbar {
  display: none;
}

.kn-modal.-movie>.wrapper>.contents .movie {
  position: relative;
  width: 100%;
  height: 0;
  padding: 56.25% 0 0;
}

.kn-modal.-movie>.wrapper>.contents iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.kn-modal.-image>.wrapper>.contents>img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.kn-modal-active {
  height: 100%;
}

.kn-modal-active body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100vh;
}

.kn-modal-active body>.kn-wrapper {
  position: fixed;
  left: 0;
}

.kn-modal-contents {
  display: none;
}

.kn-pagination {
  display: -ms-flexbox;
  display: flex;
  margin: 1.5em 0 0;

  -ms-flex-pack: center;
  justify-content: center;
}

.kn-pagination:first-child {
  margin-top: 0;
}

.kn-pagination .page {
  font-size: .14rem;
  line-height: 1;
  position: relative;
  display: inline-block;
  width: 32px;
  height: calc(1em + 18px);
  padding: 9px 10px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  background: #547bdb;
}

.kn-pagination .page:hover {
  text-decoration: none;
  opacity: .9;
}

.kn-pagination .page.-current {
  padding: 8px 10px;
  color: #333;
  border: 1px solid #e4e4e4;
  background: #fff;
}

.kn-pagination>.pages {
  display: -ms-flexbox;
  display: flex;
}

.kn-pagination>.pages>li+li {
  margin-left: 10px;
}

.kn-pagination>.prev>.page:before,.kn-pagination>.next>.page:before {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.kn-pagination>.prev {
  margin-right: 20px;
}

.kn-pagination>.prev>.page:before {
  left: 10px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}

.kn-pagination>.next {
  margin-left: 20px;

  -ms-flex-order: 1;
  order: 1;
}

.kn-pagination>.next>.page:before {
  right: 10px;
}

.kn-panel {
  margin: 1.5em 0 0;
  border: 1px solid #547bdb;
}

.kn-panel:first-child {
  margin-top: 0;
}

.kn-panel>.title {
  font-size: .18rem;
  font-weight: 700;
  line-height: 1.54444;
  padding: 8px 15px;
  color: #fff;
  background: #547bdb;
}

.kn-panel>.title.-decoration {
  display: -ms-flexbox;
  display: flex;

  -ms-flex-align: center;
  align-items: center;
}

.kn-panel>.title.-decoration>:first-child {
  margin-right: 10px;

  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.kn-panel>.title .kn-link {
  color: #fff;
}

.kn-panel>.title .kn-link:before {
  border-width: 2px;
  border-color: #fff;
}

.kn-panel>.title>img:first-child {
  width: 36px;
  height: 36px;
}

.kn-panel>.title>.ribbon {
  font-size: .14rem;
  line-height: 1;
  position: relative;
  display: inline-block;
  overflow: hidden;
  min-width: 0;
  margin-left: -15px;
  padding: 12px 20px 12px 10px;
  text-align: left;
  vertical-align: middle;
  color: #547bdb;
  border: none;
  background: #ffface;
}

.kn-panel>.title>.ribbon:before {
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 3px;
  left: 0;
  display: block;
  content: '';
  border: 1px dashed;
  border-color: #547bdb transparent;
}

.kn-panel>.title>.ribbon:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  content: '';
  border-width: 1.25em 0 1.25em .75em;
  border-width: 1.25em .75em 1.25em 0;
  border-style: solid;
  border-color: transparent transparent transparent #547bdb;
  border-color: transparent #547bdb transparent transparent;
}

.kn-panel>.contents {
  padding: 15px;
  background: #fff;
}

.kn-panel.-purple {
  border-color: #547bdb;
}

.kn-panel.-bluegreen {
  border-color: #23a1ba;
}

.kn-panel.-green {
  border-color: #61a624;
}

.kn-panel.-pink {
  border-color: #e86875;
}

.kn-panel.-orange {
  border-color: #ff6e0c;
}

.kn-panel.-purple>.title {
  background-color: #547bdb;
}

.kn-panel.-bluegreen>.title {
  background-color: #23a1ba;
}

.kn-panel.-green>.title {
  background-color: #61a624;
}

.kn-panel.-pink>.title {
  background-color: #e86875;
}

.kn-panel.-orange>.title {
  background-color: #ff6e0c;
}

.kn-panel.-purple>.title>.ribbon {
  color: #547bdb;
}

.kn-panel.-bluegreen>.title>.ribbon {
  color: #23a1ba;
}

.kn-panel.-green>.title>.ribbon {
  color: #61a624;
}

.kn-panel.-pink>.title>.ribbon {
  color: #e86875;
}

.kn-panel.-orange>.title>.ribbon {
  color: #ff6e0c;
}

.kn-panel.-purple>.title>.ribbon:before {
  border-top-color: #547bdb;
  border-bottom-color: #547bdb;
}

.kn-panel.-bluegreen>.title>.ribbon:before {
  border-top-color: #23a1ba;
  border-bottom-color: #23a1ba;
}

.kn-panel.-green>.title>.ribbon:before {
  border-top-color: #61a624;
  border-bottom-color: #61a624;
}

.kn-panel.-pink>.title>.ribbon:before {
  border-top-color: #e86875;
  border-bottom-color: #e86875;
}

.kn-panel.-orange>.title>.ribbon:before {
  border-top-color: #ff6e0c;
  border-bottom-color: #ff6e0c;
}

.kn-panel.-purple>.title>.ribbon:after {
  border-right-color: #547bdb;
}

.kn-panel.-bluegreen>.title>.ribbon:after {
  border-right-color: #23a1ba;
}

.kn-panel.-green>.title>.ribbon:after {
  border-right-color: #61a624;
}

.kn-panel.-pink>.title>.ribbon:after {
  border-right-color: #e86875;
}

.kn-panel.-orange>.title>.ribbon:after {
  border-right-color: #ff6e0c;
}

.kn-panel.-attention {
  border-color: #f00;
}

.kn-panel.-attention>.title {
  background-color: #f00;
}

.kn-panel.-supplement {
  border-color: #e4e4e4;
}

.kn-panel.-supplement>.title {
  color: #333;
  background-color: #e4e4e4;
}

.kn-ad-nav {
  margin-top: 30px;
}

.kn-ad-nav>.kn-banner-list>li+li {
  margin-top: 10px;
}

.kn-university-search>.input {
  position: relative;
}

.kn-university-search>.input:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 52px;
  margin: auto;
  content: '';
  background: url(/common/images/ico_form_search.png) center center no-repeat;
  background-size: 20px auto;
}

.kn-university-search>.input>.kn-textbox {
  position: relative;
  width: 100%;
  padding: 0 47px 0 10px;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
}

.kn-university-search>.input>.kn-university-search-result {
  font-size: inherit;
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  overflow: auto;
  max-height: 15em;
  border: 1px solid #e4e4e4;
  background: #fff;
}

.kn-university-search>.input>.kn-university-search-result>.list>li:not(:first-child) {
  border-top: 1px solid #e4e4e4;
}

.kn-university-search>.input>.kn-university-search-result>.list>li>.noresult {
  position: relative;
  display: block;
  padding: 10px 5px 8px;
}

.kn-university-search>.input>.kn-university-search-result>.list>li>.ui {
  line-height: 1.3;
  position: relative;
  display: block;
  padding: 10px 5px 8px 20px;
  cursor: pointer;
}

.kn-university-search>.input>.kn-university-search-result>.list>li>.ui:hover,.kn-university-search>.input>.kn-university-search-result>.list>li>.ui.hover,.kn-university-search>.input>.kn-university-search-result>.list>li>.ui:focus {
  text-decoration: none;
  outline: none;
  background: #f3f6ff;
}

.kn-university-search>.input>.kn-university-search-result>.list>li>.ui:before {
  position: absolute;
  top: 0;
  top: calc(8px + .4em);
  bottom: 0;
  bottom: auto;
  left: 5px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 1px solid #547bdb;
  border-right: 1px solid #547bdb;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.kn-section {
  position: relative;
  max-width: 1040px;
  padding: 40px 0 50px;
}

.kn-section:before {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: -1px;
  left: 50%;
  display: block;
  width: 100vw;
  content: '';
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: inherit;
}

.kn-skip-link {
  position: absolute;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
  width: 1px;
  height: 1px;
}

.kn-step {
  display: -ms-flexbox;
  display: flex;
  margin: 1.5em 0 0;

  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.kn-step:first-child {
  margin-top: 0;
}

.kn-step>li {
  position: relative;
  margin-bottom: 8px;
}

.kn-step>li:not(:last-child) {
  margin-right: 30px;
}

.kn-step>li:not(:last-child):before {
  position: absolute;
  top: 0;
  right: -20px;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  content: '';
  border-width: 7px 0 7px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #ccc;
}

.kn-step>li>a {
  display: block;
  border-radius: 50%;
}

.kn-step>li>a:hover {
  transition: box-shadow 100ms,opacity 100ms;
  text-decoration: none;
  opacity: .8;
  box-shadow: 0 0 8px 0 rgba(0,0,0,.25);
}

.kn-step>li .step {
  font-size: .1rem;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
      flex-direction: column;
  width: 60px;
  height: 60px;
  color: #3965d1;
  border: 2px solid #547bdb;
  border-radius: 50%;
  background: #f3f6ff;
  box-shadow: 0 1px 5px 0 rgba(0,0,0,.25);

  -ms-flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.kn-step>li .step>b {
  font-size: .18rem;
  margin-top: 5px;
}

.kn-step>li.-purple .step {
  border-color: #547bdb;
}

.kn-step>li.-bluegreen .step {
  border-color: #23a1ba;
}

.kn-step>li.-green .step {
  border-color: #61a624;
}

.kn-step>li.-pink .step {
  border-color: #e86875;
}

.kn-step>li.-orange .step {
  border-color: #ff6e0c;
}

.kn-step>li.-purple .step {
  color: #3965d1;
}

.kn-step>li.-bluegreen .step {
  color: #118197;
}

.kn-step>li.-green .step {
  color: #478311;
}

.kn-step>li.-pink .step {
  color: #d3404f;
}

.kn-step>li.-orange .step {
  color: #d64900;
}

.kn-step>li.-purple .step {
  background-color: #f3f6ff;
}

.kn-step>li.-bluegreen .step {
  background-color: #e9f7fa;
}

.kn-step>li.-green .step {
  background-color: #f5ffeb;
}

.kn-step>li.-pink .step {
  background-color: #fff3f5;
}

.kn-step>li.-orange .step {
  background-color: #fff1e8;
}

.kn-step.-description {
  -ms-flex-align: stretch;
  align-items: stretch;
}

.kn-step.-description>li {
  width: auto;
  height: auto;
  border: 2px solid #547bdb;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 5px 0 rgba(0,0,0,.25);

  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
}

.kn-step.-description>li:not(:last-child) {
  margin-right: 14px;
}

.kn-step.-description>li:not(:last-child):before {
  right: -12px;
  border-left-color: #547bdb;
}

.kn-step.-description>li>a {
  height: 100%;
  border-radius: 4px;
}

.kn-step.-description>li>a:hover {
  box-shadow: 0 0 12px 2px rgba(0,0,0,.25);
}

.kn-step.-description>li .step {
  font-size: .12rem;
  display: block;
  width: auto;
  height: auto;
  padding: 4px 8px;
  border: none;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}

.kn-step.-description>li .step>b {
  padding-left: 3px;
}

.kn-step.-description>li .step+.description {
  font-size: .12rem;
  font-weight: 400;
  line-height: 1.35;
  display: block;
  padding: 4px 8px;
  color: #333;
}

.kn-step.-description>li.-purple {
  border-color: #547bdb;
}

.kn-step.-description>li.-bluegreen {
  border-color: #23a1ba;
}

.kn-step.-description>li.-green {
  border-color: #61a624;
}

.kn-step.-description>li.-pink {
  border-color: #e86875;
}

.kn-step.-description>li.-orange {
  border-color: #ff6e0c;
}

.kn-tab-container {
  margin: 1.5em 0 0;
}

.kn-tab-container:first-child {
  margin-top: 0;
}

.kn-tab-container>.tablist {
  line-height: 1.2;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 0 20px 10px;
}

.kn-tab-container>.tablist:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 10px;
  content: '';
  border-top: 1px solid #547bdb;
  background: #f3f6ff;
}

.kn-tab-container>.tablist>li {
  position: relative;
  display: -ms-flexbox;
  display: flex;

  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}

.kn-tab-container>.tablist>li:not(:first-child) {
  margin-left: 4px;
}

.kn-tab-container>.tablist>li:not(:last-child) {
  margin-right: 4px;
}

.kn-tab-container>.tablist>li>.tab {
  font-weight: 700;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  min-height: 32px;
  padding: 8px 10px;
  cursor: pointer;
  transition: all 200ms ease;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 6px 6px 0 0;
  background: #547bdb;

  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.kn-tab-container>.tablist>li>.tab:first-child {
  border-left: none;
}

.kn-tab-container>.tablist>li>.tab:last-child {
  border-right: none;
}

.kn-tab-container>.tablist>li>.tab:hover,.kn-tab-container>.tablist>li>.tab.-current {
  color: #333;
  background: #f3f6ff;
}

.kn-tab-container>.tablist>li>.tab:hover:before,.kn-tab-container>.tablist>li>.tab.-current:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  border: 1px solid #547bdb;
  border-bottom-color: #f3f6ff;
  border-radius: inherit;
}

.kn-tab-container>.tablist>li>.tab:hover:after,.kn-tab-container>.tablist>li>.tab.-current:after {
  right: 0;
  left: 0;
  opacity: 1;
}

.kn-tab-container .tabcontent {
  overflow: hidden;
  padding: 20px 0;
}

.kn-tab-container .tabcontent:not(.-current) {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}

.kn-tab-container .tabcontent.-current {
  -webkit-animation: tabcontent-show 500ms ease;
          animation: tabcontent-show 500ms ease;
}

@-webkit-keyframes tabcontent-show {
  0% {
    height: auto;
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes tabcontent-show {
  0% {
    height: auto;
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.kn-tbl {
  width: 100%;
  margin: 1.5em 0 0;
  border-collapse: collapse;
  background-color: #fff;
}

.kn-tbl:first-child {
  margin-top: 0;
}

.kn-tbl>thead>tr>th,.kn-tbl>tbody>tr>th,.kn-tbl>tbody>tr>td {
  line-height: 1.7;
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #7e9be2;
}

.kn-tbl>colgroup.-purple,.kn-tbl>colgroup>col.-purple,.kn-tbl>thead>tr.-purple,.kn-tbl>tbody>tr.-purple,.kn-tbl>tbody>tr>td.-purple {
  background-color: #f3f6ff;
}

.kn-tbl>colgroup.-bluegreen,.kn-tbl>colgroup>col.-bluegreen,.kn-tbl>thead>tr.-bluegreen,.kn-tbl>tbody>tr.-bluegreen,.kn-tbl>tbody>tr>td.-bluegreen {
  background-color: #e9f7fa;
}

.kn-tbl>colgroup.-green,.kn-tbl>colgroup>col.-green,.kn-tbl>thead>tr.-green,.kn-tbl>tbody>tr.-green,.kn-tbl>tbody>tr>td.-green {
  background-color: #f5ffeb;
}

.kn-tbl>colgroup.-pink,.kn-tbl>colgroup>col.-pink,.kn-tbl>thead>tr.-pink,.kn-tbl>tbody>tr.-pink,.kn-tbl>tbody>tr>td.-pink {
  background-color: #fff3f5;
}

.kn-tbl>colgroup.-orange,.kn-tbl>colgroup>col.-orange,.kn-tbl>thead>tr.-orange,.kn-tbl>tbody>tr.-orange,.kn-tbl>tbody>tr>td.-orange {
  background-color: #fff1e8;
}

.kn-tbl>colgroup.-hilight,.kn-tbl>colgroup>col.-hilight,.kn-tbl>thead>tr.-hilight,.kn-tbl>tbody>tr.-hilight,.kn-tbl>tbody>tr>td.-hilight {
  background-color: #ffdc57;
}

.kn-tbl>thead>tr>th.-purple,.kn-tbl>tbody>tr>th.-purple {
  background-color: #f3f6ff!important;
}

.kn-tbl>thead>tr>th.-bluegreen,.kn-tbl>tbody>tr>th.-bluegreen {
  background-color: #e9f7fa!important;
}

.kn-tbl>thead>tr>th.-green,.kn-tbl>tbody>tr>th.-green {
  background-color: #f5ffeb!important;
}

.kn-tbl>thead>tr>th.-pink,.kn-tbl>tbody>tr>th.-pink {
  background-color: #fff3f5!important;
}

.kn-tbl>thead>tr>th.-orange,.kn-tbl>tbody>tr>th.-orange {
  background-color: #fff1e8!important;
}

.kn-tbl>thead>tr>th.-hilight,.kn-tbl>tbody>tr>th.-hilight {
  background-color: #ffdc57!important;
}

.kn-tbl>thead>tr.-purple>th,.kn-tbl>thead>tr.-bluegreen>th,.kn-tbl>thead>tr.-green>th,.kn-tbl>thead>tr.-pink>th,.kn-tbl>thead>tr.-orange>th,.kn-tbl>thead>tr.-hilight>th,.kn-tbl>tbody>tr.-purple>th,.kn-tbl>tbody>tr.-bluegreen>th,.kn-tbl>tbody>tr.-green>th,.kn-tbl>tbody>tr.-pink>th,.kn-tbl>tbody>tr.-orange>th,.kn-tbl>tbody>tr.-hilight>th {
  background-color: transparent;
}

.kn-tbl>thead>tr>th {
  text-align: center;
  color: #fff;
  background-color: #547bdb;
}

.kn-tbl>tbody>tr>th {
  font-weight: 400;
  background-color: #f3f6ff;
}

.kn-tbl>caption {
  line-height: 1.7;
  margin-bottom: 5px;
  text-align: left;
}

.kn-tbl>caption.title {
  font-size: .16rem;
  font-weight: 700;
  line-height: 1.6125;
}

.kn-tbl>caption.note {
  text-align: right;
}

.kn-tbl>caption.-bottom {
  margin: 10px 0 0;
  caption-side: bottom;
}

.kn-tbl.-middle td,.kn-tbl.-middle th {
  vertical-align: middle;
}

.kn-tbl+.-tablecaption {
  margin-top: .5em;
}

.kn-tbl.-stripe>tbody>tr:nth-child(even) {
  background-color: #f3f6ff;
}

.kn-tbl.-stripe>tbody>tr>th {
  background-color: transparent;
}

.-tablecaption+.tbl {
  margin-top: .5em;
}

.kn-tbl-wrapper {
  position: relative;
  margin: 1.5em 0 0;
}

.kn-tbl-wrapper:first-child {
  margin-top: 0;
}

.kn-tbl-wrapper.-scrolling .kn-scroll-block>.control.-next {
  display: none;
}

.kn-tbl-wrapper.-scrolling-end .kn-scroll-block>.control.-prev {
  display: block;
}

.kn-tbl-wrapper .kn-tbl {
  margin: 0;
}

.kn-txt {
  line-height: 1.7;
}

.kn-txt.-bold {
  font-weight: 700;
}

.kn-txt.-lead {
  font-size: .22rem;
  font-weight: 700;
  line-height: 1.89091;
  color: #547bdb;
}

.kn-txt.-lead>b {
  border-bottom: 6px solid #ff6d0b;
  border-image: repeating-linear-gradient(45deg,#fff,#fff 1.41421px,#ff6d0b 1.41421px,#ff6d0b 2.82843px);
  border-image-slice: 0 0 5;
}

.kn-txt.-s {
  font-size: .12rem;
  line-height: 1.81667;
}

.kn-txt.-l {
  font-size: .16rem;
  line-height: 1.6125;
}

.kn-txt.-xl {
  font-size: .18rem;
  line-height: 1.54444;
}

.kn-txt.-supplement {
  color: #666;
}

.kn-txt.-attention {
  color: #f00;
}

.kn-txt.-purple {
  color: #3965d1;
}

.kn-txt.-bluegreen {
  color: #118197;
}

.kn-txt.-green {
  color: #478311;
}

.kn-txt.-pink {
  color: #d3404f;
}

.kn-txt.-orange {
  color: #d64900;
}

p.kn-txt {
  margin: .75em 0 0;
}

p.kn-txt:first-child {
  margin-top: 0;
}

p.kn-txt.-lead {
  margin: 1em 0 0;
}

p.kn-txt.-lead:first-child {
  margin-top: 0;
}

.kn-to-top {
  position: fixed;
  z-index: 2000;
  right: 10px;
  bottom: 10px;
  display: none;
  width: 66px;
  height: 66px;
  text-align: right;
}

.kn-to-top .kn-btn.-to-top {
  font-size: 0;
  position: relative;
  display: block;
  width: inherit;
  min-width: 0;
  height: inherit;
  transition: none;
  border: 2px solid #0072ba;
  border-radius: 100%;
  background: url(../images/ico_pagetop.png) center center no-repeat rgba(255,255,255,.75);
  background-size: auto 54px;
}


/* 241004 youtube 追加 */
.kn-youtube{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 50%;
}

.kn-youtube > * {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.kn-youtube-ratio-9-16{
	padding-bottom: 56.25%;
}


@media print,screen and (min-width:768px) {
  ._hidden-pc {
    display: none!important;
  }

  ._visible-sp {
    display: none!important;
  }

  .kn-main-container {
    display: -ms-flexbox;
    display: flex;
        flex-direction: row-reverse;
    max-width: 1060px;
    margin: auto;
    margin-bottom: 70px;
    padding: 0 10px;

    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row-reverse;
  }

  .kn-main-container>.column.-main {
    padding: 0;

    -ms-flex: 0 0 1040px;
        flex: 0 0 1040px;
  }

  .kn-main-container>.column.-main:not(:last-child) {
    -ms-flex-preferred-size: 776px;
    flex-basis: 776px;
  }

  .kn-main-container>.column.-sub {
    -ms-flex: 0 0 248px;
        flex: 0 0 248px;
  }

  .kn-d-list.-row.-transform>.item+.item>.title,.kn-d-list.-row.-transform>.item+.item>.contents {
    padding-top: 1em;
  }

  .kn-global-nav-container .links {
    position: absolute;
    top: 0;
    right: 0;
    left: 440px;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column-reverse;
    width: 600px;
    margin:auto;

    -ms-flex-direction: column-reverse;
  }

  .kn-global-nav-container .links>.kn-link-list.-row {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .kn-global-nav-container .links>.kn-grid.-function {
    margin-top: 8px;
  }

  .kn-global-nav-container .links .kn-btn.-keinetlogin>b {
    padding-right: 0;
    text-align: left;
  }

  .kn-global-nav-wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 1060px;
    margin: auto;
    padding: 0 10px;

    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .kn-global-nav-wrapper .kn-university-search .input .kn-textbox {
    font-size: .12rem;
    height: 30px;
  }

  .kn-global-nav {
    display: -ms-flexbox;
    display: flex;

    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }

  .kn-global-nav>li {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }

  .kn-global-nav>li>.menu.-root {
    font-size: 15px;
    cursor: pointer;
    transition: background-color,color 300ms ease;
    text-align: center;
  }

  .kn-global-nav>li>.menu.-root:before {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 0;
    display: block;
    width: 1px;
    content: '';
    transition: opaicty 300ms ease;
    border-left: 1px solid #547bdb;
  }

  .kn-global-nav>li.-current>.menu.-root,.kn-global-nav>li:hover>.menu.-root {
    color: #333;
    background: #f3f6ff;
  }

  .kn-global-nav>li.-current>.menu.-root:after,.kn-global-nav>li:hover>.menu.-root:after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: -1px;
    bottom: 0;
    display: block;
    width: 1px;
    content: '';
    background: #f3f6ff;
  }

  .kn-global-nav>li:hover>.menu.-root+.submenu {
    -webkit-animation: submenu 400ms ease forwards;
            animation: submenu 400ms ease forwards;
  }

  .kn-global-nav .submenu.-parent {
    position: absolute;
    z-index: 10;
    right: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 5px;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
    border-bottom: 5px solid #547bdb;
    background: #f3f6ff;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
  }

  .kn-global-nav .submenu.-parent>li {
    display: -ms-flexbox;
    display: flex;
    width: 1040px;
    margin: auto;
    padding-left: 20px;
  }

  .kn-global-nav .submenu.-child {
    margin-left: 20px;
  }

  .kn-global-nav .submenu.-child:before {
    position: absolute;
    top: 0;
    bottom: 5px;
    left: 0;
    display: block;
    width: 1px;
    content: '';
    border-left: 1px solid #547bdb;
  }

  .kn-global-nav .submenu.-child>li {
    padding: 5px 10px 10px 20px;
  }

  .kn-global-nav .submenu .menu.-parent {
    font-size: .16rem;
    display: inline-block;
    margin-top: 5px;
    white-space: nowrap;
  }

  .kn-drawer {
    display: none;
  }

  .kn-grid.-rowreverse-pc {
        flex-direction: row-reverse;

    -ms-flex-direction: row-reverse;
  }

  .kn-grid.-columnreverse-pc {
        flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;
  }

  .kn-grid.-columnreverse-pc>[class*=col-] {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  a[href^=tel] {
    color: #333;
  }

  .kn-anchor-links .link-list:after {
    display: block;
    clear: both;
    content: '';
  }

  .kn-anchor-links .link-list>li {
    position: relative;
    float: left;
    margin-top: 0;
    padding: .25em 4em .25em 0;
    padding-bottom: calc(.25em + .11em);
  }

  .kn-anchor-links .link-list>li:last-child {
    padding-right: 0;
  }

  .kn-anchor-links .link-list>li:before {
    position: absolute;
    top: 0;
    right: calc(2em - 2px);
    bottom: 0;
    display: block;
    width: 2px;
    height: 1em;
    margin: auto;
    content: '';
    background: #999;
  }

  .kn-anchor-links .link-list>li:last-child:before {
    display: none;
  }

  .kn-anchor-links .link-list>li>a {
    margin-bottom: -.11em;
  }

  .kn-modal-active body>.kn-wrapper {
    width: 100%;
  }

  .kn-pagination>.prev>.page,.kn-pagination>.next>.page {
    width: 80px;
  }

  .kn-step.-description>li.-purple:not(:last-child):before {
    border-left-color: #547bdb;
  }

  .kn-step.-description>li.-bluegreen:not(:last-child):before {
    border-left-color: #23a1ba;
  }

  .kn-step.-description>li.-green:not(:last-child):before {
    border-left-color: #61a624;
  }

  .kn-step.-description>li.-pink:not(:last-child):before {
    border-left-color: #e86875;
  }

  .kn-step.-description>li.-orange:not(:last-child):before {
    border-left-color: #ff6e0c;
  }

  .kn-tbl-wrapper .kn-scroll-block>.control {
    display: none;
  }
}

@media screen and (max-width:767px) {
  body {
    min-width: 320px;
  }

  ._hidden-sp {
    display: none!important;
  }

  ._visible-pc {
    display: none!important;
  }

  ._w-auto-sp {
    width: auto!important;
  }

  ._w-full-sp {
    width: 100%!important;
  }

  ._w-half-sp {
    width: 50%!important;
  }

  ._w-5p-sp {
    width: 5%!important;
  }

  ._w-10p-sp {
    width: 10%!important;
  }

  ._w-15p-sp {
    width: 15%!important;
  }

  ._w-20p-sp {
    width: 20%!important;
  }

  ._w-25p-sp {
    width: 25%!important;
  }

  ._w-30p-sp {
    width: 30%!important;
  }

  ._w-35p-sp {
    width: 35%!important;
  }

  ._w-40p-sp {
    width: 40%!important;
  }

  ._w-45p-sp {
    width: 45%!important;
  }

  ._w-50p-sp {
    width: 50%!important;
  }

  ._w-55p-sp {
    width: 55%!important;
  }

  ._w-60p-sp {
    width: 60%!important;
  }

  ._w-65p-sp {
    width: 65%!important;
  }

  ._w-70p-sp {
    width: 70%!important;
  }

  ._w-75p-sp {
    width: 75%!important;
  }

  ._w-80p-sp {
    width: 80%!important;
  }

  ._w-85p-sp {
    width: 85%!important;
  }

  ._w-90p-sp {
    width: 90%!important;
  }

  ._w-95p-sp {
    width: 95%!important;
  }

  ._w-100p-sp {
    width: 100%!important;
  }

  ._w-105p-sp {
    width: 105%!important;
  }

  ._w-110p-sp {
    width: 110%!important;
  }

  ._w-115p-sp {
    width: 115%!important;
  }

  ._w-120p-sp {
    width: 120%!important;
  }

  ._w-125p-sp {
    width: 125%!important;
  }

  ._w-130p-sp {
    width: 130%!important;
  }

  ._w-135p-sp {
    width: 135%!important;
  }

  ._w-140p-sp {
    width: 140%!important;
  }

  ._w-145p-sp {
    width: 145%!important;
  }

  ._w-150p-sp {
    width: 150%!important;
  }

  ._w-155p-sp {
    width: 155%!important;
  }

  ._w-160p-sp {
    width: 160%!important;
  }

  ._w-165p-sp {
    width: 165%!important;
  }

  ._w-170p-sp {
    width: 170%!important;
  }

  ._w-175p-sp {
    width: 175%!important;
  }

  ._w-180p-sp {
    width: 180%!important;
  }

  ._w-185p-sp {
    width: 185%!important;
  }

  ._w-190p-sp {
    width: 190%!important;
  }

  ._w-195p-sp {
    width: 195%!important;
  }

  ._w-200p-sp {
    width: 200%!important;
  }

  ._w-grid-1-sp {
    width: 4.16667%!important;
  }

  ._w-grid-2-sp {
    width: 8.33333%!important;
  }

  ._w-grid-3-sp {
    width: 12.5%!important;
  }

  ._w-grid-4-sp {
    width: 16.66667%!important;
  }

  ._w-grid-5-sp {
    width: 20.83333%!important;
  }

  ._w-grid-6-sp {
    width: 25%!important;
  }

  ._w-grid-7-sp {
    width: 29.16667%!important;
  }

  ._w-grid-8-sp {
    width: 33.33333%!important;
  }

  ._w-grid-9-sp {
    width: 37.5%!important;
  }

  ._w-grid-10-sp {
    width: 41.66667%!important;
  }

  ._w-grid-11-sp {
    width: 45.83333%!important;
  }

  ._w-grid-12-sp {
    width: 50%!important;
  }

  ._w-grid-13-sp {
    width: 54.16667%!important;
  }

  ._w-grid-14-sp {
    width: 58.33333%!important;
  }

  ._w-grid-15-sp {
    width: 62.5%!important;
  }

  ._w-grid-16-sp {
    width: 66.66667%!important;
  }

  ._w-grid-17-sp {
    width: 70.83333%!important;
  }

  ._w-grid-18-sp {
    width: 75%!important;
  }

  ._w-grid-19-sp {
    width: 79.16667%!important;
  }

  ._w-grid-20-sp {
    width: 83.33333%!important;
  }

  ._w-grid-21-sp {
    width: 87.5%!important;
  }

  ._w-grid-22-sp {
    width: 91.66667%!important;
  }

  ._w-grid-23-sp {
    width: 95.83333%!important;
  }

  ._w-grid-24-sp {
    width: 100%!important;
  }

  ._w-grid-25-sp {
    width: 104.16667%!important;
  }

  ._w-grid-26-sp {
    width: 108.33333%!important;
  }

  ._w-grid-27-sp {
    width: 112.5%!important;
  }

  ._w-grid-28-sp {
    width: 116.66667%!important;
  }

  ._w-grid-29-sp {
    width: 120.83333%!important;
  }

  ._w-grid-30-sp {
    width: 125%!important;
  }

  ._ta-l-sp {
    text-align: left!important;
  }

  ._ta-c-sp {
    text-align: center!important;
  }

  ._ta-r-sp {
    text-align: right!important;
  }

  ._fz-3s-sp {
    font-size: .08rem!important;
  }

  ._fz-xs-sp {
    font-size: .1rem!important;
  }

  ._fz-s-sp {
    font-size: .12rem!important;
  }

  ._fz-sm-sp {
    font-size: .13rem!important;
  }

  ._fz-m-sp {
    font-size: .14rem!important;
  }

  ._fz-l-sp {
    font-size: .16rem!important;
  }

  ._fz-xl-sp {
    font-size: .18rem!important;
  }

  ._fz-3l-sp {
    font-size: .2rem!important;
  }

  ._fz-4l-sp {
    font-size: .22rem!important;
  }

  ._fz-5l-sp {
    font-size: .24rem!important;
  }

  ._fz-6l-sp {
    font-size: .26rem!important;
  }

  ._fz-7l-sp {
    font-size: .28rem!important;
  }

  ._fz-8l-sp {
    font-size: .3rem!important;
  }

  ._fz-9l-sp {
    font-size: .32rem!important;
  }

  ._fz-10l-sp {
    font-size: .34rem!important;
  }

  ._fz-11l-sp {
    font-size: .36rem!important;
  }

  ._fz-12l-sp {
    font-size: .38rem!important;
  }

  ._fz-13l-sp {
    font-size: .4rem!important;
  }

  ._fz-14l-sp {
    font-size: .42rem!important;
  }

  ._fz-15l-sp {
    font-size: .44rem!important;
  }

  ._fz-16l-sp {
    font-size: .46rem!important;
  }

  ._fz-17l-sp {
    font-size: .48rem!important;
  }

  ._fz-18l-sp {
    font-size: .5rem!important;
  }

  ._fz-19l-sp {
    font-size: .52rem!important;
  }

  ._fz-20l-sp {
    font-size: .54rem!important;
  }

  ._fw-n-sp {
    font-weight: 400!important;
  }

  ._fw-b-sp {
    font-weight: 700!important;
  }

  body>.kn-wrapper {
    min-width: 320px;
  }

  .kn-box {
    margin: 1em 0 0;
    padding: 10px;
  }

  .kn-breadcrumbs {
    display: none;
  }

  .kn-btn {
    font-size: .14rem;
    width: 100%;
    padding: 12px 0;
  }

  .kn-btn.-s {
    padding: 6px 0;
  }

  .kn-btn.-l {
    font-size: .16rem;
    line-height: 1.2625;
    padding: 11px 0;
  }

  .kn-btn.-decoration>b,.kn-btn.-popup>b,.kn-btn.-pdf>b,.kn-btn.-excel>b,.kn-btn.-pc>b,.kn-btn.-login>b {
    padding: 0 36px;
  }

  .kn-btn.-decoration>img:first-child {
    width: 18px;
    height: 18px;
  }

  .kn-btn.-purple,.kn-btn.-bluegreen,.kn-btn.-green,.kn-btn.-pink,.kn-btn.-orange {
    padding: 13px 0;
  }

  .kn-btn.-purple.-s,.kn-btn.-bluegreen.-s,.kn-btn.-green.-s,.kn-btn.-pink.-s,.kn-btn.-orange.-s {
    padding: 7px 0;
  }

  .kn-btn.-purple.-l,.kn-btn.-bluegreen.-l,.kn-btn.-green.-l,.kn-btn.-pink.-l,.kn-btn.-orange.-l {
    padding: 12px 0;
  }

  .kn-card .summary {
    padding: 15px 15px 25px;
  }

  .kn-card.-transform .image {
    position: absolute;
    width: 120px;
    height: 60px;
  }

  .kn-card.-transform .summary {
    padding-top: 0;
  }

  .kn-card.-transform .summary>.title {
    display: -ms-flexbox;
    display: flex;
    min-height: 60px;
    padding-left: 115px;

    -ms-flex-align: center;
    align-items: center;
  }

  .kn-card.-transform .summary>.title:after {
    font-size: 0;
    min-height: inherit;
    content: '';
  }

  .kn-d-list.-row.-transform {
    display: block;
  }

  .kn-d-list.-row.-transform>.item,.kn-d-list.-row.-transform>.item>.title,.kn-d-list.-row.-transform>.item>.contents,.kn-d-list.-row.-transform>.title,.kn-d-list.-row.-transform>.contents {
    display: block;
  }

  .kn-d-list.-row.-transform>.item>.title,.kn-d-list.-row.-transform>.title {
    width: auto;
  }

  .kn-d-list.-row.-transform>.item+.item {
    margin-top: 1em;
  }

  .kn-d-list.-row.-transform>.title+.contents {
    margin-top: .5em;
  }

  .kn-d-list.-row.-transform>.contents,.kn-d-list.-row.-transform>.item>.contents {
    padding-left: 0;
  }

  .kn-footer>.megafooter {
    padding: 15px 10px;
  }

  .kn-footer>.megafooter>.functions {
    display: none;
  }

  .kn-footer>.megafooter>.sitemap {
    display: none;
  }

  .kn-footer>.megafooter>.links>.kn-list.-pipe,.kn-footer>.megafooter>.links>.-pipe.kn-link-list {
    text-align: center;
  }

  .kn-footer>.megafooter>.links>.kn-list.-pipe>li,.kn-footer>.megafooter>.links>.-pipe.kn-link-list>li {
    display: inline-block;
    float: none;
  }

  .kn-footer>.grouplinks {
    display: none;
  }

  .kn-group-footer {
    width: auto;
    padding: 15px 10px;
    text-align: center;
  }

  .kn-group-footer .logo img {
    width: 95px;
  }

.kn-header-container .kn-global-nav .submenu .menu.-child.-popup span::after {
	content: '';
	background: url('/common/images/ico_link_popup_blue.png') no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: text-top;
	margin: 0 0 0 4px;
	width: 14px;
	height: 14px;
}

  .kn-global-nav-active {
    overflow: hidden;
    max-height: 100vh;
    max-height: calc(var(--vh,1vh)*100);
  }

  .kn-global-nav-active:after {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    background: rgba(0,0,0,.25);
  }

  .kn-global-nav-active>.kn-wrapper {
    max-height: inherit;
  }

  .kn-global-nav-active .kn-header {
    border-bottom-color: transparent;
  }

  .kn-global-nav-container {
    position: absolute;
    z-index: 11;
    right: 0;
    left: 0;
    display: none;
    overflow-y: scroll;
    max-height: calc(100vh - 50px);
    max-height: calc(var(--vh,1vh)*100 - 50px);
    border-top: none;
    background: #fff;
  }

  .kn-global-nav-container .links {
    overflow: hidden;
    padding-bottom: 40px;
    background: #fff;
  }

  .kn-global-nav-container .links>.kn-grid.-function {
    padding: 20px 10px 10px;
    border-top: 1px solid #547bdb;
  }

  .kn-global-nav-container .links>.kn-link-list.-links {
    border-bottom: 1px solid #e4e4e4;
  }

  .kn-global-nav-container .links>.kn-link-list.-links>li,.kn-global-nav-container .links>.kn-link-list.-links>li+li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e4e4e4;
  }

  .kn-global-nav-container .links>.kn-link-list.-links>li:before,.kn-global-nav-container .links>.kn-link-list.-links>li+li:before {
    content: none;
  }

  .kn-global-nav-container .links>.kn-link-list.-links>li>a {
    line-height: 1;
    display: block;
    padding: 15px 10px;
  }

  .kn-global-nav-container .links>.kn-link-list.-links>li>a:hover {
    text-decoration: none;
  }

  .kn-global-nav-container .links>.kn-link-list.-links>li>a:after {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    vertical-align: middle;
    border-top: 2px solid #547bdb;
    border-right: 2px solid #547bdb;
    border-bottom-color: transparent!important;
    border-left-color: transparent!important;
  }

  .kn-global-nav-container .links .kn-btn.-keinetlogin>b {
    padding: 0 20px 0 30px;
  }

  .kn-global-nav-wrapper {
    position: relative;
    background: #fff;
  }

  .kn-global-nav-wrapper .kn-university-search {
    padding: 8px 10px;
  }

  .kn-global-nav-wrapper .kn-university-search .input {
    width: 60%;
  }

  .kn-global-nav {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #547bdb;
    background: #fff;
  }

  .kn-global-nav>li {
    border-top: 1px solid #547bdb;
  }

  .kn-global-nav>li>.menu.-root:after {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: auto;
    content: '';
    transition: -webkit-transform 300ms ease;
    transition:         transform 300ms ease;
    transition:         transform 300ms ease,-webkit-transform 300ms ease;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    vertical-align: middle;
    border-top: 2px solid #547bdb;
    border-right: 2px solid #547bdb;
    border-bottom-color: transparent!important;
    border-left-color: transparent!important;
  }

  .kn-global-nav>li>.menu.-root.-active {
    color: #333;
    background: #f3f6ff;
  }

  .kn-global-nav>li>.menu.-root.-active+.submenu {
    background: #f3f6ff;
  }

  .kn-global-nav>li>.menu.-root.-active:after {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }

  .kn-global-nav .submenu.-parent {
    display: none;
    border-bottom: 1px solid #547bdb;
  }

  .kn-global-nav .submenu.-parent>li {
    border-top: 1px solid #547bdb;
  }

  .kn-global-nav .submenu.-child>li {
    border-top: 1px solid #547bdb;
  }

  .kn-global-nav .submenu .menu {
    line-height: 1.3;
    position: relative;
    display: block;
    padding: 15px 25px 15px 10px;
    color: #547bdb;
  }

  .kn-global-nav .submenu .menu:hover {
    text-decoration: none;
  }

  .kn-global-nav .submenu .menu:after {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    vertical-align: middle;
    border-top: 2px solid #547bdb;
    border-right: 2px solid #547bdb;
    border-bottom-color: transparent!important;
    border-left-color: transparent!important;
    background: none;
  }

  .kn-global-nav .submenu .menu.-parent {
    font-weight: 700;
  }

  .kn-global-nav .submenu .menu.-child {
    padding-left: calc(1em + 10px);
  }

  .kn-grid {
    margin: 1em -16px -15px 0;
  }

  .kn-grid.-rowreverse-sp {
        flex-direction: row-reverse;

    -ms-flex-direction: row-reverse;
  }

  .kn-grid.-columnreverse>[class*=col-]-sp {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .kn-grid.-columnreverse-sp {
        flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;
  }

  .kn-grid.-columnreverse-sp>[class*=col-] {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .kn-grid.-justify-sp {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .kn-grid.-left-sp {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .kn-grid.-center-sp {
    -ms-flex-pack: center;
    justify-content: center;
  }

  .kn-grid.-right-sp {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .kn-grid.-top-sp {
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .kn-grid.-middle-sp {
    -ms-flex-align: center;
    align-items: center;
  }

  .kn-grid.-bottom-sp {
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .kn-grid>* {
    padding: 0 16px 15px 0;
  }

  .kn-grid>.col-1-sp {
    max-width: 4.16667%;

    -ms-flex-preferred-size: calc(100%/24*1);
    flex-basis: calc(100%/24*1);
  }

  .kn-grid>.col-2-sp {
    max-width: 8.33333%;

    -ms-flex-preferred-size: calc(100%/24*2);
    flex-basis: calc(100%/24*2);
  }

  .kn-grid>.col-3-sp {
    max-width: 12.5%;

    -ms-flex-preferred-size: calc(100%/24*3);
    flex-basis: calc(100%/24*3);
  }

  .kn-grid>.col-4-sp {
    max-width: 16.66667%;

    -ms-flex-preferred-size: calc(100%/24*4);
    flex-basis: calc(100%/24*4);
  }

  .kn-grid>.col-5-sp {
    max-width: 20.83333%;

    -ms-flex-preferred-size: calc(100%/24*5);
    flex-basis: calc(100%/24*5);
  }

  .kn-grid>.col-6-sp {
    max-width: 25%;

    -ms-flex-preferred-size: calc(100%/24*6);
    flex-basis: calc(100%/24*6);
  }

  .kn-grid>.col-7-sp {
    max-width: 29.16667%;

    -ms-flex-preferred-size: calc(100%/24*7);
    flex-basis: calc(100%/24*7);
  }

  .kn-grid>.col-8-sp {
    max-width: 33.33333%;

    -ms-flex-preferred-size: calc(100%/24*8);
    flex-basis: calc(100%/24*8);
  }

  .kn-grid>.col-9-sp {
    max-width: 37.5%;

    -ms-flex-preferred-size: calc(100%/24*9);
    flex-basis: calc(100%/24*9);
  }

  .kn-grid>.col-10-sp {
    max-width: 41.66667%;

    -ms-flex-preferred-size: calc(100%/24*10);
    flex-basis: calc(100%/24*10);
  }

  .kn-grid>.col-11-sp {
    max-width: 45.83333%;

    -ms-flex-preferred-size: calc(100%/24*11);
    flex-basis: calc(100%/24*11);
  }

  .kn-grid>.col-12-sp {
    max-width: 50%;

    -ms-flex-preferred-size: calc(100%/24*12);
    flex-basis: calc(100%/24*12);
  }

  .kn-grid>.col-13-sp {
    max-width: 54.16667%;

    -ms-flex-preferred-size: calc(100%/24*13);
    flex-basis: calc(100%/24*13);
  }

  .kn-grid>.col-14-sp {
    max-width: 58.33333%;

    -ms-flex-preferred-size: calc(100%/24*14);
    flex-basis: calc(100%/24*14);
  }

  .kn-grid>.col-15-sp {
    max-width: 62.5%;

    -ms-flex-preferred-size: calc(100%/24*15);
    flex-basis: calc(100%/24*15);
  }

  .kn-grid>.col-16-sp {
    max-width: 66.66667%;

    -ms-flex-preferred-size: calc(100%/24*16);
    flex-basis: calc(100%/24*16);
  }

  .kn-grid>.col-17-sp {
    max-width: 70.83333%;

    -ms-flex-preferred-size: calc(100%/24*17);
    flex-basis: calc(100%/24*17);
  }

  .kn-grid>.col-18-sp {
    max-width: 75%;

    -ms-flex-preferred-size: calc(100%/24*18);
    flex-basis: calc(100%/24*18);
  }

  .kn-grid>.col-19-sp {
    max-width: 79.16667%;

    -ms-flex-preferred-size: calc(100%/24*19);
    flex-basis: calc(100%/24*19);
  }

  .kn-grid>.col-20-sp {
    max-width: 83.33333%;

    -ms-flex-preferred-size: calc(100%/24*20);
    flex-basis: calc(100%/24*20);
  }

  .kn-grid>.col-21-sp {
    max-width: 87.5%;

    -ms-flex-preferred-size: calc(100%/24*21);
    flex-basis: calc(100%/24*21);
  }

  .kn-grid>.col-22-sp {
    max-width: 91.66667%;

    -ms-flex-preferred-size: calc(100%/24*22);
    flex-basis: calc(100%/24*22);
  }

  .kn-grid>.col-23-sp {
    max-width: 95.83333%;

    -ms-flex-preferred-size: calc(100%/24*23);
    flex-basis: calc(100%/24*23);
  }

  .kn-grid>.col-24-sp {
    max-width: 100%;

    -ms-flex-preferred-size: calc(100%/24*24);
    flex-basis: calc(100%/24*24);
  }

  .kn-grid.-column>[class*=col-]-sp,.kn-grid.-columnreverse>[class*=col-]-sp {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .kn-grid>.-offset-0-sp {
    margin-left: 0;
  }

  .kn-grid>.-offset-1-sp {
    margin-left: calc(100%/24*1);
  }

  .kn-grid>.-offset-2-sp {
    margin-left: calc(100%/24*2);
  }

  .kn-grid>.-offset-3-sp {
    margin-left: calc(100%/24*3);
  }

  .kn-grid>.-offset-4-sp {
    margin-left: calc(100%/24*4);
  }

  .kn-grid>.-offset-5-sp {
    margin-left: calc(100%/24*5);
  }

  .kn-grid>.-offset-6-sp {
    margin-left: calc(100%/24*6);
  }

  .kn-grid>.-offset-7-sp {
    margin-left: calc(100%/24*7);
  }

  .kn-grid>.-offset-8-sp {
    margin-left: calc(100%/24*8);
  }

  .kn-grid>.-offset-9-sp {
    margin-left: calc(100%/24*9);
  }

  .kn-grid>.-offset-10-sp {
    margin-left: calc(100%/24*10);
  }

  .kn-grid>.-offset-11-sp {
    margin-left: calc(100%/24*11);
  }

  .kn-grid>.-offset-12-sp {
    margin-left: calc(100%/24*12);
  }

  .kn-grid>.-offset-13-sp {
    margin-left: calc(100%/24*13);
  }

  .kn-grid>.-offset-14-sp {
    margin-left: calc(100%/24*14);
  }

  .kn-grid>.-offset-15-sp {
    margin-left: calc(100%/24*15);
  }

  .kn-grid>.-offset-16-sp {
    margin-left: calc(100%/24*16);
  }

  .kn-grid>.-offset-17-sp {
    margin-left: calc(100%/24*17);
  }

  .kn-grid>.-offset-18-sp {
    margin-left: calc(100%/24*18);
  }

  .kn-grid>.-offset-19-sp {
    margin-left: calc(100%/24*19);
  }

  .kn-grid>.-offset-20-sp {
    margin-left: calc(100%/24*20);
  }

  .kn-grid>.-offset-21-sp {
    margin-left: calc(100%/24*21);
  }

  .kn-grid>.-offset-22-sp {
    margin-left: calc(100%/24*22);
  }

  .kn-grid>.-offset-23-sp {
    margin-left: calc(100%/24*23);
  }

  .kn-grid>.-top-sp {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .kn-grid>.-middle-sp {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .kn-grid>.-bottom-sp {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .kn-header-container {
    width: auto;
    min-width: 0;
  }

  .kn-header {
    z-index: 11;
    width: auto;
    height: 50px;
    padding: 10px;
    border-bottom: 1px solid #e4e4e4;
  }

  .kn-header .logo {
    width: 94px;
    height: 30px;
  }

  .kn-header .describe {
    font-size: .1rem;
    margin: 17px 0 0 5px;
  }

  .kn-group-header {
    display: none;
  }

  .kn-ttl.-decoration>img:first-child {
    width: 35px;
    margin-bottom: -3px;
  }

  .kn-ttl>.kn-label {
    vertical-align: .2em;
  }

  .kn-ttl.-h1 {
    font-size: .18rem;
    min-height: 0;
    margin-right: -10px;
    margin-left: -10px;
    padding: 0 10px 10px;
  }

  .kn-ttl.-h1.-mainvisual>.imgcontainer {
    min-height: 58px;
    padding: 8px 0;
    margin-right: -10px;
  }

  .kn-ttl.-h1.-mainvisual img {
    height: 100%;
    max-height: 58px;
  }

  .kn-ttl.-h1 .subtitle {
    font-size: .14rem;
    margin-bottom: 2px;
  }

  .kn-ttl.-h2 {
    font-size: .18rem;
    line-height: 1.54444;
  }

  .kn-ttl.-h2 {
    font-size: .18rem;
    line-height: 1.54444;
    padding-bottom: 3px;
  }

  .kn-ttl.-h2>.number {
    font-size: .12rem;
  }

  .kn-ttl.-h2>.circle {
    font-size: .12rem;
    margin-bottom: -2px;
  }

  .kn-ttl.-h3 {
    font-size: .16rem;
    line-height: 1.6125;
  }

  .kn-ttl.-h3>.number {
    font-size: .12rem;
  }

  .kn-ttl.-h3>.circle {
    font-size: .1rem;
  }

  .kn-ttl.-h4 {
    font-size: .16rem;
    line-height: 1.6125;
  }

  .kn-ttl.-h5 {
    font-size: .14rem;
    line-height: 1.7;
  }

  .kn-info-headline {
    display: block;
  }

  .kn-info-headline>.kn-label {
    margin: 0 0 0 auto;
    padding: 2px;

    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }

  .kn-info-headline>.headline {
    display: block;
    margin-top: 5px;
  }

  .kn-label {
    font-size: .12rem;
    padding: 3px 4px 2px;
  }

  .kn-label.-bg {
    padding: 4px 4px 3px;
  }

  a[href^=tel] {
    cursor: pointer;
    text-decoration: underline;
    pointer-events: auto;
  }

  .kn-anchor-links {
    padding: 0;
  }

  .kn-anchor-links .link-list {
    padding: 0;
  }

  .kn-anchor-links .link-list>li {
    margin-top: 0!important;
    padding: 0;
    border-top: 1px solid #ccc;
  }

  .kn-anchor-links .link-list>li:first-child {
    border-top: 0;
  }

  .kn-anchor-links .link-list>li>a {
    width: 100%;
    padding: 10px 15px 10px 30px;
  }

  .kn-anchor-links .link-list>li>a:before {
    top: calc(.85em + 6px);
    left: 17px;
  }

  .kn-anchor-links .link-list>li>a:after {
    top: calc(.85em + 15px);
    left: 15px;
  }

  .kn-list.-row.-transform,.-row.-transform.kn-link-list {
    display: block;
    margin-right: 0;
    margin-bottom: 0;
  }

  .kn-list.-row.-transform>li,.-row.-transform.kn-link-list>li {
    display: block;
    max-width: none;
    margin-right: 0;
    margin-bottom: 0;
  }

  .kn-list.-row.-transform>li:not(:first-child),.-row.-transform.kn-link-list>li:not(:first-child) {
    margin-top: .5em;
  }

  .kn-list.-row:not([data-cols]).-transform>li>.link,.-row.kn-link-list:not([data-cols]).-transform>li>.link {
    margin-bottom: auto;
  }

  .kn-list.-row[data-cols-sp='1']>li,.-row.kn-link-list[data-cols-sp='1']>li {
    max-width: none;

    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .kn-list.-row[data-cols-sp='1']>li:nth-child(1n),.-row.kn-link-list[data-cols-sp='1']>li:nth-child(1n) {
    margin-right: 0;
  }

  .kn-list.-row[data-cols-sp='1']>li:not(:nth-child(1n)),.-row.kn-link-list[data-cols-sp='1']>li:not(:nth-child(1n)) {
    margin-right: 1em;
  }

  .kn-list.-row[data-cols-sp='2']>li,.-row.kn-link-list[data-cols-sp='2']>li {
    max-width: calc((100% - 1px - 1em)/2);

    -ms-flex-preferred-size: calc((100% - 1em)/2);
    flex-basis: calc((100% - 1em)/2);
  }

  .kn-list.-row[data-cols-sp='2']>li:nth-child(2n),.-row.kn-link-list[data-cols-sp='2']>li:nth-child(2n) {
    margin-right: 0;
  }

  .kn-list.-row[data-cols-sp='2']>li:not(:nth-child(2n)),.-row.kn-link-list[data-cols-sp='2']>li:not(:nth-child(2n)) {
    margin-right: 1em;
  }

  .kn-list.-row[data-cols-sp='3']>li,.-row.kn-link-list[data-cols-sp='3']>li {
    max-width: calc((100% - 1px - 2em)/3);

    -ms-flex-preferred-size: calc((100% - 2em)/3);
    flex-basis: calc((100% - 2em)/3);
  }

  .kn-list.-row[data-cols-sp='3']>li:nth-child(3n),.-row.kn-link-list[data-cols-sp='3']>li:nth-child(3n) {
    margin-right: 0;
  }

  .kn-list.-row[data-cols-sp='3']>li:not(:nth-child(3n)),.-row.kn-link-list[data-cols-sp='3']>li:not(:nth-child(3n)) {
    margin-right: 1em;
  }

  .kn-list.-row[data-cols-sp='4']>li,.-row.kn-link-list[data-cols-sp='4']>li {
    max-width: calc((100% - 1px - 3em)/4);

    -ms-flex-preferred-size: calc((100% - 3em)/4);
    flex-basis: calc((100% - 3em)/4);
  }

  .kn-list.-row[data-cols-sp='4']>li:nth-child(4n),.-row.kn-link-list[data-cols-sp='4']>li:nth-child(4n) {
    margin-right: 0;
  }

  .kn-list.-row[data-cols-sp='4']>li:not(:nth-child(4n)),.-row.kn-link-list[data-cols-sp='4']>li:not(:nth-child(4n)) {
    margin-right: 1em;
  }

  .kn-list.-row[data-cols-sp='5']>li,.-row.kn-link-list[data-cols-sp='5']>li {
    max-width: calc((100% - 1px - 4em)/5);

    -ms-flex-preferred-size: calc((100% - 4em)/5);
    flex-basis: calc((100% - 4em)/5);
  }

  .kn-list.-row[data-cols-sp='5']>li:nth-child(5n),.-row.kn-link-list[data-cols-sp='5']>li:nth-child(5n) {
    margin-right: 0;
  }

  .kn-list.-row[data-cols-sp='5']>li:not(:nth-child(5n)),.-row.kn-link-list[data-cols-sp='5']>li:not(:nth-child(5n)) {
    margin-right: 1em;
  }

  .kn-list.-row[data-cols-sp='6']>li,.-row.kn-link-list[data-cols-sp='6']>li {
    max-width: calc((100% - 1px - 5em)/6);

    -ms-flex-preferred-size: calc((100% - 5em)/6);
    flex-basis: calc((100% - 5em)/6);
  }

  .kn-list.-row[data-cols-sp='6']>li:nth-child(6n),.-row.kn-link-list[data-cols-sp='6']>li:nth-child(6n) {
    margin-right: 0;
  }

  .kn-list.-row[data-cols-sp='6']>li:not(:nth-child(6n)),.-row.kn-link-list[data-cols-sp='6']>li:not(:nth-child(6n)) {
    margin-right: 1em;
  }

  .kn-list.-rule>li,.-rule.kn-link-list>li {
    padding: 10px;
  }

  .kn-modal>.wrapper {
    width: 90%;
    padding: 40px 10px 20px;
  }

  .kn-modal>.wrapper>.closebtn {
    right: -10px;
  }

  .kn-modal.-movie>.wrapper>.contents {
    max-height: 100vh;
  }

  .kn-modal-active body>.kn-wrapper {
    right: 0;
  }

  .kn-pagination>.prev,.kn-pagination>.next {
    line-height: 0;
  }

  .kn-pagination>.prev>.page,.kn-pagination>.next>.page {
    font-size: 0;
    line-height: .14rem;
    height: calc(.14rem + 18px);
  }

  .kn-pagination>.prev>.page:before {
    right: 0;
    left: 3px;
  }

  .kn-pagination>.next>.page:before {
    right: 3px;
    left: 0;
  }

  .kn-panel>.title {
    font-size: .16rem;
    line-height: 1.6125;
  }

  .kn-panel>.title>.ribbon {
    font-size: .12rem;
  }

  .kn-ad-nav {
    margin-top: 40px;
    padding: 0 10px;
    text-align: center;
  }

  .kn-ad-nav>.kn-banner-list img {
    max-width: 100%;
    height: auto;
  }

  .kn-section {
    padding: 20px 10px;
  }

  .kn-step>li:not(:last-child) {
    margin-right: 18px;
  }

  .kn-step>li:not(:last-child):before {
    right: -14px;
    border-width: 5px 0 5px 8px;
  }

  .kn-step>li>a {
    display: -ms-flexbox;
    display: flex;

    -ms-flex: 1;
        flex: 1;
  }

  .kn-step>li .step {
    font-size: 0;
    width: 30px;
    height: 30px;
  }

  .kn-step>li .step>b {
    font-size: .16rem;
    margin-top: 0;
  }

  .kn-step.-description {
    display: block;
  }

  .kn-step.-description>li {
    display: -ms-flexbox;
    display: flex;
  }

  .kn-step.-description>li:not(:last-child) {
    margin: 0 0 12px;
  }

  .kn-step.-description>li:not(:last-child):before {
    top: auto;
    right: 0;
    bottom: -12px;
    left: 0;
    border-width: 10px 8px 0;
    border-color: #547bdb transparent transparent;
  }

  .kn-step.-description>li .step {
    padding: 10px 8px;
    border-radius: 4px 0 0 4px;
  }

  .kn-step.-description>li .step+.description {
    padding: 10px 8px;
  }

  .kn-step.-description>li.-purple:not(:last-child):before {
    border-top-color: #547bdb;
  }

  .kn-step.-description>li.-bluegreen:not(:last-child):before {
    border-top-color: #23a1ba;
  }

  .kn-step.-description>li.-green:not(:last-child):before {
    border-top-color: #61a624;
  }

  .kn-step.-description>li.-pink:not(:last-child):before {
    border-top-color: #e86875;
  }

  .kn-step.-description>li.-orange:not(:last-child):before {
    border-top-color: #ff6e0c;
  }

  .kn-tab-container>.tablist.-transform {
    display: block;
    padding: 0;
  }

  .kn-tab-container>.tablist.-transform:before {
    display: none;
  }

  .kn-tab-container>.tablist.-transform>li>.tab:before {
    border-bottom-color: #547bdb;
  }

  .kn-tbl.-transform {
    display: block;
    border-bottom: 1px solid #7e9be2;
  }

  .kn-tbl.-transform>thead {
    display: none;
  }

  .kn-tbl.-transform>caption,.kn-tbl.-transform>tbody,.kn-tbl.-transform>tbody>tr,.kn-tbl.-transform>tbody>tr>th,.kn-tbl.-transform>tbody>tr>td {
    display: block;
  }

  .kn-tbl.-transform>tbody>tr>th[data-label],.kn-tbl.-transform>tbody>tr>td[data-label] {
    background-color: #fff;
  }

  .kn-tbl.-transform>tbody>tr>th[data-label]:before,.kn-tbl.-transform>tbody>tr>td[data-label]:before {
    font-weight: 700;
    display: block;
    margin: -8px -10px 8px;
    padding: inherit;
    content: attr(data-label);
    text-align: center;
    color: #fff;
    background-color: #547bdb;
  }

  .kn-tbl.-transform>tbody>tr>* {
    border-bottom: 0;
  }

  .kn-tbl.-transform.-b>tbody>tr>[data-label] {
    position: relative;
    display: table;
    width: 100%;
    padding: 0;
    border-spacing: 8px 10px;
    border-collapse: separate;
    background-image: linear-gradient(to right,#f3f6ff 0,#f3f6ff 50%,transparent 50%);
    background-size: 100% calc(100%);
  }

  .kn-tbl.-transform.-b>tbody>tr>[data-label]:before {
    font-weight: 400;
    position: relative;
    z-index: 1;
    display: table-cell;
    width: 51.25%;
    padding-right: 10px;
    content: attr(data-label);
    text-align: left;
    vertical-align: top;
    color: #fff;
    color: #333;
    border-right: none;
    background: none;
  }

  .kn-tbl.-transform.-b>tbody>tr>[data-label]:after {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 50%;
    content: '';
    border-right: 1px solid #7e9be2;
  }

  .kn-tbl.-transform.-b>tbody>tr>th[data-label] {
    border-top: 2px solid #547bdb;
  }

  .kn-tbl.-transform.-b>tbody>tr>th:not([data-label]) {
    font-weight: 700;
    width: auto;
    text-align: left!important;
    color: #fff;
    background-color: #547bdb;
  }

  .kn-tbl.-transform.-b>tbody>tr>td {
    width: 100%;
  }

  .kn-tbl-wrapper .kn-scroll-block>.control {
    font-size: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 40px;
    cursor: pointer;
  }

  .kn-tbl-wrapper .kn-scroll-block>.control:after {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 12px;
    height: 12px;
    margin: auto;
    content: '';
    border-width: 0 3px 3px 0;
    border-style: solid;
    border-color: #547bdb;
  }

  .kn-tbl-wrapper .kn-scroll-block>.control.-prev {
    left: 0;
    display: none;
    background-image: linear-gradient(to left,transparent,rgba(51,51,51,.25));
  }

  .kn-tbl-wrapper .kn-scroll-block>.control.-prev:after {
    left: 15px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }

  .kn-tbl-wrapper .kn-scroll-block>.control.-next {
    right: 0;
    background-image: linear-gradient(to right,transparent,rgba(51,51,51,.25));
  }

  .kn-tbl-wrapper .kn-scroll-block>.control.-next:after {
    right: 15px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  .kn-tbl-wrapper .kn-tbl {
    width: 200%;
  }

  .kn-txt.-lead {
    font-size: .18rem;
  }

  .kn-to-top {
    right: 10px;
    bottom: 20px;
    left: auto;
    width: 46px;
    height: 46px;
  }

  .kn-to-top .kn-btn.-to-top {
    background-size: auto 36px;
  }
}

@media screen and (max-width:767px) and (max-width:767px) {
  .kn-grid.-columnreverse-sp>[class*=col-]-sp {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .kn-tab-container>.tablist.-transform>li {
    margin: 0;
  }

  .kn-tab-container>.tablist.-transform>li:not(:first-child) {
    margin-top: 1px;
  }

  .kn-tab-container>.tablist.-transform>li>.tab {
    min-height: 44px;
    border-radius: 6px;
  }

  .kn-tbl.-transform.-b.-th-s-sp>tbody>tr>[data-label] {
    background-image: linear-gradient(to right,#f3f6ff 0,#f3f6ff 33.33333%,transparent 33.33333%);
  }

  .kn-tbl.-transform.-b.-th-s-sp>tbody>tr>[data-label]:before {
    width: 34.58333%;
  }

  .kn-tbl.-transform.-b.-th-s-sp>tbody>tr>[data-label]:after {
    width: 33.33333%;
  }
}

@media screen and (max-width:767px) and (orientation:landscape) {
  .kn-modal.-movie>.wrapper {
    width: 85%;
  }
}

@media screen and (min-width:768px) and (max-width:767px) {
  .kn-grid.-columnreverse-pc>[class*=col-]-sp {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}


/* Banner Modal
-----------------------------*/
.kn-banner-modal{
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 500ms ease;
  background: rgba(0,0,0,.50);
  height: 110px;
  z-index: 9999;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.kn-banner-modal.isActive{
  opacity: 1;
  pointer-events:initial;
}
.kn-banner-modal-closebtn{
  position: absolute;
  z-index: 1;
  top: 56px;
  right: -60px;
  display: inline-block;
  width: 44px;
  height: 44px;
  cursor: pointer;
  border-radius: 50%;
  background: #547bdb;
}
.kn-banner-modal-closebtn:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  margin: auto;
  content: '';
  background-image: linear-gradient(45deg,transparent 0%,transparent calc(50% - 1px),#fff calc(50% - 1px),#fff calc(50% + 1px),transparent calc(50% + 1px),transparent 100%),linear-gradient(
135deg,transparent 0%,transparent calc(50% - 1px),#fff calc(50% - 1px),#fff calc(50% + 1px),transparent calc(50% + 1px),transparent 100%);
  background-size: 100% calc(100%);
}
.kn-banner-modal-image{
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.kn-banner-modal-image img{
  width: 100%;
}
.kn-banner-modal.view + .kn-to-top{
  bottom: 120px;
}

@media screen and (max-width:767px){
  .kn-banner-modal{
    height: auto;
    padding: 1.65% 0;
  }
  .kn-banner-modal-image img{
    width: 80%;
  }
  .kn-banner-modal-closebtn{
    width: 24px;
    height: 24px;
    top: 40%;
    right: 2%;
    bottom: 0px;
  }
  .kn-banner-modal-closebtn:before {
    width: 7px;
    height: 7px;
  }
  .kn-banner-modal.view + .kn-to-top {
    bottom: 11vh;
  }
}