@charset "utf-8";

@media screen and (max-width: 768px) {
/* -------------------------------------------------------------------
#ADMISSION
------------------------------------------------------------------- */
#ADMISSION {
  padding-bottom: 100px;
}





/* content-1 */
.content-1 .inner h2 {
  font-size: 2.4rem;
}
.content-1 .inner p {
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 20px;
}

	.content-1 .inner {
		position: relative;
		margin-top: -120px;
	}



/* content-2 */
.content-2 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.content-2 .container {
  width: 100%;
}
.content-2 .inner h2 {
  font-size: 2.4rem;
}
.content-2 .inner p {
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 20px;
}

	.content-2 .inner {
		left: 10%;
		position: relative;
		margin-top: -120px;
	}



/* content-3 */
.content-3 {
  padding-bottom: 40px;
}
.content-3 ul {
  display: block;
}
.content-3 ul li {
  width: 100%;
}
.content-3 ul li + li {
  margin-top: 30px;
}
.content-3 ul li h2 {
  font-size: 2.4rem;
  letter-spacing: 0;
}





/* content-4 */
.content-4 a {
  padding-top: 40px;
  padding-bottom: 40px;
}
.content-4 .inner {
  position: static;
  padding-top: 0;
}
.content-4 .inner h2 {
  margin-bottom: 20px;
  font-size: 12.8vw;
}
.content-4 .inner img {
  position: static;
  width: 100%;
}
.content-4 .inner > p {
  margin-top: 0.5em;
  font-size: 2rem;
  text-align: center;
}





/* content-5 */
.content-5 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.content-5 ul {
  display: block;
}
.content-5 ul li {
  width: 100%;
}
.content-5 ul li + li {
  margin-top: 30px;
}
.content-5 ul li a img {
  height: calc(88vw / 273 * 200);
}





/* content-6 */
.content-6 {
  padding-bottom: 40px;
  padding-top: 40px;
}
.content-6 ul {
  display: block;
}
.content-6 ul li {
  width: 100%;
}
.content-6 ul li + li {
  margin-top: 30px;
}
.content-6 ul li a div h2 {
  font-size: 2.4rem;
}





/* gatun */
.gatun a {
  height: calc(100% / 375 * 271);
}
.gatun a p {
  top: 15.5vw;
  left: 6%;
  font-size: 5.3vw;
  line-height: 1.4;
}
.gatun a h2 {
  top: 32.5vw;
  left: 6%;
  width: 88%;
}
.gatun a .common-button {
  top: 50.9vw;
}


	.post-section__news ul li {
		display: block;
	}
	.post-section__news ul li .time {
		margin-bottom: 5px;
	}
	
	.post-section__topisc h2 {
	margin-top: 40px;
}

}