@charset "utf-8";
/* CSS Document */
	.box {
		width: 900px;
		display: flex;
		flex-wrap: wrap;
	}
	.box > div {
		width: 48%;
		margin-right: 4%;
	}
.box > div:nth-child(2n) {
	margin-right: 0;
}
.box > div p {
	line-height: 160%;
}

h2 {
	width: 100%;
	font-size: 26px;
	text-align: center;
	margin-top: 30px;
}
body#topics #contents dl dt {
	width: 100%!important;
	font-weight: 700;
	letter-spacing: 0;
}
body#topics #contents dl dd {
	width: 100%!important;
	padding-left: 20px;
}
body#topics #contents ul.notes {
	text-indent: 0!important; 
	padding-left: 0!important;
}
.swiper-pagination-bullet {
	background: #fff;
	opacity: .7;
}
.swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1
}
	@media only screen and (max-width: 768px) {
		.box {
			width: 100%;
			display: block;
			flex-wrap: wrap;
			margin: auto;
		}
		.box > div {
			width: 100%;
			margin-right: 0%;
		}
		.box > div p {
			margin-top: 20px;
		}
		h2 {
			font-size: 4.5vw;
			line-height: 140%;
		}
	}