body {
  background: #FFFFFF;
  color: #000;
  font-family: "Noto Sans TC", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-style: normal;
  position: relative; }

#back-link {
  position: fixed;
  right: 2.7vw;
  top: 700px; }
  @media all and (max-width: 768px) {
    #back-link {
      display: none; } }

@media all and (min-width: 769px) {
  .flex-column-desktop {
    flex-direction: column; } }

@media all and (min-width: 769px) {
  figure.poem p {
    margin-top: 0px;
    margin-right: 40px; }
  figure.poem p:last-child {
    margin-right: 0px; } }

@media all and (max-width: 768px) {
  figure.poem {
    flex-direction: column; }
    figure.poem p {
      width: 72px;
      margin: 0px auto; } }

h1.section-header {
  color: #564A3F;
  font-size: 40px;
  letter-spacing: 0.2em;
  line-height: 46px;
  text-align: center;
  margin-top: 87px;
  position: relative; }
  @media all and (max-width: 768px) {
    h1.section-header {
      font-size: 20px;
      margin-top: 24px;
      line-height: 20px; } }
  h1.section-header:before, h1.section-header:after {
    content: '';
    position: absolute;
    top: 50%;
    border-top: 1px solid #564A3F;
    width: calc((100% - 420px) / 2); }
    @media all and (max-width: 768px) {
      h1.section-header:before, h1.section-header:after {
        width: calc((100% - 244px) / 2); } }
  h1.section-header:before {
    left: 0px; }
  h1.section-header:after {
    right: 0px; }

section.section article {
  max-width: 834px;
  margin: 93px auto 112px auto; }
  @media all and (max-width: 768px) {
    section.section article {
      width: 91vw;
      min-width: 342px;
      margin: 15px auto 26px auto; } }
  section.section article p {
    font-size: 20px;
    letter-spacing: 0.02em;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 100px; }
    @media all and (max-width: 768px) {
      section.section article p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 26px; } }
    section.section article p.summary {
      margin-top: 100px;
      font-weight: 700; }
      @media all and (max-width: 768px) {
        section.section article p.summary {
          margin-top: 26px;
          color: #808080;
          font-size: 14px;
          line-height: 25px; } }
  section.section article figure {
    display: flex;
    align-items: flex-end;
    margin-left: 0px;
    margin-right: 0px; }
    @media all and (min-width: 769px) {
      section.section article figure.align-top-desktop {
        align-items: start; }
        section.section article figure.align-top-desktop p {
          margin-top: 0px; } }
    @media all and (max-width: 768px) {
      section.section article figure {
        flex-wrap: wrap; } }
    section.section article figure:last-child {
      margin-top: 40px; }
      @media all and (max-width: 768px) {
        section.section article figure:last-child {
          margin-top: 26px; } }
    section.section article figure img {
      min-width: 349px;
      margin-right: 40px; }
      section.section article figure img.w-100-in-fig {
        width: 100%;
        margin-right: 0px; }
      section.section article figure img.w-50-in-fig {
        width: 50%; }
        section.section article figure img.w-50-in-fig:first-child {
          margin-right: 16px; }
      @media all and (max-width: 768px) {
        section.section article figure img {
          min-width: 342px;
          margin-left: auto;
          margin-right: auto; }
          section.section article figure img.mini-img {
            min-width: auto;
            width: 44.2vw; }
            section.section article figure img.mini-img + p {
              width: 100%; } }
    section.section article figure p {
      color: #564A3F;
      margin-bottom: 0px;
      font-weight: 300; }

section.e-first {
  background-image: url("../img/e-first-bg.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover; }
  @media all and (max-width: 768px) {
    section.e-first {
      background-image: url("../img/e-first-bg-mobile.jpg"); } }

section.e-second h1.section-header, section.e-third h1.section-header, section.e-fourth h1.section-header {
  font-size: 30px; }
  @media all and (max-width: 768px) {
    section.e-second h1.section-header, section.e-third h1.section-header, section.e-fourth h1.section-header {
      font-size: 15px; }
      section.e-second h1.section-header:before, section.e-second h1.section-header:after, section.e-third h1.section-header:before, section.e-third h1.section-header:after, section.e-fourth h1.section-header:before, section.e-fourth h1.section-header:after {
        width: calc((100% - 200px) / 2); } }

@media all and (max-width: 768px) {
  section.e-second article p.summary, section.e-third article p.summary, section.e-fourth article p.summary {
    font-size: 12px; } }

section.e-fifth h1.section-header {
  color: #FBD554; }
  section.e-fifth h1.section-header:before, section.e-fifth h1.section-header:after {
    border-top: 1px solid #FBD554;
    width: calc((100% - 340px) / 2); }
    @media all and (max-width: 768px) {
      section.e-fifth h1.section-header:before, section.e-fifth h1.section-header:after {
        width: calc((100% - 244px) / 2); } }

section.e-fifth .last-block {
  margin-top: 100px; }
  section.e-fifth .last-block .last-header {
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0.02em;
    color: #FBD554; }
    @media all and (max-width: 768px) {
      section.e-fifth .last-block .last-header {
        font-size: 12px; } }
  section.e-fifth .last-block .last-title {
    margin-bottom: 10px; }
    @media all and (max-width: 768px) {
      section.e-fifth .last-block .last-title {
        font-size: 12px;
        margin-bottom: 5px; } }
  @media all and (max-width: 768px) {
    section.e-fifth .last-block {
      margin-top: 25px; } }
  section.e-fifth .last-block .last-p {
    margin-top: 10px;
    margin-bottom: 0px; }
    @media all and (max-width: 768px) {
      section.e-fifth .last-block .last-p {
        margin-top: 5px;
        font-size: 12px; } }