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

.uti h2 { color: #384B96; font-weight: bold; text-align: center; }
.uti h3 { font-weight: bold; }
.uti.pri p, .uti li { padding-left: 1.2em; text-indent: -1.2em; }
.uti.pri p.lead { padding-left: 0; text-indent: 0; }
.uti .ta { text-align: right; }

@media screen and (max-width:768px) {
	
	.uti h2 { font-size: 1.6rem; margin-bottom: 10px; }
	.uti p, .uti li { font-size: 1.3rem; }
	.uti p, .uti ul { margin-bottom: 10px; }
}

@media screen and (min-width:769px) {
	
	/* HD */
	#hd_index p {  display: block; width: 660px; top: 150px; }
	
	.narrow { width: 900px; margin: 0 auto; }
	
	.uti { margin-bottom: 60px; }
	.uti h2 { font-size: 2.4rem; margin-bottom: 40px; }
	.uti h3 { font-size: 2.1rem; margin-bottom: 5px; }
	.uti p, .uti li { font-size: 1.6rem; }
	.uti p, .uti ul { margin-bottom: 20px; }
	.uti ul { margin-left: 20px; }
}