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


#main_title {
	width: 100%;
	padding: 15% 0
}
#main_title h1 {
	font-weight: 300;
	font-size: 50px;
	text-align: center;
}
#main_title p {
	font-weight: 300;
	font-size: 16px;
	text-align: center;
}



@media only screen and (max-width: 768px)  {
	#main_title {
		padding-top: 25%;
	}
	#main_title h1 {
		font-weight: 300;
		font-size: 30px;
		text-align: center;
	}
	#main_title p {
		font-weight: 300;
		font-size: 14px;
		text-align: center;
	}

}



#main_contents {
	position: sticky;
	padding:0;
	background: #FFF;
}
section {
	position: relative;
	margin: 0 auto 10%;
	width: 90%;
	max-width: 1000px;
}
#list {
	position: relative;
}
#list a{
	color: #000;
}
#list ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 8%;
}
#list ul .img {
	line-height: 0;
	border: 1px solid #ddd;
	box-sizing: border-box;
	margin-bottom: 5%;
}
#list ul .title {
	font-weight: 300;
	font-size: 18px;
	margin: 0 auto;
	padding-bottom: 5%;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
#list ul .menu {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 3%;
	position: relative;
}
#list ul .menu::before {
	content: "";
	position: absolute;
	top: 2%;
	left: 50%;
	width: 1px;
	height: 96%;
	background: #ccc;
}
#list ul .menu .thema {
	box-sizing: border-box;
	padding: 15% 10%;
	border-bottom: 1px solid #ccc;
	line-height: 0;
	height: 150px;
}
#list ul .menu .thema:nth-of-type(3),#list ul .menu .thema:nth-of-type(4) {
	border: none;
}
#list ul .pdf {
	font-weight: 300;
	font-size: 14px;
	margin: 0 auto;
	padding: 5% 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
@media only screen and (max-width: 768px)  {
	section {
		position: relative;
		margin: 0 auto 10%;
		width: 85%;
		max-width: 1000px;
	}
	#list ul .title {
		font-weight: 300;
		font-size: 20px;
	}
	#list ul {
		display: block;
		grid-template-columns: auto;
		column-gap: 0;
	}
	#list ul li {
		margin-bottom: 20%;
	}
	#list ul .menu .thema {
		padding: 15%;
		height: auto;
	}
}