/* General */
.icon-wrapper .icon-after:not(.icon-downloadcircle):after,
.icon-wrapper .icon-before:before,
.icon-wrapper .more:not(.icon-before):after {
	position: relative;
	top: -0.1em;
}

.large-hide {
	display: none;
}
.large-show {
	display: block;
}
.large-show-inline {
	display: inline;
}
.large-show-inlineblock {
	display: inline-block;
}

@media only screen and (min-width: 1441px) {
	.xlarge-hide {
		display: none;
	}
	.xlarge-show {
		display: block;
	}
	.xlarge-show-inline {
		display: inline;
	}
	.xlarge-show-inlineblock {
		display: inline-block;
	}
}

@media only screen and (max-width: 1068px) {
	.medium-hide {
		display: none;
	}
	.medium-show {
		display: block;
	}
	.medium-show-inline {
		display: inline;
	}
	.medium-show-inlineblock {
		display: inline-block;
	}
}

@media only screen and (max-width: 734px) {
	.small-hide {
		display: none;
	}
	.small-show {
		display: block;
	}
	.small-show-inline {
		display: inline;
	}
	.small-show-inlineblock {
		display: inline-block;
	}
}

br.large {
	display: block;
}
@media only screen and (max-width: 1068px) {
	br.large {
		display: none;
	}
}
@media only screen and (max-width: 734px) {
	br.large {
		display: none;
	}
}
br.medium {
	display: none;
}
@media only screen and (max-width: 1068px) {
	br.medium {
		display: block;
	}
}
@media only screen and (max-width: 734px) {
	br.medium {
		display: none;
	}
}
br.small {
	display: none;
}
@media only screen and (max-width: 1068px) {
	br.small {
		display: none;
	}
}
@media only screen and (max-width: 734px) {
	br.small {
		display: block;
	}
}

.jp-headline-adjust {
	margin-right: -0.45em;
	display: inline-flex;
}
.jp-headline-adjust.large-hide {
	display: none;
}
@media only screen and (max-width: 1068px) {
	.jp-headline-adjust.medium-hide {
		display: none;
	}
	.jp-headline-adjust.medium-show,
	.jp-headline-adjust.medium-show-inline {
		display: inline-flex;
	}
}
@media only screen and (max-width: 734px) {
	.jp-headline-adjust.small-hide {
		display: none;
	}
	.jp-headline-adjust.small-show,
	.jp-headline-adjust.small-show-inline {
		display: inline-flex;
	}
}

/* adjustment styles */
.icon-after:after,
.more:after,
.more:before,
.more:after {
	top: -0.075em;
}
body {
	line-break: strict;
}

/* adjust language tile LB */
@media only screen and (max-width: 734px) {
	.section-languages-downloads .tile-content.languages {
		padding-left: 10%;
		padding-right: 10%;
	}
}
@media only screen and (max-width: 320px) {
	.section-languages-downloads .tile-content.languages {
		padding-left: 8.3333333333%;
		padding-right: 8.3333333333%;
	}
}
/* Localized images */

.section-hero .image-hero {
	width: 1155px;
	height: 490px;
	background-size: 1155px 490px;
	background-repeat: no-repeat;
	background-image: url(/jp/swift/images/playgrounds/overview/hero__figdaso76zee_large.png);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.section-hero .image-hero {
		background-image: url(/jp/swift/images/playgrounds/overview/hero__figdaso76zee_large_2x.png);
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-hero {
		width: 750px;
		height: 320px;
		background-size: 750px 320px;
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/hero__figdaso76zee_medium.png);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .image-hero {
		background-image: url(/jp/swift/images/playgrounds/overview/hero__figdaso76zee_medium_2x.png);
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-hero {
		width: 505px;
		height: 212px;
		background-size: 505px 212px;
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/hero__figdaso76zee_small.png);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .image-hero {
		background-image: url(/jp/swift/images/playgrounds/overview/hero__figdaso76zee_small_2x.png);
	}
}

@media only screen and (max-width: 577px) {
	.section-hero .image-hero {
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/hero__figdaso76zee_large.png);
		background-size: cover;
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 577px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 577px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 577px) and (min-resolution: 144dpi) {
	.section-hero .image-hero {
		background-image: url(/jp/swift/images/playgrounds/overview/hero__figdaso76zee_large_2x.png);
	}
}

@media only screen and (max-width: 577px) and (max-width: 1068px) {
	.section-hero .image-hero {
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/hero__figdaso76zee_medium.png);
		background-size: cover;
	}
}

@media only screen and (max-width: 577px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 577px) and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 577px) and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .image-hero {
		background-image: url(/jp/swift/images/playgrounds/overview/hero__figdaso76zee_medium_2x.png);
	}
}

@media only screen and (max-width: 577px) and (max-width: 734px) {
	.section-hero .image-hero {
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/hero__figdaso76zee_small.png);
		background-size: cover;
	}
}

@media only screen and (max-width: 577px) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 577px) and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 577px) and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .image-hero {
		background-image: url(/jp/swift/images/playgrounds/overview/hero__figdaso76zee_small_2x.png);
	}
}

.section-real-swift-code .image-starting-points {
	width: 740px;
	height: 594px;
	background-size: 740px 594px;
	background-repeat: no-repeat;
	background-image: url(/jp/swift/images/playgrounds/overview/creativity_imac__fljsja9he8mm_large.png);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.section-real-swift-code .image-starting-points {
		background-image: url(/jp/swift/images/playgrounds/overview/creativity_imac__fljsja9he8mm_large_2x.png);
	}
}

@media only screen and (max-width: 1068px) {
	.section-real-swift-code .image-starting-points {
		width: 531px;
		height: 431px;
		background-size: 531px 431px;
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/creativity_imac__fljsja9he8mm_medium.png);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-real-swift-code .image-starting-points {
		background-image: url(/jp/swift/images/playgrounds/overview/creativity_imac__fljsja9he8mm_medium_2x.png);
	}
}

@media only screen and (max-width: 734px) {
	.section-real-swift-code .image-starting-points {
		width: 302px;
		height: 264px;
		background-size: 302px 264px;
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/creativity_imac__fljsja9he8mm_small.png);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-real-swift-code .image-starting-points {
		background-image: url(/jp/swift/images/playgrounds/overview/creativity_imac__fljsja9he8mm_small_2x.png);
	}
}

@media only screen and (max-width: 385px) {
	.section-real-swift-code .image-starting-points {
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/creativity_imac__fljsja9he8mm_large.png);
		background-size: cover;
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 385px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 385px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 385px) and (min-resolution: 144dpi) {
	.section-real-swift-code .image-starting-points {
		background-image: url(/jp/swift/images/playgrounds/overview/creativity_imac__fljsja9he8mm_large_2x.png);
	}
}

@media only screen and (max-width: 385px) and (max-width: 1068px) {
	.section-real-swift-code .image-starting-points {
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/creativity_imac__fljsja9he8mm_medium.png);
		background-size: cover;
	}
}

@media only screen and (max-width: 385px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 385px) and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 385px) and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-real-swift-code .image-starting-points {
		background-image: url(/jp/swift/images/playgrounds/overview/creativity_imac__fljsja9he8mm_medium_2x.png);
	}
}

@media only screen and (max-width: 385px) and (max-width: 734px) {
	.section-real-swift-code .image-starting-points {
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/creativity_imac__fljsja9he8mm_small.png);
		background-size: cover;
	}
}

@media only screen and (max-width: 385px) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 385px) and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 385px) and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-real-swift-code .image-starting-points {
		background-image: url(/jp/swift/images/playgrounds/overview/creativity_imac__fljsja9he8mm_small_2x.png);
	}
}

.section-build-your-first-app .image-xcode-and-back {
	width: 904px;
	height: 374px;
	background-size: 904px 374px;
	background-repeat: no-repeat;
	background-image: url(/jp/swift/images/playgrounds/overview/xcode-lockup__sd3dx3kts362_large.png);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.section-build-your-first-app .image-xcode-and-back {
		background-image: url(/jp/swift/images/playgrounds/overview/xcode-lockup__sd3dx3kts362_large_2x.png);
	}
}

@media only screen and (max-width: 1068px) {
	.section-build-your-first-app .image-xcode-and-back {
		width: 623px;
		height: 258px;
		background-size: 623px 258px;
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/xcode-lockup__sd3dx3kts362_medium.png);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-build-your-first-app .image-xcode-and-back {
		background-image: url(/jp/swift/images/playgrounds/overview/xcode-lockup__sd3dx3kts362_medium_2x.png);
	}
}

@media only screen and (max-width: 734px) {
	.section-build-your-first-app .image-xcode-and-back {
		width: 285px;
		height: 118px;
		background-size: 285px 118px;
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/xcode-lockup__sd3dx3kts362_small.png);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-build-your-first-app .image-xcode-and-back {
		background-image: url(/jp/swift/images/playgrounds/overview/xcode-lockup__sd3dx3kts362_small_2x.png);
	}
}

@media only screen and (max-width: 366px) {
	.section-build-your-first-app .image-xcode-and-back {
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/xcode-lockup__sd3dx3kts362_large.png);
		background-size: cover;
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 366px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 366px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 366px) and (min-resolution: 144dpi) {
	.section-build-your-first-app .image-xcode-and-back {
		background-image: url(/jp/swift/images/playgrounds/overview/xcode-lockup__sd3dx3kts362_large_2x.png);
	}
}

@media only screen and (max-width: 366px) and (max-width: 1068px) {
	.section-build-your-first-app .image-xcode-and-back {
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/xcode-lockup__sd3dx3kts362_medium.png);
		background-size: cover;
	}
}

@media only screen and (max-width: 366px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 366px) and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 366px) and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-build-your-first-app .image-xcode-and-back {
		background-image: url(/jp/swift/images/playgrounds/overview/xcode-lockup__sd3dx3kts362_medium_2x.png);
	}
}

@media only screen and (max-width: 366px) and (max-width: 734px) {
	.section-build-your-first-app .image-xcode-and-back {
		background-repeat: no-repeat;
		background-image: url(/jp/swift/images/playgrounds/overview/xcode-lockup__sd3dx3kts362_small.png);
		background-size: cover;
	}
}

@media only screen and (max-width: 366px) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 366px) and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 366px) and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-build-your-first-app .image-xcode-and-back {
		background-image: url(/jp/swift/images/playgrounds/overview/xcode-lockup__sd3dx3kts362_small_2x.png);
	}
}