/* Common */
/* Media */
/* Content */
/* Common animations */
@-webkit-keyframes translate-bottom-to-top {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		        transform: translate3d(0, 100%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}
@keyframes translate-bottom-to-top {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		        transform: translate3d(0, 100%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes imageSwap-1 {
	0% {
		-webkit-transform: translateX(10%);
		        transform: translateX(10%);
	}
	15% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
	}
	30% {
		-webkit-transform: translateX(90%);
		        transform: translateX(90%);
		z-index: 2;
	}
	45% {
		-webkit-transform: translateX(110%);
		        transform: translateX(110%);
	}
	60% {
		-webkit-transform: translate(10%, 0);
		        transform: translate(10%, 0);
		z-index: 1;
	}
	100% {
		-webkit-transform: translate(10%, 0);
		        transform: translate(10%, 0);
		z-index: 1;
	}
}

@keyframes imageSwap-1 {
	0% {
		-webkit-transform: translateX(10%);
		        transform: translateX(10%);
	}
	15% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
	}
	30% {
		-webkit-transform: translateX(90%);
		        transform: translateX(90%);
		z-index: 2;
	}
	45% {
		-webkit-transform: translateX(110%);
		        transform: translateX(110%);
	}
	60% {
		-webkit-transform: translate(10%, 0);
		        transform: translate(10%, 0);
		z-index: 1;
	}
	100% {
		-webkit-transform: translate(10%, 0);
		        transform: translate(10%, 0);
		z-index: 1;
	}
}

@-webkit-keyframes imageSwap-2 {
	0% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
	}
	15% {
		-webkit-transform: translateX(10%);
		        transform: translateX(10%);
	}
	30% {
		-webkit-transform: translateX(-90%);
		        transform: translateX(-90%);
		z-index: 1;
	}
	45% {
		-webkit-transform: translateX(-110%);
		        transform: translateX(-110%);
	}
	60% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
		z-index: 2;
	}
	100% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
		z-index: 2;
	}
}

@keyframes imageSwap-2 {
	0% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
	}
	15% {
		-webkit-transform: translateX(10%);
		        transform: translateX(10%);
	}
	30% {
		-webkit-transform: translateX(-90%);
		        transform: translateX(-90%);
		z-index: 1;
	}
	45% {
		-webkit-transform: translateX(-110%);
		        transform: translateX(-110%);
	}
	60% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
		z-index: 2;
	}
	100% {
		-webkit-transform: translateX(-10%);
		        transform: translateX(-10%);
		z-index: 2;
	}
}

@-webkit-keyframes SlideUpFade {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		        transform: translateY(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

@keyframes SlideUpFade {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		        transform: translateY(100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

/* Blocks */
.article-main {
	background: transparent;
	border-radius: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

.article-main__inner {
	padding: 1.04167vw;
	background: #fff;
	border-radius: 1.5625vw;
	grid-template-columns: 1fr 39.42708vw;
	grid-template-rows: auto minmax(23.64583vw, auto) auto;
	grid-column-gap: 0.88542vw;
	grid-row-gap: 1.04167vw;
}

.article-main__breadcrumbs {
	grid-column: span 2;
}

.article-main__title {
	font-size: 3.54167vw;
	line-height: 90%;
	letter-spacing: -0.05em;
	margin: 0;
	height: 23.64583vw;
}

.article-main__box {
	display: grid;
	grid-template-columns: 1fr 39.42708vw;
	grid-column-gap: 0.88542vw;
	order: 2;
	grid-column: span 2;
}

.article-main__info {
	font-size: 0.9375vw;
	flex-wrap: nowrap;
	gap: 0.41667vw;
}

.article-main__info-item {
	display: flex;
	align-items: center;
	gap: 0.20833vw;
}

.article-main__info-item-date {
	flex: 0 0 auto;
}

.article-main__info-item-date span {
	display: inline-block;
}

.article-main__info i {
	width: 1.35417vw;
	height: 1.30208vw;
	font-size: 1.30208vw;
}

.article-main__social-box {
	display: flex;
	position: relative;
	top: auto;
	right: auto;
	flex-direction: row;
	gap: 0.41667vw;
	background: transparent;
	padding: 0;
	border-radius: 0;
	min-width: auto;
	box-shadow: none;
}

.article-main__social-item_copy {
	order: 2;
	margin-left: auto;
}

.article-main__social-icon {
	width: 1.5625vw;
	height: 1.5625vw;
	border-radius: 0.41667vw;
}

.article-main__social-icon i {
	width: 1.5625vw;
	height: 1.5625vw;
	font-size: 1.5625vw;
}

.article-main__social-item {
	gap: 0.52083vw;
	cursor: pointer;
}

.article-main__social span {
	font-size: 0.83333vw;
	order: -1;
}

.article-main__image {
	max-height: 23.64583vw;
	height: 100%;
	border-radius: 1.04167vw;
}

.article-back {
	position: static;
	bottom: auto;
	order: -1;
}

.article-back__box {
	gap: 0.83333vw;
	padding: 1.04167vw;
	border-radius: 0.625vw;
}

.article-back__box i {
	width: 3.22917vw;
	height: 3.22917vw;
	font-size: 1.04167vw;
	border-radius: 0.625vw;
}

.article-back__box span {
	font-size: 1.25vw;
	letter-spacing: -0.02em;
}

.article__wrapper {
	padding-top: 4.16667vw;
	padding-bottom: 4.16667vw;
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	grid-gap: 0.78125vw;
}

.article__content {
	gap: 2.08333vw;
}

.article__content iframe {
	height: 26.04167vw;
}

.article__content a {
	font-size: 1.25vw;
	line-height: 1;
	letter-spacing: -0.02em;
}

.article__content p {
	font-size: 1.25vw;
	line-height: 115%;
	letter-spacing: -0.02em;
}

.article__content p img {
	border-radius: 1.5625vw;
	height: 30.46875vw;
}

.article__content ul {
	font-size: 1.25vw;
	line-height: 115%;
	letter-spacing: -0.02em;
	padding: 0 0 0 1.5625vw;
}

.article__content ul li + li {
	margin: 0.41667vw 0 0;
}

.article__content-title {
	font-size: 2.5vw;
	line-height: 115%;
	letter-spacing: -0.02em;
	margin: 0 0 1.25vw;
}

.article__content-text {
	gap: 1.04167vw;
	font-size: 1.25vw;
	line-height: 115%;
	letter-spacing: -0.02em;
}

.article__content-text span {
	font-size: 1.5625vw;
	padding: 0 0 0 1.82292vw;
	margin: 0 0 0 1.82292vw;
	border-left: 0.26042vw solid #ED131C;
}

.article__content-list {
	padding: 1.25vw;
	border-radius: 1.5625vw;
}

.article__content-photobox-slider .swiper-nav-arrows {
	width: calc(100% - 1.5625vw);
}

.article__content-photobox-slider .swiper-nav-arrows .swiper-button {
	width: 1.5625vw;
	height: 1.5625vw;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 0.49479vw;
	transition: all .3s;
	flex: 0 0 1.5625vw;
}

.article__content-photobox-slider .swiper-nav-arrows i {
	width: 1.5625vw;
	height: 1.5625vw;
	font-size: 1.5625vw;
}

.article__content-photobox-photo {
	gap: 0.41667vw;
}

.article__content-photobox-photo img {
	border-radius: 1.5625vw;
	height: 30.46875vw;
}

.article__content-photobox-photo span {
	font-size: 0.9375vw;
}

.article__content-photobox-slider {
	width: 48.85417vw;
}

.article__quote {
	padding: 1.25vw 1.25vw 1.875vw;
	border-radius: 1.5625vw;
	gap: 1.19792vw;
}

.article__quote-images {
	gap: 0.52083vw;
}

.article__quote-image {
	width: 2.5vw;
	height: 2.5vw;
}

.article__quote-text {
	font-size: 2.5vw;
	letter-spacing: -0.04em;
}

.other-articles {
	overflow: unset;
}

.other-articles__items {
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0.41667vw;
	padding: 0;
	gap: 10.41667vw;
}

.other-articles__item {
	background: #E0E1E5;
	border-radius: 1.04167vw;
	padding: 0.83333vw;
	min-height: 9.94792vw;
	margin: 0;
	position: sticky;
	transition: all 0.25s ease-in-out;
	top: var(--header-height);
	margin-bottom: 0;
}

.other-articles__item_2 {
	top: 13.07292vw;
}

.other-articles__item:nth-last-child(2) {
	margin-bottom: 10.41667vw;
}

.other-articles__item_3 {
	top: 23.48958vw;
}

.other-articles__item:nth-last-child(3) {
	margin-bottom: 20.83333vw;
}

.other-articles__item_4 {
	top: 33.90625vw;
}

.other-articles__item:nth-last-child(4) {
	margin-bottom: 31.25vw;
}

.other-articles__item_5 {
	top: 44.32292vw;
}

.other-articles__item:nth-last-child(5) {
	margin-bottom: 41.66667vw;
}

.other-articles__item_6 {
	top: 54.73958vw;
}

.other-articles__item:nth-last-child(6) {
	margin-bottom: 52.08333vw;
}

.other-articles__item_7 {
	top: 65.15625vw;
}

.other-articles__item:nth-last-child(7) {
	margin-bottom: 62.5vw;
}

.other-articles__item_8 {
	top: 75.57292vw;
}

.other-articles__item:nth-last-child(8) {
	margin-bottom: 72.91667vw;
}

.other-articles__item_9 {
	top: 85.98958vw;
}

.other-articles__item:nth-last-child(9) {
	margin-bottom: 83.33333vw;
}

.other-articles__item_10 {
	top: 96.40625vw;
}

.other-articles__item:nth-last-child(10) {
	margin-bottom: 93.75vw;
}

.other-articles__item-name {
	font-weight: 600;
	font-size: 1.25vw;
	line-height: 106%;
	letter-spacing: -0.02em;
}

.other-articles__item-date {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	color: #A0A3A6;
}

.other-articles__item-arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5625vw;
	height: 1.5625vw;
	border-radius: 0.52083vw;
	border: 1px solid #A0A3A6;
	flex: 0 0 1.5625vw;
}

.other-articles__item-arrow i {
	width: 0.41667vw;
	height: 0.41667vw;
	flex: 0 0 auto;
	font-size: 0.41667vw;
}

.article-bottom {
	background: transparent;
	border-radius: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

.article-bottom__inner {
	position: relative;
	padding: 1.04167vw;
	background: #fff;
	border-radius: 1.5625vw;
	grid-template-columns: 1fr 39.42708vw;
	grid-template-rows: 23.64583vw auto;
	grid-column-gap: 0.88542vw;
	grid-row-gap: 1.04167vw;
}

.article-bottom__title {
	font-size: 3.54167vw;
	line-height: 90%;
	letter-spacing: -0.05em;
	margin: 0;
	height: 16.66667vw;
}

.article-bottom__box {
	display: grid;
	grid-template-columns: 1fr 39.42708vw;
	grid-column-gap: 0.88542vw;
	order: 2;
	grid-column: span 2;
}

.article-bottom__info {
	font-size: 0.9375vw;
	flex-wrap: nowrap;
	gap: 0.41667vw;
}

.article-bottom__info-item {
	display: flex;
	align-items: center;
	gap: 0.20833vw;
}

.article-bottom__info-item-date {
	flex: 0 0 auto;
}

.article-bottom__info-item-date span {
	display: inline-block;
}

.article-bottom__info i {
	width: 1.35417vw;
	height: 1.30208vw;
	font-size: 1.30208vw;
}

.article-bottom__image {
	height: 100%;
	border-radius: 1.04167vw;
}

.article-bottom__next {
	width: 8.07292vw;
	height: 8.07292vw;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	bottom: 1.04167vw;
}