@charset "UTF-8";
/*---------- reset ----------*/
/*---------- reset ----------*/
/*---------- all common ----------*/
html {
  font-size: 62.5%;
  box-sizing: border-box;
}

#breadcrumb .cateList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0 !important;
  text-align: left;
}

.frayid_231208 img {
  width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.frayid_231208 a, .frayid_231208 picture {
  display: block;
}
.frayid_231208 .pc-only {
  display: none;
}
@media screen and (min-width: 768px) {
  .frayid_231208 .pc-only {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .frayid_231208 .sp-only {
    display: none;
  }
}

/*---------- all common ----------*/
/*---------- animation ----------*/
.js-fade-Vr-first,
.js-fade-Vr {
  opacity: 0;
  transition-duration: 1.1s;
}

.js-fade-Vr-first.active,
.js-fade-Vr.active {
  opacity: 1;
}

.frayid_231208 .slide-dots {
  display: flex;
  justify-content: center;
  gap: calc(20 * 100vw / 750);
  position: absolute;
  left: calc(20 * 100vw / 750);
  bottom: calc(20 * 100vw / 750);
  margin: auto;
}
.frayid_231208 .slide-dots li {
  width: calc(10 * 100vw / 750);
  height: calc(10 * 100vw / 750);
}
.frayid_231208 .slide-dots li button {
  padding: 0;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  border: solid 1px #000000;
  border-radius: 50%;
}
.frayid_231208 .slide-dots li.slick-active button {
  background-color: #000000;
  border: none;
}
@media screen and (min-width: 768px) {
  .frayid_231208 .slide-dots {
    gap: 12px;
    left: 10px;
    bottom: 10px;
  }
  .frayid_231208 .slide-dots li {
    width: 6px;
    height: 6px;
  }
}

/*---------- animation ----------*/
/*---------- font ----------*/
.frayid_231208 {
  color: #000000;
}

.firstviewArea__lead {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HiraMinProN", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(26 * 100vw / 750);
  line-height: 2;
  letter-spacing: 0.12em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .firstviewArea__lead {
    font-family: 游明朝体, YuMincho, "游明朝 Medium", "Yu Mincho", "Hiragino Mincho ProN", HGS明朝E, yumin, メイリオ, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0.16em;
  }
}

.sec-ttl__num {
  font-family: "joly-display", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: calc(74 * 100vw / 750);
  line-height: 1;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-ttl__num {
    font-size: 5.8rem;
  }
}

.sec-ttl__main {
  font-family: "joly-display", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: calc(52 * 100vw / 750);
  line-height: 1;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-ttl__main {
    font-size: 3.8rem;
  }
}

.sec-credit span {
  color: #58595B;
  font-family: "joly-display", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(22 * 100vw / 750);
  line-height: 1;
  letter-spacing: 0.03em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-credit span {
    font-size: 1.2rem;
  }
}

.frayid_231208__btn a {
  font-family: "joly-display", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(40 * 100vw / 750);
  line-height: 1;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .frayid_231208__btn a {
    font-size: 2rem;
  }
}

/*---------- font ----------*/
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
//////////////////////////////////////////////////////////////////////////////////////////////
*/
/*---------- image-size ----------*/
.firstviewArea__img {
  width: 100%;
}

.image-box101 {
  width: calc(660 * 100vw / 750);
}

.image-box102 {
  width: calc(630 * 100vw / 750);
}

.image-box201 {
  width: 100%;
}

.image-box202 {
  width: calc(555 * 100vw / 750);
}

.image-box301 {
  width: calc(690 * 100vw / 750);
}

.image-box302 {
  width: calc(600 * 100vw / 750);
}

.image-box401 {
  width: 100%;
}

.image-box501 {
  width: calc(555 * 100vw / 750);
}

.image-box502 {
  width: calc(630 * 100vw / 750);
}

.image-box601 {
  width: calc(615 * 100vw / 750);
}

.image-box701 {
  width: calc(660 * 100vw / 750);
}

.image-box801 {
  width: calc(555 * 100vw / 750);
}

.image-box802 {
  width: 100%;
}

/*---------- image-size ----------*/
/*---------- common ----------*/
.sec {
  margin-bottom: calc(190 * 100vw / 750);
}

.sec-credit {
  text-align: left;
  margin-top: calc(32 * 100vw / 750);
}
.sec-credit span {
  display: inline-block;
  margin-top: calc(16 * 100vw / 750);
  margin-right: calc(1 * 100vw / 750);
}

.sec03 .sec-credit,
.sec05 .sec-credit,
.sec07 .sec-credit {
  text-align: right;
}
.sec03 .sec-credit span,
.sec05 .sec-credit span,
.sec07 .sec-credit span {
  margin-left: calc(1 * 100vw / 750);
  margin-right: 0;
}

.sec04 .sec-credit,
.sec08 .sec-credit {
  text-align: center;
}
.sec04 .sec-credit span,
.sec08 .sec-credit span {
  margin-inline: calc(0.5 * 100vw / 750);
}

.sec-ttl__num {
  display: inline-block;
  position: relative;
  margin-bottom: calc(52 * 100vw / 750);
}
.sec-ttl__num::after {
  display: block;
  position: absolute;
  right: calc(18 * 100vw / 750);
  bottom: calc(-27 * 100vw / 750);
  width: calc(1 * 100vw / 750);
  height: calc(71 * 100vw / 750);
  transform: rotate(45deg);
  transform-origin: left bottom;
  content: "";
  background-color: #000;
  z-index: 1;
}

.sec-ttl__main {
  margin-bottom: calc(54 * 100vw / 750);
}

.sec02 .sec-ttl__num,
.sec02 .sec-ttl__main,
.sec04 .sec-ttl__num,
.sec04 .sec-ttl__main {
  text-align: center;
}
.sec02 .sec-ttl__num,
.sec04 .sec-ttl__num {
  margin-left: calc(-34 * 100vw / 750);
}

.sec01 .sec-ttl__num,
.sec05 .sec-ttl__num,
.sec06 .sec-ttl__num {
  margin-left: calc(-4 * 100vw / 750);
}

.image-box {
  position: relative;
}

.image-box + .image-box {
  margin-top: calc(60 * 100vw / 750);
}

/*---------- common ----------*/
.frayid_231208 {
  padding-bottom: calc(160 * 100vw / 750);
}

.firstviewArea {
  padding-bottom: calc(132 * 100vw / 750);
}
.firstviewArea__img {
  margin-inline: auto;
  margin-bottom: calc(106 * 100vw / 750);
}
.firstviewArea__lead {
  text-align: center;
}

.sec01 .image-box101 {
  margin-inline: auto;
}
.sec01 .image-box102 {
  margin-left: auto;
}

.sec02 .image-box201 {
  text-align: center;
}
.sec02 .image-box202 {
  margin-inline: auto;
}

.sec03 .sec-ttl__num,
.sec03 .sec-ttl__main {
  text-align: right;
}
.sec03 .sec-ttl__num {
  margin-right: calc(346 * 100vw / 750);
  margin-bottom: calc(3 * 100vw / 750);
}
.sec03 .sec-ttl__num::after {
  right: calc(26 * 100vw / 750);
}
.sec03 .image-box301 {
  text-align: right;
}
.sec03 .image-box302 {
  margin-left: auto;
  margin-right: calc(60 * 100vw / 750);
}

.sec04 .image-box401 {
  text-align: center;
}

.sec05 .sec-ttl__num {
  margin-bottom: calc(70 * 100vw / 750);
}
.sec05 .sec-ttl__main {
  position: absolute;
  right: calc(-86 * 100vw / 750);
  bottom: calc(0 * 100vw / 750);
  writing-mode: vertical-rl;
  margin-bottom: 0;
}
.sec05 .image-box501 {
  margin-left: calc(40 * 100vw / 750);
}
.sec05 .image-box502 {
  margin-left: auto;
  margin-right: calc(40 * 100vw / 750);
}

.sec06 .sec-ttl__num {
  margin-bottom: calc(6 * 100vw / 750);
}
.sec06 .sec-ttl__main {
  margin-left: calc(100 * 100vw / 750);
}
.sec06 .image-box601 {
  margin-left: auto;
}

.sec07 .sec-ttl__num,
.sec07 .sec-ttl__main {
  text-align: right;
}
.sec07 .sec-ttl__num {
  margin-right: calc(323 * 100vw / 750);
  margin-bottom: calc(6 * 100vw / 750);
}
.sec07 .sec-ttl__num::after {
  right: calc(24 * 100vw / 750);
  bottom: calc(-29 * 100vw / 750);
}
.sec07 .image-box701 {
  text-align: right;
}

.sec08 {
  margin-bottom: calc(160 * 100vw / 750);
}
.sec08 .sec-ttl__num {
  text-align: right;
  margin-right: calc(24 * 100vw / 750);
  margin-bottom: calc(70 * 100vw / 750);
}
.sec08 .sec-ttl__num::after {
  right: calc(22 * 100vw / 750);
  bottom: calc(-30 * 100vw / 750);
}
.sec08 .sec-ttl__main {
  position: absolute;
  left: calc(-84 * 100vw / 750);
  bottom: calc(3 * 100vw / 750);
  transform: rotate(180deg);
  writing-mode: vertical-rl;
  margin-bottom: 0;
}
.sec08 .image-box801 {
  text-align: right;
  margin-left: auto;
  margin-right: calc(60 * 100vw / 750);
}

.frayid_231208__btn {
  text-align: center;
}
.frayid_231208__btn a {
  display: inline-block !important;
  padding-bottom: calc(15 * 100vw / 750);
  border-bottom: double medium #58595B;
}

.main-area .main-inner {
  margin: 0;
}
.main-area .main-inner .archive_slider {
  padding: 76px 0 0 0 !important;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for desktop
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
  /*---------- image-size ----------*/
  .firstviewArea__img {
    width: 120rem;
  }
  .image-box101 {
    width: 54rem;
  }
  .image-box102 {
    width: 39rem;
  }
  .image-box201 {
    width: 57rem;
  }
  .image-box202 {
    width: 42rem;
  }
  .image-box301 {
    width: 51rem;
  }
  .image-box302 {
    width: 39rem;
  }
  .image-box401 {
    width: 57rem;
  }
  .image-box501 {
    width: 39rem;
  }
  .image-box502 {
    width: 51rem;
  }
  .image-box601 {
    width: 43.5rem;
  }
  .image-box701 {
    width: 48rem;
  }
  .image-box801 {
    width: 39rem;
  }
  .image-box802 {
    width: 54rem;
  }
  /*---------- image-size ----------*/
  /*---------- common ----------*/
  .sec {
    margin-bottom: 16.2rem;
  }
  .sec-flexWrap {
    display: flex;
    justify-content: center;
    gap: 6rem;
  }
  .sec-credit {
    margin-top: 2.3rem;
  }
  .sec-credit span {
    margin-top: 0.7rem;
    margin-right: 0.1rem;
  }
  .sec01 .sec-credit,
  .sec04 .sec-credit,
  .sec05 .sec-credit,
  .sec07 .sec-credit {
    text-align: right;
  }
  .sec01 .sec-credit span,
  .sec04 .sec-credit span,
  .sec05 .sec-credit span,
  .sec07 .sec-credit span {
    margin-left: 0.1rem;
    margin-right: 0;
  }
  .sec02 .sec-credit,
  .sec03 .sec-credit,
  .sec06 .sec-credit,
  .sec08 .sec-credit {
    text-align: left;
  }
  .sec02 .sec-credit span,
  .sec03 .sec-credit span,
  .sec06 .sec-credit span,
  .sec08 .sec-credit span {
    margin-right: 0;
    margin-right: 0.1rem;
  }
  .sec .sec-ttl__num {
    margin-bottom: 3.6rem;
  }
  .sec .sec-ttl__num.pc-only {
    display: inline-block;
  }
  .sec .sec-ttl__num::after {
    right: 1.3rem;
    bottom: -2rem;
    width: 1px;
    height: 5.7rem;
    transform: rotate(45deg);
  }
  .sec .sec-ttl__main {
    margin-bottom: 2.5rem;
  }
  .sec01 .sec-ttl__num,
  .sec01 .sec-ttl__main,
  .sec05 .sec-ttl__num,
  .sec05 .sec-ttl__main,
  .sec04 .sec-ttl__num,
  .sec04 .sec-ttl__main,
  .sec08 .sec-ttl__num,
  .sec08 .sec-ttl__main {
    text-align: right;
  }
  .sec01 .sec-ttl__num,
  .sec05 .sec-ttl__num,
  .sec04 .sec-ttl__num,
  .sec08 .sec-ttl__num {
    margin-left: 0;
  }
  .sec02 .sec-ttl__num,
  .sec02 .sec-ttl__main,
  .sec03 .sec-ttl__num,
  .sec03 .sec-ttl__main,
  .sec06 .sec-ttl__num,
  .sec06 .sec-ttl__main,
  .sec07 .sec-ttl__num,
  .sec07 .sec-ttl__main {
    text-align: left;
  }
  .sec02 .sec-ttl__num,
  .sec03 .sec-ttl__num,
  .sec06 .sec-ttl__num,
  .sec07 .sec-ttl__num {
    margin-left: 0;
  }
  .sec01 .sec-ttl__main,
  .sec04 .sec-ttl__main,
  .sec08 .sec-ttl__main {
    position: absolute;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin-bottom: 0;
  }
  .sec02 .sec-ttl__main,
  .sec07 .sec-ttl__main {
    position: absolute;
    writing-mode: vertical-rl;
    margin-bottom: 0;
  }
  .sec03 .sec-ttl__main,
  .sec05 .sec-ttl__main,
  .sec06 .sec-ttl__main {
    writing-mode: horizontal-tb;
    transform: rotate(0deg);
  }
  .image-box + .image-box {
    margin-top: 0;
  }
  /*---------- common ----------*/
  .frayid_231208 {
    padding-bottom: 13.9rem;
    overflow: hidden;
  }
  .firstviewArea {
    padding-bottom: 15.2rem;
  }
  .firstviewArea__img {
    margin-bottom: 5.3rem;
  }
  .sec01 .sec-ttl__num {
    margin-right: 2.6rem;
    margin-bottom: 5.2rem;
  }
  .sec01 .sec-ttl__main {
    left: -6.3rem;
    bottom: 0;
  }
  .sec01 .image-box101 {
    margin-inline: 0;
  }
  .sec01 .image-box102 {
    text-align: right;
    margin-top: 1.6rem;
    margin-left: 0;
  }
  .sec02 .sec-ttl__num {
    position: absolute;
  }
  .sec02 .sec-ttl__num {
    writing-mode: vertical-rl;
    top: -0.3rem;
    right: -10.9rem;
  }
  .sec02 .sec-ttl__num::after {
    left: 2rem;
    right: auto;
    bottom: -2.5rem;
    transform: rotate(-45deg);
  }
  .sec02 .sec-ttl__main {
    top: 9.4rem;
    right: -6.3rem;
  }
  .sec02 .image-box201 {
    text-align: left;
    margin-inline: auto;
    margin-bottom: 6rem;
  }
  .sec03 .sec-flexWrap {
    flex-direction: row-reverse;
    transform: translateX(7rem);
  }
  .sec03 .sec-ttl__num,
  .sec03 .sec-ttl__main {
    text-align: left;
  }
  .sec03 .sec-ttl__num {
    margin-left: -0.2rem;
    margin-right: auto;
  }
  .sec03 .sec-ttl__num::after {
    right: 2rem;
  }
  .sec03 .image-box301 {
    text-align: left;
  }
  .sec03 .image-box302 {
    margin-top: 16.2rem;
    margin-left: 0;
    margin-right: 0;
  }
  .sec04 .sec-ttl__num {
    position: absolute;
    top: 37.7rem;
    left: -10.8rem;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }
  .sec04 .sec-ttl__num::after {
    right: 3.8rem;
    bottom: -2.6rem;
    transform: rotate(-45deg);
  }
  .sec04 .sec-ttl__main {
    top: 0.3rem;
    left: -6.3rem;
  }
  .sec04 .image-box401 {
    text-align: left;
    margin-inline: auto;
  }
  .sec05 {
    margin-bottom: 14.4rem;
  }
  .sec05 .sec-flexWrap {
    flex-direction: row-reverse;
  }
  .sec05 .sec-ttl__num {
    margin-right: 2rem;
  }
  .sec05 .sec-ttl__num::after {
    right: 2rem;
  }
  .sec05 .sec-ttl__main {
    position: static;
    right: auto;
    bottom: auto;
  }
  .sec05 .image-box501 {
    text-align: right;
    margin-top: 13.3rem;
    margin-left: 0;
  }
  .sec05 .image-box502 {
    margin-left: 0;
    margin-right: 0;
  }
  .sec-flexWrap__secWrap {
    gap: 33.4rem;
    transform: translateX(0.5rem);
  }
  .sec06 .sec-ttl__num,
  .sec06 .sec-ttl__main {
    margin-left: -0.4rem;
  }
  .sec06 .sec-ttl__num::after {
    right: 1.7rem;
  }
  .sec06 .image-box601 {
    text-align: left;
    margin-left: 0;
  }
  .sec06 .model-image + .model-image {
    margin-top: 1.5rem;
  }
  .sec07 {
    margin-top: 53.8rem;
  }
  .sec07 .sec-ttl__num,
  .sec07 .sec-ttl__main {
    text-align: left;
  }
  .sec07 .sec-ttl__num {
    position: absolute;
    left: -11.4rem;
    bottom: 6.3rem;
    margin-right: 0;
    margin-bottom: 0;
  }
  .sec07 .sec-ttl__num::after {
    right: 1.7rem;
    bottom: -2rem;
  }
  .sec07 .sec-ttl__main {
    top: 0.2rem;
    right: -6.4rem;
  }
  .sec07 .image-box701 {
    text-align: left;
  }
  .sec08 {
    margin-bottom: 14rem;
  }
  .sec08 .sec-flexWrap {
    flex-direction: row-reverse;
  }
  .sec08 .sec-ttl__num {
    margin-top: 1.7rem;
    margin-right: 2.2rem;
    margin-bottom: 0;
    order: 2;
  }
  .sec08 .sec-ttl__num::after {
    right: 1.7rem;
    bottom: -2rem;
  }
  .sec08 .sec-ttl__main {
    top: 0.1rem;
    left: -6.3rem;
    bottom: auto;
  }
  .sec08 .image-box801 {
    display: flex;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }
  .sec08 .image-box802 {
    margin-top: 22rem;
  }
  .sec08 .js-fade-Vr801 {
    order: 1;
  }
  .frayid_231208__btn a {
    padding-bottom: 0.7rem;
  }
  .archive_slider {
    position: relative;
  }
  .archive_slider::after {
    width: 80vw;
    content: "";
    position: absolute;
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    height: 1px;
    opacity: 0.5;
    border-bottom: 1px solid #000;
  }
  .main-area .main-inner .archive_slider {
    padding: 0 !important;
  }
  /*---------- windows ----------*/
  .win .sec .sec-ttl__num {
    margin-bottom: 3.5rem;
  }
  .win .sec .sec-ttl__num::after {
    bottom: -1.5rem;
  }
  .win .sec .sec-ttl__main {
    margin-bottom: 2rem;
  }
  .win .sec01 .image-box102 {
    margin-top: 2.3rem;
  }
  .win .sec01 .sec-ttl__num {
    margin-bottom: 4.5rem;
  }
  .win .sec01 .sec-ttl__main {
    left: -5.7rem;
  }
  .win .sec02 .sec-ttl__num {
    right: -10.2rem;
  }
  .win .sec02 .sec-ttl__num::after {
    left: 2.7rem;
    bottom: -2.5rem;
  }
  .win .sec02 .sec-ttl__main {
    right: -5.8rem;
  }
  .win .sec03 .image-box302 {
    margin-top: 17rem;
  }
  .win .sec04 .sec-ttl__num {
    top: 37.6rem;
    left: -10rem;
  }
  .win .sec04 .sec-ttl__num::after {
    right: 3rem;
    bottom: -2.5rem;
  }
  .win .sec04 .sec-ttl__main {
    top: 0.2rem;
    left: -5.7rem;
  }
  .win .sec05 {
    margin-bottom: 15rem;
  }
  .win .sec05 .image-box501 {
    margin-top: 13.9rem;
  }
  .win .sec07 {
    margin-top: 53.1rem;
  }
  .win .sec07 .sec-ttl__num {
    bottom: 5.6rem;
    margin-bottom: 0;
  }
  .win .sec07 .sec-ttl__main {
    right: -5.8rem;
  }
  .win .sec08 {
    margin-bottom: 14.2rem;
  }
  .win .sec08 .sec-ttl__num {
    margin-top: 2.4rem;
    margin-bottom: 0;
  }
  .win .sec08 .sec-ttl__main {
    left: -5.7rem;
  }
  .win .frayid_231208__btn a {
    padding-bottom: 0.4rem;
  }
  /*---------- windows ----------*/
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for tablet
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}/*# sourceMappingURL=style.css.map */