@charset "UTF-8";


/* ///////////////////////////////////////////////////////////////////////////////////////////////////
                                    ▼ 下記よりCSSの追加をお願いします ▼                              
/////////////////////////////////////////////////////////////////////////////////////////////////// */

.celford_240830 {
  --color-main: #FEFCF0;
	--color-light: #fff;
	--color-dim: #b7b7b7;
	--color-dark: #000;
	--font-en: "garamond-premier-pro", serif;;
	--font-ja-san-serif: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
	--font-ja-serif: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	overflow: hidden;
  --sp-sec_normal_width: calc(530* (100vw / 750 ));
  --pc-sec_normal_width: 70rem;
}


.celford_240830 {
  background: var(--color-main);
  list-style: none;
  color: var(--color-dark);
  font-family: var(--font-ja-serif);
  font-weight: 400;
  font-family: var(--font-en);
}

.celford_240830 p,
.celford_240830 ul,
.celford_240830 ol,
.celford_240830 dl {
  margin: 0;
}

.celford_240830 li {
  list-style: none;
}

.celford_240830 a {
  display: block;
}

.celford_240830 img {
  width: 100%;
  height: auto;
  position: relative;
  -webkit-backface-visibility: hidden;
}

.celford_240830 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.celford_240830 picture,
.celford_240830 video {
  display: block;
}

.celford_240830 .pc {
  display: none !important;
}

@media only screen and (min-width: 768px), print {
	.celford_240830 .sp {
		display: none !important;
	}
	.celford_240830 .pc {
		display: block !important;
	}
}


/* common */


.celford_240830 .sec .sec_normal_width{
  display: flex;
  flex-direction: column;
  gap: calc(10* (100vw / 750 ));
  width: var(--sp-sec_normal_width);
  margin: auto;
}

.celford_240830 .sec .sec_text_wrap{
  position: relative;
  display: grid;
  grid-template-columns: calc(284* (100vw / 750 )) auto;
  justify-content: space-between;
}


.celford_240830 .sec .sec_line{
  position: absolute;
  right: 0;
  bottom: calc(0* (100vw / 750 ));
  width: calc(497* (100vw / 750 ));
  height: 1px;
  background: var(--color-dark);
}

.celford_240830 .sec .sec_tax{
  width: fit-content;
  font-size: calc(27* (100vw / 750 ));
  line-height: 1.45;
}


@media only screen and (min-width: 768px), print {

  .celford_240830 .sec{
    width: 140rem;
    margin: auto;
  }

  .celford_240830 .sec.--05{
    width: 100%;
  }

  .celford_240830 .sec .sec_normal_width{
    display: grid;
    place-content: center;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 0;
  }

  .celford_240830 .sec .sec_normal_width_pc{
    display: grid;
    place-content: center;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 0;
  }

  .celford_240830 .sec .sec_text_wrap{
    position: relative;
    display: block;
  }
  

  .celford_240830 .sec .sec_head{
    width: 17.7rem;
    margin: auto;
  }
  
  .celford_240830 .sec .sec_line{
    display: block;
    position: initial;
    width: 3.5rem;
    margin: auto;
    margin-top: 5rem;
    height: 1px;
    background: var(--color-dark);
  }
  
  .celford_240830 .sec .sec_tax{
    width: fit-content;
    margin: auto;
    font-size: 1.6rem;
    line-height: 2.875;
    text-align: center;
  }
}
/* common */


/* mv */

.celford_240830 .mv .mv_img{
  position: relative;
  width: 100%;
  margin: auto;
}

.celford_240830 .mv .mv_text_wrap{
  position: absolute;
  top: calc(342* (100vw / 750 ));
  left: calc(190* (100vw / 750 ));
}

.celford_240830 .mv .mv_head{
  width: calc(370* (100vw / 750 ));
}

.celford_240830 .mv .mv_logo{
  width: calc(200* (100vw / 750 ));
  margin: auto;
  margin-top: calc(149* (100vw / 750 ));
}


@media only screen and (min-width: 768px), print {

  
  .celford_240830 .mv .mv_text_wrap{
    pointer-events: none;
    position: absolute;
    left: auto;
    top: calc(193* (100vw / 1400 ));
    right: calc(236* (100vw / 1400 ));
  }
  
  .celford_240830 .mv .mv_head{
    width: calc(294* (100vw / 1400 ));
  }
  
  .celford_240830 .mv .mv_logo{
    width: calc(173* (100vw / 1400 ));
    margin: auto;
    margin-top: calc(115* (100vw / 1400 ));
  }

}
/* mv */


/* sec01 */


.celford_240830 .sec.--01{
  margin-top: calc(110* (100vw / 750 ));
}

.celford_240830 .sec.--01 .sec_img_02_wrap{
  position: relative;
  width: calc(710* (100vw / 750 ));
  margin: auto;
  margin-top: calc(110* (100vw / 750 ));
}

.celford_240830 .sec.--01 .sec_text_wrap{
  margin-top: calc(88* (100vw / 750 ));
  padding: 0 calc(28* (100vw / 750 )) 0  calc(42* (100vw / 750 ));
}

.celford_240830 .sec.--01 .sec_tax{
  margin-top: calc(44* (100vw / 750 ));
}


@media only screen and (min-width: 768px), print {

  .celford_240830 .sec.--01{
    margin-top: 1rem;
  }
  
  .celford_240830 .sec.--01 .sec_img_box.--02{
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: space-between;
    position: relative;
    width: 113.8rem;
    margin: 0;
    margin-left: auto;
    margin-top: 15rem;
  }
  
  .celford_240830 .sec.--01 .sec_img_02_wrap{
    position: relative;
    width: 70rem;
    margin: 0;
  }
  
  .celford_240830 .sec.--01 .sec_text_wrap{
    margin-top: 57.9rem;
    padding: 0;
  }
  
  .celford_240830 .sec.--01 .sec_tax{
    margin-top: 3.6rem;
  }

}
/* sec01 */


/* sec02 */


.celford_240830 .sec.--02{
  margin-top: calc(247* (100vw / 750 ));
}

.celford_240830 .sec.--02 .sec_img_02_wrap{
  margin: auto;
  margin-top: calc(110* (100vw / 750 ));
}

.celford_240830 .sec.--02 .sec_img_02{
  width: calc(710* (100vw / 750 ));
  margin: auto;
}

.celford_240830 .sec.--02 .sec_img_03_wrap{
  width: calc(530* (100vw / 750 ));
  margin: auto;
  margin-top: calc(110* (100vw / 750 ));
}

.celford_240830 .sec.--02 .sec_text_wrap{
  margin-top: calc(88* (100vw / 750 ));
  padding: 0 calc(27* (100vw / 750 )) 0  calc(42* (100vw / 750 ));
}

.celford_240830 .sec.--02 .sec_tax{
  margin-top: calc(0* (100vw / 750 ));
}


@media only screen and (min-width: 768px), print {

  .celford_240830 .sec.--02{
    margin-top: 11.6rem;
  }

  .celford_240830 .sec.--02 .sec_img_02_wrap{
    margin: auto;
    margin-top: 1rem;
  }
  
  .celford_240830 .sec.--02 .sec_img_box.--02{
    display: flex;
    flex-direction: column-reverse;
  }
  
  .celford_240830 .sec.--02 .sec_img_02_wrap{
    position: relative;
  }
  
  .celford_240830 .sec.--02 .sec_img_02_bg{
    background-image: url(../img/img04_01_bg_pc.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 140rem;
    height: 125rem;
    margin: auto;
  }
  
  .celford_240830 .sec.--02 .sec_img_02{
    position: absolute;
    width: 70rem;
    margin: 10rem auto 0;
    inset: 0;
  }
  
  .celford_240830 .sec.--02 .sec_img_03_wrap{
    width: 100%;
    margin: auto;
    margin-top: 1rem;
  }
  
  .celford_240830 .sec.--02 .sec_text_wrap{
    margin-top: 15rem;
    padding: 0;
  }
  
  .celford_240830 .sec.--02 .sec_tax{
    margin-top: 4rem;
  }
}
/* sec02 */


/* sec03 */

.celford_240830 .sec.--03{
  margin-top: calc(254* (100vw / 750 ));
}

.celford_240830 .sec.--03 .sec_img_01{
  width: calc(710* (100vw / 750 ));
  margin: auto;
}

.celford_240830 .sec.--03 .sec_img_02{
  width: calc(530* (100vw / 750 ));
  margin: auto;
  margin-top: calc(106* (100vw / 750 ));
}

.celford_240830 .sec.--03 .sec_img_03{
  width: 100%;
  margin-top: calc(110* (100vw / 750 ));
}

.celford_240830 .sec.--03 .sec_img_box.--02{
  margin-top: calc(110* (100vw / 750 ));
}

.celford_240830 .sec.--03 .sec_text_wrap{
  margin-top: calc(89* (100vw / 750 ));
  padding: 0 calc(29* (100vw / 750 )) 0  calc(42* (100vw / 750 ));
}

.celford_240830 .sec.--03 .sec_tax{
  margin-top: 0;
}



@media only screen and (min-width: 768px), print {

  .celford_240830 .sec.--03{
    margin-top: 15rem;
  }
  
  .celford_240830 .sec.--03 .sec_img_01{
    width: 100%;
    margin: auto;
    order: 2;
  }
  
  .celford_240830 .sec.--03 .sec_img_02{
    width: 100%;
    margin: auto;
    margin-top:0;
    order: 1;
  }
  
  .celford_240830 .sec.--03 .sec_img_03_wrap{
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: space-between;
    position: relative;
    width: 114rem;
    margin: 0;
    margin-left: auto;
    margin-top: 15rem;
  }
  
  .celford_240830 .sec.--03 .sec_img_03{
    position: relative;
    width: 70rem;
    margin: 0;
  }
  
  .celford_240830 .sec.--03 .sec_text_wrap{
    margin-top: 58rem;
    padding: 0;
  }
  
  .celford_240830 .sec.--03 .sec_img_box.--02{
    margin-top: 15rem;
  }
  
  .celford_240830 .sec.--03 .sec_tax{
    margin-top: 3.4rem;
  }
  
  .celford_240830 .sec.--03 .sec_line{
    margin-top: 4.3rem;

  }
}
/* sec03 */



/* sec04 */

.celford_240830 .sec.--04{
  margin-top: calc(250* (100vw / 750 ));
}

.celford_240830 .sec.--04 .sec_img_01_wrap{
  width: calc(710* (100vw / 750 ));
  margin: auto;
}

.celford_240830 .sec.--04 .sec_img_box.--01{
  margin-top: calc(110* (100vw / 750 ));
}

.celford_240830 .sec.--04 .sec_img_03_wrap{
  width: calc(530* (100vw / 750 ));
  margin: auto;
  margin-top: calc(110* (100vw / 750 ));
}

.celford_240830 .sec.--04 .sec_text_wrap{
  margin-top: calc(85* (100vw / 750 ));
  padding: 0 calc(26* (100vw / 750 )) 0  calc(42* (100vw / 750 ));
}

.celford_240830 .sec.--04 .sec_tax{
  margin-top: 0;
}

.celford_240830 .sec.--04 .sec_img_box.--03{
  margin-top: calc(247* (100vw / 750 ));
}

.celford_240830 .sec.--04 .sec_head_wrap{
  margin-top: calc(202* (100vw / 750 ));
}

.celford_240830 .sec.--04 .sec_ttl{
  width: calc(320* (100vw / 750 ));
  margin: auto;
}

.celford_240830 .sec.--04 .sec_btn{
  text-align: center;
  width: fit-content;
  margin: auto;
  margin-top: calc(198* (100vw / 750 ));
  font-size: calc(29* (100vw / 750 ));
  letter-spacing: 0.4em;
  border-bottom: 1px solid var(--color-dark);
  padding-bottom: calc(12* (100vw / 750 ));
  padding-left: calc(12* (100vw / 750 ));
}

@media only screen and (min-width: 768px), print {

  .celford_240830 .sec.--04{
    margin-top: 15rem;
  }
  
  .celford_240830 .sec.--04 .sec_img_01_wrap{
    width: 70rem;
    margin: auto;
  }
  
  .celford_240830 .sec.--04 .sec_img_box.--01{
    margin-top: 12rem;
  }
  
  .celford_240830 .sec.--04 .sec_text_wrap{
    margin-top: 16.6rem;
    padding: 0;
  }

  
  .celford_240830 .sec.--04 .sec_tax{
    margin-top: 3.4rem;
  }
  
  .celford_240830 .sec.--04 .sec_img_box.--03{
    margin-top: 13.4rem;
  }
  
  .celford_240830 .sec.--04 .sec_head_wrap{
    margin-top: 17rem;
  }
  
  .celford_240830 .sec.--04 .sec_ttl{
    width: 21.2rem;
    margin: auto;
  }
  
  .celford_240830 .sec.--04 .sec_btn{
    margin-top: 10.7rem;
    font-size: 1.6rem;
    padding-bottom: 0.2rem;
    padding-left: 0.4rem;
  }
  
}
/* sec04 */

/* sec05 */

.celford_240830 .sec.--05{
  margin-top: calc(192 * (100vw / 750 ));
}

.celford_240830 .sec.--05 .sec_img_01{
  position: relative;
  width: 100%;
  margin: auto;
}

.celford_240830 .sec.--05 .sec_ttl_wrap{
  margin-top: calc(149* (100vw / 750 ));
}

.celford_240830 .sec.--05 .sec_logo{
  width: calc(252* (100vw / 750 ));
  margin-left: auto;
  margin-right: calc(40 * (100vw / 750 ));
}

.celford_240830 .sec.--05 .sec_season{
  width: calc(252* (100vw / 750 ));
  margin-left: auto;
  margin-right: calc(40 * (100vw / 750 ));
  margin-top: calc(25* (100vw / 750 ));
}

.celford_240830 .sec.--05 .sec_staff{
  text-align: right;
  width: fit-content;
  margin-left: auto;
  margin-right: calc(40 * (100vw / 750 ));
  line-height: 1.6;
  font-size: calc(22* (100vw / 750 ));
  margin-top: calc(54* (100vw / 750 ));
  padding-bottom: calc(100* (100vw / 750 ));
}

@media only screen and (min-width: 768px), print {

  .celford_240830 .sec.--05{
    margin-top: 17rem;
  }
  
  .celford_240830 .sec.--05 .sec_img_01{
    position: relative;
    width: 100%;
    margin: auto;
  }
  
  .celford_240830 .sec.--05 .sec_ttl_wrap{
    margin: 0;
    position: absolute;
    z-index: 2;
    bottom: calc(59* (100vw / 1400 ));
    right: calc(60* (100vw / 1400 ));
  }
  
  .celford_240830 .sec.--05 .sec_logo{
    width: calc(252* (100vw / 750 ));
    margin-left: auto;
    margin-right: calc(40 * (100vw / 750 ));
  }
  
  .celford_240830 .sec.--05 .sec_season{
    width: calc(252* (100vw / 750 ));
    margin-left: auto;
    margin-right: calc(40 * (100vw / 750 ));
    margin-top: calc(25* (100vw / 750 ));
  }
  
  .celford_240830 .sec.--05 .sec_staff{
    text-align: right;
    width: fit-content;
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    color: var(--color-light);
    line-height: 1.64;
  }
  
}


/* sec05 */


/* アニメーション */
.celford_240830 .js-fade
{
  opacity: 0;
  transition: opacity 3s ease ;
}

.celford_240830 .js-fade.active
{
  opacity: 1;
}


/* slider */

.celford_240830 .slick-arrow{
  display: none !important;
}

.celford_240830 .slick-dots{
  display: flex;
  justify-content: flex-end;
  gap: calc(30* (100vw / 750 ));
  position: absolute;
  bottom: calc(19* (100vw / 750 ));
  right: calc(18* (100vw / 750 ));
}

.celford_240830 .slick-dots li{
  margin: 0;
  border: var(--color-dark) 1px solid;
  border-radius: 100%;
  width: calc(12* (100vw / 750 ));
  height: calc(12* (100vw / 750 ));
}

.celford_240830 .slick-dots li button:before{
  display: none;
}

.celford_240830 .slick-dots li.slick-active{
  background: var(--color-dark);
}

.celford_240830 .slick-dots li button{
  padding: 0;
  width: 100%;
  height: 100%;
  background: transparent !important;
}

@media only screen and (min-width: 768px), print {
  .celford_240830 .slick-dots{
    display: flex;
    gap: 1.6rem;
    position: initial;
    margin-top: 2.5rem;
    margin-left: auto;
    width: fit-content;
    margin-right: 2.4rem;
  }
  
  .celford_240830 .slick-dots li{
    width: 0.8rem;
    height: 0.8rem;
  }
}

.celford_240830 .js-fade,
.celford_240830 .js-mv_fade
{
  opacity: 0;
  transition: opacity 1s ease , transform 1s ease;
  transform: translateY(2rem);
}

.celford_240830 .js-mv_fade.--delay01,
.celford_240830 .js-fade.--delay01
 {
  transition-delay: 0.3s;
}
.celford_240830 .js-mv_fade.--delay02,
.celford_240830 .js-fade.--delay02
 {
  transition-delay: 0.6s;
}

.celford_240830 .js-fade {
  opacity: 0;
  transition: opacity 1s ease , transform 1s ease;
  transform: translateY(2rem);
}

.celford_240830 .js-fade.active,
.celford_240830 .js-mv_fade.active
 {
  opacity: 1;
  transform: translateY(0);
}