.hta .add-change-nav {
	padding-top: 90px;
}

.hta .how-to-list {
	display: none;
}

.hta .how-to-list.on {
	display: block;
}

.hta .pc {
	display: block;
}

.hta .mob {
	display: none !important;
}

.hta .header-blank {
	width: 100vw;
	height: 100px;
	background: #f2f2f2;
	margin-top: 90px;
}

.hta .header-blank div {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.hta .header-blank div p {
	line-height: 100px;
}

.hta .header-blank div a {
	margin-left: 39px;
	cursor: pointer;
}

.hta .how-to-activate {
	position: relative;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	margin-top: 90px;
	text-align: center;
}

.hta .how-to-activate h1 {
	font-size: 36px;
	line-height: 54px;
	margin-bottom: 20px;
	color: #1e1c2c;
	text-align: left;
}

.hta .how-to-activate p {
	font-size: 14px;
	color: #8e8b9d;
	line-height: 28px;
	margin-bottom: 28px;
	text-align: left;
}

.hta .how-to-activate p span {
	color: #1e1c2c;
}

.hta .how-to-activate img {
	margin-bottom: 28px;
}

.hta .how-to-activate img.icon-img {
	width: auto !important;
	margin-bottom: 0;
}

.hta .how-to-activate a {
	color: #00f;
	cursor: pointer;
}

@media (min-width: 760px) and (max-width: 1200px) {
.hta .header-blank {
		width: 100% !important;
		height: 200px !important;
	}

	.hta .header-blank .p-wrapper {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.hta .header-blank div {
		align-items: center !important;
	}

	.hta .header-blank div p {
		margin-left: 30px;
		margin-top: 30px;
	}

	.hta .how-to-activate {
		width: 80% !important;
		margin-left: -400px !important;
	}

	.hta .how-to-activate img {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.hta {
		padding: 3.6rem 0 0;
	}

	.hta .add-change-nav {
		padding-top: 0;
	}

	.hta .add-change-nav li {
		margin: 0 18px;
	}

	.hta .pc {
		display: block !important;
	}

	.hta .mob {
		display: none !important;
	}

	.hta .header-blank {
		height: auto;
		margin-top: 0;
		padding: 0 16px;
		position: relative;
	}

	.hta .header-blank dd p,
	.hta .header-blank dt {
		font-size: 14px;
		line-height: 50px;
		letter-spacing: 0;
		color: #1e1c2c;
		height: 50px;
	}

	.hta .header-blank p {
		text-decoration: underline;
	}

	.hta .header-blank dd {
		display: none;
	}

	.hta .header-blank dt {
		position: relative;
	}

	.hta .header-blank dt::after {
		content: "";
		position: absolute;
		top: 10px;
		right: 0;
		width: 30px;
		height: 30px;
		line-height: 25px;
		color: #fff;
		text-align: center;
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4KICA8ZyBpZD0i57uEXzg2NSIgZGF0YS1uYW1lPSLnu4QgODY1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ3NCAtNDI4KSI+CiAgICA8cGF0aCBpZD0i6Lev5b6EXzEiIGRhdGEtbmFtZT0i6Lev5b6EIDEiIGQ9Ik03LjE3NSwxMi44NCwxMSw5Ljc1bDMuODI1LDMuMDlMMTYsMTEuODg5LDExLDcuODQsNiwxMS44ODlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDk5Ljg0IDQzMikgcm90YXRlKDkwKSIvPgogICAgPHJlY3QgaWQ9IuefqeW9ol8zNzUiIGRhdGEtbmFtZT0i55+p5b2iIDM3NSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDc0IDQyOCkiIGZpbGw9IiNmZmYiIG9wYWNpdHk9IjAiLz4KICA8L2c+Cjwvc3ZnPgo=);
		transition: transform 0.3s;
	}

	.hta .header-blank dt.ac+dd {
		display: block;
	}

	.hta .header-blank dt.ac::after {
		transform: rotate(90deg);
	}

	.hta .how-to-activate {
		width: auto;
		left: initial;
		margin-left: 0;
		padding: 0 15px;
		margin-top: 35px;
	}

	.hta .how-to-activate h1 {
		font: normal normal normal 23px/35px Lexend Deca;
	}

	.hta .how-to-activate img {
		width: 100%;
	}

	.hta .how-to-activate p span {
		font-weight: 600;
	}
}