@charset "UTF-8";
#form {
    padding:0 0 3rem;
    background: rgba(224, 240, 246, 0.5);
}


.pn {animation-delay: 0;animation:none;padding:0.8em;}
.pn > p {
margin-bottom:0.5em;
margin-top:1.5em;
}
.required{
  display: inline-block;
  background: #b9233e;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  font-weight:normal;
  padding: 5px;
  margin-right: 8px;
  border-radius:2px;
  position:relative;
  top:-2px;
}
.optional{
  display: inline-block;
  background: #ccc;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  font-weight:normal;
  padding: 5px;
  margin-left: 8px;
  border-radius:2px;
  position:relative;
  top:-2px;
}
.rlink {
    text-align: right;
    font-size: 0.8em;
    line-height: 1.4em;
}
.backbtn {
    font-size: 1em;
}
.skbtn {
    float: right;
    font-size: 0.8em;
}
.steplist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color:#000;
  font-weight: bold;
  margin: 0 auto 5px;
  
  list-style-type: none;
}
.steplist::marker  {display:none;}
.steplist li::marker  {display:none;}
.steplist li:after {
  content: ">";
  margin-right: 6px;
  margin-left: 6px;
color:#000;
}
.steplist li:last-child:after {
  content: "";
  margin-left: 6px;
  margin-right: 6px;
color:#fff;
}
.steplist li {
  list-style-type: none;
}

.steplist li.active {
  color: #cc3333;
}
.pn {
  width: 100%;
  margin: auto;
  background: #fff;
  border-radius: 5px;
  padding: 25px;
  max-width:100%;;
  display: none;
}
.chatform label, .skipbtn {font-size:0.9em;}
#pn1 {
  display: block;
}




#stepform {
  width:600px;
  max-width:100%;
  margin:auto;

}
#stepform h3 {border:none;text-align:center;padding-top:15px;margin-bottom:0;}
#stepform h3:before,
#stepform h3:after {
display:none;

}
#stepform h3  {
}
#stepform h3 big{
	color:#fa7920;
	
}
#stepform .wpcf7 {
margin-top:10px !important;
}
#stepform h3 div{
	position:relative;
	padding:5px 25px 5px;
    font-size:20px;
    display:inline-block;
}
#stepform h3 {
	color:#3c455c;
	line-height:1.4;
	letter-spacing:0.05em;
margin-bottom:1rem;
}
#stepform h3 div::before{
	content:"";
	width:1px;
	height:100%;
	background:#3c455c;
	position:absolute;
	left:5px;
	top:0;
	font-weight:100;
	transform: rotate(-20deg);
}
#stepform h3 div::after{
	content:"";
	width:1px;
	height:100%;
	font-weight:100;
	background:#3c455c;
	position:absolute;
	right:5px;
	top:0;
	transform: rotate(20deg);
}

html{
-webkit-font-smoothing: antialiased;
}
.nextbtn {
  cursor:pointer;
}


/* radio */
#stepform input[type="radio"]{
	display: none;
}
#stepform input[type="checkbox"]{
	display: none;
}
#stepform input[type="text"],
#stepform input[type="email"],
#stepform input[type="tel"],
#stepform input[type="num"],
#stepform textarea{
border-radius: 5px;
width:100%;
max-width:100%;
box-sizing:border-box;
border: solid 1px #cccccc;
padding:10px 8px;
font-size: 16px !important;
outline: 0;
}

#stepform input[type="num"] {
	width:50%;
	max-width:50%;
}
#stepform textarea{
  width: 100%;
  line-height: 1.7em;
  height: 80px;
  margin-bottom: 8px;
}
#stepform select{
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 10px;
width:100%;
box-sizing:border-box;
border:solid 1px rgba(0,0,0,0.2);
padding:5px 10px;
font-size:16px;
background: #fff url(arrow2.png) no-repeat 98% center;
background-size: 24px;
}
.pn dl {
margin-bottom:15px;
}
.pn dt {
color:#3c455c;
font-size:13px;
}
.pn dd {
padding-bottom:0;
margin-bottom:0;
}
.pn dd .er {
width:100%;
}

#stepform .wpcf7 .wpcf7-form .wpcf7-form-control-wrap {padding:5px;}
#stepform .wpcf7 .wpcf7-form p {border:none;margin-bottom:0;padding-bottom:0;}
.skipbtn {
    border-radius: 50px;
    border: solid 2px #4286f5;
    display: inline-block;
    padding: 13px 20px;
    width: 100%;
    height:100%;
    line-height:1.1;
    text-decoration:none !important;
    color:#1D1D1D !important;
    text-align: center;
    font-size:20px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.skipbtn.big{
    font-weight:bold;
}
::placeholder {
  font-size: 16px;
  font-weight: normal;
  color: #b3b3b3;
}
.flexbox {
    align-items: stretch;
	}
	.flexbox li {width:49%;min-height:100%;margin-bottom:0.5em;}
@media(max-width:414px){
	.pn.flexbox {
    align-items: stretch;
	}
	

	.skipbtn{
    padding: 13px 10px;
  margin: 0 0 2%;
  font-size: 16px;
		line-height:1.1;
		
  }

	.skipbtn.big{
		font-size:15px;
	}
	#stepform .inner {
		padding:10px;
	}
}
#stepform label:last-of-type,
#stepform label:nth-of-type(even){ margin-right:0;}


.skipbtn.on,.skipbtn:hover{
background: #4286f5;
color:#fff !important;
font-weight: bold;
}

.esbtn {
	margin-right:0;
}
.skipbtn:before,.skipbtn:after {
	display:none;
}

/* btn */
.nextbtn {
  -webkit-appearance: none;
  border: none;
  width: 80%;
  max-width: 400px;
  margin: 0 auto 10px;
  display: block;
  text-align: center;
  text-decoration:none !important;
  background: #ffd90c url(arrow2.svg) no-repeat 90% center;
  background-size: 10px auto;
  color:#000 !important;
  padding: 18px;
  font-weight: bold;
  font-size: 18px;
  border-radius: 50px;
  border:none;
}
@media(max-width:414px){
  .nextbtn{
    width: 100%;
    padding: 12px;
    font-size: 16px;
  }
  #stepform .submit{
    width: 100%;
    padding: 12px;
    font-size: 18px;
  }
}
.dateflex {
display:flex;
}
.nextbtn.outbtn {
width:80%;
}

.er {
display:none;
color:#b9233e;
font-size:10px;
}
.read {
color:#7f7e7e;
padding-bottom:2rem;
text-align:center;
}
#stepform label{
	width:49%;
}
#stepform .p-form__radio {
	display: flex;
	align-items: start;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:space-between;
	
    width: 100%;
}
#stepform label {
background: #fff;
color:#3c455c ;
font-weight: bold;
display:flex;
border:1px solid #4286f5;
text-align:center;
border-radius:30px;
padding: 10px 11px;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 16px;
margin-bottom:16px;
}

#stepform input[type="radio"]:checked + label,
#stepform input[type="checkbox"]:checked + label {
  background: #4286f5;
  color:#fff;
  border: 1px solid #4286f5; }

#stepform .btn {
margin-top:2em;
}

#stepform input[type=submit], #stepform input[type=submit]:read-only {
  -webkit-appearance: none;
  border: none;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 10px;
  display: block;
  text-align: center;
  text-decoration:none !important;
  background: #5186ec url(arrow1.png) no-repeat 90% center;
  background-size: 10px auto;
  color:#fff !important;
  padding:18px;
  font-weight: bold;
  font-size: 18px;
  border-radius: 50px;
  border:none;
}

#stepform textarea::placeholder {
color:#ccc;
}

@media(max-width:414px){
#stepform label{
	width:100%;
}
}