@charset "UTF-8";

/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                                SETTING
///////////////////////////////////////////////////////////////////////////////////////
*/
.barbour_240918 {
  --color-white: #fff;
  --color-black: #000;
  --color-text: #58595b;
  --color-brown: #a1846c;
  --color-beige: #ebe3dd;
  --font-ryo: "ryo-text-plusn";
  --font-miller: "miller-headline";
  --font-en: var(--font-miller), sans-serif;
  --font-ja: var(--font-ryo), sans-serif;
  --font-main: var(--font-en), var(--font-ja), sans-serif;
  --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) {
  .barbour_240918 {
    width: 100%;
    margin: 3rem auto 10rem;
  }
}
@media screen and (max-width: 767px) {
  .barbour_240918 .hidden-smartphone {
    display: none;
  }
  .barbour_240918 {
    width: calc(750*100vw/750);
    margin: calc(0*100vw/750) auto calc(100*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - flex
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.barbour_240918 .c-flex_row {
  display: flex;
  flex-direction: row;
  gap: var(--row, 0) var(--column, 0);
}
.barbour_240918 .c-flex_row_reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--row, 0) var(--column, 0);
}
.barbour_240918 .c-flex_column {
  display: flex;
  flex-direction: column;
  gap: var(--row, 0) var(--column, 0);
}
.barbour_240918 .c-flex_column_reverse {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--row, 0) var(--column, 0);
}
@media screen and (min-width: 768px) {
  .barbour_240918 .c-pc_flex_row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  .barbour_240918 .c-pc_flex_row_reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  .barbour_240918 .c-pc_flex_column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  .barbour_240918 .c-pc_flex_column_reverse {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
}
@media screen and (max-width: 767px) {
  .barbour_240918 .c-sp_flex_row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  .barbour_240918 .c-sp_flex_row_reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  .barbour_240918 .c-sp_flex_column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  .barbour_240918 .c-sp_flex_column_reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                                common
///////////////////////////////////////////////////////////////////////////////////////
*/
.barbour_240918 img,
.barbour_240918 picture {
  display: block;
  width: 100%;
  height: auto;
}
.barbour_240918 section {
  margin: 0 auto;
}
.barbour_240918 .c-text_title {
  font-size: 2.4rem;
  line-height: 2;
  letter-spacing: .01em;
  color: var(--color-black);
  font-weight: var(--fw-bold);
  text-align: center;
}
.barbour_240918 .c-text_lead {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: .01em;
  color: var(--color-black);
  font-weight: var(--fw-regular);
}
@media screen and (min-width: 768px) {
  .barbour_240918 .styleview__wrap .styleview__lead {
    width: 30rem;
  }
}
@media screen and (max-width: 767px) {
  .barbour_240918 .c-text_title {
    font-size: calc(32*100vw/750);
  }
  .barbour_240918 .c-text_lead {
    font-size: calc(24*100vw/750);
  }
  .barbour_240918 .styleview__wrap .styleview__lead {
    text-align: left;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                              firstview
///////////////////////////////////////////////////////////////////////////////////////
*/
.barbour_240918 .firstview__wrapper {
  --row: 2.5rem;
}
/* .barbour_240918 .firstview__lead {
  text-align: center;
} */
@media screen and (min-width: 768px) {
  .barbour_240918 .firstview__image,
  .barbour_240918 .firstview__lead {
    width: 60rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .barbour_240918 .firstview {
    width: calc(750*100vw/750);
  }
  .barbour_240918 .firstview__wrapper {
    --row: calc(50*100vw/750);
  }
  .barbour_240918 .firstview__lead {
    padding: 0 calc(25*100vw/750);;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                            styleview01
///////////////////////////////////////////////////////////////////////////////////////
*/
.barbour_240918 .styleview01 {
  width: 100rem;
  margin-top: 5rem;
}
.barbour_240918 .styleview01 .styleview__wrapper {
  --row: 5rem;
}
.barbour_240918 .styleview01 .styleview__lead {
  width: 50rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .barbour_240918 .styleview01 {
    width: calc(750*100vw/750);
    margin-top: calc(100*100vw/750);
  }
  .barbour_240918 .styleview01 .styleview__wrapper {
    --row: calc(50*100vw/750);
  }
  .barbour_240918 .styleview01 .styleview__lead {
    width: calc(700*100vw/750);
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                            styleview02
///////////////////////////////////////////////////////////////////////////////////////
*/
.barbour_240918 .styleview02 {
  width: 80rem;
  margin-top: 5rem;
}
.barbour_240918 .styleview02 .styleview__wrapper {
  --row: 5rem;
}
.barbour_240918 .styleview02 .styleview__wrap {
  --column: 5rem;
  align-items: center;
  justify-content: center;
}
.barbour_240918 .styleview02 .styleview__image {
  width: 30rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .barbour_240918 .styleview02 {
    width: calc(700*100vw/750);
    margin-top: calc(100*100vw/750);
  }
  .barbour_240918 .styleview02 .styleview__wrapper {
    --row: calc(30*100vw/750);
  }
  .barbour_240918 .styleview02 .styleview__wrap {
    --row: calc(30*100vw/750);
  }
  .barbour_240918 .styleview02 .js-slider,
  .barbour_240918 .styleview02 .styleview__image {
    width: calc(450*100vw/750);
    margin: 0 auto
    ;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                            styleview03
///////////////////////////////////////////////////////////////////////////////////////
*/
.barbour_240918 .styleview03 {
  width: 70rem;
  margin-top: 5rem;
}
.barbour_240918 .styleview03 .styleview__wrapper {
  --row: 5rem;
}
.barbour_240918 .styleview03 .styleview__wrap {
  --column: 5rem;
  align-items: center;
  justify-content: space-between;
}
.barbour_240918 .styleview03 .styleview__image {
  width: 30rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .barbour_240918 .styleview03 {
    width: calc(700*100vw/750);
    margin-top: calc(100*100vw/750);
  }
  .barbour_240918 .styleview03 .styleview__wrapper {
    --row: calc(30*100vw/750);
  }
  .barbour_240918 .styleview03 .styleview__wrap {
    --row: calc(30*100vw/750);
  }
  .barbour_240918 .styleview03 .styleview__image {
    width: calc(450*100vw/750);
    margin: 0 auto;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                            styleview04
///////////////////////////////////////////////////////////////////////////////////////
*/
.barbour_240918 .styleview04 {
  width: 70rem;
  margin-top: 5rem;
}
.barbour_240918 .styleview04 .styleview__wrapper {
  --row: 5rem;
}
.barbour_240918 .styleview04 .styleview__wrap {
  --column: 5rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .barbour_240918 .styleview04 {
    width: calc(700*100vw/750);
    margin-top: calc(100*100vw/750);
  }
  .barbour_240918 .styleview04 .styleview__wrapper {
    --row: calc(30*100vw/750);
  }
  .barbour_240918 .styleview04 .styleview__image {
    width: calc(650*100vw/750);
    margin: 0 auto;
  }
  .barbour_240918 .styleview04 .styleview__lead {
    width: 100%;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                              lastview
///////////////////////////////////////////////////////////////////////////////////////
*/
.barbour_240918 .lastview {
  width: 50rem;
  margin-top: 2rem;
}
.barbour_240918 .lastview__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21rem;
  height: 3.3rem;
  margin: 0 auto;
  font-size: 1.6rem;
  text-align: center;
  background-color: var(--color-black);
  color: var(--color-white);
  transition: opacity .5s;
}
.barbour_240918 .lastview__btn:hover {
  opacity: 0.6;
}
.barbour_240918 .lastview__btn > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.barbour_240918 .lastview .lastview__wrapper {
  --row: 5rem;
}
.barbour_240918 .lastview__lead {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .barbour_240918 .lastview {
    width: calc(700*100vw/750);
    margin-top: calc(100*100vw/750);
  }
  .barbour_240918 .lastview .lastview__wrapper {
    --row: calc(50*100vw/750);
  }
  .barbour_240918 .lastview__btn {
    width: calc(420*100vw/750);;
    height: calc(66*100vw/750);
    font-size: calc(24*100vw/750);
  }
  .barbour_240918 .lastview .lastview__image {
    width: calc(500*100vw/750);
    margin: 0 auto;
  }
}

.barbour_240918 .slick-arrow {
  z-index: 1;
  width: calc(20 * (100vw / 750));
  height: calc(35.36 * (100vw / 750));
}
.barbour_240918 .slick-arrow::before{
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background:
    center / 100%
    no-repeat;
}
.barbour_240918 .slick-prev {
  left: calc(-50*100vw/750);;
}
.barbour_240918 .slick-prev::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.444%22%20height%3D%2236.352%22%20viewBox%3D%220%200%2021.444%2036.352%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_81%22%20data-name%3D%22%E3%83%91%E3%82%B9%2081%22%20d%3D%22M68.061%2C7527.418l-20-17.678%2C20-17.678%22%20transform%3D%22translate(-47.057%20-7491.564)%22%20fill%3D%22none%22%20stroke%3D%22gray%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.33%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}
.barbour_240918 .slick-next{
  right: calc(-50*100vw/750);;
}
.barbour_240918 .slick-next::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.444%22%20height%3D%2236.352%22%20viewBox%3D%220%200%2021.444%2036.352%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_82%22%20data-name%3D%22%E3%83%91%E3%82%B9%2082%22%20d%3D%22M678.061%2C7523.418l20-17.678-20-17.678%22%20transform%3D%22translate(-677.62%20-7487.564)%22%20fill%3D%22none%22%20stroke%3D%22gray%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.33%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}