@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
 共通
===========================================*/
/*このページで使用するフォントカラーを定義*/
/*ヘッダーの色味を調整*/
.gnav li a {
  color: #fff; }
  @media screen and (max-width: 1140px) {
    .gnav li a {
      color: #381706; } }

.gnav li a::after {
  background: #fff; }
  @media screen and (max-width: 1140px) {
    .gnav li a::after {
      background: #381706; } }

.header-contact {
  color: #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff; }
  @media screen and (max-width: 1140px) {
    .header-contact {
      color: #381706;
      border-left: 1px solid #381706;
      border-right: 1px solid #381706; } }

.header-tel {
  color: #fff; }
  @media screen and (max-width: 1140px) {
    .header-tel {
      color: #381706; } }

.header-tel .tel-num {
  color: #fff; }
  @media screen and (max-width: 1140px) {
    .header-tel .tel-num {
      color: #381706; } }

/*パンくずの色味を調整*/
.breadcrumb {
  color: #fff; }

.breadcrumb a {
  color: #fff; }

/*ヘッダー追従　色味を調整*/
#header.fixed .gnav li a {
  color: #381706; }
  #header.fixed .gnav li a::after {
    background: #381706; }
#header.fixed .header-contact {
  color: #381706;
  border-left: 1px solid #381706;
  border-right: 1px solid #381706; }
  #header.fixed .header-contact:hover {
    color: #fff; }
#header.fixed .header-tel {
  color: #381706; }
  #header.fixed .header-tel .tel-num {
    color: #381706; }

/*==========================================
 会社情報ページ
===========================================*/
.company {
  /*==========================================
   ページ上部の画像とタイトル
  ===========================================*/
  /*==========================================
   企業情報 紹介エリア
  ===========================================*/ }
  .company .company-head .top-bg {
    background: url("../img/company/top-bg.jpg") no-repeat top/cover;
    margin: -111px 0 0 0;
    height: 913px; }
    @media screen and (max-width: 1140px) {
      .company .company-head .top-bg {
        height: 813px; } }
    @media screen and (max-width: 767px) {
      .company .company-head .top-bg {
        height: 713px; } }
    @media screen and (max-width: 576px) {
      .company .company-head .top-bg {
        height: 613px; } }
    .company .company-head .top-bg .page-ttl {
      padding-top: 180px;
      text-align: left;
      color: #fff; }
      @media screen and (max-width: 1140px) {
        .company .company-head .top-bg .page-ttl {
          text-shadow: 0 0 4px #381706; } }
      .company .company-head .top-bg .page-ttl .ttl-sub {
        font-size: 3.4rem;
        margin-top: 1em; }
        @media screen and (max-width: 576px) {
          .company .company-head .top-bg .page-ttl .ttl-sub {
            font-size: 2.4rem; } }
        @media screen and (max-width: 320px) {
          .company .company-head .top-bg .page-ttl .ttl-sub {
            font-size: 2rem; } }
  .company .company-body {
    /*==========================================
     後悔しない家づくり。
    ===========================================*/
    /*==========================================
     理想的な住まいの実現。
    ===========================================*/
    /*==========================================
     新しい暮らしのご提案。
    ===========================================*/
    /*==========================================
     企業概要エリア
    ===========================================*/
    /*==========================================
     おススメのコンテンツ紹介エリア
    ===========================================*/ }
    .company .company-body .hearthome-area {
      background: url("../img/company/hearthome-bg.jpg") no-repeat top/cover; }
      .company .company-body .hearthome-area .transparent-cover {
        width: 49%;
        background: rgba(255, 255, 255, 0.7);
        padding: 4em 4.5%; }
        @media screen and (max-width: 1140px) {
          .company .company-body .hearthome-area .transparent-cover {
            padding: 4em 2.5%; } }
        @media screen and (max-width: 767px) {
          .company .company-body .hearthome-area .transparent-cover {
            width: 100%; } }
        .company .company-body .hearthome-area .transparent-cover .inner {
          max-width: 330px;
          margin: 0 0 0 auto; }
          @media screen and (max-width: 767px) {
            .company .company-body .hearthome-area .transparent-cover .inner {
              margin: 0 auto; } }
          .company .company-body .hearthome-area .transparent-cover .inner .ttl {
            margin-bottom: 1em; }
            .company .company-body .hearthome-area .transparent-cover .inner .ttl .ttl-inner {
              margin-bottom: 5em; }
              @media screen and (max-width: 576px) {
                .company .company-body .hearthome-area .transparent-cover .inner .ttl .ttl-inner {
                  margin-bottom: 1em; } }
              .company .company-body .hearthome-area .transparent-cover .inner .ttl .ttl-inner .ttl-ja {
                font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
                font-size: 4rem;
                color: #381706;
                -ms-writing-mode: tb-rl;
                /*文字を縦にする*/
                -webkit-writing-mode: vertical-rl;
                /*文字を縦にする*/
                writing-mode: vertical-rl;
                /*文字を縦にする*/
                width: 110px;
                /*明示的に文字を縦にする箱*/
                height: 200px;
                /*明示的に文字を縦にする箱*/ }
                @media screen and (max-width: 576px) {
                  .company .company-body .hearthome-area .transparent-cover .inner .ttl .ttl-inner .ttl-ja {
                    font-size: 3rem;
                    height: 160px;
                    width: 80px; } }
            .company .company-body .hearthome-area .transparent-cover .inner .ttl .ttl-en {
              font-family: "Quicksand", sans-serif;
              font-size: 3rem;
              font-weight: bold;
              color: #381706;
              letter-spacing: 0.45em; }
              @media screen and (max-width: 576px) {
                .company .company-body .hearthome-area .transparent-cover .inner .ttl .ttl-en {
                  font-size: 2.5rem; } }
              @media screen and (max-width: 320px) {
                .company .company-body .hearthome-area .transparent-cover .inner .ttl .ttl-en {
                  letter-spacing: 0.35em; } }
          .company .company-body .hearthome-area .transparent-cover .inner .txt-box .txt {
            font-size: 1.8rem;
            text-align: justify;
            line-height: 2;
            color: #381706;
            font-weight: 500; }
            @media screen and (max-width: 576px) {
              .company .company-body .hearthome-area .transparent-cover .inner .txt-box .txt {
                font-size: 1.6rem; } }
    .company .company-body .professional-area {
      background: url("../img/company/professional-bg.jpg") no-repeat bottom/cover; }
      .company .company-body .professional-area .transparent-cover {
        width: 49%;
        margin: 0 0 0 auto;
        background: rgba(56, 23, 6, 0.7);
        padding: 4em 4.5%; }
        @media screen and (max-width: 1140px) {
          .company .company-body .professional-area .transparent-cover {
            padding: 4em 2.5%; } }
        @media screen and (max-width: 767px) {
          .company .company-body .professional-area .transparent-cover {
            width: 100%; } }
        .company .company-body .professional-area .transparent-cover .inner {
          max-width: 330px;
          margin: auto 0 0 0; }
          @media screen and (max-width: 767px) {
            .company .company-body .professional-area .transparent-cover .inner {
              margin: 0 auto; } }
          .company .company-body .professional-area .transparent-cover .inner .ttl {
            margin-bottom: 1em; }
            .company .company-body .professional-area .transparent-cover .inner .ttl .ttl-inner {
              margin-bottom: 2em; }
              @media screen and (max-width: 576px) {
                .company .company-body .professional-area .transparent-cover .inner .ttl .ttl-inner {
                  margin-bottom: 1em; } }
              .company .company-body .professional-area .transparent-cover .inner .ttl .ttl-inner .ttl-ja {
                font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
                font-size: 4rem;
                color: #fff;
                -ms-writing-mode: tb-rl;
                /*文字を縦にする*/
                -webkit-writing-mode: vertical-rl;
                /*文字を縦にする*/
                writing-mode: vertical-rl;
                /*文字を縦にする*/
                width: 110px;
                /*明示的に文字を縦にする箱*/
                height: 280px;
                /*明示的に文字を縦にする箱*/
                margin: 0 0 0 auto;
                /*箱を右寄せ*/ }
                @media screen and (max-width: 576px) {
                  .company .company-body .professional-area .transparent-cover .inner .ttl .ttl-inner .ttl-ja {
                    font-size: 3rem;
                    height: 210px;
                    width: 80px; } }
            .company .company-body .professional-area .transparent-cover .inner .ttl .ttl-en {
              font-family: "Quicksand", sans-serif;
              font-size: 3rem;
              font-weight: bold;
              color: #fff;
              letter-spacing: 0.35em; }
              @media screen and (max-width: 576px) {
                .company .company-body .professional-area .transparent-cover .inner .ttl .ttl-en {
                  font-size: 2.5rem; } }
              @media screen and (max-width: 320px) {
                .company .company-body .professional-area .transparent-cover .inner .ttl .ttl-en {
                  letter-spacing: 0.25em; } }
          .company .company-body .professional-area .transparent-cover .inner .txt-box .txt {
            font-size: 1.8rem;
            text-align: justify;
            line-height: 2;
            color: #fff;
            font-weight: 500; }
            @media screen and (max-width: 576px) {
              .company .company-body .professional-area .transparent-cover .inner .txt-box .txt {
                font-size: 1.6rem; } }
    .company .company-body .newlife-area {
      background: url("../img/company/newlife-bg.jpg") no-repeat top/cover; }
      .company .company-body .newlife-area .transparent-cover {
        width: 49%;
        background: rgba(255, 255, 255, 0.7);
        padding: 4em 4.5%; }
        @media screen and (max-width: 1140px) {
          .company .company-body .newlife-area .transparent-cover {
            padding: 4em 2.5%; } }
        @media screen and (max-width: 767px) {
          .company .company-body .newlife-area .transparent-cover {
            width: 100%; } }
        .company .company-body .newlife-area .transparent-cover .inner {
          max-width: 330px;
          margin: 0 0 0 auto; }
          @media screen and (max-width: 767px) {
            .company .company-body .newlife-area .transparent-cover .inner {
              margin: 0 auto; } }
          .company .company-body .newlife-area .transparent-cover .inner .ttl {
            margin-bottom: 1em; }
            .company .company-body .newlife-area .transparent-cover .inner .ttl .ttl-inner {
              margin-bottom: 5em; }
              @media screen and (max-width: 576px) {
                .company .company-body .newlife-area .transparent-cover .inner .ttl .ttl-inner {
                  margin-bottom: 1em; } }
              .company .company-body .newlife-area .transparent-cover .inner .ttl .ttl-inner .ttl-ja {
                font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
                font-size: 4rem;
                color: #381706;
                -ms-writing-mode: tb-rl;
                /*文字を縦にする*/
                -webkit-writing-mode: vertical-rl;
                /*文字を縦にする*/
                writing-mode: vertical-rl;
                /*文字を縦にする*/
                width: 110px;
                /*明示的に文字を縦にする箱*/
                height: 280px;
                /*明示的に文字を縦にする箱*/ }
                @media screen and (max-width: 576px) {
                  .company .company-body .newlife-area .transparent-cover .inner .ttl .ttl-inner .ttl-ja {
                    font-size: 3rem;
                    height: 210px;
                    width: 80px; } }
            .company .company-body .newlife-area .transparent-cover .inner .ttl .ttl-en {
              font-family: "Quicksand", sans-serif;
              font-size: 3rem;
              font-weight: bold;
              color: #381706;
              letter-spacing: 0.45em; }
              @media screen and (max-width: 576px) {
                .company .company-body .newlife-area .transparent-cover .inner .ttl .ttl-en {
                  font-size: 2.5rem; } }
              @media screen and (max-width: 320px) {
                .company .company-body .newlife-area .transparent-cover .inner .ttl .ttl-en {
                  letter-spacing: 0.35em; } }
          .company .company-body .newlife-area .transparent-cover .inner .txt-box .txt {
            font-size: 1.8rem;
            text-align: justify;
            line-height: 2;
            color: #381706;
            font-weight: 500; }
            @media screen and (max-width: 576px) {
              .company .company-body .newlife-area .transparent-cover .inner .txt-box .txt {
                font-size: 1.6rem; } }
    .company .company-body .company-area {
      margin-top: 3em; }
      .company .company-body .company-area .ttl {
        text-align: center;
        margin-bottom: 1.5em; }
        .company .company-body .company-area .ttl .ttl-en {
          font-family: "Quicksand", sans-serif;
          font-size: 5rem;
          font-weight: bold;
          color: #381706; }
          @media screen and (max-width: 576px) {
            .company .company-body .company-area .ttl .ttl-en {
              font-size: 4rem; } }
        .company .company-body .company-area .ttl .ttl-ja {
          font-weight: 500;
          font-size: 1.6rem;
          color: #381706; }
      .company .company-body .company-area .company-profile {
        /*テーブル 会社プロフィール*/
        width: 100%;
        display: block;
        margin-bottom: 5em; }
        @media screen and (max-width: 1140px) {
          .company .company-body .company-area .company-profile {
            width: 75%;
            margin: 0 auto 5em; } }
        @media screen and (max-width: 767px) {
          .company .company-body .company-area .company-profile {
            width: 85%; } }
        @media screen and (max-width: 576px) {
          .company .company-body .company-area .company-profile {
            width: 100%; } }
        .company .company-body .company-area .company-profile thead {
          display: block;
          width: 100%; }
        .company .company-body .company-area .company-profile .profile-item {
          border-bottom: 1px solid #bfbfbf;
          width: 100%;
          display: block; }
          .company .company-body .company-area .company-profile .profile-item .ttl {
            width: 115px;
            padding: 1.5em 0;
            font-size: 1.6rem;
            letter-spacing: 0.1em;
            line-height: 1.8;
            text-align: left;
            margin-bottom: 0;
            font-weight: 500; }
          .company .company-body .company-area .company-profile .profile-item .txt {
            padding: 1.5em 0;
            font-size: 1.6rem;
            letter-spacing: 0.05em;
            line-height: 1.8;
            vertical-align: middle;
            font-weight: 500; }
        .company .company-body .company-area .company-profile .tbody {
          display: flex; }
          .company .company-body .company-area .company-profile .tbody .profile-item {
            width: 45%;
            display: table-cell; }
      .company .company-body .company-area .colum2 tbody {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media screen and (max-width: 1140px) {
          .company .company-body .company-area .colum2 tbody {
            display: block; } }
        .company .company-body .company-area .colum2 tbody .profile-item {
          flex-basis: calc(96% * 1/2); }
    .company .company-body .recommend-btn-area {
      margin-top: 5.7em; }
      .company .company-body .recommend-btn-area .recommend-btn-area01 {
        /*PC時、2つ並び*/
        display: flex;
        justify-content: space-between;
        max-width: 760px;
        margin: 0 auto 6em; }
        @media screen and (max-width: 576px) {
          .company .company-body .recommend-btn-area .recommend-btn-area01 {
            display: block;
            margin: 0 auto 1em; } }
        .company .company-body .recommend-btn-area .recommend-btn-area01 .item {
          flex-basis: calc(95% * 1/2); }
          .company .company-body .recommend-btn-area .recommend-btn-area01 .item a {
            display: block;
            border: 1px solid #b28247;
            padding: 4.5% 2em;
            border-radius: 30px; }
            @media screen and (max-width: 767px) {
              .company .company-body .recommend-btn-area .recommend-btn-area01 .item a {
                padding: 4.5% 6.5%; } }
            .company .company-body .recommend-btn-area .recommend-btn-area01 .item a:hover {
              background-color: #ebdcca; }
            .company .company-body .recommend-btn-area .recommend-btn-area01 .item a .item-wrap {
              display: flex;
              justify-content: space-between; }
              .company .company-body .recommend-btn-area .recommend-btn-area01 .item a .item-wrap .item-ttl .ttl-en {
                font-family: "Quicksand", sans-serif;
                font-size: 3rem;
                font-weight: bold;
                color: #b28247;
                letter-spacing: 0.05em; }
              .company .company-body .recommend-btn-area .recommend-btn-area01 .item a .item-wrap .item-ttl .ttl-ja {
                font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
                font-size: 1.8rem;
                color: #b28247;
                letter-spacing: 0.05em; }
              .company .company-body .recommend-btn-area .recommend-btn-area01 .item a .item-wrap .btn-moreL_nolink {
                align-self: center; }
                .company .company-body .recommend-btn-area .recommend-btn-area01 .item a .item-wrap .btn-moreL_nolink .arw {
                  background-color: #b28247; }
                  .company .company-body .recommend-btn-area .recommend-btn-area01 .item a .item-wrap .btn-moreL_nolink .arw::before {
                    border-right: 1px solid #fff;
                    border-bottom: 1px solid #fff; }
        @media screen and (max-width: 576px) {
          .company .company-body .recommend-btn-area .recommend-btn-area01 .item01 {
            margin-bottom: 1em; } }
      .company .company-body .recommend-btn-area .recommend-btn-area02 {
        /*PC時、3つ並び*/ }

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