@charset "UTF-8";

/** フォントスタイル */
@font-face {
	font-family: 'NotoSansJp';
	src: url("../noto/NotoSansJP-Regular-subset.eot");
	/* IE9 Compat Modes */
	src: url("../noto/NotoSansJP-Regular-subset.eot?#iefix") format("embedded-opentype"), url("../noto/NotoSansJP-Regular-subset.woff") format("woff"), url("../noto/NotoSansJP-Regular-subset.ttf") format("truetype");
	/* Safari, Android, iOS */
}

body{
  font-family: NotoSansJp, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}

.background-primary {
  background-color: #527CCE;
}

/** 各メニュー調整 **/
#header,
#header-menu-head {
  padding-bottom: 5px;
  padding-top: 15px;
}

#header {
  padding-left: 15px;
}

#header-menu-head .nav li a {
  color: white;
}

#header-menu-head .nav li a:hover {
  background: transparent;
}

#header-menu-head ul.nav li:first-child{
}

#header-menu-head ul.nav li {
}

header > .navbar {
  border: 0px;
  margin-bottom: 0px;
  background-color:#527CCE;
  border-radius:0px;
}

header > .navbar2 {
  border: 0px;
  margin-bottom: 0px;
  background-color:#FFF;
}

#header-menu .nav > li a{
  background-color: #E1E1E1;
  color: white;
}

#header-mobile-menu .nav > li {
  background-image: url("../img/menu-bg.png");
  background-size: cover;
}

#header-menu .nav > li.active a {
  background-image: url("../img/menu-bg.png");
  background-size: cover;
}

#header-mobile-menu ul li:nth-child(1),
#header-mobile-menu ul li:nth-child(3),
#header-mobile-menu ul li:nth-child(5),
#header-mobile-menu ul li:nth-child(7),
#header-mobile-menu ul li:nth-child(9) {
  border-right: 1px solid white;
}

#header-mobile-menu ul li {
  border-bottom: 1px solid white;
}

#header-mobile-menu ul li span {
  color: white;
}

.icon-bar {
  background-color: #fff;
}

.navbar-collapse{
  border-top:none;
}

#content h4 {
  color: #527CCE;
  margin-top: 20px;
}

#content-2 {
  background-color: #f2f0e9;
}

#content-2 .article {
  padding-top: 10px;
}

h2 {
  color: white;
  margin-top:10px;
}

h3 {
  color: #527CCE;
  border-bottom:solid 5px #F09500;
  padding-bottom:10px;
}


h4 {
  padding-bottom: 10px;
}

ul {
  margin-bottom:20px;
}

ul.nav li a {
  color: #003e5f;
}

ul.navbar-right {
  margin-bottom: 0px;
  margin-top: 50px;
}

ul.navbar-center{
  margin-bottom: 0px;
  margin-top: 10px;
}

div#header-menu .nav li div,
div#header-menu2 .nav li div {

}

#header-menu {
  margin-bottom:10px;
  margin-top: 20px;
}

#header-menu .nav li {
  margin-bottom: 10px;
}

.navbar-center {
  float: none;
}

#sub-menu ul {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
  padding-left:0px;
}

#sub-menu ul li {
  list-style: none;
  padding-left: 10px;
  padding-right: 10px;
  font-size:17px;
}

#sub-menu ul li:first-child {

}

#sub-menu span {
  color: #003e5f;
}

#sub-menu-mobile {
  padding-left: 0px;
}

#about #sub-menu ul li {
  width: 20%;
}

#submenu-mobile ul.nav li a {
  color:white;
}

#career #sub-menu ul li {
  width: 30%;
}

#main-menu .passage-title {
  background-image: url("../img/menu-bg.png");
  background-size: cover;
  color: white;
  height:56px;
}

#main-menu .passage-content {
  background-color: #ededed;
  height: 100px;
}

#main-menu .passage-content ul {
  margin-top:10px;
  padding-left:20px;
}

#main-menu a {
  color: black;
  text-decoration: none;
}

#main-menu .passage-content p {
  padding: 10px;
}

.content-section:nth-child(even) {
  background: #fff
}

.menu2{
  margin-top:10px;
}

.slide{
  margin-top:30px;
}

/** TOP Topics **/
h4.passage-header {
  border-bottom: solid 3px #013D5F;
  font-size:22px;
}

.passage-title p{
  font-size:18px;
  font-weight:bold;
  margin-bottom:16px;
  margin-left:10px;
  margin-top:15px;
}

.passage-section {
  background-color: white;
  margin-top: 20px;
  padding-bottom:20px;
  padding-top: 20px;
}

dl {
  margin-bottom:10px;
  margin-left: 20px;
  margin-top: 10px;
}
dl dt {
  clear: both;
  float:left;
}

dl dd {
  margin-bottom: 10px;
  margin-left: 110px;
  padding-bottom: 10px;
}

.topicslist{
  font-size:18px;
  margin-right:20px;
  text-align:right;
}

/** Topics **/
.topics {
  background-color: #f2f0e9;
}

.topics h4 {
  border-bottom: 5px solid #527CCE;
  padding-bottom: 10px;
}

.therapy .breadcrumb {
  background-color: transparent;
  margin-bottom: 0px;
  margin-top: 10px;
}

.breadcrumb a {
  color: black;
}

.breadcrumb>li+li:before {
  color: black;
  content: "\003E";
}

.topics div.row {
  border: 1px solid black;
  margin-top: 30px;
  margin-bottom: 30px;
  min-height: 250px;
  padding: 15px;
}

#a-content img,
#introduction img,
#member img,
#professor img,
#study1 img,
#study2 img,
#study3 img,
#publish img,
#meeting img,
#college img,
#graduate img{
  margin-bottom:15px;
  margin-top:10px;
}

/** 記事コンテンツ **/
#a-content h4::before,
#introduction h4::before,
#member h4::before,
#professor h4::before, 
#study1 h4::before,
#study2 h4::before,
#study3 h4::before,
#publish h4::before,
#meeting h4::before,
#college h4::before,
#graduate h4::before,
#g-student h4::before{
  box-sizing: border-box;
  direction: ltr;
  display: inline-block;
  font-style: normal;
  position: relative;
  text-align: left;
  vertical-align: middle;

  border: 14px solid;
  border-radius: 50%;
  
  color: #527CCE;
  content: "";
  
  height: 0;
  margin-bottom: 4px;
  margin-right: 8px;
  width: 0;
}

.article h3 {
  margin-bottom: 20px;
}

.article h4 {
  margin-top: 35px;
}

.article p{
  margin-bottom:15px;
}

.article strong{
  font-size:18px;
}

.content-section {
  padding-bottom: 15px;
  padding-top: 15px;
}

.responsible-official {
  float: left;
  margin-right:15px;
}

#curriculum td {
  height: 30px;
  width: 20%;
}

.passage-img {
  padding: 0px;
}

.passage-img img {
  width: 100%;
}

.passage {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 20px;
}

#greeting .right{
  text-align:right;
}

#infomation p.cent{
  text-align:center;
}

p.cent{
  text-align:center;
  margin-bottom:30px;
}

#exchange h4{
  font-weight:bold;
  margin-top:10px;
}

#current p{
  margin-bottom:0px;
}

.clear{
  clear:both;
}

.uline{
  border-bottom: solid 2px #4964A0;
}

#research p{
  margin-bottom:30px;
}

#research p.cent{
  text-align:center;
}

#research img{
  margin-top:10px;
}

#research ol{
  margin-bottom:30px;
}

#a-content img,
#study1 img,
#study2 img,
#study3 img{
  max-width:350px;
}

#college img,
#graduate img{
  max-width:350px;
}

/** フッター **/
h5 {
  color: #003e5f;
  border-bottom: dotted 2px #003e5f;
  padding-bottom: 10px;
}

h6 {
  font-size: 14px;

}

footer{
  background-color: #EAEAEA;
}

footer .menu-item-header {
  padding-top: 15px;
}

footer .menu-item.col-xs-6.col-sm-3{
  min-height:170px;
}

footer ul li a {
  color: #003e5f;
}

footer hr {
  border-color: #003e5f;
}

.footer2 .footer-brand {
  padding: 10px;
}

.footer2 .copyright {
  padding:10px;
}

footer .menu-sub-items {
  min-height: 100px;
}

footer .btn-pagetop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  visibility: hidden;
  background: none;
  z-index: 100;
}

footer .btn-pagetop.displayed {
  visibility: visible;
}

.footer2{
  background-color:#527CCE;
}

@media (max-width:1200px) and (min-width: 992px) {
  .menu2 .col-xs-12{
    padding-left:0px;
    padding-right:0px;
  }
}

@media (max-width:1200px) and (min-width: 768px) {
  #study1 img.mouse {
    max-width:200px;
  }
}

@media (max-width:991px) and (min-width: 768px) {
  .menu2 .col-xs-12{
    padding-left:0px;
    padding-right:0px;
  }
  .menu2 img{
    width:177px;
  }
  
  h4.header-brand{
    width:500px;
  }
  
  ul.navbar-right {
    margin-bottom: 0px;
    margin-top: 30px;
  }
}

@media (min-width: 768px){
  #college .img-right,
  #graduate .img-right{
    margin-right:0px;
  }

  #college .img-left,
  #graduate .img-left{
    margin-left:0px;
  }
}

@media (max-width: 767px){
  .menu2 img{
    margin-top:10px;
  }
  .navbar-header img{
    width:340px;
    margin-left:5px;
    margin-top:5px;
  }
  
  ul.navbar-center{
    margin-top: 0px;
  }
}


@media (max-width: 425px) {
  #main-menu .passage {
    margin-top: 5px;
  }

  .message .passage {
    margin-top:10px;
  }

  footer .menu-sub-items {
    min-height: 0px;
  }

  .passage{
    margin-bottom:10px;
  }

  .passage-section dl.list{
    margin-left:20px;
  }
  
  .passage-section dl.list dd{
    margin-left:100px;
    margin-right:20px;
  }

  .passage-title p{
    font-size:15px;
    margin-bottom:18px;
    margin-left:5px;
    margin-top:17px;
  }

  footer .copyright img{
    width:300px;
  }

  .navbar-header img{
    width:240px;
    margin-left:10px;
    margin-top:10px;
  }
  
  footer .menu-item.col-xs-6.col-sm-3{
    min-height:170px;
  }
  
  #a-content img,
  #study1 img,
  #study2 img,
  #study3 img{
    max-width:100%;
  }

  #college img,
  #graduate img{
    max-width:100%;
  }
}
@media (max-width: 767px){
.iframe {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.iframe iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
}