/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: "Microsoft YaHei", Arial;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

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

audio, canvas, progress, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

progress {
  vertical-align: baseline
}

template, [hidden] {
  display: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active, a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b, strong {
  font-weight: inherit
}

b, strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

code, kbd, pre, samp {
  font-size: 1em
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

button, input, select, textarea {
  font: inherit;
  margin: 0
}

optgroup {
  font-weight: bold
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

textarea {
  overflow: auto
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

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
}

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
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none
}

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
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  padding: 0
}

input, select {
  vertical-align: middle
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

body {
  color: #333333;
  background-color: #ffffff;
  line-height: 1.42857143
}

li {
  list-style-type: none
}

a {
  color: inherit
}

a, a:hover {
  text-decoration: none;
  cursor: pointer
}

span {
  font-size: .75em
}

h1 {
  font-weight: bold
}

header .header_wrap .top {
  height: 4em;
  box-shadow: 0 0 5px #dedcdc;
  background: -ms-linear-gradient(top, #fff, #Fafafa);
  background: -moz-linear-gradient(top, #fff, #Fafafa);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#Fafafa));
  background: -webkit-linear-gradient(top, #fff, #Fafafa);
  background: -o-linear-gradient(top, #fff, #Fafafa)
}

header .header_wrap .top .menu {
  position: absolute;
  width: 64px;
  height: 64px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ccc;
  font-size: 28px;
}

header .header_wrap .top .menu.close {
  display: none
}

header .header_wrap .top .menu.close ~ .close {
  display: block
}

header .header_wrap .top .close {
  display: none;
  position: absolute;
  width: 4em;
  height: 4em;
  color: #D0D0D0;
  text-align: center;
  line-height: 4em
}

header .header_wrap .top .close span {
  font-size: 3em
}

header .header_wrap .top .panel {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 4em
}

header .header_wrap .top .panel .logo {
  display: inline
}

header .header_wrap .top .panel strong {
  font-size: 20px;
  vertical-align: super;
}

header .header_wrap .top .panel .logo img {
  width: 40%;
  min-width: 8.875em
}

header .header_wrap .top .panel .company_name {
  display: none;
}


header .header_wrap .navigation {
  display: none
}

header .header_wrap .navigation .group:first-child .title {
  border-top: none
}

header .header_wrap .navigation .group.active .title {
  background-color: #DE1633;
  color: #fff;
  border-top-color: #DE1633
}

header .header_wrap .navigation .group.active .title .caret {
  border-bottom: 4px dashed #fff;
  border-top: 0
}

header .header_wrap .navigation .group .title {
  position: relative;
  display: block;
  padding-left: 1em;
  height: 2.5em;
  line-height: 2.5em;
  border-top: 1px solid #E5E5E5
}

header .header_wrap .navigation .group .title .caret {
  position: absolute;
  right: 1em;
  float: right;
  top: 1.5em;
  border-top: 4px dashed #333;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

header .header_wrap .navigation .group .wrapper {
  display: none;
  background-color: #F0F0F0
}

header .header_wrap .navigation .group .wrapper .item {
  height: 2em;
  line-height: 2em;
  border-bottom: 1px solid #fff;
  cursor: pointer
}

header .header_wrap .navigation .group .wrapper .item a {
  display: block;
  padding-left: 2.2857em;
  font-size: .875em
}

.small_img, .middle_img {
  width: 100%;
}

.culture_flex_wrap {
  margin-bottom: 2em;
  flex-direction: column;
}

.manage_flex_wrap {
  flex-direction: column;
}

.culture_content_wrap {
  margin-top: 2em;
}

.culture_wrap {
  width: 100%;
  height: 7.5em;
}

.small_margin_bottom {
  margin-bottom: 1em;
}

.culture_column_img_wrap, .manage_bottom_column_img_wrap {
  display: flex;
  flex-direction: column;
}

.career_flex_wrap {
  display: flex;
  margin-top: 2em;
  margin-bottom: 2em;
  flex-direction: column;
}

.career_flex_wrap .p_summary {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.career_start_img {
  width: 100%;
  height: 18.75em;
  object-fit: cover;
  margin-top: 2em;
}

.career_practice_img {
  height: 20.5em;
}

.no_padding_left li {
  padding-left: 1.5em;
  font-size: 0.875em;
  line-height: 1.5em;
  position: relative;
}

.no_padding_left li:before {
  position: absolute;
  left: 0.5em;
  content: '•';
  font-weight: bold;
}

.career_last_flex_wrap {
  margin-bottom: 0;
}

.career_left_ul > :first-child {
  margin-bottom: 2em;
}

.career_practice_img {
  margin-top: 2em;
}

article .career_pilot_p_summary {
  margin-top: 2em;
  margin-bottom: 0;
}

.career_last_flex_wrap {
  margin-top: 0.5em;
}

.career_last_flex_wrap > :first-child {
  margin-bottom: 2em;
}

.media_evaluate {
  font-size: 0.8125em;
  margin-top: 1.5em;
  line-height: 2em;
}

.media_evaluate p {
  font-weight: bold;
}

.media_evaluate a {
  text-decoration: underline;
  color: #0099CC;
}

.experience .p_small_area {
  margin-top: 2em;
}

.p_innovation article .p_big_area.network .text_left .sub_text {
  margin-top: 2em;
}

.flex_person {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex_person_info_wrap {
  display: flex;
  flex-direction: column;
}

.flex_person_info_wrap .information {
  width: 100%;
}

.p_description_indent {
  margin-bottom: 0.75em;
  margin-top: 0.375em;
  display: inline-block;
  padding-left: 0;
  font-size: .875em;
  line-height: 1.71428em
}


.p_list_circle.p_list_circle_bold {
  margin-bottom: 0.5em;
}

.p_list_circle.p_list_circle_bold li {
  font-weight: 600;
}

.p_list_circle.p_list_circle_bold ul li {
  font-weight: 400;
  padding-left: 1.2em;
}

.p_list_circle.p_list_circle_bold ul li:before {
  position: absolute;
  left: .3em;
}

.p_span_indent {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.71428em
}

.p_company .p_wrap article .culture .p_sub {
  margin-bottom: 1.125em;
}

.p_company .p_wrap article .culture .p_list_circle li {
  line-height: 1.8em;
}

.p_company .p_wrap article .culture .p_list_circle {
  margin-bottom: 0;
}

.p_company .p_description {
  margin-top: 2em;
  margin-bottom: 32px;
}

.p_company .p_wrap article .p_big_area.compose .p_small_area .p_sub {
  margin-top: 0;
}

.p_company .company_compose_1 .p_img {
  margin-top: 0;
  margin-bottom: 32px;
}


.culture_content_wrap div:first-child {
  padding-bottom: 1.5em;
}

.culture_content_wrap div:last-child {
  padding-bottom: 12px;
}

.culture_wrap {
  height: auto;
}

.p_job_description article div {
  font-size: 14px;
}

@media (min-width: 640px) {
  header {
    box-shadow: 0 0 5px #dedcdc;
    background: -ms-linear-gradient(top, #fff, #Fafafa);
    background: -moz-linear-gradient(top, #fff, #Fafafa);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#Fafafa));
    background: -webkit-linear-gradient(top, #fff, #Fafafa);
    background: -o-linear-gradient(top, #fff, #Fafafa)
  }

  header .header_wrap {
    position: relative;
    width: 75em;
    height: 7.5em;
    margin: 0 auto
  }

  header .header_wrap .top {
    background: none;
    border-bottom: none;
    box-shadow: none
  }

  header .header_wrap .top .menu {
    display: none
  }

  header .header_wrap .top .panel {
    display: inline-block;
    margin-top: 2.1em
  }

  header .header_wrap .top .panel .company_name {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    display: inline;
    position: relative;
    bottom: 0.2em;
  }

  header .header_wrap .top .panel .logo img {
    width: 19.875em;
    position: relative;
    top: 0.1em;
  }

  header .header_wrap .navigation {
    display: inline-block;
    position: absolute;
    top: 4.125em;
    right: 0
  }

  header .header_wrap .navigation .group {
    float: left
  }

  header .header_wrap .navigation .group:hover .title {
    border-bottom: 4px solid #e01830
  }

  header .header_wrap .navigation .group:hover .wrapper {
    visibility: visible;
    opacity: 1;
    z-index: 10
  }

  header .header_wrap .navigation .group .title {
    padding-left: 0;
    width: 6.5em;
    height: 3.4375em;
    text-align: center;
    line-height: normal;
    border-top: none
  }

  header .header_wrap .navigation .group .title .caret {
    display: none
  }

  header .header_wrap .navigation .group .wrapper {
    position: absolute;
    display: inline-block;
    min-width: 7.5em;
    visibility: hidden;
    opacity: 0;
    text-wrap: nowrap;
  }

  header .header_wrap .navigation .group .wrapper .item {
    height: 2.5em;
    line-height: 2.5em;
    border-bottom: none
  }

  header .header_wrap .navigation .group .wrapper .item a {
    padding-left: .75em;
    padding-right: .75em
  }

  header .header_wrap .navigation .group .wrapper .item a:hover {
    background-color: #Fafafa
  }

  .culture_wrap {
    width: 26em;
    height: 9em;
  }

  .middle_img {
    width: 36.5em;
    height: 22.5em;
  }

  .small_img {
    width: 260px;
    height: 142px;
  }

  .manage_bottom_column_img_wrap {
    width: 240px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .manage_bottom_column_img_wrap img {
    width: 100%;
    height: auto;
  }

  .culture_flex_wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }

  .manage_flex_wrap {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    margin-bottom: 32px;
  }

  .culture_column_img_wrap {
    width: 260px;
  }

  .small_margin_bottom {
    margin-bottom: 0;
  }

  .special_margin_bottom {
    margin-bottom: 24px;
  }

  .career_flex_wrap {
    flex-direction: row;
    align-items: center;
  }

  .p_carreer .p_wrap .career_flex_wrap .career_start_img {
    width: 18.75em;
    height: 16.375em;
    margin-top: 0;
    object-fit: cover;
    margin-left: 1em;
  }

  .p_carreer .p_wrap .career_flex_wrap .career_practice_img {
    width: 18.75em;
    height: 12.5em;
    margin-top: 0;
    object-fit: cover;
  }

  .p_carreer .p_wrap .career_flex_wrap .career_pilot_img {
    width: 18.75em;
    height: 12.5em;
    position: relative;
    top: -1em;
    margin-left: 1em;
  }

  .career_left_ul {
    width: 30.25em;
  }

  .career_left_ul .p_list_circle {
    margin-bottom: 2em;
  }

  .career_left_ul .p_list_circle li {
    line-height: 1.5em;
  }

  article .career_pilot_p_summary {
    margin-top: 2em;
    margin-bottom: 0;
  }

  .no_padding_left {
    width: 30.25em;
    position: relative;
    top: 1.3125em;
  }

  .media_evaluate {
    font-size: 0.875em;
    line-height: 1.5em;
  }

  .p_description_indent {
    padding-left: 2.25em;
  }

  .p_list_circle.p_list_circle_bold li:before {
    left: 2.6em
  }

  .p_list_circle.p_list_circle_bold li {
    padding-left: 3.7em;
  }
}

footer .wrap {
  padding: 2.25em 1em 1.5em 1em;
  background-image: url(../module/footer/footer_bg.png);
  background-repeat: repeat;
  border-top: 1px solid #e01830;
  border-bottom: 1px solid #3A3939
}

footer .wrap .inner .link {
  color: #8AB5D9
}

footer .wrap .inner .link ul {
  float: left;
  width: 50%
}

footer .wrap .inner .link ul li {
  height: 2.5em;
  line-height: 2.5em
}

footer .wrap .inner .link ul li a:hover {
  text-decoration: underline
}

footer .wrap .inner .about .title {
  margin-bottom: 1em;
  padding: 2.5em 0 1em 0;
  font-weight: bold;
  color: #cccccc;
  border-bottom: 1px solid #3A3939
}

footer .wrap .inner .about .title span {
  font-size: 1.5em
}

footer .wrap .inner .about .text {
  font-size: .875em;
  line-height: 2em;
  color: #B7b7b7
}

footer .copy {
  padding-top: 1.125em;
  height: 6em;
  background-color: #1A1A1A;
  text-align: center;
  color: #B7b7b7
}

footer .copy p {
  font-size: .75em
}

footer .copy img {
  margin-top: .5em;
  width: 9em
}

footer .return {
  display: none;
  position: fixed;
  right: 1em;
  bottom: 3em;
  width: 2.5em;
  height: 2.5em;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  text-align: center;
  line-height: 2.5em;
  cursor: pointer
}

@media (min-width: 640px) {
  footer .wrap {
    padding-bottom: 4em;
    padding-left: 0;
    padding-right: 0
  }

  footer .wrap .inner {
    width: 75em;
    margin: 0 auto
  }

  footer .wrap .inner .link {
    float: right;
    padding-left: 3em;
    width: 20.5em;
    border-left: 1px solid #3A3939
  }

  footer .wrap .inner .link ul {
    float: none
  }

  footer .wrap .inner .link ul li {
    height: 2em;
    line-height: 2em
  }

  footer .wrap .inner .link ul li a {
    font-size: .875em
  }

  footer .wrap .inner .about {
    float: left;
    width: 52.5em
  }

  footer .wrap .inner .about .title {
    padding-top: .5em;
    margin-bottom: 1.65em
  }

  footer .copy p {
    font-size: .875em
  }
}

.p_default .p_wrap {
  padding: 0
}

.p_default .p_wrap .summary {
  position: relative;
  height: 15em;
  background: url('../libs/images/default/default_summary_background.png') no-repeat center center;
  background-size: cover;
  color: #fff
}

.p_default .p_wrap .summary .inner {
  position: absolute;
  bottom: 2.5em;
  padding-left: .5em
}

.p_default .p_wrap .summary .inner .title span {
  font-size: 1.25em
}

.p_default .p_wrap .summary .inner .text {
  display: none
}

.p_default .p_wrap .summary .shadow {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.5em;
  background: -webkit-linear-gradient(rgba(26, 26, 26, 0), #1a1a1a);
  background: -o-linear-gradient(rgba(26, 26, 26, 0), #1a1a1a);
  background: -moz-linear-gradient(rgba(26, 26, 26, 0), #1a1a1a);
  background: -mos-linear-gradient(rgba(26, 26, 26, 0), #1a1a1a);
  background: linear-gradient(rgba(26, 26, 26, 0), #1a1a1a)
}

.p_default .p_wrap .outside {
  height: 12.875em;
  line-height: 1.25em;
  padding: 1em .5em 1.125em;
  background-color: #1A1A1A;
  color: #fff
}

.p_default .p_wrap .outside .inside .text {
  line-height: 1.25em
}

.p_default .p_wrap .outside .inside .text span {
  font-size: .875em
}

.p_default .p_wrap .headline_common .headline {
  margin-bottom: 1.125em;
  text-align: center;
  font-weight: lighter
}

.p_default .p_wrap .headline_common .headline .main {
  color: #A41101;
  font-size: 1.5em
}

.p_default .p_wrap .headline_common .headline .line {
  display: inline-block;
  border-top: 1px solid #d18880;
  width: 4em
}

.p_default .p_wrap .headline_common .headline .en {
  margin-top: .3125em;
  color: #d18880;
  font-size: .75em
}

.p_default .p_wrap .business {
  padding: 1em 1em .25em 1em
}

.p_default .p_wrap .business .headline {
  margin-bottom: 1.125em;
  text-align: center;
  font-weight: lighter
}

.p_default .p_wrap .business .headline .main {
  color: #A41101;
  font-size: 1.5em
}

.p_default .p_wrap .business .headline .line {
  display: inline-block;
  border-top: 1px solid #d18880;
  width: 4em
}

.p_default .p_wrap .business .headline .en {
  margin-top: .3125em;
  color: #d18880;
  font-size: .75em
}

.p_default .p_wrap .business .business_common {
  position: relative
}

.p_default .p_wrap .business .business_common .cover {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%
}

.p_default .p_wrap .business .business_common .cover .sub {
  display: block;
  height: 11.25em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  text-align: center;
  line-height: 11.25em;
  font-weight: bold
}

.p_default .p_wrap .business .business_common .cover .sub span {
  font-size: 1.75em
}

.p_default .p_wrap .business .business_common .cover .info {
  margin: .5em 0 1em;
  line-height: 1.5em
}

.p_default .p_wrap .business .business_common .cover .info span {
  font-size: .875em
}

.p_default .p_wrap .business .left,
.p_default .p_wrap .business .left_bottom {
  position: relative
}

.p_default .p_wrap .business .left .cover,
.p_default .p_wrap .business .left_bottom .cover {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%
}

.p_default .p_wrap .business .left .cover .sub,
.p_default .p_wrap .business .left_bottom .cover .sub {
  display: block;
  height: 11.25em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  text-align: center;
  line-height: 11.25em;
  font-weight: bold
}

.p_default .p_wrap .business .left .cover .sub span,
.p_default .p_wrap .business .left_bottom .cover .sub span {
  font-size: 1.75em
}

.p_default .p_wrap .business .left .cover .info,
.p_default .p_wrap .business .left_bottom .cover .info {
  margin: .5em 0 1em;
  line-height: 1.5em
}

.p_default .p_wrap .business .left .cover .info span,
.p_default .p_wrap .business .left_bottom .cover .info span {
  font-size: .875em
}

.p_default .p_wrap .business .left .cover .sub,
.p_default .p_wrap .business .left_bottom .cover .sub {
  background-image: url('../libs/images/default/default_business_left.png')
}

.p_default .p_wrap .business .top {
  position: relative
}

.p_default .p_wrap .business .top .cover {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%
}

.p_default .p_wrap .business .top .cover .sub {
  display: block;
  height: 11.25em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  text-align: center;
  line-height: 11.25em;
  font-weight: bold
}

.p_default .p_wrap .business .top .cover .sub span {
  font-size: 1.75em
}

.p_default .p_wrap .business .top .cover .info {
  margin: .5em 0 1em;
  line-height: 1.5em
}

.p_default .p_wrap .business .top .cover .info span {
  font-size: .875em
}

.p_default .p_wrap .business .top .cover .sub {
  background-image: url('../libs/images/default/default_business_top.jpg')
}

.p_default .p_wrap .business .bottom {
  position: relative
}

.p_default .p_wrap .business .bottom .cover {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%
}

.p_default .p_wrap .business .bottom .cover .sub {
  display: block;
  height: 11.25em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  text-align: center;
  line-height: 11.25em;
  font-weight: bold
}

.p_default .p_wrap .business .bottom .cover .sub span {
  font-size: 1.75em
}

.p_default .p_wrap .business .bottom .cover .info {
  margin: .5em 0 1em;
  line-height: 1.5em
}

.p_default .p_wrap .business .bottom .cover .info span {
  font-size: .875em
}

.p_default .p_wrap .business .bottom .cover .sub {
  background-image: url('../libs/images/default/default_business_bottom.png')
}

.p_default .p_wrap .innovate {
  position: relative;
  background-color: #FAFAFA;
  padding: .5em 0 1.5em 0
}

.p_default .p_wrap .innovate .headline {
  margin-bottom: 1.125em;
  text-align: center;
  font-weight: lighter
}

.p_default .p_wrap .innovate .headline .main {
  color: #A41101;
  font-size: 1.5em
}

.p_default .p_wrap .innovate .headline .line {
  display: inline-block;
  border-top: 1px solid #d18880;
  width: 4em
}

.p_default .p_wrap .innovate .headline .en {
  margin-top: .3125em;
  color: #d18880;
  font-size: .75em
}

.p_default .p_wrap .innovate .prev_next_common {
  position: absolute;
  top: 12em;
  display: inline-block;
  width: 2em;
  height: 3em;
  background-color: #F2F2F2
}

.p_default .p_wrap .innovate .prev_next_common span {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center
}

.p_default .p_wrap .innovate .prev {
  position: absolute;
  top: 12em;
  display: inline-block;
  width: 2em;
  height: 3em;
  background-color: #F2F2F2
}

.p_default .p_wrap .innovate .prev span {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center
}

.p_default .p_wrap .innovate .prev span {
  background-image: url(../libs/images/default/default_innovate_prev.png)
}

.p_default .p_wrap .innovate .next {
  position: absolute;
  top: 12em;
  display: inline-block;
  width: 2em;
  height: 3em;
  background-color: #F2F2F2;
  right: 0
}

.p_default .p_wrap .innovate .next span {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center
}

.p_default .p_wrap .innovate .next span {
  background-image: url(../libs/images/default/default_innovate_next.png)
}

.p_default .p_wrap .innovate .wrapper {
  margin: 0 2em;
  text-align: center;
  overflow: hidden
}

.p_default .p_wrap .innovate .wrapper .innovate_list {
  position: relative
}

.p_default .p_wrap .innovate .wrapper .innovate_list .item {
  float: left
}

.p_default .p_wrap .innovate .wrapper .innovate_list .item .link {
  display: block
}

.p_default .p_wrap .innovate .wrapper .innovate_list .item .link .plus {
  display: none
}

.p_default .p_wrap .innovate .wrapper .innovate_list .item .link img {
  width: 6.25em
}

.p_default .p_wrap .innovate .wrapper .innovate_list .item .link .heading {
  margin: .625em 0 .75em 0;
  font-weight: bold;
  color: #606060
}

.p_default .p_wrap .innovate .wrapper .innovate_list .item .link .heading span {
  font-size: 1.25em
}

.p_default .p_wrap .innovate .wrapper .innovate_list .item .illustration {
  color: #909090;
  line-height: 1.5em
}

.p_default .p_wrap .innovate .wrapper .innovate_list .item .illustration span {
  font-size: .875em
}

.p_default .p_wrap .join {
  padding-top: 3.125em;
  height: 15em;
  text-align: center;
  background-image: url('../libs/images/default/default_join.png');
  background-repeat: no-repeat;
  background-position: -10em center;
  background-size: cover;
  color: #A41101
}

.p_default .p_wrap .join .slogan {
  font-weight: bold;
  font-size: 2em
}

.p_default .p_wrap .join .tip {
  margin: .75em 0 1.5em 0
}

.p_default .p_wrap .join .tip span {
  font-size: .875em
}

.p_default .p_wrap .function_area .more {
  display: inline-block;
  width: 7.5em;
  height: 2.5em;
  border: 1px solid #A41101;
  border-radius: 20px;
  line-height: 2.5em;
  background-color: transparent;
  color: #A41101;
  transition: all .1s;
  -moz-transition: all .1s;
  -webkit-transition: all .1s;
  -o-transition: all .1s
}

.p_default .p_wrap .function_area .more:hover {
  background-color: #A41101;
  color: #fff
}

.p_default .p_wrap .function_area .more span {
  font-size: .875em;
  margin: 0;
}

@media (max-width: 320px) {
  .p_default .p_wrap .summary .inner {
    padding-left: .5em;
    padding-right: .5em
  }
}

@media (min-width: 640px) {
  .p_default .p_wrap {
    width: 100%
  }

  .p_default .p_wrap .summary {
    position: inherit;
    padding-top: 8em;
    height: 32.5em;
    font-weight: lighter
  }

  .p_default .p_wrap .summary .inner {
    position: inherit;
    padding-left: 0;
    width: 75em;
    margin: 0 auto
  }

  .p_default .p_wrap .summary .inner .title {
    margin-bottom: 3.5em;
    font-weight: lighter
  }

  .p_default .p_wrap .summary .inner .title span {
    font-size: 3em
  }

  .p_default .p_wrap .summary .inner .text {
    display: block;
    font-weight: lighter;
    line-height: 3em
  }

  .p_default .p_wrap .summary .inner .text span {
    font-size: 1em
  }

  .p_default .p_wrap .summary .shadow {
    display: none
  }

  .p_default .p_wrap .outside {
    display: none
  }

  .p_default .p_wrap .headline_common .headline {
    margin-top: 2em;
    margin-bottom: 2em
  }

  .p_default .p_wrap .headline_common .headline .main {
    font-size: 2.25em
  }

  .p_default .p_wrap .headline_common .headline .en {
    font-size: .875em
  }

  .p_default .p_wrap .business {
    width: 75em;
    margin: 0 auto;
    padding: 0
  }

  .p_default .p_wrap .business .headline {
    margin-top: 2em;
    margin-bottom: 2em
  }

  .p_default .p_wrap .business .headline .main {
    font-size: 2.25em
  }

  .p_default .p_wrap .business .headline .en {
    font-size: .875em
  }

  .p_default .p_wrap .business .business_common {
    color: #fff;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-color: rgba(0, 0, 0, 0);
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s
  }

  .p_default .p_wrap .business .business_common:hover {
    background-position: -1em center
  }

  .p_default .p_wrap .business .business_common:hover .cover {
    background-color: rgba(0, 0, 0, 0.4)
  }

  .p_default .p_wrap .business .business_common .cover {
    padding-left: 1.875em;
    transition: background-color .2s;
    -moz-transition: background-color .2s;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    cursor: pointer
  }

  .p_default .p_wrap .business .business_common .cover .sub {
    text-align: left;
    line-height: 2.1875em;
    background-image: none
  }

  .p_default .p_wrap .business .business_common .cover .sub span {
    font-size: 2em
  }

  .p_default .p_wrap .business .left,
  .p_default .p_wrap .business .left_bottom {
    color: #fff;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-color: rgba(0, 0, 0, 0);
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    float: left;
    width: 37em;
    height: 22em;
    background-image: url('../libs/images/default/default_business_left.png');
  }

  .p_default .p_wrap .business .left_bottom {
    background-size: 38em 26em;
    background-image: url("../libs/images/default/default_business_left_bottom.jpeg");
    margin-top: 1em;
  }

  .p_default .p_wrap .business .left:hover,
  .p_default .p_wrap .business .left_bottom:hover {
    background-position: -1em center
  }

  .p_default .p_wrap .business .left:hover .cover,
  .p_default .p_wrap .business .left_bottom:hover .cover {
    background-color: rgba(0, 0, 0, 0.4)
  }

  .p_default .p_wrap .business .left .cover,
  .p_default .p_wrap .business .left_bottom .cover {
    padding-left: 1.875em;
    transition: background-color .2s;
    -moz-transition: background-color .2s;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    cursor: pointer
  }

  .p_default .p_wrap .business .left .cover .sub,
  .p_default .p_wrap .business .left_bottom .cover .sub {
    text-align: left;
    line-height: 2.1875em;
    background-image: none
  }

  .p_default .p_wrap .business .left .cover .sub span,
  .p_default .p_wrap .business .left_bottom .cover .sub span {
    font-size: 2em
  }

  .p_default .p_wrap .business .left .cover,
  .p_default .p_wrap .business .left_bottom .cover {
    padding-top: 2.25em;
    padding-right: 4.7em
  }

  .p_default .p_wrap .business .left .cover .sub,
  .p_default .p_wrap .business .left_bottom .cover .sub {
    height: 3em
  }

  .p_default .p_wrap .business .top {
    color: #fff;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-color: rgba(0, 0, 0, 0);
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    float: right;
    width: 37em;
    height: 22em;
    background-image: url('../libs/images/default/default_business_top.jpg')
  }

  .p_default .p_wrap .business .top:hover {
    background-position: -1em center
  }

  .p_default .p_wrap .business .top:hover .cover {
    background-color: rgba(0, 0, 0, 0.4)
  }

  .p_default .p_wrap .business .top .cover {
    padding-left: 1.875em;
    transition: background-color .2s;
    -moz-transition: background-color .2s;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    cursor: pointer
  }

  .p_default .p_wrap .business .top .cover .sub {
    text-align: left;
    line-height: 2.1875em;
    background-image: none
  }

  .p_default .p_wrap .business .top .cover .sub span {
    font-size: 2em
  }

  .p_default .p_wrap .business .top .cover {
    padding-top: 2.25em
  }

  .p_default .p_wrap .business .top .cover .sub {
    height: 3.5em
  }

  .p_default .p_wrap .business .bottom {
    color: #fff;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-color: rgba(0, 0, 0, 0);
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    float: right;
    margin-top: 1em;
    width: 37em;
    height: 22em;
    background-image: url('../libs/images/default/default_business_bottom.png')
  }

  .p_default .p_wrap .business .bottom:hover {
    background-position: -1em center
  }

  .p_default .p_wrap .business .bottom:hover .cover {
    background-color: rgba(0, 0, 0, 0.4)
  }

  .p_default .p_wrap .business .bottom .cover {
    padding-left: 1.875em;
    transition: background-color .2s;
    -moz-transition: background-color .2s;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    cursor: pointer
  }

  .p_default .p_wrap .business .bottom .cover .sub {
    text-align: left;
    line-height: 2.1875em;
    background-image: none
  }

  .p_default .p_wrap .business .bottom .cover .sub span {
    font-size: 2em
  }

  .p_default .p_wrap .business .bottom .cover {
    padding-top: 2.25em;
    padding-right: 2.5em
  }

  .p_default .p_wrap .business .bottom .cover .sub {
    height: 3em
  }

  .p_default .p_wrap .innovate {
    margin-top: 2em;
    padding-bottom: 4.5em
  }

  .p_default .p_wrap .innovate .headline {
    margin-top: 2em;
    margin-bottom: 2em
  }

  .p_default .p_wrap .innovate .headline .main {
    font-size: 2.25em
  }

  .p_default .p_wrap .innovate .headline .en {
    font-size: .875em
  }

  .p_default .p_wrap .innovate .headline {
    margin-top: 1.5em
  }

  .p_default .p_wrap .innovate .prev, .p_default .p_wrap .innovate .next {
    display: none
  }

  .p_default .p_wrap .innovate .wrapper {
    width: 74em;
    margin: 0 auto
  }

  .p_default .p_wrap .innovate .wrapper .innovate_list .item {
    margin-right: 4em;
    width: 15.5em
  }

  .p_default .p_wrap .innovate .wrapper .innovate_list .item:last-child {
    margin-right: 0
  }

  .p_default .p_wrap .innovate .wrapper .innovate_list .item .link {
    position: relative
  }

  .p_default .p_wrap .innovate .wrapper .innovate_list .item .link:hover img {
    opacity: .6
  }

  .p_default .p_wrap .innovate .wrapper .innovate_list .item .link:hover .plus {
    opacity: 1
  }

  .p_default .p_wrap .innovate .wrapper .innovate_list .item .link .plus {
    display: inline-block;
    width: 3.375em;
    height: 3.375em;
    position: absolute;
    top: 3.25em;
    left: 40%;
    opacity: 0;
    z-index: 10;
    transition: opacity .2s;
    -moz-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s
  }

  .p_default .p_wrap .innovate .wrapper .innovate_list .item .link img {
    opacity: 1;
    transition: opacity .2s;
    -moz-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    width: 10em
  }

  .p_default .p_wrap .innovate .wrapper .innovate_list .item .link .heading {
    margin-top: 1.25em;
    margin-bottom: 1.8125em
  }

  .p_default .p_wrap .innovate .wrapper .innovate_list .item .link .heading span {
    font-size: 1.5em
  }

  .p_default .p_wrap .function_area {
    background: #ffffff;
  }

  .p_default .p_wrap .join .slogan {
    font-size: 3.75em
  }

  .p_default .p_wrap .join .tip {
    margin-top: 1.75em
  }

  .p_default .p_wrap .join .tip span {
    font-size: 1em
  }

  .p_default .p_wrap .function_area .more {
    width: 12.5em
  }
}

.p_business .p_wrap article .p_big_area.digital .business_it_3 {
  display: inherit;
  margin: .875em auto .5em auto;
  width: 50%
}

.p_business .p_wrap article .digital strong {
  margin-bottom: 2em;
}

.p_business .p_wrap article .digital .desc {
  margin-top: 0;
}

.p_business .p_wrap article .digital .bold {
  font-weight: 600;
}

.p_business .p_wrap article .digital .ui-priority-secondary li {
  padding-left: 5.7em;
}

.p_business .p_wrap article .digital .ui-priority-secondary {
  margin-bottom: 0;
}

.p_business .p_wrap article .digital .p_list_without_marginBottom {
  margin-bottom: 0 !important;
}

.p_business .p_wrap article .digital .ui-priority-secondary li:before {
  left: 4.85em;
}

.p_business .p_wrap article .p_big_area.electron .picture {
  display: table-cell;
  padding: .875em 0 .5em 0;
  width: 100%
}

.p_business .p_wrap article .p_big_area.electron .picture .business_electron_1 {
  width: 24%;
  vertical-align: middle;
  padding-right: 10%
}

.p_business .p_wrap article .p_big_area.electron .picture .business_electron_2 {
  width: 74%;
  vertical-align: middle;
  padding-left: 10%;
  border-left: 1px solid #D0D0D0
}

.p_business .p_wrap article .p_big_area.electron .p_description.desc {
  padding-left: 2em
}

.p_business .p_wrap article .p_big_area.electron .p_description .link {
  text-decoration: underline;
  color: #0099CC
}

.p_business .p_wrap article .p_big_area.electron .p_small_area .service {
  padding: .5em 0 1em 3em;
  background-position: left .25em;
  background-repeat: no-repeat
}

.p_business .p_wrap article .p_big_area.electron .p_small_area .service.business_electron_4 {
  margin-top: .75em;
  background-image: url('../libs/images/business/business_electron_4.png')
}

.p_business .p_wrap article .p_big_area.electron .p_small_area .service.business_electron_5 {
  background-image: url('../libs/images/business/business_electron_5.png')
}

.p_business .p_wrap article .p_big_area.electron .p_small_area .service.business_electron_6 {
  background-image: url('../libs/images/business/business_electron_6.png')
}

.p_business .p_wrap article .p_big_area.electron .p_small_area .service.business_electron_7 {
  background-image: url('../libs/images/business/business_electron_7.png')
}

.p_business .p_wrap article .p_big_area.run .p_list_circle li {
  margin: .75em 0
}

@media (min-width: 640px) {
  .p_business .p_wrap article .p_big_area ul li {
    position: relative
  }

  .p_business .p_wrap article .p_big_area.it .p_list_circle.it_1 {
    padding-right: 18.5em
  }

  .p_business .p_wrap article .p_big_area.it .p_list_circle.it_new {
    padding-right: 0;
    margin-bottom: 0;
  }

  .p_business .p_wrap article .p_big_area.it .p_list_circle.it_2 {
    padding-right: 21em
  }

  .p_business .p_wrap article .p_big_area.digital .p_list_circle.it_3 {
    padding-right: 11.5em;
    margin-bottom: 2em;
  }

  .p_business .p_wrap article .p_big_area.it .business_it_1 {
    position: absolute;
    right: .25em;
    bottom: 10em;
    margin-top: 0;
    width: 17.5em
  }

  .p_business .p_wrap article .p_big_area .it .business_it_new {
    margin: 0 0 3em;
    max-width: 100%;
  }

  .p_business .p_wrap article .p_big_area .business_digital .digital_new {
    margin: 0 0 3em;
    max-width: 100%;
  }

  .p_business .p_wrap article .p_big_area.it .business_it_2 {
    position: absolute;
    right: 0;
    bottom: 3em;
    width: 20em
  }

  .p_business .p_wrap article .p_big_area.digital .business_it_3 {
    position: absolute;
    right: .75em;
    bottom: 2em;
    width: 9.75em
  }

  .p_business .p_wrap article .p_big_area.electron .picture {
    display: block;
    text-align: center;
    height: 7.625em
  }

  .p_business .p_wrap article .p_big_area.electron .picture .business_electron_1 {
    width: 3.1875em;
    padding-right: 0;
    margin-right: 3em
  }

  .p_business .p_wrap article .p_big_area.electron .picture .business_electron_2 {
    width: 17.75em;
    padding-left: 3.5625em
  }

  .p_business .p_wrap article .p_big_area.electron .business_electron_3 {
    width: 50.25em;
    height: 59.75em
  }

  .p_business .p_wrap article .p_big_area.electron .p_small_area .service span {
    font-size: .875em
  }

  .p_business .p_wrap article .p_big_area.run .business_run_1 {
    margin: 0 auto;
    width: 28.75em;
    height: 10.875em
  }

  .p_business .p_wrap article .p_big_area.run .business_run_2 {
    margin: 0 auto;
    width: 30.625em;
    height: 12.125em
  }
}

.p_innovation article .p_big_area.network .our_brand {
  width: 100%;
  margin-top: 2rem
}

.p_innovation article .p_big_area.network {
  margin-bottom: 2em;
}

.p_innovation article .p_big_area.network .our_brand table {
  width: 100%
}

.p_innovation article .p_big_area.network .our_brand table tr {
  height: 2.5rem
}

.p_innovation article .p_big_area.network .our_brand table thead tr th {
  height: 4rem;
}

.p_innovation article .p_big_area.network .our_brand table thead tr th:first-child {
  padding-left: 1rem;
}

.p_innovation article .p_big_area.network .our_brand table tr th {
  font-size: .875rem;
  border-bottom: 1px solid #b0b0b0;
  vertical-align: middle;
}

.p_innovation article .p_big_area.network .our_brand table tr td {
  font-size: .875rem;
  color: #333333;
  vertical-align: middle
}

.p_innovation article .p_big_area.network .our_brand table tr td img {
  height: 1.5rem
}

.p_innovation article .p_big_area.network .our_brand table tr .img {
  width: 25%;
  text-align: left
}

.p_innovation article .p_big_area.network .our_brand table tr .brand {
  width: 54%;
  text-align: left
}

.p_innovation article .p_big_area.network .our_brand table tr .brand a {
  letter-spacing: -0.5px
}

.p_innovation article .p_big_area.network .our_brand table tr .market_share {
  width: 15%;
  text-align: center
}

.p_innovation article .p_big_area.network .our_brand table tr .market_share span {
  font-size: .875rem
}

@media (min-width: 640px) {
  .p_innovation article .p_big_area ul li {
    position: relative
  }

  .p_innovation article .p_big_area.technic .innovation_technic_1 {
    width: 32.34rem;
    height: 32.375rem;
    margin: 0 auto 1.5rem
  }

  .p_innovation article .p_big_area.technic .p_small_area.technic_1 {
    margin-top: 2em
  }

  .p_innovation article .p_big_area.technic .p_small_area.technic_1 .p_list_circle {
    margin-bottom: 0;
    margin-top: 1.25em
  }

  .p_innovation article .p_big_area.technic .innovation_technic_2 {
    width: 50rem;
    height: 15.95em;
    margin: 0 auto
  }

  .p_big_area .p_small_area .business_it_product {
    margin: 0 auto;
    width: 29.875em;
  }

  .p_big_area .p_small_area .business_it_product img {
    margin: 0.75em 0 1.125em;
  }

  .p_business .p_big_area .business_digital {
    width: 29.5em;
    height: 20.375em;
    margin-left: 11em;
  }

  .p_innovation article .p_big_area.network {
    position: relative;
    height: 35.5rem
  }

  .p_innovation article .p_big_area.network .text_left {
    margin-right: 30rem;
  }

  .p_innovation article .p_big_area.network .text_left .sub_text {
    margin-top: 1rem
  }

  .p_innovation article .p_big_area.network .text_left .seo_and_social {
    margin-top: 1.5rem
  }

  .p_innovation article .p_big_area.network .text_left .seo_and_social .social {
    margin-top: 1.5rem
  }

  .p_innovation article .p_big_area.network .text_left .seo_and_social .p_list_circle li {
    padding-left: 2.875rem
  }

  .p_innovation article .p_big_area.network .p_list_circle.network_1, .p_innovation article .p_big_area.network .p_list_circle.network_2 {
    margin-bottom: .5em
  }

  .p_innovation article .p_big_area.network .innovation_network_1 {
    position: absolute;
    right: 8.5em;
    top: 0;
    width: 13.4375em
  }

  .p_innovation article .p_big_area.network .innovation_network_2 {
    width: 12.625em;
    position: absolute;
    bottom: 1em
  }

  .p_innovation article .p_big_area.network .our_brand {
    width: 28.875rem;
    position: absolute;
    right: 0;
    top: 3.5rem;
    margin-top: 0
  }

  .p_innovation article .p_big_area.network .our_brand table {
    width: 100%
  }

  .p_innovation article .p_big_area.network .our_brand table tr {
    height: 2.5rem
  }

  .p_innovation article .p_big_area.network .our_brand table tr td {
    vertical-align: middle
  }

  .p_innovation article .p_big_area.network .our_brand table tr img {
    height: 2rem !important;
    margin-top: .25rem
  }

  .p_innovation article .p_big_area.network .our_brand table tr .img {
    width: 30%
  }

  .p_innovation article .p_big_area.network .our_brand table tr .brand {
    width: 60%
  }

  .p_innovation article .p_big_area.network .our_brand table tr .brand a {
    cursor: pointer;
    letter-spacing: unset
  }

  .p_innovation article .p_big_area.network .our_brand table tr .brand a:hover {
    text-decoration: underline
  }

  .p_innovation article .p_big_area.network .our_brand table tr .market_share {
    width: 10%
  }

  .p_innovation article .p_big_area.data .innovation_data_1 {
    width: 17.75em;
    position: absolute;
    right: 1em;
    bottom: .75em
  }

  .p_innovation article .p_big_area.data .innovation_data_2 {
    width: 35.25em;
    height: 11.125em;
    margin-left: 10em
  }

  .p_innovation article .p_big_area.data .innovation_data_3 {
    width: 29.5em;
    height: 20.375em;
    margin-left: 11em
  }

  .p_innovation article .p_big_area.data .p_list_circle.data_1 {
    padding-right: 20em
  }

  .p_innovation article .p_big_area.data .p_list_circle.data_2 {
    margin-bottom: 0
  }

  .p_innovation article .p_big_area.data .p_list_circle.data_3 {
    margin-bottom: 0
  }

  .p_innovation article .p_big_area.data .p_list_circle.data_3 .inner li {
    padding-left: 1.5em
  }

  .p_innovation article .p_big_area.data .p_list_circle.data_3 .inner li:before {
    left: .5em
  }

  .p_innovation article .p_big_area.experience .p_list_circle {
    margin-bottom: 0
  }

  .p_innovation article .p_big_area.experience .p_list_circle.left, .p_innovation article .p_big_area.experience .p_list_circle.right {
    display: inline-block
  }

  .p_innovation article .p_big_area.experience .innovation_experience_1 {
    width: 35.125em;
    height: 19.375em
  }

  .p_innovation article .p_big_area.experience .innovation_experience_2 {
    width: 46.375em;
    height: 31.5em
  }
}

.p_carreer .p_wrap {
  padding-bottom: 2.5em
}

.p_carreer .p_wrap article .sub {
  margin: .875em 0 .5em 0;
  line-height: 1.5em;
  font-weight: bold
}

.p_carreer .p_wrap article .sub span {
  font-size: .875em
}

.p_carreer .p_wrap article img {
  width: 100%
}

@media (min-width: 640px) {
  .p_carreer .p_wrap {
    padding-bottom: 4em
  }

  .p_carreer .p_wrap article .sub {
    margin: 2em 0 1em 0
  }

  .p_carreer .p_wrap article .sub span {
    font-size: 1em
  }

  .p_carreer .p_wrap article img {
    width: 48em
  }


  .flex_person {
    flex-direction: row;
  }

  .flex_person_info_wrap {
    flex-direction: row;
  }

  .company_leader_3 .p_special_img {
    position: relative;
    top: 2.3em;
  }

  .p_company .p_wrap article .p_big_area.leader .person .flex_person_info_wrap .information {
    width: 212px;
  }

  .p_company .p_wrap article .p_big_area.leader .person .flex_person_info_wrap .information .p_sub {
    height: auto
  }


}

.p_company .p_wrap article .p_title {
  height: 2em;
  line-height: 1.5em;
  font-weight: bold;
  margin-top: 1em
}

.p_company .p_wrap article .p_title span {
  font-size: .875em
}

.p_company .p_wrap article .p_big_area.compose .p_small_area {
  margin-top: 2em
}

.p_company .p_wrap article .p_big_area.culture ul li .img_common {
  margin: .875em 0;
  width: 100%;
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
}

.p_company .p_wrap article .p_big_area.culture ul li .company_culture_1 {
  margin: .875em 0;
  width: 100%;
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('../libs/images/company/company_culture_1.jpg')
}

.p_company .p_wrap article .p_big_area.culture ul li .company_culture_2 {
  margin: .875em 0;
  width: 100%;
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('../libs/images/company/company_culture_2.jpg')
}

.p_company .p_wrap article .p_big_area.culture ul li .company_culture_3 {
  margin: .875em 0;
  width: 100%;
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('../libs/images/company/company_culture_3.jpg')
}

.p_company .p_wrap article .p_big_area.culture ul li .company_culture_4 {
  margin: .875em 0;
  width: 100%;
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('../libs/images/company/company_culture_4.jpg')
}

.p_company .p_wrap article .p_big_area.culture ul li .company_culture_5, .p_company .p_wrap article .p_big_area.culture ul li .company_culture_6, .p_company .p_wrap article .p_big_area.culture ul li .company_culture_7, .p_company .p_wrap article .p_big_area.culture ul li .company_culture_8 {
  margin: 1em 0;
  width: 100%
}

.p_company .p_wrap article .p_big_area.culture ul li .company_culture_5 img, .p_company .p_wrap article .p_big_area.culture ul li .company_culture_6 img, .p_company .p_wrap article .p_big_area.culture ul li .company_culture_7 img, .p_company .p_wrap article .p_big_area.culture ul li .company_culture_8 img {
  max-width: 100%;
  max-height: 100%
}

.p_company .p_wrap article .p_big_area.culture ul li .p_sub {
  margin-top: 1em
}

.p_company .p_wrap article .p_big_area.culture ul li .p_list_circle.left {
  float: left;
  width: 50%
}

.p_company .p_wrap article .p_big_area.culture ul li .p_list_circle.right {
  float: right;
  width: 50%
}

.p_company .p_wrap article .p_big_area.culture ul li .p_list_text {
  font-size: .75rem;
  line-height: 1.5rem
}

.p_company .p_wrap article .p_big_area.leader .person {
  margin-top: 1em
}

.p_company .p_wrap article .p_big_area.leader .person .information .p_sub {
  margin-bottom: .5em;
  margin-top: .5em;
  padding-bottom: 1em;
  height: auto
}

.p_company .p_wrap article .p_big_area.leader .person .information .p_sub span {
  display: block;
  font-size: 1em
}

.p_company .p_wrap article .p_big_area.leader .person .information .p_sub span.comma {
  display: none
}

.p_company .p_wrap article .p_big_area.leader .person .company_leader_1, .p_company .p_wrap article .p_big_area.leader .person .company_leader_2, .p_company .p_wrap article .p_big_area.leader .person .company_leader_3, .p_company .p_wrap article .p_big_area.leader .person .company_leader_4 {
  width: 12.5em
}

@media (min-width: 640px) {
  .p_company .p_wrap article .p_title {
    margin-bottom: .5em
  }

  .p_company .p_wrap article .p_title span {
    font-size: 1em
  }

  .p_company .p_wrap article .p_list_circle {
    margin-bottom: .4375em
  }

  .p_company .p_wrap article .p_list_circle li {
    padding-left: 1.8em
  }

  .p_company .p_wrap article .p_list_circle li:before {
    left: .8em
  }

  .p_company .p_wrap article .p_big_area.compose .p_sub {
    margin-top: 1.5em
  }

  .p_company .p_wrap article .p_big_area.compose .company_compose_1 {
    margin-bottom: 4em;
  }

  .p_company .p_wrap article .p_big_area.compose .company_compose_1 img {
    margin: 0;
  }

  .p_company .p_wrap article .p_big_area.compose .company_compose_2 {
    height: 31.375em
  }

  .p_company .p_wrap article .p_big_area.compose .company_compose_1, .p_company .p_wrap article .p_big_area.compose .company_compose_2 {
    margin-top: 0
  }


  .p_company .p_wrap article .p_big_area.culture ul li {
    width: 26em;
    float: left
  }

  .p_company .p_wrap article .p_big_area.culture ul li:nth-of-type(2n+1) {
    margin-right: 3em
  }

  .p_company .p_wrap article .p_big_area.culture ul li .p_list_circle.right {
    overflow: hidden
  }

  .p_company .p_wrap article .p_big_area.culture ul li .p_list_text {
    font-size: .875rem;
    line-height: 1.5rem
  }

  .p_company .p_wrap article .p_big_area.culture ul li .company_culture_1, .p_company .p_wrap article .p_big_area.culture ul li .company_culture_2, .p_company .p_wrap article .p_big_area.culture ul li .company_culture_3, .p_company .p_wrap article .p_big_area.culture ul li .company_culture_4 {
    height: 11.875em
  }

  .p_company .p_wrap article .p_big_area.culture ul li .company_culture_5, .p_company .p_wrap article .p_big_area.culture ul li .company_culture_6, .p_company .p_wrap article .p_big_area.culture ul li .company_culture_7, .p_company .p_wrap article .p_big_area.culture ul li .company_culture_8 {
    height: 19.5em
  }

  .p_company .p_wrap article .p_big_area.culture ul li .p_sub {
    margin-top: 1.5em
  }

  .p_company .p_wrap article .p_big_area.leader .person {
    margin-top: 1.5em
  }

  .p_company .p_wrap article .p_big_area.leader .person .information {
    float: right;
    margin-top: .25em;
    width: 42em
  }

  .p_company .p_wrap article .p_big_area.leader .person .information .p_sub {
    margin-top: 0;
    padding-bottom: 0;
    height: 2em
  }

  .p_company .p_wrap article .p_big_area.leader .person .information .p_sub span {
    display: inline
  }

  .p_company .p_wrap article .p_big_area.leader .person .information .p_sub span.comma {
    display: inline
  }

  .p_company .p_wrap article .p_big_area.leader .person .company_leader_3 {
    height: 13.75em
  }

  .p_company .p_wrap article .p_big_area.leader .person .company_leader_3 img {
    margin-top: 0
  }

  .p_company .p_wrap article .p_big_area.leader .person .company_leader_1, .p_company .p_wrap article .p_big_area.leader .person .company_leader_2, .p_company .p_wrap article .p_big_area.leader .person .company_leader_3, .p_company .p_wrap article .p_big_area.leader .person .company_leader_4 {
    float: left;
    margin-top: 0
  }

  .p_company .p_wrap article .p_big_area.contact ul li.left, .p_company .p_wrap article .p_big_area.contact ul li.right {
    float: left;
    width: 50%
  }
}

.p_recruitment .p_wrap {
  padding: 0
}

.p_recruitment .p_wrap .join {
  padding-top: 3.125em;
  height: 15em;
  text-align: center;
  background-image: url(../libs/images/recruitment/recruitment_join.png);
  background-repeat: no-repeat;
  background-position: -10em center;
  background-size: cover;
  color: #A41101
}

.p_recruitment .p_wrap .join .slogan {
  font-weight: bold;
  font-size: 2.25em
}

.p_recruitment .p_wrap .join .line {
  height: 0;
  width: 6em;
  border-top: 1px solid #A41101;
  display: inline-block
}

.p_recruitment .p_wrap .join .tip {
  margin: .75em 0 1.5em 0
}

.p_recruitment .p_wrap .join .tip span {
  font-size: .875em
}

.p_recruitment .p_wrap .position {
  padding: 0 1em
}

.p_recruitment .p_wrap .position ul li {
  padding: 1.75em 0 1.5em 0
}

.p_recruitment .p_wrap .position ul li .bg_block_1, .p_recruitment .p_wrap .position ul li .bg_block_2, .p_recruitment .p_wrap .position ul li .bg_block_3, .p_recruitment .p_wrap .position ul li .bg_block_4 {
  display: none
}

.p_recruitment .p_wrap .position ul li .inside .recruitment_position_1 img, .p_recruitment .p_wrap .position ul li .inside .recruitment_position_2 img, .p_recruitment .p_wrap .position ul li .inside .recruitment_position_3 img {
  max-width: 100%
}

.p_recruitment .p_wrap .position ul li .inside .content .main {
  padding: .5em 0 .5em 0;
  margin-bottom: 1em;
  color: #A41101;
  font-weight: bold;
  border-bottom: 1px solid #A41101
}

.p_recruitment .p_wrap .position ul li .inside .content .main span {
  font-size: 1.5em
}

.p_recruitment .p_wrap .position ul li .inside .content .introduction {
  line-height: 2em
}

.p_recruitment .p_wrap .position ul li .inside .content .button {
  display: block;
  margin: 2em auto 0 auto;
  width: 10em;
  height: 2.5em;
  line-height: 2.375em;
  text-align: center;
  border: 1px solid #A41101;
  border-radius: 2px;
  background-color: #A41101;
  color: #fff;
  transition: all .1s;
  -moz-transition: all .1s;
  -webkit-transition: all .1s;
  -o-transition: all .1s
}

.p_recruitment .p_wrap .position ul li .inside .content .button:hover {
  background-color: #fff;
  color: #A41101
}

.p_recruitment .p_wrap .offer {
  padding: 4em 1em 1.25em 1em
}

.p_recruitment .p_wrap .offer .inner .headline {
  padding: 1em 0 2.5em 0;
  text-align: center;
  color: #A41101
}

.p_recruitment .p_wrap .offer .inner .headline .main {
  font-weight: bold;
  font-size: 1.5em
}

.p_recruitment .p_wrap .offer .inner .headline .split {
  display: block;
  margin: .75em auto 0 auto;
  width: 5.333em;
  height: 0;
  border-top: 1px solid #A41101
}

.p_recruitment .p_wrap .offer .inner ul li {
  margin-bottom: 2.75em;
  text-align: center
}

.p_recruitment .p_wrap .offer .inner ul li .recruitment_offer_1, .p_recruitment .p_wrap .offer .inner ul li .recruitment_offer_2, .p_recruitment .p_wrap .offer .inner ul li .recruitment_offer_3, .p_recruitment .p_wrap .offer .inner ul li .recruitment_offer_4 {
  height: 4em
}

.p_recruitment .p_wrap .offer .inner ul li .title {
  margin: 1.5em 0;
  color: #A41101;
  font-weight: bold
}

.p_recruitment .p_wrap .offer .inner ul li .title span {
  font-size: 1.125em
}

.p_recruitment .p_wrap .offer .inner ul li .desc {
  color: #666666
}

@media (min-width: 640px) {
  .p_recruitment .p_wrap {
    width: 100%;
    overflow: hidden
  }

  .p_recruitment .p_wrap .join {
    padding-top: 9em;
    height: 30em;
    background-position: center center
  }

  .p_recruitment .p_wrap .join .slogan {
    font-size: 4.5em
  }

  .p_recruitment .p_wrap .join .line {
    margin-top: 2em;
    width: 13.33em
  }

  .p_recruitment .p_wrap .join .tip {
    color: #d18880
  }

  .p_recruitment .p_wrap .join .tip span {
    font-size: 1.5em
  }

  .p_recruitment .p_wrap .position {
    padding-left: 0;
    padding-right: 0
  }

  .p_recruitment .p_wrap .position ul li {
    padding-top: 0;
    padding-bottom: 0
  }

  .p_recruitment .p_wrap .position ul li .bg_block_1, .p_recruitment .p_wrap .position ul li .bg_block_2, .p_recruitment .p_wrap .position ul li .bg_block_3, .p_recruitment .p_wrap .position ul li .bg_block_4 {
    display: block;
    background-color: #FAFAFA
  }

  .p_recruitment .p_wrap .position ul li .bg_block_1 span, .p_recruitment .p_wrap .position ul li .bg_block_2 span, .p_recruitment .p_wrap .position ul li .bg_block_3 span, .p_recruitment .p_wrap .position ul li .bg_block_4 span {
    position: relative;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    height: 5em;
    width: 100em
  }

  .p_recruitment .p_wrap .position ul li .bg_block_1 span.right_bottom, .p_recruitment .p_wrap .position ul li .bg_block_2 span.right_bottom, .p_recruitment .p_wrap .position ul li .bg_block_3 span.right_bottom, .p_recruitment .p_wrap .position ul li .bg_block_4 span.right_bottom {
    left: 28em;
    top: 4.75em;
    border-left: 1px solid #F3F3F3;
    border-top: 1px solid #F3F3F3
  }

  .p_recruitment .p_wrap .position ul li .bg_block_1 span.right_top, .p_recruitment .p_wrap .position ul li .bg_block_2 span.right_top, .p_recruitment .p_wrap .position ul li .bg_block_3 span.right_top, .p_recruitment .p_wrap .position ul li .bg_block_4 span.right_top {
    left: 28em;
    border-left: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3
  }

  .p_recruitment .p_wrap .position ul li .bg_block_1 span.left_top, .p_recruitment .p_wrap .position ul li .bg_block_2 span.left_top, .p_recruitment .p_wrap .position ul li .bg_block_3 span.left_top, .p_recruitment .p_wrap .position ul li .bg_block_4 span.left_top {
    right: 28em;
    border-right: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3
  }

  .p_recruitment .p_wrap .position ul li .bg_block_1 span.left_bottom, .p_recruitment .p_wrap .position ul li .bg_block_2 span.left_bottom, .p_recruitment .p_wrap .position ul li .bg_block_3 span.left_bottom, .p_recruitment .p_wrap .position ul li .bg_block_4 span.left_bottom {
    right: 28em;
    top: 4.75em;
    border-right: 1px solid #F3F3F3;
    border-top: 1px solid #F3F3F3
  }

  .p_recruitment .p_wrap .position ul li .bg_block_1 {
    height: 8em
  }

  .p_recruitment .p_wrap .position ul li .bg_block_1 span.right_bottom {
    top: 5.75em
  }

  .p_recruitment .p_wrap .position ul li .bg_block_2 {
    height: 11em
  }

  .p_recruitment .p_wrap .position ul li .bg_block_3 {
    height: 11em
  }

  .p_recruitment .p_wrap .position ul li .bg_block_4 {
    height: 3.75em
  }

  .p_recruitment .p_wrap .position ul li .inside {
    position: relative;
    margin: 0 auto;
    width: 75em;
    height: 22.5em
  }

  .p_recruitment .p_wrap .position ul li .inside .recruitment_position_1, .p_recruitment .p_wrap .position ul li .inside .recruitment_position_2, .p_recruitment .p_wrap .position ul li .inside .recruitment_position_3 {
    position: absolute;
    width: 48.75em;
    height: 22.5em;
    background-repeat: no-repeat
  }

  .p_recruitment .p_wrap .position ul li .inside .recruitment_position_1 img, .p_recruitment .p_wrap .position ul li .inside .recruitment_position_2 img, .p_recruitment .p_wrap .position ul li .inside .recruitment_position_3 img {
    display: none
  }

  .p_recruitment .p_wrap .position ul li .inside .recruitment_position_1 {
    left: -22.625em;
    background-image: url(../libs/images/recruitment/recruitment_position_1.png);
    background-position: right center
  }

  .p_recruitment .p_wrap .position ul li .inside .recruitment_position_2 {
    right: -22.625em;
    background-image: url(../libs/images/recruitment/recruitment_position_2.png);
    background-position: left center
  }

  .p_recruitment .p_wrap .position ul li .inside .recruitment_position_3 {
    left: -22.625em;
    background-image: url(../libs/images/recruitment/recruitment_position_3.png);
    background-position: right center
  }

  .p_recruitment .p_wrap .position ul li .inside .content {
    width: 41.25em
  }

  .p_recruitment .p_wrap .position ul li .inside .content.one, .p_recruitment .p_wrap .position ul li .inside .content.three {
    float: right;
    padding-right: 1.25em
  }

  .p_recruitment .p_wrap .position ul li .inside .content.two {
    float: left;
    padding-left: 1.25em
  }

  .p_recruitment .p_wrap .position ul li .inside .content .main {
    padding-top: 3em;
    padding-bottom: .875em;
    margin-bottom: 1.5em
  }

  .p_recruitment .p_wrap .position ul li .inside .content .button {
    display: inline-block;
    margin-top: 1.5em;
    width: 8.75em
  }

  .p_recruitment .p_wrap .offer {
    padding: 3em 0 3.25em 0;
    background-color: #FAFAFA
  }

  .p_recruitment .p_wrap .offer .inner {
    margin: 0 auto;
    width: 75em
  }

  .p_recruitment .p_wrap .offer .inner .headline .main {
    font-size: 2.25em
  }

  .p_recruitment .p_wrap .offer .inner .headline .split {
    margin-top: 1.25em
  }

  .p_recruitment .p_wrap .offer .inner ul li {
    float: left;
    padding: .75em;
    width: 25%
  }
}

.p_job_description .p_wrap {
  margin-bottom: 3em
}

.p_job_description .p_wrap aside {
  display: block
}

.p_job_description .p_wrap aside .sidebar_list ul {
  display: none
}

.p_job_description .p_wrap aside .sidebar_list .email {
  padding: 1em;
  border: 1px solid #F0F0F0;
  background-color: #FAFAFA;
  color: #A41101;
  font-weight: bold;
  text-align: center
}

.p_job_description .p_wrap aside .sidebar_list .email.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  margin-left: -1em;
  z-index: 10
}

.p_job_description .p_wrap aside .sidebar_list .email span {
  font-size: .875em
}

.p_job_description .p_wrap aside .sidebar_list .email a {
  text-decoration: underline;
  font-size: .875em
}

.p_job_description .p_wrap article .item:nth-of-type(1) .head .title {
  margin-top: .5em
}

.p_job_description .p_wrap article .item .head .title {
  font-size: 16px;
  margin: 1.5em 0 0 0;
  border-bottom: 1px solid #D0D0D0
}

.p_job_description .p_wrap article .item .head .title .main {
  font-size: .875em;
  font-weight: bold;
  line-height: 1.75em
}

.p_job_description .p_wrap article .item .head .text {
  font-size: .75em;
  line-height: 2em
}

.p_job_description .p_wrap article .item .head ul {
  margin: .75em 0
}

.p_job_description .p_wrap article .item .content {
  margin-top: 1em
}

.p_job_description .p_wrap article .item .content .content_title {
  font-size: .875em;
  font-weight: bold
}

.p_job_description .p_wrap article .item {
  margin-bottom: 1.5em
}

.p_job_description .p_wrap article .item .content .main_ul .main_li {
  margin-top: 2.5em
}

.p_job_description .p_wrap article .item .content .main_ul .main_li:first-child {
  margin-top: 1em
}

.p_job_description .p_wrap article .item .content .main_ul .main_li .c_single_title {
  font-weight: bold
}

.p_job_description .p_wrap article .item .content .main_ul .main_li .c_single_text {
  line-height: 2em;
  margin-top: 1em
}

.p_job_description .p_wrap article .item .content .main_ul .main_li .c_single_text.require {
  margin-top: 2em
}

.p_job_description .p_wrap article .item .content .main_ul .main_li .c_single_text.indent {
  margin-left: 1em
}

.p_job_description .p_wrap article .item .content .main_ul .main_li ul {
  line-height: 2em
}

.p_job_description .p_wrap article .item .content .main_ul .main_li ul li {
  position: relative;
  padding-left: 2.25em
}

.p_job_description .p_wrap article .item .content .main_ul .main_li ul li span {
  position: absolute;
  top: 0;
  left: .85em;
  font-size: 1em;
}

@media (min-width: 640px) {
  .p_job_description .p_wrap aside .sidebar_list ul {
    display: block
  }

  .p_job_description .p_wrap aside .sidebar_list .email {
    line-height: 2em;
    text-align: right;
    height: 6em;
    margin-top: 3.125em
  }

  .p_job_description .p_wrap article .item .head .title {
    margin-top: 1.5em
  }

  .p_job_description .p_wrap article .item .head .title .main {
    font-size: 1em
  }

  .p_job_description .p_wrap article .item .head .text {
    font-size: .875em
  }

  .p_job_description .p_wrap article .item .content .content_title {
    font-size: .875em
  }

  .p_job_description .p_wrap article .item .content .main_ul .main_li {
    margin-top: 1.5em
  }

  .p_job_description .p_wrap article .item .content .main_ul .main_li .c_single_text {
    padding-left: 1.125em;
  }

  .p_job_description .p_wrap article .item .content .main_ul .main_li .c_single_text.require {
    margin-top: 1.5em
  }

  .p_job_description .p_wrap article .item .content .main_ul .main_li ul {
    padding-left: .875em;
  }
}

.p_clear:before, .p_clear:after {
  content: " ";
  display: table
}

.p_clear:after {
  clear: both
}

.p_big_area {
  margin-bottom: 1em
}

.p_small_area {
  margin-top: .625em
}

.p_main {
  display: block;
  border-bottom: 2px solid #e01830;
  height: 3em;
  line-height: 3em
}

.p_main span {
  font-size: 1em
}

.p_sub {
  height: 2em;
  line-height: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid #D0D0D0
}

.p_sub span {
  font-size: .875em
}

.p_summary {
  margin: .875em 0 .5em 0;
  line-height: 1.5em;
  font-weight: bold
}

.p_summary span {
  font-size: .875em
}

.p_list_circle li {
  position: relative;
  padding-left: 2em;
  font-size: .75em;
  line-height: 2em
}

.p_list_circle li li {
  font-size: 1em
}

.p_list_circle li:before {
  position: absolute;
  left: 2em;
  content: '•';
  font-weight: bold
}

.p_list_num li {
  position: relative;
  padding-left: 2em;
  font-size: .75em;
  line-height: 2em
}

.p_list_num li span {
  position: absolute;
  left: .75em;
  top: 0;
  font-size: 1em
}

.p_description {
  display: inline-block;
  margin: .75em 0 1.125em 0;
  line-height: 2em
}


.p_img {
  margin: .875em 0;
  max-width: 100%
}

.innovation_technic_AI {
  width: 100%;
}

body {
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto
}

body .p_wrap {
  padding: 1em
}

body .p_wrap aside {
  display: none
}

@media (min-width: 640px) {
  .p_small_area {
    margin-top: 1em
  }

  .p_main {
    height: 2.5em;
    line-height: normal
  }

  .p_main span {
    font-size: 1.5em
  }

  .p_sub span {
    font-size: 1em
  }

  .p_summary span {
    font-size: .875em
  }

  .p_list_circle {
    margin-bottom: 3em
  }

  .p_list_circle li {
    padding-left: 2.85em;
    font-size: .875em
  }

  .p_list_num li {
    padding-left: 3.6428em;
    font-size: .875em
  }

  .p_list_num li span {
    left: 2.25em
  }

  .p_description {
    font-size: .875em;
    line-height: 1.71428em
  }

  .p_text {
    font-size: .875em;
    line-height: 1.71428em
  }

  html {
    min-width: 75em
  }

  body {
    position: relative;
    min-width: 100%
  }

  body .p_wrap {
    padding-top: 1.5em;
    padding-left: 0;
    padding-right: 0;
    width: 75em;
    margin: 0 auto
  }

  body .p_wrap aside {
    display: block;
    width: 18em;
    float: left
  }

  body .p_wrap aside .sidebar_list {
    width: 18em
  }

  body .p_wrap aside .sidebar_list.active {
    position: fixed;
    top: 1em
  }

  body .p_wrap aside .sidebar_list .bar {
    padding-right: 1.25em;
    line-height: 2.5em;
    height: 2.5em;
    border-top: 1px dotted #D0D0D0;
    border-right: 3px solid transparent;
    text-align: right;
    cursor: pointer
  }

  body .p_wrap aside .sidebar_list .bar:last-child {
    border-bottom: 1px dotted #D0D0D0
  }

  body .p_wrap aside .sidebar_list .bar.active {
    background-color: #F0F0F0;
    font-weight: bold;
    color: #E01830;
    border-right: 3px solid #E01830
  }

  body .p_wrap aside .sidebar_list .bar:hover {
    color: #E01830
  }

  body .p_wrap aside .sidebar_list .bar span {
    font-size: 1.125em
  }

  body .p_wrap aside .sidebar_list .bar a {
    display: block;
    font-size: 1.125em
  }

  body .p_wrap article {
    width: 55em;
    float: right
  }

  .c_duty {
    padding-left: 1.125em;
  }

  .career_practice_img {
    margin-left: 1em;
  }
}

.p_recruitment.p_job_bottom .p_wrap .offer {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0
}

.p_job_bottom .job-bottom-img, .p_company .job-bottom-img, .p_carreer .job-bottom-img {
  width: 100%;
  height: auto;
  display: flex;
  align-content: center;
  justify-content: center;
}

.p_job_bottom .job-bottom-img img, .p_company .job-bottom-img img, .p_carreer .job-bottom-img img {
  width: 100%;
}


@media only screen and (max-width: 640px) {
  header {
    border-bottom: 1px solid #E01830;
  }

  header .header_wrap .top .panel strong {
    display: none;
  }

  footer .wrap .inner .link ul {
    float: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  footer .wrap .inner .link ul li {
    width: 50%;
  }

  .p_job_description .p_wrap article .item .head .title span {
    font-size: 22px;
  }

  .p_job_bottom .job-bottom-img, .p_company .job-bottom-img, .p_carreer .job-bottom-img {
    margin-top: -10px;
  }

  .c_duty {
    padding-left: 0;
  }

  .career_practice_img {
    width: 21.4375em;
    height: auto;
  }

  .p_carreer .p_list_circle li:before, .p_business .p_list_circle li:before, .p_company .p_list_circle li:before, .p_innovation .p_list_circle li:before {
    left: .75em;
  }

  .function_area_detail {
    flex-direction: column-reverse;
  }

  .function_area {
    width: 100%;
    margin: 0 auto;
    padding: 1em;
    color: #A41101;
  }

  .function_area_text {
    order: 9;
  }

  .function_area_inner p {
    font-size: 1.5em;
    margin-top: 0.5em;
  }

  .function_area_text {
    margin-bottom: 1.5em;
  }
}

@media (min-width: 640px) {
  .function_area {
    width: 74em;
    margin: 0 auto;
    padding: 3.75em 0;
    color: #A41101;
  }

  .function_area .function_area_inner img {
    width: 31.25em;
  }

  .function_area_inner p {
    font-size: 2em;
  }

  .function_area .function_area_text {
    width: 28.125em;
  }

  .function_area_special_margin {
    margin-right: 125px;
  }

  .function_area_detail:not(:last-child) {
    margin-bottom: 2em;
  }

  .p_business .p_list_circle {
    margin-bottom: 2em;
  }
}

.function_area_detail {
  display: flex;
  align-items: center;
}


.function_area_inner p {
  font-weight: 600;
  line-height: 1.5em;
}

.function_area_inner span {
  margin: 1.5em 0;
  display: block;
}

.function_area_inner span {
  font-size: 1em;
}

.function_area_inner img {
  width: 100%;
}

.function_area_text {
  width: 100%;
  text-align: center;
}

.p_default .summary .text span{
  font-family: "Microsoft YaHei", sans-serif;
}

.p_business .electron .p_description {
  margin-bottom: 1em;
}

.dot_ul li:before {
  content: '·';
  position: absolute;
  left: .85em;
  font-weight: bold;
}