@charset "UTF-8";
.about {
  /*キービジュアル イメージ部分*/ }
  .about .keyvisual-image {
    position: absolute;
    top: 14rem;
    left: 33rem;
    width: 36.6rem;
    z-index: +1; }
    @media only screen and (min-width: 751px) {
      .about .keyvisual-image {
        top: 14rem;
        left: 70rem;
        width: 44rem; } }
  .about .keyvisual-title-second {
    position: absolute;
    top: 19.3rem;
    left: 1rem; }
    @media only screen and (min-width: 751px) {
      .about .keyvisual-title-second {
        top: 15rem;
        left: 4.5rem;
        width: 25.68rem; } }
    .about .keyvisual-title-second-shoulder {
      display: block;
      width: 16.5rem; }
      @media only screen and (min-width: 751px) {
        .about .keyvisual-title-second-shoulder {
          width: 31rem; } }
  .about .md_l_line {
    border-left: solid 1.7rem #4f87bf;
    padding-left: 0.5em;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.2em; }
    @media only screen and (min-width: 751px) {
      .about .md_l_line {
        font-size: 3.3rem; } }
  .about .business-cont, .about .csr-cont {
    width: 66rem;
    margin: 12rem auto 0; }
    @media only screen and (min-width: 751px) {
      .about .business-cont, .about .csr-cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 109.8rem;
        margin: 15.8rem auto 0; } }
    .about .business-cont dt .h3_sp, .about .csr-cont dt .h3_sp {
      color: #4f87bf;
      font-size: 4.4rem;
      font-weight: bold;
      text-align: center;
      line-height: 1.3em;
      margin: 0 auto 0; }
      @media only screen and (min-width: 751px) {
        .about .business-cont dt .h3_sp, .about .csr-cont dt .h3_sp {
          display: none; } }
    .about .business-cont dt .ill, .about .csr-cont dt .ill {
      width: 38.8rem;
      margin: 5rem auto 0; }
      @media only screen and (min-width: 751px) {
        .about .business-cont dt .ill, .about .csr-cont dt .ill {
          margin: 0; } }
    .about .business-cont dd .h3_pc, .about .csr-cont dd .h3_pc {
      display: none; }
      @media only screen and (min-width: 751px) {
        .about .business-cont dd .h3_pc, .about .csr-cont dd .h3_pc {
          color: #4f87bf;
          font-size: 4.8rem;
          font-weight: bold;
          text-align: left;
          line-height: 1.3em;
          margin: 0 auto 0 0; } }
    .about .business-cont dd .text, .about .csr-cont dd .text {
      width: 100%;
      font-size: 2.4rem;
      line-height: 2em;
      margin: 5rem 0 13.6rem; }
      @media only screen and (min-width: 751px) {
        .about .business-cont dd .text, .about .csr-cont dd .text {
          width: 64rem;
          font-size: 2rem;
          margin: 4rem 0 10rem; } }