@charset "utf-8";
.trivia_section {
		min-height: 500px;
		background: url("../img/dot_bg.png");
		background-size: 16px;
		border-top: 2px solid #fccfd6;
		padding-top: 100px;
}
.trivia_inner_flex {
		max-width: 1280px;
		margin: 0 auto 20px;
		display: flex;
		align-items: center;
}
.trivia_inner {
		max-width: 730px;
		height: 620px;
		margin-right: 50px;
}
.trivia_main .swiper-slide {
		width: 100%;
}
.trivia_main img {
		width: 100%;
		height: auto;
}
.trivia_inner_right .section_title, .trivia_inner_right .section_lead {
		text-align: left;
}
.trivia_inner_right .section_lead {
		margin-bottom: 70px;
}
.trivia_inner_right p {
		line-height: 2.2;
}
@media(max-width: 1400px) {
		.trivia_inner {
				height: 620px;
				margin-right: 0;
		}
}
@media(max-width: 1024px) {
		.trivia_section {
				padding-top: 80px;
		}
		.trivia_inner_flex {
				display: flex;
				flex-direction: column-reverse;
		}
		.trivia_inner_right {
				width: auto;
				text-align: center;
				margin-bottom: 15px;
				padding: 0 20px;
		}
		.trivia_inner_right .section_title, .trivia_inner_right .section_lead {
				text-align: center;
		}
		.trivia_inner_right .section_lead {
				margin-bottom: 50px;
		}
}
@media(max-width: 840px) {
		.trivia_inner {
				overflow: hidden;
		}
		.trivia_inner_right p {
				text-align: left;
		}
}
@media(min-width: 841px) {
		.swipe_icon {
				display: none;
		}
}
@media(max-width: 767px) {
		.trivia_inner_right p {
				font-size: 14px;
				line-height: 1.8;
		}
}
.swipe_icon {
		position: absolute;
		bottom: 100px;
		left: calc(50vw - 30px);
		width: 60px;
		opacity: 0.8;
		animation: swipeIcon 2s infinite;
		z-index: 50;
}
.swipe_icon img {
		width: 100%;
		height: auto;
}
@keyframes swipeIcon {
		0% {
				transform: translateY(-40px);
		}
		50% {
				transform: translateY(40px);
		}
		100% {
				transform: translateY(-40px);
		}
}