@charset "utf-8";
/* 情報学部 TOP 2026 */

#container h1,
#container .catettl,
#container .news_box nav ol li a strong, #container .news_box2 nav ol li a strong,
#container .news_box nav ol li a em, #container .news_box2 nav ol li a em,
#container footer #quicklinks h1, #container footer #quicklinks #ftit/*,
#container header nav .navigation .title h2*/{
	color: #00b0a8; /*text color*/
}


/* navigation */
#container header nav .navigation,
#container header nav .navigation ul.layer_01 li,
#container header nav .navigation dl{
/*	background: #69308d;*/
}
#container header nav .navigation ul.layer_02 li {
/*    background: #627a86;*/
}
#container header nav .navigation dl dd.act a {
/*	color: #69308d;*/
}


/* main image */
#container .info_box ul.main li.pc {
	width: 100%;
	height: auto;
	display: flex;
}
#container .info_box ul.main li.pc img {
    width: 100%;
    height: auto;
}
#container .info_box ul.main li.sp {
	display: none;
}



@media screen and (max-width: 736px) {
  #container .info_box ul.main li.sp {
	  width: 100%;
	  height: auto;
      display: flex;
  }
  #container .info_box ul.main li.sp img {
	  width: 100%;
	  height: auto;
  }
  #container .info_box ul.main li.pc {
      display: none;
  }
}


/* main menu photo */
#container .info_box nav ul li.about {
    background: rgba(98, 122, 134, 0.75) url(../images/top/main_gaiyo.jpg) 50% 50% no-repeat;
    background-size: cover;
}

#container .info_box nav ul li.gakka {
    background: rgba(98, 122, 134, 0.75) url(../images/top/main_gakka.jpg) 50% 50% no-repeat;
    background-size: cover;
}

#container .info_box nav ul li.teacher {
    background: rgba(98, 122, 134, 0.75) url(../images/top/main_teacher.jpg) 50% 50% no-repeat;
    background-size: cover;
}

#container .info_box nav ul li.career {
    background: rgba(98, 122, 134, 0.75) url(../images/top/main_career.jpg) 50% 50% no-repeat;
    background-size: cover;
}


#container .info_box nav ul li.menuphoto a:hover {
	background-color: rgba(0, 177, 169, 0.8); /*#00b0a8 環境サステナビリティ学部 color*/
}
#container .info_box a.sub_tit:hover {
	background-color: rgba(0, 177, 169, 1); /*#00b0a8 text color*/
}
#container .info_box a.lgray{
	background-color: #f0f3f5;
}


/* CLOSE UP */
#container .info_box nav ol li a h2,
#container .info_box nav ol li a em {
	color: #00b0a8; /*text color*/
}
#container .info_box nav ol li:hover a{
	background: rgba(0, 177, 169, 1); /*#01b2a8 text color*/
}
#container .info_box nav ol li a:hover h2,
#container .info_box nav ol li a:hover em {
	color: #FFF;
}


/* SEE MORE */
#psychology #container .tile ul li.act a {
  border: 1px solid #00b0a8; /*text color*/
  background: #00b0a8; /*text color*/
  color: #FFF;
}
#psychology #container .tile ul li a.more.act {
    border: 1px solid #00b0a8; /*text color*/
}
#psychology #container .tile ul li a.more:after {
	background: #00b0a8; /*text color*/
}
#psychology #container .tile ul li a.more.act:hover:after{
	color: #FFF;
}
#psychology #container .tile ul li:hover a {
  border: 1px solid #00b0a8; /*text color*/
  background: #FFF;
  color: #00b0a8; /*text color*/
}


/* request_box */
#container .request_box {
	padding: 40px 0 30px 0;
	background-color: #00b0a8;
	text-align: center;
}
#container .request_box h1 {
	color: #ffffff;
}
#container .request_box h1 + strong {
	display: block;
    font-size: 15px;
    padding: 12px;
    font-weight: normal;
	color: #ffffff;
}
#psychology #container .request_box .tile {
	background-color: #00b0a8;
}
#psychology #container .request_box .tile ul li.act a {
	border: 1px solid #ffffff;
    background: #ffffff;
    color: #00b0a8;
}
#psychology #container .request_box .tile ul li.act a:hover {
	border: 1px solid #ffffff;
    background: #00b0a8;
    color: #ffffff;
}


/* footer banner */
#container footer .banner_links {
	margin: 0 auto 30px;
}

#container footer .banner_links li {
    display: table-cell;
	width: auto;
	max-width: 200px;
	padding-right: 10px;
}

#container footer .banner_links li:last-child {
	padding-right: 0;
}


/* ニュースセンター　サムネイル画像調整（中央寄寄せ） */
#container .news_box nav ol li a .image_wrapper, #container .news_box2 nav ol li a .image_wrapper {
    overflow: hidden;
    position: relative;
    height: 14vw;
    max-height: 220px;
}

#container .news_box nav ol li a img, #container .news_box2 nav ol li a img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	left: 50%;
	top: 0;
	-webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}

#container .news_box nav ol li a h2,
#container .news_box2 nav ol li a h2 {
  padding: 10px;
}


@media screen and (max-width: 736px) {

#container .news_box nav ol li a .image_wrapper, #container .news_box2 nav ol li a .image_wrapper{
	float: left;
	margin-right: 2%;
	width: 45%;
	height: 30vw;
	max-height: 140px;
}

	
/* request box */
#container .request_box {
	padding: 20px 0 10px 0;
}

#container .request_box h1 + strong {
	padding: 2px 6px;
    font-size: 13px;
}


/* footer banner */
#container footer .banner_links {
	margin: 0 auto 20px;
}

#container footer .banner_links li {
    display: block;
	margin: 8px auto 0;
	padding-right: 0;
}
	
}