@charset "UTF-8";

a.txtLink {
	text-decoration: underline;
	color: #0000ff;
	display: inline;
}
.mw650{
  max-width: 650px !important;
  padding: 0 6.8%;
  margin: 0 auto;
}
.mw960 {
  max-width: 960px !important;
  padding: 0;
}
.mw860 {
  max-width: 860px !important;
  padding: 0;
}
.orangebg{
  background-color: #e75d2c;
  padding: 11.1% 5.2% 7.2916%;
}
.stepBox {
  position: relative;
  background-color: #FFF;
  border-radius: 15px;
  max-width: 860px;
  margin: 0 auto;
  padding: 11.5% 0 7%; 
}
.stepBox::before {
  position: absolute;
  content: '';
  background: url("../img/step_01.png") no-repeat center top / 100%;
  top: -41px;
  left: 50%;
  width: 232px;
  height: 102px;
  transform: translateX(-50%);
}
.stepBox:nth-of-type(2)::before {
  background: url("../img/step_02.png") no-repeat center top / 100%;
}
.stepBox:nth-of-type(1)::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%,129%);
}
.stepBox + .stepBox {
  margin-top: 21%;
}
.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%;
}
.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;
}
.mw761{
  max-width: 761px;
  padding: 0 10.3%;
  margin: 0 auto;
}
.mw828{
  max-width: 828px;
  padding: 0 6.8%;
  margin: 0 auto;
}
.redBtn {
	background-color: #cc0033;
	-webkit-box-shadow: 0px -5px 0px 0px #95002b inset;
	box-shadow: 0px -5px 0px 0px #95002b inset;
}
.orangeBtn {
  background-color: #f04e21;
  -webkit-box-shadow: 0px -5px 0px 0px #c23f1b inset;
  box-shadow: 0px -5px 0px 0px #c23f1b inset;
}
.normalBtn02 {
  margin: 0 auto;
  padding: 0 10.5% 3.125%;
}
.bgLightYellow {
  background-color: #fffbe9;
}
.coordination_status {
  padding: 10.4% 0 11%;
}
.coordination_merit {
  padding: 26% 0 10%;
}
.coordination_merit .imgTtl {
  position: absolute;
  top: -3.75%;
  left: 0;
}
.coordination_status .contsImg,
.coordination_merit .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%
}
@media only screen and (max-width: 959px) {
  .stepBox::before {
    top: -5.0vw;
    width: 23.4vw;
    height: 10.8vw;
  }
  .stepBox:nth-of-type(1)::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;
  }
  .normalBtnLink  {
    padding: 19px 50px 20px 45px;
  }
  .normalBtnLink:after {
    right: 8px;
    }
}
/* ご注意事項 */
.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%;
}
/* フローティングバナー */
.floatSpBnr {
	width: 100%;
	background-color: rgb(255, 255, 255, 0.6);
	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: 80%;
	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: 640px) {
	.floatSpBnr,a.floatSpLink {
		display: block;
	}
	.floatPcBnr,a.floatPcLink {
		display: none;
	}
	.flbnpb {
    padding-bottom: 45% !important;
  }
}