@charset "UTF-8";


/*　
---------------------------------------------------------*/

.outline{
    position: relative;
    z-index: 1;    
}
.outline_inner{
    padding-top: 18rem;
    padding-bottom: 18rem;
    position: relative;
    z-index: 5;    
}
.outline_ttl{
    font-size: var(--f32);
    font-weight: var(--font-normal);
    margin-bottom: 4rem;
}
.outline_mes{
    font-size: var(--f16);    
}

.outline .c-textSlide2{
    top: 10rem;
}
.outline .c-textSlide2_main{
    width: 515rem;
}



/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .outline{}
    .outline_inner{
    padding-top: 7rem;
    padding-bottom: 6rem;
    }

    .outline_ttl{
    font-size: 2rem;
    margin-bottom: 1.5rem;
}
    .outline_mes{
    font-size: 1.4rem;
}

    .outline .c-textSlide2{
    top: 3rem;
}
    .outline .c-textSlide2_main{
    width: 256rem;
}


}

/*　
---------------------------------------------------------*/
.procedure{
    position: relative;
    z-index: 1;    
}
.procedure_inner{
    padding-top: 18rem;
    padding-bottom: 18rem;
    position: relative;
    z-index: 5;    
}

.reception_btn{
    display: flex;
    gap: 1rem 2rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}
.decision_zu{
    width: 47.6rem;
    margin-top: 4rem;
}
html[lang="en"] .decision_zu{
    width: 68rem;
}

.procedure .c-textSlide2{
    top: 10rem;
}
.procedure .c-textSlide2_main{
    width: 543rem;
}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .procedure{}
    .procedure_inner{
        padding-top: 7rem;
        padding-bottom: 6rem;
    }

    .reception_btn{
        justify-content:center;
    }
    .decision_zu{
    width: auto;
}


    .procedure .c-textSlide2{
    top: 3rem;
}
    .procedure .c-textSlide2_main{
    width: 266rem;
}


}