@charset "UTF-8";

.bgRed {
	position: relative;
	background-color: #e50012;
	padding: 5.2083% 3.6% 16.5%;
	z-index: 0;
}
.bgRed::after {
	position: absolute;
  content: '';
  background: url(../img/bg_02.png) no-repeat center bottom / 100%;
  top: 0;
  left: 0;
  right: 0;
	bottom: 0;
  z-index: -1;
}
.bgWhite {
	position: relative;
  max-width: 890px;
	background-color: #FFF;
  border-radius: 20px;
  padding: 4.1664% 0 3.125%;
  z-index: 0;
}
.bgWhite::before {
	position: absolute;
  content: '';
  background: url(../img/bg_01.png) no-repeat center top / 100%;
  top: 0;
  left: 0;
  right: 0;
	bottom: 0;
  z-index: -1;
}
.imgBtn {
	display: block;
  max-width: 640px;
  width: 72%;
  margin: 0 auto;
}
a.txtLink {
	text-decoration: underline;
	color: #0000ff;
	display: inline;
}
.conts01 .contsImg {
	max-width: 890px;
	margin: 0;
	padding: 0;
}
.btnBlock .contsTxt,
.conts01 .contsTxt {
	max-width: 800px;
	width: 89.9%;
	margin: 0 5%;
	padding: 0;
}
.conts01 .fsL {
	font-size: 26px;
}
.bgYellow {
	background-color: #fff9b8;
}
.cpNotes {
	max-width: 890px;
	margin: 2.0832% auto 0;
	padding: 0 3.125%;
}
.cpNotesBtnWrap01 {
	max-width: 890px;
	margin: 0 auto;
	text-align: center;
}
.cpNotesBtnWrap01 {
	position: relative;
	box-sizing: border-box;
	border: 3px solid #231815;
	border-radius: 6px;
	background-color: #fff;
}
.cpNotesBtn01 {
	display: table;
	width: 100%;
}
.cpNotesBtn01 a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.cpNotesFlame01 {
	display: none;
	border-left: 3px solid #231815;
	border-right: 3px solid #231815;
	border-bottom: 3px solid #231815;
	box-sizing: border-box;
	border-radius: 0 0 6px 6px;
	background-color: #fff;
}
.shadowJs {
	border-radius: 6px 6px 0 0;
}
.cpNotes + .contsTxt {
  max-width: 890px;
  width: 92.7%;
  margin: 0 3.65%;
  padding: 0;
}
.imgBtn.mw890 {
	max-width: 890px;
	width: 92.8%;
}
@media only screen and (min-width: 361px) {
	.cpNotesBtnWrap01 {
		border: 6px solid #231815;
		border-radius: 12px;
	}
	.cpNotesFlame01 {
		border-width: 6px;
		border-radius: 0 0 12px 12px;
	}
	.shadowJs {
		border-radius: 12px 12px 0 0;
	}
}
@media only screen and (max-width: 640px) {
	.conts01 .fsL {
		font-size: 16px;
	}
}
.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: 640px) {
	.floatSpBnr,a.floatSpLink {
		display: block;
	}
	.floatPcBnr,a.floatPcLink {
		display: none;
	}
	.flbnpb {
		padding-bottom: 25% !important;
	}
}