/* PC */
@media (min-width: 992px) {

    .payrollfl {
        margin-top: 2vw;
    }

    .payrollfl .lcol {
        background: #eeeeee;
        width: 60%;
        border-radius: 1vw;
        padding: 1.8vw;
        line-height: 2.5vw;
        font-size: 1.1vw;
        letter-spacing: 0.1vw;
    }

    .payrollfl .rcol{
        width: 30%;
        display: flex;
        align-items: flex-end;
    }
    
    .support1 {
        margin-bottom: 2vw;
    }

    .supportfl{
        width: 90%;
    }

    .supportfl .lcol{
        width: 40%;
        margin: auto 0;
    }

    .supportfl .lcol p{
        font-size: 1vw;
        line-height: 2vw;
    }

    .supportfl .rcol {
        width: 45%;
        background-color: #fff;
        border: solid 1px #ebebeb;
        border-radius: 1vw;
        padding: 1.5vw 2vw;
    }

    .supportfl .rcol img{
        vertical-align: middle;
        width: 4%;
    }

    .supportfl .rcol p{
        font-size: 0.9vw;
        line-height: 2vw;
    }

    .supportfl2 {
        flex-wrap: wrap;
    }

    .supportfl2 div {
        width: 49%;
    }

    .supportfl2 p{
        width: 78%;
        margin: auto;
        font-size: 1vw;
        line-height: 2vw;
    }

    .supportfl2 p:last-child{
        margin-bottom: 3vw;
        line-height: 2vw;
    }

    .meri{
        position: relative;
        background-color: #eee;
        border-radius: 1vw;
    }

    .meri .title{
        position: absolute;
        top: -3vw;
        left: 15%;
    }

    .merifl{
        padding-top: 8vw;
        margin-top: 5vw;
        flex-wrap: wrap;
    }

    .meri .title b{
        letter-spacing: 0.1vw;
    }

    .meri .title img{
        width: 18%;
    }

    .meri .threecol{
        width: 30%;
        background-color: #fff;
        border-radius: 1vw;
        position: relative;
        padding-bottom: 3vw;
    }

    .meri .imgbox{
        text-align: center;
    }

    .meri .threecol .imgbox img{
        width: 30%;
    }

    .meri .threecol .num{
        position: absolute;
        font-size: 2.5vw;
        top: -2vw;
        left: 2vw;
    }

    .meri .threecol .num p {
        font-size: 2.5vw;
    }

    .meri .imgbox{
        margin-top: 3vw;
    }

    .meri .threecol p{
        font-size: 1vw;
        width: 70%;
        margin: auto;
    }

    .meri .onecol{
        width: 70%;
        margin: 2vw auto;
        background-color: #fff;
        border-radius: 1vw;
        position: relative;
        padding-bottom: 3vw;
    }

    .meri .onecol .imgbox img{
        width: 13%;
    }

    .meri .onecol .num{
        position: absolute;
    }

    .meri .onecol .num p {
        font-size: 2.5vw;
    }

    .meri .onecol .num{
        position: absolute;
        font-size: 2.5vw;
        top: -2vw;
        left: 2vw;
    }

    .meri .onecol p{
        font-size: 1vw;
        width: 75%;
        margin: auto;
    }

    .need{
        background: #fff;
        border: 1px dashed #d90000;
        border-radius: 1vw;
        margin-top: 5vw;
        padding: 6vw 3vw 2vw;
        position: relative;
    }

    .need .title{
        position: absolute;
        top: -6vw;
        left: 22%;
        font-size: 1vw;
    }

    .bikkuri{
        font-size: 7vw;
    }

    .need .honbun p{
        font-size: 0.95vw;
        line-height: 2.5vw;
    }

    .gotofl .ryokin{
        background: #fffbde;
        border: solid 5px #d90000;
        border-radius: 0.8vw;
        padding: 1vw;
    }

    .gotofl{
        width: 55%;
    }

    .gotofl a {
        width: 45%;
        font-size: 1vw;
    }

    .gotofl .ryokin img{
        width: 13%;
        vertical-align: middle;
    }

    .gotofl .contact{
        background: #d90000;
        border: solid 5px #d90000;
        border-radius: 0.8vw;
        padding: 1vw;
    }

    .gotofl .contact img{
        width: 13%;
        vertical-align: middle;
        filter: brightness(10);
    }

}

/* PC以下サイズ */
@media (max-width: 991px) {

    .headimgbox{
        padding-top: 25vw;
    }

    .payrollfl {
        margin-top: 2vw;
        position: relative;
        margin-bottom: 15vw;
    }

    .payrollfl .lcol {
        background: #eeeeee;
        border-radius: 1vw;
        padding: 3vw;
        line-height: 6vw;
        font-size: 3vw;
        letter-spacing: 0.1vw;
    }

    .payrollfl .rcol{
        width: 30%;
        position: absolute;
        bottom: -9vw;
        right: 1vw;
    }
    
    .support1 {
        margin-bottom: 20vw;
    }

    .supportfl{
        width: 90%;
        margin: auto;
    }

    .supportfl .lcol p{
        font-size: 3vw;
    }

    .supportfl .rcol {
        background-color: #fff;
        border: solid 1px #ebebeb;
        border-radius: 1vw;
        padding: 3.5vw 4vw;
        margin: 5vw 0;
    }

    .supportfl .rcol img{
        vertical-align: middle;
        width: 4%;
    }

    .supportfl .rcol p {
        font-size: 3vw;
        line-height: 5vw;
    }

    .supportfl2 {
        flex-wrap: wrap;
    }

    .supportfl2 p{
        width: 90%;
        margin: auto;
        font-size: 3vw;
    }

    .supportfl2 p:last-child{
        margin-bottom: 20vw;
    }

    .meri{
        position: relative;
        background-color: #eee;
        border-radius: 1vw;
    }

    .meri .title{
        position: absolute;
        top: 3vw;
        left: 5%;
        width: 90%;
    }

    .merifl{
        padding-top: 20vw;
        margin-top: 5vw;
        flex-wrap: wrap;
        padding-bottom: 5vw;
    }

    .meri .title p{
        letter-spacing: 0.1vw;
    }

    .meri .title img{
        width: 80%;
    }

    .meri .threecol{
        width: 90%;
        margin: 15vw auto;
        background-color: #fff;
        border-radius: 1vw;
        position: relative;
        padding-bottom: 3vw;
    }

    .meri .imgbox{
        text-align: center;
    }

    .meri .threecol .imgbox img{
        width: 20%;
        margin-top: 7vw;
    }

    .meri .spcol{
        display: flex;
        align-items: center;
        width: 80%;
    }

    .meri .threecol .num{
        position: absolute;
        font-size: 2.5vw;
        top: -3vw;
        left: 2vw;
    }

    .meri .threecol .num p {
        font-size: 10vw;
    }

    .meri .imgbox{
        margin-top: 3vw;
    }

    .meri .threecol p{
        font-size: 3vw;
        width: 90%;
        margin: auto;
    }

    .meri .onecol{
        width: 90%;
        margin: 2vw auto;
        background-color: #fff;
        border-radius: 1vw;
        position: relative;
        padding-bottom: 3vw;
    }

    .meri .onecol .imgbox img{
        width: 20%;
        margin-top: 7vw;
    }

    .meri .onecol .num{
        position: absolute;
    }

    .meri .onecol .num p {
        font-size: 10vw;
    }

    .meri .onecol .num{
        position: absolute;
        font-size: 2.5vw;
        top: -3vw;
        left: 2vw;
    }

    .meri .onecol p{
        font-size: 3vw;
        width: 90%;
        margin: auto;
    }

    .need{
        background: #fff;
        border: 1px dashed #d90000;
        border-radius: 1vw;
        margin-top: 5vw;
        padding: 6vw 3vw 2vw;
        position: relative;
        margin-bottom: 8vw;
    }

    .need .title{
        position: absolute;
        top: -11vw;
        left: 5vw;
        font-size: 2.7vw;
    }

    .bikkuri{
        font-size: 12vw;
        margin-right: -3vw;
    }

    .need .honbun{
        margin-top: 6vw;
    }

    .need .honbun p{
        font-size: 3vw;
        line-height: 5vw;
    }

    .gotofl .ryokin{
        background: #fffbde;
        border: solid 0.6vw #d90000;
        border-radius: 0.8vw;
        padding: 2vw;
        margin-bottom: 3vw;
    }

    .gotofl{
        width: 50%;
        margin: auto;
    }

    .gotofl a {
        width: 45%;
        font-size: 3vw;
        text-align: center;
    }

    .gotofl .ryokin img{
        width: 13%;
        vertical-align: middle;
    }

    .gotofl .contact{
        background: #d90000;
        border: solid 5px #d90000;
        border-radius: 0.8vw;
        padding: 2vw;
    }

    .gotofl .contact img{
        width: 13%;
        vertical-align: middle;
    }


}