@charset "UTF-8";

a.txtLink {
	text-decoration: underline;
	color: #0000ff;
	display: inline;
}
.mw960 {
  max-width: 960px !important;
  padding: 0;
}
.bgYellow{
  background-color: #ffc702;
  padding: 10.4% 5.2% 7.2916%;
}
.stepBox {
  position: relative;
  background-color: #FFF;
  border-radius: 15px;
  max-width: 860px;
  margin: 0 auto;
  padding: 10.4% 0 7%; 
}
.stepBox::before {
  position: absolute;
  content: '';
  background: url("../img/step_01.png") no-repeat center top / 100%;
  top: -32px;
  left: 50%;
  width: 224px;
  height: 94px;
  transform: translateX(-50%);
}
.stepBox:nth-of-type(2)::before {
  background: url("../img/step_02.png") no-repeat center top / 100%;
}
.stepBox:nth-of-type(3)::before {
  background: url("../img/step_03.png") no-repeat center top / 100%;
}
.stepBox:not(:nth-of-type(3))::after {
  position: absolute;
  display: block;
  content: '';
  bottom: -6%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 45px solid transparent;
  border-left: 45px solid transparent;
  border-top: 50px solid #ffffff;
  border-bottom: 0;
  transform: translate(-50%,99%);
}
.stepBox + .stepBox {
  margin-top: 19%;
}
.stepBox_annotation {
  text-align: center;
  padding: 2.0832% 0 0;
}
@media only screen and (max-width: 640px) {
  .stepBox_annotation {
    font-size: 12.6px;
  }
}
.stepBox .contsImg,
.bgDaisy > .contsImg {
	max-width: 740px;
  padding: 0;
}
.stepBox .contsImg,
.stepBox_annotation {
	width: 86.1%;
	margin: 0 auto;
}
.coordinationBtn a,
.entryBtn a {
  max-width: 740px;
  width: 77.1%;
  margin: 0 auto;
}
.stepBox .coordinationBtn a,
.stepBox .entryBtn a {
	max-width: 740px;
	width: 86.1%;
}
.entryBtn02 a{
  max-width: 553px;
  width: 64.3%;
  margin: 0 auto;
}
.contsImg02{
  max-width: 860px;
  margin: 0 auto;
  padding: 0;
}
.topBorder, .bottomBorder {
  position: relative;
}
.topBorder::before, .bottomBorder::after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 4px;
}
.topBorder::before {
  background: url(../img/bg_01.png) no-repeat center top, #FFF;
  top: 0;
}
.bottomBorder::after {
  background: url(../img/bg_01.png) no-repeat center bottom, #FFF;
  bottom: 0;
}
.bgOrange{
  background-color: #ffedd7;
}
.bgLightYellow {
  background-color: #fffbe9;
}
.coordination_status {
  padding: 10.4% 0 17%;
}
.coordination_merit {
  padding: 26% 0 10%;
}
.coordination_merit .imgTtl {
  position: absolute;
  top: -3.75%;
  left: 0;
}
.coordination_status .contsImg,
.coordination_merit .contsImg,
.coordination_privilege .contsImg {
  max-width: 960px;
  padding: 0;
}
.bnrArea, .coordination_privilege {
  padding: 11% 0;
}
.bnrArea .bnrLink a {
  display: block;
  max-width: 840px;
  width: 87.5%;
  margin: 0 auto;
}
#campaign {
  padding: 9% 0 6%
}
/* ご注意事項 */
.cpNotes01 {
	max-width: 840px;
	width: 87.5%;
	margin: 0 auto;
}
.cpNotesBtn01 {
	width: 100%;
	display: table;
}
.cpNotesBtn01 a {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	border-top: 1px solid #cc0033;
}
.cpNotesFlame01 {
	display: none;
	background-color: #fff;
	border-left: 2px solid #cc0033;
	border-right: 2px solid #cc0033;
	border-bottom: 2px solid #cc0033;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
@media only screen and (min-width: 361px) {
	.cpNotesFlame01 {
		border-width: 3px;
	}
}
.contsTxt.cpCode {
  margin-top: 1.0416%;
  padding: 0 6.25% 4.1664%;
}
@media only screen and (max-width: 959px) {
  .stepBox::before {
    top: -5.0vw;
    width: 23.4vw;
    height: 9.8vw;
  }
  .stepBox:not(:nth-child(3))::after {
    border-right: 4.7vw solid transparent;
    border-left: 4.7vw solid transparent;
    border-top: 5.2vw solid #ffffff;
  }
}
@media screen and (max-width:640px) {
  .topBorder::before, .bottomBorder::after {
    height: 2px;
    background-repeat: repeat-x;
    background-size: contain;
  }
}
/* フローティングバナー */
.floatSpBnr {
	width: 100%;
	background-color: rgb(255, 255, 255, 0.3);
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2;
	box-sizing: border-box;
}
.floatSpLink {
	width: 100%;
	margin: 0 auto;
	display: block;
}
.floatSpBnr img {
	width: 100%;
}
.floatPcBnr {
	width: 10.4vh;
	height: 78%;
	margin: auto;
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
}
.floatPcLink + .floatPcLink {
  margin-top: 19%;
}
.floatPcLink img {
	height: 100%;
}
a.floatPcLink {
	display: block;
}
@media only screen and (max-width: 959px) and (min-width: 641px) {
  .floatPcBnr {
    width: 13.85%;
  }
  
}
@media only screen and (max-width: 640px) {
	.floatSpBnr,a.floatSpLink {
		display: block;
	}
	.floatPcBnr,a.floatPcLink {
		display: none;
	}
	.flbnpb {
    padding-bottom: 45% !important;
  }
}