@charset "UTF-8";
.about-outline {
  /*キービジュアル テキスト部分*/ }
  .about-outline .keyvisual-title-text {
    width: 18rem;
    margin: 3.5rem auto 0 0; }
    @media only screen and (min-width: 751px) {
      .about-outline .keyvisual-title-text {
        width: 21.15rem;
        margin: 4.4rem auto 0 0; } }
  .about-outline .navi {
    width: 59.7rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media only screen and (min-width: 751px) {
      .about-outline .navi {
        width: 61.5rem; } }
    .about-outline .navi li {
      width: 28.2rem; }
      .about-outline .navi li img {
        filter: drop-shadow(0 0 0.2rem rgba(26, 62, 84, 0.75)); }
  .about-outline .outline_h2 {
    width: 15.3rem;
    margin: 9.2rem auto 0; }
    @media only screen and (min-width: 751px) {
      .about-outline .outline_h2 {
        width: 18.8rem;
        margin: 13.2rem auto 0; } }
  .about-outline .outline_list {
    width: 69rem;
    margin: 6.2rem auto 0;
    border-top: #969696 1px solid; }
    @media only screen and (min-width: 751px) {
      .about-outline .outline_list {
        width: 108rem;
        margin: 10.5rem auto 0; } }
    .about-outline .outline_list li {
      border-bottom: #969696 1px solid;
      padding: 1.5em 0;
      display: flex;
      justify-content: flex-start;
      font-size: 2.4rem;
      line-height: 1.5em; }
      .about-outline .outline_list li .item {
        min-width: 15.4rem;
        font-weight: bold;
        white-space: nowrap;
        flex-shrink: 2; }
        @media only screen and (min-width: 751px) {
          .about-outline .outline_list li .item {
            min-width: 20rem; } }
      .about-outline .outline_list li .icon {
        border-top: none; }
        .about-outline .outline_list li .icon li {
          text-indent: -1em;
          padding-left: 1em;
          border: none;
          padding: 0;
          line-height: 1.2em;
          margin-top: 0.5em;
          margin-left: 1em; }
      .about-outline .outline_list li .detail {
        width: 100%; }
      .about-outline .outline_list li .detail_twoblock {
        width: 100%; }
        @media only screen and (min-width: 751px) {
          .about-outline .outline_list li .detail_twoblock {
            display: flex;
            justify-content: space-between;
            align-items: center; } }
        .about-outline .outline_list li .detail_twoblock .icon {
          width: 100%;
          border-top: none; }
          @media only screen and (min-width: 751px) {
            .about-outline .outline_list li .detail_twoblock .icon {
              width: 52rem; } }
          .about-outline .outline_list li .detail_twoblock .icon li {
            text-indent: -1em;
            padding-left: 1em;
            border: none;
            padding: 0;
            line-height: 1.2em;
            margin-top: 0.5em;
            margin-left: 1em; }
        .about-outline .outline_list li .detail_twoblock .ph {
          width: 100%;
          height: 30rem;
          background-image: url("../../about/img/outline/main_office.jpg");
          background-position: center center;
          background-size: cover;
          background-repeat: no-repeat;
          margin: 3rem 0 0 0; }
          @media only screen and (min-width: 751px) {
            .about-outline .outline_list li .detail_twoblock .ph {
              width: 30rem;
              height: 40rem;
              margin: 0; } }
      .about-outline .outline_list li .map {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        /* 16:9のアスペクト比 */
        height: 0;
        margin-top: 2rem; }
      .about-outline .outline_list li .map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .about-outline .base_h2 {
    width: 32.3rem;
    margin: 11rem auto 0; }
    @media only screen and (min-width: 751px) {
      .about-outline .base_h2 {
        width: 33.2rem;
        margin: 19rem auto 0; } }
  .about-outline .base_h3_wrap {
    width: 69rem;
    margin: 8rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: solid #969696 1px;
    padding: 0 0 2rem; }
    @media only screen and (min-width: 751px) {
      .about-outline .base_h3_wrap {
        width: 108rem;
        margin: 8rem auto 0;
        padding: 0 0 2.4rem; } }
    .about-outline .base_h3_wrap .base_h3 {
      width: 27rem;
      margin: 0 auto 0 0; }
      @media only screen and (min-width: 751px) {
        .about-outline .base_h3_wrap .base_h3 {
          width: 33.2rem; } }
    .about-outline .base_h3_wrap .base_h3_data {
      width: auto;
      margin: 0 0 0 auto;
      font-size: 2rem;
      font-weight: bold;
      text-align: right; }
      @media only screen and (min-width: 751px) {
        .about-outline .base_h3_wrap .base_h3_data {
          font-size: 2.4rem; } }
  .about-outline .base_map {
    width: 69rem;
    margin: 6.3rem auto 0; }
    @media only screen and (min-width: 751px) {
      .about-outline .base_map {
        width: 110.8rem;
        margin: 5.8rem auto 0; } }
  .about-outline .corp_cont {
    width: 69rem;
    margin: 9rem auto 0; }
    @media only screen and (min-width: 751px) {
      .about-outline .corp_cont {
        width: 108rem;
        margin: 13.8rem auto 0; } }
    .about-outline .corp_cont .corp_h4 {
      width: 69rem;
      margin: 0 auto 0;
      background: #969696;
      color: #FFF;
      font-size: 2.8rem;
      font-weight: bold;
      padding: 0.3em 1em; }
      @media only screen and (min-width: 751px) {
        .about-outline .corp_cont .corp_h4 {
          width: 108rem;
          margin: 0 auto 0; } }
    .about-outline .corp_cont .corp_data {
      width: 69rem;
      border-bottom: #969696 1px solid;
      padding: 4rem 0; }
      @media only screen and (min-width: 751px) {
        .about-outline .corp_cont .corp_data {
          display: flex;
          justify-content: space-between;
          width: 108rem;
          padding: 3rem 0; } }
      .about-outline .corp_cont .corp_data.last {
        border-bottom: none; }
      .about-outline .corp_cont .corp_data .corp_text {
        width: 100%;
        font-size: 2.4rem;
        line-height: 1.7em; }
        @media only screen and (min-width: 751px) {
          .about-outline .corp_cont .corp_data .corp_text {
            width: calc(100% - 30rem);
            padding: 0.5rem 0; } }
        .about-outline .corp_cont .corp_data .corp_text .name {
          font-weight: bold; }
        .about-outline .corp_cont .corp_data .corp_text .add {
          margin-top: 0.4em; }
        .about-outline .corp_cont .corp_data .corp_text .corp_ph {
          width: 58rem;
          margin: 3rem auto 0; }
          @media only screen and (min-width: 751px) {
            .about-outline .corp_cont .corp_data .corp_text .corp_ph {
              max-width: 30rem;
              margin: 0; } }