@charset "UTF-8";
/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                                SETTING
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_241122 {
  --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-ginger-bold);
  --font-ja: var(--font-noto);
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  font-feature-settings: "palt";
  overflow: clip;
}
@media screen and (min-width: 768px) {
  .lp-barbour_241122 {
    --fz-text_fv_lead: 1.8rem;
    --fz-text_lead: 1.62rem;
    --fz-text_title: 2.7rem;
    --fz-text_credit: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .lp-barbour_241122 {
    --fz-text_fv_lead: calc(16*100vw/390);
    --fz-text_lead: calc(16*100vw/390);
    --fz-text_title: calc(20*100vw/390);
    --fz-text_credit: calc(14*100vw/390);
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
base style
///////////////////////////////////////////////////////////////////////////////////////
*/
.font-notoR {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.font-sourceB{
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 700;
  font-style: normal;
}
/*
///////////////////////////////////////////////////////////////////////////////////////
mainvisual style
///////////////////////////////////////////////////////////////////////////////////////
*/
.mainvisual {
  width: 128rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .mainvisual {
    width: 100%;
    margin: 0 auto;
  }
}


/*
///////////////////////////////////////////////////////////////////////////////////////
Contents01 style
///////////////////////////////////////////////////////////////////////////////////////
*/
.Contents01 {
  margin-top: 1rem;
}
.Contents01 .Contents_ttl {
  font-size: 3.2rem;
  text-align: center;
  margin-top: 7.4rem;
}
.Contents01 .Contents_ttl.ttl01 span {
  font-family: var(--font-f37-ginger);
  font-weight: bold;
}
.Contents01 .Contents_txtbox {
  width: 82rem;
  margin: 3rem auto 0;
  font-size: 2rem;
  line-height: 1.65;
  text-align: center;
  letter-spacing: 0.1em;
}
.Contents01 .Contents_ttl.ttl02 {
  margin-top: 19rem;
}
.Contents01 .flexArea01 {
  width: 95rem;
  margin: 2.9rem auto 0;
  display: flex;
  justify-content: space-between;
}
.Contents01 .flexArea01 .model_img {
  width: 45.5rem;
  position: relative;
}
.Contents01 .flexArea01 .model_img .img_name {
  width: 18.1rem;
  background: #000;
  padding: 1rem 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 10;
}
.Contents01 .flexArea01 .model_img .img_name p {
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  font-family: var(--font-f37-ginger);
}
.Contents01 .flexArea01_txtBox {
  width: 95rem;
  margin: 1.3rem auto 0;
  font-size: 2rem;
  text-align: center;
  line-height: 1.65;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
  .Contents01 {
    margin-top: calc(38 * (100vw / 390));
  }
  .Contents01 .Contents_ttl {
    font-size: calc(18*(100vw / 390));
    margin-top: calc(0*(100vw / 390));
    letter-spacing: 0;
  }
  .Contents01 .Contents_txtbox {
    width: calc(366*(100vw / 390));
    margin: calc(15*(100vw / 390)) auto 0;
    font-size: calc(16*(100vw / 390));
    line-height: 1.8;
    text-align: center;
  }
  .Contents01 .Contents_ttl.ttl02 {
    margin-top: calc(161 * (100vw / 750));
  }
  .Contents01 .flexArea01 {
    width: calc(366 * (100vw / 390));
    margin: calc(18 * (100vw / 390)) auto 0;
  }
  .Contents01 .flexArea01 .model_img {
    width: calc(177 * (100vw / 390));
  }
  .Contents01 .flexArea01 .model_img .img_name {
    width: calc(124 * (100vw / 390));
    padding: calc(6 * (100vw / 390)) 0;
  }
  .Contents01 .flexArea01 .model_img .img_name p {
    font-size: calc(14 * (100vw / 390));
  }
  .Contents01 .flexArea01_txtBox {
    width: calc(354*(100vw / 390));
    margin: calc(12*(100vw / 390)) auto 0;
    font-size: calc(14*(100vw / 390));
    text-align: center;
    line-height: 1.6;
  }
  
}


/*
///////////////////////////////////////////////////////////////////////////////////////
Contents02 style
///////////////////////////////////////////////////////////////////////////////////////
*/

.Contents02 {
  margin-top: 18.8rem;
}
.Contents02 .Contents_ttl {
  font-size: 3.2rem;
  text-align: center;
  font-family: var(--font-f37-ginger);
  font-weight: bold;
  letter-spacing: 0.06em;
}
.Contents02 .flexArea02 {
  width: 95rem;
  margin: 3rem auto 0;
  display: flex;
  justify-content: space-between;
}
.Contents02 .flexArea02 .model_img {
  width: 22.1rem;
  position: relative;
}
.Contents02 .flexArea02 .model_img .img_name {
  width: 18.1rem;
  background: #000;
  padding: 1rem 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 10;
}
.Contents02 .flexArea02 .model_img .img_name p {
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  font-family: var(--font-f37-ginger);
}
.Contents02 .flexArea02_txtBox {
  width: auto;
  margin: 1.3rem auto 0;
  font-size: 2rem;
  letter-spacing: 0.09em;
  text-align: center;
  line-height: 1.65;
}
@media screen and (max-width: 767px) {
  .Contents02 {
    margin-top: calc(95 * (100vw / 390));
  }
  .Contents02 .Contents_ttl {
    font-size: calc(18*(100vw / 390));
    letter-spacing: 0;
  }
  .Contents02 .flexArea02 {
    width: calc(366 * (100vw / 390));
    margin: calc(20 * (100vw / 390)) auto 0;
    flex-wrap: wrap;
  }
  .Contents02 .flexArea02 .img05,
  .Contents02 .flexArea02 .img06 {
    margin-top: calc(20 * (100vw / 390));
  }
  .Contents02 .flexArea02 .model_img {
    width: calc(177 * (100vw / 390));
  }
  .Contents02 .flexArea02 .model_img .img_name {
    width: calc(124 * (100vw / 390));
    padding: calc(6 * (100vw / 390)) 0;
  }
  .Contents02 .flexArea02 .model_img .img_name p {
    font-size: calc(14 * (100vw / 390));
  }
  .Contents02 .flexArea02_txtBox {
    width: calc(354*(100vw / 390));
    margin: calc(11*(100vw / 390)) auto 0;
    font-size: calc(13*(100vw / 390));
    line-height: 1.6;
    letter-spacing: 0.16em;
  }
}


/*
///////////////////////////////////////////////////////////////////////////////////////
Contents03 style
///////////////////////////////////////////////////////////////////////////////////////
*/
.Contents03 {
  margin-top: 18.6rem;
}
.Contents03 .Contents_ttl {
  font-size: 3.2rem;
  text-align: center;
  font-family: var(--font-f37-ginger);
  font-weight: bold;
  letter-spacing: 0.014em;
}
.Contents03 .flexArea03 {
  width: 95rem;
  margin: 3rem auto 0;
  display: flex;
  justify-content: space-between;
}
.Contents03 .flexArea03 .model_img {
  width: 22.1rem;
  position: relative;
}
.Contents03 .flexArea03 .model_img .img_name {
  width: 18.1rem;
  background: #000;
  padding: 1rem 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 10;
}
.Contents03 .flexArea03 .model_img .img_name p {
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
}
.Contents03 .flexArea03_ToptxtBox {
  width: auto;
  margin: 1.3rem auto 0;
  font-size: 2rem;
  letter-spacing: 0.09em;
  text-align: center;
  line-height: 1.65;
}
.Contents03 .flexArea03_txtBox {
  width: 56.4rem;
  margin: 18rem auto 0;
  font-size: 2rem;
  text-align: center;
  line-height: 1.65;
}
.Contents03 .flexArea03_txtBox p {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.Contents03 .flexArea03_txtBox ul li:nth-of-type(2) {
  margin-top: 19.7rem;
}
@media screen and (max-width: 767px) {
  .Contents03 {
    margin-top: calc(94*(100vw / 390));
  }
  .Contents03 .Contents_ttl {
    font-size: calc(18*(100vw / 390));
    letter-spacing: 0;
  }
  .Contents03 .flexArea03 {
    width: calc(366 * (100vw / 390));
    margin: calc(19 * (100vw / 390)) auto 0;
    flex-wrap: wrap;
  }
  .Contents03 .flexArea03 .model_img {
    width: calc(177 * (100vw / 390));
  }
  .Contents03 .flexArea03 .img09,
  .Contents03 .flexArea03 .img10 {
    margin-top: calc(20 * (100vw / 390));
  }
  .Contents03 .flexArea03 .model_img .img_name {
    width: calc(124 * (100vw / 390));
    padding: calc(6 * (100vw / 390)) 0;
  }
  .Contents03 .flexArea03 .model_img .img_name p {
    font-size: calc(14 * (100vw / 390));
  }
  .Contents03 .flexArea03_ToptxtBox {
    margin: calc(13*(100vw / 390)) auto 0;
    font-size: calc(14*(100vw / 390));
    line-height: 1.5;
  }
  .Contents03 .flexArea03_txtBox {
    width: calc(354*(100vw / 390));
    margin: calc(87*(100vw / 390)) auto 0;
    font-size: calc(15*(100vw / 390));
    line-height: 2;
  }
  .Contents03 .flexArea03_txtBox p {
    letter-spacing: 0.07em;
  }
}


.Contents03 .All_btn {
  margin-top: 2.8rem;
}
.Contents03 .All_btn a {
  width: 26.9rem;
  margin: 0 auto;
  padding: 0.3rem 0;
  background: #000;
}
.Contents03 .All_btn a p {
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  font-family: var(--font-f37-ginger);
}
@media screen and (max-width: 767px) {
  .Contents03 .All_btn {
    margin-top: calc(17 * (100vw / 390));
  }
  .Contents03 .All_btn a {
    width: calc(198 * (100vw / 390));
    padding: calc(0 * (100vw / 390)) 0;
  }
  .Contents03 .All_btn a p {
    font-size: calc(14 * (100vw / 390));
    letter-spacing: 0;
  }
}


.btm_imgArea {
  width: 64rem;
  margin: 18.3rem auto 0;
}
.btm_imgArea_ttl {
  font-size: 2rem;
  margin-bottom: 3.3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .btm_imgArea {
    width: calc(281 * (100vw / 390));
    margin: calc(185 * (100vw / 390)) auto 0;
  }
  .btm_imgArea_ttl {
    font-size: calc(15*(100vw / 390));
    margin-bottom: calc(24*(100vw / 390));
    text-align: center;
    letter-spacing: 0;
  }
}

.lp-barbour_241122 {
  margin-bottom: 15rem;
}
@media screen and (max-width: 767px) {
  .lp-barbour_241122 {
    margin-bottom: 150px;
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
setting animation
///////////////////////////////////////////////////////////////////////////////////////
*/
/* .lp-barbour_241122 .js-fade {
  opacity: 0;
  transform: translateY(20px);
}
.lp-barbour_241122 .js-fade.is-active {
  opacity: 1;
  transform: translateY(0px);
  transition: all .7s;
} */