.profile { margin: 0 auto 80px; text-align: center; max-width: 380px; }
@media screen and (max-width: 768px) { .profile { margin-bottom: 40px; } }
.profile__text { font-size: 0.875rem; text-align: center; }

.career__title { font-size: 1.25rem; margin-bottom: 3rem; text-align: center; }
@media screen and (max-width: 768px) { .career__title { margin-bottom: 1rem; } }
.career__list { list-style: none; padding-left: 0; }
.career__list li { display: flex; flex-wrap: wrap; align-content: flex-start; letter-spacing: 0.1em; }
.career__list .year { width: 70px; display: inline-block; padding-bottom: 0.5rem; }
.career__list .month { width: 100px; display: inline-block; text-align: right; margin-left: 70px; padding: 0 1rem 0.5rem 0; border-right: 1px solid #ccc; }
.career__list .year + .month { margin-left: 0; }
.career__list .title { width: 250px; margin-left: 1rem; display: inline-block; padding-bottom: 0.5rem; }
.career__list .detail { width: auto; margin-left: 1rem; display: inline-block; padding-bottom: 0.5rem; font-size: 0.75rem; line-height: 1.5; }
.career__list .letter-spacing-narrow { letter-spacing: 0; }
@media screen and (min-width: 1400px) { .career__list { margin-left: 10%; } }
@media screen and (max-width: 991px) { .career__list li { font-size: .875rem; }
  .career__list .year { width: 100%; display: block; padding: 0.2rem 0.5rem 0.2rem; margin: 1rem auto 0.5rem; background: #f4f4f4; }
  .career__list .month { width: 70px; text-align: left; margin-left: 0; padding: 0 0.5rem 0 0; border-right: none; letter-spacing: 0; line-height: 1.5; }
  .career__list .year + .month { margin-left: 0; }
  .career__list .title { width: calc(100% - 80px); display: block; margin-left: 0.5rem; padding-bottom: 0; line-height: 1.5; }
  .career__list .detail { margin-left: 80px; display: block; }
  .career__list .letter-spacing-narrow { letter-spacing: -0.08em; } }

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