@charset "UTF-8";
@import url("./common/common.css");
@import url("./common/base.css");


/*----- 会社案内ページ 設定 ----------------------------------------------------*/

section.about p{ width:60%; padding:20px 4% 0 4%; line-height:2.4em; float:left; }

div.representative { width:26%; padding:20px 6% 0 0; float:left; }
div.representative img{ width:80%; padding:5px; margin:10px 5%; border:solid 1px #fff; }

.sign { width:200px; margin-top:10px; float:right; }

table.outline_tbl { width:50%; margin:20px 2% 40px 2%; float:left; }
table.outline_tbl th{ width:20%; padding:5px 0 10px 0; font-weight:normal; line-height:1.6em; text-align:right; vertical-align:top; }
table.outline_tbl td{ width:78%; padding:5px 0 10px 2%; line-height:1.6em; text-align:left; vertical-align:top; }

div.company { width:40%; padding:20px 2% 0 0; float:left; }
div.company img{ width:90%; padding:5px; margin:10px; border:solid 1px #fff; }


div#map_area { width:100%; margin:20px 0 10px 0; }

div#map { width:100%; height:450px; margin:20px 0; overflow:hidden; }
.gmap { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; }
.gmap iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }


div#map img{ max-width:none; }

div.l_map { width:96%; margin:5px 2%; padding:0; font-size:12px; }
div.l_map a{ color:#fff; }
div.l_map a:hover{ text-decoration:underline; }


/*----- 1100px以下の画面設定 ----------------------------------------------------*/

@media screen and (max-width:1100px) {

	section.about p{ width:92%; line-height:1.6em; }
	div.representative { width:70%; padding:20px 15% 0 15%; }

	table.outline_tbl { width:92%; }
	div.company { width:70%; padding:20px 15% 0 15%; }

}


/*----- 650px以下の画面設定 ----------------------------------------------------*/

@media screen and (max-width:650px) {

	.sign { width:40%; }

	table.outline_tbl { width:100%; margin:20px 0 20px 0; }
	table.outline_tbl th{ width:18%; }
	table.outline_tbl td{ width:80%; }

	div#map { width:90%; margin:20px 5%; }

}

/*----- 480px以下の画面設定 ----------------------------------------------------*/

@media screen and (max-width:480px) {



}