@charset "UTF-8";
/* clearfix
----------------------------------------------------------------------------- */
.list-horizontal:after, .list-horizontal-02:after, .list-horizontal-03:after, .list-notice.right:after, .list-notice-02.right:after, .lyt-media-right:after, .lyt-media-left:after, [class^="lyt-cols"]:after,
[class*="lyt-cols"]:after, #ui-carousel-item:after, #ui-carousel-02:after, .scope-area .scope-area-inner:after, .scope-area .scope-contents:after, .scope-area .scope-carousel-list:after, .scope-area .scope-contents-02:after, .top .scope-area .scope-contents-02:after, .calendar-nav-02:after, .header:after, .contents-inner:after, .sub .nav-categorical > ul:after, .sub .sub-related-links li ul:after, .main:after, .top .nav .nav-menu:after, .top .main-block:after, .top .top-sub-nav .top-sub-nav-inner:after, .top .top-sub-nav .top-sub-nav-inner ul:after, .top .main-block-02:after, .top .main-block-right:after, .top.en .main-block .right-col .right-col-inner:after, .footer .footer-nav-utility-01:after, .footer .footer-nav-utility-02:after, .popup-footer-inner:after, .popup-footer-nav-utility:after, .academy .popup-header:after {
  content: "";
  display: block;
  height: 0.01px;
  clear: both;
}

/* sprite
----------------------------------------------------------------- */
.icons-sprite, .hdg-l2-01:before, .hdg-l2-02:before, .hdg-l2-03:before, .hdg-l4-01:before, .hdg-l5-02:before, .list-dot > li:before, .list-dot-definition > dt:before, .list-link > li a:before, .sub .nav-categorical > ul > li a:before, .list-link-02 > li a:before, .text-link-02 a:before, .list-link-right > li a:before, .list-btn > li > a:before, .btn-arrow a:before, span.btn-arrow:before, .btn-large-03 a:before, span.btn-large-03:before, .btn-large-04 a:before, span.btn-large-04:before, .nav-pagination > li.next > a:before, .nav-pagination > li.prev > a:before, .nav-internal > li > a:before, .nav-top > a:before, .nav-back > a:before, .box-02 > .box-hdg > a:before, .calendar-nav-02 .prev:before, .calendar-nav-02 .next:before, .header .nav-control > a:before, .sub .nav-utility li > a:before, .sub .brand a:after, .sub .nav-topics .link:before, .sub .sub-related-links li > a:before, .nav-menu > li > .nav-local-inner .is-active > a:before, .nav-menu > li > .nav-local-inner .is-active > a:hover:before, .nav-menu > li > .nav-local-inner .is-active > a:active:before, .nav-menu > li > .nav-local-inner .is-active > a:focus:before, .nav-menu > li > .nav-local-inner .is-active > a.is-current:before, .nav-menu > li > .nav-local-inner > li > a:before, .nav-menu > li > .nav-local-inner > li > a:hover:before, .nav-menu > li > .nav-local-inner > li > a:active:before, .nav-menu > li > .nav-local-inner > li > a:focus:before, .nav-menu > li > .nav-local-inner > li > a.is-current:before, .nav-menu > li > .nav-local-inner .nav-local-inner > li > a:before, .nav-menu > li > .nav-local-inner .nav-local-inner > li > a:hover:before, .nav-menu > li > .nav-local-inner .nav-local-inner > li > a:active:before, .nav-menu > li > .nav-local-inner .nav-local-inner > li > a:focus:before, .nav-menu > li > .nav-local-inner .nav-local-inner > li > a.is-current:before, .nav-menu > li > a:before, .nav-menu > li > a:hover:before, .nav-menu > li > a:active:before, .nav-menu > li > a:focus:before, .nav-menu > li > a.is-current:before, .nav-menu .introduction.is-active > a:before, .nav-menu .education.is-active > a:before, .nav-menu .vision_2020.is-active > a:before, .nav-menu .social.is-active > a:before, .nav-menu .campus.is-active > a:before, .nav-menu .news.is-active > a:before, .nav-menu .event-calendar.is-active > a:before, .en .nav-menu .about.is-active > a:before, .en .nav-menu .highereducation.is-active > a:before, .en .nav-menu .k12.is-active > a:before, .en .nav-menu .research.is-active > a:before, .en .nav-menu .tucl.is-active > a:before, .en .nav-menu .facilities.is-active > a:before, .nav-menu .introduction.is-active > a:hover:before, .nav-menu .education.is-active > a:hover:before, .nav-menu .vision_2020.is-active > a:hover:before, .nav-menu .social.is-active > a:hover:before, .nav-menu .campus.is-active > a:hover:before, .nav-menu .news.is-active > a:hover:before, .nav-menu .event-calendar.is-active > a:hover:before, .en .nav-menu .about.is-active > a:hover:before, .en .nav-menu .highereducation.is-active > a:hover:before, .en .nav-menu .k12.is-active > a:hover:before, .en .nav-menu .research.is-active > a:hover:before, .en .nav-menu .tucl.is-active > a:hover:before, .en .nav-menu .facilities.is-active > a:hover:before, .nav-menu .introduction.is-active > a:active:before, .nav-menu .education.is-active > a:active:before, .nav-menu .vision_2020.is-active > a:active:before, .nav-menu .social.is-active > a:active:before, .nav-menu .campus.is-active > a:active:before, .nav-menu .news.is-active > a:active:before, .nav-menu .event-calendar.is-active > a:active:before, .en .nav-menu .about.is-active > a:active:before, .en .nav-menu .highereducation.is-active > a:active:before, .en .nav-menu .k12.is-active > a:active:before, .en .nav-menu .research.is-active > a:active:before, .en .nav-menu .tucl.is-active > a:active:before, .en .nav-menu .facilities.is-active > a:active:before, .nav-menu .introduction.is-active > a:focus:before, .nav-menu .education.is-active > a:focus:before, .nav-menu .vision_2020.is-active > a:focus:before, .nav-menu .social.is-active > a:focus:before, .nav-menu .campus.is-active > a:focus:before, .nav-menu .news.is-active > a:focus:before, .nav-menu .event-calendar.is-active > a:focus:before, .en .nav-menu .about.is-active > a:focus:before, .en .nav-menu .highereducation.is-active > a:focus:before, .en .nav-menu .k12.is-active > a:focus:before, .en .nav-menu .research.is-active > a:focus:before, .en .nav-menu .tucl.is-active > a:focus:before, .en .nav-menu .facilities.is-active > a:focus:before, .nav-menu .introduction.is-active > a.is-current:before, .nav-menu .education.is-active > a.is-current:before, .nav-menu .vision_2020.is-active > a.is-current:before, .nav-menu .social.is-active > a.is-current:before, .nav-menu .campus.is-active > a.is-current:before, .nav-menu .news.is-active > a.is-current:before, .nav-menu .event-calendar.is-active > a.is-current:before, .en .nav-menu .about.is-active > a.is-current:before, .en .nav-menu .highereducation.is-active > a.is-current:before, .en .nav-menu .k12.is-active > a.is-current:before, .en .nav-menu .research.is-active > a.is-current:before, .en .nav-menu .tucl.is-active > a.is-current:before, .en .nav-menu .facilities.is-active > a.is-current:before, .top .nav-menu-top li.nav-menu-top-utility > a:before, .top.en .main-block .right-col .right-col-inner .link:before, .footer .footer-nav-utility-01 li a:before, .footer .footer-nav-utility-02 li a:before, .footer-related-links ul a:before, .footer-related-links ul a:after, .popup-main .btn-close > a:before, .popup-footer-nav-utility li a:before, .brand-nav .prev a:before, .brand-nav .next a:after {
  background-image: url('/common/images/icons-sb47fb35bab.png');
  background-repeat: no-repeat;
}

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

p {
  margin: 0;
}

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

dd {
  margin-left: 0;
}

em {
  font-style: normal;
  font-weight: bold;
}

img {
  border: 0;
  line-height: 1;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}

fieldset, legend {
  margin: 0;
  padding: 0;
  border: 0;
}

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

input[type="text"], input[type="search"], textarea, button {
  padding: 0;
  border: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

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

button {
  background: none;
  cursor: pointer;
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

body {
  margin: 0;
  padding: 0;
  color: #333;
  line-height: 1.6;
  font-size: 87.5%;
}

html, button, input, select, textarea {
  font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af ', sans-serif;
}

br {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

a {
  color: #4b4b9c;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/* ----------------------------------------------------------------
	heading
----------------------------------------------------------------- */
.hdg-l1-01 {
  position: relative;
  margin: 0 0 30px;
  padding-left: 21px;
  font-size: 214.28571%;
  font-weight: normal;
  line-height: 1.3;
}
.hdg-l1-01:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -1px;
  left: 0;
  -webkit-border-radius: 3px 4px 4px 3px;
  border-radius: 3px 4px 4px 3px;
  width: 7px;
  height: 100%;
  background: #37367a;
}
.hdg-l1-01 > .hdg-l1-sub {
  font-size: 66.66667%;
  display: block;
  padding: 2px 0;
}

.hdg-l1-02 {
  font-size: 185.71429%;
  margin: 0 0 13px;
  padding: 0  0 12px 13px;
  color: #3e3c7e;
  font-weight: bold;
  line-height: 1.3;
  background: repeat-x 0 100%;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAIAAAAPE8H1AAAAHElEQVR42mP4////6ZOfgCQDhAKxIBSQz4BFFgAkxiqBZ/HKhwAAAABJRU5ErkJggg==');
}

.hdg-l2-01 {
  position: relative;
  margin: 30px 0 20px;
  padding: 0 0 5px 37px;
  border-bottom: 1px solid #e3e0db;
  font-size: 171.42857%;
  font-weight: normal;
  line-height: 1.3;
}
.hdg-l2-01:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -18px;
  background-position: -1126px 0;
  height: 28px;
  width: 28px;
  overflow: hidden;
}
.hdg-l2-01 > .hdg-l2-sub {
  font-size: 71.42857%;
  display: block;
  padding-bottom: 2px;
}

.hdg-l2-02 {
  position: relative;
  margin: 25px 0 20px;
  padding: 0 0 5px 37px;
  border-bottom: 5px solid #e3e0db;
  font-size: 128.57143%;
  font-weight: normal;
}
.hdg-l2-02:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  background-position: -1215px 0;
  height: 24px;
  width: 24px;
  overflow: hidden;
}
.hdg-l2-02 > .hdg-l2-sub {
  font-size: 71.42857%;
  display: block;
  padding-bottom: 2px;
}

.hdg-l2-03 {
  position: relative;
  margin: 20px 0;
  padding: 0 0 0 27px;
  font-size: 114.28571%;
  font-weight: bold;
}
.hdg-l2-03:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  background-position: -1239px 0;
  height: 19px;
  width: 19px;
  overflow: hidden;
}
.hdg-l2-03 > .hdg-l2-sub {
  font-size: 71.42857%;
  display: block;
  padding-bottom: 2px;
}

.hdg-l2-04, .hdg-l2-04-02, .hdg-l2-04-03, .hdg-l2-04-04, .hdg-l2-04-05, .hdg-l2-04-06 {
  margin: 30px 0 20px;
  display: flex;
  align-items: center;
  font-weight: normal;
}
.hdg-l2-04 > .symbol, .hdg-l2-04-02 > .symbol, .hdg-l2-04-03 > .symbol, .hdg-l2-04-04 > .symbol, .hdg-l2-04-05 > .symbol, .hdg-l2-04-06 > .symbol {
  position: relative;
  top: -1px;
  z-index: 0;
  flex-basis: 67px;
  min-width: 67px;
  height: 67px;
  border: 2px solid #b282af;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}
.hdg-l2-04 > .symbol img, .hdg-l2-04-02 > .symbol img, .hdg-l2-04-03 > .symbol img, .hdg-l2-04-04 > .symbol img, .hdg-l2-04-05 > .symbol img, .hdg-l2-04-06 > .symbol img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.hdg-l2-04 > .txt, .hdg-l2-04-02 > .txt, .hdg-l2-04-03 > .txt, .hdg-l2-04-04 > .txt, .hdg-l2-04-05 > .txt, .hdg-l2-04-06 > .txt {
  font-size: 100%;
  flex-grow: 1;
  padding: 5px 10px 0 32px;
  margin: 0 0 0 -20px;
  color: #fff;
  background: #b282af;
}
.hdg-l2-04 > .txt > span, .hdg-l2-04-02 > .txt > span, .hdg-l2-04-03 > .txt > span, .hdg-l2-04-04 > .txt > span, .hdg-l2-04-05 > .txt > span, .hdg-l2-04-06 > .txt > span {
  display: inline-block;
}
.hdg-l2-04 > .txt > span:first-child, .hdg-l2-04-02 > .txt > span:first-child, .hdg-l2-04-03 > .txt > span:first-child, .hdg-l2-04-04 > .txt > span:first-child, .hdg-l2-04-05 > .txt > span:first-child, .hdg-l2-04-06 > .txt > span:first-child {
  font-size: 157.14286%;
  letter-spacing: 1.2px;
}

.hdg-l2-04-02 > .symbol {
  border-color: #c97e87;
}
.hdg-l2-04-02 > .txt {
  background-color: #c97e87;
}

.hdg-l2-04-03 > .symbol {
  border-color: #eda380;
}
.hdg-l2-04-03 > .txt {
  background-color: #eda380;
}

.hdg-l2-04-04 > .symbol {
  border-color: #d4ac6e;
}
.hdg-l2-04-04 > .txt {
  background-color: #d4ac6e;
}

.hdg-l2-04-05 > .symbol {
  border-color: #dccd68;
}
.hdg-l2-04-05 > .txt {
  background-color: #dccd68;
}

.hdg-l2-04-06 > .symbol {
  border-color: #afc555;
}
.hdg-l2-04-06 > .txt {
  background-color: #afc555;
}

.hdg-l3-01 {
  margin: 30px 0 20px;
  padding: 5px 16px 2px;
  background: #edebe8;
  font-size: 128.57143%;
}

.hdg-l4-01 {
  position: relative;
  margin: 30px 0 18px;
  padding: 0 0 4px 23px;
  border-bottom: 1px solid #e3e0db;
  font-size: 128.57143%;
  line-height: 1.4;
}
.hdg-l4-01:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -11.5px;
  background-position: -1154px 0;
  height: 18px;
  width: 17px;
  overflow: hidden;
}
.hdg-l4-01 + * {
  margin-top: 13px !important;
}

.hdg-l5-01 {
  position: relative;
  margin: 25px 0 13px;
  padding-left: 14px;
  font-size: 114.28571%;
}
.hdg-l5-01:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 4px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  height: 100%;
  background: #c9c4ba;
}
.hdg-l5-01 + * {
  margin-top: 13px !important;
}

.hdg-l5-02 {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0 14px;
  font-size: 100%;
  line-height: 1.4;
}
.hdg-l5-02:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10.5px;
  background-position: -1171px 0;
  height: 19px;
  width: 6px;
  overflow: hidden;
}
.hdg-l5-02 + * {
  margin-top: 10px !important;
}

.hdg-l5-03 {
  margin: 15px 0 6px;
  font-size: 100%;
  line-height: 1.4;
}
.hdg-l5-03 + * {
  margin-top: 0 !important;
}

/*  heading　Media Queries
----------------------------------------------------------------- */
@media screen and (max-width: 640px) {
  .hdg-l1-01 {
    margin-bottom: 22px;
    font-size: 157.14286%;
  }

  .hdg-l1-02 {
    font-size: 128.57143%;
  }

  .hdg-l2-01 {
    margin-bottom: 20px;
    font-size: 142.85714%;
  }

  .hdg-l3-01 {
    font-size: 128.57143%;
  }

  .hdg-l4-01 {
    font-size: 114.28571%;
  }

  .hdg-l5-01 {
    font-size: 100%;
  }
}
/* ----------------------------------------------------------------
    text
----------------------------------------------------------------- */
em {
  font-weight: bold;
}

strong {
  color: #d4072e;
}

p {
  margin: 20px 0;
}

sup, sub {
  font-size: 71.42857%;
  line-height: 1;
}

sub {
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

/* リード文
--------------------------------------------------------- */
.lead {
  font-size: 121.42857%;
  margin-bottom: 20px;
  color: #37367a;
  font-weight: bold;
  line-height: 1.5;
}

.text-default {
  margin: 0 0 7px;
}
.text-default + * {
  margin-top: 0 !important;
}

.text-italic {
  padding-right: 0.2em;
  font-style: italic;
  font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif;
}

@media screen and (max-width: 767px) {
  .text-italic {
    font-family: Helvetica,Arial,’Hiragino Kaku Gothic Pro’,'ヒラギノ角ゴ Pro W3','Droid Sans',sans-serif;
  }
}
.text-color {
  color: #ea6d00;
}

.text-color-02 {
  color: #53a10a;
}

.text-color-03 {
  color: #248bd9;
}

.text-color-04 {
  color: #e92f97;
}

.text-color-05 {
  color: #d4072e;
}

.text-color-06 {
  color: #38377a;
}

.disabled {
  color: #c3c3c3;
}

.caption {
  font-size: 85.71429%;
  display: block;
}

.date-article {
  font-size: 85.71429%;
  margin: -15px 0;
  text-align: right;
}
.date-article + * {
  margin-top: 30px !important;
}

.dialog {
  margin-bottom: 20px;
}
.dialog > .speaker {
  float: left;
  width: 6.5em;
  display: block;
}
.dialog > .speaker + .comment {
  margin-top: 0;
}
.dialog > .comment {
  display: block;
  margin: 20px 0 0 6.5em;
}

[class*="icon-text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 78.57143%;
  position: relative;
  top: -2px;
  display: inline-block;
  padding: 4px 15px 3px;
  background: #37367a;
  color: #fff;
  text-align: center;
  line-height: 1;
}

.icon-text-02 {
  background: #5e65bf;
}

.icon-text-03 {
  background: #7151a0;
}

.icon-text-04 {
  background: #8e4383;
}

.icon-text-05 {
  background: #bf686a;
}

.icon-text-06 {
  background: #a6a096;
}

.icon {
  display: inline-block;
  line-height: 0;
  max-width: none;
  padding: 0 5px 5px 0;
}

.icon-blank {
  line-height: 0;
  margin: 0 8px 0 6px;
  max-width: none;
  padding-bottom: 6px;
}

[class*="icon-file"] {
  line-height: 0;
  margin: 0 8px 0 6px;
  max-width: none;
  padding-bottom: 6px;
}

.icon-img {
  position: relative;
  top: -0.1em;
  vertical-align: middle;
}

.icon-new-after, .icon-new-before {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 78.57143%;
  border: 1px solid #f7b4ba;
  background: #ffeded;
  padding: 0 3px;
  position: relative;
  top: -1px;
  left: 0;
  color: #333;
  text-decoration: none;
}

.icon-new-after {
  margin: 0 6px 0 0;
}

.icon-new-before {
  margin: 0 0 0 6px;
}

/* ----------------------------------------------------------------
    list
----------------------------------------------------------------- */
.list-dot > li, .list-link > li, .sub .nav-categorical > ul > li, .list-link-02 > li, .list-link-right > li, .list-notice > li, .list-notice-02 > li, .list-notice-number > li, .list-notice-number-02 > li {
  margin-top: 4px;
}
.list-dot > li:first-child, .list-link > li:first-child, .sub .nav-categorical > ul > li:first-child, .list-link-02 > li:first-child, .list-link-right > li:first-child, .list-notice > li:first-child, .list-notice-02 > li:first-child, .list-notice-number > li:first-child, .list-notice-number-02 > li:first-child {
  margin-top: 0;
}

.list-normal-01 li, .list-order-01 > li, .list-order-02 > li, .list-btn > li, .list-number > li, .list-number-02 > li {
  margin-top: 10px;
}
.list-normal-01 li:first-child, .list-order-01 > li:first-child, .list-order-02 > li:first-child, .list-btn > li:first-child, .list-number > li:first-child, .list-number-02 > li:first-child {
  margin-top: 0;
}

.list-dot > li > *, .list-order-01 > li > *, .list-order-02 > li > *, .list-border > li > *, .list-line-dashed > li > *, .list-definition dd > *, .list-number > li > *, .list-number-02 > li > *, .list-link > li > *, .sub .nav-categorical > ul > li > *, .list-link-02 > li > *, .list-link-right > li > *, .list-notice > li > *, .list-notice-02 > li > *, .list-notice-number > li > *, .list-notice-number-02 > li > * {
  margin-top: 10px;
  margin-bottom: 0;
}
.list-dot > li > *:first-child, .list-order-01 > li > *:first-child, .list-order-02 > li > *:first-child, .list-border > li > *:first-child, .list-line-dashed > li > *:first-child, .list-definition dd > *:first-child, .list-number > li > *:first-child, .list-number-02 > li > *:first-child, .list-link > li > *:first-child, .sub .nav-categorical > ul > li > *:first-child, .list-link-02 > li > *:first-child, .list-link-right > li > *:first-child, .list-notice > li > *:first-child, .list-notice-02 > li > *:first-child, .list-notice-number > li > *:first-child, .list-notice-number-02 > li > *:first-child {
  margin-top: 0 !important;
}
.list-dot > li > img, .list-order-01 > li > img, .list-order-02 > li > img, .list-border > li > img, .list-line-dashed > li > img, .list-definition dd > img, .list-number > li > img, .list-number-02 > li > img, .list-link > li > img, .sub .nav-categorical > ul > li > img, .list-link-02 > li > img, .list-link-right > li > img, .list-notice > li > img, .list-notice-02 > li > img, .list-notice-number > li > img, .list-notice-number-02 > li > img {
  margin-top: 0;
  margin-bottom: 0;
}

/* .list-normal
----------------------------------------------- */
.list-normal-01 li > .title {
  font-size: 114.28571%;
  font-weight: normal;
}
.list-normal-01 li > .summary {
  font-size: 92.85714%;
  display: block;
  line-height: 1.6;
}

/* .list-dot
----------------------------------------------- */
.list-dot > li, .list-dot-definition > dt {
  position: relative;
  padding-left: 15px;
}
.list-dot > li:before, .list-dot-definition > dt:before {
  background-position: -118px 0;
  height: 5px;
  width: 5px;
  overflow: hidden;
  position: absolute;
  top: 7px;
  left: 0;
  display: inline-block;
  content: "";
}

.list-dot {
  margin: 20px 0;
}

/* .list-order
----------------------------------------------- */
.list-order-01 {
  margin: 20px 0;
  margin-left: 1.5em;
  list-style-type: decimal;
}

.list-order-02 {
  margin: 20px 0;
}
.list-order-02 > li {
  position: relative;
  padding-left: 2em;
  list-style-position: outside;
  counter-increment: cnt;
}
.list-order-02 > li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2em;
  content: "(" counter(cnt) ")";
}

/* .list-horizontal
----------------------------------------------- */
.list-horizontal {
  margin-bottom: 15px;
  letter-spacing: -0.4em;
}
.list-horizontal > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 10px;
  border-right: 1px solid #e3e0db;
  letter-spacing: normal;
}
.list-horizontal > li:first-child {
  border-left: 1px solid #e3e0db;
}
.list-horizontal > li > a, .list-horizontal > li > .is-current {
  text-decoration: none;
  display: block;
  padding: 0 14px;
  text-decoration: none;
}
.list-horizontal > li > a:hover, .list-horizontal > li > a:focus, .list-horizontal > li > .is-current:hover, .list-horizontal > li > .is-current:focus {
  text-decoration: underline;
}
.list-horizontal > li > .is-current {
  font-weight: bold;
}
.list-horizontal > li > .is-current:hover {
  text-decoration: none;
}

.list-horizontal-02 {
  margin-bottom: 15px;
  letter-spacing: -0.4em;
}
.list-horizontal-02 > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 0;
  padding-right: 18px;
  letter-spacing: normal;
}

.list-horizontal-03 {
  width: 103.5461%;
  margin-left: -3.42466%;
  margin-bottom: -10px;
  letter-spacing: -0.4em;
}
.list-horizontal-03 .col {
  width: 46.57534%;
  margin-left: 3.42466%;
}
.list-horizontal-03 > .caption {
  margin-left: 3.42466%;
}
.list-horizontal-03.lyt-cols-max .col {
  max-width: 46.57534%;
  width: auto;
}
.list-horizontal-03.lyt-cols-max > .caption {
  text-align: left;
}
.list-horizontal-03 > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 46.57534%;
  margin-left: 3.42466%;
}
.list-horizontal-03 > li {
  display: inline-block;
  margin-bottom: 10px;
  letter-spacing: normal;
  vertical-align: top;
}
.list-horizontal-03 > li > span {
  font-size: 85.71429%;
}
.list-horizontal-03 > li.col1 {
  width: 100%;
}

@media screen and (max-width: 640px) {
  .list-horizontal-03 > li {
    width: 100%;
  }
}
.list-horizontal-03.calendar-list > li {
  padding-left: 40px;
}
.list-horizontal-03.calendar-list > li:before {
  position: absolute;
  left: 0;
  top: 4px;
}

/* .list-border
----------------------------------------------- */
.list-border {
  margin-bottom: 25px;
}
.list-border > li {
  padding: 11px 5px 11px 11px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e3e0db;
  text-align: left;
  vertical-align: top;
}
.list-border > li:first-child {
  padding-top: 0;
}
.list-border > li .date {
  margin: 0 10px 5px 0;
}
.list-border > li .date-icon {
  margin: 0 0 5px 0;
  min-width: 122px;
}
.list-border.last-switch {
  border-bottom: 3px solid #e3e0db;
}
.list-border.type-color-01 > li {
  border-color: #c1beee;
  border-style: dotted;
}

.list-line-dashed > li {
  border-top: 1px dashed #bababa;
  margin-top: 20px;
  padding-top: 20px;
}
.list-line-dashed > li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* .list-btn
----------------------------------------------- */
.list-btn.btn-w100 a {
  width: 100%;
}

/* .dl
----------------------------------------------- */
.list-definition, .list-dot-definition {
  margin: 20px 0;
}
.list-definition dt, .list-dot-definition dt {
  margin-top: 15px;
  font-weight: bold;
}
.list-definition dt:first-child, .list-dot-definition dt:first-child {
  margin-top: 0;
}
.list-definition dd, .list-dot-definition dd {
  margin-top: 2px;
}

/* .list-dot-definition
----------------------------------------------- */
.list-dot-definition > dd {
  padding-left: 15px;
}

/* .llist-number
----------------------------------------------- */
.list-number .number, .list-number .number-02, .list-number .number-inner, .list-number .number-inner-02 {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 3.5em;
}

.list-number {
  margin: 20px 0;
}
.list-number > li {
  padding-left: 4em;
  position: relative;
}
.list-number .number {
  padding-left: 0.5em;
}
.list-number .number-inner {
  width: 3em;
  text-align: right;
}
.list-number .number-inner-02 {
  width: 3em;
  text-align: right;
}

.list-number-02 {
  margin: 20px 0;
}
.list-number-02 > li {
  display: table;
  width: 100%;
}
.list-number-02 .number-area {
  padding-right: 5px;
  white-space: nowrap;
  width: 1.2em;
  display: table-cell;
  vertical-align: top;
}
.list-number-02 .number-area-02 {
  padding-right: 5px;
  white-space: nowrap;
  width: 1.2em;
  display: table-cell;
  vertical-align: top;
}
.list-number-02 .number-text {
  display: table-cell;
  vertical-align: top;
}
.list-number-02 .number-text > * {
  margin-top: 10px;
  margin-bottom: 0;
}
.list-number-02 .number-text > br {
  margin-top: 0;
  margin-bottom: 0;
}
.list-number-02 .list-number-02 {
  margin-top: 2px;
  margin-bottom: 0;
}

/* .list-link
----------------------------------------------- */
.list-link > li a, .sub .nav-categorical > ul > li a, .list-link-02 > li a, .text-link-02 a, .list-link-right > li a, .nav-pagination > li.next > a, .nav-pagination > li.prev > a, .nav-internal > li > a, .nav-top > a, .nav-back > a, .box-02 > .box-hdg > a {
  text-decoration: none;
  position: relative;
}
.list-link > li a:hover, .sub .nav-categorical > ul > li a:hover, .list-link-02 > li a:hover, .text-link-02 a:hover, .list-link-right > li a:hover, .nav-pagination > li.next > a:hover, .nav-pagination > li.prev > a:hover, .nav-internal > li > a:hover, .nav-top > a:hover, .nav-back > a:hover, .box-02 > .box-hdg > a:hover, .list-link > li a:focus, .sub .nav-categorical > ul > li a:focus, .list-link-02 > li a:focus, .text-link-02 a:focus, .list-link-right > li a:focus, .nav-pagination > li.next > a:focus, .nav-pagination > li.prev > a:focus, .nav-internal > li > a:focus, .nav-top > a:focus, .nav-back > a:focus, .box-02 > .box-hdg > a:focus {
  text-decoration: underline;
}
.list-link > li a:before, .sub .nav-categorical > ul > li a:before, .list-link-02 > li a:before, .text-link-02 a:before, .list-link-right > li a:before, .nav-pagination > li.next > a:before, .nav-pagination > li.prev > a:before, .nav-internal > li > a:before, .nav-top > a:before, .nav-back > a:before, .box-02 > .box-hdg > a:before {
  position: absolute;
  display: inline-block;
  content: '';
}

.list-link, .sub .nav-categorical > ul {
  margin: 20px 0;
}
.list-link > li a, .sub .nav-categorical > ul > li a {
  display: inline-block;
  line-height: 1.4;
  padding: 4px 0 4px 13px;
}
.list-link > li a:before, .sub .nav-categorical > ul > li a:before {
  background-position: 0 0;
  height: 8px;
  width: 6px;
  overflow: hidden;
  top: 0.65em;
  left: 0;
}

.list-link-02 {
  margin: 20px 0;
}
.list-link-02 > li a {
  display: inline-block;
  line-height: 1.4;
  padding: 4px 0 4px 25px;
}
.list-link-02 > li a:before {
  background-position: -1177px 0;
  height: 19px;
  width: 19px;
  overflow: hidden;
  top: 0.2em;
  left: 0;
}

.text-link-02 {
  display: block;
}
.text-link-02 a {
  display: inline-block;
  line-height: 1.4;
  padding: 4px 0 4px 25px;
}
.text-link-02 a:before {
  background-position: -1177px 0;
  height: 19px;
  width: 19px;
  overflow: hidden;
  top: 0.2em;
  left: 0;
}

.list-link-right {
  margin: 20px 0;
  text-align: right;
}
.list-link-right > li a {
  display: inline-block;
  line-height: 1.4;
  padding: 4px 0 4px 13px;
}
.list-link-right > li a:before {
  background-position: 0 0;
  height: 8px;
  width: 6px;
  overflow: hidden;
  position: relative;
  top: 0;
  left: -5px;
}

/* .list-notice
----------------------------------------------- */
.list-notice > li, .list-notice-02 > li, .list-notice-number > li, .list-notice-number-02 > li {
  position: relative;
  padding-left: 18px;
  font-size: 85.71429%;
}
.list-notice > li:before, .list-notice-02 > li:before, .list-notice-number > li:before, .list-notice-number-02 > li:before {
  content: "\203b";
  display: inline-block;
  left: 0em;
  position: absolute;
}

.list-notice {
  margin: 20px 0;
}
.list-notice > li.notice-red:before {
  color: red;
}
.list-notice.right > li {
  float: right;
}

.list-notice-02 {
  margin: 20px 0;
}
.list-notice-02 > li:before {
  content: "\FF0A";
  font-size: 114.28571%;
  top: -1px;
}
.list-notice-02 > li.notice-red:before {
  color: red;
}
.list-notice-02.right > li {
  float: right;
}

.list-notice-number {
  margin: 20px 0;
}
.list-notice-number > li {
  padding-left: 27px;
}
.list-notice-number > li.notice-red:before {
  color: red;
}
.list-notice-number > li > .number {
  display: inline-block;
  left: 1.1em;
  position: absolute;
}

.list-notice-number-02 {
  margin: 20px 0;
}
.list-notice-number-02 > li {
  padding-left: 27px;
}
.list-notice-number-02 > li:before {
  content: "\FF0A";
  font-size: 114.28571%;
  top: -1px;
}
.list-notice-number-02 > li.notice-red:before {
  color: red;
}
.list-notice-number-02 > li > .number {
  display: inline-block;
  left: 1.1em;
  position: absolute;
}

/* ----------------------------------------------------------------
	button
----------------------------------------------------------------- */
/* .btn
----------------------------------------------- */
.list-btn > li > a, .btn-arrow a, span.btn-arrow, .btn-large a, span.btn-large, .btn a, span.btn, .tab-block-02 .tab-nav > li a, .tab-block-02 .tab-nav-02 > li a, .popup-main .btn-close > a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTBkYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e3e0db), color-stop(100%, #ffffff));
  background: -moz-linear-gradient(bottom, #e3e0db, #ffffff);
  background: -webkit-linear-gradient(bottom, #e3e0db, #ffffff);
  background: linear-gradient(to top, #e3e0db, #ffffff);
  padding: 6px 14px 4px;
  border: solid 1px #a7a197;
  background-color: #f2f1ee;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1.4;
}

.list-btn > li > a:hover, .btn-arrow a:hover, span.btn-arrow:hover, .btn-large a:hover, span.btn-large:hover, .btn a:hover, span.btn:hover, .tab-block-02 .tab-nav > li a:hover, .tab-block-02 .tab-nav-02 > li a:hover, .popup-main .btn-close > a:hover, .list-btn > li > a:active, .btn-arrow a:active, span.btn-arrow:active, .btn-large a:active, span.btn-large:active, .btn a:active, span.btn:active, .tab-block-02 .tab-nav > li a:active, .tab-block-02 .tab-nav-02 > li a:active, .popup-main .btn-close > a:active, .list-btn > li > a:focus, .btn-arrow a:focus, span.btn-arrow:focus, .btn-large a:focus, span.btn-large:focus, .btn a:focus, span.btn:focus, .tab-block-02 .tab-nav > li a:focus, .tab-block-02 .tab-nav-02 > li a:focus, .popup-main .btn-close > a:focus {
  -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e3e3ee), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(bottom, #e3e3ee, #ffffff);
  background-image: -webkit-linear-gradient(bottom, #e3e3ee, #ffffff);
  background-image: linear-gradient(to top, #e3e3ee, #ffffff);
  background-color: #efeef3;
  border: solid 1px #a7a197;
}

.list-btn > li > a, .btn-arrow a, span.btn-arrow {
  padding-left: 24px;
  position: relative;
  text-align: left;
}
.list-btn > li > a:before, .btn-arrow a:before, span.btn-arrow:before {
  content: '';
  background-position: 0 0;
  height: 8px;
  width: 6px;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  top: 0.78em;
  left: 10px;
}

.btn-large a, span.btn-large {
  font-size: 135.71429%;
  width: 219px;
  padding: 8px 11px 9px;
  font-weight: normal;
}

.btn-large-02 a, span.btn-large-02 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiMwMzAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(19%, rgba(3, 0, 0, 0.23)), color-stop(100%, rgba(255, 255, 255, 0.23)));
  background-image: -moz-linear-gradient(bottom, rgba(3, 0, 0, 0.23) 19%, rgba(255, 255, 255, 0.23));
  background-image: -webkit-linear-gradient(bottom, rgba(3, 0, 0, 0.23) 19%, rgba(255, 255, 255, 0.23));
  background-image: linear-gradient(to top, rgba(3, 0, 0, 0.23) 19%, rgba(255, 255, 255, 0.23));
  font-size: 135.71429%;
  -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.57);
  box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.57);
  padding: 8px 11px 9px;
  background-color: #6a69aa;
  border: solid 1px #37367a;
  width: 219px;
  display: inline-block;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 1.4;
}
.btn-large-02 a:hover, span.btn-large-02:hover, .btn-large-02 a:active, span.btn-large-02:active, .btn-large-02 a:focus, span.btn-large-02:focus {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.57);
  box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.57);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiMwMzAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(19%, rgba(3, 0, 0, 0.23)), color-stop(100%, rgba(255, 255, 255, 0.23)));
  background-image: -moz-linear-gradient(bottom, rgba(3, 0, 0, 0.23) 19%, rgba(255, 255, 255, 0.23));
  background-image: -webkit-linear-gradient(bottom, rgba(3, 0, 0, 0.23) 19%, rgba(255, 255, 255, 0.23));
  background-image: linear-gradient(to top, rgba(3, 0, 0, 0.23) 19%, rgba(255, 255, 255, 0.23));
  background-color: #8e8ec2;
  border: solid 1px #37367a;
}

.btn-large-03 a, span.btn-large-03 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 10px 11px 9px;
  background-color: #37367a;
  width: 219px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  line-height: 1.4;
  text-align: center;
}
.btn-large-03 a:before, span.btn-large-03:before {
  background-position: -68px 0;
  height: 7px;
  width: 6px;
  overflow: hidden;
  content: '';
  display: inline-block;
  position: relative;
  top: -1px;
  right: 15px;
}
.btn-large-03 a:hover, span.btn-large-03:hover, .btn-large-03 a:active, span.btn-large-03:active, .btn-large-03 a:focus, span.btn-large-03:focus {
  background-color: #7372a2;
}

.btn-large-04 a, span.btn-large-04 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 10px 11px 9px;
  background-color: #e3e0d9;
  width: 219px;
  display: inline-block;
  text-decoration: none;
  line-height: 1.4;
  text-align: center;
}
.btn-large-04 a:before, span.btn-large-04:before {
  background-position: 0 0;
  height: 8px;
  width: 6px;
  overflow: hidden;
  content: '';
  display: inline-block;
  position: relative;
  top: -1px;
  right: 15px;
}
.btn-large-04 a:hover, span.btn-large-04:hover, .btn-large-04 a:active, span.btn-large-04:active, .btn-large-04 a:focus, span.btn-large-04:focus {
  background-color: #efede8;
}

@media screen and (max-width: 640px) {
  .btn-large a, .btn-large-02 a, .btn-large-03 a, .btn-large-04 a {
    width: 100% !important;
  }

  span.btn-large, span.btn-large-02 {
    width: 100% !important;
  }
}
/* .SNSBtn
----------------------------------------------- */
.block-social {
  margin: 30px 0;
  text-align: right;
  letter-spacing: -0.3em;
}
.block-social .fb-btn, .block-social .twitter-btn, .block-social .google-btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 10px 0;
  height: 20px;
  letter-spacing: 0;
}
.block-social .fb-btn {
  margin-top: -1px;
  margin-right: 15px;
}
.block-social .fb-btn iframe {
  z-index: 20 !important;
}
.block-social .google-btn {
  margin-right: -10px;
}

@media screen and (max-width: 380px) {
  .block-social {
    text-align: left;
  }
}
/* ----------------------------------------------------------------
    nav
----------------------------------------------------------------- */
/* .pagination
----------------------------------------------- */
.nav-pagination > li {
  display: inline-block;
  margin: 0 0 10px 1.5%;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0;
}

.nav-pagination > li a {
  background: #f7f6f3;
  border: 1px solid #e3e0db;
  display: inline-block;
  padding: 0.1em 2px;
  position: relative;
  color: #868686;
  text-align: center;
  min-width: 24px;
  text-decoration: none;
}

.nav-pagination > li a:hover, .nav-pagination > li a:active, .nav-pagination > li a:focus, .nav-pagination > li.is-current {
  background: #37367a;
  border: 1px solid #37367a;
  color: #FFFFFF;
  display: inline-block;
  padding: 0.1em 2px;
  position: relative;
  text-align: center;
  min-width: 24px;
}

.nav-pagination > li.next > a {
  text-decoration: none;
  background: none;
  border: none;
  color: #4B4B9C;
  text-align: center;
  width: auto;
  text-decoration: none;
  padding: 0 12px 0 10px;
}
.nav-pagination > li.next > a:hover, .nav-pagination > li.next > a:focus {
  text-decoration: underline;
}
.nav-pagination > li.next > a:before {
  background-position: 0 0;
  height: 8px;
  width: 6px;
  overflow: hidden;
  display: inline-block;
  top: 5.5px;
  right: 0px;
}

.nav-pagination > li.prev > a {
  text-decoration: none;
  background: none;
  border: none;
  color: #4B4B9C;
  text-align: center;
  width: auto;
  text-decoration: none;
  padding: 0 10px 0 12px;
}
.nav-pagination > li.prev > a:hover, .nav-pagination > li.prev > a:focus {
  text-decoration: underline;
}
.nav-pagination > li.prev > a:before {
  background-position: -14px 0;
  height: 9px;
  width: 6px;
  overflow: hidden;
  display: inline-block;
  top: 5px;
  left: 0;
}

.nav-pagination {
  margin: 25px 0 10px -8px;
  text-align: center;
  letter-spacing: -0.3em;
}
.nav-pagination > li.is-current {
  font-weight: bold;
}

/* .nav-internal
----------------------------------------------- */
.nav-internal {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 12px 12px 6px;
  border: 1px solid #e3e0db;
  background: #f7f6f3;
}
.nav-internal > li {
  display: inline-block;
  margin: 0 20px 5px 0;
}
.nav-internal > li > a {
  padding-left: 15px;
}
.nav-internal > li > a:before {
  background-position: -6px 0;
  height: 6px;
  width: 8px;
  overflow: hidden;
  display: inline-block;
  top: 7px;
  left: 0;
}

/* .nav-top
----------------------------------------------- */
.nav-top {
  text-align: right;
  margin-top: 40px;
}
.nav-top > a {
  padding-left: 15px;
}
.nav-top > a:before {
  background-position: -93px 0;
  height: 9px;
  width: 10px;
  overflow: hidden;
  display: inline-block;
  top: 6px;
  left: 0;
}

.nav-back {
  margin-top: 30px;
}
.nav-back > a {
  padding-left: 15px;
}
.nav-back > a:before {
  background-position: -14px 0;
  height: 9px;
  width: 6px;
  overflow: hidden;
  display: inline-block;
  top: 4.5px;
  left: 0;
}

.tab-block > .tab-nav {
  border-bottom: 2px solid #37367a;
  letter-spacing: -0.4em;
}
.tab-block > .tab-nav > li {
  display: table-cell;
  padding-right: 5px;
  letter-spacing: 0;
}
.tab-block > .tab-nav > li > a {
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  display: block;
  padding: 5px 10px;
  border: solid 1px #e3e0db;
  border-bottom: none;
  background: #f7f6f3;
  text-decoration: none;
}
.tab-block > .tab-nav > li > a:hover {
  border-color: #37367a;
  background: #37367a;
  color: #ffffff;
}
.tab-block > .tab-nav > li.is-current a {
  border-color: #37367a;
  background: #37367a;
  color: #ffffff;
}

.tab-block > .tab-body, .tab-block-03 > .tab-body {
  margin-bottom: 25px;
}
.tab-block > .tab-body > *, .tab-block-03 > .tab-body > * {
  margin: 20px 0 0;
  text-align: left;
}
.tab-block > .tab-body > img, .tab-block-03 > .tab-body > img {
  margin: 0;
}
.tab-block > .tab-body > .tab-content.is-close, .tab-block-03 > .tab-body > .tab-content.is-close {
  display: none;
}

@media screen and (max-width: 640px) {
  .tab-block .tab-nav {
    font-size: 92.85714%;
  }
  .tab-block .tab-nav > li a {
    padding: 5px 8px;
  }
}
.tab-block-02 .tab-nav, .tab-block-02 .tab-nav-02 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 102.27273%;
  margin-left: -2.22222%;
  padding: 10px 10px 1px;
  background: #e3e0db;
  letter-spacing: -0.4em;
}
.tab-block-02 .tab-nav > li, .tab-block-02 .tab-nav-02 > li {
  width: 31.11111%;
  margin-left: 2.22222%;
}
.tab-block-02 .tab-nav > li, .tab-block-02 .tab-nav-02 > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 10px;
  min-width: 115px;
  letter-spacing: 0;
}
.tab-block-02 .tab-nav > li a, .tab-block-02 .tab-nav-02 > li a {
  display: block;
  padding-right: 5px;
  padding-left: 5px;
  width: 100%;
}
.tab-block-02 .tab-nav > li.is-current a, .tab-block-02 .tab-nav-02 > li.is-current a {
  -webkit-box-shadow: inset 0 0 0;
  box-shadow: inset 0 0 0;
  border-color: #37367a;
  background: #37367a;
  color: #ffffff;
}

.tab-block-02 .tab-body {
  margin-bottom: 25px;
}
.tab-block-02 .tab-body > * {
  margin: 20px 0 0;
  text-align: left;
}
.tab-block-02 .tab-body > img {
  margin: 0;
}
.tab-block-02 .tab-body > .tab-content.is-close {
  display: none;
}
.tab-block-02 .tab-body > .is-close .tab-content {
  display: none;
}

.tab-block-02 {
  overflow: hidden;
}
.tab-block-02 .tab-nav > .auto {
  width: auto;
}
.tab-block-02 .tab-nav-02 {
  width: 103.21797%;
  margin-left: -3.11765%;
}
.tab-block-02 .tab-nav-02 > li {
  width: 21.88235%;
  margin-left: 3.11765%;
}

.tab-block-03 > .tab-nav {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  letter-spacing: -0.4em;
  padding-left: 5px;
  border-bottom: 2px solid #e3e0db;
  display: table;
  width: 100%;
}
.tab-block-03 > .tab-nav > li {
  font-size: 114.28571%;
  display: table-cell;
  padding-right: 5px;
  letter-spacing: 0;
  width: 50%;
  text-align: center;
}
.tab-block-03 > .tab-nav > li > a {
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  display: block;
  padding: 15px 10px 12px;
  border: solid 1px #e3e0db;
  border-bottom: none;
  background: #f7f6f3;
  text-decoration: none;
  color: #868686;
}
.tab-block-03 > .tab-nav > li > a:hover {
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  background-color: #e3e0db;
  color: #37367a;
}
.tab-block-03 > .tab-nav > li.is-current a {
  padding: 12px 10px;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-top: 3px solid #37367a;
  background-color: #e3e0db;
  color: #37367a;
  font-weight: bold;
}

.tab-block-03 > .tab-body > .tab-content:first-child {
  margin-top: 0;
}

@media screen and (max-width: 871px) {
  .tab-block-02 .tab-nav {
    width: 103.0137%;
    margin-left: -2.92553%;
  }
  .tab-block-02 .tab-nav > li {
    width: 47.07447%;
    margin-left: 2.92553%;
  }
  .tab-block-02 .tab-nav > li {
    min-width: auto;
  }
  .tab-block-02 .tab-nav > li a {
    padding-right: 5px;
    padding-left: 5px;
    width: 100%;
  }
  .tab-block-02 .tab-nav > li.auto {
    width: 47.07447%;
  }
}
@media screen and (max-width: 767px) {
  .tab-block-02 .tab-nav-02 {
    display: none;
  }
  .tab-block-02 .tab-block-02 {
    margin-top: 0;
  }

  .tab-block-03 > .tab-body > .tab-content:first-child {
    margin-top: 0;
  }

  .tab-block-03 .tab-block-02 .tab-body {
    margin-bottom: 0;
  }
  .tab-block-03 .tab-block-02 .tab-body > * {
    margin-top: 0;
  }
}
/* ----------------------------------------------------------------
    box
----------------------------------------------------------------- */
/* .box
----------------------------------------------- */
.box, .box-strong {
  margin: 25px 0;
  padding: 13px 13px 12px;
  border: 3px solid #e3e0db;
}

.box-03 {
  margin: 25px 0;
  padding: 9px 13px;
  border: 1px solid #e3e0db;
}

.box > *:first-child, .box-03 > *:first-child, .box-strong > *:first-child {
  margin-top: 0 !important;
}
.box > *, .box-03 > *, .box-strong > * {
  margin-top: 10px;
  margin-bottom: 0 !important;
  text-align: left;
}
.box > img, .box-03 > img, .box-strong > img {
  margin-top: 0;
}
.box .list-definition dd, .box-03 .list-definition dd, .box-strong .list-definition dd, .box .list-dot-definition dd, .box-03 .list-dot-definition dd, .box-strong .list-dot-definition dd {
  margin-bottom: 0;
}

.box-title {
  display: inline-block;
  margin: 30px 0 0;
  padding: 5px 20px;
  background: #e3e0db;
}

.box-02 > .box-hdg {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNlM2UwZGIiIHN0b3Atb3BhY2l0eT0iMC4zIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(30%, rgba(227, 224, 219, 0.3)), color-stop(100%, rgba(255, 255, 255, 0.3)));
  background-image: -moz-linear-gradient(bottom, rgba(227, 224, 219, 0.3) 30%, rgba(255, 255, 255, 0.3));
  background-image: -webkit-linear-gradient(bottom, rgba(227, 224, 219, 0.3) 30%, rgba(255, 255, 255, 0.3));
  background-image: linear-gradient(to top, rgba(227, 224, 219, 0.3) 30%, rgba(255, 255, 255, 0.3));
  font-size: 107.14286%;
  border: 1px solid #e3e0db;
}

.box-02 > .box-hdg > a {
  display: block;
  padding: 13px 28px 11px 14px;
}
.box-02 > .box-hdg > a:before {
  background-position: 0 0;
  height: 8px;
  width: 6px;
  overflow: hidden;
  top: 50%;
  right: 14px;
  margin-top: -3.5px;
}

.box-02 > .box-body {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjZmNCIvPjxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f6f4), color-stop(12%, #ffffff));
  background-image: -moz-linear-gradient(top, #f7f6f4, #ffffff 12%);
  background-image: -webkit-linear-gradient(top, #f7f6f4, #ffffff 12%);
  background-image: linear-gradient(to bottom, #f7f6f4, #ffffff 12%);
  padding: 13px 14px 11px 14px;
  border: 1px solid #e3e0db;
}

.box-04, .box-05, .box-06, .box-07, .box-08, .box-09 {
  margin: 25px 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border: 1px solid #ff9130;
}
.box-04 > .box-hdg, .box-05 > .box-hdg, .box-06 > .box-hdg, .box-07 > .box-hdg, .box-08 > .box-hdg, .box-09 > .box-hdg {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNzEwMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0OTEzYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f17102), color-stop(100%, #f4913a));
  background-image: -moz-linear-gradient(bottom, #f17102, #f4913a);
  background-image: -webkit-linear-gradient(bottom, #f17102, #f4913a);
  background-image: linear-gradient(to top, #f17102, #f4913a);
  background-color: #f17101;
  padding: 8px 15px 6px;
  color: #fff;
}
.box-04 > .box-hdg > span, .box-05 > .box-hdg > span, .box-06 > .box-hdg > span, .box-07 > .box-hdg > span, .box-08 > .box-hdg > span, .box-09 > .box-hdg > span {
  position: relative;
  padding-left: 39px;
}
.box-04 > .box-hdg > span:before, .box-05 > .box-hdg > span:before, .box-06 > .box-hdg > span:before, .box-07 > .box-hdg > span:before, .box-08 > .box-hdg > span:before, .box-09 > .box-hdg > span:before {
  position: absolute;
  top: -2.5px;
  left: 0;
  display: block;
  width: 29px;
  height: 21px;
  background: no-repeat 0 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAVCAYAAAC6wOViAAABcklEQVR42mNgwAL+///PBsSBQDwHiK/+xwSvgHgdEKcBMQ8DJQBqWTUQv/1PPACpzSTXQl0gvv2ffLAIiJmBOAGIi4BYgpCFlkD8+T/loBeIVYD4D5S/GojVsVkoCsQP/1MHgCxTB+KNSGI/QVGGbumE/9QFXUAciy34kS19S2VLQaldEVfwwyylNvgJNfcPjuA3poWl36CWfsAhv4KBSqkWGdyAZp2fOOQ/0yIhTYPmeZwAZKk0nqAgB4DyfAW+bAVLTE54goMUMAcatPfwqDmAnHU8oAU5uWAXtOwuIqDOFb2gkCbgSqypFVpJgHzoiiOrIFIujnJ4LxEWgVL8diAuBWIhqL4iAlG0BYg5sVkoAXU5MmiBynGCCnMs6kG1yiV8hQVG2YtkACeaL0HxG4umBhTvB4D4DDQ/EgPacVloA3XtbWgNkYk1KCBq+aEthtVotdMTID6PN7XSCkDjGR2APCJKa4sNoC0J5PbVbViaAABwUxpSl9d9KgAAAABJRU5ErkJggg==');
  content: "";
}
.box-04 > .box-body, .box-05 > .box-body, .box-06 > .box-body, .box-07 > .box-body, .box-08 > .box-body, .box-09 > .box-body {
  padding: 13px 14px 11px 14px;
}
.box-04 > .box-body > *, .box-05 > .box-body > *, .box-06 > .box-body > *, .box-07 > .box-body > *, .box-08 > .box-body > *, .box-09 > .box-body > * {
  margin-top: 10px;
  margin-bottom: 0;
}
.box-04 > .box-body > *:first-child, .box-05 > .box-body > *:first-child, .box-06 > .box-body > *:first-child, .box-07 > .box-body > *:first-child, .box-08 > .box-body > *:first-child, .box-09 > .box-body > *:first-child {
  margin-top: 0;
}
.box-04 > .box-body .list-definition dd, .box-05 > .box-body .list-definition dd, .box-06 > .box-body .list-definition dd, .box-07 > .box-body .list-definition dd, .box-08 > .box-body .list-definition dd, .box-09 > .box-body .list-definition dd, .box-04 > .box-body .list-dot-definition dd, .box-05 > .box-body .list-dot-definition dd, .box-06 > .box-body .list-dot-definition dd, .box-07 > .box-body .list-dot-definition dd, .box-08 > .box-body .list-dot-definition dd, .box-09 > .box-body .list-dot-definition dd {
  margin-bottom: 0;
}

.box-02 {
  margin: 25px 0;
}
.box-02 > .box-hdg .flag {
  vertical-align: baseline;
  margin: 0 0 -1px 5px;
}
.box-02 > .box-hdg > a:hover, .box-02 > .box-hdg > a:hover, .box-02 > .box-hdg > a:active, .box-02 > .box-hdg > a:focus {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNlM2UzZWUiIHN0b3Atb3BhY2l0eT0iMC41NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(30%, rgba(227, 227, 238, 0.55)), color-stop(100%, rgba(255, 255, 255, 0.55)));
  background-image: -moz-linear-gradient(bottom, rgba(227, 227, 238, 0.55) 30%, rgba(255, 255, 255, 0.55));
  background-image: -webkit-linear-gradient(bottom, rgba(227, 227, 238, 0.55) 30%, rgba(255, 255, 255, 0.55));
  background-image: linear-gradient(to top, rgba(227, 227, 238, 0.55) 30%, rgba(255, 255, 255, 0.55));
}
.box-02 > .box-hdg > span {
  display: block;
  padding: 13px 28px 11px 14px;
}
.box-02 > .box-body > * {
  margin-top: 10px;
  margin-bottom: 0;
}
.box-02 > .box-body > *:first-child {
  margin-top: 0;
}
.box-02 > .box-body [class*="lyt-cols"] > .col, .box-02 > .box-body [class*="lyt-cols"] > li {
  margin-bottom: 0;
}

.col > .box-02 > a, .col > .box-02 span {
  padding: 3.8% 3.8% 3.2% 3.8%;
}
.col > .box-body {
  padding: 3.8%;
}

.box-03 {
  border: 1px solid #f7b4ba;
  background: #ffeded;
}

.box-05 {
  border: 1px solid #7cc037;
}
.box-05 > .box-hdg {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4YjYxYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhhYzY0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #68b61a), color-stop(100%, #8ac64d));
  background-image: -moz-linear-gradient(bottom, #68b61a, #8ac64d);
  background-image: -webkit-linear-gradient(bottom, #68b61a, #8ac64d);
  background-image: linear-gradient(to top, #68b61a, #8ac64d);
  background-color: #68b61a;
}

.box-06 {
  border: 1px solid #3498e4;
}
.box-06 > .box-hdg {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOThlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYxYWZlYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #3398e6), color-stop(100%, #61afec));
  background-image: -moz-linear-gradient(bottom, #3398e6, #61afec);
  background-image: -webkit-linear-gradient(bottom, #3398e6, #61afec);
  background-image: linear-gradient(to top, #3398e6, #61afec);
  background-color: #3398e6;
}

.box-07 {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmFmMCIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 250, 240, 0.7)), color-stop(30%, rgba(255, 255, 255, 0.9)));
  background-image: -moz-linear-gradient(top, rgba(255, 250, 240, 0.7), rgba(255, 255, 255, 0.9) 30%);
  background-image: -webkit-linear-gradient(top, rgba(255, 250, 240, 0.7), rgba(255, 255, 255, 0.9) 30%);
  background-image: linear-gradient(to bottom, rgba(255, 250, 240, 0.7), rgba(255, 255, 255, 0.9) 30%);
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  border-width: 2px;
  border-color: #ffdab8;
}

.box-08 {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZmFmMCIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(245, 250, 240, 0.7)), color-stop(30%, rgba(255, 255, 255, 0.9)));
  background-image: -moz-linear-gradient(top, rgba(245, 250, 240, 0.7), rgba(255, 255, 255, 0.9) 30%);
  background-image: -webkit-linear-gradient(top, rgba(245, 250, 240, 0.7), rgba(255, 255, 255, 0.9) 30%);
  background-image: linear-gradient(to bottom, rgba(245, 250, 240, 0.7), rgba(255, 255, 255, 0.9) 30%);
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  border-width: 2px;
  border-color: #c9e5af;
}

.box-09 {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZmNmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(245, 252, 255, 0.7)), color-stop(30%, rgba(255, 255, 255, 0.9)));
  background-image: -moz-linear-gradient(top, rgba(245, 252, 255, 0.7), rgba(255, 255, 255, 0.9) 30%);
  background-image: -webkit-linear-gradient(top, rgba(245, 252, 255, 0.7), rgba(255, 255, 255, 0.9) 30%);
  background-image: linear-gradient(to bottom, rgba(245, 252, 255, 0.7), rgba(255, 255, 255, 0.9) 30%);
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  border-width: 2px;
  border-color: #c4e2f9;
}

.box-10 {
  border: 1px solid #e3e0db;
  border-top: 3px solid #8882b2;
  padding: 14px;
}
.box-10 .lyt-media-left {
  margin-bottom: 0;
}
.box-10 .lyt-media-left .media-img {
  padding-right: 5%;
}
.box-10 .label-icon {
  color: #fff;
  font-size: 12px;
  background: #787878;
  display: inline-block;
  padding: 1px 9px 0 8px;
  letter-spacing: -.5px;
}
.box-10 .media-text p {
  margin-top: 6px;
}

.box-strong {
  border-color: #ababc7;
  background: #fbfbff;
}

.box-title + .box {
  margin-top: -3px;
}

.block-line-dashed {
  padding-bottom: 20px;
  border-bottom: 1px dashed #bababa;
}

.box-readmore {
  margin: 20px 0 25px;
  position: relative;
  display: block;
  overflow: hidden;
}
.box-readmore > *:first-child {
  margin-top: 0;
}
.box-readmore > *:last-child {
  margin-bottom: 0;
}
.box-readmore::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  display: block;
  height: 100px;
  width: 100%;
  background: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));
  opacity: 0;
  visibility: hidden;
  transition: .2s opacity ease-out,  .2s visibility ease-out;
}
.box-readmore + .btn-readmore {
  position: relative;
  display: block;
  width: 172px;
  margin: 30px auto;
  padding: 7px 0 10px;
  color: #37367a;
  letter-spacing: 1px;
  border: 1px solid #d9d9d9;
  background: linear-gradient(to top, #f6f5f4, #ffffff);
}
.box-readmore + .btn-readmore::after {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  right: 23px;
  border: solid transparent;
  border-width: 5px 4px;
  border-bottom-color: #37367a;
}
.box-readmore[aria-hidden="true"] {
  height: 164px;
  pointer-events: none;
}
.box-readmore[aria-hidden="true"]::after {
  opacity: 1;
  visibility: visible;
}
.box-readmore[aria-hidden="true"] + .btn-readmore::after {
  top: 16px;
  border-top-color: #37367a;
  border-bottom-color: transparent;
}

/* ie6,7
----------------------------------------------------------------- */
.ie-box {
  width: 950px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

/* ----------------------------------------------------------------
    layout
----------------------------------------------------------------- */
/* .lyt-media
----------------------------------------------- */
.lyt-media-right, .lyt-media-left {
  margin-bottom: 25px;
}

.lyt-media-right .media-img, .lyt-media-left .media-img {
  max-width: 50%;
  text-align: center;
}

.lyt-media-right .media-text, .lyt-media-left .media-text {
  overflow: hidden;
}
.lyt-media-right .media-text > *:first-child, .lyt-media-left .media-text > *:first-child {
  margin-top: 0;
}

.lyt-media-right.lyt-text-around > .media-text, .lyt-media-left.lyt-text-around > .media-text {
  overflow: visible;
}
.lyt-media-right.lyt-text-around > .media-text > *:first-child, .lyt-media-left.lyt-text-around > .media-text > *:first-child {
  margin-top: 0;
}

.lyt-media-right .caption, .lyt-media-left .caption {
  margin: 5px 0 0;
  text-align: center;
}

.lyt-media-right .media-text > *:first-child, .lyt-media-left .media-text > *:first-child {
  margin-top: 0 !important;
}
.lyt-media-right .media-text > *, .lyt-media-right.lyt-text-around > .media-text > *, .lyt-media-left .media-text > *, .lyt-media-left.lyt-text-around > .media-text > * {
  margin-top: 20px;
  margin-bottom: 0;
  text-align: left;
}
.lyt-media-right .media-text > img, .lyt-media-right.lyt-text-around > .media-text > img, .lyt-media-left .media-text > img, .lyt-media-left.lyt-text-around > .media-text > img {
  margin-top: 0;
}
.lyt-media-right .media-text .list-link-right, .lyt-media-left .media-text .list-link-right {
  text-align: right;
}

.lyt-media-right .media-img > *:first-child, .lyt-media-left .media-img > *:first-child {
  margin-top: 0 !important;
}

.lyt-media-right .media-img {
  float: right;
  padding-left: 3%;
}
.lyt-media-right.lyt-text-around .media-img {
  padding-bottom: 10px;
}
.lyt-media-right.maximg .media-img {
  padding-left: 0;
  max-width: 100%;
}
.lyt-media-right.lyt-thumbnail .media-img {
  width: 120px;
  height: auto;
  margin: 0 auto;
  padding-left: 0;
}
.lyt-media-right.lyt-thumbnail .media-text {
  margin-left: 120px;
  padding-right: 3%;
}

.lyt-media-left .media-img {
  float: left;
  padding-right: 3%;
}
.lyt-media-left.lyt-text-around .media-img {
  padding-bottom: 10px;
}
.lyt-media-left.maximg .media-img {
  padding-right: 0;
  max-width: 100%;
}
.lyt-media-left.lyt-thumbnail .media-img {
  width: 120px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
}
.lyt-media-left.lyt-thumbnail .media-text {
  margin-left: 120px;
  padding-left: 3%;
}

@media screen and (max-width: 640px) {
  .lyt-media-right, .lyt-media-left {
    width: 100%;
  }

  .lyt-media-right .media-img, .lyt-media-left .media-img {
    float: none;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
  .lyt-media-right .media-img img, .lyt-media-left .media-img img {
    width: auto;
  }

  .lyt-media-right.lyt-intact .media-img, .lyt-media-left.lyt-intact .media-img {
    margin-bottom: 0;
    max-width: 50%;
    text-align: center;
    width: auto;
  }
  .lyt-media-right.lyt-intact .media-img img, .lyt-media-left.lyt-intact .media-img img {
    width: auto;
  }

  .lyt-media-right .media-img {
    padding-left: 0;
  }
  .lyt-media-right.lyt-intact .media-img {
    float: right;
    padding-left: 3%;
  }
  .lyt-media-right.lyt-text-around .media-img {
    padding-bottom: 0;
  }
  .lyt-media-right.lyt-text-around.lyt-intact .media-img {
    padding-bottom: 10px;
  }
  .lyt-media-right.lyt-thumbnail .media-text {
    margin-right: 0;
    padding-right: 0;
  }

  .lyt-media-left .media-img {
    padding-right: 0;
  }
  .lyt-media-left.lyt-intact .media-img {
    float: left;
    padding-right: 3%;
  }
  .lyt-media-left.lyt-text-around .media-img {
    padding-bottom: 0;
  }
  .lyt-media-left.lyt-text-around.lyt-intact .media-img {
    padding-bottom: 10px;
  }
  .lyt-media-left.lyt-thumbnail .media-text {
    margin-left: 0;
    padding-left: 0;
  }
}
/* .l-cols
----------------------------------------------- */
[class^="lyt-cols"],
[class*="lyt-cols"] {
  margin: 20px 0 25px;
}
[class^="lyt-cols"] .col .caption, [class^="lyt-cols"] > li .caption,
[class*="lyt-cols"] .col .caption,
[class*="lyt-cols"] > li .caption {
  margin-top: 5px;
  text-align: center;
}
[class^="lyt-cols"] > .caption,
[class*="lyt-cols"] > .caption {
  padding-top: 5px;
  clear: both;
  text-align: center;
}

[class^="lyt-cols"] .col, [class^="lyt-cols"] > li,
[class*="lyt-cols"] .col,
[class*="lyt-cols"] > li {
  float: left;
  margin-top: 20px;
  text-align: center;
}
[class^="lyt-cols"] .col > *:first-child, [class^="lyt-cols"] > li > *:first-child,
[class*="lyt-cols"] .col > *:first-child,
[class*="lyt-cols"] > li > *:first-child {
  margin-top: 0 !important;
}
[class^="lyt-cols"] .col > *, [class^="lyt-cols"] > li > *,
[class*="lyt-cols"] .col > *,
[class*="lyt-cols"] > li > * {
  margin: 20px 0 0;
  text-align: left;
}
[class^="lyt-cols"] .col > img, [class^="lyt-cols"] > li > img,
[class*="lyt-cols"] .col > img,
[class*="lyt-cols"] > li > img {
  margin: 0;
  text-align: center;
}
[class^="lyt-cols"] .col > a > img, [class^="lyt-cols"] > li > a > img,
[class*="lyt-cols"] .col > a > img,
[class*="lyt-cols"] > li > a > img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.lyt-cols .col {
  width: 100%;
  text-align: center;
  margin-top: 0;
}
.lyt-cols .col:first-child {
  margin-top: 0;
}

.lyt-cols-02 {
  width: 103.5461%;
  margin-left: -3.42466%;
}
.lyt-cols-02 .col {
  width: 46.57534%;
  margin-left: 3.42466%;
}
.lyt-cols-02 > .caption {
  margin-left: 3.42466%;
}
.lyt-cols-02.lyt-cols-max .col {
  max-width: 46.57534%;
  width: auto;
}
.lyt-cols-02.lyt-cols-max > .caption {
  text-align: left;
}
.lyt-cols-02 > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 46.57534%;
  margin-left: 3.42466%;
}
.lyt-cols-02 .col:first-child, .lyt-cols-02 .col:first-child + .col {
  margin-top: 0;
}
.lyt-cols-02 .col:first-child + .col + .col,
.lyt-cols-02 .col:first-child + .col + .col + .col + .col,
.lyt-cols-02 .col:first-child + .col + .col + .col + .col + .col + .col,
.lyt-cols-02 .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col,
.lyt-cols-02 .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col {
  clear: both;
}

.lyt-cols-03 {
  width: 102.97872%;
  margin-left: -2.89256%;
}
.lyt-cols-03 .col {
  width: 30.44077%;
  margin-left: 2.89256%;
}
.lyt-cols-03 > .caption {
  margin-left: 2.89256%;
}
.lyt-cols-03.lyt-cols-max .col {
  max-width: 30.44077%;
  width: auto;
}
.lyt-cols-03.lyt-cols-max > .caption {
  text-align: left;
}
.lyt-cols-03 > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.44077%;
  margin-left: 2.89256%;
}
.lyt-cols-03 .col:first-child, .lyt-cols-03 .col:first-child + .col, .lyt-cols-03 .col:first-child + .col + .col {
  margin-top: 0;
}
.lyt-cols-03 .col:first-child + .col + .col + .col,
.lyt-cols-03 .col:first-child + .col + .col + .col + .col + .col + .col,
.lyt-cols-03 .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col + .col,
.lyt-cols-03 .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col {
  clear: both;
}

.lyt-cols-04 {
  width: 103.26241%;
  margin-left: -3.15934%;
}
.lyt-cols-04 .col {
  width: 21.84066%;
  margin-left: 3.15934%;
}
.lyt-cols-04 > .caption {
  margin-left: 3.15934%;
}
.lyt-cols-04.lyt-cols-max .col {
  max-width: 21.84066%;
  width: auto;
}
.lyt-cols-04.lyt-cols-max > .caption {
  text-align: left;
}
.lyt-cols-04 > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 21.84066%;
  margin-left: 3.15934%;
}
.lyt-cols-04 .col:first-child, .lyt-cols-04 .col:first-child + .col, .lyt-cols-04 .col:first-child + .col + .col, .lyt-cols-04 .col:first-child + .col + .col + .col {
  margin-top: 0;
}
.lyt-cols-04 .col:first-child + .col + .col + .col + .col,
.lyt-cols-04 .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col,
.lyt-cols-04 .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col,
.lyt-cols-04 .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col {
  clear: both;
}

.lyt-cols-list-02 {
  width: 103.5461%;
  margin-left: -3.42466%;
}
.lyt-cols-list-02 .col {
  width: 46.57534%;
  margin-left: 3.42466%;
}
.lyt-cols-list-02 > .caption {
  margin-left: 3.42466%;
}
.lyt-cols-list-02.lyt-cols-max .col {
  max-width: 46.57534%;
  width: auto;
}
.lyt-cols-list-02.lyt-cols-max > .caption {
  text-align: left;
}
.lyt-cols-list-02 > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 46.57534%;
  margin-left: 3.42466%;
}
.lyt-cols-list-02 > li {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0;
}
.lyt-cols-list-02 li:first-child, .lyt-cols-list-02 li:first-child + li {
  margin-top: 0px;
}
.lyt-cols-list-02 li:first-child + li + li,
.lyt-cols-list-02 li:first-child + li + li + li + li,
.lyt-cols-list-02 li:first-child + li + li + li + li + li + li,
.lyt-cols-list-02 li:first-child + li + li + li + li + li + li + li + li {
  clear: both;
}

.lyt-cols-list-03 {
  width: 102.97872%;
  margin-left: -2.89256%;
}
.lyt-cols-list-03 .col {
  width: 30.44077%;
  margin-left: 2.89256%;
}
.lyt-cols-list-03 > .caption {
  margin-left: 2.89256%;
}
.lyt-cols-list-03.lyt-cols-max .col {
  max-width: 30.44077%;
  width: auto;
}
.lyt-cols-list-03.lyt-cols-max > .caption {
  text-align: left;
}
.lyt-cols-list-03 > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.44077%;
  margin-left: 2.89256%;
}
.lyt-cols-list-03 > li {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0;
}
.lyt-cols-list-03 li:first-child, .lyt-cols-list-03 li:first-child + li, .lyt-cols-list-03 li:first-child + li + li {
  margin-top: 0px;
}
.lyt-cols-list-03 li:first-child + li + li + li,
.lyt-cols-list-03 li:first-child + li + li + li + li + li + li,
.lyt-cols-list-03 li:first-child + li + li + li + li + li + li + li + li + li {
  clear: both;
}

.lyt-cols-list-04 {
  width: 103.26241%;
  margin-left: -3.15934%;
}
.lyt-cols-list-04 .col {
  width: 21.84066%;
  margin-left: 3.15934%;
}
.lyt-cols-list-04 > .caption {
  margin-left: 3.15934%;
}
.lyt-cols-list-04.lyt-cols-max .col {
  max-width: 21.84066%;
  width: auto;
}
.lyt-cols-list-04.lyt-cols-max > .caption {
  text-align: left;
}
.lyt-cols-list-04 > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 21.84066%;
  margin-left: 3.15934%;
}
.lyt-cols-list-04 > li {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0;
}
.lyt-cols-list-04 li:first-child, .lyt-cols-list-04 li:first-child + li, .lyt-cols-list-04 li:first-child + li + li, .lyt-cols-list-04 li:first-child + li + li + li {
  margin-top: 0px;
}
.lyt-cols-list-04 li:first-child + li + li + li + li,
.lyt-cols-list-04 li:first-child + li + li + li + li + li + li + li + li,
.lyt-cols-list-04 li:first-child + li + li + li + li + li + li + li + li + li + li + li + li,
.lyt-cols-list-04 li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {
  clear: both;
}

@media screen and (max-width: 640px) {
  .lyt-cols-02, .lyt-cols-02.lyt-cols-max, .lyt-cols-03, .lyt-cols-03.lyt-cols-max, .lyt-cols-04, .lyt-cols-04.lyt-cols-max, .lyt-cols-list-02, .lyt-cols-list-03, .lyt-cols-list-04 {
    margin-left: 0;
    width: 100%;
  }

  .lyt-cols-02 > .col, .lyt-cols-02.lyt-cols-max > .col, .lyt-cols-03 > .col, .lyt-cols-03.lyt-cols-max > .col, .lyt-cols-04 > .col, .lyt-cols-04.lyt-cols-max > .col, .lyt-cols-list-02 > li, .lyt-cols-list-03 > li, .lyt-cols-list-04 > li {
    float: none;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }

  .lyt-cols-02 .col:first-child + .col, .lyt-cols-02.lyt-cols-max .col:first-child + .col {
    margin-top: 20px;
  }

  .lyt-cols-03 .col:first-child + .col, .lyt-cols-03 .col:first-child + .col + .col, .lyt-cols-03.lyt-cols-max .col:first-child + .col, .lyt-cols-03.lyt-cols-max .col:first-child + .col + .col {
    margin-top: 20px;
  }

  .lyt-cols-04 .col:first-child + .col, .lyt-cols-04 .col:first-child + .col + .col, .lyt-cols-04 .col:first-child + .col + .col + .col, .lyt-cols-04.lyt-cols-max .col:first-child + .col, .lyt-cols-04.lyt-cols-max .col:first-child + .col + .col, .lyt-cols-04.lyt-cols-max .col:first-child + .col + .col + .col {
    margin-top: 20px;
  }

  .lyt-cols-02.lyt-cols-max > .caption, .lyt-cols-03.lyt-cols-max > .caption, .lyt-cols-04.lyt-cols-max > .caption {
    margin-left: 0;
    text-align: center;
  }

  .lyt-cols-list-02 > li {
    text-align: left;
  }
  .lyt-cols-list-02 li:first-child + li {
    margin-top: 10px;
  }

  .lyt-cols-list-03 > li {
    text-align: left;
  }
  .lyt-cols-list-03 li:first-child + li, .lyt-cols-list-03 li:first-child + li + li {
    margin-top: 10px;
  }

  .lyt-cols-list-04 > li {
    text-align: left;
  }
  .lyt-cols-list-04 li:first-child + li, .lyt-cols-list-04 li:first-child + li + li, .lyt-cols-list-04 li:first-child + li + li + li {
    margin-top: 10px;
  }
}
.img-decoration {
  padding: 2px;
  border: 1px solid #c9c9c9;
}

/* ----------------------------------------------------------------
	table
----------------------------------------------------------------- */
.table-01, .table-02 {
  width: 100%;
  margin: 20px 0;
}

/* .table-01
----------------------------------------------- */
.table-01 {
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #cac8c4;
}

.table-01 > thead th, .table-01 > thead td, .table-01 > tbody th.th-sub, .table-01 > tbody th, .table-01 > tbody td {
  padding: 12px 14px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #cac8c4;
  text-align: left;
}
.table-01 > thead th > img, .table-01 > thead td > img, .table-01 > tbody th.th-sub > img, .table-01 > tbody th > img, .table-01 > tbody td > img {
  vertical-align: middle;
}

.table-01 > thead th, .table-01 > thead td {
  background: #dddde9;
  font-weight: bold;
}

.table-01 > tbody th.th-sub, .table-01 > tbody th {
  background: #f3f2f0;
  font-weight: bold;
}

.table-01 > tbody th.th-sub {
  background: #fbfaf8;
}

.table-01 > tbody th > *, .table-01 > tbody td > *, .table-02 > tbody td > * {
  margin-top: 10px;
  margin-bottom: 0;
}
.table-01 > tbody th > *:first-child, .table-01 > tbody td > *:first-child, .table-02 > tbody td > *:first-child {
  margin-top: 0;
}

.table-01 > tbody th > img {
  margin: 0;
}
.table-01 > tbody td > img {
  margin: 0;
}
.table-01.color-type-01 > thead th, .table-01.color-type-01 > thead td {
  background: #bee9ff;
}
.table-01.color-type-01 > tbody th {
  background: #e6f6ff;
}
.table-01.color-type-02 > thead th, .table-01.color-type-02 > thead td {
  background: #d1f292;
}
.table-01.color-type-02 > tbody th {
  background: #ebffc2;
}
.table-01.color-type-03 > thead th, .table-01.color-type-03 > thead td {
  background: #ffd6b2;
}
.table-01.color-type-03 > tbody th {
  background: #fff0e1;
}
.table-01.color-type-04 > thead th, .table-01.color-type-04 > thead td {
  background: #fff79e;
}
.table-01.color-type-04 > tbody th {
  background: #fffcdd;
}
.table-01.color-type-04 > tbody th.th-sub {
  background: #fefef0;
}

.table-01 > tbody td.type-w-01 > img {
  max-width: 73px;
  width: 100%;
}

/* .table-02
----------------------------------------------- */
.table-02 > tbody th, .table-02 > tbody td {
  padding: 12px;
  border-width: 0 0 1px 0;
  border-style: solid;
  text-align: left;
}

.table-02 > tbody > tr:first-child > th, .table-02 > tbody > tr:first-child > td {
  border-width: 1px 0 1px 0;
}

.table-02 > tbody th {
  border-color: #c2beb7;
  font-weight: bold;
}

.table-02 > tbody td {
  border-color: #e3e0db;
}

@media screen and (max-width: 640px) {
  .table-01 > thead th, .table-01 > thead td, .table-01 > tbody th, .table-01 > tbody td, .table-01 > tbody th.th-sub, .table-02 > tbody th, .table-02 > tbody td {
    font-size: 85.71429%;
    padding: 7px 5px;
  }
}
/* .table-calendar
----------------------------------------------- */
.table-calendar {
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #e3e0db;
}
.table-calendar th, .table-calendar td {
  padding: 5px 8px;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #e3e0db;
  text-align: center;
}
.table-calendar .bg-01 {
  background: #99ccff;
}
.table-calendar .bg-02 {
  background: #ffcc99;
}
.table-calendar .bg-03 {
  background: #66cc66;
}

.calendar-list > li {
  position: relative;
}
.calendar-list > li:before {
  width: 30px;
  height: 15px;
  margin-right: 5px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.calendar-list > li.color-01:before {
  background: #99ccff;
}
.calendar-list > li.color-02:before {
  background: #ffcc99;
}
.calendar-list > li.color-03:before {
  background: #66cc66;
}

.top .table-calendar {
  width: 100%;
}
.top .table-calendar th, .top .table-calendar td {
  padding: 3px 4px 2px 4px;
}
.top .table-calendar td {
  color: #888888;
}
.top .table-calendar td a {
  color: #333;
  display: block;
}
.top .table-calendar thead th:first-child {
  color: #d4072e;
}
.top .table-calendar thead th:first-child + th + th + th + th + th + th {
  color: #38377a;
}
.top .table-calendar td:first-child {
  color: #d4072e;
}
.top .table-calendar td:first-child a {
  color: #d4072e;
}
.top .table-calendar td:first-child + td + td + td + td + td + td {
  color: #38377a;
}
.top .table-calendar td:first-child + td + td + td + td + td + td a {
  color: #38377a;
}
.top .table-calendar .holiday {
  color: #d4072e !important;
}
.top .table-calendar .holiday a {
  color: #d4072e !important;
}
.top .table-calendar .today {
  background: #D9D9E6;
}

/* .table-calendar-02
----------------------------------------------- */
.table-calendar-02 {
  width: 100%;
}
.table-calendar-02 thead th {
  padding: 12px 10px;
  border-top: 1px solid #cac8c4;
  background: #FBFAF8;
  text-align: left;
}
.table-calendar-02 thead th:first-child {
  width: 14%;
}
@media screen and (max-width: 640px) {
  .table-calendar-02 thead th {
    padding: 12px 4px 12px 7px;
  }
}
.table-calendar-02 tbody th,
.table-calendar-02 tbody td {
  padding: 10px 12px;
  border-top: 1px solid #cac8c4;
  vertical-align: top;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .table-calendar-02 tbody th,
  .table-calendar-02 tbody td {
    padding: 10px 4px 10px 7px;
  }
}
.table-calendar-02 tbody td {
  padding-right: 0;
  padding-bottom: 0;
}
.table-calendar-02 tbody .saturday,
.table-calendar-02 tbody .saturday {
  background: #EDF7FF;
}
.table-calendar-02 tbody .saturday th,
.table-calendar-02 tbody .saturday th {
  color: #38377a;
}
.table-calendar-02 tbody .holiday,
.table-calendar-02 tbody .holiday {
  background: #ffeded;
}
.table-calendar-02 tbody .holiday th,
.table-calendar-02 tbody .holiday th {
  color: #d4072e;
}
.table-calendar-02 .list-border {
  margin: 0;
}
.table-calendar-02 .list-border > li {
  padding: 11px 10px 11px 0;
  border-width: 1px 0 0;
}
@media screen and (max-width: 640px) {
  .table-calendar-02 .list-border > li {
    padding: 11px 5px 11px 0;
  }
}
.table-calendar-02 .list-border > li:first-child {
  padding-top: 0;
  border-width: 0;
}
.table-calendar-02 .list-border > li .title {
  display: block;
  margin-top: 0;
}

.search form {
  display: block;
  width: 100%;
}
.search .search-button {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiM2I3NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiNGI5YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #3b3b77), color-stop(100%, #4b4b9b));
  background-image: -moz-linear-gradient(bottom, #3b3b77, #4b4b9b);
  background-image: -webkit-linear-gradient(bottom, #3b3b77, #4b4b9b);
  background-image: linear-gradient(to top, #3b3b77, #4b4b9b);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 1px 0 3px;
  width: 31px;
  height: 28px;
  border: solid 1px #2f2f69;
  background-color: #4b4b9c;
  vertical-align: middle;
}
.search .search-button > img {
  vertical-align: middle;
}
.search .search-input {
  margin-right: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 3px 9px;
  width: 80%;
  border: 1px solid #d1d1d1;
  vertical-align: middle;
}

.search-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
}
.search-box select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
}
.search-box select:focus > option.jp:checked {
  background: #37367a !important;
  color: #fff !important;
}

@media screen and (max-width: 640px) {
  .search .search-input {
    font-size: 114.28571%;
  }

  .search-box select {
    font-size: 114.28571%;
  }
}
/* ----------------------------------------------------------------
    toggle
----------------------------------------------------------------- */
.toggle-blcok {
  display: none;
}

@media screen and (max-width: 767px) {
  .toggle-blcok {
    display: block;
    position: relative;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #e3e0db;
    background: #f7f6f3;
  }
  .toggle-blcok > .toggle-btn {
    padding: 15px 12px;
  }
  .toggle-blcok > .toggle-btn:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75);
    position: absolute;
    top: 50%;
    right: 5px;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin-top: -13px;
    width: 27px;
    height: 27px;
    border: solid 1px #a7a197;
    background-color: #e3e0db;
    content: "";
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTBkYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e3e0db), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(bottom, #e3e0db, #ffffff);
    background-image: -webkit-linear-gradient(bottom, #e3e0db, #ffffff);
    background-image: linear-gradient(to top, #e3e0db, #ffffff);
  }
  .toggle-blcok > .toggle-control {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    margin: 0;
    min-height: 100%;
    width: 100%;
    border-width: 0;
    background: none repeat scroll 0 0 transparent;
    color: transparent;
    text-align: right;
    text-decoration: none;
  }
  .toggle-blcok > .toggle-control:after, .toggle-blcok > .toggle-control:before {
    position: absolute;
    z-index: 4;
    display: block;
    background: #37367a;
    content: "";
  }

  .toggle-content {
    margin-top: 10px;
  }

  .hook-toggle-linkage.is-close .toggle-blcok > .toggle-control:after {
    margin-top: -2px;
    right: 17px;
    width: 2px;
    height: 12px;
  }
  .hook-toggle-linkage.is-close .toggle-blcok > .toggle-control:before {
    right: 12px;
    margin-top: 25px;
    width: 12px;
    height: 2px;
  }

  .hook-toggle-linkage.is-open .toggle-blcok > .toggle-control:after {
    display: none;
  }
  .hook-toggle-linkage.is-open .toggle-blcok > .toggle-control:before {
    right: 12px;
    margin-top: 25px;
    width: 12px;
    height: 2px;
  }
}
/* ----------------------------------------------------------------
    compornent
----------------------------------------------------------------- */
/* .comp-faq
----------------------------------------------- */
.comp-faq-list > li > a, .comp-faq-box > .question, .comp-faq-box > .answer {
  position: relative;
}
.comp-faq-list > li > a:before, .comp-faq-box > .question:before, .comp-faq-box > .answer:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 23px;
}

.comp-faq-list > li > a, .comp-faq-box > .question {
  margin-top: 25px;
}
.comp-faq-list > li > a:before, .comp-faq-box > .question:before {
  background: no-repeat 0 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAYAAAARIY8tAAABsUlEQVR42q2VT0REURTGH49WQ0QMbaNVq2HSqkW1imqIGEXLhlYxSctElP7Q8m1bzDYeraJZFNHM0KLFxNCmR6QYSsTtfM+9uT333Pdn5vBj7nvzvu++c859x3FiYqK4M0gUiCWiLH/nnV6DRNaIS+KHEAZuiQ1iIK1wkWgxoiY6xFyaXX+nENfZjhMvZRTW2eTER4nPPhigXlMmgwvuocWFQ+F5V6LZ6ITUajdiq3puM0H9XF28wP15deVMdLtfAhEE78L3G3/rk2PfZlLSDfa5nUOs3X4RlXXv3716/TE0sbyJrxsYWxIPI6LiYGZ6NzRHyhiDD93A2JbINYJLA8RhYklTXhmwAjYDFN52nxi3GsQJoOAxBmPK4NVWA72QqAfyn6AGIGc9AxBBB0EI7Ypraq3SZ2oAyYNe5DK3C5ig/xHqoKnAdYvBnm6Q49KkTJAm5Bz9jwMGYXUW1NtFGIl+KipZvj2MOKhGDVw5XESfwNmaNI3GVg+ib5H1MzEUNUE9/Azidzi5cpPzxBE6CR3KzYdl4imBcCDr5zI6w3FTbpY4IK6JewmG/SnmcJKB/wtH2HiPVGlXQQAAAABJRU5ErkJggg==');
  top: -1px;
  left: 0;
}

.comp-faq-box > .answer {
  padding: 0 20px 0 46px;
}
.comp-faq-box > .answer:before {
  background: no-repeat 0 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAYAAAARIY8tAAABoUlEQVR42mNgIADez7fgB2JjIA4B4igoW4KBUgA0JAGItwPxHyD+jwUfA+IcIGYj1WAzID6Pw1Bs+B4Qe5Pi6p8kGI6MKwgZHkimwci4CJfhKkD8jQoWgOLLHpsFGwlp/n5+zv/fz8/9/7w9i5AloPhjRjbcmBjX/fv5+T8I/Ly9lRifBCJb0E5Iw9fDzWDDQT4AgQ9LXQhZsAXZAoJJEmTw38/P/3/aGAu2ABRcBPR8QLYAb7L8uDoQbOiPqyvA/D9vb4EtIyKYJGAWEIxcEABZBOJ/O9kP5n/ZW0bIAl2iLAC5Fhb+IAzyAQj8eniQkAXqMAte4VIESpIww0A+gWFYZMN8hQPzEMwDoCSJLdWAggc5XrDgS8iRHIVNEchQfEEBCjpQ3sBhQQuyBTzYggnkfVBw4Mq5IF+A5HEEkzR6UZFJhXIIGZeiW8AMrVyoZQEob1liqxrPU2DoWzT+QyAWQrcEFB9byDD8JCjnQh3pB8S9oJQESqG46odwIL5NhMHPofHHjMMcUUK1nCsQdwHxASA+A8Wgyn4CqB4mpsIHAG0ow1UzRw7TAAAAAElFTkSuQmCC');
  top: -1px;
  left: 10px;
}
.comp-faq-box > .answer > *:first-child {
  margin-top: 0 !important;
}
.comp-faq-box > .answer > * {
  margin-top: 10px;
  margin-bottom: 0;
  text-align: left;
}
.comp-faq-box > .answer > img {
  margin-top: 0;
}

/* .comp-faq-list
----------------------------------------------- */
.comp-faq-list > li {
  padding: 8px 8px 8px 0;
  border-bottom: 1px dashed #bababa;
}
.comp-faq-list > li:first-child {
  padding-top: 0;
}
.comp-faq-list > li > a {
  padding-left: 34px;
  display: inline-block;
}
.comp-faq-list > li > a:first-child {
  margin-top: 0;
}

/* .comp-faq-box
----------------------------------------------- */
.comp-faq-box > .question {
  margin-bottom: 10px;
  padding: 10px 20px 8px 46px;
  background: #f2f0eb;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.comp-faq-box > .question:before {
  top: 8px;
  left: 10px;
}
.comp-faq-box > .question:first-child {
  margin-top: 0;
}

/* .comp-arrow-box
----------------------------------------------- */
.comp-arrow, .comp-arrow-02, .comp-arrow-03 {
  margin: 25px 0;
}

.comp-arrow .comp-arrow-contents, .comp-arrow-02 .comp-arrow-contents, .comp-arrow-03 .comp-arrow-contents {
  content: "";
  display: block;
  margin-top: 5px;
  padding-top: 50px;
  background: no-repeat 50% 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAtCAYAAABS6WCiAAABw0lEQVR42u3Y20cEYRjH8SFiiYiIiCW66mo76KCyWqVYymoV6aTooOiq/yCiq3Y7H+hMB20iIiK6jegquopliSViWfP0pWhak9rdeUexL5/L8fO+8z7P+85oWpJDPx3Pxz6ecQO3pnoQcgYxiKJAXWBozAEx4Vc709BYxCTUrTh0tBticK7ZMfSTEReG4UeWlhmWLu/xUCG6UWVP4NGgF6+QDxs2hA5EIAkq1AUe9jsQhyToUjvTg75LiEEMRYpDe4pwBQJ7wmjLlNY/bwx7nYUIQfCAVvWhu/4LiMELnOoCdzocEBMDame67YtAEngUh7b7EIN82LdnM221OTEET6a0/mCxb7SU4hVik7v34PXmXogNoij+nPFa0ypEMe/XZV7zZOMWosi0+ftdbXQiCrHYJb6/lOsrbi/EQk/I/3lHLzfMQCwQw+/uxvpSfRauIWmaSK5+l+oKEIakaCe1xrFYW484JEn3yEm9Yy3UTEGSEEVJ+q1yvvoM8ks+a/rzfFUeHiE/mLX2YAhWuhCDfOMa1n+V68GKYYiJMBT+1gmUb0IM4qhVe/4Gyh24N4RO2nPwz5WV4AUH9t445lwe5Kby7BtiLjuIfEN3vQAAAABJRU5ErkJggg==');
}
.comp-arrow .comp-arrow-contents > *:first-child, .comp-arrow-02 .comp-arrow-contents > *:first-child, .comp-arrow-03 .comp-arrow-contents > *:first-child {
  margin: 0 !important;
}
.comp-arrow .comp-arrow-contents:first-child, .comp-arrow-02 .comp-arrow-contents:first-child, .comp-arrow-03 .comp-arrow-contents:first-child {
  margin-top: 0;
  padding-top: 0;
  background: none;
}

.comp-arrow-02 .comp-arrow-contents {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAtCAYAAABS6WCiAAAB+ElEQVR42u3YXUhTYRzH8QNCMAiCQBgIwkDwqiuhNDPfWqHFIBiNRCGw0l34klfRysp8KWFGddErroJA8CoQAkHIHd3ClbMjXgVdBYOBMBCEweDflxhyGhPdPM+hYH/4XB5+PM95nv/znKNpBda79RvlmMEmImjRVNfb9cE5iEkKTmWBIWPQAcnDp3SkIWMgCcmhdoqnjf4uiMknzY6aNvpq4IcPZVqprKzX3/0V6EKdPYFrvR5sQ7JCykNfrfUkITmOKwt8Gb/mQAaSo0PpSF/Ery5ATNKoVBr6fLW7Ep8hSOBiaWv93/XsW2cFPkLwA+eVhz792jEPMdmCS1ngk9hlBySPbqUjfRzzJSE53EpDp2KXvEhDsmZsWUzBFa8L1+Euba1/rx598RzDNsQmxp/gh9ELVyA2SKFqZ8QT0fY3EMU8f03zeLTtEOIQRSbyvt+xyDkXUhCLLWD3S/lo5KwHYqFfKN9zRT9YPjMJsUAa+7sbjyy3lkGHHNBAQfv3/lKzEwlIkT4U1TjuLTU1IgMp0AYOF92x7uqNNyEFSKH6wK1yWD89B9knryX9eVhvOIqfkD0ELT0Y7oTra5CG7EKH9V/lt8Mn/ZA8ElD3WycQrnsPMcnglNLzNxCudWADkjVky8EfWKytxhZmbb1x3Fo84caRYp79DUI8y0y+gZK0AAAAAElFTkSuQmCC');
}

.comp-arrow-03 .comp-arrow-contents {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAtCAYAAABS6WCiAAAB8klEQVR42u3Y3UsUURjH8QEhWAiEQBAEYSHwyitByBcMayMsFotFRRCkQjKEIBAroptCK+g/CLX1bUu9UNYEa0tc61YIvAq6EpaZ2V1nFISFhacvscS0rOiucwaFfeBzOfw4Z855zpnRtCLr9fe9KkSQwg+0a6rr1eZeFOJgoVpZ4Nim7YMU0K10pKNx24DkUTvFLzfsPojDquZFvdiwGzCIblRo5XKznq/bNejDJU8Cn32zgziA5EwoD3361TIgeRqVBT6JWT5kIXl6lY505IsVgzhkUKs0dPjzbi3WIUjgVnlrne0aWt2twRIEv3BDeeiDT+k1iMM+/MoC76+kfZAC7iod6UA0bUDyBJSG3ltOh5CB5EQ8WUx3llN+DCBQ3lqnr3oWU/U4gHjk59/groVkP8QDFi7+G3FoPvkOoljwv2m+/TF5DlsQRcYKvt/OD6YfFsRlMRx+KQ9GzCDERTuoOnJF35wz30BckMHx7sYds2YF4pATeljU/r0+Y1YjASnRTEmN49q00YYspEjbOF9yx7o6ZTyGFMFC3Ylb5ZWwEYUcU8iV/tweNi7gN+QIb109GC6/NxqQgRwiDve/ytsm9UFIAQmo+63TOqmHIQ5ZtCg9f1smdB+2ITmPPDn4m8f1Ouxj3tMbR9O4HkBlKc/+AV0oS2H++IePAAAAAElFTkSuQmCC');
}

/* ----------------------------------------------------------------
    JavaScriptUI
----------------------------------------------------------------- */
/* Carrousel
----------------------------------------------- */
#ui-carousel-wrap {
  position: relative;
}

#ui-carousel {
  margin-bottom: 20px;
}

#ui-carousel-item-wrap {
  max-width: 950px;
  overflow: hidden;
  margin: 0 auto;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}

#ui-carousel-item {
  position: relative;
}
#ui-carousel-item div {
  margin: 0 0 5px;
  float: left;
}
#ui-carousel-item div img {
  width: 100%;
  height: auto;
}

#ui-carousel-item {
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}

.is-animation #ui-carousel-item {
  -webkit-transition: margin-left 0.5s ease-in-out;
  -moz-transition: margin-left 0.5s ease-in-out;
  transition: margin-left 0.5s ease-in-out;
}

#ui-carousel-item-wrap #ui-carousel-item.is-update {
  -webkit-transition: margin-left 0s ease-in-out;
  -moz-transition: margin-left 0s ease-in-out;
  transition: margin-left 0s ease-in-out;
}

.is-swipe #ui-carousel-item {
  -webkit-transition: margin-left 0.3s ease-in-out;
  -moz-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
}

#ui-carousel-nav {
  text-align: center;
  display: inline-block;
}
#ui-carousel-nav > li {
  display: inline-block;
}
#ui-carousel-nav > li > a {
  display: block;
  padding: 5px;
  width: 13px;
  height: 13px;
  background: no-repeat 50%;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAABKUlEQVR42o2SXUrDQBDH97VnKOQpN/AAgiB4g4JPeepVPIMgeID0g1ZXo1SLbQ0pSSBETNLE0qRJpBWr3mCcCTTUkNYOLMPMf3477MwyVjBZvjpqNm/OOp278273nvwh22ZYLGCxyvkj9PsaqKoF4/FL5jGmvFAEqq3WbdLrPYNpuuB5MUynC5jNlpmnGPOkV3MIO1wTYFk+hOEHJMk3pOlPfiimPOryuovI+QMYhpPdXAQ2QdJ1/VVgjQY/pS6uG20FNkHHCWsM31IfDHQIgvedwPr4flpn7bZyMhwae0NYd0xDqOBIV5NJsg9EdZVsGIryJNn2G8znq50Q6rU/uxqNzEvqFsdfpQDmL0p/habZEoJBFH3mk0TvYSyx/wyXKOIKDvAniGX6L7zEuy6Ijpp6AAAAAElFTkSuQmCC');
  color: transparent;
}
#ui-carousel-nav > li > a > span {
  position: relative;
  z-index: -1;
  display: inline-block;
  filter: alpha(opacity=0);
}
#ui-carousel-nav > li.is-current > a {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAkklEQVR42mNgQANqqslyQFwKxDOBeBoQhwAxDwM2AJRgA+JeIP4DxP/R8HMg9sOmaTUWxeg4BFlDFBEaQPgtEAvBNJ0hUhMIl8L88ocETetAmoRI0ADCe2HO+0yCpvkwTfNJ0OQB0yQBDRnC/kGLp0Ag/olHw20gFsUWwcZAvAVL3EwAYn4GfABkItQAEGZGlwcAab/GtckhZBEAAAAASUVORK5CYII=');
}

#ui-carousel-nav-wrap {
  text-align: center;
}

.is-stop #ui-carousel-player {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAQCAMAAABa4m3lAAAAS1BMVEU4N3r////z8/f6+vxIR4WRkLWWlbk/Pn9LSodNTIiYl7o9PH1GRYNUU41ZWJBdXZN3d6R6eaaTk7ednL2yscvJydvc3Ojj4+zl5e5HEK/XAAAAV0lEQVRo3q3SRw7AMAhE0cEYt/Tq3P+kuUAWg5S/frIQGNoqqGpTJNAlRB5/0wxH9+bAQa7JgUWPzGORZ+FxX+mXgw30zOfIb2PGH7nO7fhIO9QKR4vpC1GYAZN8A71iAAAAAElFTkSuQmCC');
}

#ui-carousel-player {
  position: relative;
  top: -2px;
  margin: 0 0 0 10px;
  width: 44px;
  height: 16px;
  color: transparent;
  background: no-repeat 0 auto;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAQBAMAAACfEoDkAAAAHlBMVEU4N3pIR4VLSodNTIiRkLWTk7eWlbmYl7r6+vz///+EZ36aAAAANElEQVRo3mNoN2DAAMwVDAkMWAAbgwA2YUYEk3MCw0wsKoaqMCrA4XmsQcXK0KKAKcrkAQCiYA3QfgIJMgAAAABJRU5ErkJggg==');
}
#ui-carousel-player > span {
  color: transparent;
  position: relative;
  z-index: -1;
  display: inline-block;
  filter: alpha(opacity=0);
}

#ui-carousel-prev, #ui-carousel-next {
  position: absolute;
  top: 50%;
  margin-top: -39px;
}
#ui-carousel-prev > a, #ui-carousel-next > a {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  background: no-repeat 50%;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAGO0lEQVR42rWYCUxTdxzHy+kB3k6dLmo8drjDiQ5wm8fUucPponHqMJn3pnGbosLmiDpBDQKJcU6mOJcxEBBXxhEGVlrOJSDlqFDaQg+gkypCRbkKFN6+/+XXpWPo+ip9yScm2Pfe9/2O7+/3nkBg48FxnDNwBUPAcDAKjAMTwCRiIhgPRgMP+i07x1kwWAcJcSMRY8EU8Cx4FfiCJWAZsRS8DrzA82AqCfQE7sDlSYQ40dMNp0hMJxHsxuvBLnAABIHjxBFwCOwGm8BKsADMokh60sM52xMV9kQjKSKv0MW30U1/AEkgR6e7U1FeplUDTWVlnQJ/ywdp4DIIAZ+BD8B8MA2MoVS68BEzhE6cQSnwA0fBlTt37pdHnk/v2LrlDOc1b9+AfLgmhIsIT+q5dUunxjm/gVCwHbxF6WZpHPa/oqzEsFqZTenZAyIbG1ukwcHxZh/vA48UMhCf773AyeX1NbhGNDgI3gdzwFOPFUU1404dwnK+AuxnUcnLqzQsXXqYlxBrFsz356KjxW24VirV3GoSNZ4C4DyQIBcwgoqXdcs+cDUmJvshu6C9Yqw5eiTWbDJ1i0jUe5Q+FgC3gaIzFDwNvMFOFmKh8I/7gyHEmuDj8ea+vr4UXN+fLGMqeZaztSBXUjqHWvpMYaGqjm+92EpMjKTVbDazmtpCnsXqyd1a0FBqb6Y4wGzulbBOcYQYBntQndag7O3tPUmpm/FPlKizmN+8ADaCi/Fxua2OEmPhm8PRfV1dXUmI1C6KEjNfV0u6mIsuZF2F6IjfXnGEc7Qg1ihyeW0NRAVTRz/DOk5AbTeVQheaLbnVYO9NToRc5fik+ty5tK62trafEaUN1HEeAppVz9HsuRx2WtjDV8jyZUGcRCLj2LHho1Cbz2Nu/+DBg0yTybSb5uQoAXkPm1U7gHD7trO8ndhobOUsBx9BrLibm43SlpaWr2lzGCugvYYNvr0gw9b6efONQA4+xfU/+AhiqFS1NU1NTWwIL2LtLyD/eQ18CbIWL/rKpguFhydxAx18BRUVyfUGgyGsp6eHDd6J1oK+ACJbBTECA37i2ttNTySotERZr9frwzs7O5mgCZaUzaOlKo2vIa5de5LTaAx2C1Kr66p1Ol1oa2vrYjZsBbTFvUg2Hn/wwGXe7b7Q9xCX8buUtyDWnbdv3y6tqak51tHR4cN2MAHtJDPBOnA+Kiqzw14fOnUq8e+I2fp79vBqtTqnqqrKH37EOn2EgHYgNseWg2MqlV7paJe2kHg1t62iokJYWVn5Cc2zYZY9aBy1/qeo9pQ9eyIdLobZi0ZTqygqKjonl8vfpdcoN8tw9aC0rYagiLIytd7RgmJjxJ2IjqigoOAQasiLmsvFsn6404D1xkqwGwWWEhT0S6+jxLA602p18tzc3IsQtK6hoWEarUBO1uurJ+XxHXjC8bt3m0r4trAtMJ8rLVUaCgsLUzIzM/fLZDIv8kLX/musO9XSS2z6Yuh9L5drNYO5irDZJbpe3FJWViZJT08/JRaLV9bX10/+V3T6vQINo716PqK0pbm5+UeFQqf5eFPYoBSxWFxqLC8vz4OYs2lpaetRQzMpM498FXKlHzAb8IY3bEV+o/T6hopvj12xu6bYBiErV/0plUrFqamp3127dm1zXl7eHKPROOo/bxyPE9Xd3b0AJ/khrBGYN5L8fFmj//5LNgvZ7BfBCX/Nfwjzk0FAslAoPJ2YmLiRiamrqxtDZeJk60cGJmoSVsyXIWqVVqsNUCgU0fg3v6pKXZuQkNOGN9le5lnsxgy2cJ0ISeCiojJMUmlVQ3V1dTmKNxMpuhQXFxcIMavQWbMxu0aTGGc+HxxcqaZYoc9AkfviSTeiKw6XlJRcQGEmw9AkKpWqED5SAkqVSmUx6qKguLj4ek5OTiLqJDIhISEoNjbWD9HxRf1MaWxstHwBcbL325A7RWsCVs2ZSJ0PrH41HHYHQh8gkUiCs7KywkQiUURGRkYYRATj5oGok52IyJrk5GSf7Ozs6RSVIU/0jajfa7Y7OfqY9vb2yXjSWRA2F8IWQtgSBtp48Y0bN3zhL3MhYtbNmzcn3bt3b4RFiF1RsaG+XCjkQ+kFwZPe60bSfu5B/+dGv+X1ceovQKO/uupEA7gAAAAASUVORK5CYII=');
  color: transparent;
  overflow: hidden;
}
#ui-carousel-prev > a span, #ui-carousel-next > a span {
  color: transparent;
  position: relative;
  z-index: -1;
  display: inline-block;
  filter: alpha(opacity=0);
}

#ui-carousel-prev {
  left: -15px;
}

#ui-carousel-next {
  right: -15px;
}
#ui-carousel-next > a {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAGPklEQVR42rWYCVBVZRTHUdlSUMxdG3VEraxc0AQrd7PMtNExNZzJvXSsFBXKGDVBHQVmHDNJsZoIBMQesQyByHuszYA8NuEBD94CvARFQJR9vf2Pc+7M04F8l+XO/EZH3733d893zvnOvWZmEg5BEAYDc2AFhgE7MBqMA+OZsWAUGAGG8m/pnMFm/XXgYkOAJbBhgcngNeAA3gHLwApmKXACc8FMMAm8zHIWfRLjiFiwCD35dLAArAZbwT5wFBwHpxh3cBjsBZtYkuSmcuSGcsQG9SYqFO6RYAqYDz4GXwJP8CuIAin5+WWFOdk6LdDo9ffz8G+JIAz8zLI7+SFmc8SGc8QHS5F5iZeHwr4c7ALnwF937+o1Pt5h7Z+s9xQc5h3slh3bLwi+l6Ob7t9/lINzroMTwJmXeBo/qNULpYxkxoBZ4CNwBPirVOUlXx240qNEdzguPCx4eAR3VFXVKXENX7Cfl3EG51bPUpwzVhwZklnHORHp7y9vWDDfRZKMMcuWHROSk/MrOVqHwCrOSTtevkHdCVnwD2iZ1pBMS0tb3InjgR29FTGGHiggIOEJrnsDHOTqpGS3pZXpLjrDuKSpdF26uroiPE4F94uMMTLZP48oBcAesBBMANbPRInDNoZ7y/aOjg7/gABFfX/LiHmVlqYuw30ucGuYxStj/nx0KPvXdHZ2ntHrKovoxIEQIqhCOzo6FbifK68ItQNrUcicm5YDIrO3tbU17Ptj/l0DJSMSHJRUj3teBVvA69SfRCGqrFco8yHjoVKVlvSlokzl/VXHKUpyrrpFtBuIQrRcMxGdzQ0NDb9fuhTVKiX0pz1v9FoqQXG3ghsuVfVkUYh25rktLS37Hj9+HEtd1tQLbv6UriUICkWusHKFu2Qhr/Oydt6GaG98lWQGccd0qqur+66mplYpJZlFITpqa+sFqZ18186LdKoM7Ka9TqwwKvfF1dXVnmp1aYmUCxoLiQf6jPDeu24m5xGOGHCANnBRaFx7e/vyyspKr/R0laGvQnR4e4eZdP6Sxd/Sz+PBN+BtUWhsc3PzcoPB4J2VWVTeF6HGxhbBzfU3k89noTjwtShEOTS6vr5+iV6vP6fRlBX3VkirrRQ2bDgjuUHyXEXD3jyxykY2NTU5lpSUnLx3716WlGoRhWL+VgqLnI5KrrIjh6nAhGDarsAbopAt+s/sgoICF41Gk0g/MvWCFJGzZ0N73Yf8/GKbcP/LYCOwF4VoIJuWn5//eV5eniz0RlLDQHdpEbXaUIR7nwQraT8znoPGq1SqD9PT0y9ptaWFVI4DLbN/v6+A6o7Avb/gmX2U8dg6AjnkkJqaehRRigsMkDcPtFB2tsYAIR+eTO1pCxOFqNKsKyoqpkBoY1JS0lWdTq+SWjFScHf/oxOFFIFRZx8PafSaZWk8oNEIYpebm+sQGxt7KC0tLSIrq6iS+kR/y1BlPnhQnYneR+9xH/AcZvPMGCtGqby8fKJcLl8dHR19Njs7WxF3K6OuPwc1yk2VSqfFJv4TTRe455s8i1n29Apkgxyyj4qK2gSpizk5OclyeVZtfyT5Z1u9hMJCvbampuYXRGc7J/IErvIeX4UsamtrRyQnJ8+6efPmtsjIyB+VSqU8N0f9L+3MvZX54eT1ToOhIg956oeet4PzZhIvlfn/vSjS0lmWlZWNJKnQ0NAtMpnsPP4ejqaZK/sz5ck2Zx+TRVwOXRNSUnKrsE8qkA4+eFjntra2BSbJPPdKZIm9zQ4VNwNSa4OCgtywhNeQ7LHFxcU5SmVBhZ9fTMtpz5Cnr80kSVBvwZtqZ0hIYkNBgaZUp9OlFBYW+uNPV8isxYj8Fn+2sZH00YEjZVFVVWWDPJqEKDkFBgY6h4SEuCO/fBMTE0MzMjJuId9Si4qKMtDDskCmWq1OQ4NVoCDCMzMzr6BqjyGyW5DETlxNozhnzPvybciKopWQkDA1PDzcERFbj/zaA0k3yHnExMR4xcXF+cTHx3spFAoPLK8rOv5ubEXrsFSOGI3tuc/YSPrq8YJoPRV7+PCh7Z07d8ZDbjr61Zzbt287oU0sgcRSAiKLIDIHkZ3e2Ng4kb9yDGORIWb9fXB+DeH9z5pvZsvffIZzFIby/1nwb03+OPUfEM6kW2Ls/b8AAAAASUVORK5CYII=');
}

#ui-carousel-wrap.carousel-teaching_pro #ui-carousel-prev {
  margin-top: -29px;
}
#ui-carousel-wrap.carousel-teaching_pro #ui-carousel-prev > a {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAABdElEQVR42qXUPUgCYRgH8HcKBCEQgqDJ0ff8vNApEJpCwc1dyj6VPrCsQRMhCIKoKWhwisKpycnGQNyCIAiaElEolANDUISnv3GJhXevHw/84OD+7593uHsY0xhZPjRAANJwrToGP0yxYUeW4yY4hyaQhgacwLRumcsV90INaEhl8GiUHQSgBTSiJiz+K9vnoACN6QPMvUKnM5YHmlBWLdtbABpGMHgmynDmcOxeAYkkk3dUKn2Kcqco3HkB0pPJPFB3qtU6CbIFZrdvK0CDuN0xyuef6HcqlTppZVXvzGaLkpZU6pb6p1uolwcFhZEGkJZE4oba7U5fYURPmVmtW49AekKhC1KULxTWSJDNoXDjCEjE50tSsfgqym0ySVo3QwtIRJajeu8bMPvzcUvS2iXQhNK9X4/zVSM8A42pAH93JOfhOXgDGhEuEp4ZuMI4XzFBDmhIWTAKt7bFsuyFHNAAHbgHDxt1cMgI8+CHJfXZoHfmG0nFbiQ/r0quAAAAAElFTkSuQmCC');
}
#ui-carousel-wrap.carousel-teaching_pro #ui-carousel-next {
  margin-top: -29px;
}
#ui-carousel-wrap.carousel-teaching_pro #ui-carousel-next > a {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAABeklEQVR42qXUO0hCURwG8DMJghAIQdDk2L0+b+gUBE2h4OYevV/0oOeQhRAELTkFDU1hNDU52RiIWxAEQVMRVyiKC4ZgBF+fdQsTz8nHH35w4f+dbzr3CCEZw9hwUIy26ciWojg5RbNjGOtdtEslgkSZ0uRWloVC6xF6JDTphQYlZWtDVCa0qELxurJVDz0R2mSR9lsYDK6cETqUs8uWNYJMIrEP1b7OgAgElvYIMg8Pz0gmT6HK1Dhk4WKeIFMsvqI6x8cXUOVsN8LvX7gnyJjmd2F1crkrhMMrUOQt4fPNWwSZ2sLq7OxkoMqzcO6RIPNT+P7+ga2tE6iyVBJe72yWIGOaL7CsN4yMHECVs12ycHqGIFMo3CIaTUKVqbEpdH2qh0qERgxjHrJdnQp5vi63rk+mCB1K//56mjbhoDyhTdfk+vNAaNp4N3ExjhbdUW/DJ0zTxlyUITQpS+5/X+2+vtEIndMHoYEsDYpWh4ec1E/DFLO/Xaozn3f0biQpdTK5AAAAAElFTkSuQmCC');
}

@media screen and (max-width: 995px) {
  #ui-carousel-wrap {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
  }

  #ui-carousel #ui-carousel-prev {
    left: 0px;
  }
  #ui-carousel #ui-carousel-next {
    right: 0px;
  }

  #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-prev {
    left: -10px;
  }
  #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-next {
    right: -10px;
  }
}
@media screen and (max-width: 767px) {
  #ui-carousel {
    padding: 0;
  }
  #ui-carousel #ui-carousel-next {
    right: 18px;
    width: 18px;
  }
  #ui-carousel #ui-carousel-prev {
    left: 0;
  }

  #ui-carousel-prev > a, #ui-carousel-next > a {
    background-size: 70%;
  }

  #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-prev {
    width: 20px;
  }
  #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-prev > a {
    background-size: auto;
  }
  #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-next {
    width: 20px;
    right: 7px;
  }
  #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-next > a {
    background-size: auto;
  }
}
@media screen and (max-width: 640px) {
  #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-prev > a, #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-next > a {
    background-size: 45%;
  }
  #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-nav {
    display: none;
  }
  #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-player {
    margin-top: 5px;
  }
}
@media screen and (max-width: 550px) {
  #ui-carousel #ui-carousel-next {
    right: 0;
    width: 18px;
  }
  #ui-carousel #ui-carousel-prev {
    left: 0;
    width: 18px;
  }
  #ui-carousel #ui-carousel-prev > a, #ui-carousel #ui-carousel-next > a {
    width: 18px;
    background-size: 100%;
  }

  #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-prev {
    width: 20px;
    left: -3px;
  }
  #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-prev > a {
    width: 20px;
    background-size: 70%;
  }
  #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-next {
    width: 20px;
    right: -3px;
  }
  #ui-carousel-wrap.carousel-teaching_pro #ui-carousel-next > a {
    width: 20px;
    background-size: 70%;
  }
}
/* Carrousel-02
----------------------------------------------- */
#ui-carousel-02 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  max-width: 950px;
  background: #fff;
  position: relative;
}
#ui-carousel-02 .ui-carousel-item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 5px;
  border: 4px solid #e3e0db;
  width: 74.94737%;
  vertical-align: top;
}
#ui-carousel-02.is-reday .ui-carousel-item-list {
  position: relative;
}
#ui-carousel-02.is-reday .ui-carousel-item-list li {
  position: relative;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0;
  display: none;
}
#ui-carousel-02.is-reday .ui-carousel-item-list li.is-current {
  z-index: 1;
  display: block;
}
#ui-carousel-02 .ui-carousel-control-area {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 1px 10px 0;
  width: 25.05263%;
  background: #f2efea;
  vertical-align: top;
  position: absolute;
  right: 0;
  top: 0;
}
#ui-carousel-02 .ui-carousel-nav {
  display: none;
}
#ui-carousel-02 .ui-carousel-nav li {
  margin-top: 5px;
}
#ui-carousel-02 .ui-carousel-nav li.is-current a {
  display: block;
  position: relative;
  z-index: 1;
}
#ui-carousel-02 .ui-carousel-nav li.is-current a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 98%;
  height: 95%;
  display: block;
  border: 2px solid #37367a;
  content: "";
  z-index: 5;
}
#ui-carousel-02.is-reday .ui-carousel-nav {
  display: block;
}
#ui-carousel-02 .ui-carousel-control {
  float: right;
  display: block;
  color: transparent;
  margin: 5px 0 0;
  width: 28px;
  height: 28px;
  line-height: 0;
  font-size: 0;
  background: url(/common/images/btn-carousel-stop-02.png) no-repeat left top;
}
#ui-carousel-02 .ui-carousel-control span {
  color: transparent;
  position: relative;
  z-index: -1;
  display: inline-block;
  filter: alpha(opacity=0) !important;
}
#ui-carousel-02.is-stop .ui-carousel-control {
  background: url(/common/images/btn-carousel-start-02.png) no-repeat left top;
}

@media screen and (max-width: 970px) {
  #ui-carousel-02 .ui-carousel-control, #ui-carousel-02.is-stop .ui-carousel-control {
    background-size: 23px 23px;
    width: 23px;
    height: 23px;
  }
}
@media screen and (max-width: 767px) {
  #ui-carousel-02 .ui-carousel-item {
    float: none;
    width: auto;
    max-width: 694px;
    margin: 0 auto;
  }
  #ui-carousel-02 .ui-carousel-control-area {
    position: static;
    padding: 1px 10px;
    width: auto;
    max-width: 694px;
    margin: 0 auto;
    text-align: center;
  }
  #ui-carousel-02 .ui-carousel-control-area .ui-carousel-nav {
    display: inline-block;
  }
  #ui-carousel-02 .ui-carousel-control-area .ui-carousel-nav > li {
    display: inline-block;
  }
  #ui-carousel-02 .ui-carousel-control-area .ui-carousel-nav > li > a {
    display: block;
    padding: 5px;
    width: 13px;
    height: 13px;
    background: no-repeat 50%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAABKUlEQVR42o2SXUrDQBDH97VnKOQpN/AAgiB4g4JPeepVPIMgeID0g1ZXo1SLbQ0pSSBETNLE0qRJpBWr3mCcCTTUkNYOLMPMf3477MwyVjBZvjpqNm/OOp278273nvwh22ZYLGCxyvkj9PsaqKoF4/FL5jGmvFAEqq3WbdLrPYNpuuB5MUynC5jNlpmnGPOkV3MIO1wTYFk+hOEHJMk3pOlPfiimPOryuovI+QMYhpPdXAQ2QdJ1/VVgjQY/pS6uG20FNkHHCWsM31IfDHQIgvedwPr4flpn7bZyMhwae0NYd0xDqOBIV5NJsg9EdZVsGIryJNn2G8znq50Q6rU/uxqNzEvqFsdfpQDmL0p/habZEoJBFH3mk0TvYSyx/wyXKOIKDvAniGX6L7zEuy6Ijpp6AAAAAElFTkSuQmCC');
    color: transparent;
  }
  #ui-carousel-02 .ui-carousel-control-area .ui-carousel-nav > li > a img {
    width: 0;
    height: 0;
  }
  #ui-carousel-02 .ui-carousel-control-area .ui-carousel-nav > li.is-current > a {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAkklEQVR42mNgQANqqslyQFwKxDOBeBoQhwAxDwM2AJRgA+JeIP4DxP/R8HMg9sOmaTUWxeg4BFlDFBEaQPgtEAvBNJ0hUhMIl8L88ocETetAmoRI0ADCe2HO+0yCpvkwTfNJ0OQB0yQBDRnC/kGLp0Ag/olHw20gFsUWwcZAvAVL3EwAYn4GfABkItQAEGZGlwcAab/GtckhZBEAAAAASUVORK5CYII=');
  }
  #ui-carousel-02 .ui-carousel-control-area .ui-carousel-nav > li.is-current > a:before {
    width: 0;
    height: 0;
    border: none;
  }
  #ui-carousel-02 .ui-carousel-control-area .ui-carousel-control {
    margin-top: -10px;
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
}
/* Carrousel-02
----------------------------------------------- */
.ui-main-visual {
  background: #fff;
  position: relative;
}
.ui-main-visual .ui-carousel-control-area {
  position: absolute;
  bottom: 120px;
  right: 20px;
  letter-spacing: -0.33em;
  z-index: 5;
}
.ui-main-visual .ui-carousel-control-area li {
  display: inline-block;
  padding-right: 7px;
  letter-spacing: 0;
}
.ui-main-visual .ui-carousel-control-area li a {
  position: relative;
  display: block;
  border: 1px solid #fff;
}
.ui-main-visual .ui-carousel-control-area li.is-current a:before {
  position: absolute;
  left: -4px;
  top: -4px;
  display: block;
  content: "";
  width: 43px;
  height: 40px;
  border: 3px solid #37367a;
}
.ui-main-visual .ui-main-visual-control {
  position: absolute;
  bottom: 52px;
  right: 5px;
  display: block;
  color: transparent;
  margin: 5px 0 0;
  width: 28px;
  height: 28px;
  line-height: 0;
  z-index: 5;
  background: url(/images/top/index-btn-sotp.png) no-repeat left top;
}
.ui-main-visual .ui-main-visual-control span {
  color: transparent;
  position: relative;
  z-index: -1;
  display: inline-block;
  filter: alpha(opacity=0) !important;
}
.ui-main-visual.is-stop .ui-main-visual-control {
  background: url(/images/top/index-btn-play.png) no-repeat left top;
}
.ui-main-visual.is-reday .ui-main-visual-item {
  position: relative;
}
.ui-main-visual.is-reday .ui-main-visual-item li {
  position: relative;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0;
  display: none;
}
.ui-main-visual.is-reday .ui-main-visual-item li.is-current {
  z-index: 1;
  display: block;
}

@media screen and (max-width: 996px) {
  .ui-main-visual .ui-carousel-control-area {
    bottom: 70px;
  }
  .ui-main-visual .ui-main-visual-control {
    bottom: 50px;
  }
}
@media screen and (max-width: 870px) {
  .ui-main-visual .ui-carousel-control-area {
    bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .ui-main-visual .ui-carousel-control-area {
    position: static;
    padding: 1px 10px;
    width: auto;
    max-width: 694px;
    margin: 0 auto 10px;
    text-align: center;
  }
  .ui-main-visual .ui-carousel-control-area .ui-main-visual-nav {
    margin-top: 11px;
    display: inline-block;
  }
  .ui-main-visual .ui-carousel-control-area li {
    display: inline-block;
  }
  .ui-main-visual .ui-carousel-control-area li > a {
    display: block;
    padding: 5px;
    width: 13px;
    height: 13px;
    background: no-repeat 50%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAABKUlEQVR42o2SXUrDQBDH97VnKOQpN/AAgiB4g4JPeepVPIMgeID0g1ZXo1SLbQ0pSSBETNLE0qRJpBWr3mCcCTTUkNYOLMPMf3477MwyVjBZvjpqNm/OOp278273nvwh22ZYLGCxyvkj9PsaqKoF4/FL5jGmvFAEqq3WbdLrPYNpuuB5MUynC5jNlpmnGPOkV3MIO1wTYFk+hOEHJMk3pOlPfiimPOryuovI+QMYhpPdXAQ2QdJ1/VVgjQY/pS6uG20FNkHHCWsM31IfDHQIgvedwPr4flpn7bZyMhwae0NYd0xDqOBIV5NJsg9EdZVsGIryJNn2G8znq50Q6rU/uxqNzEvqFsdfpQDmL0p/habZEoJBFH3mk0TvYSyx/wyXKOIKDvAniGX6L7zEuy6Ijpp6AAAAAElFTkSuQmCC');
    color: transparent;
  }
  .ui-main-visual .ui-carousel-control-area li > a img {
    width: 0;
    height: 0;
  }
  .ui-main-visual .ui-carousel-control-area li.is-current > a {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAkklEQVR42mNgQANqqslyQFwKxDOBeBoQhwAxDwM2AJRgA+JeIP4DxP/R8HMg9sOmaTUWxeg4BFlDFBEaQPgtEAvBNJ0hUhMIl8L88ocETetAmoRI0ADCe2HO+0yCpvkwTfNJ0OQB0yQBDRnC/kGLp0Ag/olHw20gFsUWwcZAvAVL3EwAYn4GfABkItQAEGZGlwcAab/GtckhZBEAAAAASUVORK5CYII=');
  }
  .ui-main-visual .ui-carousel-control-area li.is-current > a:before {
    width: 0;
    height: 0;
    border: none;
  }
  .ui-main-visual .ui-main-visual-control {
    vertical-align: middle;
    position: static;
    display: inline-block;
    margin-top: -14px;
    width: 20px !important;
    height: 20px !important;
    background-size: 20px 20px !important;
  }
}
#category-top .contents .scope-area {
  margin: 0 0 40px;
}

.scope-area {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background: repeat 0 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAO0lEQVR42mN4+/rFs8f3MUmGd29eABGQBWHA2UCJl8+fPMAkGZ4/BbEgCJnNAOejkQyYaiFs3Dpw2QEAEjyua8VDOaMAAAAASUVORK5CYII=');
}
.scope-area p {
  margin: 0;
}
.scope-area .scope-area-inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhZDdkNCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(218, 215, 212, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(top, rgba(218, 215, 212, 0.5), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(top, rgba(218, 215, 212, 0.5), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom, rgba(218, 215, 212, 0.5), rgba(255, 255, 255, 0));
  width: 100%;
  padding: 17px 0 13px;
}
.scope-area .scope-contents {
  max-width: 140px;
  float: left;
  margin: 0 0 0 2.8%;
  text-align: center;
}
.scope-area .scope-carousel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  position: relative;
  padding: 13px 0 0;
  max-width: 727px;
  width: 78.172043%;
  margin-right: 1.41134751%;
  background: #fff;
  border: 1px solid #d1cbc4;
}
.scope-area .scope-carousel-inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  width: 94%;
  max-width: 645px;
  position: relative;
  left: 5px;
  overflow: hidden;
}
.scope-area .scope-carousel-list {
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}
.scope-area .scope-carousel-list li {
  float: left;
  margin-right: 16px;
  padding-bottom: 5px;
}
.scope-area .scope-carousel-list li a {
  display: block;
  text-decoration: none;
}
.scope-area .scope-carousel-list li span {
  padding: 4px 0 0 4px;
  display: block;
  line-height: 1.2;
}
.scope-area .scope-carousel-list li:first-child {
  margin-left: 0;
}
.scope-area .is-animation .scope-carousel-list {
  -webkit-transition: margin-left 0.5s ease-in-out;
  -moz-transition: margin-left 0.5s ease-in-out;
  transition: margin-left 0.5s ease-in-out;
}
.scope-area .is-update #ui-carousel-item {
  -webkit-transition: margin-left 0s ease-in-out;
  -moz-transition: margin-left 0s ease-in-out;
  transition: margin-left 0s ease-in-out;
}
.scope-area .logo-scope {
  margin-bottom: 10px;
}
.scope-area .text-scope {
  font-size: 85.71429%;
  text-align: center;
}
.scope-area .btn-scope {
  clear: both;
  margin: 0 5px;
  padding-top: 10px;
}
.scope-area .btn-scope > a {
  padding: 6px 14px 4px;
  width: 125px;
  text-align: center;
}
.scope-area .btn-scope > a:before {
  position: static;
  top: 0;
  left: 0;
  margin-right: 5px;
}
.scope-area .scope-contents-02 {
  max-width: 124px;
  float: left;
  margin: 0 2.41134751% 0 3.120567%;
  width: 17.730496%;
}
.scope-area .scope-contents-02 .btn-scope {
  margin: 0;
}
.scope-area .scope-carousel-02 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
  max-width: 531px;
  width: 75.3191489%;
  padding: 13px 0 0;
  border: 1px solid #d1cbc4;
  background: #fff;
}
.scope-area .scope-carousel-02 > img {
  width: 100%;
}
.scope-area .scope-carousel-02 .scope-carousel-inner {
  margin: 0 auto;
  max-width: 451px;
  left: 2px;
}
.scope-area .scope-carousel-02 .scope-carousel-list li {
  float: left;
  margin-right: 9px;
  padding-bottom: 5px;
}
.scope-area .next {
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: -11px;
  overflow: hidden;
}
.scope-area .prev {
  position: absolute;
  left: 13px;
  top: 50%;
  margin-top: -11px;
  overflow: hidden;
}

.top .scope-area .scope-contents-02 {
  max-width: 130px;
  float: left;
  margin: 0 4% 0 4%;
  width: 18.730496%;
}
.top .scope-area .scope-contents-02 .btn-scope {
  margin: 0;
}
.top .scope-area .scope-carousel-02 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
  max-width: 751px;
  width: 75.3191489%;
  padding: 13px 0 0;
  border: 1px solid #d1cbc4;
  background: #fff;
}
.top .scope-area .scope-carousel-02 > img {
  width: 100%;
}
.top .scope-area .scope-carousel-02 .scope-carousel-inner {
  margin: 0 auto;
  max-width: 618px;
  left: 2px;
}
.top .scope-area .scope-carousel-02 .scope-carousel-list li {
  float: left;
  margin-right: 9px;
  padding-bottom: 5px;
}

@media screen and (max-width: 1392px) {
  .top .scope-area .scope-carousel-02 .next {
    right: -9px;
    text-align: right;
  }
  .top .scope-area .scope-carousel-02 .prev {
    left: -9px;
  }
}
@media screen and (max-width: 1280px) {
  .top .scope-area .scope-contents-02 {
    max-width: 130px;
    margin: 0 3% 0 3%;
    width: 18.730496%;
  }
  .top .scope-area .scope-carousel-02 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: relative;
    max-width: 751px;
    width: 75.3191489%;
    padding: 13px 0 0;
    border: 1px solid #d1cbc4;
    background: #fff;
  }
  .top .scope-area .scope-carousel-02 > img {
    width: 100%;
  }
  .top .scope-area .scope-carousel-02 .scope-carousel-inner {
    margin: 0 auto;
    max-width: 618px;
    left: 2px;
  }
  .top .scope-area .scope-carousel-02 .scope-carousel-list li {
    float: left;
    margin-right: 9px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 1106px) {
  .top .scope-area .scope-contents-02 {
    max-width: 130px;
    margin: 0 2.41134751% 0 3.120567%;
    width: 17.730496%;
  }
  .top .scope-area .scope-carousel-02 {
    width: 75.3191489%;
  }
}
@media screen and (max-width: 1040px) {
  .scope-area .scope-carousel-02 .next {
    right: -9px;
    text-align: right;
  }
  .scope-area .scope-carousel-02 .prev {
    left: -9px;
  }
}
@media screen and (max-width: 1030px) {
  .top .scope-area .scope-contents-02 {
    max-width: 124px;
  }
  .top .scope-area .scope-carousel-02 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 531px;
    width: 75.3191489%;
  }
  .top .scope-area .scope-carousel-02 .scope-carousel-inner {
    max-width: 451px;
    left: 4px;
  }
}
@media screen and (max-width: 996px) {
  .top .scope-area .scope-carousel-02 .scope-carousel-inner {
    max-width: 451px;
    left: 3px;
  }
  .top .scope-area .scope-carousel-02 .next {
    right: 7px;
    text-align: right;
  }
  .top .scope-area .scope-carousel-02 .prev {
    left: 8px;
  }
}
@media screen and (max-width: 987px) {
  .top .scope-area .scope-carousel-02 {
    margin: 0 0 0 2%;
  }
  .top .scope-area .scope-carousel-02 .next {
    right: -11px;
  }
  .top .scope-area .scope-carousel-02 .prev {
    left: -11px;
  }
  .top .scope-area .scope-carousel-02 .btn-scope a {
    width: 115px;
  }
  .top .scope-area .scope-contents-02 {
    margin: 0 2% 0 2%;
  }
}
@media screen and (max-width: 985px) {
  .scope-contents-02 .btn-scope {
    text-align: center;
  }
  .scope-contents-02 .btn-scope > a {
    width: 90px;
    font-size: 12px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 935px) {
  .scope-area .next {
    right: -7px;
    text-align: right;
  }
  .scope-area .prev {
    left: -7px;
  }
}
@media screen and (max-width: 870px) {
  .top .scope-area .scope-contents-02 .btn-scope a {
    padding-right: 3px;
    padding-left: 3px;
    width: 95px;
    font-size: 92.85714%;
  }

  .scope-area .scope-contents {
    margin: 0 0 0 1%;
  }
  .scope-area .scope-carousel-list li {
    font-size: 92.85714%;
  }
}
@media screen and (max-width: 786px) {
  .scope-area .scope-contents-02 {
    margin-right: 15px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .scope-area .scope-contents {
    max-width: 300px;
    margin: 0 auto;
    float: none;
  }
  .scope-area .logo-scope {
    float: left;
    margin-right: 30px;
  }
  .scope-area .text-scope {
    float: left;
    width: 124px;
  }
  .scope-area .btn-scope > a {
    width: 100%;
    padding: 8px 14px 6px;
  }
  .scope-area .scope-carousel {
    display: none;
  }

  #category-top .contents .scope-area {
    margin: 0 0 30px;
  }

  .scope-area {
    width: auto;
    left: -20px;
    margin: 0 -30px 0 10px;
    position: relative;
  }

  #category-top .scope-area, .top .scope-area, .academy .scope-area, .university .scope-area, .graduate .scope-area, .correspondence .scope-area, .research .scope-area, .uni_admission .scope-area, .gra_admission .scope-area {
    width: 100%;
    left: 0;
    margin: 0;
    position: static;
  }

  .top .scope-area .scope-contents-02, .scope-area .scope-contents-02 {
    max-width: 300px;
    padding: 0 10px;
    width: auto;
    margin: 0 auto;
    float: none;
  }
  .top .scope-area .scope-contents-02 .logo-scope, .scope-area .scope-contents-02 .logo-scope {
    margin-right: 20px;
  }
  .top .scope-area .scope-contents-02 .btn-scope > a, .scope-area .scope-contents-02 .btn-scope > a {
    width: 100%;
    padding: 8px 14px 6px;
  }
  .top .scope-area .scope-contents-02 .text-scope, .scope-area .scope-contents-02 .text-scope {
    font-size: 85.71429%;
  }
  .top .scope-area .scope-carousel-02, .scope-area .scope-carousel-02 {
    display: none;
  }
}
/* ----------------------------------------------------------------
    calendar
----------------------------------------------------------------- */
/* .calendar-block
----------------------------------------------- */
.calendar-block {
  display: block;
}
.calendar-block .calendar-alert {
  display: none;
}
.calendar-block.is-unavailable > * {
  display: none;
}
.calendar-block.is-unavailable .calendar-alert {
  display: block;
}

.calendar-block {
  position: relative;
}

.top .calendar-block {
  position: static;
}

#js-loading {
  position: absolute;
  top: 300px;
  left: 330px;
}

.top .main-box .main-box-item:first-child {
  position: relative;
}

#js-loading.is-toppage {
  position: absolute;
  top: 103px;
  left: 74px;
}

.calendar-nav-02 {
  margin: 0 0 17px;
}
.calendar-nav-02 li {
  float: right;
}
.calendar-nav-02 li:first-child {
  float: left;
}
.calendar-nav-02 .prev {
  position: relative;
  padding: 0 0 0 15px;
}
.calendar-nav-02 .prev:before {
  background-position: -14px 0;
  height: 9px;
  width: 6px;
  overflow: hidden;
  position: absolute;
  top: 7px;
  left: 0;
  display: inline-block;
  content: "";
}
.calendar-nav-02 .next {
  position: relative;
  padding: 0 15px 0 0;
}
.calendar-nav-02 .next:before {
  background-position: 0 0;
  height: 8px;
  width: 6px;
  overflow: hidden;
  position: absolute;
  top: 7px;
  right: 0;
  display: inline-block;
  content: "";
}
.calendar-nav-02 .is-hidden {
  display: none;
}

.top .calendar-header {
  position: relative;
  margin: 0 0 8px;
}
.top .calendar-header .date {
  text-align: center;
  font-weight: bold;
}
.top .calendar-header .prev {
  position: absolute;
  top: 0;
  left: 0;
}
.top .calendar-header .next {
  position: absolute;
  top: 0;
  right: 0;
}

/* ----------------------------------------------------------------
  #header
----------------------------------------------------------------- */
.header {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 29%;
  z-index: 1;
  margin-left: -229px;
  padding: 15px 0px 52px 0px;
  width: 230px;
  background: url("/common/images/bg-logo-01.png") no-repeat -2px 0;
}
.header .site-logo {
  margin: 0;
  text-align: center;
}
.header .nav-control {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxMzA2OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM3MzY3YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #313069), color-stop(100%, #37367a));
  background-image: -moz-linear-gradient(bottom, #313069, #37367a);
  background-image: -webkit-linear-gradient(bottom, #313069, #37367a);
  background-image: linear-gradient(to top, #313069, #37367a);
  display: none;
  float: right;
  overflow: hidden;
  margin-top: 28px;
  width: 50px;
  height: 39px;
  background-color: #37367a;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.26);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.26);
}
.header .nav-control > a {
  position: relative;
  display: block;
  color: transparent;
}
.header .nav-control > a:before {
  background-position: -1277px 0;
  height: 15px;
  width: 20px;
  overflow: hidden;
  position: absolute;
  top: 11px;
  left: 15px;
  display: inline-block;
  content: '';
}

.top .header .search {
  display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .header {
    margin-left: -229px;
  }
}
@media screen and (max-width: 996px) {
  .header {
    left: 249px;
  }
}
@media screen and (max-width: 767px) {
  .header {
    position: static;
    left: 0;
    margin: 0 0 11px 0;
    padding: 0 10px 0 10px;
    width: 100%;
    background: url("/common/images/bg-contents-general-03.png") no-repeat 100% 0;
  }
  .header .site-logo {
    float: left;
    padding-top: 9px;
    text-align: left;
  }
  .header .nav-control {
    display: block;
  }

  .top .header {
    position: static;
    left: 0;
    margin: 0 0 11px 0;
    padding: 0 10px 0 10px;
    width: 100%;
    background: #fff;
    background-image: none;
  }
  .top .header .site-logo {
    position: relative;
    z-index: 10;
    float: left;
    padding-top: 9px;
    text-align: left;
  }
  .top .header .search {
    display: block;
    position: relative;
    z-index: 10;
    padding: 13px 0 9px;
    margin-bottom: 0;
    clear: both;
  }
  .top .header .search form {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    width: 100%;
  }
  .top .header .search-button {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiM2I3NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiNGI5YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #3b3b77), color-stop(100%, #4b4b9b));
    background-image: -moz-linear-gradient(bottom, #3b3b77, #4b4b9b);
    background-image: -webkit-linear-gradient(bottom, #3b3b77, #4b4b9b);
    background-image: linear-gradient(to top, #3b3b77, #4b4b9b);
    display: table-cell;
    width: 31px;
    height: 28px;
    border: solid 1px #2f2f69;
    background-color: #4b4b9c;
    vertical-align: middle;
  }
  .top .header .search-button > img {
    vertical-align: middle;
  }
  .top .header .search-input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 114.28571%;
    display: table-cell;
    margin-right: 5px;
    padding: 3px 9px;
    width: 87%;
    border: 1px solid #d1d1d1;
    vertical-align: middle;
  }
}
@media screen and (max-width: 767px) {
  .en.top {
    background: #e9e7e3;
  }
}
/* ----------------------------------------------------------------
  #contents
----------------------------------------------------------------- */
.contents {
  position: relative;
}

.contents-inner {
  display: table;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: url("/common/images/bg-contents-general-01.png") repeat 0 0;
  direction: rtl;
}

@media screen and (max-width: 1060px) {
  .contents {
    width: auto;
  }
}
@media screen and (max-width: 996px) {
  .contents {
    background: none;
  }

  .contents-inner {
    display: block;
    direction: ltr;
    background: url("/common/images/nav-bg-02.png") repeat-y -178px -30px;
  }
}
@media screen and (max-width: 767px) {
  .contents-inner {
    display: block;
    background: none;
    direction: ltr;
  }

  .top .contents {
    position: relative;
    margin-top: -149px;
    padding-top: 139px;
    background: url("/common/images/bg-contents-general-02.png") no-repeat 100% 0;
  }
  .top .contents-inner {
    margin-top: -42px;
    padding-top: 42px;
    background-color: rgba(255, 255, 255, 0.85);
  }

  .en.top .contents {
    position: relative;
    margin-top: -149px;
    padding-top: 139px;
    background: url("/common/images/bg-contents-general-02.png") no-repeat 100% 0;
  }
}
/* ----------------------------------------------------------------
  #sub
----------------------------------------------------------------- */
.sub {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  min-width: 250px;
  width: 29%;
  height: 100%;
  padding-bottom: 40px;
  background: url("/common/images/nav-bg-01.png") repeat-y 100% -30px;
  direction: ltr;
}

.sub-inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  padding: 109px 10px 0 0;
  width: 220px;
}

.nav-menu {
  margin: 0 0 20px;
}
.nav-menu > li {
  margin-top: 14px;
}

.sub p {
  margin-top: 0;
  margin-bottom: 0;
}
.sub a {
  position: relative;
  z-index: 10000;
  text-decoration: none;
  color: #38377a;
}
.sub a:hover, .sub a:focus {
  text-decoration: underline;
}
.sub .nav-categorical {
  padding-bottom: 4px;
  border: 1px solid #e3e0db;
  background: #fff;
}
.sub .nav-categorical > h2 {
  font-size: 107.14286%;
  margin-bottom: 7px;
  padding: 10px 0 0 12px;
  border-top: 3px solid #37367a;
  color: #38377a;
}
.sub .nav-categorical > ul {
  margin: 0;
  padding: 0 12px;
}
.sub .nav-categorical > ul > li {
  float: left;
  margin: 0;
  width: 49.5%;
}
.sub .nav-categorical > ul > li > a {
  display: block;
}
.sub .nav-utility li {
  margin: 6px 0 0 0;
  color: #38377a;
}
.sub .nav-utility li:first-child {
  margin-top: 0;
}
.sub .nav-utility li > a {
  display: block;
  padding-left: 26px;
  text-shadow: 0 0 2px #ffffff;
}
.sub .nav-utility li > a:before {
  background-position: -62px 0;
  height: 7px;
  width: 6px;
  overflow: hidden;
  position: relative;
  top: -1px;
  left: -10px;
  display: inline-block;
  margin-left: -5px;
  content: "";
}
.sub .brand {
  margin: 0;
  position: relative;
  text-align: center;
}
.sub .brand a {
  display: inline-block;
  padding-bottom: 29px;
}
.sub .brand a:after {
  background-position: 0 0;
  height: 8px;
  width: 6px;
  overflow: hidden;
  position: absolute;
  bottom: 2px;
  left: 50%;
  display: block;
  margin-left: -2px;
  content: '';
}
.sub .brand .brand-logo {
  padding-bottom: 10px;
}
.sub .nav-bnr {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: center;
}
.sub .nav-bnr li {
  margin-top: 5px;
}
.sub .nav-bnr li:first-child {
  margin-top: 0;
}
.sub .search {
  position: relative;
  z-index: 2;
  margin-bottom: 18px;
}
.sub .search form {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
}
.sub .search-button {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiM2I3NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiNGI5YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #3b3b77), color-stop(100%, #4b4b9b));
  background-image: -moz-linear-gradient(bottom, #3b3b77, #4b4b9b);
  background-image: -webkit-linear-gradient(bottom, #3b3b77, #4b4b9b);
  background-image: linear-gradient(to top, #3b3b77, #4b4b9b);
  display: table-cell;
  width: 31px;
  height: 28px;
  border: solid 1px #2f2f69;
  background-color: #4b4b9c;
  vertical-align: middle;
}
.sub .search-button > img {
  vertical-align: middle;
}
.sub .search-input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  margin-right: 5px;
  padding: 3px 9px;
  width: 172px;
  border: 1px solid #d1d1d1;
  vertical-align: middle;
}
.sub .block {
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
  padding: 14px 0;
  border-bottom: 1px solid #bababa;
}
.sub .nav-topics {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 210px;
  padding: 3px;
  border: 1px solid #e3e0db;
  background: #fff;
  margin: 0 auto;
}
.sub .nav-topics .link {
  position: relative;
  margin-left: 6px;
  line-height: 1.4;
  padding: 4px 0 2px 13px;
}
.sub .nav-topics .link:before {
  background-position: 0 0;
  height: 8px;
  width: 6px;
  overflow: hidden;
  position: absolute;
  display: inline-block;
  content: "";
  top: 0.65em;
  left: 0;
}
.sub .sub-related-links {
  background: #37367a;
}
.sub .sub-related-links li {
  font-size: 107.14286%;
  margin: 0 10px;
  border-bottom: 1px solid #69689b;
}
.sub .sub-related-links li > a {
  position: relative;
  display: inline-block;
  padding: 10px 5px 8px 14px;
  color: #fff;
}
.sub .sub-related-links li > a:before {
  background-position: -68px 0;
  height: 7px;
  width: 6px;
  overflow: hidden;
  position: absolute;
  top: 16px;
  left: 0;
  content: '';
}
.sub .sub-related-links li ul {
  width: 100%;
}
.sub .sub-related-links li ul li {
  float: left;
  margin: 0;
  width: 49%;
  border-bottom: none;
  line-height: 1.3;
}
.sub .sub-related-links li ul li a {
  padding: 10px 5px 5px 14px;
}
.sub .sub-related-links li ul li a:before {
  top: 15px;
}
.sub .fb_iframe_widget {
  display: block !important;
}
.sub .fb_iframe_widget span {
  display: block;
  margin: 0 auto;
  height: 60px !important;
}

.nav-menu > li > .nav-local-inner > li > a, .nav-menu > li > .nav-local-inner .nav-local-inner > li > a {
  display: block;
}
.nav-menu > li > .nav-local-inner > li > a:hover, .nav-menu > li > .nav-local-inner .nav-local-inner > li > a:hover, .nav-menu > li > .nav-local-inner > li > a:active, .nav-menu > li > .nav-local-inner .nav-local-inner > li > a:active, .nav-menu > li > .nav-local-inner > li > a:focus, .nav-menu > li > .nav-local-inner .nav-local-inner > li > a:focus, .nav-menu > li > .nav-local-inner > li > a.is-current, .nav-menu > li > .nav-local-inner .nav-local-inner > li > a.is-current {
  background: #37367a;
  color: #fff;
  text-decoration: none;
}

.nav-menu > .is-active > a {
  display: block;
  background: #fff;
}

.nav-menu > li > .nav-local-inner .is-active > a {
  background: #f2f0ee;
}
.nav-menu > li > .nav-local-inner .is-active > a:before {
  background-position: -26px 0;
  height: 5px;
  width: 8px;
  overflow: hidden;
  top: 16px;
  left: 14px;
}
.nav-menu > li > .nav-local-inner .is-active > a:hover:before, .nav-menu > li > .nav-local-inner .is-active > a:active:before, .nav-menu > li > .nav-local-inner .is-active > a:focus:before, .nav-menu > li > .nav-local-inner .is-active > a.is-current:before {
  background-position: -80px 0;
  height: 5px;
  width: 8px;
  overflow: hidden;
}

.nav-menu > li > .nav-local-inner {
  margin-top: 3px;
  padding: 0 10px;
  background: #fff;
}
.nav-menu > li > .nav-local-inner > li > a {
  position: relative;
  padding: 8px 5px 5px 28px;
}
.nav-menu > li > .nav-local-inner > li > a:before {
  background-position: -20px 0;
  height: 8px;
  width: 6px;
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 16px;
  content: '';
}
.nav-menu > li > .nav-local-inner > li > a:hover:before, .nav-menu > li > .nav-local-inner > li > a:active:before, .nav-menu > li > .nav-local-inner > li > a:focus:before, .nav-menu > li > .nav-local-inner > li > a.is-current:before {
  background-position: -68px 0;
  height: 7px;
  width: 6px;
  overflow: hidden;
}

.nav-menu > li > .nav-local-inner .nav-local-inner {
  font-size: 92.85714%;
  margin-top: 2px;
  background: #f2f0ee;
}
.nav-menu > li > .nav-local-inner .nav-local-inner > li > a {
  position: relative;
  padding: 8px 5px 4px 36px;
}
.nav-menu > li > .nav-local-inner .nav-local-inner > li > a:before {
  background-position: -123px 0;
  height: 4px;
  width: 4px;
  overflow: hidden;
  content: '';
  position: absolute;
  top: 15px;
  left: 25px;
}
.nav-menu > li > .nav-local-inner .nav-local-inner > li > a:hover:before, .nav-menu > li > .nav-local-inner .nav-local-inner > li > a:active:before, .nav-menu > li > .nav-local-inner .nav-local-inner > li > a:focus:before, .nav-menu > li > .nav-local-inner .nav-local-inner > li > a.is-current:before {
  background-position: -127px 0;
  height: 4px;
  width: 4px;
  overflow: hidden;
}

.nav-menu > li > a {
  display: block;
  position: relative;
  z-index: 1;
  height: 33px;
}
.nav-menu > li > a:before {
  background-position: 0 0;
  height: 8px;
  width: 6px;
  overflow: hidden;
  position: absolute;
  top: 13px;
  left: 9px;
  display: inline-block;
  content: '';
}
.nav-menu > li > a:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
}
.nav-menu > li > a > span {
  position: relative;
  z-index: -1;
  color: transparent;
  filter: alpha(opacity=0) !important;
}
.nav-menu > li > a:hover, .nav-menu > li > a:active, .nav-menu > li > a:focus, .nav-menu > li > a.is-current {
  color: transparent;
  text-decoration: none;
  background: #37367a;
}
.nav-menu > li > a:hover:before, .nav-menu > li > a:active:before, .nav-menu > li > a:focus:before, .nav-menu > li > a.is-current:before {
  background-position: -68px 0;
  height: 7px;
  width: 6px;
  overflow: hidden;
}

.nav-menu .introduction.is-active > a:before, .nav-menu .education.is-active > a:before, .nav-menu .vision_2020.is-active > a:before, .nav-menu .social.is-active > a:before, .nav-menu .campus.is-active > a:before, .nav-menu .news.is-active > a:before, .nav-menu .event-calendar.is-active > a:before, .en .nav-menu .about.is-active > a:before, .en .nav-menu .highereducation.is-active > a:before, .en .nav-menu .k12.is-active > a:before, .en .nav-menu .research.is-active > a:before, .en .nav-menu .tucl.is-active > a:before, .en .nav-menu .facilities.is-active > a:before {
  background-position: -6px 0;
  height: 6px;
  width: 8px;
  overflow: hidden;
}
.nav-menu .introduction.is-active > a:hover:before, .nav-menu .education.is-active > a:hover:before, .nav-menu .vision_2020.is-active > a:hover:before, .nav-menu .social.is-active > a:hover:before, .nav-menu .campus.is-active > a:hover:before, .nav-menu .news.is-active > a:hover:before, .nav-menu .event-calendar.is-active > a:hover:before, .en .nav-menu .about.is-active > a:hover:before, .en .nav-menu .highereducation.is-active > a:hover:before, .en .nav-menu .k12.is-active > a:hover:before, .en .nav-menu .research.is-active > a:hover:before, .en .nav-menu .tucl.is-active > a:hover:before, .en .nav-menu .facilities.is-active > a:hover:before, .nav-menu .introduction.is-active > a:active:before, .nav-menu .education.is-active > a:active:before, .nav-menu .vision_2020.is-active > a:active:before, .nav-menu .social.is-active > a:active:before, .nav-menu .campus.is-active > a:active:before, .nav-menu .news.is-active > a:active:before, .nav-menu .event-calendar.is-active > a:active:before, .en .nav-menu .about.is-active > a:active:before, .en .nav-menu .highereducation.is-active > a:active:before, .en .nav-menu .k12.is-active > a:active:before, .en .nav-menu .research.is-active > a:active:before, .en .nav-menu .tucl.is-active > a:active:before, .en .nav-menu .facilities.is-active > a:active:before, .nav-menu .introduction.is-active > a:focus:before, .nav-menu .education.is-active > a:focus:before, .nav-menu .vision_2020.is-active > a:focus:before, .nav-menu .social.is-active > a:focus:before, .nav-menu .campus.is-active > a:focus:before, .nav-menu .news.is-active > a:focus:before, .nav-menu .event-calendar.is-active > a:focus:before, .en .nav-menu .about.is-active > a:focus:before, .en .nav-menu .highereducation.is-active > a:focus:before, .en .nav-menu .k12.is-active > a:focus:before, .en .nav-menu .research.is-active > a:focus:before, .en .nav-menu .tucl.is-active > a:focus:before, .en .nav-menu .facilities.is-active > a:focus:before, .nav-menu .introduction.is-active > a.is-current:before, .nav-menu .education.is-active > a.is-current:before, .nav-menu .vision_2020.is-active > a.is-current:before, .nav-menu .social.is-active > a.is-current:before, .nav-menu .campus.is-active > a.is-current:before, .nav-menu .news.is-active > a.is-current:before, .nav-menu .event-calendar.is-active > a.is-current:before, .en .nav-menu .about.is-active > a.is-current:before, .en .nav-menu .highereducation.is-active > a.is-current:before, .en .nav-menu .k12.is-active > a.is-current:before, .en .nav-menu .research.is-active > a.is-current:before, .en .nav-menu .tucl.is-active > a.is-current:before, .en .nav-menu .facilities.is-active > a.is-current:before {
  background-position: -80px 0;
  height: 5px;
  width: 8px;
  overflow: hidden;
}

.navigations-sprite, .nav-menu .introduction > a:after, .nav-menu .introduction > a:hover:after, .nav-menu .introduction > a:active:after, .nav-menu .introduction > a:focus:after, .nav-menu .introduction > a.is-current:after, .nav-menu .education > a:after, .nav-menu .education > a:hover:after, .nav-menu .education > a:active:after, .nav-menu .education > a:focus:after, .nav-menu .education > a.is-current:after, .nav-menu .vision_2020 > a:after, .nav-menu .vision_2020 > a:hover:after, .nav-menu .vision_2020 > a:active:after, .nav-menu .vision_2020 > a:focus:after, .nav-menu .vision_2020 > a.is-current:after, .nav-menu .social > a:after, .nav-menu .social > a:hover:after, .nav-menu .social > a:active:after, .nav-menu .social > a:focus:after, .nav-menu .social > a.is-current:after, .nav-menu .campus > a:after, .nav-menu .campus > a:hover:after, .nav-menu .campus > a:active:after, .nav-menu .campus > a:focus:after, .nav-menu .campus > a.is-current:after, .nav-menu .news > a:after, .nav-menu .news > a:hover:after, .nav-menu .news > a:active:after, .nav-menu .news > a:focus:after, .nav-menu .news > a.is-current:after, .nav-menu .event-calendar > a:after, .nav-menu .event-calendar > a:hover:after, .nav-menu .event-calendar > a:active:after, .nav-menu .event-calendar > a:focus:after, .nav-menu .event-calendar > a.is-current:after {
  background-image: url('/common/images/navigations-s966dd68394.png');
  background-repeat: no-repeat;
}

.nav-menu > li > .nav-local-inner {
  display: none;
}
.nav-menu > li > .nav-local-inner .nav-local-inner {
  display: none;
}
.nav-menu > .is-active > .nav-local-inner {
  display: block;
}
.nav-menu > .is-active > .nav-local-inner > .is-active > .nav-local-inner {
  display: block;
}
.nav-menu .introduction > a:after {
  background-position: 0 -33px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.nav-menu .introduction > a:hover:after, .nav-menu .introduction > a:active:after, .nav-menu .introduction > a:focus:after, .nav-menu .introduction > a.is-current:after {
  background-position: 0 0;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.nav-menu .education > a:after {
  background-position: 0 -99px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.nav-menu .education > a:hover:after, .nav-menu .education > a:active:after, .nav-menu .education > a:focus:after, .nav-menu .education > a.is-current:after {
  background-position: 0 -66px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.nav-menu .vision_2020 > a {
  height: 53px;
}
.nav-menu .vision_2020 > a:after {
  background-position: 0 -185px;
  height: 53px;
  width: 210px;
  overflow: hidden;
}
.nav-menu .vision_2020 > a:hover:after, .nav-menu .vision_2020 > a:active:after, .nav-menu .vision_2020 > a:focus:after, .nav-menu .vision_2020 > a.is-current:after {
  background-position: 0 -132px;
  height: 53px;
  width: 210px;
  overflow: hidden;
}
.nav-menu .vision_2020 > a:before {
  top: 23px;
}
.nav-menu .social > a:after {
  background-position: 0 -271px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.nav-menu .social > a:hover:after, .nav-menu .social > a:active:after, .nav-menu .social > a:focus:after, .nav-menu .social > a.is-current:after {
  background-position: 0 -238px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.nav-menu .campus > a:after {
  background-position: 0 -337px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.nav-menu .campus > a:hover:after, .nav-menu .campus > a:active:after, .nav-menu .campus > a:focus:after, .nav-menu .campus > a.is-current:after {
  background-position: 0 -304px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.nav-menu .news > a:after {
  background-position: 0 -403px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.nav-menu .news > a:hover:after, .nav-menu .news > a:active:after, .nav-menu .news > a:focus:after, .nav-menu .news > a.is-current:after {
  background-position: 0 -370px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.nav-menu .event-calendar > a:after {
  background-position: 0 -469px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.nav-menu .event-calendar > a:hover:after, .nav-menu .event-calendar > a:active:after, .nav-menu .event-calendar > a:focus:after, .nav-menu .event-calendar > a.is-current:after {
  background-position: 0 -436px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}

.en-navigations-sprite, .en .nav-menu .about > a:after, .en .nav-menu .about > a:hover:after, .en .nav-menu .about > a:active:after, .en .nav-menu .about > a:focus:after, .en .nav-menu .about > a.is-current:after, .en .nav-menu .highereducation > a:after, .en .nav-menu .highereducation > a:hover:after, .en .nav-menu .highereducation > a:active:after, .en .nav-menu .highereducation > a:focus:after, .en .nav-menu .highereducation > a.is-current:after, .en .nav-menu .k12 > a:after, .en .nav-menu .k12 > a:hover:after, .en .nav-menu .k12 > a:active:after, .en .nav-menu .k12 > a:focus:after, .en .nav-menu .k12 > a.is-current:after, .en .nav-menu .research > a:after, .en .nav-menu .research > a:hover:after, .en .nav-menu .research > a:active:after, .en .nav-menu .research > a:focus:after, .en .nav-menu .research > a.is-current:after, .en .nav-menu .tucl > a:after, .en .nav-menu .tucl > a:hover:after, .en .nav-menu .tucl > a:active:after, .en .nav-menu .tucl > a:focus:after, .en .nav-menu .tucl > a.is-current:after, .en .nav-menu .facilities > a:after, .en .nav-menu .facilities > a:hover:after, .en .nav-menu .facilities > a:active:after, .en .nav-menu .facilities > a:focus:after, .en .nav-menu .facilities > a.is-current:after {
  background-image: url('/common/images/en-navigations-s44b64daae8.png');
  background-repeat: no-repeat;
}

.en .nav-menu .about > a:after {
  background-position: 0 -33px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.en .nav-menu .about > a:hover:after, .en .nav-menu .about > a:active:after, .en .nav-menu .about > a:focus:after, .en .nav-menu .about > a.is-current:after {
  background-position: 0 0;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.en .nav-menu .highereducation > a:after {
  background-position: 0 -99px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.en .nav-menu .highereducation > a:hover:after, .en .nav-menu .highereducation > a:active:after, .en .nav-menu .highereducation > a:focus:after, .en .nav-menu .highereducation > a.is-current:after {
  background-position: 0 -66px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.en .nav-menu .k12 > a:after {
  background-position: 0 -165px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.en .nav-menu .k12 > a:hover:after, .en .nav-menu .k12 > a:active:after, .en .nav-menu .k12 > a:focus:after, .en .nav-menu .k12 > a.is-current:after {
  background-position: 0 -132px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.en .nav-menu .research > a:after {
  background-position: 0 -231px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.en .nav-menu .research > a:hover:after, .en .nav-menu .research > a:active:after, .en .nav-menu .research > a:focus:after, .en .nav-menu .research > a.is-current:after {
  background-position: 0 -198px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.en .nav-menu .tucl > a:after {
  background-position: 0 -297px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.en .nav-menu .tucl > a:hover:after, .en .nav-menu .tucl > a:active:after, .en .nav-menu .tucl > a:focus:after, .en .nav-menu .tucl > a.is-current:after {
  background-position: 0 -264px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.en .nav-menu .facilities > a:after {
  background-position: 0 -363px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}
.en .nav-menu .facilities > a:hover:after, .en .nav-menu .facilities > a:active:after, .en .nav-menu .facilities > a:focus:after, .en .nav-menu .facilities > a.is-current:after {
  background-position: 0 -330px;
  height: 33px;
  width: 210px;
  overflow: hidden;
}

@media screen and (max-width: 996px) {
  .sub {
    background: none;
    width: 220px;
  }
}
@media screen and (max-width: 767px) {
  .sub {
    display: block;
    margin-bottom: 20px;
    min-width: auto;
    width: auto;
    height: auto;
    background: none;
    direction: ltr;
    padding-bottom: 10px;
  }

  .sub-inner {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: none;
    padding: 0;
    min-height: auto;
    width: auto;
    background: none;
  }

  .sub .nav-categorical {
    margin: 0 57px;
  }
  .sub .nav-bnr {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 70px;
    padding-left: 70px;
  }
  .sub .nav-bnr li {
    display: inline-block;
    margin-top: 5px;
  }
  .sub .nav-bnr li:first-child {
    margin-top: 0;
  }
  .sub .brand {
    margin-left: -50px;
  }
  .sub .brand a {
    padding-bottom: 0;
  }
  .sub .brand a:after {
    position: absolute;
    bottom: 44px;
    left: 50%;
    margin-left: 130px;
    content: '';
  }
  .sub .brand .brand-logo {
    padding-bottom: 0;
  }
  .sub .brand .brand-text {
    padding: 30px 0 0 13px;
    vertical-align: top;
  }
  .sub .search > form {
    padding: 0 10px;
  }
  .sub .search-button {
    height: 32px;
    width: 32px;
    display: inline-block;
  }
  .sub .search-input {
    font-size: 114.28571%;
    padding: 3px 10px;
    width: 85%;
    display: inline-block;
  }
  .sub .sub-related-links li > ul > li {
    float: none;
    display: inline;
    margin-right: 5px;
  }

  .top .sub {
    padding-bottom: 10px;
  }
  .top .sub .search {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .nav-menu {
    border-top: 2px solid #37367a;
  }
  .nav-menu > li {
    margin-top: 8px;
  }
  .nav-menu a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
  }
  .nav-menu > .is-active > a {
    padding-bottom: 6px;
  }
  .nav-menu > .is-active > .nav-local-inner {
    margin-top: 0;
  }

  .top .nav {
    display: none;
  }
}
@media screen and (max-width: 520px) {
  .top .nav-bnr {
    padding-left: 0;
    padding-right: 0;
  }
}
/* ----------------------------------------------------------------
  #main
----------------------------------------------------------------- */
.main {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  width: 71%;
  height: 100%;
  background: #fff;
  vertical-align: top;
  direction: ltr;
}

.main-inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 3%;
  padding: 27px 0 50px;
  max-width: 705px;
  width: 705px;
  height: 100%;
  float: left;
}

.breadcrumb {
  font-size: 78.57143%;
  margin-bottom: 25px;
  border-bottom: 1px solid #e1dcd4;
}
.breadcrumb li {
  display: inline-block;
  padding-bottom: 6px;
}
.breadcrumb .breadcrumb-arrow {
  padding: 0 5px 0 10px;
  color: #c7beb0;
}

.page-header {
  margin-bottom: 42px;
}
.page-header > .categories-visual > img {
  width: 100%;
}

.top .nav .nav-menu {
  border-top: none;
}
.top .main-inner {
  margin-right: 0;
  margin-left: 0;
  padding-top: 0;
  max-width: 1010px;
  width: auto;
}
.top .main-visual {
  display: table-cell;
  width: 100%;
}
.top .main-visual > img {
  width: 100%;
}
.top .main-block-wrap {
  position: relative;
  z-index: 5;
  top: -7em;
}
.top .main-block {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 2.9703%;
  padding-right: 2.87129%;
  max-width: 1010px;
  width: 100%;
}
.top .main-block .box-03 {
  margin: 20px 0 0;
}
.top .main-block-02 {
  margin-top: 30px;
}
.top .nav-menu-top {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 100%;
  max-width: 486px;
  margin: 5px auto 15px;
  padding-left: 15px;
  letter-spacing: -0.3em;
}
.top .nav-menu-top li {
  display: inline-block;
  margin: 0 3% 15px 0;
  border-bottom: 1px solid #bababa;
  letter-spacing: 0;
}
.top .nav-menu-top li > a img {
  vertical-align: middle;
  line-height: 0.1;
}
.top .nav-menu-top li.introduction, .top .nav-menu-top li.education {
  height: 34px;
}
.top .nav-menu-top li.nav-menu-top-utility {
  position: relative;
  top: -5px;
  width: 142px;
  margin: 0;
  border-bottom: none;
  color: #38377a;
  text-shadow: 0 0 2px #f7f6f5;
}
.top .nav-menu-top li.nav-menu-top-utility:first-child {
  margin-top: 0;
}
.top .nav-menu-top li.nav-menu-top-utility > a {
  text-decoration: none;
  display: block;
  padding-left: 7px;
}
.top .nav-menu-top li.nav-menu-top-utility > a:hover {
  text-decoration: underline;
}
.top .nav-menu-top li.nav-menu-top-utility > a:before {
  background-position: -62px 0;
  height: 7px;
  width: 6px;
  overflow: hidden;
  position: relative;
  top: -1px;
  left: -7px;
  display: inline-block;
  content: "";
}
.top .top-sub-nav {
  background-color: rgba(18, 17, 84, 0.85);
  border-style: solid;
  border-width: 2px;
  border-color: rgba(105, 104, 155, 0.5);
}
.top .top-sub-nav .top-sub-nav-inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  padding: 12px 0 12px;
  letter-spacing: -0.3em;
  text-align: center;
}
.top .top-sub-nav .top-sub-nav-inner > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  border-left: 1px solid #595782;
  letter-spacing: 0;
  text-align: center;
}
.top .top-sub-nav .top-sub-nav-inner > li:first-child {
  width: 20.25316%;
  border-left: none;
}
.top .top-sub-nav .top-sub-nav-inner > li:first-child + li {
  width: 41.4557%;
}
.top .top-sub-nav .top-sub-nav-inner > li:first-child + li + li {
  width: 20.25316%;
}
.top .top-sub-nav .top-sub-nav-inner ul {
  letter-spacing: -0.3em;
  text-align: center;
  padding: 0 2%;
}
.top .top-sub-nav .top-sub-nav-inner ul li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 5%;
  display: inline-block;
  letter-spacing: 0;
}
.top .top-sub-nav .top-sub-nav-inner ul li:first-child + li {
  padding-right: 1%;
}
.top .top-sub-nav .top-sub-nav-inner ul li:first-child + li + li {
  padding-right: 0;
}
.top .main-block-02 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  padding-left: 2.9703%;
  padding-right: 2.87129%;
  max-width: 1010px;
  width: 100%;
}
.top .scope-area {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1010px;
  width: 100%;
}
.top .main-block-left {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  max-width: 705px;
  padding-right: 2.73396%;
  width: 76.86646%;
  vertical-align: top;
}
.top .main-block-left .fb-page {
  width: 100%;
  margin-bottom: 25px;
}
.top .main-block-left .fb-page > span {
  width: 100% !important;
}
.top .main-block-left .fb-page iframe {
  width: 100% !important;
}
.top .main-block-right {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 220px;
  min-width: 220px;
  vertical-align: top;
}
.top .main-block-right .left-col {
  width: 220px;
}
.top .main-block-right .left-col > * {
  margin-top: 0;
}
.top .main-block-right .right-col {
  width: 220px;
}
.top .main-box {
  margin-bottom: 20px;
  padding: 9px 10px 8px;
  border-style: 0 4px 4px 4px;
  border-color: #69689b;
  border-style: solid;
}
.top .main-box .main-box-item {
  margin-top: 5px;
  padding-top: 12px;
  border-top: 1px solid #e3e0db;
}
.top .main-box .main-box-item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.top .main-box p, .top .main-box .list-link-right, .top .main-box .lyt-media-right {
  margin: 5px 0 0;
}

.top.en .main-block-wrap {
  position: relative;
  z-index: 5;
  top: -6.5em;
}
.top.en .main-block {
  display: table;
  width: 100%;
  min-height: 215px;
}
.top.en .main-block .right-col {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  width: 50%;
  background: #007199;
  color: #fff;
  vertical-align: middle;
}
.top.en .main-block .right-col .right-col-inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  overflow: hidden;
}
.top.en .main-block .right-col .right-col-inner .img {
  float: right;
  padding-right: 10px;
}
.top.en .main-block .right-col .right-col-inner .link {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 220px;
  margin-top: 25%;
  padding-left: 15px;
}
.top.en .main-block .right-col .right-col-inner .link:before {
  background-position: -68px 0;
  height: 7px;
  width: 6px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0.5em;
  content: "";
}
.top.en .main-block .right-col .right-col-inner p {
  margin: 0;
}
.top.en .main-block .right-col a {
  text-decoration: none;
  color: #fff;
}
.top.en .main-block .right-col a:hover {
  text-decoration: underline;
}
.top.en .left-col {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  padding: 18px 15px;
  width: 50%;
  background: #37367a;
  color: #fff;
}
.top.en .left-col p {
  margin: 0;
}
.top.en .nav-menu-top li.research, .top.en .nav-menu-top li.facilities {
  height: 35px;
}

@media screen and (max-width: 1060px) {
  .main-inner {
    width: auto;
    max-width: 695px;
  }
}
@media screen and (max-width: 1055px) {
  .top .top-sub-nav .top-sub-nav-inner > li:first-child {
    width: 22.1519%;
  }
  .top .top-sub-nav .top-sub-nav-inner > li:first-child + li {
    width: 60.12658%;
  }
  .top .top-sub-nav .top-sub-nav-inner > li:first-child + li + li {
    width: 16.87764%;
  }
  .top .top-sub-nav .top-sub-nav-inner > li ul {
    padding: 0;
  }
}
@media screen and (max-width: 996px) {
  .main {
    display: block;
    width: 100%;
    float: right;
    margin-left: -270px;
    background: none;
  }

  .main-inner {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 270px;
    margin-right: 18px;
    background: #fff;
  }

  .top .main {
    margin-left: -250px;
  }
  .top .main-inner {
    margin-left: 250px;
    margin-right: 0;
  }
  .top .main-block-wrap {
    top: -4em;
  }
}
@media screen and (max-width: 949px) {
  .top.en .main-block-wrap {
    top: -2em;
  }
  .top.en .main-block .right-col .right-col-inner .img {
    padding-top: 10px;
  }
}
@media screen and (max-width: 935px) {
  .top .main-block-left {
    display: block;
    max-width: none;
    padding-right: 0;
    width: 100%;
  }
  .top .main-block-right {
    width: 470px;
    margin: 0 auto;
  }
  .top .main-block-right .left-col {
    float: left;
    padding-right: 30px;
  }
  .top .main-block-right .right-col {
    float: left;
  }
}
@media screen and (max-width: 870px) {
  .top .main-block-wrap {
    top: -2em;
  }
}
@media screen and (max-width: 767px) {
  .main {
    float: none;
    margin-bottom: 30px;
    margin-left: 0;
    background: none;
  }

  .main-inner {
    margin: 0;
    padding: 12px 10px 0;
    max-width: none;
    width: auto;
    background: none;
    float: none;
  }

  .breadcrumb {
    display: none;
  }

  .page-header {
    display: none;
  }

  .top .main, .top.en .main {
    float: none;
    margin-bottom: 0;
    margin-left: 0;
  }
  .top .main-inner, .top.en .main-inner {
    margin: 0;
    max-width: none;
    width: auto;
    padding: 0;
  }
  .top .main-block-wrap, .top.en .main-block-wrap {
    position: static;
    top: 0;
  }
  .top .main-block, .top.en .main-block {
    position: static;
    top: 0;
    display: block;
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }
  .top .main-block-02, .top.en .main-block-02 {
    display: block;
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }
  .top .scope-area, .top.en .scope-area {
    display: block;
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }
  .top .main-block-left, .top.en .main-block-left {
    display: block;
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }
  .top .main-block-left .tab-block-03 > .tab-nav > li, .top.en .main-block-left .tab-block-03 > .tab-nav > li {
    font-size: 100%;
  }
  .top .nav-menu-top, .top.en .nav-menu-top {
    display: block;
  }
  .top .top-sub-nav, .top.en .top-sub-nav {
    background-color: rgba(18, 17, 84, 0.85);
  }
  .top .top-sub-nav .top-sub-nav-inner, .top.en .top-sub-nav .top-sub-nav-inner {
    padding: 12px 0 12px;
    letter-spacing: -0.3em;
    text-align: center;
  }
  .top .top-sub-nav .top-sub-nav-inner > li, .top.en .top-sub-nav .top-sub-nav-inner > li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    border-left: none;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
  }
  .top .top-sub-nav .top-sub-nav-inner > li:first-child, .top.en .top-sub-nav .top-sub-nav-inner > li:first-child {
    margin-left: 1.5%;
    width: 30%;
    border-left: none;
  }
  .top .top-sub-nav .top-sub-nav-inner > li:first-child + li, .top.en .top-sub-nav .top-sub-nav-inner > li:first-child + li {
    border-right: 1px solid #595782;
    border-left: 1px solid #595782;
    width: 35.5%;
    margin: 0 2% 0 3%;
  }
  .top .top-sub-nav .top-sub-nav-inner > li:first-child + li + li, .top.en .top-sub-nav .top-sub-nav-inner > li:first-child + li + li {
    width: 25%;
  }
  .top .top-sub-nav .top-sub-nav-inner > li img, .top.en .top-sub-nav .top-sub-nav-inner > li img {
    vertical-align: middle;
  }
  .top .top-sub-nav .top-sub-nav-inner ul, .top.en .top-sub-nav .top-sub-nav-inner ul {
    letter-spacing: 0em;
    text-align: center;
    padding: 0 2%;
  }
  .top .top-sub-nav .top-sub-nav-inner ul li, .top.en .top-sub-nav .top-sub-nav-inner ul li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0;
    display: block;
  }
  .top .top-sub-nav .top-sub-nav-inner ul li:first-child + li, .top.en .top-sub-nav .top-sub-nav-inner ul li:first-child + li {
    padding-right: 0;
  }
  .top .top-sub-nav .top-sub-nav-inner ul li:first-child + li + li, .top.en .top-sub-nav .top-sub-nav-inner ul li:first-child + li + li {
    padding-right: 0;
  }

  .top.en .main-block-02 {
    margin-top: 0;
    padding-right: 10px;
    padding-left: 10px;
  }
  .top.en .main-block {
    display: block;
    width: 100%;
    min-height: 0;
    top: 0;
  }
  .top.en .main-block .left-col {
    display: block;
    width: 100%;
  }
  .top.en .main-block .right-col {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
  }
  .top.en .main-block .right-col .right-col-inner {
    padding: 18px 15px;
  }
  .top.en .main-block .right-col .right-col-inner .img {
    display: none;
  }
  .top.en .main-block .right-col .right-col-inner .link {
    float: none;
    margin-top: 0;
  }
}
@media screen and (max-width: 520px) {
  .top .main-block-right {
    width: 220px;
    margin: 0 auto;
  }
  .top .main-block-right .left-col {
    float: none;
    padding-right: 0;
  }
  .top .main-block-right .right-col {
    float: none;
  }
}
@media screen and (max-width: 501px) {
  .top .nav-menu-top {
    width: 294px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }
  .top .nav-menu-top li:nth-child(even) {
    margin-right: 0;
  }
  .top .nav-menu-top li.introduction, .top .nav-menu-top li.education {
    height: auto;
  }
  .top .nav-menu-top li.social {
    height: 34px;
  }

  .en.top .nav-menu-top li.research {
    height: auto;
  }
}
@media screen and (max-width: 330px) {
  .top .main-block-left .tab-block-03 > .tab-nav > li, .top.en .main-block-left .tab-block-03 > .tab-nav > li {
    font-size: 92.85714%;
  }
}
.footer {
  margin: 0 auto;
  padding: 16px 0 20px;
  background: #37367a;
  color: #fff;
}
.footer p {
  margin: 0;
}
.footer a {
  text-decoration: none;
  color: #fff;
}
.footer a:hover, .footer a:focus {
  text-decoration: underline;
}
.footer .footer-inner {
  margin-left: -210px;
  padding: 0 1em 0 29%;
  max-width: 940px;
}
.footer .footer-connect {
  display: table;
  margin-bottom: 20px;
  line-height: 1.6;
}
.footer .footer-connect .footer-logo {
  display: table-cell;
  padding-right: 20px;
  width: 162px;
}
.footer .footer-connect .footer-logo + p {
  display: table-cell;
  padding-top: 12px;
  vertical-align: top;
}
.footer .footer-nav-utility-01 li {
  font-size: 92.85714%;
  float: left;
  margin-left: 23px;
}
.footer .footer-nav-utility-01 li:first-child {
  margin-left: 0;
}
.footer .footer-nav-utility-01 li a {
  padding-left: 5px;
}
.footer .footer-nav-utility-01 li a:before {
  background-position: -68px 0;
  height: 7px;
  width: 6px;
  overflow: hidden;
  position: relative;
  top: -0.1em;
  left: -5px;
  display: inline-block;
  content: "";
}
.footer .footer-nav-utility-02 {
  float: right;
  margin: -1em 0 1em;
}
.footer .footer-nav-utility-02 li {
  font-size: 78.57143%;
  float: left;
  margin-left: 10px;
}
.footer .footer-nav-utility-02 li:first-child {
  margin-left: 0;
}
.footer .footer-nav-utility-02 li a {
  position: relative;
  padding-left: 11px;
}
.footer .footer-nav-utility-02 li a:before {
  background-position: -74px 0;
  height: 5px;
  width: 6px;
  overflow: hidden;
  top: 50%;
  left: 0;
  display: inline-block;
  position: absolute;
  content: "";
  margin-top: -3px;
}
.footer .copyright {
  font-size: 71.42857%;
  clear: both;
  text-align: right;
}

.footer-related-links {
  -webkit-box-shadow: 0 1px 0 #605e91;
  box-shadow: 0 1px 0 #605e91;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid #0c0c3a;
}
.footer-related-links .toggle-header {
  display: none;
}
.footer-related-links ul {
  text-align: center;
}
.footer-related-links ul li {
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 3px 0 2px 18px;
  border-left: 1px solid #d9d6d5;
  line-height: 1;
}
.footer-related-links ul li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
.footer-related-links ul a {
  font-size: 107.14286%;
  display: block;
  position: relative;
  padding: 1px 0 0 12px;
}
.footer-related-links ul a:before {
  background-position: -68px 0;
  height: 7px;
  width: 6px;
  overflow: hidden;
  position: relative;
  top: -0.15em;
  left: -.7em;
  display: inline-block;
  content: "";
}
.footer-related-links ul a:after {
  background-position: 0 0;
  height: 8px;
  width: 6px;
  overflow: hidden;
  position: absolute;
  top: 1.2em;
  left: .7em;
  display: none;
  content: "";
}
.footer-related-links ul ul {
  margin: 0;
}
.footer-related-links ul ul > li {
  margin-left: 0;
  padding: 0 0 0 18px;
  border-left: 0;
}

@media screen and (max-width: 910px) {
  .footer .footer-nav-utility-02 {
    float: none;
    margin: 10px 0 8px;
  }
}
@media screen and (max-width: 865px) {
  .footer .footer-inner {
    margin-left: 20px;
    padding-left: 0;
    max-width: 98%;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .footer-related-links {
    margin: 0 0 16px;
  }
  .footer-related-links.is-close .toggle-content {
    display: none;
  }
  .footer-related-links.is-close .toggle-header {
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  .footer-related-links.is-close .toggle-header .toggle-btn:after {
    right: 18px;
    margin-top: -11px;
    width: 2px;
    height: 12px;
  }
  .footer-related-links .toggle-header {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTBkYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e3e0db), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(bottom, #e3e0db, #ffffff);
    background-image: -webkit-linear-gradient(bottom, #e3e0db, #ffffff);
    background-image: linear-gradient(to top, #e3e0db, #ffffff);
    font-size: 114.28571%;
    position: relative;
    display: block;
    margin: 0 11px;
    padding: 8px 0 5px 12px;
    border: solid 1px #e3e0db;
    background-color: #e3e0db;
    color: #37367a;
    cursor: pointer;
  }
  .footer-related-links .toggle-header .toggle-hdg {
    font-weight: bold;
  }
  .footer-related-links .toggle-header .toggle-hdg:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75);
    position: absolute;
    top: 50%;
    right: 5px;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin-top: -13px;
    width: 27px;
    height: 27px;
    border: solid 1px #a7a197;
    background-color: #e3e0db;
    content: "";
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTBkYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e3e0db), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(bottom, #e3e0db, #ffffff);
    background-image: -webkit-linear-gradient(bottom, #e3e0db, #ffffff);
    background-image: linear-gradient(to top, #e3e0db, #ffffff);
  }
  .footer-related-links .toggle-header .toggle-btn {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    margin: 0;
    min-height: 100%;
    width: 100%;
    border-width: 0;
    background: none repeat scroll 0 0 transparent;
    color: transparent;
    text-align: right;
    text-decoration: none;
  }
  .footer-related-links .toggle-header .toggle-btn:before {
    right: 13px;
    margin-top: 19px;
    width: 12px;
    height: 2px;
  }
  .footer-related-links .toggle-header .toggle-btn:after, .footer-related-links .toggle-header .toggle-btn:before {
    position: absolute;
    z-index: 4;
    display: block;
    background: #37367a;
    content: "";
  }
  .footer-related-links .toggle-content {
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    margin: 0 11px;
    padding: 0;
    max-width: 100%;
    background: #fff;
  }
  .footer-related-links .toggle-content ul {
    text-align: left;
  }
  .footer-related-links .toggle-content ul li {
    display: block;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e3e0db;
    border-left: 0;
    line-height: 1.6;
  }
  .footer-related-links .toggle-content ul li:first-child {
    border-top: none;
  }
  .footer-related-links .toggle-content ul a {
    font-size: 107.14286%;
    text-decoration: none;
    display: block;
    padding: 10px 0 10px 25px;
    color: #37367a;
    position: relative;
    color: #37367a;
  }
  .footer-related-links .toggle-content ul a:hover, .footer-related-links .toggle-content ul a:focus {
    text-decoration: underline;
  }
  .footer-related-links .toggle-content ul a:before {
    display: none;
  }
  .footer-related-links .toggle-content ul a:after {
    display: inline-block;
  }
  .footer-related-links .toggle-content ul ul {
    margin: 0;
  }
  .footer-related-links .toggle-content ul ul > li {
    margin-left: 0;
    border-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .footer .footer-connect {
    display: block;
    margin-bottom: 10px;
  }
  .footer .footer-connect .footer-logo {
    display: block;
    margin: 0 auto;
    padding-right: 0;
    width: 162px;
  }
  .footer .footer-connect .footer-logo + p {
    display: block;
  }
  .footer .footer-inner {
    margin: 0 0 0 11px;
  }
  .footer .footer-nav-utility-01 li {
    float: none;
    margin-left: 0;
  }
  .footer .footer-nav-utility-01 li a {
    display: inline-block;
    padding: 8px 0 6px 5px;
  }
  .footer .footer-nav-utility-02 li {
    margin-left: 0;
    margin-right: 10px;
  }
  .footer .copyright {
    text-align: center;
  }

  .footer-related-links .footer-inner {
    margin: 0 11px;
  }
}
/* ----------------------------------------------------------------
  popup
----------------------------------------------------------------- */
/* header
----------------------------------------------------------------- */
.popup-header {
  border-bottom: 2px solid #38377a;
}
.popup-header .site-logo {
  margin: 15px 0;
}

.popup-header-inner {
  max-width: 705px;
  margin: 0 auto;
}

.page-column-01 .popup-header-inner {
  max-width: 950px;
}

@media screen and (max-width: 640px) {
  .popup-header .site-logo img {
    width: 145px;
    height: auto;
  }
}
/* popup-main
----------------------------------------------------------------- */
.popup-main {
  max-width: 705px;
  margin: 20px auto 0;
}
.popup-main > *:first-child {
  margin-top: 0;
}
.popup-main .btn-close {
  margin: 38px 0 40px;
  text-align: center;
}
.popup-main .btn-close > a {
  padding-left: 30px;
  position: relative;
  text-align: left;
}
.popup-main .btn-close > a:before {
  content: '';
  background-position: -103px 0;
  height: 15px;
  width: 15px;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  top: 0.6em;
  left: 10px;
}

.page-column-01 .popup-main {
  max-width: 950px;
}
.page-column-01 .popup-main-inner {
  min-height: 500px;
}

/* popup-footer
----------------------------------------------------------------- */
.popup-footer {
  padding: 13px 0;
  background: #38377a;
  color: #FFF;
}
.popup-footer a {
  color: #FFF;
}
.popup-footer .copyright {
  font-size: 71.42857%;
  margin: 0;
  clear: both;
  text-align: right;
}

.popup-footer-inner {
  max-width: 705px;
  margin: 0 auto;
}

.page-column-01 .popup-footer-inner {
  max-width: 950px;
}

.popup-footer-nav-utility {
  float: right;
  padding-bottom: 5px;
}
.popup-footer-nav-utility li {
  font-size: 78.57143%;
  float: left;
  margin-left: 10px;
}
.popup-footer-nav-utility li:first-child {
  margin-left: 0;
}
.popup-footer-nav-utility li a {
  text-decoration: none;
  position: relative;
  padding-left: 11px;
}
.popup-footer-nav-utility li a:hover {
  text-decoration: underline;
}
.popup-footer-nav-utility li a:before {
  background-position: -74px 0;
  height: 5px;
  width: 6px;
  overflow: hidden;
  top: 50%;
  left: 0;
  display: inline-block;
  position: absolute;
  content: "";
  margin-top: -3px;
}

@media screen and (max-width: 640px) {
  .popup-footer .copyright {
    text-align: center;
  }

  .popup-footer-nav-utility {
    float: none;
  }
  .popup-footer-nav-utility li {
    margin-left: 0;
    margin-right: 10px;
  }
}
@media screen and (max-width: 725px) {
  .popup-header-inner, .popup-main, .popup-footer-inner {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 970px) {
  .page-column-01 .popup-header-inner, .page-column-01 .popup-main, .page-column-01 .popup-footer-inner {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.academy .popup-header .site-logo {
  float: left;
}
@media screen and (max-width: 640px) {
  .academy .popup-header .site-logo {
    float: left;
  }
}
.academy .popup-header .header-group {
  position: static;
  float: left;
  margin: 26px 0 0 30px;
}
@media screen and (max-width: 640px) {
  .academy .popup-header .header-group {
    clear: none;
    float: right;
    margin: 22px 0 0 10px;
    width: 140px;
  }
  .academy .popup-header .header-group li {
    margin: 0 0 0 5px;
  }
}

/* ----------------------------------------------------------------
  #brand
----------------------------------------------------------------- */
.brand-list-01 {
  letter-spacing: -0.3em;
}
.brand-list-01 > li {
  display: inline-block;
  margin: 0 9px 0 0;
  letter-spacing: 0;
  vertical-align: top;
}
.brand-list-01 a {
  display: block;
  text-decoration: none;
}
.brand-list-01 .num {
  display: block;
}
.brand-list-01 .text {
  color: transparent;
  width: 78px;
  height: 159px;
  display: block;
  background: no-repeat left top;
}
.brand-list-01 .text.menu-01 {
  background: url("/common/images/brand/index-menu-text-01.png") no-repeat left top;
}
.brand-list-01 .text.menu-02 {
  background: url("/common/images/brand/index-menu-text-02.png") no-repeat left top;
}
.brand-list-01 .text.menu-03 {
  background: url("/common/images/brand/index-menu-text-03.png") no-repeat left top;
}
.brand-list-01 .text.menu-04 {
  background: url("/common/images/brand/index-menu-text-04.png") no-repeat left top;
}
.brand-list-01 .text.menu-05 {
  background: url("/common/images/brand/index-menu-text-05.png") no-repeat left top;
}
.brand-list-01 .text.menu-06 {
  background: url("/common/images/brand/index-menu-text-06.png") no-repeat left top;
}
.brand-list-01 .text.menu-07 {
  background: url("/common/images/brand/index-menu-text-07.png") no-repeat left top;
}

.brand-box {
  width: 100%;
  margin-bottom: 25px;
  padding: 43px 0 0;
  background: no-repeat left top;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAsQAAAAOCAYAAAAouQp4AAACoElEQVR42u3cTW6cQBBAYWjIObLJMvc/iZfe+ByeaeJEEFVK9Qf0KJv3SS0ahpnByIvnFvI8KR/vb+1rI8eyj2O+imPHvjd+v/5NHbP2K5+zqO/X1yYHAAAArtm+RhfjacyfxngYc7nV82zf+hw9l8O71j/j+4+fm/cDr8nNkDdlVvPDbLzvOG/d5/qCZeh+ivmq4tgLYB3Cy34dBDEAAMC4IN50WBrx6cVxD0L2oc6JzutJBHdxzZsaJWtwI2b1gUcI6wCejRuo/7JY1A8mV329uTzWpnxVuIkoBgAAwL0g1j3Xp3jlOArkUaMbMdyDGC5F8VqMYRnF2sM5bxEhfITtEcOfTvy24FgLQljG8MzvMQAAwK0g1lG8nQjjaBW5B4HrnWttuxPFOo5LUXx2hdg7d1I3qokLlWHc9ihuxej15jKAdQwTxAAAAPeDWD+G0KfaynFP4vXOvBcieMgKsRXFR+TqMJZf2kQINxHDTydoo9iNhg5hHcMEMQAAwJggtuLYWzmuhvLdYX3nS54hnoyqPkJ4dv56sML1eTF0s1VgHcAzQQwAADAsiKcgiL3V4yySo3g+8x7vu6NxKYi9N8rHIeQjFfo/UFRiNnvswYvfloQwQQwAAHA/iq3HD7aLoVwJ6DPvz0L4H9G/XIuCOArjriL0COKeRGslbLOV30oIE8QAAABjgngKgjiK5Eo43z1vK1xbiRmPH+9vVmRG8+jYqHOy6yCGAQAAxgVxto2CuRrQV49VruXvdsQKsfVoRBbM1Xg987oXvnMW+AAAALgcxVZoVqP5bEzf+VzzWBbDYUCKVeKpEJ/Z/O7rlfAlhgEAAF4XxWf3Xz1P9ysxXI5IJ46zz3j1cSIYAADg/8Xxmde3QcfT66hGMAAAAIDdL+lWgJSCM2K8AAAAAElFTkSuQmCC');
  background-size: 100%;
}

.is-reday .brand-list-wrap {
  position: relative;
}
.is-reday .brand-list-wrap > .brand-box {
  position: relative;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0;
  display: none;
}
.is-reday .brand-list-wrap > .brand-box.is-current {
  z-index: 1;
  display: block;
}

.brand-area {
  margin-top: -43px;
}
.brand-area .brand-block-01 {
  background: url("/common/images/brand/index-hdg-bg-a01.png") no-repeat right top;
}
.brand-area .brand-block-02 {
  background: url("/common/images/brand/index-hdg-bg-b01.png") no-repeat right top;
}
.brand-area .brand-block-03 {
  background: url("/common/images/brand/index-hdg-bg-c01.png") no-repeat right top;
}
.brand-area .brand-block-04 {
  background: url("/common/images/brand/index-hdg-bg-d01.png") no-repeat right top;
}
.brand-area .brand-block-05 {
  background: url("/common/images/brand/index-hdg-bg-e01.png") no-repeat right top;
}
.brand-area .brand-block-06 {
  background: url("/common/images/brand/index-hdg-bg-f01.png") no-repeat right top;
}
.brand-area .brand-block-07 {
  background: url("/common/images/brand/index-hdg-bg-g01.png") no-repeat right top;
}
.brand-area .brand-hdg {
  margin-bottom: 60px;
  padding-top: 48px;
}
.brand-area .brand-hdg-02 {
  font-size: 142.85714%;
  font-weight: bold;
}
.brand-area .brand-hdg-02 + * {
  margin-top: 10px;
}
.brand-area [class^="lyt-media-"],
.brand-area [class*="lyt-media-"] {
  margin-bottom: 40px;
}

.brand-nav {
  position: relative;
  width: 100%;
  padding-bottom: 80px;
}
.brand-nav .prev, .brand-nav .next {
  font-size: 107.14286%;
  display: inline-block;
  min-width: 173px;
  background: #ededf3;
  text-align: center;
  vertical-align: middle;
}
.brand-nav .prev a, .brand-nav .next a {
  display: block;
  padding: 10px 5px;
  text-decoration: none;
  vertical-align: middle;
  position: relative;
}
.brand-nav .prev img, .brand-nav .next img {
  padding: 0 5px 0 0;
  width: 42px;
  vertical-align: middle;
}
.brand-nav .prev {
  position: absolute;
  left: 0;
  top: 0;
}
.brand-nav .prev a:before {
  background-position: -14px 0;
  height: 9px;
  width: 6px;
  overflow: hidden;
  display: inline-block;
  content: "";
  margin-right: 5px;
}
.brand-nav .next {
  position: absolute;
  right: 0;
  top: 0;
}
.brand-nav .next a:after {
  background-position: 0 0;
  height: 8px;
  width: 6px;
  overflow: hidden;
  display: inline-block;
  content: "";
  margin-left: 5px;
}
.brand-nav .return {
  width: 120px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -60px;
}
.brand-nav .return a {
  display: block;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
}
.brand-nav .return img {
  display: block;
  margin: 0 auto;
  padding: 0 5px 3px 0;
  width: 42px;
}

@media screen and (max-width: 1062px) {
  .brand-area [class^="brand-block-"],
  .brand-area [class*="brand-block-"] {
    background-size: 90%;
  }
  .brand-area .brand-hdg img {
    width: 59%;
    max-width: 353px;
  }
}
@media screen and (max-width: 640px) {
  .brand-box {
    padding: 25px 0 0;
  }

  .brand-list-01 > li {
    padding-right: 10px;
    padding-bottom: 10px;
  }
  .brand-list-01 .num {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  }
  .brand-list-01 .text {
    text-align: left;
    display: inline-block;
    width: auto;
    height: auto;
    color: inherit;
    background-image: none !important;
  }

  .brand-area {
    margin-top: -25px;
  }
  .brand-area .brand-hdg {
    margin-bottom: 25px;
  }

  .brand-nav {
    padding-bottom: 0;
  }
  .brand-nav .prev, .brand-nav .next {
    margin-bottom: 15px;
    width: 100%;
  }
  .brand-nav .prev {
    position: static;
  }
  .brand-nav .next {
    position: static;
  }
  .brand-nav .return {
    position: static;
    left: 0;
    top: 0;
    margin: 0 auto;
  }
}
@media screen and (max-width: 500px) {
  .brand-list-01 > li {
    width: 45%;
    padding-right: 0;
  }
  .brand-list-01 a {
    display: table;
    width: 100%;
  }
  .brand-list-01 .num {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 42px;
    min-width: 42px;
  }
  .brand-list-01 .text {
    width: 70%;
    padding-left: 5px;
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (max-width: 440px) {
  .brand-area [class^="brand-block-"],
  .brand-area [class*="brand-block-"] {
    background-size: 70%;
  }
  .brand-area .brand-hdg img {
    width: 90%;
    max-width: 353px;
  }
}
/* ----------------------------------------------------------------
    helper
----------------------------------------------------------------- */
 /* Align Control
----------------------------------------------- */
.al {
  text-align: left !important;
}

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

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

 /* Vertical-align Control
----------------------------------------------- */
.vt {
  vertical-align: top !important;
}

.vb {
  vertical-align: bottom !important;
}

.vm {
  vertical-align: middle !important;
}

 /* Vertical-align Control
----------------------------------------------- */
.img100 {
  width: 100% !important;
}

 /* Margin and Padding Control
----------------------------------------------- */
.mt0 {
  margin-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 /* Width Control
----------------------------------------------- */
.w1 {
  width: 1% !important;
}

.w2 {
  width: 2% !important;
}

.w3 {
  width: 3% !important;
}

.w4 {
  width: 4% !important;
}

.w5 {
  width: 5% !important;
}

.w6 {
  width: 6% !important;
}

.w7 {
  width: 7% !important;
}

.w8 {
  width: 8% !important;
}

.w9 {
  width: 9% !important;
}

.w10 {
  width: 10% !important;
}

.w11 {
  width: 11% !important;
}

.w12 {
  width: 12% !important;
}

.w13 {
  width: 13% !important;
}

.w14 {
  width: 14% !important;
}

.w15 {
  width: 15% !important;
}

.w16 {
  width: 16% !important;
}

.w17 {
  width: 17% !important;
}

.w18 {
  width: 18% !important;
}

.w19 {
  width: 19% !important;
}

.w20 {
  width: 20% !important;
}

.w21 {
  width: 21% !important;
}

.w22 {
  width: 22% !important;
}

.w23 {
  width: 23% !important;
}

.w24 {
  width: 24% !important;
}

.w25 {
  width: 25% !important;
}

.w26 {
  width: 26% !important;
}

.w27 {
  width: 27% !important;
}

.w28 {
  width: 28% !important;
}

.w29 {
  width: 29% !important;
}

.w30 {
  width: 30% !important;
}

.w31 {
  width: 31% !important;
}

.w32 {
  width: 32% !important;
}

.w33 {
  width: 33% !important;
}

.w34 {
  width: 34% !important;
}

.w35 {
  width: 35% !important;
}

.w36 {
  width: 36% !important;
}

.w37 {
  width: 37% !important;
}

.w38 {
  width: 38% !important;
}

.w39 {
  width: 39% !important;
}

.w40 {
  width: 40% !important;
}

.w41 {
  width: 41% !important;
}

.w42 {
  width: 42% !important;
}

.w43 {
  width: 43% !important;
}

.w44 {
  width: 44% !important;
}

.w45 {
  width: 45% !important;
}

.w46 {
  width: 46% !important;
}

.w47 {
  width: 47% !important;
}

.w48 {
  width: 48% !important;
}

.w49 {
  width: 49% !important;
}

.w50 {
  width: 50% !important;
}

.w51 {
  width: 51% !important;
}

.w52 {
  width: 52% !important;
}

.w53 {
  width: 53% !important;
}

.w54 {
  width: 54% !important;
}

.w55 {
  width: 55% !important;
}

.w56 {
  width: 56% !important;
}

.w57 {
  width: 57% !important;
}

.w58 {
  width: 58% !important;
}

.w59 {
  width: 59% !important;
}

.w60 {
  width: 60% !important;
}

.w61 {
  width: 61% !important;
}

.w62 {
  width: 62% !important;
}

.w63 {
  width: 63% !important;
}

.w64 {
  width: 64% !important;
}

.w65 {
  width: 65% !important;
}

.w66 {
  width: 66% !important;
}

.w67 {
  width: 67% !important;
}

.w68 {
  width: 68% !important;
}

.w69 {
  width: 69% !important;
}

.w70 {
  width: 70% !important;
}

.w71 {
  width: 71% !important;
}

.w72 {
  width: 72% !important;
}

.w73 {
  width: 73% !important;
}

.w74 {
  width: 74% !important;
}

.w75 {
  width: 75% !important;
}

.w76 {
  width: 76% !important;
}

.w77 {
  width: 77% !important;
}

.w78 {
  width: 78% !important;
}

.w79 {
  width: 79% !important;
}

.w80 {
  width: 80% !important;
}

.w81 {
  width: 81% !important;
}

.w82 {
  width: 82% !important;
}

.w83 {
  width: 83% !important;
}

.w84 {
  width: 84% !important;
}

.w85 {
  width: 85% !important;
}

.w86 {
  width: 86% !important;
}

.w87 {
  width: 87% !important;
}

.w88 {
  width: 88% !important;
}

.w89 {
  width: 89% !important;
}

.w90 {
  width: 90% !important;
}

.w91 {
  width: 91% !important;
}

.w92 {
  width: 92% !important;
}

.w93 {
  width: 93% !important;
}

.w94 {
  width: 94% !important;
}

.w95 {
  width: 95% !important;
}

.w96 {
  width: 96% !important;
}

.w97 {
  width: 97% !important;
}

.w98 {
  width: 98% !important;
}

.w99 {
  width: 99% !important;
}

.w100 {
  width: 100% !important;
}

.fs10 {
  font-size: 71.42857%;
}

.fs11 {
  font-size: 78.57143%;
}

.fs12 {
  font-size: 85.71429%;
}

.fs13 {
  font-size: 92.85714%;
}

.fs14 {
  font-size: 100%;
}

.fs15 {
  font-size: 107.14286%;
}

.fs16 {
  font-size: 114.28571%;
}

.fs17 {
  font-size: 121.42857%;
}

.fs18 {
  font-size: 128.57143%;
}

.fs19 {
  font-size: 135.71429%;
}

.fs20 {
  font-size: 142.85714%;
}

.base-color {
  color: #333 !important;
}

 /* float Control
----------------------------------------------- */
.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

 /* Sp, Tab Control
----------------------------------------------- */
@media screen and (max-width: 767px) {
  .tab-none {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .sp-none {
    display: none !important;
  }
}
/*20131015追加 連載の枠*/
.top .main-box-serial {
  margin-bottom: 20px;
  padding: 9px 10px 8px;
  border-style: 0 4px 4px 4px;
  border-color: #37367a;
  border-style: solid;
}

.top .main-box-serial .main-box-item {
  margin-top: 5px;
  padding-top: 12px;
  border-top: 1px solid #e3e0db;
}

.top .main-box-serial .main-box-item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.top .main-box-serial p, .top .main-box .list-link-right, .top .main-box .lyt-media-right {
  margin: 5px 0 0;
}