@charset "UTF-8";
html {
  font-size: 62.5%;
}
@media (min-width: 768px) and (max-width: 1400px) {
  html{
    font-size: calc(10* (100vw / 1400)); 
  }
}
.FR240807DENIM {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-blue: #526F89;
  --color-gray: #58595B;
  --full-width: 100%;
  --basic-width-pc: 140rem;
  --basic-width-sp: calc(750*(100vw / 750));
  --font-en: "kepler-std", serif;
  --font-min: '游明朝', 'Yu Mincho', 'YuMincho', serif;
  --font-hiragino: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
  font-feature-settings: "palt";
  overflow: hidden;
}
/*========================================
▼共通デザイン
==========================================*/
:where(.FR240807DENIM) img {
  width: var(--full-width);
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}
:where(.FR240807DENIM) picture {
  display: block;
}
.FR240807DENIM img {
  display: block;
  width: 100%;
  height: auto;
}
.FR240807DENIM figure[data-bg="bg-white"] {
  position: relative;
  z-index: 2;
}
.FR240807DENIM figure[data-bg="bg-white"]::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  z-index: -1;
  pointer-events: none;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
firstview
//////////////////////////////////////////////////////////////////////////////////////////////
*/

.FR240807DENIM .firstview {
  width: 120rem;
  margin: 0 auto;
}
.FR240807DENIM .firstview .firstview__img {
  width: var(--full-width);
  margin: 0 auto;
}
.FR240807DENIM .firstview .firstview__txt {
  font-family: var(--font-min);
  font-weight: 400;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.16em;
  margin-top: 5.7rem;
}
@media screen and (max-width: 767px) {
  .FR240807DENIM .firstview {
    width: var(--basic-width-sp);
  }
  .FR240807DENIM .firstview .firstview__txt {
    font-family: var(--font-hiragino);
    font-weight: 300;
    font-size: calc(24*(100vw / 750));
    letter-spacing: 0.09em;
    margin-top: calc(108*(100vw / 750));
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
common
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR240807DENIM .model__credit {
  font-family: var(--font-en);
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  line-height: 1.6;
  font-weight: 400;
  z-index: 10;
}
.FR240807DENIM .model__credit li {
  display: block;
}
.FR240807DENIM .model__inner {
  width: var(--full-width);
  margin: 0 auto;
}
.FR240807DENIM .model__grid {
  position: relative;
}
.FR240807DENIM .model__title {
  position: absolute;
  z-index: 5;
}
.FR240807DENIM .pc_only {
  display: block;
}
.FR240807DENIM .sp_only {
  display: none;
}
@media screen and (max-width: 767px) {
  .FR240807DENIM .model__credit {
    font-size: calc(23*(100vw / 750));
    line-height: 1.65;
  }
  .FR240807DENIM .model__inner {
    width: var(--basic-width-sp);
  }
  .FR240807DENIM .model__credit span {
    display: inline-block;
  }
  .FR240807DENIM .pc_only {
    display: none;
  }
  .FR240807DENIM .sp_only {
    display: block;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
model01
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR240807DENIM .model01 {
  margin-top: 7.3rem;
}
.FR240807DENIM .model01 .model__grid {
  margin-bottom: 8rem;
}
.FR240807DENIM .model01 .model__grid::before{
  position: absolute;
  content: "";
  bottom: -8rem;
  background-color: var(--color-blue);
  width: var(--full-width);
  height: 27rem;
  z-index: -1;
  }
.FR240807DENIM .model01 .model__wrapper01 {
  width: 58rem;
  margin: 0 auto;
  position: relative;
}
.FR240807DENIM .model01 .model__title {
  width: 20rem;
  top: 3.9rem;
  left: 2.85rem;
}
.FR240807DENIM .model01 .model__wrapper02 {
  width: 130rem;
  margin: 0 auto;
  margin-top: 7rem;
}
.FR240807DENIM .model01 .model__wrapper02 .model__slider {
  display: flex;
  justify-content: space-between;
  row-gap: 1rem;
}
.FR240807DENIM .model01 .model__wrapper02 .model__slider .model__img {
  width: 42rem;
}
.FR240807DENIM .model01 .model__wrapper03 {
  width: var(--basic-width-pc);
  margin: 0 auto;
  margin-top: 7rem;
}
.FR240807DENIM .model01 .model__wrapper03 .model__wrap {
  width: 59.5rem;
  margin-left: 46rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  row-gap: 3rem;
}
.FR240807DENIM .model01 .model__img0105 {
  width: 48rem;
}
.FR240807DENIM .model01 .model__credit {
  color: var(--color-white);
  position: absolute;
  right: -0.3rem;
  bottom: -0.6rem;
}
@media screen and (max-width: 767px) {
  .FR240807DENIM .model01 {
    margin-top: calc(110*(100vw / 750));
  }
  .FR240807DENIM .model01 .model__grid {
    margin-bottom: calc(100*(100vw / 750));
  }
  .FR240807DENIM .model01 .model__grid::before{
    content: "";
    bottom: calc(-100*(100vw / 750));
    width: var(--full-width);
    height: calc(300*(100vw / 750));
    }
  .FR240807DENIM .model01 .model__wrapper01 {
    width: var(--basic-width-sp);
    margin: 0 auto;
    position: relative;
  }
  .FR240807DENIM .model01 .model__title {
    width: calc(295*(100vw / 750));
    top: calc(50*(100vw / 750));
    left: calc(38*(100vw / 750));
  }
  .FR240807DENIM .model01 .model__wrapper02 {
    width: var(--basic-width-sp);
    margin: 0 auto;
    margin-top: calc(60*(100vw / 750));
  }
  .FR240807DENIM .model01 .model__wrapper02 .model__slider {
    display: block;
    margin: 0 auto;
  }
  .FR240807DENIM .model01 .model__wrapper02 .model__slider .model__img {
    width: calc(500*(100vw / 750));
    margin: 0 calc(15*(100vw / 750));
  }

  .FR240807DENIM .model01 .model__wrapper03 {
    width: var(--basic-width-sp);
    margin: 0 auto;
    margin-top: calc(34*(100vw / 750));
  }
  .FR240807DENIM .model01 .model__wrapper03 .model__wrap {
    width: var(--basic-width-sp);
    margin-left: 0;
    position: static;
    display: block;
  }
  .FR240807DENIM .model01 .model__img0105 {
    width: calc(560*(100vw / 750));
    margin: 0 auto;
    margin-top: calc(83*(100vw / 750));
  }
  .FR240807DENIM .model01 .model__credit {
    color: var(--color-gray);
    position: static;
    text-align: center;
    margin-top: calc(34*(100vw / 750));
  }
  .FR240807DENIM .model01 .model__credit li {
    display: inline-block;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
model02
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR240807DENIM .model02 {
  margin-top: 26rem;
}
.FR240807DENIM .model02 .model__wrapper01 {
  width: 116rem;
  margin: 0 auto;
  position: relative;
}
.FR240807DENIM .model02 .model__title {
  width: 18.4rem;
  top: 5rem;
  left: 50%;
  transform: translateX(-50%);
}
.FR240807DENIM .model02 .model__wrapper01 .model__slider02 {
  display: flex;
  justify-content: space-between;
}
.FR240807DENIM .model02 .model__wrapper01 .model__slider02 .model__img {
  width: 58rem;
}
.FR240807DENIM .model02 .model__wrapper02 {
  width: var(--basic-width-pc);
  margin: 0 auto;
  margin-top: 7rem;
}
.FR240807DENIM .model02 .model__wrapper02 .model__wrap {
  width: 65.8rem;
  margin-left: 43rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  row-gap: 3rem;
}
.FR240807DENIM .model02 .model__img02 {
  width: 54rem;
}
.FR240807DENIM .model02 .model__credit {
  color: var(--color-gray);
  position: absolute;
  right: -0.3rem;
  bottom: -0.6rem;
}
@media screen and (max-width: 767px) {
  .FR240807DENIM .model02 {
    margin-top: calc(381*(100vw / 750));
  }
  .FR240807DENIM .model02 .model__wrapper01 {
    width: var(--basic-width-sp);
    margin: 0 auto;
    position: relative;
  }
  .FR240807DENIM .model02 .model__title {
    width: calc(273*(100vw / 750));
    top: calc(-80*(100vw / 750));
  }
  .FR240807DENIM .model02 .model__wrapper01 .model__slider02 {
    display: block;
    justify-content: space-between;
  }
  .FR240807DENIM .model02 .model__wrapper01 .model__slider02 .model__img {
    width: 100%;
  }
  .FR240807DENIM .model02 .model__wrapper02 {
    width: var(--basic-width-sp);
    margin: 0 auto;
    margin-top: calc(60*(100vw / 750));
  }
  .FR240807DENIM .model02 .model__wrapper02 .model__wrap {
    width: var(--basic-width-sp);
    margin-left: 0;
    position: static;
    display: block;
  }
  .FR240807DENIM .model02 .model__img02 {
    width: calc(580*(100vw / 750));
    margin-left: calc(40*(100vw / 750));
  }
  .FR240807DENIM .model02 .model__credit {
    position: static;
    margin-top: calc(34*(100vw / 750));
    margin-left: calc(40*(100vw / 750));
  }
  .FR240807DENIM .model02 .model__credit li {
    display: inline-block;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
model03
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR240807DENIM .model03 {
  margin-top: 18rem;
}
.FR240807DENIM .model03 .model__grid {
  width: var(--basic-width-pc);
  margin: 0 auto;
}
.FR240807DENIM .model03 .model__wrapper01 {
  width: 82rem;
  margin-left: 8rem;
  display: flex;
  justify-content: space-between;
  row-gap: 2rem;
}
.FR240807DENIM .model03 .model__wrapper01 .model__wrap {
  z-index: 10;
}
.FR240807DENIM .model03 .model__wrapper01 .model__wrap02 {
  width: fit-content;
  position: relative;
}
.FR240807DENIM .model03 .model__title {
  width: 20.3rem;
  top: 5rem;
  right: -55.2rem;
}
.FR240807DENIM .model03 .model__wrapper01 .model__img {
  width: 40rem;
}
.FR240807DENIM .model03 .model__wrapper02 {
  width: var(--basic-width-pc);
  margin: 0 auto;
  margin-top: 7rem;
}
.FR240807DENIM .model03 .model__wrapper02 .model__wrap {
  width: 69.8rem;
  margin-left: 60.2rem;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  row-gap: 3rem;
}
.FR240807DENIM .model03 .model__img02 {
  width: 58rem;
}
.FR240807DENIM .model03 .model__credit {
  color: var(--color-gray);
  position: absolute;
  left: -0.3rem;
  bottom: -0.6rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .FR240807DENIM .model03 {
    margin-top: calc(272*(100vw / 750));
  }
  .FR240807DENIM .model03 .model__grid {
    width: var(--basic-width-sp);
    margin: 0 auto;
  }
  .FR240807DENIM .model03 .model__wrapper01 {
    width: var(--full-width);
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    row-gap: initial;
    position: relative;
  }
  .FR240807DENIM .model03 .model__title {
    width: calc(300*(100vw / 750));
    top: calc(-79*(100vw / 750));
    right: initial;
    left: calc(96*(100vw / 750));
  }
  .FR240807DENIM .model03 .model__wrapper01 .model__img:nth-of-type(1) {
    width: calc(550*(100vw / 750));
    margin-left: calc(200*(100vw / 750));
  }
  .FR240807DENIM .model03 .model__wrapper01 .model__wrap02 {
    width: calc(750*(100vw / 750));
    display: block;
    margin-left: 0;
  }
  .FR240807DENIM .model03 .model__wrapper01 .model__wrap02 .model__img {
    width: calc(480*(100vw / 750));
    margin-top: calc(60*(100vw / 750));
    margin-left: 0;
  }
  .FR240807DENIM .model03 .model__wrapper02 {
    width: var(--basic-width-sp);
    margin: 0 auto;
    margin-top: calc(91*(100vw / 750));
  }
  .FR240807DENIM .model03 .model__wrapper02 .model__wrap {
    width: calc(620*(100vw / 750));
    margin-left: calc(90*(100vw / 750));
    position: static;
  }
  .FR240807DENIM .model03 .model__img02 {
    width: var(--full-width);
  }
  .FR240807DENIM .model03 .model__credit {
    position: absolute;
    text-align: left;
    left: initial;
    right: calc(67*(100vw / 750));
    bottom: calc(-11*(100vw / 750));
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
model04
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR240807DENIM .model04 {
  margin-top: 18rem;
}
.FR240807DENIM .model04 .model__grid {
  width: var(--basic-width-pc);
  margin: 0 auto;
}
.FR240807DENIM .model04 .model__img {
  width: 54rem;
}
.FR240807DENIM .model04 .model__wrapper01 {
  width: 108rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
.FR240807DENIM .model04 .model__wrapper01 .model__wrap01 {
  width: 54rem;
  margin: 0 auto;
}
.FR240807DENIM .model04 .model__wrapper01 .model__wrap02 {
  width: 54rem;
  margin: 0 auto;
  background-color: var(--color-blue);
  position: relative;
}
.FR240807DENIM .model04 .model__title {
  width: 20.3rem;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.FR240807DENIM .model04 .model__wrapper02 {
  width: 108rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
}
.FR240807DENIM .model04 .model__wrapper02 .model__wrap01 {
  width: 54rem;
  margin: 0 auto;
}
.FR240807DENIM .model04 .model__wrapper02 .model__wrap02 {
  width: 54rem;
  margin: 0 auto;
  background-color: var(--color-blue);
  position: relative;
}
.FR240807DENIM .model04 .model__credit {
  color: var(--color-white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}
.FR240807DENIM .model04 .model__credit li {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .FR240807DENIM .model04 {
    margin-top: calc(200*(100vw / 750));
  }
  .FR240807DENIM .model04 .model__grid {
    width: var(--basic-width-sp);
    margin: 0 auto;
  }
  .FR240807DENIM .model04 .model__img {
    width: var(--full-width);
  }
  .FR240807DENIM .model04 .model__grid::before{
    position: absolute;
    content: "";
    bottom: calc(-82*(100vw / 750));
    background-color: var(--color-blue);
    width: var(--full-width);
    height: calc(2030*(100vw / 750));
    z-index: -1;
    }
  .FR240807DENIM .model04 .model__wrapper01 {
    width: var(--basic-width-sp);
    margin: 0 auto;
    display: block;
  }
  .FR240807DENIM .model04 .model__wrapper01 .model__wrap01 {
    width: calc(580*(100vw / 750));
    margin-left: 0;
  }
  .FR240807DENIM .model04 .model__wrapper01 .model__wrap02 {
    width: var(--basic-width-sp);
    margin: 0 auto;
    background-color: none;
    position: relative;
  }
  .FR240807DENIM .model04 .model__title {
    width: calc(302*(100vw / 750));
    top: calc(-77*(100vw / 750));
    left: initial;
    right: calc(55*(100vw / 750));
    transform: none;
  }
  .FR240807DENIM .model04 .model__wrapper02 {
    width: calc(690*(100vw / 750));
    margin-top: calc(123*(100vw / 750));
    margin-left: calc(60*(100vw / 750));
    display: block;
  }
  .FR240807DENIM .model04 .model__wrapper02 .model__wrap01 {
    width: calc(690*(100vw / 750));
    margin: 0 auto;
  }
  .FR240807DENIM .model04 .model__wrapper02 .model__wrap02 {
    width: calc(690*(100vw / 750));
    background: none;
    position: static;
  }
  .FR240807DENIM .model04 .model__credit {
    color: var(--color-white);
    position: static;
    margin-top: calc(34*(100vw / 750));
    text-align: left;
    transform: none;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
model05
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR240807DENIM .model05 {
  margin-top: 18rem;
}
.FR240807DENIM .model05 .model__wrapper01 {
  width: 56rem;
  margin: 0 auto;
  position: relative;
}
.FR240807DENIM .model05 .model__title {
  width: 20.2rem;
  top: 13.1rem;
  left: -11.1rem;
}
.FR240807DENIM .model05 .model__wrapper02 {
  width: var(--basic-width-pc);
  margin: 0 auto;
  margin-top: 7rem;
}
.FR240807DENIM .model05 .model__wrapper02 .model__wrap {
  width: 104.3rem;
  margin-left: 23.5rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  row-gap: 3rem;
}
.FR240807DENIM .model05 .model__img02 {
  width: 93rem;
}
.FR240807DENIM .model05 .model__credit {
  color: var(--color-gray);
  position: absolute;
  right: -0.25rem;
  bottom: -0.6rem;
}
@media screen and (max-width: 767px) {
  .FR240807DENIM .model05 {
    margin-top: calc(282*(100vw / 750));
  }
  .FR240807DENIM .model05 .model__wrapper01 {
    width: calc(600*(100vw / 750));
    margin: 0 auto;
    position: relative;
  }
  .FR240807DENIM .model05 .model__title {
    width: calc(274*(100vw / 750));
    top: initial;
    left: 50%;
    bottom: calc(-57*(100vw / 750));
    transform: translateX(-50%);
  }
  .FR240807DENIM .model05 .model__wrapper02 {
    width: var(--basic-width-sp);
    margin: 0 auto;
    margin-top: calc(147*(100vw / 750));
  }
  .FR240807DENIM .model05 .model__wrapper02 .model__wrap {
    width: var(--basic-width-sp);
    margin-left: 0;
    position: static;
    display: block;
  }
  .FR240807DENIM .model05 .model__img02 {
    width: var(--full-width);
    margin: 0 auto;
  }
  .FR240807DENIM .model05 .model__credit {
    position: static;
    text-align: center;
    margin-top: calc(34*(100vw / 750));
  }
  .FR240807DENIM .model05 .model__credit li {
    display: inline-block;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                ENDVIEW
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR240807DENIM .endview {
  margin-top: 13.5rem;
  border-bottom: 0.1rem solid var(--color-gray);
}
.FR240807DENIM .endview_btn {
  font-family: var(--font-en);
  font-weight: 400;
  font-size: 2.3rem;
  line-height: 1.2173913043;
  letter-spacing: 0;
  color: var(--color-black);
  text-align: center;
}
.FR240807DENIM .endview_btn > a {
  padding-block: 0.25rem;
  border-bottom: 0.3rem double var(--color-gray);
}
.FR240807DENIM .endview_staff {
  font-family: var(--font-en);
  font-weight: 400;
  margin-block: 14.3rem 13.3rem;
  font-size: 1.3rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  color: var(--color-gray);
  text-align: center;
}
.FR240807DENIM .endview_staff .block_ch {
  display: inline-block;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  .FR240807DENIM .endview {
    width: calc(1100*100vw/1400);
    margin: 0 auto;
    margin-top: calc(141*100vw/1400);
    border-bottom: calc(1*100vw/1400) solid var(--color-gray);
  }
  .FR240807DENIM .endview_btn > a {
    padding-bottom: calc(1*100vw/1400);
  }
  .FR240807DENIM .endview_staff {
    margin-block: calc(145*100vw/1400) calc(136*100vw/1400);
  }
}
@media screen and (max-width: 767px) {
  .FR240807DENIM .endview {
    width: calc(750*100vw/750);
    margin-top: calc(145* 100vw / 750);
    border-bottom: 0;
  }
  .FR240807DENIM .endview_btn {
    font-size: calc(40*100vw/750);
  }
  .FR240807DENIM .endview_btn > a {
    padding-block: calc(7* 100vw / 750);
  }
  .FR240807DENIM .endview_staff {
    margin-block: calc(160* 100vw / 750) calc(149* 100vw / 750);
    font-size: calc(25*100vw/750);
  }
  .FR240807DENIM .endview_staff .block_ch {
    display: none;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                SLICK
//////////////////////////////////////////////////////////////////////////////////////////////
*/
/* .FR240807DENIM .slick-dots {
  position: absolute;
  margin: 0;
  bottom: 1rem;
  left: 0.4rem;
}
.FR240807DENIM .slick-dots li button {
  width: 0.6rem;
  height: 0.6rem;
  border: 1px solid var(--color-black);
  border-radius: 50%;
}
.FR240807DENIM .slick-dots li.slick-active button {
  background: var(--color-black);
}
.FR240807DENIM .slick-dots li {
  margin: 0 0.6rem;
} */
@media screen and (max-width: 767px) {
  .FR240807DENIM .model__slider02 .slick-dots {
    position: absolute;
    bottom: calc(20*100vw/750);
    right: calc(8*100vw/750);
    margin: 0;
  }
  .FR240807DENIM .model__slider02 .slick-dots li button {
    width: calc(10*100vw/750);
    height: calc(10*100vw/750);
    border: 1px solid var(--color-white);
  }
  .FR240807DENIM .model__slider02 .slick-dots li.slick-active button {
    background: var(--color-white);
  }
  .FR240807DENIM .model__slider02 .slick-dots li { 
    margin: 0 calc(11*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                Animation
//////////////////////////////////////////////////////////////////////////////////////////////
*/

/* その場でフェードイン */
.fadeUpFirst{
  animation-name:fadeUpFirst;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
}
  
@keyframes fadeUpFirst{
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
  
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.FR240807DENIM .fadeUpFirstTrigger{
  opacity: 0;
}


.fadeUp{
  animation-name:fadeUpAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
}
  
@keyframes fadeUpAnime{
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
  
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.FR240807DENIM .fadeUpTrigger{
  opacity: 0;
}