@charset "UTF-8";
/*---------- font ----------*/
.fray-id_240322 {
  color: #58595b;
  font-feature-settings: "palt";
  font-family: source-han-serif-japanese, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.4666666667vw;
  line-height: 2;
  letter-spacing: 0.12em;
}

@media screen and (min-width: 768px) {
  .fray-id_240322 {
    font-size: 1.3rem;
    letter-spacing: 0.16em;
  }
}
/*---------- font ----------*/
/*---------- all common ----------*/
html {
  font-size: 62.5%;
  box-sizing: border-box;
}

@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}
.fray-id_240322 img,
.fray-id_240322 svg,
.fray-id_240322 picture,
.fray-id_240322 video {
  width: 100%;
  height: auto;
}

.fray-id_240322 a,
.fray-id_240322 picture {
  display: block;
}

.fray-id_240322 .model__img {
  background: #fff;
  font-size: 0;
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
  .archive {
    border-top: none !important;
  }
}
@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}
/*---------- all common ----------*/
.fray-id_240322 {
  overflow: hidden;
}
.fray-id_240322 .area_ttl {
  /* Bressay Display Regular */
  font-family: bressay-display, serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(47 * (100vw / 750));
  color: #000000;
  letter-spacing: 0.02em;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-font-smoothing: auto;
}
.fray-id_240322 .area_ttl .large {
  font-size: calc(97 * (100vw / 750));
  letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 768px) {
  .fray-id_240322 .area_ttl {
    font-size: 4rem;
    z-index: 1;
    font-weight: 600;
    pointer-events: none;
  }
  .fray-id_240322 .area_ttl .large {
    font-size: 8.8rem;
    font-weight: 400;
  }
}
.fray-id_240322 .txt_ttl {
  /* 源ノ明朝 SemiBold */
  font-family: source-han-serif-japanese, serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(34 * (100vw / 750));
  color: #000000;
  letter-spacing: 0.12em;
  line-height: 1;
  text-align: center;
  padding-top: calc(79 * (100vw / 750));
  margin-bottom: calc(46 * (100vw / 750));
}
@media screen and (min-width: 768px) {
  .fray-id_240322 .txt_ttl {
    font-size: 2rem;
    letter-spacing: 0.16em;
    padding-top: 4.9rem;
    margin-bottom: 2.5rem;
  }
}
.fray-id_240322 .txt {
  text-align: center;
  margin-bottom: calc(31 * (100vw / 750));
}
.fray-id_240322 .txt span {
  position: relative;
  top: calc(10 * (100vw / 750));
}
@media screen and (min-width: 768px) {
  .fray-id_240322 .txt {
    margin-bottom: 1.9rem;
  }
  .fray-id_240322 .txt span {
    top: 0.4rem;
  }
}
.fray-id_240322 .credit {
  /* Bressay Display Regular */
  font-family: bressay-display, serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(22 * (100vw / 750));
  text-align: center;
  letter-spacing: 0.03em;
  line-height: 1.75;
}
.fray-id_240322 .credit a {
  display: inline;
}
@media screen and (min-width: 768px) {
  .fray-id_240322 .credit {
    font-size: 1.2rem;
  }
}
.fray-id_240322 .img_blk.img_01 {
  width: calc(620 * (100vw / 750));
  margin-left: calc(90 * (100vw / 750));
  margin-bottom: calc(60 * (100vw / 750));
}
.fray-id_240322 .img_blk.img_02 {
  width: calc(580 * (100vw / 750));
  margin-bottom: calc(60 * (100vw / 750));
}
.fray-id_240322 .img_blk.img_03 {
  width: calc(500 * (100vw / 750));
  margin-left: calc(195 * (100vw / 750));
}
.fray-id_240322 .img_blk.img_04 {
  width: calc(660 * (100vw / 750));
  margin-left: calc(45 * (100vw / 750));
}
.fray-id_240322 .img_blk.img_05 {
  width: calc(520 * (100vw / 750));
  margin-top: calc(-80 * (100vw / 750));
  margin-left: calc(115 * (100vw / 750));
  margin-bottom: calc(154 * (100vw / 750));
}
.fray-id_240322 .img_blk.img_06 {
  width: calc(750 * (100vw / 750));
}
.fray-id_240322 .img_blk.img_07 {
  width: calc(585 * (100vw / 750));
  margin-left: calc(165 * (100vw / 750));
  margin-bottom: calc(60 * (100vw / 750));
}
.fray-id_240322 .img_blk.img_08 {
  width: calc(460 * (100vw / 750));
  margin-left: calc(40 * (100vw / 750));
  margin-bottom: calc(158 * (100vw / 750));
}
.fray-id_240322 .img_blk.img_09 {
  width: calc(630 * (100vw / 750));
  margin-left: calc(80 * (100vw / 750));
}
.fray-id_240322 .img_blk.img_10 {
  width: calc(650 * (100vw / 750));
  margin-bottom: calc(154 * (100vw / 750));
}
.fray-id_240322 .img_blk.img_11 {
  width: calc(750 * (100vw / 750));
}
@media screen and (min-width: 768px) {
  .fray-id_240322 .img_blk {
    position: relative;
  }
  .fray-id_240322 .img_blk.img_01 {
    width: 50rem;
    margin-left: 67rem;
    margin-bottom: 0;
  }
  .fray-id_240322 .img_blk.img_02 {
    width: 45rem;
    margin-left: 29rem;
    margin-bottom: 0;
    margin-top: -24.5rem;
  }
  .fray-id_240322 .img_blk.img_03 {
    width: 34rem;
    margin-left: 80rem;
    margin-top: -37rem;
  }
  .fray-id_240322 .img_blk.img_04 {
    width: 55rem;
    margin-left: 24rem;
  }
  .fray-id_240322 .img_blk.img_05 {
    width: 38rem;
    margin-top: -61rem;
    margin-left: 71rem;
    margin-bottom: 16.9rem;
  }
  .fray-id_240322 .img_blk.img_06 {
    width: 63rem;
    margin-left: 38.5rem;
  }
  .fray-id_240322 .img_blk.img_07 {
    width: 48.5rem;
    margin-left: 71.5rem;
    margin-bottom: 13.6rem;
  }
  .fray-id_240322 .img_blk.img_08 {
    width: 32rem;
    margin-left: 20rem;
    margin-bottom: 0;
  }
  .fray-id_240322 .img_blk.img_09 {
    width: 57rem;
    margin-left: 58rem;
    margin-top: -65.6rem;
    margin-bottom: -10.1rem;
  }
  .fray-id_240322 .img_blk.img_10 {
    width: 56rem;
    margin-left: 25rem;
    margin-bottom: 12.9rem;
  }
  .fray-id_240322 .img_blk.img_11 {
    width: 69rem;
    margin-left: 35.5rem;
  }
}
.fray-id_240322 .frayid_btn {
  /* Bressay Display Regular */
  font-family: bressay-display, serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(40 * (100vw / 750));
  color: #000000;
  line-height: 2;
  letter-spacing: 0.025em;
  text-align: center;
  position: relative;
  margin-bottom: calc(151 * (100vw / 750));
}
.fray-id_240322 .frayid_btn a {
  display: inline-block;
}
.fray-id_240322 .frayid_btn a::before, .fray-id_240322 .frayid_btn a::after {
  content: "";
  display: block;
  width: calc(234 * (100vw / 750));
  height: 1px;
  background-color: #58595b;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.fray-id_240322 .frayid_btn a::before {
  bottom: calc(4 * (100vw / 750));
}
.fray-id_240322 .frayid_btn a::after {
  bottom: calc(0 * (100vw / 750));
}
@media screen and (min-width: 768px) {
  .fray-id_240322 .frayid_btn {
    font-size: 2rem;
    margin-bottom: 13.6rem;
  }
  .fray-id_240322 .frayid_btn a::before, .fray-id_240322 .frayid_btn a::after {
    width: 11.7rem;
    height: 1px;
  }
  .fray-id_240322 .frayid_btn a::before {
    bottom: 0.2rem;
  }
  .fray-id_240322 .frayid_btn a::after {
    bottom: 0;
  }
}
.fray-id_240322 .staff_area {
  border-bottom: 1px solid #000000;
  padding-bottom: calc(154 * (100vw / 750));
}
.fray-id_240322 .staff_area p {
  /* Bressay Display Regular */
  font-family: bressay-display, serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(24 * (100vw / 750));
  line-height: 1.75;
  letter-spacing: 0.03em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .fray-id_240322 .staff_area {
    padding-bottom: 13.6rem;
  }
  .fray-id_240322 .staff_area p {
    /* Bressay Display Regular */
    font-family: bressay-display, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3rem;
  }
}
.fray-id_240322 .slick-dots {
  display: flex;
  gap: calc(20 * (100vw / 750));
  position: absolute;
  bottom: calc(20 * (100vw / 750));
  right: calc(20 * (100vw / 750));
  margin: 0;
}
.fray-id_240322 .slick-dots li {
  margin: 0;
}
.fray-id_240322 .slick-dots li button {
  width: calc(10 * (100vw / 750));
  height: calc(10 * (100vw / 750));
  border: 1px solid #dddddd;
}
.fray-id_240322 .slick-dots li.slick-active button {
  background-color: #dddddd;
}
@media screen and (min-width: 768px) {
  .fray-id_240322 .slick-dots {
    gap: 1.2rem;
    bottom: 1rem;
    right: 1rem;
  }
  .fray-id_240322 .slick-dots li button {
    width: 0.6rem;
    height: 0.6rem;
  }
}
@media screen and (max-width: 767px) {
  .fray-id_240322 .fade_sp {
    opacity: 0;
    transition-duration: 1.2s;
    transform: translateY(50px);
  }
  .fray-id_240322 .fade_sp.active {
    opacity: 1;
    transform: translateY(0);
  }
  .fray-id_240322 .item_area .item_inner {
    position: relative;
    width: calc(750 * (100vw / 750));
    z-index: 0;
  }
  .fray-id_240322 .item_area .area_ttl img {
    width: auto;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .fray-id_240322 .fade {
    opacity: 0;
    transition-duration: 1.2s;
    transform: translateY(50px);
  }
  .fray-id_240322 .fade.active {
    opacity: 1;
    transform: translateY(0);
  }
}
.fray-id_240322 .fv_area {
  margin-bottom: calc(300 * (100vw / 750));
}
.fray-id_240322 .fv_area .fv_blk {
  margin-bottom: calc(105 * (100vw / 750));
}
.fray-id_240322 .fv_area .lead_txt {
  font-size: calc(27 * (100vw / 750));
  text-align: center;
}
@media screen and (min-width: 768px) {
  .fray-id_240322 .fv_area {
    max-width: 140rem;
    margin: 0 auto 11.4rem;
  }
  .fray-id_240322 .fv_area .fv_blk {
    max-width: 120rem;
    margin: 0 auto 5.6rem;
  }
  .fray-id_240322 .fv_area .lead_txt {
    font-size: 1.4rem;
    letter-spacing: 0.16em;
  }
  .fray-id_240322 .item_area::before, .fray-id_240322 .item_area::after {
    content: "";
    background-color: #000000;
    position: absolute;
  }
}
.fray-id_240322 .item_area {
  position: relative;
  margin-bottom: calc(194 * (100vw / 750));
}
@media screen and (max-width: 767px) {
  .fray-id_240322 .item_area.item_area_01 .ttl_01 {
    top: calc(-131 * (100vw / 750));
    right: calc(-40 * (100vw / 750));
    left: auto;
    height: calc(70.6 * (100vw / 750));
  }
}
.fray-id_240322 .item_area.item_area_01 .ttl_01 .large {
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .fray-id_240322 .item_area.item_area_01 .ttl_02 {
    top: calc(844 * (100vw / 750));
    left: calc(-40 * (100vw / 750));
    height: calc(36.4 * (100vw / 750));
  }
}
.fray-id_240322 .item_area.item_area_01::before {
  width: calc(600 * (100vw / 750));
  top: calc(-61 * (100vw / 750));
  left: calc(150 * (100vw / 750));
}
.fray-id_240322 .item_area.item_area_01::after {
  width: calc(70 * (100vw / 750));
  top: calc(876 * (100vw / 750));
  left: 0;
}
.fray-id_240322 .item_area.item_area_02 {
  margin-bottom: calc(192 * (100vw / 750));
}
@media screen and (max-width: 767px) {
  .fray-id_240322 .item_area.item_area_02 .ttl_01 {
    top: calc(782 * (100vw / 750));
    right: calc(-40 * (100vw / 750));
    left: auto;
    height: calc(71.68 * (100vw / 750));
  }
}
@media screen and (max-width: 767px) {
  .fray-id_240322 .item_area.item_area_02 .ttl_02 {
    top: calc(1748 * (100vw / 750));
    left: calc(-40 * (100vw / 750));
    height: calc(36.4 * (100vw / 750));
  }
}
.fray-id_240322 .item_area.item_area_02::before {
  width: calc(350 * (100vw / 750));
  top: calc(852 * (100vw / 750));
  left: calc(400 * (100vw / 750));
  z-index: 1;
}
.fray-id_240322 .item_area.item_area_02::after {
  width: calc(380 * (100vw / 750));
  top: calc(1762.3 * (100vw / 750));
  left: 0;
}
.fray-id_240322 .item_area.item_area_03 {
  margin-bottom: calc(324 * (100vw / 750));
}
@media screen and (max-width: 767px) {
  .fray-id_240322 .item_area.item_area_03 .ttl_01 {
    top: calc(365 * (100vw / 750));
    left: calc(-37 * (100vw / 750));
    height: calc(79.19 * (100vw / 750));
  }
}
@media screen and (max-width: 767px) {
  .fray-id_240322 .item_area.item_area_03 .ttl_02 {
    top: calc(1421 * (100vw / 750));
    left: calc(-37 * (100vw / 750));
    height: calc(36.5 * (100vw / 750));
  }
}
.fray-id_240322 .item_area.item_area_03 .txt_ttl {
  padding-top: calc(80 * (100vw / 750));
}
.fray-id_240322 .item_area.item_area_03::before {
  width: calc(343 * (100vw / 750));
  top: calc(433 * (100vw / 750));
  left: 0;
  z-index: 1;
}
.fray-id_240322 .item_area.item_area_03::after {
  width: calc(414 * (100vw / 750));
  top: calc(1453 * (100vw / 750));
  left: 0;
}
.fray-id_240322 .item_area.item_area_04 {
  margin-bottom: calc(141 * (100vw / 750));
}
@media screen and (max-width: 767px) {
  .fray-id_240322 .item_area.item_area_04 .ttl_01 {
    top: calc(-130 * (100vw / 750));
    right: calc(-40 * (100vw / 750));
    left: auto;
    height: calc(79.2 * (100vw / 750));
  }
}
.fray-id_240322 .item_area.item_area_04 .ttl_01 .large {
  letter-spacing: -0.1em;
}
@media screen and (max-width: 767px) {
  .fray-id_240322 .item_area.item_area_04 .ttl_02 {
    top: calc(1034 * (100vw / 750));
    left: calc(-33 * (100vw / 750));
    height: calc(36.5 * (100vw / 750));
  }
}
.fray-id_240322 .item_area.item_area_04::before {
  width: calc(650 * (100vw / 750));
  top: calc(-63 * (100vw / 750));
  left: calc(100 * (100vw / 750));
}
.fray-id_240322 .item_area.item_area_04::after {
  width: calc(297 * (100vw / 750));
  top: calc(1045 * (100vw / 750));
  left: 0;
}
@media screen and (min-width: 768px) {
  .fray-id_240322 .item_area {
    max-width: 140rem;
    margin: 0 auto 15.7rem;
  }
  .fray-id_240322 .item_area::before, .fray-id_240322 .item_area::after {
    height: 0.2rem;
    pointer-events: none;
  }
  .fray-id_240322 .item_area.item_area_01 .ttl_01 {
    top: 7.7rem;
    left: 32.5rem;
  }
  .fray-id_240322 .item_area.item_area_01 .ttl_02 {
    top: 18.9rem;
    left: 47.4rem;
  }
  .fray-id_240322 .item_area.item_area_01::before {
    width: calc((100vw - 140rem) / 2 + 107rem);
    top: 15.16rem;
    left: 33rem;
  }
  .fray-id_240322 .item_area.item_area_01::after {
    width: calc((100vw - 140rem) / 2 + 48.3rem);
    top: 22.2rem;
    left: calc((100vw - 140rem) / -2);
  }
  .fray-id_240322 .item_area.item_area_02 {
    margin-bottom: 15.7rem;
  }
  .fray-id_240322 .item_area.item_area_02 .ttl_01 {
    top: 8.9rem;
    left: 76.2rem;
  }
  .fray-id_240322 .item_area.item_area_02 .ttl_02 {
    top: 87rem;
    left: 85rem;
  }
  .fray-id_240322 .item_area.item_area_02::before {
    width: calc((100vw - 140rem) / 2 + 60.6rem);
    top: 16.34rem;
    left: 79.4rem;
  }
  .fray-id_240322 .item_area.item_area_02::after {
    width: calc((100vw - 140rem) / 2 + 85.5rem);
    top: 88.5rem;
    left: calc((100vw - 140rem) / -2);
  }
  .fray-id_240322 .item_area.item_area_03 {
    margin-bottom: 15.8rem;
  }
  .fray-id_240322 .item_area.item_area_03 .ttl_01 {
    top: 29.3rem;
    left: 32.5rem;
  }
  .fray-id_240322 .item_area.item_area_03 .ttl_02 {
    top: 115.3rem;
    left: 55.2rem;
  }
  .fray-id_240322 .item_area.item_area_03 .txt_ttl {
    padding-top: 14.9rem;
  }
  .fray-id_240322 .item_area.item_area_03::before {
    width: calc((100vw - 140rem) / 2 + 107rem);
    top: 36.78rem;
    left: 33rem;
    z-index: 0;
  }
  .fray-id_240322 .item_area.item_area_03::after {
    width: calc((100vw - 140rem) / 2 + 56.2rem);
    top: 118.6rem;
    left: calc((100vw - 140rem) / -2);
  }
  .fray-id_240322 .item_area.item_area_04 {
    margin-bottom: 12.7rem;
  }
  .fray-id_240322 .item_area.item_area_04 .ttl_01 {
    top: 36.4rem;
    left: 73.6rem;
  }
  .fray-id_240322 .item_area.item_area_04 .ttl_02 {
    top: 88.4rem;
    left: 29.2rem;
  }
  .fray-id_240322 .item_area.item_area_04::before {
    width: calc((100vw - 140rem) / 2 + 65.9rem);
    top: 43.86rem;
    left: 74.1rem;
    z-index: 1;
  }
  .fray-id_240322 .item_area.item_area_04::after {
    width: calc((100vw - 140rem) / 2 + 29.5rem);
    top: 89.92rem;
    left: calc((100vw - 140rem) / -2);
  }
}