@charset 'UTF-8';

/** |READ ME| **************************************************************************************

www.keio-unyu.co.jp
/company/profile/css/index_pc
Ver.201803

----------------------------------------------------------------------------------------------------

01. テーマ
02. 会社概要
03. 事業所
04. 沿革

************************************************************************************** |READ ME| **/





/** |01. テーマ| >> ******************************************************************* >> START **/


.contents .theme .title {background-image: url(/company/profile/img/pc/thm_bg_wall.png);}

.contents .theme .abstract .index {
	font-size: 0;
	padding-top: 32px;
	text-align: center;
	width: auto;
}

	.contents .theme .abstract .index li {
		background: url(/company/profile/img/pc/ind_bg_index.png) no-repeat 100% 100%;
		display: inline-block;
		line-height: normal;
		margin-left: 22px;
		padding: 0;
		vertical-align: top;
		width: 228px;
	}

		.contents .theme .abstract .index li::before {content: normal;}

		.contents .theme .abstract .index a {
			background: no-repeat 0 0;
			display: block;
			height: 62px;
			width: 228px;
		}

		.contents .theme .abstract .index li:nth-of-type(1) a {background-image: url(/company/profile/img/pc/ind_btn_index01.png);}
		.contents .theme .abstract .index li:nth-of-type(2) a {background-image: url(/company/profile/img/pc/ind_btn_index02.png);}
		.contents .theme .abstract .index li:nth-of-type(3) a {background-image: url(/company/profile/img/pc/ind_btn_index03.png);}


		.contents .theme .abstract .index a:hover {background-position: 100% 100%;}


/** |01. テーマ| << ********************************************************************* << END **/





/** |02. 会社概要| >> ***************************************************************** >> START **/


.contents .profile {padding-bottom: 60px;}

	.contents .profile::before {background-image: url(/company/profile/img/pc/prf_txt_head.png);}

	.contents .profile .summary {
		border: 1px solid #7f8283;
		margin: 30px auto 0;
		width: 970px;
	}

		.contents .profile .summary th,
		.contents .profile .summary td {
			border: 1px solid #7f8283;
			line-height: 1.78;
			text-align: left;
			padding: 10px 20px 8px;
		}

		.contents .profile .summary th {
			background-color: #103675;
			color: #fff;
			width: 170px;
		}

		.contents .profile .summary td {}

			.contents .profile .summary dl {font-size: 0;}

				.contents .profile .summary dt,
				.contents .profile .summary dd {
					display: inline-block;
					font-size: 18px;
				}

				.contents .profile .summary dd:first-of-type {margin-left: 1em;}

					.contents .profile .summary dd::before {
						content: '/';
						font-size: 18px;
						margin: 0 0.5em;
					}

					.contents .profile .summary dd:first-of-type::before {
						content: normal;
						margin: 0;
					}


/** |02. 会社概要| << ******************************************************************* << END **/





/** |03. 事業所| >> ******************************************************************* >> START **/


.contents .office {padding-bottom: 132px;}

	.contents .office::before {background-image: url(/company/profile/img/pc/off_txt_head.png);}

	.contents .office .category {
		color: #103675;
		font-size: 22px;
		padding-top: 50px;
		text-align: center;
	}

	.contents .office .category:first-of-type {padding-top: 26px;}


	/* 営業所一覧 */
	.contents .office .address {
		border: 1px solid #7f8283;
		margin: 26px auto 0;
		width: 970px;
	}

		.contents .office .address th,
		.contents .office .address td {
			border: 1px solid #7f8283;
			line-height: 1.78;
			text-align: left;
			padding: 10px 20px 8px;
		}

		.contents .office .address th {
			background-color: #103675;
			color: #fff;
			width: 330px;
		}

		.contents .office .address tr > td:last-of-type {width: 200px;}


	/* 施設一覧 */
	.contents .office .facility {
		border: 1px solid #7f8283;
		margin: 26px auto 0;
		width: 970px;
	}

		.contents .office .facility th,
		.contents .office .facility td {
			border: 1px solid #7f8283;
			line-height: 1.78;
			text-align: left;
			padding: 10px 20px 8px;
		}

		.contents .office .facility th {
			background-color: #103675;
			color: #fff;
			width: 330px;
		}


/** |03. 事業所| << ********************************************************************* << END **/





/** |04. 沿革| >> ********************************************************************* >> START **/


.contents .history::before {background-image: url(/company/profile/img/pc/hst_txt_head.png);}

.contents .history .timeline {
	border: 1px solid #7f8283;
	margin: 30px auto 0;
	width: 970px;
}

	.contents .history .timeline th,
	.contents .history .timeline td {
		border: 1px solid #7f8283;
		line-height: 1.78;
		text-align: left;
		padding: 10px 20px 8px;
	}

	.contents .history .timeline th {
		background-color: #103675;
		color: #fff;
		width: 170px;
	}


/** |04. 沿革| << *********************************************************************** << END **/