@charset "UTF-8";

a.anc_cpNote {
  color: #333;
  font-weight: bold;
  font-size: 30px;
}
a.anc_cpNote span.anc_cpNoteTxt {
	display: inline-block;
	text-decoration: underline;
}
@media only screen and (max-width: 959px){
	a.anc_cpNote {
		font-size: 27px;
	}
}
@media only screen and (max-width: 640px){
	a.anc_cpNote {
		font-size: 24px;
	}
}
@media only screen and (max-width: 460px){
	a.anc_cpNote {
		font-size: 18px;
	}
}
.cardInfo {
	padding: 0 4.16667% !important;
}
.cpNotes {
	padding: 5.2083% 8.33333% 3.125%;
}
.bglightblue {
	background: #b2d7eb;
	padding-bottom: 3.6%;
}
.contsTtl {
	padding: 4.2% 4.1667% 5.2%;
}
.txtIndent02 {
  text-indent: -2.5em;
  padding-left: 2.5em;
}
.stepWrap {
	position: relative;
	margin: 0 4.1667% 10.325%;
  background-color: #ffffff;
	padding: 6.75% 0 6%;
	border-radius: 2px;
}
.bglightblue .stepWrap::after {
  position: absolute;
  content: '';
  display: block;
  bottom: -6%;
  left: 50%;
  background: url("../img/arrow.png") no-repeat top center / contain;
  width: 9.5%;
  height: 6%;
  transform: translateX(-50%);
}
.stepWrap > .contsImg {
  max-width: 800px;
  width: 91%;
  padding: 0;
}
.stepWrap > .contsImg.w801 {
  max-width: 801px;
}
.box01 {
  max-width: 800px;
  width: 91%;
  margin: 0 auto;
  border: 3px solid #ad2f5b;
  border-radius: 20px;
  box-sizing: border-box;
}
.contsTxt {
  max-width: 800px;
  width: 91%;
	font-size: 12px;
  margin: 0 auto;
  padding: 0 0 3.6% 0;
	line-height: 1.6;
}
.cpNotes + .contsTxt {
  width: inherit; 
  margin: 0 auto;
  padding: 0 8.33333% 3.125%;
}
.boxTtl01 {
	background: #ad2f5b;
	text-align: center;
	padding: 1.37% 0 2.2%;
	border-radius: 15px 15px 0 0;
}
.boxTtl01 img {
	max-width: 422px;
	margin: 0 auto;
}
.boxTxt01 {
	text-align: center;
	padding: 3.8% 0 3.6%;
	font-size: 2.4rem;
}
.boxTxt02 {
	padding: 3.8% 3% 3.6%;
	font-size: 2.4rem;
}
.boxTxt03 {
	text-align: center;
	padding: 2% 10% 5%;
	font-size: 2.4rem;
}
.boxTxt01 a, .boxTxt02 a, .boxTxt03 a {
	color: #e4006e;
	text-decoration: underline;
	position: relative;
}
.boxTxt02 a{
  display: inline;
}
.boxTxt01 a::after, .boxTxt03 a::after {
	content: "";
	background-image: url("../img/icon_01.png");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	width: 22px;
	height: 22px;
	top: 15%;
	right: -20%;
}
.boxTxt03 a::after{
	top: 15%;
	right: -8%;
}
.contsTxt01, .contsTxt02 {
	max-width: 800px;
	width: 91%;
	margin: 0 auto;
	font-size: 1.25em;
	padding: 0;
	line-height: 1.8;
}
.logo01{
	text-align: center;
	padding-top: 4.5%;
	width: 30%;
	margin: 0 auto;
}
.txtBlock{
	line-height: 1.666;
}
.bglightblue02 {
	background-color: #b2d7eb;
  padding: 0.4% 0 4.025%;
}
.stepWrap {
	position: relative;
	margin: 0 4.1667% 10.325%;
  background-color: #ffffff;
	padding: 6.75% 0 6%;
	border-radius: 2px;
}
.boxTxt04 {
  font-size: 24px;
}
@media only screen and (min-width: 361px) {
	.contsTxt {
		font-size: 12px;
	}
	.contsTxt02  {
		font-size: 20px;
	}
	.stepWrap {
		border-radius: 6px;
	}
}

@media only screen and (min-width: 481px) {
	.contsTxt {
		font-size: 20px;
	}
	.contsTxt02  {
		font-size: 22px;
	}
	.stepWrap {
		border-radius: 10px;
	}
}

@media only screen and (min-width: 641px) {
	.stepWrap {
		border-radius: 14px;
	}
}
@media only screen and (max-width: 640px) {
	.box01{
		border: 2px solid #ad2f5b;
		border-radius: 10px;
	}
	.boxTtl01 {
		border-radius: 7px 7px 0 0;
	}
	.boxTxt01,
	.boxTxt02,
	.boxTxt03,
  .boxTxt04{
		font-size: 1.4rem;
	}
	.boxTxt01 a::after, .boxTxt03 a::after {
		width: 16px;
		height: 16px;
		top: 15%;
		right: -22%;
	}
	.boxTxt03 a::after{
		right: -10%;
	}
	.boxTtl01 img {
		width: 68% !important;
	}
	.contsTxt, .contsTxt01, .contsTxt02{
		font-size: 0.8em;
	}  
}
/* ご注意事項 */
.cpNotesSubttl{
	margin-top: 20px;
}
.cpNotesItem02{
	text-indent: -3em;
	padding-left: 3em;
}
.textCenter{text-align: center !important;}
.textRight{text-align: right !important;}
.textLeft{text-align: left !important;}
.cpNotesList {
		line-height: 1.75;
}
.notesWrap {
	margin-top: 20px;
}
a.txtLink {
	text-decoration: underline;
	color: #0000ff;
	display: inline;
}
@media only screen and (max-width: 980px){
	section{
    width:100%;
  }
	img{
    width:100% !important;
  }
}
@media only screen and (min-width: 641px) {
	.cpNotesList {
		font-size: 19px;
	}
	.cpNotesTtl {
		font-size: 26px;
	}
}
@media only screen and (max-width: 640px) {
	.scroll{
		overflow-x: scroll;
	}
}