#page #pageHead{
	padding-bottom: 15px;
	border-bottom: 1px solid var(--main-color);
}
#page #pageHead .pageTtl{
	font-size: 40px;
}
#page #pageBody{
	padding: 40px 0;
	border-bottom: 1px solid #CCCCCC;
}
#page #pageFoot{
	padding: 20px 0;
	text-align: center;
}
#page #pageBody .headline{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 1em;
}
#page #pageBody p{
	margin-bottom: 2em;
}
#page #pageBody p a{
	color: var(--main-color);
	border-bottom: solid 1px;
	transition: opacity 0.5s ease;
}
#page #pageBody p a:hover{
	border-bottom: none;
}
#page #pageBody p.note{
	padding-left: 1em;
	text-indent: -1em;
}
#page .btnstyle{
	margin: 20px auto 20px;
	text-align: center;
}
#page .btnstyle a{
	position: relative;
	margin: auto;
	display: inline-block;
	width: 100%;
	max-width: 300px;
	height: 50px;
	border-radius: 25px;
	background-color: var(--main-color);
	color: #FFFFFF!important;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	cursor: pointer;
}
#page .btnstyle a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#page .btnDl a::after{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
/* policy */
#page .policy #pageBody ul{
	margin-bottom: 2em;
	list-style-type:disc;
	list-style-position: inside;
}
/* contact */
#page .contact #pageBody .headline{
	color: var(--main-color);
}
/* school */
#page .school .catalog{
	background-color: var(--bg-color);
	padding: 30px;
	text-align: center;
}
#page .school .catalog span{
	color: var(--main-color);
	font-size: 18px;
}
/* shop */
#page .shop .order{
	background-color: var(--bg-color);
	padding: 30px;
	text-align: center;
}
#page .shop .order span{
	color: var(--main-color);
	font-size: 18px;
}
#page .shop .flyer{
	margin-top: 30px;
}
#page .shop .flyer h3{
	border-top: 1px solid #CCCCCC;
	padding-top: 20px;
	margin-bottom: 15px;
	font-size: 18px;
	color: var(--main-color);
}
#page .shop .flyerList{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-end;
	background-color: var(--bg-color);
}
#page .shop .flyerList li{
	padding: 20px;
	width: 33%;
}
#page .shop .flyerList li p.title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
#page .shop .flyerList li .thumb{
	margin-bottom: 5px;
}
/* naire */
#page .naire h3{
	margin-bottom: 15px;
	font-size: 20px;
	color: var(--main-color);
}
@media screen and (max-width:1000px) {
	#page #pageHead .pageTtl{
		font-size: 18px;
	}
	#page #pageBody{
		padding: 20px 0;
	}
	#page #pageBody .headline{
		font-size: 16px;
	}
	/* school */
	#page .school .catalog{
		padding: 15px;
	}
	#page .school .catalog span{
		font-size: 16px;
	}
	/* shop */
	#page .shop .order{
		padding: 15px;
	}
	#page .shop .order span{
		font-size: 16px;
	}
	#page .shop .flyer{
		margin-top: 20px;
	}
	#page .shop .flyer h3{
		font-size: 16px;
	}
	#page .shop .flyerList li{
		padding: 15px;
		width: 50%;
	}
	#page .shop .flyerList li .title{
		font-size: 16px;
	}
	/* naire */
	#page .naire h3{
		font-size: 18px;
	}
}
@media screen and (max-width:700px) {
	/* shop */
	#page .shop .flyerList li{
		width: 100%;
	}
}