@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;
}

.font-source{
  font-family: "source-han-sans-jp-variable", sans-serif;
  font-variation-settings: "wght" 700;
}


/* credit */
.creditBox a {
  display: flex;
  align-items: center;
  gap: 0 2.2rem;
}
.credit {
  width: 54.3rem;
  margin: 0 auto;
}
.credit_img {
  width: 6rem;
  height: 6rem;
  background: #1BD841;
}
.credit_name {
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.credit_btn {
  width: 4.8rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .creditBox a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 calc(8*(100vw / 390));
    position: relative;
  }
  .credit {
    width: calc(315 * (100vw / 390));
    margin: 0 auto;
  }
  .credit_img {
    width: calc(60 * (100vw / 390));
    height: calc(60 * (100vw / 390));
    background: #1BD841;
  }
  .credit_name {
    font-size: calc(13 * (100vw / 390));
    letter-spacing: 0.1em;
  }
  .credit_btn {
    width: calc(48 * (100vw / 390));
    margin: 0;
    position: absolute;
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
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: 8rem;
}
.Contents01 .Main_ttl {
  font-size: 3rem;
  text-align: center;
  letter-spacing: 0.07em;
}
.Contents01 .txtBox01 {
  font-size: 2rem;
  width: 79.2rem;
  margin: 3.4rem auto 0;
  text-align: left;
  line-height: 1.7;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .Contents01 {
    margin-top: calc(28 * (100vw / 390));
  }
  .Contents01 .Main_ttl {
    font-size: calc(18*(100vw / 390));
    letter-spacing: 0.05em;
    line-height: 1.5;
  }
  .Contents01 .txtBox01 {
    font-size: calc(14*(100vw / 390));
    width: calc(366*(100vw / 390));
    line-height: 1.98;
    margin: calc(16*(100vw / 390)) auto 0;
  }
}


/* flexArea01 */
.Contents01 .flexArea01 {
  margin-top: 8.5rem;
}
.Contents01 .flexArea01 .sub_ttl.sub_ttl01 {
  font-size: 3rem;
  text-align: center;
  letter-spacing: 0.03em;
}
.Contents01 .flexArea01 .item_img.img01 {
  width: 79rem;
  margin: 3.7rem auto 0;
}
.Contents01 .flexArea01 .item_img.img01 .img_txt {
  font-size: 2rem;
  text-align: left;
  width: 60.7rem;
  margin: 2.8rem auto 0;
  letter-spacing: 0.07em;
  line-height: 1.7;
}
.Contents01 .flexArea01 .item_img.img01 .img_txt ul li:nth-of-type(2) {
  margin-top: 2.5rem;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
  .Contents01 .flexArea01 {
    margin-top: calc(57*(100vw / 390));
    line-height: 1.5;
  }
  .Contents01 .flexArea01 .sub_ttl.sub_ttl01 {
    font-size: calc(18 * (100vw / 390));
  }
  .Contents01 .flexArea01 .item_img.img01 {
    width: calc(366 * (100vw / 390));
    margin: calc(20 * (100vw / 390)) auto 0;
  }
  .Contents01 .flexArea01 .item_img.img01 .img_txt {
    margin-top: calc(17*(100vw / 390));
    font-size: calc(14*(100vw / 390));
    width: calc(366*(100vw / 390));
    letter-spacing: 0.06em;
    line-height: 2;
  }
  .Contents01 .flexArea01 .item_img.img01 .img_txt ul li:nth-of-type(2) {
    margin-top: calc(12*(100vw / 390));
  }
}



.Contents01 .flexArea02 {
  margin-top: 8.5rem;
}
.Contents01 .flexArea02 .sub_ttl.sub_ttl02 {
  font-size: 3rem;
  text-align: center;
  letter-spacing: 0.07em;
}
.Contents01 .flexArea02 .item_img.img02 {
  width: 79rem;
  margin: 3.7rem auto 0;
}
.Contents01 .flexArea02 .item_img.img02 .img_txt {
  font-size: 2rem;
  letter-spacing: 0.07em;
  text-align: left;
  width: 70rem;
  margin: 2.8rem auto 0;
  line-height: 1.7;
}
.Contents01 .flexArea02 .creditBox {
  margin-top: 2.7rem;
}
.Contents01 .flexArea02 .creditBox .credit.credit02 {
  margin-top: 1.4rem;
}
.Contents01 .flexArea02 .creditBox .credit.credit03 {
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .Contents01 .flexArea02 {
    margin-top: calc(54 * (100vw / 390));
  }
  .Contents01 .flexArea02 .sub_ttl.sub_ttl02 {
    font-size: calc(18*(100vw / 390));
    text-align: center;
    letter-spacing: 0.06em;
    line-height: 1.5;
  }
  .Contents01 .flexArea02 .item_img.img02 {
    width: calc(366*(100vw / 390));
    margin: calc(20 * (100vw / 390)) auto 0;
  }
  .Contents01 .flexArea02 .item_img.img02 .img_txt {
    font-size: calc(14*(100vw / 390));
    letter-spacing: 0.07em;
    text-align: left;
    width: calc(366*(100vw / 390));
    margin: calc(16*(100vw / 390)) auto 0;
    line-height: 2;
  }
  .Contents01 .flexArea02 .creditBox {
    margin-top: calc(17 * (100vw / 390));
  }
  .Contents01 .flexArea02 .creditBox .credit.credit02 {
    margin-top: calc(30 * (100vw / 390));
  }
  .Contents01 .flexArea02 .creditBox .credit.credit03 {
    margin-top: calc(31 * (100vw / 390));
  }
  .Contents01 .flexArea02 .creditBox .credit_btn {
    top: calc(50*(100vw / 390));
    left: calc(133*(100vw / 390));
  }
}


/*
///////////////////////////////////////////////////////////////////////////////////////
Contents02 style
///////////////////////////////////////////////////////////////////////////////////////
*/
.Contents02 {
  margin-top: 8.8rem;
}
.Contents02 .flexArea03 .sub_ttl.sub_ttl03 {
  font-size: 3rem;
  text-align: center;
  letter-spacing: 0.06em;
}
.Contents02 .flexArea03 .item_img.img03 {
  width: 79rem;
  margin: 3.7rem auto 0;
}
.Contents02 .flexArea03 .item_img.img03 .img_txt {
  font-size: 2rem;
  letter-spacing: 0.07em;
  text-align: left;
  width: 70rem;
  margin: 2.8rem auto 0;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .Contents02 {
    margin-top: calc(67 * (100vw / 390));
  }
  .Contents02 .flexArea03 .sub_ttl.sub_ttl03 {
    font-size: calc(18 * (100vw / 390));
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .Contents02 .flexArea03 .item_img.img03 {
    width: calc(366 * (100vw / 390));
    margin: calc(20 * (100vw / 390)) auto 0;
  }
  .Contents02 .flexArea03 .item_img.img03 .img_txt {
    font-size: calc(14*(100vw / 390));
    letter-spacing: 0.07em;
    text-align: left;
    width: calc(366*(100vw / 390));
    margin: calc(16*(100vw / 390)) auto 0;
    line-height: 2;
  }
}


.Contents02 .flexArea04 {
  margin-top: 8.4rem;
}
.Contents02 .flexArea04 .sub_ttl.sub_ttl04 {
  font-size: 3rem;
  text-align: center;
  letter-spacing: 0.06em;
}
.Contents02 .flexArea04 .item_img.img04 img {
  width: 79rem;
  margin: 3.7rem auto 0;
}
.Contents02 .flexArea04 .item_img.img04 .img_txt {
  font-size: 2rem;
  letter-spacing: 0.07em;
  text-align: left;
  width: 80.4rem;
  margin: 2.8rem auto 0;
  line-height: 1.7;
}
.Contents02 .flexArea04 .creditBox {
  margin-top: 2.8rem;
}
@media screen and (max-width: 767px) {
  .Contents02 .flexArea04 {
    margin-top: calc(59*(100vw / 390));
  }
  .Contents02 .flexArea04 .sub_ttl.sub_ttl04 {
    font-size: calc(18*(100vw / 390));
    text-align: center;
    letter-spacing: 0.06em;
  }
  .Contents02 .flexArea04 .item_img.img04 {
    width: calc(366 * (100vw / 390));
    margin: calc(0 * (100vw / 390)) auto 0;
  }
  .Contents02 .flexArea04 .item_img.img04 img {
    width: calc(366 * (100vw / 390));
    margin: calc(25 * (100vw / 390)) auto 0;
  }
  .Contents02 .flexArea04 .item_img.img04 .img_txt {
    font-size: calc(14 * (100vw / 390));
    letter-spacing: 0.07em;
    text-align: left;
    width: calc(366 * (100vw / 390));
    margin: calc(16 * (100vw / 390)) auto 0;
    line-height: 2;
  }
  .Contents02 .flexArea04 .creditBox {
    margin-top: calc(16*(100vw / 390));
    margin-left: calc(30*(100vw / 390));
  }
  .Contents02 .flexArea04 .creditBox a {
    display: flex;
    flex-wrap: wrap;
    gap: 0 calc(6*(100vw / 390));
  }
  .Contents02 .flexArea04 .creditBox .credit {
    width: auto;
  }
  .Contents02 .flexArea04 .creditBox .credit_name {
    letter-spacing: 0.08em;
  }
  .Contents02 .flexArea04 .creditBox .credit_btn {
    top: calc(50*(100vw / 390));
    left: calc(141*(100vw / 390));
  }
}



.Contents02 .flexArea05 {
  margin-top: 8.6rem;
}
.Contents02 .flexArea05 .sub_ttl.sub_ttl05 {
  font-size: 3rem;
  text-align: center;
  letter-spacing: 0.07em;
}
.Contents02 .flexArea05 .item_img.img05 img {
  width: 79rem;
  margin: 3.7rem auto 0;
}
.Contents02 .flexArea05 .item_img.img05 .img_txt {
  font-size: 2rem;
  letter-spacing: 0.07em;
  text-align: left;
  width: 80.4rem;
  margin: 2.8rem auto 0;
  line-height: 1.7;
}
.Contents02 .flexArea05 .creditBox {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .Contents02 .flexArea05 {
    margin-top: calc(68 *(100vw / 390));
  }
  .Contents02 .flexArea05 .sub_ttl.sub_ttl05 {
    font-size: calc(18*(100vw / 390));
    text-align: center;
    letter-spacing: 0.06em;
    line-height: 1.5;
  }
  .Contents02 .flexArea05 .item_img.img05 {
    width: calc(366 * (100vw / 390));
    margin: calc(21 * (100vw / 390)) auto 0;
  }
  .Contents02 .flexArea05 .item_img.img05 img {
    width: calc(366*(100vw / 390));
    margin: calc(0*(100vw / 390)) auto 0;
  }
  .Contents02 .flexArea05 .item_img.img05 .img_txt {
    font-size: calc(14 * (100vw / 390));
    letter-spacing: 0.07em;
    text-align: left;
    width: calc(366 * (100vw / 390));
    margin: calc(16 * (100vw / 390)) auto 0;
    line-height: 2;
  }
  .Contents02 .flexArea05 .creditBox {
    margin-top: calc(20 * (100vw / 390));
  }
}


/*
///////////////////////////////////////////////////////////////////////////////////////
Contents03 style
///////////////////////////////////////////////////////////////////////////////////////
*/
.Contents03 {
  margin-top: 8.5rem;
}
.Contents03 .flexArea06 .sub_ttl.sub_ttl06 {
  font-size: 3rem;
  text-align: center;
  letter-spacing: 0.06em;
}
.Contents03 .flexArea06 .item_img.img06 {
  width: 79rem;
  margin: 3.7rem auto 0;
}
.Contents03 .flexArea06 .item_img.img06 .img_txt {
  font-size: 2rem;
  letter-spacing: 0.07em;
  text-align: left;
  width: 80.4rem;
  margin: 2.8rem auto 0;
  line-height: 1.7;
}
.Contents03 .flexArea06 .creditBox {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .Contents03  {
    margin-top: calc(58 *(100vw / 390));
  }
  .Contents03 .flexArea06 .sub_ttl.sub_ttl06 {
    font-size: calc(18*(100vw / 390));
    text-align: center;
    letter-spacing: 0.06em;
  }
  .Contents03 .flexArea06 .item_img.img06 {
    width: calc(366 * (100vw / 390));
    margin: calc(25 * (100vw / 390)) auto 0;
  }
  .Contents03 .flexArea06 .item_img.img06 .img_txt {
    font-size: calc(14 * (100vw / 390));
    letter-spacing: 0.07em;
    text-align: left;
    width: calc(366 * (100vw / 390));
    margin: calc(16 * (100vw / 390)) auto 0;
    line-height: 2;
  }
  .Contents03 .flexArea06 .creditBox {
    margin-top: calc(20 * (100vw / 390));
  }
}


.Contents03 .flexArea07 {
  width: 80.4rem;
  margin: 7.5rem auto 0;
}
.Contents03 .flexArea07 .sub_ttl.sub_ttl07 {
  font-size: 3rem;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
.Contents03 .flexArea07 .item_img.img07 img {
  width: 64rem;
  margin: 3rem auto 0;
}
.Contents03 .flexArea07 .item_img.img07 .img_txt {
  font-size: 2rem;
  letter-spacing: 0.07em;
  text-align: left;
  margin-top: 2.6rem;
  line-height: 1.7;
}
.Contents03 .flexArea07 .creditBox {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .Contents03 .flexArea07 {
    width: calc(366 * (100vw / 390));
    margin: calc(55 * (100vw / 390)) auto 0;
  }
  .Contents03 .flexArea07 .sub_ttl.sub_ttl07 {
    font-size: calc(18*(100vw / 390));
    text-align: center;
    letter-spacing: 0.06em;
    line-height: 1.5;
  }
  .Contents03 .flexArea07 .item_img.img07 img {
    width: calc(366 * (100vw / 390));
    margin: calc(20 * (100vw / 390)) auto 0;
  }
  .Contents03 .flexArea07 .item_img.img07 .img_txt {
    font-size: calc(14 * (100vw / 390));
    letter-spacing: 0.09em;
    text-align: left;
    margin-top: calc(16 * (100vw / 390));
    line-height: 2;
  }
  .Contents03 .flexArea07 .creditBox {
    margin-top: calc(20 * (100vw / 390));
  }
}

.Contents03 .flexArea08 {
  width: 80.4rem;
  margin: 7.7rem auto 0;
}
.Contents03 .flexArea08 .sub_ttl.sub_ttl08 {
  font-size: 3rem;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
.Contents03 .flexArea08 .item_img.img08 img {
  width: 64rem;
  margin: 3rem auto 0;
}
.Contents03 .flexArea08 .item_img.img08 .img_txt {
  font-size: 2rem;
  letter-spacing: 0.08em;
  text-align: left;
  line-height: 1.7;
  width: 75.2rem;
  margin: 2.6rem auto 0;
}
.Contents03 .flexArea08 .item_img.img08 .img_txt ul li:nth-of-type(2) {
  font-size: 1.6rem;
}
.Contents03 .flexArea08 .creditBox {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .Contents03 .flexArea08 {
    width: calc(366 * (100vw / 390));
    margin: calc(54 * (100vw / 390)) auto 0;
  }
  .Contents03 .flexArea08 .sub_ttl.sub_ttl08 {
    font-size: calc(18*(100vw / 390));
    text-align: center;
    letter-spacing: 0.06em;
    line-height: 1.5;
  }
  .Contents03 .flexArea08 .item_img.img08 img {
    width: calc(366 * (100vw / 390));
    margin: calc(21 * (100vw / 390)) auto 0;
  }
  .Contents03 .flexArea08 .item_img.img08 .img_txt {
    font-size: calc(14*(100vw / 390));
    letter-spacing: 0.07em;
    text-align: left;
    margin-top: calc(16*(100vw / 390));
    width: calc(366*(100vw / 390));
    line-height: 2;
  }
  .Contents03 .flexArea08 .item_img.img08 .img_txt ul li:nth-of-type(2) {
    margin-top: calc(28 * (100vw / 390));
    font-size: calc(12 * (100vw / 390));
  }
  .Contents03 .flexArea08 .creditBox {
    margin-top: calc(20 * (100vw / 390));
  }
}








.btm_imgArea {
  width: 64rem;
  margin: 8.5rem auto 0;
}
.item_img.img10 {
  margin-top: 3rem;
}
.btm_imgArea_ttl {
  font-size: 2rem;
  margin-bottom: 3.3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .btm_imgArea {
    width: calc(365 * (100vw / 390));
    margin: calc(61 * (100vw / 390)) auto 0;
  }
  .item_img.img10 {
    margin-top: calc(20 * (100vw / 390));
  }
  .btm_imgArea_ttl {
    font-size: calc(14 *(100vw / 390));
    margin-bottom: calc(22*(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;
} */