@charset "UTF-8";
body {
  background: #E02F1C;
  font-family: 'Segoe UI',SegoeUI,'Microsoft JhengHei',微軟正黑體,"Helvetica Neue",Helvetica,Arial,sans-serif; }

section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 769px) {
    section {
      min-height: 100vh; } }
  section#top {
    min-height: 100vh;
    background: pink url(../images/bg.jpg) no-repeat center center;
    background-size: cover; }
  section#profile {
    background: #fff; }
  section#message {
    background: #FCFCF0; }

.manufacture-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  .manufacture-logo li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 5px;
    max-width: 200px; }

#top .manufacture-logo {
  max-width: 600px; }

.contents-footer strong {
  color: chocolate; }
  .contents-footer strong::before {
    font-family: 'Material Icons';
    content: "star";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    font-size: 1rem;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-transform: translateY(0.1em);
    -ms-transform: translateY(0.1em);
    transform: translateY(0.1em);
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga'; }

.contents {
  margin: auto auto 36px auto;
  width: 80%; }
  @media screen and (min-width: 769px) {
    .contents {
      margin: auto; } }
  .contents-header {
    margin-bottom: 4em;
    padding: 2em 0;
    border-bottom: 1px solid #999; }
    .contents-header__title {
      font-size: 2em;
      letter-spacing: .3em; }
    .contents-header__subtitle {
      color: #E02F1C; }
  .contents-body__company {
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media screen and (min-width: 769px) {
      .contents-body__company {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
    .contents-body__company > div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .contents-body__company-description {
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .contents-body__company-description dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .contents-body__company-description dl dt, .contents-body__company-description dl dd {
          margin-bottom: 1em; }
        .contents-body__company-description dl dt {
          width: 30%;
          text-align: right; }
        .contents-body__company-description dl dd {
          width: 70%; }
    .contents-body__company-business-items {
      margin-top: 1em; }
      .contents-body__company-business-items ul {
        list-style-type: none;
        padding: 0; }
        .contents-body__company-business-items ul li {
          margin: 0;
          padding: 0;
          line-height: 1.6em; }
          .contents-body__company-business-items ul li::before {
            font-family: 'Material Icons';
            content: "arrow_right";
            font-weight: normal;
            font-style: normal;
            font-size: 24px;
            /* Preferred icon size */
            font-size: 1rem;
            display: inline-block;
            line-height: 1;
            text-transform: none;
            letter-spacing: normal;
            word-wrap: normal;
            white-space: nowrap;
            direction: ltr;
            -webkit-transform: translateY(0.1em);
            -ms-transform: translateY(0.1em);
            transform: translateY(0.1em);
            /* Support for all WebKit browsers. */
            -webkit-font-smoothing: antialiased;
            /* Support for Safari and Chrome. */
            text-rendering: optimizeLegibility;
            /* Support for Firefox. */
            -moz-osx-font-smoothing: grayscale;
            /* Support for IE. */
            -webkit-font-feature-settings: 'liga';
            font-feature-settings: 'liga'; }
  .contents-body__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media screen and (min-width: 769px) {
      .contents-body__message {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
    .contents-body__message-text {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2; }
    .contents-body__message-image {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .contents-body__message p {
      margin-bottom: 1em;
      line-height: 1.8em; }
    .contents-body__message img {
      margin: 0 auto; }
    .contents-body__message figcaption {
      margin: 16px 0 16px 0;
      text-align: center; }

a.symbol__link {
  color: #333;
  text-decoration: none; }
  a.symbol__link:visited {
    color: #1c6ae0; }
  a.symbol__link:hover {
    text-decoration: underline;
    color: #74a5ee; }
  a.symbol__link::before {
    font-family: 'Material Icons';
    content: "link";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    font-size: 1rem;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-transform: translateY(0.1em);
    -ms-transform: translateY(0.1em);
    transform: translateY(0.1em);
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    margin-right: .2em; }

li .symbol__link {
  margin-left: 1.5em; }

#top .top-hero {
  margin: auto;
  position: relative;
  padding: 20px 130px 20px 20px;
  background: rgba(255, 255, 255, 0.8); }
  #top .top-hero-image {
    width: 500px; }
  #top .top-hero-chara-image {
    position: absolute;
    width: 100px;
    right: 10px;
    bottom: 0; }

footer {
  min-height: 180px;
  overflow: hidden;
  background: #E02F1C; }
  footer .footer-hero {
    margin: auto;
    padding: 30px;
    position: relative;
    text-align: center;
    color: #fff; }
    footer .footer-hero-image {
      width: 500px;
      margin: auto; }
    footer .footer-hero-chara-image {
      position: absolute;
      width: 200px;
      top: -30px;
      right: 10px;
      opacity: .4; }
  footer .footer-manufacture-logo img {
    display: inline;
    width: 160px; }