@charset "utf-8";

#hatarakeru {
    width: 920px;
    margin: 30px auto;
    padding: 14px 0px;
}
#hatarakeru p{
    /*font-family: 'Hiragino Maru Gothic Pro','Hiragino Maru Gothic ProN','Hiragino Maru Gothic Std','Hiragino Maru Gothic StdN';*/
    font-size: 17px;
    color: #555;
}
#hatarakeru .head {
    text-align: center;
    position: relative;
}
#hatarakeru .head::after {
    display: block;
    content: url(/pc/img/hatarakeru/ichigochan_hatarakeru.png?date=20190329);
    position: absolute;
    top: 20px;
    right: 40px;
}
#hatarakeru main {
    display: block;
    width: 800px;
    margin: 50px auto 0;
}
#hatarakeru main p {
    font-size: 23px;
    margin: 22px 13px 70px;
}

#hatarakeru main .left_box,
#hatarakeru main .right_box {
    float: left;
    width: 48.5%;
    height: 376px;
    border: solid 1px #ff628a;
    border-radius: 8px;
    position:relative;
}
#hatarakeru main .left_box p,
#hatarakeru main .right_box p {
    font-size: 17px;
    margin: 10px 18px 0px;
    text-align: left;
}
#hatarakeru main .left_box a{
    text-decoration: underline;
}
#hatarakeru main .left_box .ttl,
#hatarakeru main .right_box .ttl {
    margin: 0;
}
#hatarakeru main .left_box{
    text-align: right;
}
#hatarakeru main .left_box::before {
    display: block;
    content: "いちごなびが初めての方は・・・";
    /*font-family: 'Hiragino Maru Gothic Pro','Hiragino Maru Gothic ProN','Hiragino Maru Gothic Std','Hiragino Maru Gothic StdN';*/
    font-size: 16px;
    position: absolute;
    top: 260px;
    left: 92px;
}
#hatarakeru main .left_box::after {
    display: block;
    content: url(/pc/img/hatarakeru/usagi_hatarakeru.png);
    position: absolute;
    top: 180px;
    left: -20px;
}
#hatarakeru main .left_box img {
    margin: 20px 20px 28px 0;
}
#hatarakeru main .right_box {
    float: right;
    text-align: center;
}
    #hatarakeru main .right_box::before {
        display: block;
        content: "すでにオファー待ちの方は";
        /*font-family: 'Hiragino Maru Gothic Pro','Hiragino Maru Gothic ProN','Hiragino Maru Gothic Std','Hiragino Maru Gothic StdN';*/
        font-size: 16px;
        position: absolute;
        top: -28px;
        left: 0;
    }
#hatarakeru main .right_box::after {
    display: block;
    content: url(/pc/img/hatarakeru/staff_hatarakeru.png);
    position: absolute;
    top: 180px;
    left: 20px;
}
#hatarakeru main .right_box img {
    margin: 122px 0 0 0;
}
#hatarakeru .caution {
    background: #ffe7ed;
    border-radius: 8px;
    width: 800px;
    margin: 36px auto;
    padding: 26px 40px;
}