@charset 'UTF-8';

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

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

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

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

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





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


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


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





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


.contents .original {padding-bottom: 18.13%;/* 116px */}

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

		.contents .original .image {
			margin: 0 auto;
			width: 95.31%;/* 610px */
		}

			.contents .original .image p {
				line-height: 1.73;
				padding-top: 3.28%;/* 20px */
			}

			.contents .original .image .plan {
				margin: 0 auto;
				padding-top: 6.23%;/* 38px */
				width: 92.13%;/* 562px */
			}

			.contents .original .image .point {
				background: url(/logistics/distribution/img/sp/org_bg_point.png) no-repeat 50% 0;
				background-size: 33.77% auto;
				margin-top: 4.59%;/* 28px */
				padding-top: 13.44%;/* 82px */
				text-align: center;
			}

				.contents .original .image .point dt,
				.contents .original .image .point dd {line-height: 1.73;}

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


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





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


.contents .distribution {padding-bottom: 18.13%;/* 116px */}

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

	.contents .distribution .photo {
		margin: 0 auto;
		padding-top: 6.23%;/* 38px */
		width: 91.8%;/* 560px */
	}

	.contents .distribution .flow {
		margin: 0 auto;
		padding-top: 1em;
		width: 91.8%;/* 560px */
	}

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

		.contents .distribution .flow dd {padding-top: 6.79%;/* 38px */}


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





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


.contents .merit {padding-bottom: 18.13%;/* 116px */}

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

	.contents .merit .point {
		margin: 0 auto;
		width: 87.5%;/* 560px */
	}

		.contents .merit .point li {padding-top: 13.57%;/* 76px */}

		.contents .merit .point li:first-of-type {padding-top: 6.79%;/* 38px */}

			.contents .merit .point li::after {
				background: no-repeat 50% 50%;
				background-size: auto 100%;
				content: '';
				display: block;
				margin-top: 1em;
				padding-top: 20.36%;/* 114px */
				width: 100%;/* 560px */
			}

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

			.contents .merit .point dl {}

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

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

				.contents .merit .point dd {padding-top: 0.2em;}


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





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


.contents .wrapping {padding-bottom: 18.13%;/* 116px */}

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

	.contents .wrapping p {
		line-height: 1.73;
		margin: 0 auto;
		padding-top: 6.23%;/* 38px */
		width: 91.8%;/* 560px */
	}

	.contents .wrapping .photo {
		margin: 0 auto;
		padding-top: 6.23%;/* 38px */
		width: 91.8%;/* 560px */
	}


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





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


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

	.contents .total p {
		line-height: 1.73;
		margin: 0 auto;
		padding-top: 5.94%;/* 38px */
		width: 87.5%;/* 560px */
	}

	.contents .total .chart {
		margin: 0 auto;
		padding-top: 5.94%;/* 38px */
		width: 87.5%;/* 560px */
	}

		.contents .total .chart figcaption {padding-top: 8.57%;/* 48px */}


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