/* =======================================
 brand pege
======================================= */
.brand-wrap {
  color: #000;
  font-family: -apple-system, YuGothic, "Yu Gothic", 'Noto Sans JP', sans-serif;
  line-height: 1;
  width: 100vw;
}

@media only screen and (max-width: 768px) {
  .brand-wrap {
    background: #fff;
    font-size: 3.467vw;
    margin: 0 -16px 24px;
  }
}

@media only screen and (min-width: 769px) {
  .brand-wrap {
    background: url(../img/pc_bg_01_libra.jpg) 50% 0 no-repeat #fff;
    background-size: 125em auto;
    font-size: 1.356vw;
    margin: 0 -16px 36px;
  }
}

@media only screen and (min-width: 1180px) {
  .brand-wrap {
    font-size: 16px;
    min-width: 1180px;
  }
}

@media only screen and (min-width: 769px) {
  .brand-wrap .none-pc {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .brand-wrap .none-sp {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .brand-inner {
    margin: auto;
    max-width: 1100px;
    width: 93.22%;
  }
}

@media only screen and (max-width: 768px) {
  .brand-fv {
    background: url(../img/fv_sp_bg_libra.jpg) 0 0/100% auto no-repeat;
    height: 140vw;
    padding-top: 8.267vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-fv {
    height: 65.125em;
    padding-top: 15.625em;
  }
}

@media only screen and (max-width: 768px) {
  .brand-title {
    margin: auto;
    width: 73.867vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-title {
    margin: 0 auto 0 2.5em;
    width: 42.273%;
  }
}

@media only screen and (max-width: 768px) {
  .brand-concept {
    padding: 1.867vw 0 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-concept {
    min-height: 56.25em;
  }
}

.brand-concept-title {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .brand-concept-title {
    margin: 0 auto 16vw;
    width: 93.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-concept-title {
    margin: 0 auto 7.813em;
    width: 81.455%;
  }
}

.brand-concept-title::after {
  background: #ba9f74;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 1px;
}

@media only screen and (max-width: 768px) {
  .brand-concept-title::after {
    bottom: -12.533vw;
    height: 7.2vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-concept-title::after {
    bottom: -5.313em;
    height: 3.375em;
  }
}

@media only screen and (max-width: 768px) {
  .brand-concept-lead {
    margin: 0 auto 7.333vw;
    width: 62.933vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-concept-lead {
    margin: 0 auto 1.875em;
    width: 42.909%;
  }
}

.brand-concept-text {
  letter-spacing: 0.06em;
  line-height: 2;
  margin: auto;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .brand-concept-text {
    width: 92vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-concept-text {
    width: 61.364%;
  }
}

@media only screen and (max-width: 768px) {
  .brand-concept-text p:not(:last-child) {
    margin-bottom: 2.7em;
  }
}

@media only screen and (min-width: 769px) {
  .brand-concept-text p:not(:last-child) {
    margin-bottom: 2.125em;
  }
}

@media only screen and (max-width: 768px) {
  .brand-attitude {
    background: url(../img/attitude_sp_bg.jpg) 0 0/100% auto no-repeat #f3f3f3;
    padding: 20.533vw 0 2vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-attitude {
    min-height: 46.375em;
  }
}

@media only screen and (max-width: 768px) {
  .brand-attitude-title {
    margin: 0 auto 10vw;
    width: 89.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-attitude-title {
    margin: 0 auto 3em;
    width: 60.909%;
  }
}

@media only screen and (max-width: 768px) {
  .brand-attitude-lead {
    margin: 0 auto 7.333vw;
    width: 38.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-attitude-lead {
    margin: 0 auto 2.5em;
    width: 21.818%;
  }
}

.brand-attitude-text {
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .brand-attitude-text {
    letter-spacing: 0.06em;
    line-height: 2;
    margin: 0 auto 4.667vw;
    width: 93.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-attitude-text {
    line-height: 1.75;
    margin: 0 auto 3.438em;
    width: 61.818%;
  }
}

@media only screen and (max-width: 768px) {
  .brand-attitude-text p:not(:last-child) {
    margin-bottom: 2.7em;
  }
}

@media only screen and (min-width: 769px) {
  .brand-attitude-text p:not(:last-child) {
    margin-bottom: 2.125em;
  }
}

.brand-things-title {
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .brand-things-title {
    margin: 0 auto 3.467vw;
    text-indent: -1.333vw;
    width: 90.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-things-title {
    margin: 0 auto 2.375em;
    text-indent: -0.625em;
    width: 61.818%;
  }
}

.brand-things-title::before, .brand-things-title::after {
  background: #ba9f74;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
}

@media only screen and (max-width: 768px) {
  .brand-things-title::before, .brand-things-title::after {
    width: 32.267vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-things-title::before, .brand-things-title::after {
    width: 15.125em;
  }
}

.brand-things-title::before {
  left: 0;
}

.brand-things-title::after {
  right: 0;
}

@media only screen and (max-width: 768px) {
  .brand-things-title img {
    width: 20.933vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-things-title img {
    width: 9.813em;
  }
}

.brand-things-list {
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .brand-things-item {
    margin: 0 2.133vw;
    width: 27.867vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-things-item {
    margin: 0 1.364%;
    width: 17.273%;
  }
}

.brand-promise {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .brand-promise {
    background: url(../img/promise_sp_bg.jpg) 0 0/100% auto no-repeat;
    padding: 104.533vw 0 6vw 18.133vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-promise {
    min-height: 78.75em;
    padding: 48.125em 0 0 28.182%;
    z-index: 1;
  }
}

.brand-promise-title {
  position: absolute;
}

@media only screen and (max-width: 768px) {
  .brand-promise-title {
    left: 5.067vw;
    top: 30.667vw;
    width: 7.467vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-promise-title {
    left: 10.727%;
    top: 7.938em;
    width: 5.091%;
  }
}

@media only screen and (max-width: 768px) {
  .brand-promise-lead {
    margin-bottom: 6.667vw;
    width: 38.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-promise-lead {
    margin-bottom: 4.375em;
    width: 15em;
  }
}

@media only screen and (max-width: 768px) {
  .brand-promise-text {
    letter-spacing: 0.06em;
    line-height: 2;
    margin-right: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-promise-text {
    line-height: 1.75;
    width: 38.5em;
  }
}

@media only screen and (max-width: 768px) {
  .brand-promise-text p:not(:last-child) {
    margin-bottom: 2.7em;
  }
}

@media only screen and (min-width: 769px) {
  .brand-promise-text p:not(:last-child) {
    margin-bottom: 2.125em;
  }
}

@media only screen and (max-width: 768px) {
  .brand-products {
    background: url(../img/products_sp_bg.jpg) 0 0/100% auto no-repeat;
    padding: 20.533vw 0 10.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products {
    background: url(../img/pc_bg_02.jpg) 50% 0 no-repeat;
    background-size: 125em auto;
    margin-top: -30.313em;
    padding: 30.313em 0 3.125em;
  }
}

@media only screen and (max-width: 768px) {
  .brand-products-title {
    margin: 0 auto 5.333vw;
    width: 56vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-title {
    margin-bottom: 2.125em;
    position: relative;
    width: 38.182%;
  }
  .brand-products-title::after {
    background: #ba9f74;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: -29.063em;
    top: 50%;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .brand-products-text {
    margin: 0 auto 10vw;
    width: 76.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-text {
    margin-bottom: 7.25em;
    width: 52.273%;
  }
}

@media only screen and (max-width: 768px) {
  .brand-products-list {
    margin-bottom: 20vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-list {
    margin-bottom: 8.75em;
  }
}

@media only screen and (max-width: 768px) {
  .brand-products-block {
    margin: 0 auto 13.333vw;
    width: 86.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-block {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6.875em;
  }
}

@media only screen and (max-width: 768px) {
  .brand-products-image {
    margin-bottom: 6.667vw;
    width: 72vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-image {
    width: 45.455%;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-summary {
    padding-bottom: 0.875em;
    width: 53.636%;
  }
}

.brand-products-name {
  border-bottom: 1px solid #a7a7a7;
}

@media only screen and (max-width: 768px) {
  .brand-products-name {
    margin: 0 auto 7.333vw;
    text-align: center;
    width: 70.933vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-name {
    margin-bottom: 2.5em;
  }
}

@media only screen and (max-width: 768px) {
  .brand-products-explan {
    letter-spacing: 0.06em;
    line-height: 2;
    margin-bottom: 6.667vw;
    text-align: center;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-explan {
    line-height: 1.75;
    margin-bottom: 2.125em;
  }
}

.brand-products-btn {
  background: #ba9f74;
  display: block;
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .brand-products-btn {
    height: 13.333vw;
    margin-left: 6.667vw;
    width: 66.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-btn {
    height: 3.75em;
    width: 25em;
  }
}

.brand-products-btn::before, .brand-products-btn::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
}

@media only screen and (max-width: 768px) {
  .brand-products-btn::before, .brand-products-btn::after {
    width: 6.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-btn::before, .brand-products-btn::after {
    width: 1.875em;
  }
}

.brand-products-btn::before {
  background: #fff;
  right: 0;
}

.brand-products-btn::after {
  background: #ba9f74;
}

@media only screen and (max-width: 768px) {
  .brand-products-btn::after {
    right: -6.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-btn::after {
    right: -1.875em;
  }
}

.brand-products-btn img {
  height: 100%;
  width: auto;
}

@media only screen and (min-width: 769px) {
  .brand-products-btn:hover {
    opacity: 0.8;
  }
}

@media only screen and (max-width: 768px) {
  .brand-products-block:nth-child(odd) .brand-products-image {
    box-shadow: 1.333vw 1.333vw #ba9f74;
    margin-left: 6.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-block:nth-child(odd) .brand-products-image {
    box-shadow: 0.625em 0.625em #ba9f74;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-block:nth-child(odd) .brand-products-name {
    padding-left: 5.5em;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-block:nth-child(odd) .brand-products-explan {
    padding: 0 1.563em 0 5.625em;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-block:nth-child(odd) .brand-products-btn {
    margin-left: 5.625em;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-block:nth-child(even) {
    flex-direction: row-reverse;
  }
}

@media only screen and (max-width: 768px) {
  .brand-products-block:nth-child(even) .brand-products-image {
    box-shadow: -1.333vw 1.333vw #ba9f74;
    margin-left: 8vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-block:nth-child(even) .brand-products-image {
    box-shadow: -0.625em 0.625em #ba9f74;
  }
}

@media only screen and (min-width: 769px) {
  .brand-products-block:nth-child(even) .brand-products-explan {
    padding: 0 2.188em 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .item-exideal .brand-products-name {
    padding-bottom: 5.067vw;
  }
}

@media only screen and (min-width: 769px) {
  .item-exideal .brand-products-name {
    padding-bottom: 3.313em;
  }
}

@media only screen and (max-width: 768px) {
  .item-exideal .brand-products-name img {
    width: 40.267vw;
  }
}

@media only screen and (min-width: 769px) {
  .item-exideal .brand-products-name img {
    width: 14.5em;
  }
}

@media only screen and (max-width: 768px) {
  .item-deux .brand-products-name {
    padding-bottom: 5.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .item-deux .brand-products-name {
    padding-bottom: 2.813em;
  }
}

@media only screen and (max-width: 768px) {
  .item-deux .brand-products-name img {
    width: 44vw;
  }
}

@media only screen and (min-width: 769px) {
  .item-deux .brand-products-name img {
    width: 14.563em;
  }
}

@media only screen and (max-width: 768px) {
  .item-mini .brand-products-name {
    padding-bottom: 5.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .item-mini .brand-products-name {
    padding-bottom: 2.813em;
  }
}

@media only screen and (max-width: 768px) {
  .item-mini .brand-products-name img {
    width: 60vw;
  }
}

@media only screen and (min-width: 769px) {
  .item-mini .brand-products-name img {
    width: 21.563em;
  }
}

@media only screen and (max-width: 768px) {
  .item-ovo .brand-products-name {
    padding-bottom: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .item-ovo .brand-products-name {
    padding-bottom: 2em;
  }
}

@media only screen and (max-width: 768px) {
  .item-ovo .brand-products-name img {
    width: 36vw;
  }
}

@media only screen and (min-width: 769px) {
  .item-ovo .brand-products-name img {
    width: 13em;
  }
}

@media only screen and (max-width: 768px) {
  .item-sphera .brand-products-name {
    padding-bottom: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .item-sphera .brand-products-name {
    padding-bottom: 2.5em;
  }
}

@media only screen and (max-width: 768px) {
  .item-sphera .brand-products-name img {
    width: 50.933vw;
  }
}

@media only screen and (min-width: 769px) {
  .item-sphera .brand-products-name img {
    width: 18.375em;
  }
}

@media only screen and (max-width: 768px) {
  .brand-all {
    margin: auto;
    width: 86.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .brand-all a:hover {
    opacity: 0.8;
  }
}
/*# sourceMappingURL=style.css.map */