@charset "UTF-8";
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ パンくず ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
#breadcrumb .cateList {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  font-size: calc(20 * 100vw / 750);
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: 100;
  font-weight: 400;
  line-height: 2;
  width: calc(700 * 100vw / 750);
  margin: calc(10 * 100vw / 750) auto;
}
#breadcrumb .cateList li {
  margin-left: calc(2 * 100vw / 750);
  margin-right: calc(5 * 100vw / 750);
}

@media (min-width: 768px) {
  #breadcrumb .cateList {
    font-size: 1.2rem;
    line-height: 1;
    width: 110rem;
    margin-block: 2rem;
  }
  #breadcrumb .cateList li {
    margin-left: 0.2rem;
    margin-right: 0.5rem;
  }
}
.section_wrap {
  position: relative;
  z-index: 10;
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ パンくず ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ 共通設定 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.frayid_240125 {
  width: 100%;
  font-feature-settings: "palt";
}
.frayid_240125 img {
  width: 100%;
  height: auto;
}
.frayid_240125 section {
  position: relative;
  z-index: 2;
  margin-inline: auto;
}
.frayid_240125 .fontJa {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  src: url("../font/NotoSerifJP-SemiBold.otf");
}
.frayid_240125 .fontEn {
  font-family: "petersburg-web", serif;
  font-weight: 400;
  font-style: normal;
}
@media (max-width: 767px) {
  .frayid_240125 .pcOnly {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .frayid_240125 .spOnly {
    display: none !important;
  }
}

@media only screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
  .win .frayid_240125 .model,
  .win .frayid_240125 .sticky__wrapper {
    width: 100%;
  }
}
.frayid_240125 .sticky__wrapper {
  position: relative;
  z-index: 1;
}

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ 共通設定 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ contents ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.frayid_240125 {
  --color-text: #58595b;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-yellow: #F9F4B4;
  color: var(--color-text);
}
.frayid_240125 .bgWhite {
  position: relative;
  z-index: 2;
}
.frayid_240125 .bgWhite::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  z-index: -1;
  pointer-events: none;
}
.frayid_240125 .sticky__item {
  position: sticky;
  font-size: calc(88 * 100vw / 750);
  color: var(--color-yellow);
  z-index: 1;
  display: inline-block;
  pointer-events: none;
}
.frayid_240125 .sticky__item--spring {
  margin-top: calc(226 * 100vw / 750);
  margin-left: calc(40 * 100vw / 750);
  top: calc(560 * 100vw / 750);
  margin-bottom: calc(114 * 100vw / 750);
}
.frayid_240125 .sticky__item--has {
  transform: translate(calc(-132 * 100vw / 750), calc(124 * 100vw / 750));
  top: calc(560 * 100vw / 750);
  margin-bottom: calc(238 * 100vw / 750);
}
.frayid_240125 .sticky__item--come {
  margin-top: calc(162 * 100vw / 750);
  left: calc(170.7 * 100vw / 750);
  top: calc(1050 * 100vw / 750);
  margin-bottom: calc(23 * 100vw / 750);
}
@media (min-width: 768px) {
  .frayid_240125 .sticky__wrapper {
    width: 140rem;
    margin-inline: auto;
  }
  .frayid_240125 .sticky__item {
    font-size: 9.6rem;
    letter-spacing: 0.04em;
    display: block;
  }
  .frayid_240125 .sticky__item--spring {
    top: 27.2rem;
    margin-top: 10.9rem;
    margin-top: 14.4rem;
    margin-left: 28.7rem;
    margin-bottom: 11.6rem;
  }
  .frayid_240125 .sticky__item--has {
    transform: translate(1rem, 1rem);
    top: 40rem;
    margin-bottom: 12.7rem;
    margin-top: -7.3rem;
    margin-right: 48.1rem;
    text-align: right;
  }
  .frayid_240125 .sticky__item--come {
    left: initial;
    top: 78rem;
    margin-top: 28.1rem;
    margin-bottom: 1.7rem;
    margin-left: 43rem;
  }
}
.frayid_240125 .firstview {
  position: relative;
  z-index: 0;
  overflow: clip;
  width: calc(750 * 100vw / 750);
  margin-top: calc(-824 * 100vw / 750);
}
.frayid_240125 .firstview__image {
  width: calc(550 * 100vw / 750);
  margin-inline: auto;
}
@media (min-width: 768px) {
  .frayid_240125 .firstview {
    width: 120rem;
    margin-top: -71.9rem;
  }
  .frayid_240125 .firstview__image {
    width: 48rem;
  }
}
.frayid_240125 .leadview {
  overflow: clip;
  position: relative;
  z-index: 7;
}
.frayid_240125 .leadview__text {
  display: flex;
  flex-direction: column;
  row-gap: calc(10 * 100vw / 750);
  text-align: center;
}
.frayid_240125 .leadview__text__title {
  width: calc(341 * 100vw / 750);
  margin-inline: auto;
  margin-top: calc(102 * 100vw / 750);
}
.frayid_240125 .leadview__text__title--sub {
  font-size: calc(32 * 100vw / 750);
  line-height: 1.4025;
  letter-spacing: 0.12em;
  font-weight: 400;
}
.frayid_240125 .leadview__text__title--main {
  font-size: calc(52 * 100vw / 750);
  line-height: 1.3665384615;
  letter-spacing: 0.12em;
  font-weight: 400;
}
.frayid_240125 .leadview__text__title--main > span {
  position: relative;
  top: calc(11 * 100vw / 750);
  font-size: calc(90 * 100vw / 750);
  line-height: 0.6304444444;
  letter-spacing: 0em;
  font-weight: 400;
}
.frayid_240125 .leadview__text__lead {
  margin-top: calc(56.3 * 100vw / 750);
  font-size: calc(27 * 100vw / 750);
  line-height: 2;
  letter-spacing: 0.12em;
  font-weight: 400;
}
@media (min-width: 768px) {
  .frayid_240125 .leadview__text {
    row-gap: 1.3rem;
    text-align: center;
  }
  .frayid_240125 .leadview__text__title {
    width: 21.1rem;
    margin-top: 6.3rem;
  }
  .frayid_240125 .leadview__text__title--sub {
    font-size: 2rem;
    line-height: 1.567;
    letter-spacing: 0.12em;
    font-weight: 400;
  }
  .frayid_240125 .leadview__text__title--main {
    font-size: 3.2rem;
    line-height: 1.321875;
    letter-spacing: 0.12em;
    font-weight: 400;
  }
  .frayid_240125 .leadview__text__title--main > span {
    top: 0.6rem;
    font-size: 5.5rem;
    line-height: 0.6145454545;
    letter-spacing: 0em;
    font-weight: 400;
  }
  .frayid_240125 .leadview__text__lead {
    margin-top: 3rem;
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.16em;
    font-weight: 400;
  }
}
.frayid_240125 .model {
  overflow: clip;
  position: relative;
  width: calc(750 * 100vw / 750);
  margin-inline: auto;
  z-index: 10;
}
.frayid_240125 .model__inner {
  position: relative;
  margin-inline: auto;
}
.frayid_240125 .model__wrapper {
  margin-inline: auto;
}
.frayid_240125 .model__wrapper--flex {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.frayid_240125 .model__wrapper--grid {
  display: grid;
}
.frayid_240125 .model__text {
  text-align: center;
}
.frayid_240125 .model__text__title {
  color: var(--color-black);
}
.frayid_240125 .model__text__title--num {
  font-size: calc(30 * 100vw / 750);
  line-height: 0.9666666667;
  letter-spacing: 0.03em;
  font-weight: 400;
}
.frayid_240125 .model__text__title--item {
  position: relative;
  display: block;
  margin-top: calc(23 * 100vw / 750);
  left: calc(5 * 100vw / 750);
  font-size: calc(52 * 100vw / 750);
  line-height: 1.3605769231;
  letter-spacing: 0.02em;
  font-weight: 400;
}
.frayid_240125 .model__text__title--item > span {
  position: relative;
  top: calc(5 * 100vw / 750);
}
.frayid_240125 .model__text__lead {
  margin-top: calc(40 * 100vw / 750);
  font-size: calc(26 * 100vw / 750);
  line-height: 2;
  letter-spacing: 0.12em;
  font-weight: 400;
}
.frayid_240125 .model__credit {
  margin-top: calc(32 * 100vw / 750);
  font-size: calc(22 * 100vw / 750);
  line-height: 1.75;
  letter-spacing: 0.02em;
  font-weight: 400;
}
.frayid_240125 .model__credit__item {
  display: inline-block;
}
.frayid_240125 .model__image {
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 768px) {
  .frayid_240125 .model {
    width: 140rem;
  }
  .frayid_240125 .model__inner {
    width: 102rem;
  }
  .frayid_240125 .model__text {
    display: flex;
    text-align: left;
    justify-content: space-between;
  }
  .frayid_240125 .model__text__title {
    flex-direction: column;
  }
  .frayid_240125 .model__text__title--num {
    font-size: 2.4rem;
    line-height: 1.0245833333;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
  .frayid_240125 .model__text__title--item {
    margin-top: 1.1rem;
    left: -0.5rem;
    font-size: 4.4rem;
    line-height: 1.3636363636;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
  .frayid_240125 .model__text__title--item > span {
    top: 0.3rem;
  }
  .frayid_240125 .model__text__lead {
    margin-top: 0;
    font-size: 1.3rem;
    line-height: 2;
    letter-spacing: 0.16em;
    font-weight: 400;
  }
  .frayid_240125 .model__credit {
    margin-top: 2.6rem;
    font-size: 1.2rem;
    line-height: 1.75;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}
.frayid_240125 .type01 {
  margin-top: calc(212 * 100vw / 750);
}
.frayid_240125 .type01 .model__wrapper--flex {
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: calc(20 * 100vw / 750);
  margin-top: calc(69 * 100vw / 750);
}
.frayid_240125 .type01 .model__image {
  width: calc(370 * 100vw / 750);
}
.frayid_240125 .type01 .model__image:nth-of-type(3) {
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .frayid_240125 .type01 {
    margin-top: 16.6rem;
  }
  .frayid_240125 .type01 .model__text__lead {
    margin-top: 1.7rem;
  }
  .frayid_240125 .type01 .model__wrapper--flex {
    width: 102rem;
    row-gap: 2rem;
    margin: 3.4rem auto 0;
  }
  .frayid_240125 .type01 .model__image {
    width: 50.5rem;
  }
  .frayid_240125 .type01 .model__image:nth-of-type(3) {
    width: 100%;
    text-align: left;
  }
}
.frayid_240125 .type02 {
  margin-top: calc(196 * 100vw / 750);
}
.frayid_240125 .type02 .model__wrapper--flex {
  flex-direction: column;
  row-gap: calc(40 * 100vw / 750);
  margin-top: calc(69 * 100vw / 750);
}
.frayid_240125 .type02 .model__image {
  width: calc(580 * 100vw / 750);
  margin-inline: auto;
  text-align: center;
}
.frayid_240125 .type02 .model__image--slider {
  width: calc(750 * 100vw / 750);
}
.frayid_240125 .type02 .model__text__lead {
  margin-top: calc(46 * 100vw / 750);
}
@media (min-width: 768px) {
  .frayid_240125 .type02 {
    margin-top: 15.7rem;
  }
  .frayid_240125 .type02 .model__text__lead {
    margin-top: 1.8rem;
  }
  .frayid_240125 .type02 .model__wrapper--flex {
    flex-direction: row-reverse;
    row-gap: 0;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    width: 102rem;
    margin: 3.3rem auto 0;
  }
  .frayid_240125 .type02 .model__image {
    width: 50%;
    text-align: left;
  }
  .frayid_240125 .type02 .model__image--slider {
    width: 50.5rem;
  }
}
.frayid_240125 .type03 {
  margin-top: calc(196 * 100vw / 750);
}
.frayid_240125 .type03 .model__text__lead {
  margin-top: calc(40 * 100vw / 750);
}
.frayid_240125 .type03 .model__wrapper--flex {
  justify-content: space-between;
}
.frayid_240125 .type03 .model__wrapper--flex01 {
  flex-direction: column;
  margin-top: calc(68 * 100vw / 750);
  row-gap: calc(10 * 100vw / 750);
}
.frayid_240125 .type03 .model__wrapper--flex02 {
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  -moz-column-gap: calc(10 * 100vw / 750);
       column-gap: calc(10 * 100vw / 750);
  margin-top: calc(10 * 100vw / 750);
}
.frayid_240125 .type03 .model__image01 {
  width: calc(750 * 100vw / 750);
}
.frayid_240125 .type03 .model__image02 {
  width: calc(750 * 100vw / 750);
}
.frayid_240125 .type03 .model__image03 {
  width: calc(388 * 100vw / 750);
}
.frayid_240125 .type03 .model__image04 {
  width: calc(352 * 100vw / 750);
}
@media (min-width: 768px) {
  .frayid_240125 .type03 {
    margin-top: 15.7rem;
  }
  .frayid_240125 .type03 .model__text__lead {
    margin-top: 1.8rem;
  }
  .frayid_240125 .type03 .model__wrapper--flex {
    width: 102rem;
    margin-inline: auto;
  }
  .frayid_240125 .type03 .model__wrapper--flex01 {
    flex-direction: row;
    margin-top: 3.4rem;
    row-gap: 0;
  }
  .frayid_240125 .type03 .model__wrapper--flex02 {
    justify-content: space-between;
    text-align: left;
    -moz-column-gap: 0rem;
         column-gap: 0rem;
    margin-top: 1rem;
  }
  .frayid_240125 .type03 .model__image01 {
    width: 44rem;
  }
  .frayid_240125 .type03 .model__image02 {
    width: 57rem;
  }
  .frayid_240125 .type03 .model__image03 {
    width: 53rem;
  }
  .frayid_240125 .type03 .model__image04 {
    width: 48rem;
  }
}
.frayid_240125 .type04 {
  margin-top: calc(196 * 100vw / 750);
  text-align: center;
}
.frayid_240125 .type04 .model__text__lead {
  margin-top: calc(45 * 100vw / 750);
}
.frayid_240125 .type04 .model__wrapper--flex {
  flex-direction: column;
  margin-top: calc(68 * 100vw / 750);
  row-gap: calc(42 * 100vw / 750);
}
.frayid_240125 .type04 .model__image {
  width: calc(750 * 100vw / 750);
  margin-inline: auto;
  text-align: center;
}
.frayid_240125 .type04 .model__image--slider {
  width: calc(580 * 100vw / 750);
}
.frayid_240125 .type04 .model__credit {
  margin-top: calc(-10 * 100vw / 750);
}
@media (min-width: 768px) {
  .frayid_240125 .type04 {
    margin-top: 15.6rem;
    text-align: center;
  }
  .frayid_240125 .type04 .model__text__lead {
    margin-top: 1.8rem;
  }
  .frayid_240125 .type04 .model__wrapper--flex {
    width: 102rem;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 3.4rem;
    row-gap: 0;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .frayid_240125 .type04 .model__image {
    width: 50.5rem;
    margin-inline: initial;
  }
  .frayid_240125 .type04 .model__image--slider {
    width: 50.5rem;
  }
  .frayid_240125 .type04 .model__credit {
    margin-top: 2.6rem;
  }
}
.frayid_240125 .type05 {
  margin-top: calc(194 * 100vw / 750);
  text-align: center;
}
.frayid_240125 .type05 .model__text__lead {
  margin-top: calc(45 * 100vw / 750);
}
.frayid_240125 .type05 .model__wrapper--flex {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: calc(68 * 100vw / 750);
  row-gap: calc(20 * 100vw / 750);
  -moz-column-gap: calc(10 * 100vw / 750);
       column-gap: calc(10 * 100vw / 750);
}
.frayid_240125 .type05 .model__image01 {
  width: calc(278 * 100vw / 750);
}
.frayid_240125 .type05 .model__image02 {
  width: calc(462 * 100vw / 750);
}
.frayid_240125 .type05 .model__image03 {
  width: calc(750 * 100vw / 750);
}
.frayid_240125 .type05 .model__credit {
  margin-top: calc(31 * 100vw / 750);
}
@media (min-width: 768px) {
  .frayid_240125 .type05 {
    margin-top: 15.7rem;
    text-align: left;
  }
  .frayid_240125 .type05 .model__text__lead {
    margin-top: 1.8rem;
  }
  .frayid_240125 .type05 .model__wrapper--flex {
    width: 102rem;
    margin-inline: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3.3rem;
    row-gap: 2rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .frayid_240125 .type05 .model__image01 {
    width: 38rem;
  }
  .frayid_240125 .type05 .model__image02 {
    width: 63rem;
  }
  .frayid_240125 .type05 .model__image03 {
    width: 102rem;
  }
  .frayid_240125 .type05 .model__credit {
    margin-top: 2.6rem;
  }
}
.frayid_240125 .type06 {
  position: relative;
  margin-top: calc(196 * 100vw / 750);
  text-align: center;
  z-index: 0;
}
.frayid_240125 .type06 .model__image {
  width: calc(550 * 100vw / 750);
  margin-inline: auto;
}
@media (min-width: 768px) {
  .frayid_240125 .type06 {
    margin-top: 15.6rem;
  }
  .frayid_240125 .type06 .model__image {
    width: 48rem;
  }
}
.frayid_240125 .endview {
  overflow: clip;
  width: calc(750 * 100vw / 750);
  margin-top: calc(156 * 100vw / 750);
  text-align: center;
}
.frayid_240125 .endview__btn {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: calc(40 * 100vw / 750);
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 400;
  color: var(--color-black);
}
.frayid_240125 .endview__btn > a {
  padding-block: calc(8 * 100vw / 750);
  border-bottom: calc(5 * 100vw / 750) double var(--color-text);
}
.frayid_240125 .endview__text {
  margin-block: calc(170 * 100vw / 750) calc(154 * 100vw / 750);
  font-size: calc(24 * 100vw / 750);
  line-height: 1.75;
  letter-spacing: 0.03em;
  font-weight: 400;
  color: var(--color-text);
  text-align: center;
}
@media (min-width: 768px) {
  .frayid_240125 .endview {
    width: 110rem;
    margin-top: 12.7rem;
    border-bottom: 0.1rem solid var(--color-black);
  }
  .frayid_240125 .endview__btn {
    font-size: 2rem;
    line-height: 2;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
  .frayid_240125 .endview__btn > a {
    padding-block: 0.4rem;
    border-bottom: 0.3rem double var(--color-text);
  }
  .frayid_240125 .endview__text {
    margin-block: 13.7rem;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}
.frayid_240125 .jsFade {
  opacity: 0;
  transform: translateY(50px);
}
.frayid_240125 .jsFade.isActive {
  transition: transform 1.2s, opacity 1.2s;
  transform: translateY(0);
  opacity: 1;
}

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ contents ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.frayid_240125 {
  --color-black: #000000;
  --color-white: #ffffff;
}
.frayid_240125 .slick-dots {
  position: absolute;
  margin: 0;
  bottom: calc(20 * 100vw / 750);
  left: calc(8 * 100vw / 750);
}
.frayid_240125 .slick-dots li {
  margin-inline: calc(11 * 100vw / 750);
}
.frayid_240125 .slick-dots li button {
  width: calc(10 * 100vw / 750);
  height: calc(10 * 100vw / 750);
  border: calc(1 * 100vw / 750) solid var(--color-black);
  border-radius: 50%;
}
.frayid_240125 .slick-dots li .slick-active button {
  background-color: var(--color-black);
}
@media (min-width: 768px) {
  .frayid_240125 .slick-dots {
    bottom: 1.1rem;
    left: 0.4rem;
  }
  .frayid_240125 .slick-dots li {
    margin-inline: 0.6rem;
  }
  .frayid_240125 .slick-dots li button {
    width: 0.6rem;
    height: 0.6rem;
    border: 0.1rem solid var(--color-black);
  }
}/*# sourceMappingURL=style.css.map */
