@charset "utf-8";

/**************************************************************
* xxx
**************************************************************/

/* xxx
**************************************************************/

/* xxx
********************************/

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


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

: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: #262626;
  --base-bg-color: #fff;

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

  --accent-color-01: #bdecb0;
  --accent-color-02: #43925b;
  --accent-color-03: #bdecb0;
  --accent-color-04: #43925b;

  --footer-bg-color: #bdecb0;

  --hamberger-bg-color: c;
  --hamberger-overlay-bg-color: rgb(41 41 41 / .97);
  --hamberger-bg-hover-color: #CBA267;

  --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: #bdecb0;
  --c-submit-btn-bg-color: #bdecb0; */
  --c-submit-btn-color: #fff;
  --c-submit-btn-bg-color: #fff;
  --c-submit-btn-bg--hover-color: #444;

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

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



/* c-head-vl-2__en
********************************/
.c-head-vl-2__en {
  font-family: var(--main-ttl-font-family);
}
.c-head-vl-2__en::first-letter {
  color: var(--base-font-color);
}
@media all and (min-width: 768px) {}
@media all and (max-width: 767px) {}

/* c-head-vl-2__jp
********************************/
.c-head-vl-2__jp {}
@media all and (min-width: 768px) {}
@media all and (max-width: 767px) {}



/**************************************************************
* c-submit-btn-outer
**************************************************************/


/* c-submit-btn
**************************************************************/
.c-submit-btn::before,
.c-submit-btn::after {
  background-color: var(--base-font-color);
}
@media (hover: hover) {
  .c-submit-btn:hover::before,
  .c-submit-btn:hover::after
  {
    background-color: #fff;
  }
}

/* c-submit-btn__lbl
********************************/
.c-submit-btn__lbl {
  color: var(--base-font-color);
}
@media (hover: hover) {
  .c-submit-btn:hover .c-submit-btn__lbl {
    color: #fff;
  }
}

/**************************************************************
* c-news-container
**************************************************************/

/* item__category-list
**************************************************************/
.c-news-list .item__category-list__item {
  color: #262626;
  background-color: #fff;
}


/* item__date
**************************************************************/
.c-news-list .item__date {
  color: #fff;
}


/* item__ttl-contaoner
**************************************************************/
.c-news-list .item__ttl {
  color: #fff;
}


/* item__des-container
**************************************************************/
.c-news-list .item__des {
  color: #fff;
}



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


/* item__img
**************************************************************/

/* item__date
********************************/
@media (hover: hover) {
  .c-case-list .item__link:hover .item__img-img {
    opacity: initial;
    transform: initial;
  }
}



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


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

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

  .is-fixed .g-header-logo {
    width: 30rem;
  }
}

/**************************************************************
* g-nav-container
**************************************************************/

/* g-nav-list
**************************************************************/

/* item__lbl
********************************/
.g-nav-list .item__lbl {
  color: var(--base-font-color);
}



/**************************************************************
* g-footer
**************************************************************/
.g-footer {}

/* item__name
********************************/
.g-footer-address-list .item__name {
  color: var(--base-font-color);
}

/* item__des
********************************/
.g-footer-address-list .item__des {
  color: var(--base-font-color);
}


/* item__lbl
********************************/
.g-footer-nav .item__lbl::before {
  background-color: var(--base-font-color);
}



/* g-footer-nav-list
**************************************************************/

/* item__lbl
********************************/
.g-footer-nav .item__lbl {
  color: var(--base-font-color);
}


/* g-footer-copyright
**************************************************************/
.g-footer-copyright {
  color: var(--base-font-color);
}


/************************************************************************************************
*  MV
************************************************************************************************/


/**************************************************************
* mv
**************************************************************/

@media all and (max-width: 767px) {
  .mv-list .--01 .item__photo-bg {
    background-image: url(../img/top/mv/main_01_sp.jpg);
  }
}


/* mv-cp-container
**************************************************************/
@media all and (max-width: 767px) {
  .mv-cp-container {
    width: 88%;
    margin: 36vw auto 0;
  }
}

/* mv-cp-sub__ttl
********************************/
.mv-cp-sub__ttl {
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}
@media all and (max-width: 767px) {
  .mv-cp-sub__ttl {
    font-size: 4.2vw;
  }
}

/* mv-cp-sub__des
********************************/
.mv-cp-sub__des {
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}
@media all and (max-width: 767px) {
  .mv-cp-sub__des {
    font-size: 3.4vw;
  }
}


/* mv-subImg-container
**************************************************************/

/* list__item
********************************/
@media all and (max-width: 767px) {
  .mv-subImg-list .list__item.--01 {
    background-image: url(../img/top/mv/sub_01_sp.jpg);
  }
}


/************************************************************************************************
* WORKS
************************************************************************************************/


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

/* works-list
**************************************************************/
@media all and (min-width: 768px) {
  .works-list {
    grid-template-areas:
      "areaA areaB areaC"
      "areaD areaE areaF";
  }
}
@media all and (min-width: 768px) and (max-width: 1366px) {
  .works-list {
    grid-template-areas:
      "areaA areaB"
      "areaC areaD"
      "areaE areaF";
  }
}
@media all and (max-width: 767px) {
  .works-list {
    grid-template-areas:
      "areaA"
      "areaB"
      "areaC"
      "areaD"
      "areaE"
      "areaF";
  }
}


/* item__contents
**************************************************************/
@media all and (min-width: 768px) {
  .works-list .item__contents {
    top: 0%;
    transform: translate(-50%, 0%);
    margin-top: 6rem;
  }
}



/************************************************************************************************
* COMPANY
************************************************************************************************/

/**************************************************************
* c-tbl-contents
**************************************************************/


/* item__des-container
**************************************************************/

/* item__des
********************************/
.c-tbl-list .item__des-img {
  display: inline-block;
  width: 10rem;
  margin-top: 2rem;
}

.c-tbl-list .item__des a {
  text-decoration: underline;
}
@media (hover: hover) {
  .c-tbl-list .item__des a:hover {
    text-decoration: none;
  }
}


/************************************************************************************************
* NEWS
************************************************************************************************/

/**************************************************************
* news-head-container
**************************************************************/

/* c-head-vl-2__en
**************************************************************/
.news-head-container .c-head-vl-2__en {
  color: #fff;
}
.news-head-container .c-head-vl-2__en::first-letter {
  color: #fff;
}

/* c-head-vl-2__jp
**************************************************************/
.news-head-container .c-head-vl-2__jp {
  color: #fff;
}



/************************************************************************************************
* RECRUIT
************************************************************************************************/



/**************************************************************
* recruit-ttl-container
**************************************************************/


/* recruit-ttl
**************************************************************/
.recruit-ttl::first-letter {
  color: #fff;
}



/**************************************************************
* recruit-copy-container
**************************************************************/


/* recruit-copy
**************************************************************/
.recruit-copy__txt::first-letter {
  color: #fff;
}