@charset "utf-8";

/* =======================================
	contact CSS
========================================== */
@media screen and (min-width: 600px) {
	/* ページタイトル
	------------------------------------------ */
	#pgttl {
		width: 100%;
		height: 160px;
		background: url(../../contact/img/pgttl_contact.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(../../contact/img/pgttl_contact.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) {
	#lnavTop,
	#lnav {
		padding: 60px 0 30px;
		border-top: 1px solid #ddd;
	}
	#lnavTop .contentsInner ul li a,
	#lnav .contentsInner ul li a {
		display: block;
		float: left;
		box-sizing: border-box;
		width: calc(100% / 2);
		height: 90px;
		border: solid #ddd;
		border-width: 1px 1px 1px 0;
		background: #F2F7FC url(../../img/arrowGry9x16.png) no-repeat 20px 37px;
		padding: 33px 0 0 40px;
	}
	#lnavTop .contentsInner ul li:nth-of-type(1) a,
	#lnav .contentsInner ul li:nth-of-type(1) a {
		border-width: 1px;
	}
	#lnavTop .contentsInner ul li a:hover,
	#lnav .contentsInner ul li a:hover {
		text-decoration: none;
		background: #D9E7F5 url(../../img/arrowBlu9x16.png) no-repeat 20px 37px;
	}
	#lnavTop .contentsInner ul li.current a,
	#lnav .contentsInner ul li.current a {
		background: #D9E7F5 url(../../img/arrowBlu9x16.png) no-repeat 20px 37px;
	}
}
@media screen and (max-width: 599px) {
	#lnavTop,
	#lnav {
		padding: 20px 0;
	}
	#lnavTop .contentsInner ul li a,
	#lnav .contentsInner ul li a {
		display: block;
		float: left;
		box-sizing: border-box;
		width: 50%;
		height: 45px;
		border: solid #ddd;
		border-width: 1px;
		background: #F2F7FC url(../../img/arrowGry9x16.png) no-repeat 5px 14px;
		padding: 10px 0 0 20px;
	}
	#lnavTop .contentsInner ul li:nth-of-type(2) a,
	#lnav .contentsInner ul li:nth-of-type(2) a{
		border-width: 1px 1px 1px 0;
	}
	#lnavTop .contentsInner ul li a:hover,
	#lnav .contentsInner ul li a:hover {
		text-decoration: none;
		background: #D9E7F5 url(../../img/arrowBlu9x16.png) no-repeat 5px 14px;
	}
	#lnavTop .contentsInner ul li.current a,
	#lnav .contentsInner ul li.current a {
		background: #D9E7F5 url(../../img/arrowBlu9x16.png) no-repeat 5px 14px;
	}
}