@charset "UTF-8";
/* CSS Document */

@media (min-width: 768px) {
	#contents.college-contents{
	padding-top:0;
	}
}
#page{
	width: 100%;
	background-image: url(/almondkouka/common/images/cloud.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	animation: bgroop 120s linear infinite;
}
@keyframes bgroop {
    from {background-position: 0 0;}
    to {background-position: -2000px 0;}
}
.hero h1,
.hero p{
	margin: 0;
	padding: 0;
}
.hero p{
	width: 80%;
	margin:0 auto;
}
.hero p img{
	margin-top: -2rem;
	margin-bottom: -2rem;
	/*mix-blend-mode: multiply;*/
}
.hero{
	padding: 8rem 0 8rem 0;
}





.contents .container{
	position: relative;
	padding-bottom: 8rem;
}
.contents img.almond{
	display: block;
	position: absolute;
	pointer-events: none;
}
.contents .almond-a{
	bottom:2rem;
	left: -2rem;
}
.contents .almond-b{
	bottom:-4rem;
	right: -2rem;
}
ul.nav-home{
	list-style: none;
	margin:0;
	padding: 0;
}
ul.nav-home h4,
ul.nav-home p{
	margin: 0;
	padding:0 2rem;
}
ul.nav-home.fx li{
	padding-bottom: 2rem;
}
ul.nav-home.fx li > img{
	margin-bottom: 2rem;
	width: 100%;
	height: auto;
}
ul.nav-home.fx li h4{
	margin-bottom: 1rem;
}
ul.nav-home.fx li{
	position: relative;
	padding-bottom: 1rem;
	background-color: #fff;
}
ul.nav-home.fx li::before{
	content: '';
	display: block;
	top: 0;
	left:0;
	right: 0;
	height: .25rem;
	position: absolute;
	background-color: #ff6660;
}
@media screen and (max-width:640px){
	ul.nav-home.fx{
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	ul.nav-home.fx li{
	flex-basis: 49%;
	margin-bottom: 2rem;
}
}
@media screen and (min-width:641px){
	ul.nav-home.fx li{
	/*flex-basis: 23.4%;*/
	flex-basis: 19.5%;
	}
	ul.nav-home p{
		padding:0 1rem;
	}
}


ul.nav-report{
	list-style: none;
	margin:0;
	padding: 0;
}
ul.nav-report.fx li{
	position: relative;
	flex-basis: 49%;
	margin-right: 2%;
	margin-bottom: 1rem;
}
ul.nav-report.fx li > img{
	width: 100%;
	height: auto;
}
ul.nav-report.fx li:nth-of-type(even){
	margin-right: 0;
}
@media screen and (max-width:640px){
	ul.nav-report{
		text-align: center;
	}
}





.meister{
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}