@charset 'UTF-8';

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

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

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

01. お得なキャンペーン情報

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





/** |01. お得なキャンペーン情報| >> *************************************************** >> START **/


.contents::before {
	display: block;
	content: '';
	background-color: #f7f7f7;
	<!--padding-top: 21.88%;/* 140px */-->
}

.contents .campaign {
	background: url(/common/img/pc/cnt_bg_wavy.png) repeat-x 0 100%;
	background-size: 3.75% auto;
	padding: 2.5% 0 10.63%;/* 16px 0 68px */
}

	.contents .campaign::before {
		background-image: url(/campaign/img/sp/cmp_txt_head.png);
		padding-top: 0%;/* 102px */
		width: 63.13%;/* 404px */
		z-index: 1;
      position: absolute;
		top: -30px;
	}

	.contents .campaign::after {
		background-image: url(/campaign/img/sp/cmp_bg_star.png);
		background-size: 100% auto;
		bottom: 100%;
		content: '';
		display: block;
		left: 0;
		margin: 0 auto 5.63%;/* 0 auto 36px */
		padding-top: 7.5%;/* 48px */
		position: absolute;
		right: 0;
		width: 97.5%;/* 624px */
		z-index: 2;
	}

	.contents .campaign .headline {font-size: 3rem;}

		.contents .campaign .present {
			margin: 0 auto;
			padding-top: 7.19%;/* 46px */
			width: 93.8%;/* 600px */
		}

		.contents .campaign .text {
			line-height: 1.64;
			margin: 0 auto;
			padding-top: 7.19%;/* 46px */
			width: 87.5%;/* 560px */
		}

			.contents .campaign .text strong {
				font-size: 2.4rem;
				position: relative;
				z-index: 1;
			}

				.contents .campaign .text strong::after {
					background-color: #f1d230;
					bottom: 0.1em;
					content: '';
					display: block;
					height: 0.4em;
					left: 0;
					position: absolute;
					right: 0;
					z-index: -1;
				}

	.contents .campaign .more {padding-top: 7.19%;/* 46px */}

		.contents .campaign .more a {
			display: block;
			margin: 0 auto;
			width: 41.88%;/* 268px */
		}


/** |01. お得なキャンペーン情報| << ***************************************************** << END **/