@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* #region custom */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  word-wrap: break-word;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

body, input, textarea, select, button {
  font-family: Helvetica, Arial, 'Heiti TC', 'Microsoft JhengHei', sans-serif;
}

/* #endregion custom */
/* #region function */
/* #endregion function */
/* #region mixin */
/* #endregion mixin */
/* #region extend */
.cast-subtitle {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/* #endregion extend */
/* #region 活動結束-索取資料banner */
#end_banner {
  position: fixed;
  bottom: 0;
  display: none;
  margin: 0 auto;
  width: 100%;
  background: url(https://static.digiwin.com/tw/dsc/images/event_end_bg.jpg) no-repeat center center;
  background-size: cover;
  color: #868484;
  text-align: center;
}
#end_banner a {
  display: block;
}
#end_banner img {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}

/* #endregion 活動結束-索取資料banner */
/* #region all */
html.popup_visible body {
  overflow: hidden;
}

body {
  min-width: 320px;
  background-color: #fff;
  font-size: 1.375rem;
}

.container {
  margin: 0 auto;
  max-width: 1200px;
}

.contentTitle {
  color: #00aae6;
  font-weight: bold;
  font-size: 1.5625rem;
}

.contentSubtitle {
  font-weight: bold;
  font-size: 1.375rem;
  line-height: 22px;
}

strong {
  color: #ffea00;
}

@media (max-width: 1200px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 414px) {
  html {
    font-size: 14px;
  }
}
/* #endregion all */
/* #region nav */
nav {
  z-index: 3;
  width: 100%;
  height: 60px;
  background-color: #fb620f;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
nav.is-sticky a:first-of-type.active.is-active, nav.is-sticky a:not(:first-of-type).active {
  background-color: transparent;
  color: #fff;
}
nav .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0;
  padding-left: 0;
}
nav a {
  width: 25%;
  height: 60px;
  border-right: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-size: 22px;
  display: block;
  line-height: 60px;
}
nav a:first-of-type {
  border-left: 1px solid #fff;
}

.mbnav {
  z-index: 3;
  width: 100%;
  height: 60px;
  background-color: #fb620f;
  display: none;
}
.mbnav.is-sticky a:first-of-type.active.is-active, .mbnav.is-sticky a:not(:first-of-type).active {
  background-color: transparent;
  color: #fff;
}
.mbnav .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0;
  padding-left: 0;
}
.mbnav a {
  width: 25%;
  height: 60px;
  border-right: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-size: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1.3;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mbnav a:first-of-type {
  border-left: 1px solid #fff;
}

#mbnav-sticky-wrapper {
  display: none;
}

@media (max-width: 1200px) {
  nav a:first-of-type,
  .mbnav a:first-of-type {
    border-left: none;
  }

  nav a:last-of-type,
  .mbnav a:last-of-type {
    border-right: none;
  }
}
@media (max-width: 768px) {
  nav {
    display: none;
  }

  .mbnav {
    display: block;
  }

  #mbnav-sticky-wrapper {
    display: block;
  }

  #pcnav-sticky-wrapper {
    display: none;
  }
}
@media (max-width: 414px) {
  .mbnav a {
    font-size: 20px;
  }
}
/* #endregion nav */
/* #region header */
header {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-image: url('../images/03/header-bg.png?1543193090');
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  background-color: #fbbc09;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header img {
  vertical-align: bottom;
}

@media (max-width: 1024px) {
  header {
    height: auto;
    background-color: #333391;
    background-image: url('../images/03/header-bg-m.png?1543193090');
    background-size: cover;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
/* #endregion header */
/* #region banner/main */
.banner {
  margin-top: 51px;
  margin-bottom: 32px;
  padding: 20px 48px 20px 262px;
  background-image: url('../images/03/banner-bg.png?1543193090');
  background-size: cover;
  color: #fff;
  letter-spacing: 0.01em;
  line-height: 40px;
}
@media (max-width: 1200px) {
  .banner {
    margin-right: 20px;
    margin-left: 20px;
    padding-left: 48px;
    background-color: #0e6bb8;
    background-image: none;
  }
}

.main {
  margin-bottom: 40px;
  letter-spacing: 0.01em;
  font-size: 21px;
  line-height: 44px;
}

/* #endregion banner/main */
/* #region cast */
.cast {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-image: url('../images/03/cast-bg.jpg?1543193090');
  background-color: #fbbc09;
}
.cast .container {
  padding-top: 40px;
  padding-bottom: 30px;
}
.cast-title {
  margin-bottom: 25px;
  color: #0e6bb8;
  text-align: center;
  letter-spacing: 0.025em;
  font-weight: bold;
  font-size: 36px;
  line-height: 1.3;
}
.cast-subtitle {
  position: relative;
  margin: 0 auto;
}
.cast-subtitle::after {
  position: absolute;
  top: 3px;
  right: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #085fa6;
  content: '';
}
.cast-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cast-items li {
  padding-right: 5px;
  padding-left: 5px;
  cursor: pointer;
}
.cast-items figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cast-items figcaption {
  margin-top: 10px;
}
.cast-items p {
  text-align: center;
  letter-spacing: 0.025em;
  font-size: 18px;
  line-height: 1.5;
}
.cast-items p:first-of-type {
  color: #b0370d;
}
.cast-items p:last-of-type {
  font-weight: bold;
}
.cast section:first-of-type {
  margin-bottom: 20px;
}
.cast section:first-of-type .cast-subtitle {
  height: 25px;
  background-image: url('../images/03/cast-subtitle1.png?1543193090');
  max-width: 1039px;
}
.cast section:first-of-type .cast-items {
  max-width: 1075px;
}
.cast section:first-of-type .cast-items li {
  width: calc(100% / 4);
}
@media (max-width: 768px) {
  .cast section:first-of-type .cast-items li {
    width: calc(100% / 2);
  }
}
.cast section:last-of-type .cast-subtitle {
  height: 25px;
  background-image: url('../images/03/cast-subtitle2.png?1543193090');
  max-width: 1036px;
}
.cast section:last-of-type .cast-items {
  max-width: 450px;
}
.cast section:last-of-type .cast-items li {
  width: calc(50%);
}
.cast_popup {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 1067px;
  max-height: 621px;
  width: calc(100% - 20px);
  opacity: 0;
}
@media (max-width: 870px) {
  .cast_popup {
    max-height: 80%;
  }
}
.cast_popup-container {
  overflow: hidden;
  height: 100%;
  border: 1px solid #7bc9ff;
  border-radius: 5px;
}
.cast_popup-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 16%;
  padding-left: 16%;
  background-color: #232121;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 870px) {
  .cast_popup-slide {
    padding-top: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.cast_popup-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-overflow-scrolling: touch;
  color: #fff;
  letter-spacing: 0.01em;
  line-height: 1.7;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 870px) {
  .cast_popup-content {
    overflow-y: auto;
    height: calc(100% - 60px);
  }
}
.cast_popup-content h1,
.cast_popup-content h2,
.cast_popup-content dt {
  color: #7bc9ff;
}
.cast_popup-content h1 {
  font-weight: bold;
  font-size: 36px;
}
@media (max-width: 870px) {
  .cast_popup-content h1 {
    text-align: center;
  }
}
.cast_popup-content h2 {
  font-weight: bold;
  font-size: 17px;
}
@media (max-width: 870px) {
  .cast_popup-content h2 {
    text-align: center;
  }
}
.cast_popup-content dt {
  position: relative;
  display: inline-block;
  font-size: 20px;
}
.cast_popup-content dt::after {
  position: absolute;
  bottom: 5px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #7bc9ff;
  content: '';
}
.cast_popup-content dd {
  font-size: 17px;
}
.cast_popup-content dd:first-of-type {
  margin-bottom: 2em;
}
.cast_popup-col:first-of-type {
  padding-top: 13px;
  width: 245px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 870px) {
  .cast_popup-col:first-of-type {
    width: 100%;
    text-align: center;
  }
}
.cast_popup-col:last-of-type {
  width: calc(100% - 245px);
}
@media (max-width: 870px) {
  .cast_popup-col:last-of-type {
    width: 100%;
  }
}
.cast_popup-button {
  position: absolute;
  top: 50%;
  z-index: 1;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cast_popup-button:focus {
  outline: none;
}
@media (max-width: 870px) {
  .cast_popup-button {
    display: none;
  }
}
.cast_popup-button-prev {
  height: 71px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAABHBAMAAAByjJNhAAAAMFBMVEUAAAB1b291b291b291b291b291b291b291b291b291b291b291b291b291b291b2/rRf6kAAAAD3RSTlMAEO8wz2CfcN+vj79QQCDi0st8AAAA4klEQVQ4y7WUzQ3CMAxGg1B7QIA4dAEWoIgFYAPYADaADVAngA1YgQ3YiT8hBDLQXOK+Rr5QH5+s5qWxP6crKRxqeh1UUTuXVZVlIs8qO4nIQqNUvnXRbPtj57ESkbJmIZuUSJ3cz0ukDDPfVmgRHJH6tjdEtHLXo3uNyD5ArbjI0AV1iIq8wrZl4yJrinR8261GZBOgXlzkGIrsoiKj/4g4jx7O6MP3eC79eA/jvvgvto4xGHg3vC/mwJgXzBXmrzGdBDrYN+4l99fYc+QBcgP5whwy88rNlTTzjznJPGXufgAEGaTNvUh4AQAAAABJRU5ErkJggg==');
  width: 37px;
  left: 70px;
}
.cast_popup-button-next {
  height: 71px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAABHBAMAAAByjJNhAAAAMFBMVEUAAAB1b291b291b291b291b291b291b291b291b291b291b291b291b291b291b2/rRf6kAAAAD3RSTlMAEO8wz2CfcN+vj79QQCDi0st8AAAA4UlEQVQ4y2NgYGBsZcAAIv8NMMTy/yujC3H9//9FAE0s/v///xtQhZj/A8E3VDGj/yBQgCLmDxb7imYrCHwyQHUdGOghizH2g8W+CKBbgu4cXojYNzRHYzqHDSL2B0XhfNzOUURxjj5u50xAFuPB45wAujgnAVmMFSL2C8WWetzO+YuicD9u5zQii/FR3TkcELEPeNUhzMNvL8J9+P2B8C9muJDvkAnY4o1A/M7H6ZA/eNMVIv3R3CFfCeQ3XtwO2YA3nyPKA7zlBqJ8IVQOIcordCc7ECj/EOUk4fIUs9wFAFtApM2wgBOqAAAAAElFTkSuQmCC');
  width: 37px;
  right: 70px;
}
.cast_popup-pagination {
  position: absolute;
  bottom: 35px !important;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cast_popup-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #756f6f;
  cursor: pointer;
}
.cast_popup-pagination-bullet:not(:last-of-type) {
  margin-right: 14px;
}
.cast_popup-pagination-bullet-active {
  background-color: #fff;
}
.cast_popup_close {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
  width: 41px;
  height: 41px;
  border: 1px solid #7bc9ff;
  border-radius: 50%;
  background-color: #232121;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAVCAMAAACaPIWZAAAAM1BMVEUAAAB7yf97yf97yf97yf97yf97yf97yf97yf97yf97yf97yf97yf97yf97yf97yf97yf8hfAJBAAAAEHRSTlMA8BAw0GCgQOAgwHCwUJCABfvlGwAAAI5JREFUGNNtkFEShCAIQBE10raN+582mBiBKb70ofAAYBTmUmFFlftfD8TMDR2vW5fENIwtPNoksRlORX+S6HqYhsNvpudjd2xS41jY7QTt1sbDpDIOUgVfGHf26tlI43TkE/imYvEDSKUwypiKDtAynr6pj9WCtr8clxp1e9wZpFeK8zjnMzcSUXauQsYNbCkIhyhl+aoAAAAASUVORK5CYII=');
  background-position: 50%;
  background-repeat: no-repeat;
  color: #7bc9ff;
  cursor: pointer;
}
.cast_popup_close:focus {
  outline: none;
}

/* #endregion cast */
/* #region schedule */
.schedule {
  margin-bottom: 22px;
  padding-top: 40px;
}
.schedule h1 {
  margin-bottom: 30px;
  color: #0e6bb8;
  text-align: center;
  letter-spacing: 0.025em;
  font-weight: bold;
  font-size: 30px;
  line-height: 29px;
}
.schedule-date p {
  text-align: center;
  letter-spacing: 0.025em;
  font-size: 22px;
  line-height: 1.7;
}
.schedule-date p:first-of-type {
  margin-bottom: .5em;
}
.schedule-date a {
  color: #000;
}
.schedule-date img {
  vertical-align: middle;
}
.schedule-date strong {
  color: #0e6bb8;
  font-weight: bold;
  font-size: 22px;
}
.schedule-date br {
  display: none;
}
@media (max-width: 870px) {
  .schedule-date br {
    display: block;
  }
}

.schedule-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 75px;
  line-height: 35px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.schedule-list dt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 184px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.schedule-list dt:not(:last-of-type)::before {
  position: relative;
  right: -27px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #fbbc09;
  content: '';
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.schedule-list dt:not(:last-of-type)::after {
  position: absolute;
  top: 0;
  right: 26px;
  width: 1px;
  height: 100%;
  background-color: #fbbc09;
  content: '';
}
.schedule-list dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 13px;
  padding-bottom: 13px;
  width: calc(100% - 184px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.schedule-list dd:last-of-type {
  padding: 0;
}
.schedule-list dd:not(:nth-last-of-type(-n + 2)) {
  border-bottom: 1px solid #c7c7c7;
}
.schedule-list dd > div {
  width: calc((100% - 10px) / 2);
  text-align: left;
}
.schedule-list dd > div:first-of-type {
  margin-right: 10px;
}
@media (max-width: 768px) {
  .schedule-list dd > div {
    width: 100%;
  }
  .schedule-list dd > div:first-of-type {
    margin-right: 0;
    margin-bottom: 13px;
  }
}
.schedule-list sup {
  vertical-align: super;
  font-size: smaller;
}

@media (max-width: 1200px) {
  .schedule {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 414px) {
  .schedule-list {
    line-height: 40px;
  }
  .schedule-list dt {
    width: 154px;
  }
  .schedule-list dt:not(:last-of-type)::before {
    right: -12px;
  }
}
/* #endregion schedule */
/* #region date */
.date {
  max-width: 546px;
}
.date dt {
  margin-top: 1em;
  font-weight: bold;
}

.date-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.date-year {
  margin-left: 15px;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1;
}

.date-day {
  color: #00b4fa;
  font-weight: bold;
  font-size: 6.25rem;
  line-height: 1;
}
.date-day::after {
  content: attr(data-date);
  font-size: 1.5625rem;
}
.date-day:last-of-type {
  margin-top: 50px;
}

/* #endregion date */
/* #region signup */
.signup {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-image: url('../images/03/signup-bg.png?1543193090');
  padding-top: 50px;
  padding-bottom: 50px;
  background-size: cover;
  color: #fff;
  letter-spacing: 0.01em;
  line-height: 40px;
}
.signup h1 {
  margin-bottom: 10px;
}
.signup ul {
  padding-left: 1em;
  list-style-type: decimal;
}
.signup dd:first-of-type {
  margin-bottom: 30px;
}

/* #endregion signup */
/* #region signupEntry */
.signupEntry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 170px;
  background-color: #0e6bb8;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.signupEntry p {
  text-align: center;
  line-height: 1.3;
}
.signupEntry p:first-of-type {
  position: relative;
  margin-bottom: 15px;
  letter-spacing: 0.1em;
  font-weight: bold;
  font-size: 5rem;
  line-height: 1;
}
.signupEntry p:first-of-type::after {
  position: absolute;
  top: 0;
  right: -100px;
  content: url('../images/03/signup-entry.png?1543193090');
}
.signupEntry br {
  display: none;
}
.signupEntry strong {
  color: #fff000;
  font-weight: bold;
}

@media (max-width: 768px) {
  .signupEntry p:first-of-type {
    font-size: 4.375rem;
  }
  .signupEntry p:first-of-type::after {
    display: none;
  }
  .signupEntry br {
    display: block;
  }
}
/* #endregion signupEntry */
/* #region interview */
.interview {
  margin-bottom: 60px;
}

.interview-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 480px auto;
      grid-template-columns: 480px auto;
  -ms-grid-rows: (auto)[2];
      grid-template-rows: repeat(2, auto);
}

.interview-title {
  padding-top: 10px;
  padding-left: 15px;
  height: 91px;
  background-image: url('../images/03/interview-title-bg.png?1543193090');
  color: #fff;
  font-weight: bold;
  font-size: 1.875rem;
}

.interview-name {
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 2.25rem;
}

.interview-intro {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.interview-intro p:nth-last-child(-n + 2) {
  margin-bottom: 1em;
}

.interview-illust {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.interview-experience {
  padding-left: 28px;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
.interview-experience ul:first-of-type {
  margin-bottom: 1em;
  padding-left: 1em;
  list-style-type: disc;
}

@media (max-width: 1200px) {
  .interview-grid {
    -ms-grid-columns: auto;
        grid-template-columns: auto;
    -ms-grid-rows: (auto)[3];
        grid-template-rows: repeat(3, auto);
  }

  .interview-intro {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }

  .interview-illust {
    margin-bottom: 1em;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column-align: center;
        justify-self: center;
  }

  .interview-experience {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
}
/* #endregion interview */
/* #region share */
.share h1 {
  margin-bottom: 1em;
}

.share-list {
  margin-bottom: 1em;
  padding-left: 1em;
  list-style-type: disc;
}

.video {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  /* 16:9 */
  width: 100%;
  height: 0;
  margin-bottom: 72px;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* #endregion share */
/* #region footer */
footer {
  padding-top: 55px;
  padding-bottom: 55px;
  background-color: #e5e5e5;
  letter-spacing: 0.02em;
  font-size: 25px;
}
footer .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .row:nth-of-type(1) {
  padding-bottom: 82px;
}
footer .row:nth-of-type(1) .col:nth-of-type(2) {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
@media (max-width: 1250px) {
  footer .row:nth-of-type(1) .col:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
footer .row:nth-of-type(2) img:not(:last-of-type) {
  margin-right: 23px;
}
@media (max-width: 1250px) {
  footer .row:nth-of-type(2) img:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 1250px) {
  footer .row:nth-of-type(2) .col:first-of-type {
    margin-bottom: 20px;
  }
}
footer .row:nth-of-type(2) .col:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1250px) {
  footer .row:nth-of-type(2) .col:last-of-type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
footer .row:nth-of-type(2) .col:last-of-type img:first-of-type {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
@media (max-width: 1250px) {
  footer .row:nth-of-type(2) .col:last-of-type img:first-of-type {
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 1250px) {
  footer .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
footer .col:nth-of-type(1) {
  padding-left: 50px;
  width: 164px;
}
@media (max-width: 1250px) {
  footer .col:nth-of-type(1) {
    padding-left: 0;
    width: 105px;
  }
}
@media (max-width: 1250px) {
  footer .col:nth-of-type(1) {
    padding-left: 0;
  }
}
footer .col:nth-of-type(2) {
  padding-left: 15px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 1250px) {
  footer .col:nth-of-type(2) {
    padding-left: 0;
  }
}
footer .col:nth-of-type(3) {
  padding-left: 15px;
  width: 233px;
}
@media (max-width: 1250px) {
  footer .col:nth-of-type(3) {
    padding-left: 0;
  }
}

/* #endregion footer */



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