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; } }

h1.section-header {
  color: #525454;
  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 #525454;
    width: calc((100% - 357px) / 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; }
      @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: #525454;
      margin-bottom: 0px;
      font-weight: 300; }
      @media all and (max-width: 768px) {
        section.section article figure p.w-100-in-fig-mobile {
          width: 100%;
          margin-right: 0px; } }

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