@charset "utf-8";

/*===============================================
●共通
===============================================*/

/* メイン画像 */
#bkgImg {background-image: url("../../images/company/mainImg.jpg");}

/* message */
#message h3 {
	color: #004FB8;
	font-weight: bold;}
#message #ceoName {padding-top: 0.5em;}

/*infomation */
#infomation {background-color: #F9FCFF;}
#infomation #imgBox {
	width: 100%;
	text-align: center;
}

/* history */
#history table {width: 100%;}
#history table tr th, #history table tr td {
	font-size: 1.14em;
	line-height: 1.5em;
}
#history table tr th {
	font-weight: bold;
	color: #004FB8;
}

/* access */
#access {background-color: #F9FCFF;}
#access h3 {
	font-size: 1.14em;
	margin-bottom: 1em;
}
#access h3 span svg {
	width: 1em;
	height: 1em;
	fill: #004FB8;
}
#access #googleMap iframe {
	display:inline-block;
	width: 100%;
}

/*===============================================
●画面の横幅が769px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 769px){
	
	/* メイン画像 */
	#message h3 {
		font-size: 1.5em;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	#message #messageImg {width: 100%;}
	#message #ceoName {width: 8em;}
	.textBox {
		font-size: 1.14em;
		line-height: 2em;
		margin: 2em 0;
	}
	
	/* infomation */
	#infomation .tableStyle {margin-bottom: 2.5em;}
	#infomation #imgBox {margin-bottom: 1em;}
	
	/* history */
	#history table tr th {padding-top: 0.8em;}
	#history table tr th, #history table tr td {
		display: block;
		width: 100%;
	}
	#history table tr td {
		border-bottom: #DFDFDF 1px solid;
		padding: 0.3em 0 0.8em;
	}
	#access #googleMap iframe {height: 20em;}
	
}

/*===============================================
●画面の横幅が770px以上(PCのみ)
===============================================*/
@media screen and (min-width: 770px){
	
	/* message */
	#message {position: relative;}
	#message h3 {
		font-size: 2em;
		line-height: 1.8em;
	}
	#message #messageImg {
		position: absolute;
		width: calc(100% - 38%);
		display: block;
		bottom: -5%;
		right: 0;
		max-width: 690px;
	}
	#message #ceoName {width: 6.8em;}
	.textBox {
		font-size: 1.14em;
		line-height: 2em;
		margin: 2em 0;
	}
	
	/* infomation */
	#infomation #imgBox {padding-top: 5em;}
	#infomation tr td p {padding-bottom: 1em;}
	
	/* history */
	#history table tr th, #history table tr td {
		padding-bottom: 5em;
		line-height: 1em;
	}
	#history table tr th {
		width: 20%;
		border-right: #DFDFDF 1px solid;
		position: relative;
	}
	#history table tr th:after {
		width: 1em;
		height: 1em;
		display: block;
		position: absolute;
		content: "●";
		color: #DFDFDF;
		top: 0;
		right: -4.7%;
	}
	#history table tr td {
		width: 80%;
		padding-left: 10%;
	}
	
	/* access */
	#access #googleMap iframe {height: 25.7em;}
}