@charset "utf-8";
/* ========================================
	
	top.css

======================================== */


/* ======================================
	universities topページ
====================================== */

#breadComb {
  margin-bottom: 0;
}




/* ======================================
	universities indexページ
====================================== */

.wrap {
	width:100%;
	margin:auto;
	background:url(../img/index/bg_map.png) no-repeat right 0;
	background-size:100% auto;
}
.wrap .top {
	height: auto;
}
.wrap .top h2 {
	margin: auto;
	width: 90%;
	max-width: 1000px;
}
.wrap .top h2 img {
	max-height:65% !important;
	margin:auto;
}
.wrap .top {
	padding:100px 0 135px;
}
@media screen and (max-width: 767px) {
.wrap .top {
	padding:100px 0 100px;
}
}
@media screen and (max-width: 479px) {
.wrap .top {
	padding:50px 0 50px;
}
}

.wrap .acd {
	width:100%;
}
.wrap .type_a {
	background:url(../img/index/bg_a.png) repeat-y 0 0;
	background-size:100% auto;
}

.wrap .type_b {
	background:url(../img/index/bg_b.png) repeat-y 0 0;
	background-size:100% auto;
}

.wrap .ttl {
	padding:30px 0;
	width:100%;
	margin:0 auto;
	cursor:pointer;
	text-align:left;
}
.wrap .ttl .ttl_wrap {
	width:645px;
	margin:auto;
	position:relative;
}
.wrap .ttl.type_a .ttl_wrap {
	width:720px;
	padding-left:40px;
}

.wrap .ttl h3 {
}
.wrap .ttl.type_a h3{
	padding-left:0;
 -moz-transition-duration:0.3s;
 -webkit-transition-duration:0.3s;
 -o-transition-duration:0.3s;
 -ms-transition-duration:0.3s;
 transition-duration:0.3s;
}
.wrap .ttl.type_a.on h3{
	padding-left:80px;
 -moz-transition-duration:0.3s;
 -webkit-transition-duration:0.3s;
 -o-transition-duration:0.3s;
 -ms-transition-duration:0.3s;
 transition-duration:0.3s;
}
.wrap .ttl.on span img {
	/*text-align:center;*/
	transform:rotate(0deg);
 -moz-transition-duration:0.3s;
 -webkit-transition-duration:0.3s;
 -o-transition-duration:0.3s;
 -ms-transition-duration:0.3s;
 transition-duration:0.3s;
}
.wrap .ttl span img {
	transform:rotate(-90deg);
	margin-right:20px;
}
.wrap .ttl:hover span img {
	transform:rotate(0deg);
 -moz-transition-duration:0.3s;
 -webkit-transition-duration:0.3s;
 -o-transition-duration:0.3s;
 -ms-transition-duration:0.3s;
 transition-duration:0.3s;
}
.wrap .cont {
	padding:0 40px 40px;
}
.wrap .cont ul {
	width:100%;
	max-width:1080px;
	margin: 0 auto;
}
.wrap .cont ul li {
	width:22%;
	float:left;
	margin-right:2.66%;
	text-align:center;
	margin-bottom:15px;
	
}
.wrap .cont ul li:nth-child(4n) {
	margin-right:0;
	
}

@media screen and (max-width: 767px) {
.wrap .ttl {
	padding:20px 0;
}
.wrap .ttl.type_a .ttl_wrap {
	padding-left:0;
}
.wrap .cont ul li {
	width:49%;
	margin-right:2%;
}
.wrap .cont ul li:nth-child(2n) {
	margin-right:0;
}
.wrap .ttl .ttl_wrap {
	width:340px !important;
	margin:auto;
}
.wrap .ttl img {
	width:auto;
	max-width:280px;
}
.wrap .ttl span img {
	width:30px;
}
.wrap .ttl.type_a.on h3{
	padding-left:0;
}
}
@media screen and (max-height: 900px) {
.wrap .top {
	padding:90px 0 70px;
}
}
@media screen and (max-height: 768px) {
.wrap .top {
	padding:30px 0 20px;
}
}

.wrap .cont ul li a {
	color:#FFF;
}
.wrap .cont ul li a .c_img {
	background:#FFF;
	display:inline-block;
	width:100%;
}
.wrap .cont ul li a .c_img img {
	width:100% !important;
}
.wrap .cont ul li a:hover img {
	opacity:0.6;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

/*アンダーライン*/
.wrap .cont ul li a .u_line {
  position: relative;
  display: inline-block;
  text-decoration: none;
	margin-top:10px;
	margin-bottom:20px;
}
.wrap .cont ul li a .u_line:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #FFF;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.wrap .cont ul li a:hover .u_line:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}