@charset "UTF-8";
main ul.horiz, main ul.column-4, main ul.professor-list, main dl.reader, main dl.horiz-1, main dl.horiz-2, main dl.horiz-3, main dl.horiz-4, main dl.horiz-5, main dl.horiz-6, main dl.horiz-7, main dl.horiz-8, main dl.horiz-9, main dl.horiz-10, main .fig-left, main .fig-right, main .fig-column-2, main .fig-column-3, main .fig-column-4, main div.column-box-2, main div.column-box-3, main div.column-box-4, main div.campus-calendar, main div.club-info-01, main div.lesson-box, main div.seminar-box, main div.og-message .message-body, main div.og-message .memories dd, main nav.anc-link-01 ul, main nav.anc-link-02 ul, main nav.anc-link-level-01 > ul > li > ul, main nav.page-link-01 ul, main nav.page-link-02 ul, main nav.faculty-nav ul, main nav.faculty-nav ul li .txt, main nav.magazine, main nav.sitemap, main section.news .news-content .list-pic, main section.news .news-content .list-pic li a, main section.news .news-content .list-pic li div.no-link, main .graduate-intro .graduate-nav ul, main nav.index-nav ul, main nav.faculty-index-nav ul, main .faculty-introduction .message, main .faculty-feature ol.feature-list, main nav.faculty-link ul, main .campus-suzurandai .facility-list, main .pre-message, main .program-box > div, main .extention-detail, main .career-open-time, main .career-open-time .info-box, main dl.point, main .og-box, main .lesson-intro, main .voice-box, .contents .topicpath-wrap .topicpath ul, .contents .contents-main .contents-main-inner {
 display: inline-block;
}
main ul.horiz, main ul.column-4, main ul.professor-list, main dl.reader, main dl.horiz-1, main dl.horiz-2, main dl.horiz-3, main dl.horiz-4, main dl.horiz-5, main dl.horiz-6, main dl.horiz-7, main dl.horiz-8, main dl.horiz-9, main dl.horiz-10, main .fig-left, main .fig-right, main .fig-column-2, main .fig-column-3, main .fig-column-4, main div.column-box-2, main div.column-box-3, main div.column-box-4, main div.campus-calendar, main div.club-info-01, main div.lesson-box, main div.seminar-box, main div.og-message .message-body, main div.og-message .memories dd, main nav.anc-link-01 ul, main nav.anc-link-02 ul, main nav.anc-link-level-01 > ul > li > ul, main nav.page-link-01 ul, main nav.page-link-02 ul, main nav.faculty-nav ul, main nav.faculty-nav ul li .txt, main nav.magazine, main nav.sitemap, main section.news .news-content .list-pic, main section.news .news-content .list-pic li a, main section.news .news-content .list-pic li div.no-link, main .graduate-intro .graduate-nav ul, main nav.index-nav ul, main nav.faculty-index-nav ul, main .faculty-introduction .message, main .faculty-feature ol.feature-list, main nav.faculty-link ul, main .campus-suzurandai .facility-list, main .pre-message, main .program-box > div, main .extention-detail, main .career-open-time, main .career-open-time .info-box, main dl.point, main .og-box, main .lesson-intro, main .voice-box, .contents .topicpath-wrap .topicpath ul, .contents .contents-main .contents-main-inner {
 display: block;
}
main ul.horiz:after, main ul.column-4:after, main ul.professor-list:after, main dl.reader:after, main dl.horiz-1:after, main dl.horiz-2:after, main dl.horiz-3:after, main dl.horiz-4:after, main dl.horiz-5:after, main dl.horiz-6:after, main dl.horiz-7:after, main dl.horiz-8:after, main dl.horiz-9:after, main dl.horiz-10:after, main .fig-left:after, main .fig-right:after, main .fig-column-2:after, main .fig-column-3:after, main .fig-column-4:after, main div.column-box-2:after, main div.column-box-3:after, main div.column-box-4:after, main div.campus-calendar:after, main div.club-info-01:after, main div.lesson-box:after, main div.seminar-box:after, main div.og-message .message-body:after, main div.og-message .memories dd:after, main nav.anc-link-01 ul:after, main nav.anc-link-02 ul:after, main nav.anc-link-level-01 > ul > li > ul:after, main nav.page-link-01 ul:after, main nav.page-link-02 ul:after, main nav.faculty-nav ul:after, main nav.faculty-nav ul li .txt:after, main nav.magazine:after, main nav.sitemap:after, main section.news .news-content .list-pic:after, main section.news .news-content .list-pic li a:after, main section.news .news-content .list-pic li div.no-link:after, main .graduate-intro .graduate-nav ul:after, main nav.index-nav ul:after, main nav.faculty-index-nav ul:after, main .faculty-introduction .message:after, main .faculty-feature ol.feature-list:after, main nav.faculty-link ul:after, main .campus-suzurandai .facility-list:after, main .pre-message:after, main .program-box > div:after, main .extention-detail:after, main .career-open-time:after, main .career-open-time .info-box:after, main dl.point:after, main .og-box:after, main .lesson-intro:after, main .voice-box:after, .contents .topicpath-wrap .topicpath ul:after, .contents .contents-main .contents-main-inner:after {
 content: "";
 display: block;
 clear: both;
 height: 0;
}
/* inner extend */
/* icon extend */
/* inner mixin */
/* --------------------------------------------

	FileName	:	style.css

-------------------------------------------- */
/* -------------------------------------
	contents
-------------------------------------- */
.ttl {
 max-width: 1200px;
 width: 100%;
 margin: 0 auto;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 text-align: center;
 position: relative;
 overflow: hidden;
}
.ttl .ttl-inner {
    /* ---- 2022.6.23 color: #406531; ---- */
    color: #266882;
 padding: 0 25px;
 position: relative;
 display: inline-block;
 max-width: 88%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
 .ttl .ttl-inner {
  padding: 0 15px;
 }
}
.ttl .ttl-inner:before, .ttl .ttl-inner:after {
 content: '';
      /* ---- 2022.6.23 border-top: 1px solid #387e5a; ---- */
      border-top: 1px solid #a0d8ea;
 position: absolute;
 top: 50%;
 width: 100em;
 max-width: 90px;
}
@media only screen and (max-width: 767px) {
 .ttl .ttl-inner:before, .ttl .ttl-inner:after {
  max-width: 50px;
 }
}
.ttl .ttl-inner:before {
 right: 100%;
}
.ttl .ttl-inner:after {
 left: 100%;
}
.ttl small {
 line-height: 1.2;
 margin-bottom: 0.2em;
 display: inline-block;
 font-size: 17px;
 font-size: 1.13333rem;
}
@media only screen and (max-width: 767px) {
 .ttl small {
  font-size: 15px;
  font-size: 1rem;
 }
}
.ttl h1 {
 font-weight: bold;
 line-height: 1.3;
 padding: 0.1em 0;
 font-size: 30px;
 font-size: 2rem;
}
@media only screen and (max-width: 767px) {
 .ttl h1 {
  font-size: 24px;
  font-size: 1.6rem;
 }
}
main .ttl {
 margin: 0 0 2.5em;
 padding: 0 0 15px;
 border-bottom: 1px dashed rgba(56, 126, 90, 0.7);
}
@media only screen and (max-width: 767px) {
 main .ttl {
  margin: 0 0 2em;
 }
}
main .ttl .ttl-inner {
 max-width: 100%;
 padding: 0;
}
main .ttl .ttl-inner:before, main .ttl .ttl-inner:after {
 display: none;
}
main .ttl + h2 {
 margin-top: 1.5em;
}
main .ttl + ul.professor-list {
 margin-top: -1.5em;
}
main .ttl + ul.news-list {
 margin-top: -1em;
}
main > *:first-child {
 margin-top: 0 !important;
}
main a.pdf:after, main a.xls:after, main a.doc:after, main a.blank:after {
 display: inline-block;
 padding: 0 4px;
 vertical-align: middle;
}
main a.pdf:after {
 content: url("/img/common/ico-pdf.png");
 display: inline-block;
}
main a.xls:after {
 content: url("/img/common/ico-excel.png");
 display: inline-block;
}
main a.doc:after {
 content: url("/img/common/ico-word.png");
 display: inline-block;
}
main a.blank:after {
 content: url("/img/common/ico-blank.png");
 display: inline-block;
 margin-top: -5px;
}
main .txt-r {
 text-align: right;
}
main .txt-l {
 text-align: left;
}
main .txt-c {
 text-align: center;
}
main .va-t {
 vertical-align: top;
}
main .va-m {
 vertical-align: middle;
}
main .va-b {
 vertical-align: bottom;
}
main .big {
 font-size: 123.07692%;
}
main small, main .small {
 font-size: 92.30769%;
}
main .red {
 color: #dd0000;
}
main .blue {
 color: #2065b3;
}
main .yellow {
 color: #e46d0a;
}
main .green {
 color: #2b7515;
}
main .purple {
 color: #4f1582;
}
main .ind-1 {
 text-indent: 1em !important;
}
main .ind-2 {
 text-indent: 2em !important;
}
main .n-ind-1 {
 text-indent: -1em !important;
 padding-left: 1em !important;
}
main .n-ind-2 {
 text-indent: -2em !important;
 padding-left: 2em !important;
}
main .of-h {
 overflow: hidden;
}
main hr {
 border: none;
 border-top: 1px solid #d2d2d2;
 margin: 1.5em 0;
}
main em {
 color: #e73a7b;
 font-weight: bold;
}
main strong {
 font-weight: bold;
}
main h2 {
 margin: 2.8em 0 1em;
 line-height: 1.3;
  /* ---- 2022.6.23 color: #406531; ---- */
  color: #266882;
 font-weight: bold;
 font-size: 23px;
 font-size: 1.53333rem;
 position: relative;
 text-align: center;
 border-top: 3px solid #efefef;
 border-bottom: 3px solid #efefef;
 padding: 0.8em 0 0.75em;
}
@media only screen and (max-width: 767px) {
 main h2 {
  font-size: 21px;
  font-size: 1.4rem;
 }
}
main h2 span.small {
 display: block;
 font-size: 16px;
 font-size: 1.06667rem;
 margin-bottom: 0.5em;
}
main h2 + h3 {
 margin-top: 1.8em;
}
main h2 + .lesson-box {
 margin-top: -1em;
}
main h3 {
 margin: 2.2em 0 0.8em;
 font-weight: bold;
 line-height: 1.4;
 font-size: 20px;
 font-size: 1.33333rem;
 position: relative;
 color: #333;
 position: relative;
 padding-left: 26px;
}
main h3:before {
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 margin: auto;
 width: 18px;
 height: 4px;
    /* ---- 2022.6.23 background-color: #387e5a; ---- */
    background-color: #a0d8ea; }
@media only screen and (max-width: 767px) {
 main h3 {
  font-size: 19px;
  font-size: 1.26667rem;
 }
}
main h3 + h4 {
 margin-top: 1.4em;
}
main h4 {
 margin: 1.8em 0 0.8em;
 padding: 7px 12px 6px;
  /* ---- 2022.6.23 background: #eaf8e8; ---- */
  background: #a0d8ea;
 color: #333;
 font-weight: bold;
 line-height: 1.4;
 font-size: 16px;
 font-size: 1.06667rem;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
main h5 {
 margin: 1.6em 0 0.7em;
 padding: 0 0 7px;
  /* ---- 2022.6.23 color: #387e5a; ---- */
  color: #a0d8ea;
 font-weight: bold;
 line-height: 1.4;
 font-size: 15px;
 font-size: 1rem;
 border-bottom: 1px dotted #bbb;
}
main h5 .inner {
 display: inline-block;
 padding-left: 10px;
    /* ---- 2022.6.23 border-left: 3px solid #387e5a; ---- */
    border-left: 3px solid #a0d8ea; }
main h6 {
 margin: 1.5em 0 0.6em;
 font-weight: bold;
 line-height: 1.4;
 font-size: 15px;
 font-size: 1rem;
}
main h6 + p, main h6 + ul, main h6 + ol {
 margin-top: 0.8em;
}
main p {
 margin: 1em 0 0.6em;
}
main p.note {
 font-size: 13px;
 font-size: 0.86667rem;
}
main p.table-unit {
 margin-bottom: -1.4em;
 text-align: right;
}
main .lead-ttl {
  /* ---- 2022.6.23 color: #387e5a; ---- */
  color: #53b6d7;
 margin: 1.6em 0 0.8em;
 font-size: 21px;
 font-size: 1.4rem;
 font-weight: bold;
 text-align: center;
}
@media only screen and (max-width: 767px) {
 main .lead-ttl {
  font-size: 18px;
  font-size: 1.2rem;
 }
}
main .lead-txt {
 margin: 1.2em 0 1em;
 font-weight: bold;
 text-align: center;
}
main ul {
 margin: 1em auto 0.6em;
}
main ul li {
 margin: 0 0 0.4em;
 padding: 0 0 0 15px;
 position: relative;
}
main ul li:before {
 content: "";
 display: inline-block;
 width: 6px;
 height: 6px;
 position: absolute;
 left: 0;
 top: 7px;
      /* ---- 2022.6.23 background: #387e5a; ---- */
      background: #a0d8ea;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
main ul li a {
      /* ---- 2022.6.23 color: #387e5a; ---- */
      color: #53b6d7; }
main ul li > ul {
 margin: 5px 0;
}
main ul li > ol {
 margin: 5px 0;
}
main 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: 15px;
 font-size: 1rem;
 background: none;
}
main ul.horiz li {
 float: left;
 margin: 0 1.5em 0.4em 0;
}
main ul.horiz li:last-child {
 margin-right: 0;
}
main ul.column-4 {
 padding: 0;
}
main ul.column-4 li {
 float: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0 0 0.4em 2%;
}
@media print, screen and (min-width: 768px) {
 main ul.column-4 li {
  width: 23.5%;
 }
 main ul.column-4 li:nth-child(4n+1) {
  margin-left: 0;
 }
}
@media only screen and (max-width: 767px) {
 main ul.column-4 li {
  width: 32%;
 }
 main ul.column-4 li:nth-child(3n+1) {
  margin-left: 0;
 }
}
@media only screen and (max-width: 413px) {
 main ul.column-4 li {
  width: 49%;
 }
 main ul.column-4 li:nth-child(3n+1) {
  margin-left: 2%;
 }
 main ul.column-4 li:nth-child(2n+1) {
  margin-left: 0;
 }
}
main ul.flow > li {
 padding: 20px;
 margin: 0 0 45px;
 border: 2px solid #e1e1e1;
 position: relative;
}
main ul.flow > li:before {
 display: none;
}
main ul.flow > li:after {
 content: '';
 display: block;
 position: absolute;
 left: 0;
 right: 0;
 bottom: -48px;
 margin: auto;
 width: 15px;
 height: 15px;
 border: 15px solid transparent;
      /* ---- 2022.6.23 border-top: 15px solid #387e5a; ---- */
      border-top: 15px solid #a0d8ea;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
main ul.flow > li:last-child {
 margin: 0;
}
main ul.flow > li:last-child:after {
 display: none;
}
@media only screen and (max-width: 767px) {
 main ul.flow > li {
  padding: 15px;
 }
}
main ul.flow > li dl {
 margin: 0;
}
main ul.flow > li dl dt {
        /* ---- 2022.6.23 border-left: 4px solid #387e5a; ---- */
        border-left: 4px solid #a0d8ea;
 font-size: 18px;
 font-size: 1.2rem;
 line-height: 1.4;
 padding-left: 10px;
 margin: 0 0 0.6em;
}
main ul.flow > li dl dd {
 margin: 0;
}
main ul.professor-list {
 margin: 1.5em 0;
}
main ul.professor-list li {
 padding: 30px 5px;
 float: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border-bottom: 1px dotted #bbb;
}
@media print, screen and (min-width: 768px) {
 main ul.professor-list li {
  width: 31%;
  margin: 0 0 0 3.5%;
 }
 main ul.professor-list li:nth-child(3n+1) {
  margin-left: 0;
  clear: left;
 }
}
@media only screen and (max-width: 767px) {
 main ul.professor-list li {
  width: 48.5%;
  margin: 0 0 0 3%;
 }
 main ul.professor-list li:nth-child(2n+1) {
  margin-left: 0;
  clear: left;
 }
}
@media only screen and (max-width: 413px) {
 main ul.professor-list li {
  width: 100%;
  float: none;
  margin-left: 0;
 }
}
main ul.professor-list li:before {
 display: none;
}
main ul.professor-list li .name {
 font-size: 20px;
 font-size: 1.33333rem;
 font-weight: bold;
 margin: 0;
        /* ---- 2022.6.23 color: #387e5a; ---- */
        color: #a0d8ea;
        line-height: 1.2; }
main ul.professor-list li .name span {
 font-size: 14px;
 font-size: 0.93333rem;
 margin-left: 0.6em;
}
main ul.professor-list li .field {
 margin: 0.8em 0 0;
 line-height: 1.2;
}
main ul.professor-list li .field dt {
 border-left: 2px solid #333;
 padding-left: 8px;
 font-size: 15px;
 font-size: 1rem;
}
main ul.professor-list li .field dd {
 margin: 0.4em 0 0;
 font-size: 14px;
 font-size: 0.93333rem;
}
main ul.professor-list li .db-link {
 margin: 1.5em 0 0;
 display: inline-block;
 padding: 8px 26px 8px 12px;
 background: #fff;
 position: relative;
        /* ---- 2022.6.23 color: #387e5a; ---- */
        color: #a0d8ea;
        /* ---- 2022.6.23 border: 1px solid #387e5a; ---- */
        border: 1px solid #a0d8ea;
 font-size: 12px;
 font-size: 0.8rem;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 text-decoration: none;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 line-height: 1;
}
main ul.professor-list li .db-link:after {
 content: '\e800';
 margin: auto;
          /* ---- 2022.6.23 color: #387e5a; ---- */
          color: #2682a2;
 line-height: 18px;
 font-size: 13px;
 font-size: 0.86667rem;
 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: 8px;
 top: 50%;
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
 -webkit-transition: color 0.2s;
 -moz-transition: color 0.2s;
 -ms-transition: color 0.2s;
 -o-transition: color 0.2s;
 transition: color 0.2s;
}
main ul.professor-list li .db-link:hover {
          /* ---- 2022.6.23 background: #387e5a; ---- */
          background: #a0d8ea;
          color: #fff; }
main ul.professor-list li .db-link:hover:after {
 color: #fff;
}
main ul.news-list {
 margin: 0;
}
main ul.news-list li {
 border-bottom: 1px dotted #bbb;
 margin: 0;
 padding: 0;
}
main ul.news-list li:before {
 display: none;
}
main ul.news-list li a, main ul.news-list li div.no-link {
 padding: 1.1em 10px 1em;
 display: block;
 text-decoration: none;
 color: #333;
 background: #fff;
}
main ul.news-list li a.pdf .txt:after, main ul.news-list li a.xls .txt:after, main ul.news-list li a.doc .txt:after, main ul.news-list li a.blank .txt:after, main ul.news-list li div.no-link.pdf .txt:after, main ul.news-list li div.no-link.xls .txt:after, main ul.news-list li div.no-link.doc .txt:after, main ul.news-list li div.no-link.blank .txt:after {
 display: inline-block;
 padding: 0 4px;
 vertical-align: middle;
}
main ul.news-list li a.pdf .txt:after, main ul.news-list li div.no-link.pdf .txt:after {
 content: url("/img/common/ico-pdf.png");
 display: inline-block;
}
main ul.news-list li a.xls .txt:after, main ul.news-list li div.no-link.xls .txt:after {
 content: url("/img/common/ico-excel.png");
 display: inline-block;
}
main ul.news-list li a.doc .txt:after, main ul.news-list li div.no-link.doc .txt:after {
 content: url("/img/common/ico-word.png");
 display: inline-block;
}
main ul.news-list li a.blank .txt:after, main ul.news-list li div.no-link.blank .txt:after {
 content: url("/img/common/ico-blank.png");
 display: inline-block;
 margin-top: -5px;
}
main ul.news-list li a:after, main ul.news-list li div.no-link:after {
 display: none;
}
main ul.news-list li a {
 -webkit-transition: background 0.2s;
 -moz-transition: background 0.2s;
 -ms-transition: background 0.2s;
 -o-transition: background 0.2s;
 transition: background 0.2s;
}
main ul.news-list li a:hover {
 background: #fbf9d0;
}
main ul.news-list li a:hover .txt {
 text-decoration: none;
}
main ul.news-list li a .txt {
 text-decoration: underline;
}
@media print, screen and (min-width: 768px) {
 main ul.news-list li .info {
  float: left;
 }
}
main ul.news-list li .info time {
 font-size: 14px;
 font-size: 0.93333rem;
 margin-right: 12px;
 float: left;
 color: #888;
}
main ul.news-list li .info .category {
 display: inline-block;
 position: relative;
 top: -2px;
 font-size: 11px;
 font-size: 0.73333rem;
 line-height: 1;
 border: 1px solid #aaa;
 color: #5b5b5b;
 text-align: center;
 width: 7em;
 padding: 4px;
 background: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
@media print, screen and (min-width: 768px) {
 main ul.news-list li .txt {
  padding-left: 12em;
 }
}
@media only screen and (max-width: 767px) {
 main ul.news-list li .txt {
  margin-top: 0.4em;
 }
}
main ol {
 margin: 1em auto 0.6em;
 counter-reset: num;
}
main ol li {
 position: relative;
 margin: 0 0 0.4em;
 padding: 0 0 0 1.7em;
}
main ol li:before {
 font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 counter-increment: num;
 content: counter(num) ".";
 position: absolute;
 top: 0;
 left: 0px;
 font-weight: bold;
      /* ---- 2022.6.23 color: #387e5a; ---- */
      color: #a0d8ea;
 font-size: 16px;
 font-size: 1.06667rem;
}
main ol li ol {
 margin: 0.6em auto;
}
main ol li ol li {
 padding: 0 0 0 2.2em;
}
main ol li ol li:before {
 left: 2px;
 content: counters(num, "-") ".";
}
main ol li > ul {
 counter-reset: num;
 margin: 0.6em auto;
}
main ol li > ul li {
 padding: 0 0 0 15px;
 margin: 0 0 0.4em;
}
main ol li > ul li:before {
 content: "";
 display: inline-block;
 width: 6px;
 height: 6px;
 position: absolute;
 left: 0;
 top: 7px;
          /* ---- 2022.6.23 background: #387e5a; ---- */
          background: #a0d8ea;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
main ol.strong {
 margin: 1.2em auto 0.6em;
}
main ol.strong li {
 font-size: 17px;
 font-size: 1.13333rem;
 margin: 0 0 0.6em;
 padding: 0 0 0 2.1em;
 font-weight: bold;
}
main ol.strong li:before {
 font-size: 15px;
 font-size: 1rem;
 content: counter(num);
        /* ---- 2022.6.23 background: #387e5a; ----- */
        background: #a0d8ea;
 color: #fff;
 line-height: 1.8;
 width: 1.8em;
 height: 1.8em;
 -moz-border-radius: 100%;
 -webkit-border-radius: 100%;
 border-radius: 100%;
 text-align: center;
}
main ol.notes li, main ul.notes li {
 font-size: 13px;
 font-size: 0.86667rem;
 margin: 0 0 0.3em;
 padding: 0;
}
main ol.notes li:before, main ul.notes li:before {
 display: none;
}
main ol.none li, main ul.none li {
 margin: 0 0 0.4em;
 padding: 0;
}
main ol.none li:before, main ul.none li:before {
 display: none;
}
main ol.none li ul li, main ol.none li ol li, main ul.none li ul li, main ul.none li ol li {
 padding: 0 0 0 1em;
}
main ol.columnLink:after, main ul.columnLink:after {
 content: "";
 display: block;
 clear: both;
}
main ol.columnLink li, main ul.columnLink li {
 float: left;
 display: inline-block;
 width: 49%;
 margin: 0 1% 15px 0;
 padding: 0;
}
main ol.columnLink li:before, main ul.columnLink li:before {
 display: none;
}
main ol.columnLink li:nth-child(2n), main ul.columnLink li:nth-child(2n) {
 margin: 0 0 15px 1%;
}
main ol.columnLink li a, main ul.columnLink li a {
 position: relative;
 background: #fff;
 display: block;
 padding: 16px 28px 14px 12px;
 font-weight: bold;
    /* ---- 2022.6.23 color: #387e5a; ---- */
    color: #a0d8ea;
 text-decoration: none;
 font-size: 15px;
 font-size: 1rem;
 border: 1px solid #d4d4d4;
 background: #f8f8f8;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
main ol.columnLink li a:hover, main ul.columnLink li a:hover {
 background: #fff;
 color: #333;
}
main ol.columnLink li a:before, main ul.columnLink li a:before {
 content: "";
 display: inline-block;
 position: absolute;
 right: 10px;
 top: 0;
 bottom: 0;
 margin: auto;
}
@media only screen and (max-width: 767px) {
 main ol.columnLink li, main ul.columnLink li {
  float: none;
  width: 100%;
  margin: 0 0 10px;
 }
 main ol.columnLink li:nth-child(2n), main ul.columnLink li:nth-child(2n) {
  margin: 0 0 10px;
 }
}
main dl {
 margin: 1.5em 0 1em;
}
main dl dt {
 font-weight: bold;
 font-size: 16px;
 font-size: 1.06667rem;
 margin-bottom: 0.2em;
}
main dl dd {
 margin: 0 0 0.9em;
}
main dl.box dd > *:first-child {
 margin-top: 0;
}
main dl.box dd > *:last-child {
 margin-bottom: 0;
}
main dl.box {
 margin: 2em 0 1em;
 padding: 20px;
 border: 3px solid #e1e1e1;
 background: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
 main dl.box {
  padding: 15px;
 }
}
main dl.box dt {
 margin: 0 0 0.6em;
 padding: 2px 10px 2px 12px;
 line-height: 1.2;
      /* ---- 2022.6.23 border-left: 3px solid #387e5a; ---- */
      border-left: 3px solid #a0d8ea;
 font-size: 17px;
 font-size: 1.13333rem;
}
main dl.box dd {
 margin: 0;
 font-size: 14px;
 font-size: 0.93333rem;
}
main dl.reader {
 margin: 2.5em 0 0;
 border: 3px solid #e1e1e1;
 padding: 20px;
 background: #fff;
}
@media only screen and (max-width: 767px) {
 main dl.reader {
  padding: 15px;
 }
}
main dl.reader dt {
 float: left;
}
@media only screen and (max-width: 767px) {
 main dl.reader dt {
  float: none;
  text-align: center;
  margin: 0 0 0.6em;
 }
}
main dl.reader dd {
 font-size: 13px;
 font-size: 0.86667rem;
 margin: 0;
 padding-left: 1em;
 overflow: hidden;
}
@media only screen and (max-width: 767px) {
 main dl.reader dd {
  padding: 0;
 }
}
main dl.horiz-1 dt, main dl.horiz-2 dt, main dl.horiz-3 dt, main dl.horiz-4 dt, main dl.horiz-5 dt, main dl.horiz-6 dt, main dl.horiz-7 dt, main dl.horiz-8 dt, main dl.horiz-9 dt, main dl.horiz-10 dt {
 font-weight: normal;
 float: left;
 font-size: 15px;
 font-size: 1rem;
 margin: 0;
}
main dl.horiz-1 dd, main dl.horiz-2 dd, main dl.horiz-3 dd, main dl.horiz-4 dd, main dl.horiz-5 dd, main dl.horiz-6 dd, main dl.horiz-7 dd, main dl.horiz-8 dd, main dl.horiz-9 dd, main dl.horiz-10 dd {
 margin: 0 0 0.4em;
}
main dl.horiz-1 dd {
 padding-left: 1.67em;
}
main dl.horiz-2 dd {
 padding-left: 2.67em;
}
main dl.horiz-3 dd {
 padding-left: 3.67em;
}
main dl.horiz-4 dd {
 padding-left: 4.67em;
}
main dl.horiz-5 dd {
 padding-left: 5.67em;
}
main dl.horiz-6 dd {
 padding-left: 6.67em;
}
main dl.horiz-7 dd {
 padding-left: 7.67em;
}
main dl.horiz-8 dd {
 padding-left: 8.67em;
}
main dl.horiz-9 dd {
 padding-left: 9.67em;
}
main dl.horiz-10 dd {
 padding-left: 10.67em;
}
@media only screen and (max-width: 767px) {
 main dl.horiz-6 dt, main dl.horiz-7 dt, main dl.horiz-8 dt, main dl.horiz-9 dt, main dl.horiz-10 dt {
  font-weight: bold;
  float: none;
  font-size: 16px;
  font-size: 1.06667rem;
  margin-bottom: 0.2em;
 }
 main dl.horiz-6 dd, main dl.horiz-7 dd, main dl.horiz-8 dd, main dl.horiz-9 dd, main dl.horiz-10 dd {
  padding-left: 0 !important;
 }
}
main dl.faq {
 border-top: 1px dotted #bbb;
 margin: 2em 0 1.2em;
}
main dl.faq dt, main dl.faq dd {
 position: relative;
}
main dl.faq dt:before, main dl.faq dd:before {
 font-weight: bold;
 font-size: 19px;
 font-size: 1.26667rem;
 position: absolute;
 width: 32px;
 height: 32px;
 line-height: 32px;
}
main dl.faq dt {
 padding: 2em 0 0 44px;
 font-weight: normal;
 font-size: 16px;
 font-size: 1.06667rem;
}
main dl.faq dt .lead {
 font-size: 18px;
 font-size: 1.2rem;
 font-weight: bold;
 display: block;
        /* ---- 2022.6.23 color: #387e5a; ---- */
        color: #a0d8ea; }
main dl.faq dt .txt {
 font-size: 15px;
 font-size: 1rem;
 margin: 0.5em 0 0;
 display: block;
}
main dl.faq dt:before {
 content: 'Q';
 color: #fff;
        /* ---- 2022.6.23 background: #387e5a; ---- */
        background: #a0d8ea;
 top: 1.6em;
 left: 0;
 -moz-border-radius: 100%;
 -webkit-border-radius: 100%;
 border-radius: 100%;
 text-align: center;
}
main dl.faq dd {
 border-bottom: 1px dotted #bbb;
 margin: 1.6em 0 0;
 padding: 0 0 2em 44px;
}
main dl.faq dd:before {
 content: 'A';
        /* ---- 2022.6.23 color: #387e5a; ---- */
        color: #a0d8ea;
 background: #cdeec9;
 top: -0.1em;
 left: 0;
 -moz-border-radius: 100%;
 -webkit-border-radius: 100%;
 border-radius: 100%;
 text-align: center;
}
main table {
 width: 100%;
 margin: 2em auto;
 border-top: 1px solid #cdcdcd;
 border-left: 1px solid #cdcdcd;
}
main table th, main table td {
 line-height: 1.45;
}
main table thead {
    /* ---- 2022.6.23 background: #387e5a; ---- */
    background: #2682a2; }
main table thead tr th, main table thead tr td {
 border-right: 1px solid #cdcdcd;
 border-bottom: 1px solid #cdcdcd;
 padding: 14px 10px;
 text-align: center;
 color: #fff;
 font-size: 16px;
 font-size: 1.06667rem;
}
@media only screen and (max-width: 767px) {
 main table thead tr th, main table thead tr td {
  padding: 7px 5px;
 }
}
main table tfoot {
 background: #eaeaea;
}
main table tfoot tr th, main table tfoot tr td {
 border-right: 1px solid #cdcdcd;
 border-bottom: 1px solid #cdcdcd;
 padding: 12px 10px;
 text-align: center;
 color: #333;
 font-weight: bold;
 font-size: 16px;
 font-size: 1.06667rem;
}
@media only screen and (max-width: 767px) {
 main table tfoot tr th, main table tfoot tr td {
  padding: 6px 5px;
 }
}
main table tbody {
 background: #fff;
}
main table tbody tr th {
 text-align: center;
 background: #f5f5f5;
      /* ---- 2022.6.23 color: #387e5a; ---- */
      color: #53b6d7;
      font-weight: bold; }
main table tbody tr td {
 color: #333;
}
main table tbody tr th, main table tbody tr td {
 border-right: 1px solid #cdcdcd;
 border-bottom: 1px solid #cdcdcd;
 padding: 12px 10px;
 font-size: 14px;
 font-size: 0.93333rem;
}
@media only screen and (max-width: 767px) {
 main table tbody tr th, main table tbody tr td {
  padding: 6px 5px;
 }
}
main table tbody tr th > *:first-child, main table tbody tr td > *:first-child {
 margin-top: 0;
}
main table tbody tr th > *:last-child, main table tbody tr td > *:last-child {
 margin-bottom: 0;
}
main table tbody tr th.like-tfoot, main table tbody tr td.like-tfoot {
 font-size: 16px;
 font-size: 1.06667rem;
 font-weight: bold;
 background: #eaeaea;
}
main table tbody tr .blue {
 background: #d5f1ff;
 color: #2065b3;
}
main table tbody tr .red {
 background: #ffdfeb;
 color: #dd0000;
}
main table tbody tr .yellow {
 background: #ffffa7;
 color: #e46d0a;
}
main table tbody tr .bg-blue {
 background: #d5f1ff;
}
main table tbody tr .bg-green {
 background: #d8f2d4;
}
main table tbody tr .green {
 background: #d6fedb;
 color: #2b7515;
}
main table tbody tr .purple {
 background: #f4e4fe;
 color: #4f1582;
}
main table tbody tr .bg-purple {
 background: #f4e4fe;
}
main table tbody tr .bg-red {
 background: #ffdfeb;
}
main table tbody tr .bg-yellow {
 background: #ffffa7;
}
main table tbody tr .free {
 background: #ffc;
}
main table caption {
 font-weight: bold;
 font-size: 16px;
 font-size: 1.06667rem;
 margin-bottom: 0.7em;
 padding-left: 7px;
    /* ---- 2022.6.23 border-left: 3px solid #387e5a; ---- */
    border-left: 3px solid #a0d8ea;
    line-height: 1.4; }
main table + table, main table + div.swipe {
 margin-top: 3em;
}
main table.narrow thead tr th, main table.narrow thead tr td {
 padding: 7px 5px;
 font-size: 15px;
 font-size: 1rem;
}
main table.narrow tfoot tr th, main table.narrow tfoot tr td {
 padding: 6px 5px;
 font-size: 15px;
 font-size: 1rem;
}
main table.narrow tbody tr th, main table.narrow tbody tr td {
 padding: 6px 5px;
 font-size: 13px;
 font-size: 0.86667rem;
}
main table.history tbody tr td .txt {
 float: left;
 width: 68%;
}
@media only screen and (max-width: 767px) {
 main table.history tbody tr td .txt {
  float: none;
  width: 100%;
 }
}
main table.history tbody tr td figure {
 width: 28%;
 float: right;
 margin: 0.4em 0 0;
 text-align: center;
}
@media only screen and (max-width: 767px) {
 main table.history tbody tr td figure {
  float: none;
  width: 50%;
  margin: 0 auto;
  margin-top: 1.2em;
 }
}
main table.history tbody tr td figure figcaption {
 font-size: 11px;
 font-size: 0.73333rem;
}
main table.time tbody tr.bd-bold th, main table.time tbody tr.bd-bold td {
 border-top: 3px solid #e1e1e1;
}
main table + p.note, main table + ul.notes {
 margin-top: -1.2em;
}
main .swipe {
 margin: 2em 0;
}
main .swipe table {
 margin: 0;
}
main .swipe + table, main .swipe + div.swipe {
 margin-top: 3em;
}
main .swipe + p.note, main .swipe + ul.notes {
 margin-top: -1.2em;
}
main figure {
 margin: 2em auto;
}
main figure figcaption {
 font-size: 12px;
 font-size: 0.8rem;
 text-align: center;
 padding: 5px 0 0 0;
}
main figure figcaption p.link a {
 display: inline-block;
}
main .fig-center {
 text-align: center;
 margin: 2em 0;
}
main .fig-right figure {
 float: right;
 margin: 0 0 1em 25px;
}
main .fig-left figure {
 float: left;
 margin: 0 25px 1em 0;
}
main .fig-left, main .fig-right {
 margin: 1.5em 0;
}
main .fig-left figure, main .fig-right figure {
 max-width: 30%;
}
@media only screen and (max-width: 767px) {
 main .fig-left figure, main .fig-right figure {
  float: none;
  max-width: 80%;
  margin: 1em auto;
  text-align: center;
 }
}
@media only screen and (max-width: 767px) {
 main .fig-left table, main .fig-right table {
  width: 100% !important;
 }
}
main .fig-left h3, main .fig-left h4, main .fig-left h5, main .fig-left dl, main .fig-left ul, main .fig-right h3, main .fig-right h4, main .fig-right h5, main .fig-right dl, main .fig-right ul {
 overflow: hidden;
}
main .fig-left .lead, main .fig-right .lead {
 margin-top: 0;
}
main .fig-column-1 {
 text-align: center;
 margin: 2em auto;
}
main .fig-column-1 img {
 max-width: 500px;
}
@media only screen and (max-width: 767px) {
 main .fig-column-1 img {
  max-width: 260px;
 }
}
@media only screen and (max-width: 767px) {
 main .fig-column-2 figure img, main .fig-column-3 figure img, main .fig-column-4 figure img {
  width: 100%;
  max-width: 260px;
 }
}
main .fig-column-2 {
 margin: 2em auto;
 text-align: center;
}
main .fig-column-2 figure {
 width: 49%;
 margin: 0 0 1em 2%;
 float: left;
}
main .fig-column-2 figure:nth-child(2n+1) {
 margin: 0 0 1em;
}
@media only screen and (max-width: 413px) {
 main .fig-column-2 figure {
  width: 100%;
  margin: 0 0 1em;
 }
}
main .fig-column-3 {
 margin: 2em auto;
 text-align: center;
}
main .fig-column-3 figure {
 width: 32%;
 margin: 0 0 1em 2%;
 float: left;
}
main .fig-column-3 figure:first-child {
 margin: 0;
}
main .fig-column-3 figure:nth-child(3n+1) {
 margin: 0 0 1em;
}
@media only screen and (max-width: 767px) {
 main .fig-column-3 figure {
  width: 49%;
  margin: 0 0 1em 2%;
 }
 main .fig-column-3 figure:nth-child(3n+1) {
  margin: 0 0 1em 2%;
 }
 main .fig-column-3 figure:nth-child(2n+1) {
  margin: 0 0 1em;
 }
}
@media only screen and (max-width: 413px) {
 main .fig-column-3 figure {
  width: 100%;
  margin: 0 0 1em;
 }
 main .fig-column-3 figure:nth-child(3n+1) {
  margin: 0 0 1em;
 }
}
main .fig-column-4 {
 margin: 2em auto;
 text-align: center;
}
main .fig-column-4 figure {
 width: 23.5%;
 margin: 0 0 1em 2%;
 float: left;
}
main .fig-column-4 figure:first-child {
 margin: 0;
}
main .fig-column-4 figure:nth-child(4n+1) {
 margin: 0 0 1em;
}
@media only screen and (max-width: 767px) {
 main .fig-column-4 figure {
  width: 49%;
  margin: 0 0 1em 2%;
 }
 main .fig-column-4 figure:nth-child(2n+1) {
  margin: 0 0 1em;
 }
}
@media only screen and (max-width: 413px) {
 main .fig-column-4 figure {
  width: 100%;
  margin: 0 0 1em;
 }
 main .fig-column-4 figure:nth-child(2n+1) {
  margin: 0 0 1em;
 }
}
main div.index-contents {
 width: 100%;
 max-width: 1000px;
 margin: 0 auto;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 70px 0 0;
}
main div.index-contents > *:first-child {
 margin-top: 0;
}
@media only screen and (max-width: 767px) {
 main div.index-contents {
  padding: 30px 0 0;
 }
}
@media only screen and (max-width: 767px) {
 main div.swipe {
  overflow-x: scroll;
  width: 100%;
  position: relative;
 }
 main div.swipe table {
  width: 760px;
 }
}
main div.swipe .swipe-icon {
 position: absolute;
 top: 140px;
 left: 50%;
 margin-left: -75px;
 margin-top: -75px;
 width: 150px;
 height: 150px;
 background: #333;
 text-align: center;
 opacity: 0.4;
 filter: alpha(opacity=40);
}
@media print, screen and (min-width: 768px) {
 main div.swipe .swipe-icon {
  display: none;
 }
}
main div.swipe .swipe-icon img {
 width: 91px;
 padding-top: 16px;
}
main div.column-box-2 > div {
 width: 48%;
 margin: 0 4% 1.5em 0;
}
main div.column-box-2 > div:nth-child(2n) {
 margin: 0;
}
main div.column-box-2 > div > *:first-child {
 margin-top: 0;
}
main div.column-box-3 > div {
 width: 31%;
 margin: 0 3.5% 1.5em 0;
}
main div.column-box-3 > div:nth-child(3n) {
 margin: 0;
}
main div.column-box-3 > div > *:first-child {
 margin-top: 0;
}
main div.column-box-4 > div {
 width: 23.5%;
 margin: 0 2% 1em 0;
}
main div.column-box-4 > div:nth-child(4n) {
 margin: 0;
}
main div.column-box-4 > div > *:first-child {
 margin-top: 0;
}
main div.column-box-2, main div.column-box-3, main div.column-box-4 {
 margin: 2em 0 1em;
}
main div.column-box-2 > div, main div.column-box-3 > div, main div.column-box-4 > div {
 float: left;
}
@media only screen and (max-width: 767px) {
 main div.column-box-2 div, main div.column-box-3 div, main div.column-box-4 div {
  float: none;
  width: 100%;
  margin: 0 0 1.6em !important;
 }
}
main div.box-01 > *:first-child {
 margin-top: 0;
}
main div.box-01 > *:last-child {
 margin-bottom: 0;
}
main div.box-01 {
 padding: 20px;
 margin: 2em 0;
 background: #f2f2f2;
}
@media only screen and (max-width: 767px) {
 main div.box-01 {
  padding: 15px;
 }
}
main div.box-01 h4 {
 background: #fff;
    /* ---- 2022.6.23 color: #387e5a; ---- */
    color: #a0d8ea; }
main div.finished {
 position: relative;
}
main div.finished > *:not(.finish-txt) {
 opacity: 0.5;
}
main div .finish-txt {
 background: #fff;
 color: #dd0000;
 display: inline-block;
 width: 100%;
 max-width: 400px;
 text-align: center;
 padding: 15px 10px;
 position: absolute;
 top: 30px;
 left: 50%;
 -webkit-transform: translate(-50%, 0);
 -moz-transform: translate(-50%, 0);
 -ms-transform: translate(-50%, 0);
 -o-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border: 3px solid #dd0000;
 font-weight: bold;
 line-height: 1.4;
 font-size: 17px;
 font-size: 1.13333rem;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
main div.campus-calendar {
 margin: 2.2em 0 1em;
}
main div.campus-calendar > div {
 width: 48%;
 margin: 0 0 3em 4%;
 float: left;
}
@media only screen and (max-width: 767px) {
 main div.campus-calendar > div {
  width: 100%;
  margin: 0 0 2em;
 }
}
main div.campus-calendar > div:nth-child(2n+1) {
 margin-left: 0;
 clear: left;
}
main div.campus-calendar > div > *:first-child {
 margin-top: 0;
}
@media print, screen and (min-width: 768px) {
 main div.campus-calendar > div h2 {
  font-size: 20px;
  font-size: 1.33333rem;
 }
}
@media print, screen and (min-width: 768px) {
 main div.campus-calendar > div ul li {
  font-size: 14px;
  font-size: 0.93333rem;
 }
}
main div.campus-calendar > div figure {
 float: right;
 margin: 0 0 10px 15px;
 width: 42%;
 text-align: center;
}
@media only screen and (max-width: 767px) {
 main div.campus-calendar > div figure {
  width: 100%;
  float: none;
  margin: 0 0 1.2em;
 }
}
main div.club-info-01 {
 margin: 3.5em 0 1em;
}
main div.club-info-01 > div {
 width: 48%;
 float: left;
 margin: 0 4% 0 0;
}
@media only screen and (max-width: 767px) {
 main div.club-info-01 > div {
  width: 100%;
  float: none;
  margin-left: 0;
 }
}
main div.club-info-01 > div:nth-child(2n) {
 margin-right: 0;
}
@media print, screen and (min-width: 768px) {
 main div.club-info-01 > div > *:first-child {
  margin-top: 0;
 }
}
@media print, screen and (min-width: 768px) {
 main div.club-info-01 > div h2 {
  margin-top: 2em;
 }
}
main div.map-cnt {
 width: 100%;
 height: 400px;
}
@media only screen and (max-width: 767px) {
 main div.map-cnt {
  height: 250px;
 }
}
main div.lesson-box {
 border-bottom: 1px dotted #bbb;
 padding: 25px 0;
}
main div.lesson-box:first-child {
 padding-top: 0;
}
main div.lesson-box h3, main div.lesson-box h4 {
 margin-top: 0;
}
@media only screen and (max-width: 767px) {
 main div.lesson-box h3, main div.lesson-box h4 {
  margin-top: 1.2em;
 }
}
main div.lesson-box h4 {
 background: none;
 padding: 0 0 0 8px;
    /* ---- 2022.6.23 border-left: 3px solid #387e5a; ---- */
    border-left: 3px solid #a0d8ea;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
}
main div.lesson-box figure {
 max-width: 30%;
 float: right;
 margin: 0 0 0 25px;
}
@media only screen and (max-width: 767px) {
 main div.lesson-box figure {
  max-width: 80%;
  text-align: center;
  margin: 1em auto;
  float: none;
 }
}
main div.seminar-box {
 border: 3px solid #f2f2f2;
 padding: 30px 25px;
 margin: 2.5em 0;
}
@media only screen and (max-width: 767px) {
 main div.seminar-box {
  padding: 20px 15px;
 }
}
main div.seminar-box > *:first-child {
 margin-top: 0;
}
main div.seminar-box .pic {
 margin: 1.2em 0;
}
main div.seminar-box .seminar-content .lead {
 font-size: 22px;
 font-size: 1.46667rem;
    /* ---- 2022.6.23 color: #387e5a; ---- */
    color: #a0d8ea;
 font-weight: bold;
 margin: 1.5em 0 0.6em;
 line-height: 1.4;
}
@media only screen and (max-width: 767px) {
 main div.seminar-box .seminar-content .lead {
  font-size: 15px;
  font-size: 1rem;
 }
}
main div.seminar-box .seminar-content .person {
 float: right;
 margin: 0 -10px 0 30px;
 max-width: 80px;
}
@media only screen and (max-width: 767px) {
 main div.seminar-box .seminar-content .person {
  max-width: 60px;
  margin-left: 10px;
 }
}
main div.seminar-box .seminar-content .info {
 line-height: 1.2;
 margin: 1.2em 0 0;
}
main div.seminar-box .seminar-content .info .name {
 font-size: 13px;
 font-size: 0.86667rem;
}
main div.seminar-box .seminar-content .info .name span {
 font-size: 16px;
 font-size: 1.06667rem;
 font-weight: bold;
}
main div.seminar-box .seminar-content .info .property {
 font-size: 13px;
 font-size: 0.86667rem;
 margin-top: 0.6em;
}
main div.og-message {
 padding: 0 0 35px;
 margin: 0 0 35px;
 border-bottom: 1px dotted #bbb;
 position: relative;
}
main div.og-message .message-body .pic {
 max-width: 40%;
 float: left;
 margin: 0 25px 1em 0;
 position: relative;
}
@media only screen and (max-width: 767px) {
 main div.og-message .message-body .pic {
  max-width: 300px;
  float: none;
  margin: 0 auto 1.5em;
 }
}
main div.og-message .message-body .pic .job {
      /* ---- 2022.6.23 background: #387e5a; ---- */
      background: #a0d8ea;
 color: #fff;
 line-height: 1.2;
 display: inline-block;
 font-size: 13px;
 font-size: 0.86667rem;
 text-align: center;
 padding: 10px 14px;
 line-height: 1.2;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 position: absolute;
 top: -15px;
 left: 8px;
}
main div.og-message .message-body .pic .job:after {
 content: '';
 display: block;
 position: absolute;
 left: 15px;
 bottom: -15px;
 margin: auto;
 width: 8px;
 height: 8px;
 border: 8px solid transparent;
        /* ---- 2022.6.23 border-top: 8px solid #387e5a; ---- */
        border-top: 8px solid #a0d8ea;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
main div.og-message .message-body .info {
 line-height: 1.4;
 font-size: 13px;
 font-size: 0.86667rem;
}
main div.og-message .message-body .info span {
 font-size: 17px;
 font-size: 1.13333rem;
}
main div.og-message .message-body .message-lead {
    /* ---- 2022.6.23 color: #387e5a; ---- */
    color: #a0d8ea;
 font-size: 20px;
 font-size: 1.33333rem;
 font-weight: bold;
 margin: 0.8em 0 0;
}
main div.og-message .memories {
 background: #f2f2f2;
 margin: 1.2em 0 0;
 padding: 20px;
 clear: left;
}
@media only screen and (max-width: 767px) {
 main div.og-message .memories {
  padding: 15px;
 }
}
main div.og-message .memories dt {
 font-size: 14px;
 font-size: 0.93333rem;
 padding-bottom: 0.2em;
 margin: 0;
      /* ---- 2022.6.23 border-bottom: 1px dotted #387e5a; ---- */
      border-bottom: 1px dotted #a0d8ea;
 line-height: 1.4;
      /* ---- 2022.6.23 color: #387e5a; ---- */
      color: #a0d8ea;
      display: inline-block; }
main div.og-message .memories dd {
 margin: 0.7em 0 0;
}
main div.og-message .memories dd figure {
 float: right;
 max-width: 20%;
 margin: 0 0 0 20px;
}
@media only screen and (max-width: 767px) {
 main div.og-message .memories dd figure {
  float: none;
  max-width: 200px;
  margin: 0 auto 1em;
 }
}
main div.og-message .memories dd .mem-lead {
 font-size: 17px;
 font-size: 1.13333rem;
 margin: 0 0 0.2em;
 overflow: hidden;
}
main div.og-message .memories dd .mem-txt {
 font-size: 14px;
 font-size: 0.93333rem;
 margin: 0.2em 0 0;
 overflow: hidden;
}
main nav.anc-link-01, main nav.anc-link-02 {
 margin: 1.8em 0 0.6em;
}
main nav.anc-link-01 ul, main nav.anc-link-02 ul {
 padding: 0;
}
main nav.anc-link-01 ul li, main nav.anc-link-02 ul li {
 float: left;
 padding: 0;
 line-height: 1.2;
 font-size: 14px;
 font-size: 0.93333rem;
}
main nav.anc-link-01 ul li:before, main nav.anc-link-02 ul li:before {
 display: none;
}
main nav.anc-link-01 ul li a, main nav.anc-link-02 ul li a {
 display: block;
 background: #efefef;
 text-decoration: none;
 color: #333;
 padding: 14px 22px 14px 10px;
 position: relative;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
main nav.anc-link-01 ul li a:before, main nav.anc-link-02 ul li a:before {
 content: '\e803';
 margin: auto;
          /* ---- 2022.6.23 color: #387e5a; ---- */
          color: #2682a2;
 line-height: 1;
 font-size: 16px;
 font-size: 1.06667rem;
 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%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
}
main nav.anc-link-01 ul li a:hover, main nav.anc-link-02 ul li a:hover {
          /* ---- 2022.6.23 background: #eaf8e8; ---- */
          background: #a0d8ea;
          /* ---- 2022.6.23 color: #387e5a; ---- */
          color: #2682a2; }
main nav.anc-link-01 ul li a span.note, main nav.anc-link-02 ul li a span.note {
 color: #dd0000;
}
main nav.anc-link-01 ul li {
 width: 32%;
 margin: 0 0 1em 2%;
}
@media print, screen and (min-width: 768px) {
 main nav.anc-link-01 ul li:nth-child(3n+1) {
  margin-left: 0;
  clear: left;
 }
}
@media only screen and (max-width: 767px) {
 main nav.anc-link-01 ul li {
  width: 49%;
 }
 main nav.anc-link-01 ul li:nth-child(2n+1) {
  margin-left: 0;
  clear: left;
 }
}
@media only screen and (max-width: 413px) {
 main nav.anc-link-01 ul li {
  width: 100%;
  margin-left: 0;
  float: none;
 }
}
main nav.anc-link-02 ul li {
 width: 100%;
 margin: 0 0 1em 0;
}
main nav.anc-link-level-01 {
 margin: 1.8em 0 0.6em;
}
main nav.anc-link-level-01 > ul li {
 background: #efefef;
 padding: 0;
 margin: 0;
}
main nav.anc-link-level-01 > ul li:before {
 display: none;
}
main nav.anc-link-level-01 > ul li a {
 text-decoration: none;
}
main nav.anc-link-level-01 > ul > li {
 margin: 0 0 3px;
 padding: 20px 15px 10px;
}
main nav.anc-link-level-01 > ul > li > a {
 -webkit-transition: color 0.2s;
 -moz-transition: color 0.2s;
 -ms-transition: color 0.2s;
 -o-transition: color 0.2s;
 transition: color 0.2s;
 font-weight: bold;
}
main nav.anc-link-level-01 > ul > li > a:after {
 content: '\e802';
 margin: auto;
        /* ---- 2022.6.23 color: #387e5a; ---- */
        color: #a0d8ea;
 line-height: 1;
 font-size: 14px;
 font-size: 0.93333rem;
 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: relative;
 padding: 0 0 0 8px;
}
main nav.anc-link-level-01 > ul > li > a:hover {
 color: #51b280;
}
main nav.anc-link-level-01 > ul > li > ul {
 margin: 1em 0 0;
}
main nav.anc-link-level-01 > ul > li > ul > li {
 float: left;
 width: 32%;
 margin: 0 0 2% 2%;
 line-height: 1.2;
 font-size: 13px;
 font-size: 0.86667rem;
}
@media print, screen and (min-width: 768px) {
 main nav.anc-link-level-01 > ul > li > ul > li:nth-child(3n+1) {
  margin-left: 0;
  clear: left;
 }
}
@media only screen and (max-width: 767px) {
 main nav.anc-link-level-01 > ul > li > ul > li {
  width: 49%;
 }
 main nav.anc-link-level-01 > ul > li > ul > li:nth-child(2n+1) {
  margin-left: 0;
  clear: left;
 }
}
@media only screen and (max-width: 413px) {
 main nav.anc-link-level-01 > ul > li > ul > li {
  width: 100%;
  margin-left: 0;
  float: none;
 }
}
main nav.anc-link-level-01 > ul > li > ul > li > a {
 display: block;
 background: #fff;
 text-decoration: none;
 color: #333;
 padding: 14px 22px 14px 10px;
 position: relative;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
main nav.anc-link-level-01 > ul > li > ul > li > a:before {
 content: '\e803';
 margin: auto;
            /* ---- 2022.6.23 color: #387e5a; ---- */
            color: #a0d8ea;
 line-height: 1;
 font-size: 14px;
 font-size: 0.93333rem;
 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%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
}
main nav.anc-link-level-01 > ul > li > ul > li > a:hover {
            /* ---- 2022.6.23 background: #eaf8e8; ---- */
            background: #a0d8ea;
            /* ---- 2022.6.23 color: #387e5a; ---- */
            color: #2682a2; }
main nav.page-link-01, main nav.page-link-02 {
 margin: 2.2em 0 0.8em;
}
main nav.page-link-01 ul, main nav.page-link-02 ul {
 padding: 0;
}
main nav.page-link-01 ul li, main nav.page-link-02 ul li {
 float: left;
 margin: 0 0 1em 2%;
 padding: 0;
 line-height: 1.2;
 font-size: 14px;
 font-size: 0.93333rem;
}
main nav.page-link-01 ul li:before, main nav.page-link-02 ul li:before {
 display: none;
}
@media only screen and (max-width: 767px) {
 main nav.page-link-01 ul li, main nav.page-link-02 ul li {
  width: 100%;
  margin-left: 0;
 }
}
main nav.page-link-01 ul li > a, main nav.page-link-01 ul li > span, main nav.page-link-02 ul li > a, main nav.page-link-02 ul li > span {
 display: block;
 background: #efefef;
 text-decoration: none;
 color: #333;
 padding: 14px 22px 14px 10px;
 position: relative;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
main nav.page-link-01 ul li a:before, main nav.page-link-02 ul li a:before {
 content: '\e800';
 margin: auto;
        /* ---- 2022.6.23 color: #387e5a; ---- */
        color: #2682a2;
 line-height: 1;
 font-size: 16px;
 font-size: 1.06667rem;
 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%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
}
main nav.page-link-01 ul li a:hover, main nav.page-link-02 ul li a:hover {
        /* ---- 2022.6.23 background: #eaf8e8; ---- */
        background: #a0d8ea;
        /* ---- 2022.6.23 color: #387e5a; ---- */
        color: #2682a2; }
main nav.page-link-01 ul li a span.note, main nav.page-link-02 ul li a span.note {
 color: #dd0000;
}
main nav.page-link-01 ul li {
 width: 49%;
}
@media only screen and (max-width: 767px) {
 main nav.page-link-01 ul li {
  width: 100%;
  margin-left: 0;
 }
}
main nav.page-link-01 ul li:nth-child(2n+1) {
 margin-left: 0;
 clear: left;
}
main nav.page-link-02 ul li {
 width: 100%;
 margin: 0 0 0.8em;
}

main .faculty-nav-block{
	display: flex;
	flex-wrap: wrap;
 max-width: 1080px;
 margin: 0 auto;
}
@media only screen and (max-width: 767px) {
main .faculty-nav-block{
	flex-direction: column;
}
}
@media print, screen and (min-width: 768px) {
main .faculty-nav-block .faculty-nav-common{
	width: 32%;
}
}
/*@media only screen and (max-width: 767px) {
main .faculty-nav-block .faculty-nav-common{
	order: 2;
}
}*/
main nav.faculty-nav {
	flex: 1 0 0;
 margin: 0 auto;
 padding: 0 0 50px;
}
@media only screen and (max-width: 767px) {
 main nav.faculty-nav {
  padding: 0 0 0;
  position: relative;
  top: -30px;
 }
}
main nav.faculty-nav ul {
 margin: 0;
}
main nav.faculty-nav ul li {
 float: left;
 margin: 0 0 3% 3%;
 padding: 0;
 border: 1px solid #e1e1e1;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: background 0.2s;
 -moz-transition: background 0.2s;
 -ms-transition: background 0.2s;
 -o-transition: background 0.2s;
 transition: background 0.2s;
}
@media print, screen and (min-width: 768px) {
 main nav.faculty-nav ul li {
  width: 30%;
	/* width: 47%; */
 }
	main .faculty-nav-common nav.faculty-nav ul li{
	width: 100%;
	/* margin: 380px 0 0; */
}
/*	main .faculty-nav-common nav.faculty-nav ul{
		margin-top: 50px;
	}*/
/* main nav.faculty-nav ul li:nth-child(odd) {
  margin-left: 0;
 }*/
}
@media only screen and (max-width: 767px) {
 main nav.faculty-nav ul li {
  float: none;
  width: 100%;
  max-width: 360px;
  margin: 0 auto 2em;
 }
}
main nav.faculty-nav ul li:before {
 display: none;
}
main nav.faculty-nav ul li a {
 text-decoration: none;
 color: #fff;
}
main nav.faculty-nav ul li .pic {
 overflow: hidden;
}
main nav.faculty-nav ul li .pic img {
 -webkit-transition: all 1.5s;
 -moz-transition: all 1.5s;
 -ms-transition: all 1.5s;
 -o-transition: all 1.5s;
 transition: all 1.5s;
}
main nav.faculty-nav ul li .txt {
 padding: 30px 20px 35px;
 position: relative;
}
@media only screen and (max-width: 767px) {
 main nav.faculty-nav ul li .txt {
  padding: 20px 15px 25px;
 }
}
main nav.faculty-nav ul li .txt:before {
 content: '';
 display: block;
 position: absolute;
 right: 0;
 left: 0;
 top: -39px;
 margin: auto;
 width: 20px;
 height: 20px;
 border: 20px solid transparent;
          /* ---- 2022.6.23 border-bottom: 20px solid #387e5a; ---- */
          border-bottom: 20px solid #a0d8ea;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 z-index: 5;
 -webkit-transition: border-bottom-color 0.2s;
 -moz-transition: border-bottom-color 0.2s;
 -ms-transition: border-bottom-color 0.2s;
 -o-transition: border-bottom-color 0.2s;
 transition: border-bottom-color 0.2s;
}
main nav.faculty-nav ul li .lead {
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
 float: right;
 font-size: 14px;
 font-size: 0.93333rem;
 line-height: 1.3;
 background: #fff;
        /* ---- 2022.6.23 border: 1px solid #387e5a; ---- */
        border: 1px solid #53b6d7;
        /* ---- 2022.6.23 border-top: 3px solid #387e5a; ---- */
        border-top: 3px solid #53b6d7;
 margin: -65px 0 0;
 padding: 10px 7px;
 font-weight: bold;
        /* ---- 2022.6.23 color: #387e5a; ---- */
        color: #53b6d7;
 position: relative;
 z-index: 2;
}
main nav.faculty-nav ul li dl {
 float: left;
 width: 78%;
 margin: 0;
}
main nav.faculty-nav ul li dl dt {
 font-size: 20px;
 font-size: 1.33333rem;
 line-height: 1.5;
}
main nav.faculty-nav ul li dl dt .department {
 font-size: 13px;
 font-size: 0.86667rem;
 display: block;
}
main nav.faculty-nav ul li dl dd {
 font-size: 14px;
 font-size: 0.93333rem;
 margin: 0.8em 0 0;
}
main nav.faculty-nav ul li.regional_co-creation {
 background: #87d6e9;
}
main nav.faculty-nav ul li.regional_co-creation .txt:before {
 border-bottom-color: #87d6e9;
}
main nav.faculty-nav ul li.literature {
 background: #57bfb2;
}
main nav.faculty-nav ul li.literature .txt:before {
 border-bottom-color: #57bfb2;
}
main nav.faculty-nav ul li.human-child {
 background: #e67485;
}
main nav.faculty-nav ul li.human-child .txt:before {
 border-bottom-color: #e67485;
}
main nav.faculty-nav ul li.human-psycho {
 background: #a878b1;
}
main nav.faculty-nav ul li.human-psycho .txt:before {
 border-bottom-color: #a878b1;
}
main nav.faculty-nav ul li.human-welfare {
 background: #ea973f;
}
main nav.faculty-nav ul li.human-welfare .txt:before {
 border-bottom-color: #ea973f;
}
main nav.faculty-nav ul li.human-junior {
 background: #729fda;
}
main nav.faculty-nav ul li.human-junior .txt:before {
 border-bottom-color: #729fda;
}
main nav.faculty-nav ul li.common {
 background: #666;
}
main nav.faculty-nav ul li.common .txt:before {
 border-bottom-color: #666;
}
main nav.faculty-nav ul li.common .txt dl {
 width: 100%;
}
main nav.faculty-nav ul li.regional_co-creation .txt dl {
 width: 100%;
}
main nav.faculty-nav ul li:hover.regional_co-creation {
 background: #a5e0ef;
}
main nav.faculty-nav ul li:hover.literature {
 background: #7ccdc3;
}
main nav.faculty-nav ul li:hover.literature .txt:before {
 border-bottom-color: #7ccdc3;
}
main nav.faculty-nav ul li:hover.human-child {
 background: #ee9fab;
}
main nav.faculty-nav ul li:hover.human-child .txt:before {
 border-bottom-color: #ee9fab;
}
main nav.faculty-nav ul li:hover.human-psycho {
 background: #bd98c4;
}
main nav.faculty-nav ul li:hover.human-psycho .txt:before {
 border-bottom-color: #bd98c4;
}
main nav.faculty-nav ul li:hover.human-welfare {
 background: #efb06d;
}
main nav.faculty-nav ul li:hover.human-welfare .txt:before {
 border-bottom-color: #efb06d;
}
main nav.faculty-nav ul li:hover.human-junior {
 background: #9abbe5;
}
main nav.faculty-nav ul li:hover.human-junior .txt:before {
 border-bottom-color: #9abbe5;
}
main nav.faculty-nav ul li:hover.common {
 background: gray;
}
main nav.faculty-nav ul li:hover.common .txt:before {
 border-bottom-color: gray;
}
main nav.faculty-nav ul li:hover .pic img {
 -webkit-transform: scale(1.15);
 -moz-transform: scale(1.15);
 -ms-transform: scale(1.15);
 -o-transform: scale(1.15);
 transform: scale(1.15);
}
main nav.magazine ul li {
 float: left;
 margin: 0 1.2em 1em 0;
 padding: 0;
}
main nav.magazine ul li:before {
 display: none;
}
main nav.pagenav ul {
 margin: 2em 0 0;
 padding: 0;
 display: flex;
 display: -webkit-flex;
 justify-content: center;
 -webkit-justify-content: center;
 flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
}
main nav.pagenav ul li {
 margin: 0 10px 10px 0;
 padding: 0;
 line-height: 1;
}
main nav.pagenav ul li:before {
 display: none;
}
main nav.pagenav ul li a, main nav.pagenav ul li span.current_page {
 padding: 8px 5px;
 display: block;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 width: 1.5em;
 text-align: center;
}
@media only screen and (max-width: 767px) {
 main nav.pagenav ul li a, main nav.pagenav ul li span.current_page {
  padding: 5px 2px;
 }
}
main nav.pagenav ul li a {
      /* ---- 2022.6.23 background: #387e5a; ---- */
      background: #a0d8ea;
 color: #fff;
 text-decoration: none;
 -webkit-transition: background 0.2s;
 -moz-transition: background 0.2s;
 -ms-transition: background 0.2s;
 -o-transition: background 0.2s;
 transition: background 0.2s;
}
main nav.pagenav ul li a:hover {
 background: #285b41;
}
main nav.pagenav ul li span.current_page {
 background: #eee;
}
main nav.sitemap {
 padding: 0;
}
main nav.sitemap li {
 float: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0 0 0.4em 3%;
}
@media print, screen and (min-width: 768px) {
 main nav.sitemap li {
  width: 31%;
 }
 main nav.sitemap li:nth-child(3n+1) {
  margin-left: 0;
  clear: left;
 }
}
@media only screen and (max-width: 767px) {
 main nav.sitemap li {
  width: 48.5%;
 }
 main nav.sitemap li:nth-child(2n+1) {
  margin-left: 0;
  clear: left;
 }
}
@media only screen and (max-width: 413px) {
 main nav.sitemap li {
  width: 100%;
  margin-left: 0;
  float: none;
 }
}
main .entry-time {
 text-align: right;
 display: block;
}
main .link-btn {
 text-align: center;
 width: 100%;
 max-width: 300px;
 margin: 2em auto 1.5em;
}
main .link-btn a {
 display: inline-block;
 width: 100%;
 padding: 12px 22px;
 background: #fff;
 position: relative;
    /* ---- 2022.6.23 color: #387e5a; ---- */
    color: #53b6d7;
    /* ---- 2022.6.23 border: 2px solid #387e5a; ---- */
    border: 2px solid #53b6d7;
 font-size: 16px;
 font-size: 1.06667rem;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 text-decoration: none;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
}
main .link-btn a:after {
 content: '\e800';
 margin: auto;
      /* ---- 2022.6.23 color: #387e5a; ---- */
      color: #2682a2;
 line-height: 18px;
 font-size: 18px;
 font-size: 1.2rem;
 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: 12px;
 top: 50%;
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
 -webkit-transition: color 0.2s;
 -moz-transition: color 0.2s;
 -ms-transition: color 0.2s;
 -o-transition: color 0.2s;
 transition: color 0.2s;
}
main .link-btn a:hover {
      /* ---- 2022.6.23 background: #387e5a; ---- */
      background: #a0d8ea;
      color: #fff; }
main .link-btn a:hover:after {
 color: #fff;
}
main .link-btn span {
 cursor: pointer;
 display: inline-block;
 width: 100%;
 background: #fff;
 position: relative;
    /* ---- 2022.6.23 color: #387e5a; ---- */
    color: #a0d8ea;
    /* ---- 2022.6.23 border: 2px solid #387e5a; ---- */
    border: 2px solid #a0d8ea;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 text-decoration: none;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 -webkit-transition: background 0.2s;
 -moz-transition: background 0.2s;
 -ms-transition: background 0.2s;
 -o-transition: background 0.2s;
 transition: background 0.2s;
}
main .link-btn span:after {
 content: '\e800';
 margin: auto;
      /* ---- 2022.6.23 color: #387e5a; ---- */
      color: #2682a2;
 line-height: 18px;
 font-size: 18px;
 font-size: 1.2rem;
 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: 12px;
 top: 50%;
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
 -webkit-transition: color 0.2s;
 -moz-transition: color 0.2s;
 -ms-transition: color 0.2s;
 -o-transition: color 0.2s;
 transition: color 0.2s;
}
main .link-btn span input[type=submit] {
 cursor: pointer;
 font-size: 16px;
 font-size: 1.06667rem;
 padding: 12px 22px;
 appearance: none;
 background: none;
 border: none;
 width: 100%;
      /* ---- 2022.6.23 color: #387e5a; ---- */
      color: #a0d8ea;
 -webkit-transition: color 0.2s;
 -moz-transition: color 0.2s;
 -ms-transition: color 0.2s;
 -o-transition: color 0.2s;
 transition: color 0.2s;
}
main .link-btn span:hover {
      /* ---- 2022.6.23 background: #387e5a; ---- */
      background: #a0d8ea; }
main .link-btn span:hover input[type=submit] {
 color: #fff;
}
main .link-btn span:hover:after {
 color: #fff;
}
main .link-btn + .note {
 margin-top: -1.2em;
}
main section.news {
 display: table;
 table-layout: fixed;
 width: 100%;
 max-width: 1200px;
 margin: 30px auto 60px;
 min-height: 220px;
}
@media only screen and (max-width: 767px) {
 main section.news {
  display: block;
  margin: 20px auto 30px;
  min-height: 0;
 }
}
@media print, screen and (min-width: 768px) {
 main section.news.over {
  margin-top: -50px !important;
 }
}
main section.news .news-head {
 display: table-cell;
 vertical-align: middle;
    /* ---- 2022.6.23 background: #387e5a; ---- */
    background: #53b6d7;
 width: 210px;
 padding: 20px 8px 50px;
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
 main section.news .news-head {
  display: block;
  width: 100%;
  padding: 20px 0;
 }
}
main section.news .news-head h2 {
 text-align: center;
 margin: 0;
 color: #fff;
 font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size: 17px;
 font-size: 1.13333rem;
 line-height: 1.6;
 border: none;
 padding: 0;
}
@media only screen and (max-width: 767px) {
 main section.news .news-head h2 {
  margin-bottom: 0.4em;
  font-size: 16px;
  font-size: 1.06667rem;
 }
}
main section.news .news-head h2:before, main section.news .news-head h2:after {
 display: none;
}
main section.news .news-head .more {
 background: #fff;
 position: absolute;
 left: 50%;
 bottom: 30px;
 display: block;
 width: 7em;
 margin-left: auto;
 margin-right: auto;
 padding: 6px 10px 6px 0;
 text-align: center;
 text-decoration: none;
 border: 1px solid #193728;
 line-height: 1;
      /* ---- 2022.6.23 color: #387e5a; ---- */
      color: #2682a2;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 font-size: 12px;
 font-size: 0.8rem;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 -webkit-transform: translate(-50%, 0);
 -moz-transform: translate(-50%, 0);
 -ms-transform: translate(-50%, 0);
 -o-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}
main section.news .news-head .more:after {
 content: '\e800';
 margin: auto;
        /* ---- 2022.6.23 color: #387e5a; ---- */
        color: #2682a2;
 line-height: 14px;
 font-size: 12px;
 font-size: 0.8rem;
 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: 8px;
 top: 50%;
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
}
main section.news .news-head .more:hover {
 border: solid 1px #fff;
        /* ---- 2022.6.23 background: #2f694b; ---- */
        background: #61bedc;
        color: #fff; }
main section.news .news-head .more:hover:after {
 color: #fff;
}
@media only screen and (max-width: 767px) {
 main section.news .news-head .more {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
 }
}
main section.news .news-content {
 display: table-cell;
 vertical-align: middle;
 background: #fff;
 padding: 10px 15px;
 position: relative;
}
@media only screen and (max-width: 767px) {
 main section.news .news-content {
  display: block;
  padding: 0;
 }
}
main section.news .news-content .list {
 margin: 0;
}
main section.news .news-content .list li {
 border-bottom: 1px dotted #bbb;
 margin: 0;
 padding: 0;
}
main section.news .news-content .list li:before {
 display: none;
}
main section.news .news-content .list li a, main section.news .news-content .list li div.no-link {
 padding: 0.9em 10px;
 display: block;
 text-decoration: none;
 color: #333;
 background: #fff;
}
main section.news .news-content .list li a.pdf .txt:after, main section.news .news-content .list li a.xls .txt:after, main section.news .news-content .list li a.doc .txt:after, main section.news .news-content .list li a.blank .txt:after, main section.news .news-content .list li div.no-link.pdf .txt:after, main section.news .news-content .list li div.no-link.xls .txt:after, main section.news .news-content .list li div.no-link.doc .txt:after, main section.news .news-content .list li div.no-link.blank .txt:after {
 display: inline-block;
 padding: 0 4px;
 vertical-align: middle;
}
main section.news .news-content .list li a.pdf .txt:after, main section.news .news-content .list li div.no-link.pdf .txt:after {
 content: url("/img/common/ico-pdf.png");
 display: inline-block;
}
main section.news .news-content .list li a.xls .txt:after, main section.news .news-content .list li div.no-link.xls .txt:after {
 content: url("/img/common/ico-excel.png");
 display: inline-block;
}
main section.news .news-content .list li a.doc .txt:after, main section.news .news-content .list li div.no-link.doc .txt:after {
 content: url("/img/common/ico-word.png");
 display: inline-block;
}
main section.news .news-content .list li a.blank .txt:after, main section.news .news-content .list li div.no-link.blank .txt:after {
 content: url("/img/common/ico-blank.png");
 display: inline-block;
 margin-top: -5px;
}
main section.news .news-content .list li a {
 -webkit-transition: background 0.2s;
 -moz-transition: background 0.2s;
 -ms-transition: background 0.2s;
 -o-transition: background 0.2s;
 transition: background 0.2s;
}
main section.news .news-content .list li a .txt {
 text-decoration: underline;
}
main section.news .news-content .list li a:hover {
 background: #fbf9d0;
}
main section.news .news-content .list li a:hover .txt {
 text-decoration: none;
}
@media print, screen and (min-width: 768px) {
 main section.news .news-content .list li .info {
  float: left;
 }
}
main section.news .news-content .list li .info time {
 font-size: 14px;
 font-size: 0.93333rem;
 margin-right: 8px;
 float: left;
 color: #888;
}
main section.news .news-content .list li .info .category {
 display: inline-block;
 position: relative;
 top: -2px;
 font-size: 11px;
 font-size: 0.73333rem;
 line-height: 1;
 border: 1px solid #aaa;
 color: #5b5b5b;
 text-align: center;
 width: 5.4em;
 padding: 4px;
 background: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
@media print, screen and (min-width: 768px) {
 main section.news .news-content .list li .txt {
  padding-left: 10.4em;
 }
}
@media only screen and (max-width: 767px) {
 main section.news .news-content .list li .txt {
  margin-top: 0.4em;
 }
}
main section.news .news-content .list-pic {
 margin: 0;
}
main section.news .news-content .list-pic li {
 background: #fff;
 margin: 0;
 padding: 0;
}
@media print, screen and (min-width: 768px) {
 main section.news .news-content .list-pic li {
  float: left;
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px dotted #bbb;
  border-bottom: 1px dotted #bbb;
 }
 main section.news .news-content .list-pic li:nth-child(4), main section.news .news-content .list-pic li:nth-child(8) {
  border-right: none;
 }
 main section.news .news-content .list-pic li:nth-last-child(1), main section.news .news-content .list-pic li:nth-last-child(2), main section.news .news-content .list-pic li:nth-last-child(3), main section.news .news-content .list-pic li:nth-last-child(4) {
  border-bottom: none;
 }
}
@media only screen and (max-width: 767px) {
 main section.news .news-content .list-pic li {
  border-bottom: 1px dotted #bbb;
 }
}
main section.news .news-content .list-pic li.no-entry {
 width: 100%;
 border: none;
 border-bottom: 1px dotted #bbb;
}
main section.news .news-content .list-pic li.no-entry div.no-link {
 padding: 0.9em 10px;
}
main section.news .news-content .list-pic li a, main section.news .news-content .list-pic li div.no-link {
 text-decoration: none;
 color: #333;
 display: block;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
}
@media print, screen and (min-width: 768px) {
 main section.news .news-content .list-pic li a, main section.news .news-content .list-pic li div.no-link {
  padding: 20px;
 }
}
@media only screen and (max-width: 767px) {
 main section.news .news-content .list-pic li a, main section.news .news-content .list-pic li div.no-link {
  padding: 1em 5px;
 }
}
main section.news .news-content .list-pic li a:hover {
 background: #fbf9d0;
}
main section.news .news-content .list-pic li .pic {
 overflow: hidden;
}
@media print, screen and (min-width: 768px) {
 main section.news .news-content .list-pic li .pic {
  height: 0;
  padding-bottom: 58.82%;
 }
}
@media only screen and (max-width: 767px) {
 main section.news .news-content .list-pic li .pic {
  float: left;
  width: 100px;
  height: 60px;
 }
}
@media print, screen and (min-width: 768px) {
 main section.news .news-content .list-pic li .content {
  margin-top: 1.6em;
 }
}
@media only screen and (max-width: 767px) {
 main section.news .news-content .list-pic li .content {
  padding-left: 112px;
 }
}
main section.news .news-content .list-pic li .info time {
 font-size: 14px;
 font-size: 0.93333rem;
 margin-right: 8px;
 float: left;
 color: #888;
}
main section.news .news-content .list-pic li .info .category {
 position: relative;
 top: -2px;
 display: inline-block;
 font-size: 11px;
 font-size: 0.73333rem;
 line-height: 1;
 border: 1px solid #aaa;
 color: #5b5b5b;
 text-align: center;
 width: 8.4em;
 padding: 4px;
 background: #fff;
}
main section.news .news-content .list-pic li .txt {
 line-height: 1.5;
 font-weight: bold;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
}
@media print, screen and (min-width: 768px) {
 main section.news .news-content .list-pic li .txt {
  margin-top: 0.7em;
 }
}
@media only screen and (max-width: 767px) {
 main section.news .news-content .list-pic li .txt {
  margin-top: 0.3em;
  font-size: 14px;
  font-size: 0.93333rem;
 }
}
main section.news .news-content .list-pic li:before {
 display: none;
}
main section.news + .faculty-introduction {
 padding-top: 15px;
}
@media only screen and (max-width: 767px) {
 main section.news + .faculty-introduction {
  padding-top: 0;
 }
}
main .graduate-intro {
 vertical-align: top;
 background: #f1f1f1;
 margin: 0 -15px;
}
@media only screen and (max-width: 767px) {
 main .graduate-intro {
  margin: -10px;
 }
}
main .graduate-intro .graduate-intro-inner {
 max-width: 1200px;
 margin: 0 auto;
 padding: 60px 15px;
 display: table;
}
@media only screen and (max-width: 767px) {
 main .graduate-intro .graduate-intro-inner {
  padding: 35px 10px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
}
main .graduate-intro .intro-body {
 display: table-cell;
 width: 50%;
 padding-right: 40px;
}
@media only screen and (max-width: 767px) {
 main .graduate-intro .intro-body {
  display: block;
  width: auto;
  padding-right: 0;
 }
}
main .graduate-intro .intro-body h2 {
 font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 font-size: 26px;
 font-size: 1.73333rem;
 text-align: left;
 margin: 0 0 0.5em;
 padding: 0;
      /* ---- 2022.6.23 color: #387e5a; ---- */
      color: #266882;
      border: none; }
@media only screen and (max-width: 767px) {
 main .graduate-intro .intro-body h2 {
  text-align: center;
  font-size: 22px;
  font-size: 1.46667rem;
 }
}
main .graduate-intro .intro-body .detail-btn {
 margin: 1.5em 0 0;
 display: block;
 padding: 10px 26px 10px 12px;
      /* ---- 2022.6.23 background: #387e5a; ---- */
      background: #53b6d7;
 position: relative;
 color: #fff;
 width: 12em;
 font-size: 14px;
 font-size: 0.93333rem;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 text-decoration: none;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 line-height: 1;
 text-align: center;
}
@media only screen and (max-width: 767px) {
 main .graduate-intro .intro-body .detail-btn {
  margin: 1em auto;
 }
}
main .graduate-intro .intro-body .detail-btn:after {
 content: '\e800';
 margin: auto;
 color: #fff;
 line-height: 18px;
 font-size: 13px;
 font-size: 0.86667rem;
 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: 8px;
 top: 50%;
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
 -webkit-transition: color 0.2s;
 -moz-transition: color 0.2s;
 -ms-transition: color 0.2s;
 -o-transition: color 0.2s;
 transition: color 0.2s;
}
main .graduate-intro .intro-body .detail-btn:hover {
 background: #285b41;
 color: #fff;
}
main .graduate-intro .intro-body .detail-btn:hover:after {
 color: #fff;
}
main .graduate-intro .graduate-nav {
 vertical-align: top;
 display: table-cell;
 width: 50%;
}
@media only screen and (max-width: 767px) {
 main .graduate-intro .graduate-nav {
  display: block;
  width: auto;
  margin: 2.5em 0 0;
 }
}
main .graduate-intro .graduate-nav ul {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
 main .graduate-intro .graduate-nav ul {
  top: 0;
 }
}
main .graduate-intro .graduate-nav ul li {
 float: left;
 width: 48.5%;
 margin: 0 0 0 3%;
 padding: 0;
 line-height: 1.4;
}
@media only screen and (max-width: 767px) {
 main .graduate-intro .graduate-nav ul li {
  margin: 0 auto 1.8em;
  max-width: 300px;
  width: 100%;
  float: none;
 }
}
@media print, screen and (min-width: 768px) {
 main .graduate-intro .graduate-nav ul li:nth-child(2n+1) {
  margin-left: 0;
 }
}
main .graduate-intro .graduate-nav ul li:before {
 display: none;
}
main .graduate-intro .graduate-nav ul li a {
 text-decoration: none;
 background: #fff;
 display: block;
 padding: 0;
 color: #6a6090;
 -webkit-transition: background 0.2s;
 -moz-transition: background 0.2s;
 -ms-transition: background 0.2s;
 -o-transition: background 0.2s;
 transition: background 0.2s;
 position: relative;
}
main .graduate-intro .graduate-nav ul li a:hover {
 background: #f3f0ff;
}
main .graduate-intro .graduate-nav ul li a:hover .img img {
 -webkit-transform: scale(1.15);
 -moz-transform: scale(1.15);
 -ms-transform: scale(1.15);
 -o-transform: scale(1.15);
 transform: scale(1.15);
}
main .graduate-intro .graduate-nav ul li a .img {
 overflow: hidden;
}
@media only screen and (max-width: 767px) {
 main .graduate-intro .graduate-nav ul li a .img {
  margin: 0 auto;
 }
}
main .graduate-intro .graduate-nav ul li a .img img {
 -webkit-transition: all 1.5s;
 -moz-transition: all 1.5s;
 -ms-transition: all 1.5s;
 -o-transition: all 1.5s;
 transition: all 1.5s;
}
main .graduate-intro .graduate-nav ul li a .txt {
 border-top: 2px solid #6a6090;
 padding: 16px 30px 16px 10px;
 position: relative;
}
main .graduate-intro .graduate-nav ul li a .txt:after {
 background: #766c9d;
 padding: 5px 5px;
 content: '\e800';
 margin: auto;
 color: #fff;
 line-height: 14px;
 font-size: 12px;
 font-size: 0.8rem;
 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: 8px;
 top: 50%;
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
main nav.index-nav, main nav.faculty-index-nav {
 background: #f2f2f2;
 margin: 0 -15px;
 padding: 60px 15px 45px;
}
@media only screen and (max-width: 767px) {
 main nav.index-nav, main nav.faculty-index-nav {
  padding: 30px 15px;
  margin-left: -10px;
  margin-right: -10px;
 }
}
main nav.index-nav ul, main nav.faculty-index-nav ul {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
 main nav.index-nav ul, main nav.faculty-index-nav ul {
  top: 0;
 }
}
main nav.index-nav ul li, main nav.faculty-index-nav ul li {
 float: left;
 margin: 0 0 1.4em 2%;
 padding: 0;
      /* ---- 2022.6.23 border-top: 2px solid #387e5a; ---- */
      border-top: 2px solid #a0d8ea;
      line-height: 1.4; }
@media print, screen and (min-width: 768px) {
 main nav.index-nav ul li, main nav.faculty-index-nav ul li {
  width: 32%;
 }
 main nav.index-nav ul li:nth-child(3n+1), main nav.faculty-index-nav ul li:nth-child(3n+1) {
  margin-left: 0;
  clear: left;
 }
}
@media only screen and (max-width: 767px) {
 main nav.index-nav ul li, main nav.faculty-index-nav ul li {
  font-size: 14px;
  font-size: 0.93333rem;
  width: 49%;
 }
 main nav.index-nav ul li:nth-child(2n+1), main nav.faculty-index-nav ul li:nth-child(2n+1) {
  margin-left: 0;
  clear: left;
 }
}
@media only screen and (max-width: 413px) {
 main nav.index-nav ul li, main nav.faculty-index-nav ul li {
  width: 100%;
  margin-bottom: 0.8em;
  margin-left: 0;
 }
}
main nav.index-nav ul li:before, main nav.faculty-index-nav ul li:before {
 display: none;
}
main nav.index-nav ul li a, main nav.faculty-index-nav ul li a {
 text-decoration: none;
 background: #fff;
 display: block;
 padding: 16px 30px 16px 10px;
        /* ---- 2022.6.23 color: #387e5a; ---- */
        color: #53b6d7;
 -webkit-transition: background 0.2s;
 -moz-transition: background 0.2s;
 -ms-transition: background 0.2s;
 -o-transition: background 0.2s;
 transition: background 0.2s;
 position: relative;
}
main nav.index-nav ul li a:hover, main nav.faculty-index-nav ul li a:hover {
 background: #eaf8e8;
}
main nav.index-nav ul li a:after, main nav.faculty-index-nav ul li a:after {
          /* ---- 2022.6.23 background: #387e5a; ---- */
          background: #a0d8ea;
 padding: 5px 5px;
 content: '\e800';
 margin: auto;
 color: #fff;
 line-height: 14px;
 font-size: 12px;
 font-size: 0.8rem;
 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: 8px;
 top: 50%;
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
main nav.index-nav ul.pic, main nav.faculty-index-nav ul.pic {
 margin-bottom: 1.2em;
}
main nav.index-nav ul.pic li, main nav.faculty-index-nav ul.pic li {
 border-top: none;
}
@media only screen and (max-width: 767px) {
 main nav.index-nav ul.pic li, main nav.faculty-index-nav ul.pic li {
  margin-bottom: 0.8em;
 }
}
main nav.index-nav ul.pic li a, main nav.faculty-index-nav ul.pic li a {
 padding: 0;
}
main nav.index-nav ul.pic li a:after, main nav.faculty-index-nav ul.pic li a:after {
 display: none;
}
main nav.index-nav ul.pic li a .img, main nav.faculty-index-nav ul.pic li a .img {
 overflow: hidden;
}
@media only screen and (max-width: 767px) {
 main nav.index-nav ul.pic li a .img, main nav.faculty-index-nav ul.pic li a .img {
  max-width: 384px;
  margin: 0 auto;
 }
}
main nav.index-nav ul.pic li a .img img, main nav.faculty-index-nav ul.pic li a .img img {
 -webkit-transition: all 1.5s;
 -moz-transition: all 1.5s;
 -ms-transition: all 1.5s;
 -o-transition: all 1.5s;
 transition: all 1.5s;
}
main nav.index-nav ul.pic li a .txt, main nav.faculty-index-nav ul.pic li a .txt {
            /* ---- 2022.6.23 border-top: 2px solid #387e5a; ---- */
            border-top: 2px solid #a0d8ea;
 padding: 16px 30px 16px 10px;
 position: relative;
}
main nav.index-nav ul.pic li a .txt:after, main nav.faculty-index-nav ul.pic li a .txt:after {
              /* ---- 2022.6.23 background: #387e5a; ---- */
              background: #a0d8ea;
 padding: 5px 5px;
 content: '\e800';
 margin: auto;
 color: #fff;
 line-height: 14px;
 font-size: 12px;
 font-size: 0.8rem;
 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: 8px;
 top: 50%;
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
main nav.index-nav ul.pic li a:hover .img img, main nav.faculty-index-nav ul.pic li a:hover .img img {
 -webkit-transform: scale(1.15);
 -moz-transform: scale(1.15);
 -ms-transform: scale(1.15);
 -o-transform: scale(1.15);
 transform: scale(1.15);
}
@media print, screen and (min-width: 768px) {
 main nav.index-nav.column-4 ul li, main nav.faculty-index-nav.column-4 ul li {
  width: 23.5%;
 }
 main nav.index-nav.column-4 ul li:nth-child(3n+1), main nav.faculty-index-nav.column-4 ul li:nth-child(3n+1) {
  margin-left: 2%;
  clear: none;
 }
 main nav.index-nav.column-4 ul li:nth-child(4n+1), main nav.faculty-index-nav.column-4 ul li:nth-child(4n+1) {
  margin-left: 0;
  clear: left;
 }
}
main nav.faculty-index-nav {
 background: #c0e3ec url(/img/faculty/bg_faculty-index-nav.png) center bottom no-repeat;
 position: relative;
 overflow: hidden;
}
@media print, screen and (min-width: 1401px) {
 main nav.faculty-index-nav {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
 }
}
@media print, screen and (min-width: 768px) {
 main nav.faculty-index-nav {
  padding: 60px 15px 450px;
 }
}
@media print, screen and (min-width: 1401px) {
 main nav.faculty-index-nav {
  padding-bottom: 520px;
 }
}
@media only screen and (max-width: 767px) {
 main nav.faculty-index-nav {
  padding: 30px 15px 30px;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background: #c0e3ec;
 }
}
main nav.faculty-index-nav:before {
 content: '';
 display: inline-block;
 width: 669px;
 height: 469px;
 background: url('../img/common/img-cloud_01.png') no-repeat;
 background-size: 669px 469px;
 position: absolute;
 right: 50%;
 top: -120px;
 -webkit-transform: translate(990px, 0);
 -moz-transform: translate(990px, 0);
 -ms-transform: translate(990px, 0);
 -o-transform: translate(990px, 0);
 transform: translate(990px, 0);
}
main nav.faculty-index-nav:after {
 content: '';
 display: inline-block;
 width: 569px;
 height: 249px;
 background: url('../img/common/img-cloud_02.png') no-repeat;
 background-size: 569px 249px;
 position: absolute;
 left: 50%;
 top: 100px;
 -webkit-transform: translate(-1020px, 0);
 -moz-transform: translate(-1020px, 0);
 -ms-transform: translate(-1020px, 0);
 -o-transform: translate(-1020px, 0);
 transform: translate(-1020px, 0);
}
main nav.faculty-index-nav > * {
 z-index: 10;
 position: relative;
}
main nav.faculty-index-nav ul.pic {
 margin-bottom: 0;
}
main nav.faculty-index-nav ul.pic li {
 margin-bottom: 2.2em;
}
@media only screen and (max-width: 767px) {
 main nav.faculty-index-nav ul.pic li {
  margin-bottom: 1.2em;
 }
}
main .faculty-introduction {
 max-width: 1200px;
 margin: 0 auto;
 padding: 60px 0;
 display: table;
 table-layout: fixed;
 width: 100%;
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction {
  display: block;
  padding: 0 0 40px;
 }
}
main .faculty-introduction .message, main .faculty-introduction .pickup {
 display: table-cell;
 vertical-align: top;
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction .message, main .faculty-introduction .pickup {
  display: block;
  margin: 35px 0 0;
 }
}
main .faculty-introduction .message {
 padding: 0 3% 0 0;
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction .message {
  padding: 0;
 }
}
main .faculty-introduction .message h2 {
 float: right;
 width: 54%;
 border: none;
 font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 padding: 0;
 margin: 0 0 0.7em;
 text-align: left;
 font-size: 26px;
 font-size: 1.73333rem;
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction .message h2 {
  font-size: 24px;
  font-size: 1.6rem;
  text-align: center;
  width: 100%;
  float: none;
  margin: 0 0 1em;
 }
}
main .faculty-introduction .message figure {
 margin: 0;
 width: 42%;
 float: left;
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction .message figure {
  float: none;
  width: 80%;
  margin: 1.5em auto;
  text-align: center;
 }
}
main .faculty-introduction .message .txt {
 float: right;
 width: 54%;
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction .message .txt {
  float: none;
  width: 100%;
 }
}
main .faculty-introduction .message .txt > p {
 font-size: 14px;
 font-size: 0.93333rem;
 margin: 0;
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction .message .txt > p {
  font-size: 15px;
  font-size: 1rem;
 }
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction .message .txt .info {
  text-align: right;
 }
}
main .faculty-introduction .message .txt .info .name {
 margin: 1.2em 0 0.2em;
}
main .faculty-introduction .message .txt .info .name span {
 font-size: 17px;
 font-size: 1.13333rem;
 font-weight: bold;
 margin-right: 5px;
}
main .faculty-introduction .message .txt .info .position {
 margin: 0.2em 0 0;
 font-size: 13px;
 font-size: 0.86667rem;
}
main .faculty-introduction .pickup {
 background: #f2f2f2;
 overflow: hidden;
 padding: 0 20px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction .pickup {
  padding: 0 15px;
 }
}
main .faculty-introduction .pickup .faculty-slider {
 max-width: 460px;
 margin-left: auto;
 margin-right: auto;
 padding: 25px 0 15px;
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction .pickup .faculty-slider {
  padding: 30px 0 25px;
 }
}
main .faculty-introduction .pickup .faculty-slider .owl-stage-outer {
 padding: 6px 0;
}
main .faculty-introduction .pickup .faculty-slider .item {
 border: 5px solid #fff;
 max-width: 460px;
 margin: 0 auto;
 background: #fff;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
 box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
main .faculty-introduction .pickup .faculty-slider .item:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
}
main .faculty-introduction .pickup .faculty-slider .owl-dots {
 margin-top: 20px;
}
main .faculty-introduction .pickup .faculty-slider .owl-dots .owl-dot span {
 background: #fff;
 width: 12px;
 height: 12px;
}
main .faculty-introduction .pickup .faculty-slider .owl-dots .owl-dot.active span {
          /* ---- 2022.6.23 background: #387e5a; ---- */
          background: #a0d8ea; }
main .faculty-introduction .pickup.coming-soon {
 vertical-align: middle;
}
main .faculty-introduction .pickup.coming-soon .cs-wrap {
 text-align: center;
 color: #999;
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction .pickup.coming-soon .cs-wrap {
  padding: 60px 0;
 }
}
main .faculty-introduction .pickup.coming-soon .cs-wrap .cs-ttl {
 font-weight: bold;
 font-size: 23px;
 font-size: 1.53333rem;
 margin: 0 0 0.2em;
}
main .faculty-introduction .pickup.coming-soon .cs-wrap .cs-txt {
 font-size: 13px;
 font-size: 0.86667rem;
 margin: 0;
}
main .faculty-introduction.column-1 {
 max-width: 980px;
}
main .faculty-introduction.column-1 .message {
 padding: 0;
}
main .faculty-introduction.column-1 .message h2 {
 width: 56%;
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction.column-1 .message h2 {
  width: 100%;
 }
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction.column-1 .message figure {
  width: 300px;
 }
}
main .faculty-introduction.column-1 .message .txt {
 width: 56%;
}
@media only screen and (max-width: 767px) {
 main .faculty-introduction.column-1 .message .txt {
  width: 100%;
 }
}
main .faculty-introduction.column-1 .message .txt > p {
 font-size: 15px;
 font-size: 1rem;
}
main .faculty-introduction.column-1 .message .txt .info {
 text-align: right;
}
main .faculty-feature {
 background: #f2f2f2;
 margin: 0 -15px 0;
}
@media only screen and (max-width: 767px) {
 main .faculty-feature {
  margin: 0 -10px;
 }
}
main .faculty-feature .faculty-feature-inner {
 max-width: 1200px;
 margin: 0 auto;
 padding: 60px 15px;
}
@media only screen and (max-width: 767px) {
 main .faculty-feature .faculty-feature-inner {
  padding: 40px 10px 30px;
  margin: 0;
 }
}
main .faculty-feature h2 {
 border: none;
 font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 padding: 0;
 margin: 0 0 0.5em;
 font-size: 28px;
 font-size: 1.86667rem;
}
@media only screen and (max-width: 767px) {
 main .faculty-feature h2 {
  font-size: 24px;
  font-size: 1.6rem;
 }
}
main .faculty-feature ol.feature-list {
 margin: 2.2em 0 0;
}
@media only screen and (max-width: 767px) {
 main .faculty-feature ol.feature-list {
  margin: 1.2em 0 0;
 }
}
main .faculty-feature ol.feature-list.clm_4 {
 display: flex;
 justify-content: space-between;
}
@media only screen and (max-width: 767px) {
 main .faculty-feature ol.feature-list.clm_4 {
  display: block;
 }
}
main .faculty-feature ol.feature-list.clm_4 li {
 width: 23%;
 float: none;
 margin: 0 0 0 2%;
}
main .faculty-feature ol.feature-list.clm_4 li:nth-child(3n+1) {
 margin-left: auto !important;
}
@media only screen and (max-width: 767px) {
 main .faculty-feature ol.feature-list.clm_4 li {
  width: 100%;
  margin: 1.2em 0;
 }
}
main .faculty-feature ol.feature-list li {
 width: 31%;
 margin: 0 0 0 3.5%;
 padding: 0;
 float: left;
}
@media only screen and (max-width: 767px) {
 main .faculty-feature ol.feature-list li {
  float: none;
  width: 100%;
  margin: 1.2em 0;
 }
}
main .faculty-feature ol.feature-list li:nth-child(3n+1) {
 margin-left: 0;
}
main .faculty-feature ol.feature-list li:before {
 display: none;
}
main .faculty-feature ol.feature-list li dl {
 margin: 0;
}
main .faculty-feature ol.feature-list li dl dt {
          /* ---- 2022.6.23 color: #387e5a; ---- */
          color: #a0d8ea;
 font-size: 18px;
 font-size: 1.2rem;
 line-height: 1.4;
 display: table;
}
@media only screen and (max-width: 767px) {
 main .faculty-feature ol.feature-list li dl dt {
  font-size: 16px;
  font-size: 1.06667rem;
 }
}
main .faculty-feature ol.feature-list li dl dt:before {
 font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 counter-increment: num;
 content: counter(num);
 width: 1em;
 display: table-cell;
 font-weight: bold;
            /* ---- 2022.6.23 color: #387e5a; ---- */
            color: #a0d8ea;
 font-size: 36px;
 font-size: 2.4rem;
 vertical-align: middle;
 line-height: 1;
}
@media only screen and (max-width: 767px) {
 main .faculty-feature ol.feature-list li dl dt:before {
  font-size: 28px;
  font-size: 1.86667rem;
 }
}
main .faculty-feature ol.feature-list li dl dt span {
 display: table-cell;
 vertical-align: middle;
}
main .faculty-feature ol.feature-list li dl dd {
 margin: 1em 0 0;
}
@media only screen and (max-width: 767px) {
 main .faculty-feature ol.feature-list li dl dd {
  margin: 0.6em 0 0;
 }
}
main nav.faculty-link {
 display: none;
}
@media only screen and (max-width: 767px) {
 main nav.faculty-link {
  display: block;
  background: #e6e6e6;
  margin: 0 -10px;
 }
 main nav.faculty-link ul {
  padding: 25px 10px 20px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
 main nav.faculty-link ul li {
  width: 49%;
  margin: 0 0 2% 2%;
  padding: 0;
  float: left;
  text-align: center;
 }
 main nav.faculty-link ul li:before {
  display: none;
 }
 main nav.faculty-link ul li:nth-child(2n+1) {
  margin-left: 0;
 }
 main nav.faculty-link ul li a {
  display: block;
  text-decoration: none;
  background: #ddd;
  color: #fff;
  padding: 10px 5px 25px;
  position: relative;
 }
 main nav.faculty-link ul li a:before {
  content: '\e800';
  margin: auto;
  color: #fff;
  line-height: 1;
  font-size: 14px;
  font-size: 0.93333rem;
  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%;
  bottom: 8px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-indent: 0;
 }
 main nav.faculty-link ul li a span {
  display: block;
  line-height: 1.2;
 }
 main nav.faculty-link ul li a span.faculty {
  font-size: 12px;
  font-size: 0.8rem;
 }
 main nav.faculty-link ul li a span.department {
  font-size: 14px;
  font-size: 0.93333rem;
  margin-top: 0.2em;
 }
 main nav.faculty-link ul li.literature a {
  background: #57bfb2;
 }
 main nav.faculty-link ul li.human-child a {
  background: #e67485;
 }
 main nav.faculty-link ul li.human-psycho a {
  background: #a878b1;
 }
 main nav.faculty-link ul li.human-welfare a {
  background: #ea973f;
 }
 main nav.faculty-link ul li.human-junior a {
  background: #729fda;
 }
 main nav.faculty-link ul li.graduate a {
  background: #766c9d;
 }
}
main .gpa-calc {
 background: #efefef;
 padding: 15px;
 width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
 main .gpa-calc {
  font-size: 14px;
  font-size: 0.93333rem;
  padding: 15px 8px;
 }
}
main .gpa-calc .inner {
 display: table;
 margin: 0 auto;
}
main .gpa-calc .gpa-total, main .gpa-calc .gpa-formula {
 display: table-cell;
 vertical-align: middle;
}
main .gpa-calc .gpa-formula {
 padding: 0 8px;
 text-align: center;
}
main .gpa-calc .gpa-formula .text-01, main .gpa-calc .gpa-formula .text-02 {
 display: inline-block;
 padding: 3px 0;
}
main .gpa-calc .gpa-formula .text-01 {
 border-bottom: 1px solid #aeaeae;
}
main .gpa-calc .gpa-formula .cop-note {
 display: inline-block;
 margin-bottom: 0.8em;
 font-size: 13px;
 font-size: 0.86667rem;
}
main .campus-suzurandai .map {
 position: relative;
}
main .campus-suzurandai .map figure {
 text-align: center;
 margin: 0;
}
main .campus-suzurandai .map .lead {
 position: absolute;
 left: 2%;
 top: 54%;
}
@media only screen and (max-width: 767px) {
 main .campus-suzurandai .map .lead {
  position: relative;
  left: 0;
  top: 0;
  line-height: 1.65;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  text-align: center;
        /* ---- 2022.6.23 color: #387e5a; ---- */
        color: #a0d8ea; } }

main .campus-suzurandai .facility-list {
 margin: 1.5em 0;
}
main .campus-suzurandai .facility-list li {
 float: left;
 padding: 0;
 position: relative;
}
@media print, screen and (min-width: 768px) {
 main .campus-suzurandai .facility-list li {
  width: 32%;
  margin: 0 0 2em 2%;
 }
 main .campus-suzurandai .facility-list li:nth-child(3n+1) {
  margin-left: 0;
 }
}
@media only screen and (max-width: 767px) {
 main .campus-suzurandai .facility-list li {
  width: 47%;
  margin: 0 0 2em 6%;
 }
 main .campus-suzurandai .facility-list li:nth-child(2n+1) {
  margin-left: 0;
 }
}
main .campus-suzurandai .facility-list li:before {
 display: none;
}
main .campus-suzurandai .facility-list li .alphabet {
 display: block;
 background: #f08441;
 position: absolute;
 top: -6px;
 left: -6px;
 line-height: 1.4;
 width: 1.4em;
 height: 1.4em;
 -moz-border-radius: 100%;
 -webkit-border-radius: 100%;
 border-radius: 100%;
 color: #fff;
 text-align: center;
}
main .campus-suzurandai .facility-list li figure {
 margin: 0;
 text-align: center;
}
main .campus-suzurandai .facility-list li dl {
 margin: 0.6em 0;
}
main .campus-suzurandai .facility-list li dl dt {
 font-size: 15px;
 font-size: 1rem;
 margin: 0 0 0.2em;
}
@media only screen and (max-width: 767px) {
 main .campus-suzurandai .facility-list li dl dt {
  font-size: 15px;
  font-size: 1rem;
 }
}
main .campus-suzurandai .facility-list li dl dd {
 font-size: 14px;
 font-size: 0.93333rem;
 line-height: 1.4;
 margin: 0;
}
@media only screen and (max-width: 767px) {
 main .campus-suzurandai .facility-list li dl dd {
  font-size: 13px;
  font-size: 0.86667rem;
 }
}
main .campus-suzurandai .facility-list li.special {
 width: 100%;
 margin: 0;
 background: #fdf9e5;
 display: table;
 table-layout: fixed;
}
@media only screen and (max-width: 767px) {
 main .campus-suzurandai .facility-list li.special {
  display: block;
  padding: 20px 15px 180px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
}
main .campus-suzurandai .facility-list li.special figure {
 display: table-cell;
 width: 38%;
 margin: 0;
 vertical-align: top;
 text-align: center;
}
@media only screen and (max-width: 767px) {
 main .campus-suzurandai .facility-list li.special figure {
  display: block;
  width: auto;
 }
 main .campus-suzurandai .facility-list li.special figure img {
  max-width: 300px;
  width: 100%;
 }
}
main .campus-suzurandai .facility-list li.special dl {
 display: table-cell;
 width: 62%;
 padding: 12px 15px;
 position: relative;
 margin: 0;
}
@media only screen and (max-width: 767px) {
 main .campus-suzurandai .facility-list li.special dl {
  display: block;
  width: auto;
  position: static;
  margin: 1em 0 0;
  padding: 0;
 }
}
main .campus-suzurandai .facility-list li.special dl dt {
 margin: 0 0 0.6em;
 font-size: 17px;
 font-size: 1.13333rem;
 line-height: 1.2;
}
@media only screen and (max-width: 767px) {
 main .campus-suzurandai .facility-list li.special dl dt {
  display: block;
 }
 main .campus-suzurandai .facility-list li.special dl dt img {
  vertical-align: baseline;
 }
}
main .campus-suzurandai .facility-list li.special dl dd {
 padding-right: 170px;
 line-height: 1.3;
}
@media only screen and (max-width: 767px) {
 main .campus-suzurandai .facility-list li.special dl dd {
  padding-right: 0;
 }
}
main .campus-suzurandai .facility-list li.special .pic {
 position: absolute;
 right: 0;
 bottom: 0;
 max-width: 180px;
}
@media only screen and (max-width: 767px) {
 main .campus-suzurandai .facility-list li.special .pic {
  max-width: 100%;
  right: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
 }
}
main .campus-suzurandai .note-suzurandai {
 margin: 2.5em 0 0;
}
main .campus-suzurandai .note-suzurandai span {
 display: inline-block;
 background: #f08441;
 line-height: 1.4;
 width: 1.4em;
 height: 1.4em;
 margin: 0 2px;
 -moz-border-radius: 100%;
 -webkit-border-radius: 100%;
 border-radius: 100%;
 color: #fff;
 text-align: center;
}
main .pre-message > p {
 float: left;
}
@media print, screen and (min-width: 768px) {
 main .pre-message > p {
  width: 68%;
 }
}
@media only screen and (max-width: 767px) {
 main .pre-message > p {
  float: none;
 }
}
main .pre-message .pre-lead {
  /* ---- 2022.6.23 color: #387e5a; ---- */
  color: #53b6d7;
 margin: 1.6em 0 0.8em;
 font-size: 21px;
 font-size: 1.4rem;
 font-weight: bold;
 float: left;
 margin-top: 0;
}
@media print, screen and (min-width: 768px) {
 main .pre-message .pre-lead {
  margin-bottom: 0;
 }
}
@media only screen and (max-width: 767px) {
 main .pre-message .pre-lead {
  font-size: 18px;
  font-size: 1.2rem;
  float: none;
  text-align: center;
 }
}
main .pre-message .pre-img {
 float: right;
 margin: 0;
 text-align: center;
}
@media print, screen and (min-width: 768px) {
 main .pre-message .pre-img {
  width: 30%;
 }
}
@media only screen and (max-width: 767px) {
 main .pre-message .pre-img {
  float: none;
 }
}
main .pre-message .pre-name {
 text-align: center;
}
main .pre-message .pre-name span {
 font-size: 14px;
 font-size: 0.93333rem;
 display: block;
 margin-bottom: 0.2em;
}
main .program-box {
 margin: 2em 0;
}
main .program-box.normal > div {
 border-bottom: 1px dotted #bbb;
 padding: 30px 0;
}
main .program-box.pickup > div {
 background: #eaf8e8;
 padding: 25px;
 margin: 0 0 1.5em;
}
main .program-box .pic {
 float: right;
 max-width: 40%;
 margin: 0 0 0 30px;
}
@media only screen and (max-width: 767px) {
 main .program-box .pic {
  float: none;
  max-width: 280px;
  margin: 0 auto;
 }
}
main .program-box figure {
 margin: 0 0 12px;
 text-align: center;
}
main .program-box .txt {
 overflow: hidden;
}
@media only screen and (max-width: 767px) {
 main .program-box .txt {
  margin-top: 1.2em;
 }
}
main .program-box .txt > *:first-child {
 margin-top: 0;
}
main .program-box .bal {
 display: inline-block;
 font-size: 13px;
 font-size: 0.86667rem;
 background: #facc64;
 padding: 0.6em 1.2em;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 position: relative;
}
main .program-box .bal:after {
 content: '';
 display: block;
 position: absolute;
 left: 18px;
 bottom: -15px;
 margin: auto;
 width: 8px;
 height: 8px;
 border: 8px solid transparent;
 border-top: 8px solid #facc64;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
main .program-box h3 {
 margin: 1em 0;
 font-size: 20px;
 font-size: 1.33333rem;
 padding-left: 10px;
    /* ---- 2022.6.23 border-left: 3px solid #387e5a; ---- */
    border-left: 3px solid #a0d8ea; }
main .program-box h3:before {
 display: none;
}
main .extention-detail {
 margin: 1.8em 0 1em;
 position: relative;
}
main .extention-detail figure {
 max-width: 30%;
 float: right;
 text-align: center;
 margin: 0;
}
@media only screen and (max-width: 767px) {
 main .extention-detail figure {
  max-width: 300px;
  float: none;
  margin: 1.5em auto;
 }
}
main .extention-detail table {
 width: 68%;
 float: left;
 margin: 0;
}
main .extention-detail table.wide {
 width: 100%;
}
@media only screen and (max-width: 767px) {
 main .extention-detail table {
  width: 100%;
  float: none;
 }
}
main .extention-detail table th {
 width: 18%;
}
@media only screen and (max-width: 767px) {
 main .extention-detail table th {
  width: 25%;
 }
}
main a.app-btn {
 clear: both;
 width: 100%;
 max-width: 300px;
 position: relative;
 display: block;
 margin: 2em auto 0;
 padding: 14px 10px 14px 10px;
 text-align: center;
 text-decoration: none;
 line-height: 1;
 background: #f9bf3c;
 color: #333;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 font-size: 15px;
 font-size: 1rem;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
main a.app-btn:before {
 content: '\e800';
 margin: auto;
 color: #333;
 line-height: 14px;
 font-size: 15px;
 font-size: 1rem;
 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%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
}
main a.app-btn:hover {
 background: #e29e07;
}
main .career-open-time {
 margin: 2em 0 3.5em;
}
main .career-open-time figure {
 width: 30%;
 float: left;
 margin: 0;
}
@media only screen and (max-width: 767px) {
 main .career-open-time figure {
  width: 100%;
  float: none;
  text-align: center;
 }
}
main .career-open-time .info-box {
 float: right;
 width: 66%;
 margin: 0 0 0 2%;
}
@media only screen and (max-width: 767px) {
 main .career-open-time .info-box {
  float: none;
  width: 100%;
 }
}
main .career-open-time .info-box > div {
 float: left;
 margin-left: 2%;
}
@media only screen and (max-width: 767px) {
 main .career-open-time .info-box > div {
  float: none;
  width: 100%;
  margin: 0;
 }
}
@media print, screen and (min-width: 768px) {
 main .career-open-time .info-box > div.acceptance {
  width: 28%;
 }
}
@media print, screen and (min-width: 768px) {
 main .career-open-time .info-box > div.data-room {
  width: 68%;
 }
}
@media print, screen and (min-width: 768px) {
 main .career-open-time .info-box > div > *:first-child {
  margin-top: 0;
 }
}
main .career-open-time .info-box > div:nth-child(2n+1) {
 margin-left: 0;
}
main table.curriculum tbody th, main table.curriculum tbody td {
 font-size: 14px;
 font-size: 0.93333rem;
}
main dl.point dt {
 float: left;
 color: #fff;
 font-size: 12px;
 font-size: 0.8rem;
 padding: 3px 8px 2px;
  /* ---- 2022.6.23 background: #387e5a; ---- */
  background: #a0d8ea;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 font-weight: bold;
}
main dl.point dd {
 padding-left: 5em;
 margin: 0 0 1.2em;
}
main .og-box figure {
 float: left;
 max-width: 40%;
 margin: 0 25px 1em 0;
 position: relative;
}
@media only screen and (max-width: 767px) {
 main .og-box figure {
  float: none;
  max-width: 300px;
  text-align: center;
  margin: 1em auto;
 }
}
main .og-box figure .job {
 background: #fac755;
 color: #333;
 line-height: 1.2;
 display: inline-block;
 font-size: 13px;
 font-size: 0.86667rem;
 text-align: center;
 padding: 10px 14px;
 line-height: 1.2;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 position: absolute;
 top: -15px;
 left: 8px;
}
main .og-box figure .job:after {
 content: '';
 display: block;
 position: absolute;
 left: 15px;
 bottom: -15px;
 margin: auto;
 width: 8px;
 height: 8px;
 border: 8px solid transparent;
 border-top: 8px solid #fac755;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
main .og-box .txt {
 overflow: hidden;
}
main .og-box .txt > *:first-child {
 margin-top: 0;
}
@media only screen and (max-width: 767px) {
 main .og-box .txt {
  max-width: 100%;
 }
}
main .og-box .bal {
 display: inline-block;
 font-size: 12px;
 font-size: 0.8rem;
 background: #facc64;
 padding: 0.4em 1em;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 position: relative;
 margin: 0.6em 0 0;
}
main .og-box .bal:after {
 content: '';
 display: block;
 position: absolute;
 left: 15px;
 bottom: -11px;
 margin: auto;
 width: 6px;
 height: 6px;
 border: 6px solid transparent;
 border-top: 6px solid #facc64;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
main .og-box .bal + p {
 margin-top: 0.6em;
}
main .og-box .og-info {
 text-align: right;
 font-size: 13px;
 font-size: 0.86667rem;
 margin: 1.6em 0 0;
}
main .course-feature dt {
  /* ---- 2022.6.23 color: #387e5a; ---- */
  color: #a0d8ea; }
main .lesson-intro {
 background: #f2f2f2;
 padding: 20px;
 margin: 2em 0 0;
}
@media only screen and (max-width: 767px) {
 main .lesson-intro {
  padding: 20px 15px 15px;
 }
}
main .lesson-intro > *:first-child {
 margin-top: 0;
}
main .lesson-intro figure {
 max-width: 30%;
 float: right;
 margin: 0 0 0.6em 25px;
}
@media only screen and (max-width: 767px) {
 main .lesson-intro figure {
  float: none;
  max-width: 80%;
  margin: 1em auto;
  text-align: center;
 }
}
main .lesson-intro dl {
 margin: 1em 0;
}
main .lesson-intro dl dt {
 font-size: 16px;
 font-size: 1.06667rem;
 font-weight: bold;
}
main .voice-box {
 margin: 1em 0;
 border: 2px dashed #ddd;
 padding: 25px;
}
@media only screen and (max-width: 767px) {
 main .voice-box {
  padding: 15px;
 }
}
main .voice-box figure {
 float: left;
 width: 180px;
 margin: 0 35px 0 0;
}
@media only screen and (max-width: 767px) {
 main .voice-box figure {
  float: none;
  margin: 1em auto;
 }
}
main .voice-box figure figcaption {
 margin-top: 0.2em;
 font-size: 14px;
 font-size: 0.93333rem;
}
main .voice-box .voice-body {
 overflow: hidden;
}
main .voice-box .voice-body > *:first-child {
 margin-top: 0;
}
main .voice-box .voice-body dl {
 margin: 0;
}
main .voice-box .voice-body dl dt {
 font-size: 14px;
 font-size: 0.93333rem;
 font-weight: normal;
 background: #eaf8e8;
 font-weight: bold;
        /* ---- 2022.6.23 color: #387e5a; ---- */
        color: #a0d8ea;
 padding: 8px 15px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 line-height: 1.2;
 display: inline-block;
 position: relative;
}
main .voice-box .voice-body dl dt:after {
 content: '';
 display: block;
 position: absolute;
 left: 18px;
 bottom: -15px;
 margin: auto;
 width: 8px;
 height: 8px;
 border: 8px solid transparent;
 border-top: 8px solid #eaf8e8;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
main .voice-box .voice-body dl dd {
 margin: 0 0 1.5em;
}
main .voice-box .voice-body dl dd .voice-lead {
 font-size: 17px;
 font-size: 1.13333rem;
 font-weight: bold;
 margin: 1em 0 0.3em;
}
main .voice-box .voice-body dl dd .txt {
 margin: 0.4em 0 0;
}
main .vision60 h2 span.head-sub {
 display: inline-block;
 margin: 0 0 0 8px;
}
@media only screen and (max-width: 767px) {
 main .vision60 h2 span.head-sub {
  display: block;
  margin: 0;
 }
}
main .vision60 .vision-lead {
 font-size: 16px;
 font-size: 1.06667rem;
 font-weight: bold;
 text-align: center;
 margin: 1.2em 0 0.8em;
}
main .vision60 .vision-box {
 border-top: 1px dotted #bbb;
 margin: 2em 0;
}
main .vision60 .vision-box > div {
 border-bottom: 1px dotted #bbb;
}
main .vision60 .vision-box dl {
 display: table;
 width: 100%;
 margin: 0;
}
@media only screen and (max-width: 767px) {
 main .vision60 .vision-box dl {
  padding: 20px 0;
 }
}
main .vision60 .vision-box dl dt {
 display: table-cell;
 width: 22%;
 vertical-align: middle;
      /* ---- 2022.6.23 color: #387e5a; ---- */
      color: #a0d8ea;
 font-size: 18px;
 font-size: 1.2rem;
}
@media only screen and (max-width: 767px) {
 main .vision60 .vision-box dl dt {
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 0 0.6em;
 }
}
main .vision60 .vision-box dl dd {
 display: table-cell;
 vertical-align: middle;
 width: 78%;
 padding: 20px 0 15px 20px;
 margin: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
 main .vision60 .vision-box dl dd {
  display: block;
  width: 100%;
  padding: 0;
 }
}
main .vision60 .vision-box dl dd ul {
 margin: 0;
}
main.literature a {
 color: #44b3a5;
}
main.literature section.news .news-head {
 background: #57bfb2;
}
main.literature section.news .news-head .more {
 border-color: #317f76;
 color: #3c9d91;
}
main.literature section.news .news-head .more:after {
 color: #3c9d91;
}
main.literature section.news .news-head .more:hover {
 background: #44b3a5;
 border-color: #fff;
 color: #fff;
}
main.literature section.news .news-head .more:hover:after {
 color: #fff;
}
main.literature .faculty-feature ol.feature-list li dl dt, main.literature .faculty-feature ol.feature-list li dl dt:before {
 color: #44b3a5;
}
main.literature nav.faculty-index-nav ul li a, main.literature nav.faculty-index-nav ul li.pic a {
 color: #44b3a5;
}
main.literature nav.faculty-index-nav ul li a .txt, main.literature nav.faculty-index-nav ul li.pic a .txt {
 border-color: #57bfb2;
}
main.literature nav.faculty-index-nav ul li a .txt:after, main.literature nav.faculty-index-nav ul li.pic a .txt:after {
 background: #44b3a5;
}
main.literature nav.faculty-index-nav ul li a:hover .txt, main.literature nav.faculty-index-nav ul li.pic a:hover .txt {
 background: #eaf9f7;
}
main.literature .lead-ttl, 
main.literature_psycho .lead-ttl {
 color: #44b3a5;
}
main.literature h3:before {
 background: #44b3a5;
}
main.literature h4, 
main.literature_psycho h4 {
 background: #eaf9f7;
}
main.literature h5 {
 color: #44b3a5;
}
main.literature h5 .inner {
 border-left-color: #44b3a5;
}
main.literature table caption {
 border-left-color: #44b3a5;
}
main.literature table thead th, main.literature table thead td {
 background: #57bfb2;
}
main.literature table tbody th {
 color: #44b3a5;
}
main.literature dl.box dt {
 border-left-color: #44b3a5;
}
main.literature ul li:before {
 background: #44b3a5;
}
main.literature ul.flow li dl dt {
 border-left-color: #44b3a5;
}
main.literature ul.flow li:after {
 border-top-color: #44b3a5;
}
main.literature ol li:before {
 color: #44b3a5;
}
main.literature nav.anc-link-01 ul li a:before, main.literature nav.anc-link-02 ul li a:before, main.literature nav.page-link-01 ul li a:before, main.literature nav.page-link-02 ul li a:before {
 color: #44b3a5;
}
main.literature nav.anc-link-01 ul li a:hover, main.literature nav.anc-link-02 ul li a:hover, main.literature nav.page-link-01 ul li a:hover, main.literature nav.page-link-02 ul li a:hover {
 background: #eaf9f7;
 color: #44b3a5;
}
main.literature nav.anc-link-level-01 > ul > li > a:after {
 color: #44b3a5;
}
main.literature nav.anc-link-level-01 > ul > li > a:hover {
 color: #69c6ba;
}
main.literature nav.anc-link-level-01 > ul > li > ul > li a:before {
 color: #3c9d91;
}
main.literature nav.anc-link-level-01 > ul > li > ul > li a:hover {
 color: #3c9d91;
 background: #eaf9f7;
}
main.literature .link-btn a {
 border-color: #3c9d91;
}
main.literature .link-btn a:after {
 color: #3c9d91;
}
main.literature .link-btn a:hover {
 background: #3c9d91;
}
main.literature .link-btn a:hover:after {
 color: #fff;
}
main.literature dl.course-feature dt {
 color: #3c9d91;
}
main.literature .voice-box .voice-body dl dt {
 color: #3c9d91;
 background: #eaf9f7;
}
main.literature .voice-box .voice-body dl dt:after {
 border-top-color: #eaf9f7;
}
main.literature ul.professor-list li .name {
 color: #3c9d91;
}
main.literature ul.professor-list li .db-link {
 border-color: #3c9d91;
 color: #3c9d91;
}
main.literature ul.professor-list li .db-link:after {
 color: #3c9d91;
}
main.literature ul.professor-list li .db-link:hover {
 color: #fff;
 background: #3c9d91;
}
main.literature ul.professor-list li .db-link:hover:after {
 color: #fff;
}
main.literature .seminar-box .seminar-content .lead {
 color: #3c9d91;
}
main.literature .og-message .message-body .pic .job {
 background: #57bfb2;
}
main.literature .og-message .message-body .pic .job:after {
 border-top-color: #57bfb2;
}
main.literature .og-message .message-body .message-lead {
 color: #3c9d91;
}
main.literature .og-message .memories dt {
 color: #3c9d91;
 border-bottom-color: #3c9d91;
}
main.human_child a {
 color: #e15a6e;
}
main.human_child section.news .news-head {
 background: #e67485;
}
main.human_child section.news .news-head .more {
 border-color: #cf253e;
 color: #dd4057;
}
main.human_child section.news .news-head .more:after {
 color: #dd4057;
}
main.human_child section.news .news-head .more:hover {
 background: #e15a6e;
 border-color: #fff;
 color: #fff;
}
main.human_child section.news .news-head .more:hover:after {
 color: #fff;
}
main.human_child .faculty-feature ol.feature-list li dl dt, main.human_child .faculty-feature ol.feature-list li dl dt:before {
 color: #e15a6e;
}
main.human_child nav.faculty-index-nav ul li a, main.human_child nav.faculty-index-nav ul li.pic a {
 color: #e15a6e;
}
main.human_child nav.faculty-index-nav ul li a .txt, main.human_child nav.faculty-index-nav ul li.pic a .txt {
 border-color: #e67485;
}
main.human_child nav.faculty-index-nav ul li a .txt:after, main.human_child nav.faculty-index-nav ul li.pic a .txt:after {
 background: #e15a6e;
}
main.human_child nav.faculty-index-nav ul li a:hover .txt, main.human_child nav.faculty-index-nav ul li.pic a:hover .txt {
 background: #f9e7e9;
}
main.human_child .lead-ttl {
 color: #e15a6e;
}
main.human_child h3:before {
 background: #e15a6e;
}
main.human_child h4 {
 background: #f9e7e9;
}
main.human_child h5 {
 color: #e15a6e;
}
main.human_child h5 .inner {
 border-left-color: #e15a6e;
}
main.human_child table caption {
 border-left-color: #e15a6e;
}
main.human_child table thead th, main.human_child table thead td {
 background: #e67485;
}
main.human_child table tbody th {
 color: #e15a6e;
}
main.human_child dl.box dt {
 border-left-color: #e15a6e;
}
main.human_child ul li:before {
 background: #e15a6e;
}
main.human_child ul.flow li dl dt {
 border-left-color: #e15a6e;
}
main.human_child ul.flow li:after {
 border-top-color: #e15a6e;
}
main.human_child ol li:before {
 color: #e15a6e;
}
main.human_child nav.anc-link-01 ul li a:before, main.human_child nav.anc-link-02 ul li a:before, main.human_child nav.page-link-01 ul li a:before, main.human_child nav.page-link-02 ul li a:before {
 color: #e15a6e;
}
main.human_child nav.anc-link-01 ul li a:hover, main.human_child nav.anc-link-02 ul li a:hover, main.human_child nav.page-link-01 ul li a:hover, main.human_child nav.page-link-02 ul li a:hover {
 background: #f9e7e9;
 color: #e15a6e;
}
main.human_child nav.anc-link-level-01 > ul > li > a:after {
 color: #e15a6e;
}
main.human_child nav.anc-link-level-01 > ul > li > a:hover {
 color: #ea8a98;
}
main.human_child nav.anc-link-level-01 > ul > li > ul > li a:before {
 color: #dd4057;
}
main.human_child nav.anc-link-level-01 > ul > li > ul > li a:hover {
 color: #dd4057;
 background: #f9e7e9;
}
main.human_child .link-btn a {
 border-color: #dd4057;
}
main.human_child .link-btn a:after {
 color: #dd4057;
}
main.human_child .link-btn a:hover {
 background: #dd4057;
}
main.human_child .link-btn a:hover:after {
 color: #fff;
}
main.human_child dl.course-feature dt {
 color: #dd4057;
}
main.human_child .voice-box .voice-body dl dt {
 color: #dd4057;
 background: #f9e7e9;
}
main.human_child .voice-box .voice-body dl dt:after {
 border-top-color: #f9e7e9;
}
main.human_child ul.professor-list li .name {
 color: #dd4057;
}
main.human_child ul.professor-list li .db-link {
 border-color: #dd4057;
 color: #dd4057;
}
main.human_child ul.professor-list li .db-link:after {
 color: #dd4057;
}
main.human_child ul.professor-list li .db-link:hover {
 color: #fff;
 background: #dd4057;
}
main.human_child ul.professor-list li .db-link:hover:after {
 color: #fff;
}
main.human_child .seminar-box .seminar-content .lead {
 color: #dd4057;
}
main.human_child .og-message .message-body .pic .job {
 background: #e67485;
}
main.human_child .og-message .message-body .pic .job:after {
 border-top-color: #e67485;
}
main.human_child .og-message .message-body .message-lead {
 color: #dd4057;
}
main.human_child .og-message .memories dt {
 color: #dd4057;
 border-bottom-color: #dd4057;
}
main.human_psycho a {
 color: #9c65a6;
}
main.human_psycho section.news .news-head {
 background: #a878b1;
}
main.human_psycho section.news .news-head .more {
 border-color: #73477c;
 color: #8b5695;
}
main.human_psycho section.news .news-head .more:after {
 color: #8b5695;
}
main.human_psycho section.news .news-head .more:hover {
 background: #9c65a6;
 border-color: #fff;
 color: #fff;
}
main.human_psycho section.news .news-head .more:hover:after {
 color: #fff;
}
main.human_psycho .faculty-feature ol.feature-list li dl dt, main.human_psycho .faculty-feature ol.feature-list li dl dt:before {
 color: #9c65a6;
}
main.human_psycho nav.faculty-index-nav ul li a, main.human_psycho nav.faculty-index-nav ul li.pic a {
 color: #9c65a6;
}
main.human_psycho nav.faculty-index-nav ul li a .txt, main.human_psycho nav.faculty-index-nav ul li.pic a .txt {
 border-color: #a878b1;
}
main.human_psycho nav.faculty-index-nav ul li a .txt:after, main.human_psycho nav.faculty-index-nav ul li.pic a .txt:after {
 background: #9c65a6;
}
main.human_psycho nav.faculty-index-nav ul li a:hover .txt, main.human_psycho nav.faculty-index-nav ul li.pic a:hover .txt {
 background: #f3e8f5;
}
main.human_psycho .lead-ttl {
 color: #9c65a6;
}
main.human_psycho h3:before {
 background: #9c65a6;
}
main.human_psycho h4 {
 background: #f3e8f5;
}
main.human_psycho h5 {
 color: #9c65a6;
}
main.human_psycho h5 .inner {
 border-left-color: #9c65a6;
}
main.human_psycho table caption {
 border-left-color: #9c65a6;
}
main.human_psycho table thead th, main.human_psycho table thead td {
 background: #a878b1;
}
main.human_psycho table tbody th {
 color: #9c65a6;
}
main.human_psycho dl.box dt {
 border-left-color: #9c65a6;
}
main.human_psycho ul li:before {
 background: #9c65a6;
}
main.human_psycho ul.flow li dl dt {
 border-left-color: #9c65a6;
}
main.human_psycho ul.flow li:after {
 border-top-color: #9c65a6;
}
main.human_psycho ol li:before {
 color: #9c65a6;
}
main.human_psycho nav.anc-link-01 ul li a:before, main.human_psycho nav.anc-link-02 ul li a:before, main.human_psycho nav.page-link-01 ul li a:before, main.human_psycho nav.page-link-02 ul li a:before {
 color: #9c65a6;
}
main.human_psycho nav.anc-link-01 ul li a:hover, main.human_psycho nav.anc-link-02 ul li a:hover, main.human_psycho nav.page-link-01 ul li a:hover, main.human_psycho nav.page-link-02 ul li a:hover {
 background: #f3e8f5;
 color: #9c65a6;
}
main.human_psycho nav.anc-link-level-01 > ul > li > a:after {
 color: #9c65a6;
}
main.human_psycho nav.anc-link-level-01 > ul > li > a:hover {
 color: #b288ba;
}
main.human_psycho nav.anc-link-level-01 > ul > li > ul > li a:before {
 color: #8b5695;
}
main.human_psycho nav.anc-link-level-01 > ul > li > ul > li a:hover {
 color: #8b5695;
 background: #f3e8f5;
}
main.human_psycho .link-btn a {
 border-color: #8b5695;
}
main.human_psycho .link-btn a:after {
 color: #8b5695;
}
main.human_psycho .link-btn a:hover {
 background: #8b5695;
}
main.human_psycho .link-btn a:hover:after {
 color: #fff;
}
main.human_psycho dl.course-feature dt {
 color: #8b5695;
}
main.human_psycho .voice-box .voice-body dl dt {
 color: #8b5695;
 background: #f3e8f5;
}
main.human_psycho .voice-box .voice-body dl dt:after {
 border-top-color: #f3e8f5;
}
main.human_psycho ul.professor-list li .name {
 color: #8b5695;
}
main.human_psycho ul.professor-list li .db-link {
 border-color: #8b5695;
 color: #8b5695;
}
main.human_psycho ul.professor-list li .db-link:after {
 color: #8b5695;
}
main.human_psycho ul.professor-list li .db-link:hover {
 color: #fff;
 background: #8b5695;
}
main.human_psycho ul.professor-list li .db-link:hover:after {
 color: #fff;
}
main.human_psycho .seminar-box .seminar-content .lead {
 color: #8b5695;
}
main.human_psycho .og-message .message-body .pic .job {
 background: #a878b1;
}
main.human_psycho .og-message .message-body .pic .job:after {
 border-top-color: #a878b1;
}
main.human_psycho .og-message .message-body .message-lead {
 color: #8b5695;
}
main.human_psycho .og-message .memories dt {
 color: #8b5695;
 border-bottom-color: #8b5695;
}
main.human_welfare a {
 color: #e78823;
}
main.human_welfare section.news .news-head {
 background: #ea973f;
}
main.human_welfare section.news .news-head .more {
 border-color: #b06413;
 color: #d57917;
}
main.human_welfare section.news .news-head .more:after {
 color: #d57917;
}
main.human_welfare section.news .news-head .more:hover {
 background: #e78823;
 border-color: #fff;
 color: #fff;
}
main.human_welfare section.news .news-head .more:hover:after {
 color: #fff;
}
main.human_welfare .faculty-feature ol.feature-list li dl dt, main.human_welfare .faculty-feature ol.feature-list li dl dt:before {
 color: #e78823;
}
main.human_welfare nav.faculty-index-nav ul li a, main.human_welfare nav.faculty-index-nav ul li.pic a {
 color: #e78823;
}
main.human_welfare nav.faculty-index-nav ul li a .txt, main.human_welfare nav.faculty-index-nav ul li.pic a .txt {
 border-color: #ea973f;
}
main.human_welfare nav.faculty-index-nav ul li a .txt:after, main.human_welfare nav.faculty-index-nav ul li.pic a .txt:after {
 background: #e78823;
}
main.human_welfare nav.faculty-index-nav ul li a:hover .txt, main.human_welfare nav.faculty-index-nav ul li.pic a:hover .txt {
 background: #fdebda;
}
main.human_welfare .lead-ttl {
 color: #e78823;
}
main.human_welfare h3:before {
 background: #e78823;
}
main.human_welfare h4 {
 background: #fdebda;
}
main.human_welfare h5 {
 color: #e78823;
}
main.human_welfare h5 .inner {
 border-left-color: #e78823;
}
main.human_welfare table caption {
 border-left-color: #e78823;
}
main.human_welfare table thead th, main.human_welfare table thead td {
 background: #ea973f;
}
main.human_welfare table tbody th {
 color: #e78823;
}
main.human_welfare dl.box dt {
 border-left-color: #e78823;
}
main.human_welfare ul li:before {
 background: #e78823;
}
main.human_welfare ul.flow li dl dt {
 border-left-color: #e78823;
}
main.human_welfare ul.flow li:after {
 border-top-color: #e78823;
}
main.human_welfare ol li:before {
 color: #e78823;
}
main.human_welfare nav.anc-link-01 ul li a:before, main.human_welfare nav.anc-link-02 ul li a:before, main.human_welfare nav.page-link-01 ul li a:before, main.human_welfare nav.page-link-02 ul li a:before {
 color: #e78823;
}
main.human_welfare nav.anc-link-01 ul li a:hover, main.human_welfare nav.anc-link-02 ul li a:hover, main.human_welfare nav.page-link-01 ul li a:hover, main.human_welfare nav.page-link-02 ul li a:hover {
 background: #fdebda;
 color: #e78823;
}
main.human_welfare nav.anc-link-level-01 > ul > li > a:after {
 color: #e78823;
}
main.human_welfare nav.anc-link-level-01 > ul > li > a:hover {
 color: #eda356;
}
main.human_welfare nav.anc-link-level-01 > ul > li > ul > li a:before {
 color: #d57917;
}
main.human_welfare nav.anc-link-level-01 > ul > li > ul > li a:hover {
 color: #d57917;
 background: #fdebda;
}
main.human_welfare .link-btn a {
 border-color: #d57917;
}
main.human_welfare .link-btn a:after {
 color: #d57917;
}
main.human_welfare .link-btn a:hover {
 background: #d57917;
}
main.human_welfare .link-btn a:hover:after {
 color: #fff;
}
main.human_welfare dl.course-feature dt {
 color: #d57917;
}
main.human_welfare .voice-box .voice-body dl dt {
 color: #d57917;
 background: #fdebda;
}
main.human_welfare .voice-box .voice-body dl dt:after {
 border-top-color: #fdebda;
}
main.human_welfare ul.professor-list li .name {
 color: #d57917;
}
main.human_welfare ul.professor-list li .db-link {
 border-color: #d57917;
 color: #d57917;
}
main.human_welfare ul.professor-list li .db-link:after {
 color: #d57917;
}
main.human_welfare ul.professor-list li .db-link:hover {
 color: #fff;
 background: #d57917;
}
main.human_welfare ul.professor-list li .db-link:hover:after {
 color: #fff;
}
main.human_welfare .seminar-box .seminar-content .lead {
 color: #d57917;
}
main.human_welfare .og-message .message-body .pic .job {
 background: #ea973f;
}
main.human_welfare .og-message .message-body .pic .job:after {
 border-top-color: #ea973f;
}
main.human_welfare .og-message .message-body .message-lead {
 color: #d57917;
}
main.human_welfare .og-message .memories dt {
 color: #d57917;
 border-bottom-color: #d57917;
}
main.human_junior a {
 color: #5a8ed4;
}
main.human_junior section.news .news-head {
 background: #729fda;
}
main.human_junior section.news .news-head .more {
 border-color: #306ab6;
 color: #427ecd;
}
main.human_junior section.news .news-head .more:after {
 color: #427ecd;
}
main.human_junior section.news .news-head .more:hover {
 background: #5a8ed4;
 border-color: #fff;
 color: #fff;
}
main.human_junior section.news .news-head .more:hover:after {
 color: #fff;
}
main.human_junior .faculty-feature ol.feature-list li dl dt, main.human_junior .faculty-feature ol.feature-list li dl dt:before {
 color: #5a8ed4;
}
main.human_junior nav.faculty-index-nav ul li a, main.human_junior nav.faculty-index-nav ul li.pic a {
 color: #5a8ed4;
}
main.human_junior nav.faculty-index-nav ul li a .txt, main.human_junior nav.faculty-index-nav ul li.pic a .txt {
 border-color: #729fda;
}
main.human_junior nav.faculty-index-nav ul li a .txt:after, main.human_junior nav.faculty-index-nav ul li.pic a .txt:after {
 background: #5a8ed4;
}
main.human_junior nav.faculty-index-nav ul li a:hover .txt, main.human_junior nav.faculty-index-nav ul li.pic a:hover .txt {
 background: #e9f0f9;
}
main.human_junior .lead-ttl {
 color: #5a8ed4;
}
main.human_junior h3:before {
 background: #5a8ed4;
}
main.human_junior h4 {
 background: #e9f0f9;
}
main.human_junior h5 {
 color: #5a8ed4;
}
main.human_junior h5 .inner {
 border-left-color: #5a8ed4;
}
main.human_junior table caption {
 border-left-color: #5a8ed4;
}
main.human_junior table thead th, main.human_junior table thead td {
 background: #729fda;
}
main.human_junior table tbody th {
 color: #5a8ed4;
}
main.human_junior dl.box dt {
 border-left-color: #5a8ed4;
}
main.human_junior ul li:before {
 background: #5a8ed4;
}
main.human_junior ul.flow li dl dt {
 border-left-color: #5a8ed4;
}
main.human_junior ul.flow li:after {
 border-top-color: #5a8ed4;
}
main.human_junior ol li:before {
 color: #5a8ed4;
}
main.human_junior nav.anc-link-01 ul li a:before, main.human_junior nav.anc-link-02 ul li a:before, main.human_junior nav.page-link-01 ul li a:before, main.human_junior nav.page-link-02 ul li a:before {
 color: #5a8ed4;
}
main.human_junior nav.anc-link-01 ul li a:hover, main.human_junior nav.anc-link-02 ul li a:hover, main.human_junior nav.page-link-01 ul li a:hover, main.human_junior nav.page-link-02 ul li a:hover {
 background: #e9f0f9;
 color: #5a8ed4;
}
main.human_junior nav.anc-link-level-01 > ul > li > a:after {
 color: #5a8ed4;
}
main.human_junior nav.anc-link-level-01 > ul > li > a:hover {
 color: #86addf;
}
main.human_junior nav.anc-link-level-01 > ul > li > ul > li a:before {
 color: #427ecd;
}
main.human_junior nav.anc-link-level-01 > ul > li > ul > li a:hover {
 color: #427ecd;
 background: #e9f0f9;
}
main.human_junior .link-btn a {
 border-color: #427ecd;
}
main.human_junior .link-btn a:after {
 color: #427ecd;
}
main.human_junior .link-btn a:hover {
 background: #427ecd;
}
main.human_junior .link-btn a:hover:after {
 color: #fff;
}
main.human_junior dl.course-feature dt {
 color: #427ecd;
}
main.human_junior .voice-box .voice-body dl dt {
 color: #427ecd;
 background: #e9f0f9;
}
main.human_junior .voice-box .voice-body dl dt:after {
 border-top-color: #e9f0f9;
}
main.human_junior ul.professor-list li .name {
 color: #427ecd;
}
main.human_junior ul.professor-list li .db-link {
 border-color: #427ecd;
 color: #427ecd;
}
main.human_junior ul.professor-list li .db-link:after {
 color: #427ecd;
}
main.human_junior ul.professor-list li .db-link:hover {
 color: #fff;
 background: #427ecd;
}
main.human_junior ul.professor-list li .db-link:hover:after {
 color: #fff;
}
main.human_junior .seminar-box .seminar-content .lead {
 color: #427ecd;
}
main.human_junior .og-message .message-body .pic .job {
 background: #729fda;
}
main.human_junior .og-message .message-body .pic .job:after {
 border-top-color: #729fda;
}
main.human_junior .og-message .message-body .message-lead {
 color: #427ecd;
}
main.human_junior .og-message .memories dt {
 color: #427ecd;
 border-bottom-color: #427ecd;
}
main.graduate a {
 color: #675e8d;
}
main.graduate section.news .news-head {
 background: #766c9d;
}
main.graduate section.news .news-head .more {
 border-color: #484162;
 color: #5a527a;
}
main.graduate section.news .news-head .more:after {
 color: #5a527a;
}
main.graduate section.news .news-head .more:hover {
 background: #675e8d;
 border-color: #fff;
 color: #fff;
}
main.graduate section.news .news-head .more:hover:after {
 color: #fff;
}
main.graduate .faculty-feature ol.feature-list li dl dt, main.graduate .faculty-feature ol.feature-list li dl dt:before {
 color: #675e8d;
}
main.graduate nav.faculty-index-nav ul li a, main.graduate nav.faculty-index-nav ul li.pic a {
 color: #675e8d;
}
main.graduate nav.faculty-index-nav ul li a .txt, main.graduate nav.faculty-index-nav ul li.pic a .txt {
 border-color: #766c9d;
}
main.graduate nav.faculty-index-nav ul li a .txt:after, main.graduate nav.faculty-index-nav ul li.pic a .txt:after {
 background: #675e8d;
}
main.graduate nav.faculty-index-nav ul li a:hover .txt, main.graduate nav.faculty-index-nav ul li.pic a:hover .txt {
 background: #f3f0ff;
}
main.graduate .lead-ttl {
 color: #675e8d;
}
main.graduate h3:before {
 background: #675e8d;
}
main.graduate h4 {
 background: #f3f0ff;
}
main.graduate h5 {
 color: #675e8d;
}
main.graduate h5 .inner {
 border-left-color: #675e8d;
}
main.graduate table caption {
 border-left-color: #675e8d;
}
main.graduate table thead th, main.graduate table thead td {
 background: #766c9d;
}
main.graduate table tbody th {
 color: #675e8d;
}
main.graduate dl.box dt {
 border-left-color: #675e8d;
}
main.graduate ul li:before {
 background: #675e8d;
}
main.graduate ul.flow li dl dt {
 border-left-color: #675e8d;
}
main.graduate ul.flow li:after {
 border-top-color: #675e8d;
}
main.graduate ol li:before {
 color: #675e8d;
}
main.graduate nav.anc-link-01 ul li a:before, main.graduate nav.anc-link-02 ul li a:before, main.graduate nav.page-link-01 ul li a:before, main.graduate nav.page-link-02 ul li a:before {
 color: #675e8d;
}
main.graduate nav.anc-link-01 ul li a:hover, main.graduate nav.anc-link-02 ul li a:hover, main.graduate nav.page-link-01 ul li a:hover, main.graduate nav.page-link-02 ul li a:hover {
 background: #f3f0ff;
 color: #675e8d;
}
main.graduate nav.anc-link-level-01 > ul > li > a:after {
 color: #675e8d;
}
main.graduate nav.anc-link-level-01 > ul > li > a:hover {
 color: #847ba7;
}
main.graduate nav.anc-link-level-01 > ul > li > ul > li a:before {
 color: #5a527a;
}
main.graduate nav.anc-link-level-01 > ul > li > ul > li a:hover {
 color: #5a527a;
 background: #f3f0ff;
}
main.graduate .link-btn a {
 border-color: #5a527a;
}
main.graduate .link-btn a:after {
 color: #5a527a;
}
main.graduate .link-btn a:hover {
 background: #5a527a;
}
main.graduate .link-btn a:hover:after {
 color: #fff;
}
main.graduate dl.course-feature dt {
 color: #5a527a;
}
main.graduate .voice-box .voice-body dl dt {
 color: #5a527a;
 background: #f3f0ff;
}
main.graduate .voice-box .voice-body dl dt:after {
 border-top-color: #f3f0ff;
}
main.graduate ul.professor-list li .name {
 color: #5a527a;
}
main.graduate ul.professor-list li .db-link {
 border-color: #5a527a;
 color: #5a527a;
}
main.graduate ul.professor-list li .db-link:after {
 color: #5a527a;
}
main.graduate ul.professor-list li .db-link:hover {
 color: #fff;
 background: #5a527a;
}
main.graduate ul.professor-list li .db-link:hover:after {
 color: #fff;
}
main.graduate .seminar-box .seminar-content .lead {
 color: #5a527a;
}
main.graduate .og-message .message-body .pic .job {
 background: #766c9d;
}
main.graduate .og-message .message-body .pic .job:after {
 border-top-color: #766c9d;
}
main.graduate .og-message .message-body .message-lead {
 color: #5a527a;
}
main.graduate .og-message .memories dt {
 color: #5a527a;
 border-bottom-color: #5a527a;
}
main.graduate dl.point dt {
 background: #766c9d;
}
.gsc-control-cse {
 padding: 0 !important;
}
.gsc-control-cse table {
 margin: 0 !important;
 border: none !important;
}
.gsc-control-cse table tbody tr th, .gsc-control-cse table tbody tr td {
 border: none !important;
 padding: 0 !important;
}
.gsc-control-cse .gsc-webResult.gsc-result {
 padding: 25px 0 !important;
 border-bottom: 1px dotted #bbb !important;
}
.gsc-control-cse .gs-result .gs-title {
 margin-bottom: 0.3em !important;
 height: auto !important;
}
.gsc-control-cse .gs-result .gs-title * {
 font-size: 20px !important;
 height: auto !important;
 line-height: 1.4 !important;
}
@media only screen and (max-width: 767px) {
 .gsc-control-cse .gs-result .gs-title * {
  font-size: 18px !important;
 }
}
.gsc-control-cse .gsc-thumbnail-inside, .gsc-control-cse .gsc-url-top {
 padding: 0;
}
.gsc-control-cse .gsc-cursor {
 font-size: 14px !important;
}
.gsc-control-cse .gs-visibleUrl {
 padding: 0 !important;
 margin-bottom: 0.4em !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;
}
.mt10 {
 margin-top: 10px !important;
}
.mt20 {
 margin-top: 20px !important;
}
.mt30 {
 margin-top: 30px !important;
}
.mt40 {
 margin-top: 40px !important;
}
.mt50 {
 margin-top: 50px !important;
}
.mt60 {
 margin-top: 60px !important;
}
.mt70 {
 margin-top: 70px !important;
}
.mt80 {
 margin-top: 80px !important;
}
.mt90 {
 margin-top: 90px !important;
}
.mt100 {
 margin-top: 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;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
 padding: 0;
 margin: 0;
 border: 0;
 outline: none;
 vertical-align: top;
}
.fancybox-wrap {
 position: absolute;
 top: 0;
 left: 0;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 z-index: 8020;
}
.fancybox-skin {
 position: relative;
 background: #f9f9f9;
 color: #444;
 text-shadow: none;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}
.fancybox-opened {
 z-index: 8030;
}
.fancybox-opened .fancybox-skin {
 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
 position: relative;
}
.fancybox-inner {
 overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
 -webkit-overflow-scrolling: touch;
}
.fancybox-error {
 color: #444;
 font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
 margin: 0;
 padding: 15px;
 white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
 display: block;
 width: 100%;
 height: 100%;
}
.fancybox-image {
 max-width: 100%;
 max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 background-image: url(/img/common/fancybox_sprite.png);
}
#fancybox-loading {
 position: fixed;
 top: 50%;
 left: 50%;
 margin-top: -22px;
 margin-left: -22px;
 background-position: 0 -108px;
 opacity: 0.8;
 cursor: pointer;
 z-index: 8060;
}
#fancybox-loading div {
 width: 44px;
 height: 44px;
 background: url(/img/common/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
 position: absolute;
 top: -18px;
 right: -18px;
 width: 36px;
 height: 36px;
 cursor: pointer;
 z-index: 8040;
}
.fancybox-nav {
 position: absolute;
 top: 0;
 width: 40%;
 height: 100%;
 cursor: pointer;
 text-decoration: none;
 background: transparent url(/img/common/blank.gif);
 /* helps IE */
 -webkit-tap-highlight-color: transparent;
 z-index: 8040;
}
.fancybox-prev {
 left: 0;
}
.fancybox-next {
 right: 0;
}
.fancybox-nav span {
 position: absolute;
 top: 50%;
 width: 36px;
 height: 34px;
 margin-top: -18px;
 cursor: pointer;
 z-index: 8040;
 visibility: hidden;
}
.fancybox-prev span {
 left: 10px;
 background-position: 0 -36px;
}
.fancybox-next span {
 right: 10px;
 background-position: 0 -72px;
}
.fancybox-nav:hover span {
 visibility: visible;
}
.fancybox-tmp {
 position: absolute;
 top: -99999px;
 left: -99999px;
 max-width: 99999px;
 max-height: 99999px;
 overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
 overflow: visible !important;
 width: auto;
}
.fancybox-lock body {
 overflow: hidden !important;
}
.fancybox-lock-test {
 overflow-y: hidden !important;
}
.fancybox-overlay {
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 display: none;
 z-index: 8010;
 background: url(/img/common/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
 position: fixed;
 bottom: 0;
 right: 0;
}
.fancybox-lock .fancybox-overlay {
 overflow: auto;
 overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
 visibility: hidden;
 font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
 position: relative;
 text-shadow: none;
 z-index: 8050;
}
.fancybox-opened .fancybox-title {
 visibility: visible;
}
.fancybox-title-float-wrap {
 position: absolute;
 bottom: 0;
 right: 50%;
 margin-bottom: -35px;
 z-index: 8050;
 text-align: center;
}
.fancybox-title-float-wrap .child {
 display: inline-block;
 margin-right: -100%;
 padding: 2px 20px;
 background: transparent;
 /* Fallback for web browsers that doesn't support RGBa */
 background: rgba(0, 0, 0, 0.8);
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 text-shadow: 0 1px 2px #222;
 color: #FFF;
 font-weight: bold;
 line-height: 24px;
 white-space: nowrap;
}
.fancybox-title-outside-wrap {
 position: relative;
 margin-top: 10px;
 color: #fff;
}
.fancybox-title-inside-wrap {
 padding-top: 10px;
}
.fancybox-title-over-wrap {
 position: absolute;
 bottom: 0;
 left: 0;
 color: #fff;
 padding: 10px;
 background: #000;
 background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(/img/common/fancybox_sprite@2x.png);
  background-size: 44px 152px;
  /*The size of the normal image, half the size of the hi-res image*/
 }
 #fancybox-loading div {
  background-image: url(/img/common/fancybox_loading@2x.gif);
  background-size: 24px 24px;
  /*The size of the normal image, half the size of the hi-res image*/
 }
}
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under  ()
*/
.owl-carousel, .owl-carousel .owl-item {
 -webkit-tap-highlight-color: transparent;
 position: relative;
}
.owl-carousel {
 display: none;
 width: 100%;
 z-index: 1;
}
.owl-carousel .owl-stage {
 position: relative;
 -ms-touch-action: pan-Y;
 -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;
}
.owl-carousel .owl-stage-outer {
 position: relative;
 overflow: hidden;
 -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
 min-height: 1px;
 float: left;
 -webkit-backface-visibility: hidden;
 -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
 display: block;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
 display: none;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
 display: block;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
 cursor: pointer;
 cursor: hand;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.owl-carousel.owl-loading {
 opacity: 0;
 display: block;
}
.owl-carousel.owl-hidden {
 opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
 visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.owl-carousel.owl-grab {
 cursor: move;
 cursor: grab;
}
.owl-carousel.owl-rtl {
 direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
 float: right;
}
.owl-carousel .animated {
 animation-duration: 1s;
 animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
 z-index: 0;
}
.owl-carousel .owl-animated-out {
 z-index: 1;
}
.owl-carousel .fadeOut {
 animation-name: fadeOut;
}
@keyframes fadeOut {
 0% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}
.owl-height {
 transition: height .5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
 opacity: 0;
 transition: opacity .4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
 transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
 position: relative;
 height: 100%;
 background: #000;
}
.owl-carousel .owl-video-play-icon {
 position: absolute;
 height: 80px;
 width: 80px;
 left: 50%;
 top: 50%;
 margin-left: -40px;
 margin-top: -40px;
 cursor: pointer;
 z-index: 1;
 -webkit-backface-visibility: hidden;
 transition: transform .1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
 -ms-transform: scale(1.3, 1.3);
 transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
 display: none;
}
.owl-carousel .owl-video-tn {
 opacity: 0;
 height: 100%;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 transition: opacity .4s ease;
}
.owl-carousel .owl-video-frame {
 position: relative;
 z-index: 1;
 height: 100%;
 width: 100%;
}
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under  ()
*/
.owl-theme .owl-dots, .owl-theme .owl-nav {
 text-align: center;
 -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
 margin-top: 10px;
}
.owl-theme .owl-nav [class*=owl-] {
 color: #FFF;
 font-size: 14px;
 margin: 5px;
 padding: 4px 7px;
 background: #D6D6D6;
 display: inline-block;
 cursor: pointer;
 border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
 background: #869791;
 color: #FFF;
 text-decoration: none;
}
.owl-theme .owl-nav .disabled {
 opacity: .5;
 cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
 margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
 display: inline-block;
 zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
 width: 10px;
 height: 10px;
 margin: 5px 7px;
 background: #D6D6D6;
 display: block;
 -webkit-backface-visibility: visible;
 transition: opacity .2s ease;
 border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
 background: #869791;
}
/* -------------------------------------
	subpage用CSS
------------------------------------- */
.contents {
 overflow: hidden;
 padding-top: 150px;
}
@media only screen and (max-width: 767px) {
 .contents {
  padding-top: 60px;
 }
}
.contents .topicpath-wrap {
 position: relative;
}
@media print, screen and (min-width: 768px) {
 .contents .topicpath-wrap {
  background: #e6e6e6;
  padding-top: 30px;
 }
 .contents .topicpath-wrap:before {
  content: '';
  display: inline-block;
  width: 530px;
  height: 230px;
  background: url('../img/common/bg-header_01.png') no-repeat;
  background-size: 530px 230px;
  position: absolute;
  top: -170px;
  left: 0;
  left: 50%;
  -webkit-transform: translate(-540px, 0);
  -moz-transform: translate(-540px, 0);
  -ms-transform: translate(-540px, 0);
  -o-transform: translate(-540px, 0);
  transform: translate(-540px, 0);
 }
 .contents .topicpath-wrap:after {
  content: '';
  display: inline-block;
  width: 300px;
  height: 60px;
  background: url('../img/common/bg-header_02.png') no-repeat;
  background-size: 300px 60px;
  position: absolute;
  top: -10px;
  right: 50%;
  -webkit-transform: translate(520px, 0);
  -moz-transform: translate(520px, 0);
  -ms-transform: translate(520px, 0);
  -o-transform: translate(520px, 0);
  transform: translate(520px, 0);
 }
}
.contents .topicpath-wrap .topicpath {
 background: #eaf8e8;
 padding: 0 15px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
 z-index: 2;
}
@media only screen and (max-width: 767px) {
 .contents .topicpath-wrap .topicpath {
  min-height: 0;
  overflow: hidden;
  padding: 0;
  overflow-x: auto;
  white-space: nowrap;
  position: relative;
  width: 100%;
 }
}
.contents .topicpath-wrap .topicpath ul {
 max-width: 1200px;
 margin: 0 auto;
 padding: 9px 0 7px;
}
@media only screen and (max-width: 767px) {
 .contents .topicpath-wrap .topicpath ul {
  overflow-y: hidden;
  padding-left: 8px;
  padding-right: 8px;
 }
 .contents .topicpath-wrap .topicpath ul:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background: rgba(234, 248, 232, 0);
  background: -moz-linear-gradient(left, rgba(234, 248, 232, 0) 0%, #eaf8e8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(234, 248, 232, 0)), color-stop(100%, #eaf8e8));
  background: -webkit-linear-gradient(left, rgba(234, 248, 232, 0) 0%, #eaf8e8 100%);
  background: -o-linear-gradient(left, rgba(234, 248, 232, 0) 0%, #eaf8e8 100%);
  background: -ms-linear-gradient(left, rgba(234, 248, 232, 0) 0%, #eaf8e8 100%);
  background: linear-gradient(to right, rgba(234, 248, 232, 0) 0%, #eaf8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1);
 }
}
.contents .topicpath-wrap .topicpath ul li {
 float: left;
 font-size: 12px;
 font-size: 0.8rem;
 margin-right: 25px;
}
@media only screen and (max-width: 767px) {
 .contents .topicpath-wrap .topicpath ul li {
  float: none;
  display: inline;
 }
}
.contents .topicpath-wrap .topicpath ul li a {
 text-decoration: none;
 color: #333;
 position: relative;
 display: inline-block;
}
.contents .topicpath-wrap .topicpath ul li a:hover {
              /* ---- 2022.6.23 color: #387e5a; ---- */
              color: #a0d8ea;
              text-decoration: underline; }
.contents .topicpath-wrap .topicpath ul li a:after {
 content: '';
 display: block;
 position: absolute;
 top: 49%;
 right: -13px;
 width: 4px;
 height: 4px;
 border-right: 1px solid #555;
 border-bottom: 1px solid #555;
 transform-origin: top center;
 -webkit-transform: rotate(-45deg) translate(0, -50%);
 -moz-transform: rotate(-45deg) translate(0, -50%);
 -ms-transform: rotate(-45deg) translate(0, -50%);
 -o-transform: rotate(-45deg) translate(0, -50%);
 transform: rotate(-45deg) translate(0, -50%);
}
.contents .contents-main {
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0 15px 120px;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main {
  padding: 0;
 }
}
.contents .contents-main.index {
 padding: 0 0 100px;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main.index {
  padding: 0;
 }
}
.contents .contents-main.index .contents-main-inner {
 max-width: 100%;
}
.contents .contents-main.faculty-index {
 padding: 0;
}
.contents .contents-main.about .content-body-index:before {
 background: url("/img/about/pic-category_about.jpg") center top no-repeat;
 background-size: cover;
}
.contents .contents-main.faculty .content-body-index {
 padding-top: 0;
}
.contents .contents-main.faculty .content-body-index:before {
 display: none;
}
.contents .contents-main.campuslife .content-body-index:before {
 background: url("/img/campuslife/pic-category_campuslife.jpg") center top no-repeat;
 background-size: cover;
}
.contents .contents-main.facilities .content-body-index:before {
 background: url("/img/facilities/pic-category_facilities.jpg") center top no-repeat;
 background-size: cover;
}
.contents .contents-main.international .content-body-index:before {
 background: url("/img/international/pic-category_international.jpg") center top no-repeat;
 background-size: cover;
}
.contents .contents-main.ckc .content-body-index:before {
 background: url("/img/ckc/pic-category_ckc.jpg") center top no-repeat;
 background-size: cover;
}
.contents .contents-main.career .content-body-index:before {
 background: url("/img/career/pic-category_career.jpg") center top no-repeat;
 background-size: cover;
}
.contents .contents-main.literature .content-body-index:before {
 background: url("/img/faculty/literature/pic-category_literature.jpg") center top no-repeat;
 background-size: cover;
}
.contents .contents-main.literature .content-body-index .depLead {
 position: relative;
 max-width: 1200px;
 margin: 0 auto;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main.literature .content-body-index .depLead {
  width: 100%;
 }
}
.contents .contents-main.literature .content-body-index .depLead p {
 position: absolute;
 top: -215px;
 font-size: 40px;
 font-size: 2.66667rem;
 font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 line-height: 1.2;
 right: 5%;
 font-weight: bold;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main.literature .content-body-index .depLead p {
  top: -85px;
  font-size: 16px;
  font-size: 1.06667rem;
  right: 3%;
 }
}
.contents .contents-main.human_child .content-body-index:before {
 background: url("/img/faculty/human_child/pic-category_human_child.jpg") center top no-repeat;
 background-size: cover;
}
.contents .contents-main.human_child .content-body-index .depLead {
 position: relative;
 max-width: 1200px;
 margin: 0 auto;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main.human_child .content-body-index .depLead {
  width: 100%;
 }
}
.contents .contents-main.human_child .content-body-index .depLead p {
 position: absolute;
 top: -215px;
 font-size: 40px;
 font-size: 2.66667rem;
 font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 line-height: 1.2;
 right: 5%;
 font-weight: bold;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main.human_child .content-body-index .depLead p {
  top: -85px;
  font-size: 16px;
  font-size: 1.06667rem;
  right: 3%;
 }
}
.contents .contents-main.human_psycho .content-body-index:before {
 background: url("/img/faculty/human_psycho/pic-category_human_psycho.jpg") center top no-repeat;
 background-size: cover;
}
.contents .contents-main.human_psycho .content-body-index .depLead {
 position: relative;
 max-width: 1200px;
 margin: 0 auto;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main.human_psycho .content-body-index .depLead {
  width: 100%;
 }
}
.contents .contents-main.human_psycho .content-body-index .depLead p {
 position: absolute;
 top: -215px;
 font-size: 40px;
 font-size: 2.66667rem;
 font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 line-height: 1.2;
 right: 5%;
 font-weight: bold;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main.human_psycho .content-body-index .depLead p {
  top: -85px;
  font-size: 16px;
  font-size: 1.06667rem;
  right: 3%;
 }
}
.contents .contents-main.human_welfare .content-body-index:before {
 background: url("/img/faculty/human_welfare/pic-category_human_welfare.jpg") right top no-repeat;
 background-size: cover;
}
.contents .contents-main.human_junior .content-body-index:before {
 background: url("/img/faculty/human_junior/pic-category_human_junior.jpg") center top no-repeat;
 background-size: cover;
}
.contents .contents-main.human_junior .content-body-index .depLead {
 position: relative;
 max-width: 1200px;
 margin: 0 auto;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main.human_junior .content-body-index .depLead {
  width: 100%;
 }
}
.contents .contents-main.human_junior .content-body-index .depLead p {
 position: absolute;
 top: -215px;
 font-size: 40px;
 font-size: 2.66667rem;
 font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 line-height: 1.2;
 right: 5%;
 font-weight: bold;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main.human_junior .content-body-index .depLead p {
  top: -85px;
  font-size: 16px;
  font-size: 1.06667rem;
  right: 3%;
 }
}
.contents .contents-main.graduate .content-body-index:before {
 background: url("/img/faculty/graduate/pic-category_graduate.jpg") center top no-repeat;
 background-size: cover;
}
.contents .contents-main .contents-main-inner {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
 padding: 50px 0 0;
 position: relative;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main .contents-main-inner {
  padding: 0;
 }
}
.contents .contents-main main {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.contents .contents-main main.normal {
 float: left;
 width: 70%;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main main.normal {
  width: 100%;
 }
}
.contents .contents-main main.wide {
 float: none;
 width: 100%;
 max-width: 1000px;
 margin-left: auto;
 margin-right: auto;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main main {
  width: 100%;
  padding: 30px 10px 50px;
 }
}
.contents .contents-main .side {
 width: 260px;
 float: right;
      /* ---- 2022.6.23 background: #387e5a; ---- */
      background: #53b6d7;
 position: relative;
 padding: 20px 15px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main .side {
  width: 100%;
  top: 0;
  padding: 20px 10px 25px;
 }
}
.contents .contents-main .side .local h2 {
 line-height: 1.4;
 margin: 0 0 0.8em;
}
.contents .contents-main .side .local h2 a {
 color: #fff;
 text-decoration: none;
 font-size: 17px;
 font-size: 1.13333rem;
 font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 -webkit-transition: opacity 0.2s;
 -moz-transition: opacity 0.2s;
 -ms-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
}
.contents .contents-main .side .local h2 a:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
}
.contents .contents-main .side .local > ul {
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 overflow: hidden;
}
.contents .contents-main .side .local > ul > li {
 font-size: 14px;
 font-size: 0.93333rem;
          /* ---- 2022.6.23 border-bottom: 1px solid #387e5a; ---- */
          border-bottom: 1px solid #a0d8ea;
          line-height: 1.4; }
.contents .contents-main .side .local > ul > li a {
 background: #fff;
 text-decoration: none;
 display: block;
 position: relative;
 -webkit-transition: background 0.2s;
 -moz-transition: background 0.2s;
 -ms-transition: background 0.2s;
 -o-transition: background 0.2s;
 transition: background 0.2s;
}
.contents .contents-main .side .local > ul > li a.pdf:after, .contents .contents-main .side .local > ul > li a.xls:after, .contents .contents-main .side .local > ul > li a.doc:after, .contents .contents-main .side .local > ul > li a.blank:after {
 display: inline-block;
 padding: 0 4px;
 vertical-align: middle;
}
.contents .contents-main .side .local > ul > li a.pdf:after {
 content: url("/img/common/ico-pdf.png");
 display: inline-block;
}
.contents .contents-main .side .local > ul > li a.xls:after {
 content: url("/img/common/ico-excel.png");
 display: inline-block;
}
.contents .contents-main .side .local > ul > li a.doc:after {
 content: url("/img/common/ico-word.png");
 display: inline-block;
}
.contents .contents-main .side .local > ul > li a.blank:after {
 content: url("/img/common/ico-blank.png");
 display: inline-block;
 margin-top: -5px;
}
.contents .contents-main .side .local > ul > li a:hover, .contents .contents-main .side .local > ul > li a.active {
 background: #eaf8e8;
}
.contents .contents-main .side .local > ul > li > a {
 padding: 12px 30px 10px 14px;
}
.contents .contents-main .side .local > ul > li > a:before {
 content: '\e800';
 margin: auto;
              /* ---- 2022.6.23 color: #387e5a; ---- */
              color: #2682a2;
 line-height: 1;
 font-size: 13px;
 font-size: 0.86667rem;
 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: 14px;
 top: 50%;
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
}
.contents .contents-main .side .local > ul > li > ul {
 display: none;
 background: #fff;
            /* ---- 2022.6.23 border-top: 1px solid #387e5a; ---- */
            border-top: 1px solid #a0d8ea; }
.contents .contents-main .side .local > ul > li > ul.visible {
 display: block;
}
.contents .contents-main .side .local > ul > li > ul > li {
 border-bottom: 1px dotted rgba(187, 187, 187, 0.8);
 font-size: 13px;
 font-size: 0.86667rem;
}
.contents .contents-main .side .local > ul > li > ul > li:last-child {
 border-bottom: none;
}
.contents .contents-main .side .local > ul > li > ul > li > a {
 padding: 11px 14px 9px 35px;
}
.contents .contents-main .side .local > ul > li > ul > li > a:before {
 content: '';
 display: block;
 position: absolute;
 top: 50%;
 left: 22px;
 width: 4px;
 height: 4px;
                  /* ---- 2022.6.23 border-left: 2px solid #387e5a; ---- */
                  border-left: 2px solid #a0d8ea;
                  /* ---- 2022.6.23 border-bottom: 2px solid #387e5a; ---- */
                  border-bottom: 2px solid #a0d8ea;
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
}
.contents .contents-main .side .local > ul > li > ul > li > ul {
 display: none;
 background: #fff;
 border-top: 1px dotted rgba(187, 187, 187, 0.9);
}
.contents .contents-main .side .local > ul > li > ul > li > ul.visible {
 display: block;
}
.contents .contents-main .side .local > ul > li > ul > li > ul > li {
 border-bottom: 1px dotted rgba(187, 187, 187, 0.3);
 font-size: 12px;
 font-size: 0.8rem;
}
.contents .contents-main .side .local > ul > li > ul > li > ul > li:last-child {
 border-bottom: none;
}
.contents .contents-main .side .local > ul > li > ul > li > ul > li > a {
 padding: 10px 14px 8px 52px;
}
.contents .contents-main .side .local > ul > li > ul > li > ul > li > a:before {
 content: '';
 display: block;
 position: absolute;
 top: 50%;
 left: 40px;
 width: 4px;
 height: 4px;
                      /* ---- 2022.6.23 border-left: 2px solid #387e5a; ---- */
                      border-left: 2px solid #a0d8ea;
                      /* ---- 2022.6.23 border-bottom: 2px solid #387e5a; ---- */
                      border-bottom: 2px solid #a0d8ea;
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
}
.contents .contents-main .side .bnr {
 margin-top: 15px;
}
.contents .contents-main .side .bnr li {
 margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
 .contents .contents-main .side .bnr li {
  margin-left: auto;
  margin-right: auto;
  max-width: 230px;
 }
}
.contents .contents-main .side .bnr li:last-child {
 margin-bottom: 0;
 display:none;
}
.contents .contents-main .side .bnr li a {
 background: #fff;
 display: block;
}
.contents .contents-main .side .bnr li a img {
 -webkit-transition: opacity 0.2s;
 -moz-transition: opacity 0.2s;
 -ms-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
}
.contents .contents-main .side .bnr li a img:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
}
.contents .content-head-index {
 padding: 50px 15px 45px;
}
@media only screen and (max-width: 767px) {
 .contents .content-head-index {
  padding: 25px 10px 22px;
 }
}
.contents .content-body-index {
 padding: 300px 15px 0;
 position: relative;
}
@media only screen and (max-width: 767px) {
 .contents .content-body-index {
  padding: 120px 0 0;
 }
}
.contents .content-body-index:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 height: 300px;
 background: url("/img/common/pic-category_other.jpg") center top no-repeat;
 background-size: cover;
}
@media only screen and (max-width: 767px) {
 .contents .content-body-index:before {
  height: 120px;
 }
}
.contents .contents-bnr {
 border-top: 1px solid #cfeccb;
}
.contents .contents-bnr ul {
 display: table;
 width: 100%;
 table-layout: fixed;
}
@media only screen and (max-width: 767px) {
 .contents .contents-bnr ul {
  display: block;
 }
}
.contents .contents-bnr ul li {
 display: table-cell;
 padding: 50px 20px;
}
@media only screen and (max-width: 767px) {
 .contents .contents-bnr ul li {
  display: block;
  padding: 20px 15px;
 }
}
.contents .contents-bnr ul li a {
 display: block;
 max-width: 500px;
 margin: 0 auto;
 display: block;
 background: #fff;
}
@media only screen and (max-width: 767px) {
 .contents .contents-bnr ul li a {
  max-width: 230px;
 }
}
.contents .contents-bnr ul li a img {
 -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
 box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
 -webkit-transition: opacity 0.2s;
 -moz-transition: opacity 0.2s;
 -ms-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
}
@media only screen and (max-width: 767px) {
 .contents .contents-bnr ul li a img {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
 }
}
.contents .contents-bnr ul li a img:hover {
 opacity: .7;
}
.contents .contents-bnr ul li.request {
 background: url(/img/common/ptn_dot.png) 0 0 repeat;
}
.contents .contents-bnr ul li.oide {
 background: #eaf8e8;
 display:none;
}
input#searchBook {
 width: 100%;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 margin-bottom: 1em;
  /* ---- 2022.6.23 border: 1px solid #387e5a; ---- */
  border: 1px solid #a0d8ea;
 font-size: 16px;
 font-size: 1.06667rem;
 padding: .2em;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.saiyouvoice-box{
	margin-bottom: 60px;
	text-align: center;
}
.saiyouvoice-box a{
	transition: opacity 0.2s;
}
.saiyouvoice-box a:hover{
	opacity: .7;
}
.saiyouvoice-box a.blank:after{
	display: none;
}

.contents .contents-main.admission .content-body-index::before {
 background: url("/img/admission/pic-category_admission.jpg") center top no-repeat;
 background-size: auto;
 background-size: cover;
}
main .admission-index-box {
 background: #f2f2f2;
 margin: 0 -15px;
 padding: 60px 15px;
}
@media screen and (max-width: 767px) {
 main .admission-index-box {
  padding: 30px 15px;
 }
}
main .admission-index-box ul {
 margin: 0;
}
main .admission-index-box nav.index-nav {
 background-color: transparent;
 margin: 0;
 padding: 0;
}
main .admission-index-box nav.index-nav ul.pic {
 margin-bottom: 0;
}
main .admission-index-inner {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
}
main .admission-index-ttl {
 width: 100%;
 max-width: 1200px;
 margin: 60px auto 2em;
 border-top-color: #fff;
 border-bottom-color: #fff;
}
main .admission-index-ttl.admission-index-ttl-first {
 margin-top: 0;
}
@media only screen and (max-width: 767px) {
 main .admission-index-ttl {
  margin: 50px auto 1em;
 }
}
@media print, screen and (min-width: 768px) {
 main ul.admission-index-pic {
  display: flex;
  justify-content: space-between;
 }
 main ul.admission-index-pic li {
  width: 48%;
  font-size: 18px;
  padding: 0;
 }
}
@media only screen and (max-width: 767px) {
 main ul.admission-index-pic li {
  width: 100%;
  font-size: 16px;
  padding: 0;
 }
 main ul.admission-index-pic li:last-child {
  margin-top: 20px;
 }
}
main ul.admission-index-pic li::before {
 display: none;
}
main ul.admission-index-pic li a .img {
 overflow: hidden;
}
main ul.admission-index-pic li a .img img {
 transition: all 1.5s;
}
main ul.admission-index-pic li a {
 text-decoration: none;
 background: #fff;
 display: block;
 padding: 0;
 color: #387e5a;
 transition: background 0.2s;
 position: relative;
}
main ul.admission-index-pic li a:hover .img img {
 transform: scale(1.15);
}
main ul.admission-index-pic li a .txt {
 border-top: 2px solid #387e5a;
 padding: 16px 30px 16px 10px;
 position: relative;
}
main ul.admission-index-pic li a:hover {
 background: #eaf8e8;
}
main ul.admission-index-pic li a .txt::after {
 background: #387e5a;
 padding: 5px 5px;
 content: '\e800';
 margin: auto;
 color: #fff;
 line-height: 14px;
 font-size: 12px;
 font-size: 0.8rem;
 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;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 position: absolute;
 right: 8px;
 top: 50%;
 transform: translate(0, -50%);
 transition: all 0.2s;
 border-radius: 3px;
}
@media only screen and (max-width: 767px) {
 main nav.admission-faculty-index-nav ul li {
  width: 49%;
 }
}
@media only screen and (max-width: 413px) {
 main nav.admission-faculty-index-nav ul li {
  width: 49%;
  margin: 0 0 1.4em 2%;
 }
}
main .shinwa-yt-movie-box {
 max-width: 900px;
 margin: 0 auto;
}
main .shinwa-yt-movie {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
}
@media print, screen and (min-width: 768px) {
 main .admission-index-column {
  display: flex;
  justify-content: space-between;
 }
 main .admission-index-left {
  width: 68%;
 }
 main .admission-index-right {
  width: 28%;
 }
 main .shinwa-yt-movie iframe {
  width: 100%;
 }
}
main .shinwa-yt-movie iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
}
main .admission-related-site {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-around;
}
main .admission-related-site li {
 margin: 0;
 padding: 0;
 background-color: transparent;
}
main .admission-related-site li::before {
 display: none;
}
main .admission-related-site li img {
 width: auto;
 height: 100px;
}
@media only screen and (max-width: 767px) {
 main .admission-related-site li:nth-child(n+2) {
  margin-top: 20px;
 }
 main .admission-related-site li img {
  height: 70px;
 }
}
.shingaku-scuedule-tab-nav ul {
 display: flex;
 margin: 2em 0 0;
}
.shingaku-scuedule-tab-nav ul li {
 position: relative;
 width: calc(25% - 8px);
 margin-right: 10px;
 margin-bottom: 0;
 padding: 20px 2px;
 border: 1px solid #dcdcdc;
 display: block;
 background: #efefef;
 cursor: pointer;
 transition: all 200ms ease-in-out;
 text-align: center;
 line-height: 1;
}
@media only screen and (max-width: 767px) {
 .shingaku-scuedule-tab-nav ul li {
  width: calc(25% - 5px);
  margin-right: 5px;
  padding: 20px 0;
 }
}
.shingaku-scuedule-tab-nav ul li:last-child {
 margin-right: 0;
 letter-spacing: -1px;
}
.shingaku-scuedule-tab-nav ul li::before {
 display: none;
}
.shingaku-scuedule-tab-nav ul li:hover {
 background: #fff;
}
.shingaku-scuedule-tab-nav ul li.select {
 background: #fff;
 border-bottom: #fff;
 font-weight: 700;
 color: #266882;
}
.shingaku-scuedule-tab-nav ul li.select::after {
 content: '\e803';
 position: absolute;
 right: 0;
 left: 0;
 bottom: -5px;
 margin: auto;
 color: #266882;
 line-height: 1;
 font-size: 20px;
 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;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 767px) {
 .shingaku-scuedule-tab-nav ul li {
  font-size: 13px;
 }
}
.shingaku-scuedule-tab-content {
 width: 100%;
 display: none;
}
.shingaku-scuedule-tab-content.first-child {
 display: table;
}
.shingaku-scuedule-tab-content th {
 text-align: left;
}
.shingaku-scuedule-tab-content tr:nth-child(even) {
 background-color: #f7f7f7;
}
.shingaku-scuedule table {
 margin: 2em 0 0;
}
@media only screen and (max-width: 767px) {
 .shingaku-scuedule table {
  margin: 1em 0 0;
 }
}
.shingaku-scuedule table td a[target=_blank]::after {
 content: url("/img/common/ico-blank.png");
 display: inline-block;
 margin-top: -5px;
 padding-left: 5px;
}
@media print, screen and (min-width: 768px) {
 .shingaku-scuedule table thead tr th:nth-child(1) {
  width: 100px;
 }
 .shingaku-scuedule table thead tr th:nth-child(2) {
  width: 80px;
 }
 .shingaku-scuedule table thead tr th:nth-child(3) {
  width: 100px;
 }
}
@media only screen and (max-width: 767px) {
 .shingaku-scuedule table th, .shingaku-scuedule table td {
  font-size: 13px;
 }
}
table.table-xs {
 margin-top: 0;
 margin-bottom: 0;
}
main .swipe-pc {
 display: block;
 overflow-x: scroll;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
}
main .swipe-pc th, main .swipe-pc td {
 vertical-align: top;
 text-align: center;
 white-space: nowrap;
 font-size: 13px;
}
main .swipe-pc th > span, main .swipe-pc td > span {
 display: block;
 margin: 0 auto;
 writing-mode: vertical-rl;
 width: 1.25em;
}
dl.admission-qa dt, dl.admission-qa dd {
 font-size: 15px;
}
dl.admission-qa dt {
 position: relative;
 margin: 0 0 20px;
 padding: 4px 0 0 24px;
 font-weight: normal;
 cursor: pointer;
}
dl.admission-qa dt::before, dl.admission-qa dd::before {
 font-weight: 500;
 font-size: 1.6rem;
 color: #406531;
 line-height: 1;
}
dl.admission-qa dt::before {
 content: 'Q';
 position: absolute;
 top: 0;
 left: 0;
}
dl.admission-qa dd {
 margin: 0 0 20px;
 padding: 20px 20px 20px 50px;
 text-indent: -25px;
 display: none;
 background: #f8fbe9;
 border: 1px solid #dbed91;
}
dl.admission-qa dd::before {
 content: 'A';
 padding-right: 10px;
}



main nav.faculty-nav ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

main nav.faculty-nav ul li.common { 
  order: 1;
}
main nav.faculty-nav ul li.literature { 
  order: 3;
}
main nav.faculty-nav ul li.human-psycho { 
  order: 3;
}
main nav.faculty-nav ul li.regional_co-creation { 
  order: 4;
}
@media only screen and (max-width: 767px) {
  main nav.faculty-nav ul li.regional_co-creation {
    order: 2;
  }
}
main nav.faculty-nav ul li.human-child { 
  order: 5;
}
main nav.faculty-nav ul li.human-junior { 
  order: 5;
}