@charset "UTF-8";


/* -------------------------------------
supporter
------------------------------------- */
#about {
	margin-bottom:12.6%;
}
.pagettl {
	margin-bottom:40px;
}
#about h2 {
	font-size:64px;
	font-weight:900;
	color:#003E8B;
	line-height:1.5;
	margin-bottom:10px;
}
#about p {
	font-size:17px;
	font-weight:900;
	letter-spacing:0.1em;
	margin-bottom:17px;
}
#about #area {
	margin-bottom:40px;
}
#about #area dt {
	font-size:15px;
	text-indent:-8px;
	margin-bottom:5px;
}
#about #area dd {
	font-size:13px;
	line-height:1.7;
	letter-spacing:0.1em;
}
#about li {
	text-align:center;
	letter-spacing:0.25em;
	width:calc((99.9% - 10px) / 2);
	float:left;
	margin-right:10px;
}
#about li:nth-child(2n) {
	margin-right:0;
}
#about li a {
	font-weight:bold;
	color:#FFF;
	background-color:#004097;
}
#about li a br {
	display:none;
}
#about li.tel a {
	font-size:30px;
	padding:10px 10px 12px 10px;
}
#about li.fax {
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:10px 10px 12px 10px;
	background-color:#004097;
}
#about li.mail {
	letter-spacing:0.13em;
	margin-top:20px;
}
#about li.mail a {
	font-size:18px;
	padding:8px 10px;
}
#about li.pdf {
	letter-spacing:0.2em;
	margin-top:20px;
}
#about li.pdf a {
	font-size:18px;
	padding:8px 10px;
}

main section h3 {
	font-size:38px;
	font-weight:900;
	color:#003E8B;
	letter-spacing:0.1em;
	margin-bottom:35px;
}
main section#area,
main section#group {
	margin-bottom:9.4%;
}
main section ul {
	display:flex;
	flex-wrap:wrap;
}
main section ul li {
	font-size:20px;
	font-weight:500;
	text-align:center;
	height:73px;
	display:table;
	margin-bottom:1px;
	margin-right:1px;
	background-color:#E6E6E6;
}
main section#area ul li {
	width:calc((99.9% - 4px) / 5);
}
main section#area ul li:nth-child(5n) {
	margin-right:0;
}
main section#group ul li {
	width:calc((99.9% - 2px) / 3);
}
main section#group ul li:nth-child(3n) {
	margin-right:0;
}
main section#support ul li {
	width:calc((99.9% - 1px) / 2);
}
main section#support ul li:nth-child(2n) {
	margin-right:0;
}

main section ul li span {
	letter-spacing:0.2em;
	display:table-cell;
	vertical-align:middle;
}



@media screen and (max-width:1010px) {
	#about h2 {
		font-size:58px;
	}
	#about p {
		font-size:16px;
	}
	#about #area {
		margin-bottom:38px;
	}
	#about li {
		letter-spacing:0.2em;
	}
	#about li.tel a {
		font-size:27px;
	}
	#about li.fax {
		font-size:27px;
	}
	#about li.mail {
		letter-spacing:0.1em;
		margin-top:15px;
	}
	#about li.mail a {
		font-size:17px;
	}
	#about li.pdf {
		margin-top:15px;
	}
	#about li.pdf a {
		font-size:17px;
	}
	
	main section h3 {
		font-size:35px;
		margin-bottom:32px;
	}
	main section ul li {
		font-size:19px;
		height:70px;
	}
	main section ul li span {
		letter-spacing:0.15em;
	}
}
@media screen and (max-width:880px) {
	#about h2 {
		font-size:54px;
	}
	#about li a br {
		display:block;
	}
}
@media screen and (max-width:768px) {
	#about h2 {
		font-size:48px;
	}
	#about p {
		font-size:15px;
	}
	#about #area {
		margin-bottom:36px;
	}
	#about #area dt {
		font-size:14px;
	}
	#about li {
		letter-spacing:0.15em;
	}
	#about li.tel a {
		font-size:23px;
	}
	#about li.fax {
		font-size:23px;
	}
	#about li.mail {
		margin-top:10px;
	}
	#about li.mail a {
		font-size:16px;
	}
	#about li.pdf {
		letter-spacing:0.15em;
		margin-top:10px;
	}
	#about li.pdf a {
		font-size:16px;
	}
	
	main section h3 {
		font-size:32px;
		margin-bottom:29px;
	}
	main section ul li {
		font-size:18px;
		height:67px;
	}
	main section ul li span {
		letter-spacing:0.1em;
	}
	main section#area ul li {
		width:calc((99.9% - 3px) / 4);
	}
	main section#area ul li:nth-child(5n) {
		margin-right:1px;
	}
	main section#area ul li:nth-child(4n) {
		margin-right:0;
	}
	main section#group ul li {
		width:calc((99.9% - 1px) / 2);
	}
	main section#group ul li:nth-child(3n) {
		margin-right:1px;
	}
	main section#group ul li:nth-child(2n) {
		margin-right:0;
	}
}
@media screen and (max-width:700px) {
	#about h2 br {
		display:none;
	}
	#about li {
		width:calc((100% - 0px) / 1);
		float:none;
	}
	#about li a br {
		display:none;
	}
	#about li.fax {
		margin-top:10px;
	}
	#about li.mail {
		width:calc((100% - 0px) / 1);
		float:none;
	}
}
@media screen and (max-width:640px) {
	#about h2 {
		font-size:44px;
	}
	#about p {
		font-size:14px;
	}
	#about #area {
		margin-bottom:34px;
	}
	#about li.tel a {
		font-size:20px;
	}
	#about li.fax {
		font-size:20px;
	}
	#about li.mail a {
		font-size:15px;
	}
	#about li.pdf a {
		font-size:15px;
	}
	
	main section h3 {
		font-size:30px;
		margin-bottom:27px;
	}
	main section ul li {
		font-size:17px;
		height:65px;
	}
	main section#support ul li {
		width:calc((99.9% - 0px) / 1);
		margin-right:0;
		padding:0 5px;
	}
	main section#support ul li:nth-child(1) {
		margin-bottom:1px;
	}
}
@media screen and (max-width:500px) {
	#about h2 {
		font-size:38px;
	}
	#about {
		margin-bottom:55px;
	}
	#about #area {
		margin-bottom:32px;
	}
	#about li.tel a {
		font-size:19px;
	}
	#about li.fax {
		font-size:19px;
	}
	
	
	main section#area,
	main section#group {
		margin-bottom:42px;
	}
	main section h3 {
		font-size:27px;
		margin-bottom:25px;
	}
	main section ul li {
		font-size:16px;
		height:62px;
	}
	main section#area ul li {
		width:calc((99.9% - 2px) / 3);
	}
	main section#area ul li:nth-child(4n) {
		margin-right:1px;
	}
	main section#area ul li:nth-child(3n) {
		margin-right:0;
	}
	main section#group ul li {
		padding:0 5px;
	}
	main section#group ul li br {
		display:none;
	}
}
@media screen and (max-width:320px) {
	#about {
		margin-bottom:50px;
	}
	#about #area {
		margin-bottom:30px;
	}
	#about li.tel a {
		font-size:18px;
	}
	#about li.fax {
		font-size:18px;
	}
	#about li.mail a {
		font-size:13px;
	}
	#about li.pdf a {
		font-size:14px;
	}
	
	main section#area,
	main section#group {
		margin-bottom:40px;
	}
	main section h3 {
		font-size:25px;
		margin-bottom:23px;
	}
	main section ul li {
		font-size:15px;
		height:60px;
	}
}
@media screen and (min-width:769px) {
	
}