@charset "utf-8";

/* =======================================
	greeting CSS
========================================== */
@media screen and (min-width: 600px) {
	/* グローバルナビカレント表示 */
	nav#gnav ul li:nth-of-type(2) a {
		background: url(../../img/gnav2Bg_o.png);
	}
}

@media screen and (min-width: 600px) {
	/* ページタイトル
	------------------------------------------ */
	#pgttl {
		width: 100%;
		height: 160px;
		background: url(../../greeting/img/pgttl_greeting.png) no-repeat right #CCDFF2;
	}
	#pgttl h1 {
		box-sizing: border-box;
		width: 980px;
		height: 160px;
		margin: 0 auto;
		font-size: 32px;
		font-weight: bold;
		background: url(../../img/arrowBlu16x31.png) no-repeat 0 63px;
		padding: 55px 0 0 40px;
	}
}
@media screen and (max-width: 599px) {
	/* ページタイトル
	------------------------------------------ */
	#pgttl {
		width: 100%;
		height: 60px;
		background: url(../../greeting/img/pgttl_greeting.png) no-repeat right #CCDFF2;
		background-size: cover;
	}
	#pgttl h1 {
		font-size: 20px;
		font-weight: bold;
		padding: 14px 0 0 10px;
	}
}

@media screen and (min-width: 600px) {
	/* セクション - greeting
	------------------------------------------ */
	section.greeting:first-of-type {
		padding: 40px 0 1em 0;
	}
	section.greeting {
		padding: 0 0 1em 0;
	}
	section.greeting:last-of-type {
		padding: 0 0 40px 0;
	}
	section.greeting p {
		font-size: 18px;
	}
	section.greeting p:nth-of-type(1) {
		text-indent: 1em;
	}
}
@media screen and (max-width: 599px) {
	/* セクション - greeting
	------------------------------------------ */
	section.greeting:first-of-type {
		padding: 20px 0 1em 0;
	}
	section.greeting {
		padding: 0 0 1em 0;
	}
	section.greeting:last-of-type {
		padding: 0 0 20px 0;
	}
	section.greeting p {
		font-size: 16px;
	}
	section.greeting p:nth-of-type(1) {
		text-indent: 1em;
	}
}
