@charset "UTF-8";
/* CSS Document */
.page_recruit{text-align: center}

.page_recruit .news{padding: 50px 0 80px;text-align: center}
.page_recruit .news dl{border-bottom: 1px dotted #ccc;padding-bottom: 10px;margin-bottom: 10px}
.page_recruit .news dt{text-align: left; width: 36%;}
.page_recruit .news .date{color: #f08329;position: relative;padding-left: 17px;width: 33%}
.page_recruit .news .date::before{    content: "";    position: absolute;    top: 50%;    left: 0;    transform: translateY(-50%);    border: 5px solid transparent;    border-left: 8px solid #f08329;}
.page_recruit .news .marugame{vertical-align: middle; background: #6db92c;border-radius: 5px;width: 28%; font-size: 1.3rem;letter-spacing: 0.2em; text-align: center;color: #fff;}
.page_recruit .news .takamatsu{vertical-align: middle; background: #1a90ad;border-radius: 5px;width: 28%; font-size: 1.3rem;letter-spacing: 0.2em; text-align: center;color: #fff;}
.page_recruit .news .murakami{vertical-align: middle; background: #e5921e;border-radius: 5px;width: 28%; font-size: 1.3rem;letter-spacing: 0.2em; text-align: center;color: #fff;}
.page_recruit .news .cate{width: 33%;font-size: 1.3rem;}
.page_recruit .news .bt{margin-top: 40px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_recruit .news dt{text-align: left; width: 100%;}
.page_recruit .news .marugame,
.page_recruit .news .takamatsu,
.page_recruit .news .murakami{font-size: 1.1rem}
.page_recruit .news dd{padding-left: 18px;margin-top: 10px;text-align: left}
}