@charset "UTF-8";

/* sass */
.hdg-wrap.lv2.with-date.officer-date { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-end; margin-top: 30px; margin-bottom: -10px; }

.hdg-wrap.lv2.with-date.officer-date > .date { padding-left: 2em; color: #333; font-size: 1.4rem; margin-bottom: 0.5em; margin-right: 0; margin-left: auto; }

@media all and (min-width: 768px) { .hdg-wrap.lv2.with-date.officer-date { margin-top: 0; margin-bottom: 0; } }

.officer-wrap-add { padding-bottom: 20px; }

@media all and (min-width: 768px) { .officer-wrap-add { padding-bottom: 0; margin-bottom: -20px; } }

.officer-txt-post { margin-top: 20px; }

.officer-txt-birth { margin-top: 20px; }

.officer-txt-name { font-size: 3.0rem; line-height: 1; font-weight: 700; margin-top: 25px; }

.officer-txt-name [data-ruby] { position: relative; display: inline-block; font-family: "Noto Serif JP", serif; }

.officer-txt-name [data-ruby]:before { content: attr(data-ruby); position: absolute; font-weight: 400; top: -1.5em; left: 0.1em; right: -0.1em; margin: auto; font-size: 0.3333em; }

.officer-txt-name [data-ruby] rt { display: none; }

.officer-txt-name .officer-spc { font-size: 1.5rem; }

.officer-list-history { margin-top: 20px; padding-bottom: 40px; }

.officer-list-history dt { float: left; clear: left; width: 5.5em; font-size: 1.4rem; line-height: 1.6; }

.officer-list-history dt.officer-year { padding-left: 1em; }

.officer-list-history dt.officer-year span { display: none; }

.officer-list-history dt.officer-year:before { content: "\003003"; }

.officer-list-history dd { font-size: 1.4rem; line-height: 1.6; padding-left: 5.5em; }

.officer-list-history:after { content: ""; display: block; clear: both; }

@media all and (min-width: 768px) { .officer-list-history { padding-right: 4em; padding-bottom: 50px; } }