@charset "UTF-8";
/*リセット
--------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*メディアクエリー
---------------------------------------------*/
/*変数
---------------------------------------------*/
/* W3: 300 , W6: 600 */
/* コンテンツ
---------------------------------------------*/
html,
body,
#wrapper {
  width: 100%;
  color: #707070;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
@media screen and (min-width: 769px) {
  html,
  body,
  #wrapper {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  html,
  body,
  #wrapper {
    font-size: 12px;
  }
}
html a,
body a,
#wrapper a {
  text-decoration: none;
  color: #707070;
}

img {
  width: 100%;
  display: block;
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block !important;
  }
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}

/* p-FV ------------------------------------------------------- */
.p-fv {
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateY(80px);
  transition: opacity 1s, visibility 1s, transform 1s;
}
.p-fv.fv-fadeUp {
  opacity: 1;
  visibility: visible;
  transform: translate(0px);
}
@media screen and (max-width: 768px) {
  .p-fv .p-fv__text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 25.4452926209vw;
  }
}
@media screen and (max-width: 768px) {
  .p-fv .p-fv__text .p-fv__brand {
    width: 45.8015267176vw;
    margin-bottom: 3.8167938931vw;
  }
}
@media screen and (min-width: 769px) {
  .p-fv .p-fv__text .p-fv__brand {
    width: 17.96875vw;
    position: absolute;
    top: 8.2291666667vw;
    left: 6.875vw;
  }
}
.p-fv .p-fv__text .p-fv__title {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-fv .p-fv__text .p-fv__title {
    width: 40.203562341vw;
  }
}
@media screen and (min-width: 769px) {
  .p-fv .p-fv__text .p-fv__title {
    width: 17.1875vw;
    position: absolute;
    bottom: 4.1666666667vw;
    right: 7.5vw;
  }
}

/* p-lead ------------------------------------------------------- */
.p-lead {
  overflow: clip;
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__inner {
    padding: 10.941475827vw 6.3613231552vw 2.0356234097vw;
  }
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__inner {
    display: flex;
    align-items: end;
    justify-content: center;
    margin-top: 8.3333333333vw;
    margin-bottom: 7.3958333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__inner .p-lead__title {
    width: 35.6234096692vw;
    margin-bottom: 3.8167938931vw;
  }
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__inner .p-lead__title {
    width: 16.8229166667vw;
    margin-bottom: -1.875vw;
  }
}
.p-lead .p-lead__inner .p-lead__text {
  letter-spacing: 0.06em;
  line-height: 1.6363636364;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__inner .p-lead__text {
    font-size: 2.7989821883vw;
    margin-bottom: 7.1246819338vw;
  }
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__inner .p-lead__text {
    font-size: min(0.9375vw, 18px);
    margin-left: 3.75vw;
    margin-right: 4.7916666667vw;
  }
}
.p-lead .p-lead__inner .p-lead__subTxt {
  letter-spacing: 0.06em;
  font-weight: 600;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__inner .p-lead__subTxt {
    font-size: 2.2900763359vw;
  }
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__inner .p-lead__subTxt {
    line-height: 1.6363636364;
    font-size: min(0.9375vw, 18px);
  }
}
.p-lead .p-lead__imgArea {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__imgArea {
    height: 50.8854166667vw;
    width: 100vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__imgArea {
    height: 204.5801526718vw;
  }
}
.p-lead .p-lead__imgArea li.p-lead__imgItem {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-lead .p-lead__imgArea li.item_1 {
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__imgArea li.item_1 {
    width: 22.0833333333vw;
    height: 23.0208333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__imgArea li.item_1 {
    width: 44.0203562341vw;
    height: 46.0559796438vw;
  }
}
.p-lead .p-lead__imgArea li.item_2 {
  top: 0;
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__imgArea li.item_2 {
    left: 22.34375vw;
    width: 13.8020833333vw;
    height: 16.0416666667vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__imgArea li.item_2 {
    left: 44.5292620865vw;
    width: 27.7353689567vw;
    height: 32.0610687023vw;
  }
}
.p-lead .p-lead__imgArea li.item_3 {
  top: 0;
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__imgArea li.item_3 {
    left: 36.40625vw;
    width: 13.5416666667vw;
    height: 16.0416666667vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__imgArea li.item_3 {
    left: 72.7735368957vw;
    width: 27.2264631043vw;
    height: 32.0610687023vw;
  }
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__imgArea li.item_4 {
    left: 50.2083333333vw;
    width: 27.6041666667vw;
    height: 34.4791666667vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__imgArea li.item_4 {
    top: 102.5445292621vw;
    left: 0;
    width: 55.7251908397vw;
    height: 69.465648855vw;
  }
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__imgArea li.item_5 {
    right: 0;
    width: 21.9270833333vw;
    height: 21.40625vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__imgArea li.item_5 {
    top: 102.5445292621vw;
    right: 0;
    width: 43.7659033079vw;
    height: 43.0025445293vw;
  }
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__imgArea li.item_6 {
    top: 21.6666666667vw;
    right: 11.09375vw;
    width: 10.8333333333vw;
    height: 12.8125vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__imgArea li.item_6 {
    top: 146.0559796438vw;
    left: 56.2340966921vw;
    width: 21.3740458015vw;
    height: 25.9541984733vw;
  }
}
.p-lead .p-lead__imgArea li.item_7 {
  right: 0;
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__imgArea li.item_7 {
    top: 21.6666666667vw;
    width: 10.8333333333vw;
    height: 12.8125vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__imgArea li.item_7 {
    top: 146.0559796438vw;
    width: 21.8829516539vw;
    height: 25.9541984733vw;
  }
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__imgArea li.item_8 {
    bottom: 0;
    width: 22.0833333333vw;
    height: 27.6041666667vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__imgArea li.item_8 {
    top: 46.5648854962vw;
    left: 0;
    width: 44.0203562341vw;
    height: 55.4707379135vw;
  }
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__imgArea li.item_9 {
    bottom: 0;
    left: 22.34375vw;
    width: 27.6041666667vw;
    height: 34.5833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__imgArea li.item_9 {
    top: 32.5699745547vw;
    right: 0;
    width: 55.4707379135vw;
    height: 69.465648855vw;
  }
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__imgArea li.item_10 {
    bottom: 0;
    right: 35.9895833333vw;
    width: 13.8020833333vw;
    height: 16.1458333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__imgArea li.item_10 {
    top: 172.5190839695vw;
    left: 0;
    width: 27.4809160305vw;
    height: 32.0610687023vw;
  }
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__imgArea li.item_11 {
    bottom: 0;
    right: 22.1875vw;
    width: 13.5416666667vw;
    height: 16.1458333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__imgArea li.item_11 {
    top: 172.5190839695vw;
    left: 27.989821883vw;
    width: 27.7353689567vw;
    height: 32.0610687023vw;
  }
}
@media screen and (min-width: 769px) {
  .p-lead .p-lead__imgArea li.item_12 {
    bottom: 0;
    right: 0;
    width: 21.9270833333vw;
    height: 16.1458333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-lead .p-lead__imgArea li.item_12 {
    top: 172.5190839695vw;
    right: 0;
    width: 43.7659033079vw;
    height: 32.0610687023vw;
  }
}
.p-lead .p-lead__imgItem {
  overflow: hidden;
  opacity: 0;
}
.p-lead .p-lead__imgItem img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* p-sec ------------------------------------------------------- */
/* p-sec__credit ------------------------------------------------------- */
.p-sec__credit {
  width: 330px;
}
@media screen and (max-width: 768px) {
  .p-sec__credit {
    margin: 7.6335877863vw auto;
  }
}
@media screen and (min-width: 769px) {
  .p-sec__credit {
    width: 17.1875vw;
  }
}
.p-sec__credit ul li {
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
  .p-sec__credit ul li {
    margin-bottom: 0.5208333333vw;
  }
}
.p-sec__credit ul li:last-child {
  margin-bottom: 0;
}
.p-sec__credit ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-bottom: solid 1px #707070;
  padding-bottom: 2px;
}
@media screen and (min-width: 769px) {
  .p-sec__credit ul li a {
    margin-bottom: 0.1041666667vw;
  }
}
.p-sec__credit ul li a p {
  font-size: 12px;
  text-wrap: nowrap;
}
@media screen and (min-width: 769px) {
  .p-sec__credit ul li a p {
    font-size: 0.625vw;
  }
}
.p-sec__credit ul li a p.item {
  width: 42%;
}
@media screen and (max-width: 768px) {
  .p-sec__credit ul li a p.item span {
    font-size: max(2.0356234097vw, 8px);
  }
}
@media screen and (min-width: 769px) {
  .p-sec__credit ul li a p.item span {
    font-size: max(0.4166666667vw, 8px);
  }
}
.p-sec__credit ul li a p.brand {
  width: 30%;
}
.p-sec__credit ul li a p.price {
  text-align: right;
  width: 28%;
}
.p-sec__credit ul li a .btn {
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  flex-shrink: 0;
  flex-shrink: 0;
  transition: 0.3s ease;
}
@media screen and (min-width: 769px) {
  .p-sec__credit ul li a .btn {
    line-height: 1.1979166667vw;
    margin-left: 0.6770833333vw;
    font-size: 0.625vw;
    width: 2.8645833333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sec__credit ul li a .btn {
    line-height: 23px;
    margin-left: 13px;
    font-size: 12px;
    width: 55px;
  }
}
.p-sec__credit ul li.cs a .btn {
  border: none;
  background: none;
  color: gray;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .p-sec__credit ul li.cs a .btn {
    font-size: 2.5445292621vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec__credit ul li.cs a .btn {
    font-size: 0.625vw;
  }
}

/* p-sec--1 ------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .p-sec--1 {
    margin-top: 22.9007633588vw;
    margin-bottom: 7.6335877863vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--1 {
    margin-top: 13.90625vw;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--1 .p-sec__block--1 {
    display: flex;
    gap: 0.2604166667vw;
    margin-bottom: 6.25vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--1 .p-sec__inner {
    width: 69.2708333333vw;
    margin: 0 auto;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--1 .p-sec__credit {
    padding-top: 5.4166666667vw;
    margin-left: 7.96875vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--1 .p-sec__subImg--2 {
    margin-top: 8.75vw;
    width: 31.25vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--1 .p-sec__subImg--3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 31.25vw;
  }
}

/* p-sec--2 ------------------------------------------------------- */
.p-sec--2 {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .p-sec--2 {
    position: relative;
    width: 69.2708333333vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--2 .p-sec__block--1 {
    display: flex;
    width: 69.2708333333vw;
    margin: 0 auto;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--2 .p-sec__block--1 .p-sec__blockImg--1 {
    width: 33.125vw;
    padding-top: 10.9375vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--2 .p-sec__block--1 .p-sec__blockImg--2 {
    width: 18.8020833333vw;
    margin-right: 0.2604166667vw;
    position: absolute;
    z-index: 2;
    right: 19.1145833333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--2 .p-sec__block--1 .p-sec__blockImg--3 {
    width: 18.8541666667vw;
    position: absolute;
    z-index: 2;
    right: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--2 .p-sec__block--2 {
    margin-right: 8.75vw;
    margin-left: auto;
    width: 20.46875vw;
  }
}
.p-sec--2 .p-sec__credit {
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-sec--2 .p-sec__credit {
    margin-top: 7.6335877863vw;
    margin-bottom: 11.1959287532vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--2 .p-sec__credit {
    margin-right: 10.9375vw;
    margin-left: auto;
    margin-top: -25.9375vw;
    margin-bottom: 5.6770833333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--2 .p-sec__credit:last-child {
    margin-top: 9.6692111959vw;
    margin-bottom: 10.1781170483vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--2 .p-sec__credit:last-child {
    margin: 1.71875vw auto 0;
  }
}

/* p-sec--3 ------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .p-sec--3 {
    width: 69.2708333333vw;
    margin: -17.4479166667vw auto 10.78125vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--3 .p-sec__block--1 {
    width: 33.125vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--3 .p-sec__block--2 {
    width: 20.46875vw;
    margin-top: -27.7604166667vw;
    margin-right: 8.75vw;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--3 .p-sec__credit {
    margin-top: 8.9058524173vw;
    margin-bottom: 9.6692111959vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--3 .p-sec__credit {
    width: 33.125vw;
    margin-top: -18.8020833333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--3 .p-sec__credit ul {
    width: 330px;
    margin-left: auto;
  }
}

/* p-sec--4 ------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .p-sec--4 .p-sec__inner {
    width: 69.2708333333vw;
    height: 43.75vw;
    margin: 4.375vw auto 0;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--4 .p-sec__block--2 {
    width: 31.25vw;
    position: absolute;
    top: 0;
    left: 3.28125vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--4 .p-sec__credit {
    margin-top: 8.9058524173vw;
    margin-bottom: 21.8829516539vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--4 .p-sec__credit {
    position: absolute;
    top: 4.0104166667vw;
    left: 36.4583333333vw;
  }
}
.p-sec--4 .p-sec__block--3 {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-sec--4 .p-sec__block--3 {
    width: 72.5190839695vw;
    margin-bottom: 21.8829516539vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--4 .p-sec__block--3 {
    width: 20.46875vw;
    position: absolute;
    bottom: 0;
    left: 34.7916666667vw;
  }
}

/* p-sec--5 ------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .p-sec--5 {
    margin-top: 0.2604166667vw;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--5 .p-sec__inner {
    display: flex;
    width: 69.2708333333vw;
    margin: 0 auto;
    -moz-column-gap: 0.2604166667vw;
         column-gap: 0.2604166667vw;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--5 .p-sec__block--1 {
    width: 31.25vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--5 .p-sec__block--2 {
    width: 83.4605597964vw;
    margin: 9.1603053435vw auto 0;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--5 .p-sec__block--2 {
    width: 31.25vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--5 .p-sec__credit {
    margin-top: 7.6335877863vw;
    margin-bottom: 17.8117048346vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--5 .p-sec__credit {
    width: 69.2708333333vw;
    margin: 2.96875vw auto 0;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--5 .p-sec__credit ul {
    width: 330px;
    margin-right: 3.28125vw;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--5 .p-sec__block--3 {
    margin-bottom: 19.0839694656vw;
    width: 82.4427480916vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--5 .p-sec__block--3 {
    width: 38.90625vw;
    position: absolute;
    top: 36.5625vw;
    left: 0;
    z-index: -1;
  }
}

/* p-sec--6 ------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .p-sec--6 .p-sec__inner {
    position: relative;
    width: 69.2708333333vw;
    margin: 0 auto;
    height: 56.40625vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--6 .p-sec__block--1 {
    width: 31.25vw;
    margin-left: 3.28125vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--6 .p-sec__block--2 {
    width: 31.25vw;
    position: absolute;
    right: 3.28125vw;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--6 .p-sec__credit {
    margin-top: 7.6335877863vw;
    margin-bottom: 20.3562340967vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--6 .p-sec__credit {
    position: absolute;
    left: 3.28125vw;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--6 .p-sec__block--3 {
    margin-bottom: 20.3562340967vw;
    width: 82.4427480916vw;
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--6 .p-sec__block--3 {
    width: 39.9479166667vw;
    margin-top: 8.3854166667vw;
    margin-left: auto;
  }
}

/* p-sec--7 ------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .p-sec--7 {
    width: 62.8125vw;
    margin: 9.53125vw auto 8.9583333333vw;
    height: 43.75vw;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--7 .p-sec__block--1 ul {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--7 .p-sec__block--1 ul .p-sec__blockImg {
    width: 31.25vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--7 .p-sec__block--1 ul .p-sec__blockImg.p-sec__blockImg--1 {
    margin-top: -15.15625vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--7 .p-sec__credit {
    margin-top: 7.6335877863vw;
    margin-bottom: 10.1781170483vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--7 .p-sec__credit {
    position: absolute;
    bottom: 0;
  }
}

/* p-sec--8 ------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .p-sec--8 {
    margin-bottom: 11.1458333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--8 .p-sec__inner {
    width: 69.2708333333vw;
    margin: 0 auto;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--8 .p-sec__block--1 {
    width: 41.3020833333vw;
    margin-bottom: 1.875vw;
    margin-left: 3.2291666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--8 .p-sec__block--2 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--8 .p-sec__credit {
    margin-top: 7.6335877863vw;
    margin-bottom: 10.1781170483vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--8 .p-sec__credit {
    position: absolute;
    top: 0;
    right: 3.2291666667vw;
  }
}

/* p-sec--9 ------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .p-sec--9 {
    width: 69.2708333333vw;
    height: 49.21875vw;
    margin: 0 auto;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--9 .p-sec__block--1 {
    width: 36.4583333333vw;
    margin-left: auto;
  }
}
.p-sec--9 .p-sec__block--2 {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-sec--9 .p-sec__block--2 {
    width: 83.9694656489vw;
    margin-top: 9.1603053435vw;
    margin-bottom: 8.3969465649vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--9 .p-sec__block--2 {
    position: absolute;
    width: 22.7083333333vw;
    top: 0;
    left: 2.65625vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--9 .p-sec__credit {
    margin-bottom: 16.7938931298vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--9 .p-sec__credit {
    position: absolute;
    left: 8.2291666667vw;
    bottom: 0;
  }
}

/* p-sec--10 ------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .p-sec--10 {
    margin-top: 11.71875vw;
    height: 62.0833333333vw;
    position: relative;
    margin-bottom: 5.2083333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--10 .p-sec__block--1 {
    display: flex;
    flex-direction: row-reverse;
    gap: 0.2604166667vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--10 .p-sec__block--1 .p-sec__blockImg--1 {
    margin-bottom: 0.5089058524vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--10 .p-sec__credit {
    margin-top: 9.4147582697vw;
    margin-bottom: 19.0839694656vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--10 .p-sec__credit {
    margin-top: 5vw;
    margin-right: 18.59375vw;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--10 .p-sec__block--2 {
    width: 83.9694656489vw;
    margin-bottom: 19.0839694656vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--10 .p-sec__block--2 {
    width: 39.9479166667vw;
    position: absolute;
    bottom: 0;
    left: 12.8645833333vw;
  }
}

/* p-sec--11 ------------------------------------------------------- */
.p-sec--11 {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .p-sec--11 .p-sec__block--1 {
    display: flex;
    gap: 0.2604166667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--11 .p-sec__block--2 {
    width: 25.8333333333vw;
    margin-top: 0.2604166667vw;
    margin-left: 18.59375vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--11 .p-sec__credit {
    margin-top: 6.3613231552vw;
    margin-bottom: 16.0305343511vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--11 .p-sec__credit {
    margin-top: 2.0833333333vw;
    margin-left: 27.0833333333vw;
  }
}

/* p-sec--12 ------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .p-sec--12 {
    width: 69.2708333333vw;
    margin: -29.375vw auto 0;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--12 .p-sec__block--1 {
    width: 35.3645833333vw;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--12 .p-sec__block--2 {
    width: 73.7913486005vw;
    margin: 17.3027989822vw auto;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--12 .p-sec__block--2 {
    width: 21.875vw;
    margin-top: 2.03125vw;
    margin-left: 35.7291666667vw;
    margin-bottom: 1.875vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--12 .p-sec__block--3 {
    width: 33.90625vw;
    margin-top: -32.7083333333vw;
    margin-right: auto;
    margin-bottom: 1.875vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sec--12 .p-sec__credit {
    margin-top: 8.1424936387vw;
    margin-bottom: 15.2671755725vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sec--12 .p-sec__credit {
    margin-left: 38.0729166667vw;
    margin-top: -12.6041666667vw;
  }
}

/* .p-footer
===================================================== */
.p-footer {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .p-footer {
    background-image: url("../images/footer.jpg");
    width: 100%;
    height: 56.25vw;
    margin-top: 7.5520833333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-footer {
    background-image: url("../images/footer_sp.jpg");
    width: 100vw;
    height: 193.6386768448vw;
  }
}

.p-footer__text {
  position: absolute;
}
@media screen and (min-width: 769px) {
  .p-footer__text {
    top: 20.765625vw;
    left: 12.9010416667vw;
  }
}
@media screen and (max-width: 768px) {
  .p-footer__text {
    top: 12.213740458vw;
    left: 9.1603053435vw;
  }
}

@media screen and (min-width: 769px) {
  .p-footer__brand {
    width: 11.7708333333vw;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .p-footer__brand {
    width: 40.7124681934vw;
    margin-bottom: 5.0890585242vw;
  }
}

@media screen and (min-width: 769px) {
  .p-footer__title {
    width: 11.7708333333vw;
    margin-bottom: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-footer__title {
    width: 40.7124681934vw;
    margin-bottom: 119.0839694656vw;
  }
}

.p-footer__staff {
  color: #fff;
}
@media screen and (min-width: 769px) {
  .p-footer__staff {
    font-size: 0.8854166667vw;
    line-height: 1.6470588235;
  }
}
@media screen and (max-width: 768px) {
  .p-footer__staff {
    font-size: 3.0534351145vw;
    line-height: 1.6666666667;
  }
}

/* .slick--zoom
===================================================== */
.slick--zoom .arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  cursor: pointer;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .slick--zoom .arrow {
    padding: 4.3256997455vw;
  }
}
@media screen and (max-width: 768px) {
  .slick--zoom .arrow img {
    width: 2.5445292621vw;
  }
}
.slick--zoom .arrow--prev {
  left: 0;
}
.slick--zoom .arrow--next {
  right: 0;
}
.slick--zoom .arrow--next img {
  transform: scale(-1, 1);
}
.slick--zoom .slick-slide {
  overflow: hidden;
}
.slick--zoom .slick-slide img {
  transform-origin: center;
}
.slick--zoom .slick-active img {
  animation-name: zoom;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
@keyframes zoom {
  0% {
    transform: scale(1.17);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

.animeWrap .animeWrap_item__slide {
  overflow: hidden;
  transform: translateX(-105%);
  transition: transform 1.2s ease;
}
.animeWrap .animeWrap_item__slide .animeWrap_item__slideImg {
  transform: translateX(105%);
  transition: transform 1.2s ease;
}
.animeWrap.on .animeWrap_item__slide,
.animeWrap.on .animeWrap_item__slideImg {
  transform: translateX(0);
}

.fadeInZoomOut {
  opacity: 0;
  transform: scale(1.1);
  transition: opacity 1.2s, transform 1.2s;
}
.fadeInZoomOut.on {
  opacity: 1;
  transform: scale(1);
}

.animeWrap .animeWrap_item__fadeInZoomOut {
  opacity: 0;
  transform: scale(1.1);
  transition: opacity 1.2s, transform 1.2s;
}
.animeWrap.on .animeWrap_item__fadeInZoomOut {
  opacity: 1;
  transform: scale(1);
}

/* fadeUp
============================================ */
.fadeUp {
  opacity: 0;
  visibility: hidden;
  transform: translateY(80px);
  transition: opacity 1s, visibility 1s, transform 1s;
}
.fadeUp.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0px);
}

@media screen and (min-width: 769px) {
  .fadeUp--pc {
    opacity: 0;
    visibility: hidden;
    transform: translateY(80px);
    transition: opacity 1s, visibility 1s, transform 1s;
  }
}
@media screen and (min-width: 769px) {
  .fadeUp--pc.on {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (max-width: 768px) {
  .fadeUp--sp {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1.2s, transform 1.2s;
  }
}
@media screen and (max-width: 768px) {
  .fadeUp--sp.on {
    opacity: 1;
    transform: translateY(0);
  }
}/*# sourceMappingURL=style.css.map */