@charset "utf-8";

/* -------------------------------------------------------------------
#GRADUATE
------------------------------------------------------------------- */
#GRADUATE {
  padding-bottom: 60px;
}
/*
*
*
*
*/
/* post-section */
.post-section {
  background-color: #eefcca;
}
.post-section h2::before {
  background-color: #c5f550;
}
/*
*
*
*
*/
/* nav-section */
.nav-section {
  padding-top: 80px;
  padding-bottom: 100px;
}
.nav-section ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.nav-section ul li {
  width: 31.3%;
}
.nav-section ul li:nth-of-type(n + 4) {
  margin-top: 70px;
}
.nav-section ul li a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 30px;
  border: 2px solid #000;
  background-color: #fff;
}
.nav-section ul li a::before,
.nav-section ul li a::after {
  content: "";
  position: absolute;
}
.nav-section ul li a::before {
  z-index: -1;
  top: -2px;
  left: -2px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border: 2px solid #000;
  background-color: #c5f550;
  transition: background-color .3s;
}
.nav-section ul li a::after {
  background-image: url(../../../img/graduate/index/icon-7.png);
  background-size: cover;
  right: 32px;
  bottom: -30px;
  width: 48px;
  height: 48px;
  transition: right .3s;
}
.nav-section ul li a:hover::before {
  background-color: #ccc;
}
.nav-section ul li a:hover::after {
  right: -8px;
}
.nav-section ul li a img {
  margin-bottom: 10px;
}
.nav-section ul li:first-of-type a img {
  width: 101px;
}
.nav-section ul li:nth-of-type(2) a img {
  width: 70px;
}
.nav-section ul li:nth-of-type(3) a img {
  width: 103px;
}
.nav-section ul li:nth-of-type(4) a img {
  width: 81px;
}
.nav-section ul li:nth-of-type(5) a img {
  width: 96px;
}
.nav-section ul li:last-of-type a img {
  width: 92px;
}
.nav-section ul li a h3 {
  position: relative;
  padding-top: 1.5em;
  margin-bottom: 40px;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
.nav-section ul li:nth-of-type(3) a h3 {
  padding-top: 0;
}
.nav-section ul li a h3::after {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  width: 2.8em;
  height: 2px;
  background-color: #000;
}
.nav-section ul li a p {
  padding-right: 10.6%;
  padding-left: 10.6%;
  font-size: 1.6rem;
  line-height: 2;
}
/*
*
*
*
*/
/* message-section */
.message-section .heading-style-3 {
  margin-bottom: 40px;
}
.message-section__movie {
	margin-top: 78px;
}
.message-section__movietxt {
	text-align: center;
	padding-top: 25px;
}
/*
*
*
*
*/
/* donation-section */
.donation-section {
  background-color: #eefcca;
}