@charset "utf-8";

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

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

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

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


/**************************************************************
* g-container__inner
**************************************************************/
.g-container__inner {
  background-color: #32D7DF;
}



/**************************************************************
* c-btn-erea
**************************************************************/
.c-btn-erea {
  background-color: #0093d6;
}



/* c-btn
**************************************************************/


/* c-btn-link
********************************/
.access .c-btn-link::before {
  border-color: #DFA132;
}

/* c-btn-link-arrow
********************************/
.access .c-btn-link-arrow::before,
.access .c-btn-link-arrow::after {
  background-color: #DFA132;
}

/* c-btn-lbl
********************************/
.access .c-btn-lbl {
  color: #DFA132;
}



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


/* c-submit-btn
**************************************************************/
.c-submit-btn {
  border: .1rem solid #DFA132;
  background-color: #DFA132;
}


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


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

/* g-header-logo__link
********************************/
.g-header-logo__link img {
  width: 100%;
}


/* is-open
********************************/
.g-header::before {
  background-color: #DFA132;
}
@media all and (max-width: 767px) {
  .is-open .c-hamburger-menu {
    position: fixed;
    margin: 1.4rem 4% 0 0;
  }
}


/**************************************************************
* g-nav-container
**************************************************************/
@media all and (min-width: 768px) {
  .g-nav-container {
    width: 72rem;
  }
}

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

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


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


/* item__lbl
**************************************************************/
.g-header-subNav .item__lbl {
  color: var(--base-font-color-02);
}
.g-header-subNav .item__lbl::before {
  background-color: var(--base-font-color-02);
}


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


/* g-footer-contents
**************************************************************/
@media all and (min-width: 768px) {
  .g-footer-contents.--bottom {
    margin-top: 3rem;
  }
}


/* g-footer-logo-container
**************************************************************/

/* g-footer-logo-name
********************************/
.g-footer-logo-name {
  width: 30rem;
}
.g-footer-logo-name img {
  width: 100%;
}



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

/* g-footer-nav-list
********************************/
@media all and (min-width: 768px) {
  .g-footer-nav-list + .g-footer-nav-list {
    margin-top: 2rem;
  }
}
@media all and (max-width: 767px) {}


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

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


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



/* g-footer-sns-list-container
**************************************************************/
.g-footer-sns-list-container::before {
  color: var(--base-font-color-02);
  border-color: var(--base-font-color-02);
}


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


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


/* mv-cp
**************************************************************/
.mv-cp {
  animation: none;
}
.mv-cp__inner {
  text-align: center;
}
@media all and (min-width: 768px) {
  .mv-cp__inner {
    font-size: 6.25vw;
  }
}
@media all and (min-width: 1920px) {
  .mv-cp__inner {
    font-size: 12rem;
  }
}
@media all and (max-width: 767px) {
  .mv-cp__inner {
    font-size: 2.4rem;
  }
}


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

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



/**************************************************************
* news
**************************************************************/


/* news-list-container
**************************************************************/

/* item__photo
********************************/
.news-list .item__photo img {
  border-color: #0093d6;
}


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

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

/* c-head-vl-2__en / c-head-vl-2__jp
********************************/
@media all and (min-width: 768px) {
  .c-head-container.--concept .c-head-vl-2__en,
  .c-head-container.--concept .c-head-vl-2__jp
  {
    color: #fff;
  }
}

/* c-slide-cp
**************************************************************/
.c-slide-cp.--reverse {
  animation: none;
}
.concept .c-slide-cp__inner {
  text-align: center;
}
@media all and (min-width: 768px) {
  .concept .c-slide-cp__inner {
    font-size: 5.208vw;
  }
}
@media all and (min-width: 1921px) {
  .concept .c-slide-cp__inner {
    font-size: 10rem;
  }
}
@media all and (max-width: 767px) {
  .concept .c-slide-cp__inner {
    font-size: 3rem;
  }
}


/* c-lead-container
**************************************************************/
@media all and (min-width: 768px) {
  .concept .c-lead-container {
    width: 100%;
  }
}


/**************************************************************
* LINEUP
**************************************************************/


/* lineup-list-container
**************************************************************/

/* item__photo
********************************/
.lineup-list .item__photo {
  position: relative;
}



/**************************************************************
* products
**************************************************************/


/* products-list
**************************************************************/

/* item__img
********************************/
.products-list .--04 .item__img-photo {
  background-image: url(../img/top/products/img_04.jpg);
}
.products-list .--05 .item__img-photo {
  background-image: url(../img/top/products/img_05.jpg);
}
.products-list .--06 .item__img-photo {
  background-image: url(../img/top/products/img_06.jpg);
}


/* item__ttl
********************************/
@media all and (max-width: 767px) {
  .products-list .--04 .item__ttl::before {
    background-image: url(../img/top/products/img_04.jpg);
  }
  .products-list .--05 .item__ttl::before {
    background-image: url(../img/top/products/img_05.jpg);
  }
  .products-list .--06 .item__ttl::before {
    background-image: url(../img/top/products/img_06.jpg);
  }
}

/* item__tag
********************************/
.products-list .item__tag::before {
  border-color: #DFA132;
}


/**************************************************************
* lineup
**************************************************************/

/* lineup-list-container
**************************************************************/


/* item__subImg
********************************/
@media all and (max-width: 767px) {
  .lineup-list .item__subImg-img::before {
    background-color: transparent;
  }
}

/* item__info
********************************/
@media all and (max-width: 767px) {
  .lineup-list .item__info__contents {
    margin: 3rem auto 0;
  }
}


/* item__ttl
********************************/
.lineup-list .item__ttl {
  justify-content: center;
}
@media all and (max-width: 767px) {
  .lineup-list .item__ttl-num,
  .lineup-list .item__ttl-txt-jp,
  .lineup-list .item__ttl-txt-en {
    color: var(--base-font-color-02);
    text-shadow: none;
  }
}
.lineup-list .item__des-txt {
  text-align: center;
}

.lineup-list .item__button {
  width: 30rem;
  height: auto;
  text-align: center;
  margin: 0 auto;
}

.lineup-list .item__button p {
  font-size: 1.5rem;
  color: #fff;
}

.link__hover:hover {
  opacity: 0.7;
  transform: scale(1.02);
  transition: all .3s;
}



/**************************************************************
* about
**************************************************************/

/* about-intro
**************************************************************/

/* about-intro-ttl
********************************/
@media all and (min-width: 768px) {
  .about-intro-ttl {
    font-size: 5.208vw;
  }
}
@media all and (min-width: 1920px) {
  .about-intro-ttl {
    font-size: 10rem;
  }
}
@media all and (max-width: 767px) {
  .about-intro-ttl {
    font-size: 3rem;
  }
}



/**************************************************************
* access
**************************************************************/


/* c-inner
**************************************************************/
@media all and (min-width: 768px) {
  .access .c-inner {
    width: 100%;
  }
}


/* access-info
**************************************************************/
@media all and (min-width: 768px) {
  .access-info {
    width: calc(100% - 40% - 8%);
    margin: 0 auto;
  }
}


/* access-header
**************************************************************/
.access-header {
  position: relative;
}

/* access-header-ttl
********************************/
.access-header-ttl::before {
  background-color: #DFA132;
}
@media all and (min-width: 768px) {
  .access-header-ttl {
    padding-top: 2rem;
  }
}


/* access-ttl
**************************************************************/
.access-ttl {
  background-color: #E9BD6E;
}