@charset "UTF-8";
/*英文フォント*/
/*事業内容*/
/*会社概要*/
/*---------------------------
common
----------------------------*/
main {
  padding: 5.0em 0; }

/*---------------------------
company
----------------------------*/
#company .inner #outline {
  margin-bottom: 4.0em; }
  #company .inner #outline .inner {
    max-width: 900px; }
    @media screen and (max-width: 640px) {
      #company .inner #outline .inner {
        /*sp*/
        width: 90%;
        margin: auto; } }
    #company .inner #outline .inner table {
      width: 100%; }
      @media screen and (max-width: 640px) {
        #company .inner #outline .inner table {
          /*sp*/
          width: 100%; } }
      #company .inner #outline .inner table tr {
        border-bottom: 1px solid #fff; }
        @media screen and (max-width: 640px) {
          #company .inner #outline .inner table tr {
            /*sp*/
            display: block;
            width: 100%; } }
        #company .inner #outline .inner table tr th {
          text-align: left;
          width: 22%;
          padding: 1.5em;
          background-color: #00954F;
          color: #fff; }
          @media screen and (max-width: 640px) {
            #company .inner #outline .inner table tr th {
              /*sp*/
              display: block;
              width: 100%; } }
        #company .inner #outline .inner table tr td {
          text-align: left;
          width: 80%;
          padding: 1.5em;
          background-color: #eee; }
          @media screen and (max-width: 640px) {
            #company .inner #outline .inner table tr td {
              /*sp*/
              display: block;
              width: 100%; } }
#company .inner #history .inner {
  max-width: 900px; }
  @media screen and (max-width: 640px) {
    #company .inner #history .inner {
      /*sp*/
      width: 90%;
      margin: auto;
      max-width: 100%; } }
  #company .inner #history .inner .col {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    background: url(../img/company/line_history.png);
    background-repeat: repeat-y;
    background-position: 2% center;
    background-size: auto; }
    #company .inner #history .inner .col:last-child {
      background-image: none; }
    #company .inner #history .inner .col .time {
      width: 20%;
      color: #18925A;
      position: relative;
      font-size: 1.4em;
      font-weight: bold;
      padding-left: 10px; }
      @media screen and (max-width: 640px) {
        #company .inner #history .inner .col .time {
          /*sp*/
          width: 100%;
          text-align: left;
          padding-left: 10%; } }
      #company .inner #history .inner .col .time:before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background: #18925A;
        border-radius: 100px;
        position: absolute;
        top: 0px;
        left: 10px; }
        @media screen and (max-width: 640px) {
          #company .inner #history .inner .col .time:before {
            /*sp*/
            left: 0; } }
    #company .inner #history .inner .col .txt {
      width: 75%;
      margin-bottom: 1.5em;
      padding-bottom: 1.5em;
      border-bottom: 1px dotted #ccc;
      text-align: left; }
      @media screen and (max-width: 640px) {
        #company .inner #history .inner .col .txt {
          /*sp*/
          width: 90%;
          padding-top: 1.5rem;
          margin-left: 10%; } }
#company .inner #org {
  margin-bottom: 3.0em; }
  #company .inner #org .inner {
    max-width: 900px; }
    @media screen and (max-width: 640px) {
      #company .inner #org .inner {
        /*sp*/
        width: 90%; } }
    #company .inner #org .inner .figure {
      margin-bottom: 3.0em; }
      #company .inner #org .inner .figure .pc {
        display: block; }
        @media screen and (max-width: 640px) {
          #company .inner #org .inner .figure .pc {
            /*sp*/
            display: none; } }
      #company .inner #org .inner .figure .sp {
        display: none; }
        @media screen and (max-width: 640px) {
          #company .inner #org .inner .figure .sp {
            /*sp*/
            display: block; } }
    #company .inner #org .inner .ogp {
      margin-bottom: 3.0em; }
      #company .inner #org .inner .ogp ul {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: flex-start;
        -webkit-align-items: flex-start; }
        #company .inner #org .inner .ogp ul li {
          width: 31%;
          border: 1px solid #ccc;
          list-style: none; }
          @media screen and (max-width: 640px) {
            #company .inner #org .inner .ogp ul li {
              /*sp*/
              width: 100%;
              margin-bottom: 0.5rem; }
              #company .inner #org .inner .ogp ul li:last-child {
                margin-bottom: 0; } }
          #company .inner #org .inner .ogp ul li h3 {
            text-align: center;
            padding: 1.5em 1.0em;
            background-color: #fff; }
            @media screen and (max-width: 640px) {
              #company .inner #org .inner .ogp ul li h3 {
                /*sp*/
                padding: 0.5rem 0; } }
            #company .inner #org .inner .ogp ul li h3 span {
              display: block;
              font-family: "Oswald", sans-serif;
              font-size: 2.0em;
              letter-spacing: 2px;
              margin-bottom: 0.3em; }
          #company .inner #org .inner .ogp ul li .txt {
            height: 65px;
            padding: 1.0em 0.5em;
            color: #fff;
            background-color: #000;
            text-align: center; }
            @media screen and (max-width: 640px) {
              #company .inner #org .inner .ogp ul li .txt {
                /*sp*/
                height: auto; } }
            #company .inner #org .inner .ogp ul li .txt p {
              font-size: 0.8em; }
          #company .inner #org .inner .ogp ul li:nth-of-type(1) h3 {
            color: #007BA8; }
          #company .inner #org .inner .ogp ul li:nth-of-type(1) .txt {
            background-color: #007BA8; }
          #company .inner #org .inner .ogp ul li:nth-of-type(2) h3 {
            color: #FBA839; }
          #company .inner #org .inner .ogp ul li:nth-of-type(2) .txt {
            background-color: #FBA839; }
          #company .inner #org .inner .ogp ul li:nth-of-type(3) h3 {
            color: #54B629; }
          #company .inner #org .inner .ogp ul li:nth-of-type(3) .txt {
            background-color: #54B629; }
    #company .inner #org .inner .message {
      margin-bottom: 3.0em;
      text-align: left; }
      #company .inner #org .inner .message .title {
        margin-bottom: 2.0em; }
        #company .inner #org .inner .message .title h3 {
          margin-bottom: 0.5em; }
          #company .inner #org .inner .message .title h3 span {
            display: inline-block;
            font-family: "Oswald", sans-serif;
            font-size: 2.0em;
            letter-spacing: 2px;
            margin-bottom: 0.3em;
            vertical-align: middle; }
        #company .inner #org .inner .message .title .bar {
          background-color: #000;
          color: #fff;
          padding: 0.5em; }
        #company .inner #org .inner .message .title.blue h3 {
          color: #007BA8; }
        #company .inner #org .inner .message .title.blue .bar {
          background-color: #007BA8; }
        #company .inner #org .inner .message .title.orange h3 {
          color: #FBA839; }
        #company .inner #org .inner .message .title.orange .bar {
          background-color: #FBA839; }
        #company .inner #org .inner .message .title.green h3 {
          color: #54B629; }
        #company .inner #org .inner .message .title.green .bar {
          background-color: #54B629; }
      #company .inner #org .inner .message .row .col {
        margin-bottom: 2.0em;
        padding-bottom: 2.0em;
        border-bottom: 1px dotted #ccc;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: flex-start;
        -webkit-align-items: flex-start; }
        #company .inner #org .inner .message .row .col h3 {
          width: 100%;
          margin-bottom: 1.5em;
          font-size: 1.4em; }
        #company .inner #org .inner .message .row .col .img {
          width: 20%;
          text-align: center; }
          @media screen and (max-width: 640px) {
            #company .inner #org .inner .message .row .col .img {
              /*sp*/
              width: 70%;
              margin: 0 auto 1.0rem; } }
          #company .inner #org .inner .message .row .col .img img {
            margin-bottom: 1.0em; }
          #company .inner #org .inner .message .row .col .img p {
            font-size: 1.2em;
            font-weight: bold; }
            #company .inner #org .inner .message .row .col .img p span {
              font-size: 0.8em;
              font-weight: normal; }
        #company .inner #org .inner .message .row .col .txt {
          width: 75%;
          line-height: 2.0em; }
          @media screen and (max-width: 640px) {
            #company .inner #org .inner .message .row .col .txt {
              /*sp*/
              width: 100%; } }
          #company .inner #org .inner .message .row .col .txt.wide {
            width: 100%; }
#company .inner #event {
  margin-bottom: 6.0em; }
  #company .inner #event .inner {
    max-width: 900px; }
    @media screen and (max-width: 640px) {
      #company .inner #event .inner {
        /*sp*/
        width: 90%; } }
    #company .inner #event .inner .row {
      border-bottom: 1px dotted #ccc;
      margin-bottom: 1.5em;
      padding-bottom: 1.5em; }
      #company .inner #event .inner .row .col {
        width: 100%;
        height: 400px;
        position: relative; }
        #company .inner #event .inner .row .col .img {
          width: 70%;
          position: absolute;
          top: 0;
          left: 0; }
          @media screen and (max-width: 640px) {
            #company .inner #event .inner .row .col .img {
              /*sp*/
              width: 100%;
              position: static;
              margin-bottom: 0.5rem;
              display: flex;
              display: -webkit-flex;
              flex-wrap: wrap;
              justify-content: space-between;
              -webkit-justify-content: space-between;
              align-content: space-between;
              -webkit-align-content: space-between;
              align-items: flex-start;
              -webkit-align-items: flex-start; } }
          #company .inner #event .inner .row .col .img img {
            width: 48%;
            height: auto; }
            @media screen and (max-width: 640px) {
              #company .inner #event .inner .row .col .img img {
                /*sp*/
                width: 50%; } }
        #company .inner #event .inner .row .col .txt {
          margin-top: -1.0em;
          width: 60%;
          position: absolute;
          top: 200px;
          right: 0;
          text-align: left; }
          @media screen and (max-width: 640px) {
            #company .inner #event .inner .row .col .txt {
              /*sp*/
              width: 100%;
              position: static;
              margin-top: 0; } }
          #company .inner #event .inner .row .col .txt h3 {
            padding: 1.0em;
            color: #fff;
            background-color: #000;
            margin-bottom: 1.5em; }
          #company .inner #event .inner .row .col .txt .icon {
            width: 100%;
            margin-bottom: 1.0em;
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            -webkit-justify-content: flex-start; }
            #company .inner #event .inner .row .col .txt .icon span {
              display: block;
              border: 1px solid #ccc;
              padding: 0.3em 0.5em;
              border-radius: 5px;
              line-height: 1.0em;
              margin-right: 0.3em; }
              @media screen and (max-width: 640px) {
                #company .inner #event .inner .row .col .txt .icon span {
                  /*sp*/
                  margin-bottom: 0.5rem; } }
          #company .inner #event .inner .row .col .txt .btn {
            text-align: right;
            padding: 0.5em 0; }
        #company .inner #event .inner .row .col:nth-of-type(2) .img {
          right: 0;
          left: auto; }
        #company .inner #event .inner .row .col:nth-of-type(2) .txt {
          left: 0;
          right: auto; }
      #company .inner #event .inner .row.pink .col .txt h3 {
        background-color: #FF6E55; }
      #company .inner #event .inner .row.pink .col .txt .btn a {
        color: #FF6E55; }
      #company .inner #event .inner .row.blue .col .txt h3 {
        background-color: #1E5383; }
      #company .inner #event .inner .row.blue .col .btn a {
        color: #1E5383; }

/*# sourceMappingURL=company.css.map */