@charset "utf-8";

/* page_guideline
-------------------------------------------------------------------*/
main.page_guideline .gideline_wrap{
    margin-bottom:260px;
}

/* part_time
-------------------------------------------------------------------*/
main.part_time .sitewrap{
    overflow:visible;
    position: relative;
    z-index: 30;
}
main.part_time .blue_area{
    padding-bottom:140px;
    margin-bottom:0;
}
main.part_time .blue_area:after{
    display:none;
}
main.part_time .part_tit{
    margin-bottom:50px;
}
main.part_time .part_tit .part_style{
    text-align:center;
    font-size:2.25rem;
    font-weight:bold;
    margin-bottom:1em;
}
main.part_time .part_tit .part_style em{
    display:block;
    margin-bottom:0.5em;
}
main.part_time .part_tit p{
    font-size:1.5rem;
    font-weight:bold;
    text-align: center;
}
main.part_time .part_tit p + p{
    margin-top:1em;
}
main.part_time .merit{
    position:relative;
    z-index:10;
}
main.part_time .merit:before{
    content:"";
    width: 100%;
    height: 194%;
    background-image:url(../img/part_time/bgimg_merit.png);
    background-size: cover;
    background-position:bottom center;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top: -68%;
    background-repeat:no-repeat;
}
main.part_time .merit_list ol{
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    gap: 0.5%;
    padding-left: 0;
}
main.part_time .merit_list ol li{
    list-style:none;
    width: 24%;
    max-width: 282px;
    background: #fff;
    padding: 30px 20px;
    border-radius: 20px;
    text-align: center;
}
main.part_time .merit_list .merit_style{
    margin-bottom: 25px;
}
main.part_time .merit_list .merit_tit{
    font-size:1.625rem;
    font-weight: 600;
    margin-bottom: 1em;
    min-height: 2.5em;
    display: flex;
    justify-content:center;
    align-items:center;
}
main.part_time .merit_list em span{
    background: linear-gradient(transparent 70%, #ffe45f 30%);
}
main.part_time .merit_list p{
    text-align:left;
    line-height:1.875;
    font-weight:bold;
}
main.part_time .merit_list{
    position:relative;
    z-index:20;
}
main.part_time .merit_list:before{
    content:"";
    width:250px;
    height: 345px;
    background-image:url(../img/top/illust02.png);
    background-size: cover;
    background-position:bottom center;
    position:absolute;
    left: -11%;
    margin:auto;
    top: -61%;
    background-repeat:no-repeat;
    transform: rotate(10deg);
}
main.part_time .merit_list:after{
    content:"";
    width:159px;
    height:342px;
    background-image:url(../img/top/illust04.png);
    background-size: cover;
    background-position:bottom center;
    position:absolute;
    right:-10.5%;
    margin:auto;
    bottom: -25%;
    background-repeat:no-repeat;
}
main.part_time .work_area{
    padding-block: 135px 110px;
    background:#fef9f3;
}
main.part_time .work_area .part_tit .part_style{
    margin-bottom:2em;
}
main.part_time .work_area .work_col{
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    gap:2%;
    margin-bottom: 3em;
}
main.part_time .work_area .work_col .work_item{
    width:48%;
}
main.part_time .work_area .work_col .work_item .fukidashi{
    padding: 15px 20px;
    background:#ffd900;
    border-radius:30px;
    position:relative;
    z-index:20;
    margin-bottom:30px;
}
main.part_time .work_area .work_col .work_item .fukidashi:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    border-top: 20px solid #ffd900;
    border-bottom: 0;
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-20px;
    margin:auto;
}
main.part_time .work_area .work_col .work_item .fukidashi p{
    font-size:1.375rem;
    font-weight:bold;
    text-align:center;
    line-height:1.68;
}
main.part_time .work_area .work_col .work_item .image_area{
    margin-bottom:45px; 
}
.work_area .work_col .work_item .image_area img{
    max-width:100%;
    height:auto;
    border-radius:30px;
}
main.part_time .work_area .work_col .work_item .txt_area{
    padding: 13px 20px;
    background:#d9f0fb;
    border-radius:30px;
    position:relative;
    z-index:20;
    border:3px solid #282828;
}
main.part_time .work_area .work_col .work_item .txt_area .triangle{
    text-align:center;
    position: absolute;
    left: 0;
    right: 0;
    top: -20%;
    margin: auto;
}
main.part_time .work_area .work_col .work_item .txt_area p{
    font-size:1.5rem;
    font-weight:bold;
    text-align:center;
    line-height:1.68;
}
main.part_time .work_area .work_col .work_item .work_ann{
    text-align:right;
    font-weight:500;
    margin-top:5px;
}
main.part_time .treatment{
    margin-bottom: 110px;
}
main.part_time .treatment_style{
    font-size:2.25rem;
    font-weight:bold;
    margin-bottom:1em;
}
main.part_time .treatment_area{
    background:#fff;
    padding: 50px 90px 20px;
    border-radius:30px;
    box-shadow:0 0 15px rgba(0,0,0,0.1)
}
main.part_time .treatment_area ul{
    display:flex;
    justify-content:flex-start;
    align-items:stretch;
    flex-wrap:wrap;
    gap: 3%;
    text-align: left;
}
main.part_time .treatment_area ul li{
    width: 27%;
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 30px;
}
main.part_time .treatment_area p{
    text-align:right;
}
main.part_time .work_area .common_btn02 a{
    max-width:578px;
    height:254px;
}
@media screen and (max-width:1250px) {
    main.part_time .merit_list:before{
        width:150px;
        height: 205px;
        top: -41%;
        background-size: contain;
        left: 0;
    }
    main.part_time .merit_list:after{
        width: 79px;
        height: 172px;
        background-size: contain;
        right: 0;
        bottom: -30%;
    }
    main.part_time .treatment_area ul li{
        width: 27%;
        font-size: 1rem;
        margin-bottom: 30px;
    }
}
@media screen and (max-width:1150px) {
    main.part_time .part_tit .part_style{
        font-size:1.875rem;
    }
    main.part_time .merit_list em{
        font-size:1.25rem;
    }
    main.part_time .work_area .work_col .work_item .fukidashi p{
        font-size:1.125rem;
    }
    main.part_time .work_area .work_col .work_item .txt_area p{
        font-size:1.125rem;
    }
}
@media screen and (max-width:768px) {
    main.page_guideline .gideline_wrap{
        margin-bottom: 80px;
    }
    main.part_time .merit:before{
        width: 100%;
        height: 100%;
        top: -11%;
        background-image:url(../img/top/bgimg_qa_sp.png);
        background-size: contain;
        background-repeat: repeat-y;
        transform: rotateY(180deg);
    }
    main.part_time .merit_list ol{
        flex-wrap:wrap;
     }
     main.part_time .merit_list ol li{
        width: 100%;
        padding: 20px 10px;
        border-radius: 10px;
        margin-bottom: 20px;
        max-width: 100%;
    }
    main.part_time .merit_list .merit_style{
        margin-bottom: 15px;
    }
    main.part_time .merit_list .merit_tit{
        font-size: 1.125rem;
        min-height:0;
        margin-bottom: 1em;
    }
    main.part_time .merit_list:before,
    main.part_time .merit_list:after{
        display:none;
    }
    main.part_time .part_tit{
        margin-bottom:30px;
    }
    main.part_time .part_tit .part_style{
        font-size:1.47rem;
    }
    main.part_time .part_tit .part_style em img{
        max-height:32px;
        width:auto;
    }
    main.part_time .part_tit p{
        font-size:1.14rem;
    }
    main.part_time .part_tit p + p{
        margin-top: 0.5em;
    }
    main.part_time .blue_area{
        margin-bottom:0;
        padding-bottom:50px;
    }
    main.part_time .work_area{
        padding-block: 50px 80px;
    }
    main.part_time .work_area .part_tit .part_style{
        margin-bottom:1em;
    }
    main.part_time .work_area .work_col{
        flex-wrap:wrap;
        gap:0;
        margin-bottom: 40px;
    }
    main.part_time .work_area .work_col .work_item{
        width:100%;
    }
    main.part_time .work_area .work_col .work_item + .work_item{
        margin-top:30px;
    }
    main.part_time .work_area .work_col .work_item .fukidashi{
        padding:10px;
        border-radius:15px;
        margin-bottom:15px;
    }
    main.part_time .work_area .work_col .work_item .fukidashi:before{
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-top: 10px solid #ffd900;
        bottom:-10px;
    }
    main.part_time .work_area .work_col .work_item .fukidashi p{
        font-size:1.07rem;
    }
    main.part_time .work_area .work_col .work_item .image_area{
        margin-bottom:25px; 
    }
    main.part_time .work_area .work_col .work_item .image_area img{
        border-radius:15px;
    }
    .work_area .work_col .work_item .txt_area{
        padding:10px;
        border-radius:15px;
        border:1.5px solid #282828;
    }
    main.part_time .work_area .work_col .work_item .txt_area p{
        font-size:1.07rem;
    }
    main.part_time .work_area .work_col .work_item .txt_area .triangle{
        width: 13%;
    }
    main.part_time .treatment{
        margin-bottom: 40px;
    }
    main.part_time .treatment_style{
        font-size:1.47rem;
    }
    main.part_time .treatment_area{
        background:#fff;
        padding: 20px 20px 10px;
        border-radius:15px;
        box-shadow:0 0 7px rgba(0,0,0,0.1)
    }
    main.part_time .treatment_area ul li{
        width:100%;
        font-size: 1rem;
        margin-bottom: 10px;
    }
    main.part_time .work_area .common_btn02 a{
        height:100px;
    }
}