/* --------------------------------------------------------------------------------------
   anetis
--------------------------------------------------------------------------------------- */

.head {
	text-align: center;
}

.head h2 {
	display: inline-block;
	font-size: 3.2rem;
	font-weight: bold;
	letter-spacing: 1px;
	min-height: 42px;
	position: relative;
}

.head h2::before {
	background: url(../img/icon_book.svg) no-repeat center top / cover;
	content: '';
	display: block;
	height: 42px;
	left: -60px;
	position: absolute;
	top: calc(50% - 21px);
	width: 38px;
}

.head p {
	font-size: 2.2rem;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 30px;
	position: relative;
}

.head p .deco { position: relative; }

.head p .deco::before,
.head p .deco::after {
	background: url(../img/key_deco.png) no-repeat;
	content: '';
	display: inline-block;
	height: 27px;
	vertical-align: middle;
	width: 27px;
}

.head p .deco::before { margin-right: 14px; }

.head p .deco::after {
	margin-left: 14px;
	transform: scale(1,-1);
}

.head-txt {
	font-size: 1.8rem;
	letter-spacing: 1px;
	margin-top: 24px;
}

.anetis-list { margin-top: 34px; }

.anetis-list .anetis-column {
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	margin-top: 34px;
	padding: 40px;
	gap: 40px;
}

.anetis-list .anetis-column:first-child { margin-top: 0; }

.anetis-list .anetis-column > div {
	width: 300px;
	border: 1px solid #e5e5e5;
	padding: 30px 30px;
}

.anetis-list .anetis-column article {
	width: 400px;
}

.anetis-list .anetis-column article h3 {
	font-size: 2rem;
	font-weight: bold;
}

.anetis-list .anetis-column article h3 span {
	display: inline-block;
	vertical-align: middle;
}

.anetis-list .anetis-column article .new::before {
	background-color: #383838;
	border-radius: 100vw;
	color: #fff;
	content: '最新号';
	display: inline-block;
	font-size: 1.4rem;
	letter-spacing: 2px;
	margin-right: 24px;
	padding: 1px 28px;
	text-align: center;
	vertical-align: middle;
}

.anetis-list .anetis-column article dl { margin-top: 18px; }

.anetis-list .anetis-column article .anetis_head {
	border-bottom: 1px solid #ccc;
	padding-bottom: 18px;
}

.anetis-list .anetis-column article dt {
	font-size: 1.8rem;
	font-weight: bold;
	margin-left: -1rem;
}

.anetis-list .anetis-column article dd { margin-top: 12px; }

.anetis-list .anetis-column article .anetis_head dd { font-size: 1.8rem; }

.anetis-list .anetis-column article .anetis_table li {
	font-size: 1.4rem;
	padding-left: 18px;
	position: relative;
}

.anetis-list .anetis-column article .anetis_table li::before {
	background-color: #eb6d7b;
	border-radius: 100vw;
	content: '';
	display: block;
	height: 9px;
	left: 0;
	position: absolute;
	top: 10px;
	width: 9px;
}

.anetis-list .anetis-column article .banner {
	margin-top: 18px;
	text-align: left;
}

.wp-pagenavi { opacity: 0; }

.banner a {
	padding-left: 32px;
	padding-right: 32px;
}

/* --------------------------------------------------------------------------------------
   スマホ
--------------------------------------------------------------------------------------- */

@media (max-width: 1024px) {

	.head h2 { font-size: 6.2vw; }

	.head p {
		font-size: 3.5vw;
		letter-spacing: 0;
		margin-top: 6vw;
	}

	.head p .deco::before,
	.head p .deco::after {
		background: url(../img/key_deco_sp.png) no-repeat;
		bottom: 0;
		height: 16.667vw;
		position: absolute;
		width: 6.8vw;
	}

	.head p .deco::before { left: 0; }

	.head p .deco::after {
		right: 0;
		transform: scale(1, -1);
	}

	.head p .deco { display: block; }

	.head-txt {
		font-size: 3.2vw;
		margin-top: 5vw;
	}

	.anetis-list .anetis-column {
		display: block;
		margin-top: 5.333vw;
		padding: 6vw;
	}

	.anetis-list .anetis-column article {
		margin-top: 6vw;
		width: auto;
	}

	.anetis-list .anetis-column article h3 { font-size: 5.333vw; }

	.anetis-list .anetis-column article .new::before {
		font-size: 60%;
		margin-bottom: 1vw;
		margin-right: 0;
		padding: .2vw 7vw;
	}

	.anetis-list .anetis-column article h3 span { display: block; }

	.anetis-list .anetis-column article dl { margin-top: 2vw; }
	.anetis-list .anetis-column article .anetis_head { padding-bottom: 2vw; }

	.anetis-list .anetis-column article dt { font-size: 4.2vw; }
	.anetis-list .anetis-column article dd { margin-top: 1vw; }

	.anetis-list .anetis-column article .anetis_head dd { font-size: inherit; }

	.anetis-list .anetis-column article .anetis_table li {
		font-size: inherit;
		line-height: 1.7;
		padding-left: 3.733vw;
	}

	.anetis-list .anetis-column article .anetis_table li::before {
		height: 1.867vw;
		top: 1.9vw;
		width: 1.867vw;
	}

	.anetis-list .anetis-column article .banner { margin-top: 8vw; }
	.anetis-list .anetis-column article .banner a {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
}