html {
  -webkit-text-size-adjust: 100%;
}

.main-area {
  display: block;
  min-width: unset;
  max-width: unset;
}

.Barbour231020 .slick-dots li.slick-active button:before {
  background-color: #e2dbcc;
  content: "";
}

.Barbour231020 .slick-dots li button:before {
  background-color: #f2efe8;
  content: "";
  opacity: 1 !important;
}

.Barbour231020 {
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0 auto;
}
.Barbour231020 * {
  box-sizing: border-box;
}
.Barbour231020 li, .Barbour231020 summary {
  list-style: none;
}
.Barbour231020 img, .Barbour231020 video, .Barbour231020 picture {
  width: 100%;
  height: auto;
}
.Barbour231020 a, .Barbour231020 picture, .Barbour231020 figure {
  display: block;
}
.Barbour231020 a {
  text-decoration: none;
}
.Barbour231020 table {
  border-collapse: collapse;
}
.Barbour231020 img {
  width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}
@media all and (-ms-high-contrast: none) {
  .Barbour231020 video {
    transform: scale(1.02);
    transform-origin: top left;
  }
}
.Barbour231020 address {
  font-style: inherit;
}
.Barbour231020 *:focus {
  outline: none;
}
.Barbour231020 .whitebg {
  position: relative;
  z-index: 1;
}
.Barbour231020 .whitebg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: -1;
}
.Barbour231020 .cont_inner {
  max-width: 949.5px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .Barbour231020 .pcOnly {
    display: none;
  }
  .Barbour231020 .spOnly {
    display: block;
  }
  .Barbour231020 .whitebg::after {
    display: none;
  }
  .Barbour231020 .cont_inner {
    max-width: none;
  }
}
@media screen and (min-width: 768px) {
  .slick-dots {
    margin: 0;
  }
  .Barbour231020 .spOnly {
    display: none;
  }
  .Barbour231020 img {
    image-rendering: -webkit-optimize-contrast;
  }
}
@media only screen and (min-width: 768px) and (max-width: 949.5px) {
  html {
    font-size: 0.6944444444vw;
  }
}
.js-fade-Vr-first,
.js-fade-Vr {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 1.3s;
}

.js-fade-Vr-first.active,
.js-fade-Vr.active {
  opacity: 1;
  transform: translateY(0);
}

.Barbour231020 .icon-anime01 {
  -webkit-animation-name: L_Anime;
          animation-name: L_Anime;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  transform-origin: center;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: step-start;
          animation-timing-function: step-start;
}

@-webkit-keyframes L_Anime {
  0% {
    transform: rotate(19deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(19deg);
  }
}

@keyframes L_Anime {
  0% {
    transform: rotate(19deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(19deg);
  }
}
.Barbour231020 .icon-anime02 {
  -webkit-animation-name: R_Anime;
          animation-name: R_Anime;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  transform-origin: center;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: step-start;
          animation-timing-function: step-start;
}

@-webkit-keyframes R_Anime {
  0% {
    transform: rotate(-21deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-21deg);
  }
}

@keyframes R_Anime {
  0% {
    transform: rotate(-21deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-21deg);
  }
}
.Barbour231020 .icon-anime03 {
  -webkit-animation-name: White_Anime;
          animation-name: White_Anime;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  transform-origin: center;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: step-start;
          animation-timing-function: step-start;
}

@-webkit-keyframes White_Anime {
  0% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
  }
}

@keyframes White_Anime {
  0% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
.Barbour231020 .icon-anime04 {
  -webkit-animation-name: Blue_Anime;
          animation-name: Blue_Anime;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  transform-origin: center;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: step-start;
          animation-timing-function: step-start;
}

@-webkit-keyframes Blue_Anime {
  0% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}

@keyframes Blue_Anime {
  0% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
div#Contents {
  overflow: hidden;
}

.Barbour231020 {
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 768px) {
  .Barbour231020 .credit a:hover {
    transition: 0.6s;
    opacity: 0.5;
  }
}
.Barbour231020 .spOnly {
  display: none;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .spOnly {
    display: block;
  }
  .Barbour231020 .pcOnly {
    display: none;
  }
}
.Barbour231020 .fade {
  opacity: 0;
  transition: all 1s;
  transform: translateY(50px);
}
.Barbour231020 .fadeIn {
  -webkit-animation: fadeIn 1.4s ease 0s both;
  animation: fadeIn 1.4s ease 0s both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.Barbour231020 .mainvisual {
  background: #EDE7DE;
  padding: 4rem 0 5.4rem 0;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .mainvisual {
    padding: calc(133 *(100vw / 750)) 0 calc(230 *(100vw / 750)) 0;
  }
}
.Barbour231020 .mainvisual .main_img {
  width: 80.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .mainvisual .main_img {
    width: calc(810 *(100vw / 750));
  }
}
@media screen and (max-width: 767px) {
  .Barbour231020 .mainvisual .main_img img {
    margin-left: calc(-18 *(100vw / 750));
  }
}
.Barbour231020 .main_txt {
  font-size: 1.8rem;
  text-align: center;
  line-height: 2.2;
  letter-spacing: 0.08em;
  color: #000000;
  margin-top: 3.4rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .main_txt {
    font-size: calc(26 *(100vw / 750));
    line-height: 1.93;
    margin: calc(60 *(100vw / 750)) 0 0 calc(27 *(100vw / 750));
  }
}
.Barbour231020 .contents1 {
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 {
    margin-top: calc(51 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .ttlBox {
  display: flex;
  justify-content: center;
  margin-left: 7rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .ttlBox {
    margin-left: calc(16 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .ttlBox .txt_ttl {
  width: 44rem;
  margin-top: 8rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .ttlBox .txt_ttl {
    width: calc(464 *(100vw / 750));
    margin-top: calc(98 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .ttlBox .img_ttl {
  width: 13rem;
  margin: 0.7rem 0 0 3.5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .ttlBox .img_ttl {
    width: calc(178 *(100vw / 750));
    margin: calc(0 *(100vw / 750)) 0 0 calc(16 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .flexBox {
  width: 88.5rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .flexBox {
    width: calc(750 *(100vw / 750));
    margin: 0;
  }
}
.Barbour231020 .contents1 .flexBox .model01 {
  width: 33.7rem;
  position: relative;
  margin: 5rem 0 0 0rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .flexBox .model01 {
    width: calc(529 *(100vw / 750));
    margin: calc(88 *(100vw / 750)) 0 0 calc(-17 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .flexBox .model01 .txtBox {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  width: 14.8rem;
  position: absolute;
  top: 36.7rem;
  left: 23.5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .flexBox .model01 .txtBox {
    width: calc(300 *(100vw / 750));
    font-size: calc(24 *(100vw / 750));
    top: calc(530 *(100vw / 750));
    left: calc(427 *(100vw / 750));
    line-height: 1.8;
  }
}
.Barbour231020 .contents1 .flexBox .model01 .txt_bg01 {
  width: 16rem;
  position: absolute;
  top: 53.8rem;
  right: -12rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .flexBox .model01 .txt_bg01 {
    width: calc(190 *(100vw / 750));
    top: calc(830 *(100vw / 750));
    right: calc(30 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .flexBox .model02 {
  width: 31.6rem;
  position: relative;
  margin-top: -29.7rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .flexBox .model02 {
    margin-top: calc(-62 *(100vw / 750));
    width: calc(544 *(100vw / 750));
    margin-left: calc(206 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .flexBox .model02 .txtBox {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  width: 14.8rem;
  position: absolute;
  top: 34.5rem;
  left: -7.5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .flexBox .model02 .txtBox {
    font-size: calc(24 *(100vw / 750));
    width: calc(300 *(100vw / 750));
    top: calc(612 *(100vw / 750));
    left: calc(-165 *(100vw / 750));
    line-height: 1.8;
  }
}
.Barbour231020 .contents1 .flexBox .model03 {
  width: 29.8rem;
  position: relative;
  margin: -17.4rem 0 0 5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .flexBox .model03 {
    width: calc(514 *(100vw / 750));
    margin: calc(6 *(100vw / 750)) 0 0 calc(40 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .flexBox .model03 .txtBox {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  width: 14.5rem;
  position: absolute;
  top: 36.7rem;
  left: 24.2rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .flexBox .model03 .txtBox {
    font-size: calc(24 *(100vw / 750));
    width: calc(300 *(100vw / 750));
    top: calc(628 *(100vw / 750));
    left: calc(374 *(100vw / 750));
    line-height: 1.8;
  }
}
.Barbour231020 .contents1 .flexBox .model03 .txt_bg02 {
  width: 16rem;
  position: absolute;
  top: 17.2rem;
  right: -22.4rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .flexBox .model03 .txt_bg02 {
    width: calc(190 *(100vw / 750));
    top: calc(35 *(100vw / 750));
    right: calc(41 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .btm_item {
  width: 40rem;
  background: #EDE7DE;
  border: #000000 solid 1.5px;
  margin: 5.1rem auto 0;
  border-radius: 12px;
  padding-bottom: 2.2rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .btm_item {
    width: calc(590 *(100vw / 750));
    border: #000 solid 1px;
    margin: calc(80 *(100vw / 750)) auto 0;
    border-radius: 11px;
    padding-bottom: calc(43 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .btm_item .flexArea {
  display: flex;
  margin: 1.4rem 0 0 4.4rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .btm_item .flexArea {
    margin: calc(18 *(100vw / 750)) 0 0 calc(42 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .btm_item .flexArea .box1 {
  width: 12.8rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .btm_item .flexArea .box1 {
    width: calc(220 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .btm_item .flexArea .box2 {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  position: relative;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .btm_item .flexArea .box2 {
    font-size: calc(20 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .btm_item .flexArea .box2 p {
  width: 18.6rem;
  position: absolute;
  top: 7.4rem;
  left: 2rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .btm_item .flexArea .box2 p {
    width: calc(272 *(100vw / 750));
    top: calc(210 *(100vw / 750));
    left: calc(14 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .btm_item .credit {
  margin: 0.8rem 0 0 0;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .btm_item .credit {
    margin: calc(14 *(100vw / 750)) 0 0 calc(20 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .btm_item .credit ul {
  display: flex;
  justify-content: space-between;
  width: 17.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .btm_item .credit ul {
    width: calc(286 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .btm_item .credit ul li:nth-of-type(1) {
  font-size: 1.7rem;
  font-family: "F37GingerBold";
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .btm_item .credit ul li:nth-of-type(1) {
    font-size: calc(28 *(100vw / 750));
  }
}
.Barbour231020 .contents1 .btm_item .credit ul li:nth-of-type(2) {
  font-size: 1.7rem;
  font-family: "F37GingerBold";
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .btm_item .credit ul li:nth-of-type(2) {
    font-size: calc(28 *(100vw / 750));
  }
}
.Barbour231020 .contents2 {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 {
    margin-top: calc(140 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .ttlBox {
  display: flex;
  justify-content: center;
  margin-left: 0.5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .ttlBox {
    margin-left: calc(36 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .ttlBox .txt_ttl {
  width: 40.1rem;
  margin-top: 8rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .ttlBox .txt_ttl {
    width: calc(430 *(100vw / 750));
    margin-top: calc(102 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .ttlBox .img_ttl {
  width: 13.9rem;
  margin: 1rem 0 0 2.7rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .ttlBox .img_ttl {
    width: calc(198 *(100vw / 750));
    margin: calc(0 *(100vw / 750)) 0 0 calc(18 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .flexBox {
  width: 94.1rem;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .flexBox {
    width: calc(750 *(100vw / 750));
    margin: 0;
  }
}
.Barbour231020 .contents2 .flexBox .model01 {
  width: 34.8rem;
  position: relative;
  margin: 4rem 0 0 0;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .flexBox .model01 {
    width: calc(590 *(100vw / 750));
    margin: calc(40 *(100vw / 750)) calc(0 *(100vw / 750)) 0 calc(206 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .flexBox .model01 .txtBox {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  width: 14.5rem;
  position: absolute;
  top: 35.7rem;
  left: -6.2rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .flexBox .model01 .txtBox {
    font-size: calc(24 *(100vw / 750));
    line-height: 1.8;
    width: calc(300 *(100vw / 750));
    top: calc(598 *(100vw / 750));
    left: calc(-166 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .flexBox .model01 .txt_bg01 {
  width: 16rem;
  position: absolute;
  top: 51.5rem;
  left: -13.4rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .flexBox .model01 .txt_bg01 {
    width: calc(190 *(100vw / 750));
    top: calc(1006 *(100vw / 750));
    left: calc(98 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .flexBox .model02 {
  width: 35.8rem;
  position: relative;
  margin-top: -21.8rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .flexBox .model02 {
    width: calc(560 *(100vw / 750));
    margin-top: calc(86 *(100vw / 750));
    margin-left: calc(-45 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .flexBox .model02 .txtBox {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  width: 14.5rem;
  position: absolute;
  top: 40.5rem;
  left: 26.8rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .flexBox .model02 .txtBox {
    font-size: calc(24 *(100vw / 750));
    line-height: 1.8;
    width: calc(300 *(100vw / 750));
    top: calc(615 *(100vw / 750));
    left: calc(457 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .flexBox .model03 {
  width: 31.9rem;
  position: relative;
  margin: -24.8rem 7.8rem 0 0;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .flexBox .model03 {
    width: calc(520 *(100vw / 750));
    margin: calc(-50 *(100vw / 750)) calc(0 *(100vw / 750)) 0 calc(190 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .flexBox .model03 .txtBox {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  width: 14.5rem;
  position: absolute;
  top: 42.7rem;
  left: -5.3rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .flexBox .model03 .txtBox {
    font-size: calc(24 *(100vw / 750));
    line-height: 1.8;
    width: calc(300 *(100vw / 750));
    top: calc(660 *(100vw / 750));
    left: calc(-150 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .flexBox .model03 .txt_bg02 {
  width: 15.8rem;
  position: absolute;
  top: 22.2rem;
  left: -18.5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .flexBox .model03 .txt_bg02 {
    width: calc(189 *(100vw / 750));
    top: calc(-112 *(100vw / 750));
    left: calc(129 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .btm_item {
  width: 40rem;
  background: #EDE7DE;
  border: #000000 solid 1.5px;
  margin: 4.1rem auto 0;
  border-radius: 12px;
  padding-bottom: 2.2rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .btm_item {
    width: calc(590 *(100vw / 750));
    border: #000 solid 1px;
    margin: calc(80 *(100vw / 750)) auto 0;
    border-radius: 11px;
    padding-bottom: calc(43 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .btm_item .flexArea {
  display: flex;
  margin: 1.4rem 0 0 4.7rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .btm_item .flexArea {
    margin: calc(20 *(100vw / 750)) 0 0 calc(42 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .btm_item .flexArea .box1 {
  width: 12.5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .btm_item .flexArea .box1 {
    width: calc(220 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .btm_item .flexArea .box2 {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  position: relative;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .btm_item .flexArea .box2 {
    font-size: calc(20 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .btm_item .flexArea .box2 p {
  width: 18.6rem;
  position: absolute;
  top: 7.4rem;
  left: 2rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .btm_item .flexArea .box2 p {
    width: calc(272 *(100vw / 750));
    top: calc(210 *(100vw / 750));
    left: calc(14 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .btm_item .credit {
  margin: 0.8rem 0 0 0;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .btm_item .credit {
    margin: calc(9 *(100vw / 750)) 0 0 0;
  }
}
.Barbour231020 .contents2 .btm_item .credit ul {
  display: flex;
  justify-content: space-between;
  width: 17.4rem;
  margin: 0 auto;
}
.Barbour231020 .contents2 .btm_item .credit ul li:nth-of-type(1) {
  font-size: 1.7rem;
  font-family: "F37GingerBold";
}
.Barbour231020 .contents2 .btm_item .credit ul li:nth-of-type(2) {
  font-size: 1.7rem;
  font-family: "F37GingerBold";
  text-decoration: underline;
}
.Barbour231020 .contents3 {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 {
    margin-top: calc(157 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .ttlBox {
  display: flex;
  justify-content: center;
  margin-left: 0.5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .ttlBox {
    margin-left: calc(0 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .ttlBox .txt_ttl {
  width: 48.5rem;
  margin-top: 8rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .ttlBox .txt_ttl {
    width: calc(514 *(100vw / 750));
    margin-top: calc(103 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .ttlBox .img_ttl {
  width: 11.8rem;
  margin: 1.1rem 0 0 2rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .ttlBox .img_ttl {
    width: calc(162 *(100vw / 750));
    margin: calc(0 *(100vw / 750)) 0 0 calc(-7 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .flexBox {
  width: 87.5rem;
  margin-left: 3rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .flexBox {
    width: calc(750 *(100vw / 750));
    margin: 0;
  }
}
.Barbour231020 .contents3 .flexBox .model01 {
  width: 37.1rem;
  position: relative;
  margin: 3.4rem 0 0 0rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .flexBox .model01 {
    width: calc(588 *(100vw / 750));
    margin: calc(47 *(100vw / 750)) 0 0 calc(-40 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .flexBox .model01 .txtBox {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  width: 14.8rem;
  position: absolute;
  top: 38rem;
  left: 27rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .flexBox .model01 .txtBox {
    font-size: calc(24 *(100vw / 750));
    width: calc(307 *(100vw / 750));
    top: calc(542 *(100vw / 750));
    left: calc(455 *(100vw / 750));
    line-height: 1.8;
  }
}
.Barbour231020 .contents3 .flexBox .model01 .txt_bg01 {
  width: 16rem;
  position: absolute;
  top: 55.2rem;
  right: -12.1rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .flexBox .model01 .txt_bg01 {
    width: calc(185 *(100vw / 750));
    top: calc(864 *(100vw / 750));
    right: calc(30 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .flexBox .model02 {
  width: 26.5rem;
  position: relative;
  margin-top: -32.2rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .flexBox .model02 {
    width: calc(452 *(100vw / 750));
    margin: calc(-10 *(100vw / 750)) calc(0 *(100vw / 750)) 0 calc(221 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .flexBox .model02 .txtBox {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  width: 14.8rem;
  position: absolute;
  top: 37rem;
  left: -5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .flexBox .model02 .txtBox {
    font-size: calc(24 *(100vw / 750));
    width: calc(300 *(100vw / 750));
    top: calc(602 *(100vw / 750));
    left: calc(-181 *(100vw / 750));
    line-height: 1.8;
  }
}
.Barbour231020 .contents3 .flexBox .model03 {
  width: 27.5rem;
  position: relative;
  margin: -17.2rem 0 0 10.7rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .flexBox .model03 {
    width: calc(422 *(100vw / 750));
    margin: calc(13 *(100vw / 750)) 0 0 calc(81 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .flexBox .model03 .txtBox {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  width: 14.5rem;
  position: absolute;
  top: 40.7rem;
  left: 17.8rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .flexBox .model03 .txtBox {
    font-size: calc(24 *(100vw / 750));
    width: calc(300 *(100vw / 750));
    top: calc(653 *(100vw / 750));
    left: calc(294 *(100vw / 750));
    line-height: 1.8;
  }
}
.Barbour231020 .contents3 .flexBox .model03 .txt_bg02 {
  width: 16rem;
  position: absolute;
  top: 17.2rem;
  right: -20.4rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .flexBox .model03 .txt_bg02 {
    width: calc(194 *(100vw / 750));
    top: calc(-109 *(100vw / 750));
    right: calc(90 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .btm_item {
  width: 40rem;
  background: #EDE7DE;
  border: #000000 solid 1.5px;
  margin: 4.8rem auto 0;
  border-radius: 12px;
  padding-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .btm_item {
    width: calc(590 *(100vw / 750));
    border: #000 solid 1px;
    margin: calc(80 *(100vw / 750)) auto 0;
    border-radius: 11px;
    padding-bottom: calc(39 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .btm_item .flexArea {
  display: flex;
  margin: 4.2rem 0 0 1.4rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .btm_item .flexArea {
    margin: calc(45 *(100vw / 750)) 0 0 calc(14 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .btm_item .flexArea .box1 {
  width: 17.7rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .btm_item .flexArea .box1 {
    width: calc(266 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .btm_item .flexArea .box2 {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  position: relative;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .btm_item .flexArea .box2 {
    font-size: calc(20 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .btm_item .flexArea .box2 p {
  width: 18.8rem;
  position: absolute;
  top: 2.7rem;
  left: 0rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .btm_item .flexArea .box2 p {
    width: calc(272 *(100vw / 750));
    top: calc(45 *(100vw / 750));
    left: calc(-3 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .btm_item .credit {
  margin: 3.8rem 0 0 0;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .btm_item .credit {
    margin: calc(40 *(100vw / 750)) 0 0 0;
  }
}
.Barbour231020 .contents3 .btm_item .credit ul {
  display: flex;
  justify-content: space-between;
  width: 18.8rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .btm_item .credit ul {
    width: calc(308 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .btm_item .credit ul li:nth-of-type(1) {
  font-size: 1.7rem;
  font-family: "F37GingerBold";
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .btm_item .credit ul li:nth-of-type(1) {
    font-size: calc(28 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .btm_item .credit ul li:nth-of-type(2) {
  font-size: 1.7rem;
  font-family: "F37GingerBold";
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .btm_item .credit ul li:nth-of-type(2) {
    font-size: calc(28 *(100vw / 750));
  }
}
.Barbour231020 .contents4 {
  margin-top: 8rem;
  padding-bottom: 24rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 {
    margin-top: calc(140 *(100vw / 750));
    padding-bottom: calc(195 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .ttlBox {
  display: flex;
  justify-content: center;
  margin-left: 0.5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .ttlBox {
    margin-left: calc(19 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .ttlBox .txt_ttl {
  width: 44.1rem;
  margin-top: 8rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .ttlBox .txt_ttl {
    width: calc(470 *(100vw / 750));
    margin-top: calc(101 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .ttlBox .img_ttl {
  width: 15.2rem;
  margin: 1.2rem 0 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .ttlBox .img_ttl {
    width: calc(190 *(100vw / 750));
    margin: calc(0 *(100vw / 750)) 0 0 calc(0 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .flexBox {
  width: 95.2rem;
  margin-left: 0.1rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .flexBox {
    width: calc(750 *(100vw / 750));
    margin: 0;
  }
}
.Barbour231020 .contents4 .flexBox .model01 {
  width: 32.1rem;
  position: relative;
  margin: 4rem 0rem 0 0;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .flexBox .model01 {
    width: calc(597 *(100vw / 750));
    margin: calc(48 *(100vw / 750)) calc(0 *(100vw / 750)) 0 calc(205 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .flexBox .model01 .txtBox {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  width: 14.5rem;
  position: absolute;
  top: 42rem;
  left: -9.3rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .flexBox .model01 .txtBox {
    font-size: calc(24 *(100vw / 750));
    line-height: 1.8;
    width: calc(290 *(100vw / 750));
    top: calc(686 *(100vw / 750));
    left: calc(-166 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .flexBox .model01 .txt_bg01 {
  width: 16rem;
  position: absolute;
  top: 57.8rem;
  left: -10.8rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .flexBox .model01 .txt_bg01 {
    width: calc(193 *(100vw / 750));
    top: calc(966 *(100vw / 750));
    left: calc(24 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .flexBox .model02 {
  width: 36.2rem;
  position: relative;
  margin-top: -25.4rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .flexBox .model02 {
    width: calc(540 *(100vw / 750));
    margin-top: calc(79 *(100vw / 750));
    margin-left: calc(-29 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .flexBox .model02 .txtBox {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  width: 14.5rem;
  position: absolute;
  top: 32.2rem;
  left: 31.6rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .flexBox .model02 .txtBox {
    font-size: calc(24 *(100vw / 750));
    line-height: 1.8;
    width: calc(290 *(100vw / 750));
    top: calc(649 *(100vw / 750));
    left: calc(445 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .flexBox .model03 {
  width: 30.2rem;
  position: relative;
  margin: -7.6rem 12.2rem 0 0;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .flexBox .model03 {
    width: calc(495 *(100vw / 750));
    margin: calc(50 *(100vw / 750)) calc(0 *(100vw / 750)) 0 calc(189 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .flexBox .model03 .txtBox {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  width: 14.5rem;
  position: absolute;
  top: 45rem;
  left: -5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .flexBox .model03 .txtBox {
    font-size: calc(24 *(100vw / 750));
    line-height: 1.8;
    width: calc(300 *(100vw / 750));
    top: calc(782 *(100vw / 750));
    left: calc(-149 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .flexBox .model03 .txt_bg02 {
  width: 15.8rem;
  position: absolute;
  top: 11.6rem;
  left: -17.5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .flexBox .model03 .txt_bg02 {
    width: calc(187 *(100vw / 750));
    top: calc(-34 *(100vw / 750));
    left: calc(10 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .btm_item {
  width: 40rem;
  background: #EDE7DE;
  border: #000000 solid 1.5px;
  margin: 4.1rem auto 0;
  border-radius: 12px;
  padding-bottom: 2.2rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .btm_item {
    width: calc(590 *(100vw / 750));
    border: #000 solid 1px;
    margin: calc(80 *(100vw / 750)) auto 0;
    border-radius: 11px;
    padding-bottom: calc(43 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .btm_item .flexArea {
  display: flex;
  margin: 4.3rem 0 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .btm_item .flexArea {
    margin: calc(40 *(100vw / 750)) 0 0 calc(15 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .btm_item .flexArea .box1 {
  width: 17.5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .btm_item .flexArea .box1 {
    width: calc(260 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .btm_item .flexArea .box2 {
  font-size: 1.4rem;
  line-height: 1.72;
  letter-spacing: 0.03em;
  text-align: left;
  position: relative;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .btm_item .flexArea .box2 {
    font-size: calc(20 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .btm_item .flexArea .box2 p {
  width: 18.8rem;
  position: absolute;
  top: 2.6rem;
  left: 0rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .btm_item .flexArea .box2 p {
    width: calc(272 *(100vw / 750));
    top: calc(45 *(100vw / 750));
    left: calc(0 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .btm_item .credit {
  margin: 3.5rem 0 0 0;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .btm_item .credit {
    margin: calc(40 *(100vw / 750)) 0 0 0;
  }
}
.Barbour231020 .contents4 .btm_item .credit ul {
  display: flex;
  justify-content: space-between;
  width: 18.8rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .btm_item .credit ul {
    width: calc(308 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .btm_item .credit ul li:nth-of-type(1) {
  font-size: 1.7rem;
  font-family: "F37GingerBold";
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .btm_item .credit ul li:nth-of-type(1) {
    font-size: calc(28 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .btm_item .credit ul li:nth-of-type(2) {
  font-size: 1.7rem;
  font-family: "F37GingerBold";
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .btm_item .credit ul li:nth-of-type(2) {
    font-size: calc(28 *(100vw / 750));
  }
}
.Barbour231020 .cont_inner {
  position: relative;
}
.Barbour231020 .cont_inner::after {
  content: "";
  background: #000;
  display: block;
  background-size: cover;
  background-position: center;
  width: 949.5px;
  height: 1px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  position: absolute;
  z-index: -1;
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .cont_inner::after {
    width: calc(670 *(100vw / 750));
  }
}
.Barbour231020 .main_txt .cont_inner::after {
  display: none;
}
.Barbour231020 .contents1 .cont_inner::after {
  top: 13.5rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents1 .cont_inner::after {
    top: calc(170 *(100vw / 750));
  }
}
.Barbour231020 .contents2 .cont_inner::after {
  top: 13.7rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents2 .cont_inner::after {
    top: calc(175 *(100vw / 750));
  }
}
.Barbour231020 .contents3 .cont_inner::after {
  top: 14rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents3 .cont_inner::after {
    top: calc(175 *(100vw / 750));
  }
}
.Barbour231020 .contents4 .cont_inner::after {
  top: 14rem;
}
@media screen and (max-width: 767px) {
  .Barbour231020 .contents4 .cont_inner::after {
    top: calc(171 *(100vw / 750));
  }
}

.fadeIn2 {
  -webkit-animation-name: fadeInAnime2;
          animation-name: fadeInAnime2;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

#breadcrumbs {
  width: 140rem;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 4rem;
}
@media screen and (max-width: 767px) {
  #breadcrumbs {
    max-width: initial;
    padding: 1rem 0 0.8rem;
  }
}