@charset "UTF-8";
#title h1::before {content:url("images/title.png");}

h2.title { padding:0 0 10px 0; font-size:20px; text-align: left; border-bottom: 1px solid #333;}

.greetings { display: flex; justify-content:center; margin:30px 0 0 0; text-align: right; background:url("images/greetings.jpg") no-repeat center center / cover; }
	.greetings ul { margin: 0;}
		.greetings li { padding:10px 0 10px 60px; text-align: left;}
			.greetings li:before { display: block; content:""; overflow: hidden; float:left; border-bottom:1px solid #333;}

.list { padding:20px 0 0 0; text-align: left; max-width:960px;margin: 0 auto;}
	.list h3 { padding:30px 0 10px 0; font-size:16px; border-bottom: 1px solid #333;}
	.list th { padding:5px 40px 5px 0; font-size:16px; vertical-align: top;}
		.list th strong { display: inline-block; padding: 5px 10px; width:7em; background:#F2F2F2;}
	.list td { padding:10px 0; font-size:16px; vertical-align: top;}
		.list td a { color:#B0201E; text-decoration: underline;}
			.list td a:hover { color:#999; text-decoration: none;}

@media all and (min-width:320px) {
	/* 320px+ settings */
	.greetings { padding:30px 20px 30px 0;}
		.greetings li { font-size:16px;}
			.greetings li:before { width: 20px; height: 11px;margin-left: -40px;}
	.list th { display: block;}
	.list td { display: block; padding: 10px 0 30px 0;}
}

@media all and (min-width:640px) {
	/* 640px+ settings */
	.greetings { padding:60px 0 60px 100px;}
		.greetings li { font-size:18px;}
			.greetings li:before { width: 30px; height: 13px; margin-left: -50px;}
	.list th { display: table-cell;}
	.list td { display: table-cell; padding: 10px 0;}
}

@media all and (min-width:960px) {
	/* 960px+ settings */
	.greetings { padding:100px 0 100px 200px;}
		.greetings li { font-size:22px;}
			.greetings li:before { width: 40px; height: 17px; margin-left: -60px;}
}

@media all and (min-width:1200px) {
	/* 1200px+ settings */
}