@charset "UTF-8";
/*-----------------------------------

	info_block

-----------------------------------*/
#info_block {
    padding: 77px 0 112px;
}
#info_block .info_box:not(:last-child) {
    margin-bottom: 80px;
}
#info_block .info_box h3 {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #fff;
    padding: 12.5px 10px 12.5px 87px;
    margin-bottom: 14px;
}
#info_block .info_box.entry h3 {
    padding: 12.5px 10px 12.5px 105px;
}
#info_block .info_box.explain h3 {
    background: url(../img/recruit/info/icon_explain.svg) no-repeat center left 28px / 51px 47px, #1b928e;
}
#info_block .info_box.date h3 {
    background: url(../img/recruit/info/icon_date.svg) no-repeat center left 27px / 51px 41px, #1b928e;
}
#info_block .info_box.web h3 {
    background: url(../img/recruit/info/icon_web.svg) no-repeat center left 34px / 44px 46px, #1b928e;
}
#info_block .info_box.entry h3 {
    background: url(../img/recruit/info/icon_entry.svg) no-repeat center left 33px / 49px 43px, #1b928e;
}
#info_block .info_box p {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.01em;
}
#info_block .info_box p.indent {
    text-indent: -1em;
    padding-left: 1em;
}
#info_block .info_box p:not(:last-child) {
    margin-bottom: 19px; 
}
#info_block .info_box p.mb0 {
    margin-bottom: 0;
}
#info_block .entry_wrapper {
    justify-content: flex-start;
    gap: 30px 85px;
    margin-top: 57px;
}
#info_block .entry_box {
    width: 282px;
}
#info_block .entry_box h4 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 22px;
}
@media screen and (max-width: 640px) {
    #info_block {
        padding: 37px 0 62px;
    }
    #info_block .info_box:not(:last-child) {
        margin-bottom: 40px;
    }
    #info_block .info_box h3 {
        font-size: 20px;
        line-height: 1.55;
        padding: 8px 10px 8px 57px;
    }
    #info_block .info_box.explain h3 {
        background: url(../img/recruit/info/icon_explain.svg) no-repeat center left 20px / 28px 26px, #1b928e;
    }
    #info_block .info_box.date h3 {
        background: url(../img/recruit/info/icon_date.svg) no-repeat center left 17px / 32px 26px, #1b928e;
    }
    #info_block .info_box.web h3 {
        background: url(../img/recruit/info/icon_web.svg) no-repeat center left 24px / 26px 27px, #1b928e;
    }
    #info_block .info_box.entry h3 {
        background: url(../img/recruit/info/icon_entry.svg) no-repeat center left 21px / 29px 23px, #1b928e;
        padding: 8px 10px 8px 65px;
    }
    #info_block .info_box p {
        font-size: 16px;
    }
    #info_block .entry_wrapper {
        gap: 20px 45px;
        margin-top: 27px;
    }
    #info_block .entry_box h4 {
        font-size: 18px;
        margin-bottom: 16px;
    }
    #info_block .entry_box {
        width: 182px;
    }
}