@charset 'UTF-8';

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

www.keio-unyu.co.jp
/logistics/distribution/css/index_pc
Ver.201803

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

01. テーマ
02. 京王運輸独自の流通サービス
03. 館内物流
04. 館内物流のメリット
05. ギフト包装管理
06. 催事会場トータルセッティングのご案内

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





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


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


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





/** |02. 京王運輸独自の流通サービス| >> *********************************************** >> START **/


.contents .original {padding-bottom: 54px;}

	.contents .original::before {background-image: url(/logistics/distribution/img/pc/org_txt_head.png);}

	.contents .original .image {
		margin: 0 auto;
		width: 890px;
	}

		.contents .original .image p {
			line-height: 1.67;
			padding-top: 26px;
			text-align: center;
		}

		.contents .original .image .plan {
			background: url(/logistics/distribution/img/pc/org_img_plan.png) no-repeat 0 0;
			height: 254px;
			margin-top: 32px;
			width: 890px;
		}

		.contents .original .image .point {
			background: url(/logistics/distribution/img/pc/org_bg_point.png) no-repeat 50% 0;
			margin-top: 18px;
			padding-top: 78px;
			text-align: center;
		}

			.contents .original .image .point dt {
				color: #e4007f;
				font-size: 24px;
				font-weight: bold;
			}

			.contents .original .image .point dd {padding-top 8px:}

				.contents .original .image .point dd br:nth-of-type(2) {display: none;}


/** |02. 京王運輸独自の流通サービス| << ************************************************* << END **/





/** |03. 館内物流| >> ***************************************************************** >> START **/


.contents .distribution {padding-bottom: 126px;}

	.contents .distribution::before {background-image: url(/logistics/distribution/img/pc/dst_txt_head.png);}

	.contents .distribution .photo {
		background: url(/logistics/distribution/img/pc/dst_img_photo.png) no-repeat 0 0;
		height: 212px;
		margin-top: 22px;
		width: 1170px;
	}

	.contents .distribution .flow {
		padding-top: 26px;
		width: 1170px;
	}

		.contents .distribution .flow dt {line-height: 1.67;}

		.contents .distribution .flow dd {
			background: url(/logistics/distribution/img/pc/dst_img_chart.png) no-repeat 0 0;
			height: 390px;
			margin: 62px auto 0;
			width: 984px;
		}


/** |03. 館内物流| << ******************************************************************* << END **/





/** |04. 館内物流のメリット| >> ******************************************************* >> START **/


.contents .merit {padding-bottom: 54px;}

	.contents .merit::before {background-image: url(/logistics/distribution/img/pc/mrt_txt_head.png);}

	.contents .merit .point {
		font-size: 0;
		padding-top: 40px;
	}

		.contents .merit .point li {
			display: inline-block;
			font-size: 18px;
			margin-left: 30px;
			vertical-align: top;
			width: 370px;
		}

		.contents .merit .point li:first-of-type {margin-left: 0;}

			.contents .merit .point li::after {
				background: no-repeat 50% 50%;
				content: '';
				display: block;
				height: 104px;
				margin-top: 32px;
				width: 370px;
			}

			.contents .merit .point li:nth-of-type(1)::after {background-image: url(/logistics/distribution/img/pc/mrt_img_icon01.png);}
			.contents .merit .point li:nth-of-type(2)::after {background-image: url(/logistics/distribution/img/pc/mrt_img_icon02.png);}
			.contents .merit .point li:nth-of-type(3)::after {background-image: url(/logistics/distribution/img/pc/mrt_img_icon03.png);}

			.contents .merit .point dl {}

				.contents .merit .point dt,
				.contents .merit .point dd {line-height: 1.67;}

				.contents .merit .point dt {
					font-size: 20px;
					font-weight: bold;
				}

				.contents .merit .point dd {padding-top: 4px;}


/** |04. 館内物流のメリット| << ********************************************************* << END **/





/** |05. ギフト包装管理| >> *********************************************************** >> START **/


.contents .wrapping {padding-bottom: 126px;}

	.contents .wrapping::before {background-image: url(/logistics/distribution/img/pc/wrp_txt_head.png);}

	.contents .wrapping p {
		line-height: 1.67;
		padding-top: 18px;
	}

	.contents .wrapping .photo {
		background: url(/logistics/distribution/img/pc/wrp_img_photo.png) no-repeat 0 0;
		height: 212px;
		margin-top: 28px;
		width: 1170px;
	}


/** |05. ギフト包装管理| << ************************************************************* << END **/





/** |06. 催事会場トータルセッティングのご案内| >> ************************************* >> START **/


.contents .total::before {background-image: url(/logistics/distribution/img/pc/ttl_txt_head.png);}

.contents .total .headline br {display: none;}

	.contents .total p {
		line-height: 1.67;
		padding-top: 20px;
	}

	.contents .total .chart {
		background: url(/logistics/distribution/img/pc/ttl_img_chart.png) no-repeat 0 0;
		margin: 56px auto 0;
		width: 1036px;
	}

		.contents .total .chart > img {
			height: 240px;
			width: 1036px;
		}

		.contents .total .chart figcaption {
			background: url(/logistics/distribution/img/pc/ttl_txt_chart.png) no-repeat 0 0;
			margin: 32px auto 0;
			height: 54px;
			width: 536px;
		}


/** |06. 催事会場トータルセッティングのご案内| << *************************************** << END **/