/* "SP" Style Sheet */


/* =====================================================
▼ COMMON
===================================================== */
.inner800 {}
.inner1200 {}
.fs-90 {
	font-size: 90%;;
	line-height: 1.5em;
}
.fs-120 {
	font-size: 120%;;
	line-height: 1.5em;
}
.fs-150 {
	font-size: 150%;;
	line-height: 1.5em;
}
.fw-normal {
	font-weight: normal;
}
.fw-bold {
	font-weight: bold;
}
.fc-pink {
	color: #FF3D6E;
}
.center-left {
	text-align: left;
}
.btn-link {}
.btn-link a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	border-radius: 5px;
	background: #2799D7;
	padding: 10px;
	margin: 0 auto;
}
.btn-link a:hover {
	text-decoration: none;
	background-color: #006EA5;
}



/* =====================================================
▼ HEADER
===================================================== */
header {
	background-color: #FFF;
}



/* =====================================================
▼ FOOTER
===================================================== */
footer {
	font-size: 100%;
	line-height: 1.5em;
	text-align: center;
	color: #FFF;
	background-color: #FF3D6E;
	padding: 10px;
}
footer div.copyright {
	font-size: 80%;
	line-height: 1.5em;
	font-weight: 300;
}



/* =====================================================
▼ CONTENTS "COMMON"
===================================================== */
article {}
article section {
	margin-bottom: 20px;
}
article section h1 {
	font-size: 130%;
	line-height: 1.5em;
	margin-bottom: 15px;
}
article section h2 {
	font-size: 120%;
	line-height: 1.5em;
	margin-bottom: 10px;
}
article section h3 {}
aside {}
aside section {
	margin-bottom: 20px;
}
aside section h1 {}
aside section ul.bnr-list {}
aside section ul.bnr-list li {}



/* =====================================================
▼ CONTENTS "HOME"
===================================================== */
article#home {}
article#home section#form-sec {}



/* =====================================================
▼ CONTENTS "THANKS"
===================================================== */
article#thanks {}
article#thanks section#thanks-sec {
	background: #CFEBEF;
	padding: 30px 15px;
}
article#thanks section#thanks-sec ul.step-list {}
article#thanks section#thanks-sec ul.step-list li {
	background-color: #FFF;
	padding: 20px;
	margin-bottom: 20px;
}
article#thanks section#thanks-sec ul.step-list li:last-child {
	margin-bottom: 0;
}
article#thanks section#thanks-sec ul.step-list li p.step-title {
	font-size: 110%;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 5px;
}
article#thanks section#thanks-sec span.mail-add {
	font-size: 150%;
	line-height: 1.5em;
}
article#thanks section#thanks-sec span.tel-num {
	font-size: 200%;
	line-height: 1.5em;
	font-weight: bold;
}



/* =====================================================
▼ STEP FORM
===================================================== */
form#step-form {}
form#step-form img.register {
	position: absolute;
	top: 15px;
	left: 10px;
}
.wizard > .content {
  background-color: #CFEBEF;
  display: block;
  min-height: 526px;
  overflow: hidden;
  position: relative;
  width: auto;
}
.wizard > .content > .body {
  float: left;
  position: absolute;
  width: 100%;
  height: auto;
  padding: 65px 15px 30px 15px;
  
  box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-o-box-sizing: border-box;
  	-ms-box-sizing: border-box;
}
form#step-form p.question {
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 15px;
}
form#step-form p.question.required:before {
	content: "必須";
	font-size: 90%;
	line-height: 1em;
	font-weight: normal;
	color: #FFF;
	border-radius: 3px;
	background-color: #FF3D6E;
	padding: 3px 5px;
	margin-right: 5px;
}
form#step-form div.answer {
	position: relative;
}
form#step-form div.answer label.text-wrap {
	float: left;
	width: 49%;
	border-radius: 3px;
	background-color: #F5F5F5;
	padding: 10px;
	margin-right: 2%;
	
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
}
form#step-form div.answer label.text-wrap:nth-child(2n) {
	margin-right: 0;
}
form#step-form div.answer label.text-wrap:nth-child(n + 3) {
	margin-top: 5px;
}
form#step-form div.answer input[type="text"],
form#step-form div.answer input[type="tel"],
form#step-form div.answer input[type="email"] {
	width: 100%;
	font-size: 16px;
	line-height: 1.5em;
	border: solid 1px #E6E6E6;
	border-radius: 3px;
	padding: 5px;
	
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
}
form#step-form div.answer input.age {
	width: inherit;
}
form#step-form div.answer select {
	height: 28px;
	font-size: 16px;
	line-height: 1.5em;
	background-color: #F8F8F8 !important;
}
form#step-form div.answer div.add-wrap {
	display: table;
}
form#step-form div.answer div.add-wrap div.pref {
	position: relative;
	display: block;
	margin-bottom: 10px;
}
form#step-form div.answer div.add-wrap div.add {
	position: relative;
	display: block;
}
form#step-form div.answer div.name {
	display: table;
}
form#step-form div.answer div.name div.sei {
	position: relative;
	display: table-cell;
	width: 40%;
	padding-right: 5px;
}
form#step-form div.answer div.name div.mei {
	position: relative;
	display: table-cell;
	width: 40%;
}
form#step-form div.answer div.birth {
	display: table;
}
form#step-form div.answer div.birth div.year {
	position: relative;
	display: table-cell;
	padding-right: 5px;
}
form#step-form div.answer div.birth div.month {
	position: relative;
	display: table-cell;
	padding-right: 5px;
}
form#step-form div.answer div.birth div.day {
	position: relative;
	display: table-cell;
}
form#step-form div.answer label.text-wrap.icon01 {
  position: relative;
  text-align: center;
  padding: 100px 0 10px;
  line-height: 1.4em;
  font-size: 15px;
  background: #ffffff url("../img/common/check_icon_01.png") no-repeat center 10px;
  background-size: 100px auto;
  border: 2px solid #dddddd;
  border-radius: 10px;
}
form#step-form div.answer label.text-wrap.icon02 {
  position: relative;
  text-align: center;
  padding: 100px 0 10px;
  line-height: 1.4em;
  font-size: 15px;
  background: #ffffff url("../img/common/check_icon_02.png") no-repeat center 10px;
  background-size: 100px auto;
  border: 2px solid #dddddd;
  border-radius: 10px;
}
form#step-form div.answer label.text-wrap.icon03 {
  position: relative;
  text-align: center;
  padding: 100px 0 10px;
  line-height: 1.4em;
  font-size: 15px;
  background: #ffffff url("../img/common/check_icon_03.png") no-repeat center 10px;
  background-size: 100px auto;
  border: 2px solid #dddddd;
  border-radius: 10px;
}
form#step-form div.answer label.text-wrap.icon04 {
  position: relative;
  text-align: center;
  padding: 100px 0 10px;
  line-height: 1.4em;
  font-size: 15px;
  background: #ffffff url("../img/common/check_icon_04.png") no-repeat center 10px;
  background-size: 100px auto;
  border: 2px solid #dddddd;
  border-radius: 10px;
}
form#step-form div.answer label.text-wrap.icon05 {
  position: relative;
  text-align: center;
  padding: 10px 0;
  line-height: 1.4em;
  font-size: 15px;
  background: #ffffff;
  border: 2px solid #dddddd;
  border-radius: 10px;
}
form#step-form div.answer label.text-wrap.icon06 {
  position: relative;
  text-align: center;
  padding: 10px 0;
  line-height: 1.4em;
  font-size: 15px;
  background: #ffffff;
  border: 2px solid #dddddd;
  border-radius: 10px;
}
form#step-form div.answer label.text-wrap.icon01.on {
  background: #fbe6ef url("../img/common/check_icon_01.png") no-repeat center 10px;
  background-size: 100px auto;
  border: 2px solid #dddddd;
  border-radius: 10px;
}
form#step-form div.answer label.text-wrap.icon02.on {
  background: #fbe6ef url("../img/common/check_icon_02.png") no-repeat center 10px;
  background-size: 100px auto;
  border: 2px solid #dddddd;
  border-radius: 10px;
}
form#step-form div.answer label.text-wrap.icon03.on {
  background: #fbe6ef url("../img/common/check_icon_03.png") no-repeat center 10px;
  background-size: 100px auto;
  border: 2px solid #dddddd;
  border-radius: 10px;
}
form#step-form div.answer label.text-wrap.icon04.on {
  background: #fbe6ef url("../img/common/check_icon_04.png") no-repeat center 10px;
  background-size: 100px auto;
  border: 2px solid #dddddd;
  border-radius: 10px;
}
form#step-form div.answer label.text-wrap.icon05.on {
  background: #fbe6ef;
  border: 2px solid #dddddd;
  border-radius: 10px;
}
form#step-form div.answer label.text-wrap.icon06.on {
  background: #fbe6ef;
  border: 2px solid #dddddd;
  border-radius: 10px;
}




form#step-form div.answer label.text-wrap.icon01 input {
  opacity: 0;
  position: absolute;
}
form#step-form div.answer label.text-wrap.icon02 input {
  opacity: 0;
  position: absolute;
}
form#step-form div.answer label.text-wrap.icon03 input {
  opacity: 0;
  position: absolute;
}
form#step-form div.answer label.text-wrap.icon04 input {
  opacity: 0;
  position: absolute;
}
form#step-form div.answer label.text-wrap.icon05 input {
  opacity: 0;
  position: absolute;
}
form#step-form div.answer label.text-wrap.icon06 input {
  opacity: 0;
  position: absolute;
}

form#step-form p.kiyaku {
	display: none;
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0;
	font-size: 90%;
	line-height: 1.5em;
	text-align: center;
}
form#step-form div.actions ul li:first-child a {
	background-color: #CCC;
}
form#step-form div.actions ul li:first-child a:hover {
	background-color: #999;
}






.inner {
  overflow: hidden !important;
}



  .actions.step01 {
    bottom: 120px !important;
  }
  .actions.step02 {
    bottom: 245px !important;
  }
  .actions.step03 {
    bottom: 225px !important;
  }
  .kiyaku {
    bottom: 260px !important;
  }