svg {

	fill: currentColor

}

a {

	text-decoration: none

}

[role=button],

button,

input {

	outline: 0

}

.ko {

	display: none

}

/*@media screen and (max-width: 767px) and (orientation: portrait) {

	.ko {

		display: block

	}

}

.lg {

	display: none

}
*/
@media screen and (min-width: 768px),

(orientation: landscape) {

	.lg {

		display: block

	}

}

@keyframes PWNL {

	from {

		opacity: 0;

		transform: translateY(50%)

	}

	to {

		opacity: 1;

		transform: translateY(0)

	}

}

.x,

.g {

	padding-top: 15px;

	padding-bottom: 15px

}

.g {

	max-width: 1280px;

	margin: 0 auto

}

.i {

	margin-left: 30px;

	margin-right: 30px;

	flex-direction: column;

	display: flex;

	box-sizing: border-box

}

.i>.r {

	box-sizing: border-box;

	flex-grow: 1;

	flex-shrink: 1

}

@media screen and (min-width: 768px) {

	.i {

		margin-right: 50px;

		margin-left: 50px

	}

}

@media screen and (min-width: 1024px) {

	.x,

	.g {

		padding-top: 25px;

		padding-bottom: 25px

	}

	.i {

		display: flex;

		flex-direction: row;

		margin-right: 90px;

		margin-left: 100px

	}

	.i>.r {

		padding-right: 10px

	}

	.kg {

		width: 50%

	}

	.ez {

		width: 100%

	}

}

@media screen and (min-width: 1280px) {

	.i {

		margin-right: 80px

	}

	.i>.r {

		padding-right: 20px

	}

}

@keyframes ROTATE {

	0% {

		transform: rotate(0)

	}

	100% {

		transform: rotate(360deg)

	}

}

.cv .amp-active>div {

	display: none

}

.cv .amp-active:before {

	display: inline-block;

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -10px 0 0 -10px;

	width: 20px;

	height: 20px;

	border-radius: 50%;

	box-sizing: border-box;

	border: 2px solid #bbb;

	border-left: 2px solid transparent;

	animation: 1.3s ease-in-out infinite ROTATE

}

#end-of-content,

#start-of-content {

	margin-top: -1px

}

.pw--hidden.pw--hidden {

	display: none;

	visibility: hidden

}

.pw--visible.pw--hidden {

	display: inherit;

	visibility: visible

}

.pwp {

	display: none;

	text-align: right

}

.pwp--v {

	display: block

}

.pwp .h {

	margin-bottom: 20px

}

.pwp p {

	margin-bottom: 15px

}

.pwp__m {

	display: none;

	margin-top: 15px

}

h1,

h2,

h3,

h4,

h5 {

	font-size: 100%;

	font: inherit;

	margin: 0

}

.h {

	margin: 0;

	font-family: BMWTypeNextLatin, Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;

	font-weight: 400

}

.fm {

	font-size: 36px;

	line-height: 44px

}

.fo {

	font-size: 24px;

	line-height: 36px

}

@media screen and (min-width: 768px) {

	.fm,

	.fm.hl--full-scale {

		font-size: 5.859375vw;

		line-height: 7.34375vw

	}

}

@media screen and (min-width: 1280px) {

	.fm {

		font-size: 75px;

		line-height: 94px

	}

	.fo {

		font-size: 30px;

		line-height: 45px

	}

}

article {

	border: none

}