@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: #222020;
  --base-bg-color: #EDEDED;

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

  --accent-color-01: #004D82;
  --accent-color-02: #008266;

  --footer-bg-color: #004D82;

  --hamberger-bg-color: #222020;
  --hamberger-overlay-bg-color: rgba(0, 77, 130, .97);
  --hamberger-bg-hover-color: #004D82;

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

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

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

  --c-submit-btn-color: var(--main-bg-color);
  --c-submit-btn-bg-color: #131B59;
  --c-submit-btn-bg--hover-color: var(--accent-color-02);

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



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


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

/* --top
********************************/
.g-footer-wrapper.--top {
  background-color: #D5D5D5;
}
@media all and (min-width: 768px) {
  .g-footer-wrapper.--top {
    padding: 12rem 0 6rem;
  }
}
@media all and (max-width: 767px) {
  .g-footer-wrapper.--top {
    padding: 8rem 0 4rem;
  }
}


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

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


/* g-footer-bg
**************************************************************/
@media all and (min-width: 768px) {
  .g-footer-bg {
    padding-top: 40.718%;
  }
}


/************************************************************************************************
* TOPページ
************************************************************************************************/


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


/* mv-list item__photo
**************************************************************/

/* item__photo-bg
********************************/
.mv-list .item__photo-bg::before {
  background: linear-gradient(rgba(255, 255, 255, 0) 40%, #fff 100%);
}


/**************************************************************
* concept
**************************************************************/


/* concept-list-container
**************************************************************/


/* list__item
********************************/
@media all and (min-width: 768px) and (max-width: 1360px) {
  .concept-list .--01 {
    margin: 45.6191% 0 0 9.654%;
  }
  .concept-list .--02 {
    margin: 37.417% 0 0 38.869%;
  }
  .concept-list .--03 {
    margin: 68.178% 0 0 38.869%;
  }
}



/**************************************************************
* work
**************************************************************/


/* workCard-list-container
**************************************************************/
@media all and (min-width: 768px) {
  .workCard-list-container {
    margin-top: 10rem;
  }
}
@media all and (max-width: 767px) {
  .workCard-list-container {
    margin-top: 6rem;
  }
}


/* workCard-list
**************************************************************/
.workCard-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


/* list__item
********************************/
.workCard-list .list__item {
  max-width: 60rem;
}

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



/************************************************************************************************
* WORKページ
************************************************************************************************/


/**************************************************************
* work-sub-list-container
**************************************************************/
@media all and (min-width: 768px) {
  .work_page .work-sub-list-container {
    margin-top: 0;
  }
}

@media all and (max-width: 767px) {
  .work_page .work-sub-list-container {
    margin-top: 0;
  }
}