.font-en { font-family: 'Josefin Sans', sans-serif; }

.font-maru { font-family: 'Zen Maru Gothic', sans-serif; }

.font-num { font-family: 'Roboto', sans-serif; }

.header .header-logo { width: 295px; }
@media screen and (max-width: 750px) { .header .header-logo { width: 51.0948905109%; }
  .header .header-logo img { max-height: 60px; } }

.career-con { padding: 90px 0; }
@media screen and (max-width: 750px) { .career-con { padding: 80px 0; } }

.career-in { width: 100%; max-width: 1000px; margin: 0 auto; }

.career-txt { padding-bottom: 2em; border-bottom: 1px solid #0080d2; font-size: 1.125rem; }

.career-detail { padding: 60px 0; }
.career-detail .detail-heading { margin-bottom: 40px; padding: 15px; background-color: #0d3078; font-size: 1.125rem; color: #fff; font-weight: bold; text-align: center; }
.career-detail dl { display: flex; align-items: stretch; justify-content: flex-start; border-top: 1px solid #c8c8c8; }
@media screen and (max-width: 750px) { .career-detail dl { display: block; } }
.career-detail dl:last-child { border-bottom: 1px solid #c8c8c8; }
.career-detail dl dt { width: 13em; padding: 30px 5px; background-color: #f4f5ff; font-size: 1.125rem; text-align: center; font-weight: 300; }
@media screen and (max-width: 750px) { .career-detail dl dt { width: 100%; padding: 15px 5px; } }
.career-detail dl dd { flex: 1; padding: 30px 40px; font-weight: 300; }
@media screen and (max-width: 750px) { .career-detail dl dd { padding: 15px; } }

.career-flow { margin-bottom: 90px; }
@media screen and (max-width: 750px) { .career-flow { margin-bottom: 80px; } }
.career-flow .flow-in { padding: 40px 20px 60px; background-color: #f4f5ff; }
.career-flow .flow-heading { margin-bottom: 40px; font-size: 1.25rem; color: #0d3078; font-weight: 700; text-align: center; }
.career-flow ul { width: 100%; max-width: 600px; margin: 0 auto; }
.career-flow ul li { margin-bottom: 8px; }
.career-flow ul li:nth-child(odd) { padding: 15px; background-color: #fff; text-align: center; color: #0d3078; font-weight: 700; }
.career-flow ul li:nth-child(odd) span { font-weight: 400; }
.career-flow ul li:nth-child(even) { width: 45px; margin: 0 auto 8px; }
.career-flow ul li:nth-child(even) img { vertical-align: middle; }
.career-flow ul li:last-child { margin-bottom: 0; }

/*# sourceMappingURL=career.css.map */