@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap");
@import url("https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap");
@import url("https://fonts.googleapis.com/css?family=Abel");
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
html[lang="en"] body {
  font-family: 'Open Sans', sans-serif; }

html[lang="ru"] body {
  font-family: 'Noto Sans', sans-serif; }

html[lang="zh-cn"] body {
  font-family: 'Noto Sans SC', sans-serif; }

html[lang="ja"] body {
  font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif; }

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

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

table {
  border-spacing: 0;
  line-height: 1.9; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: normal;
  line-height: 1.0; }
  h1 .bold, h2 .bold, h3 .bold, h4 .bold, h5 .bold, h6 .bold {
    font-weight: 700; }
  h1.meiryo, h2.meiryo, h3.meiryo, h4.meiryo, h5.meiryo, h6.meiryo {
    font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif; }

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

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

legend {
  color: #000; }

img, svg {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
  -webkit-backface-visibility: hidden; }

svg {
  -webkit-backface-visibility: visible; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal; }

p, blockquote, dl {
  line-height: 1.9; }

ol, ul {
  line-height: 1.9;
  list-style: none; }

fieldset, img {
  border: 0; }

hr {
  border: 0;
  height: 0;
  margin: 0;
  padding: 0; }

*, *:before, *:after {
  box-sizing: border-box; }

.effect-fade {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 2.5s; }

.effect-fade.effect-scroll {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translate(0, 0); }

/* /////////////////////////////////////////////////////////////////////////// Font */
body {
  font-size: 14px;
  font-size: 0.875rem; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  line-height: 100%; }

.hidden {
  visibility: hidden; }

a {
  outline: none; }
  a:link {
    color: #278dd2;
    text-decoration: none; }
  a:visited {
    color: #7e57c2; }
  a:hover, a:active {
    color: #46b692; }

.bnrlink a {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.outside .svg-inline--fa,
.inside .svg-inline--fa,
.region-education > li a .svg-inline--fa,
.pageback .svg-inline--fa,
.pdf .svg-inline--fa,
.word .svg-inline--fa,
.excel .svg-inline--fa {
  color: #278dd2;
  margin-right: 5px; }

.outside:before,
.inside:before,
.region-education > li a:before,
.pageback:before,
.pdf:before,
.word:before,
.excel:before {
  display: none;
  font-family: 'Font Awesome 5 Solid'; }

.outside {
  text-indent: -1.2em; }
  .outside:before {
    content: '\f24d';
    display: none;
    font-family: 'Font Awesome 5 Regular'; }

.inside, .region-education > li a {
  text-indent: -1.2em; }
  .inside:before, .region-education > li a:before {
    content: '\f0a9'; }

a.pageback {
  color: #278dd2;
  text-indent: -1.2em; }
  a.pageback:before {
    content: '\f0a8'; }
  a.pageback:hover {
    color: #46b692; }

.pdf .svg-inline--fa {
  color: #d00; }

.pdf:before {
  content: '\f1c1';
  font-family: 'Font Awesome 5 Regular'; }

.word .svg-inline--fa {
  color: #2f59e4; }

.word:before {
  content: '\f1c2';
  font-family: 'Font Awesome 5 Regular'; }

.excel .svg-inline--fa {
  color: #4ac61d; }

.excel:before {
  content: '\f1c3';
  font-family: 'Font Awesome 5 Regular'; }

.videolink {
  display: block;
  position: relative; }
  .videolink .svg-inline--fa {
    color: #fff;
    font-size: 50px;
    font-size: 3.125rem;
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    z-index: 100; }
  .videolink:before {
    content: '\f167';
    display: none;
    font-family: 'Font Awesome 5 Brands'; }

.contents:after,
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

.hr-line {
  position: relative;
  height: 30px; }
  .hr-line:before {
    content: '';
    background: #ddd;
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
    width: 100%;
    height: 1px; }
  .hr-line:after {
    content: '§';
    display: block;
    background: #fff;
    color: #ddd;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    padding: 5px 8px;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    top: 0;
    transform: rotate(60deg);
    z-index: 100; }

/* /////////////////////////////////////////////////////////////////////////// Layout */
body {
  text-align: center; }
  body.b-fixed {
    height: 100%;
    overflow: hidden; }

.wrapper, .content-title h2, .content-title-pages h2, .top-info, .top-en, .contents-brand .br-obj-inner {
  margin-right: auto;
  margin-left: auto;
  width: 1146px;
  text-align: left; }

.radius5 {
  border-radius: 5px; }

.mb,
.pc-none,
.pc-none-inline {
  display: none; }

.g-header {
  align-items: center;
  background: white;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
  display: flex;
  padding: 0px 0 0 30px;
  position: fixed;
  width: 100%;
  height: 90px;
  z-index: 1000;
  top: 0;
  transition: ease-in-out 0.2s; }
  .g-header h1 {
    background: url(../img/header_logo.svg) no-repeat center center;
    background-size: contain;
    margin-right: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 472px;
    height: 52px; }
    .g-header h1 a {
      display: block;
      height: 100%; }
  .g-header .sns {
    margin-right: 12px; }
    .g-header .sns a {
      color: #444;
      display: block; }
      .g-header .sns a:hover .fa-facebook-square {
        color: #3F65A9; }
      .g-header .sns a:hover .fa-twitter {
        color: #00B3E4; }
      .g-header .sns a:hover .fa-instagram {
        color: #eb0476; }
      .g-header .sns a:hover .fa-youtube {
        color: #f00; }
  .g-header .obj {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    font-size: 0.8125rem; }
    .g-header .obj > ul {
      display: flex;
      height: 90px; }
      .g-header .obj > ul > li {
        border-left: 1px solid #888;
        width: 110px; }
        .g-header .obj > ul > li > a {
          color: #444;
          display: block;
          height: 100%;
          padding: 20px 10px; }
        .g-header .obj > ul > li .svg {
          fill: #444;
          width: 38px;
          height: 29px;
          margin-bottom: 3px; }
    .g-header .obj .lang {
      position: relative; }
      .g-header .obj .lang a.select-lang-btn {
        display: block; }
        .g-header .obj .lang a.select-lang-btn .en {
          font-family: 'Montserrat', sans-serif; }
      .g-header .obj .lang ul {
        display: block;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        top: 100px;
        background: #fff;
        box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
        border-radius: 3px;
        padding: 8px 0;
        transition: all 0.2s ease;
        width: 200px;
        z-index: 100; }
        .g-header .obj .lang ul li {
          line-height: 1.4; }
        .g-header .obj .lang ul a {
          color: #444;
          font-size: 14px;
          font-size: 0.875rem;
          padding: 5px 5px;
          display: block;
          text-align: center; }
          .g-header .obj .lang ul a:hover {
            color: #00a2d7; }
  .g-header:hover {
    background: white;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); }
    .g-header:hover h1 {
      background: url(../img/header_logo.svg) no-repeat center center;
      background-size: contain; }

.g-header-top {
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  transition: ease-in-out 0.2s; }
  .g-header-top h1 {
    background: url(../img/header_logo_white.svg) no-repeat center center;
    background-size: contain; }
  .g-header-top .sns a {
    color: #fff; }
  .g-header-top .obj > ul > li {
    border-left: 1px solid #fff; }
    .g-header-top .obj > ul > li > a {
      color: #fff; }
      .g-header-top .obj > ul > li > a:hover {
        color: #000; }
    .g-header-top .obj > ul > li .svg {
      fill: #fff; }

.g-nav .menu-toggle {
  background: #00a2d7;
  cursor: pointer;
  display: block;
  position: relative;
  width: 90px;
  height: 90px; }
  .g-nav .menu-toggle p {
    color: #fff;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    bottom: 13px; }
  .g-nav .menu-toggle span {
    background: #fff;
    display: block;
    transition: .35s ease-in-out;
    width: 30px;
    height: 3px; }
    .g-nav .menu-toggle span:nth-of-type(2) {
      margin: 8px 0; }
  .g-nav .menu-toggle > div {
    position: absolute;
    right: 50%;
    bottom: 61%;
    transform: translate(50%, 61%); }
    .g-nav .menu-toggle > div .close span:nth-of-type(1) {
      transform: rotate(315deg); }
    .g-nav .menu-toggle > div .close span:nth-of-type(2) {
      width: 0;
      left: 50%; }
    .g-nav .menu-toggle > div .close span:nth-of-type(3) {
      margin-top: -22px;
      transform: rotate(-315deg); }

.g-nav .nav-content {
  background: #00a2d7;
  color: #fff;
  display: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 30px 40px 130px 40px;
  position: fixed;
  text-align: left;
  width: 100%;
  height: 100vh;
  top: 90px;
  left: 0;
  z-index: 900; }

.g-nav .sitemap-box {
  display: flex;
  flex-wrap: wrap;
  font-family: 'Noto Sans JP', sans-serif; }
  .g-nav .sitemap-box label,
  .g-nav .sitemap-box input {
    display: none; }
  .g-nav .sitemap-box > div {
    flex: 1 0 0%;
    margin-left: 30px; }
    .g-nav .sitemap-box > div:first-of-type {
      margin-left: 0; }
  .g-nav .sitemap-box a {
    color: #fff; }
    .g-nav .sitemap-box a:hover {
      border-bottom: 1px solid #fff; }
  .g-nav .sitemap-box h3 a {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.8; }
  .g-nav .sitemap-box ul {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 15px 17px;
    margin: 15px 0; }
    .g-nav .sitemap-box ul li {
      line-height: 1.7;
      margin-top: 5px;
      margin-left: 1em;
      text-indent: -1em; }
      .g-nav .sitemap-box ul li .svg-inline--fa {
        margin-right: 8px; }
      .g-nav .sitemap-box ul li:first-child {
        margin-top: 0; }
      .g-nav .sitemap-box ul li:before {
        content: '\f0da';
        display: none;
        font-family: 'Font Awesome 5 Solid'; }
      .g-nav .sitemap-box ul li a[target="_blank"] .svg-inline--fa {
        font-size: 8px;
        font-size: 0.5rem;
        margin-left: 4px;
        vertical-align: top; }
      .g-nav .sitemap-box ul li a[target="_blank"]:after {
        content: '\f24d';
        display: none;
        font-family: 'Font Awesome 5 Regular'; }

.g-nav .sitemap-box-en {
  font-family: 'Arial', sans-serif; }

.g-nav .g-nav-sub {
  display: none; }

.g-nav .search {
  margin-top: 15px; }
  .g-nav .search form {
    position: relative;
    width: 100%; }
    .g-nav .search form input[type=text] {
      -webkit-appearance: none;
      appearance: none;
      border: 0;
      border-radius: 18px;
      display: block;
      font-family: sans-serif;
      font-size: 16px;
      font-size: 1rem;
      font-weight: normal;
      line-height: 16px;
      outline: none;
      padding: 10px 52px 10px 15px;
      width: 100%;
      height: 36px; }
    .g-nav .search form button {
      -webkit-appearance: none;
      appearance: none;
      background: #EAF0F3;
      border: 0;
      border-radius: 0 18px 18px 0;
      color: #278DD2;
      cursor: pointer;
      font-size: 16px;
      font-size: 1rem;
      position: absolute;
      top: 0;
      right: 0;
      width: 36px;
      height: 36px; }

main {
  padding-top: 90px; }

main.home {
  padding: 0; }

.sns {
  display: flex;
  justify-content: center; }
  .sns li {
    margin: 0 7px; }
  .sns a {
    border-radius: 50px;
    display: block;
    width: 50px;
    height: 50px;
    position: relative; }
  .sns .fab {
    display: block; }
  .sns .fa-facebook-square {
    font-size: 28px;
    font-size: 1.75rem; }
  .sns .fa-twitter {
    font-size: 26px;
    font-size: 1.625rem; }
  .sns .fa-instagram {
    font-size: 30px;
    font-size: 1.875rem; }
  .sns .fa-youtube {
    font-size: 30px;
    font-size: 1.875rem; }
  .sns .svg-inline--fa,
  .sns img {
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%); }

.g-header-en {
  align-items: center;
  background: white;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
  display: flex;
  padding: 0px 0 0 30px;
  position: fixed;
  width: 100%;
  height: 90px;
  z-index: 1000;
  top: 0;
  transition: ease-in-out 0.2s; }
  .g-header-en h1 {
    background: url(../img/header_logo_en.svg) no-repeat center center;
    background-size: contain;
    margin-right: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 368px;
    height: 52px; }
    .g-header-en h1 a {
      display: block;
      height: 100%; }
  .g-header-en .obj > ul {
    display: flex;
    height: 90px; }
    .g-header-en .obj > ul > li {
      border-left: 1px solid #888;
      width: 110px; }
      .g-header-en .obj > ul > li > a {
        color: #444;
        display: block;
        height: 100%;
        padding: 20px 10px; }
      .g-header-en .obj > ul > li .svg {
        fill: #444;
        width: 38px;
        height: 29px;
        margin-bottom: 3px; }
  .g-header-en .obj .lang {
    position: relative; }
    .g-header-en .obj .lang a.select-lang-btn {
      display: block; }
      .g-header-en .obj .lang a.select-lang-btn .en {
        font-family: 'Montserrat', sans-serif; }
    .g-header-en .obj .lang ul {
      display: block;
      position: absolute;
      right: 50%;
      transform: translateX(50%);
      top: 100px;
      background: #fff;
      box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
      border-radius: 3px;
      padding: 8px 0;
      transition: all 0.2s ease;
      width: 200px;
      z-index: 100; }
      .g-header-en .obj .lang ul li {
        line-height: 1.4; }
      .g-header-en .obj .lang ul a {
        color: #444;
        font-size: 14px;
        font-size: 0.875rem;
        padding: 5px 5px;
        display: block;
        text-align: center; }
        .g-header-en .obj .lang ul a:hover {
          color: #00a2d7; }

.s-header {
  background: #fff;
  border-bottom: 1px solid #c8dae4;
  position: fixed;
  width: 100%;
  height: 85px;
  z-index: 3000;
  top: 0; }
  .s-header header {
    background: #fff;
    position: relative; }
    .s-header header h1 {
      padding: 15px 0 0 0; }
      .s-header header h1 img {
        width: 221px;
        height: auto; }
      .s-header header h1.en img {
        width: 317px; }
    .s-header header .lang {
      font-size: 12px;
      font-size: 0.75rem;
      position: absolute;
      top: 28px;
      right: 0; }
      .s-header header .lang a {
        color: #000;
        display: block; }
        .s-header header .lang a:hover {
          color: #46b692; }
      .s-header header .lang a.select-lang-btn {
        border: 1px solid #c8dae4;
        box-sizing: border-box;
        background: #fff;
        border-radius: 3px;
        display: block;
        padding: 5px 8px; }
        .s-header header .lang a.select-lang-btn .fas {
          color: #a1b4be;
          margin-left: 4px; }
      .s-header header .lang ul {
        display: block;
        position: absolute;
        right: 0;
        top: 35px;
        border: 1px solid #c8dae4;
        box-sizing: border-box;
        background: #fff;
        border-radius: 3px;
        padding: 6px 0;
        transition: all 0.2s ease;
        width: 100%;
        z-index: 100; }
        .s-header header .lang ul li {
          line-height: 1.4; }
        .s-header header .lang ul a {
          padding: 3px 5px;
          display: block;
          text-align: center; }

.multilingual main {
  padding-top: 85px; }

.btn-pagetop {
  position: fixed;
  bottom: 120px;
  right: 20px;
  z-index: 500; }
  .btn-pagetop a {
    background-color: #fff;
    border-radius: 23px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
    color: #00a2d7;
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 46px;
    width: 46px;
    height: 46px;
    z-index: 8000;
    text-align: center; }

.s-footer {
  background: #4fc5e5;
  background: -moz-linear-gradient(-45deg, #4fc5e5 0%, #007696 100%);
  background: -webkit-linear-gradient(-45deg, #4fc5e5 0%, #007696 100%);
  background: linear-gradient(135deg, #4fc5e5 0%, #007696 100%);
  color: #fff;
  padding: 30px 0 50px 0; }
  .s-footer a {
    color: #fff; }
  .s-footer .group-link ul {
    display: flex;
    width: 1146px;
    margin: auto; }
    .s-footer .group-link ul li {
      border-right: 1px solid #fff;
      flex: 1 0 0%; }
      .s-footer .group-link ul li:first-child {
        border-left: 1px solid #fff; }
      .s-footer .group-link ul li a {
        display: block;
        font-family: 'Noto Sans JP', sans-serif;
        padding: 10px 8px;
        text-align: center; }
  .s-footer .f-guide {
    align-items: center;
    display: flex;
    margin: 40px auto;
    width: 1146px; }
    .s-footer .f-guide h3 {
      margin-right: auto; }
  .s-footer .f-policy {
    align-items: flex-end;
    display: flex;
    flex-direction: row-reverse;
    margin: 0 auto;
    width: 1146px; }
    .s-footer .f-policy ul {
      display: flex;
      margin-left: auto; }
      .s-footer .f-policy ul li {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.6;
        margin-right: 20px; }
        .s-footer .f-policy ul li:last-of-type {
          margin-left: 0; }
        .s-footer .f-policy ul li a {
          text-decoration: none; }
          .s-footer .f-policy ul li a .svg-inline--fa {
            margin-right: 4px; }
          .s-footer .f-policy ul li a:before {
            content: '\f0da';
            display: none;
            font-family: 'Font Awesome 5 Solid'; }
    .s-footer .f-policy .copyright {
      font-family: Helvetica, Arial, sans-serif;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.6; }
      .s-footer .f-policy .copyright small {
        font-size: 11px;
        font-size: 0.6875rem; }

.en-footer {
  background: #a1b4be; }
  .en-footer .copyright {
    color: #fff; }

/* /////////////////////////////////////////////////////////////////////////// Common */
.xLeft {
  text-align: left; }

.xCenter, .sp-left {
  text-align: center; }

.xRight {
  text-align: right; }

.yTop {
  vertical-align: top; }

.yMiddle {
  vertical-align: middle; }

.yBottom {
  vertical-align: bottom; }

.fLeft {
  float: left; }

.fRight {
  float: right; }

.wrap-clear {
  overflow: hidden; }

.dotbtm20 {
  border-bottom: 1px dotted #333;
  padding-bottom: 20px; }

.mgt5 {
  margin-top: 5px; }

.mgt10 {
  margin-top: 10px; }

.mgt15 {
  margin-top: 15px; }

.mgt20 {
  margin-top: 20px; }

.mgt25 {
  margin-top: 25px; }

.mgt30 {
  margin-top: 30px; }

.mgt35 {
  margin-top: 35px; }

.mgt40 {
  margin-top: 40px; }

.mgt45 {
  margin-top: 45px; }

.mgt50 {
  margin-top: 50px; }

.mgt55 {
  margin-top: 55px; }

.mgt60 {
  margin-top: 60px; }

.mgt3 {
  margin-top: 3px; }

.mgt8 {
  margin-top: 8px; }

.mgt-5 {
  margin-top: -5px; }

.mgt-10 {
  margin-top: -10px; }

.mgt-15 {
  margin-top: -15px; }

.mgt-20 {
  margin-top: -20px; }

.mgt-25 {
  margin-top: -25px; }

.mgt-30 {
  margin-top: -30px; }

.mgt-35 {
  margin-top: -35px; }

.mgt-40 {
  margin-top: -40px; }

.mgr5 {
  margin-right: 5px; }

.mgr10 {
  margin-right: 10px; }

.mgr15 {
  margin-right: 15px; }

.mgr20 {
  margin-right: 20px; }

.mgr25 {
  margin-right: 25px; }

.mgr30 {
  margin-right: 30px; }

.mgr35 {
  margin-right: 35px; }

.mgr40 {
  margin-right: 40px; }

.mgr45 {
  margin-right: 45px; }

.mgr50 {
  margin-right: 50px; }

.mgr55 {
  margin-right: 55px; }

.mgr60 {
  margin-right: 60px; }

.mgb5 {
  margin-bottom: 5px; }

.mgb10 {
  margin-bottom: 10px; }

.mgb15 {
  margin-bottom: 15px; }

.mgb20 {
  margin-bottom: 20px; }

.mgb25 {
  margin-bottom: 25px; }

.mgb30 {
  margin-bottom: 30px; }

.mgb35 {
  margin-bottom: 35px; }

.mgb40 {
  margin-bottom: 40px; }

.mgb45 {
  margin-bottom: 45px; }

.mgb50 {
  margin-bottom: 50px; }

.mgb55 {
  margin-bottom: 55px; }

.mgb60 {
  margin-bottom: 60px; }

.mgb3 {
  margin-bottom: 3px; }

.mgb8 {
  margin-bottom: 8px; }

.mgl5 {
  margin-left: 5px; }

.mgl10 {
  margin-left: 10px; }

.mgl15 {
  margin-left: 15px; }

.mgl20 {
  margin-left: 20px; }

.mgl25 {
  margin-left: 25px; }

.mgl30 {
  margin-left: 30px; }

.mgl35 {
  margin-left: 35px; }

.mgl40 {
  margin-left: 40px; }

.mgl45 {
  margin-left: 45px; }

.mgl50 {
  margin-left: 50px; }

.mgl55 {
  margin-left: 55px; }

.mgl60 {
  margin-left: 60px; }

.mgl1em {
  margin-left: 1em; }

.pdl5 {
  padding-left: 5px; }

.pdl10 {
  padding-left: 10px; }

.pdl15 {
  padding-left: 15px; }

.pdl20 {
  padding-left: 20px; }

.pdl25 {
  padding-left: 25px; }

.pdl30 {
  padding-left: 30px; }

.pdl35 {
  padding-left: 35px; }

.pdl40 {
  padding-left: 40px; }

.pdl45 {
  padding-left: 45px; }

.pdl50 {
  padding-left: 50px; }

.pdl55 {
  padding-left: 55px; }

.pdl60 {
  padding-left: 60px; }

.pdt15 {
  padding-top: 15px; }

.text11 {
  font-size: 11px;
  font-size: 0.6875rem; }

.text12 {
  font-size: 12px;
  font-size: 0.75rem; }

.text13 {
  font-size: 13px;
  font-size: 0.8125rem; }

.text14 {
  font-size: 14px;
  font-size: 0.875rem; }

.text15 {
  font-size: 15px;
  font-size: 0.9375rem; }

.text16 {
  font-size: 16px;
  font-size: 1rem; }

.text17 {
  font-size: 17px;
  font-size: 1.0625rem; }

.text18 {
  font-size: 18px;
  font-size: 1.125rem; }

.text19 {
  font-size: 19px;
  font-size: 1.1875rem; }

.text20 {
  font-size: 20px;
  font-size: 1.25rem; }

.text21 {
  font-size: 21px;
  font-size: 1.3125rem; }

.text22 {
  font-size: 22px;
  font-size: 1.375rem; }

.text23 {
  font-size: 23px;
  font-size: 1.4375rem; }

.text24 {
  font-size: 24px;
  font-size: 1.5rem; }

.text11 {
  line-height: 1.6; }

.sText {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.6; }

.mText, .region-hashira h5 {
  font-size: 13px;
  font-size: 0.8125rem; }

.lText {
  font-size: 16px;
  font-size: 1rem; }

.xlText {
  font-size: 18px;
  font-size: 1.125rem; }

.line1 {
  line-height: 1; }

.line13 {
  line-height: 1.3; }

.line15 {
  line-height: 1.5; }

.notes {
  margin-left: 1em;
  text-indent: -1em; }

.notes2 {
  margin-left: 2.6em;
  text-indent: -2.6em; }

.idt {
  text-indent: 1em; }

.red {
  color: #f00; }

.tx-white {
  color: #fff; }

.tx-yellow {
  color: #FFD600; }

.shokeiblue {
  color: #00a2d7; }

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.highlight {
  background: #fe0; }

.bg-gray {
  background-color: #eee; }

.bg-blue {
  background-color: #bce1df; }

.bg-green {
  background-color: #e2eec5; }

.bg-orange {
  background-color: #fde2ba; }

.bg-humanities {
  background-color: #00a0e9; }

.bg-education {
  background-color: #00a73c; }

.bg-hn {
  background-color: #da5283; }

.nowrap {
  white-space: nowrap; }

.t-hidden {
  visibility: hidden; }

.mincho, .chapel-buzzell h3, .chapel-concept h4, .chapel-concept .subtitle, .chapel-keyword h3, .chapel-keyword-box .column h4 {
  font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “メイリオ”, Meiryo, serif; }

.sans-serif {
  font-family: 'Noto Sans JP', sans-serif; }

.line-through {
  display: inline;
  text-decoration: line-through; }

.line10 {
  line-height: 1; }

.line11 {
  line-height: 1.1; }

.line12 {
  line-height: 1.2; }

.line13 {
  line-height: 1.3; }

.line14 {
  line-height: 1.4; }

.line15 {
  line-height: 1.5; }

.line16 {
  line-height: 1.6; }

.line17 {
  line-height: 1.7; }

.line18 {
  line-height: 1.8; }

.line19 {
  line-height: 1.9; }

.line20 {
  line-height: 2; }

.content-title {
  align-items: center;
  background-color: #E0ECFC;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  height: 160px;
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 20px; }
  .content-title h2 {
    color: #00a2d7;
    text-align: left; }
  .content-title-guide {
    background-image: url(img/header_bg01.jpg); }
  .content-title-faculty {
    background-image: url(img/header_bg02.jpg); }
  .content-title-campuslife {
    background-image: url(img/header_bg03.jpg); }
  .content-title-career {
    background-image: url(img/header_bg04.jpg); }
  .content-title-institution {
    background-image: url(img/header_bg05.jpg); }
  .content-title-relife {
    background-image: url(img/header_relife.jpg); }

.content-title-pages {
  background-color: #E0ECFC;
  height: 95px;
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 20px; }
  .content-title-pages h2 {
    color: #00a2d7;
    text-align: left; }
    .content-title-pages h2 span {
      display: inline-block;
      font-size: 70%;
      margin-right: 4px;
      padding-bottom: 4px;
      vertical-align: middle; }

.content-title-humanities {
  background-color: #e5f4fd; }
  .content-title-humanities h2 {
    color: #00a0e9; }

.content-title-education {
  background-color: #e5f5ea; }
  .content-title-education h2 {
    color: #00a73c; }

.content-title-hn {
  background-color: #fbecf1; }
  .content-title-hn h2 {
    color: #da5283; }

.h01, h3.cHeadline07 {
  background: #c8dae4;
  border-radius: 3px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 15px;
  padding: 8px 10px; }
  .h01 a, h3.cHeadline07 a {
    display: block;
    color: #222; }
    .h01 a:hover, h3.cHeadline07 a:hover {
      color: #00a2d7; }
    .h01 a .fa, h3.cHeadline07 a .fa {
      color: #00a2d7; }

.h02, .infoContent h4.cHeadline06, .infoContent .cHeadline05 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 10px; }

.h03 {
  border-bottom: 2px solid #c8dae4;
  color: #00a2d7;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px;
  padding-bottom: 8px; }

.h04, .h06 {
  background: #EAF0F4;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 15px;
  padding: 8px 10px; }

.h05 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4; }

.h06 {
  font-size: 16px;
  font-size: 1rem; }

.yamakakko:before {
  content: '＜'; }

.yamakakko:after {
  content: '＞'; }

.sumikakko:before {
  content: '【'; }

.sumikakko:after {
  content: '】'; }

.kakukakko:before {
  content: '[ '; }

.kakukakko:after {
  content: ' ]'; }

.marukakko:before {
  content: '(';
  margin-right: 2px; }

.marukakko:after {
  content: ')';
  margin-left: 2px; }

.colon:after {
  content: '：'; }

.disc {
  display: list-item;
  list-style: disc outside;
  margin-left: 1.4em; }

.list-border > li {
  border-bottom: 1px solid #ddd;
  padding: 8px 0; }
  .list-border > li:last-child {
    border-bottom: 1px solid #ddd; }

.list-border-top {
  border-top: 1px solid #ddd; }

.list-border-2 li:nth-of-type(-n+2) {
  border-top: 1px solid #ddd; }

.list-border-3 li:nth-of-type(-n+3) {
  border-top: 1px solid #ddd; }

.list-disc li {
  display: list-item;
  list-style: disc inside;
  padding-left: 0.3em; }

.list-2 {
  display: flex;
  flex-wrap: wrap; }
  .list-2 > li {
    margin-left: 4%;
    width: 48%; }
    .list-2 > li:nth-of-type(odd) {
      margin-left: 0; }

.list-3 {
  display: flex;
  flex-wrap: wrap; }
  .list-3 > li {
    margin-left: 2%;
    width: 32%; }
    .list-3 > li:nth-of-type(3n+1) {
      margin-left: 0; }

.disc-list01 > li, .region-hashira ul > li, .guidebook-list > li > div > ol.disc-list01 > li,
.guidebook-list > li > div > ul.disc-list01 > li,
.guidebook-list > li > ul > li > div > ol.disc-list01 > li,
.guidebook-list > li > ul > li > div > ul.disc-list01 > li {
  margin-left: 1.4em;
  list-style: disc; }

.disc-list02 > dt {
  display: list-item;
  list-style: disc outside;
  margin-left: 1.4em; }

.disc-list02 > dd {
  margin-left: 1.4em; }

.circle-list01 > li {
  margin-left: 1.4em;
  list-style: circle; }

.circle-list02 > dt {
  display: list-item;
  list-style: circle outside;
  margin-left: 1.4em; }

.circle-list02 > dd {
  margin-left: 1.4em; }

.num-list01 > li, .guidebook-list > li > div > ol > li,
.guidebook-list > li > div > ul > li,
.guidebook-list > li > ul > li > div > ol > li,
.guidebook-list > li > ul > li > div > ul > li {
  margin-left: 2.1em;
  list-style: decimal; }

.num-list02 > li {
  margin-left: 1.75em;
  text-indent: -1.75em;
  counter-increment: cnt; }
  .num-list02 > li:before {
    display: marker;
    content: "(" counter(cnt) ") "; }
  .num-list02 > li > ul {
    margin-left: 0;
    text-indent: 0; }

.num-list03 > li {
  margin-left: 1.2em;
  text-indent: -1.2em;
  counter-increment: cnt2; }
  .num-list03 > li:before {
    display: marker;
    content: counter(cnt2) ") "; }

.num-list04 dt {
  margin-left: 1.2em;
  text-indent: -1.2em;
  counter-increment: cnt3; }
  .num-list04 dt:before {
    display: marker;
    content: counter(cnt3) ". "; }

.num-list04 dd {
  margin-left: 1.2em; }

.num-list05 > dt {
  margin-left: 1.5em;
  text-indent: -1.5em;
  counter-increment: cnt5; }
  .num-list05 > dt:before {
    display: marker;
    content: "(" counter(cnt5) ") "; }

.num-list05 > dd {
  margin-left: 1.5em; }

.maru-list01 {
  counter-reset: maru-counter; }
  .maru-list01 li {
    position: relative;
    padding-left: 20px; }
    .maru-list01 li:before {
      border: 1px solid #000;
      border-radius: 50%;
      display: block;
      content: counter(maru-counter);
      counter-increment: maru-counter;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 15px;
      text-align: center;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 5px;
      left: 0; }

.pdf-list > li {
  margin-left: 1.2em;
  text-indent: -1.2em; }
  .pdf-list > li .svg-inline--fa {
    color: #d00;
    margin-right: 5px; }
  .pdf-list > li:before {
    content: '\f1c1';
    display: none;
    font-family: 'Font Awesome 5 Regular'; }
  .pdf-list > li.icon-none {
    margin-left: 1.2em;
    text-indent: 0; }
    .pdf-list > li.icon-none:before {
      content: none; }

.outside-list > li {
  margin-left: 1.2em;
  text-indent: -1.2em; }
  .outside-list > li .svg-inline--fa {
    color: #00a2d7;
    margin-right: 5px; }
  .outside-list > li:before {
    content: '\f24d';
    display: none;
    font-family: 'Font Awesome 5 Regular'; }

.inside-list > li {
  margin-left: 1.2em;
  text-indent: -1.2em; }
  .inside-list > li .svg-inline--fa {
    color: #00a2d7;
    margin-right: 5px; }
  .inside-list > li:before {
    content: '\f0a9';
    display: none;
    font-family: 'Font Awesome 5 Solid'; }
  .inside-list > li.disc {
    display: list-item;
    list-style: disc outside;
    margin-left: 1.4em;
    text-indent: 0; }
    .inside-list > li.disc:before {
      content: none; }

.alpha-list01 > li {
  margin-left: 1.2em;
  list-style: lower-alpha; }

.iroha-kana-list01 > li {
  margin-left: 1.6em;
  list-style-type: katakana-iroha; }

.inline-list > li {
  display: inline-block;
  margin-right: 5px; }
  .inline-list > li span {
    padding: 2px 4px; }

.slash-list li {
  display: inline; }
  .slash-list li:before {
    content: '／'; }
  .slash-list li:first-child:before {
    content: none; }

.border-box {
  box-sizing: border-box;
  padding: 10px 15px; }
  .border-box-gray {
    border: 1px solid #c8dae4; }
  .border-box-title01 {
    border-bottom: 2px dotted #c8dae4;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
    padding-bottom: 5px; }

.solid-box {
  border-radius: 5px;
  padding: 15px 15px; }
  .solid-box-white {
    background: #fff; }
  .solid-box-gray {
    background: #efefef; }
  .solid-box-cyan {
    background: #eaf0f4; }
  .solid-box-orange {
    background: #f9e4ca; }
  .solid-box-pink {
    background: #ffebee; }
  .solid-box-green {
    background: #d4edbf; }
  .solid-box-purple {
    background: #eddeec; }
  .solid-box-education {
    background: rgba(0, 167, 60, 0.1); }

.columnbox {
  display: flex;
  flex-wrap: wrap; }
  .columnbox .column-2 {
    margin-left: 4%;
    margin-top: 25px;
    width: 48%; }
    .columnbox .column-2:nth-child(-n+2) {
      margin-top: 0; }
    .columnbox .column-2:nth-of-type(odd) {
      margin-left: 0; }
  .columnbox .column-3 {
    margin-left: 2.6%;
    margin-top: 25px;
    width: 31.6%; }
    .columnbox .column-3:nth-child(-n+3) {
      margin-top: 0; }
    .columnbox .column-3:nth-of-type(3n+1) {
      margin-left: 0; }
  .columnbox .column-4 {
    margin-left: 3%;
    margin-top: 25px;
    width: 22.75%; }
    .columnbox .column-4:nth-child(-n+4) {
      margin-top: 0; }
    .columnbox .column-4:nth-of-type(4n+1) {
      margin-left: 0; }
  .columnbox .column-5 {
    margin-left: 3%;
    margin-top: 25px;
    width: 17.6%; }
    .columnbox .column-5:nth-child(-n+5) {
      margin-top: 0; }
    .columnbox .column-5:nth-of-type(5n+1) {
      margin-left: 0; }
  .columnbox .full-img img {
    width: 100%;
    height: auto; }

.align-center {
  justify-content: center; }

.inline-block {
  display: inline-block; }

.dl-list01 {
  border-top: 1px solid #ccc;
  clear: both;
  overflow: hidden;
  line-height: 1.5; }
  .dl-list01 dt {
    clear: left;
    float: left; }
  .dl-list01 dd {
    border-bottom: 1px solid #ccc; }
    .dl-list01 dd li {
      line-height: 1.5; }

.dl-list02 {
  clear: both;
  overflow: hidden; }
  .dl-list02 dt {
    clear: left;
    float: left; }

.dl-list-disc dt {
  display: list-item;
  list-style: disc;
  margin-left: 1.4em; }

.dl-list {
  overflow: hidden;
  line-height: 1.5; }
  .dl-list dt {
    clear: left;
    float: left; }

.dl-list-border {
  border-top: 1px solid #ccc; }
  .dl-list-border dd {
    border-bottom: 1px solid #ccc; }

.dl-w3 dt {
  padding: 5px 0;
  width: 3em; }

.dl-w3 dd {
  padding: 5px 0 5px 4em; }

.dl-w4 dt {
  padding: 5px 0;
  width: 4em; }

.dl-w4 dd {
  padding: 5px 0 5px 5em; }

.dl-w5 dt {
  padding: 5px 0;
  width: 5em; }

.dl-w5 dd {
  padding: 5px 0 5px 6em; }

.dl-w6 dt {
  padding: 5px 0;
  width: 6em; }

.dl-w6 dd {
  padding: 5px 0 5px 7em; }

.dl-w7 dt {
  padding: 5px 0;
  width: 7em; }

.dl-w7 dd {
  padding: 5px 0 5px 8em; }

.dl-w8 dt {
  padding: 5px 0;
  width: 8em; }

.dl-w8 dd {
  padding: 5px 0 5px 9em; }

.dl-w9 dt {
  padding: 5px 0;
  width: 9em; }

.dl-w9 dd {
  padding: 5px 0 5px 10em; }

.dl-w10 dt {
  padding: 5px 0;
  width: 10em; }

.dl-w10 dd {
  padding: 5px 0 5px 11em; }

.dl-w11 dt {
  padding: 5px 0;
  width: 11em; }

.dl-w11 dd {
  padding: 5px 0 5px 12em; }

.dl-w12 dt {
  padding: 5px 0;
  width: 12em; }

.dl-w12 dd {
  padding: 5px 0 5px 13em; }

.dl-w13 dt {
  padding: 5px 0;
  width: 13em; }

.dl-w13 dd {
  padding: 5px 0 5px 14em; }

.dl-w14 dt {
  padding: 5px 0;
  width: 14em; }

.dl-w14 dd {
  padding: 5px 0 5px 15em; }

.dl-w15 dt {
  padding: 5px 0;
  width: 15em; }

.dl-w15 dd {
  padding: 5px 0 5px 16em; }

table .justify {
  -moz-text-align-last: justify;
  text-align-last: justify; }

table .slash {
  background-image: linear-gradient(to top right, transparent, transparent 50%, #c8dae4 50%, #c8dae4 51%, transparent 51%, transparent); }
  table .slash span {
    display: block; }
    table .slash span:first-child {
      text-align: right; }

.tb th, .tb td {
  padding: 4px 6px; }

.tb .gray {
  background-color: #F4F6F6; }

.tb .blue {
  background-color: #D5E2EA; }

.tb .tate {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }

.tb .tate-en {
  -webkit-writing-mode: sideways-lr;
  -ms-writing-mode: bt-rl;
  writing-mode: sideways-lr; }

.tb-tb01 {
  border-top: 1px solid #c8dae4;
  border-left: 1px solid #c8dae4; }
  .tb-tb01 th, .tb-tb01 td {
    border-right: 1px solid #c8dae4;
    border-bottom: 1px solid #c8dae4; }
  .tb-tb01 .btmline {
    border-bottom-width: 3px; }
  .tb-tb01 .btmdashed {
    border-bottom: 1px dashed #c8dae4; }
  .tb-tb01 .double-bottom {
    border-bottom: 3px double #c8dae4; }

.w5 {
  width: 5%; }

.w10 {
  width: 10%; }

.w15 {
  width: 15%; }

.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 30%; }

.w35 {
  width: 35%; }

.w40 {
  width: 40%; }

.w45 {
  width: 45%; }

.w50 {
  width: 50%; }

.w55 {
  width: 55%; }

.w60 {
  width: 60%; }

.w65 {
  width: 65%; }

.w70 {
  width: 70%; }

.w75 {
  width: 75%; }

.w80 {
  width: 80%; }

.w85 {
  width: 85%; }

.w90 {
  width: 90%; }

.w95 {
  width: 95%; }

.w100 {
  width: 100%; }

.img-border {
  box-sizing: border-box;
  border: 1px solid #ccc; }

.photo-r,
.photo-r-full {
  float: right;
  margin-left: 25px; }

.photo-c, .infoContent .photoBox01, .infoContent .photoBox02 {
  text-align: center; }

.photo-l,
.infoContent .photoBox03,
.photo-l-full {
  float: left;
  margin-right: 25px; }

.photo-full img {
  width: 100%;
  height: auto; }

.photo-box {
  display: flex; }
  .photo-box > div {
    flex: 1 0 0%;
    margin-right: 25px; }
  .photo-box .photo {
    flex: none;
    margin-right: 0; }

.mediaplayer video {
  max-width: 100%;
  height: auto; }

.youtubeplayer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  .youtubeplayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus:-moz-placeholder {
  color: transparent; }

input:focus::-moz-placeholder {
  color: transparent; }

input::focus::placeholder {
  color: transparent; }

.contents {
  padding-bottom: 30px; }
  .contents button,
  .contents input[type=button],
  .contents input[type=submit] {
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none; }
  .contents input[type=text] {
    border: 1px solid #bbb;
    border-radius: 5px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 6px 10px; }
    .contents input[type=text]:focus {
      border: 1px solid #aaa;
      box-shadow: 0px 0px 3px rgba(61, 176, 246, 0.8); }
  .contents .short {
    width: 150px; }
  .contents input[type=radio] {
    outline: none; }
  .contents select {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #bbb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 6px 8px; }
    .contents select:focus {
      border: 1px solid #aaa;
      box-shadow: 0px 0px 3px rgba(61, 176, 246, 0.8); }
  @supports (-ms-ime-align: auto) {
    .contents select {
      font-family: sans-serif; } }
  .contents select::-ms-expand {
    display: none; }
  .contents textarea {
    border: 1px solid #bbb;
    border-radius: 5px;
    box-sizing: border-box;
    outline: none;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 6px 10px; }
    .contents textarea:focus {
      border: 1px solid #aaa;
      box-shadow: 0px 0px 3px rgba(61, 176, 246, 0.8); }
  .contents hr {
    position: relative;
    height: 30px; }
    .contents hr:before {
      content: '';
      background: #ddd;
      position: absolute;
      right: 50%;
      bottom: 50%;
      transform: translate(50%, 50%);
      width: 100%;
      height: 1px; }
    .contents hr:after {
      content: '§';
      display: block;
      background: #fff;
      color: #ddd;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1;
      padding: 5px 8px;
      position: absolute;
      right: 50%;
      transform: translateX(50%);
      top: 0;
      transform: rotate(60deg);
      z-index: 100; }
  .contents a.btn {
    color: #000;
    display: inline-block; }
  .contents a.btn-info {
    color: #fff; }
  .contents .btn {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.9;
    outline: none;
    padding: 8px 20px;
    text-decoration: none; }
    .contents .btn-block {
      width: 240px; }
    .contents .btn-next {
      background: #FFD600; }
      .contents .btn-next:hover {
        background: #ffc400; }
    .contents .btn-back {
      background: #f6f6f6;
      color: #666; }
      .contents .btn-back:hover {
        background: #eee; }
    .contents .btn-info {
      background: #5bc0de;
      color: #fff; }
      .contents .btn-info:hover {
        background: #31B0D5; }
  .contents .btnlist {
    font-size: 0; }
    .contents .btnlist li {
      display: inline-block; }
      .contents .btnlist li:first-child {
        margin-right: 15px; }
  .contents .btnlist-flex {
    display: flex;
    justify-content: center; }
    .contents .btnlist-flex li {
      text-align: center; }
      .contents .btnlist-flex li:first-child {
        margin-right: 15px; }
  .contents .box-btn {
    background: #00A2D7;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    padding: 8px 25px;
    position: relative;
    text-align: center; }
    .contents .box-btn .svg-inline--fa {
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
      right: 10px; }
    .contents .box-btn:after {
      content: '\f0a9';
      display: none;
      font-family: 'Font Awesome 5 Solid'; }
    .contents .box-btn:hover {
      background: #008fbe; }
  .contents a.box-btn[href$=".pdf"] {
    padding: 8px 15px; }
    .contents a.box-btn[href$=".pdf"] .svg-inline--fa {
      margin-right: 5px;
      position: relative;
      transform: none;
      right: auto; }
    .contents a.box-btn[href$=".pdf"]:before {
      content: '\f1c1';
      display: none;
      font-family: 'Font Awesome 5 Regular'; }
    .contents a.box-btn[href$=".pdf"]:after {
      content: none; }

.breadcrumbs {
  font-size: 0;
  margin: 0 auto 25px auto;
  width: 1146px;
  text-align: left; }
  .breadcrumbs li {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.6; }
    .breadcrumbs li:before {
      margin: 0 6px;
      color: #aaa;
      content: '>'; }
    .breadcrumbs li:first-child {
      margin: 0;
      color: #666;
      content: '>'; }
      .breadcrumbs li:first-child .svg-inline--fa {
        color: #278dd2;
        margin-right: 2px; }
    .breadcrumbs li:first-child:before {
      content: '\f015';
      display: none;
      font-family: 'Font Awesome 5 Solid'; }
    .breadcrumbs li a {
      color: #278dd2;
      text-decoration: none; }
      .breadcrumbs li a:hover {
        color: #46b692;
        text-decoration: underline; }

a.btn-download {
  color: #000;
  background: #c8dae4;
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  padding: 6px 30px;
  text-align: center;
  transition: ease 0.2s; }
  a.btn-download:hover {
    background: #adc8d7; }
  a.btn-download .svg-inline--fa {
    margin-left: 8px; }
  a.btn-download:after {
    content: '\f019';
    display: none;
    font-family: 'Font Awesome 5 Solid'; }

a.pagetop {
  color: #278dd2; }
  a.pagetop:hover {
    color: #46b692; }

.insidelink {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .insidelink li {
    margin-right: 20px;
    font-size: 15px;
    font-size: 0.9375rem; }
  .insidelink .svg-inline--fa {
    margin-right: 5px; }
  .insidelink a {
    display: block;
    color: #278dd2; }
    .insidelink a:before {
      content: '\f0ab';
      display: none;
      font-family: 'Font Awesome 5 Solid'; }

#fb, #tw, #ig, #line,
#public, #jr, #rapibus, #mycar, #nintei,
#undergraduate, #graduate, #etc,
#examguide,
#d-pam,
#schedule, #course, #kobetsu, #peer, #voice {
  margin-top: -90px;
  padding-top: 90px; }

.c-nav ul {
  display: flex;
  flex-wrap: wrap; }
  .c-nav ul li {
    margin-bottom: 25px;
    margin-left: 2%;
    vertical-align: top;
    width: 32%; }
    .c-nav ul li:nth-of-type(3n+1) {
      margin-left: 0; }
    .c-nav ul li a {
      border: 1px solid #fff;
      box-shadow: 1.414px 1.414px 3px 0px rgba(138, 138, 138, 0.45);
      display: block;
      position: relative; }
      .c-nav ul li a:hover {
        box-shadow: 1.414px 1.414px 3px 0px rgba(138, 138, 138, 0.8); }
        .c-nav ul li a:hover img {
          opacity: 0.8;
          filter: alpha(opacity=80); }
    .c-nav ul li img {
      width: 100%;
      height: auto; }
    .c-nav ul li p {
      background: rgba(0, 162, 215, 0.902);
      bottom: 0;
      left: 0;
      color: #fff;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.2;
      padding: 11px 0;
      position: absolute;
      text-align: center;
      width: 100%; }
      .c-nav ul li p .svg-inline--fa {
        font-size: 11px;
        font-size: 0.6875rem;
        vertical-align: top; }
      .c-nav ul li p span {
        font-size: 13px;
        font-size: 0.8125rem; }
      .c-nav ul li p:hover {
        background: #00a2d7; }
      .c-nav ul li p.humanities {
        background: rgba(0, 160, 233, 0.902); }
        .c-nav ul li p.humanities:hover {
          background: #00a0e9; }
      .c-nav ul li p.education {
        background: rgba(0, 167, 60, 0.902); }
        .c-nav ul li p.education:hover {
          background: #00a73c; }
      .c-nav ul li p.expression {
        background: rgba(64, 99, 152, 0.902); }
        .c-nav ul li p.expression:hover {
          background: #406398; }
      .c-nav ul li p.psychology {
        background: rgba(227, 84, 51, 0.902); }
        .c-nav ul li p.psychology:hover {
          background: #e35433; }
      .c-nav ul li p.child {
        background: rgba(116, 164, 85, 0.902); }
        .c-nav ul li p.child:hover {
          background: #74a455; }
      .c-nav ul li p.society {
        background: rgba(0, 151, 192, 0.902); }
        .c-nav ul li p.society:hover {
          background: #0097c0; }
      .c-nav ul li p.environment {
        background: rgba(0, 150, 123, 0.902); }
        .c-nav ul li p.environment:hover {
          background: #00967b; }
      .c-nav ul li p.hn {
        background: rgba(218, 82, 131, 0.902); }
        .c-nav ul li p.hn:hover {
          background: #da5283; }
      .c-nav ul li p.grad {
        background: rgba(147, 75, 133, 0.902); }
        .c-nav ul li p.grad:hover {
          background: #934b85; }

.c-nav-sec ul li p {
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 8px 0; }

.p-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .p-nav > div {
    margin-top: 15px;
    width: 49%; }
    .p-nav > div:nth-child(-n+2) {
      margin-top: 0; }
  .p-nav a {
    background: #F0F4F7;
    color: #00a2d7;
    display: table;
    padding: 8px;
    width: 100%; }
    .p-nav a:hover {
      background: #e6edf2; }
    .p-nav a img {
      display: table-cell;
      margin: 0 15px 0 0;
      width: 100px;
      height: auto; }
    .p-nav a p {
      display: table-cell;
      font-size: 16px;
      font-size: 1rem;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: bold;
      line-height: 1.2;
      text-align: left;
      vertical-align: middle;
      width: 100%; }

.p-nav-box a {
  background: #F0F4F7;
  display: flex;
  margin-top: 15px;
  padding: 8px; }
  .p-nav-box a > div {
    align-self: center; }
  .p-nav-box a .photo {
    margin-right: 15px; }
  .p-nav-box a .linktitle {
    color: #00a2d7;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 10px; }
  .p-nav-box a p {
    color: #222; }
  .p-nav-box a:hover {
    background: #e6edf2; }
  .p-nav-box a:nth-of-type(1) {
    margin-top: 0; }

.p-nav-column a {
  background: #F0F4F7;
  padding: 8px; }
  .p-nav-column a .photo {
    margin-bottom: 15px; }
    .p-nav-column a .photo img {
      width: 100%;
      height: auto; }
  .p-nav-column a .linktitle {
    color: #00a2d7;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 10px;
    text-align: center; }
  .p-nav-column a p {
    color: #222; }
  .p-nav-column a:hover {
    background: #e6edf2; }

.p-nav-nophoto {
  display: flex;
  flex-wrap: wrap; }
  .p-nav-nophoto a,
  .p-nav-nophoto > div {
    border: 2px solid #d8d8d8;
    color: #278dd2;
    border-radius: 5px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
    font-family: 'Noto Sans JP', sans-serif;
    margin-left: 2%;
    margin-top: 15px;
    width: 49%;
    display: block;
    padding: 15px 10px;
    position: relative; }
    .p-nav-nophoto a span,
    .p-nav-nophoto > div span {
      font-size: 14px;
      font-size: 0.875rem; }
    .p-nav-nophoto a:nth-child(-n+2),
    .p-nav-nophoto > div:nth-child(-n+2) {
      margin-top: 0; }
    .p-nav-nophoto a:nth-of-type(odd),
    .p-nav-nophoto > div:nth-of-type(odd) {
      margin-left: 0; }
    .p-nav-nophoto a .svg-inline--fa,
    .p-nav-nophoto > div .svg-inline--fa {
      color: #00a2d7;
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
      right: 10px; }
    .p-nav-nophoto a:hover,
    .p-nav-nophoto > div:hover {
      background: #feffe9;
      border: 2px solid #6ac5a8;
      color: #46b692; }
    .p-nav-nophoto a:before,
    .p-nav-nophoto > div:before {
      content: '\f138';
      display: none;
      font-family: 'Font Awesome 5 Solid'; }
    .p-nav-nophoto a.nolink,
    .p-nav-nophoto > div.nolink {
      color: #888;
      cursor: default; }
      .p-nav-nophoto a.nolink .svg-inline--fa,
      .p-nav-nophoto > div.nolink .svg-inline--fa {
        color: #ccc; }
      .p-nav-nophoto a.nolink:hover,
      .p-nav-nophoto > div.nolink:hover {
        background: none;
        border: 2px solid #d8d8d8; }

.contents-main {
  float: left;
  width: 832px; }

.contactbox {
  border: 1px solid #00a2d7; }
  .contactbox-title {
    background: #00a2d7;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    padding: 5px 10px; }
  .contactbox dl,
  .contactbox ul {
    margin: 10px; }
    .contactbox dl dt,
    .contactbox ul dt {
      font-weight: bold;
      line-height: 1.6;
      margin-bottom: 5px; }
    .contactbox dl dd,
    .contactbox ul dd {
      line-height: 1.6;
      margin-left: 1em; }

.sidebar {
  float: right;
  width: 264px; }
  .sidebar h2 a {
    background: #a1b4be;
    color: #fff;
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.3;
    padding: 8px 10px; }
    .sidebar h2 a:hover {
      background: #839ca9; }
    .sidebar h2 a span.group {
      display: block;
      font-size: 0.8em;
      letter-spacing: normal; }
  .sidebar h2:nth-of-type(1) a {
    border-radius: 3px 3px 0 0; }
  .sidebar h2.side-humanities a {
    background: #00a0e9;
    letter-spacing: 0.1em; }
    .sidebar h2.side-humanities a span.group:hover {
      background: #00a0e9; }
  .sidebar h2.side-education a {
    background: #00a73c;
    letter-spacing: 0.1em; }
  .sidebar h2.side-hn a {
    background: #da5283;
    letter-spacing: 0.1em; }
  .sidebar h3 {
    background: #a1b4be;
    color: #fff;
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.3;
    padding: 8px 10px; }
  .sidebar ul {
    font-family: 'Noto Sans JP', sans-serif; }
    .sidebar ul:last-of-type {
      border-radius: 0 0 3px 3px;
      border-bottom: 1px solid #c8dae4; }
    .sidebar ul li {
      border-top: 1px solid #c8dae4;
      line-height: 1.6; }
      .sidebar ul li:first-child {
        border-top: 0; }
      .sidebar ul li ul:last-of-type {
        border-bottom: 0;
        border-radius: 0; }
      .sidebar ul li ul li,
      .sidebar ul li ul li:first-child {
        border-top: 1px dashed #c8dae4; }
        .sidebar ul li ul li a,
        .sidebar ul li ul li:first-child a {
          padding: 8px 10px 8px 21px; }
        .sidebar ul li ul li a[href$=".pdf"],
        .sidebar ul li ul li:first-child a[href$=".pdf"] {
          padding: 8px 10px 8px 21px; }
      .sidebar ul li a {
        color: #000;
        display: block;
        margin-left: 11px;
        padding: 8px 10px;
        text-indent: -11px; }
        .sidebar ul li a .svg-inline--fa {
          color: #a1b4be;
          margin-right: 6px; }
        .sidebar ul li a:before {
          content: '\f105';
          display: none;
          font-family: 'Font Awesome 5 Solid'; }
        .sidebar ul li a:hover {
          color: #46b692; }
        .sidebar ul li a .group {
          display: inline-block;
          font-size: 11px;
          font-size: 0.6875rem;
          width: 7.5em;
          padding-left: 11px; }
      .sidebar ul li.outsidelink a,
      .sidebar ul li a[target="_blank"] {
        margin-left: 15px;
        padding: 8px 10px 8px 5px;
        text-indent: -15px; }
        .sidebar ul li.outsidelink a .svg-inline--fa,
        .sidebar ul li a[target="_blank"] .svg-inline--fa {
          font-size: 13px;
          font-size: 0.8125rem;
          margin-right: 5px; }
        .sidebar ul li.outsidelink a:before,
        .sidebar ul li a[target="_blank"]:before {
          content: '\f24d';
          display: none;
          font-family: 'Font Awesome 5 Regular'; }
      .sidebar ul li.pdflink,
      .sidebar ul li a[href$=".pdf"] {
        margin-left: 15px;
        padding: 8px 10px 8px 7px;
        text-indent: -15px; }
        .sidebar ul li.pdflink .svg-inline--fa,
        .sidebar ul li a[href$=".pdf"] .svg-inline--fa {
          color: #d00;
          font-size: 13px;
          font-size: 0.8125rem; }
        .sidebar ul li.pdflink:before,
        .sidebar ul li a[href$=".pdf"]:before {
          content: '\f1c1';
          font-family: 'Font Awesome 5 Regular'; }
    .sidebar ul .active > a {
      color: #00a2d7; }
  .sidebar-bnr {
    margin-top: 15px; }
    .sidebar-bnr p {
      line-height: 1;
      text-align: center; }
      .sidebar-bnr p:first-of-type a {
        border-radius: 4px 4px 0 0; }
      .sidebar-bnr p:last-of-type a {
        border-bottom: 1px solid #c8dae4;
        border-radius: 0 0 4px 4px; }
      .sidebar-bnr p a {
        border: 1px solid #c8dae4;
        border-bottom: 0;
        display: block;
        overflow: hidden; }
        .sidebar-bnr p a:hover {
          opacity: 0.8;
          filter: alpha(opacity=80); }
        .sidebar-bnr p a img {
          margin: -1px; }

.accordion h2 {
  border-bottom: 1px solid #fff; }
  .accordion h2 a {
    position: relative; }
    .accordion h2 a .svg-inline--fa {
      font-size: 16px;
      font-size: 1rem;
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
      right: 10px; }
    .accordion h2 a:after {
      content: '\f107';
      display: none;
      font-family: 'Font Awesome 5 Solid'; }
  .accordion h2.open {
    border: 0; }
    .accordion h2.open a:after {
      content: '\f106'; }
  .accordion h2:last-of-type a {
    border-radius: 0 0 3px 3px; }
  .accordion h2:last-of-type.open a {
    border-radius: 0;
    border: 0; }

.newslist {
  border-top: 1px dotted #c8dae4;
  line-height: 1.6;
  overflow: hidden; }
  .newslist dt {
    clear: left;
    padding: 6px 0;
    float: left;
    width: 8em; }
  .newslist dd {
    padding: 6px 0 6px 8em;
    border-bottom: 1px dotted #c8dae4; }

.acrobat-bnr {
  float: left;
  margin-right: 15px; }

.acrobat-desc {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.6; }

.info-box-list dl {
  border-top: 1px dotted #a1b4be;
  line-height: 1.6;
  margin-bottom: 15px;
  overflow: hidden; }
  .info-box-list dl dt {
    clear: left;
    padding: 6px 0;
    float: left;
    width: 11.5em; }
    .info-box-list dl dt span {
      color: #fff;
      display: block;
      font-size: 12px;
      font-size: 0.75rem;
      float: right;
      line-height: 1;
      margin-top: 2px;
      padding: 3px 0;
      text-align: center;
      white-space: nowrap;
      width: 6em; }
    .info-box-list dl dt .info {
      background: #3297de; }
    .info-box-list dl dt .event {
      background: #ff8a65; }
    .info-box-list dl dt .admission {
      background: #09b5b2; }
    .info-box-list dl dt .important {
      background: #F56E6E; }
    .info-box-list dl dt .seminar {
      background: #91a8d0; }
  .info-box-list dl dd {
    padding: 6px 0 6px 13em;
    border-bottom: 1px dotted #c8dae4; }
    .info-box-list dl dd img {
      vertical-align: text-top; }
  .info-box-list dl dt:nth-child(n+30),
  .info-box-list dl dd:nth-child(n+31) {
    display: none; }

.info-box-list-nolimit dl dt:nth-child(n+30),
.info-box-list-nolimit dl dd:nth-child(n+31) {
  display: block; }

.top-visual > div {
  position: relative;
  height: 100%;
  overflow: hidden; }

.top-visual video {
  filter: brightness(0.9);
  display: block;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: auto;
  outline: none; }
  .top-visual video img {
    width: 100%;
    height: auto; }
  .top-visual video.sp-none {
    display: none; }

.top-visual .faculty-visual img {
  filter: brightness(0.6);
  width: 100%;
  height: auto; }

.top-visual .top-logo,
.top-visual .group-name {
  position: absolute;
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);
  z-index: 200; }

.top-visual .group-name {
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  width: 100%; }
  .top-visual .group-name h2 {
    font-size: 36px;
    font-size: 2.25rem;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 15px;
    letter-spacing: 0.2em;
    text-indent: -0.2em; }
    .top-visual .group-name h2 span {
      font-size: 60px;
      font-size: 3.75rem;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700;
      letter-spacing: 0.2em;
      text-indent: -0.2em; }
  .top-visual .group-name p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0.15em;
    text-indent: -0.15em; }

.top-visual-movie {
  position: relative;
  height: 100%;
  overflow: hidden;
  margin-top: -5%;
  padding-bottom: 56.25%; }
  .top-visual-movie:after {
    background: rgba(0, 0, 0, 0.1);
    content: '';
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
    width: 100%;
    height: 100%; }
  .top-visual-movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; }

.top-visual-mobile {
  display: none; }

.visual-multi {
  background: #BFE2F6;
  min-width: 1146px;
  height: 350px; }
  .visual-multi .wrapper, .visual-multi .content-title h2, .content-title .visual-multi h2, .visual-multi .content-title-pages h2, .content-title-pages .visual-multi h2, .visual-multi .top-info, .visual-multi .top-en, .visual-multi .contents-brand .br-obj-inner, .contents-brand .visual-multi .br-obj-inner {
    margin: auto;
    position: relative;
    width: 1100px; }
  .visual-multi .en {
    background: #bfe2f6 url(img/top_visual_en.jpg) no-repeat right center;
    background-size: contain;
    height: 350px; }
    .visual-multi .en img {
      margin: 140px 0 0 50px;
      width: 400px;
      height: auto;
      position: absolute; }
  .visual-multi .ru {
    background: #bfe2f6 url(img/top_visual_en.jpg) no-repeat right center;
    background-size: contain;
    height: 350px; }
    .visual-multi .ru .wrapper, .visual-multi .ru .content-title h2, .content-title .visual-multi .ru h2, .visual-multi .ru .content-title-pages h2, .content-title-pages .visual-multi .ru h2, .visual-multi .ru .top-info, .visual-multi .ru .top-en, .visual-multi .ru .contents-brand .br-obj-inner, .contents-brand .visual-multi .ru .br-obj-inner {
      position: relative; }
    .visual-multi .ru img {
      margin: 145px 0 0 50px;
      width: 380px;
      height: auto;
      position: absolute; }

.top-adminbtn {
  background: #4fc4e4;
  background: -moz-linear-gradient(left, #4fc4e4 0%, #007595 100%);
  background: -webkit-linear-gradient(left, #4fc4e4 0%, #007595 100%);
  background: linear-gradient(to right, #4fc4e4 0%, #007595 100%);
  padding: 20px; }

.top-title, .top-topics h2, .top-info h2, .top-admission h2, .top-faculty h2, .top-feature h2, .top-movie h2, .top-pickup h2, .faculty-news h3, .faculty-chilef h3, .faculty-content-nav h3 {
  color: #666;
  display: flex; }
  .top-title span, .top-topics h2 span, .top-info h2 span, .top-admission h2 span, .top-faculty h2 span, .top-feature h2 span, .top-movie h2 span, .top-pickup h2 span, .faculty-news h3 span, .faculty-chilef h3 span, .faculty-content-nav h3 span {
    display: block; }
  .top-title span:nth-of-type(1), .top-topics h2 span:nth-of-type(1), .top-info h2 span:nth-of-type(1), .top-admission h2 span:nth-of-type(1), .top-faculty h2 span:nth-of-type(1), .top-feature h2 span:nth-of-type(1), .top-movie h2 span:nth-of-type(1), .top-pickup h2 span:nth-of-type(1), .faculty-news h3 span:nth-of-type(1), .faculty-chilef h3 span:nth-of-type(1), .faculty-content-nav h3 span:nth-of-type(1) {
    font-family: 'Times New Roman', serif;
    font-size: 55px;
    font-size: 3.4375rem; }
  .top-title span:nth-of-type(2), .top-topics h2 span:nth-of-type(2), .top-info h2 span:nth-of-type(2), .top-admission h2 span:nth-of-type(2), .top-faculty h2 span:nth-of-type(2), .top-feature h2 span:nth-of-type(2), .top-movie h2 span:nth-of-type(2), .top-pickup h2 span:nth-of-type(2), .faculty-news h3 span:nth-of-type(2), .faculty-chilef h3 span:nth-of-type(2), .faculty-content-nav h3 span:nth-of-type(2) {
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700; }

.top-topics {
  background: #f6f6f6;
  display: flex;
  padding: 35px 0; }
  .top-topics h2 {
    flex-direction: column;
    align-items: flex-end;
    padding: 30px 60px 0 60px;
    white-space: nowrap; }
  .top-topics .pickup {
    flex: 1 0 0%; }
    .top-topics .pickup a {
      display: block; }
      .top-topics .pickup a img {
        width: 100%;
        height: auto; }
        .top-topics .pickup a img:hover {
          opacity: 0.8;
          filter: alpha(opacity=80); }
      .top-topics .pickup a.nohover img:hover {
        opacity: 1;
        filter: alpha(opacity=100); }
  .top-topics .swiper-button-prev.swiper-button-disabled,
  .top-topics .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none; }

.top-info {
  display: flex;
  margin: 60px auto;
  justify-content: space-between; }
  .top-info-box {
    width: 48%; }
    .top-info-box:nth-of-type(2) .tab-menu {
      visibility: hidden; }
  .top-info h2 {
    align-items: center;
    margin-bottom: 20px; }
    .top-info h2 span:nth-of-type(1) {
      margin-right: 10px; }
  .top-info .tab-menu {
    margin-bottom: 25px;
    display: flex; }
    .top-info .tab-menu li {
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 13px;
      font-size: 0.8125rem;
      margin-left: 10px; }
      .top-info .tab-menu li:first-child {
        margin-left: 0; }
      .top-info .tab-menu li a {
        border-radius: 2px;
        color: #fff;
        display: block;
        padding: 0px 10px;
        text-align: center;
        min-width: 6em; }
        .top-info .tab-menu li a.selected {
          font-weight: 500; }
      .top-info .tab-menu li.tabs-info a {
        background: #3297de;
        border: 1px solid #3297de; }
        .top-info .tab-menu li.tabs-info a.selected {
          background: #fff;
          border: 1px solid #3297de;
          color: #3297de; }
      .top-info .tab-menu li.tabs-event a {
        background: #ff8a65;
        border: 1px solid #ff8a65; }
        .top-info .tab-menu li.tabs-event a.selected {
          background: #fff;
          border: 1px solid #ff8a65;
          color: #ff8a65; }
      .top-info .tab-menu li.tabs-admission a {
        background: #0ab6b4;
        border: 1px solid #0ab6b4; }
        .top-info .tab-menu li.tabs-admission a.selected {
          background: #fff;
          border: 1px solid #0ab6b4;
          color: #0ab6b4; }
      .top-info .tab-menu li.tabs-recently a {
        background: #00B7EE;
        border: 1px solid #00B7EE; }
        .top-info .tab-menu li.tabs-recently a.selected {
          background: #fff;
          border: 1px solid #00B7EE;
          color: #00a2d7; }
  .top-info .info-box-list dl {
    border-top: 0;
    line-height: 1.6;
    margin-bottom: 25px;
    overflow: hidden; }
    .top-info .info-box-list dl dt {
      clear: left;
      padding: 6px 0 3px 0;
      float: none;
      width: auto; }
      .top-info .info-box-list dl dt span {
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-size: 0.75rem;
        float: none;
        margin-left: 5px; }
    .top-info .info-box-list dl dd {
      padding: 0px 0 6px 0; }
  .top-info-link {
    text-align: center; }
    .top-info-link a {
      background: rgba(255, 255, 255, 0.5);
      border: 1px solid #a1b4be;
      color: #444;
      display: inline-block;
      font-family: 'Noto Sans JP', sans-serif;
      padding: 8px 20px;
      width: 250px; }
      .top-info-link a:hover {
        color: #46b692; }

.top-admission {
  background: #f6f6f6;
  padding: 50px 0 50px 0; }
  .top-admission h2 {
    flex-direction: column;
    margin-bottom: 40px; }
    .top-admission h2 span:nth-of-type(2) {
      margin-top: 10px; }
  .top-admission .admission-slide {
    width: 1146px;
    padding-bottom: 5px; }
    .top-admission .admission-slide a {
      box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
      display: block; }
      .top-admission .admission-slide a:hover {
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); }
      .top-admission .admission-slide a img {
        width: 100%;
        height: auto; }
  .top-admission .swiper-button-prev.swiper-button-disabled,
  .top-admission .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none; }

.top-faculty {
  padding: 50px 0;
  text-align: left; }
  .top-faculty h2 {
    align-items: center;
    margin-bottom: 20px; }
    .top-faculty h2 span:nth-of-type(1) {
      margin-right: 10px; }
  .top-faculty .top-faculty-visual {
    display: flex;
    position: relative; }
    .top-faculty .top-faculty-visual .photo {
      width: 53%;
      z-index: 0; }
      .top-faculty .top-faculty-visual .photo img {
        width: 100%;
        height: auto; }
    .top-faculty .top-faculty-visual .top-faculty-desc {
      flex: 1 0 0%;
      margin-top: 240px; }
    .top-faculty .top-faculty-visual h4 {
      position: absolute;
      top: 0;
      writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      -webkit-writing-mode: vertical-rl;
      z-index: 200;
      font-weight: 500;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.3;
      white-space: nowrap; }
      .top-faculty .top-faculty-visual h4 span {
        -webkit-text-combine: horizontal;
        -ms-text-combine-horizontal: all;
        text-combine-upright: all; }
    .top-faculty .top-faculty-visual .top-faculty-section {
      color: #fff;
      height: 160px;
      margin-top: 50px;
      position: absolute;
      z-index: 100;
      width: 53%;
      top: 0; }
      .top-faculty .top-faculty-visual .top-faculty-section h3 {
        position: absolute;
        bottom: 50%;
        transform: translateY(50%); }
        .top-faculty .top-faculty-visual .top-faculty-section h3 > span {
          align-items: center;
          display: flex;
          flex-direction: column; }
          .top-faculty .top-faculty-visual .top-faculty-section h3 > span span {
            display: block; }
          .top-faculty .top-faculty-visual .top-faculty-section h3 > span span:nth-of-type(1) {
            font-family: 'GFS Didot', serif;
            font-size: 48px;
            font-size: 3rem; }
          .top-faculty .top-faculty-visual .top-faculty-section h3 > span span:nth-of-type(2) {
            font-family: 'Noto Serif JP', serif;
            font-size: 20px;
            font-size: 1.25rem;
            font-weight: 700;
            margin-top: 8px; }
  .top-faculty .top-faculty-link {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px; }
    .top-faculty .top-faculty-link:nth-of-type(1) {
      margin-top: 0; }
    .top-faculty .top-faculty-link a {
      display: block;
      color: #fff;
      font-family: 'Noto Serif JP', serif;
      font-weight: 700;
      margin-left: 2%;
      padding: 15px 10px;
      text-align: center;
      width: 18.4%; }
      .top-faculty .top-faculty-link a:nth-of-type(1) {
        margin-left: 0; }
      .top-faculty .top-faculty-link a strong {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 700;
        display: block; }
      .top-faculty .top-faculty-link a.humanities {
        background: #00a0e9; }
      .top-faculty .top-faculty-link a.education {
        background: #00a73c; }
      .top-faculty .top-faculty-link a.hn {
        background: #da5283; }
      .top-faculty .top-faculty-link a.graduate {
        background: #934b85; }
      .top-faculty .top-faculty-link a.expression {
        background: #406398; }
      .top-faculty .top-faculty-link a.psychology {
        background: #e35433; }
      .top-faculty .top-faculty-link a.child {
        background: #74a455; }
      .top-faculty .top-faculty-link a.society {
        background: #0097c0; }
      .top-faculty .top-faculty-link a.environment {
        background: #00967b; }

.top-faculty-gakurui {
  margin-top: 80px; }
  .top-faculty-gakurui:first-of-type {
    margin-top: 0; }
  .top-faculty-gakurui .top-faculty-visual .photo {
    margin: 0 30px 30px 0; }
  .top-faculty-gakurui .top-faculty-visual .top-faculty-desc {
    padding-right: 150px; }
  .top-faculty-gakurui .top-faculty-visual h4 {
    right: 50px; }
  .top-faculty-gakurui .top-faculty-visual .top-faculty-section {
    background: #00c6ff;
    background: -moz-linear-gradient(left, #00c6ff 0%, #008ece 100%);
    background: -webkit-linear-gradient(left, #00c6ff 0%, #008ece 100%);
    background: linear-gradient(to right, #00c6ff 0%, #008ece 100%);
    right: 0; }
    .top-faculty-gakurui .top-faculty-visual .top-faculty-section h3 {
      left: 50px; }

.top-faculty-graduate {
  margin-top: 100px; }
  .top-faculty-graduate .top-faculty-visual {
    flex-direction: row-reverse; }
    .top-faculty-graduate .top-faculty-visual .photo {
      margin: 0 0 30px 30px; }
    .top-faculty-graduate .top-faculty-visual .top-faculty-desc {
      padding-left: 150px;
      margin-bottom: 30px; }
    .top-faculty-graduate .top-faculty-visual h4 {
      left: 50px; }
    .top-faculty-graduate .top-faculty-visual .top-faculty-section {
      background: #ac65bc;
      background: -moz-linear-gradient(left, #ac65bc 0%, #62366d 100%);
      background: -webkit-linear-gradient(left, #ac65bc 0%, #62366d 100%);
      background: linear-gradient(to right, #ac65bc 0%, #62366d 100%);
      left: 0; }
      .top-faculty-graduate .top-faculty-visual .top-faculty-section h3 {
        right: 50px; }
  .top-faculty-graduate .top-faculty-link {
    justify-content: flex-end; }

.top-feature {
  padding: 50px 0; }
  .top-feature h2 {
    display: inline-block;
    margin-bottom: 10px; }
    .top-feature h2 span:nth-of-type(2) {
      color: #fff;
      text-align: right; }
  .top-feature .top-feature-box-wrap {
    position: relative; }
  .top-feature .top-feature-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px; }
    .top-feature .top-feature-box > div:nth-of-type(1) {
      width: 40%;
      margin-right: auto; }
    .top-feature .top-feature-box > div:nth-of-type(2) {
      width: 56%; }
  .top-feature .top-feature-desc {
    color: #fff;
    padding: 50px 0 0 0; }
    .top-feature .top-feature-desc:after {
      background: #227e9b;
      background: -moz-linear-gradient(left, #227e9b 0%, #003b5c 100%);
      background: -webkit-linear-gradient(left, #227e9b 0%, #003b5c 100%);
      background: linear-gradient(to right, #227e9b 0%, #003b5c 100%);
      content: '';
      position: absolute;
      width: 56%;
      height: 400px;
      left: 0;
      top: 50px;
      z-index: -1; }
  .top-feature .top-feature-link-noflex {
    width: calc(100% - 12%); }
  .top-feature .top-feature-link a {
    color: #fff;
    display: block;
    position: relative; }
    .top-feature .top-feature-link a img {
      filter: brightness(0.6);
      width: 100%;
      height: auto;
      z-index: 100;
      transition: ease 0.2s; }
    .top-feature .top-feature-link a:hover img {
      filter: brightness(0.7); }
    .top-feature .top-feature-link a > div {
      position: absolute;
      right: 50%;
      bottom: 50%;
      transform: translate(50%, 50%);
      white-space: nowrap;
      z-index: 200;
      text-align: center; }
      .top-feature .top-feature-link a > div h3 {
        border-top: 1px solid rgba(255, 255, 255, 0.8);
        border-bottom: 1px solid rgba(255, 255, 255, 0.8);
        color: #fff;
        display: inline-block;
        font-size: 28px;
        font-size: 1.75rem;
        font-weight: 700;
        margin: 0 auto 15px auto;
        padding: 12px 0;
        width: 5em;
        text-align: center; }
      .top-feature .top-feature-link a > div p {
        line-height: 1.5; }
        .top-feature .top-feature-link a > div p:nth-of-type(1) {
          font-family: 'Montserrat', sans-serif;
          font-size: 14px;
          font-size: 0.875rem; }
        .top-feature .top-feature-link a > div p:nth-of-type(2) {
          font-family: 'Noto Serif JP', serif;
          font-size: 18px;
          font-size: 1.125rem;
          font-weight: 500; }

.top-movie {
  background: #f6f6f6;
  padding: 70px 0; }
  .top-movie h2 {
    display: inline-block;
    margin-bottom: 35px; }
    .top-movie h2 span:nth-of-type(2) {
      text-align: right; }
  .top-movie .shokei-ch a {
    background: #227e9b;
    background: -moz-linear-gradient(left, #227e9b 0%, #003b5c 100%);
    background: -webkit-linear-gradient(left, #227e9b 0%, #003b5c 100%);
    background: linear-gradient(to right, #227e9b 0%, #003b5c 100%);
    display: block; }
    .top-movie .shokei-ch a img {
      width: 100%;
      height: auto; }
  .top-movie .shokei-ch .top-movie-caption {
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.6;
    padding: 10px 15px;
    text-align: left; }
  .top-movie .swiper-button-prev.swiper-button-disabled,
  .top-movie .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none; }

.top-pickup {
  padding: 70px 0; }
  .top-pickup h2 {
    display: inline-block;
    margin-bottom: 35px; }
    .top-pickup h2 span:nth-of-type(2) {
      text-align: right; }
  .top-pickup .pickup-cont a {
    display: block;
    margin-top: 20px;
    position: relative; }
    .top-pickup .pickup-cont a figure {
      border: 1px solid #ccc;
      display: inline-block;
      width: 48%; }
      .top-pickup .pickup-cont a figure img {
        width: 100%;
        height: auto; }
    .top-pickup .pickup-cont a > div {
      position: absolute;
      bottom: 35%;
      transform: translateY(35%);
      color: #fff;
      padding: 25px 100px;
      width: 52%; }
    .top-pickup .pickup-cont a h4 {
      font-size: 24px;
      font-size: 1.5rem;
      font-weight: 700;
      margin-bottom: 10px; }
    .top-pickup .pickup-cont a p {
      font-family: 'Noto Sans JP', sans-serif;
      line-height: 1.6;
      text-align: left; }
    .top-pickup .pickup-cont a:nth-of-type(even) {
      text-align: right; }
      .top-pickup .pickup-cont a:nth-of-type(even) > div {
        text-align: left; }
  .top-pickup .pickup-cont .pick-showken > div {
    right: 100px;
    background: #224855;
    background: -moz-linear-gradient(left, #224855 0%, #000005 100%);
    background: -webkit-linear-gradient(left, #224855 0%, #000005 100%);
    background: linear-gradient(to right, #224855 0%, #000005 100%); }
  .top-pickup .pickup-cont .pick-hanamomo > div {
    left: 100px;
    background: #4c316e;
    background: -moz-linear-gradient(left, #4c316e 0%, #00001e 100%);
    background: -webkit-linear-gradient(left, #4c316e 0%, #00001e 100%);
    background: linear-gradient(to right, #4c316e 0%, #00001e 100%); }
  .top-pickup .pickup-cont .pick-global > div {
    left: 100px;
    background: #4c3e15;
    background: -moz-linear-gradient(left, #4c3e15 0%, #342808 100%);
    background: -webkit-linear-gradient(left, #4c3e15 0%, #342808 100%);
    background: linear-gradient(to right, #4c3e15 0%, #342808 100%); }

.bnr-sdgs {
  margin-bottom: 70px; }
  .bnr-sdgs img {
    border: 6px solid #00a2d7;
    width: 100%;
    max-width: 1500px;
    height: auto; }
    .bnr-sdgs img:hover {
      border: 6px solid #009acd; }

.top-footer-bnr,
.cont-bnr {
  margin-bottom: 30px; }
  .top-footer-bnr ul,
  .cont-bnr ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .top-footer-bnr ul li,
    .cont-bnr ul li {
      margin-left: 2%;
      margin-top: 15px;
      width: 23.5%; }
      .top-footer-bnr ul li:nth-child(-n+4),
      .cont-bnr ul li:nth-child(-n+4) {
        margin-top: 0; }
      .top-footer-bnr ul li:nth-of-type(4n+1),
      .cont-bnr ul li:nth-of-type(4n+1) {
        margin-left: 0; }
      .top-footer-bnr ul li a,
      .cont-bnr ul li a {
        border: 2px solid #e4e4e4;
        display: inline-block; }
      .top-footer-bnr ul li img,
      .cont-bnr ul li img {
        width: 100%;
        height: auto; }

.top-footer-bnr {
  margin: 50px auto; }
  .top-footer-bnr ul {
    width: 1146px;
    margin: auto; }

.top-en {
  padding: 35px 0; }
  .top-en .columnbox {
    justify-content: center; }
  .top-en a {
    background: white;
    background: linear-gradient(to bottom, white 0%, #f3f7f8 47%, #ebf1f4 100%);
    border-radius: 5px;
    border: 2px solid #c8dae4;
    box-shadow: inset 0px 0px 0px 2px #ffffff;
    color: #222;
    display: flex;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.4;
    min-height: 5em;
    padding: 10px 30px;
    position: relative;
    text-align: center;
    margin-left: 3%;
    margin-top: 25px;
    width: 22.75%; }
    .top-en a:nth-child(-n+4) {
      margin-top: 0; }
    .top-en a:nth-of-type(4n+1) {
      margin-left: 0; }
    .top-en a > span {
      align-self: center;
      display: block;
      width: 100%; }
    .top-en a .svg-inline--fa {
      color: #a1b4be;
      font-size: 14px;
      font-size: 0.875rem;
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
      right: 8px; }
    .top-en a:after {
      content: '\f138';
      display: none;
      font-family: 'Font Awesome 5 Solid'; }
    .top-en a:hover {
      background: #ebf1f4;
      background: -moz-linear-gradient(top, #ebf1f4 0%, #f3f7f8 53%, white 100%);
      background: -webkit-linear-gradient(top, #ebf1f4 0%, #f3f7f8 53%, white 100%);
      background: linear-gradient(to bottom, #ebf1f4 0%, #f3f7f8 53%, white 100%); }

.page-info-box {
  border-radius: 5px;
  box-shadow: 0px 0px 3px 0px rgba(138, 138, 138, 0.6);
  padding: 8px 12px; }
  .page-info-box .info-box-list dl {
    border-top: 0;
    margin-bottom: 0; }
    .page-info-box .info-box-list dl dt {
      padding: 3px 0; }
    .page-info-box .info-box-list dl dd {
      padding: 3px 0 3px 13em;
      border-bottom: 0; }

.page-info-title {
  align-items: baseline;
  border-bottom: 1px dotted #ccc;
  display: flex;
  margin-bottom: 8px;
  padding-bottom: 5px; }
  .page-info-title .title {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    margin-right: auto; }
  .page-info-title p {
    font-size: 13px;
    font-size: 0.8125rem; }
    .page-info-title p a {
      color: #000; }
      .page-info-title p a:hover {
        color: #46b692; }

.infolist {
  margin-bottom: 30px; }
  .infolist dt {
    padding: 6px 0;
    width: 10em; }
  .infolist dd {
    padding: 6px 0 6px 10em; }
    .infolist dd img {
      vertical-align: text-top; }

.dl-info dt {
  padding: 5px 0;
  width: 7em; }

.dl-info dd {
  padding: 5px 0 5px 7em; }
  .dl-info dd img {
    vertical-align: text-top; }
  .dl-info dd.pdf .svg-inline--fa {
    color: #d00;
    padding-right: 5px; }
  .dl-info dd.pdf:before {
    content: '\f1c1';
    display: none;
    font-family: 'Font Awesome 5 Solid'; }

.info-text-left01, .infoContent .sectionBox {
  float: left;
  width: 720px; }

.info-text-short table {
  width: 100%; }

.info-text-short .info-text-left01, .info-text-short .infoContent .sectionBox, .infoContent .info-text-short .sectionBox {
  width: 470px; }

.info-photo-right01, .infoContent .photoBox02 {
  float: right;
  width: 250px; }

.info-photo-list, .infoContent .photoList03 {
  font-size: 0;
  text-align: center; }
  .info-photo-list li, .infoContent .photoList03 li {
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0 25px 25px 0; }
    .info-photo-list li:nth-of-type(even), .infoContent .photoList03 li:nth-of-type(even) {
      margin: 0 0 25px 0; }

.info-link-list li .svg-inline--fa, .infoContent .linkList01 li .svg-inline--fa {
  color: #278dd2;
  margin-right: 5px; }

.info-link-list li:before, .infoContent .linkList01 li:before {
  content: '\f0a9';
  display: none;
  font-family: 'Font Awesome 5 Solid'; }

.paging {
  margin-top: 25px; }
  .paging ul {
    text-align: center; }
    .paging ul li {
      border: 1px solid #ddd;
      display: inline-block;
      margin: 0px 2px; }
      .paging ul li em {
        display: block;
        font-weight: bold;
        padding: 0px 8px; }
      .paging ul li a {
        color: #278dd2;
        padding: 0px 8px;
        display: block; }
        .paging ul li a:hover {
          background: #F5F8FA;
          color: #46b692; }

#monthlink ul {
  margin-bottom: 15px;
  overflow: hidden;
  zoom: 1; }
  #monthlink ul li {
    padding-bottom: 3px;
    float: left; }
    #monthlink ul li a {
      display: block;
      border: 1px solid #d9d9d9;
      background-color: #F5F5F5;
      color: #2b2b2b; }
      #monthlink ul li a:hover {
        border: 1px solid #b9b9b9;
        color: #000;
        box-shadow: 0px 0px 2px #aaa;
        background-color: #f7f7f7; }
    #monthlink ul li.current a {
      padding: 1px 10px;
      margin-right: 10px;
      border-radius: 3px;
      font-weight: bold; }
    #monthlink ul li.prev a,
    #monthlink ul li.next a {
      color: #333;
      padding: 1px 15px; }
      #monthlink ul li.prev a span,
      #monthlink ul li.next a span {
        display: none; }
    #monthlink ul li.prev a {
      border-radius: 3px 0 0 3px; }
    #monthlink ul li.next a {
      border-left: 0;
      border-radius: 0px 3px 3px 0; }

.calendar-list {
  width: 100%; }
  .calendar-list th {
    padding: 0px 4px;
    background: #EDF8FE;
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center; }
  .calendar-list td {
    padding: 2px 2px;
    height: 6.4em;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    vertical-align: top; }
    .calendar-list td a {
      margin-top: 2px;
      padding: 0 4px;
      display: block;
      border-radius: 2px;
      color: #444;
      background: #9FE1E7; }
      .calendar-list td a:hover {
        color: #000;
        background: #8cd6dd; }
    .calendar-list td span {
      display: block; }
      .calendar-list td span a {
        margin: 0;
        padding: 0;
        display: inline;
        color: #2b2b2b;
        background: none; }
        .calendar-list td span a:hover {
          background: none; }

.infoContent {
  line-height: 1.9; }
  .infoContent .cHeadline05 {
    margin-bottom: 5px; }
  .infoContent .section {
    margin-bottom: 30px; }
  .infoContent .photoBox01 {
    margin-bottom: 30px !important; }
  .infoContent .photoBox02 p {
    line-height: 1.5;
    margin: 5px 0px 20px 0px; }
  .infoContent .photoBox03 p {
    line-height: 1.5;
    margin: 5px 0px 20px 0px; }

.lecture-jidai-title {
  background: #00b2df url(img/top_visual_jidai.jpg) no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  padding: 25px 15px; }

.jidai-free {
  float: right;
  background: #fff200;
  border-radius: 50%;
  font-family: 'Sawarabi Mincho', serif;
  position: relative;
  width: 80px;
  height: 80px;
  white-space: nowrap; }
  .jidai-free p {
    letter-spacing: 0.1em;
    line-height: 1.3;
    font-size: 16px;
    font-size: 1rem;
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%); }

.lecture-jidai-header {
  align-items: center;
  display: flex; }
  .lecture-jidai-header .jidai-gakurui {
    border-radius: 0 13px 13px 0;
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    line-height: 24px;
    margin-right: 15px;
    padding: 2px 15px; }
  .lecture-jidai-header h4 {
    font-family: 'Didact Gothic', 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    padding: 10px 0; }
    .lecture-jidai-header h4 .date {
      font-size: 34px;
      font-size: 2.125rem; }
    .lecture-jidai-header h4 .youbi {
      margin-right: 0.5em; }
    .lecture-jidai-header h4 .sat {
      color: #036eb8; }
    .lecture-jidai-header h4 .open {
      font-size: 14px;
      font-size: 0.875rem; }
    .lecture-jidai-header h4 .noto {
      font-size: 0.9em; }

.lecture-jidai-list {
  display: flex;
  padding: 8px 0 0px 10px; }
  .lecture-jidai-list-humanities {
    border-left: 5px solid #00a0e9; }
  .lecture-jidai-list-education {
    border-left: 5px solid #00a73c; }
  .lecture-jidai-list-hn {
    border-left: 5px solid #da5283; }
  .lecture-jidai-list h5 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 13px; }
    .lecture-jidai-list h5 span {
      font-size: 17px;
      font-size: 1.0625rem; }
  .lecture-jidai-list > div:first-of-type {
    margin-right: auto; }
  .lecture-jidai-list dl {
    clear: both;
    overflow: hidden;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 10px; }
    .lecture-jidai-list dl dt {
      clear: left;
      float: left;
      width: 4em;
      white-space: nowrap; }
      .lecture-jidai-list dl dt:after {
        content: '／'; }
    .lecture-jidai-list dl dd {
      padding: 0 0 0 4em; }
  .lecture-jidai-list .more {
    align-self: flex-end;
    margin-left: 20px;
    padding-bottom: 15px;
    white-space: nowrap; }
  .lecture-jidai-list .btn {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500; }
  .lecture-jidai-list .btn-back {
    color: #888; }
    .lecture-jidai-list .btn-back:hover {
      background: #f6f6f6; }

.history dt {
  padding: 6px 0;
  width: 6em; }

.history dd {
  padding: 6px 0 6px 6em; }

.org-chart ul li {
  line-height: 1.5;
  position: relative;
  flex: 1; }
  .org-chart ul li ul {
    margin-left: 10px;
    position: relative; }
    .org-chart ul li ul:before {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      top: 3px;
      bottom: 0;
      left: 0;
      border-left: 1px solid #a1b4be; }
    .org-chart ul li ul li:before {
      content: "";
      display: block;
      position: absolute;
      top: 17px;
      left: 0;
      width: 17px;
      height: 0;
      border-top: 1px solid #a1b4be; }
    .org-chart ul li ul li:last-child:before {
      background: #fff;
      height: auto;
      top: 17px;
      bottom: 0; }
  .org-chart ul li li {
    position: relative;
    padding: 6px 0px 6px 25px; }
    .org-chart ul li li:before {
      border-top: 1px solid #a1b4be;
      content: "";
      display: block;
      position: absolute;
      width: 1px;
      height: 0;
      top: 17px;
      left: 0; }

.org-chart .grade {
  border: 1px solid #a1b4be;
  display: inline-block;
  margin-bottom: 5px;
  padding: 3px 10px; }

.orgmap {
  background: url(img/organization_bg01.svg) no-repeat 0% 0%;
  background-size: conain;
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  min-height: 850px;
  position: relative;
  text-align: left; }
  .orgmap h3,
  .orgmap h4,
  .orgmap h5,
  .orgmap a {
    background: white;
    background: -moz-linear-gradient(top, white 0%, #f1f6f9 100%);
    background: -webkit-linear-gradient(top, white 0%, #f1f6f9 100%);
    background: linear-gradient(to bottom, white 0%, #f1f6f9 100%);
    border: 1px solid #c8dae4; }
  .orgmap h3, .orgmap h4 {
    font-size: 15px;
    font-size: 0.9375rem;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    line-height: 1.5;
    padding: 0 10px;
    width: 40px;
    height: 100px; }
    .orgmap h3 span, .orgmap h4 span {
      position: absolute;
      right: 50%;
      bottom: 50%;
      transform: translate(50%, 50%); }
  .orgmap h4 {
    left: 60px; }
  .orgmap h5 {
    width: 180px;
    height: 47px;
    position: absolute; }
    .orgmap h5 span {
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
      left: 10px; }
    .orgmap h5.grad {
      top: 60px;
      left: 140px; }
    .orgmap h5.univ {
      top: 342px;
      left: 140px; }
    .orgmap h5.humanities {
      top: 567px;
      left: 140px; }
    .orgmap h5.psychology {
      top: 685px;
      left: 140px; }
    .orgmap h5.hn {
      left: 140px;
      bottom: 12px; }
  .orgmap .univ-list,
  .orgmap .humanities-list {
    margin: 25px 0px 0px 360px; }
  .orgmap .psychology-list,
  .orgmap .hn-list {
    margin: 12px 0px 0px 360px; }
  .orgmap .grad-list {
    margin: 0px 0px 0px 360px; }
  .orgmap ul li {
    margin-bottom: 12px; }
    .orgmap ul li a {
      display: block;
      line-height: 46px;
      padding: 0 10px;
      width: 17em; }
      .orgmap ul li a .svg-inline--fa {
        color: #a1b4be;
        margin-right: 4px; }
      .orgmap ul li a:before {
        content: '\f138';
        display: none;
        font-family: 'Font Awesome 5 Solid'; }
      .orgmap ul li a:hover:before {
        color: #46b692; }

.region-mokuteki > div {
  border-radius: 8px;
  padding: 10px; }
  .region-mokuteki > div:nth-of-type(1),
  .region-mokuteki > div:nth-of-type(3),
  .region-mokuteki > div:nth-of-type(6),
  .region-mokuteki > div:nth-of-type(8) {
    background: #f5f0c2; }
  .region-mokuteki > div:nth-of-type(2),
  .region-mokuteki > div:nth-of-type(4),
  .region-mokuteki > div:nth-of-type(5),
  .region-mokuteki > div:nth-of-type(7) {
    background: #f1f7b5; }

.region-mokuteki .photo-c-full {
  margin-bottom: 10px; }
  .region-mokuteki .photo-c-full img {
    width: 100%;
    height: auto; }

.region-hashira > div {
  border-radius: 3px;
  padding: 8px;
  margin-bottom: 15px; }
  .region-hashira > div:nth-of-type(1) {
    border: 1px solid #88b04b; }
    .region-hashira > div:nth-of-type(1) h4 {
      background: #88b04b; }
    .region-hashira > div:nth-of-type(1) ul {
      background: rgba(136, 176, 75, 0.2); }
  .region-hashira > div:nth-of-type(2) {
    border: 1px solid #f7786b; }
    .region-hashira > div:nth-of-type(2) h4 {
      background: #f7786b; }
    .region-hashira > div:nth-of-type(2) ul {
      background: rgba(247, 120, 107, 0.2); }
  .region-hashira > div:nth-of-type(3) {
    border: 1px solid #ce93d8; }
    .region-hashira > div:nth-of-type(3) h4 {
      background: #ce93d8; }
    .region-hashira > div:nth-of-type(3) dl {
      background: rgba(206, 147, 216, 0.2);
      padding: 8px; }
      .region-hashira > div:nth-of-type(3) dl dt {
        font-weight: bold; }
  .region-hashira > div:nth-of-type(4) {
    border: 1px solid #004d8c;
    margin-bottom: 30px; }
    .region-hashira > div:nth-of-type(4) h4 {
      background: #004d8c; }

.region-hashira h4 {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 6px 8px; }

.region-hashira h5 {
  color: #666;
  font-weight: bold;
  margin: 10px 0 5px 0; }
  .region-hashira h5:before {
    content: '<'; }
  .region-hashira h5:after {
    content: '>'; }

.region-hashira ul {
  flex-wrap: wrap;
  display: flex;
  padding: 8px; }
  .region-hashira ul li {
    list-style-position: inside;
    width: 25%;
    margin: 0; }
    .region-hashira ul li.double {
      width: 50%; }

.region-hashira .arrow {
  color: #004d8c;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1;
  margin-bottom: 10px;
  text-align: center; }

.region-education {
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
  margin: 0 auto; }
  .region-education > li {
    align-items: center;
    display: flex;
    padding: 5px 0; }
    .region-education > li span {
      display: block; }
    .region-education > li span:nth-of-type(2) {
      margin: 0 10px; }
    .region-education > li span:nth-of-type(3) {
      border: 2px solid #00a2d7;
      text-align: center;
      width: 9em; }
    .region-education > li span:nth-of-type(4) {
      margin: 0 10px; }
    .region-education > li a {
      margin-left: 0;
      text-indent: 0; }

.sns-visual {
  background: #eaf0f4 url(img/bg_bias.svg) repeat center center;
  border-radius: 5px;
  margin-bottom: 30px;
  position: relative;
  text-align: right; }
  .sns-visual h3 {
    color: #00a2d7;
    font-family: 'Kosugi Maru', sans-serif;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.4;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 25px;
    text-align: left; }
    .sns-visual h3 span {
      position: relative; }
      .sns-visual h3 span:after {
        background: yellow;
        content: '';
        position: absolute;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 8px;
        bottom: 0; }

.sns-list .sns-icon {
  float: right;
  margin-left: 20px;
  padding: 0 10px; }
  .sns-list .sns-icon .svg-inline--fa {
    font-size: 90px;
    font-size: 5.625rem; }
  .sns-list .sns-icon .fa-facebook-square {
    color: #3F65A9; }
  .sns-list .sns-icon .fa-twitter {
    color: #00B3E4; }
  .sns-list .sns-icon .fa-line {
    color: #00c300; }

.sns-list dt {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold; }

.plan-obj {
  background: #eaf0f4;
  display: flex;
  margin-bottom: 40px; }
  .plan-obj h3 {
    align-self: center;
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0 0 0 30px; }
  .plan-obj ol {
    padding: 10px 30px 10px 40px;
    flex: 1 0 0%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    overflow: hidden;
    position: relative; }
    .plan-obj ol:after,
    .plan-obj ol:before {
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
      border-style: solid;
      border-width: 70px 0 70px 40px;
      content: '';
      width: 0;
      height: 0; }
    .plan-obj ol:after {
      border-color: transparent transparent transparent #a1b4be;
      left: 0; }
    .plan-obj ol:before {
      border-color: transparent transparent transparent #eaf0f4;
      left: -2px;
      z-index: 20; }

.plan-vision-nav > div {
  display: flex;
  border-bottom: 1px solid #c8dae4;
  overflow: hidden; }
  .plan-vision-nav > div a {
    align-self: center;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    margin-right: 30px;
    padding: 12px 40px 15px 20px;
    position: relative;
    width: 40%; }
    .plan-vision-nav > div a .svg-inline--fa {
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
      right: 15px; }
    .plan-vision-nav > div a:before {
      content: '\f138';
      display: none;
      font-family: 'Font Awesome 5 Solid'; }
    .plan-vision-nav > div a h4 {
      line-height: 1.4;
      margin-left: 1.5em;
      text-indent: -1.5em; }
      .plan-vision-nav > div a h4:before {
        font-size: 26px;
        font-size: 1.625rem;
        margin-right: 0.3em; }
    .plan-vision-nav > div a p {
      line-height: 1.4;
      margin-left: 1.5em; }
  .plan-vision-nav > div ol {
    flex: 1 0 0%; }
    .plan-vision-nav > div ol li {
      border-top: 1px dashed #c8dae4;
      line-height: 1.6;
      padding: 5px 10px; }
      .plan-vision-nav > div ol li:first-child {
        border: 0; }
      .plan-vision-nav > div ol li span {
        margin-right: 1em; }

.plan-vision-header {
  display: flex; }
  .plan-vision-header > div:nth-of-type(1) {
    flex: 1 0 0%;
    margin-right: 30px; }
    .plan-vision-header > div:nth-of-type(1) h3 {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      margin-bottom: 25px;
      padding: 15px 15px 15px 90px;
      position: relative; }
      .plan-vision-header > div:nth-of-type(1) h3:before {
        position: absolute;
        bottom: 50%;
        transform: translateY(50%);
        display: block;
        line-height: 1.2;
        padding: 5px 25px 5px 0;
        left: 25px; }
    .plan-vision-header > div:nth-of-type(1) p {
      font-size: 18px;
      font-size: 1.125rem; }
  .plan-vision-header > div:nth-of-type(2) {
    width: 45%; }
    .plan-vision-header > div:nth-of-type(2) img {
      width: 100%;
      height: auto; }

.plan-vision-list {
  width: 100%;
  border-top: 1px solid #888;
  border-bottom: 1px solid #aaa; }
  .plan-vision-list th, .plan-vision-list td {
    line-height: 1.6;
    padding: 10px 10px;
    vertical-align: top; }
  .plan-vision-list th {
    background: #f6f4e6;
    border-bottom: 1px solid #aaa;
    text-align: center; }
  .plan-vision-list td {
    border-top: 1px dashed #888; }
    .plan-vision-list td:nth-of-type(1) {
      width: 6%; }
    .plan-vision-list td:nth-of-type(2) {
      width: 24%; }
    .plan-vision-list td:nth-of-type(3) {
      width: 30%; }
    .plan-vision-list td:nth-of-type(4) {
      width: 50%; }
    .plan-vision-list td li {
      line-height: 1.6; }
    .plan-vision-list td.no-border {
      border: 0; }
  .plan-vision-list .plan-num {
    text-align: center;
    white-space: nowrap; }
  .plan-vision-list tr:nth-of-type(2) td {
    border: 0; }

.plan-vision01 a {
  background: #68B030; }
  .plan-vision01 a h4:before {
    content: '1.'; }

.plan-vision01 li span,
.plan-vision01 .plan-num {
  color: #68B030; }

.plan-vision01 h3 {
  margin-top: 35px;
  border-top: 2px solid #68B030;
  border-bottom: 2px solid #68B030; }
  .plan-vision01 h3:before {
    border-right: 2px solid #68B030;
    content: '1'; }

.plan-vision02 a {
  background: #d25c82; }
  .plan-vision02 a h4:before {
    content: '2.'; }

.plan-vision02 li span,
.plan-vision02 .plan-num {
  color: #d25c82; }

.plan-vision02 h3 {
  border-top: 2px solid #d25c82;
  border-bottom: 2px solid #d25c82; }
  .plan-vision02 h3:before {
    border-right: 2px solid #d25c82;
    content: '2'; }

.plan-vision03 a {
  background: #2c6fb3; }
  .plan-vision03 a h4:before {
    content: '3.'; }

.plan-vision03 li span,
.plan-vision03 .plan-num {
  color: #2c6fb3; }

.plan-vision03 h3 {
  border-top: 2px solid #2c6fb3;
  border-bottom: 2px solid #2c6fb3; }
  .plan-vision03 h3:before {
    border-right: 2px solid #2c6fb3;
    content: '3'; }

.tx-expression {
  color: #406398; }

.tx-psychology {
  color: #e35433; }

.tx-child {
  color: #74a455; }

.tx-society {
  color: #0097c0; }

.tx-environment {
  color: #00967b; }

.tx-humanities {
  color: #00a0e9; }

.tx-education {
  color: #00a73c; }

.tx-hn {
  color: #da5283; }

.tx-graduate {
  color: #934b85; }

.faculty-group-btn {
  margin-bottom: 20px; }
  .faculty-group-btn a {
    background: rgba(0, 162, 215, 0.1);
    border-radius: 5px;
    color: #00a2d7;
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 10px;
    text-align: center; }
    .faculty-group-btn a i {
      margin-right: 4px; }
    .faculty-group-btn a:hover {
      background-color: rgba(0, 162, 215, 0.15); }

.group-list h3 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center; }

.group-list h4 {
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  margin: 15px 0 10px 0;
  padding-bottom: 8px; }

.group-list h5 {
  font-weight: 500;
  margin-bottom: 5px;
  padding: 4px;
  text-align: center; }

.group-list .group-capa {
  text-align: center;
  line-height: 1.3;
  margin: 15px 0 10px 0;
  min-height: 5em;
  position: relative; }
  .group-list .group-capa p, .group-list .group-capa dl {
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%); }

.group-list > div:nth-of-type(1) .group-capa {
  border-top: 4px solid #00a0e9;
  border-bottom: 1px solid #00a0e9;
  color: #00a0e9; }

.group-list > div:nth-of-type(1) h4 {
  border-bottom: 1px solid #00a0e9; }

.group-list > div:nth-of-type(2) .group-capa {
  border-top: 4px solid #00a73c;
  border-bottom: 1px solid #00a73c;
  color: #00a73c; }
  .group-list > div:nth-of-type(2) .group-capa ul {
    display: flex;
    justify-content: center; }
  .group-list > div:nth-of-type(2) .group-capa li {
    margin: 0 5px;
    white-space: nowrap; }

.group-list > div:nth-of-type(2) h4 {
  border-bottom: 1px solid #00a73c; }

.group-list > div:nth-of-type(2) h5 {
  background: rgba(0, 167, 60, 0.2); }

.group-list > div:nth-of-type(3) .group-capa {
  border-top: 4px solid #da5283;
  border-bottom: 1px solid #da5283;
  color: #da5283; }

.group-list > div:nth-of-type(3) h4 {
  border-bottom: 1px solid #da5283; }

.group-edu-area {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  justify-content: center; }
  .group-edu-area li {
    background: #fff;
    border: 1px solid #00a73c;
    color: #00a73c;
    padding: 3px 5px;
    line-height: 1.3;
    margin: 3px; }

.group-teacher {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 25px 0;
  padding: 15px 0; }
  .group-teacher h4 {
    line-height: 1.4;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: left; }
  .group-teacher p {
    line-height: 1.6; }

.group-btn a {
  display: block;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding: 15px 10px;
  text-align: center;
  position: relative; }
  .group-btn a span {
    font-size: 0.8em;
    margin-right: 4px; }
  .group-btn a .svg-inline--fa {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 15px; }
  .group-btn a:after {
    content: '\f138';
    display: none;
    font-family: 'Font Awesome 5 Solid'; }

.group-btn > div:nth-of-type(1) a {
  border-radius: 5px;
  background: #00a0e9; }

.group-btn > div:nth-of-type(2) a {
  background: #00a73c;
  border-top: 1px dotted #fff; }
  .group-btn > div:nth-of-type(2) a:first-of-type {
    border-radius: 5px 5px 0 0;
    border: 0; }
  .group-btn > div:nth-of-type(2) a:last-of-type {
    border-radius: 0 0 5px 5px; }

.group-btn > div:nth-of-type(3) a {
  border-radius: 5px;
  background: #da5283; }

.restructure-msg {
  margin-bottom: 35px; }
  .restructure-msg a {
    background: #0098d1 url(img/top_visual_restructure.svg) repeat center center;
    color: #fff;
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 500;
    padding: 15px;
    text-align: center; }
    .restructure-msg a:hover {
      background-color: #0085b7; }

.faculty-univ-list > div {
  background: #f1f1f1; }

.faculty-univ-list a {
  color: #000;
  display: block; }
  .faculty-univ-list a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70); }

.faculty-univ-list .inbox {
  padding: 3px 10px 8px 10px; }
  .faculty-univ-list .inbox li {
    line-height: 1.6; }

.faculty-univ-list h4 {
  background: #00a2d7;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  padding: 6px 8px;
  position: relative; }
  .faculty-univ-list h4 .svg-inline--fa {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 8px; }
  .faculty-univ-list h4:after {
    content: '\f0a9';
    display: none;
    font-family: 'Font Awesome 5 Solid'; }

.faculty-univ-list h5 {
  background: #bbb;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 5px;
  padding: 4px 6px;
  text-align: center; }

.faculty-univ-list .capacity {
  margin-bottom: 3px;
  text-align: center; }
  .faculty-univ-list .capacity:before {
    color: #888;
    content: '- '; }
  .faculty-univ-list .capacity:after {
    color: #888;
    content: ' -'; }

.faculty-univ-list .expression a h4 {
  background: #406398; }

.faculty-univ-list .psychology a h4 {
  background: #e35433; }

.faculty-univ-list .child a h4 {
  background: #74a455; }

.faculty-univ-list .society a h4 {
  background: #0097c0; }

.faculty-univ-list .environment a h4 {
  background: #00967b; }

.faculty-univ-list .hn a h4 {
  background: #da5283; }

.faculty-cont .entrance {
  color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 25px; }
  .faculty-cont .entrance .description {
    padding: 15px 20px;
    flex: 1;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500; }
    .faculty-cont .entrance .description h2 {
      font-size: 30px;
      font-size: 1.875rem;
      font-weight: 700;
      margin-bottom: 25px;
      text-align: center;
      letter-spacing: 0.2em; }
      .faculty-cont .entrance .description h2 span {
        letter-spacing: normal;
        font-weight: normal; }
      .faculty-cont .entrance .description h2 .group {
        font-size: 0.8em;
        font-weight: 700;
        display: block;
        margin-bottom: 8px; }

.faculty-cont .theme-box {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 15px;
  padding-bottom: 15px; }
  .faculty-cont .theme-box:after {
    content: "";
    clear: both;
    display: block; }
  .faculty-cont .theme-box h3 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 10px; }
    .faculty-cont .theme-box h3 span {
      color: #fff;
      display: inline-block;
      font-size: 14px;
      font-size: 0.875rem;
      margin-bottom: 5px;
      padding: 2px 4px; }

.faculty-cont .curriculum th {
  font-size: 13px;
  font-size: 0.8125rem; }

.faculty-cont .curriculum td {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.5;
  vertical-align: top; }
  .faculty-cont .curriculum td ul li {
    line-height: 1.5;
    margin-top: 3px; }
    .faculty-cont .curriculum td ul li:first-child {
      margin-top: 0; }

.faculty-cont .curriculum .highlight {
  display: inline-block; }

.faculty-cont .subject-box {
  border-top: 1px dotted #ccc;
  margin-bottom: 15px;
  padding-top: 15px; }
  .faculty-cont .subject-box:after {
    content: "";
    clear: both;
    display: block; }
  .faculty-cont .subject-box h4 {
    background: #f1f1f1;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 10px;
    padding: 4px 8px; }
  .faculty-cont .subject-box h5 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 10px; }
    .faculty-cont .subject-box h5 span {
      color: #fff;
      display: inline-block;
      font-size: 13px;
      font-size: 0.8125rem;
      font-weight: normal;
      margin-right: 4px;
      padding: 2px 6px;
      vertical-align: middle; }
  .faculty-cont .subject-box .semi {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    line-height: 1.3;
    margin: 15px 0 10px; }
    .faculty-cont .subject-box .semi span {
      color: #fff;
      display: inline-block;
      font-size: 13px;
      font-size: 0.8125rem;
      margin-right: 4px;
      padding: 2px 6px; }

.faculty-cont .interview-box {
  color: #fff;
  display: flex; }
  .faculty-cont .interview-box-text {
    padding: 15px 15px; }
    .faculty-cont .interview-box-text h3 {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.3;
      margin-bottom: 10px; }
    .faculty-cont .interview-box-text .name {
      font-weight: bold;
      margin-bottom: 10px; }
      .faculty-cont .interview-box-text .name span {
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: normal; }

.faculty-cont .interview-flow {
  background: #f1f1f1;
  padding: 15px 15px; }

.faculty-teacher-list {
  display: flex;
  flex-wrap: wrap; }
  .faculty-teacher-list > div {
    border-bottom: 1px dotted #ccc;
    margin: 0 0 15px 4%;
    padding-bottom: 10px;
    width: 48%; }
    .faculty-teacher-list > div:nth-of-type(odd) {
      margin-left: 0; }
    .faculty-teacher-list > div.president {
      border-bottom: 0;
      width: 100%; }
    .faculty-teacher-list > div h3,
    .faculty-teacher-list > div h4 {
      font-size: 16px;
      font-size: 1rem;
      font-weight: bold;
      line-height: 1.5; }
      .faculty-teacher-list > div h3 .fa,
      .faculty-teacher-list > div h4 .fa {
        color: #00a2d7; }
    .faculty-teacher-list > div h3 {
      margin-bottom: 5px; }
    .faculty-teacher-list > div dt {
      line-height: 1.6;
      width: 5em; }
    .faculty-teacher-list > div dd {
      line-height: 1.6;
      margin-left: 5em; }
  .faculty-teacher-list-en {
    margin-bottom: 30px; }
    .faculty-teacher-list-en .degree {
      line-height: 1.5;
      margin-bottom: 10px; }
      .faculty-teacher-list-en .degree:before {
        content: '- '; }
    .faculty-teacher-list-en .dl-list02 dt {
      width: 6em; }
    .faculty-teacher-list-en .dl-list02 dd {
      margin-left: 6em; }

.faculty-teacher-profile {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .faculty-teacher-profile dt {
    line-height: 1.6;
    width: 5em; }
  .faculty-teacher-profile dd {
    line-height: 1.6;
    margin-left: 5em; }

.faculty-expression .entrance,
.faculty-expression .interview-box {
  background: #406398; }

.faculty-expression .theme-box h3,
.faculty-expression .subject-box h5 {
  color: #406398; }
  .faculty-expression .theme-box h3 span,
  .faculty-expression .subject-box h5 span {
    background: #406398; }

.faculty-expression .semi span {
  background: #406398; }

.faculty-psychology .entrance,
.faculty-psychology .interview-box {
  background: #e35433; }

.faculty-psychology .theme-box h3,
.faculty-psychology .subject-box h5 {
  color: #e35433; }
  .faculty-psychology .theme-box h3 span,
  .faculty-psychology .subject-box h5 span {
    background: #e35433; }

.faculty-psychology .semi span {
  background: #e35433; }

.faculty-child .entrance,
.faculty-child .interview-box {
  background: #74a455; }

.faculty-child .theme-box h3,
.faculty-child .subject-box h5 {
  color: #74a455; }
  .faculty-child .theme-box h3 span,
  .faculty-child .subject-box h5 span {
    background: #74a455; }

.faculty-child .semi span {
  background: #74a455; }

.faculty-society .entrance,
.faculty-society .interview-box {
  background: #0097c0; }

.faculty-society .theme-box h3,
.faculty-society .subject-box h5 {
  color: #0097c0; }
  .faculty-society .theme-box h3 span,
  .faculty-society .subject-box h5 span {
    background: #0097c0; }

.faculty-society .semi span {
  background: #0097c0; }

.faculty-environment .entrance,
.faculty-environment .interview-box {
  background: #00967b; }

.faculty-environment .theme-box h3,
.faculty-environment .subject-box h5 {
  color: #00967b; }
  .faculty-environment .theme-box h3 span,
  .faculty-environment .subject-box h5 span {
    background: #00967b; }

.faculty-environment .semi span {
  background: #00967b; }

.faculty-hn .entrance,
.faculty-hn .interview-box {
  background: #da5283; }

.faculty-hn .theme-box h3,
.faculty-hn .subject-box h5 {
  color: #da5283; }
  .faculty-hn .theme-box h3 span,
  .faculty-hn .subject-box h5 span {
    background: #da5283; }

.faculty-hn .semi span {
  background: #da5283; }

.group-humanities .entrance,
.group-humanities .interview-box {
  background: #00a0e9; }

.group-humanities .subject-box h4 {
  background: rgba(0, 160, 233, 0.2); }

.group-humanities .theme-box h3,
.group-humanities .subject-box h5 {
  color: #00a0e9; }
  .group-humanities .theme-box h3 span,
  .group-humanities .subject-box h5 span {
    background: #00a0e9; }

.group-humanities .semi span {
  background: #00a0e9; }

.group-humanities .teacher-comment {
  background: #f3f3f3; }
  .group-humanities .teacher-comment .dl-list02 {
    line-height: 1.8; }
    .group-humanities .teacher-comment .dl-list02 dt {
      color: #00a0e9;
      font-weight: bold; }
      .group-humanities .teacher-comment .dl-list02 dt:after {
        content: '：'; }
    .group-humanities .teacher-comment .dl-list02 dd {
      margin-bottom: 5px; }
  .group-humanities .teacher-comment .pickup {
    background: rgba(0, 160, 233, 0.1);
    color: #00a0e9;
    font-weight: 500;
    margin: 15px 0;
    padding: 8px;
    text-align: center; }

.group-education .entrance,
.group-education .interview-box {
  background: #00a73c; }

.group-education .theme-box h3,
.group-education .subject-box h5 {
  color: #00a73c; }
  .group-education .theme-box h3 span,
  .group-education .subject-box h5 span {
    background: #00a73c; }

.group-education .semi span {
  background: #00a73c; }

.group-hn .entrance,
.group-hn .interview-box {
  background: #da5283; }

.group-hn .theme-box h3,
.group-hn .subject-box h5 {
  color: #da5283; }
  .group-hn .theme-box h3 span,
  .group-hn .subject-box h5 span {
    background: #da5283; }

.group-hn .semi span {
  background: #da5283; }

.group-interview h3 {
  border-bottom: 4px solid #ddd;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 10px;
  padding: 0px 0 12px 0; }
  .group-interview h3 em {
    color: #fff;
    font-weight: 500;
    padding: 0 8px;
    margin-right: 5px; }

.group-interview h4 {
  font-weight: 500;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 10px 0;
  position: relative; }
  .group-interview h4 span {
    display: table-cell;
    vertical-align: middle; }

.group-interview .dream,
.group-interview .action,
.group-interview .grow {
  display: table;
  padding-left: 45px;
  min-height: 45px; }

.group-interview .dream:before,
.group-interview .action:before,
.group-interview .grow:before {
  background-size: cover;
  content: '';
  display: block;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  left: 0; }

.group-interview .dream:before {
  background: url(img/interview_dream.svg) no-repeat center center; }

.group-interview .action:before {
  background: url(img/interview_action.svg) no-repeat center center; }

.group-interview .grow:before {
  background: url(img/interview_grow.svg) no-repeat center center; }

.group-interview > div {
  display: flex; }
  .group-interview > div.group-graduate {
    flex-direction: row-reverse;
    margin-bottom: 70px; }
    .group-interview > div.group-graduate:last-of-type {
      margin-bottom: 0; }
    .group-interview > div.group-graduate .photo {
      margin: 0 0 0 20px; }
      .group-interview > div.group-graduate .photo .icon {
        right: 0; }

.group-interview .photo {
  margin-right: 20px;
  position: relative; }
  .group-interview .photo dl {
    background: #f1f1f1;
    padding: 10px; }
  .group-interview .photo .icon {
    background: rgba(255, 255, 255, 0.9);
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    padding: 5px 15px;
    position: absolute; }

.gradmap {
  background: url(img/faculty_grad_bg01.svg) no-repeat 0% 0%;
  height: 305px;
  font-family: 'Noto Sans JP', sans-serif; }
  .gradmap h3,
  .gradmap h4,
  .gradmap ul {
    position: absolute; }
  .gradmap h3,
  .gradmap h4,
  .gradmap a,
  .gradmap .kousou {
    background: white;
    background: -moz-linear-gradient(top, white 0%, #f1f6f9 100%);
    background: -webkit-linear-gradient(top, white 0%, #f1f6f9 100%);
    background: linear-gradient(to bottom, white 0%, #f1f6f9 100%);
    border: 1px solid #c8dae4;
    box-sizing: border-box;
    height: 45px;
    line-height: 45px; }
  .gradmap h3 {
    font-size: 15px;
    font-size: 0.9375rem;
    margin: 0px 0px 0px 0px;
    text-align: center;
    width: 120px; }
  .gradmap h4 {
    margin: 0px 0px 0px 135px;
    text-align: center;
    width: 160px; }
  .gradmap a {
    display: block;
    padding: 0 0 0 23px;
    position: relative; }
    .gradmap a .svg-inline--fa {
      color: #a1b4be;
      margin: 0 0 0 -17px;
      position: absolute;
      bottom: 50%;
      transform: translateY(50%); }
    .gradmap a:before {
      content: '\f138';
      display: none;
      font-family: 'Font Awesome 5 Solid'; }
    .gradmap a:hover:before {
      color: #46b692; }
  .gradmap .kousou {
    display: block;
    padding: 0 0 0 23px; }
  .gradmap > ul {
    margin: 0px 0px 0px 325px; }
    .gradmap > ul > li {
      margin-top: 80px;
      width: 15.5em;
      height: 48px; }
      .gradmap > ul > li:first-child {
        margin-top: 0; }
      .gradmap > ul > li.human a {
        line-height: 14px;
        padding-top: 6px; }
  .gradmap .course {
    margin: -44px 0px 0px 245px; }
    .gradmap .course li {
      margin-bottom: 12px;
      width: 15em;
      height: 48px; }
      .gradmap .course li:first-child {
        margin-bottom: 12px; }
  .gradmap-psycology {
    background: url(img/faculty_grad_bg03.png) no-repeat 0% 0%;
    height: 106px;
    margin: 0 0 0 150px; }
    .gradmap-psycology h4 {
      margin: 27px 0 0 0;
      width: 13em; }
    .gradmap-psycology .course {
      margin: 0 0px 0px 215px; }
      .gradmap-psycology .course li {
        margin-top: 0px;
        width: 15.5em; }

.faculty-news {
  background: #f6f6f6;
  padding: 50px 0; }
  .faculty-news .wrapper, .faculty-news .content-title h2, .content-title .faculty-news h2, .faculty-news .content-title-pages h2, .content-title-pages .faculty-news h2, .faculty-news .top-info, .faculty-news .top-en, .faculty-news .contents-brand .br-obj-inner, .contents-brand .faculty-news .br-obj-inner {
    display: flex; }
  .faculty-news .faculty-info-title {
    border: 0;
    display: flex;
    flex-direction: column;
    margin-right: 60px;
    white-space: nowrap; }
    .faculty-news .faculty-info-title p {
      margin-top: 15px;
      text-align: center;
      padding-bottom: 15px; }
      .faculty-news .faculty-info-title p a {
        border: 1px solid #a1b4be;
        color: #444;
        display: block;
        font-family: 'Noto Sans JP', sans-serif;
        padding: 6px 10px; }
        .faculty-news .faculty-info-title p a:hover {
          color: #46b692; }
  .faculty-news h3 {
    flex-direction: column;
    margin-bottom: auto; }
    .faculty-news h3 span:nth-of-type(1) {
      padding-right: 15px; }
    .faculty-news h3 span:nth-of-type(2) {
      align-self: flex-end; }
  .faculty-news .info-box-list {
    flex: 1 0 0%; }
    .faculty-news .info-box-list dl {
      border: 0;
      margin-bottom: 0; }
      .faculty-news .info-box-list dl dt {
        float: none;
        padding: 8px 0 5px 0;
        width: auto; }
        .faculty-news .info-box-list dl dt span {
          color: #fff;
          display: inline-block;
          float: none;
          margin-left: 8px; }
      .faculty-news .info-box-list dl dd {
        padding: 0px 0px 8px 0px; }

.faculty-chilef {
  padding: 60px 0; }
  .faculty-chilef h3 {
    display: inline-block;
    margin-bottom: 40px; }
    .faculty-chilef h3 span:nth-of-type(1) {
      color: #bbb;
      padding-right: 15px; }
    .faculty-chilef h3 span:nth-of-type(2) {
      margin-top: 5px;
      text-align: right; }
  .faculty-chilef .wrapper, .faculty-chilef .content-title h2, .content-title .faculty-chilef h2, .faculty-chilef .content-title-pages h2, .content-title-pages .faculty-chilef h2, .faculty-chilef .top-info, .faculty-chilef .top-en, .faculty-chilef .contents-brand .br-obj-inner, .contents-brand .faculty-chilef .br-obj-inner {
    display: flex; }
    .faculty-chilef .wrapper > div, .faculty-chilef .content-title h2 > div, .content-title .faculty-chilef h2 > div, .faculty-chilef .content-title-pages h2 > div, .content-title-pages .faculty-chilef h2 > div, .faculty-chilef .top-info > div, .faculty-chilef .top-en > div, .faculty-chilef .contents-brand .br-obj-inner > div, .contents-brand .faculty-chilef .br-obj-inner > div {
      flex: 1 0 0%;
      margin-right: 60px; }
    .faculty-chilef .wrapper figure, .faculty-chilef .content-title h2 figure, .content-title .faculty-chilef h2 figure, .faculty-chilef .content-title-pages h2 figure, .content-title-pages .faculty-chilef h2 figure, .faculty-chilef .top-info figure, .faculty-chilef .top-en figure, .faculty-chilef .contents-brand .br-obj-inner figure, .contents-brand .faculty-chilef .br-obj-inner figure {
      width: 30%; }
      .faculty-chilef .wrapper figure img, .faculty-chilef .content-title h2 figure img, .content-title .faculty-chilef h2 figure img, .faculty-chilef .content-title-pages h2 figure img, .content-title-pages .faculty-chilef h2 figure img, .faculty-chilef .top-info figure img, .faculty-chilef .top-en figure img, .faculty-chilef .contents-brand .br-obj-inner figure img, .contents-brand .faculty-chilef .br-obj-inner figure img {
        width: 100%;
        height: auto; }
      .faculty-chilef .wrapper figure figcaption, .faculty-chilef .content-title h2 figure figcaption, .content-title .faculty-chilef h2 figure figcaption, .faculty-chilef .content-title-pages h2 figure figcaption, .content-title-pages .faculty-chilef h2 figure figcaption, .faculty-chilef .top-info figure figcaption, .faculty-chilef .top-en figure figcaption, .faculty-chilef .contents-brand .br-obj-inner figure figcaption, .contents-brand .faculty-chilef .br-obj-inner figure figcaption {
        margin-top: 10px;
        text-align: right; }
        .faculty-chilef .wrapper figure figcaption strong, .faculty-chilef .content-title h2 figure figcaption strong, .content-title .faculty-chilef h2 figure figcaption strong, .faculty-chilef .content-title-pages h2 figure figcaption strong, .content-title-pages .faculty-chilef h2 figure figcaption strong, .faculty-chilef .top-info figure figcaption strong, .faculty-chilef .top-en figure figcaption strong, .faculty-chilef .contents-brand .br-obj-inner figure figcaption strong, .contents-brand .faculty-chilef .br-obj-inner figure figcaption strong {
          font-size: 15px;
          font-size: 0.9375rem; }

.faculty-content-nav {
  color: #fff;
  padding: 60px 30px; }
  .faculty-content-nav h3 {
    color: #fff;
    display: inline-block;
    margin-bottom: 40px; }
    .faculty-content-nav h3 span:nth-of-type(1) {
      padding-right: 25px; }
    .faculty-content-nav h3 span:nth-of-type(2) {
      margin-top: 5px;
      text-align: right; }
  .faculty-content-nav .faculty-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 1146px; }
    .faculty-content-nav .faculty-content a {
      background: #fff;
      box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
      display: block;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: 700;
      text-align: center;
      margin-left: 2.6%;
      margin-top: 25px;
      width: 31.6%; }
      .faculty-content-nav .faculty-content a:nth-child(-n+3) {
        margin-top: 0; }
      .faculty-content-nav .faculty-content a:nth-of-type(3n+1) {
        margin-left: 0; }
      .faculty-content-nav .faculty-content a img {
        width: 100%;
        height: auto;
        filter: brightness(0.8); }
      .faculty-content-nav .faculty-content a > div {
        padding: 8px 10px; }
      .faculty-content-nav .faculty-content a br {
        display: none; }
      .faculty-content-nav .faculty-content a .sub {
        font-size: 13px;
        font-size: 0.8125rem; }

.faculty-humanities a {
  color: #00a0e9; }

.faculty-education a {
  color: #00a73c; }

.faculty-hn a {
  color: #da5283; }

.faculty-group-nav {
  padding: 50px 0; }
  .faculty-group-nav > div {
    display: flex;
    justify-content: center;
    margin: auto;
    width: 1146px; }
    .faculty-group-nav > div a {
      border-right: 1px solid #c8dae4;
      color: #222;
      display: block;
      flex: 1 0 0%;
      font-family: 'Noto Sans JP', sans-serif;
      padding: 10px 10px; }
      .faculty-group-nav > div a span {
        font-size: 18px;
        font-size: 1.125rem;
        display: block; }
      .faculty-group-nav > div a:hover {
        color: #00a2d7; }
      .faculty-group-nav > div a:first-of-type {
        border-left: 1px solid #c8dae4; }
  .faculty-group-nav .swiper-pagination-bullets {
    position: static;
    margin-top: 10px; }
    .faculty-group-nav .swiper-pagination-bullets .swiper-pagination-bullet {
      border: none;
      margin: 0;
      padding: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      outline: none;
      margin: 0 5px; }

.master-box {
  background: #E0ECFC;
  color: #00a2d7;
  display: flex;
  align-items: center;
  margin-bottom: 20px; }
  .master-box .profile {
    padding: 15px 20px;
    flex: 1;
    text-align: center; }
    .master-box .profile-name {
      font-size: 24px;
      font-size: 1.5rem;
      margin-bottom: 15px; }
    .master-box .profile ul {
      display: inline-block; }
      .master-box .profile ul li {
        color: #000;
        line-height: 1.6;
        text-align: left;
        font-size: 13px;
        font-size: 0.8125rem; }

.campusmap-link {
  display: flex;
  flex-wrap: wrap; }
  .campusmap-link li {
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    line-height: 1.4;
    margin-left: 2%;
    width: 32%; }
    .campusmap-link li:nth-of-type(3n+1) {
      margin-left: 0; }
    .campusmap-link li:nth-of-type(-n+3) {
      border-top: 1px solid #ccc; }
    .campusmap-link li a {
      display: block;
      padding: 8px 6px;
      text-indent: -1.8em;
      margin-left: 1.8em; }
      .campusmap-link li a i {
        background: #00a2d7;
        border-radius: 9px;
        color: #fff;
        display: inline-block;
        font-style: normal;
        line-height: 18px;
        margin-right: 4px;
        margin-left: 0;
        text-indent: 0;
        width: 18px;
        text-align: center; }

.campusmap-cont {
  display: none;
  text-align: left; }

.campusmap-detail {
  width: 600px; }

#calList {
  border-radius: 0 0 7px 7px;
  color: #fff;
  overflow: hidden; }
  #calList .calList {
    overflow: hidden;
    padding: 10px;
    box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.05) inset; }
  #calList dl {
    display: table;
    width: 100%; }
  #calList dt {
    font-family: 'PT Serif', serif;
    font-size: 40px;
    font-size: 2.5rem;
    width: 25%;
    text-align: center; }
    #calList dt span {
      font-size: 14px;
      font-size: 0.875rem;
      margin-left: 5px; }
  #calList dt,
  #calList dd {
    display: table-cell;
    vertical-align: middle; }
  #calList dd li:before {
    content: '■';
    margin-right: 0.3em; }
  #calList dd li p {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 5px;
    padding: 0.5em 1em;
    margin-bottom: 0.3em;
    margin-top: 8px;
    position: relative;
    border: 1px solid #fff;
    border: 0px solid rgba(255, 255, 255, 0); }
    #calList dd li p:before {
      content: "";
      border: 8px solid transparent;
      border-bottom: 8px solid #fff;
      border-bottom: 8px solid rgba(255, 255, 255, 0.15);
      position: absolute;
      left: 2em;
      top: -16px; }
  #calList .calList4 {
    background: #69BD83; }
  #calList .calList5 {
    background: #61C1BE; }
  #calList .calList6 {
    background: #54C3F1; }
  #calList .calList7 {
    background: #6C9BD2; }
  #calList .calList8 {
    background: #796BAF; }
  #calList .calList9 {
    background: #B979B1; }
  #calList .calList10 {
    background: #EE87A8; }
  #calList .calList11 {
    background: #EF858C; }
  #calList .calList12 {
    background: #EF845C; }
  #calList .calList1 {
    background: #F5A347; }
  #calList .calList2 {
    background: #CBBF41; }
  #calList .calList3 {
    background: #9BCA60;
    box-shadow: none; }

.campus-schedule {
  margin-bottom: 25px; }
  .campus-schedule dt {
    margin-left: 1em;
    text-indent: -1em;
    padding: 6px 0;
    width: 20em; }
    .campus-schedule dt:before {
      color: #a1b4be;
      content: '■';
      margin-right: 5px; }
  .campus-schedule dd {
    padding: 6px 0 6px 21em; }
    .campus-schedule dd.double {
      min-height: 4em; }
    .campus-schedule dd.triple {
      min-height: 6em; }

.club-visual {
  position: relative; }
  .club-visual img {
    width: 100%;
    height: auto; }
  .club-visual > div {
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    z-index: 100; }
    .club-visual > div h3 {
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 60px;
      font-size: 3.75rem;
      font-weight: bold;
      letter-spacing: 0.1em;
      white-space: nowrap; }
      .club-visual > div h3 span {
        display: block;
        margin-top: 8px;
        font-size: 20px;
        font-size: 1.25rem;
        letter-spacing: 0.1em; }
    .club-visual > div p {
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: 700;
      letter-spacing: 0.2em;
      line-height: 1.6;
      margin-bottom: 10px;
      white-space: nowrap; }

.club-list {
  margin-bottom: 35px; }
  .club-list ul {
    display: flex;
    flex-wrap: wrap; }
    .club-list ul li {
      border: 1px solid #fff;
      box-shadow: 1.414px 1.414px 3px 0px rgba(138, 138, 138, 0.45);
      margin-left: 2%;
      margin-top: 15px;
      position: relative;
      width: 23.5%; }
      .club-list ul li:nth-child(-n+4) {
        margin-top: 0; }
      .club-list ul li:nth-of-type(4n+1) {
        margin-left: 0; }
      .club-list ul li:hover {
        box-shadow: 1.414px 1.414px 3px 0px rgba(138, 138, 138, 0.8); }
      .club-list ul li a {
        display: block; }
        .club-list ul li a:hover img {
          opacity: 0.8;
          filter: alpha(opacity=80); }
      .club-list ul li img {
        width: 100%;
        height: auto; }
      .club-list ul li p {
        background: rgba(0, 162, 215, 0.902);
        bottom: 0;
        left: 0;
        color: #fff;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.2;
        padding: 8px 0;
        position: absolute;
        text-align: center;
        width: 100%; }
        .club-list ul li p:hover {
          background: #00a2d7; }

.short-nav,
.lifestyle-nav {
  display: flex;
  flex-wrap: wrap; }
  .short-nav a,
  .short-nav > div,
  .lifestyle-nav a,
  .lifestyle-nav > div {
    background: #f5f5f5;
    color: #222;
    margin: 15px 0 0 2%;
    padding: 10px 10px 60px 10px;
    position: relative;
    text-align: center;
    width: 32%; }
    .short-nav a:hover,
    .short-nav > div:hover,
    .lifestyle-nav a:hover,
    .lifestyle-nav > div:hover {
      background: #efefef; }
      .short-nav a:hover .btn1,
      .short-nav > div:hover .btn1,
      .lifestyle-nav a:hover .btn1,
      .lifestyle-nav > div:hover .btn1 {
        background: #008fbe; }
    .short-nav a:nth-of-type(-n+3),
    .short-nav > div:nth-of-type(-n+3),
    .lifestyle-nav a:nth-of-type(-n+3),
    .lifestyle-nav > div:nth-of-type(-n+3) {
      margin-top: 0; }
    .short-nav a:nth-of-type(3n+1),
    .short-nav > div:nth-of-type(3n+1),
    .lifestyle-nav a:nth-of-type(3n+1),
    .lifestyle-nav > div:nth-of-type(3n+1) {
      margin-left: 0; }
    .short-nav a img,
    .short-nav > div img,
    .lifestyle-nav a img,
    .lifestyle-nav > div img {
      width: 100%;
      height: auto; }
    .short-nav a h3,
    .short-nav > div h3,
    .lifestyle-nav a h3,
    .lifestyle-nav > div h3 {
      color: #00a2d7;
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: 700;
      line-height: 1.3;
      margin: 10px 0 5px 0; }
      .short-nav a h3 .num,
      .short-nav > div h3 .num,
      .lifestyle-nav a h3 .num,
      .lifestyle-nav > div h3 .num {
        color: #000;
        display: block;
        font-family: 'PT Serif', serif;
        font-weight: normal;
        margin-bottom: 3px;
        font-size: 14px;
        font-size: 0.875rem; }
        .short-nav a h3 .num span,
        .short-nav > div h3 .num span,
        .lifestyle-nav a h3 .num span,
        .lifestyle-nav > div h3 .num span {
          font-size: 18px;
          font-size: 1.125rem; }
    .short-nav a p,
    .short-nav > div p,
    .lifestyle-nav a p,
    .lifestyle-nav > div p {
      line-height: 1.5; }
  .short-nav .btn1,
  .lifestyle-nav .btn1 {
    border-bottom: 3px solid rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    color: #fff;
    display: block;
    background: #00A2D7;
    margin-top: 10px;
    padding: 8px 0;
    position: absolute;
    bottom: 10px;
    width: calc(100% - 20px); }
    .short-nav .btn1 .svg-inline--fa,
    .lifestyle-nav .btn1 .svg-inline--fa {
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
      right: 10px; }
    .short-nav .btn1:after,
    .lifestyle-nav .btn1:after {
      content: '\f0a9';
      display: none;
      font-family: 'Font Awesome 5 Solid'; }

.short-nav > div .btn1:after {
  content: none; }

.short-nav > div:hover {
  background: #f5f5f5; }
  .short-nav > div:hover .btn1 {
    background: #00A2D7; }

.lifestyle-photo {
  position: relative; }
  .lifestyle-photo img {
    width: 100%;
    height: auto; }
  .lifestyle-photo > div {
    background: #fff;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    padding: 8px 15px;
    z-index: 1000; }
    .lifestyle-photo > div p {
      color: #00a2d7;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.6; }
    .lifestyle-photo > div.right {
      right: 0; }
    .lifestyle-photo > div.left {
      left: 0; }

.lifestyle-profile {
  background: #eee;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 15px;
  padding: 10px;
  text-align: right; }
  .lifestyle-profile strong {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500; }

.lifestyle-voice {
  background: rgba(0, 160, 233, 0.15);
  padding: 10px; }

.qualification-list span {
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: normal;
  margin: 2px 0 0 5px;
  padding: 2px 6px;
  vertical-align: top; }

.qualification-list .shutoku {
  background: #66c; }

.qualification-list .nintei {
  background: #f36; }

.qualification-list .juken {
  background: #693; }

.qualification-list .ninyou {
  background: #C90; }

.qualification-list .kanren {
  background: #898989; }

.qualification-list .dl-list02 {
  font-size: 13px;
  font-size: 0.8125rem; }
  .qualification-list .dl-list02 dt {
    width: 6em; }
    .qualification-list .dl-list02 dt span {
      line-height: 1.2;
      margin-left: 0; }
  .qualification-list .dl-list02 dd {
    margin: 2px 0 2px 6em; }

.satis-box-link {
  display: flex;
  flex-wrap: wrap; }
  .satis-box-link a {
    border: 1px solid #c8dae4;
    border-radius: 8px;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
    color: #222;
    display: block;
    margin-left: 2%;
    margin-top: 15px;
    padding: 15px;
    position: relative;
    text-align: center;
    width: 23.5%; }
    .satis-box-link a .svg-inline--fa {
      color: #c8dae4;
      font-size: 26px;
      font-size: 1.625rem;
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
      right: 8px; }
    .satis-box-link a:after {
      content: '\f105';
      display: none;
      font-family: 'Font Awesome 5 Solid'; }
    .satis-box-link a:hover {
      color: #00a2d7;
      box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.1); }
      .satis-box-link a:hover:after {
        color: #00a2d7; }
    .satis-box-link a:nth-child(-n+4) {
      margin-top: 0; }
    .satis-box-link a:nth-of-type(4n+1) {
      margin-left: 0; }
    .satis-box-link a .satis-icon {
      margin-bottom: 15px; }
    .satis-box-link a p {
      font-family: 'Kosugi Maru', sans-serif;
      line-height: 1.4; }

.satis-box {
  display: flex;
  margin: 35px 0px 0px 0px;
  width: 745px; }
  .satis-box > div {
    padding: 25px 15px 15px 15px;
    position: relative; }
  .satis-box h5 {
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 8px;
    position: absolute;
    text-align: center;
    width: 5em;
    left: 8px;
    top: -20px; }
    .satis-box h5:after {
      content: '';
      border-style: solid;
      border-width: 10px 7px 0 7px;
      position: absolute;
      width: 0;
      height: 0;
      bottom: -10px;
      left: 40%; }
  .satis-box > div:nth-of-type(1) {
    background: #f8e5d8;
    margin-right: auto;
    width: 33%; }
    .satis-box > div:nth-of-type(1):before {
      border-color: #ebc1b5 #fff #fff #fff;
      border-style: solid;
      border-width: 16px 16px 0 0;
      content: '';
      position: absolute;
      bottom: 0;
      right: 0; }
    .satis-box > div:nth-of-type(1):after {
      background: url(img/satis_arrow.svg) no-repeat center center;
      background-size: cover;
      content: '';
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
      width: 25px;
      height: 24px;
      transform: rotate(-90deg);
      right: -30px; }
    .satis-box > div:nth-of-type(1) h5 {
      background: #fa7268; }
      .satis-box > div:nth-of-type(1) h5:after {
        border-color: #fa7268 transparent transparent transparent; }
  .satis-box > div:nth-of-type(2) {
    background: #fbe6a3;
    border-radius: 8px;
    z-index: 0;
    width: 62%; }
    .satis-box > div:nth-of-type(2):after {
      border: 2px dashed #e8cb70;
      border-radius: 5px;
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 6px;
      z-index: -1; }
    .satis-box > div:nth-of-type(2) h5 {
      background: #ff9800; }
      .satis-box > div:nth-of-type(2) h5:after {
        border-color: #ff9800 transparent transparent transparent; }
    .satis-box > div:nth-of-type(2) .satis-graph img {
      width: 100%;
      height: auto; }

.satis-photo {
  background: #c8dae4;
  border-radius: 10px;
  margin-top: 30px;
  padding: 15px; }
  .satis-photo:after {
    content: "";
    clear: both;
    display: block; }
  .satis-photo > div:nth-of-type(1) {
    margin-left: 30px;
    float: right;
    width: 50%; }
    .satis-photo > div:nth-of-type(1) img {
      width: 100%;
      height: auto; }
  .satis-photo h5 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 15px; }

.careerdata-results {
  margin-bottom: 25px; }
  .careerdata-results.mgb10 {
    margin-bottom: 10px; }
  .careerdata-results li {
    display: inline; }
    .careerdata-results li:before {
      content: '／'; }
    .careerdata-results li:first-child:before {
      content: none; }

.career-support > div {
  box-sizing: border-box;
  padding-top: 5px; }
  .career-support > div p,
  .career-support > div h5 {
    text-align: center; }
  .career-support > div h5 {
    font-weight: bold; }
  .career-support > div em {
    padding: 0px 8px; }
  .career-support > div ul {
    padding: 5px 15px; }
    .career-support > div ul li {
      margin-left: 1em;
      list-style: disc; }

.career-support .action {
  border: 1px solid #8fc76d;
  color: #639f3e; }
  .career-support .action em {
    background: #e3eed5; }
  .career-support .action ul {
    border-top: 1px dashed #8fc76d;
    background: #e3eed5; }

.career-support .think {
  border: 1px solid #e7863f;
  color: #e37422; }
  .career-support .think em {
    background: #fbeadd; }
  .career-support .think ul {
    border-top: 1px dashed #e7863f;
    background: #fbeadd; }

.career-support .team {
  border: 1px solid #996457;
  color: #734b42; }
  .career-support .team em {
    background: #f1e9e7; }
  .career-support .team ul {
    border-top: 1px dashed #996457;
    background: #f1e9e7; }

.career-cont .interview-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 35px; }
  .career-cont .interview-nav ul li {
    width: 23%; }
    .career-cont .interview-nav ul li a {
      color: #fff;
      display: block;
      text-align: center; }
      .career-cont .interview-nav ul li a img {
        width: 100%;
        height: auto; }
      .career-cont .interview-nav ul li a p {
        padding: 5px 10px; }
        .career-cont .interview-nav ul li a p .svg-inline--fa {
          margin-right: 4px; }
        .career-cont .interview-nav ul li a p:before {
          content: '\f13a';
          display: none;
          font-family: 'Font Awesome 5 Solid'; }

.career-cont-interview {
  margin-bottom: 50px; }
  .career-cont-interview h3 {
    border-top: 4px solid #ccc;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 8px;
    position: relative;
    padding-top: 10px; }
    .career-cont-interview h3:after {
      position: absolute;
      top: -4px;
      left: 0;
      z-index: 2;
      content: '';
      width: 20%;
      height: 4px; }
    .career-cont-interview h3 em {
      color: #fff;
      font-weight: 500;
      padding: 0 8px;
      margin-right: 5px; }
  .career-cont-interview .profile {
    border-bottom: 2px solid #ccc;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 15px;
    padding-bottom: 8px; }
  .career-cont-interview .past {
    border-top: 2px dotted #ddd;
    margin-top: 15px;
    padding-top: 15px; }
  .career-cont-interview h4 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px; }

.career-cont-expression .interview-nav a {
  background: #406398; }
  .career-cont-expression .interview-nav a:hover p {
    background: #385786; }

.career-cont-expression h3:after {
  background-color: #406398; }

.career-cont-psychology .interview-nav a {
  background: #e35433; }
  .career-cont-psychology .interview-nav a:hover p {
    background: #de421e; }

.career-cont-psychology h3:after {
  background-color: #e35433; }

.career-cont-child .interview-nav a {
  background: #74a455; }
  .career-cont-child .interview-nav a:hover p {
    background: #68934c; }

.career-cont-child h3:after {
  background-color: #74a455; }

.career-cont-society .interview-nav a {
  background: #0097c0; }
  .career-cont-society .interview-nav a:hover p {
    background: #0083a7; }

.career-cont-society h3:after {
  background-color: #0097c0; }

.career-cont-environment .interview-nav a {
  background: #00967b; }
  .career-cont-environment .interview-nav a:hover p {
    background: #007d66; }

.career-cont-environment h3:after {
  background-color: #00967b; }

.career-cont-hn .interview-nav a {
  background: #da5283; }
  .career-cont-hn .interview-nav a:hover p {
    background: #d63d74; }

.career-cont-hn h3:after {
  background-color: #da5283; }

.dl-ttc-teacher dt {
  display: list-item;
  list-style-position: inside;
  width: 9em; }

.dl-ttc-teacher dd {
  margin: 0 0 0 9em; }

.chapel-buzzell {
  margin-bottom: 20px; }
  .chapel-buzzell .photo-l img, .chapel-buzzell .infoContent .photoBox03 img, .infoContent .chapel-buzzell .photoBox03 img {
    border-radius: 90px; }
  .chapel-buzzell h3 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.4; }

.chapel-concept {
  margin-bottom: 10px; }
  .chapel-concept .column-3 {
    border-radius: 5px;
    padding: 10px 0; }
  .chapel-concept h4 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    margin-bottom: 10px;
    text-align: center; }
  .chapel-concept .subtitle {
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 5px;
    text-align: center; }
  .chapel-concept p {
    margin: 0 10px; }

.chapel-keyword {
  background: #00a2d7;
  border-radius: 0 0 5px 5px;
  color: #fff;
  margin-bottom: 25px;
  padding: 15px 15px;
  text-align: center; }
  .chapel-keyword h3 {
    border-bottom: 3px double #fff;
    display: inline-block;
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0 4px 4px 4px; }
  .chapel-keyword-box {
    display: flex;
    justify-content: space-between; }
    .chapel-keyword-box .column {
      width: 23%; }
      .chapel-keyword-box .column h4 {
        font-weight: bold;
        margin-bottom: 10px;
        text-align: center; }
        .chapel-keyword-box .column h4:first-letter {
          font-size: 18px;
          font-size: 1.125rem; }
      .chapel-keyword-box .column p {
        text-align: left; }

.chapel-facilities .column-2 {
  margin-bottom: 20px; }

.chapel-facilities img {
  float: left;
  margin-right: 15px; }

.learning-support-nav {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px; }
  .learning-support-nav div:nth-of-type(1) {
    background: #c8dae4;
    position: relative;
    width: 8%; }
    .learning-support-nav div:nth-of-type(1) h3 {
      color: #00a2d7;
      font-size: 13px;
      font-size: 0.8125rem;
      font-weight: bold;
      padding: 10px 0;
      position: absolute;
      text-align: center;
      white-space: nowrap;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .learning-support-nav div:nth-of-type(2) {
    border-top: 1px solid #c8dae4;
    display: flex;
    flex-wrap: wrap;
    width: 92%; }
    .learning-support-nav div:nth-of-type(2) a {
      border-right: 1px solid #c8dae4;
      border-bottom: 1px solid #c8dae4;
      color: #000;
      display: block;
      position: relative;
      padding: 10px 0;
      text-align: center;
      width: 50%; }
      .learning-support-nav div:nth-of-type(2) a:nth-of-type(1) {
        width: 34%; }
      .learning-support-nav div:nth-of-type(2) a:nth-of-type(2),
      .learning-support-nav div:nth-of-type(2) a:nth-of-type(3) {
        width: 33%; }
      .learning-support-nav div:nth-of-type(2) a .svg-inline--fa {
        color: #7d8488;
        margin-right: 4px; }
      .learning-support-nav div:nth-of-type(2) a:before {
        content: '\f107';
        display: none;
        font-family: 'Font Awesome 5 Solid'; }
      .learning-support-nav div:nth-of-type(2) a:hover {
        color: #46b692; }
    .learning-support-nav div:nth-of-type(2) a:last-of-type {
      margin-right: 0; }

.learning-support-box > div {
  box-sizing: border-box;
  background: #f4fce5;
  border: 1px solid #d4e894;
  border-radius: 10px;
  padding: 10px 15px; }
  .learning-support-box > div h4 {
    border-bottom: 2px dotted #d4e894;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 8px;
    text-align: center; }
  .learning-support-box > div .comment {
    display: flex;
    margin-top: 10px; }
    .learning-support-box > div .comment .fukidashi {
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 5px;
      flex: 1;
      padding: 8px;
      position: relative; }
      .learning-support-box > div .comment .fukidashi:before,
      .learning-support-box > div .comment .fukidashi:after {
        border: 8px solid transparent;
        position: absolute;
        top: 47%;
        content: '';
        width: 0;
        height: 0; }
      .learning-support-box > div .comment .fukidashi:before {
        border-left: 10px solid #ccc;
        right: -18px; }
      .learning-support-box > div .comment .fukidashi:after {
        border-left: 10px solid #fff;
        right: -17px; }

.learning-support-comment li {
  background: #f6f6f6;
  box-sizing: border-box;
  padding: 10px;
  position: relative; }
  .learning-support-comment li:after {
    border-bottom: 18px solid #fff;
    border-left: 18px solid #ddd;
    content: '';
    position: absolute;
    width: 0;
    bottom: 0;
    right: 0; }

.learning-support-header {
  background: none;
  display: list-item;
  list-style: circle inside;
  padding: 0; }

.support-contact h5 {
  color: #d00;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center; }

.stationbox {
  background: #ebf8fc;
  border-radius: 0 0 5px 5px;
  padding: 13px 20px; }
  .stationbox h3 {
    color: #00A2D7;
    font-size: 20px;
    font-size: 1.25rem; }

.stationguide li {
  margin-left: 1.2em;
  text-indent: -1.2em; }
  .stationguide li .svg-inline--fa {
    margin-right: 4px; }
  .stationguide li:before {
    content: '\f118';
    display: none;
    font-family: 'Font Awesome 5 Regular'; }

.stationmeiwaku {
  padding: 5px 8px;
  position: relative;
  border-radius: 5px;
  background: #faf7f1;
  border: 1px solid #ddd4c1; }
  .stationmeiwaku:after {
    content: '';
    position: absolute;
    border-bottom: 17px solid #faf7f1;
    border-right: 0px solid transparent;
    border-left: 10px solid transparent;
    top: -15px;
    left: 33px; }
  .stationmeiwaku:before {
    content: '';
    position: absolute;
    border-bottom: 17px solid #ddd4c1;
    border-right: 0px solid transparent;
    border-left: 11px solid transparent;
    top: -18px;
    left: 33px; }
  .stationmeiwaku ul {
    overflow: hidden; }
    .stationmeiwaku ul li {
      display: inline-block;
      margin-right: 1em; }
      .stationmeiwaku ul li:before {
        content: '＊'; }

.aed-faq dt {
  border-top: 1px dotted #c9dbe4;
  font-weight: bold;
  padding-top: 5px; }
  .aed-faq dt:before {
    color: #00a2d7;
    content: 'Q';
    font-size: 18px;
    font-size: 1.125rem;
    margin-right: 5px; }
  .aed-faq dt:first-of-type {
    border: 0;
    padding: 0; }

.aed-faq dd {
  margin-bottom: 10px;
  margin-left: 1.3em;
  text-indent: -1.3em;
  padding-left: 15px; }
  .aed-faq dd:before {
    color: #f7786b;
    content: 'A';
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    margin-right: 5px; }

.phychology-naiyou {
  justify-content: center;
  margin-bottom: 20px; }
  .phychology-naiyou > div {
    border-radius: 10px;
    box-sizing: border-box;
    padding: 10px; }
  .phychology-naiyou h5 {
    color: #d00;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 5px;
    text-align: center; }
  .phychology-naiyou .naiyou01 {
    background: #e6f4fe;
    border: 1px solid #63cefc; }
  .phychology-naiyou .naiyou02 {
    background: #e2f5e7;
    border: 1px solid #7ccd95; }
  .phychology-naiyou .naiyou03 {
    background: #eaeffa;
    border: 1px solid #76a9df; }
  .phychology-naiyou .naiyou04 {
    background: #f4fce5;
    border: 1px solid #d4e894; }
  .phychology-naiyou .naiyou05 {
    background: #fff7e9;
    border: 1px solid #fbe8b6; }

.phychology-naiyou-sonota > div {
  border: 1px solid #c0e8e6;
  box-sizing: border-box;
  background: #e0f2f1;
  border-radius: 10px;
  padding: 10px; }

.phychology-naiyou-sonota h5 {
  color: #d00;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
  text-align: center; }

.phychology-soudan {
  background: #fcf4dc;
  box-shadow: 1px 1px 3px 0 #ddd;
  padding: 10px;
  position: relative; }
  .phychology-soudan h4 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.6; }
  .phychology-soudan .fa {
    color: #4db6ac; }
  .phychology-soudan .tel {
    color: #009688; }
  .phychology-soudan-arrow {
    margin-bottom: 23px; }
    .phychology-soudan-arrow:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 47%;
      height: 0;
      border: 18px solid transparent;
      border-top: 18px solid #fcf4dc; }
  .phychology-soudan-separate {
    display: flex;
    margin-bottom: 30px; }
    .phychology-soudan-separate > div {
      flex: 1;
      margin-top: 23px; }
      .phychology-soudan-separate > div:before {
        content: '';
        position: absolute;
        top: -23px;
        left: 45%;
        height: 0;
        border: 18px solid transparent;
        border-top: 18px solid #fcf4dc; }
      .phychology-soudan-separate > div:nth-of-type(odd) {
        margin-right: 20px; }

.phychology-schedule dl {
  border-top: 1px solid #ddd;
  clear: both;
  overflow: hidden;
  line-height: 1.5; }
  .phychology-schedule dl dt {
    clear: left;
    float: left;
    display: list-item;
    list-style: square;
    list-style-position: inside;
    padding: 4px 0;
    width: 14em; }
  .phychology-schedule dl dd {
    border-bottom: 1px solid #ddd;
    padding: 4px 0 4px 14em;
    text-align: right; }

.tikvah-nav {
  margin-top: 20px; }
  .tikvah-nav ul {
    display: flex; }
    .tikvah-nav ul li {
      margin-left: 2%;
      text-align: center;
      width: 23.5%; }
      .tikvah-nav ul li:nth-of-type(4n+1) {
        margin-left: 0; }
    .tikvah-nav ul a {
      background: #00a2d7;
      color: #fff;
      display: block;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 15px;
      font-size: 0.9375rem;
      font-weight: 500;
      padding: 8px 10px;
      position: relative; }
      .tikvah-nav ul a i {
        display: inline-block;
        position: absolute;
        bottom: 50%;
        transform: translateY(50%);
        right: 8px; }
      .tikvah-nav ul a:hover {
        background: #008fbe; }

.research-slide img,
.international-slide img {
  width: 100%;
  height: auto; }

.research-slide .slick-prev:before,
.research-slide .slick-next:before,
.international-slide .slick-prev:before, .international-slide .slick-next:before {
  color: #ccc; }

.international-slide {
  margin-bottom: 30px; }

.research-slide-box {
  position: relative; }
  .research-slide-box p {
    background: rgba(255, 255, 255, 0.8);
    color: #222;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.2em;
    padding: 20px 30px 20px 30px;
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
    z-index: 100;
    white-space: nowrap; }

.teacher-search {
  text-align: center;
  padding: 10px 0; }
  .teacher-search select {
    background: #fff;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 5px;
    padding: 6px 30px 6px 8px;
    position: relative;
    outline: none;
    z-index: 100;
    width: 400px; }
    .teacher-search select::-ms-expand {
      display: none; }
    .teacher-search select::-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #bbb; }
  .teacher-search .form-pulldown {
    display: inline-block;
    position: relative; }
    .teacher-search .form-pulldown .svg-inline--fa {
      color: #a1b4be;
      pointer-events: none;
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
      z-index: 200;
      right: 10px; }
    .teacher-search .form-pulldown:after {
      content: '\f107';
      display: none;
      font-family: 'Font Awesome 5 Solid'; }
  .teacher-search p {
    margin-top: 20px;
    text-align: center; }
  .teacher-search button {
    background: #00a2d7;
    border-radius: 18px;
    color: #fff;
    font-size: 15px;
    font-size: 0.9375rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    line-height: 36px;
    outline: none;
    padding: 0 40px; }
    .teacher-search button:hover {
      background: #008fbe; }

.teacher-list > li {
  margin-top: 15px; }
  .teacher-list > li:first-child {
    margin-top: 0; }

.teacher-list a {
  background: #eaf0f4;
  color: #222;
  display: flex;
  position: relative; }
  .teacher-list a .svg-inline--fa {
    color: #a1b4be;
    font-size: 20px;
    font-size: 1.25rem;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 200;
    right: 15px; }
  .teacher-list a:after {
    content: '\f105';
    display: none;
    font-family: 'Font Awesome 5 Solid'; }
  .teacher-list a:hover {
    background: #dde6ed; }

.teacher-list .photo {
  width: 150px; }
  .teacher-list .photo img {
    width: 100%;
    height: auto;
    min-height: 150px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }

.teacher-list .profile {
  align-self: center;
  flex: 1 0 0%;
  padding: 15px 35px 15px 15px; }
  .teacher-list .profile h3 {
    color: #00a2d7;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 13px;
    padding-bottom: 15px;
    position: relative; }
    .teacher-list .profile h3 span {
      margin-left: 5px;
      font-size: 13px;
      font-size: 0.8125rem; }
      .teacher-list .profile h3 span:before {
        content: '（'; }
      .teacher-list .profile h3 span:after {
        content: '）'; }
    .teacher-list .profile h3:after {
      background: #00a2d7;
      content: '';
      width: 100px;
      height: 2px;
      position: absolute;
      bottom: 0;
      left: 0; }
  .teacher-list .profile dl {
    clear: both;
    line-height: 1.6; }
    .teacher-list .profile dl:after {
      content: "";
      clear: both;
      display: block; }
    .teacher-list .profile dl dt {
      clear: left;
      float: left;
      width: 3em;
      white-space: nowrap; }
      .teacher-list .profile dl dt:after {
        content: '：'; }
  .teacher-list .profile ul {
    display: flex;
    flex-wrap: wrap; }
    .teacher-list .profile ul li {
      line-height: 1.6; }
      .teacher-list .profile ul li:before {
        content: '／'; }
      .teacher-list .profile ul li:first-child:before {
        content: none; }

.teacher-profile {
  border-bottom: 1px dotted #ccc;
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .teacher-profile .photo {
    width: 200px;
    margin-right: 20px; }
    .teacher-profile .photo img {
      width: 100%;
      height: auto; }
  .teacher-profile > div {
    flex: 1 0 0%; }
  .teacher-profile dt {
    line-height: 1.6;
    width: 5em; }
    .teacher-profile dt:after {
      content: '：'; }
  .teacher-profile dd {
    line-height: 1.6;
    margin-left: 5em; }

.teacher-sdgs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 35px; }
  .teacher-sdgs li {
    margin: 8px 1% 0 0;
    width: 9%; }
    .teacher-sdgs li img {
      width: 100%;
      height: auto; }

.access-print {
  display: flex;
  justify-content: center;
  margin: 30px auto; }
  .access-print a {
    background: #f4f8fc;
    border: 1px solid #c8dae4;
    border-radius: 5px;
    box-shadow: 0px 1px 1px 1px rgba(100, 100, 100, 0.1);
    color: #222;
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.6;
    margin-left: 20px;
    padding: 12px 10px;
    text-align: center;
    width: 300px; }
    .access-print a span {
      font-size: 13px;
      font-size: 0.8125rem; }
    .access-print a:hover {
      box-shadow: 0px 1px 1px 1px rgba(100, 100, 100, 0.2); }
    .access-print a:first-child {
      margin: 0; }
    .access-print a .svg-inline--fa {
      color: #00a2d7;
      margin-right: 3px; }

.faq-list > dt {
  margin: 0 0 5px 15px;
  text-indent: -15px; }
  .faq-list > dt a {
    color: #278dd2; }
    .faq-list > dt a:hover {
      color: #46b692; }
  .faq-list > dt .svg-inline--fa {
    color: #278dd2;
    margin-right: 4px; }
  .faq-list > dt:before {
    content: '\f13a';
    display: none;
    font-family: 'Font Awesome 5 Solid'; }
  .faq-list > dt.open a {
    color: #f7786b;
    font-weight: bold; }
  .faq-list > dt.open:before {
    color: #f7786b;
    content: '\f139'; }

.faq-list > dd {
  margin: 0px 0 15px 15px;
  text-indent: -17px;
  padding-left: 17px; }
  .faq-list > dd:before {
    color: #f7786b;
    content: 'A. ';
    font-weight: bold; }
  .faq-list > dd ol,
  .faq-list > dd ul {
    text-indent: 0;
    padding-left: 0; }

.faq-list02 dt {
  margin: 0 0 0 15px;
  text-indent: -17px; }
  .faq-list02 dt:before {
    color: #00c;
    content: 'Q. ';
    display: inline;
    font-weight: bold; }

.faq-list02 dd {
  margin: 0px 0 15px 15px;
  text-indent: -17px;
  padding-left: 17px; }
  .faq-list02 dd:before {
    color: #f7786b;
    content: 'A. ';
    font-weight: bold; }

.disclosure-main ul {
  display: flex;
  flex-wrap: wrap; }
  .disclosure-main ul li {
    line-height: 1.4;
    margin-left: 2%;
    margin-bottom: 5px;
    width: 32%; }
    .disclosure-main ul li:nth-of-type(3n+1) {
      margin-left: 0; }
    .disclosure-main ul li a {
      display: inline-block;
      margin-left: 1.2em;
      text-indent: -1.2em; }
      .disclosure-main ul li a .svg-inline--fa {
        color: #278dd2;
        margin-right: 5px; }
      .disclosure-main ul li a:before {
        content: '\f138';
        display: none;
        font-family: 'Font Awesome 5 Solid'; }
    .disclosure-main ul li.pdflink a .svg-inline--fa {
      color: #d00; }
    .disclosure-main ul li.pdflink a:before {
      content: '\f1c1';
      font-family: 'Font Awesome 5 Regular'; }

.exist {
  display: table;
  padding-left: 10%; }
  .exist p {
    width: 1em !important;
    display: table-cell;
    margin: 0;
    padding: 0 0 0 0.2em;
    vertical-align: middle;
    line-height: 1.3; }

.bracket {
  display: block;
  transform: rotate(90deg); }

.page-sitemap {
  display: flex;
  flex-wrap: wrap; }
  .page-sitemap .block {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0 0 20px 3%;
    width: 22.75%; }
    .page-sitemap .block:nth-of-type(4n+1) {
      margin-left: 0; }
    .page-sitemap .block h3 {
      line-height: 1.8;
      margin-bottom: 10px; }
      .page-sitemap .block h3 a,
      .page-sitemap .block h3 span {
        background: #c8dae4;
        border-radius: 3px;
        color: #222;
        display: block;
        padding: 4px 8px; }
    .page-sitemap .block .branch {
      margin-left: 10px; }
      .page-sitemap .block .branch .svg-inline--fa {
        color: #00a2d7; }
      .page-sitemap .block .branch li .svg-inline--fa {
        margin-right: 5px; }
      .page-sitemap .block .branch li:before {
        content: '\f0da';
        display: none;
        font-family: 'Font Awesome 5 Solid'; }
      .page-sitemap .block .branch a[target="_blank"] .svg-inline--fa {
        font-size: 11px;
        font-size: 0.6875rem;
        margin-left: 4px;
        vertical-align: top; }
      .page-sitemap .block .branch a[target="_blank"]:after {
        content: '\f24d';
        display: none;
        font-family: 'Font Awesome 5 Regular'; }
    .page-sitemap .block .root a .svg-inline--fa,
    .page-sitemap .block .rootlist li .svg-inline--fa {
      color: #00a2d7;
      margin-right: 4px; }
    .page-sitemap .block .root a:before,
    .page-sitemap .block .rootlist li:before {
      content: '\f138';
      display: none;
      font-family: 'Font Awesome 5 Solid'; }

.contactform {
  margin-bottom: 25px; }
  .contactform dt {
    font-weight: bold;
    padding: 10px 0;
    width: 14em; }
  .contactform dd {
    padding: 10px 3px 10px 14em; }
  .contactform textarea.full {
    width: 100%; }
  .contactform ul {
    font-size: 0; }
    .contactform ul li {
      display: inline-block;
      font-size: 14px;
      font-size: 0.875rem;
      margin-right: 1em; }
      .contactform ul li:last-child {
        margin-right: 0; }

.error {
  background: #F2DEDE;
  border-radius: 5px;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
  color: #C9302C;
  margin-bottom: 30px;
  padding: 10px 15px; }

.telemail a {
  box-sizing: border-box;
  width: 240px; }
  .telemail a.btn {
    display: table;
    font-weight: bold;
    margin: auto;
    line-height: 1;
    padding: 15px; }
    .telemail a.btn i {
      background: url(img/telemail.png) no-repeat center center;
      background-size: contain;
      display: table-cell;
      width: 50px;
      height: 44px; }
    .telemail a.btn span {
      display: table-cell;
      padding-left: 10px;
      vertical-align: middle;
      text-align: center; }

.telemail-desc {
  margin-top: 10px;
  text-align: center; }

.visual .relife > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 600px; }

.visual .relife img {
  background: rgba(255, 255, 255, 0.8);
  display: inline-block;
  padding: 20px 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 500px;
  height: auto; }

.visual .relife-slide1 {
  background: #BCDDF0 url(img/top_visual_relife01.jpg) no-repeat center center;
  background-size: cover; }

.visual .relife-slide2 {
  background: #BCDDF0 url(img/top_visual_relife02.jpg) no-repeat center center;
  background-size: cover; }

.visual .relife-slide3 {
  background: #BCDDF0 url(img/top_visual_relife03.jpg) no-repeat center center;
  background-size: cover; }

.relife-nav {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0; }
  .relife-nav a {
    border-radius: 6px;
    color: #fff;
    display: block;
    margin-left: 3.5%;
    margin-top: 32px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 31%; }
    .relife-nav a:nth-child(-n+3) {
      margin-top: 0; }
    .relife-nav a:nth-of-type(3n+1) {
      margin-left: 0; }
    .relife-nav a img {
      width: 100%;
      height: auto;
      transition: transform 0.3s linear; }
    .relife-nav a:hover img {
      transform: scale(1.2); }
    .relife-nav a p {
      background: rgba(0, 162, 215, 0.7);
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: bold;
      line-height: 44px;
      position: absolute;
      width: 100%;
      height: 44px;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }

.relife-exhibition {
  border-top: 1px dotted #7d8488; }
  .relife-exhibition dt {
    font-weight: bold;
    width: 5em;
    padding: 6px; }
  .relife-exhibition dd {
    border-bottom: 1px dotted #7d8488;
    padding: 6px 6px 6px 6.5em; }

.relife-scene {
  display: flex; }
  .relife-scene > div:nth-of-type(1) {
    margin-right: 30px; }
  .relife-scene > div:nth-of-type(2) {
    min-width: 280px; }

.relife-logo {
  display: flex;
  justify-content: center; }
  .relife-logo > div:nth-of-type(1) {
    margin-right: 40px; }

.guidebook-list > li:first-child {
  margin-top: 0; }

.guidebook-list > li:last-child div {
  padding-bottom: 0; }

.guidebook-list > li > div,
.guidebook-list > li > ul > li > div {
  border-top: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
  padding: 5px 0 18px 10px; }
  .guidebook-list > li > div > ol,
  .guidebook-list > li > div > ul,
  .guidebook-list > li > ul > li > div > ol,
  .guidebook-list > li > ul > li > div > ul {
    margin-left: 2%;
    width: 49%; }
    .guidebook-list > li > div > ol:nth-of-type(odd),
    .guidebook-list > li > div > ul:nth-of-type(odd),
    .guidebook-list > li > ul > li > div > ol:nth-of-type(odd),
    .guidebook-list > li > ul > li > div > ul:nth-of-type(odd) {
      margin-left: 0; }
    .guidebook-list > li > div > ol li.countzero,
    .guidebook-list > li > div > ul li.countzero,
    .guidebook-list > li > ul > li > div > ol li.countzero,
    .guidebook-list > li > ul > li > div > ul li.countzero {
      list-style-type: none;
      margin-left: 10px; }
    .guidebook-list > li > div > ol.disc-list01,
    .guidebook-list > li > ul.guidebook-list > li > div > ol.disc-list01,
    .region-hashira .guidebook-list > li > div > ul, .guidebook-list > li > div > ul.disc-list01,
    .guidebook-list > li > ul.guidebook-list > li > div > ul.disc-list01, .guidebook-list > li > ul > li > div > ol.disc-list01,
    .region-hashira .guidebook-list > li > ul > li > div > ul, .guidebook-list > li > ul > li > div > ul.disc-list01 {
      padding-left: 0.7em; }
  .guidebook-list > li > div > ul > li,
  .guidebook-list > li > ul > li > div > ul > li {
    list-style-type: none;
    margin-left: 5px; }

.guidebook-list > li > ul > li {
  margin-top: 10px;
  padding-left: 18px; }

.guidebook-list > li > ul.disc-list01, .region-hashira .guidebook-list > li > ul {
  margin-left: 1em; }
  .guidebook-list > li > ul.disc-list01 > li, .region-hashira .guidebook-list > li > ul > li {
    margin-top: 0;
    padding-left: 0; }

.contents-brand {
  padding-bottom: 0; }
  .contents-brand h3 {
    color: #00a2d7;
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
    font-size: 1.875rem;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 28px;
    padding-bottom: 24px;
    position: relative; }
    .contents-brand h3:before {
      background: url(../../branding/img/brush_pink.svg) no-repeat center center;
      background-size: cover;
      content: '';
      display: block;
      position: absolute;
      width: 70px;
      height: 7px;
      transform: translate(-50%, 0);
      left: 50%;
      bottom: 0; }
  .contents-brand .wrapper h3:before, .contents-brand .content-title h2 h3:before, .content-title .contents-brand h2 h3:before, .contents-brand .content-title-pages h2 h3:before, .content-title-pages .contents-brand h2 h3:before, .contents-brand .top-info h3:before, .contents-brand .top-en h3:before, .contents-brand .br-obj-inner h3:before {
    transform: none;
    left: 0; }
  .contents-brand .br-header {
    background: url(../../branding/img/brush_cyan.png) no-repeat center bottom, #00a2d7 url(../../branding/img/flash.svg) no-repeat center center;
    background-size: contain, cover;
    height: 480px;
    position: relative; }
    .contents-brand .br-header h2 {
      position: absolute;
      right: 50%;
      transform: translateX(50%);
      top: 26%; }
  .contents-brand .br-obj {
    background: #d8eef8;
    padding-bottom: 40px; }
    .contents-brand .br-obj h4 {
      font-size: 22px;
      font-size: 1.375rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      margin-bottom: 20px; }
    .contents-brand .br-obj-inner {
      align-items: center;
      display: flex; }
      .contents-brand .br-obj-inner > div {
        flex: 1 0 0%;
        margin-right: 30px; }
    .contents-brand .br-obj .br-no1 img {
      opacity: 0.7;
      filter: alpha(opacity=70); }
  .contents-brand .br-concept {
    margin-bottom: 140px;
    padding: 10px 0 0 0;
    position: relative;
    z-index: 10; }
    .contents-brand .br-concept:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 80px;
      z-index: -1;
      background: #fff;
      transform-origin: top left;
      transform: skewY(-3deg); }
    .contents-brand .br-concept .wrapper, .contents-brand .br-concept .content-title h2, .content-title .contents-brand .br-concept h2, .contents-brand .br-concept .content-title-pages h2, .content-title-pages .contents-brand .br-concept h2, .contents-brand .br-concept .top-info, .contents-brand .br-concept .top-en, .contents-brand .br-concept .br-obj-inner {
      display: flex; }
      .contents-brand .br-concept .wrapper > div, .contents-brand .br-concept .content-title h2 > div, .content-title .contents-brand .br-concept h2 > div, .contents-brand .br-concept .content-title-pages h2 > div, .content-title-pages .contents-brand .br-concept h2 > div, .contents-brand .br-concept .top-info > div, .contents-brand .br-concept .top-en > div, .contents-brand .br-concept .br-obj-inner > div {
        background: #d8eef8;
        border-radius: 8px;
        padding: 20px; }
      .contents-brand .br-concept .wrapper > div:nth-of-type(1), .contents-brand .br-concept .content-title h2 > div:nth-of-type(1), .content-title .contents-brand .br-concept h2 > div:nth-of-type(1), .contents-brand .br-concept .content-title-pages h2 > div:nth-of-type(1), .content-title-pages .contents-brand .br-concept h2 > div:nth-of-type(1), .contents-brand .br-concept .top-info > div:nth-of-type(1), .contents-brand .br-concept .top-en > div:nth-of-type(1), .contents-brand .br-concept .br-obj-inner > div:nth-of-type(1) {
        margin-right: 40px;
        width: 33%; }
      .contents-brand .br-concept .wrapper > div:nth-of-type(2), .contents-brand .br-concept .content-title h2 > div:nth-of-type(2), .content-title .contents-brand .br-concept h2 > div:nth-of-type(2), .contents-brand .br-concept .content-title-pages h2 > div:nth-of-type(2), .content-title-pages .contents-brand .br-concept h2 > div:nth-of-type(2), .contents-brand .br-concept .top-info > div:nth-of-type(2), .contents-brand .br-concept .top-en > div:nth-of-type(2), .contents-brand .br-concept .br-obj-inner > div:nth-of-type(2) {
        flex: 1 0 0%; }
        .contents-brand .br-concept .wrapper > div:nth-of-type(2) > div, .contents-brand .br-concept .content-title h2 > div:nth-of-type(2) > div, .content-title .contents-brand .br-concept h2 > div:nth-of-type(2) > div, .contents-brand .br-concept .content-title-pages h2 > div:nth-of-type(2) > div, .content-title-pages .contents-brand .br-concept h2 > div:nth-of-type(2) > div, .contents-brand .br-concept .top-info > div:nth-of-type(2) > div, .contents-brand .br-concept .top-en > div:nth-of-type(2) > div, .contents-brand .br-concept .br-obj-inner > div:nth-of-type(2) > div {
          display: flex;
          justify-content: space-between; }
        .contents-brand .br-concept .wrapper > div:nth-of-type(2) section, .contents-brand .br-concept .content-title h2 > div:nth-of-type(2) section, .content-title .contents-brand .br-concept h2 > div:nth-of-type(2) section, .contents-brand .br-concept .content-title-pages h2 > div:nth-of-type(2) section, .content-title-pages .contents-brand .br-concept h2 > div:nth-of-type(2) section, .contents-brand .br-concept .top-info > div:nth-of-type(2) section, .contents-brand .br-concept .top-en > div:nth-of-type(2) section, .contents-brand .br-concept .br-obj-inner > div:nth-of-type(2) section {
          width: 32%; }
          .contents-brand .br-concept .wrapper > div:nth-of-type(2) section h5, .contents-brand .br-concept .content-title h2 > div:nth-of-type(2) section h5, .content-title .contents-brand .br-concept h2 > div:nth-of-type(2) section h5, .contents-brand .br-concept .content-title-pages h2 > div:nth-of-type(2) section h5, .content-title-pages .contents-brand .br-concept h2 > div:nth-of-type(2) section h5, .contents-brand .br-concept .top-info > div:nth-of-type(2) section h5, .contents-brand .br-concept .top-en > div:nth-of-type(2) section h5, .contents-brand .br-concept .br-obj-inner > div:nth-of-type(2) section h5 {
            color: #00a2d7;
            font-size: 18px;
            font-size: 1.125rem;
            font-weight: 700;
            margin-bottom: 15px;
            text-align: center; }
            .contents-brand .br-concept .wrapper > div:nth-of-type(2) section h5 span, .contents-brand .br-concept .content-title h2 > div:nth-of-type(2) section h5 span, .content-title .contents-brand .br-concept h2 > div:nth-of-type(2) section h5 span, .contents-brand .br-concept .content-title-pages h2 > div:nth-of-type(2) section h5 span, .content-title-pages .contents-brand .br-concept h2 > div:nth-of-type(2) section h5 span, .contents-brand .br-concept .top-info > div:nth-of-type(2) section h5 span, .contents-brand .br-concept .top-en > div:nth-of-type(2) section h5 span, .contents-brand .br-concept .br-obj-inner > div:nth-of-type(2) section h5 span {
              color: #e25283; }
    .contents-brand .br-concept h4 {
      font-size: 22px;
      font-size: 1.375rem;
      font-weight: 700;
      margin-bottom: 15px;
      text-align: center; }
    .contents-brand .br-concept section {
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid #00a2d7;
      margin-top: 15px;
      padding: 15px; }
  .contents-brand .br-tenkai {
    background: #d8eef8;
    padding-top: 20px;
    position: relative;
    z-index: 10; }
    .contents-brand .br-tenkai:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 80px;
      z-index: -1;
      background: #d8eef8;
      transform-origin: top right;
      transform: skewY(3deg); }
    .contents-brand .br-tenkai:after {
      background: #d8eef8;
      content: '';
      position: absolute;
      bottom: -80px;
      left: 0;
      width: 100%;
      height: 80px;
      z-index: -1;
      transform-origin: top left;
      transform: skewY(-3deg); }
    .contents-brand .br-tenkai h3 {
      margin-bottom: 0; }
  .contents-brand .br-president {
    background: url(../../branding/img/chapel.jpg) no-repeat center center;
    background-size: cover;
    padding: 90px 0 120px 0;
    position: relative;
    z-index: -1; }
    .contents-brand .br-president-msg {
      background: rgba(255, 255, 255, 0.7);
      margin-bottom: 30px;
      padding: 20px; }
      .contents-brand .br-president-msg h4 {
        color: #e25283;
        font-size: 34px;
        font-size: 2.125rem;
        font-weight: 500;
        margin-bottom: 15px; }
      .contents-brand .br-president-msg strong {
        color: #e25283; }
    .contents-brand .br-president-ex {
      color: #00a2d7;
      font-size: 24px;
      font-size: 1.5rem;
      font-weight: 700;
      margin-bottom: 15px; }
    .contents-brand .br-president section {
      background: rgba(216, 238, 248, 0.5);
      border: 1px solid #00a2d7;
      padding: 15px; }
      .contents-brand .br-president section h5 {
        color: #00a2d7;
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 700;
        margin-bottom: 15px;
        text-align: center; }
        .contents-brand .br-president section h5 span {
          color: #e25283; }
  .contents-brand .br-message {
    background: #fff;
    padding: 20px 0 100px 0;
    position: relative;
    z-index: 10; }
    .contents-brand .br-message:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 80px;
      z-index: -1;
      background: #fff;
      transform-origin: top right;
      transform: skewY(3deg); }
    .contents-brand .br-message section h4 {
      font-size: 16px;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.3;
      margin-bottom: 10px; }
      .contents-brand .br-message section h4 span {
        font-size: 13px;
        font-size: 0.8125rem; }
    .contents-brand .br-message section h5 {
      color: #00a2d7;
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: 700;
      margin: 15px 0 10px 0; }
    .contents-brand .br-message section strong {
      color: #e25283; }
  .contents-brand .br-outline {
    background: #d8eef8;
    padding: 20px 0 50px 0;
    position: relative;
    z-index: 10; }
    .contents-brand .br-outline:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 80px;
      z-index: -1;
      background: #d8eef8;
      transform-origin: top left;
      transform: skewY(-3deg); }
    .contents-brand .br-outline h4 {
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 1.3;
      margin-bottom: 15px; }
      .contents-brand .br-outline h4:before {
        background: #e25283;
        content: '';
        display: inline-block;
        margin-right: 6px;
        width: 13px;
        height: 13px; }

@media screen and (max-width: 71.25em) {
  /* /////////////////////////////////////////////////////////////////////////// Basic */
  p, blockquote, li, dt, dd, table {
    line-height: 1.8;
    word-wrap: break-word; }
  .photo-tb img,
  .img-full {
    width: 100%;
    height: auto; }
  .mb {
    display: block; }
  .mb-inline {
    display: inline; }
  .mb-none {
    display: none; }
  /* /////////////////////////////////////////////////////////////////////////// Layout */
  body {
    -webkit-text-size-adjust: none; }
  .wrapper, .content-title h2, .content-title-pages h2, .top-info, .top-en, .contents-brand .br-obj-inner {
    margin-right: 20px;
    margin-left: 20px;
    width: auto; }
  .contents {
    min-width: 100%; }
  .g-header {
    height: 75px;
    padding: 0px 0 0 18px; }
    .g-header h1 {
      width: 408px;
      height: 45px; }
    .g-header .sns,
    .g-header .obj {
      display: none; }
  .g-nav .menu-toggle {
    width: 80px;
    height: 75px; }
    .g-nav .menu-toggle p {
      bottom: 7px; }
    .g-nav .menu-toggle > div {
      right: 50%;
      bottom: 64%;
      transform: translate(50%, 64%); }
  .g-nav .nav-content {
    padding: 0 0 75px 0;
    top: 75px; }
    .g-nav .nav-content a {
      display: block; }
  .g-nav .sitemap-box {
    flex-direction: column; }
    .g-nav .sitemap-box label {
      border-top: 1px solid rgba(255, 255, 255, 0.4);
      background: #0083ae;
      cursor: pointer;
      display: block;
      position: relative;
      transition: all 0.2s;
      width: 50px;
      height: 50px; }
      .g-nav .sitemap-box label span {
        display: none; }
      .g-nav .sitemap-box label:before {
        background: url(img/plus.svg) no-repeat center center;
        background-size: contain;
        content: '';
        width: 15px;
        height: 15px;
        position: absolute;
        right: 50%;
        bottom: 50%;
        transform: translate(50%, 50%); }
    .g-nav .sitemap-box .cat-contents {
      height: 0;
      overflow: hidden;
      opacity: 0;
      padding: 0;
      transition: 0.2s; }
    .g-nav .sitemap-box .catacd:checked + label + .cat-contents {
      height: auto;
      opacity: 1;
      padding: 5px 0; }
    .g-nav .sitemap-box .catacd:checked + label:before {
      background: url(img/minus.svg) no-repeat center center;
      background-size: contain; }
    .g-nav .sitemap-box a {
      display: block; }
      .g-nav .sitemap-box a:hover {
        border-bottom: none; }
    .g-nav .sitemap-box > div {
      flex: none;
      margin-left: 0; }
    .g-nav .sitemap-box > div > div {
      display: flex;
      flex-wrap: wrap;
      font-size: 16px;
      font-size: 1rem; }
    .g-nav .sitemap-box h3 {
      border-top: 1px solid rgba(255, 255, 255, 0.4);
      flex: 1 0 0%;
      padding: 0 15px;
      height: 50px; }
    .g-nav .sitemap-box h3 a {
      font-weight: normal;
      line-height: 48px; }
    .g-nav .sitemap-box ul {
      background: rgba(255, 255, 255, 0.15);
      border-radius: 0;
      padding: 0;
      margin: 0;
      width: 100%; }
      .g-nav .sitemap-box ul li {
        line-height: 1.7;
        margin-top: 0;
        margin-left: 0;
        text-indent: 0; }
        .g-nav .sitemap-box ul li .svg-inline--fa {
          margin-right: 8px; }
        .g-nav .sitemap-box ul li:before {
          content: none; }
        .g-nav .sitemap-box ul li a {
          padding: 5px 15px 5px 30px;
          position: relative; }
          .g-nav .sitemap-box ul li a .svg-inline--fa {
            position: absolute;
            top: 13px;
            left: 15px; }
          .g-nav .sitemap-box ul li a:before {
            content: '\f105';
            display: none;
            font-family: 'Font Awesome 5 Solid'; }
        .g-nav .sitemap-box ul li a[target="_blank"] .svg-inline--fa {
          font-size: 14px;
          font-size: 0.875rem;
          margin-left: 0;
          vertical-align: middle;
          left: 10px; }
        .g-nav .sitemap-box ul li a[target="_blank"]:before {
          content: '\f24d';
          font-family: 'Font Awesome 5 Regular'; }
        .g-nav .sitemap-box ul li a[target="_blank"]:after {
          content: none; }
    .g-nav .sitemap-box .search {
      display: none; }
  .g-nav .g-nav-sub {
    display: block;
    font-weight: 400; }
    .g-nav .g-nav-sub > ul {
      display: flex;
      flex-wrap: wrap; }
      .g-nav .g-nav-sub > ul li {
        width: 50%; }
      .g-nav .g-nav-sub > ul a {
        display: block; }
    .g-nav .g-nav-sub .g-nav-info {
      border-bottom: 1px solid #00688b;
      background: #007ca4; }
      .g-nav .g-nav-sub .g-nav-info li {
        border-top: 1px solid #00688b; }
        .g-nav .g-nav-sub .g-nav-info li:nth-of-type(even) {
          border-left: 1px solid #00688b; }
      .g-nav .g-nav-sub .g-nav-info a {
        font-size: 15px;
        font-size: 0.9375rem;
        padding: 10px 30px 10px 15px; }
        .g-nav .g-nav-sub .g-nav-info a .svg-inline--fa {
          position: absolute;
          bottom: 50%;
          transform: translateY(50%);
          top: auto;
          left: auto;
          right: 12px; }
    .g-nav .g-nav-sub .g-nav-target {
      background: #fff; }
      .g-nav .g-nav-sub .g-nav-target li {
        border-top: 1px solid #00b5f1; }
        .g-nav .g-nav-sub .g-nav-target li:nth-of-type(even) {
          border-left: 1px solid #00b5f1; }
      .g-nav .g-nav-sub .g-nav-target a {
        color: #444;
        font-size: 14px;
        font-size: 0.875rem;
        padding: 10px 30px 10px 15px; }
        .g-nav .g-nav-sub .g-nav-target a .svg-inline--fa {
          color: #00b5f1;
          position: absolute;
          bottom: 50%;
          transform: translateY(50%);
          top: auto;
          left: auto;
          right: 12px; }
    .g-nav .g-nav-sub .g-nav-lang {
      background: #7d8488; }
      .g-nav .g-nav-sub .g-nav-lang li {
        border-top: 1px solid #a1b4be; }
        .g-nav .g-nav-sub .g-nav-lang li:nth-of-type(even) {
          border-left: 1px solid #a1b4be; }
      .g-nav .g-nav-sub .g-nav-lang a {
        color: #fff;
        font-size: 14px;
        font-size: 0.875rem;
        padding: 10px 30px 10px 15px; }
        .g-nav .g-nav-sub .g-nav-lang a .svg-inline--fa {
          color: #fff;
          position: absolute;
          bottom: 50%;
          transform: translateY(50%);
          top: auto;
          left: auto;
          right: 12px; }
    .g-nav .g-nav-sub .search {
      display: block;
      margin-top: 0;
      padding: 15px;
      text-align: center; }
      .g-nav .g-nav-sub .search form {
        width: 50%;
        min-width: 300px;
        margin: auto; }
  main {
    padding-top: 75px; }
  .scroll-prevent {
    position: fixed; }
  .g-header-en {
    height: 75px;
    padding: 0px 0 0 18px; }
    .g-header-en h1 {
      width: 319px;
      height: 45px; }
    .g-header-en .obj {
      display: none; }
  .s-header {
    height: 65px; }
    .s-header header {
      height: auto; }
      .s-header header h1 {
        padding: 12px 0 0 0; }
        .s-header header h1 img {
          width: 200px;
          height: auto; }
        .s-header header h1.en img {
          width: 280px; }
      .s-header header .lang {
        right: 0px;
        top: 18px; }
    .s-header .menu-toggle {
      font-size: 0;
      position: absolute;
      right: 10px;
      top: 10px; }
      .s-header .menu-toggle li {
        display: inline-block;
        margin-left: 5px; }
      .s-header .menu-toggle button {
        background: none;
        border: 0;
        color: #a1b4be;
        cursor: pointer;
        display: block;
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 1.3;
        outline: none;
        padding: 5px 0;
        text-align: center;
        width: 50px; }
        .s-header .menu-toggle button .fa {
          font-size: 24px;
          font-size: 1.5rem;
          margin-bottom: 2px; }
  .multilingual main {
    padding-top: 65px; }
  .s-footer {
    padding: 20px 0 20px 0; }
    .s-footer .group-link ul {
      width: auto; }
      .s-footer .group-link ul li {
        white-space: nowrap; }
        .s-footer .group-link ul li:first-child {
          border-left: 0;
          margin: 0; }
        .s-footer .group-link ul li:last-of-type {
          border-right: 0; }
        .s-footer .group-link ul li a {
          padding: 8px 5px;
          font-size: 13px;
          font-size: 0.8125rem; }
    .s-footer .f-guide {
      align-items: flex-start;
      margin: 20px 20px;
      width: auto; }
      .s-footer .f-guide h3 {
        margin-right: auto; }
        .s-footer .f-guide h3 img {
          width: 330px;
          height: auto; }
    .s-footer .f-policy {
      width: auto;
      margin: 0 20px; }
      .s-footer .f-policy ul li:first-child {
        display: none; }
  /* /////////////////////////////////////////////////////////////////////////// Contents */
  .breadcrumbs {
    margin: 0 20px 15px 20px;
    width: auto; }
  .content-title {
    height: 130px;
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 25px; }
  .content-title-pages {
    height: 65px;
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 15px; }
    .content-title-pages h2 span {
      padding-bottom: 2px; }
  .c-nav ul li {
    margin-bottom: 18px; }
    .c-nav ul li p {
      padding: 8px 0; }
  .c-nav-sec ul li p {
    font-size: 16px;
    font-size: 1rem; }
  .contents-main {
    float: none;
    margin-bottom: 25px;
    width: auto; }
  .sidebar {
    float: none;
    width: auto; }
    .sidebar h2 a {
      font-size: 16px;
      font-size: 1rem; }
    .sidebar > ul {
      border: 1px solid #c8dae4; }
  .top-visual .top-logo img {
    width: 500px;
    height: auto; }
  .top-visual .group-name h2 {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 10px; }
    .top-visual .group-name h2 span {
      font-size: 45px;
      font-size: 2.8125rem; }
  .top-visual .group-name p {
    font-size: 16px;
    font-size: 1rem; }
  .top-visual-movie {
    display: none; }
  .top-visual-mobile {
    display: block; }
    .top-visual-mobile img {
      width: 100%;
      height: auto; }
    .top-visual-mobile .svg-inline--fa {
      opacity: 0.8;
      filter: alpha(opacity=80); }
  .visual-multi {
    min-width: auto;
    height: 230px; }
    .visual-multi .wrapper, .visual-multi .content-title h2, .content-title .visual-multi h2, .visual-multi .content-title-pages h2, .content-title-pages .visual-multi h2, .visual-multi .top-info, .visual-multi .top-en, .visual-multi .contents-brand .br-obj-inner, .contents-brand .visual-multi .br-obj-inner {
      margin: auto;
      width: auto; }
    .visual-multi .en {
      height: 230px; }
      .visual-multi .en img {
        margin: 100px 0 0 20px;
        width: 289px; }
    .visual-multi .ru {
      height: 230px; }
      .visual-multi .ru img {
        margin: 100px 0 0 20px;
        width: 289px; }
  .top-adminbtn {
    padding: 20px 0; }
  .top-title span:nth-of-type(1), .top-topics h2 span:nth-of-type(1), .top-info h2 span:nth-of-type(1), .top-admission h2 span:nth-of-type(1), .top-faculty h2 span:nth-of-type(1), .top-feature h2 span:nth-of-type(1), .top-movie h2 span:nth-of-type(1), .top-pickup h2 span:nth-of-type(1), .faculty-news h3 span:nth-of-type(1), .faculty-chilef h3 span:nth-of-type(1), .faculty-content-nav h3 span:nth-of-type(1) {
    font-size: 30px;
    font-size: 1.875rem; }
  .top-title span:nth-of-type(2), .top-topics h2 span:nth-of-type(2), .top-info h2 span:nth-of-type(2), .top-admission h2 span:nth-of-type(2), .top-faculty h2 span:nth-of-type(2), .top-feature h2 span:nth-of-type(2), .top-movie h2 span:nth-of-type(2), .top-pickup h2 span:nth-of-type(2), .faculty-news h3 span:nth-of-type(2), .faculty-chilef h3 span:nth-of-type(2), .faculty-content-nav h3 span:nth-of-type(2) {
    font-size: 13px;
    font-size: 0.8125rem; }
  .top-topics {
    padding: 30px 0; }
    .top-topics h2 {
      padding: 30px 30px 0 20px; }
  .top-info {
    margin: 30px 20px; }
  .top-admission {
    padding: 30px 0px 30px 0px; }
    .top-admission h2 {
      margin-bottom: 25px; }
    .top-admission .admission-slide {
      width: auto; }
  .top-faculty {
    padding: 40px 0; }
    .top-faculty .top-faculty-visual {
      margin-bottom: 20px;
      padding: 0 20px;
      flex-direction: column; }
      .top-faculty .top-faculty-visual .photo {
        line-height: 1;
        z-index: 0;
        width: 100%; }
        .top-faculty .top-faculty-visual .photo img {
          height: auto; }
      .top-faculty .top-faculty-visual .top-faculty-desc {
        flex: 1 0 0%;
        margin-top: 0; }
      .top-faculty .top-faculty-visual h4 {
        position: relative;
        writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        -webkit-writing-mode: horizontal-tb;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.3;
        margin: 15px 0 10px 0;
        white-space: normal; }
        .top-faculty .top-faculty-visual h4 br {
          display: none; }
      .top-faculty .top-faculty-visual .top-faculty-section {
        height: auto;
        margin-top: 0;
        padding: 10px;
        position: relative;
        width: 100%; }
        .top-faculty .top-faculty-visual .top-faculty-section h3 {
          position: static;
          transform: none; }
          .top-faculty .top-faculty-visual .top-faculty-section h3 > span span:nth-of-type(1) {
            font-size: 30px;
            font-size: 1.875rem; }
          .top-faculty .top-faculty-visual .top-faculty-section h3 > span span:nth-of-type(2) {
            font-size: 16px;
            font-size: 1rem;
            margin-top: 5px; }
    .top-faculty .top-faculty-link {
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 0; }
      .top-faculty .top-faculty-link a {
        margin: 15px 0 0 2%;
        width: 32%; }
        .top-faculty .top-faculty-link a:nth-of-type(3n+1) {
          margin-left: 0; }
        .top-faculty .top-faculty-link a strong {
          font-size: 18px;
          font-size: 1.125rem;
          display: block; }
  .top-faculty-gakurui {
    margin-top: 50px; }
    .top-faculty-gakurui:first-of-type {
      margin-top: 0; }
    .top-faculty-gakurui .top-faculty-visual .photo {
      margin: 0; }
    .top-faculty-gakurui .top-faculty-visual .top-faculty-desc {
      padding-right: 0; }
    .top-faculty-gakurui .top-faculty-visual h4 {
      right: 0; }
    .top-faculty-gakurui .top-faculty-visual .top-faculty-section {
      right: 0; }
      .top-faculty-gakurui .top-faculty-visual .top-faculty-section h3 {
        left: 0; }
  .top-faculty-graduate {
    margin-top: 50px; }
    .top-faculty-graduate .top-faculty-visual {
      flex-direction: column; }
      .top-faculty-graduate .top-faculty-visual .photo {
        margin: 0; }
      .top-faculty-graduate .top-faculty-visual .top-faculty-desc {
        padding-left: 0;
        margin-bottom: 0; }
      .top-faculty-graduate .top-faculty-visual h4 {
        left: 0; }
      .top-faculty-graduate .top-faculty-visual .top-faculty-section {
        left: 0; }
        .top-faculty-graduate .top-faculty-visual .top-faculty-section h3 {
          right: 0; }
    .top-faculty-graduate .top-faculty-link {
      justify-content: center; }
  .top-feature {
    padding: 40px 0; }
    .top-feature .top-feature-box {
      margin-bottom: 40px; }
      .top-feature .top-feature-box > div:nth-of-type(1) {
        width: 48%; }
      .top-feature .top-feature-box > div:nth-of-type(2) {
        width: 48%; }
    .top-feature .top-feature-desc {
      padding: 30px 0 0 0; }
      .top-feature .top-feature-desc:after {
        height: 330px;
        top: 28px; }
    .top-feature .top-feature-link-noflex {
      width: 100%; }
    .top-feature .top-feature-link a > div h3 {
      font-size: 24px;
      font-size: 1.5rem; }
    .top-feature .top-feature-link a > div p:nth-of-type(1) {
      font-size: 13px;
      font-size: 0.8125rem; }
    .top-feature .top-feature-link a > div p:nth-of-type(2) {
      font-size: 16px;
      font-size: 1rem; }
  .top-movie {
    padding: 40px 0; }
    .top-movie h2 {
      margin-bottom: 25px; }
  .top-pickup {
    padding: 40px 0; }
    .top-pickup h2 {
      display: inline-block;
      margin-bottom: 35px; }
      .top-pickup h2 span:nth-of-type(2) {
        margin-top: 5px;
        text-align: center; }
    .top-pickup .pickup-cont a > div {
      padding: 20px 25px;
      width: 55%; }
    .top-pickup .pickup-cont a h4 {
      font-size: 20px;
      font-size: 1.25rem; }
    .top-pickup .pickup-cont .pick-showken > div {
      right: 20px; }
    .top-pickup .pickup-cont .pick-hanamomo > div {
      left: 20px; }
    .top-pickup .pickup-cont .pick-global > div {
      left: 20px; }
  .bnr-sdgs {
    margin-bottom: 50px; }
    .bnr-sdgs a img {
      border: 5px solid #00a2d7; }
  .top-footer-bnr,
  .cont-bnr {
    margin-bottom: 25px; }
  .top-footer-bnr {
    margin: 30px 20px; }
    .top-footer-bnr ul {
      width: auto; }
  .top-en {
    padding: 35px 0; }
    .top-en a {
      font-size: 18px;
      font-size: 1.125rem;
      margin-left: 2%;
      margin-top: 15px;
      width: 49%;
      min-height: 4em; }
      .top-en a:nth-child(-n+4) {
        margin-top: 15px; }
      .top-en a:nth-child(-n+2) {
        margin-top: 0; }
      .top-en a:nth-of-type(odd) {
        margin-left: 0; }
  .info-text-left01, .infoContent .sectionBox {
    width: 480px; }
  .wrapper center img, .content-title h2 center img, .content-title-pages h2 center img, .top-info center img, .top-en center img, .contents-brand .br-obj-inner center img {
    max-width: 100%;
    height: auto; }
  .page-sitemap {
    flex-direction: column; }
    .page-sitemap .block {
      margin: 0 0 20px 0;
      width: auto; }
  .lecture-jidai-list {
    flex-direction: column; }
    .lecture-jidai-list .more {
      align-self: center;
      margin: 15px 0 0 0;
      padding-bottom: 0; }
  .sns-visual h3 {
    left: 20px; }
  .sns-visual img {
    width: 350px;
    height: auto; }
  .restructure-msg a {
    font-size: 18px;
    font-size: 1.125rem; }
  .group-btn a {
    font-size: 15px;
    font-size: 0.9375rem; }
    .group-btn a:after {
      right: 10px; }
  .group-list .group-capa p, .group-list .group-capa dl {
    position: static;
    left: 0;
    top: 0;
    transform: none;
    padding: 8px 0; }
  .group-list > div:nth-of-type(2) .group-capa ul {
    justify-content: center;
    flex-wrap: wrap; }
  .group-list > div:nth-of-type(2) .group-capa li {
    margin: 0 5px;
    white-space: normal; }
  .group-list h3 {
    font-size: 20px;
    font-size: 1.25rem; }
  .faculty-news {
    padding: 40px 0; }
    .faculty-news .wrapper, .faculty-news .content-title h2, .content-title .faculty-news h2, .faculty-news .content-title-pages h2, .content-title-pages .faculty-news h2, .faculty-news .top-info, .faculty-news .top-en, .faculty-news .contents-brand .br-obj-inner, .contents-brand .faculty-news .br-obj-inner {
      flex-direction: column; }
    .faculty-news .faculty-info-title {
      align-items: center;
      flex-direction: row;
      margin: 0 0 15px 0;
      white-space: normal; }
      .faculty-news .faculty-info-title p {
        margin-top: 0;
        padding-bottom: 0; }
        .faculty-news .faculty-info-title p a {
          padding: 5px 15px; }
    .faculty-news h3 {
      flex-direction: row;
      margin: 0 auto 0 0; }
      .faculty-news h3 span:nth-of-type(2) {
        align-self: center; }
    .faculty-news .info-box-list dl dt {
      padding: 6px 0 3px 0;
      width: auto; }
    .faculty-news .info-box-list dl dd {
      padding: 0px 0px 6px 0px; }
  .faculty-chilef {
    padding: 40px 0; }
    .faculty-chilef h3 {
      margin-bottom: 20px; }
    .faculty-chilef .wrapper > div, .faculty-chilef .content-title h2 > div, .content-title .faculty-chilef h2 > div, .faculty-chilef .content-title-pages h2 > div, .content-title-pages .faculty-chilef h2 > div, .faculty-chilef .top-info > div, .faculty-chilef .top-en > div, .faculty-chilef .contents-brand .br-obj-inner > div, .contents-brand .faculty-chilef .br-obj-inner > div {
      margin-right: 30px; }
    .faculty-chilef .wrapper figure, .faculty-chilef .content-title h2 figure, .content-title .faculty-chilef h2 figure, .faculty-chilef .content-title-pages h2 figure, .content-title-pages .faculty-chilef h2 figure, .faculty-chilef .top-info figure, .faculty-chilef .top-en figure, .faculty-chilef .contents-brand .br-obj-inner figure, .contents-brand .faculty-chilef .br-obj-inner figure {
      width: 230px; }
  .faculty-content-nav {
    padding: 40px 0; }
    .faculty-content-nav h3 {
      margin-bottom: 30px; }
      .faculty-content-nav h3 span:nth-of-type(1) {
        padding-right: 0; }
      .faculty-content-nav h3 span:nth-of-type(2) {
        text-align: center; }
    .faculty-content-nav .faculty-content {
      margin: 0 20px;
      width: auto; }
      .faculty-content-nav .faculty-content a {
        font-size: 16px;
        font-size: 1rem;
        margin-top: 20px; }
        .faculty-content-nav .faculty-content a > div {
          padding: 5px 10px; }
        .faculty-content-nav .faculty-content a br {
          display: block; }
  .faculty-group-nav {
    padding: 30px 0; }
    .faculty-group-nav > div {
      flex-wrap: wrap;
      width: auto; }
      .faculty-group-nav > div a {
        flex: none;
        margin-top: 20px;
        padding: 10px 10px;
        width: 26%; }
        .faculty-group-nav > div a span {
          font-size: 16px;
          font-size: 1rem;
          display: block; }
        .faculty-group-nav > div a:first-of-type,
        .faculty-group-nav > div a:nth-of-type(3n+1) {
          border-left: 1px solid #c8dae4; }
        .faculty-group-nav > div a:nth-of-type(-n+3) {
          margin-top: 0; }
  .campusmap-detail {
    width: 500px; }
  .satis-box {
    width: 600px; }
  .access-print a {
    margin-left: 4%;
    width: 32%; }
    .access-print a span {
      display: block; }
  .visual .relife > div {
    height: 230px; }
  .visual .relife img {
    width: 380px;
    height: auto;
    padding: 12px 8px; }
  .relife-nav {
    padding: 30px 0; }
    .relife-nav a {
      margin-left: 2%;
      margin-top: 15px;
      width: 32%; }
      .relife-nav a:hover img {
        transform: none; }
      .relife-nav a p {
        font-size: 17px;
        font-size: 1.0625rem; }
  .contents-brand h3 {
    font-size: 26px;
    font-size: 1.625rem; }
  .contents-brand .br-header {
    height: 350px; }
  .contents-brand .br-obj {
    padding: 0 0 30px 0; }
    .contents-brand .br-obj h4 {
      font-size: 20px;
      font-size: 1.25rem; }
    .contents-brand .br-obj .br-no1 img {
      width: auto;
      height: 280px; }
  .contents-brand .br-concept {
    margin-bottom: 100px; }
    .contents-brand .br-concept .wrapper, .contents-brand .br-concept .content-title h2, .content-title .contents-brand .br-concept h2, .contents-brand .br-concept .content-title-pages h2, .content-title-pages .contents-brand .br-concept h2, .contents-brand .br-concept .top-info, .contents-brand .br-concept .top-en, .contents-brand .br-concept .br-obj-inner {
      flex-direction: column; }
      .contents-brand .br-concept .wrapper > div:nth-of-type(1), .contents-brand .br-concept .content-title h2 > div:nth-of-type(1), .content-title .contents-brand .br-concept h2 > div:nth-of-type(1), .contents-brand .br-concept .content-title-pages h2 > div:nth-of-type(1), .content-title-pages .contents-brand .br-concept h2 > div:nth-of-type(1), .contents-brand .br-concept .top-info > div:nth-of-type(1), .contents-brand .br-concept .top-en > div:nth-of-type(1), .contents-brand .br-concept .br-obj-inner > div:nth-of-type(1) {
        margin: 0 0 30px 0;
        width: auto;
        text-align: center; }
        .contents-brand .br-concept .wrapper > div:nth-of-type(1) img, .contents-brand .br-concept .content-title h2 > div:nth-of-type(1) img, .content-title .contents-brand .br-concept h2 > div:nth-of-type(1) img, .contents-brand .br-concept .content-title-pages h2 > div:nth-of-type(1) img, .content-title-pages .contents-brand .br-concept h2 > div:nth-of-type(1) img, .contents-brand .br-concept .top-info > div:nth-of-type(1) img, .contents-brand .br-concept .top-en > div:nth-of-type(1) img, .contents-brand .br-concept .br-obj-inner > div:nth-of-type(1) img {
          max-width: 360px; }
    .contents-brand .br-concept h4 {
      font-size: 20px;
      font-size: 1.25rem; }
  .contents-brand .br-president {
    padding: 90px 0 90px 0; }
    .contents-brand .br-president-ex {
      font-size: 20px;
      font-size: 1.25rem; }
  .contents-brand .br-message {
    padding: 20px 0 80px 0; }
    .contents-brand .br-message .columnbox .column-3 {
      margin-left: 4%;
      width: 48%; }
      .contents-brand .br-message .columnbox .column-3:nth-child(-n+3) {
        margin-top: 25px; }
      .contents-brand .br-message .columnbox .column-3:nth-of-type(3n+1) {
        margin-left: 4%; }
      .contents-brand .br-message .columnbox .column-3:nth-child(-n+2) {
        margin-top: 0; }
      .contents-brand .br-message .columnbox .column-3:nth-of-type(odd) {
        margin-left: 0; }
    .contents-brand .br-message section h5 {
      font-size: 18px;
      font-size: 1.125rem; }
  .contents-brand .br-outline {
    padding: 20px 0 30px 0; }
    .contents-brand .br-outline .columnbox {
      flex-direction: column; }
      .contents-brand .br-outline .columnbox .column-3 {
        margin: 30px 0 0 0;
        width: auto; }
        .contents-brand .br-outline .columnbox .column-3:nth-of-type(1) {
          margin-top: 0; }
        .contents-brand .br-outline .columnbox .column-3 img {
          max-width: 500px; }
        .contents-brand .br-outline .columnbox .column-3 figure {
          text-align: center; } }

@media screen and (max-width: 41.6875em) {
  .top-feature .top-feature-box > div:nth-of-type(2) {
    align-self: flex-end; } }

@media screen and (max-width: 35.4em) {
  /* /////////////////////////////////////////////////////////////////////////// Basic */
  input {
    font-size: 16px;
    font-size: 1rem; }
  .sp-none {
    display: none; }
  .pc-none {
    display: block; }
  .pc-none-inline {
    display: inline; }
  .wrapper, .content-title h2, .content-title-pages h2, .top-info, .top-en, .contents-brand .br-obj-inner {
    margin-right: 10px;
    margin-left: 10px; }
  .mgt-5 {
    margin-top: 0; }
  .mgt-10 {
    margin-top: 0; }
  .mgt-15 {
    margin-top: 0; }
  .mgt-20 {
    margin-top: 0; }
  .mgt-25 {
    margin-top: 0; }
  .mgt-30 {
    margin-top: 0; }
  .mgt-35 {
    margin-top: 0; }
  .mgt-40 {
    margin-top: 0; }
  .breadcrumbs {
    color: #666;
    margin: 0 10px;
    padding-bottom: 15px;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow: auto;
    white-space: nowrap; }
    .breadcrumbs::-webkit-scrollbar {
      display: none; }
    .breadcrumbs::-webkit-scrollbar-track {
      background: #F1F1F1; }
    .breadcrumbs::-webkit-scrollbar-thumb {
      background: #BCBCBC; }
  .content-title {
    height: 64px;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 20px; }
    .content-title-relife h2 {
      text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; }
  .content-title-pages {
    height: 50px;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 10px; }
  .h01, h3.cHeadline07 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px; }
  .h02, .infoContent h4.cHeadline06, .infoContent .cHeadline05 {
    font-size: 16px;
    font-size: 1rem; }
  .list-border-3 {
    border-top: 1px solid #ddd; }
    .list-border-3 li:nth-of-type(-n+3) {
      border-top: none; }
  .list-2,
  .list-3 {
    flex-direction: column; }
    .list-2 > li,
    .list-3 > li {
      margin-left: 0;
      width: auto; }
  .dl-list01 dt,
  .dl-list02 dt {
    float: none; }
  .dl-list dt {
    display: list-item;
    float: none;
    font-weight: bold;
    list-style-position: inside; }
  .dl-w3 dt {
    padding: 0;
    width: auto; }
  .dl-w3 dd {
    padding: 0 0 5px 0.9em; }
  .dl-w4 dt {
    padding: 0;
    width: auto; }
  .dl-w4 dd {
    padding: 0 0 5px 0.9em; }
  .dl-w5 dt {
    padding: 0;
    width: auto; }
  .dl-w5 dd {
    padding: 0 0 5px 0.9em; }
  .dl-w6 dt {
    padding: 0;
    width: auto; }
  .dl-w6 dd {
    padding: 0 0 5px 0.9em; }
  .dl-w7 dt {
    padding: 0;
    width: auto; }
  .dl-w7 dd {
    padding: 0 0 5px 0.9em; }
  .dl-w8 dt {
    padding: 0;
    width: auto; }
  .dl-w8 dd {
    padding: 0 0 5px 0.9em; }
  .dl-w9 dt {
    padding: 0;
    width: auto; }
  .dl-w9 dd {
    padding: 0 0 5px 0.9em; }
  .dl-w10 dt {
    padding: 0;
    width: auto; }
  .dl-w10 dd {
    padding: 0 0 5px 0.9em; }
  .dl-w11 dt {
    padding: 0;
    width: auto; }
  .dl-w11 dd {
    padding: 0 0 5px 0.9em; }
  .dl-w12 dt {
    padding: 0;
    width: auto; }
  .dl-w12 dd {
    padding: 0 0 5px 0.9em; }
  .dl-w13 dt {
    padding: 0;
    width: auto; }
  .dl-w13 dd {
    padding: 0 0 5px 0.9em; }
  .dl-w14 dt {
    padding: 0;
    width: auto; }
  .dl-w14 dd {
    padding: 0 0 5px 0.9em; }
  .dl-w15 dt {
    padding: 0;
    width: auto; }
  .dl-w15 dd {
    padding: 0 0 5px 0.9em; }
  .tb-sp col,
  .tb-sp th,
  .tb-sp td {
    display: block;
    width: auto; }
  .responsive-msg,
  .scroll-msg {
    background: #f1f1f1;
    font-size: 13px;
    font-size: 0.8125rem;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    padding: 4px 0; }
  .responsive-msg:before {
    content: '表はズームしてご覧ください'; }
  .scroll-msg:before {
    content: '表はスクロールしてご覧ください'; }
  .responsive-msg-en:before {
    content: 'ZOOM'; }
  .scroll-msg-en:before {
    content: 'SCROLL'; }
  .responsive-table table {
    min-width: 600px; }
  .scroll {
    overflow: auto;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    border-right: 1px solid #CCC;
    max-height: 350px; }
    .scroll::-webkit-scrollbar {
      width: 10px;
      height: 10px; }
    .scroll::-webkit-scrollbar-track {
      background: #F1F1F1; }
    .scroll::-webkit-scrollbar-thumb {
      background: #BCBCBC; }
    .scroll table {
      background: linear-gradient(to left, rgba(255, 255, 255, 0), white 15px) 0 0/50px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), white 15px) right/50px 100%;
      background-repeat: no-repeat;
      background-attachment: local;
      border-bottom: 1px solid #CCC;
      border-collapse: collapse;
      width: 840px; }
  .tb-tb01 .btmline {
    border-bottom-width: 1px; }
  .tb-fixed table .fixed01,
  .tb-fixed table .fixed02 {
    position: sticky;
    top: 0;
    left: 0;
    background: #F4F6F6; }
    .tb-fixed table .fixed01:before,
    .tb-fixed table .fixed02:before {
      border-left: 1px solid #c8dae4;
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      width: 100%;
      height: 100%; }
  .tb-fixed table .fixed01 {
    z-index: 2; }
  .tb-fixed table .fixed02 {
    z-index: 1; }
  .sp-w5 {
    width: 5%; }
  .sp-w10 {
    width: 10%; }
  .sp-w15 {
    width: 15%; }
  .sp-w20 {
    width: 20%; }
  .sp-w25 {
    width: 25%; }
  .sp-w30 {
    width: 30%; }
  .sp-w35 {
    width: 35%; }
  .sp-w40 {
    width: 40%; }
  .sp-w45 {
    width: 45%; }
  .sp-w50 {
    width: 50%; }
  .sp-w55 {
    width: 55%; }
  .sp-w60 {
    width: 60%; }
  .sp-w65 {
    width: 65%; }
  .sp-w70 {
    width: 70%; }
  .sp-w75 {
    width: 75%; }
  .sp-w80 {
    width: 80%; }
  .sp-w85 {
    width: 85%; }
  .sp-w90 {
    width: 90%; }
  .sp-w95 {
    width: 95%; }
  .sp-w100 {
    width: 100%; }
  .columnbox {
    flex-direction: column; }
    .columnbox .column-2,
    .columnbox .column-3,
    .columnbox .column-4,
    .columnbox .column-5 {
      width: 100%;
      margin-left: 0; }
      .columnbox .column-2:nth-child(-n+4),
      .columnbox .column-3:nth-child(-n+4),
      .columnbox .column-4:nth-child(-n+4),
      .columnbox .column-5:nth-child(-n+4) {
        margin-top: 15px; }
      .columnbox .column-2:first-child,
      .columnbox .column-3:first-child,
      .columnbox .column-4:first-child,
      .columnbox .column-5:first-child {
        margin-top: 0; }
    .columnbox .photo-full-max {
      text-align: center; }
      .columnbox .photo-full-max img {
        max-width: 200px; }
  .photo-r,
  .photo-c,
  .infoContent .photoBox01,
  .infoContent .photoBox02,
  .photo-l, .infoContent .photoBox03 {
    float: none;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    text-align: center; }
    .photo-r img,
    .photo-c img,
    .infoContent .photoBox01 img,
    .infoContent .photoBox02 img,
    .photo-l img, .infoContent .photoBox03 img {
      max-width: 400px;
      width: 100%;
      height: auto; }
  .photo-r-full,
  .photo-c-full,
  .photo-l-full {
    float: none;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    text-align: center; }
  .photo-box {
    flex-direction: column; }
    .photo-box > div {
      margin: 0 0 15px 0; }
    .photo-box .photo {
      margin-bottom: 0; }
      .photo-box .photo img {
        width: 100%;
        height: auto; }
  .sp-left {
    text-align: left; }
  .sp-center {
    text-align: center; }
  .sp-right {
    text-align: left; }
  /* /////////////////////////////////////////////////////////////////////////// Layout */
  .g-header {
    height: 65px;
    padding: 0px 0 0 10px; }
    .g-header h1 {
      width: 254px;
      height: 45px; }
  .g-header-top {
    background: white; }
    .g-header-top h1 {
      background: url(../img/header_logo.svg) no-repeat center center;
      background-size: contain; }
  .g-nav .menu-toggle {
    width: 70px;
    height: 65px; }
    .g-nav .menu-toggle p {
      bottom: 4px; }
    .g-nav .menu-toggle > div {
      right: 50%;
      bottom: 67%;
      transform: translate(50%, 67%); }
  .g-nav .nav-content {
    padding: 0 0 65px 0;
    top: 65px; }
    .g-nav .nav-content a {
      display: block; }
  main {
    padding-top: 65px; }
  .g-header-en {
    height: 65px;
    padding: 0px 0 0 10px; }
    .g-header-en h1 {
      width: 230px;
      height: 32px; }
  .s-header {
    height: 55px; }
    .s-header header h1 {
      padding: 12px 0 0 0x; }
      .s-header header h1 img {
        width: 150px;
        height: auto; }
      .s-header header h1.en img {
        width: 200px; }
    .s-header header .lang {
      top: 12px; }
      .s-header header .lang a.select-lang-btn {
        padding: 5px 6px; }
    .s-header .menu-toggle {
      right: 5px;
      top: 5px; }
      .s-header .menu-toggle li {
        margin-left: 0; }
      .s-header .menu-toggle button {
        font-size: 10px;
        font-size: 0.625rem; }
        .s-header .menu-toggle button .fa {
          font-size: 22px;
          font-size: 1.375rem; }
  .multilingual main {
    padding-top: 55px; }
  .btn-pagetop {
    bottom: 30px;
    right: 10px; }
  .s-footer {
    padding: 0 0 15px 0; }
    .s-footer .group-link ul {
      flex-wrap: wrap; }
      .s-footer .group-link ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.8);
        flex: none;
        width: 50%;
        white-space: normal; }
        .s-footer .group-link ul li:nth-of-type(even) {
          border-right: 0; }
        .s-footer .group-link ul li a {
          font-size: 12px;
          font-size: 0.75rem;
          padding: 6px 5px; }
    .s-footer .f-guide {
      align-items: center;
      flex-direction: column;
      margin: 15px auto 10px auto; }
      .s-footer .f-guide h3 {
        margin: 0 0 10px 0; }
        .s-footer .f-guide h3 img {
          width: 280px;
          height: auto; }
    .s-footer .f-policy {
      align-items: center;
      flex-direction: column;
      margin: 0 10px; }
      .s-footer .f-policy ul {
        margin: 0 0 10px 0; }
        .s-footer .f-policy ul li {
          font-size: 12px;
          font-size: 0.75rem;
          text-align: center; }
      .s-footer .f-policy .copyright {
        font-size: 10px;
        font-size: 0.625rem; }
        .s-footer .f-policy .copyright small {
          font-size: 10px;
          font-size: 0.625rem; }
  /* /////////////////////////////////////////////////////////////////////////// Contents */
  .insidelink {
    flex-wrap: wrap;
    flex-direction: column; }
    .insidelink li {
      border-bottom: 1px solid #c8dae4;
      margin-right: 0; }
    .insidelink a {
      padding: 7px 0; }
  #fb, #tw, #ig, #line,
  #public, #jr, #rapibus, #mycar,
  #undergraduate, #graduate, #etc,
  #examguide,
  #d-pam,
  #schedule, #course, #kobetsu, #peer, #voice {
    margin-top: -70px;
    padding-top: 70px; }
  .c-nav ul {
    border-top: 1px solid #c8dae4;
    flex-direction: column; }
    .c-nav ul li {
      border-bottom: 1px solid #c8dae4;
      margin-bottom: 0;
      margin-left: 0px;
      padding: 5px 0;
      width: auto; }
      .c-nav ul li a {
        box-shadow: none;
        border: 0;
        display: table; }
        .c-nav ul li a:hover {
          box-shadow: none; }
      .c-nav ul li img {
        display: table-cell;
        margin: 0 10px 0 0;
        width: 100px;
        height: auto; }
      .c-nav ul li p {
        background: none !important;
        bottom: auto;
        color: #00a2d7;
        left: auto;
        display: table-cell;
        font-weight: bold;
        padding: 0;
        position: static;
        text-align: left;
        vertical-align: middle;
        width: 100%; }
  .p-nav {
    flex-direction: column; }
    .p-nav > div {
      margin: 0;
      width: 100%; }
    .p-nav a {
      border-bottom: 1px dotted #ccc;
      background: none;
      color: #00a2d7;
      display: table;
      padding: 8px 0px; }
      .p-nav a:hover {
        background: none; }
      .p-nav a img {
        margin: 0 10px 0 0;
        width: 50px;
        height: auto; }
  .p-nav-box a {
    flex-direction: column; }
    .p-nav-box a .photo {
      margin: 0 0 10px 0; }
      .p-nav-box a .photo img {
        width: 100%;
        height: auto; }
  .p-nav-nophoto {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    flex-direction: column; }
    .p-nav-nophoto a {
      border: 0;
      border-radius: 0px;
      border-top: 1px solid #d8d8d8;
      font-size: 14px;
      font-size: 0.875rem;
      margin-left: 0;
      margin-top: 0;
      width: auto; }
      .p-nav-nophoto a span {
        font-size: 12px;
        font-size: 0.75rem; }
      .p-nav-nophoto a:first-child {
        border-top: 0; }
      .p-nav-nophoto a:hover {
        background: none;
        border: 0; }
  .contents .btnlist-flex {
    flex-direction: column; }
    .contents .btnlist-flex li {
      text-align: center; }
      .contents .btnlist-flex li:first-child {
        margin-right: 0; }
  .newslist dt {
    float: none;
    line-height: 1.4;
    margin-bottom: 5px;
    padding: 6px 0 0 0;
    width: auto; }
  .newslist dd {
    line-height: 1.4;
    padding: 0px 0 6px 0; }
  .acrobat-bnr {
    float: none;
    margin: 0 0 10px 0;
    text-align: center; }
  .info-box-list dl {
    margin-bottom: 15px;
    overflow: hidden; }
    .info-box-list dl dt {
      line-height: 1.6;
      float: none;
      padding: 8px 0 3px 0;
      width: auto; }
      .info-box-list dl dt span {
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-size: 0.75rem;
        float: none;
        margin-left: 5px; }
    .info-box-list dl dd {
      line-height: 1.6;
      padding: 0px 0px 8px 0px;
      border-bottom: 1px dotted #c8dae4; }
  .top-visual {
    padding-top: 65px;
    height: 100%; }
    .top-visual .top-logo img {
      width: 250px;
      height: auto; }
    .top-visual video.pc-none {
      display: none; }
    .top-visual video.sp-none {
      display: block; }
    .top-visual .group-name {
      padding: 0 10px; }
      .top-visual .group-name h2 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.3;
        margin-bottom: 8px; }
        .top-visual .group-name h2 span {
          font-size: 28px;
          font-size: 1.75rem; }
      .top-visual .group-name p {
        font-size: 13px;
        font-size: 0.8125rem;
        font-weight: 500;
        letter-spacing: normal;
        text-indent: 0;
        text-align: left; }
        .top-visual .group-name p br {
          display: none; }
  .visual-multi {
    height: 105px; }
    .visual-multi .en {
      height: 105px; }
      .visual-multi .en img {
        margin: 40px 0 0 6%;
        width: 140px; }
    .visual-multi .ru {
      height: 105px; }
      .visual-multi .ru img {
        margin: 40px 0 0 6%;
        width: 140px; }
  .top-adminbtn {
    padding: 10px 0; }
  .top-title span:nth-of-type(1), .top-topics h2 span:nth-of-type(1), .top-info h2 span:nth-of-type(1), .top-admission h2 span:nth-of-type(1), .top-faculty h2 span:nth-of-type(1), .top-feature h2 span:nth-of-type(1), .top-movie h2 span:nth-of-type(1), .top-pickup h2 span:nth-of-type(1), .faculty-news h3 span:nth-of-type(1), .faculty-chilef h3 span:nth-of-type(1), .faculty-content-nav h3 span:nth-of-type(1) {
    font-size: 20px;
    font-size: 1.25rem; }
  .top-title span:nth-of-type(2), .top-topics h2 span:nth-of-type(2), .top-info h2 span:nth-of-type(2), .top-admission h2 span:nth-of-type(2), .top-faculty h2 span:nth-of-type(2), .top-feature h2 span:nth-of-type(2), .top-movie h2 span:nth-of-type(2), .top-pickup h2 span:nth-of-type(2), .faculty-news h3 span:nth-of-type(2), .faculty-chilef h3 span:nth-of-type(2), .faculty-content-nav h3 span:nth-of-type(2) {
    font-size: 13px;
    font-size: 0.8125rem; }
  .top-topics {
    flex-direction: column;
    padding: 20px 0; }
    .top-topics h2 {
      align-items: center;
      flex-direction: row;
      justify-content: center;
      padding: 0;
      margin-bottom: 15px; }
      .top-topics h2 span:nth-of-type(1) {
        margin-right: 5px; }
    .top-topics .pickup {
      flex: none;
      width: 100%; }
  .top-info {
    flex-direction: column;
    margin: 20px 10px; }
    .top-info-box {
      width: 100%; }
      .top-info-box:nth-of-type(2) {
        margin-top: 25px; }
        .top-info-box:nth-of-type(2) .tab-menu {
          display: none; }
    .top-info h2 {
      justify-content: center;
      margin-bottom: 15px; }
      .top-info h2 span:nth-of-type(1) {
        margin-right: 5px; }
    .top-info .tab-menu {
      margin-bottom: 15px;
      justify-content: center; }
    .top-info-link a {
      font-size: 13px;
      font-size: 0.8125rem;
      padding: 5px 20px; }
  .top-admission {
    padding: 25px 0 25px 0; }
    .top-admission h2 {
      margin-bottom: 18px; }
  .top-faculty {
    padding: 25px 0; }
    .top-faculty h2 {
      flex-direction: column;
      justify-content: center;
      padding: 0; }
      .top-faculty h2 span:nth-of-type(1) {
        margin: 0 0 8px 0; }
    .top-faculty .top-faculty-visual {
      margin-bottom: 15px;
      padding: 0 10px; }
      .top-faculty .top-faculty-visual h4 {
        font-size: 16px;
        font-size: 1rem;
        margin: 10px 0 10px 0; }
      .top-faculty .top-faculty-visual .top-faculty-section h3 > span span:nth-of-type(1) {
        font-size: 18px;
        font-size: 1.125rem; }
      .top-faculty .top-faculty-visual .top-faculty-section h3 > span span:nth-of-type(2) {
        font-size: 16px;
        font-size: 1rem;
        margin-top: 5px; }
    .top-faculty .top-faculty-link {
      flex-direction: column;
      margin-top: 0; }
      .top-faculty .top-faculty-link:nth-of-type(2) a:nth-of-type(1) {
        border-top: 1px dotted #fff; }
      .top-faculty .top-faculty-link a {
        border-top: 1px dotted #fff;
        font-size: 13px;
        font-size: 0.8125rem;
        margin: 0;
        padding: 10px 10px;
        width: 100%; }
        .top-faculty .top-faculty-link a strong {
          font-size: 16px;
          font-size: 1rem; }
        .top-faculty .top-faculty-link a:nth-of-type(1) {
          border: 0; }
  .top-feature {
    background: #227e9b;
    background: -moz-linear-gradient(left, #227e9b 0%, #003b5c 100%);
    background: -webkit-linear-gradient(left, #227e9b 0%, #003b5c 100%);
    background: linear-gradient(to right, #227e9b 0%, #003b5c 100%);
    padding: 25px 0; }
    .top-feature h2 {
      color: #fff;
      align-items: center;
      display: flex;
      justify-content: center;
      margin-bottom: 15px; }
      .top-feature h2 span:nth-of-type(2) {
        margin-left: 5px; }
    .top-feature .top-feature-box {
      flex-direction: column;
      margin-bottom: 15px; }
      .top-feature .top-feature-box > div:nth-of-type(1),
      .top-feature .top-feature-box > div:nth-of-type(2) {
        width: 100%; }
    .top-feature .top-feature-desc {
      margin-bottom: 10px;
      padding: 0; }
      .top-feature .top-feature-desc:after {
        content: none; }
    .top-feature .top-feature-link-noflex {
      width: 100%; }
    .top-feature .top-feature-link a > div h3 {
      font-size: 20px;
      font-size: 1.25rem; }
    .top-feature .top-feature-link a > div p:nth-of-type(1) {
      font-size: 13px;
      font-size: 0.8125rem; }
    .top-feature .top-feature-link a > div p:nth-of-type(2) {
      font-size: 15px;
      font-size: 0.9375rem; }
  .top-movie {
    padding: 25px 0; }
    .top-movie h2 {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-bottom: 15px; }
      .top-movie h2 span:nth-of-type(2) {
        margin-left: 5px; }
    .top-movie .shokei-ch .top-movie-caption {
      line-height: 1.6;
      padding: 10px 10px; }
  .top-pickup {
    padding: 25px 0; }
    .top-pickup h2 {
      margin-bottom: 15px; }
    .top-pickup .pickup-cont a {
      display: block;
      margin-top: 20px;
      position: relative; }
      .top-pickup .pickup-cont a figure {
        border: none;
        display: block;
        width: 100%; }
      .top-pickup .pickup-cont a > div {
        position: relative;
        bottom: 0;
        transform: none;
        padding: 15px 35px 15px 15px;
        width: 100%; }
        .top-pickup .pickup-cont a > div:after {
          font-size: 16px;
          font-size: 1rem;
          position: absolute;
          bottom: 50%;
          transform: translateY(50%);
          right: 10px;
          content: '→'; }
      .top-pickup .pickup-cont a h4 {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 10px; }
    .top-pickup .pickup-cont .pick-showken > div {
      right: 0; }
    .top-pickup .pickup-cont .pick-hanamomo > div {
      left: 0; }
    .top-pickup .pickup-cont .pick-global > div {
      left: 0; }
  .bnr-sdgs {
    margin-bottom: 25px; }
    .bnr-sdgs a img {
      border: 3px solid #00a2d7; }
  .top-footer-bnr,
  .cont-bnr {
    margin-bottom: 20px; }
    .top-footer-bnr ul,
    .cont-bnr ul {
      flex-wrap: wrap; }
      .top-footer-bnr ul li,
      .cont-bnr ul li {
        margin: 8px 0 0 2%;
        flex: none;
        width: 48%; }
        .top-footer-bnr ul li:nth-child(-n+4),
        .cont-bnr ul li:nth-child(-n+4) {
          margin-top: 8px; }
        .top-footer-bnr ul li:nth-child(-n+2),
        .cont-bnr ul li:nth-child(-n+2) {
          margin-top: 0; }
        .top-footer-bnr ul li:nth-of-type(odd),
        .cont-bnr ul li:nth-of-type(odd) {
          margin-left: 0; }
  .top-footer-bnr {
    margin: 20px 10px; }
    .top-footer-bnr ul {
      width: auto;
      margin: auto; }
  .top-en {
    padding: 20px 0; }
    .top-en a {
      font-size: 16px;
      font-size: 1rem;
      margin-left: 0;
      margin-top: 10px;
      padding: 15px 10px;
      width: 100%;
      min-height: 3.5em; }
      .top-en a:after {
        font-size: 16px;
        font-size: 1rem; }
      .top-en a:nth-child(-n+4) {
        margin-top: 10px; }
      .top-en a:first-of-type {
        margin-top: 0; }
  .page-info-box {
    padding: 8px 10px; }
    .page-info-box .info-box-list dl {
      border-top: 0; }
      .page-info-box .info-box-list dl dt {
        padding: 0px 0; }
      .page-info-box .info-box-list dl dd {
        padding: 0px 0 0px 0em; }
  .page-info-title .title {
    font-size: 14px;
    font-size: 0.875rem; }
  .infolist {
    margin-bottom: 30px; }
    .infolist dt {
      padding: 6px 0 0 0;
      width: auto; }
    .infolist dd {
      padding: 0 0 6px 0; }
  .dl-info {
    margin-bottom: 20px; }
    .dl-info dt {
      padding: 5px 0 0 0;
      width: auto; }
    .dl-info dd {
      padding: 0px 0 5px 0; }
  .info-text-left01, .infoContent .sectionBox {
    float: none;
    width: auto; }
  .info-text-short table {
    width: 100% !important; }
  .info-text-short .info-text-left01, .info-text-short .infoContent .sectionBox, .infoContent .info-text-short .sectionBox {
    width: auto; }
  .info-photo-right01, .infoContent .photoBox02 {
    float: none;
    width: 100%;
    height: auto;
    max-width: 300px; }
  .info-photo-list, .infoContent .photoList03 {
    font-size: 0;
    text-align: center; }
    .info-photo-list li, .infoContent .photoList03 li {
      display: block;
      margin: 0 0 25px 0; }
      .info-photo-list li img, .infoContent .photoList03 li img {
        width: 100%;
        height: auto;
        max-width: 300px; }
  .calendar-list th {
    display: none; }
  .calendar-list td {
    padding: 6px 4px;
    height: auto;
    line-height: 1.2; }
    .calendar-list td:empty {
      display: none; }
    .calendar-list td a {
      font-size: 14px;
      font-size: 0.875rem;
      margin-top: 5px;
      padding: 5px 4px;
      position: relative; }
      .calendar-list td a .svg-inline--fa {
        position: absolute;
        right: 6px; }
      .calendar-list td a:after {
        content: '\f105';
        display: none;
        font-family: 'Font Awesome 5 Solid'; }
    .calendar-list td:nth-of-type(7n+1) span:after {
      content: ' [月]'; }
    .calendar-list td:nth-of-type(7n+2) span:after {
      content: ' [火]'; }
    .calendar-list td:nth-of-type(7n+3) span:after {
      content: ' [水]'; }
    .calendar-list td:nth-of-type(7n+4) span:after {
      content: ' [木]'; }
    .calendar-list td:nth-of-type(7n+5) span:after {
      content: ' [金]'; }
    .calendar-list td:nth-of-type(7n+6) span:after {
      color: #00d;
      content: ' [土]'; }
    .calendar-list td:nth-of-type(7n) span:after {
      color: #d00;
      content: ' [日]'; }
  .infoContent table {
    width: 100% !important; }
  .lecture-jidai-title {
    margin-bottom: 20px;
    padding: 15px 15px; }
    .lecture-jidai-title img {
      width: 100%;
      height: auto; }
  .lecture-jidai-header {
    align-items: flex-start;
    flex-direction: column; }
    .lecture-jidai-header h4 {
      padding: 5px 0 10px 0; }
  .lecture-jidai-list h5 {
    font-size: 18px;
    font-size: 1.125rem; }
    .lecture-jidai-list h5 span {
      font-size: 15px;
      font-size: 0.9375rem; }
  .lecture-jidai-list dl {
    font-size: 14px;
    font-size: 0.875rem; }
  .lecture-jidai-list .more {
    padding-bottom: 5px; }
  .history dt {
    color: #00a2d7;
    padding: 5px 0 0 0;
    width: auto; }
  .history dd {
    padding: 0 0 5px 0; }
    .history dd li {
      list-style: circle;
      margin-left: 1.4em; }
  .orgmap {
    background: none;
    height: auto; }
    .orgmap h3,
    .orgmap h4 {
      position: relative;
      transform: translate(0, 0);
      top: 0;
      left: 0; }
    .orgmap h3, .orgmap h4 {
      line-height: 1.5;
      padding: 5px 10px;
      width: 6em;
      height: auto; }
      .orgmap h3 span, .orgmap h4 span {
        position: relative;
        transform: translate(0, 0);
        top: 0;
        left: 0; }
    .orgmap h4 {
      margin: 10px 0;
      left: 0; }
    .orgmap h5 {
      background: none;
      border: 0;
      border-bottom: 2px solid #c8dae4;
      font-weight: 500;
      line-height: 1.3;
      margin-left: 20px;
      width: auto;
      height: auto;
      padding-bottom: 10px;
      position: static; }
      .orgmap h5 span {
        position: relative;
        transform: translate(0, 0);
        top: 0;
        left: 0;
        left: 0px; }
      .orgmap h5 br {
        display: none; }
      .orgmap h5 em {
        margin-left: 1em; }
      .orgmap h5.grad,
      .orgmap h5.univ,
      .orgmap h5.humanities,
      .orgmap h5.psychology,
      .orgmap h5.hn {
        left: 0;
        bottom: 0; }
    .orgmap .univ-list,
    .orgmap .humanities-list {
      margin: 12px 0px 0px 40px; }
    .orgmap .psychology-list,
    .orgmap .hn-list {
      margin: 12px 0px 0px 40px; }
    .orgmap .grad-list {
      margin: 12px 0px 0px 40px; }
  .region-mokuteki > div:after {
    content: "";
    clear: both;
    display: block; }
  .region-mokuteki .photo-c-full {
    float: left;
    margin: 0 15px 0 0; }
    .region-mokuteki .photo-c-full img {
      width: 140px;
      height: auto; }
  .region-hashira > div {
    margin-bottom: 10px; }
  .region-hashira ul li {
    width: 100%; }
    .region-hashira ul li.double {
      width: 100%; }
  .sns-visual {
    margin-bottom: 20px;
    padding-top: 15px;
    text-align: center; }
    .sns-visual img {
      width: 100%;
      max-width: 320px;
      height: auto; }
    .sns-visual h3 {
      font-size: 18px;
      font-size: 1.125rem;
      position: relative;
      transform: translate(0, 0);
      top: 0;
      left: 0;
      left: 0;
      text-align: center;
      margin: 0 15px; }
  .region-education {
    display: block;
    margin: 0 auto; }
    .region-education > li {
      border-top: 2px dotted #ccc;
      flex-wrap: wrap;
      justify-content: center;
      padding: 12px 0; }
      .region-education > li span:nth-of-type(2) {
        margin: 0 10px; }
      .region-education > li span:nth-of-type(3) {
        width: 8em; }
      .region-education > li span:nth-of-type(4) {
        display: none; }
      .region-education > li a {
        background: #eaf0f4;
        border-radius: 5px;
        display: block;
        margin: 30px 10px 0 10px;
        padding: 5px 0;
        width: 100%;
        position: relative; }
        .region-education > li a:before {
          content: '';
          display: block;
          border-style: solid;
          border-width: 12px 12px 0 12px;
          border-color: #c8dae4 transparent transparent transparent;
          width: 0;
          height: 0;
          position: absolute;
          right: 50%;
          transform: translateX(50%);
          top: -20px; }
        .region-education > li a .svg-inline--fa {
          color: #00a2d7;
          position: absolute;
          bottom: 50%;
          transform: translateY(50%);
          right: 5px; }
        .region-education > li a:after {
          content: '\f105';
          display: none;
          font-family: 'Font Awesome 5 Solid'; }
  .sns-list .sns-icon .svg-inline--fa {
    font-size: 70px;
    font-size: 4.375rem; }
  .sns-list .sns-icon img {
    width: 63px;
    height: auto; }
  .plan-obj {
    flex-direction: column;
    margin-bottom: 25px; }
    .plan-obj h3 {
      padding: 15px 15px 0px 15px; }
    .plan-obj ol {
      padding: 30px 15px 15px 0px; }
      .plan-obj ol:after,
      .plan-obj ol:before {
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        border-width: 40px 400px 0 400px; }
      .plan-obj ol:after {
        border-color: #a1b4be transparent transparent transparent;
        top: -20px; }
      .plan-obj ol:before {
        border-color: #eaf0f4 transparent transparent transparent;
        top: -21px; }
  .plan-vision-nav > div {
    flex-direction: column; }
    .plan-vision-nav > div a {
      margin-right: 0;
      width: 100%; }
    .plan-vision-nav > div ol li {
      margin-left: 3.4em;
      text-indent: -3.4em; }
  .plan-vision-header {
    flex-direction: column; }
    .plan-vision-header > div:nth-of-type(1) {
      flex: 1 0 0%;
      margin: 0 0 20px 0; }
      .plan-vision-header > div:nth-of-type(1) h3 {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 15px;
        padding: 10px 10px 10px 60px; }
        .plan-vision-header > div:nth-of-type(1) h3:before {
          padding: 5px 15px 5px 0;
          left: 15px; }
      .plan-vision-header > div:nth-of-type(1) p {
        font-size: 16px;
        font-size: 1rem; }
    .plan-vision-header > div:nth-of-type(2) {
      width: 100%; }
  .plan-vision01 h3 {
    margin-top: 0; }
  .restructure-msg {
    margin-bottom: 15px; }
    .restructure-msg a {
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.4;
      padding: 10px; }
  .faculty-cont .entrance {
    align-items: stretch;
    flex-direction: column;
    margin-bottom: 15px; }
    .faculty-cont .entrance .photo img {
      width: 100%;
      height: auto; }
    .faculty-cont .entrance .description {
      padding: 15px 10px 10px 10px; }
      .faculty-cont .entrance .description h2 {
        margin-bottom: 10px; }
  .faculty-cont .theme-box h3 {
    font-size: 16px;
    font-size: 1rem; }
    .faculty-cont .theme-box h3 span {
      font-size: 13px;
      font-size: 0.8125rem; }
  .faculty-cont .subject-box h5 {
    font-size: 16px;
    font-size: 1rem; }
    .faculty-cont .subject-box h5 span {
      font-size: 12px;
      font-size: 0.75rem; }
  .faculty-cont .interview-box {
    flex-direction: column; }
    .faculty-cont .interview-box-text {
      padding: 0px 10px; }
      .faculty-cont .interview-box-text h3 {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 5px; }
      .faculty-cont .interview-box-text .name {
        margin-bottom: 5px;
        text-align: center; }
  .faculty-cont .interview-flow {
    background: #f1f1f1;
    padding: 15px 15px; }
  .faculty-teacher-list {
    flex-direction: column; }
    .faculty-teacher-list > div {
      margin: 0 0 15px 0;
      width: 100%; }
      .faculty-teacher-list > div dt {
        color: #00a2d7; }
      .faculty-teacher-list > div dd {
        margin: 0; }
    .faculty-teacher-list-en .dl-list02 dt {
      color: #00a2d7; }
    .faculty-teacher-list-en .dl-list02 dd {
      margin: 0; }
  .faculty-teacher-profile {
    margin-bottom: 15px;
    padding-bottom: 15px; }
    .faculty-teacher-profile dt {
      color: #00a2d7; }
    .faculty-teacher-profile dd {
      margin: 0; }
  .group-interview h3 {
    font-size: 16px;
    font-size: 1rem;
    padding: 0px 0 10px 0;
    text-align: center; }
    .group-interview h3 em {
      display: inline-block;
      padding: 3px 5px;
      margin-bottom: 5px; }
  .group-interview h4 {
    font-size: 15px;
    font-size: 0.9375rem; }
  .group-interview > div {
    flex-direction: column; }
    .group-interview > div.group-graduate {
      flex-direction: column; }
      .group-interview > div.group-graduate .photo {
        margin: 0; }
        .group-interview > div.group-graduate .photo .icon {
          right: 0; }
  .group-interview .photo {
    margin-right: 0; }
    .group-interview .photo img {
      width: 100%;
      height: auto; }
  .faculty-news {
    padding: 25px 0; }
    .faculty-news .wrapper, .faculty-news .content-title h2, .content-title .faculty-news h2, .faculty-news .content-title-pages h2, .content-title-pages .faculty-news h2, .faculty-news .top-info, .faculty-news .top-en, .faculty-news .contents-brand .br-obj-inner, .contents-brand .faculty-news .br-obj-inner {
      flex-direction: column; }
    .faculty-news .faculty-info-title {
      margin: 0 0 10px 0; }
      .faculty-news .faculty-info-title p {
        padding-bottom: 0; }
        .faculty-news .faculty-info-title p a {
          padding: 3px 10px;
          font-size: 12px;
          font-size: 0.75rem; }
    .faculty-news h3 {
      flex-direction: row; }
      .faculty-news h3 span:nth-of-type(1) {
        padding-right: 10px; }
  .faculty-chilef {
    padding: 30px 0; }
    .faculty-chilef h3 {
      align-items: center;
      display: flex;
      flex-direction: column; }
      .faculty-chilef h3 span:nth-of-type(1) {
        color: #666;
        padding-right: 0; }
    .faculty-chilef .wrapper, .faculty-chilef .content-title h2, .content-title .faculty-chilef h2, .faculty-chilef .content-title-pages h2, .content-title-pages .faculty-chilef h2, .faculty-chilef .top-info, .faculty-chilef .top-en, .faculty-chilef .contents-brand .br-obj-inner, .contents-brand .faculty-chilef .br-obj-inner {
      align-items: center;
      flex-direction: column; }
      .faculty-chilef .wrapper > div, .faculty-chilef .content-title h2 > div, .content-title .faculty-chilef h2 > div, .faculty-chilef .content-title-pages h2 > div, .content-title-pages .faculty-chilef h2 > div, .faculty-chilef .top-info > div, .faculty-chilef .top-en > div, .faculty-chilef .contents-brand .br-obj-inner > div, .contents-brand .faculty-chilef .br-obj-inner > div {
        margin: 0 0 20px 0; }
  .faculty-content-nav {
    padding: 30px 0; }
    .faculty-content-nav h3 {
      margin-bottom: 20px; }
    .faculty-content-nav .faculty-content {
      margin: 0 10px; }
      .faculty-content-nav .faculty-content a {
        line-height: 1.2;
        margin-left: 3%;
        margin-top: 15px;
        width: 48.5%; }
        .faculty-content-nav .faculty-content a:nth-child(-n+3) {
          margin-top: 15px; }
        .faculty-content-nav .faculty-content a:nth-of-type(3n+1) {
          margin-left: 3%; }
        .faculty-content-nav .faculty-content a:nth-child(-n+2) {
          margin-top: 0; }
        .faculty-content-nav .faculty-content a:nth-of-type(odd) {
          margin-left: 0; }
        .faculty-content-nav .faculty-content a > div {
          padding: 8px 0; }
  .faculty-group-nav {
    padding: 30px 30px; }
    .faculty-group-nav > div {
      flex-direction: column; }
      .faculty-group-nav > div a {
        border: 0;
        border-bottom: 1px solid #c8dae4;
        font-size: 13px;
        font-size: 0.8125rem;
        margin-top: 0;
        padding: 10px 10px;
        width: 100%; }
        .faculty-group-nav > div a span {
          font-size: 15px;
          font-size: 0.9375rem;
          display: inline-block;
          margin-left: 10px; }
        .faculty-group-nav > div a:first-of-type,
        .faculty-group-nav > div a:nth-of-type(3n+1) {
          border-left: 0; }
        .faculty-group-nav > div a:first-of-type {
          border-top: 1px solid #c8dae4; }
  .gradmap {
    background: url(img/faculty_grad_bg02.svg) no-repeat 0% 0%;
    height: auto; }
    .gradmap h3,
    .gradmap h4,
    .gradmap ul {
      position: static; }
    .gradmap h3,
    .gradmap h4,
    .gradmap a,
    .gradmap .kousou {
      height: 38px;
      line-height: 34px; }
    .gradmap h3 {
      margin-bottom: 10px; }
    .gradmap h4 {
      margin: 0px 0px 10px 20px;
      padding: 0 10px;
      text-align: left;
      width: 150px; }
    .gradmap > ul {
      margin: 0px 0px 0px 40px; }
      .gradmap > ul > li {
        margin-top: 9px;
        width: 18.5em;
        height: auto; }
        .gradmap > ul > li:first-child {
          margin-top: 9px; }
        .gradmap > ul > li.human a {
          line-height: 38px;
          padding-top: 0; }
    .gradmap .course {
      margin: 10px 0px 0px 30px; }
      .gradmap .course li {
        margin-bottom: 10px;
        width: 15em;
        height: 38px; }
        .gradmap .course li:first-child {
          margin-bottom: 9px; }
    .gradmap-psycology {
      background: url(img/faculty_grad_bg04.png) no-repeat 0% 0%;
      height: auto;
      margin: 0; }
      .gradmap-psycology h4 {
        margin: 0 0 12px 0;
        width: 13em; }
      .gradmap-psycology .course {
        margin: 0 0px 0px 30px; }
  .master-box {
    align-items: stretch;
    flex-direction: column;
    margin-bottom: 15px; }
    .master-box .photo img {
      width: 100%;
      height: auto; }
    .master-box .profile {
      padding: 15px 10px 10px 10px; }
      .master-box .profile-name {
        margin-bottom: 10px; }
  .campusmap-link {
    border-top: 1px solid #ccc;
    flex-direction: column; }
    .campusmap-link li {
      border-bottom: 1px solid #ccc;
      margin-left: 0;
      width: auto; }
      .campusmap-link li:nth-of-type(-n+3) {
        border-top: 0; }
      .campusmap-link li a {
        padding: 6px 6px; }
  .campusmap-detail {
    width: auto; }
  .campus-schedule {
    margin-bottom: 15px; }
    .campus-schedule dt {
      padding: 6px 0 0 0;
      width: auto; }
    .campus-schedule dd {
      padding: 0px 0 6px 1em; }
      .campus-schedule dd.double,
      .campus-schedule dd.triple {
        min-height: auto; }
  .club-visual > div h3 {
    font-size: 40px;
    font-size: 2.5rem;
    letter-spacing: 0.05em; }
    .club-visual > div h3 span {
      font-size: 20px;
      font-size: 1.25rem;
      letter-spacing: 0.1em; }
  .club-visual > div p {
    font-size: 16px;
    font-size: 1rem; }
  .club-list ul li {
    margin-top: 10px;
    position: relative;
    width: 49%; }
    .club-list ul li:nth-child(-n+4) {
      margin-top: 10px; }
    .club-list ul li:nth-child(-n+2) {
      margin-top: 0; }
    .club-list ul li:nth-of-type(odd) {
      margin-left: 0; }
  .qualification-list .dl-list02 dt {
    margin-bottom: 5px;
    width: auto; }
  .qualification-list .dl-list02 dd {
    margin: 0; }
  .short-nav,
  .lifestyle-nav {
    flex-direction: column; }
    .short-nav a,
    .lifestyle-nav a {
      color: #222;
      margin: 15px 0 0 0;
      width: 100%; }
      .short-nav a:hover,
      .lifestyle-nav a:hover {
        background: #efefef; }
      .short-nav a:nth-of-type(-n+3),
      .lifestyle-nav a:nth-of-type(-n+3) {
        margin-top: 15px; }
      .short-nav a:nth-of-type(1),
      .lifestyle-nav a:nth-of-type(1) {
        margin-top: 0; }
  .lifestyle-photo > div {
    background: rgba(0, 160, 233, 0.15);
    position: static;
    padding: 8px 10px;
    transform: none; }
    .lifestyle-photo > div p {
      font-size: 18px;
      font-size: 1.125rem;
      text-align: center; }
  .lifestyle-profile {
    line-height: 1.6;
    padding: 10px;
    text-align: center; }
  .satis-box-link {
    flex-direction: column; }
    .satis-box-link a {
      display: flex;
      margin-left: 0;
      margin-top: 10px;
      padding: 10px 25px 10px 10px;
      width: 100%;
      text-align: left; }
      .satis-box-link a:nth-of-type(1) {
        margin-top: 0; }
      .satis-box-link a:nth-child(-n+4) {
        margin-top: 10px; }
      .satis-box-link a .satis-icon {
        margin: 0 15px 0 0; }
        .satis-box-link a .satis-icon img {
          width: 50px;
          height: auto; }
      .satis-box-link a p {
        align-self: center; }
  .satis-box {
    flex-direction: column;
    width: 100%; }
    .satis-box > div:nth-of-type(1) {
      margin: 0 0 35px 0;
      width: auto; }
      .satis-box > div:nth-of-type(1):after {
        transform: rotate(0deg);
        transform: translate(-50%, 0);
        top: auto;
        right: 0;
        bottom: -30px;
        left: 50%; }
    .satis-box > div:nth-of-type(2) {
      width: auto; }
  .satis-photo {
    margin-top: 20px; }
    .satis-photo > div:nth-of-type(1) {
      margin: 0 0 15px 0;
      float: none;
      width: 100%; }
  .career-cont .interview-nav ul {
    margin-bottom: 25px; }
    .career-cont .interview-nav ul li {
      margin-top: 10px;
      width: 48%; }
      .career-cont .interview-nav ul li:nth-of-type(-n+2) {
        margin-top: 0; }
      .career-cont .interview-nav ul li a img {
        display: none; }
  .career-cont-interview h4 {
    text-align: center; }
  .dl-ttc-teacher dt {
    display: list-item;
    list-style-position: inside;
    width: auto; }
  .dl-ttc-teacher dd {
    margin: 0 0 0 0.9em; }
  .library-concept dt {
    color: #00a2d7;
    padding: 5px 0 0 0;
    width: auto; }
    .library-concept dt span {
      display: inline;
      padding-left: 0.8em; }
  .library-concept dd {
    padding: 0 0 5px 0; }
  .library-floor .photo-c, .library-floor .infoContent .photoBox01, .infoContent .library-floor .photoBox01, .library-floor .infoContent .photoBox02, .infoContent .library-floor .photoBox02 {
    margin: 0; }
  .library-floor h4 {
    left: 20px; }
    .library-floor h4 img {
      width: auto;
      height: 60px; }
  .library-plan {
    padding: 15px 10px; }
    .library-plan ol {
      display: block;
      padding-left: 0px; }
      .library-plan ol li {
        font-size: 13px;
        font-size: 0.8125rem; }
  .library-outline dt {
    color: #00a2d7;
    padding: 5px 0 0 0;
    width: auto; }
  .library-outline dd {
    padding: 0 0 5px 0; }
  .chapel-buzzell {
    margin-bottom: 15px; }
    .chapel-buzzell .photo-l img, .chapel-buzzell .infoContent .photoBox03 img, .infoContent .chapel-buzzell .photoBox03 img {
      border-radius: 80px;
      width: 160px;
      height: auto; }
    .chapel-buzzell h3 {
      font-size: 18px;
      font-size: 1.125rem;
      text-align: center; }
    .chapel-buzzell .mincho, .chapel-buzzell h3, .chapel-buzzell .chapel-concept h4, .chapel-concept .chapel-buzzell h4, .chapel-buzzell .chapel-concept .subtitle, .chapel-concept .chapel-buzzell .subtitle, .chapel-buzzell .chapel-keyword-box .column h4, .chapel-keyword-box .column .chapel-buzzell h4 {
      text-align: center; }
  .chapel-concept {
    margin-bottom: 10px; }
    .chapel-concept .column-3 {
      border-radius: 5px;
      padding: 10px 0; }
    .chapel-concept h4 {
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: bold;
      letter-spacing: 0.2em;
      margin-bottom: 10px;
      text-align: center; }
    .chapel-concept .subtitle {
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 5px;
      text-align: center; }
    .chapel-concept p {
      margin: 0 10px; }
  .chapel-keyword {
    margin-bottom: 15px;
    padding: 10px 10px;
    text-align: center; }
    .chapel-keyword h3 {
      font-size: 18px;
      font-size: 1.125rem; }
    .chapel-keyword-box {
      flex-direction: column; }
      .chapel-keyword-box .column {
        margin-bottom: 15px;
        width: auto; }
  .chapel-facilities .column-2 {
    margin-bottom: 20px; }
    .chapel-facilities .column-2 p {
      overflow: hidden; }
  .chapel-facilities img {
    float: left;
    margin-right: 15px; }
  .stationbox {
    padding: 13px 10px; }
    .stationbox h3 {
      font-size: 18px;
      font-size: 1.125rem; }
    .stationbox .photo-r-full img {
      width: 130px;
      height: auto; }
  .learning-support-nav {
    flex-direction: column; }
    .learning-support-nav div:nth-of-type(1) {
      width: auto;
      text-align: center; }
      .learning-support-nav div:nth-of-type(1) h3 {
        position: static;
        transform: none; }
    .learning-support-nav div:nth-of-type(2) {
      align-self: flex-start;
      flex-direction: column;
      padding-left: 0;
      width: 100%; }
      .learning-support-nav div:nth-of-type(2) a {
        border-bottom: 1px dotted rgba(125, 132, 136, 0.9);
        border-left: 0;
        font-size: 14px;
        font-size: 0.875rem;
        margin-right: 0;
        padding: 12px 10px;
        text-align: left;
        width: auto; }
        .learning-support-nav div:nth-of-type(2) a:nth-of-type(-n+3) {
          width: auto; }
  .tikvah-nav {
    margin-top: 15px; }
    .tikvah-nav ul {
      flex-wrap: wrap; }
      .tikvah-nav ul li {
        margin-top: 5px;
        margin-left: 2%;
        width: 49%; }
        .tikvah-nav ul li:nth-of-type(odd) {
          margin-left: 0; }
        .tikvah-nav ul li:nth-of-type(-n+2) {
          margin-top: 0; }
      .tikvah-nav ul a {
        font-size: 14px;
        font-size: 0.875rem;
        padding: 8px 8px; }
  .research-slide-box p {
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: normal;
    padding: 10px;
    z-index: 100;
    white-space: normal;
    width: 90%; }
  .teacher-search {
    text-align: center;
    padding: 0; }
    .teacher-search select {
      width: 100%;
      font-size: 16px;
      font-size: 1rem; }
    .teacher-search .form-pulldown {
      display: block; }
    .teacher-search p {
      margin-top: 15px; }
  .teacher-list > li {
    margin-top: 10px; }
  .teacher-list a {
    padding: 10px; }
    .teacher-list a .svg-inline--fa {
      font-size: 20px;
      font-size: 1.25rem;
      right: 10px; }
  .teacher-list .photo {
    width: 100px; }
    .teacher-list .photo img {
      min-height: 100px; }
  .teacher-list .profile {
    padding: 0 15px 0 10px; }
    .teacher-list .profile h3 {
      font-size: 14px;
      font-size: 0.875rem;
      margin-bottom: 10px;
      padding-bottom: 12px; }
      .teacher-list .profile h3 span {
        display: block;
        margin: 5px 0 0 0;
        font-size: 12px;
        font-size: 0.75rem; }
    .teacher-list .profile dl {
      clear: both;
      font-size: 13px;
      font-size: 0.8125rem; }
      .teacher-list .profile dl dt {
        clear: left;
        float: left;
        width: 3em;
        white-space: nowrap; }
        .teacher-list .profile dl dt:after {
          content: '：'; }
    .teacher-list .profile ul {
      display: flex;
      flex-wrap: wrap; }
      .teacher-list .profile ul li {
        line-height: 1.6; }
        .teacher-list .profile ul li:before {
          content: '／'; }
        .teacher-list .profile ul li:first-child:before {
          content: none; }
  .teacher-profile {
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px; }
    .teacher-profile .photo {
      margin: 0 0 15px 0;
      text-align: center; }
    .teacher-profile dt {
      display: list-item;
      font-weight: bold;
      list-style: disc;
      margin-left: 1.3em; }
      .teacher-profile dt:after {
        content: none; }
    .teacher-profile dd {
      margin: 0 0 10px 1.3em; }
      .teacher-profile dd:last-of-type {
        margin: 0 0 0 1.3em; }
  .teacher-sdgs {
    margin-bottom: 30px; }
    .teacher-sdgs li {
      margin: 8px 2% 0 0;
      width: 18%; }
  .access-print {
    flex-direction: column;
    margin: 20px auto; }
    .access-print a {
      box-shadow: none;
      margin: 10px 0 0 0;
      width: 100%; }
      .access-print a:hover {
        box-shadow: none; }
      .access-print a span {
        display: inline-block; }
  .contactform {
    margin-bottom: 25px; }
    .contactform dt {
      padding: 6px 0 0 0;
      width: auto; }
    .contactform dd {
      padding: 5px 3px 10px 3px; }
      .contactform dd .full {
        width: 100%; }
    .contactform select {
      width: 100%; }
    .contactform ul li {
      display: block;
      margin-left: 0; }
  .disclosure-main ul {
    flex-direction: column; }
    .disclosure-main ul li {
      margin-left: 0;
      margin-bottom: 5px;
      width: auto; }
      .disclosure-main ul li:nth-of-type(3n+1) {
        margin-left: 0; }
  .visual .relife > div {
    height: 105px; }
  .visual .relife img {
    width: 220px;
    height: auto;
    padding: 10px 5px; }
  .relife-nav {
    padding: 15px 0; }
    .relife-nav a {
      margin-left: 4%;
      margin-top: 10px;
      width: 48%; }
      .relife-nav a p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 30px;
        height: 30px; }
      .relife-nav a:nth-child(3) {
        margin-top: 10px; }
      .relife-nav a:nth-of-type(3n+1) {
        margin-left: 4%; }
      .relife-nav a:nth-of-type(odd) {
        margin-left: 0; }
  /*
.relife-nav {
  flex-direction: column;
  padding: 15px 0;
  a {
    align-items: center;
    background: #E0ECFC;
    border-radius: 0;
    color: $shokeiblue;
    display: flex;
    margin-left: 0;
    margin-top: 0px;
    margin-bottom: 1px;
    overflow: static;
    width: auto;
    text-align: left;
    img {
      width: 115px;
      height: auto;
    }
    &:first-of-type {
      border-radius: 3px 3px 0 0;
    }
    &:last-of-type {
      border-radius: 0 0 3px 3px;
    }
    p {
      background: none;
      @include font-size(16px);
      line-height: 1.4;
      position: static;
      margin: 0;
      width: auto;
      height: auto;
      top: 0;
      padding: 0 0 0 15px;
    }
  }
}
*/
  .relife-exhibition dt {
    font-weight: bold;
    width: auto;
    padding: 6px 0 0 0;
    display: list-item;
    list-style: disc inside; }
  .relife-exhibition dd {
    border-bottom: 1px dotted #7d8488;
    padding: 0 0 6px 0.8em; }
  .relife-scene {
    flex-direction: column; }
    .relife-scene > div:nth-of-type(1) {
      margin: 0 0 20px 0; }
  .relife-logo {
    flex-direction: column; }
    .relife-logo > div:nth-of-type(1) {
      margin: 0 0 20px 0; }
  .guidebook-list > li > div > ol,
  .guidebook-list > li > div > ul,
  .guidebook-list > li > ul > li > div > ol,
  .guidebook-list > li > ul > li > div > ul {
    margin-left: 0;
    width: 100%; }
  .contents-brand h3 {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 24px;
    padding-bottom: 20px; }
  .contents-brand .br-header {
    height: 200px; }
    .contents-brand .br-header img {
      max-width: 300px;
      height: auto; }
  .contents-brand .br-obj {
    padding: 20px 0 0 0; }
    .contents-brand .br-obj .wrapper, .contents-brand .br-obj .content-title h2, .content-title .contents-brand .br-obj h2, .contents-brand .br-obj .content-title-pages h2, .content-title-pages .contents-brand .br-obj h2, .contents-brand .br-obj .top-info, .contents-brand .br-obj .top-en, .contents-brand .br-obj .br-obj-inner {
      text-align: center; }
    .contents-brand .br-obj h3:before {
      transform: translate(-50%, 0);
      left: 50%; }
    .contents-brand .br-obj h4 {
      font-size: 18px;
      font-size: 1.125rem; }
    .contents-brand .br-obj p {
      text-align: left; }
    .contents-brand .br-obj-inner {
      flex-direction: column; }
      .contents-brand .br-obj-inner > div {
        margin: 0 0 20px 0; }
  .contents-brand .br-concept {
    margin-bottom: 50px;
    padding: 20px 0 0 0; }
    .contents-brand .br-concept h4 {
      font-size: 18px;
      font-size: 1.125rem; }
    .contents-brand .br-concept .wrapper > div:nth-of-type(2) > div, .contents-brand .br-concept .content-title h2 > div:nth-of-type(2) > div, .content-title .contents-brand .br-concept h2 > div:nth-of-type(2) > div, .contents-brand .br-concept .content-title-pages h2 > div:nth-of-type(2) > div, .content-title-pages .contents-brand .br-concept h2 > div:nth-of-type(2) > div, .contents-brand .br-concept .top-info > div:nth-of-type(2) > div, .contents-brand .br-concept .top-en > div:nth-of-type(2) > div, .contents-brand .br-concept .br-obj-inner > div:nth-of-type(2) > div {
      flex-direction: column; }
      .contents-brand .br-concept .wrapper > div:nth-of-type(2) > div section, .contents-brand .br-concept .content-title h2 > div:nth-of-type(2) > div section, .content-title .contents-brand .br-concept h2 > div:nth-of-type(2) > div section, .contents-brand .br-concept .content-title-pages h2 > div:nth-of-type(2) > div section, .content-title-pages .contents-brand .br-concept h2 > div:nth-of-type(2) > div section, .contents-brand .br-concept .top-info > div:nth-of-type(2) > div section, .contents-brand .br-concept .top-en > div:nth-of-type(2) > div section, .contents-brand .br-concept .br-obj-inner > div:nth-of-type(2) > div section {
        width: auto; }
  .contents-brand .br-tenkai {
    padding-top: 20px; }
    .contents-brand .br-tenkai:after {
      bottom: -50px; }
  .contents-brand .br-president {
    padding: 70px 0 60px 0; }
    .contents-brand .br-president-msg h4 {
      font-size: 24px;
      font-size: 1.5rem; }
  .contents-brand .br-message {
    padding: 20px 0 50px 0; }
    .contents-brand .br-message .columnbox {
      margin-bottom: 25px; }
      .contents-brand .br-message .columnbox .column-3 {
        margin-left: 0;
        width: auto; }
        .contents-brand .br-message .columnbox .column-3:nth-child(-n+2) {
          margin-top: 25px; }
        .contents-brand .br-message .columnbox .column-3:first-of-type {
          margin-top: 0; }
        .contents-brand .br-message .columnbox .column-3:nth-of-type(3n+1) {
          margin: 25px 0 0 0; }
    .contents-brand .br-message section {
      border-bottom: 2px dotted #ddd;
      padding-bottom: 15px; }
      .contents-brand .br-message section .mgb30 {
        margin-bottom: 0; }
      .contents-brand .br-message section .photo-l-full {
        margin-bottom: 10px; }
      .contents-brand .br-message section h4 {
        margin-bottom: 15px;
        text-align: center; }
      .contents-brand .br-message section h5 {
        font-size: 16px;
        font-size: 1rem; }
      .contents-brand .br-message section ul {
        background: #f1f1f1;
        border-radius: 5px;
        padding: 10px; }
      .contents-brand .br-message section.watanabe {
        border: 0;
        padding-bottom: 0; }
  .contents-brand .br-outline h4 {
    font-size: 18px;
    font-size: 1.125rem; } }

@media screen and (max-width: 26.25em) {
  .top-knowledge-list a {
    flex: none;
    width: 48%;
    margin: 20px 0 0 4%; }
    .top-knowledge-list a:nth-of-type(4n+1),
    .top-knowledge-list a:nth-of-type(odd) {
      margin-left: 0; }
    .top-knowledge-list a:nth-of-type(-n+4) {
      margin-top: 20px; }
    .top-knowledge-list a:nth-of-type(-n+2) {
      margin-top: 0; } }

@media print {
  p, li {
    line-height: 1.6; }
  .no-print {
    display: none; }
  .g-header,
  .s-header {
    position: static; } }