@charset 'UTF-8';

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

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

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

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

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





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


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

.contents .theme .abstract .index {/* 584 */
	font-size: 0;
	margin: 0 auto;
	padding-top: 1.03%;/* 6px */
	width: 51.37%;/* 300px */
}

	.contents .theme .abstract .index li {
		line-height: normal;
		padding: 6.67% 0 0;/* 20px 0 0 */
	}

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


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





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


.contents .profile {padding-bottom: 20%;/* 128px */}

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

	.contents .profile .summary {
		border-top: 1px solid #7f8283;
		display: block;
		margin: 6.25% auto 0;/* 40px auto 0 */
		width: 95.31%;/* 610px */
	}

		.contents .profile .summary tbody,
		.contents .profile .summary tr {display: block;}

		.contents .profile .summary th,
		.contents .profile .summary td {
			border: 1px solid #7f8283;
			border-top: none;
			display: block;
			line-height: 1.45;
			padding: 2.3%;/* 14px */
			text-align: left;
		}

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

		.contents .profile .summary td {}

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

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

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

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

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


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





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


.contents .office {padding-bottom: 20%;/* 128px */}

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

	.contents .office .category {
		color: #103675;
		padding-top: 6.25%;/* 40px */
		text-align: center;
	}


	/* 営業所一覧 */
	.contents .office .address {
		border-top: 1px solid #7f8283;
		display: block;
		margin: 4.69% auto 0;/* 30px auto 0 */
		width: 95.31%;/* 610px */
	}

		.contents .office .address tbody,
		.contents .office .address tr {display: block;}

		.contents .office .address th,
		.contents .office .address td {
			border: 1px solid #7f8283;
			border-top: none;
			display: block;
			line-height: 1.45;
			padding: 2.3%;/* 14px */
			text-align: left;
		}

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

		.contents .office .address tr > td:first-of-type {
			border-bottom: none;
			padding-bottom: 0;
		}


	/* 施設一覧 */
	.contents .office .facility {
		border-top: 1px solid #7f8283;
		display: block;
		margin: 4.69% auto 0;/* 30px auto 0 */
		width: 95.31%;/* 610px */
	}

		.contents .office .facility tbody,
		.contents .office .facility tr {display: block;}

		.contents .office .facility th,
		.contents .office .facility td {
			border: 1px solid #7f8283;
			border-top: none;
			display: block;
			line-height: 1.45;
			padding: 2.3%;/* 14px */
			text-align: left;
		}

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


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





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


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

.contents .history .timeline {
	border-top: 1px solid #7f8283;
	display: block;
	margin: 6.25% auto 0;/* 40px auto 0 */
	width: 95.31%;/* 610px */
}

	.contents .history .timeline tbody,
	.contents .history .timeline tr {display: block;}

	.contents .history .timeline th,
	.contents .history .timeline td {
		border: 1px solid #7f8283;
		border-top: none;
		display: block;
		line-height: 1.45;
		padding: 2.3%;/* 14px */
		text-align: left;
	}

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


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