@media (min-width: 768px){
.pc-hidden{
    display:none;
}
}

@media (max-width: 767px){
.sp-hidden{
    display: none;
}
}

/* ここからstyle.css打消し */
/* content:""; */
.circle-steplist dl:after{
    content:none;
}

.account-header-inner{
    height:initial;
    }

.account-header-btn{
    position: initial;
}

@media (min-width: 768px) {
    .account-header-btn {
    bottom: initial; 
    left: -6px;
    right: auto;
}
}

@media (max-width: 575.98px) {
    .account-header-inner img {
    width: initial;
    }
}

@media (max-width: 401px) {
    .account-header-inner {
    height:initial;
}
}


@media (max-width: 360px) {
    .account-header-inner {
        height:initial;
    }
}

/* 以下FV */
.account-header-v2.bg-header{
    height:auto;
}

@media (min-width: 768px) {
    .account-header-inner img{
        padding:2rem;
    }
}

.sp-fv img{
    width:75%;
}

.sp-fv h4{
    margin:2.5rem 0 -0.5rem;
    color:#037AC3;
}

.sp-fv-img3{
    margin-bottom:2rem;
    width:67% !important;
}

.sp-container{
    padding:0 2rem;
}

.sp-container h2{
    background: linear-gradient(90deg, #0094dd 0%, #008ed8 40%, #007cc6 80% );
    -webkit-background-clip: text;
    -webkit-text-fill-color	:transparent;
    font-size:3.2rem;
}

.btn-fv a{
    color:#e34f28;
    /* display:block; */
    position:relative;
    font-size:1.5rem;
}
@media (min-width: 768px){
    .btn-fv a{
        font-size:1.3rem;
    }
}

.btn-fv a::before{
    content: "";
    display: block;
    position: absolute;
    font-family: 'icomoon';
    font-size: 1.1rem;
    content: "\e912";
    transform: rotate(90deg);
    margin: auto;
    top: 0;
    bottom: 0;
    height: 1em;
    left: -10%;
    color: #ffffff;
    background-color: #e34f28;
    width: 1.7rem;
    height: auto;
    border-radius: 10px;
}

@media (min-width: 768px){
    .btn-fv a::before{
        width: 15px;
        font-size: 1rem;
    }
}

.btn-fv2{
    margin-left:3.2rem;
    }

@media (min-width: 768px){
    .btn-fv2{
    margin-left:5.2rem;
    }
}

@media (min-width: 768px){
    .btn-fv{
        position:absolute;
        top: 75%;
        left: 6%;
    }

    .btn-fv2{
        left:31%;
    }
}

.btn-fv2 a::before{
    left: -8%;
}

@media (min-width: 768px){
    .btn-fv2 a::before{
        left: -8%;
    }
}

@media (min-width: 768px){
    .btn-fv a:hover{
        opacity:0.6;
    }

    .pc-fv{
        position:relative;
    }
}

.sp-fv-btm{
    font-size:1.5rem;
    text-align: center;
    color: #037AC3;
    font-weight: 600;
}

/* 以下01 */
.circle-steplist{
    padding-top:2rem;
}

.tab-account{
    margin:-0 0 2rem 0;
}

.account-header-btn{
    margin:0 auto;
}


.account-step01-img img{
max-width:100%;
}

.account-step01-img{
    padding-top:2rem;
}


@media (min-width: 767px){
    .account-step01-img{
        padding:3rem 0;
    }
}


.kakunin-img-box img,.account-step03-img img,.step2-2 img{
    width:80%;
}

/* 以下02 */
#acount-step02 .icon-checkmark::before{
    display: none;
}

@media (min-width: 768px){
    .step2-2 img{
        width: 50%;
    }
}

/* 以下03 */
.step03-img1 img{
    width: 70%;
}

.account-step03-img img{
    display: block;
    margin:0 auto;
}

@media (min-width: 768px){
    .step03-img1 img{
        width: 50%;
    }

    #step3-pc-img img{
        width:25%;
        margin:initial;
    }
}

ol{
    list-style-type: none;
    padding-left: 0;
}

.sep03-box{
    border: 1px solid;
    padding: 2rem;
}

.btn-btm{
    padding: 2rem;
    text-align: center;
}

@media (min-width: 768px){
    .step3-mt{
        margin-top:4rem !important;
    }
}

.kakunin-img-box{
    background: #ecf6fe;
    margin:0 auto;
    padding-top:2rem;
}

@media (min-width: 768px){
    .kakunin-img-box{
        padding-top:3rem
    }

    .pc-pt{
        padding:2rem 0 1.5rem 0;

    }
}

@media (max-width: 767px){
    .sp-pt{
    padding-top:1.5rem;
}
}

@media (min-width: 768px) and (max-width: 992px) {
    .justify-content-tb{
        justify-content: left !important;
    }

    .pc-pt{
        padding-top:0;
    }
    }

/* for scrolldisplay */
.fixed-btn {
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
width: 100%;
padding: 0.8rem 1.5rem;
text-align: center;
background-color: rgba(223,223,223,0.6);
}

.account-header-btn a{
    width: 25rem !important;
}

@media (min-width: 768px) {
.account-header-btn a{
    width: 42rem !important;
}
}

.font-italic2{
    color:transparent !important;
}

.g_font2{
    color: transparent !important;
}


@media (min-width: 995px){
.account-step01-img-kojin{
        padding-left:9rem;
    }
}

@media (min-width: 1200px){
.account-step01-img-kojin{
    padding-left:15rem;
}
}