@charset "utf-8";

.anime01 {
    opacity: 1;
    animation: downUp 1.5s;
}

@keyframes downUp {
  0%   { 
	  opacity: 0;
	  transform: translateY(100px); 
	}
  50%  { 
	  opacity: 0;
	  transform: translateY(50px); 
	}
  100% { 
	  opacity: 1;
		transform: translateY(0); 
	}
}

main .inner {
	width: 90%;
	max-width: 1120px;
	margin: 200px auto 0;
}


.titleImage {
	text-align: center;
	width: 100%;
	max-width: 925px;
	margin: 0 auto 100px;
}

.titleImage img {
	width: 100%;
}

.specialContents .sec1 {
	margin-bottom: 100px;
}

.specialContents h2 {
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	margin-bottom: 80px;
	font-size: 42px;
	font-weight: 900;
	color: #68A9CF;
}

.specialContents ul {
	justify-content: flex-start;
}

.specialContents ul li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 4%;
}

.specialContents ul li:nth-child(3n) {
	margin-right: 0;
}

.specialContents ul li img {
	width: 100%;
	border-radius: 10px;
	margin-bottom: 10px;
}

.specialContents ul li p {
	font-size: 16px;
}


@media screen and (max-width: 767px)  {	
	
	main .inner {
		margin: 150px auto 0;
	}	
	
	
	.titleImage {
		margin: 0 auto 50px;
	}	

	.specialContents .sec1 {
		margin-bottom: 50px;
	}	

	.specialContents h2 {
		margin-bottom: 40px;
		font-size: 24px;
	}	

	.specialContents ul li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 30px;
	}

	.specialContents ul li:nth-child(3n) {
		margin-right: 4%;
	}

	.specialContents ul li:nth-child(2n) {
		margin-right: 0;
	}	

	.specialContents ul li p {
		font-size: 14px;
	}
	
	
	
	
	
	
	
	
}