@charset "UTF-8";
.ttl-main{background:#fffbe1}
.ttl-main::after{border-top: 18px solid #fffbe1}

.beginner-main{
background:url(../img/ptn-y1.png) ;background-size:20px;position:relative;margin-top:60px;
padding:60px 2em 1em
}
.beginner-main-ttl{position:absolute;top:-30px;left:50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.beginner-main li{position:relative;font-size:1.1em;font-weight:bold;margin-bottom:1em;line-height:1.3;padding-left:30px}
.beginner-main li::before{content:"";position:absolute;left:0;top:50%;margin-top:-10px;
display:inline-block;
width:20px;height:20px;
background:url(../img/ico-check.png) no-repeat;background-size:100%}





.lst-merit{padding:1em}
.lst-merit li{
    position: relative;
    background: white;
    border: 3px solid #cfefff;
    font-weight: bold;
    padding: 50px 1em 1em;
    margin-bottom: .9em;
}

.lst-merit li::before{position:absolute;content:"";display: block;width:65px;height: 62px;left:0;top:0}
.lst-merit li:first-child::before{background:url(../img/index-mr1.png) no-repeat;background-size:100%}
.lst-merit li:nth-child(2)::before{background:url(../img/index-mr2.png) no-repeat;background-size:100%}
.lst-merit li:nth-child(3)::before{background:url(../img/index-mr3.png) no-repeat;background-size:100%}
.lst-merit li:nth-child(4)::before{background:url(../img/index-mr4.png) no-repeat;background-size:100%}
.lst-merit li:nth-child(5)::before{background:url(../img/index-mr5.png) no-repeat;background-size:100%}
.lst-merit li:nth-child(6)::before{background:url(../img/index-mr6.png) no-repeat;background-size:100%}
.lst-merit li:nth-child(7)::before{background:url(../img/index-mr7.png) no-repeat;background-size:100%}
.lst-merit li:nth-child(8)::before{background:url(../img/index-mr8.png) no-repeat;background-size:100%}
.lst-merit li:nth-child(9)::before{background:url(../img/index-mr9.png) no-repeat;background-size:100%}


.lst-merit h4{font-weight:bold;font-size: 1.4em;border-bottom:2px dashed #cfefff;margin-bottom:.8em;
line-height: 1.4;padding-bottom:1em}




.lst-merit li em{font-weight: bold;position: relative;z-index: 1}
.lst-merit li em::after{
content: "";
position: absolute;
display: block;
width: 100%;
height: .4em;
bottom: -.1em;
left: 0;
background: #f8ff87;
z-index: -1;
}
.lst-merit li small{display: block;font-size:.6em;padding-top:.5em}


.arrow{display:block;margin:0 auto}
.beginner2{background:#efebda;padding:2em 1em;border:1em solid #faf9f4;position:relative}
.beginner2 p{color:#1ac2ff;font-size:1.4em;font-weight:bold;text-align: center;line-height:1.4}
.beg-fukidashi,.beg-2-1,.beg-2-2{
position: absolute
}

.beg-fukidashi{width:40%;max-width:120px;left:50%;margin-left:10%;top:-40px}
.beg-2-1,.beg-2-2{width:15%;max-width:75px}.beg-2-1{left:1em;top:1em}.beg-2-2{right:1em;bottom:1em}
.btn-works{padding:1em}
.btn-works a{display:block;max-width: 400px;margin:1em auto}