@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Trirong:800');

/*================================================
 *  companyページ用
 ================================================*/

section.company_area .img_main {
	width: 740px;
	margin: 0 auto 50px;
}

section.company_area .inner {
	display: table;
}
section.company_area .inner > div {
	display: table-cell;
	vertical-align: top;
}
section.company_area .inner > div:first-of-type {
	width: 470px;
	padding-right: 40px;
}
section.company_area .inner > div:first-of-type p {
	font-size: 14px;
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;
}

section.company_area .inner > div:last-of-type #gmap {
	width: 270px;
	height: 120px;
	margin-bottom: 30px;
}

section.company_area .inner > div:last-of-type .info_list {
	width: 100%;
}
section.company_area .inner > div:last-of-type .info_list dt,
section.company_area .inner > div:last-of-type .info_list dd {
	font-size: 11px;
	line-height: 2.1;
	float: left;
}
section.company_area .inner > div:last-of-type .info_list dt {
	width: 60px;
	text-align: center;
	border-right: 1px solid #4d4d4d;
}
section.company_area .inner > div:last-of-type .info_list dd {
	width: 210px;
	padding-left: 15px;
}

/*================================================
 *  タブレット/スマートフォン向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:799px) {
	
section.company_area .img_main {
	width: 100%;
	margin: 0 auto 8vw;
}

section.company_area .inner {
	display: table;
}
section.company_area .inner > div {
	display: table;
}
section.company_area .inner > div:first-of-type {
	width: 100%;
	padding-right: 0;
	margin-bottom: 8vw;
}
section.company_area .inner > div:first-of-type p {
	font-size: 3.6vw;
}

section.company_area .inner > div:last-of-type #gmap {
	width: 100%;
	height: 50vw;
	margin-bottom: 8vw;
}

section.company_area .inner > div:last-of-type .info_list dt,
section.company_area .inner > div:last-of-type .info_list dd {
	font-size: 3.6vw;
	line-height: 2.5;
	border-bottom: 1px solid #4d4d4d;
}
section.company_area .inner > div:last-of-type .info_list dt {
	width: 20%;
	text-align: center;
	border-right: none;
}
section.company_area .inner > div:last-of-type .info_list dd {
	width: 80%;
	padding-left: 1em;
}





	
}