@charset "utf-8";

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

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

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

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



/**************************************************************
* c-outer
**************************************************************/
@media all and (max-width: 767px) {
  .c-outer {
    width: 100%;
  }
}



/**************************************************************
* c-head
**************************************************************/


/* c-head-vl-2
**************************************************************/

/* c-head-vl-2__en
********************************/
.c-head-vl-2__en {
}
.c-head-vl-2__en-st {}



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


/* c-submit-btn
**************************************************************/
.c-submit-btn {
  border-color: #000;
  background-color: transparent;
}
.c-submit-btn::before,
.c-submit-btn::after {
  background-color: #000;
}
@media (hover: hover) {
  .c-submit-btn:hover {
    border-color: #000;
    background-color: #000;
  }
}

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


/**************************************************************
* g-fix-info
**************************************************************/
.g-fix-info {
  background-color: #262626;
}
@media all and (max-width: 767px) {
  .g-fix-info {
    display: none;
  }
}


/* g-fix__ttl
**************************************************************/
.g-fix__ttl {
  color: #fff;
}


/* g-fix__txt
**************************************************************/
.g-fix__txt {
  color: #fff;
}


/**************************************************************
* g-header
**************************************************************/
.g-header {
  background-color: rgb(255 255 255 / .4);
}
.g-header::before {
  background-color: rgb(255 255 255 / .95);
}


/* g-header-head
**************************************************************/
@media all and (min-width: 768px) and (max-width: 1200px) {
  .g-header-head {}
}
@media all and (min-width: 1200px) {
  .g-header-head {
    align-items: center;
  }
}


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


/* is-open
********************************/
@media all and (max-width: 767px) {
  .is-open .g-header-logo {
    position: fixed;
    top: 0;
    left: 0;
    margin: 2rem 0 0 4%;
  }
}


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


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

/* item__lbl
********************************/
.g-nav-list .item__lbl {
  color: #444;
}
.g-nav-list .item__lbl::before {
  background-color: #444;
}


/**************************************************************
* g-footer
**************************************************************/
.g-footer::before {
  background-color: #222020;
}


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

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


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

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

/* item__photo-bg
********************************/
@media all and (max-width: 767px) {
  .mv-list .--01 .item__photo-bg {
    background-position: -270px center;
  }
  .mv-list .--02 .item__photo-bg {
    background-position: -170px center;
  }
  .mv-list .--03 .item__photo-bg {
  }
}

/* mv-cp-container
**************************************************************/
.mv-cp-container {
  transform: translate(0, 0);
}
@media all and (min-width: 768px) {
  .mv-cp-container {
    top: 70%;
    bottom: auto;
    transform: translate(0, -50%);
  }
}
@media all and (min-width: 1921px) {
  .mv-cp-container {}
}
@media all and (max-width: 767px) {
  .mv-cp-container {
    top: 60%;
    bottom: auto;
  }
}


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


/**************************************************************
* news
**************************************************************/
.news {
  background-color: #f2f6f0;
}


/* c-news-container
**************************************************************/
@media all and (min-width: 768px) {
  .c-news-container {
    min-width: 56rem;
  }
}
@media all and (max-width: 767px) {
  .c-news-container {
    width: 100%;
  }
}



/* list__item
**************************************************************/
.c-news-list .list__item:nth-child(n + 2) {
  margin-top: 8rem;
}


/* item__header
**************************************************************/
.c-news-list .item__header {
  display: flex;
  flex-wrap: wrap;
}
@media all and (min-width: 768px) {
  .c-news-list .item__header {
    width: auto;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .c-news-list .item__header {
    width: 100%;
  }
  .c-news-list .--non-img .item__header {
    width: 100%;
  }
}
@media all and (max-width: 767px) {}

/* item__photo
********************************/
.c-news-list .item__photo {
  position: relative;
}
.c-news-list .item__photo img {
  position: absolute;
  top: 0;
  left: 0;
}
@media all and (min-width: 768px) {
  .c-news-list .item__photo {
    margin: 3rem;
  }
}
@media all and (max-width: 767px) {
  .c-news-list .item__photo {
    width: 28rem;
    margin: 3rem auto 2rem;
    padding-top: 28rem;
  }
}


/* item__body
**************************************************************/
@media all and (min-width: 768px) {
  .c-news-list .item__body {
    width: 100%;
    margin-left: 0;
  }
}


/************************************************************************************************
* CONCEPT
************************************************************************************************/

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


/* concept-bg
**************************************************************/
.concept-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  background-image: url(../img/top/concept/main.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media all and (min-width: 768px) {}
@media all and (max-width: 767px) {
  .concept-bg {
    background-position: -640px center;
  }
}


/* concept-mainTtl-container
**************************************************************/


/* concept-mainTtl
********************************/
.concept-mainTtl__inner {
  color: #444;
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}
@media all and (min-width: 768px) {
  .concept-mainTtl__inner {
    border-left: .1rem solid #444;
  }
}
@media all and (max-width: 767px) {
  .concept-mainTtl__inner {
    border-bottom: .1rem solid #444;
  }
}


/* concept-subTtl-container
**************************************************************/
@media all and (min-width: 768px) {
  .concept-subTtl-container {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50rem;
    margin: 0 24.404% 8rem 0;
  }
  .concept-subTtl-container .u-show-pc-tab {
    display: inline;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .concept-subTtl-container {
    position: relative;
    margin: 3rem 0 0 2rem;
  }
}
@media all and (max-width: 767px) {
  .concept-subTtl-container {
    position: relative;
    margin: 3rem 0 0 2rem;
  }
}



/************************************************************************************************
* ABOUT
************************************************************************************************/


/**************************************************************
* c-grow-container
**************************************************************/

/* item__body
**************************************************************/
.c-grow-list .list__item:nth-child(odd) .item__body {
  background-color: #F3F1ED;
}
.c-grow-list .list__item:nth-child(even) .item__body {
  background-color: #F2F0EC;
}



/************************************************************************************************
* EVENT
************************************************************************************************/


/**************************************************************
* commitment
**************************************************************/
.commitment.c-section {
  background-color: #f2f6f0;
}


/**************************************************************
* c-slider-num-pager-erea
**************************************************************/

/* swiper-pagination-bullet
**************************************************************/
#g-container .c-slider-num-pager-list-container .swiper-pagination-bullet:nth-child(1)::before {
  content: "こ"
}
#g-container .c-slider-num-pager-list-container .swiper-pagination-bullet:nth-child(2)::before {
  content: "お"
}
#g-container .c-slider-num-pager-list-container .swiper-pagination-bullet:nth-child(3)::before {
  content: "家"
}
#g-container .c-slider-num-pager-list-container .swiper-pagination-bullet:nth-child(4)::before {
  content: "上"
}
#g-container .c-slider-num-pager-list-container .swiper-pagination-bullet:nth-child(5)::before {
  content: "物"
}
#g-container .c-slider-num-pager-list-container .swiper-pagination-bullet:nth-child(6)::before {
  content: "卸"
}

#g-container .c-slider-num-pager-list-container .swiper-pagination-bullet::before {
  color: #444;
}
#g-container .c-slider-num-pager-list-container .swiper-pagination-bullet::after {
  background-color: #444;
}
@media all and (max-width: 767px) {
  #g-container .c-slider-num-pager-list-container .swiper-pagination-bullet {
    margin: 0 0.6rem 2rem;
  }
  #g-container .c-slider-num-pager-list-container .swiper-pagination-bullet::after {
    height: 3rem;
  }
}


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

/**************************************************************
* recruit
**************************************************************/
.recruit.c-section {
  background-color: #f2f6f0;
  padding-top: 20rem;
}


/************************************************************************************************
* CONTACT
************************************************************************************************/


/**************************************************************
* g-contact
**************************************************************/


/* g-contact-form-container
**************************************************************/
.g-contact-form-container {
  background-color: #F9F9F9;
}


/* g-contact-info
**************************************************************/

/* g-contact-lead-info-tel
********************************/
.g-contact-lead-info-tel {
  color: #444;
}


/* g-contact-form-blk
**************************************************************/

/* form-blk-lbl-status
********************************/
.form-blk-lbl-status.--required {
  background-color: #F39800;
}
.form-blk-lbl-status.--free {
  background-color: #F39800;
}

/************************************************************************************************
* プライバシーポリシー
************************************************************************************************/
.p-privacy {
  padding: 200px;
}

@media (max-width: 768px) {
  .p-privacy {
    padding: 30px;
  }
}

.p-privacy__title {
  margin-top: 50px;
  text-align: left;
  line-height: 2;
  font-family: "Noto Serif JP", sans-serif, serif;
  font-size: 3.4rem;
}
@media (max-width: 768px) {
  .p-privacy__title {
    font-size: 2.4rem;
  }
}
@media (max-width: 576px) {
  .p-privacy__title {
    font-size: 2rem;
  }
}
.p-privacy__title__text {
  margin-top: 50px;
  line-height: 2;
  font-size: 2rem;
}
.p-privacy__contents {
  margin-top: 30px;
}

.p-privacy__contents__title {
  font-size: 2.4rem;
}

.p-privacy__contents__text {
  margin-top: 30px;
  line-height: 2;
  font-size: 2rem;
}

/* グーグルマップ */

.company__map {
  max-width: 100rem;
  height: 60rem;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .company__map {
    max-width: 60rem;
    height: 45rem;
  }
}
@media (max-width: 576px) {
  .company__map {
    max-width: 40rem;
    height: 45rem;
  }
}

.company__map iframe{
  width: 100%;
  height: 100%;
  object-fit: cover;
}