@charset "UTF-8";

.kv + .contsTxt {
	font-size: 2.1rem;
}
a.txtLink {
	text-decoration: underline;
	color: #0000ff;
	display: inline;
}
a.anc_cpNote {
  color: #333;
  font-weight: bold;
  font-size: 30px;
}
a.anc_cpNote span.anc_cpNoteTxt {
	display: inline-block;
	text-decoration: underline;
}
.contsImg.mw880, .contsTxt.mw880 {
	max-width: 880px;
	padding: 0 4.1666% 3.125%;
}
.contsWrap {
	max-width: 880px;
	padding: 0 4.1666%;
}
.blueBg {
	background-color: #cff9ff;
	padding: 9% 0 10%;
}
.contsBox {
	position: relative;
	box-sizing: border-box;
	background-color: #ffffdc;
	max-width: 800px;
	width: 91%;
	margin: 0 auto;
	padding: 8% 0 2%;
}
.contsBox::before {
	position: absolute;
	content: '';
	background: url(../img/subttl_01.png) no-repeat center top / 100%;
	top: -41px;
	left: 50%;
	width: 310px;
	height: 80px;
	transform: translateX(-50%);
}
.contsBox:nth-of-type(2)::before {
	background: url(../img/subttl_02.png) no-repeat center top / 100%;
}
.contsBox::after {
	position: absolute;
	content: '';
	background: url(../img/bg_01.png) no-repeat center bottom / 100%;
	bottom: -19px;
	left: 0;
	width: 100%;
	height: 19px;
}
.contsBox + .contsBox {
	margin-top: 12%;
}
.contsBox .contsImg {
	max-width: 720px;
	width: 90%;
	margin: 0 auto;
	padding: 0;
}
.contsBoxBtn {
	max-width: 700px;
	width: 87.5%;
	margin: 0 auto;
}
.contsBox .contsTxt {
	width: 87.5%;
	margin: 0 auto;
	padding: 0 0 3.125%;
}
.cardInfo {
	padding: 0 4.16667% !important;
}
.cpNotes {
	padding: 4.1664% 8.33333% 3.125%;
}
.yellowBg{
  background-color: #fcea54;
  padding: 0 0 5%;
}
.floatSpBnr {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 2;
	box-sizing: border-box;
}
.floatSpLink {
	display: block;
}
.floatSpBnr img {
	width: 100%;
}
.floatPcBnr {
	height: 300px;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	display: block;
	z-index: 2;
}
a.floatPcLink {
	display: block;
}
@media only screen and (max-width: 959px){
	a.anc_cpNote {
		font-size: 27px;
	}
	.contsBox::before {
		top: -4.27vw;
		width: 32.3vw;
		height: 8.333vw;
	}
	 .contsBox::after {
    bottom: -1.98vw;
    height: 1.98vw;
  }
}
@media only screen and (max-width: 640px){
	.kv + .contsTxt {
		font-size: 1.6rem;
	}
	a.anc_cpNote {
		font-size: 24px;
	}
	.floatSpBnr,a.floatSpLink {
		display: block;
	}
	.floatPcBnr,a.floatPcLink {
		display: none;
	}
	.flbnpb {
		padding-bottom: 20% !important;
	}
}
@media only screen and (max-width: 460px){
	a.anc_cpNote {
		font-size: 18px;
	}
}