@charset "utf-8";

/*----------------------------------------
  サイト共通 スタイルシート
----------------------------------------*/
#pageTitle {background-position: center bottom;}

/* greeting
---------------------------------------- */
#greeting {background: url("../../images/company/greeting.jpg") no-repeat center center / cover;}
#greeting h3 {
	color: #13B6F2;
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400;
}
#greeting #greetingInner {
	color: #fff;
	background-color: rgba(21,29, 86, 0.68);
}
#greeting #signature {padding-top: 1em;}
#greeting #signature p {
	text-align: right;
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400;
}
#greeting #signature div {
	margin: 0.2em 0 0 auto;
	max-width: 102px;
	/*font-size: 1.7em;
	text-align: right;*/
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px){
	
	/* greeting
	---------------------------------------- */
	#greeting #greetingInner {padding: 2em 1em 1.3em;}
	#greeting #greetingInner h3 {
		font-size: 1.15em;
		margin-bottom: 0.8em;
	}
	#greeting #greetingInner p {line-height: 1.6em;}
	
	/* information
	---------------------------------------- */
	#information table {margin-bottom: 1.5em;}
	
	/* access
	---------------------------------------- */
	#access #googleMap {
		width: 100%;
		height: 350px;
	}
	/*テーブルスタイル*/
	.tableStyle01 .reportHeight{
		padding-bottom: 0.6em;
	}
}

/*===============================================
●画面の横幅が730px以上(PCのみ)
===============================================*/
@media screen and (min-width: 730px){
	
	/* greeting
	---------------------------------------- */
	#greeting #greetingInner {padding: 5em 5em 3em;}
	#greeting #greetingInner h3 {
		font-size: 1.5em;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	#greeting #greetingInner p {line-height: 2em;}
	
	/*テーブルスタイル*/
	.tableStyle01 .reportHeight{
		padding-bottom: 2.64em;
	}

	/* information
	---------------------------------------- */
	#information table {margin-bottom: 3em;}
	
	/* access
	---------------------------------------- */
	#access #googleMap {
		width: 100%;
		height: 450px;
	}
}