@charset "UTF-8";
/*scssをインポート*/
/* 設定用。変数の宣言はここ*/
/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
/*----------------------------------------------------
	色の設定
----------------------------------------------------*/
/*----------------------------------------------------
	各種角丸
----------------------------------------------------*/
/* ミックスイン、@extend、CSS3など*/
/* clearfix */
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

/*----------------------------------------------------
アンカー
----------------------------------------------------*/
/*----------------------------------------------------
全体に効かせたい設定
----------------------------------------------------*/
.company {
  width: 100%;
  margin: 5% auto;
    /*----------------------------------------------------
会社概要 インデックス設定
----------------------------------------------------*/
    /*----------------------------------------------------
会社概要 詳細設定
----------------------------------------------------*/
    /*----------------------------------------------------
会社概要 代表あいさつ設定
----------------------------------------------------*/
    /*----------------------------------------------------
会社概要 スタッフ設定
----------------------------------------------------*/
    /*----------------------------------------------------
company 終了
----------------------------------------------------*/ }
  .company h1 {
    position: relative;
    margin: 0 auto;
    height: 200px;
    width: 100%;
    background: #00afbe;
    background: linear-gradient(180deg, #00afbe 0%, #f0d4cb 57%, white 100%); }
    .company h1 img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 150px; }
  .company p {
    font-size: 90%;
    line-height: 1.8em; }
  .company .company_index_box {
    width: 70%;
    margin: 5% auto; }
    .company .company_index_box li {
      width: calc(70%/2);
      margin: 3% 4%;
      display: inline-block;
      vertical-align: top; }
      .company .company_index_box li img {
        max-width: 100%; }
      .company .company_index_box li .company_name {
        display: block;
        margin: 2% auto;
        color: #00aebd;
        font-size: 150%;
        font-weight: normal;
        letter-spacing: .2em; }
      .company .company_index_box li .company_position {
        display: block;
        margin: 2% auto;
        color: #00aebd;
        font-size: 110%;
        font-weight: normal; }
    @media all and (max-width: 640px) {
      .company .company_index_box {
        width: 90%;
        margin: 5% auto; }
        .company .company_index_box li {
          width: calc(80%/2);
          margin: 2% 4%;
          display: inline-block;
          vertical-align: top; }
          .company .company_index_box li img {
            max-width: 100%; }
          .company .company_index_box li span {
            display: block;
            margin: 2% auto;
            color: #00aebd;
            font-size: 100%;
            font-weight: normal;
            letter-spacing: .2em; } }
  .company .table__company {
    border-collapse: collapse;
    width: 50%;
    margin: 5% auto;
    font-size: 90%;
    line-height: 1.8em;
    letter-spacing: 0.05em; }
  .company .table__company th {
    width: 25%;
    border-bottom: #00aebd 4px solid;
    text-align: left;
    padding: 10px;
    font-weight: normal; }
  .company .table__company td {
    width: 75%;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding: 10px; }
  .company .table__company td span {
    color: #00aebd; }
  .company .oknw {
    height: 14px; }
  @media all and (max-width: 640px) {
    .company .table__company {
      border-collapse: collapse;
      width: 80%;
      margin: 10% auto;
      font-size: 90%;
      line-height: 1.8em;
      letter-spacing: 0.05em; }
    .company .table__company th {
      width: 25%;
      border-bottom: #00aebd 4px solid;
      text-align: left;
      padding: 10px;
      font-weight: normal; }
    .company .table__company td {
      width: 75%;
      border-bottom: 1px solid #ccc;
      text-align: left;
      padding: 10px; } }
  .company .message h2 {
    display: block;
    margin: 2% auto;
    color: #00aebd;
    font-size: 170%;
    font-weight: normal;
    letter-spacing: .2em; }
    .company .message h2 span {
      font-size: 70%;
      letter-spacing: .05em; }
  .company .message h3 {
    display: block;
    margin: 2% auto;
    color: #00aebd;
    font-size: 140%;
    font-weight: normal;
    letter-spacing: .01em; }
    .company .message h3 span {
      font-size: 70%;
      letter-spacing: .01em; }
  .company .message .ph_oknw {
    display: block;
    width: 25%;
    margin: 2% auto; }
  .company .message p {
    margin: 2% auto 0;
    width: 70%;
    font-size: 100%;
    line-height: 1.8em;
    text-align: left;
    letter-spacing: 0.04em;
    font-family: ryo-text-plusn, serif;
    font-weight: 400;
    font-style: normal; }
  .company .message .profile_oknw {
    width: 70%;
    margin: 5% auto; }
    .company .message .profile_oknw h3 {
      background: #6dc9d1;
      width: 100%;
      padding: 1% 2%;
      color: #fff;
      text-align: left; }
    .company .message .profile_oknw P {
      font-family: ryo-gothic-plusn, sans-serif;
      font-weight: 400;
      font-style: normal;
      width: 100%;
      margin: 2% auto 0;
      font-size: 90%;
      line-height: 1.8em;
      text-align: left;
      letter-spacing: 0.04em; }
    .company .message .profile_oknw dl {
      width: 100%;
      margin: 1% auto 0;
      font-size: 90%;
      line-height: 1.6em;
      text-align: left;
      letter-spacing: 0.02em;
      display: flex; }
      .company .message .profile_oknw dl dt {
        flex-basis: 30%;
        background: #fffbfb;
        margin-right: 1%;
        padding: 1%; }
      .company .message .profile_oknw dl dd {
        flex-basis: 60%;
        background: #f7f7f7;
        padding: 1%; }
  @media all and (max-width: 640px) {
    .company .message h2 {
      display: block;
      margin: 2% auto;
      color: #00aebd;
      font-size: 150%;
      font-weight: normal;
      letter-spacing: .2em; }
      .company .message h2 span {
        font-size: 70%;
        letter-spacing: .05em; }
    .company .message .ph_oknw {
      display: block;
      width: 55%;
      margin: 2% auto 5%; }
    .company .message p {
      margin: 2% auto 5%;
      width: 85%;
      font-size: 100%;
      line-height: 1.7em;
      text-align: left;
      letter-spacing: 0.04em;
      font-family: ryo-text-plusn, serif;
      font-weight: 400;
      font-style: normal; }
    .company .message .profile_oknw {
      width: 85%;
      margin: 5% auto; }
      .company .message .profile_oknw h3 {
        background: #6dc9d1;
        width: 100%;
        padding: 1% 2%;
        color: #fff;
        text-align: left; }
      .company .message .profile_oknw P {
        font-family: ryo-gothic-plusn, sans-serif;
        font-weight: 400;
        font-style: normal;
        width: 100%;
        margin: 2% auto 0;
        font-size: 90%;
        line-height: 1.7em;
        text-align: left;
        letter-spacing: 0.04em; }
      .company .message .profile_oknw dl {
        width: 100%;
        margin: 1% auto 0;
        font-size: 80%;
        line-height: 1.6em;
        text-align: left;
        letter-spacing: 0.02em;
        display: flex; }
        .company .message .profile_oknw dl dt {
          flex-basis: 30%;
          background: #fffbfb;
          margin-right: 1%;
          padding: 1.5%; }
        .company .message .profile_oknw dl dd {
          flex-basis: 65%;
          background: #f7f7f7;
          padding: 1.5%; } }
  .company .staff .staff_box {
    width: 70%;
    margin: 5% auto; }
    .company .staff .staff_box P {
      font-family: ryo-gothic-plusn, sans-serif;
      font-weight: 400;
      font-style: normal;
      width: 100%;
      margin: 2% auto 0;
      font-size: 90%;
      line-height: 1.8em;
      text-align: left;
      letter-spacing: 0.04em; }
    .company .staff .staff_box dl {
      width: 100%;
      margin: 1% auto 0;
      font-size: 90%;
      line-height: 1.6em;
      text-align: left;
      letter-spacing: 0.02em;
      display: flex; }
      .company .staff .staff_box dl dt {
        flex-basis: 30%;
        background: #fff;
        margin-right: 1%;
        padding: 1%; }
      .company .staff .staff_box dl dd {
        flex-basis: 60%;
        background: #fff;
        padding: 1%;
        color: #00aebd;
        font-size: 120%;
        font-weight: normal;
        letter-spacing: .05em;
        line-height: 1.6em; }
        .company .staff .staff_box dl dd .name {
          font-size: 170%; }
        .company .staff .staff_box dl dd .sub {
          font-size: 90%;
          letter-spacing: 0em; }
  @media all and (max-width: 640px) {
    .company .staff .staff_box {
      width: 85%;
      margin: 5% auto; }
      .company .staff .staff_box P {
        font-family: ryo-gothic-plusn, sans-serif;
        font-weight: 400;
        font-style: normal;
        width: 85%;
        margin: 2% auto;
        font-size: 90%;
        line-height: 1.8em;
        text-align: left;
        letter-spacing: 0.04em; }
      .company .staff .staff_box dl {
        width: 100%;
        margin: 1% auto 3%;
        font-size: 90%;
        line-height: 1.6em;
        text-align: left;
        letter-spacing: 0.02em;
        display: block; }
        .company .staff .staff_box dl dt {
          margin: 1% auto;
          width: 80%;
          padding: 0%; }
        .company .staff .staff_box dl dd {
          margin: 1% auto;
          width: 80%;
          background: #fff;
          padding: 0%;
          color: #00aebd;
          font-size: 100%;
          font-weight: normal;
          letter-spacing: .05em; }
          .company .staff .staff_box dl dd .name {
            font-size: 150%; }
          .company .staff .staff_box dl dd .sub {
            font-size: 90%;
            letter-spacing: 0em; } }

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