@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/*
* Noto Sans JP (japanese) http://www.google.com/fonts/earlyaccess
 */
/*@font-face { @include noto-sans(300,'Light') }*/
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format("opentype"); }
/*
* Roboto
 */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* FontAwesome Free Version 5.0.10  */
@font-face {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.svg") format("svg");
  /* モバイル等その他のブラウザ向け */ }
@font-face {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.svg") format("svg");
  /* モバイル等その他のブラウザ向け */ }
html {
  font-size: 62.5%; }

body,
textarea,
input,
select,
option {
  color: #333;
  font: 16px/1 'Roboto', 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif; }

ul,
ol {
  list-style: none; }

a {
  color: #333;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

li {
  display: list-item;
  text-align: -webkit-match-parent; }

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

img {
  vertical-align: bottom; }

sup {
  vertical-align: top;
  font-size: 0.5em; }

sub {
  font-size: 0.5em; }

h1 {
  color: #023894; }

body {
  min-height: 100%;
  display: flex;
  flex-direction: column; }

.header {
  width: 100%;
  min-width: 980px;
  overflow: hidden;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  transition: .3s;
  box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.05);
  margin-bottom: 8px; }
  .header__inner {
    width: 980px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .header__inner > ul > li > a {
      position: relative;
      background-color: #0080b9;
      border-radius: 4px;
      width: 192px;
      height: 37px;
      box-sizing: border-box;
      color: #fff;
      font-size: 14px;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 0 0 38px;
      transition: .3s; }
      .header__inner > ul > li > a:hover {
        opacity: .8; }
      .header__inner > ul > li > a::before {
        position: absolute;
        display: block;
        content: "\f0e0";
        font-family: "FontAwesome";
        font-size: 18px;
        top: calc(50% - 9px);
        left: 12px; }
    .header__inner > ul > li:nth-of-type(2) {
      font-weight: 500;
      font-size: 12px;
      color: #808080;
      padding: 8px 14px 0px 6px; }
      .header__inner > ul > li:nth-of-type(2) > span {
        position: relative;
        display: inline-block;
        font-size: 22px;
        padding: 0 0 0 32px; }
        .header__inner > ul > li:nth-of-type(2) > span::before {
          position: absolute;
          display: block;
          content: "\f095";
          font-family: "FontAwesome";
          font-weight: 900;
          font-size: 18px;
          top: 1px;
          left: 5px; }

.index_content {
  margin-top: 88px; }
  .index_content__hero {
    width: 100%;
    min-width: 980px;
    height: 596px;
    box-sizing: border-box;
    background-image: url(../image/bridge_pcb_hero_circle.png), url(../image/bridge_pcb_hero_bg.png);
    background-repeat: no-repeat, repeat;
    background-position: center -88px,center; }
    .index_content__hero_inner {
      position: relative;
      width: 980px;
      margin: 0 auto;
      padding: 96px 0 80px 0; }
      .index_content__hero_inner > h1 {
        margin-bottom: 74px; }
        .index_content__hero_inner > h1 > img {
          display: inline-block; }
          .index_content__hero_inner > h1 > img + img {
            margin-top: 28px; }
      .index_content__hero_inner > p {
        font-size: 16px;
        color: white;
        line-height: 1.875;
        text-align: justify;
        font-feature-settings: 'palt';
        width: 475px;
        margin-bottom: 12px; }
      .index_content__hero_inner > img:nth-of-type(1) {
        position: absolute;
        right: 0;
        top: 275px; }
      .index_content__hero_inner > img:nth-of-type(2) {
        position: absolute;
        right: -110px;
        top: 184px; }
      .index_content__hero_inner > img:nth-of-type(3) {
        position: absolute;
        right: 416px;
        top: 452px; }
  .index_content__measure {
    width: 100%;
    min-width: 980px;
    background: #c2e8f2; }
    .index_content__measure_inner {
      position: relative;
      width: 980px;
      margin: 0 auto;
      padding: 70px 0 90px 0; }
      .index_content__measure_inner::before {
        position: absolute;
        content: '';
        display: block;
        top: 36px;
        left: 12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 40px 0 0;
        border-color: #67c5de transparent transparent transparent; }
      .index_content__measure_inner::after {
        position: absolute;
        content: '';
        display: block;
        bottom: 48px;
        right: 12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 40px 40px;
        border-color: transparent transparent #67c5de transparent; }
      .index_content__measure_inner h2 {
        text-align: center;
        padding-bottom: 46px; }
      .index_content__measure_inner > p {
        font-size: 18px;
        color: #07708c;
        line-height: 2;
        font-feature-settings: 'palt';
        width: 860px;
        margin: 0 auto; }
        .index_content__measure_inner > p > em {
          font-weight: bold;
          font-style: normal;
          padding-bottom: 4px;
          border-bottom: #7cb2c3 2px solid; }
  .index_content__limit {
    width: 100%;
    min-width: 980px;
    padding: 24px 0;
    background-color: #c2e8f2;
    background-image: url(../image/bridge_pcb_sec1_bg.png); }
    .index_content__limit_inner {
      position: relative;
      width: 928px;
      margin: 0 auto;
      background-color: #fff;
      padding: 50px 0 34px 0;
      text-align: center; }
      .index_content__limit_inner::before {
        position: absolute;
        display: block;
        content: "";
        width: 78px;
        height: 78px;
        background-image: url(../image/limit_attention.png.svg);
        top: -52px;
        left: calc(50% - 39px); }
  .index_content__how-we-can {
    width: 100%;
    min-width: 980px; }
    .index_content__how-we-can_inner {
      position: relative;
      width: 980px;
      margin: 0 auto 92px auto; }
      .index_content__how-we-can_inner > div {
        display: block;
        width: 788px;
        height: 219px;
        box-sizing: border-box;
        margin: 64px auto 56px auto;
        padding: 52px 0 0 0;
        text-align: center;
        background-image: url(../image/how-we-can_01_bg.png);
        background-repeat: no-repeat; }
      .index_content__how-we-can_inner > img {
        display: block;
        width: 595px;
        margin: 0 auto; }
        .index_content__how-we-can_inner > img + img {
          position: absolute;
          width: auto;
          top: 200px;
          right: 90px; }
  .index_content__flow {
    min-width: 980px;
    position: relative; }
    .index_content__flow_inner {
      width: 980px;
      margin: 0 auto 92px auto; }
      .index_content__flow_inner h2 {
        text-align: center;
        padding-bottom: 32px; }
      .index_content__flow_inner > ol {
        width: 980px;
        box-sizing: border-box;
        background-color: #a4dceb;
        padding: 13px;
        display: flex;
        justify-content: space-between; }
        .index_content__flow_inner > ol > li {
          position: relative;
          width: 186px;
          box-sizing: border-box;
          padding-top: 220px; }
          .index_content__flow_inner > ol > li > span {
            position: relative;
            color: #0a7a98;
            font-weight: 500;
            font-size: 17px;
            line-height: 1.176;
            height: 40px;
            width: 186px;
            display: table-cell;
            vertical-align: middle;
            text-align: center; }
            .index_content__flow_inner > ol > li > span::before, .index_content__flow_inner > ol > li > span::after {
              position: absolute;
              content: "";
              display: block;
              z-index: 1;
              top: -164px;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 30px 0 30px 30px; }
            .index_content__flow_inner > ol > li > span::before {
              right: -30px;
              border-color: transparent transparent transparent #a4dceb; }
            .index_content__flow_inner > ol > li > span::after {
              right: -20px;
              border-color: transparent transparent transparent #fff; }
          .index_content__flow_inner > ol > li::before {
            position: absolute;
            content: "";
            display: block;
            width: 64px;
            height: 64px;
            top: 148px;
            left: calc(50% - 32px); }
          .index_content__flow_inner > ol > li:nth-of-type(1) {
            background-image: url(../image/flow_pict_01.png);
            background-repeat: no-repeat; }
            .index_content__flow_inner > ol > li:nth-of-type(1)::before {
              background-image: url(../image/flow_order_01.png); }
          .index_content__flow_inner > ol > li:nth-of-type(2) {
            background-image: url(../image/flow_pict_02.png);
            background-repeat: no-repeat; }
            .index_content__flow_inner > ol > li:nth-of-type(2)::before {
              background-image: url(../image/flow_order_02.png); }
          .index_content__flow_inner > ol > li:nth-of-type(3) {
            background-image: url(../image/flow_pict_03.png);
            background-repeat: no-repeat; }
            .index_content__flow_inner > ol > li:nth-of-type(3)::before {
              background-image: url(../image/flow_order_03.png); }
          .index_content__flow_inner > ol > li:nth-of-type(4) {
            background-image: url(../image/flow_pict_04.png);
            background-repeat: no-repeat; }
            .index_content__flow_inner > ol > li:nth-of-type(4)::before {
              background-image: url(../image/flow_order_04.png); }
          .index_content__flow_inner > ol > li:nth-of-type(5) {
            background-image: url(../image/flow_pict_05.png);
            background-repeat: no-repeat; }
            .index_content__flow_inner > ol > li:nth-of-type(5) > span::before, .index_content__flow_inner > ol > li:nth-of-type(5) > span::after {
              display: none; }
            .index_content__flow_inner > ol > li:nth-of-type(5)::before {
              background-image: url(../image/flow_order_05.png); }
  .index_content__trust, .index_content__machine, .index_content__relative {
    position: relative;
    min-width: 980px; }
    .index_content__trust_inner, .index_content__machine_inner, .index_content__relative_inner {
      position: relative;
      width: 980px;
      margin: 0 auto 92px; }
      .index_content__trust_inner h2, .index_content__machine_inner h2, .index_content__relative_inner h2 {
        text-align: center;
        padding: 13px 0;
        height: 84px;
        box-sizing: border-box;
        z-index: 1; }
      .index_content__trust_inner p, .index_content__machine_inner p, .index_content__relative_inner p {
        font-size: 18px;
        color: #666666;
        line-height: 1.765; }
  .index_content__trust_inner > div {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 36px;
    background-color: #faf0df; }
    .index_content__trust_inner > div > dl {
      order: 2;
      text-align: center;
      width: 420px; }
      .index_content__trust_inner > div > dl > dt {
        padding-bottom: 24px; }
      .index_content__trust_inner > div > dl > dd {
        font-size: 15px;
        color: #666; }
    .index_content__trust_inner > div > img {
      order: 1; }
  .index_content__machine_inner > div figure {
    display: block;
    width: 798px;
    margin: 0 auto; }
    .index_content__machine_inner > div figure > figcaption {
      text-align: center;
      margin-top: 20px;
      color: #666;
      font-size: 15px; }
  .index_content__relative_inner h4 {
    font-size: 26px;
    text-align: center;
    padding-bottom: 32px; }
  .index_content__relative_inner > div ul > li > a {
    position: relative;
    padding: 0 16px 0 16px;
    color: #666;
    transition: .3s; }
    .index_content__relative_inner > div ul > li > a:hover {
      color: #0080b9; }
    .index_content__relative_inner > div ul > li > a::before {
      position: absolute;
      display: block;
      content: '\f0da';
      font-family: "FontAwesome";
      font-weight: 900;
      font-size: 18px;
      color: #0080b9;
      top: 0px;
      left: 5px; }
    .index_content__relative_inner > div ul > li > a[href*=".pdf"]::after {
      position: absolute;
      display: block;
      content: '\f1c1';
      font-family: "FontAwesome";
      font-weight: 300;
      color: #de0000;
      top: 2px;
      right: 0px; }

.footer {
  position: relative;
  min-width: 980px;
  background-color: #2f9ebc;
  background-image: url(../image/bridge_pcb_footer_bg.png);
  background-position: center 76px;
  background-repeat: no-repeat;
  margin-top: 32px; }
  .footer__top {
    background: #c2e8f2;
    text-align: center;
    padding: 38px 0 38px; }
    .footer__top > em {
      position: relative;
      width: 980px;
      color: #666;
      font-size: 30px;
      font-style: normal;
      font-weight: 500;
      font-feature-settings: 'palt';
      display: block;
      margin: 0 auto; }
      .footer__top > em::before {
        position: absolute;
        content: "";
        display: block;
        bottom: -32px;
        left: 46px;
        width: 890px;
        height: 149px;
        background-image: url(../image/footrt_top_em.png);
        background-position: top left;
        background-repeat: no-repeat; }
  .footer__middle {
    width: 980px;
    padding: 76px 0 76px;
    margin: 0 auto;
    display: block; }
    .footer__middle > h3 {
      text-align: center;
      font-size: 32px;
      font-weight: 500;
      color: #fff;
      padding-bottom: 38px;
      position: relative;
      font-feature-settings: 'palt'; }
    .footer__middle > p {
      font-size: 18px;
      color: white;
      line-height: 1.778;
      text-align: center;
      margin-bottom: 38px; }
    .footer__middle > div > a {
      background-repeat: no-repeat;
      display: block;
      position: relative;
      margin: 0 auto;
      font-size: 27px;
      font-weight: 500;
      color: #fff;
      padding: 20px;
      text-align: center;
      box-sizing: border-box;
      border-radius: 6px;
      background-color: rgba(0, 128, 185, 0.7);
      width: 600px; }
      .footer__middle > div > a > span {
        transition: .3s; }
      .footer__middle > div > a:hover > span {
        opacity: .8; }
      .footer__middle > div > a:hover::before {
        opacity: .8; }
      .footer__middle > div > a:hover::after {
        opacity: .8; }
      .footer__middle > div > a::before, .footer__middle > div > a::after {
        position: absolute;
        display: block;
        font-family: "FontAwesome";
        color: #fff;
        transition: .3s; }
      .footer__middle > div > a::before {
        content: "\f0e0";
        font-weight: 300;
        font-size: 40px;
        top: 14px;
        left: 44px; }
      .footer__middle > div > a::after {
        content: "\f105";
        font-weight: 600;
        top: 22px;
        right: 32px; }
    .footer__middle > address {
      position: relative;
      margin: 32px auto 0 auto;
      font-style: normal;
      font-size: 20px;
      font-weight: 500;
      color: #fff;
      border-radius: 6px;
      background-color: rgba(164, 220, 235, 0.7);
      width: 600px;
      height: 100px; }
      .footer__middle > address > span {
        display: block;
        padding: 18px 0 12px 133px; }
      .footer__middle > address > img {
        padding-left: 133px; }
      .footer__middle > address::before {
        position: absolute;
        display: block;
        content: "\f095";
        font-family: "FontAwesome";
        font-weight: 600;
        color: #fff;
        font-size: 40px;
        top: 30px;
        left: 46px;
        transition: .3s; }
  .footer__bottom {
    width: 100%;
    min-width: 980px;
    background: #0a7a98; }
    .footer__bottom_inner {
      width: 980px;
      margin: 0px auto;
      padding: 24px 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      .footer__bottom_inner > p {
        font-size: 14px;
        color: #fff; }