@charset "utf-8";
/* CSS Document */


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

Last update:    2023-03-27

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



/*=============================
lead_area
=============================*/
#lead_area .pgnav{
    display: flex;
    flex-wrap:nowrap;
    justify-content:center;
    gap:0 1.5em;
    max-width: 800px;
    margin: 0 auto;
}
#lead_area .pgnav li{
    width: 20%;
    margin: 0 2%;
    box-sizing: border-box;
}

@media screen and (max-width:600px){
    #lead_area .pgnav li{
        width: 24%;
        margin: 0 0.5%;
    }
}






/*=============================
flow_area
=============================*/
#flow_area .pc{
    display: block;
}
#flow_area .sp{
    display: none;
}

@media screen and (max-width:600px){
    #flow_area .pc{
        display: none;
    }
    #flow_area .sp{
        display: block;
    }
}


/*=============================
btn_box
=============================*/

ul.btn_box li a{
    display: block;
}
#flow_area .flow_step01{
    position: relative;
}
#flow_area .flow_step01 .btn_box {
    position: absolute;
    left:10%;
    bottom: 25%;
}
@media screen and (max-width:820px){
    #flow_area .flow_step01 .btn_box {
        width: 70%;
        bottom: 20%;
    }
}
@media screen and (max-width:768px){
    #flow_area .flow_step01 .btn_box {
        bottom: 15%;
    }
}
@media screen and (max-width:600px){
    #flow_area .flow_step01 .btn_box {
        width: 90%;
        bottom: 25%;
    }
}