@charset "UTF-8";
#shindan h3 {margin-bottom:1em;}
#shindan h3.div {line-height:1.25;letter-spacing:0.1em;padding-top:0.5em;font-size;1.2em;}
.btnarea {margin-top:0.5em;}
@media screen and (min-width: 750px) {
    #shindan .inner {
        padding: 10px 16px;
    }
}
.pn {    animation-delay: 0;animation:none;padding:0.8em;}
.hissu {font-weight:bold;font-size:0.9em;position:relative;  padding-left: 35px;    margin-bottom: 0.8em;width:100%;}
.hissu:before {
  content: "必須";
  display: inline-block;
  background: #ff5846;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  padding: 5px;
  margin-right: 8px;
  position: absolute;
  border-radius:5px;
  left: 0;
  top: 4px;
}
.rlink {
    text-align: right;
    font-size: 0.8em;
    line-height: 1.4em;
}
.pbtn {
    font-size: 0.8em;
}
.skbtn {
    float: right;
    font-size: 0.8em;
}
.steplist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 12px;
	color:#fff;
  font-weight: bold;
  margin: 0 auto 5px;
}
.steplist li:nth-child(n+4) {
display:none;
}
.steplist li:after {
  content: ">";
  margin-left: 6px;
	color:#fff;
}
.steplist li:last-child:after {
  content: "";
  margin-left: 6px;
	color:#fff;
}
.steplist li {
  padding: 0 3px;
}

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

.color1{
    color:#fee665 !important;
}
#shindan h3 div .time{
    background: url(../img/time.svg) no-repeat left center;
    background-size: 1em auto;
    padding-left: 1.1em;
}
@media screen and (max-width: 750px) {
#shindan h3 div {
  font-size: 3.3vw;
}
}