@charset "UTF-8";

html { scroll-behavior: smooth;}


.link.space{
    padding-left:1.6rem;

}
.link.space::before{
    margin-left:0.8rem;

}
.link::after{
    content:"";
    background-image: url(/common/images/ico_blank.svg);
    background-size: 100%;
    width:1.5rem;
    height:1.3rem;
    display: inline-block;
    margin-left:0.2rem;
}
.plsp{
    padding-left:14px;
}
.text_01{
    margin-bottom:0;
}
.btn:not(.-noico):before {
    background-image: url(/common/images/ico_bottom.svg);
    width: 1.6rem;
    height: 1.6rem;
    left:1.4rem;
}
.btn:not(.-noico):hover:before {
    background-image: url(../images/ico_bottom_hover.svg);
}
.inner10{
    padding:0 1rem;
}

.colums-list02{
    margin-top:2rem;
}

.box__content{
    padding:2rem;
}
.mb-5{
    margin-bottom:-0.5rem;
}
.list-custom{
    line-height: 2.6rem;
}
.ttl-h2{
    padding-left:1rem;
}
.step__content__ttl{
    font-size:1.6rem;
    font-weight:bold;
}
.link.-lg.fw400{
    font-weight: 400;
}
.link.-lg.fw500{
    font-weight: 500;
}




.list-custom > dt{
    position:relative;
    
}
.list-custom > dt span:first-child {
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

.list-custom.-single > dt {
    padding-left: 2.5rem;
    font-weight: bold;
}
.list-custom.-single > dd {
    padding-left:2.5rem;
}

.pl0{
    padding-left:0 !important;
}
.box .step__content{
    padding-bottom:0;
}

.lh30{
    line-height:3rem;
}

.list-custom.-single > .qr__text{
    position: relative;
    padding-left: 5rem;
}

.qr__text::before{
    content:"●";
    position: absolute;
    top: 0;
    left: 2.5rem;
}
@media (min-width: 768px) {
    .display_sp{
        display: none;
    }
    .btn.row2{
        line-height: 2.2rem;
        display: flex;
        align-items: center;
        padding-left: 3rem;
    }
    .btn.row{
        text-align: initial;
        padding-left: 3.6rem;
        line-height:6.7rem;
    }
    .list-custom.pl10{
        padding-left: 0;
    }
    
}

@media (max-width: 767px) {
    
    .list-custom.-number{
        padding-left: 0;
    }
    .display_pc{
        display: none;
    }
    .list-custom.-single > dt {
        padding-left: 3.7rem;
    }
    .list-custom.-single > dd {
        padding-left: 3.7rem;
    }
    .btn{
        text-align: initial;
        padding-left:4rem;
    }
    .step__content__ttl{
        font-size:inherit;
    }
    .sppl{
        padding-left:2.666666vw;
    }
    .link.-lg{
        font-size: 2.93333vw;
    }
    .box__content {
        padding: 1rem;
    }
    .list-custom.-single > li,
    .sppl {
        padding-left: 3.5%;
    }
    .inner10.-sppl{
        padding-left: 1.8rem;
    }
    .mb05sp{
        margin-bottom:0.5rem;
    }
    .box .text_01{
        line-height:3.2rem;
    }
    .link.sp{
        font-size:inherit;
    }
    .list-custom.-single > .qr__text{
        padding-left: 7.4rem;
    }
    .qr__text::before{
        left: 3.7rem;
    }
    .sppl18{
        padding-left:1.8rem !important;
    }
}

@media (max-width: 479px){
    .link.-lg {
        font-size: 4vw;
    }
    .list-custom.-single > li,
    .sppl {
        padding-left: 1.8rem;
    }
    .inner10.-sppl{
        padding-left: 1.4rem;
    }
    .box .text_01{
        line-height:2.6rem;
    }
    .plsp{
        padding-left:16px;
    }
    .list-custom.-single > dt {
        padding-left: 2.5rem;
    }
    .list-custom.-single > dd {
        padding-left: 2.5rem;
    }
    .list-custom.-single > .qr__text{
        padding-left: 5rem;
    }
    .qr__text::before{
        left: 2.5rem;
    }
}