@charset "UTF-8";
#title p { background-image: url(images/title.jpg);}

#intro { width: 100%; min-width: 1000px; padding:40px 0 50px 0; margin: 0 auto; text-align: center; background:#00ADE5; color: #FFF;}
	#intro h2 { display: block; width: 1000px; margin: 0 auto; padding:16px 0; text-align: center;}
	#intro ul { display: flex; width: 930px; justify-content: space-between; margin: 0 auto; padding: 12px 0; list-style: none;text-align: left;}
		#intro li { padding: 0 4px; margin: 0; text-align: center;}
	#intro p { display: block; width: 700px; margin: 0 auto; padding: 8px 150px; font-size: 14px;}

.art1 { padding:12px 0 36px 0; margin: 0 auto; }
	.art1 p { padding: 12px 0; margin: 0; font-size: 14px;}
	.art1 ul { display: flex; width: 930px; justify-content: space-between; margin: 0 auto; padding: 12px 0; list-style: none;text-align: left;}
		.art1 li { padding: 0 4px; margin: 0; text-align: center;}

.art2 { padding:20px 0 20px 0; margin: 0 auto;text-align: center;}
	.art2 h3 { padding:20px 0 12px 0; margin: 0; font-size: 16px; text-align: center;}
	.art2 p { padding: 12px 0; margin: 0; font-size: 14px;}
	.art2 ul { display: block; width: 700px; padding: 12px 0; margin: 0 auto; list-style: none;}
		.art2 ul li { display: block; width: 700px; font-size: 16px; padding:16px 0; margin:0 0 54px 0; text-align: center; position: relative;}
			.art2 ul li:after { content: url(images/arrow.jpg); display: block; width: 700px; position: absolute; text-align: center; bottom: 0; margin-bottom: -42px;}
			.art2 ul li:last-of-type:after { display: none;}
		.art2 ul:nth-of-type(1) li {background: #D8EBFA; }
		.art2 ul:nth-of-type(2) li {background: #D8E3D1; }