@charset "UTF-8";
/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                                SETTING
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_250226 {
  --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-ja: var(--font-noto);
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  font-feature-settings: normal;
  overflow: clip;
}
@media screen and (min-width: 768px) {
  .lp-barbour_250226 {
    --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_250226 {
    --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;
}

.noto-sans {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.source {
  font-family: "source-han-sans-jp-variable", sans-serif;
  font-variation-settings: "wght" 700;
}

p.credit {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 5.4rem;
  letter-spacing: 0;
  font-feature-settings: normal;
}
.credit span {
  text-decoration: underline;
}
p.credit a {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  p.credit {
    font-size: calc(18*(100vw / 750));
    text-align: center;
    margin-top: calc(39*(100vw / 750));
    letter-spacing: 0.08em;
  }
}

.txt-shadow{
  text-shadow: 2px 2px 4px rgb(0, 0, 0, 0.15);
}
/* @media screen and (max-width: 767px) {
  .txt-shadow{
    text-shadow: 2px 2px 4px rgb(0, 0, 0, 0.15);
  }
} */

.box-shadow {
  border: 2px solid #000;
  background: #fff;
  border-radius: 28px;
  position: relative;
  box-shadow: 6px 6px 10px rgb(0, 0, 0);
}
.slide-shadow {
  box-shadow: 4px 4px 8px rgb(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .box-shadow {
    border-radius: calc(28 * (100vw / 750));
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
mainvisual style
///////////////////////////////////////////////////////////////////////////////////////
*/
.mainvisual .main_ttl {
  width: 75rem;
  height: 18rem;
  margin: 1rem auto 0;
}
.main_ttl h1 {
  font-size: 2.8rem;
  position: absolute;
  top: 7.5rem;
  left: 5.2rem;
  z-index: 1;
  font-weight: bold;
  letter-spacing: 0.07em;
}
.main_ttl .sub {
  font-size: 1.8rem;
  position: absolute;
  top: 12.4rem;
  left: 13.8rem;
  z-index: 1;
  font-weight: bold;
}
.mainvisual .main_ttl img {
  margin-left: 0.6rem;
}
.main_img {
  width: 77.4rem;
  margin: 4.2rem auto 0;
}
.main_img img {
  margin-left: 0.4rem;
}
.img01_txt p {
  font-size: 2rem;
  width: 75rem;
  line-height: 2;
  margin: 3rem auto 0;
  letter-spacing: 0em;
  font-feature-settings: normal;
}

@media screen and (max-width: 767px) {
  .mainvisual .main_ttl {
    width: calc(701 * (100vw / 750));
    height: calc(149 * (100vw / 750));
    margin: calc(0 * (100vw / 750)) auto 0;
  }
  .main_ttl h1 {
    font-size: calc(28*(100vw / 750));
    position: absolute;
    top: calc(60*(100vw / 750));
    left: calc(23*(100vw / 750));
    z-index: 1;
    font-weight: bold;
    letter-spacing: -0.03em !important;
    font-feature-settings: normal;
  }
  .main_ttl .sub {
    font-size: calc(18*(100vw / 750));
    position: absolute;
    top: calc(110*(100vw / 750));
    left: calc(112*(100vw / 750));
    z-index: 1;
    font-weight: 400;
  }
  .mainvisual .main_ttl img {
    margin-left: calc(6 * (100vw / 750));
  }
  .main_img {
    width: calc(720 *(100vw / 750));
    margin: calc(40 *(100vw / 750)) auto 0;
  }
  .main_img img {
    margin-left: calc(4 * (100vw / 750));
  }
  .img01_txt p {
    font-size: calc(22*(100vw / 750));
    line-height: 2;
    width: calc(700*(100vw / 750));
    margin: calc(33*(100vw / 750)) auto 0;
    letter-spacing: 0em;
  }
}


/*
///////////////////////////////////////////////////////////////////////////////////////
AnchorArea style
///////////////////////////////////////////////////////////////////////////////////////
*/
.AnchorArea {
  margin-top: 22.5rem;
  position: relative;
}
.AnchorBox .Anchorbg {
  width: 73rem;
  position: absolute;
  top: 6.2rem;
  left: 50.4%;
  transform: translate(-50%, -50%);
}
.AnchorBox ul {
  width: 50rem;
  position: absolute;
  top: 5.9rem;
  left: 51.5%;
  transform: translate(-50%, -50%);
  letter-spacing: 0.03em;
  font-family: var(--font-f37-ginger);
}
.AnchorBox ul li {
  font-size: 2.2rem;
  text-shadow: 2px 2px 4px rgb(0, 0, 0, 0.15);
  display: inline-block;
}
.AnchorBox ul li span {
  margin-right: 0.5rem;
}
.AnchorBox ul li:nth-of-type(1) {
  margin-top: 0;
}
.AnchorBox ul li:nth-of-type(2) {
  margin-top: 2rem;
}
.AnchorBox ul li:nth-of-type(3) {
  margin-top: 2rem;
}

@media screen and (max-width: 767px) {
  .AnchorArea {
    margin-top: calc(146 * (100vw / 750));
    position: relative;
  }
  .AnchorBox .Anchorbg {
    width: calc(730*(100vw / 750));
    position: absolute;
    top: calc(0 *(100vw / 750));
    transform: unset;
    left: calc(17*(100vw / 750));
  }
  .AnchorBox ul {
    width: calc(470*(100vw / 750));
    position: absolute;
    top: calc(48*(100vw / 750));
    left: calc(147*(100vw / 750));
    transform: unset;
    letter-spacing: 0;
  }
  .AnchorBox ul li {
    font-size: calc(22 * (100vw / 750));
    font-weight: 600;
  }
  .AnchorBox ul li span {
    margin-right: calc(5 * (100vw / 750));
  }
  .AnchorBox ul li:nth-of-type(1) {
    margin-top: calc(0 * (100vw / 750));
  }
  .AnchorBox ul li:nth-of-type(2) {
    margin-top: calc(20 * (100vw / 750));
  }
  .AnchorBox ul li:nth-of-type(3) {
    margin-top: calc(20 * (100vw / 750));
  }
  
}

/*
///////////////////////////////////////////////////////////////////////////////////////
Contents01 style
///////////////////////////////////////////////////////////////////////////////////////
*/
.contents01 {
  margin-top: 57.3rem;
}
.contents01 .ct_ttl01 {
  width: 50rem;
  height: 13rem;
  margin: 0 auto;
}
.contents01 .ct_ttl01 h2 {
  font-size: 2.2rem;
  position: absolute;
  top: 2.4rem;
  left: 11.4rem;
  font-family: var(--font-f37-ginger);
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
}
.ct01_txt.noto-sans {
  margin-bottom: 4.5rem;
}
.contents01 .ct01_txt p {
  font-size: 2rem;
  line-height: 2;
  width: 75rem;
  margin: 4.4rem auto 0;
  letter-spacing: 0;
  font-feature-settings: normal;
}
.contents01 .swiper-slide {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .pcOnly {
    display: none;
  }
  .contents01 {
    margin-top: calc(494 * (100vw / 750));
  }
  .contents01 .ct_ttl01 {
    width: calc(500 * (100vw / 750));
    height: calc(130 * (100vw / 750));
    margin: calc(0*(100vw / 750)) auto 0;
  }
  .contents01 .ct_ttl01 h2 {
    font-size: calc(22*(100vw / 750));
    position: absolute;
    top: calc(25*(100vw / 750));
    left: calc(112*(100vw / 750));
    font-family: var(--font-f37-ginger);
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
  }
  .ct01_txt.noto-sans {
    margin-bottom: calc(46 * (100vw / 750));
  }
  .contents01 .ct01_txt p {
    font-size: calc(22*(100vw / 750));
    line-height: 2;
    width: calc(700*(100vw / 750));
    margin: calc(44*(100vw / 750)) auto 0;
    letter-spacing: 0em;
    font-feature-settings: normal;
  }
  .contents01 .swiper-container {
    width: 100%;
    margin: calc(50*(100vw / 750)) 0 0 calc(-69*(100vw / 750));
  }
  .contents01 .swiper {
    width: 100%;
    margin: calc(0*(100vw / 750)) 0 0 calc(0 *(100vw / 750));
  }
  .contents01 p.credit {
    margin-top: calc(49*(100vw / 750));
    letter-spacing: 0;
  }
  .contents01 .slide02 p.credit {
    margin-top: calc(51*(100vw / 750));
    letter-spacing: 0em;
}
}




/*
///////////////////////////////////////////////////////////////////////////////////////
Contents02 style
///////////////////////////////////////////////////////////////////////////////////////
*/
.contents02 {
  margin-top: 20.5rem;
}
.contents02 .ct_ttl02 {
  width: 50rem;
  height: 13rem;
  margin: 0 auto;
}
.contents02 .ct_ttl02 h2 {
  font-size: 2.2rem;
  position: absolute;
  top: 2.4rem;
  left: 17rem;
  font-family: var(--font-f37-ginger);
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
}
.contents02 .ct02_txt p {
  font-size: 2rem;
  line-height: 2;
  width: 75rem;
  margin: 4.4rem auto 4.4rem;
  letter-spacing: 0;
  font-feature-settings: normal;
}
.contents02 p.credit {
  line-height: normal;
  text-align: center;
  width: 75rem;
  margin: 5.1rem auto 0;
  letter-spacing: 0em;
  white-space: nowrap;
  font-feature-settings: normal;
}
.contents02 .slide02 p.credit {
  margin-top: 5.4rem;
}
.contents02 .slide03 p.credit {
  margin-top: 5.4rem;
}
.contents02 .swiper-slide {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {

  .contents02 {
    margin-top: calc(160 * (100vw / 750));
  }
  .contents02 .ct_ttl02 {
    width: calc(500*(100vw / 750));
    height: calc(130*(100vw / 750));
    margin: calc(0*(100vw / 750)) auto 0;
  }
  .contents02 .ct_ttl02 h2 {
    font-size: calc(22 * (100vw / 750));
    position: absolute;
    top: calc(25 * (100vw / 750));
    left: calc(170 * (100vw / 750));
    font-family: var(--font-f37-ginger);
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
  }
  .contents02 .ct02_txt p {
    font-size: calc(22*(100vw / 750));
    line-height: 2;
    width: calc(700*(100vw / 750));
    margin: calc(45*(100vw / 750)) auto calc(55*(100vw / 750));
  }
  .contents02 p.credit {
    line-height: 1.6;
    text-align: center;
    width: calc(700*(100vw / 750));
    margin: calc(39*(100vw / 750)) auto 0;
    letter-spacing: 0em;
    white-space: nowrap;
  }
  .contents02 .slide02 p.credit {
    margin-top: calc(40 * (100vw / 750));
  }
  .contents02 .slide03 p.credit {
    margin-top: calc(60 * (100vw / 750));
  }

}


/*
///////////////////////////////////////////////////////////////////////////////////////
Contents03 style
///////////////////////////////////////////////////////////////////////////////////////
*/
.contents03 {
  margin-top: 20rem;
}
.contents03 .ct_ttl03 {
  width: 50rem;
  height: 13rem;
  margin: 0 auto;
}
.contents03 .ct_ttl03 h2 {
  font-size: 2.2rem;
  position: absolute;
  top: 2.4rem;
  left: 13.6rem;
  font-family: var(--font-f37-ginger);
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
}
.contents03 .ct03_txt p {
  font-size: 2rem;
  line-height: 2;
  width: 76rem;
  margin: 4.4rem auto 4.4rem;
  letter-spacing: 0em;
  font-feature-settings: normal;
}
.contents03 p.credit {
  line-height: normal;
  margin-top: calc(55*(100vw / 750));
  margin-left: calc(0*(100vw / 750));
  white-space: nowrap;
  letter-spacing: 0em;
}
.contents03 .swiper-slide {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .contents03 {
    margin-top: calc(156 * (100vw / 750));
  }
  .contents03 .ct_ttl03 {
    width: calc(500*(100vw / 750));
    height: calc(130 * (100vw / 750));
    margin: calc(0*(100vw / 750)) auto 0;
  }
  .contents03 .ct_ttl03 h2 {
    font-size: calc(22 * (100vw / 750));
    position: absolute;
    top: calc(23 * (100vw / 750));
    left: calc(134 * (100vw / 750));
    font-family: var(--font-f37-ginger);
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
  }
  .contents03 .ct03_txt p {
    font-size: calc(22*(100vw / 750));
    line-height: 2;
    width: calc(700*(100vw / 750));
    margin: calc(44*(100vw / 750)) auto calc(46*(100vw / 750));
  }
  .contents03 p.credit {
    line-height: normal;
    margin-top: calc(57*(100vw / 750));
    margin-left: calc(-2*(100vw / 750));
    white-space: nowrap;
    letter-spacing: 0.04em;
  }
  .contents03 .slide02 p.credit {
    margin-top: calc(56*(100vw / 750));
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
All_btn style
///////////////////////////////////////////////////////////////////////////////////////
*/
.All_btn {
  width: 36rem;
  margin: 20rem auto 0;
}
.All_btn p a {
  width: 36rem;
  padding: 2.4rem 0 2.4rem 0;
  margin: 7rem auto 0;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 2rem;
}
.All_btn a.noto-sans.box-shadow {
  font-weight: 700 !important;
}
@media screen and (max-width: 767px) {
  .All_btn {
    width: calc(360*(100vw / 750));
    margin: calc(161*(100vw / 750)) auto 0;
  }
  .All_btn p a {
    width: calc(360*(100vw / 750));
    padding: calc(20*(100vw / 750)) 0 calc(20*(100vw / 750)) 0;
    margin: calc(138*(100vw / 750)) auto 0;
    font-size: calc(20*(100vw / 750));
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
infoBox style
///////////////////////////////////////////////////////////////////////////////////////
*/
.infoBox {
  position: relative;
  z-index: 2;
  /* margin: 20rem 0 0 0; */
}
.lp-barbour_250226 .closing_information_icon {
  position: absolute;
  top: -4.6rem;
  left: 0.5rem;
  font-size: 3.6rem;
}
.lp-barbour_250226 .closing_information {
  position: relative;
  z-index: 2;
  width: 45rem;
  height: 24rem;
  margin: 16.2rem auto 0;
  padding: 4.3rem 5.4rem;
}
.lp-barbour_250226 .closing_information_icon {
  position: absolute;
  top: -4.6rem;
  left: 0.5rem;
  font-size: 3.6rem;
}
.lp-barbour_250226 .closing_information_title {
  font-size: 2.2rem;
  line-height: 1.8181818182;
  font-weight: var(--fw-bold);
  font-family: var(--font-source);
  color: var(--color-black);
}
.lp-barbour_250226 .closing_information_lead {
  font-size: 1.6rem;
  line-height: 2.25;
  font-weight: var(--font-source);
  font-family: var(--font-noto);
  color: var(--color-black);
}
.infoBox .info_bg {
  width: 45rem;
  height: 24rem;
  margin: 0 auto;
}
.infoBox .info_bg .txt_img {
  font-size: 2.2rem;
  position: absolute;
  top: 5rem;
  left: 5.3rem;
}
.infoBox .info_bg .txt_img p {
  font-weight: var(--fw-bold);
}
.infoBox .info_bg .txt_img span {
  margin-right: 0.5rem;
}
.infoBox .info_bg .txt01 {
  font-size: 1.6rem;
  font-feature-settings: normal;
  position: absolute;
  top: 10rem;
  left: 5.3rem;
}
.infoBox .info_bg .txt02 {
  font-size: 1.6rem;
  font-feature-settings: normal;
  position: absolute;
  top: 13.5rem;
  left: 5.3rem;
}
.infoBox .info_bg .txt03 {
  font-size: 1.6rem;
  font-feature-settings: normal;
  position: absolute;
  top: 17.1rem;
  left: 5.3rem;
}

@media screen and (max-width: 767px) {
  .infoBox {
    /* margin: calc(160 * (100vw / 750)) 0 calc(0 * (100vw / 390)) 0; */
  }
  .lp-barbour_250226 .closing_information_icon {
    top: calc(-42*100vw/750);
    left: calc(3*100vw/750);
    font-size: calc(28*100vw/750);
  }
  .lp-barbour_250226 .closing_information {
    width: calc(450*100vw/750);
    height: calc(240*100vw/750);
    margin-top: calc(159*100vw/750);
    padding: calc(41*100vw/750) calc(50*100vw/750);
  }
  .lp-barbour_250226 .closing_information_icon {
    top: calc(-42*100vw/750);
    left: calc(3*100vw/750);
    font-size: calc(28*100vw/750);
  }
  .lp-barbour_250226 .closing_information_title {
    font-size: calc(22*100vw/750);
  }
  .lp-barbour_250226 .closing_information_lead {
    margin-top: calc(3*100vw/750);
    font-size: calc(18*100vw/750);
    line-height: 2;
  }
  .infoBox .info_bg {
    width: calc(450*(100vw / 750));
    height: calc(240 * (100vw / 750));
  }
  .infoBox .info_bg .txt_img {
    font-size: calc(22*(100vw / 750));
    width: auto;
    position: absolute;
    top: calc(52*(100vw / 750));
    left: calc(52*(100vw / 750));
  }
  .txt_img span {
    margin-right: calc(5*(100vw / 750));
  }
  .infoBox .info_bg .txt01 {
    font-size: calc(16 * (100vw / 750));
    font-feature-settings: normal;
    position: absolute;
    top: calc(102*(100vw / 750));
    left: calc(52*(100vw / 750));
  }
  .infoBox .info_bg .txt02 {
    font-size: calc(16 * (100vw / 750));
    font-feature-settings: normal;
    position: absolute;
    top: calc(138*(100vw / 750));
    left: calc(52*(100vw / 750));
  }
  .infoBox .info_bg .txt03 {
    font-size: calc(16 * (100vw / 750));
    font-feature-settings: normal;
    position: absolute;
    top: calc(174*(100vw / 750));
    left: calc(52*(100vw / 750));
  }
}

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



/*
///////////////////////////////////////////////////////////////////////////////////////
swiper
///////////////////////////////////////////////////////////////////////////////////////
*/
/* .swiper--wrapper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  width: 100%;
  height: 100%;
}
.swiper-slide .swiper-slide1 .swiper-slide-active,
.swiper-slide .swiper-slide2 .swiper-slide-active {
  transform: unset !important;
} */

/* ベース */
.swiper {
  width: 100%;
}
.swiper-slide-active {
  transform: scale(1.25);
  z-index: 2;
}
.swiper-slide {
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s;
}


.contents01 .swiper-slide {
  width: 75rem !important;
}
.contents01 .swiper-slide:not(.swiper-slide-active) {
  width: 71rem !important;
  margin-top: 3rem;
}

@media screen and (min-width: 768px) {
  .contents02 .swiper-slide {
    width: 75rem !important;
  }
  .contents02 .swiper-slide:not(.swiper-slide-active) {
    width: 71rem !important;
    margin-top: 2.2rem;
  }
  .contents02 .swiper-slide.slide02.swiper-slide-active {
    margin-left: 0;
    width: 75.5rem !important;
  }
  .contents02 .swiper-slide.slide03.swiper-slide-active {
    margin-left: 0;
  } 
}

.contents03 .swiper-slide {
  width: 75rem !important;
}
.contents03 .swiper-slide:not(.swiper-slide-active) {
  width: 70.3rem !important;
  margin-top: 2.3rem;
}
.contents03 .swiper-slide.slide02.swiper-slide-active {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .contents01 .swiper-slide {
    width: calc(500 * (100vw / 750)) !important;
  }
  .contents01 .swiper-wrapper {
    margin-left: calc(0 *(100vw / 750));
  }
  .contents01 .swiper-slide:not(.swiper-slide-active) {
    width: calc(494*(100vw / 750)) !important;
    margin-top: calc(-8*(100vw / 750));
  }
  .contents01 .swiper-slide.slide02 {
    width: calc(504*(100vw / 750)) !important;
    margin-left: calc(0 *(100vw / 750));
    margin-top: calc(0 *(100vw / 750));
  }

  .contents02 .swiper-slide {
    width: calc(500*(100vw / 750)) !important;
    margin-left: calc(0 *(100vw / 750)) !important;
  }
  .contents02 .swiper-slide:not(.swiper-slide-active) {
    width: calc(500 * (100vw / 750)) !important;
    margin-top: calc(0 * (100vw / 750));
  }
  .contents02 .swiper-slide.slide01.swiper-slide-active {
    width: calc(504*(100vw / 750)) !important;
    margin-left: calc(0 *(100vw / 750)) !important;
    margin-top: calc(-13*(100vw / 750)) !important;
  }
  .contents02 .swiper-slide.slide02.swiper-slide-active {
    width: calc(504*(100vw / 750)) !important;
    margin-left: calc(0 *(100vw / 750)) !important;
    margin-top: calc(-15*(100vw / 750)) !important;
  }
  .contents02 .swiper-slide.slide03.swiper-slide-active {
    width: calc(504*(100vw / 750)) !important;
    margin-left: calc(0 *(100vw / 750)) !important;
    margin-top: calc(0*(100vw / 750)) !important;
  }
  /* .contents02 .swiper-container-3d {
    perspective:unset;
  } */
  

  .contents03 .swiper-slide {
    width: calc(497 * (100vw / 750)) !important;
  }
  .contents03 .swiper-slide:not(.swiper-slide-active) {
    width: calc(497*(100vw / 750)) !important;
    margin-top: calc(-8*(100vw / 750));
  }
  .contents03 .swiper-slide.slide02.swiper-slide-active {
    margin-left: calc(0 * (100vw / 750));
  }
  .contents03 .swiper-slide.slide01.swiper-slide-active {
    margin-left: calc(0 *(100vw / 750));
  }
  .contents03 .swiper-slide.slide02.swiper-slide-active {
    width: calc(497*(100vw / 750)) !important;
    margin-top: calc(0 *(100vw / 750));
    margin-left: calc(0 *(100vw / 750));
  }

}

/* 各コンテンツ */
/* .contents01 .swiper-slide,
.contents01 .swiper-slide.swiper-slide-active {
  width: 75rem !important;
}
.contents01 .swiper-slide.swiper-slide-next {
  width: 66.3rem !important;
  margin: 5.9rem 0 0 -33.4rem;
}
.contents01 .swiper-slide.swiper-slide-prev {
  width: 66.3rem !important;
  margin: 5.9rem 0 0 33.4rem;
} */

/* ドットの位置 */
.swiper-pagination.swiper-pagination-bullets {
  position: absolute;
  bottom: -4rem;
}
.contents02 .swiper-pagination.swiper-pagination-bullets {
  bottom: -5.8rem;
}
.contents03 .swiper-pagination.swiper-pagination-bullets {
  bottom: -5.6rem;
}
@media screen and (max-width: 767px) {
  .swiper-pagination.swiper-pagination-bullets {
    position: absolute;
    bottom: calc(-30 * (100vw / 750));
  }
  .contents02 .swiper-pagination.swiper-pagination-bullets {
    bottom: calc(-34 * (100vw / 750));
  }
  .contents03 .swiper-pagination.swiper-pagination-bullets {
    bottom: calc(-33 * (100vw / 750));
  }
}

/* ドットのスタイル */
span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: gray;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 14px;
}
@media screen and (max-width: 767px) {
  span.swiper-pagination-bullet {
    width: calc(10 * (100vw / 750));
    height: calc(10 * (100vw / 750));
    border-radius: 100%;
    background: gray;
  }
  span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 calc(14 * (100vw / 750));
  }
}

.swiper-slide.swiper-slide-prev .credit,
.swiper-slide.swiper-slide-next .credit,
.contents02 .swiper-slide.slide01 .credit,
.contents02 .swiper-slide.slide02 .credit,
.contents02 .swiper-slide.slide03 .credit {
  display: none;
}
.swiper-slide.swiper-slide-active .credit,
.contents02 .swiper-slide.slide01.swiper-slide-active .credit,
.contents02 .swiper-slide.slide02.swiper-slide-active .credit,
.contents02 .swiper-slide.slide03.swiper-slide-active .credit {
  display: block;
}

/* 
.contents01 .swiper-slide.slide-shadow.slide01.swiper-slide-duplicate.swiper-slide-duplicate-prev,
.contents01 .swiper-slide.slide-shadow.slide02.swiper-slide-duplicate.swiper-slide-duplicate-prev {
  animation-name: slide_fade;
  animation-duration: 2s;
}

.swiper-slide:not(.swiper-slide-prev,.swiper-slide-active,.swiper-slide-next) {
  animation-name: slide_fade;
  animation-duration: 2s;
  animation-fill-mode:forwards;
} */

/* .swiper-slide {
  animation-name: slide_fade;
  animation-duration: 2s;
  animation-fill-mode:forwards;
}
@keyframes slide_fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.swiper-slide-duplicate.swiper-slide-active,
.swiper-slide-prev.swiper-slide-duplicate-next,
.swiper-slide-duplicate.swiper-slide-next.swiper-slide-duplicate-prev {
  opacity: 1;
  animation-name:unset;
  animation-duration:unset;
  animation-fill-mode:unset;
} */


@media screen and (min-width: 768px) {
  .swiperBox {
    width: 128rem;
    height: 120rem;
    margin: 0 auto;
    overflow-x: hidden;
  }
  .contents02 {
    margin-top: 7.5rem;
  }
  .contents03 {
    margin-top: 9.6rem;
  }
  .contents03 p.credit {
    margin-top: 5.3rem;
  }
  .All_btn {
    margin: 10rem auto 0;
  }
}

.lp-barbour_250226 .closing_related {
  margin-top: 16rem;
  text-align: center;
}
.lp-barbour_250226 .closing_related_title {
  font-size: 2rem;
  line-height: 1;
  font-weight: var(--fw-bold);
  font-family: var(--font-noto);
}
.lp-barbour_250226 .closing_related_image {
  width: 45rem;
  margin: 5rem auto 0;
}
.lp-barbour_250226 .closing_related_lead {
  margin-top: 5rem;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: var(--fw-regular);
  font-family: var(--font-noto);
}
.btm_txt {
  font-size: 2rem;
  text-align: center;
  margin-top: 16rem;
  margin-bottom: 30rem;
}
@media screen and (max-width: 767px) {
  .btm_txt {
    font-size: calc(24 * (100vw / 750));
    text-align: center;
    margin-top: calc(160 * (100vw / 750));
    margin-bottom: calc(300 * (100vw / 750));
  }
  .lp-barbour_250226 .closing_related {
    margin-top: calc(160*100vw/750);
  }
  .lp-barbour_250226 .closing_related_title {
    font-size: calc(22*100vw/750);
  }
  .lp-barbour_250226 .closing_related_image {
    width: calc(450*100vw/750);
    margin-top: calc(50*100vw/750);
  }
  .lp-barbour_250226 .closing_related_lead {
    margin-top: calc(50*100vw/750);
    font-size: calc(22*100vw/750);
  }
}