@charset "UTF-8";

/*******************************
MO240222LIMITED
*******************************/
.celford231226{
  display: block;
  width: 100%;
  color: #000000;
  box-sizing: border-box;
}

.celford231226 *{box-sizing: border-box;}


/*******************************
fadeInSetting
*******************************/
.celford231226 .fadeInBlock:not(.fadeSP),
.celford231226 .fadeInList:not(.fadeSP) > *{
  visibility: hidden;
  opacity: 0;
  transform: translate(0, 0);
  transition: opacity 2.5s ease 0.5s, transform 1s ease 0.2s;
  pointer-events: none;
}


.celford231226 .fadeInBlock:not(.fadeSP).leftIn,
.celford231226 .fadeInList:not(.fadeSP).leftIn > *{
  transform: translateX(-20%);
}

.celford231226 .fadeInBlock:not(.fadeSP).rightIn,
.celford231226 .fadeInList.rightIn > *{
  transform: translateX(20%);
}

.celford231226 .fadeInBlock:not(.fadeSP).upIn,
.celford231226 .fadeInList:not(.fadeSP).upIn > *{
  transform: translateY(20%);
}

.celford231226 .fadeInBlock:not(.fadeSP).downIn,
.celford231226 .fadeInList:not(.fadeSP).downIn > *{
  transform: translateY(-20%);
}

.celford231226 .fadeInBlock:not(.fadeSP).view,
.celford231226 .fadeInList:not(.fadeSP) > *.view{
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
  pointer-events: inherit;
}

.celford231226 a.fadeInBlock.view:hover{
  opacity: .6;
}

/*******************************
itemLinks
*******************************/
.celford231226 .itemLinks{display: block;}
.celford231226 .itemLinks > ul{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 1em;
  margin-top: calc((-1em * 1.692307692307692 + 1em) / 2);
  margin-bottom: calc((-1em * 1.692307692307692 + 1em) / 2);
  font-family: "Crimson Text", serif;
  font-size: 1.3rem;
  line-height: 1.692307692307692;
  letter-spacing: 0.025em;
  text-align: center;
  font-weight: 200;
  font-style: normal;
}

.celford231226 .itemLinks > ul > li{display: block;}
.celford231226 .itemLinks > ul > li > a{
  display: inline-block;
  white-space: nowrap;
  color: #000000;
  text-decoration: none;
  position: relative;
}
.celford231226 .itemLinks > ul > li > a::after{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #b2b2b2;
  position: absolute;
  bottom: 0.4rem;
  left: 0;
}


/*******************************
mvImg
*******************************/
.celford231226 .mv{
  display: block;
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  position: relative;
}
.celford231226 .mv > a{display: block;}

.celford231226 .mv picture{
  display: block;
  width: 100%;
  height: auto;
}

.celford231226 .mv img{
  display: block;
  width: 100%;
  height: auto;
}

.celford231226 .mv .text{
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 30.4rem;
  text-align: left;
  position: absolute;
  left: 0;
  top: 0;
}

.celford231226 .mv .text > .mainTTL{
  display: block;
  width: 47rem;
  margin: 0 0 2.4rem auto;
  padding-bottom: 1rem;
  border-bottom: 1px solid #4d4d4d;
  position: relative;
}

.celford231226 .mv .text > .mainTTL > em{
  display: block;
  font-family: "altesse-std-64pt", sans-serif;
  font-weight: 400;
  font-size: 4.7rem;
  font-feature-settings: "palt";
  line-height: 1;
  letter-spacing: 0;
  position: absolute;
  top: -5.4rem;
  left: -5.2rem;
  transform: rotate(-10deg);
}

.celford231226 .mv .text > .mainTTL > span{
  display: block;
  font-family: "the-seasons", sans-serif;
  font-weight: 300;
  font-size: 5.6rem;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  
}

.celford231226 .mv .text > p{
  display: block;
  width: 46.7rem;
  margin: 0 0 0 auto;
  font-size: 1.5rem;
  line-height: 2;
  margin-top: calc((-1em * 2 + 1em) / 2);
  margin-bottom: calc((-1em * 2 + 1em) / 2);
}



/*******************************
lede
*******************************/
.celford231226 .lede{
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 12.3rem 0 12rem;
  text-align: center;
  font-size: 1.3rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  margin-top: calc((-1em * 2.2 + 1em) / 2);
  margin-bottom: calc((-1em * 2.2 + 1em) / 2);
}
.celford231226 .lede > p{font-weight: 500; font-feature-settings: 'palt';}
.celford231226 .lede > p > strong{color: #db7159;}

/*******************************
sec01
*******************************/
#sec01{
  display: block;
  padding-top: 19.9rem;
  padding-bottom: 10rem;
  position: relative;
  z-index: 1;
}
#sec01::after{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ecb6aa;
  position: absolute;
  top: 27.9rem;
  left: 0;
  z-index: -1;
}


#sec01 .setionTTL{
  display: block;
  width: 50%;
  margin: 0 0 19.7rem auto;
  padding-left: 16.8rem;
  font-family: "the-seasons", sans-serif;
  font-weight: 400;
  font-size: 8rem;
  letter-spacing: 0.025em;
  color: #ecb6aa;
  text-align: left;
  position: relative;
  z-index: 1;
}

#sec01 .setionTTL > picture{
  display: block;
  width: 17.1rem;
  height: auto;
  position: absolute;
  left: 26.9rem;
  top: -13rem;
  z-index: -1;
}
#sec01 .setionTTL > picture > img{
  display: block;
  width: 100%;
  height: auto;
}

#sec01 .firstBlock{
  display: block;
  width: 44rem;
  position: absolute;
  left: calc(50% - 50.3rem);
  top: 0;
  z-index: 1;
}

#sec01 .firstBlock > .img{display: block;}
#sec01 .firstBlock > .img > a,
#sec01 .firstBlock > .img figure,
#sec01 .firstBlock > .img img{display: block; width: 100%; height: auto;}

#sec01 .firstBlock > .img figure{
  border-radius: 15rem 0 15rem 0;
  overflow: hidden;
}

#sec01 .firstBlock > .text{
  display: block;
  width: 100%;
  margin-top: 8.1rem;
}

#sec01 .firstBlock > .text > p{
  display: block;
  padding-left: 4.2rem;
  text-align: left;
  font-family: YuMincho, "Yu Mincho", "serif";
  font-size: 2.2rem;
  font-feature-settings: "palt";
  letter-spacing: 0.075em;
  line-height: 1.839218181818182;
  margin-top: calc((-1em * 1.839218181818182 + 1em) / 2);
  margin-bottom: calc((-1em * 1.839218181818182 + 1em) / 2);
  font-weight: 800;
  white-space: nowrap;
}

#sec01 .firstBlock > .text > p > span{
  display: block;
  margin-top: 2.1rem;
  padding-left: 12rem;
  font-weight: 800;
}


#sec01 .secondBlock{
  display: block;
  width: 50%;
  margin: 0 0 0 auto;
  padding-left: 6rem;
  letter-spacing: 0.025em;
  color: #ecb6aa;
  text-align: left;
  position: relative;
  z-index: 1;
}

#sec01 .secondBlock > .img{
  display: block;
  width: 44.3rem;
  position: relative;
}

#sec01 .secondBlock > .img > a{
  display: block;
  width: 34rem;
  margin-bottom: 3rem;
}
#sec01 .secondBlock > .img a > figure img{display: block; width: 100%; height: auto;}


#sec01 .secondBlock > .img > figure{
  display: block;
  width: 28rem;
  position: absolute;
  right: 0;
  top: -4rem;
  z-index: -2;
}

#sec01 .secondBlock .itemLinks{padding-right: 10.4rem; text-align: right;}

#sec01 .secondBlock .itemLinks > ul{
  justify-content: flex-end;
  text-align: right;
}

/*******************************
sec02
*******************************/
#sec02{
  display: block;
  padding-top: 38.8rem;
  padding-bottom: 12rem;
  background: #f1f1f1;
  position: relative;
  z-index: 1;
}
#sec02::after{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #b2b2b2;
  position: absolute;
  top: 46.9rem;
  left: 0;
  z-index: -1;
}


#sec02 .setionTTL{
  display: block;
  width: 50%;
  margin: 0 0 54.3rem auto;
  margin-bottom: 52.6rem;
  padding-left: 17.4rem;
  font-family: "ivyora-display", sans-serif;
  font-weight: 400;
  font-size: 8rem;
  letter-spacing: 0.025em;
  color: #b2b2b2;
  text-align: left;
  position: relative;
  z-index: 1;
}


#sec02 .firstBlock{
  display: block;
  width: 43rem;
  position: absolute;
  left: calc(50% - 37.7rem);
  top: 10.1rem;
  z-index: 1;
}

#sec02 .firstBlock > .img{display: block;}
#sec02 .firstBlock > .img > a,
#sec02 .firstBlock > .img figure,
#sec02 .firstBlock > .img img{display: block; width: 100%; height: auto;}

#sec02 .firstBlock > .img figure{
  border-radius: 0 0 0 15rem;
  overflow: hidden;
}

#sec02 .firstBlock > .text{
  display: block;
  width: 100%;
  margin-top: 8.1rem;
  transform: translateX(16rem);
  /*padding-left: 13.5rem;*/
}

#sec02 .firstBlock > .text > p{
  display: block;
  text-align: center;
  font-family: YuMincho, "Yu Mincho", "serif";
  font-size: 2.2rem;
  font-feature-settings: "palt";
  letter-spacing: 0.075em;
  line-height: 1.839218181818182;
  margin-top: calc((-1em * 1.839218181818182 + 1em) / 2);
  margin-bottom: calc((-1em * 1.839218181818182 + 1em) / 2);
  font-weight: 800;
  white-space: nowrap;
}

#sec02 .firstBlock > .text > p > span{
  display: block;
  margin-top: 2.4rem;
  font-weight: 800;
}


#sec02 .secondBlock{
  display: block;
  width: 42.8rem;
  margin: 0 auto 0 auto;
  padding-left: 4.2rem;
  letter-spacing: 0.025em;
  color: #ecb6aa;
  text-align: left;
  position: relative;
  z-index: 1;
}

#sec02 .secondBlock > .img{
  display: block;
  width: 34rem;
  position: relative;
}

#sec02 .secondBlock > .img > a{
  display: block;
  width: 34rem;
  margin-bottom: 3rem;
}
#sec02 .secondBlock > .img a > figure img{display: block; width: 100%; height: auto;}



#sec02 .secondBlock > .img > figure{
  display: block;
  width: 33rem;
  position: absolute;
  left: -8.5rem;
  top: 6.4rem;
  z-index: -2;
}

#sec02 .secondBlock .itemLinks{
  position: absolute;
  left: calc(100% + 5rem);
  bottom: 0;
}

#sec02 .secondBlock .itemLinks > ul{
  justify-content: flex-start;
  text-align: left;
}


/*******************************
sec03
*******************************/
#sec03{
  display: block;
  padding-top: 23.8rem;
  padding-bottom: 5.2rem;
  position: relative;
  z-index: 1;
}
#sec03::after{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #d0b782;
  position: absolute;
  top: 31.7rem;
  left: 0;
  z-index: -1;
}


#sec03 .setionTTL{
  display: block;
  width: 50%;
  margin: 0 auto 23rem 0;
  padding-right: 13.7rem;
  font-family: "ivyora-display", sans-serif;
  font-weight: 400;
  font-size: 8rem;
  letter-spacing: 0.025em;
  color: #d0b782;
  text-align: right;
  position: relative;
  z-index: 1;
}


#sec03 .firstBlock{
  display: block;
  width: 42rem;
  position: absolute;
  right: calc(50% - 48.4rem);
  top: 10rem;
  z-index: 1;
}

#sec03 .firstBlock > .img{display: block;}
#sec03 .firstBlock > .img > a,
#sec03 .firstBlock > .img figure,
#sec03 .firstBlock > .img img{display: block; width: 100%; height: auto;}

#sec03 .firstBlock > .img figure{
  border-radius: 0 15rem 0 0;
  overflow: hidden;
}

#sec03 .firstBlock > .text{
  display: block;
  width: 100%;
  margin-top: 12rem;
  padding-left: 0.2rem;
}

#sec03 .firstBlock > .text > p{
  display: block;
  text-align: left;
  font-family: YuMincho, "Yu Mincho", "serif";
  font-size: 2.2rem;
  font-feature-settings: "palt";
  letter-spacing: 0.075em;
  line-height: 1.839218181818182;
  margin-top: calc((-1em * 1.839218181818182 + 1em) / 2);
  margin-bottom: calc((-1em * 1.839218181818182 + 1em) / 2);
  font-weight: 800;
  white-space: nowrap;
}

#sec03 .firstBlock > .text > p > span{
  display: block;
  padding-left: 16rem;
  font-weight: 800;
  margin-top: 2.4rem;
}


#sec03 .secondBlock{
  display: block;
  width: 50%;
  margin: 0 auto 0 0;
  padding-right: 5.5rem;
  text-align: left;
  position: relative;
  z-index: 1;
}

#sec03 .secondBlock > .img{
  display: block;
  width: 36rem;
  position: relative;
  margin: 0 0 0 auto;
}

#sec03 .secondBlock > .img > a{
  display: block;
  width: 36rem;
  margin-bottom: 3rem;
}
#sec03 .secondBlock > .img a > figure img{display: block; width: 100%; height: auto;}


#sec03 .secondBlock > .img > figure{
  display: block;
  width: 29rem;
  position: absolute;
  left: -9.4rem;
  top: -4rem;
  z-index: -2;
}

#sec03 .secondBlock .itemLinks{text-align: right;}

#sec03 .secondBlock .itemLinks > ul{
  justify-content: flex-start;
  text-align: left;
}


/*******************************
overRide
*******************************/
.celford231226 .spView{display: none;}