@charset "UTF-8";
body {
  font-size: 14px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}


main {
  width:100%;
	max-width: 750px;
  margin: 0 auto;
  position: relative;
}

.rel {
	position: relative;
}
.ab {
	position: absolute;
	top: 0;
	left: 0;
}
.btn {
	right: 0;
	margin: auto;
	text-align: center;
	top: 15%;
}
.btn a {
	display:inline-block;
	margin: 0.5% auto;
}
.btn2 {
	top: 1%;
}
.btn3 {
	top: 2%;
}
.btn3 {
	top: 10%;
}


footer {
	background: #010137;
	text-align: center;
	padding: 5% 0;
}
footer small {
	color: white;
	font-size: 1em;
}

div.acd {
	background: url("../img/acd_bk.png") repeat-y;
	background-position: center top;
	background-size: 100%;
	padding-bottom: 3%;
}

.accordion {
  position: relative;
  width: 80%;
	margin: 0 auto;
}

.accordion-item {
	margin-bottom: 3%;
}


.accordion-title {
border: 2px solid #034a94;
	cursor: pointer;
}
.accordion-title.open {
border: 2px solid #cccccc;
}



.accordion-content {
  display: none;
border: 2px solid #cccccc;
	border-top: none;
}




/*リンクを右下に固定*/
#page-top {
    position: fixed;
    right: 0px;
    left: 0;
    bottom: 0px;
    z-index: 99;
    opacity: 0;
    transform: translateY(300px);
    width:100%;
    margin: auto;
	background: #034a94;
	text-align: center;
	padding: 1% 0;
}
#page-top a {
	display: inline-block;
	margin: 0 0.5%;
}
a img:hover {
	opacity: 0.8;
	transition: 0.5s;
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(500px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(300px);
  }
}






@media screen and (max-width: 750px) {
	
footer small {
	color: white;
	font-size: 0.7em;
}

.btn {
width: 80%;

}


	#page-top a {
		width: 46%;
	}









}

/*Convert campusList to Text*/
.accordion-content.campusList-content { background-color: white; padding: 1em; font-size: 1.2em;}
.campusListHr { background-color : #cccccc; color: #cccccc;} 
.accordion-content ul { padding: .9em 0; }
.accordion-content li { padding: .4em 0; font-weight: 700;}
.campusListHeader { color:#034a94; font-weight: 900; padding: .9em 0; font-size: 1.4em;}
@media screen and (max-width: 750px) {}