@charset "UTF-8";
/* --------------------------------------------

	FileName	:	common.css

-------------------------------------------- */
.mainCnt .topicpath-wrap .topicpath ul, .mainCnt .main-contents .main-contents-inner, .mainCnt .main-contents .main-contents-inner ul.floatLeft, .mainCnt .main-contents .main-contents-inner ol.teachers li p.name a, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name a, .mainCnt .main-contents .main-contents-inner .fig-column-2, .mainCnt .main-contents .main-contents-inner .fig-column-3, .mainCnt .main-contents .main-contents-inner .fig-column-4, .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul, footer nav#exLink ul, footer .footer-inner {
  display: inline-block; }
  .mainCnt .topicpath-wrap .topicpath ul, .mainCnt .main-contents .main-contents-inner, .mainCnt .main-contents .main-contents-inner ul.floatLeft, .mainCnt .main-contents .main-contents-inner ol.teachers li p.name a, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name a, .mainCnt .main-contents .main-contents-inner .fig-column-2, .mainCnt .main-contents .main-contents-inner .fig-column-3, .mainCnt .main-contents .main-contents-inner .fig-column-4, .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul, footer nav#exLink ul, footer .footer-inner {
    display: block; }
  .mainCnt .topicpath-wrap .topicpath ul:after, .mainCnt .main-contents .main-contents-inner:after, .mainCnt .main-contents .main-contents-inner ul.floatLeft:after, .mainCnt .main-contents .main-contents-inner ol.teachers li p.name a:after, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name a:after, .mainCnt .main-contents .main-contents-inner .fig-column-2:after, .mainCnt .main-contents .main-contents-inner .fig-column-3:after, .mainCnt .main-contents .main-contents-inner .fig-column-4:after, .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul:after, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul:after, footer nav#exLink ul:after, footer .footer-inner:after {
    content: "";
    display: block;
    clear: both;
    height: 0; }

/** CSS Grid Layoutで複数の行を指定するmixin */
/** CSS Grid Layoutで複数の列を指定するmixin */
article, section, header, footer, nav, menu, aside, figure, figcaption, main {
  display: block;
  padding: 0;
  margin: 0; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

img {
  vertical-align: top; }

address, caption, cite, code, dfn, em, strong, th, var, u {
  font-style: normal;
  font-weight: normal;
  text-decoration: none; }

a {
  vertical-align: baseline; }

a > * {
  cursor: pointer; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  vertical-align: bottom; }

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

abbr, acronym {
  border: 0; }

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

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?36078553#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-search:before {
  content: '\e800'; }

/* '' */
.icon-right-dir:before {
  content: '\e801'; }

/* '' */
.icon-up-dir:before {
  content: '\e802'; }

/* '' */
.icon-ok:before {
  content: '\e803'; }

/* '' */
.icon-circle_1:before {
  content: '\e804'; }

/* '' */
.icon-right-open-1:before {
  content: '\f006'; }

/* '' */
.icon-user:before {
  content: '\f061'; }

/* '' */
.icon-dot-circled:before {
  content: '\f192'; }

/* '' */
.icon-user-o:before {
  content: '\f2c0'; }

/* '' */
/* -------------------------------------
	header
-------------------------------------- */
.header {
  width: 100%;
  min-width: 1100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: #fff; }
  @media only screen and (max-width: 768px) {
    .header {
      min-width: 100%; } }
  @media print {
    .header {
      position: absolute; } }
  .header-inner {
    max-width: 1400px;
    min-width: 1100px;
    height: 165px;
    position: relative;
    z-index: 100;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 768px) {
      .header-inner {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 56px; } }
    .header-inner h1 {
      position: absolute;
      left: 16px;
      top: 18px;
      z-index: 100; }
      @media only screen and (max-width: 768px) {
        .header-inner h1 {
          left: 8px;
          top: 15px; } }
      .header-inner h1 a {
        width: 212px;
        height: 35px;
        display: block; }
        @media only screen and (max-width: 768px) {
          .header-inner h1 a {
            width: 160px;
            height: 27px; } }
    .header-inner #menuBtn {
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer;
      z-index: 100;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
      @media only screen and (min-width: 769px), print {
        .header-inner #menuBtn {
          display: none !important; } }
      @media only screen and (max-width: 768px) {
        .header-inner #menuBtn {
          display: inline-block; }
          .header-inner #menuBtn > a.tMenu {
            text-decoration: none;
            background: #333;
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            height: 56px;
            width: 50px;
            position: absolute;
            color: #fff;
            top: 0;
            right: 50px;
            padding-top: 16px;
            padding-left: 53px;
            font-size: 138.46154%; }
            .header-inner #menuBtn > a.tMenu:after {
              content: '\f2c0';
              margin: auto;
              color: #fff;
              line-height: 1;
              font-size: 123.07692%;
              font-family: "fontello";
              font-style: normal;
              font-weight: normal;
              speak: none;
              display: inline-block;
              text-decoration: inherit;
              text-align: center;
              font-variant: normal;
              text-transform: none;
              line-height: 1em;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              position: absolute;
              left: 15px;
              top: 15px;
              -webkit-transition: all 0.2s;
              transition: all 0.2s;
              opacity: 1; }
            .header-inner #menuBtn > a.tMenu span {
              -webkit-transition: all 0.2s;
              transition: all 0.2s;
              display: inline-block;
              position: absolute;
              left: 11px;
              width: 30px;
              height: 1px;
              background-color: #fff; }
              .header-inner #menuBtn > a.tMenu span:nth-of-type(1) {
                top: 22px;
                opacity: 0; }
              .header-inner #menuBtn > a.tMenu span:nth-of-type(2) {
                bottom: 20px;
                opacity: 0; }
            .header-inner #menuBtn > a.tMenu.active:after {
              opacity: 0; }
            .header-inner #menuBtn > a.tMenu.active span:nth-of-type(1) {
              -webkit-transform: translateY(7px) rotate(-45deg);
              transform: translateY(7px) rotate(-45deg);
              opacity: 1; }
            .header-inner #menuBtn > a.tMenu.active span:nth-of-type(2) {
              -webkit-transform: translateY(-6px) rotate(45deg);
              transform: translateY(-6px) rotate(45deg);
              opacity: 1; }
          .header-inner #menuBtn > a.gMenu {
            text-decoration: none;
            background: #000;
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            height: 56px;
            width: 50px;
            position: relative;
            color: #fff;
            padding-top: 16px;
            padding-left: 53px;
            font-size: 138.46154%; }
            .header-inner #menuBtn > a.gMenu span {
              -webkit-transition: all 0.2s;
              transition: all 0.2s;
              display: inline-block;
              position: absolute;
              left: 11px;
              width: 30px;
              height: 1px;
              background-color: #fff; }
              .header-inner #menuBtn > a.gMenu span:nth-of-type(1) {
                top: 22px; }
              .header-inner #menuBtn > a.gMenu span:nth-of-type(2) {
                top: 29px; }
              .header-inner #menuBtn > a.gMenu span:nth-of-type(3) {
                bottom: 20px; }
            .header-inner #menuBtn > a.gMenu.active span:nth-of-type(1) {
              -webkit-transform: translateY(7px) rotate(-45deg);
              transform: translateY(7px) rotate(-45deg); }
            .header-inner #menuBtn > a.gMenu.active span:nth-of-type(2) {
              opacity: 0; }
            .header-inner #menuBtn > a.gMenu.active span:nth-of-type(3) {
              -webkit-transform: translateY(-6px) rotate(45deg);
              transform: translateY(-6px) rotate(45deg); } }
  .header #menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    min-width: 1000px;
    max-width: 1400px;
    margin: 0 auto; }
    @media only screen and (min-width: 769px), print {
      .header #menu {
        display: block !important; } }
    @media only screen and (max-width: 768px) {
      .header #menu {
        display: none;
        position: fixed;
        background-color: #333;
        top: 56px;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        overflow-y: auto;
        padding-bottom: 60px;
        min-width: 100%;
        max-width: 100%; } }
    .header #menu nav.global {
      position: absolute;
      top: 100px;
      left: 0;
      right: 0;
      display: block;
      width: 100%;
      z-index: 1200; }
      @media only screen and (min-width: 769px), print {
        .header #menu nav.global {
          display: block !important; } }
      @media only screen and (max-width: 768px) {
        .header #menu nav.global {
          position: relative;
          top: 0; } }
      .header #menu nav.global ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto; }
        @media only screen and (max-width: 768px) {
          .header #menu nav.global ul {
            display: block;
            max-width: 100%; } }
        .header #menu nav.global ul li {
          height: auto;
          -webkit-flex-basis: 14.3%;
          -ms-flex-preferred-size: 14.3%;
          flex-basis: 14.3%;
          position: relative; }
          @media only screen and (max-width: 768px) {
            .header #menu nav.global ul li {
              -webkit-flex-basis: none;
              -ms-flex-preferred-size: none;
              flex-basis: none; } }
          .header #menu nav.global ul li:after {
            content: "";
            position: absolute;
            top: 50%;
            right: 0;
            height: 20px;
            margin-top: -10px;
            width: 1px;
            background-color: #bababa;
            display: block; }
            @media only screen and (max-width: 768px) {
              .header #menu nav.global ul li:after {
                top: 0;
                margin-top: 0;
                right: auto;
                left: 0;
                bottom: 0;
                height: 1px;
                background-color: #fff;
                width: 100%; } }
          .header #menu nav.global ul li:first-child:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            height: 20px;
            margin-top: -10px;
            width: 1px;
            background-color: #bababa;
            display: block; }
            @media only screen and (max-width: 768px) {
              .header #menu nav.global ul li:first-child:before {
                display: none; } }
          .header #menu nav.global ul li.active a {
            color: #1080B3; }
            .header #menu nav.global ul li.active a:after {
              content: "";
              width: 50%;
              height: 1px;
              display: block;
              position: absolute;
              bottom: -10px;
              left: 50%;
              margin-left: -25%;
              background-color: #1080B3; }
              @media only screen and (max-width: 768px) {
                .header #menu nav.global ul li.active a:after {
                  display: none; } }
            .header #menu nav.global ul li.active a span {
              position: relative;
              vertical-align: middle;
              display: inline-block;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              display: table-cell;
              text-align: center;
              width: 100%; }
              @media only screen and (max-width: 768px) {
                .header #menu nav.global ul li.active a span {
                  top: auto;
                  display: block;
                  padding-top: 1em;
                  padding-bottom: 1em;
                  -webkit-transform: translateY(0);
                  transform: translateY(0); } }
          .header #menu nav.global ul li a {
            text-align: center;
            display: table;
            color: #000;
            position: relative;
            font-size: 1.1rem;
            text-decoration: none;
            width: 100%;
            height: 40px;
            text-align: center;
            position: relative;
            line-height: 1.4; }
            @media only screen and (max-width: 768px) {
              .header #menu nav.global ul li a {
                color: #fff; } }
            .header #menu nav.global ul li a:hover {
              color: #1080B3; }
              .header #menu nav.global ul li a:hover:after {
                content: "";
                width: 50%;
                height: 1px;
                display: block;
                position: absolute;
                bottom: -10px;
                left: 50%;
                margin-left: -25%;
                background-color: #1080B3; }
                @media only screen and (max-width: 768px) {
                  .header #menu nav.global ul li a:hover:after {
                    display: none; } }
            .header #menu nav.global ul li a span {
              position: relative;
              vertical-align: middle;
              display: inline-block;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              display: table-cell;
              text-align: center;
              width: 100%; }
              @media only screen and (max-width: 768px) {
                .header #menu nav.global ul li a span {
                  top: auto;
                  display: block;
                  padding-top: 1em;
                  padding-bottom: 1em;
                  -webkit-transform: translateY(0);
                  transform: translateY(0); } }
    .header #menu #wiget {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1300; }
      @media only screen and (min-width: 769px), print {
        .header #menu #wiget {
          display: block !important; } }
      @media only screen and (max-width: 768px) {
        .header #menu #wiget {
          position: relative;
          top: auto;
          right: auto;
          padding-bottom: 80px; } }
      .header #menu #wiget #wiget-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        @media only screen and (max-width: 768px) {
          .header #menu #wiget #wiget-inner {
            display: block; } }
        @media only screen and (min-width: 769px), print {
          .header #menu #wiget #wiget-inner nav.tool {
            display: block !important; } }
        @media only screen and (max-width: 768px) {
          .header #menu #wiget #wiget-inner nav.tool {
            display: block; } }
        .header #menu #wiget #wiget-inner nav.tool ul {
          display: table; }
          @media only screen and (max-width: 768px) {
            .header #menu #wiget #wiget-inner nav.tool ul {
              display: block;
              padding-top: 50px; } }
          .header #menu #wiget #wiget-inner nav.tool ul li {
            display: table-cell;
            border-collapse: collapse;
            vertical-align: top;
            border-right: 1px solid #fff; }
            @media only screen and (max-width: 768px) {
              .header #menu #wiget #wiget-inner nav.tool ul li {
                border-right: none;
                display: block; } }
            @media only screen and (max-width: 768px) {
              .header #menu #wiget #wiget-inner nav.tool ul li {
                display: block; } }
            .header #menu #wiget #wiget-inner nav.tool ul li.search .search_inner a:after {
              position: absolute;
              top: 50%;
              margin-top: -15px;
              left: 50%;
              margin-left: -14px;
              display: inline-block;
              width: 27px;
              height: 30px;
              background: url('../img/common/ico_search.png') no-repeat;
              background-size: 27px 30px;
              text-indent: 100%;
              white-space: nowrap;
              overflow: hidden;
              content: ""; }
            @media only screen and (max-width: 768px) {
              .header #menu #wiget #wiget-inner nav.tool ul li.search .search_inner a {
                display: none; } }
            .header #menu #wiget #wiget-inner nav.tool ul li.search .search_inner .search-box {
              display: none; }
              @media only screen and (max-width: 768px) {
                .header #menu #wiget #wiget-inner nav.tool ul li.search .search_inner .search-box {
                  display: block !important;
                  width: 100%;
                  -webkit-box-sizing: border-box;
                  box-sizing: border-box;
                  padding-top: 10px;
                  border-top: 1px solid #fff; }
                  .header #menu #wiget #wiget-inner nav.tool ul li.search .search_inner .search-box form .search-box-inner {
                    display: table;
                    width: 95%;
                    margin: 0 auto; }
                    .header #menu #wiget #wiget-inner nav.tool ul li.search .search_inner .search-box form .search-box-inner div {
                      display: table-cell; }
                      .header #menu #wiget #wiget-inner nav.tool ul li.search .search_inner .search-box form .search-box-inner div.keyword {
                        padding: 0 0 10px;
                        margin-bottom: 3px; }
                        .header #menu #wiget #wiget-inner nav.tool ul li.search .search_inner .search-box form .search-box-inner div.keyword input {
                          font-size: 123.07692%;
                          height: 40px;
                          width: 100%;
                          border: 0 !important;
                          outline: 0;
                          -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                          vertical-align: top;
                          padding: 5px;
                          background: #e5e8e8; }
                      .header #menu #wiget #wiget-inner nav.tool ul li.search .search_inner .search-box form .search-box-inner div.btn {
                        width: 40px;
                        vertical-align: top; }
                        .header #menu #wiget #wiget-inner nav.tool ul li.search .search_inner .search-box form .search-box-inner div.btn button {
                          width: 40px;
                          height: 40px;
                          background: #1080B3;
                          padding: 0;
                          border: 0;
                          outline: 0;
                          display: block;
                          text-indent: 100%;
                          white-space: nowrap;
                          overflow: hidden;
                          position: relative; }
                          .header #menu #wiget #wiget-inner nav.tool ul li.search .search_inner .search-box form .search-box-inner div.btn button:after {
                            content: '\e800';
                            margin: auto;
                            color: #fff;
                            line-height: 1;
                            font-size: 153.84615%;
                            font-family: "fontello";
                            font-style: normal;
                            font-weight: normal;
                            speak: none;
                            display: inline-block;
                            text-decoration: inherit;
                            text-align: center;
                            font-variant: normal;
                            text-transform: none;
                            line-height: 1em;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            -webkit-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                            text-indent: 0; } }
            .header #menu #wiget #wiget-inner nav.tool ul li.social {
              position: relative; }
              @media only screen and (max-width: 768px) {
                .header #menu #wiget #wiget-inner nav.tool ul li.social {
                  height: 45px;
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%; } }
              .header #menu #wiget #wiget-inner nav.tool ul li.social > a {
                -webkit-transition: all 0.4s;
                transition: all 0.4s; }
                .header #menu #wiget #wiget-inner nav.tool ul li.social > a:hover {
                  opacity: .8; }
                @media only screen and (max-width: 768px) {
                  .header #menu #wiget #wiget-inner nav.tool ul li.social > a {
                    display: none; } }
                .header #menu #wiget #wiget-inner nav.tool ul li.social > a:after {
                  position: absolute;
                  content: "";
                  top: 50%;
                  left: 50%;
                  margin-left: -15px;
                  margin-top: -15px;
                  display: inline-block;
                  width: 30px;
                  height: 30px;
                  background: url('../img/common/assist_facebook.png') no-repeat;
                  background-size: 30px 30px;
                  text-indent: 100%;
                  white-space: nowrap;
                  overflow: hidden; }
              .header #menu #wiget #wiget-inner nav.tool ul li.social ul {
                visibility: hidden;
                opacity: 0;
                position: absolute;
                -webkit-transform: translate(0, -5px);
                transform: translate(0, -5px);
                -webkit-transition: all 0.25s;
                transition: all 0.25s;
                z-index: 30;
                width: 57px; }
                .header #menu #wiget #wiget-inner nav.tool ul li.social ul.visible {
                  opacity: 0.9999;
                  visibility: visible;
                  -webkit-transform: translate(0, 0);
                  transform: translate(0, 0); }
                @media only screen and (max-width: 768px) {
                  .header #menu #wiget #wiget-inner nav.tool ul li.social ul {
                    visibility: visible;
                    opacity: 1;
                    width: 100%;
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                    text-align: center;
                    padding: .5em 0;
                    border-top: 1px solid #fff; } }
                .header #menu #wiget #wiget-inner nav.tool ul li.social ul > li {
                  display: block;
                  position: relative;
                  border-right: none;
                  width: 100%;
                  background-color: #fff; }
                  .header #menu #wiget #wiget-inner nav.tool ul li.social ul > li:nth-child(2):after {
                    background-color: #5e9fbb;
                    height: 1px;
                    width: 44px;
                    content: "";
                    display: inline-block;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    margin-left: -22px; }
                    @media only screen and (max-width: 768px) {
                      .header #menu #wiget #wiget-inner nav.tool ul li.social ul > li:nth-child(2):after {
                        display: none; } }
                  @media only screen and (max-width: 768px) {
                    .header #menu #wiget #wiget-inner nav.tool ul li.social ul > li {
                      -webkit-box-sizing: border-box;
                      box-sizing: border-box;
                      display: inline;
                      background: none !important;
                      margin-right: 1em; }
                      .header #menu #wiget #wiget-inner nav.tool ul li.social ul > li:last-child {
                        margin-right: 0; } }
                  .header #menu #wiget #wiget-inner nav.tool ul li.social ul > li a {
                    position: relative;
                    -webkit-transition: all 0.4s;
                    transition: all 0.4s; }
                    .header #menu #wiget #wiget-inner nav.tool ul li.social ul > li a:hover {
                      opacity: .6; }
                    .header #menu #wiget #wiget-inner nav.tool ul li.social ul > li a.fb {
                      display: none; }
                      @media only screen and (max-width: 768px) {
                        .header #menu #wiget #wiget-inner nav.tool ul li.social ul > li a.fb {
                          display: inline-block;
                          width: 30px;
                          height: 30px;
                          background: url('../img/common/assist_facebook.png') no-repeat;
                          background-size: 30px 30px;
                          text-indent: 100%;
                          white-space: nowrap;
                          overflow: hidden;
                          background-position: center;
                          display: inline-block; } }
                    .header #menu #wiget #wiget-inner nav.tool ul li.social ul > li a.insta {
                      display: inline-block;
                      width: 29px;
                      height: 29px;
                      background: url('../img/common/assist_instagram.png') no-repeat;
                      background-size: 29px 29px;
                      text-indent: 100%;
                      white-space: nowrap;
                      overflow: hidden;
                      background-position: center;
                      width: 57px;
                      height: 50px; }
                      @media only screen and (max-width: 768px) {
                        .header #menu #wiget #wiget-inner nav.tool ul li.social ul > li a.insta {
                          display: inline-block;
                          width: 29px;
                          height: 29px;
                          background: url('../img/common/assist_instagram_sp.png') no-repeat;
                          background-size: 29px 29px;
                          text-indent: 100%;
                          white-space: nowrap;
                          overflow: hidden;
                          height: 30px;
                          background-position: center; } }
                    .header #menu #wiget #wiget-inner nav.tool ul li.social ul > li a.youtube {
                      display: inline-block;
                      width: 34px;
                      height: 24px;
                      background: url('../img/common/assist_youtube.png') no-repeat;
                      background-size: 34px 24px;
                      text-indent: 100%;
                      white-space: nowrap;
                      overflow: hidden;
                      background-position: center;
                      width: 57px;
                      height: 50px; }
                      @media only screen and (max-width: 768px) {
                        .header #menu #wiget #wiget-inner nav.tool ul li.social ul > li a.youtube {
                          display: inline-block;
                          width: 34px;
                          height: 24px;
                          background: url('../img/common/assist_youtube.png') no-repeat;
                          background-size: 34px 24px;
                          text-indent: 100%;
                          white-space: nowrap;
                          overflow: hidden;
                          height: 30px;
                          background-position: center; } }
            .header #menu #wiget #wiget-inner nav.tool ul li.lang {
              position: relative; }
              @media only screen and (max-width: 768px) {
                .header #menu #wiget #wiget-inner nav.tool ul li.lang {
                  height: 60px; } }
              @media only screen and (max-width: 768px) {
                .header #menu #wiget #wiget-inner nav.tool ul li.lang > a {
                  display: none; } }
              .header #menu #wiget #wiget-inner nav.tool ul li.lang > a:after {
                position: absolute;
                content: "";
                top: 50%;
                left: 50%;
                margin-left: -10px;
                margin-top: -15px;
                display: inline-block;
                width: 20px;
                height: 30px;
                background: url('../img/common/ico_lang.png') no-repeat;
                background-size: 20px 30px;
                text-indent: 100%;
                white-space: nowrap;
                overflow: hidden; }
              .header #menu #wiget #wiget-inner nav.tool ul li.lang ul {
                visibility: hidden;
                opacity: 0;
                position: absolute;
                -webkit-transform: translate(0, -5px);
                transform: translate(0, -5px);
                -webkit-transition: all 0.25s;
                transition: all 0.25s;
                z-index: 30; }
                .header #menu #wiget #wiget-inner nav.tool ul li.lang ul.visible {
                  opacity: 0.9999;
                  visibility: visible;
                  -webkit-transform: translate(0, 0);
                  transform: translate(0, 0); }
                .header #menu #wiget #wiget-inner nav.tool ul li.lang ul > li {
                  display: block;
                  width: 150px;
                  padding: .5em;
                  background: #1080B3;
                  -webkit-box-sizing: border-box;
                  box-sizing: border-box;
                  border-right: 0; }
                  @media only screen and (max-width: 768px) {
                    .header #menu #wiget #wiget-inner nav.tool ul li.lang ul > li {
                      background: #e5e8e8; } }
                  .header #menu #wiget #wiget-inner nav.tool ul li.lang ul > li a {
                    text-indent: 0;
                    width: auto;
                    height: auto;
                    white-space: normal;
                    overflow: auto;
                    color: #fff;
                    background: none;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    text-decoration: none; }
                    .header #menu #wiget #wiget-inner nav.tool ul li.lang ul > li a:hover {
                      text-decoration: underline; }
                  .header #menu #wiget #wiget-inner nav.tool ul li.lang ul > li:first-child a {
                    border-bottom: 1px solid #5e9fbb;
                    padding-bottom: 10px; }
                    @media only screen and (max-width: 768px) {
                      .header #menu #wiget #wiget-inner nav.tool ul li.lang ul > li:first-child a {
                        border-bottom: none;
                        padding-bottom: 0; } }
                @media only screen and (max-width: 768px) {
                  .header #menu #wiget #wiget-inner nav.tool ul li.lang ul {
                    visibility: visible;
                    opacity: 1;
                    display: table;
                    width: 100%;
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0); }
                    .header #menu #wiget #wiget-inner nav.tool ul li.lang ul li {
                      display: table-cell;
                      width: 50%;
                      border-bottom: 1px solid #333;
                      -webkit-box-sizing: border-box;
                      box-sizing: border-box; }
                      .header #menu #wiget #wiget-inner nav.tool ul li.lang ul li:nth-child(2n) {
                        border-left: 1px solid #333; }
                      .header #menu #wiget #wiget-inner nav.tool ul li.lang ul li a {
                        text-indent: 0;
                        white-space: normal;
                        overflow: auto;
                        display: block;
                        text-align: center;
                        color: #000;
                        text-decoration: none;
                        padding-top: 5px;
                        padding-bottom: 5px; } }
            @media only screen and (max-width: 768px) {
              .header #menu #wiget #wiget-inner nav.tool ul li.size {
                display: none; } }
            .header #menu #wiget #wiget-inner nav.tool ul li.size #fontSize {
              position: relative; }
              .header #menu #wiget #wiget-inner nav.tool ul li.size #fontSize #fontsizeControl {
                visibility: hidden;
                opacity: 0;
                -webkit-transform: translate(0, -5px);
                transform: translate(0, -5px);
                -webkit-transition: all 0.25s;
                transition: all 0.25s;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 10px;
                background-color: #1080B3;
                position: absolute;
                z-index: 30; }
                .header #menu #wiget #wiget-inner nav.tool ul li.size #fontSize #fontsizeControl.visible {
                  opacity: 0.9999;
                  visibility: visible;
                  -webkit-transform: translate(0, 0);
                  transform: translate(0, 0); }
                .header #menu #wiget #wiget-inner nav.tool ul li.size #fontSize #fontsizeControl ul {
                  -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
                  .header #menu #wiget #wiget-inner nav.tool ul li.size #fontSize #fontsizeControl ul li {
                    border: 1px solid #5e9fbb;
                    padding: 0 5px;
                    color: #fff;
                    cursor: pointer; }
                    .header #menu #wiget #wiget-inner nav.tool ul li.size #fontSize #fontsizeControl ul li.active {
                      background: #335e71; }
            .header #menu #wiget #wiget-inner nav.tool ul li.size > a:after {
              position: absolute;
              content: "";
              top: 50%;
              left: 50%;
              margin-left: -11px;
              margin-top: -14px;
              display: inline-block;
              width: 22px;
              height: 28px;
              background: url('../img/common/ico_size.png') no-repeat;
              background-size: 22px 28px;
              text-indent: 100%;
              white-space: nowrap;
              overflow: hidden; }
            @media only screen and (max-width: 768px) {
              .header #menu #wiget #wiget-inner nav.tool ul li.access > a {
                text-indent: 0;
                white-space: normal;
                overflow: auto;
                width: 70%;
                margin: 10px auto;
                text-align: center;
                border: 1px solid #e5e8e8;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background-color: #333;
                color: #fff;
                text-decoration: none;
                padding-top: 10px;
                padding-bottom: 10px; } }
            .header #menu #wiget #wiget-inner nav.tool ul li.access > a:after {
              position: absolute;
              content: "";
              top: 50%;
              left: 50%;
              margin-left: -14px;
              margin-top: -15px;
              display: inline-block;
              width: 27px;
              height: 30px;
              background: url('../img/common/ico_access.png') no-repeat;
              background-size: 27px 30px;
              text-indent: 100%;
              white-space: nowrap;
              overflow: hidden; }
              @media only screen and (max-width: 768px) {
                .header #menu #wiget #wiget-inner nav.tool ul li.access > a:after {
                  display: none; } }
            .header #menu #wiget #wiget-inner nav.tool ul li a {
              background: #e5e8e8;
              height: 52px;
              width: 57px;
              position: relative;
              display: block;
              text-indent: 100%;
              white-space: nowrap;
              overflow: hidden; }
              @media only screen and (max-width: 768px) {
                .header #menu #wiget #wiget-inner nav.tool ul li a {
                  height: auto;
                  width: auto; } }
        @media only screen and (min-width: 769px), print {
          .header #menu #wiget #wiget-inner nav.target {
            display: block !important; } }
        @media only screen and (max-width: 768px) {
          .header #menu #wiget #wiget-inner nav.target {
            display: none; } }
        .header #menu #wiget #wiget-inner nav.target ul {
          background-color: #3c3c3c;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          @media only screen and (max-width: 768px) {
            .header #menu #wiget #wiget-inner nav.target ul {
              display: block;
              width: 100%;
              border-top: 1px solid #fff; } }
          .header #menu #wiget #wiget-inner nav.target ul li {
            display: table; }
            @media only screen and (max-width: 768px) {
              .header #menu #wiget #wiget-inner nav.target ul li {
                width: 100%; } }
            .header #menu #wiget #wiget-inner nav.target ul li a {
              color: #fff;
              text-decoration: none;
              display: table-cell;
              vertical-align: middle;
              height: 51px;
              padding-right: 8px;
              padding-left: 8px;
              font-size: 92.30769%; }
              @media only screen and (max-width: 768px) {
                .header #menu #wiget #wiget-inner nav.target ul li a {
                  width: 100%;
                  -webkit-box-sizing: border-box;
                  box-sizing: border-box;
                  border-bottom: 1px solid #fff;
                  padding: 0;
                  text-align: center; } }
              .header #menu #wiget #wiget-inner nav.target ul li a:hover {
                text-decoration: underline; }
            .header #menu #wiget #wiget-inner nav.target ul li:first-child a {
              padding-left: 20px; }
              @media only screen and (max-width: 768px) {
                .header #menu #wiget #wiget-inner nav.target ul li:first-child a {
                  padding-left: 0; } }
            .header #menu #wiget #wiget-inner nav.target ul li:last-child a {
              padding-right: 20px; }
              @media only screen and (max-width: 768px) {
                .header #menu #wiget #wiget-inner nav.target ul li:last-child a {
                  padding-right: 0; } }
          .header #menu #wiget #wiget-inner nav.target ul.social {
            display: none !important; }
            @media only screen and (max-width: 768px) {
              .header #menu #wiget #wiget-inner nav.target ul.social {
                display: block !important;
                text-align: center;
                border-top: none;
                padding-top: 1em;
                padding-bottom: 1em; }
                .header #menu #wiget #wiget-inner nav.target ul.social li {
                  width: auto;
                  display: inline-block;
                  margin-right: 1em; }
                  .header #menu #wiget #wiget-inner nav.target ul.social li:last-child {
                    margin-right: 0em; }
                  .header #menu #wiget #wiget-inner nav.target ul.social li a {
                    border-bottom: none; }
                    .header #menu #wiget #wiget-inner nav.target ul.social li a.fb {
                      display: inline-block;
                      width: 30px;
                      height: 30px;
                      background: url('../img/common/assist_facebook.png') no-repeat;
                      background-size: 30px 30px;
                      text-indent: 100%;
                      white-space: nowrap;
                      overflow: hidden; }
                    .header #menu #wiget #wiget-inner nav.target ul.social li a.insta {
                      display: inline-block;
                      width: 29px;
                      height: 29px;
                      background: url('../img/common/assist_instagram_sp.png') no-repeat;
                      background-size: 29px 29px;
                      text-indent: 100%;
                      white-space: nowrap;
                      overflow: hidden; }
                    .header #menu #wiget #wiget-inner nav.target ul.social li a.youtube {
                      display: inline-block;
                      width: 34px;
                      height: 24px;
                      background: url('../img/common/assist_youtube.png') no-repeat;
                      background-size: 34px 24px;
                      text-indent: 100%;
                      white-space: nowrap;
                      overflow: hidden; } }
        .header #menu #wiget #wiget-inner p.request {
          display: table; }
          @media only screen and (min-width: 769px), print {
            .header #menu #wiget #wiget-inner p.request {
              display: block !important; } }
          @media only screen and (max-width: 768px) {
            .header #menu #wiget #wiget-inner p.request {
              display: block; } }
          .header #menu #wiget #wiget-inner p.request a {
            display: table-cell;
            background-color: #1080B3;
            color: #fff;
            text-decoration: none;
            height: 51px;
            vertical-align: middle;
            padding-right: 20px;
            padding-left: 20px;
            font-size: 92.30769%;
            -webkit-transition: all 0.2s;
            transition: all 0.2s; }
            @media only screen and (max-width: 768px) {
              .header #menu #wiget #wiget-inner p.request a {
                display: block;
                height: auto;
                padding: 10px 0;
                width: 70%;
                margin-right: auto;
                margin-left: auto;
                text-align: center; } }
            .header #menu #wiget #wiget-inner p.request a:hover {
              background: #335e71; }

/* -------------------------------------
		検索BOX ポップアップ
	-------------------------------------- */
.search-fancybox .fancybox-close {
  top: -36px;
  right: -36px; }

.search-fancybox .fancybox-inner {
  height: auto !important; }
  .search-fancybox .fancybox-inner .search-box {
    background-color: rgba(255, 255, 255, 0);
    min-width: 600px; }
  .search-fancybox .fancybox-inner .search-box-inner {
    display: table;
    width: 100%;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); }
  .search-fancybox .fancybox-inner .keyword {
    display: table-cell;
    padding: 5px;
    background: #fff; }
    .search-fancybox .fancybox-inner .keyword input {
      font-size: 16px;
      height: 50px;
      width: 100%;
      border: 0 !important;
      outline: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: top;
      padding: 5px;
      background: rgba(255, 255, 255, 0);
      border-radius: 0; }
  .search-fancybox .fancybox-inner .btn {
    display: table-cell;
    width: 60px;
    vertical-align: top; }
    .search-fancybox .fancybox-inner .btn button {
      width: 60px;
      height: 60px;
      background: #1080B3;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      padding: 0;
      border: 0;
      -moz-appearance: none;
      appearance: none;
      -webkit-appearance: none;
      outline: 0;
      cursor: pointer;
      display: block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      position: relative; }
      .search-fancybox .fancybox-inner .btn button:after {
        content: '\e800';
        margin: auto;
        color: #fff;
        line-height: 1;
        font-size: 184.61538%;
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-indent: 0; }
      .search-fancybox .fancybox-inner .btn button:hover {
        background: #0a4e6d; }

/* -------------------------------------
	contents
-------------------------------------- */
.mainCnt .topicpath-wrap .topicpath ul, .mainCnt .main-contents .main-contents-inner, .mainCnt .main-contents .main-contents-inner ul.floatLeft, .mainCnt .main-contents .main-contents-inner ol.teachers li p.name a, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name a, .mainCnt .main-contents .main-contents-inner .fig-column-2, .mainCnt .main-contents .main-contents-inner .fig-column-3, .mainCnt .main-contents .main-contents-inner .fig-column-4, .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul, footer nav#exLink ul, footer .footer-inner {
  display: inline-block; }
  .mainCnt .topicpath-wrap .topicpath ul, .mainCnt .main-contents .main-contents-inner, .mainCnt .main-contents .main-contents-inner ul.floatLeft, .mainCnt .main-contents .main-contents-inner ol.teachers li p.name a, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name a, .mainCnt .main-contents .main-contents-inner .fig-column-2, .mainCnt .main-contents .main-contents-inner .fig-column-3, .mainCnt .main-contents .main-contents-inner .fig-column-4, .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul, footer nav#exLink ul, footer .footer-inner {
    display: block; }
  .mainCnt .topicpath-wrap .topicpath ul:after, .mainCnt .main-contents .main-contents-inner:after, .mainCnt .main-contents .main-contents-inner ul.floatLeft:after, .mainCnt .main-contents .main-contents-inner ol.teachers li p.name a:after, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name a:after, .mainCnt .main-contents .main-contents-inner .fig-column-2:after, .mainCnt .main-contents .main-contents-inner .fig-column-3:after, .mainCnt .main-contents .main-contents-inner .fig-column-4:after, .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul:after, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul:after, footer nav#exLink ul:after, footer .footer-inner:after {
    content: "";
    display: block;
    clear: both;
    height: 0; }

/** CSS Grid Layoutで複数の行を指定するmixin */
/** CSS Grid Layoutで複数の列を指定するmixin */
html {
  font-size: 87.5%; }

body {
  font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  width: 100%;
  min-width: 1000px;
  *font-size: small;
  *font: x-small;
  -webkit-text-size-adjust: 100%;
  line-height: 1.65;
  font-size: 14px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    body {
      min-width: 320px; } }

@media all and (-ms-high-contrast: none) {
  body {
    font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; } }

a {
  color: #1080B3; }
  a:hover {
    text-decoration: none; }
  a.tel-disable {
    color: #000;
    cursor: default;
    text-decoration: none; }
    a.tel-disable:hover {
      cursor: default;
      color: #000;
      text-decoration: none; }
  a.tel-enable {
    color: #1080B3; }
    a.tel-enable:hover {
      text-decoration: none; }
  a.btn {
    background: #f9f9f9;
    color: #000;
    text-decoration: none;
    padding: 20px 60px;
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    a.btn:after {
      content: '';
      display: block;
      position: absolute;
      top: 28px;
      left: 26px;
      width: 3px;
      height: 3px;
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-transform-origin: top center;
      transform-origin: top center;
      -webkit-transform: rotate(-45deg) translate(0, -50%);
      transform: rotate(-45deg) translate(0, -50%); }
    a.btn:before {
      content: "";
      width: 25px;
      height: 25px;
      border: 1px solid #9a9a9a;
      border-radius: 50%;
      display: block;
      position: absolute;
      top: 50%;
      margin-top: -13px;
      left: 15px; }
    a.btn:hover {
      background: #1080B3;
      color: #fff; }
      a.btn:hover:after {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff; }
      a.btn:hover:before {
        border: 1px solid #fff; }
  a.blueBtn {
    background: #1080B3;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.5em 1em 0.5em 2em;
    text-decoration: none;
    color: #fff;
    border: double 4px #67c5ff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    display: inline-block; }
    a.blueBtn:before {
      content: '\e801';
      margin: auto;
      color: #fff;
      line-height: 1;
      font-size: 123.07692%;
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      left: 10px;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    a.blueBtn:hover {
      color: #1080B3;
      background: #f9f9f9; }
      a.blueBtn:hover:before {
        color: #1080B3; }

ul, ol {
  list-style-type: none; }

img {
  width: auto;
  max-width: 100%; }

@media only screen and (max-width: 768px) {
  .pcOnly {
    display: none !important; } }

.spOnly {
  display: none; }
  @media only screen and (max-width: 768px) {
    .spOnly {
      display: block !important; } }

.mainCnt {
  margin: auto;
  padding-top: 165px;
  min-width: 1100px; }
  @media only screen and (max-width: 768px) {
    .mainCnt {
      min-width: 100%;
      padding-top: 56px; } }
  .mainCnt header.main-header {
    margin: 0 auto;
    width: 100%;
    height: 550px;
    position: relative;
    display: table; }
    @media only screen and (max-width: 768px) {
      .mainCnt header.main-header {
        height: 300px; } }
    .mainCnt header.main-header.law {
      background: url("/img/faculty/law/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.depLaw {
      background: url("/img/faculty/law/law/pic_cat.jpg") bottom center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.economics {
      background: url("/img/faculty/economics/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.depEco {
      background: url("/img/faculty/economics/economics/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.global {
      background: url("/img/faculty/global/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.depGlo {
      background: url("/img/faculty/global/global/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.humanities {
      background: url("/img/faculty/humanities/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.depHum {
      background: url("/img/faculty/humanities/humanities/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.depHumPsy {
      background: url("/img/faculty/humanities/psychology/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.business {
      background: url("/img/faculty/business/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.depBus {
      background: url("/img/faculty/business/business/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.psychology {
      background: url("/img/faculty/psychology/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.depPsy {
      background: url("/img/faculty/psychology/psychology/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.rehabilitation {
      background: url("/img/faculty/rehabilitation/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.depSocialReha {
      background: url("/img/faculty/rehabilitation/society/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.depPhysical {
      background: url("/img/faculty/rehabilitation/physiotherapy/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.depOcc {
      background: url("/img/faculty/rehabilitation/occupationaltherapy/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.pharmacy {
      background: url("/img/faculty/pharmacy/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.depPha {
      background: url("/img/faculty/pharmacy/pharmacy/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.social {
      background: url("/img/faculty/social/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.gendai {
      background: url("/img/faculty/social/gendai/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.bosai {
      background: url("/img/faculty/social/bosai/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.nutrition {
      background: url("/img/faculty/nutrition/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.depNut {
      background: url("/img/faculty/nutrition/nutrition/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.social_contribution {
      background: url("/img/social_contribution/pic_cat.jpg") bottom center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.international {
      background: url("/img/international/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.information {
      background: url("/img/information/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.portIsland_campus {
      background: url("/img/information/pic_cat.jpg") bottom center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.arise_campus {
      background: url("/img/campusmap/arise/pic_cat.jpg") center center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.support {
      background: url("/img/support/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.faculty {
      background: url("/img/faculty/pic_cat.jpg") bottom center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.utilizing {
      background: url("/img/career/utilizing/pic_cat.jpg") bottom center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.access {
      background: url("/img/access/pic_cat.jpg") bottom center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.campusmap {
      background: url("/img/campusmap/pic_cat.jpg") bottom center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.alumni {
      background: url("/img/alumni/pic_cat.jpg") bottom center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.guardian {
      background: url("/img/guardian/pic_cat.jpg") bottom center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.companies {
      background: url("/img/company/pic_cat.jpg") bottom center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.facility {
      background: url("/img/facility/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.career {
      background: url("/img/career/pic_cat.jpg") top center no-repeat;
      background-size: cover; }
    .mainCnt header.main-header.notfound {
      height: 200px; }
    .mainCnt header.main-header.law h1, .mainCnt header.main-header.economics h1, .mainCnt header.main-header.business h1, .mainCnt header.main-header.humanities h1, .mainCnt header.main-header.psychology h1, .mainCnt header.main-header.social h1, .mainCnt header.main-header.global h1, .mainCnt header.main-header.rehabilitation h1, .mainCnt header.main-header.nutrition h1, .mainCnt header.main-header.pharmacy h1 {
      vertical-align: bottom; }
      .mainCnt header.main-header.law h1 span, .mainCnt header.main-header.economics h1 span, .mainCnt header.main-header.business h1 span, .mainCnt header.main-header.humanities h1 span, .mainCnt header.main-header.psychology h1 span, .mainCnt header.main-header.social h1 span, .mainCnt header.main-header.global h1 span, .mainCnt header.main-header.rehabilitation h1 span, .mainCnt header.main-header.nutrition h1 span, .mainCnt header.main-header.pharmacy h1 span {
        margin-bottom: 165px; }
        @media only screen and (max-width: 768px) {
          .mainCnt header.main-header.law h1 span, .mainCnt header.main-header.economics h1 span, .mainCnt header.main-header.business h1 span, .mainCnt header.main-header.humanities h1 span, .mainCnt header.main-header.psychology h1 span, .mainCnt header.main-header.social h1 span, .mainCnt header.main-header.global h1 span, .mainCnt header.main-header.rehabilitation h1 span, .mainCnt header.main-header.nutrition h1 span, .mainCnt header.main-header.pharmacy h1 span {
            margin-bottom: 100px; } }
    .mainCnt header.main-header h1 {
      display: table-cell;
      text-align: center;
      line-height: 1;
      font-size: 261.53846%;
      letter-spacing: .2em;
      vertical-align: middle; }
      @media only screen and (max-width: 768px) {
        .mainCnt header.main-header h1 {
          font-size: 200%; } }
      .mainCnt header.main-header h1 span {
        display: inline-block;
        padding: .3em;
        margin: 0;
        background-color: rgba(255, 255, 255, 0.8);
        font-family: 'Oswald-Regular',"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
        .mainCnt header.main-header h1 span.en {
          font-size: 38.46154%;
          letter-spacing: .1em; }
  .mainCnt .topicpath-wrap {
    width: 100%;
    background-color: #f8f9f9; }
    .mainCnt .topicpath-wrap .topicpath {
      max-width: 1200px;
      min-width: 1000px;
      margin: 0 auto;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .mainCnt .topicpath-wrap .topicpath {
          max-width: 100%;
          min-width: 100%;
          overflow-x: auto;
          white-space: nowrap; } }
      .mainCnt .topicpath-wrap .topicpath ul {
        padding-left: 30px;
        padding-top: .7em;
        padding-bottom: .7em;
        width: 75%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media only screen and (max-width: 768px) {
          .mainCnt .topicpath-wrap .topicpath ul {
            width: 100%;
            padding-left: .5em;
            padding-right: .5em;
            overflow-y: hidden;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
            .mainCnt .topicpath-wrap .topicpath ul:after {
              display: none;
              content: '';
              position: absolute;
              top: 0;
              bottom: 0;
              right: 0;
              width: 40px;
              height: 100%;
              background: rgba(248, 249, 249, 0);
              background: -webkit-gradient(linear, left top, right top, from(rgba(248, 249, 249, 0)), to(#f8f9f9));
              background: linear-gradient(to right, rgba(248, 249, 249, 0) 0%, #f8f9f9 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=1 ); } }
        .mainCnt .topicpath-wrap .topicpath ul li {
          float: left;
          color: #1080B3;
          position: relative;
          padding-left: 1em;
          margin-left: 1em;
          font-size: 92.30769%; }
          .mainCnt .topicpath-wrap .topicpath ul li:first-child {
            padding-left: 0;
            margin-left: 0; }
            .mainCnt .topicpath-wrap .topicpath ul li:first-child:before {
              display: none; }
          @media only screen and (max-width: 768px) {
            .mainCnt .topicpath-wrap .topicpath ul li {
              float: none;
              display: inline; } }
          .mainCnt .topicpath-wrap .topicpath ul li:before {
            content: '';
            display: block;
            position: absolute;
            top: 49%;
            left: 0;
            width: 3px;
            height: 3px;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            -webkit-transform-origin: top center;
            transform-origin: top center;
            -webkit-transform: rotate(-45deg) translate(0, -50%);
            transform: rotate(-45deg) translate(0, -50%); }
          .mainCnt .topicpath-wrap .topicpath ul li a {
            text-decoration: underline;
            color: #000; }
            .mainCnt .topicpath-wrap .topicpath ul li a:hover {
              text-decoration: none; }
  .mainCnt .main-contents {
    padding-top: 30px;
    margin-bottom: 50px; }
    @media only screen and (max-width: 768px) {
      .mainCnt .main-contents {
        padding-top: 0;
        margin-bottom: 30px; } }
    .mainCnt .main-contents .main-contents-inner {
      min-width: 1000px;
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto; }
      @media only screen and (max-width: 768px) {
        .mainCnt .main-contents .main-contents-inner {
          width: 100%;
          max-width: 100%;
          min-width: 100%; } }
      .mainCnt .main-contents .main-contents-inner.index .side nav.local {
        margin-top: -222px !important; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner.index .side nav.local {
            margin-top: 0px !important; } }
      .mainCnt .main-contents .main-contents-inner main.subpage {
        float: left;
        width: 75%;
        padding: 0 10px;
        margin-bottom: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner main.subpage {
            width: 100%;
            float: none; } }
        .mainCnt .main-contents .main-contents-inner main.subpage .mainTtl {
          width: 100%;
          border-top: 5px solid #1080B3;
          border-bottom: 1px solid #999;
          text-align: center;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 2em 0;
          margin-bottom: 2.5em; }
          .mainCnt .main-contents .main-contents-inner main.subpage .mainTtl small {
            line-height: 1.2;
            font-size: 123.07692%; }
          .mainCnt .main-contents .main-contents-inner main.subpage .mainTtl h1 {
            font-weight: bold;
            line-height: 1.3;
            padding: 0.1em 0;
            font-size: 184.61538%; }
        .mainCnt .main-contents .main-contents-inner main.subpage h2 {
          margin: 2em 0 1em;
          padding: 0 0 6px;
          line-height: 1.3;
          color: #000;
          font-weight: bold;
          font-size: 200%;
          border-bottom: 2px solid #ddd;
          position: relative; }
          @media only screen and (max-width: 768px) {
            .mainCnt .main-contents .main-contents-inner main.subpage h2 {
              font-size: 153.84615%; } }
          .mainCnt .main-contents .main-contents-inner main.subpage h2:after {
            content: "";
            display: block;
            width: 200px;
            height: 2px;
            position: absolute;
            left: 0;
            bottom: -2px;
            background-color: #1080B3; }
            @media only screen and (max-width: 768px) {
              .mainCnt .main-contents .main-contents-inner main.subpage h2:after {
                width: 80px; } }
          .mainCnt .main-contents .main-contents-inner main.subpage h2 span.grade {
            display: inline-block;
            background-color: #1080B3;
            color: #fff;
            padding: .2em .5em;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 6px;
            font-size: 69.23077%;
            margin-right: .5em;
            position: relative;
            top: -4px; }
      .mainCnt .main-contents .main-contents-inner .side {
        float: right;
        width: 220px;
        position: relative; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner .side {
            width: 100%;
            float: none;
            background: #1080B3;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 20px 15px 25px;
            margin-bottom: 30px; } }
        .mainCnt .main-contents .main-contents-inner .side.newsList ul li a {
          padding: 10px !important; }
        .mainCnt .main-contents .main-contents-inner .side.newsList ul li span {
          display: block;
          margin-bottom: .5em; }
        .mainCnt .main-contents .main-contents-inner .side nav.local {
          margin-bottom: 3em; }
          @media only screen and (max-width: 768px) {
            .mainCnt .main-contents .main-contents-inner .side nav.local {
              margin-top: 0; } }
          .mainCnt .main-contents .main-contents-inner .side nav.local h2 {
            background-color: #1080B3;
            height: 151px;
            display: table; }
            @media only screen and (max-width: 768px) {
              .mainCnt .main-contents .main-contents-inner .side nav.local h2 {
                height: auto;
                display: block;
                margin-bottom: 10px; } }
            .mainCnt .main-contents .main-contents-inner .side nav.local h2 a {
              display: table-cell;
              vertical-align: middle;
              width: 220px;
              color: #fff;
              text-decoration: none;
              text-align: center;
              font-size: 138.46154%;
              font-weight: bold; }
              @media only screen and (max-width: 768px) {
                .mainCnt .main-contents .main-contents-inner .side nav.local h2 a {
                  display: block;
                  width: 100%;
                  text-align: left; } }
          .mainCnt .main-contents .main-contents-inner .side nav.local > ul {
            background-color: #fff;
            margin: 0;
            padding: 1em;
            border-bottom: 1px solid #dbe0e0;
            border-right: 1px solid #dbe0e0;
            border-left: 1px solid #dbe0e0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
            .mainCnt .main-contents .main-contents-inner .side nav.local > ul > li {
              border-bottom: 1px solid #dbe0e0; }
              .mainCnt .main-contents .main-contents-inner .side nav.local > ul > li:last-child {
                border-bottom: none; }
            .mainCnt .main-contents .main-contents-inner .side nav.local > ul ul {
              margin: 0;
              border-top: 1px solid #dbe0e0; }
              .mainCnt .main-contents .main-contents-inner .side nav.local > ul ul li {
                border-bottom: 1px dotted #dbe0e0; }
                .mainCnt .main-contents .main-contents-inner .side nav.local > ul ul li:last-child {
                  border-bottom: none; }
                .mainCnt .main-contents .main-contents-inner .side nav.local > ul ul li a {
                  padding-top: 10px;
                  padding-bottom: 10px;
                  padding-left: 1.5em;
                  position: relative; }
                  .mainCnt .main-contents .main-contents-inner .side nav.local > ul ul li a:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 10px;
                    width: 3px;
                    height: 3px;
                    margin-top: -2px;
                    border-left: 2px solid #1080B3;
                    border-bottom: 2px solid #1080B3; }
          .mainCnt .main-contents .main-contents-inner .side nav.local ul li {
            margin: 0;
            padding: 0; }
            .mainCnt .main-contents .main-contents-inner .side nav.local ul li:before {
              display: none; }
            .mainCnt .main-contents .main-contents-inner .side nav.local ul li a {
              text-decoration: none;
              display: block;
              padding: 20px 10px;
              font-weight: bold; }
              .mainCnt .main-contents .main-contents-inner .side nav.local ul li a:hover, .mainCnt .main-contents .main-contents-inner .side nav.local ul li a.active {
                background: #cbe3ef; }
            .mainCnt .main-contents .main-contents-inner .side nav.local ul li ul {
              display: none; }
              .mainCnt .main-contents .main-contents-inner .side nav.local ul li ul.visible {
                display: block; }
      .mainCnt .main-contents .main-contents-inner .txtR {
        text-align: right; }
      .mainCnt .main-contents .main-contents-inner .txtL {
        text-align: left; }
      .mainCnt .main-contents .main-contents-inner .txtC {
        text-align: center; }
      .mainCnt .main-contents .main-contents-inner .spLeft {
        text-align: right; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner .spLeft {
            text-align: left; } }
      .mainCnt .main-contents .main-contents-inner .spRight {
        text-align: left; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner .spRight {
            text-align: right; } }
      .mainCnt .main-contents .main-contents-inner .big {
        font-size: 123.07692%; }
      .mainCnt .main-contents .main-contents-inner small,
      .mainCnt .main-contents .main-contents-inner .small {
        font-size: 92.30769%; }
      .mainCnt .main-contents .main-contents-inner .red {
        color: #b40000; }
      .mainCnt .main-contents .main-contents-inner .ind1 {
        text-indent: 1em !important; }
      .mainCnt .main-contents .main-contents-inner .ind2 {
        text-indent: 2em !important; }
      .mainCnt .main-contents .main-contents-inner .nInd1 {
        text-indent: -1em !important;
        padding-left: 1em !important; }
      .mainCnt .main-contents .main-contents-inner .nInd2 {
        text-indent: -2em !important;
        padding-left: 2em !important; }
      .mainCnt .main-contents .main-contents-inner hr {
        border: none;
        border-top: 1px solid #d2d2d2;
        margin: 20px 0; }
      .mainCnt .main-contents .main-contents-inner em {
        color: #1080B3;
        font-weight: bold; }
      .mainCnt .main-contents .main-contents-inner strong, .mainCnt .main-contents .main-contents-inner .strong {
        font-weight: bold; }
      .mainCnt .main-contents .main-contents-inner h3 {
        margin: 40px 0 10px;
        padding: 10px 10px 8px 15px;
        font-weight: bold;
        line-height: 1.4;
        font-size: 138.46154%;
        background: #f2f2f2;
        border-radius: 3px;
        position: relative; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner h3 {
            font-size: 123.07692%;
            padding-left: 26px; } }
        .mainCnt .main-contents .main-contents-inner h3 small {
          font-size: 76.92308%; }
      .mainCnt .main-contents .main-contents-inner h4 {
        border-bottom: 1px dotted #bdbdbd;
        margin: 20px 0 20px;
        padding: 0 0 5px;
        color: #1080B3;
        font-weight: bold;
        line-height: 1.4;
        font-size: 123.07692%; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner h4 {
            font-size: 115.38462%; } }
      .mainCnt .main-contents .main-contents-inner h5 {
        font-weight: bold;
        border-left: 2px solid #1080B3;
        padding-left: .7em;
        margin-bottom: 1.5em; }
      .mainCnt .main-contents .main-contents-inner p {
        margin: 1em 0 2.5em; }
        .mainCnt .main-contents .main-contents-inner p.note {
          text-indent: -1.2em;
          padding-left: 1.2em; }
          .mainCnt .main-contents .main-contents-inner p.note:before {
            content: "※";
            margin-right: 0.2em; }
        .mainCnt .main-contents .main-contents-inner p.notes {
          text-indent: -1.2em;
          padding-left: 1.2em;
          font-size: 92.30769%; }
          .mainCnt .main-contents .main-contents-inner p.notes:before {
            content: "※";
            margin-right: 0.2em; }
        .mainCnt .main-contents .main-contents-inner p.link {
          position: relative;
          padding: 0 0 0 18px; }
          .mainCnt .main-contents .main-contents-inner p.link:before {
            content: "";
            display: inline-block;
            width: 14px;
            height: 14px;
            background: #1080B3;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 5px; }
          .mainCnt .main-contents .main-contents-inner p.link:after {
            content: "";
            display: inline-block;
            width: 3px;
            height: 3px;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            position: absolute;
            left: 4px;
            top: 10px; }
          .mainCnt .main-contents .main-contents-inner p.link a {
            color: #1080B3;
            text-decoration: underline; }
            .mainCnt .main-contents .main-contents-inner p.link a:hover {
              text-decoration: none; }
      .mainCnt .main-contents .main-contents-inner span.uLine {
        text-decoration: underline; }
      .mainCnt .main-contents .main-contents-inner .lead {
        margin: 50px auto;
        font-size: 184.61538%;
        line-height: 1.4;
        width: 95%;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner .lead {
            font-size: 123.07692%;
            width: 100%; } }
      .mainCnt .main-contents .main-contents-inner .mainLead {
        margin: 50px auto;
        font-size: 184.61538%;
        line-height: 2;
        width: 95%;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner .mainLead {
            margin: 1em auto;
            font-size: 130.76923%;
            width: 100%; } }
      .mainCnt .main-contents .main-contents-inner ul {
        margin: 15px auto 10px; }
        .mainCnt .main-contents .main-contents-inner ul li {
          margin: 0 0 5px;
          padding: 0 0 0 15px;
          position: relative; }
          .mainCnt .main-contents .main-contents-inner ul li:before {
            content: "";
            display: inline-block;
            width: 6px;
            height: 6px;
            position: absolute;
            left: 0;
            top: 7px;
            background: #c2cfe4;
            border-radius: 6px; }
          .mainCnt .main-contents .main-contents-inner ul li a {
            color: #1080B3; }
          .mainCnt .main-contents .main-contents-inner ul li > ul {
            margin: 5px 0; }
          .mainCnt .main-contents .main-contents-inner ul li > ol {
            margin: 5px 0; }
            .mainCnt .main-contents .main-contents-inner ul li > ol li:before {
              font-family: 'Arial','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', ‘游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’ , Meiryo, メイリオ, sans-serif;
              counter-increment: num;
              content: counter(num) ".";
              position: absolute;
              top: -1px;
              left: 0px;
              font-weight: bold;
              font-size: 115.38462%;
              background: none; }
        .mainCnt .main-contents .main-contents-inner ul.titleList li {
          border-top: 2px solid #000;
          margin-bottom: 0; }
          .mainCnt .main-contents .main-contents-inner ul.titleList li:before {
            display: none; }
          .mainCnt .main-contents .main-contents-inner ul.titleList li:nth-child(2n) {
            background-color: #f9f9f9; }
          .mainCnt .main-contents .main-contents-inner ul.titleList li dl {
            margin-bottom: 0;
            display: table-cell;
            padding-top: 30px;
            padding-bottom: 30px; }
            @media only screen and (max-width: 768px) {
              .mainCnt .main-contents .main-contents-inner ul.titleList li dl {
                display: block;
                margin-top: 0; } }
            .mainCnt .main-contents .main-contents-inner ul.titleList li dl dt {
              display: table-cell;
              width: 9em;
              padding-right: 1em;
              text-align: center;
              vertical-align: middle;
              -webkit-box-sizing: border-box;
              box-sizing: border-box; }
              @media only screen and (max-width: 768px) {
                .mainCnt .main-contents .main-contents-inner ul.titleList li dl dt {
                  display: block;
                  width: 100%;
                  text-align: left; } }
            .mainCnt .main-contents .main-contents-inner ul.titleList li dl dd {
              display: table-cell;
              margin-bottom: 0;
              vertical-align: middle; }
              @media only screen and (max-width: 768px) {
                .mainCnt .main-contents .main-contents-inner ul.titleList li dl dd {
                  display: block; } }
        .mainCnt .main-contents .main-contents-inner ul.floatLeft li {
          float: left;
          margin-right: 1.5em; }
      .mainCnt .main-contents .main-contents-inner ol {
        margin: 15px auto 10px;
        counter-reset: num; }
        .mainCnt .main-contents .main-contents-inner ol li {
          position: relative;
          margin: 0 0 7px;
          padding: 0 0 0 1.7em; }
          .mainCnt .main-contents .main-contents-inner ol li:before {
            font-family: 'Arial','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', ‘游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’ , Meiryo, メイリオ, sans-serif;
            counter-increment: num;
            content: counter(num) ".";
            position: absolute;
            top: -1px;
            left: 0px;
            font-weight: bold;
            color: #1080B3;
            font-size: 115.38462%; }
          .mainCnt .main-contents .main-contents-inner ol li ol li {
            padding: 0 0 0 27px; }
            .mainCnt .main-contents .main-contents-inner ol li ol li:before {
              left: 2px;
              font-size: 13px;
              content: counters(num, "-") "."; }
          .mainCnt .main-contents .main-contents-inner ol li > ul {
            counter-reset: num;
            margin: 5px auto; }
            .mainCnt .main-contents .main-contents-inner ol li > ul li:before {
              content: "";
              display: inline-block;
              width: 6px;
              height: 6px;
              position: absolute;
              left: 0;
              top: 7px;
              background: #c2cfe4;
              border-radius: 6px; }
      .mainCnt .main-contents .main-contents-inner ol.notes li, .mainCnt .main-contents .main-contents-inner ul.notes li {
        text-indent: -1.2em;
        padding-left: 1.2em;
        font-size: 92.30769%; }
        .mainCnt .main-contents .main-contents-inner ol.notes li:before, .mainCnt .main-contents .main-contents-inner ul.notes li:before {
          content: "※";
          margin-right: 0.2em;
          background: none;
          width: auto;
          height: auto;
          display: inline;
          position: static; }
        .mainCnt .main-contents .main-contents-inner ol.notes li ul li, .mainCnt .main-contents .main-contents-inner ol.notes li ol li, .mainCnt .main-contents .main-contents-inner ul.notes li ul li, .mainCnt .main-contents .main-contents-inner ul.notes li ol li {
          margin: 0 0 5px;
          font-size: 107.69231%; }
      .mainCnt .main-contents .main-contents-inner ol.none > li, .mainCnt .main-contents .main-contents-inner ul.none > li {
        margin: 0 0 5px;
        padding: 0; }
        .mainCnt .main-contents .main-contents-inner ol.none > li:before, .mainCnt .main-contents .main-contents-inner ul.none > li:before {
          display: none; }
        .mainCnt .main-contents .main-contents-inner ol.none > li ul, .mainCnt .main-contents .main-contents-inner ol.none > li ol, .mainCnt .main-contents .main-contents-inner ul.none > li ul, .mainCnt .main-contents .main-contents-inner ul.none > li ol {
          margin-left: 1em; }
          .mainCnt .main-contents .main-contents-inner ol.none > li ul li, .mainCnt .main-contents .main-contents-inner ol.none > li ol li, .mainCnt .main-contents .main-contents-inner ul.none > li ul li, .mainCnt .main-contents .main-contents-inner ul.none > li ol li {
            padding: 0 0 0 15px; }
      .mainCnt .main-contents .main-contents-inner ol.link li, .mainCnt .main-contents .main-contents-inner ul.link li {
        margin: 0 0 8px;
        padding: 0 0 0 18px;
        position: relative; }
        .mainCnt .main-contents .main-contents-inner ol.link li:before, .mainCnt .main-contents .main-contents-inner ul.link li:before {
          display: none; }
        .mainCnt .main-contents .main-contents-inner ol.link li:before, .mainCnt .main-contents .main-contents-inner ul.link li:before {
          content: "";
          display: inline-block;
          width: 14px;
          height: 14px;
          background: #1080B3;
          border-radius: 50%;
          position: absolute;
          left: 0;
          top: 5px; }
        .mainCnt .main-contents .main-contents-inner ol.link li:after, .mainCnt .main-contents .main-contents-inner ul.link li:after {
          content: "";
          display: inline-block;
          width: 3px;
          height: 3px;
          border-right: 1px solid #fff;
          border-bottom: 1px solid #fff;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          position: absolute;
          left: 4px;
          top: 10px; }
        .mainCnt .main-contents .main-contents-inner ol.link li a, .mainCnt .main-contents .main-contents-inner ul.link li a {
          padding: 2px 0;
          text-decoration: underline; }
          .mainCnt .main-contents .main-contents-inner ol.link li a:hover, .mainCnt .main-contents .main-contents-inner ul.link li a:hover {
            text-decoration: none; }
          .mainCnt .main-contents .main-contents-inner ol.link li a.pdf:after, .mainCnt .main-contents .main-contents-inner ol.link li a.doc:after, .mainCnt .main-contents .main-contents-inner ol.link li a.blank:after, .mainCnt .main-contents .main-contents-inner ol.link li a.xls:after, .mainCnt .main-contents .main-contents-inner ul.link li a.pdf:after, .mainCnt .main-contents .main-contents-inner ul.link li a.doc:after, .mainCnt .main-contents .main-contents-inner ul.link li a.blank:after, .mainCnt .main-contents .main-contents-inner ul.link li a.xls:after {
            padding: 0 18px 0 0 !important; }
        .mainCnt .main-contents .main-contents-inner ol.link li ul, .mainCnt .main-contents .main-contents-inner ul.link li ul {
          margin-top: 8px;
          padding-left: 8px; }
          .mainCnt .main-contents .main-contents-inner ol.link li ul li a:before, .mainCnt .main-contents .main-contents-inner ul.link li ul li a:before {
            top: 6px;
            left: 4px; }
      .mainCnt .main-contents .main-contents-inner ol.link.column2:after, .mainCnt .main-contents .main-contents-inner ul.link.column2:after {
        content: "";
        display: block;
        clear: both; }
      .mainCnt .main-contents .main-contents-inner ol.link.column2 li, .mainCnt .main-contents .main-contents-inner ul.link.column2 li {
        float: left;
        display: inline-block;
        width: 49%;
        margin: 0 1% 5px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        .mainCnt .main-contents .main-contents-inner ol.link.column2 li:nth-child(2n), .mainCnt .main-contents .main-contents-inner ul.link.column2 li:nth-child(2n) {
          margin: 0 0 5px 1%; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner ol.link.column2 li, .mainCnt .main-contents .main-contents-inner ul.link.column2 li {
            float: none;
            width: 100%;
            margin: 0 0 10px; }
            .mainCnt .main-contents .main-contents-inner ol.link.column2 li:nth-child(2n), .mainCnt .main-contents .main-contents-inner ul.link.column2 li:nth-child(2n) {
              margin: 0 0 10px; } }
      .mainCnt .main-contents .main-contents-inner ol.link02, .mainCnt .main-contents .main-contents-inner ul.link02 {
        padding: 15px 15px 10px;
        border: 1px solid #d4d4d4;
        background: #f8f8f8;
        border-radius: 3px; }
        .mainCnt .main-contents .main-contents-inner ol.link02:after, .mainCnt .main-contents .main-contents-inner ul.link02:after {
          content: "";
          display: block;
          clear: both; }
        .mainCnt .main-contents .main-contents-inner ol.link02 li, .mainCnt .main-contents .main-contents-inner ul.link02 li {
          float: left;
          margin: 0 1em 0.5em 0;
          padding: 0 0 0 18px;
          position: relative; }
          .mainCnt .main-contents .main-contents-inner ol.link02 li:before, .mainCnt .main-contents .main-contents-inner ul.link02 li:before {
            display: none; }
          .mainCnt .main-contents .main-contents-inner ol.link02 li a, .mainCnt .main-contents .main-contents-inner ul.link02 li a {
            padding: 2px 0;
            text-decoration: underline; }
            .mainCnt .main-contents .main-contents-inner ol.link02 li a:before, .mainCnt .main-contents .main-contents-inner ul.link02 li a:before {
              content: "";
              display: inline-block;
              position: absolute;
              left: 0;
              top: 3px; }
            .mainCnt .main-contents .main-contents-inner ol.link02 li a:hover, .mainCnt .main-contents .main-contents-inner ul.link02 li a:hover {
              text-decoration: none; }
      .mainCnt .main-contents .main-contents-inner ol.noLink li, .mainCnt .main-contents .main-contents-inner ul.noLink li {
        margin: 0 0 5px;
        padding: 0 0 0 15px;
        position: relative; }
        .mainCnt .main-contents .main-contents-inner ol.noLink li:before, .mainCnt .main-contents .main-contents-inner ul.noLink li:before {
          content: "";
          display: inline-block;
          width: 6px;
          height: 6px;
          position: absolute;
          left: 0;
          top: 7px;
          background: #c2cfe4;
          border-radius: 6px; }
      .mainCnt .main-contents .main-contents-inner ol.anc li, .mainCnt .main-contents .main-contents-inner ul.anc li {
        margin-right: 1em; }
        .mainCnt .main-contents .main-contents-inner ol.anc li a, .mainCnt .main-contents .main-contents-inner ul.anc li a {
          position: relative; }
          .mainCnt .main-contents .main-contents-inner ol.anc li a:after, .mainCnt .main-contents .main-contents-inner ul.anc li a:after {
            content: '';
            display: block;
            position: absolute;
            top: 6px;
            right: -15px;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-top: 5px solid #1080B3; }
      .mainCnt .main-contents .main-contents-inner ol.columnLink, .mainCnt .main-contents .main-contents-inner ul.columnLink {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .mainCnt .main-contents .main-contents-inner ol.columnLink li, .mainCnt .main-contents .main-contents-inner ul.columnLink li {
          -webkit-flex-basis: 49%;
          -ms-flex-preferred-size: 49%;
          flex-basis: 49%;
          margin: 0 2% 15px 0;
          padding: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          .mainCnt .main-contents .main-contents-inner ol.columnLink li:before, .mainCnt .main-contents .main-contents-inner ul.columnLink li:before {
            display: none; }
          .mainCnt .main-contents .main-contents-inner ol.columnLink li:nth-child(2n), .mainCnt .main-contents .main-contents-inner ul.columnLink li:nth-child(2n) {
            margin-right: 0 !important; }
          .mainCnt .main-contents .main-contents-inner ol.columnLink li a, .mainCnt .main-contents .main-contents-inner ul.columnLink li a {
            position: relative;
            background: #fff;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 16px 28px 14px 12px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-weight: bold;
            color: #1080B3;
            text-decoration: none;
            font-size: 115.38462%;
            border: 1px solid #d4d4d4;
            background: #f8f8f8;
            border-radius: 3px;
            width: 100%; }
            .mainCnt .main-contents .main-contents-inner ol.columnLink li a:hover, .mainCnt .main-contents .main-contents-inner ul.columnLink li a:hover {
              background: #fff;
              color: #000; }
            .mainCnt .main-contents .main-contents-inner ol.columnLink li a:before, .mainCnt .main-contents .main-contents-inner ul.columnLink li a:before {
              display: none; }
            .mainCnt .main-contents .main-contents-inner ol.columnLink li a.flat, .mainCnt .main-contents .main-contents-inner ul.columnLink li a.flat {
              padding: 0;
              border: none;
              background: none; }
          @media only screen and (max-width: 413px) {
            .mainCnt .main-contents .main-contents-inner ol.columnLink li, .mainCnt .main-contents .main-contents-inner ul.columnLink li {
              float: none;
              width: 100%;
              margin: 0 0 10px; }
              .mainCnt .main-contents .main-contents-inner ol.columnLink li:nth-child(2n), .mainCnt .main-contents .main-contents-inner ul.columnLink li:nth-child(2n) {
                margin: 0 0 10px; } }
      .mainCnt .main-contents .main-contents-inner ol.teachers, .mainCnt .main-contents .main-contents-inner ul.teachers {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner ol.teachers, .mainCnt .main-contents .main-contents-inner ul.teachers {
            margin-bottom: 20px !important; } }
        .mainCnt .main-contents .main-contents-inner ol.teachers li, .mainCnt .main-contents .main-contents-inner ul.teachers li {
          margin: 0 3% 0 0;
          padding: 0;
          -webkit-flex-basis: 30%;
          -ms-flex-preferred-size: 30%;
          flex-basis: 30%;
          border-bottom: 1px dotted #ccc; }
          .mainCnt .main-contents .main-contents-inner ol.teachers li:before, .mainCnt .main-contents .main-contents-inner ul.teachers li:before {
            display: none; }
          @media only screen and (max-width: 768px) {
            .mainCnt .main-contents .main-contents-inner ol.teachers li, .mainCnt .main-contents .main-contents-inner ul.teachers li {
              -webkit-flex-basis: 46%;
              -ms-flex-preferred-size: 46%;
              flex-basis: 46%;
              margin-bottom: .5em; } }
          @media only screen and (max-width: 413px) {
            .mainCnt .main-contents .main-contents-inner ol.teachers li, .mainCnt .main-contents .main-contents-inner ul.teachers li {
              -webkit-flex-basis: 100%;
              -ms-flex-preferred-size: 100%;
              flex-basis: 100%; } }
          .mainCnt .main-contents .main-contents-inner ol.teachers li p.name, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name {
            margin-bottom: 10px; }
            .mainCnt .main-contents .main-contents-inner ol.teachers li p.name a, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name a {
              font-size: 138.46154%;
              font-weight: bold;
              text-decoration: none;
              display: block; }
              .mainCnt .main-contents .main-contents-inner ol.teachers li p.name a:hover span, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name a:hover span {
                color: #1080B3; }
                .mainCnt .main-contents .main-contents-inner ol.teachers li p.name a:hover span:after, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name a:hover span:after {
                  border-right: 1px solid #fff;
                  border-bottom: 1px solid #fff; }
                .mainCnt .main-contents .main-contents-inner ol.teachers li p.name a:hover span:before, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name a:hover span:before {
                  background-color: #1080B3;
                  border-color: #1080B3; }
              .mainCnt .main-contents .main-contents-inner ol.teachers li p.name a span, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name a span {
                color: #000;
                font-weight: normal;
                font-size: 76.92308%;
                position: relative;
                -webkit-transition: all 0.2s;
                transition: all 0.2s;
                margin-left: 2em; }
                .mainCnt .main-contents .main-contents-inner ol.teachers li p.name a span:after, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name a span:after {
                  content: '';
                  display: block;
                  position: absolute;
                  top: 11px;
                  left: -15px;
                  width: 3px;
                  height: 3px;
                  margin-top: -2px;
                  border-right: 1px solid #000;
                  border-bottom: 1px solid #000;
                  -webkit-transform-origin: top center;
                  transform-origin: top center;
                  -webkit-transform: rotate(-45deg) translate(0, -50%);
                  transform: rotate(-45deg) translate(0, -50%);
                  -webkit-transition: all 0.2s;
                  transition: all 0.2s; }
                .mainCnt .main-contents .main-contents-inner ol.teachers li p.name a span:before, .mainCnt .main-contents .main-contents-inner ul.teachers li p.name a span:before {
                  content: "";
                  width: 15px;
                  height: 15px;
                  border: 1px solid #9a9a9a;
                  border-radius: 50%;
                  display: block;
                  position: absolute;
                  top: 0px;
                  left: -20px;
                  -webkit-transition: all 0.2s;
                  transition: all 0.2s; }
          .mainCnt .main-contents .main-contents-inner ol.teachers li dl, .mainCnt .main-contents .main-contents-inner ul.teachers li dl {
            margin: 0; }
            .mainCnt .main-contents .main-contents-inner ol.teachers li dl dt, .mainCnt .main-contents .main-contents-inner ul.teachers li dl dt {
              padding-left: .5em;
              margin-bottom: .5em;
              border-left: 2px solid #1080B3; }
            .mainCnt .main-contents .main-contents-inner ol.teachers li dl dd, .mainCnt .main-contents .main-contents-inner ul.teachers li dl dd {
              padding-left: .5em; }
              .mainCnt .main-contents .main-contents-inner ol.teachers li dl dd p.link, .mainCnt .main-contents .main-contents-inner ul.teachers li dl dd p.link {
                margin-bottom: 0; }
      .mainCnt .main-contents .main-contents-inner dl {
        margin: 20px 0 40px; }
        .mainCnt .main-contents .main-contents-inner dl dt {
          font-weight: bold;
          margin-bottom: 0.5em;
          font-size: 115.38462%; }
          .mainCnt .main-contents .main-contents-inner dl dt p {
            margin-bottom: 0; }
        .mainCnt .main-contents .main-contents-inner dl dd {
          margin: 0 0 10px;
          font-size: 107.69231%; }
          .mainCnt .main-contents .main-contents-inner dl dd > p:first-child, .mainCnt .main-contents .main-contents-inner dl dd > ul:first-child {
            margin-top: 0; }
          .mainCnt .main-contents .main-contents-inner dl dd p {
            margin-bottom: 0; }
        .mainCnt .main-contents .main-contents-inner dl.box01 dd > *:first-child, .mainCnt .main-contents .main-contents-inner dl.box02 dd > *:first-child {
          margin-top: 0; }
        .mainCnt .main-contents .main-contents-inner dl.box01 dd > *:last-child, .mainCnt .main-contents .main-contents-inner dl.box02 dd > *:last-child {
          margin-bottom: 0; }
        .mainCnt .main-contents .main-contents-inner dl.box01 {
          margin: 20px 0;
          padding: 20px;
          border: 1px solid #cfcfcf;
          background: #fff;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-radius: 3px; }
          .mainCnt .main-contents .main-contents-inner dl.box01 dt {
            margin: 0 0 15px;
            padding: 2px 10px 2px 12px;
            line-height: 1.2;
            border-left: 3px solid #1080B3;
            font-size: 130.76923%; }
          .mainCnt .main-contents .main-contents-inner dl.box01 dd {
            margin: 15px 0 0;
            font-size: 100%; }
        .mainCnt .main-contents .main-contents-inner dl.box02 {
          margin: 30px 0;
          border: 1px solid #1080B3;
          background: #fff;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-radius: 3px; }
          .mainCnt .main-contents .main-contents-inner dl.box02 dt {
            position: relative;
            margin: 0 0 1px;
            padding: 18px 36px;
            line-height: 1.2;
            background: #1080B3;
            color: #fff;
            font-size: 130.76923%; }
            .mainCnt .main-contents .main-contents-inner dl.box02 dt:before {
              content: "";
              display: inline-block;
              width: 3px;
              height: 23px;
              background: #fff;
              position: absolute;
              left: 20px;
              top: 16px; }
          .mainCnt .main-contents .main-contents-inner dl.box02 dd {
            padding: 20px;
            margin: 0; }
            .mainCnt .main-contents .main-contents-inner dl.box02 dd > dl {
              margin-top: 5px !important; }
              .mainCnt .main-contents .main-contents-inner dl.box02 dd > dl dt {
                color: #000;
                font-size: 107.69231%;
                background: none;
                padding: 2px 0 0 10px; }
                .mainCnt .main-contents .main-contents-inner dl.box02 dd > dl dt:before {
                  background: #1080B3;
                  top: 0;
                  left: 0; }
        .mainCnt .main-contents .main-contents-inner dl.faq {
          border-top: 1px dotted #e5e8e8;
          margin: 2em 0 1.2em; }
          .mainCnt .main-contents .main-contents-inner dl.faq dt, .mainCnt .main-contents .main-contents-inner dl.faq dd {
            position: relative; }
            .mainCnt .main-contents .main-contents-inner dl.faq dt:before, .mainCnt .main-contents .main-contents-inner dl.faq dd:before {
              font-weight: bold;
              font-size: 146.15385%;
              position: absolute;
              width: 32px;
              height: 32px;
              line-height: 32px; }
          .mainCnt .main-contents .main-contents-inner dl.faq dt {
            padding: 2em 0 0 44px;
            font-weight: normal;
            font-size: 123.07692%; }
            .mainCnt .main-contents .main-contents-inner dl.faq dt > .lead {
              font-size: 138.46154%;
              font-weight: bold;
              display: block;
              color: #1080B3;
              margin: 0;
              width: auto;
              text-align: left; }
            .mainCnt .main-contents .main-contents-inner dl.faq dt > .txt {
              font-size: 115.38462%;
              margin: 0.5em 0 0;
              display: block; }
            .mainCnt .main-contents .main-contents-inner dl.faq dt:before {
              content: 'Q';
              color: #fff;
              background: #1080B3;
              top: 1.3em;
              left: 0;
              border-radius: 100%;
              text-align: center; }
          .mainCnt .main-contents .main-contents-inner dl.faq dd {
            border-bottom: 1px dotted #f9f9f9;
            margin: 1.6em 0 0;
            padding: 0 0 2em 44px; }
            .mainCnt .main-contents .main-contents-inner dl.faq dd:before {
              content: 'A';
              color: #fff;
              background: #0d658e;
              top: -0.1em;
              left: 0;
              border-radius: 100%;
              text-align: center; }
      .mainCnt .main-contents .main-contents-inner table {
        width: 100%;
        margin: 30px auto 50px;
        border: 1px solid #cdcdcd;
        border-collapse: collapse; }
        .mainCnt .main-contents .main-contents-inner table thead {
          background: #1080B3; }
          .mainCnt .main-contents .main-contents-inner table thead tr th, .mainCnt .main-contents .main-contents-inner table thead tr td {
            border: 1px solid #cdcdcd;
            border-collapse: collapse;
            padding: 15px 10px;
            text-align: center;
            color: #fff;
            font-size: 123.07692%; }
        .mainCnt .main-contents .main-contents-inner table tbody tr th {
          text-align: center;
          background: #f7f7f7;
          color: #1080B3;
          font-weight: bold; }
        .mainCnt .main-contents .main-contents-inner table tbody tr td {
          color: #000; }
        .mainCnt .main-contents .main-contents-inner table tbody tr th, .mainCnt .main-contents .main-contents-inner table tbody tr td {
          border: 1px solid #cdcdcd;
          border-collapse: collapse;
          padding: 10px 10px;
          font-size: 107.69231%; }
          .mainCnt .main-contents .main-contents-inner table tbody tr th p, .mainCnt .main-contents .main-contents-inner table tbody tr td p {
            margin-bottom: 0; }
          .mainCnt .main-contents .main-contents-inner table tbody tr th dl, .mainCnt .main-contents .main-contents-inner table tbody tr td dl {
            margin-bottom: 0; }
            .mainCnt .main-contents .main-contents-inner table tbody tr th dl dt, .mainCnt .main-contents .main-contents-inner table tbody tr td dl dt {
              font-size: 92.30769%; }
            .mainCnt .main-contents .main-contents-inner table tbody tr th dl dd, .mainCnt .main-contents .main-contents-inner table tbody tr td dl dd {
              font-size: 92.30769%; }
        .mainCnt .main-contents .main-contents-inner table tfoot {
          background: #eaeaea; }
          .mainCnt .main-contents .main-contents-inner table tfoot tr th, .mainCnt .main-contents .main-contents-inner table tfoot tr td {
            border: 1px solid #cdcdcd;
            border-collapse: collapse;
            padding: 12px 10px;
            text-align: center;
            color: #000;
            font-weight: bold;
            font-size: 123.07692%; }
            @media only screen and (max-width: 767px) {
              .mainCnt .main-contents .main-contents-inner table tfoot tr th, .mainCnt .main-contents .main-contents-inner table tfoot tr td {
                padding: 6px 5px; } }
        .mainCnt .main-contents .main-contents-inner table caption {
          font-weight: bold;
          font-size: 115.38462%;
          margin-bottom: 5px; }
        .mainCnt .main-contents .main-contents-inner table.narrow thead tr th, .mainCnt .main-contents .main-contents-inner table.narrow thead tr td {
          padding: 7px 5px;
          font-size: 115.38462%; }
        .mainCnt .main-contents .main-contents-inner table.narrow tfoot tr th, .mainCnt .main-contents .main-contents-inner table.narrow tfoot tr td {
          padding: 6px 5px;
          font-size: 115.38462%; }
        .mainCnt .main-contents .main-contents-inner table.narrow tbody tr th, .mainCnt .main-contents .main-contents-inner table.narrow tbody tr td {
          padding: 6px 5px;
          font-size: 100%; }
        .mainCnt .main-contents .main-contents-inner table + p.notes,
        .mainCnt .main-contents .main-contents-inner table + ul.notes {
          margin-top: -10px; }
        .mainCnt .main-contents .main-contents-inner table.noBorder {
          border: none; }
          .mainCnt .main-contents .main-contents-inner table.noBorder thead, .mainCnt .main-contents .main-contents-inner table.noBorder tbody, .mainCnt .main-contents .main-contents-inner table.noBorder tfoot {
            background: none; }
          .mainCnt .main-contents .main-contents-inner table.noBorder thead {
            background: none; }
            .mainCnt .main-contents .main-contents-inner table.noBorder thead tr th, .mainCnt .main-contents .main-contents-inner table.noBorder thead tr td {
              text-align: left;
              color: #000;
              font-size: 107.69231%; }
            .mainCnt .main-contents .main-contents-inner table.noBorder thead tr th {
              font-weight: bold; }
          .mainCnt .main-contents .main-contents-inner table.noBorder tr th, .mainCnt .main-contents .main-contents-inner table.noBorder tr td {
            text-align: left;
            color: #000;
            background: none;
            border: none;
            padding: 5px; }
            .mainCnt .main-contents .main-contents-inner table.noBorder tr th img, .mainCnt .main-contents .main-contents-inner table.noBorder tr td img {
              max-width: 100%; }
        @media only screen and (max-width: 413px) {
          .mainCnt .main-contents .main-contents-inner table.block td, .mainCnt .main-contents .main-contents-inner table.block th {
            display: block; } }
      .mainCnt .main-contents .main-contents-inner figure {
        margin: 2em auto; }
        .mainCnt .main-contents .main-contents-inner figure figcaption {
          font-size: 92.30769%;
          text-align: center;
          padding: 5px 0 0 0; }
          .mainCnt .main-contents .main-contents-inner figure figcaption p.link a {
            display: inline-block; }
      .mainCnt .main-contents .main-contents-inner .figCenter {
        text-align: center;
        margin: 2em 0; }
      .mainCnt .main-contents .main-contents-inner .figRight figure {
        float: right;
        margin: 0.5em 0 1em 15px; }
      .mainCnt .main-contents .main-contents-inner .figLeft figure {
        float: left;
        margin: 0.5em 15px 1em 0; }
      .mainCnt .main-contents .main-contents-inner .figLeft, .mainCnt .main-contents .main-contents-inner .figRight {
        margin: 1.5em 0; }
        .mainCnt .main-contents .main-contents-inner .figLeft:after, .mainCnt .main-contents .main-contents-inner .figRight:after {
          content: "";
          display: block;
          clear: both; }
        .mainCnt .main-contents .main-contents-inner .figLeft figure, .mainCnt .main-contents .main-contents-inner .figRight figure {
          max-width: 40%; }
          @media only screen and (max-width: 768px) {
            .mainCnt .main-contents .main-contents-inner .figLeft figure, .mainCnt .main-contents .main-contents-inner .figRight figure {
              float: none;
              max-width: 100%;
              margin: 1em auto;
              text-align: center; } }
          .mainCnt .main-contents .main-contents-inner .figLeft figure img, .mainCnt .main-contents .main-contents-inner .figRight figure img {
            margin-bottom: 1em; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner .figLeft table, .mainCnt .main-contents .main-contents-inner .figRight table {
            width: 100% !important; } }
        .mainCnt .main-contents .main-contents-inner .figLeft h3, .mainCnt .main-contents .main-contents-inner .figLeft h4, .mainCnt .main-contents .main-contents-inner .figLeft h5, .mainCnt .main-contents .main-contents-inner .figLeft dl, .mainCnt .main-contents .main-contents-inner .figLeft ul, .mainCnt .main-contents .main-contents-inner .figRight h3, .mainCnt .main-contents .main-contents-inner .figRight h4, .mainCnt .main-contents .main-contents-inner .figRight h5, .mainCnt .main-contents .main-contents-inner .figRight dl, .mainCnt .main-contents .main-contents-inner .figRight ul {
          overflow: hidden; }
          .mainCnt .main-contents .main-contents-inner .figLeft h3.vis, .mainCnt .main-contents .main-contents-inner .figLeft h4.vis, .mainCnt .main-contents .main-contents-inner .figLeft h5.vis, .mainCnt .main-contents .main-contents-inner .figLeft dl.vis, .mainCnt .main-contents .main-contents-inner .figLeft ul.vis, .mainCnt .main-contents .main-contents-inner .figRight h3.vis, .mainCnt .main-contents .main-contents-inner .figRight h4.vis, .mainCnt .main-contents .main-contents-inner .figRight h5.vis, .mainCnt .main-contents .main-contents-inner .figRight dl.vis, .mainCnt .main-contents .main-contents-inner .figRight ul.vis {
            overflow: visible; }
        .mainCnt .main-contents .main-contents-inner .figLeft .lead, .mainCnt .main-contents .main-contents-inner .figRight .lead {
          margin-top: 0; }
        .mainCnt .main-contents .main-contents-inner .figLeft p, .mainCnt .main-contents .main-contents-inner .figRight p {
          margin-bottom: 0; }
      .mainCnt .main-contents .main-contents-inner .figColum2 {
        margin: 2em auto;
        text-align: center; }
        .mainCnt .main-contents .main-contents-inner .figColum2:after {
          content: "";
          display: block;
          clear: both; }
        .mainCnt .main-contents .main-contents-inner .figColum2 figure {
          width: 49%;
          margin: 0 0 12px 2%;
          float: left; }
          .mainCnt .main-contents .main-contents-inner .figColum2 figure:nth-child(2n+1) {
            margin: 0 0 12px; }
      .mainCnt .main-contents .main-contents-inner .figColum3 {
        margin: 2em auto;
        text-align: center; }
        .mainCnt .main-contents .main-contents-inner .figColum3:after {
          content: "";
          display: block;
          clear: both; }
        .mainCnt .main-contents .main-contents-inner .figColum3 figure {
          width: 32%;
          margin: 0 0 12px 2%;
          float: left; }
          .mainCnt .main-contents .main-contents-inner .figColum3 figure:first-child {
            margin: 0; }
          .mainCnt .main-contents .main-contents-inner .figColum3 figure:nth-child(3n+1) {
            margin: 0 0 12px; }
          @media only screen and (max-width: 768px) {
            .mainCnt .main-contents .main-contents-inner .figColum3 figure {
              width: 49%;
              margin: 0 0 12px 2%; }
              .mainCnt .main-contents .main-contents-inner .figColum3 figure:nth-child(3n+1) {
                margin: 0 0 12px 2%; }
              .mainCnt .main-contents .main-contents-inner .figColum3 figure:nth-child(2n+1) {
                margin: 0 0 12px; } }
      .mainCnt .main-contents .main-contents-inner .figColum4 {
        margin: 2em auto;
        text-align: center; }
        .mainCnt .main-contents .main-contents-inner .figColum4:after {
          content: "";
          display: block;
          clear: both; }
        .mainCnt .main-contents .main-contents-inner .figColum4 figure {
          width: 23.5%;
          margin: 0 0 12px 2%;
          float: left; }
          .mainCnt .main-contents .main-contents-inner .figColum4 figure:first-child {
            margin: 0; }
          .mainCnt .main-contents .main-contents-inner .figColum4 figure:nth-child(4n+1) {
            margin: 0 0 12px; }
          @media only screen and (max-width: 768px) {
            .mainCnt .main-contents .main-contents-inner .figColum4 figure {
              width: 49%;
              margin: 0 0 12px 2%; }
              .mainCnt .main-contents .main-contents-inner .figColum4 figure:nth-child(2n+1) {
                margin: 0 0 12px; } }
      @media only screen and (max-width: 767px) {
        .mainCnt .main-contents .main-contents-inner .fig-column-2 figure img,
        .mainCnt .main-contents .main-contents-inner .fig-column-3 figure img,
        .mainCnt .main-contents .main-contents-inner .fig-column-4 figure img {
          width: 100%;
          max-width: 260px; } }
      .mainCnt .main-contents .main-contents-inner .fig-column-2 {
        margin: 2em auto;
        text-align: center; }
        .mainCnt .main-contents .main-contents-inner .fig-column-2 figure {
          width: 49%;
          margin: 0 0 1em 2%;
          float: left; }
          .mainCnt .main-contents .main-contents-inner .fig-column-2 figure:nth-child(2n+1) {
            margin: 0 0 1em; }
          @media only screen and (max-width: 413px) {
            .mainCnt .main-contents .main-contents-inner .fig-column-2 figure {
              width: 100%;
              margin: 0 0 1em; } }
      .mainCnt .main-contents .main-contents-inner .fig-column-3 {
        margin: 2em auto;
        text-align: center; }
        .mainCnt .main-contents .main-contents-inner .fig-column-3 figure {
          width: 32%;
          margin: 0 0 1em 2%;
          float: left; }
          .mainCnt .main-contents .main-contents-inner .fig-column-3 figure:first-child {
            margin: 0; }
          .mainCnt .main-contents .main-contents-inner .fig-column-3 figure:nth-child(3n+1) {
            margin: 0 0 1em; }
          @media only screen and (max-width: 767px) {
            .mainCnt .main-contents .main-contents-inner .fig-column-3 figure {
              width: 49%;
              margin: 0 0 1em 2%; }
              .mainCnt .main-contents .main-contents-inner .fig-column-3 figure:nth-child(3n+1) {
                margin: 0 0 1em 2%; }
              .mainCnt .main-contents .main-contents-inner .fig-column-3 figure:nth-child(2n+1) {
                margin: 0 0 1em; } }
          @media only screen and (max-width: 413px) {
            .mainCnt .main-contents .main-contents-inner .fig-column-3 figure {
              width: 100%;
              margin: 0 0 1em; }
              .mainCnt .main-contents .main-contents-inner .fig-column-3 figure:nth-child(3n+1) {
                margin: 0 0 1em; } }
      .mainCnt .main-contents .main-contents-inner .fig-column-4 {
        margin: 2em auto;
        text-align: center; }
        .mainCnt .main-contents .main-contents-inner .fig-column-4 figure {
          width: 23.5%;
          margin: 0 0 1em 2%;
          float: left; }
          .mainCnt .main-contents .main-contents-inner .fig-column-4 figure:first-child {
            margin: 0; }
          .mainCnt .main-contents .main-contents-inner .fig-column-4 figure:nth-child(4n+1) {
            margin: 0 0 1em; }
          @media only screen and (max-width: 767px) {
            .mainCnt .main-contents .main-contents-inner .fig-column-4 figure {
              width: 49%;
              margin: 0 0 1em 2%; }
              .mainCnt .main-contents .main-contents-inner .fig-column-4 figure:nth-child(2n+1) {
                margin: 0 0 1em; } }
          @media only screen and (max-width: 413px) {
            .mainCnt .main-contents .main-contents-inner .fig-column-4 figure {
              width: 100%;
              margin: 0 0 1em; }
              .mainCnt .main-contents .main-contents-inner .fig-column-4 figure:nth-child(2n+1) {
                margin: 0 0 1em; } }
      .mainCnt .main-contents .main-contents-inner .teacher > div > p {
        font-size: 123.07692%; }
      .mainCnt .main-contents .main-contents-inner .teacher > div > dl dt {
        color: #1080B3;
        font-size: 123.07692%;
        border-left: 4px solid #1080B3;
        padding-left: .5em; }
      .mainCnt .main-contents .main-contents-inner .teacher > div > dl dd {
        margin-bottom: 2em;
        padding-bottom: .5em;
        border-bottom: 1px dashed #bababa; }
      @media only screen and (max-width: 768px) {
        .mainCnt .main-contents .main-contents-inner div.swipe {
          overflow-x: scroll;
          width: 100%;
          position: relative; }
          .mainCnt .main-contents .main-contents-inner div.swipe table {
            width: 900px; } }
      .mainCnt .main-contents .main-contents-inner div.swipe .swipe-icon {
        position: absolute;
        top: 120px;
        left: 50%;
        margin-left: -75px;
        margin-top: -75px;
        width: 150px;
        height: 150px;
        background: #333;
        text-align: center;
        opacity: 0.3;
        filter: alpha(opacity=30); }
        .mainCnt .main-contents .main-contents-inner div.swipe .swipe-icon img {
          width: 91px;
          padding-top: 16px; }
      .mainCnt .main-contents .main-contents-inner div.columnBox2 div {
        width: 48%;
        margin: 0 4% 15px 0; }
        .mainCnt .main-contents .main-contents-inner div.columnBox2 div:nth-child(2n) {
          margin: 0; }
      .mainCnt .main-contents .main-contents-inner div.columnBox2.noMb div {
        margin-bottom: 0 !important; }
        .mainCnt .main-contents .main-contents-inner div.columnBox2.noMb div figure {
          margin-bottom: 0 !important; }
      .mainCnt .main-contents .main-contents-inner div.columnBox2 figure {
        text-align: center; }
      .mainCnt .main-contents .main-contents-inner div.columnBox2.risho div {
        width: 62%;
        margin: 0 2% 15px 0; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner div.columnBox2.risho div {
            width: 100%; } }
        .mainCnt .main-contents .main-contents-inner div.columnBox2.risho div:nth-child(2n) {
          width: 36%;
          margin: 0; }
          @media only screen and (max-width: 768px) {
            .mainCnt .main-contents .main-contents-inner div.columnBox2.risho div:nth-child(2n) {
              width: 100%; } }
      .mainCnt .main-contents .main-contents-inner div.columnBox3 div {
        width: 32%;
        margin: 0 2% 15px 0; }
        .mainCnt .main-contents .main-contents-inner div.columnBox3 div:nth-child(3n) {
          margin: 0; }
        .mainCnt .main-contents .main-contents-inner div.columnBox3 div figure {
          text-align: center; }
      .mainCnt .main-contents .main-contents-inner div.columnBox4 div {
        width: 23.5%;
        margin: 0 2% 15px 0; }
        .mainCnt .main-contents .main-contents-inner div.columnBox4 div:nth-child(4n) {
          margin: 0; }
      .mainCnt .main-contents .main-contents-inner div.columnBox2, .mainCnt .main-contents .main-contents-inner div.columnBox3, .mainCnt .main-contents .main-contents-inner div.columnBox4 {
        margin: 15px 0 20px; }
        .mainCnt .main-contents .main-contents-inner div.columnBox2:after, .mainCnt .main-contents .main-contents-inner div.columnBox3:after, .mainCnt .main-contents .main-contents-inner div.columnBox4:after {
          content: "";
          display: block;
          clear: both; }
        .mainCnt .main-contents .main-contents-inner div.columnBox2 div, .mainCnt .main-contents .main-contents-inner div.columnBox3 div, .mainCnt .main-contents .main-contents-inner div.columnBox4 div {
          float: left; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner div.columnBox2 div, .mainCnt .main-contents .main-contents-inner div.columnBox3 div, .mainCnt .main-contents .main-contents-inner div.columnBox4 div {
            float: none;
            width: 100%;
            margin: 0 0 15px !important; }
            .mainCnt .main-contents .main-contents-inner div.columnBox2 div figure, .mainCnt .main-contents .main-contents-inner div.columnBox3 div figure, .mainCnt .main-contents .main-contents-inner div.columnBox4 div figure {
              text-align: center; } }
      .mainCnt .main-contents .main-contents-inner div.box01 > *:first-child, .mainCnt .main-contents .main-contents-inner div.box02 > *:first-child {
        margin-top: 0; }
      .mainCnt .main-contents .main-contents-inner div.box01 > *:last-child, .mainCnt .main-contents .main-contents-inner div.box02 > *:last-child {
        margin-bottom: 0; }
      .mainCnt .main-contents .main-contents-inner div.boxRed {
        border: 1px solid #b40000;
        color: #b40000;
        padding: 20px;
        margin: 20px 0;
        background: #fff;
        border-radius: 3px; }
      .mainCnt .main-contents .main-contents-inner div.box01 {
        border: 1px solid #cfcfcf;
        padding: 20px;
        margin: 20px 0;
        background: #fff;
        border-radius: 3px; }
      .mainCnt .main-contents .main-contents-inner div.box02 {
        border-radius: 3px;
        border: 1px solid #d83a3a;
        padding: 10px 15px;
        background: #fff5f5;
        margin: 20px 0; }
        .mainCnt .main-contents .main-contents-inner div.box02 p {
          margin-top: 0; }
      .mainCnt .main-contents .main-contents-inner div.box03 {
        border: 3px solid #1080B3;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px;
        margin-top: 2.5em; }
        .mainCnt .main-contents .main-contents-inner div.box03 h3 {
          margin: 0;
          text-align: center;
          background: none; }
          .mainCnt .main-contents .main-contents-inner div.box03 h3:before {
            display: inline-block;
            width: 105px;
            height: 42px;
            background: url('../img/information/kyodo_sankaku/sankaku-logo.gif') no-repeat;
            background-size: 105px 42px;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            content: '';
            top: 9px;
            position: relative; }
      .mainCnt .main-contents .main-contents-inner div.grayBox {
        background: #f2f2f2;
        padding: 20px;
        margin: 2em 0;
        border-radius: 3px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      .mainCnt .main-contents .main-contents-inner div.picBox {
        min-width: 1000px;
        max-width: 1400px;
        margin: 2em auto 5em; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner div.picBox {
            min-width: 100%;
            max-width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px; } }
        .mainCnt .main-contents .main-contents-inner div.picBox .indexPic {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          @media only screen and (max-width: 768px) {
            .mainCnt .main-contents .main-contents-inner div.picBox .indexPic {
              display: block; } }
          .mainCnt .main-contents .main-contents-inner div.picBox .indexPic > div {
            -webkit-flex-basis: 49.5%;
            -ms-flex-preferred-size: 49.5%;
            flex-basis: 49.5%;
            margin-bottom: 15px; }
            @media only screen and (max-width: 768px) {
              .mainCnt .main-contents .main-contents-inner div.picBox .indexPic > div {
                width: 100%;
                -webkit-flex-basis: auto;
                -ms-flex-preferred-size: auto;
                flex-basis: auto; } }
      .mainCnt .main-contents .main-contents-inner div.txtOver figure {
        position: relative;
        margin-top: 0;
        margin-bottom: 0; }
        .mainCnt .main-contents .main-contents-inner div.txtOver figure figcaption {
          display: block;
          position: absolute;
          bottom: 0;
          background: rgba(0, 0, 0, 0.5);
          color: #fff;
          width: 100%;
          text-align: right;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: .5em; }
      .mainCnt .main-contents .main-contents-inner div.step {
        background: #f9f9f9;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner div.step {
            display: block; } }
        .mainCnt .main-contents .main-contents-inner div.step.sixStep dl {
          -webkit-flex-basis: 33%;
          -ms-flex-preferred-size: 33%;
          flex-basis: 33%; }
          .mainCnt .main-contents .main-contents-inner div.step.sixStep dl:nth-of-type(3n) {
            border-right: none; }
        .mainCnt .main-contents .main-contents-inner div.step dl {
          -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
          text-align: center;
          border-right: 1px solid #ccc;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: .5em 1.5em;
          margin-bottom: 20px; }
          .mainCnt .main-contents .main-contents-inner div.step dl:last-child {
            border-right: none; }
          @media only screen and (max-width: 768px) {
            .mainCnt .main-contents .main-contents-inner div.step dl {
              border-right: none;
              border-bottom: 1px solid #ccc;
              width: 90%;
              margin-left: auto;
              margin-right: auto; }
              .mainCnt .main-contents .main-contents-inner div.step dl:last-of-type {
                border-bottom: none; } }
          .mainCnt .main-contents .main-contents-inner div.step dl dt {
            letter-spacing: .2em; }
            .mainCnt .main-contents .main-contents-inner div.step dl dt strong {
              font-size: 138.46154%; }
          .mainCnt .main-contents .main-contents-inner div.step dl dd {
            color: #1080B3;
            font-weight: bold; }
      .mainCnt .main-contents .main-contents-inner div.map {
        width: 100%;
        height: 400px; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner div.map {
            height: 250px; } }
        .mainCnt .main-contents .main-contents-inner div.map iframe {
          width: 100%;
          height: 100%; }
      .mainCnt .main-contents .main-contents-inner div.report > div a {
        display: block;
        text-decoration: none;
        background-image: linear-gradient(-45deg, #fff 25%, #ccc 25%, #ccc 50%, #fff 50%, #fff 75%, #ccc 75%, #ccc);
        background-size: 4px 4px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px; }
        .mainCnt .main-contents .main-contents-inner div.report > div a:hover {
          background-image: linear-gradient(-45deg, #fff 25%, #83c0e8 25%, #83c0e8 50%, #fff 50%, #fff 75%, #83c0e8 75%, #83c0e8); }
        .mainCnt .main-contents .main-contents-inner div.report > div a dl {
          background: #fff;
          display: block;
          height: 100%;
          margin-top: 0;
          margin-bottom: 0;
          text-align: center; }
          .mainCnt .main-contents .main-contents-inner div.report > div a dl dt {
            height: 6em;
            display: table;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: .5em; }
            .mainCnt .main-contents .main-contents-inner div.report > div a dl dt span {
              display: table-cell;
              vertical-align: middle; }
          .mainCnt .main-contents .main-contents-inner div.report > div a dl dd figure {
            margin-top: 0;
            margin-bottom: 0; }
      .mainCnt .main-contents .main-contents-inner nav.anc-link-01, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 {
        margin: 1.8em 0 0.6em; }
        .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul {
          padding: 0; }
          .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul li, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul li {
            float: left;
            padding: 0;
            line-height: 1.2;
            font-size: 107.69231%; }
            .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul li:before, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul li:before {
              display: none; }
            .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul li a, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul li a {
              display: block;
              background-color: #e5e8e8;
              text-decoration: none;
              color: #000;
              padding: 14px 22px 14px 10px;
              position: relative;
              -webkit-transition: all 0.2s;
              transition: all 0.2s;
              border-radius: 3px; }
              .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul li a:before, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul li a:before {
                content: '\e801';
                margin: auto;
                color: #1080B3;
                line-height: 1;
                font-size: 123.07692%;
                font-family: "fontello";
                font-style: normal;
                font-weight: normal;
                speak: none;
                display: inline-block;
                text-decoration: inherit;
                text-align: center;
                font-variant: normal;
                text-transform: none;
                line-height: 1em;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                right: 10px;
                top: 50%;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); }
              .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul li a:hover, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul li a:hover {
                background: #1080B3;
                color: #fff; }
                .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul li a:hover:before, .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul li a:hover:before {
                  color: #fff; }
      .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul li {
        width: 32%;
        margin: 0 0 1em 2%; }
        @media only screen and (min-width: 769px), print {
          .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul li:nth-child(3n+1) {
            margin-left: 0;
            clear: left; } }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul li {
            width: 49%; }
            .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul li:nth-child(2n+1) {
              margin-left: 0;
              clear: left; } }
        @media only screen and (max-width: 413px) {
          .mainCnt .main-contents .main-contents-inner nav.anc-link-01 ul li {
            width: 100%;
            margin-left: 0;
            float: none; } }
      .mainCnt .main-contents .main-contents-inner nav.anc-link-02 ul li {
        width: 100%;
        margin: 0 0 1em 0; }
      .mainCnt .main-contents .main-contents-inner nav.btnList {
        max-width: 1000px;
        margin: 1.2em auto 5em; }
        @media only screen and (max-width: 768px) {
          .mainCnt .main-contents .main-contents-inner nav.btnList {
            max-width: 100%;
            min-width: 100%;
            margin-top: .5em;
            margin-bottom: 1.5em; } }
        .mainCnt .main-contents .main-contents-inner nav.btnList ul {
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          @media only screen and (max-width: 768px) {
            .mainCnt .main-contents .main-contents-inner nav.btnList ul {
              display: block;
              width: 95%;
              margin-right: auto;
              margin-left: auto; } }
          .mainCnt .main-contents .main-contents-inner nav.btnList ul li {
            -webkit-flex-basis: 32.5%;
            -ms-flex-preferred-size: 32.5%;
            flex-basis: 32.5%;
            padding: 0;
            margin: 0 1% 1em 0; }
            .mainCnt .main-contents .main-contents-inner nav.btnList ul li:nth-child(3n) {
              margin-right: 0 !important; }
            @media only screen and (max-width: 768px) {
              .mainCnt .main-contents .main-contents-inner nav.btnList ul li {
                -webkit-flex-basis: 100%;
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
                margin-bottom: .5em; } }
            .mainCnt .main-contents .main-contents-inner nav.btnList ul li:before {
              display: none; }
            .mainCnt .main-contents .main-contents-inner nav.btnList ul li.wid100 {
              -webkit-flex-basis: 100%;
              -ms-flex-preferred-size: 100%;
              flex-basis: 100%; }
            .mainCnt .main-contents .main-contents-inner nav.btnList ul li a {
              background: #f0f1f1;
              text-decoration: none;
              color: #000;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              width: 100%;
              height: 100%;
              position: relative;
              text-align: center;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -ms-flex-align: center;
              align-items: center;
              padding: 1.5em 3.5em;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              -webkit-transition: all 0.2s;
              transition: all 0.2s; }
              .mainCnt .main-contents .main-contents-inner nav.btnList ul li a:hover {
                background: #1080B3;
                color: #fff; }
                .mainCnt .main-contents .main-contents-inner nav.btnList ul li a:hover:before {
                  border: 1px solid #fff; }
                .mainCnt .main-contents .main-contents-inner nav.btnList ul li a:hover:after {
                  border-right: 1px solid #fff;
                  border-bottom: 1px solid #fff; }
              .mainCnt .main-contents .main-contents-inner nav.btnList ul li a:after {
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                left: 31px;
                width: 3px;
                height: 3px;
                border-right: 1px solid #000;
                border-bottom: 1px solid #000;
                -webkit-transform-origin: top center;
                transform-origin: top center;
                -webkit-transform: rotate(-45deg) translate(0, -50%);
                transform: rotate(-45deg) translate(0, -50%); }
              .mainCnt .main-contents .main-contents-inner nav.btnList ul li a:before {
                content: "";
                width: 25px;
                height: 25px;
                border: 1px solid #9a9a9a;
                border-radius: 50%;
                display: block;
                position: absolute;
                top: 50%;
                margin-top: -13px;
                left: 20px; }

.ie .subpage .step dl {
  -webkit-flex-basis: 20% !important;
  -ms-flex-preferred-size: 20% !important;
  flex-basis: 20% !important; }

/* ------------------------------------
	width style
------------------------------------ */
.wid5 {
  width: 5% !important; }

.wid6 {
  width: 6% !important; }

.wid7 {
  width: 7% !important; }

.wid8 {
  width: 8% !important; }

.wid9 {
  width: 9% !important; }

.wid10 {
  width: 10% !important; }

.wid11 {
  width: 11% !important; }

.wid12 {
  width: 12% !important; }

.wid13 {
  width: 13% !important; }

.wid14 {
  width: 14% !important; }

.wid15 {
  width: 15% !important; }

.wid16 {
  width: 16% !important; }

.wid17 {
  width: 17% !important; }

.wid18 {
  width: 18% !important; }

.wid19 {
  width: 19% !important; }

.wid20 {
  width: 20% !important; }

.wid21 {
  width: 21% !important; }

.wid22 {
  width: 22% !important; }

.wid23 {
  width: 23% !important; }

.wid24 {
  width: 24% !important; }

.wid25 {
  width: 25% !important; }

.wid26 {
  width: 26% !important; }

.wid27 {
  width: 27% !important; }

.wid28 {
  width: 28% !important; }

.wid29 {
  width: 29% !important; }

.wid30 {
  width: 30% !important; }

.wid31 {
  width: 31% !important; }

.wid32 {
  width: 32% !important; }

.wid33 {
  width: 33% !important; }

.wid34 {
  width: 34% !important; }

.wid35 {
  width: 35% !important; }

.wid36 {
  width: 36% !important; }

.wid37 {
  width: 37% !important; }

.wid38 {
  width: 38% !important; }

.wid39 {
  width: 39% !important; }

.wid40 {
  width: 40% !important; }

.wid41 {
  width: 41% !important; }

.wid42 {
  width: 42% !important; }

.wid43 {
  width: 43% !important; }

.wid44 {
  width: 44% !important; }

.wid45 {
  width: 45% !important; }

.wid46 {
  width: 46% !important; }

.wid47 {
  width: 47% !important; }

.wid48 {
  width: 48% !important; }

.wid49 {
  width: 49% !important; }

.wid50 {
  width: 50% !important; }

.wid51 {
  width: 51% !important; }

.wid52 {
  width: 52% !important; }

.wid53 {
  width: 53% !important; }

.wid54 {
  width: 54% !important; }

.wid55 {
  width: 55% !important; }

.wid56 {
  width: 56% !important; }

.wid57 {
  width: 57% !important; }

.wid58 {
  width: 58% !important; }

.wid59 {
  width: 59% !important; }

.wid60 {
  width: 60% !important; }

.wid61 {
  width: 61% !important; }

.wid62 {
  width: 62% !important; }

.wid63 {
  width: 63% !important; }

.wid64 {
  width: 64% !important; }

.wid65 {
  width: 65% !important; }

.wid66 {
  width: 66% !important; }

.wid67 {
  width: 67% !important; }

.wid68 {
  width: 68% !important; }

.wid69 {
  width: 69% !important; }

.wid70 {
  width: 70% !important; }

.wid71 {
  width: 71% !important; }

.wid72 {
  width: 72% !important; }

.wid73 {
  width: 73% !important; }

.wid74 {
  width: 74% !important; }

.wid75 {
  width: 75% !important; }

.wid76 {
  width: 76% !important; }

.wid77 {
  width: 77% !important; }

.wid78 {
  width: 78% !important; }

.wid79 {
  width: 79% !important; }

.wid80 {
  width: 80% !important; }

.wid81 {
  width: 81% !important; }

.wid82 {
  width: 82% !important; }

.wid83 {
  width: 83% !important; }

.wid84 {
  width: 84% !important; }

.wid85 {
  width: 85% !important; }

.wid86 {
  width: 86% !important; }

.wid87 {
  width: 87% !important; }

.wid88 {
  width: 88% !important; }

.wid89 {
  width: 89% !important; }

.wid90 {
  width: 90% !important; }

.wid91 {
  width: 91% !important; }

.wid92 {
  width: 92% !important; }

.wid93 {
  width: 93% !important; }

.wid94 {
  width: 94% !important; }

.wid95 {
  width: 95% !important; }

.wid96 {
  width: 96% !important; }

.wid97 {
  width: 97% !important; }

.wid98 {
  width: 98% !important; }

.wid99 {
  width: 99% !important; }

.wid100 {
  width: 100% !important; }

/* ------------------------------------
margin padding style
------------------------------------ */
.mt0 {
  margin-top: 0px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -------------------------------------
	footer
-------------------------------------- */
footer {
  margin: auto;
  border-top: 1px solid #d3d8d8;
  width: 100%;
  min-width: 1100px; }
  @media only screen and (max-width: 768px) {
    footer {
      min-width: 100%; } }
  footer .pagetop {
    display: none;
    z-index: 100; }
    @media only screen and (min-width: 769px), print {
      footer .pagetop {
        right: 20px;
        bottom: 20px; } }
    @media only screen and (max-width: 768px) {
      footer .pagetop {
        right: 10px !important;
        bottom: 10px !important;
        position: fixed !important; } }
    footer .pagetop a {
      display: block;
      position: relative;
      text-decoration: none;
      background: #555;
      display: block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      border-radius: 50px; }
      @media only screen and (min-width: 769px), print {
        footer .pagetop a {
          width: 54px;
          height: 54px; } }
      @media only screen and (max-width: 768px) {
        footer .pagetop a {
          width: 40px;
          height: 40px; } }
      footer .pagetop a:hover {
        background: #222; }
      footer .pagetop a:after {
        content: '\e802';
        margin: auto;
        color: #fff;
        line-height: 1;
        font-size: 153.84615%;
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-indent: 0; }
  footer nav#exLink {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media only screen and (max-width: 768px) {
      footer nav#exLink {
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }
    footer nav#exLink ul {
      min-width: 1000px;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media only screen and (max-width: 768px) {
        footer nav#exLink ul {
          min-width: 100%;
          max-width: 100%;
          padding: 0 10px; } }
      footer nav#exLink ul li {
        float: left; }
        @media only screen and (max-width: 768px) {
          footer nav#exLink ul li {
            margin-bottom: 20px; } }
        footer nav#exLink ul li a {
          color: #000;
          text-decoration: none;
          margin-right: 2em; }
          footer nav#exLink ul li a:hover {
            text-decoration: underline; }
  footer nav#social {
    width: 100%;
    background-color: #f0f1f1;
    padding: 20px 10px;
    margin-bottom: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    footer nav#social dl {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      min-width: 1000px;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      @media only screen and (max-width: 768px) {
        footer nav#social dl {
          min-width: 100%;
          max-width: 100%; } }
      footer nav#social dl dt {
        width: 23%;
        font-size: 200%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-right: 1px solid #d3d8d8;
        line-height: 1.6rem;
        height: 62px; }
        footer nav#social dl dt small {
          font-size: 61.53846%; }
        @media only screen and (max-width: 768px) {
          footer nav#social dl dt {
            display: none; } }
      footer nav#social dl dd {
        width: 77%; }
        @media only screen and (max-width: 768px) {
          footer nav#social dl dd {
            width: 100%; } }
        footer nav#social dl dd ul {
          display: table;
          width: 100%; }
          @media only screen and (max-width: 768px) {
            footer nav#social dl dd ul {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              -webkit-box-pack: justify;
              -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
              justify-content: space-between; } }
          footer nav#social dl dd ul li {
            display: table-cell;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-right: 1px solid #d3d8d8;
            height: 62px;
            vertical-align: middle; }
            @media only screen and (max-width: 768px) {
              footer nav#social dl dd ul li {
                display: inline-block;
                -webkit-flex-basis: 32%;
                -ms-flex-preferred-size: 32%;
                flex-basis: 32%;
                text-align: center;
                height: auto; }
                footer nav#social dl dd ul li:last-child {
                  border-right: 0; } }
            footer nav#social dl dd ul li a {
              display: block;
              text-align: center;
              color: #000;
              text-decoration: none;
              font-size: 130.76923%;
              position: relative;
              -webkit-transition: all 0.2s;
              transition: all 0.2s; }
              footer nav#social dl dd ul li a:hover {
                opacity: 0.7;
                filter: alpha(opacity=70); }
              footer nav#social dl dd ul li a:before {
                content: "";
                position: relative; }
              @media only screen and (max-width: 768px) {
                footer nav#social dl dd ul li a {
                  padding: 10px 0;
                  vertical-align: middle; }
                  footer nav#social dl dd ul li a span {
                    display: none; } }
              footer nav#social dl dd ul li a.insta:before {
                display: inline-block;
                width: 29px;
                height: 29px;
                background: url('../img/common/assist_instagram_sp.png') no-repeat;
                background-size: 29px 29px;
                text-indent: 100%;
                white-space: nowrap;
                overflow: hidden;
                vertical-align: middle;
                padding-right: 5px; }
              footer nav#social dl dd ul li a.fb:before {
                display: inline-block;
                width: 30px;
                height: 30px;
                background: url('../img/common/assist_facebook.png') no-repeat;
                background-size: 30px 30px;
                text-indent: 100%;
                white-space: nowrap;
                overflow: hidden;
                vertical-align: middle;
                padding-right: 5px; }
              footer nav#social dl dd ul li a.youtube:before {
                display: inline-block;
                width: 34px;
                height: 24px;
                background: url('../img/common/assist_youtube.png') no-repeat;
                background-size: 34px 24px;
                text-indent: 100%;
                white-space: nowrap;
                overflow: hidden;
                vertical-align: middle;
                padding-right: 5px; }
  footer .footer-inner {
    min-width: 1000px;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto; }
    @media only screen and (max-width: 768px) {
      footer .footer-inner {
        min-width: 100%;
        max-width: 100%; } }
    footer .footer-inner nav {
      float: left;
      width: 80%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 10px; }
      @media only screen and (max-width: 768px) {
        footer .footer-inner nav {
          width: 100%;
          float: none; } }
      footer .footer-inner nav#footerNav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        @media only screen and (max-width: 768px) {
          footer .footer-inner nav#footerNav {
            display: block; } }
        footer .footer-inner nav#footerNav > ul, footer .footer-inner nav#footerNav > dl {
          -webkit-flex-basis: 24%;
          -ms-flex-preferred-size: 24%;
          flex-basis: 24%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-right: .5em; }
        @media only screen and (max-width: 768px) {
          footer .footer-inner nav#footerNav > dl {
            display: none; } }
        footer .footer-inner nav#footerNav > ul {
          width: 95%;
          margin: 0 auto 2em; }
          footer .footer-inner nav#footerNav > ul li {
            margin-bottom: 10px; }
            @media only screen and (max-width: 768px) {
              footer .footer-inner nav#footerNav > ul li {
                margin-bottom: 20px; } }
            footer .footer-inner nav#footerNav > ul li a {
              color: #000;
              text-decoration: none;
              font-size: 100%;
              font-weight: bold;
              position: relative;
              padding-left: 1em;
              display: block; }
              footer .footer-inner nav#footerNav > ul li a:before {
                content: '';
                display: block;
                position: absolute;
                top: 10px;
                left: 0;
                width: 3px;
                height: 3px;
                border-right: 1px solid #000;
                border-bottom: 1px solid #000;
                -webkit-transform-origin: top center;
                transform-origin: top center;
                -webkit-transform: rotate(-45deg) translate(0, -50%);
                transform: rotate(-45deg) translate(0, -50%); }
              footer .footer-inner nav#footerNav > ul li a:hover {
                text-decoration: underline; }
      footer .footer-inner nav ul a {
        color: #000;
        text-decoration: none; }
        footer .footer-inner nav ul a:hover {
          text-decoration: underline; }
      footer .footer-inner nav dl {
        margin-bottom: 30px; }
        footer .footer-inner nav dl dt a {
          color: #000;
          text-decoration: none;
          font-size: 100%;
          font-weight: bold;
          position: relative;
          padding-left: 1em;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          footer .footer-inner nav dl dt a:before {
            content: '';
            display: block;
            position: absolute;
            top: 49%;
            left: 0;
            width: 3px;
            height: 3px;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            -webkit-transform-origin: top center;
            transform-origin: top center;
            -webkit-transform: rotate(-45deg) translate(0, -50%);
            transform: rotate(-45deg) translate(0, -50%); }
          footer .footer-inner nav dl dt a:hover {
            text-decoration: underline; }
        footer .footer-inner nav dl dd ul {
          margin-left: 1em; }
          footer .footer-inner nav dl dd ul li a {
            font-size: 92.30769%; }
    footer .footer-inner ul#bnrs {
      float: right;
      width: 200px; }
      @media only screen and (max-width: 768px) {
        footer .footer-inner ul#bnrs {
          width: 90%;
          float: none;
          margin: 0 auto;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      footer .footer-inner ul#bnrs li {
        margin-bottom: 10px;
        border: 1px solid #c2c2c2;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media only screen and (max-width: 768px) {
          footer .footer-inner ul#bnrs li {
            -webkit-flex-basis: 49%;
            -ms-flex-preferred-size: 49%;
            flex-basis: 49%;
            margin-right: 2%; }
            footer .footer-inner ul#bnrs li:nth-child(2n) {
              margin-right: 0; } }
        footer .footer-inner ul#bnrs li a {
          color: #000;
          text-decoration: none;
          display: block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 2px;
          font-size: 92.30769%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-transition: all 0.2s;
          transition: all 0.2s; }
          footer .footer-inner ul#bnrs li a:hover {
            opacity: .7; }
          footer .footer-inner ul#bnrs li a img {
            margin-right: 5px; }
          footer .footer-inner ul#bnrs li a span {
            line-height: 1.1; }
  footer #address {
    background: #f0f1f1;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media only screen and (max-width: 768px) {
      footer #address {
        padding-left: 20px;
        padding-right: 20px; } }
    footer #address ul {
      max-width: 1200px;
      min-width: 1000px;
      margin: 0 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      @media only screen and (max-width: 768px) {
        footer #address ul {
          display: block;
          min-width: 100%;
          max-width: 100%; } }
      footer #address ul li {
        width: 40%;
        vertical-align: middle; }
        @media only screen and (max-width: 768px) {
          footer #address ul li {
            width: 100%;
            margin-bottom: 1em; }
            footer #address ul li:last-child {
              margin-bottom: 0; } }
        footer #address ul li.reception_time {
          width: 20%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
          align-self: flex-end;
          font-size: 92.30769%; }
          @media only screen and (max-width: 768px) {
            footer #address ul li.reception_time {
              width: 100%; } }
        footer #address ul li a {
          text-decoration: none;
          color: #000; }
          footer #address ul li a .figBox {
            display: table; }
            @media only screen and (max-width: 768px) {
              footer #address ul li a .figBox {
                width: 100%;
                table-layout: fixed; } }
            footer #address ul li a .figBox figure {
              display: table-cell;
              padding-right: 20px;
              vertical-align: middle; }
              @media only screen and (max-width: 768px) {
                footer #address ul li a .figBox figure {
                  margin: 0;
                  padding: 0;
                  width: 100px; } }
            footer #address ul li a .figBox dl {
              display: table-cell; }
              footer #address ul li a .figBox dl dt {
                font-weight: bold; }
              footer #address ul li a .figBox dl dd {
                line-height: 1.3; }
  footer nav.otherLink {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px; }
    footer nav.otherLink ul {
      min-width: 1000px;
      max-width: 1200px;
      margin: 0 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      @media only screen and (max-width: 768px) {
        footer nav.otherLink ul {
          min-width: 95%;
          max-width: 100%;
          width: 95%;
          margin: 0 auto;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          flex-wrap: wrap; } }
      footer nav.otherLink ul li {
        margin-left: 20px; }
        @media only screen and (max-width: 768px) {
          footer nav.otherLink ul li {
            margin-bottom: 20px;
            width: 43%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; } }
        footer nav.otherLink ul li a {
          color: #000;
          text-decoration: none;
          position: relative;
          font-size: 100%; }
          @media only screen and (max-width: 768px) {
            footer nav.otherLink ul li a {
              font-size: 107.69231%; } }
          footer nav.otherLink ul li a:hover {
            text-decoration: underline; }
          footer nav.otherLink ul li a:before {
            content: '';
            display: block;
            position: absolute;
            top: 49%;
            left: -10px;
            width: 3px;
            height: 3px;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            -webkit-transform-origin: top center;
            transform-origin: top center;
            -webkit-transform: rotate(-45deg) translate(0, -50%);
            transform: rotate(-45deg) translate(0, -50%); }
  footer #copy {
    background: #333;
    width: 100%; }
    footer #copy p {
      text-align: center;
      color: #fff;
      font-size: 92.30769%;
      padding-top: 20px;
      padding-bottom: 20px; }
      @media only screen and (max-width: 768px) {
        footer #copy p {
          padding-top: 10px;
          padding-bottom: 10px; } }

.mainCnt a.pdf:after, .mainCnt a.xls:after, .mainCnt a.doc:after, .mainCnt a.blank:after, footer a.pdf:after, footer a.xls:after, footer a.doc:after, footer a.blank:after {
  display: inline-block;
  padding: 0 4px;
  vertical-align: middle; }

.mainCnt a.pdf:after, footer a.pdf:after {
  content: url("/img/common/ico-pdf.png");
  display: inline-block; }

.mainCnt a.xls:after, footer a.xls:after {
  content: url("/img/common/ico-excel.png");
  display: inline-block; }

.mainCnt a.doc:after, footer a.doc:after {
  content: url("/img/common/ico-word.png");
  display: inline-block; }

.mainCnt a.blank:after, footer a.blank:after {
  content: url("/img/common/ico-blank.png");
  display: inline-block;
  margin-top: -5px;
  padding-right: .5em; }