@charset "UTF-8";

.main_inner {
  overflow-x: hidden;
}

@font-face {
  font-family: "ginger";
  src: url("../../../../../font/F37GingerBold.otf") format("truetype");
}

.font-noto {
  font-size: 1.9rem;
  line-height: 2.1;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.5;
}

.font-ginger {
  font-family: "ginger";
  font-weight: bold;
}

/* --- ▼ 基本設定 ▼ --- */
.Barbour_0507_lp {
  text-align: center;
  overflow-y: hidden;
}

.Barbour_0507_lp .credit {
  font-size: 1.8rem;
  color: #000000;
  font-weight: 500;
}

.credit ul {
  display: flex;
  justify-content: center;
}

.Barbour_0507_lp .credit ul li:nth-of-type(3) {
  text-decoration: underline;
}

.Barbour_0507_lp .contents_txtBox h3 {
  font-size: 3.2rem;
}

.Barbour_0507_lp .spOnly {
  display: none;
}

.Barbour_0507_lp .main_txtBox h2 {
  font-size: 4rem;
  margin-top: 7.4rem;
  letter-spacing: 0.017em;
}

.Barbour_0507_lp .main_txtBox .txtArea {
  font-size: 2rem;
  line-height: 2.1;
  width: 67rem;
  margin: 2.8rem auto 0;
  letter-spacing: 0.14em;
  font-feature-settings: "palt";
}

@media screen and (max-width: 767px) {
  .font-noto {
    font-family: "noto-sans-cjk-jp", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(22 * (100vw / 750));
    line-height: 1.9;
  }
  
  .font-ginger {
    font-family: "ginger";
    font-weight: bold;
  }
  
  /* --- ▼ 基本設定 ▼ --- */
  .Barbour_0507_lp {
    text-align: center;
  }
  
  .Barbour_0507_lp .credit {
    font-size: calc(29 * (100vw / 750));
    color: #000000;
    font-weight: 500;
  }
  
  .credit ul {
    display: flex;
    justify-content: center;
  }
  
  .Barbour_0507_lp .credit ul li:nth-of-type(3) {
    text-decoration: underline;
  }
  
  .Barbour_0507_lp .contents_txtBox h3 {
    font-size: calc(24 * (100vw / 750));
  }
  
  .Barbour_0507_lp .spOnly {
    display: block;
  }

  .Barbour_0507_lp .main_txtBox h2 {
    font-size: calc(49 * (100vw / 750));
    margin-top: calc(49*(100vw / 750));
    letter-spacing: 0.017em;
    line-height: 1.13;
  }

  .Barbour_0507_lp .main_txtBox .txtArea {
    font-size: calc(21 * (100vw / 750));
    line-height: 2.1;
    width: auto;
    margin: calc(30*(100vw / 750)) auto 0;
    letter-spacing: 0.14em;
    font-feature-settings: "palt";
  }


}


/* contents01 Style
---------------------------------------- */
.contents01 .mainImg {
  width: 131rem;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .contents01 .mainImg {
    width: 100%;
    margin: 0 auto;
  }
}

/* contentsArea01 Style
---------------------------------------- */
.contentsArea01 {
  margin-top: 9.4rem;
}

.contentsArea01 .model01 {
  width: 60rem;
  margin: 19.3rem auto 0;
  overflow-y: hidden;
}

.contentsArea01 .model02 {
  width: 60rem;
  margin: 0 auto;
}

.contentsArea01 .model02 img {
  width: 39rem;
  margin: 4.2rem 0 0 0;
  margin-left: auto;
  overflow-y: hidden;
}

.contentsArea01 .modelBox .credit {
  margin-top: 1.9rem;
}

.contentsArea01 .modelBox .credit li:nth-of-type(2) {
  margin: 0 2.3rem 0 3.3rem;
}

@media screen and (max-width: 767px) {
  .contentsArea01 {
    margin-top: calc(150 * (100vw / 750));
  }
  
  .contentsArea01 .model01 {
    width: calc(672 * (100vw / 750));
    margin: calc(0 * (100vw / 750)) auto 0;
    overflow-y: hidden;
  }
  
  .contentsArea01 .model02 {
    width: auto;
    margin: calc(58*(100vw / 750)) calc(39*(100vw / 750)) 0 0;
    margin-left: auto;
  }
  
  .contentsArea01 .model02 img {
    width: calc(446 * (100vw / 750));
    margin: calc(0 * (100vw / 750)) 0 0 0;
    margin-left: auto;
    overflow-y: hidden;
  }
  
  .contentsArea01 .modelBox .credit {
    margin-top: calc(40 * (100vw / 750));
  }
  
  .contentsArea01 .modelBox .credit li:nth-of-type(2) {
    margin: 0 calc(38 * (100vw / 750)) 0 calc(22 * (100vw / 750));
  }
}


/* contentsArea02 Style
---------------------------------------- */
.contentsArea02 {
  margin-top: 18.5rem;
}

.contentsArea02 .model_img.model03 {
  width: 60rem;
  margin: 0 auto;
}

.contentsArea02 .contents_txtBox {
  margin-top: 2rem;
}

.contentsArea02 .flexArea {
  width: 60rem;
  margin: 4rem auto 0;
}

.contentsArea02 .flexArea .model04 {
  width: 39.8rem;
  margin: 0;
}

.contentsArea02 .flexArea .model04_02 {
  width: 39.8rem;
  margin-left: auto;
  margin-top: 4rem;
}

.contentsArea02 .credit {
  margin-top: 2.9rem;
}

.contentsArea02 .credit li:nth-of-type(2) {
  margin: 0 2.3rem 0 3.3rem;
}

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

  .contentsArea02 {
    margin-top: calc(200 * (100vw / 750));
  }
  
  .contentsArea02 .model_img.model03 {
    width: calc(672 * (100vw / 750));
    margin: 0 auto;
  }
  
  .contentsArea02 .contents_txtBox {
    margin-top: calc(30 * (100vw / 750));
  }
  
  .contentsArea02 .flexArea {
    width: calc(672*(100vw / 750));
    margin: calc(60*(100vw / 750)) auto 0;
  }
  
  .contentsArea02 .flexArea .model04 {
    width: calc(448 * (100vw / 750));
    margin: 0;
  }
  
  .contentsArea02 .flexArea .model04_02 {
    width: calc(448 * (100vw / 750));
    margin-left: auto;
    margin-top: calc(60*(100vw / 750));
  }
  
  .contentsArea02 .credit {
    margin-top: calc(40 * (100vw / 750));
  }
  
  .contentsArea02 .credit li:nth-of-type(2) {
    margin: 0 calc(38 * (100vw / 750)) 0 calc(22 * (100vw / 750));
  }

}

/* contentsArea03 Style
---------------------------------------- */

.contentsArea03 {
  margin-top: 18.7rem;
}

.contentsArea03 .model_img.model05 {
  width: 39.8rem;
  margin: 0 auto;
}


.contentsArea03 .sub_flexArea {
  width: 60rem;
  margin: 18rem auto 0;
}

.contentsArea03 .sub_flexArea .box1 {
  width: 60rem;
}

.contentsArea03 .sub_flexArea .box2 {
  width: 39.8rem;
  margin-left: auto;
  margin-top: 4rem;
  position: relative;
  z-index: 10;
}

.contentsArea03 .credit {
  margin-top: 2.1rem;
}

.contentsArea03 .credit li:nth-of-type(2) {
  margin: 0 2.3rem 0 3.3rem;
}

@media screen and (max-width: 767px) {
  .contentsArea03 {
    margin-top: calc(197 * (100vw / 750));
  }
  
  .contentsArea03 .model_img.model05 {
    width: calc(452 * (100vw / 750));
    margin: 0 auto;
  }
  
  .contentsArea03 .sub_flexArea {
    width: calc(672*(100vw / 750));
    margin: calc(190*(100vw / 750)) auto 0;
  }
  
  .contentsArea03 .sub_flexArea .box1 {
    width: calc(672*(100vw / 750));
  }
  
  .contentsArea03 .sub_flexArea .box2 {
    width: calc(452*(100vw / 750));
    margin-left: auto;
    margin-top: calc(62*(100vw / 750));
    position: relative;
    z-index: 10;
  }
  
  .contentsArea03 .credit {
    margin-top: calc(40 * (100vw / 750));
  }
  
  .contentsArea03 .credit li:nth-of-type(2) {
    margin: 0 calc(38 * (100vw / 750)) 0 calc(22 * (100vw / 750));
  }
}


/* contentsArea04 Style
---------------------------------------- */

.contentsArea04 {
  margin-top: 19.5rem;
}

.contentsArea04 .model08_00 {
  width: 60rem;
  margin: 0 auto;
}

.contentsArea04 .sub_flexArea {
  width: 60rem;
  margin: 0 auto 0;
}

.contentsArea04 .sub_flexArea .box1 {
  width: 39.8rem;
  margin: 4rem 0 0 0;
}

.contentsArea04 .sub_flexArea .box2 {
  width: 39.8rem;
  margin-left: auto;
  margin-top: 4rem;
  position: relative;
  z-index: 10;
}

.contentsArea04 .model09_02 {
  width: 39.1rem;
  margin: 4rem auto 0;
}

.contentsArea04 .credit {
  margin-top: 2.1rem;
}

.contentsArea04 .credit li:nth-of-type(2) {
  margin: 0 2.3rem 0 3.3rem;
}

@media screen and (max-width: 767px) {
  .contentsArea04 {
    margin-top: calc(240 * (100vw / 750));
  }
  
  .contentsArea04 .model08_00 {
    width: calc(672 * (100vw / 750));
    margin: 0 auto;
  }
  
  .contentsArea04 .sub_flexArea {
    width: calc(672 * (100vw / 750));
    margin: 0 auto 0;
  }
  
  .contentsArea04 .sub_flexArea .box1 {
    width: calc(448*(100vw / 750));
    margin: calc(61*(100vw / 750)) 0 0 0;
  }
  
  .contentsArea04 .sub_flexArea .box2 {
    width: calc(448*(100vw / 750));
    margin-left: auto;
    margin-top: calc(60*(100vw / 750));
    position: relative;
    z-index: 10;
  }
  
  .contentsArea04 .model09_02 {
    width: calc(438*(100vw / 750));
    margin: calc(55*(100vw / 750)) auto 0;
  }
  
  .contentsArea04 .credit {
    margin-top: calc(43 * (100vw / 750));
  }
  
  .contentsArea04 .credit li:nth-of-type(2) {
    margin: 0 calc(38 * (100vw / 750)) 0 calc(22 * (100vw / 750));
  }
}


/* contentsArea05 Style
---------------------------------------- */

.contentsArea05 {
  margin-top: 16.6rem;
}

.contentsArea05 .model10 {
  width: 39.8rem;
  margin: 0 auto 0;
}

.contentsArea05 .sub_flexArea {
  width: 60rem;
  margin: 16rem auto 0;
}

.contentsArea05 .sub_flexArea .box1 {
  width: 60rem;
  margin-left: auto;
}

.contentsArea05 .sub_flexArea .box2 {
  width: 39rem;
  margin-top: 4rem;
  margin-left: auto;
  position: relative;
  z-index: 10;
}

.contentsArea05 .credit {
  margin-top: 2.1rem;
  margin-left: -2rem;
}

.contentsArea05 .credit li:nth-of-type(2) {
  margin: 0 2.3rem 0 3.3rem;
}

@media screen and (max-width: 767px) {
  .contentsArea05 {
    margin-top: calc(200 * (100vw / 750));
  }
  
  .contentsArea05 .model10 {
    width: calc(442 * (100vw / 750));
    margin: 0 auto 0;
  }
  
  .contentsArea05 .sub_flexArea {
    width: calc(672 * (100vw / 750));
    margin: calc(191 * (100vw / 750)) auto 0;
  }
  
  .contentsArea05 .sub_flexArea .box1 {
    width: calc(672 * (100vw / 750));
    margin-left: auto;
  }
  
  .contentsArea05 .sub_flexArea .box2 {
    width: calc(447 * (100vw / 750));
    margin-top: calc(61 * (100vw / 750));
    margin-left: auto;
    position: relative;
    z-index: 10;
  }
  
  .contentsArea05 .credit {
    margin-top: calc(41 * (100vw / 750));
    margin-left: calc(-25 * (100vw / 750));
  }
  
  .contentsArea05 .credit li:nth-of-type(2) {
    margin: 0 calc(38 * (100vw / 750)) 0 calc(22 * (100vw / 750));
  }
  
}



/* contentsArea06 Style
---------------------------------------- */

.contentsArea06 {
  margin-top: 13.6rem;
  padding-bottom: 29.4rem;
}

.contentsArea06 .model13 {
  width: 60rem;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .contentsArea06 {
    margin-top: calc(200*(100vw / 750));
    padding-bottom: calc(190*(100vw / 750));
  }
  
  .contentsArea06 .model13 {
    width: calc(672 * (100vw / 750));
    margin: 0 auto;
  }
}


/* --- for small viewport --- */

/* sp_contents01 Style
---------------------------------------- */
/* .sp_contents01.spOnly {
  margin-top: calc(177*(100vw / 750));
}

.sp_contents01 .contents_txtBox {
  margin-top: calc(41 * (100vw / 750));
}

.sp_contents01 .contents_txtBox .txtArea {
  width: calc(400*(100vw / 750));
  margin: calc(48*(100vw / 750)) 0 0 calc(91*(100vw / 750));
}

.sp_contents01 .contents_txtBox .credit {
  margin-top: calc(202*(100vw / 750));
  margin-left: calc(10*(100vw / 750));

}

.sp_contents01 .credit ul li:nth-of-type(1) {
  margin-right: calc(10 * (100vw / 750));
}

.model_img.sp_model02 {
  width: calc(501*(100vw / 750));
  margin: calc(52*(100vw / 750)) auto 0;
}

.Barbour_0507_lp .main_txtBox h2 {
  font-size: calc(35 * (100vw / 750));
  margin-top: calc(94*(100vw / 750));
}

.Barbour_0507_lp .main_txtBox .txtArea {
  font-size: calc(23 * (100vw / 750));
  line-height: 2.05;
  width: calc(620*(100vw / 750));
  margin: calc(46*(100vw / 750)) 0 0 calc(65*(100vw / 750));
  letter-spacing: 0;
  font-feature-settings: "palt";
} */

/* contents01 Style
---------------------------------------- */
/* .contentsArea01 {
  margin-top: calc(107*(100vw / 750));
}

.contentsArea01 .model01 {
  width: 100%;
  margin: 0 auto;
}

.contentsArea01 .model_img.model01 .txtArea {
  width: auto;
  margin: calc(53*(100vw / 750)) 0 0 calc(0*(100vw / 750));
  font-size: calc(22 * (100vw / 750));
  letter-spacing: 0;
}

.contentsArea01 .model01 .credit ul {
  margin: calc(74 * (100vw / 750)) 0 0 calc(10 * (100vw / 750));
}

.contentsArea01 .model01 .credit ul li:nth-of-type(1) {
  margin-right: calc(10*(100vw / 750));
}

.contentsArea01 .model_img.model02 {
  width: calc(500*(100vw / 750));
  margin: calc(50*(100vw / 750)) auto 0;
}

.contentsArea01 .model02 .credit ul {
  margin: calc(40*(100vw / 750)) 0 0 calc(4*(100vw / 750));
}

.contentsArea01 .model02 .credit ul li:nth-of-type(1) {
  margin-right: calc(14*(100vw / 750));
} */

/* contentsArea02 Style
---------------------------------------- */
/* .contentsArea02 {
  margin-top: calc(124*(100vw / 750));
}

.contentsArea02 .model_img.model03 {
  width: 100%;
  margin: 0 auto;
}

.contentsArea02 .contents_txtBox {
  margin-top: calc(40*(100vw / 750));
}

.contentsArea02 .model_img.model03 .txtArea {
  width: auto;
  margin: calc(20*(100vw / 750)) 0 0 calc(0*(100vw / 750));
  font-size: calc(22 * (100vw / 750));
  letter-spacing: 0;
}

.contentsArea02 .model03 .credit ul {
  margin: calc(33 * (100vw / 750)) 0 0 calc(10 * (100vw / 750));
}

.contentsArea02 .model03 .credit ul li:nth-of-type(1) {
  margin-right: calc(10*(100vw / 750));
}

.contentsArea02 .model_img.model04 {
  width: calc(500*(100vw / 750));
  margin: calc(83*(100vw / 750)) auto 0;
} */


/* contentsArea03 Style
---------------------------------------- */
/* .contentsArea03 {
  margin-top: calc(86*(100vw / 750));
}

.contentsArea03 .model_img.model05 {
  width: calc(500*(100vw / 750));
  margin: 0 auto;
}

.contentsArea03 .sub_flexArea {
  width: calc(700*(100vw / 750));
  margin: calc(133*(100vw / 750)) 0 0 calc(40*(100vw / 750));
}

.contentsArea03 .sub_flexArea .box1 {
  width: calc(389*(100vw / 750));
}

.contentsArea03 .sub_flexArea .box2 {
  width: calc(360*(100vw / 750));
  margin-left: auto;
  margin-top: calc(-84*(100vw / 750));
  margin-right: calc(28*(100vw / 750));
  position: relative;
  z-index: 10;
}

.contentsArea03 .contents_txtBox {
  margin-top: calc(38*(100vw / 750));
}

.contentsArea03 .contents_txtBox .txtArea {
  width: auto;
  margin: calc(20*(100vw / 750)) 0 0 calc(0*(100vw / 750));
  font-size: calc(22 * (100vw / 750));
  letter-spacing: 0;
}

.contentsArea03 .credit ul {
  margin: calc(31 * (100vw / 750)) 0 0 calc(10 * (100vw / 750));
}

.contentsArea03 .credit ul li:nth-of-type(1) {
  margin-right: calc(10*(100vw / 750));
}

.contentsArea03 .model_img.model04 {
  width: calc(500*(100vw / 750));
  margin: calc(83*(100vw / 750)) auto 0;
} */


/* contentsArea04 Style
---------------------------------------- */

/* .contentsArea04 {
  margin-top: calc(94 * (100vw / 750));
}

.contentsArea04 .sub_flexArea {
  width: calc(668 * (100vw / 750));
  margin: 0 auto 0;
}

.contentsArea04 .sub_flexArea .box1 {
  width: calc(390 * (100vw / 750));
}

.contentsArea04 .sub_flexArea .box2 {
  width: calc(370 * (100vw / 750));
  margin-left: auto;
  margin-top: calc(-100 * (100vw / 750));
  position: relative;
  z-index: 10;
}

.contentsArea04 .contents_txtBox {
  margin-top: calc(42 * (100vw / 750));
}

.contentsArea04 .contents_txtBox .txtArea {
  width: auto;
  margin: calc(20*(100vw / 750)) 0 0 calc(0*(100vw / 750));
  font-size: calc(22 * (100vw / 750));
  letter-spacing: 0;
}

.contentsArea04 .credit ul {
  margin: calc(31 * (100vw / 750)) 0 0 calc(10 * (100vw / 750));
}

.contentsArea04 .credit ul li:nth-of-type(1) {
  margin-right: calc(10*(100vw / 750));
} */


/* contentsArea05 Style
---------------------------------------- */

/* .contentsArea05 {
  margin-top: calc(81 * (100vw / 750));
}

.contentsArea05 .sub_flexArea {
  width: calc(674 * (100vw / 750));
  margin: 0 auto 0;
}

.contentsArea05 .sub_flexArea .box1 {
  width: calc(480 * (100vw / 750));
  margin-left: auto;
}

.contentsArea05 .sub_flexArea .box2 {
  width: calc(358*(100vw / 750));
  margin-top: calc(-127*(100vw / 750));
  position: relative;
  z-index: 10;
}

.contentsArea05 .contents_txtBox {
  margin-top: calc(42 * (100vw / 750));
}

.contentsArea05 .contents_txtBox .txtArea {
  width: auto;
  margin: calc(20*(100vw / 750)) 0 0 calc(0*(100vw / 750));
  font-size: calc(22 * (100vw / 750));
  letter-spacing: 0;
}

.contentsArea05 .credit ul {
  margin: calc(31 * (100vw / 750)) 0 0 calc(10 * (100vw / 750));
}

.contentsArea05 .credit ul li:nth-of-type(1) {
  margin-right: calc(10*(100vw / 750));
}

.contentsArea05 .pcOnly {
  display: none;
} */


/* contentsArea06 Style
---------------------------------------- */

/* .contentsArea06 {
  margin-top: calc(110 * (100vw / 750));
  padding-bottom: calc(120 * (100vw / 750));
}

.contentsArea06 .model12 {
  width: calc(500 * (100vw / 750));
  margin: 0 auto;
}

.contentsArea06 .model13 {
  width: calc(668*(100vw / 750));
  margin: calc(90*(100vw / 750)) auto 0;
}

.contentsArea06 .model13 .contents_txtBox {
  width: auto;
  margin: calc(20*(100vw / 750)) 0 0 calc(0*(100vw / 750));
  font-size: calc(22 * (100vw / 750));
  letter-spacing: 0;
}

.contentsArea06 .pcOnly {
  display: none;
} */



.Barbour_0507_lp .jsFade {
  opacity: 0;
  transform: translateY(20px);
}
.Barbour_0507_lp .jsFade.isActive {
  opacity: 1;
  transform: translateY(0px);
  transition: all .7s;
}

/* --- for large viewport --- */
/* @media screen and (min-width: 768px), print {

} */