@charset "utf-8";


/**************************************************************
* 変数設定
**************************************************************/

:root {
  --base-font-size: 62.5%;
  --base-font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  --contents-width: 136rem;

  --base-font-color: #341800;
  --base-bg-color: #fff;

  --main-ttl-color: var(--base-font-color);
  --main-header-color: #D3D5D8;
  --main-ttl-font-family: "Arial", sans-serif, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝";

  /* --accent-color-01: #E1D7C9;
  --accent-color-02: #F8F9FA;
  --accent-color-03: #BEAB90;
  --accent-color-04: #212529; */
  --accent-color-01: #d5f5f3;
  --accent-color-02: #F8F9FA;
  --accent-color-03: #71e4e4;
  --accent-color-04: #212529;

  --footer-bg-color: #212529;

  --hamberger-bg-color: #2f2c2c;
  --hamberger-overlay-bg-color: rgb(41 41 41 / .97);
  /* --hamberger-bg-hover-color: #BEAB90; */
  /* --hamberger-bg-hover-color: #83e3e3; */
  --hamberger-bg-hover-color: #fff;

  --category-01-bg-color: #CFD1D4;

  --contact-bg-color: var(--base-bg-color);
  --contact-font-color: var(--base-font-color);
  --contact-field-bg-color: #fff;
  --contact-status-required-bg-color: #A54032;
  --contact-status-free-bg-color: #858585;

  --c-btn-color: var(--base-font-color);

  --c-submit-btn-color: #444;
  --c-submit-btn-bg-color: #444;
  --c-submit-btn-bg--hover-color: #878585;

  --popup-close-btn-bg-color: #212529;

  --transition-speed: .3s;
  --transition-anima-speed: 1.5s;
  --opacity-degree: .7;
}


/**************************************************************
* g-header
**************************************************************/

/* g-header-head
**************************************************************/
@media all and (max-width: 767px) {
  .g-header-head {
    width: 6rem;
  }
}


/* g-header-logo
**************************************************************/
@media all and (min-width: 768px) {
  /* .g-header-logo {
    width: 14rem;
  } */
  .is-fixed .g-header-logo {
    width: 10rem;
  }
}


/**************************************************************
* g-footer
**************************************************************/

/* g-footer-header
**************************************************************/

/* g-footer-logo
********************************/
@media all and (min-width: 768px) {
  /* .g-footer-logo {
    width: 14rem;
  } */
}
@media all and (max-width: 767px) {
  .g-footer-logo {
    width: 10rem;
  }
}


/************************************************************************************************
* WORKS - TOPページ
************************************************************************************************/


/**************************************************************
* works-list-container
**************************************************************/
@media all and (min-width: 768px) {
  .c-column-2 .works-list-container {
    height: 100.2rem;
  }
}

/* works-list
**************************************************************/
@media all and (min-width: 768px) {
  .works-list {
    grid-template-areas:
      "areaA areaB"
      "areaC areaD";
    height: 100%;
  }
}


/* item__link
**************************************************************/
@media all and (min-width: 768px) {
  .works-list .item__link {
    display: block;
    height: 100%;
  }
}



/************************************************************************************************
* CASE - TOPページ
************************************************************************************************/


/**************************************************************
* c-case-container
**************************************************************/


/* item__contents
**************************************************************/
@media all and (min-width: 768px) {
  .front_page .c-case-list .item__contents {
    margin-left: 0;
  }
}

/* item__img
**************************************************************/
@media all and (min-width: 768px) {
  .front_page .c-case-list .item__img {
    width: 70.097%;
    margin: 0 auto;
  }
}
@media (hover: hover) {
  .front_page .c-case-list .item__link:hover .item__img-img {
    transform: none;
  }
}



/************************************************************************************************
* MESSAGE - TOPページ
************************************************************************************************/


/**************************************************************
* company-message-container
**************************************************************/


/* company-message-contents
**************************************************************/
@media all and (min-width: 1361px) {
  .company-message-contents {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
}

@media all and (min-width: 768px) and (max-width: 1360px) {}


/* company-message-profile
********************************/
.company-message-contents .company-message-profile {
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 768px) {
  .company-message-contents .company-message-profile {
    width: 50rem;
  }
}

@media all and (max-width: 767px) {
  .company-message-contents .company-message-profile {
    width: 70%;
  }
}


/* company-message-img
********************************/
.company-message-contents .company-message-img {
  margin-left: auto;
  margin-right: auto;
}


/* company-message-status
********************************/
@media all and (min-width: 768px) {
  .company-message-contents .company-message-status {
    margin-top: 4rem;
  }

  .company-message-contents .company-message-status__status {
    font-size: 1.4rem;
    text-align: right;
  }

  .company-message-contents .company-message-status__name {
    margin-top: 2rem;
    font-size: 2.4rem;
    text-align: right;
  }
}

@media all and (max-width: 767px) {
  .company-message-contents .company-message-status {
    margin-top: 3rem;
  }

  .company-message-contents .company-message-status__status {
    font-size: 1.2rem;
    text-align: center;
  }

  .company-message-contents .company-message-status__name {
    margin-top: 1rem;
    font-size: 2rem;
    text-align: center;
  }
}


/* company-message-info
********************************/
@media all and (min-width: 1361px) {
  .company-message-contents .company-message-info {
    width: calc(100% - 50rem - 8rem);
    margin-right: 8rem;
  }
}

@media all and (min-width: 768px) and (max-width: 1360px) {
  .company-message-contents .company-message-info {
    margin-top: 8rem;
  }
}

@media all and (max-width: 767px) {
  .company-message-contents .company-message-info {
    margin-top: 6rem;
  }
}


/* info-ttl-container
********************************/
.company-message-contents .info-ttl-container {
  position: relative;
}

.company-message-contents .info-ttl-container::before,
.company-message-contents .info-ttl-container::after {
  content: "";
  display: none;
  position: absolute;
  left: 0;
  z-index: 0;
  height: .1rem;
  background-color: var(--base-font-color);
}

.company-message-contents .info-ttl-container::before {
  top: 0;
  height: .1rem;
}

.company-message-contents .info-ttl-container::after {
  bottom: 0;
  height: .1rem;
}

.company-message-contents .info-ttl-main {
  line-height: 1.5;
}

.company-message-contents .info-ttl-main,
.company-message-contents .info-ttl-sub {
  font-weight: bold;
}

@media all and (min-width: 768px) {
  .company-message-contents .info-ttl-container::before {
    width: 30rem;
  }

  .company-message-contents .info-ttl-container::after {
    width: 15rem;
  }

  .company-message-contents .info-ttl-main {
    font-size: 2.4rem;
  }

  .company-message-contents .info-ttl-sub {
    color: #168352;
    margin-top: 2rem;
    font-size: 1.2rem;
  }
}

@media all and (max-width: 767px) {
  .company-message-contents .info-ttl-container::before {
    width: 60%;
  }

  .company-message-contents .info-ttl-container::after {
    width: 30%;
  }

  .company-message-contents .info-ttl-main {
    font-size: 1.8rem;
  }

  .company-message-contents .info-ttl-sub {
    margin-top: 1rem;
    font-size: 1rem;
  }
}


/* info-des-container
********************************/
.company-message-contents .info-des-txt {
  line-height: 2;
}

@media all and (min-width: 768px) {
  .company-message-contents .info-des-container {
    margin-top: 4rem;
  }

  .company-message-contents .info-des-txt {
    font-size: 1.6rem;
  }

  .company-message-contents .info-des-txt+.info-des-txt {
    margin-top: 2rem;
  }
}

@media all and (max-width: 767px) {
  .company-message-contents .info-des-container {
    margin-top: 3rem;
  }

  .company-message-contents .info-des-txt {
    font-size: 1.4rem;
  }

  .company-message-contents .info-des-txt+.info-des-txt {
    margin-top: 2rem;
  }
}




/************************************************************************************************
* ABOUT US - CONCEPTページ
************************************************************************************************/


/**************************************************************
* commitment-list-container
**************************************************************/


/* c-tbl-list-container
**************************************************************/


/* list__item
**************************************************************/
@media all and (min-width: 768px) {
  .commitment-list > .list__item:nth-child(n + 2) {
    margin-top: 18rem;
  }
}
@media all and (max-width: 767px) {
  .commitment-list > .list__item:nth-child(n + 2) {}
}


/* item__ttl-container
**************************************************************/

/* item__ttl
********************************/
@media all and (min-width: 768px) {
  .concept_page .commitment-list .item__ttl {
    writing-mode: unset;
  }
}



/**************************************************************
* recruit-head-container
**************************************************************/
@media all and (min-width: 768px) {
  .concept_page .recruit-head-container {
    margin-top: 12rem;
  }
}
@media all and (max-width: 767px) {
  .concept_page .recruit-head-container {
    margin-top: 8rem;
  }
}


/**************************************************************
* recruit-tbl-list-container
**************************************************************/
@media all and (min-width: 768px) {
  .recruit-tbl-list-container {
    max-width: 128rem;
    margin-top: 6rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media all and (max-width: 767px) {
  .recruit-tbl-list-container {
    margin-top: 4rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4%;
    padding-right: 4%;
  }
}


/* item__blk-wrapper
**************************************************************/
@media all and (min-width: 768px) {
  .concept_page .c-tbl-list .item__blk-wrapper {
    width: calc(100% - 16.8rem);
  }
}


/* item__contents
********************************/
@media all and (min-width: 768px) {
  .concept_page .c-tbl-list .item__contents {
    padding: 2.4rem 0;
  }
}
@media all and (max-width: 767px) {
  .concept_page .c-tbl-list .item__contents {
    padding: 3rem 0;
  }
}


/* item__info
********************************/
@media all and (min-width: 768px) {
  .concept_page .c-tbl-list .item__info {
    width: 16.8rem;
    padding: 0;
  }
}
@media all and (max-width: 767px) {
  .concept_page .c-tbl-list .item__info {
    width: 100%;
    margin-top: 0;
  }
}



/* item__des-container
**************************************************************/
.concept_page .c-tbl-list .item__des-container {
  margin-top: 0;
}
.concept_page .c-tbl-list .item__des {
  text-align: initial;
}