@charset "UTF-8";
/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                                SETTING
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 {
  --color-white: #fff;
  --color-black: #000;
  --color-brown: #B69461;
  --color-green: #004505;
  --font-noto: "noto-sans-cjk-jp", sans-serif;
  --font-source: "source-han-sans-japanese", sans-serif;
  --font-en: var(--font-f37-ginger);
  --font-ja: var(--font-noto);
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --column_1: 1;
  --column_2: 2;
  --column_3: 3;
  --column_4: 4;
  font-feature-settings: "palt";
  overflow: clip;
}
.lp-barbour_241125 .--bg_black {
  background-color: var(--bg_black);
  color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .lp-barbour_241125 {
    --width-primary: 140rem;
    --width-secondary: 95rem;
    --fz-title: 3rem;
    --fz-lead: 2rem;
    --fz-text: 1.6rem;
    --fz-btn: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .lp-barbour_241125 {
    --fz-title: calc(18*100vw/390);
    --fz-lead: calc(15*100vw/390);
    --fz-text: calc(13*100vw/390);
    --fz-btn: calc(14*100vw/390);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - position
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 .common-position {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .lp-barbour_241125 .desktop-position {
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .lp-barbour_241125 .smartphone-position {
    position: absolute;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - grid
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 .common-grid {
  display: grid;
  gap: var(--row, 0) var(--column, 0);
}
.lp-barbour_241125 .--common_column-1 {grid-template-columns: repeat(var(--column_1), 1fr);}
.lp-barbour_241125 .--common_column-2 {grid-template-columns: repeat(var(--column_2), 1fr);}
.lp-barbour_241125 .--common_column-3 {grid-template-columns: repeat(var(--column_3), 1fr);}
.lp-barbour_241125 .--common_column-4 {grid-template-columns: repeat(var(--column_4), 1fr);}
@media screen and (min-width: 768px) {
  .lp-barbour_241125 .desktop-grid {
    display: grid;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_241125 .--desktop_column-1 {grid-template-columns: repeat(var(--column_1), 1fr);}
  .lp-barbour_241125 .--desktop_column-2 {grid-template-columns: repeat(var(--column_2), 1fr);}
  .lp-barbour_241125 .--desktop_column-3 {grid-template-columns: repeat(var(--column_3), 1fr);}
  .lp-barbour_241125 .--desktop_column-4 {grid-template-columns: repeat(var(--column_4), 1fr);}
}
@media screen and (max-width: 767px) {
  .lp-barbour_241125 .smartphone-grid {
    display: grid;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_241125 .--mobile_column-1 {grid-template-columns: repeat(var(--column_1), 1fr);}
  .lp-barbour_241125 .--mobile_column-2 {grid-template-columns: repeat(var(--column_2), 1fr);}
  .lp-barbour_241125 .--mobile_column-3 {grid-template-columns: repeat(var(--column_3), 1fr);}
  .lp-barbour_241125 .--mobile_column-4 {grid-template-columns: repeat(var(--column_4), 1fr);}
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - flex
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 .common-flex__row {
  display: flex;
  flex-direction: row;
  gap: var(--row, 0) var(--column, 0);
}
.lp-barbour_241125 .common-flex__row__reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--row, 0) var(--column, 0);
}
.lp-barbour_241125 .common-flex__column {
  display: flex;
  flex-direction: column;
  gap: var(--row, 0) var(--column, 0);
}
.lp-barbour_241125 .common-flex__column__reverse {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--row, 0) var(--column, 0);
}
@media screen and (min-width: 768px) {
  .lp-barbour_241125 .desktop-flex__row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_241125 .desktop-flex__row__reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_241125 .desktop-flex__column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_241125 .desktop-flex__column__reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
}
@media screen and (max-width: 767px) {
  .lp-barbour_241125 .smartphone-flex__row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_241125 .smartphone-flex__row__reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_241125 .smartphone-flex__column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp-barbour_241125 .smartphone-flex__column__reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting hero
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 .hero {
  position: relative;
}
.lp-barbour_241125 .hero::before {
  position: absolute;
  content: "";
  width: calc(2220*100vw/1400);
  height: calc(596*100vw/1400);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
  background-image: url(../img/hero__bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.lp-barbour_241125 .hero__movie {
  width: calc(950*100vw/1400);
  margin: 0 auto;
  padding: calc(30*100vw/1400) 0;
}
@media screen and (max-width: 767px) {
  .lp-barbour_241125 .hero::before {
    width: calc(918*100vw/390);
    height: calc(246*100vw/390);
    background-image: url(../img/sp/hero__bg.jpg);
  }
  .lp-barbour_241125 .hero__movie {
    width: calc(366*100vw/390);
    padding: calc(20*100vw/390) 0;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting product
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 .product__inner {
  width: var(--width-secondary);
  margin: 0 auto;
}
.lp-barbour_241125 .product__wrapper {
  position: relative;
  z-index: 2;
}
.lp-barbour_241125 .product__card {
  position: relative;
}

.lp-barbour_241125 .product__title {
  font-size: var(--fz-title);
  line-height: 1.4666666667;
  font-weight: var(--fw-bold);
  font-family: var(--font-ja);
  text-align: center;
}
.lp-barbour_241125 .product__lead {
  font-size: var(--fz-lead);
  line-height: 1.7;
  font-weight: var(--fw-regular);
  font-family: var(--font-ja);
}
.lp-barbour_241125 .product__text {
  font-size: var(--fz-text);
  line-height: 1.7;
  font-weight: var(--fw-regular);
  font-family: var(--font-ja);
}
.lp-barbour_241125 .product__btn {
  width: 21.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fz-btn);
  line-height: 1.7;
  font-weight: var(--fw-regular);
  font-family: var(--font-en);
  background-color: var(--color-black);
  color: var(--color-white);
  padding: 0.2rem 0;
}
.lp-barbour_241125 .product__btn > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.lp-barbour_241125 .product__image01 {width: 30.1rem;}
.lp-barbour_241125 .product__image02 {width: 95.0rem;}
.lp-barbour_241125 .product__image03 {width: 53.5rem;}
.lp-barbour_241125 .product__image04 {width: 31.6rem;}
.lp-barbour_241125 .product__image05 {width: 95.0rem;}
.lp-barbour_241125 .product__image06 {width: 22.1rem;}
.lp-barbour_241125 .product__image07 {width: 22.1rem;}
.lp-barbour_241125 .product__image08 {width: 22.1rem;}
.lp-barbour_241125 .product__image09 {width: 22.1rem;}
.lp-barbour_241125 .product__image10 {width: 56.4rem;}
.lp-barbour_241125 .product__image11 {width: 95.0rem;}
@media screen and (max-width: 767px) {
  .lp-barbour_241125 .product__title {
    line-height: 1.4444444444;
  }
  .lp-barbour_241125 .product__lead {
    line-height: 1.8666666667;
  }
  .lp-barbour_241125 .product__text {
    line-height: 3.3846153846;
  }
  .lp-barbour_241125 .product__btn {
    width: calc(198*100vw/390);
    line-height: 1;
    padding: calc(7*100vw/390) 0;
  }
  .lp-barbour_241125 .product__image01 {width: calc(189*100vw/390);}
  .lp-barbour_241125 .product__image02 {width: calc(366*100vw/390);}
  .lp-barbour_241125 .product__image03 {width: calc(366*100vw/390);}
  .lp-barbour_241125 .product__image04 {width: calc(177*100vw/390);}
  .lp-barbour_241125 .product__image05 {width: calc(366*100vw/390);}
  .lp-barbour_241125 .product__image06 {width: calc(177*100vw/390);}
  .lp-barbour_241125 .product__image07 {width: calc(177*100vw/390);}
  .lp-barbour_241125 .product__image08 {width: calc(177*100vw/390);}
  .lp-barbour_241125 .product__image09 {width: calc(177*100vw/390);}
  .lp-barbour_241125 .product__image10 {width: calc(344*100vw/390);}
  .lp-barbour_241125 .product__image11 {width: calc(389*100vw/390);}
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting wrapper01
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 .product__wrapper01 {
  width: 83.9rem;
  margin: 11.9rem auto 0;
}
.lp-barbour_241125 .product__wrapper01 .product__title {
  font-family: var(--font-en);
}
.lp-barbour_241125 .product__wrapper01 .product__lead {
  margin-top: 3.5rem;
}
.lp-barbour_241125 .product__wrapper01 .product__content {
  --column: 3rem;
  justify-content: center;
  margin-top: 2.7rem;
  align-items: center;
}
.lp-barbour_241125 .product__wrapper01 .product__btn {
  width: 21.7rem;
  font-family: var(--font-en);
}
@media screen and (max-width: 767px) {
  .lp-barbour_241125 .product__wrapper01 {
    width: calc(366*100vw/390);
    margin-top: calc(40*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper01 .product__lead {
    margin-top: calc(16*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper01 .product__content {
    --row: calc(19*100vw/390);
    margin-top: calc(15*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper01 .product__btn {
    width: calc(198*100vw/390);
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting wrapper01
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 .product__wrapper02 {
  margin-top: 16rem;
  text-align: center;
}
.lp-barbour_241125 .product__wrapper02 .product__illustration {
  width: 26.5rem;
  top: 22.6rem;
  left: -13.3rem;
  z-index: 2;
  pointer-events: none;
}
.lp-barbour_241125 .product__wrapper02 .product__title {
  font-family: var(--font-source);
}
.lp-barbour_241125 .product__wrapper02 .product__image {
  margin: 3rem auto;
}
.lp-barbour_241125 .product__wrapper02 .product__lead {
  margin-top: 2.7rem;
}
.lp-barbour_241125 .product__wrapper02 .product__text {
  display: block;
  margin-top: 1.2rem;
}
.lp-barbour_241125 .product__wrapper02 .product__btn {
  margin: 1.2rem auto 0;
}
@media screen and (max-width: 767px) {
  .lp-barbour_241125 .product__wrapper02 {
    margin-top: calc(178*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper02 .product__illustration {
    width: calc(115* 100vw / 390);
    /* height: calc(138* 100vw / 390); */
    top: calc(-158* 100vw / 390);
    left: calc(38* 100vw / 390);
  }
  .lp-barbour_241125 .product__wrapper02 .product__image {
    margin: calc(20*100vw/390) auto;
  }
  .lp-barbour_241125 .product__wrapper02 .product__lead {
    width: calc(366* 100vw / 390);
    margin: calc(14* 100vw / 390) auto 0;
    text-align: left;
    letter-spacing: .1em;
  }
  .lp-barbour_241125 .product__wrapper02 .product__text {
    margin-top: calc(8*100vw/390);
    line-height: 1;
  }
  .lp-barbour_241125 .product__wrapper02 .product__btn {
    margin: calc(13*100vw/390) auto 0;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting wrapper01
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 .product__wrapper03 {
  margin-top: 16rem;
}
.lp-barbour_241125 .product__wrapper03 .product__title {
  font-family: var(--font-source);
}
.lp-barbour_241125 .product__wrapper03 .product__image {
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
}
.lp-barbour_241125 .product__wrapper03 .product__lead {
  text-align: center;
  margin-top: 2.8rem;
}
.lp-barbour_241125 .product__wrapper03 .product__btn {
  margin: 2.8rem auto 0;
}
@media screen and (max-width: 767px) {
  .lp-barbour_241125 .product__wrapper03 {
    width: calc(366* 100vw / 390);
    margin: calc(99* 100vw / 390) auto 0;
  }
  .lp-barbour_241125 .product__wrapper03 .product__image {
    margin-top: calc(21*100vw/390);
    margin-bottom: calc(19*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper03 .product__lead {
    margin-top: calc(13*100vw/390);
    text-align: left;
  }
  .lp-barbour_241125 .product__wrapper03 .product__btn {
    margin-top: calc(16*100vw/390);
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting wrapper01
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 .product__wrapper04 {
  margin-top: 16rem;
}
.lp-barbour_241125 .product__wrapper04 .product__content {
  justify-content: center;
  --column: 3rem;
}
.lp-barbour_241125 .product__wrapper04 .product__image {
  margin: 0 auto 3rem;
}
.lp-barbour_241125 .product__wrapper04 .product__lead {
  text-align: center;
  margin-top: 3rem;
}
.lp-barbour_241125 .product__wrapper04 .product__btn {
  margin: 2.8rem auto 0;
}
@media screen and (max-width: 767px) {
  .lp-barbour_241125 .product__wrapper04 {
    width: calc(366*100vw/390);
    margin: calc(99*100vw/390) auto 0;
  }
  .lp-barbour_241125 .product__wrapper04 .product__content {
    --column: calc(12*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper04 .product__image {
    margin-bottom: calc(19*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper04 .product__lead {
    margin-top: calc(17*100vw/390);
    padding: calc(0*100vw/390) calc(10*100vw/390);
    white-space: nowrap;
  }
  .lp-barbour_241125 .product__wrapper04 .product__btn {
    margin-top: calc(17*100vw/390);
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting wrapper01
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 .product__wrapper05 {
  margin-top: 16rem;
}
.lp-barbour_241125 .product__wrapper05 .product__illustration {
  width: 18.6rem;
  top: -31.6rem;
  right: -9.3rem;
  z-index: 2;
  pointer-events: none;
}
.lp-barbour_241125 .product__wrapper05 .product__content {
  width: 25rem;
  top: 14.5rem;
  left: 10.4rem;
  justify-content: center;
  align-items: center;
  --row: 3.6rem;
}
.lp-barbour_241125 .product__wrapper05 .product__lead {
  letter-spacing: .1em;
}
.lp-barbour_241125 .product__wrapper05 .product__btn {
  font-family: var(--font-en);
}
@media screen and (max-width: 767px) {
  .lp-barbour_241125 .product__wrapper05 {
    width: calc(366*100vw/390);
    margin: calc(199*100vw/390) auto 0;
  }
  .lp-barbour_241125 .product__wrapper05 .product__illustration {
    width: calc(80*100vw/390);
    top: calc(-180*100vw/390);
    right: calc(44*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper05 .product__content {
    width: initial;
    --row: calc(16* 100vw / 390);
    margin-top: calc(17* 100vw / 390);
  }
  .lp-barbour_241125 .product__wrapper05 .product__lead {
    letter-spacing: .1em;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting wrapper01
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 .product__wrapper06 {
  margin-top: 7.7rem;
}
.lp-barbour_241125 .product__wrapper06 .product__illustration {
  width: 28rem;
  top: 94.2rem;
  left: -14rem;
  z-index: 2;
  pointer-events: none;
}
.lp-barbour_241125 .product__wrapper06 .product__title,
.lp-barbour_241125 .product__wrapper06 .product__btn {
  font-family: var(--font-en);
}
.lp-barbour_241125 .product__wrapper06 .product__content {
  --column: 2.2rem;
  margin-top: 3rem;
}
.lp-barbour_241125 .product__wrapper06 .product__content .product__btn {
  width: 18rem;
  bottom: 0;
  left: 2rem;
}
.lp-barbour_241125 .product__wrapper06 .product__lead {
  text-align: center;
  margin-top: 2.8rem;
}
.lp-barbour_241125 .product__wrapper06 > .product__image {
  margin: 7.7rem auto 0;
}
.lp-barbour_241125 .product__wrapper06 > .product__image + .product__lead {
  width: 56.4rem;
  margin: 2.8rem auto 0;
  text-align: left;
}
.lp-barbour_241125 .product__wrapper06 > .product__btn {
  width: 27rem;
  margin: 2.7rem auto 0;
}
@media screen and (max-width: 767px) {
  .lp-barbour_241125 .product__wrapper06 {
    width: calc(366*100vw/390);
    margin: calc(97*100vw/390) auto 0;
  }
  .lp-barbour_241125 .product__wrapper06 .product__illustration {
    width: calc(121*100vw/390);
    /* height: calc(180*100vw/390); */
    top: calc(1176*100vw/390);
    left: calc(56*100vw/390);
    background-image: url(../img/product__illustration03.png);
  }
  .lp-barbour_241125 .product__wrapper06 .product__content {
    --column: calc(11*100vw/390);
    --row: calc(20*100vw/390);
    margin-top: calc(20*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper06 .product__content .product__btn {
    width: calc(124*100vw/390);
    left: calc(27*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper06 .product__lead {
    width: calc(345*100vw/390);
    margin: calc(17*100vw/390) auto 0;
    text-align: left;
    letter-spacing: .1em;
  }
  .lp-barbour_241125 .product__wrapper06 > .product__image {
    margin-top: calc(97*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper06 > .product__image + .product__lead {
    width: calc(344*100vw/390);
    margin-top: calc(17*100vw/390);
    letter-spacing: 0;
  }
  .lp-barbour_241125 .product__wrapper06 > .product__btn {
    width: calc(198*100vw/390);
    margin: calc(17*100vw/390) auto 0;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting wrapper01
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 .product__wrapper07 {
  margin-top: 24.9rem;
}
.lp-barbour_241125 .product__wrapper07 .product__title {
  width: 46rem;
  margin: 0 auto;
}
.lp-barbour_241125 .product__wrapper07 .product__image {
  margin-top: 3rem;
}
.lp-barbour_241125 .product__wrapper07 .product__lead {
  display: block;
  width: 47.5rem;
  margin: 3rem auto 0;
}
@media screen and (max-width: 767px) {
  .lp-barbour_241125 .product__wrapper07 {
    margin-top: calc(219*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper07 .product__title {
    width: calc(189*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper07 .product__image {
    margin-top: calc(10*100vw/390);
  }
  .lp-barbour_241125 .product__wrapper07 .product__lead {
    width: calc(189*100vw/390);
    margin-top: calc(10*100vw/390);
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting other
///////////////////////////////////////////////////////////////////////////////////////
*/
.btm_txt {
  margin-top: 5rem;
  font-size: 2rem;
  line-height: 1.7;
  letter-spacing: .01em;
  color: var(--color-black);
  font-weight: var(--fw-regular);
  font-family: var(--font-ja);
  text-align: center;
}
.link {
  width: 49rem;;
  margin: 2.6rem auto 50rem;
}
@media screen and (max-width: 767px) {
  .btm_txt {
    margin-top: calc(97*100vw/390);
    font-size: calc(16*100vw/390);
    line-height: 1.875;
  }
  .link {
    width: calc(366*100vw/390);
    margin: calc(17*100vw/390) auto calc(58*100vw/390);
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
setting animation
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241125 .js-fade {
  opacity: 0;
  transform: translateY(20px);
}
.lp-barbour_241125 .js-fade.is-active {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity .7s, transform .7s;
}
.lp-barbour_241125 .js-fadeTop {
  opacity: 0;
  transform: translateY(-100px);
  transition-delay: 1s;
}
.lp-barbour_241125 .js-fadeTop.is-active {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity .5s, transform .5s;
  transition-delay: 1s;
}