@charset "UTF-8";

.ttl-main{background:#d9eff4}
.ttl-main::after{border-top: 18px solid #d9eff4}


.lst-step{padding:1em 1em 2em;background:url(../../img/ptn-b1.png)}
.lst-step > li{padding-bottom: 1em;margin-bottom:80px;position:relative}
.lst-step > li:last-child{margin-bottom:0}
.lst-step > li:nth-child(-n+2)::after{
content: "";
position: absolute;
display: inline-block;
width: 0;
height: 80px;
border-left: 8px dotted #1ac2ff;
left: 50%;
margin-left: -4px;
bottom: -74px
}
.box-step{background:white;border-radius:0 0 8px 8px;padding:1em;position:relative}







.step-ttl{
margin: 20px auto 0;background: #94e8ff;
font-size: 1.2em;font-weight: bold;line-height: 1.3;

border-radius: 8px 8px 0 0;
position: relative;
padding:30px 1em 10px;
}
.step-ttl::before{
position: absolute;content: "";display: inline-block;
width: 100px;/*height:41px;*/height: 42px;top:-21px;left:1em
}

.box-step img{max-width:320px;display:block;margin:1em auto 0}
.lst-step li:first-child .step-ttl::before{background:url(../img/sp-flow-st1.png) no-repeat;background-size:100%}
.lst-step li:nth-child(2) .step-ttl::before{background:url(../img/sp-flow-st2.png) no-repeat;background-size:100%}
.lst-step li:last-child .step-ttl::before{background:url(../img/sp-flow-st3.png) no-repeat;background-size:100%}