@charset "utf-8";

h1 span {
	font-size: 60%;
	letter-spacing: 0;
	display: inline-block;
}

.c-single02 h1 {
	font-size: 1.8rem;
	letter-spacing: .1em;
	display: block;
	padding-top: 16rem;
	margin-top: -12rem;
}

td ol {
	list-style: decimal !important;
	margin-left: 1.5em;
}

td ol li {
	font-weight: bold;
}

td ul {
	list-style: none;
}

td ul.note li {
	list-style: disc !important;
	color: #e72a19;
	font-weight: bold;
}

.link_btn {
	color: #fff;
	font-weight: bold;
	background: #e72a19;
	text-decoration: none;
	padding: 0 2%;
	border-radius: 100px;
	display: inline-block;
	margin: 1% 0;
	box-shadow: 0 3px #c52f12;
	margin-bottom: 2rem;
}

.for_pc {
	display: none;
	margin: 0 auto;
}

.for_sp {
	display: block;
	margin: 0 auto;
}

.campaign-single__inner {
	padding-top: 0;
}

@media (min-width: 600px) {

	.for_pc {
		display: block;
		margin: 0 auto;
	}

	.for_sp {
		display: none;
		margin: 0 auto;
	}

	h1 span {
		font-size: 75%;
		letter-spacing: 0.2rem;
	}

	.c-single02 h1 {
		margin-bottom: 38px;
		padding-bottom: 20px;
		font-size: 3.2rem;
	}

	.c-single02__content-img {
		width: auto !important;
	}

	.u-inner {
		margin: 0 auto !important;
	}

	.c-single02__content {
		display: block;
	}

	.c-single02__content-box {
		width: calc(100% - 100px);
		margin: 3% auto;
		padding: 0;
	}

	.c-single02__content-btn {
		margin: 5% auto 0 auto;
	}

	.campaign-single__inner {
		padding-top: 0;
	}
}

.cp_anchor ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 4rem;
	grid-row-gap: 2rem;
}

.cp_anchor li a {
	background: #e72a19;
	color: #fff;
	display: block;
	padding: 2rem 3rem;
	text-align: center;
	margin: 3rem auto;
}

.cp_naiyou {
	font-weight: bold;
	color: #e72a19;
	margin: 2rem auto;
}

.cp_naiyou span {
	border-bottom: 1px solid #e72a19;
}

.cp_txtlink {
	margin: 2rem auto 4rem auto;
}

.cp_txtlink a {
	font-weight: bold;
	color: #005BAB;
}

.precharge_btn {
	max-width: 40%;
	margin: 0 auto;
}

.credit_charge_btn_ttl {
	text-align: center;
	font-weight: 700;
	font-size: 1.8rem;
	color: #333;
	margin-top: 6rem;
	line-height: 1.4;
}

.credit_charge_btn_ttl span {
	font-size: 1.4rem;
}

.credit_charge_btn a {
	text-align: center;
	display: block;
	background: #fff000;
	padding: 2rem;
	max-width: 70%;
	font-weight: 800;
	font-size: 2rem;
	color: #000;
	margin: 0.5rem auto 3rem;
	text-decoration: none;
	border: 1px solid #000;
	border-radius: 100px;
}

.credit_charge_btn a:hover {
	opacity: 0.8;
}

.must {
	margin-block: 4rem;
	display: inline-block;
}

ul+ul {
	margin-top: 3rem;
}

.list {
	margin-top: 3rem;
}

.item_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 1rem;
}

@media screen and (max-width: 768px) {
	.link_btn {
		margin-bottom: 1rem;
	}

	.precharge_btn {
		max-width: 70%;
	}

	.credit_charge_btn_ttl {
		font-size: 1.6rem;
		color: #333;
		margin-top: 6rem;
	}

	.credit_charge_btn a {
		font-size: 1.6rem;
		max-width: 80%;
	}

	.must {
		margin-block: 2rem;
	}

	ul+ul {
		margin-top: 1.6rem;
	}


	.list {
		margin-top: 2rem;
	}

	.item_list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 2fr;
		grid-row-gap: 1rem;
	}
}