@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat:600,700,800|Roboto:500,700');

/* --------------------------------
	brand
-------------------------------- */
.fontLatin01 {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.1em
}

.fontLatin02 {
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.1em
}

.tabWrap .contGroup {
	background-color: #F5F5F0;
}

.ancNav {
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.1em;
	display: flex;
	margin-left: 2.2rem;
	margin-bottom: 5rem;
	padding-top: 1.5rem;
}

.ancNav li {
	margin-right: .5rem;
}

.ancNav li a {
	display: inline-block;
	color: #4D4D4D;
	background-color: #E8E8E8;
	width: 2em;
	height: 2em;
	font-size: 1.15rem;
	border-radius: 2em;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 2em;
}

.ancNav li:first-child a {
	width: 3em;
}

.listWrap {
	display: flex;
	justify-content: space-between;
	padding: 0 4rem 5rem;
}

.listWrap dl {
	width: 22rem;
}

.listWrap dt {
	margin-top: 5rem;
	font-family: 'Roboto', sans-serif;
	color: #4D4D4D;
	font-size: 2.5rem;
	letter-spacing: 0.1em;
	border-bottom: solid 1px #CBCBCB;
	line-height: 1.5;
}

.listWrap dt:first-child {
	margin-top: 0;
}

.listWrap dd {
	font-family: 'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #333;
	font-weight: bolder;
	font-size: 1.2rem;
	margin-top: 1.5rem;
}

.listWrap dl dd .en {
	font-weight: bolder;
	margin-top: 1.5rem;
}

.listWrap dl dd .ja {
	color: #989898;
}

@media (max-width: 768px) {
	.ancNav {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		padding-bottom: 3rem;
		margin: 0 2rem;
		-webkit-overflow-scrolling: touch;
	}

	.ancNav li a {
		font-size: 2.1rem;
	}

	.listWrap {
		padding: 0 2rem 5rem;
		flex-direction: column;
	}

	.listWrap dl {
		width: 100%;
	}

	.listWrap dt {
		font-size: 3.5rem;
	}

	.listWrap dd {
		font-size: 2.2rem;
		font-weight: 400;
	}
}