@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

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

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

a img {
  border: none; }

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

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
body {
  color: #000;
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

figure {
  text-align: center; }

img {
  height: auto;
  max-width: 100%;
  vertical-align: top; }

a {
  color: #22ac38; }
  a:hover {
    color: #22ac38; }

.wrapper-w {
  margin-left: auto;
  margin-right: auto; }

.wrapper-m {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px; }

.wrapper-n {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px; }

.feature {
  color: #22ac38; }

#container {
  min-width: 1000px;
  margin: 0 auto; }

#contents .section-subtitle {
  font-size: 15px;
  letter-spacing: 0.1em;
  line-height: 1.53333;
  margin-bottom: 36px;
  text-align: center; }
#contents .content-text-basic .section-subtitle {
  margin-top: 34px;
  margin-bottom: 19px; }
#contents .content-text-basic.subtitle-has-line .section-subtitle {
  border-top: 1px solid #22ac38;
  margin-top: 30px;
  padding-top: 23px; }
  #contents .content-text-basic.subtitle-has-line .section-subtitle:first-of-type {
    border-top: none; }
#contents .content-text-basic.content-voice .section-subtitle {
  font-size: 14px;
  line-height: 1.5; }
#contents .content-text-basic p {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 16px; }
  #contents .content-text-basic p.lead {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 21px;
    text-align: center; }
  #contents .content-text-basic p:last-of-type {
    margin-bottom: 33px; }
#contents .content-text-basic table,
#contents .content-text-basic tbody,
#contents .content-text-basic tr,
#contents .content-text-basic th,
#contents .content-text-basic td {
  display: block; }
#contents .content-text-basic table {
  margin-top: 40px;
  margin-bottom: 40px; }
  #contents .content-text-basic table tr {
    border-top: 2px solid #22ac38; }
  #contents .content-text-basic table th,
  #contents .content-text-basic table td {
    border-top: 1px solid #22ac38;
    font-size: 13px;
    line-height: 1.76923; }
#contents .content-text-basic .table-title {
  color: #000;
  font-size: 14px;
  line-height: 1.5; }
#contents .content-text-basic .table-note {
  margin-top: -40px;
  margin-bottom: 40px;
  font-size: 12px;
  line-height: 2; }

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
body {
  font-size: 15px;
  line-height: 2.06667;
  -webkit-text-size-adjust: 100%; }

figcaption {
  font-size: 12px;
  line-height: 1.33333;
  margin-top: 8px; }

br.sp {
  display: none; }

.wrapper-bg {
  background: #f2fcf2;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #d1d1d1;
  padding-top: 30px;
  padding-bottom: 39px; }

.wrapper-f {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px; }

.wrapper-w {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding-left: 25px;
  padding-right: 25px; }

.wrapper-m {
  margin-left: auto;
  margin-right: auto;
  width: 770px; }

.wrapper-n {
  margin-left: auto;
  margin-right: auto;
  width: 580px; }

#header #nav-global {
  margin-bottom: 10px;
  /* http://theorthodoxworks.com/web-design/drop-down-menu-multi-css/ */
  /* 共通 */
  /* 下矢印 */
  /* floatクリア */
  /* 1.普通のドロップダウンメニュー(シングルメニュー) */ }
  #header #nav-global .menu {
    display: table;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%; }
  #header #nav-global .menu > li {
    display: table-cell;
    width: auto; }
  #header #nav-global .menu > li a {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
    cursor: pointer;
    display: block;
    white-space: nowrap; }
    #header #nav-global .menu > li a:active, #header #nav-global .menu > li a:focus {
      outline: none; }
  #header #nav-global ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1; }
  #header #nav-global ul.menu__third-level {
    visibility: hidden;
    opacity: 0; }
  #header #nav-global ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0; }
  #header #nav-global .menu__second-level li {
    text-align: left;
    border-bottom: 2px solid #ffffff; }
    #header #nav-global .menu__second-level li a {
      font-size: 15px;
      line-height: 1.5;
      padding: 4px 8px; }
  #header #nav-global .menu > li:nth-child(1) .menu__second-level li {
    background: #FFF46B;
    color: #000000; }
    #header #nav-global .menu > li:nth-child(1) .menu__second-level li:hover {
      background: #CCC356; }
  #header #nav-global .menu > li:nth-child(2) .menu__second-level li {
    background: #A5C531;
    color: #ffffff; }
    #header #nav-global .menu > li:nth-child(2) .menu__second-level li:hover {
      background: #7A9224; }
  #header #nav-global .menu > li:nth-child(3) .menu__second-level li {
    background: #6ABBCB;
    color: #ffffff; }
    #header #nav-global .menu > li:nth-child(3) .menu__second-level li:hover {
      background: #4F8C98; }
  #header #nav-global .menu > li:nth-child(4) .menu__second-level li {
    background: #A15E9A;
    color: #ffffff; }
    #header #nav-global .menu > li:nth-child(4) .menu__second-level li:hover {
      background: #6E4069; }
  #header #nav-global .menu > li:nth-child(5) .menu__second-level li {
    background: #F29600;
    color: #ffffff; }
    #header #nav-global .menu > li:nth-child(5) .menu__second-level li:hover {
      background: #BF7600; }
  #header #nav-global .menu > li:nth-child(6) .menu__second-level li {
    background: #E50024;
    color: #ffffff; }
    #header #nav-global .menu > li:nth-child(6) .menu__second-level li:hover {
      background: #B2001C; }
  #header #nav-global .menu:before,
  #header #nav-global .menu:after {
    content: " ";
    display: table; }
  #header #nav-global .menu:after {
    clear: both; }
  #header #nav-global .menu {
    *zoom: 1; }
  #header #nav-global .menu > li.menu__single {
    position: relative; }
  #header #nav-global li.menu__single ul.menu__second-level {
    position: absolute;
    z-index: 9999;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  #header #nav-global li.menu__single:hover ul.menu__second-level {
    visibility: visible;
    opacity: 1; }
#header .utility {
  margin-bottom: 7px;
  padding-right: 20px; }
  #header .utility .nav-utility {
    text-align: right; }
    #header .utility .nav-utility li {
      display: inline-block;
      margin-left: 40px; }
      #header .utility .nav-utility li a {
        color: inherit;
        text-decoration: inherit;
        cursor: inherit;
        color: #000;
        font-size: 21px;
        line-height: 31px; }
        #header .utility .nav-utility li a:active, #header .utility .nav-utility li a:focus {
          outline: none; }
        #header .utility .nav-utility li a:hover {
          color: #22ac38; }
        #header .utility .nav-utility li a span {
          color: #22ac38; }

.breadcrumbs {
  font-size: 21px;
  line-height: 1.47619;
  margin-bottom: 135px;
  margin-bottom: 65px;
  padding-right: 20px;
  text-align: right; }
  .breadcrumbs span {
    color: #000; }
    .breadcrumbs span.sep {
      color: #22ac38;
      margin-left: 1em;
      margin-right: 1em; }
  .breadcrumbs a {
    color: #000;
    text-decoration: none; }
    .breadcrumbs a:hover {
      color: #22ac38; }

#navTop {
  background: #ffffff;
  display: block;
  bottom: -80px;
  height: 80px;
  position: fixed;
  right: 20px;
  transition: bottom 0.4s ease-out 0s;
  width: 80px;
  z-index: 9999; }
  #navTop.on {
    bottom: 20px; }
  #navTop img {
    transition: opacity 0.1s ease-out 0s; }
  #navTop:hover img {
    opacity: 0.6; }

#sitemap {
  background: #f2fcf2;
  color: #727171;
  font-size: 15px;
  line-height: 1.6;
  padding-top: 54px;
  padding-bottom: 7px; }
  #sitemap .footer-title {
    color: #000;
    font-size: 12px;
    line-height: 2; }
  #sitemap .footer-address {
    color: #000;
    font-size: 12px;
    line-height: 2;
    margin-bottom: 45px; }
  #sitemap .nav-footer a {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
    color: #22ac38; }
    #sitemap .nav-footer a:active, #sitemap .nav-footer a:focus {
      outline: none; }
    #sitemap .nav-footer a:hover {
      color: #2cd547; }
  #sitemap .nav-footer .nav-footer-1 {
    overflow: hidden;
    *zoom: 1; }
    #sitemap .nav-footer .nav-footer-1 > li {
      float: left;
      margin-right: 40px;
      margin-bottom: 35px;
      width: 230px; }
      #sitemap .nav-footer .nav-footer-1 > li:nth-of-type(3n) {
        margin-right: 0; }
      #sitemap .nav-footer .nav-footer-1 > li:nth-of-type(3n+1) {
        clear: both; }
  #sitemap .nav-footer .nav-footer-title-1 {
    border-bottom: 1px solid #22ac38;
    font-size: 17px;
    line-height: 1.37647;
    margin-bottom: 20px;
    padding-left: 1em;
    padding-bottom: 7px;
    text-indent: -1em; }
  #sitemap .nav-footer .nav-footer-title-1b {
    font-size: 14px; }
  #sitemap .nav-footer .nav-footer-2 > li {
    margin-left: 15px; }
  #sitemap .nav-footer .nav-footer-2 a {
    text-decoration: underline; }
  #sitemap .nav-footer .nav-footer-title-2 {
    margin-top: 24px; }

#link {
  background: #fffad4;
  color: #000;
  font-size: 15px;
  line-height: 1.6;
  padding-top: 57px;
  padding-bottom: 14px; }
  #link .footer-title {
    font-size: 17px;
    line-height: 1.35294;
    margin-bottom: 50px;
    text-align: center; }
  #link .list-link a {
    color: #000;
    text-decoration: underline; }
    #link .list-link a:hover {
      color: #2cd547; }
  #link .list-link .list-link-1 {
    overflow: hidden;
    *zoom: 1; }
    #link .list-link .list-link-1 > li {
      float: left;
      margin-right: 40px;
      margin-bottom: 46px;
      width: 230px; }
      #link .list-link .list-link-1 > li.col2 {
        margin-right: 0;
        width: 500px; }
  #link .list-link .list-link-title-1 {
    border-bottom: 1px solid #22ac38;
    color: #22ac38;
    font-size: 17px;
    line-height: 1.37647;
    margin-bottom: 20px;
    padding-left: 1em;
    padding-bottom: 7px;
    text-indent: -1em; }
  #link .list-link .wrapper-list-link-2 {
    overflow: hidden;
    *zoom: 1; }
    #link .list-link .wrapper-list-link-2 > .list-link-2 {
      float: left;
      margin-right: 40px;
      width: 230px; }
      #link .list-link .wrapper-list-link-2 > .list-link-2:last-child {
        margin-right: 0; }

#footer-sec3 {
  background: #3f3d3d;
  font-size: 12px;
  line-height: 2;
  padding-top: 18px;
  padding-bottom: 18px; }
  #footer-sec3 .copyright {
    color: #FFFFFF;
    text-align: center; }

#slider-stretch {
  height: 535px;
  height: 600px;
  position: relative;
  overflow: hidden; }
  #slider-stretch .page-title {
    right: 40px;
    position: absolute;
    top: 25px; }
    @media screen and (max-width: 1400px) {
      #slider-stretch .page-title {
        width: 900px; } }
    @media screen and (max-width: 1300px) {
      #slider-stretch .page-title {
        width: 800px; } }
    @media screen and (max-width: 100%) {
      #slider-stretch .page-title {
        width: 700px; } }
    @media screen and (max-width: 1100px) {
      #slider-stretch .page-title {
        width: 600px; } }
  #slider-stretch .page-title2 {
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    text-align: right;
    width: 100%; }
  #slider-stretch .page-title3 {
    background-color: rgba(255, 255, 255, 0.7);
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: -600px;
    top: 0;
    transition: right 0.5s ease-out 0.5s;
    height: 600px;
    width: 600px;
    z-index: 1000; }
    #slider-stretch .page-title3 img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
    #slider-stretch .page-title3.on {
      right: 0; }
  #slider-stretch .logo-univ {
    left: 50px;
    position: absolute;
    top: 25px;
    z-index: 100; }

.page-title-fig-wrapper {
  background: no-repeat center center;
  background-size: cover;
  height: 386px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative; }
  .page-title-fig-wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4); }
  .page-title-fig-wrapper.introduction {
    background-image: url(/renjissen/common/images/header-default.jpg); }
  .page-title-fig-wrapper.curriculum {
    background-image: url(/renjissen/common/images/header-default.jpg); }
  .page-title-fig-wrapper.subject {
    background-image: url(/renjissen/common/images/header-default.jpg); }
  .page-title-fig-wrapper.course01 {
    background-image: url(/renjissen/common/images/header-default.jpg); }
  .page-title-fig-wrapper.course02 {
    background-image: url(/renjissen/common/images/header-default.jpg); }
  .page-title-fig-wrapper.course03 {
    background-image: url(/renjissen/common/images/header-default.jpg); }
  .page-title-fig-wrapper.career {
    background-image: url(/renjissen/common/images/header-default.jpg); }
  .page-title-fig-wrapper.student {
    background-image: url(/renjissen/common/images/header-default.jpg); }
  .page-title-fig-wrapper.information {
    background-image: url(/renjissen/common/images/header-default.jpg); }
  .page-title-fig-wrapper.introduction {
    background: url(/renjissen/common/images/header0223.jpg); }
  .page-title-fig-wrapper.curriculum {
    background: url(/renjissen/common/images/header-ss-12.jpg); }
  .page-title-fig-wrapper.subject {
    background: url(/renjissen/common/images/header0020.jpg); }
  .page-title-fig-wrapper.course01 {
    background: url(/renjissen/common/images/header0184.jpg); }
  .page-title-fig-wrapper.course02 {
    background: url(/renjissen/common/images/header-course02.jpg); }
  .page-title-fig-wrapper.course03 {
    background: url(/renjissen/common/images/header-course03.jpg); }
  .page-title-fig-wrapper.career {
    background: url(/renjissen/common/images/header-ss-11.jpg); }
  .page-title-fig-wrapper.student {
    background: url(/renjissen/common/images/header-ss-5.jpg); }
  .page-title-fig-wrapper.information {
    background: url(/renjissen/common/images/header9007.jpg); }
  .page-title-fig-wrapper .page-title {
    bottom: 13px;
    box-sizing: border-box;
    height: 104px;
    left: -532px;
    position: absolute;
    transition: left 0.5s ease-out 0.5s;
    width: 532px; }
    .page-title-fig-wrapper .page-title img {
      bottom: 0;
      left: 0;
      margin: auto;
      position: absolute;
      top: 0; }
    .page-title-fig-wrapper .page-title.on {
      left: 38px; }
  .page-title-fig-wrapper .logo-univ {
    left: 30px;
    position: absolute;
    top: 30px; }

#contents .listlike {
  margin: 1em; }
#contents.top a {
  color: #000;
  text-decoration: underline; }
  #contents.top a:hover {
    color: #22ac38; }
#contents.top .wrapper-bg {
  background-color: #f2fcf2; }
#contents.top .section-title.has-lines::before {
  background: #22ac38; }
#contents.top .content-text-basic table {
  border-color: #22ac38; }
  #contents.top .content-text-basic table tr,
  #contents.top .content-text-basic table th,
  #contents.top .content-text-basic table td {
    border-color: #22ac38; }
#contents.top .content-text-basic .table-title {
  color: #22ac38; }
#contents.introduction a {
  color: #000;
  text-decoration: underline; }
  #contents.introduction a:hover {
    color: #22ac38; }
#contents.introduction .wrapper-bg {
  background-color: #f2fcf2; }
#contents.introduction .section-title.has-lines::before {
  background: #22ac38; }
#contents.introduction .content-text-basic p {
  text-indent: 1em; }
#contents.introduction .content-text-basic .noindent p {
  text-indent: 0; }
#contents.introduction .content-text-basic table {
  border-color: #22ac38; }
  #contents.introduction .content-text-basic table tr,
  #contents.introduction .content-text-basic table th,
  #contents.introduction .content-text-basic table td {
    border-color: #22ac38; }
#contents.introduction .content-text-basic .table-title {
  color: #22ac38; }
#contents.curriculum a {
  color: #000;
  text-decoration: underline; }
  #contents.curriculum a:hover {
    color: #036eb8; }
#contents.curriculum .wrapper-bg {
  background-color: #e8f5fc; }
#contents.curriculum .section-title.has-lines::before {
  background: #036eb8; }
#contents.curriculum .content-text-basic table {
  border-color: #036eb8; }
  #contents.curriculum .content-text-basic table tr,
  #contents.curriculum .content-text-basic table th,
  #contents.curriculum .content-text-basic table td {
    border-color: #036eb8; }
#contents.curriculum .content-text-basic .table-title {
  color: #036eb8; }
#contents.subject a {
  color: #000;
  text-decoration: underline; }
  #contents.subject a:hover {
    color: #036eb8; }
#contents.subject .wrapper-bg {
  background-color: #e8f5fc; }
#contents.subject .section-title.has-lines::before {
  background: #036eb8; }
#contents.subject .content-text-basic p {
  text-indent: 1em; }
#contents.subject .content-text-basic .noindent p {
  text-indent: 0; }
#contents.subject .content-text-basic table {
  border-color: #036eb8; }
  #contents.subject .content-text-basic table tr,
  #contents.subject .content-text-basic table th,
  #contents.subject .content-text-basic table td {
    border-color: #036eb8; }
#contents.subject .content-text-basic .table-title {
  color: #036eb8; }
#contents.course a {
  color: #000;
  text-decoration: underline; }
  #contents.course a:hover {
    color: #036eb8; }
#contents.course .wrapper-bg {
  background-color: #e8f5fc; }
#contents.course .section-title.has-lines::before {
  background: #036eb8; }
#contents.course .content-text-basic p {
  text-indent: 1em; }
#contents.course .content-text-basic .noindent p {
  text-indent: 0; }
#contents.course .content-text-basic table {
  border-color: #036eb8; }
  #contents.course .content-text-basic table tr,
  #contents.course .content-text-basic table th,
  #contents.course .content-text-basic table td {
    border-color: #036eb8; }
#contents.course .content-text-basic .table-title {
  color: #036eb8; }
#contents.career a {
  color: #000;
  text-decoration: underline; }
  #contents.career a:hover {
    color: #601986; }
#contents.career .wrapper-bg {
  background-color: #f7f0fc; }
#contents.career .section-title.has-lines::before {
  background: #601986; }
#contents.career .content-text-basic table {
  border-color: #601986; }
  #contents.career .content-text-basic table tr,
  #contents.career .content-text-basic table th,
  #contents.career .content-text-basic table td {
    border-color: #601986; }
#contents.career .content-text-basic .table-title {
  color: #601986; }
#contents.student a {
  color: #000;
  text-decoration: underline; }
  #contents.student a:hover {
    color: #f39800; }
#contents.student .wrapper-bg {
  background-color: #fff4d3; }
#contents.student .section-title.has-lines::before {
  background: #f39800; }
#contents.student .content-text-basic table {
  border-color: #f39800; }
  #contents.student .content-text-basic table tr,
  #contents.student .content-text-basic table th,
  #contents.student .content-text-basic table td {
    border-color: #f39800; }
#contents.student .content-text-basic .table-title {
  color: #f39800; }
#contents.information a {
  color: #000;
  text-decoration: underline; }
  #contents.information a:hover {
    color: #e50024; }
#contents.information .wrapper-bg {
  background-color: #fcf5f7; }
#contents.information .section-title.has-lines::before {
  background: #e50024; }
#contents.information .content-text-basic table {
  border-color: #e50024; }
  #contents.information .content-text-basic table tr,
  #contents.information .content-text-basic table th,
  #contents.information .content-text-basic table td {
    border-color: #e50024; }
#contents.information .content-text-basic .table-title {
  color: #e50024; }
#contents.information .content-list-post .list-title {
  border-color: #e50024; }
#contents.information .content-list-post li {
  border-color: #e50024; }
  #contents.information .content-list-post li:last-child {
    border-color: #e50024; }
#contents.information .content-list-post .p-date {
  color: #e50024; }
#contents.information .button-s {
  background-color: #e50024; }
#contents .section-title.has-lines {
  box-sizing: border-box;
  margin-bottom: 75px;
  position: relative;
  text-align: center; }
  #contents .section-title.has-lines .lines {
    background: #FFFFFF;
    display: inline-block;
    padding: 0 16px;
    position: relative;
    z-index: 1; }
  #contents .section-title.has-lines:before {
    background: #22ac38;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    transition: 0.4s width ease-out 0s; }
  #contents .section-title.has-lines.init:before {
    width: 100%; }
  #contents .section-title.has-lines.on:before {
    width: 100%; }
#contents .section-subtitle {
  margin-bottom: 32px; }
#contents .button-s {
  color: inherit;
  text-decoration: inherit;
  cursor: inherit;
  color: #FFFFFF;
  background: #22ac38;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  line-height: 1.85714;
  margin-top: 45px;
  padding: 14px 40px;
  white-space: nowrap; }
  #contents .button-s:active, #contents .button-s:focus {
    outline: none; }
  #contents .button-s:hover {
    background: #22ac38; }
#contents .content-text-basic p {
  font-size: 15px;
  line-height: 2.06667;
  margin-bottom: 31px; }
  #contents .content-text-basic p:last-child {
    margin-bottom: 0; }
#contents .content-text-basic ul {
  margin-bottom: 31px; }
  #contents .content-text-basic ul:last-child {
    margin-bottom: 0; }
#contents .content-text-basic li {
  list-style: disc outside none;
  margin-left: 30px; }
#contents .content-text-basic table {
  background: #FFFFFF;
  display: table; }
#contents .content-text-basic tbody {
  display: table-row-group; }
#contents .content-text-basic tr {
  display: table-row; }
#contents .content-text-basic th {
  display: table-cell; }
#contents .content-text-basic td {
  display: table-cell; }
#contents .content-text-basic table {
  border: 1px solid #22ac38;
  margin-top: 60px;
  margin-bottom: 60px; }
  #contents .content-text-basic table tr {
    border-top: none; }
  #contents .content-text-basic table th,
  #contents .content-text-basic table td {
    border: 1px solid #22ac38;
    font-size: 14px;
    line-height: 1.64286;
    padding: 5px; }
  #contents .content-text-basic table .no-border {
    border: 0; }
#contents .content-text-basic .table-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.64286; }
#contents .content-text-basic .table-note {
  margin-top: -60px;
  margin-bottom: 60px;
  font-size: 14px;
  line-height: 1.64286; }
#contents .content-list-post {
  margin-bottom: 115px; }
  #contents .content-list-post:last-child {
    margin-bottom: 73px; }
  #contents .content-list-post .list-title {
    border-top: 2px solid #22ac38;
    font-size: 15px;
    font-weight: bold;
    line-height: 2.33333;
    padding-left: 60px;
    margin-top: 27px; }
  #contents .content-list-post .more {
    display: none; }
    #contents .content-list-post .more li:first-of-type {
      border-top: 0; }
  #contents .content-list-post .nav-more {
    margin-bottom: -30px;
    text-align: center; }
  #contents .content-list-post ul {
    margin-bottom: 0; }
  #contents .content-list-post li {
    border-top: 1px solid #22ac38;
    list-style: none;
    padding-top: 18px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 22px;
    margin-left: 0; }
    #contents .content-list-post li:last-child {
      border-bottom: 1px solid #22ac38; }
  #contents .content-list-post .p-date {
    color: #22ac38;
    font-size: 15px;
    line-height: 1.73333;
    margin-bottom: 0; }
  #contents .content-list-post .p-title {
    font-size: 15px;
    line-height: 1.73333; }
#contents .fig-right {
  float: right;
  margin-top: 8px;
  margin-left: 40px;
  margin-bottom: 40px; }
#contents .a-top-01 {
  margin-top: 61px;
  margin-bottom: 75px;
  margin-bottom: 100px; }
  #contents .a-top-01 .content-list-post {
    margin-top: 20px;
    margin-bottom: 11px; }
    #contents .a-top-01 .content-list-post .p-date {
      color: #22ac38; }
  #contents .a-top-01 .ins {
    margin-top: 100px; }
#contents .a-top-02 {
  margin-bottom: 165px;
  margin-bottom: 100px; }
  #contents .a-top-02 .lead-chart-organization {
    margin-bottom: 19px;
    text-align: center; }
    #contents .a-top-02 .lead-chart-organization li {
      font-size: 15px;
      line-height: 2.53333; }
  #contents .a-top-02 .chart-organization {
    margin-top: 25px;
    margin-bottom: 38px; }
#contents .a-top-03 {
  margin-bottom: 180px;
  margin-bottom: 100px; }
  #contents .a-top-03 .wrapper-chart-situation {
    margin-bottom: 55px; }
    #contents .a-top-03 .wrapper-chart-situation .wrapper-bg {
      padding-top: 40px;
      padding-bottom: 12px; }
    #contents .a-top-03 .wrapper-chart-situation .section-subtitle {
      margin-bottom: 35px; }
  #contents .a-top-03 .wrapper-chart-goal .wrapper-bg {
    padding-top: 55px;
    padding-bottom: 65px; }
  #contents .a-top-03 .section-subtitle {
    margin-bottom: 25px; }
  #contents .a-top-03 .lead-chart-goal {
    color: #22ac38;
    font-size: 15px;
    line-height: 1.73333;
    margin-bottom: 25px;
    text-align: center; }
#contents .a-top-04 {
  margin-bottom: 85px;
  margin-bottom: 100px; }
  #contents .a-top-04 .wrapper-bg {
    background: #f3f8e6;
    padding-top: 26px;
    padding-left: 34px;
    padding-right: 34px;
    padding-bottom: 34px; }
  #contents .a-top-04 .gmap {
    margin-bottom: 39px; }
    #contents .a-top-04 .gmap iframe {
      vertical-align: top; }
  #contents .a-top-04 .fig-caption {
    text-align: right; }
    #contents .a-top-04 .fig-caption .inner-fig-caption {
      display: inline-block;
      text-align: left; }
    #contents .a-top-04 .fig-caption h2 {
      font-size: 18px;
      line-height: 1.33333;
      margin-bottom: 6px; }
    #contents .a-top-04 .fig-caption li {
      font-size: 15px;
      line-height: 1.46667; }
#contents .a-introduction-01 {
  margin-bottom: 100px; }
#contents .a-introduction-02 {
  margin-bottom: 100px; }
#contents .a-introduction-03 {
  margin-bottom: 100px; }
#contents .a-introduction-04 {
  margin-bottom: 100px; }
#contents .a-introduction-02 .chart-feature {
  max-width: 1112px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;
  margin-bottom: 15px; }
  #contents .a-introduction-02 .chart-feature ul {
    overflow: hidden;
    *zoom: 1; }
  #contents .a-introduction-02 .chart-feature li {
    float: left;
    margin-right: 40px;
    margin-bottom: 85px;
    width: 344px; }
    #contents .a-introduction-02 .chart-feature li:nth-of-type(3n) {
      margin-right: 0; }
  @media screen and (max-width: 100%) {
    #contents .a-introduction-02 .chart-feature {
      max-width: 980px; }
      #contents .a-introduction-02 .chart-feature li {
        width: 300px; } }
#contents .a-introduction-02 .text-chart-feature {
  background-color: #F7F8F8;
  font-size: 15px;
  line-height: 1.73333;
  padding-top: 19px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 33px; }
#contents .a-curriculum-01 {
  margin-bottom: 130px;
  margin-bottom: 100;
  text-align: center; }
  #contents .a-curriculum-01 figure {
    margin-bottom: 118px;
    margin-bottom: 100px; }
  #contents .a-curriculum-01 .wrapper-bg {
    padding-top: 70px;
    padding-bottom: 92px; }
  #contents .a-curriculum-01 .section-subtitle {
    margin-top: 92px;
    margin-bottom: 31px; }
    #contents .a-curriculum-01 .section-subtitle:first-of-type {
      margin-top: 0; }
#contents .a-subject-01 {
  margin-bottom: 125px;
  margin-bottom: 100px; }
#contents .a-subject-02 {
  margin-bottom: 130px;
  margin-bottom: 100px; }
  #contents .a-subject-02 .chart-subject-common {
    background: #FFFFFF;
    margin-top: 57px;
    margin-bottom: 31px; }
    #contents .a-subject-02 .chart-subject-common th,
    #contents .a-subject-02 .chart-subject-common td {
      font-size: 14px;
      line-height: 23px; }
    #contents .a-subject-02 .chart-subject-common th {
      white-space: nowrap; }
      #contents .a-subject-02 .chart-subject-common th.th01 {
        width: 25%; }
      #contents .a-subject-02 .chart-subject-common th.th02 {
        width: 25%; }
#contents .a-subject-03 {
  margin-bottom: 185px;
  margin-bottom: 100px; }
#contents .a-subject-04 {
  margin-bottom: 155px;
  margin-bottom: 100px; }
  #contents .a-subject-04 .section-subtitle {
    margin-top: 82px;
    margin-bottom: 27px; }
#contents .a-subject-05 {
  margin-bottom: 130px;
  margin-bottom: 100px; }
#contents .a-career-01 {
  margin-bottom: 150px;
  margin-bottom: 100px; }
  #contents .a-career-01 .chart-career-fig {
    margin-bottom: 125px;
    margin-bottom: 100px; }
  #contents .a-career-01 .chart-career-school {
    margin-top: 62px;
    margin-bottom: 62px; }
    #contents .a-career-01 .chart-career-school th,
    #contents .a-career-01 .chart-career-school td {
      white-space: nowrap; }
  #contents .a-career-01 .chart-career-city {
    margin-bottom: 36px; }
    #contents .a-career-01 .chart-career-city th {
      white-space: nowrap; }
#contents .a-career-02 {
  margin-bottom: 155px;
  margin-bottom: 100px; }
  #contents .a-career-02 .chart-career-charge {
    margin-top: 52px;
    margin-bottom: 9px; }
    #contents .a-career-02 .chart-career-charge th,
    #contents .a-career-02 .chart-career-charge td {
      white-space: nowrap; }
    #contents .a-career-02 .chart-career-charge th {
      color: #000; }
#contents .a-career-03 {
  margin-bottom: 165px;
  margin-bottom: 100px; }
  #contents .a-career-03 .wrapper-bg {
    padding-bottom: 57px; }
  #contents .a-career-03 table {
    margin-top: 27px; }
#contents .a-student-01 {
  margin-bottom: 100px; }
  #contents .a-student-01 .chart-student-file {
    margin-top: 4px;
    margin-bottom: 82px;
    width: 100%; }
    #contents .a-student-01 .chart-student-file tr:nth-of-type(odd) th, #contents .a-student-01 .chart-student-file tr:nth-of-type(odd) td {
      border-top-width: 2px; }
    #contents .a-student-01 .chart-student-file tr:nth-of-type(odd) th {
      width: 60%; }
    #contents .a-student-01 .chart-student-file tr:nth-of-type(odd) td {
      width: 40%; }
      #contents .a-student-01 .chart-student-file tr:nth-of-type(odd) td li {
        list-style: none;
        margin-left: 0; }
    #contents .a-student-01 .chart-student-file tr ul {
      min-height: 23px; }
    #contents .a-student-01 .chart-student-file:last-child {
      margin-bottom: 81px; }
#contents .a-information-01 {
  margin-bottom: 115px;
  margin-bottom: 100px; }
#contents .a-course01-01,
#contents .a-course02-01,
#contents .a-course03-01 {
  margin-bottom: 125px;
  margin-bottom: 100px; }
  #contents .a-course01-01 .wrapper-bg,
  #contents .a-course02-01 .wrapper-bg,
  #contents .a-course03-01 .wrapper-bg {
    padding-top: 44px;
    padding-bottom: 47px; }
#contents .a-course01-02,
#contents .a-course02-02,
#contents .a-course03-02 {
  margin-bottom: 140px;
  margin-bottom: 100px; }
#contents .a-course01-03,
#contents .a-course02-03,
#contents .a-course03-03 {
  margin-bottom: 195px;
  margin-bottom: 100px; }
  #contents .a-course01-03 .wrapper-bg,
  #contents .a-course02-03 .wrapper-bg,
  #contents .a-course03-03 .wrapper-bg {
    padding-top: 53px;
    padding-bottom: 0; }
  #contents .a-course01-03 li,
  #contents .a-course02-03 li,
  #contents .a-course03-03 li {
    list-style: none;
    margin: 0;
    padding: 0; }
  #contents .a-course01-03 .parent,
  #contents .a-course02-03 .parent,
  #contents .a-course03-03 .parent {
    overflow: hidden;
    *zoom: 1; }
    #contents .a-course01-03 .parent > li,
    #contents .a-course02-03 .parent > li,
    #contents .a-course03-03 .parent > li {
      float: left;
      margin-bottom: 109px;
      width: 355px; }
      #contents .a-course01-03 .parent > li:nth-of-type(2n+1),
      #contents .a-course02-03 .parent > li:nth-of-type(2n+1),
      #contents .a-course03-03 .parent > li:nth-of-type(2n+1) {
        clear: both;
        margin-right: 60px; }
  #contents .a-course01-03 .id-photo,
  #contents .a-course02-03 .id-photo,
  #contents .a-course03-03 .id-photo {
    float: left;
    width: 80px;
    margin-right: 20px;
    margin-bottom: 18px;
    padding-top: 3px; }
    #contents .a-course01-03 .id-photo img,
    #contents .a-course02-03 .id-photo img,
    #contents .a-course03-03 .id-photo img {
      border-radius: 3px;
      width: 80px;
      height: auto; }
  #contents .a-course01-03 .name,
  #contents .a-course02-03 .name,
  #contents .a-course03-03 .name {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.10526; }
  #contents .a-course01-03 .kana,
  #contents .a-course02-03 .kana,
  #contents .a-course03-03 .kana {
    font-size: 14px;
    line-height: 1.28571;
    margin-bottom: 5px; }
  #contents .a-course01-03 .position,
  #contents .a-course02-03 .position,
  #contents .a-course03-03 .position {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 10px; }
  #contents .a-course01-03 .child,
  #contents .a-course02-03 .child,
  #contents .a-course03-03 .child {
    overflow: hidden;
    *zoom: 1;
    clear: both;
    margin-top: 18px; }
    #contents .a-course01-03 .child > li,
    #contents .a-course02-03 .child > li,
    #contents .a-course03-03 .child > li {
      display: block;
      float: left;
      margin-right: 10px; }
      #contents .a-course01-03 .child > li a,
      #contents .a-course02-03 .child > li a,
      #contents .a-course03-03 .child > li a {
        color: inherit;
        text-decoration: inherit;
        cursor: inherit;
        background: #036eb8;
        border-radius: 3px;
        color: #FFFFFF;
        display: block;
        font-size: 15px;
        line-height: 1.73333;
        padding: 0 4px;
        white-space: nowrap; }
        #contents .a-course01-03 .child > li a:active, #contents .a-course01-03 .child > li a:focus,
        #contents .a-course02-03 .child > li a:active,
        #contents .a-course02-03 .child > li a:focus,
        #contents .a-course03-03 .child > li a:active,
        #contents .a-course03-03 .child > li a:focus {
          outline: none; }
        #contents .a-course01-03 .child > li a:hover,
        #contents .a-course02-03 .child > li a:hover,
        #contents .a-course03-03 .child > li a:hover {
          background: #58b9fc; }
  #contents .a-course01-03 .text,
  #contents .a-course02-03 .text,
  #contents .a-course03-03 .text {
    font-size: 15px;
    line-height: 1.86667;
    margin-top: 28px; }
#contents .a-course01-04,
#contents .a-course02-04,
#contents .a-course03-04 {
  margin-bottom: 175px;
  margin-bottom: 100px; }
#contents .a-course01-05,
#contents .a-course02-05,
#contents .a-course03-05 {
  margin-bottom: 120px;
  margin-bottom: 100px; }
#contents .a-course01-04 .wrapper-bg,
#contents .a-course02-04 .wrapper-bg,
#contents .a-course03-04 .wrapper-bg,
#contents .a-course01-05 .wrapper-bg,
#contents .a-course02-05 .wrapper-bg,
#contents .a-course03-05 .wrapper-bg {
  padding-top: 68px;
  padding-bottom: 87px; }
#contents .a-course01-04 .section-subtitle,
#contents .a-course02-04 .section-subtitle,
#contents .a-course03-04 .section-subtitle,
#contents .a-course01-05 .section-subtitle,
#contents .a-course02-05 .section-subtitle,
#contents .a-course03-05 .section-subtitle {
  border-top: 1px solid #036eb8;
  color: #036eb8;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 23px;
  margin-top: 86px;
  padding-top: 35px; }
  #contents .a-course01-04 .section-subtitle:first-of-type,
  #contents .a-course02-04 .section-subtitle:first-of-type,
  #contents .a-course03-04 .section-subtitle:first-of-type,
  #contents .a-course01-05 .section-subtitle:first-of-type,
  #contents .a-course02-05 .section-subtitle:first-of-type,
  #contents .a-course03-05 .section-subtitle:first-of-type {
    border-top: none;
    margin-top: 0;
    padding-top: 0; }
#contents .ins {
  background: no-repeat center center;
  background-size: cover;
  height: 330px; }
  #contents .ins.wrapper-w {
    height: 400px;
    position: relative; }
    #contents .ins.wrapper-w:before {
      content: '';
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.4); }
#contents #ins-top-01 {
  background-image: url(/renjissen/common/images/ins-031.jpg); }
#contents #ins-introduction-01 {
  background-image: url(/renjissen/common/images/ins-1452.jpg); }
#contents #ins-curriculum-01 {
  background-image: url(/renjissen/common/images/ins-ss-15.jpg); }
#contents #ins-course01-01 {
  background-image: url(/renjissen/common/images/ins-ss-9.jpg); }
#contents #ins-course02-01 {
  background-image: url(/renjissen/common/images/ins-ss-9.jpg); }
#contents #ins-course03-01 {
  background-image: url(/renjissen/common/images/ins-ss-9.jpg); }
#contents #ins-career-01 {
  background-image: url(/renjissen/common/images/ins-ss-0324a.jpg); }
#contents #ins-student-01 {
  background-image: url(/renjissen/common/images/ss-2-2.jpg); }
#contents #ins-information-01 {
  background-image: url(/renjissen/common/images/ins-ss-13.jpg); }

/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/