@charset "UTF-8";
/*---------- reset ----------*/
.main-area .main-inner {
  margin: 0;
  width: 100%;
}

/*---------- reset ----------*/
/*---------- all common ----------*/
html {
  font-size: 62.5%;
  box-sizing: border-box;
}

.celford_231109 img,
.celford_231109 svg,
.celford_231109 video {
  width: 100%;
  height: auto;
}
.celford_231109 a,
.celford_231109 picture,
.celford_231109 video {
  display: block;
}
.celford_231109 .pc-only {
  display: none;
}
@media screen and (min-width: 768px) {
  .celford_231109 .pc-only {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .celford_231109 .sp-only {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .celford_231109 #breadcrumb {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
  }
}
.celford_231109 #breadcrumb .cateList {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: initial;
}
@media screen and (min-width: 768px) {
  .celford_231109 #breadcrumb .cateList {
    text-overflow: clip;
    white-space: normal;
    overflow: visible;
  }
}

/*---------- all common ----------*/
/*---------- animation ----------*/
.js-fade-Vr {
  opacity: 0;
  transition-duration: 1.2s;
}

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

/*---------- animation ----------*/
/*---------- font ----------*/
.firstviewArea__lead,
.sec-messageArea__txt,
.sec-profileArea__txt {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(24 *(100vw / 750));
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .firstviewArea__lead,
  .sec-messageArea__txt,
  .sec-profileArea__txt {
    font-size: 1.3rem;
  }
}

.btn-sound {
  font-family: "adobe-garamond-pro", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(28 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.035em;
}
@media screen and (min-width: 768px) {
  .btn-sound {
    font-size: 1.5rem;
  }
}

.sec-ttl {
  font-family: "adobe-garamond-pro", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(90 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.035em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-ttl {
    font-size: 7rem;
  }
}

.sec01 .sec-ttl {
  color: #E9DDE9;
}

.sec02 .sec-ttl {
  color: #D0D5E3;
}

.sec03 .sec-ttl {
  color: #D5D5D5;
}

.sec-txt {
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(32 *(100vw / 750));
  line-height: 2;
  letter-spacing: 0.075em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-txt {
    font-size: 1.7rem;
    line-height: 1.8823529412;
  }
}

.sec-credit span {
  font-family: "Crimson Text", serif;
  font-size: calc(24 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-credit span {
    font-size: 1.3rem;
  }
}

.sec-messageArea__ttl {
  font-family: "adobe-garamond-pro", serif;
  font-weight: 400;
  font-style: italic;
  font-size: calc(40 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.035em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-messageArea__ttl {
    font-size: 2rem;
  }
}

.sec-profileArea__name {
  font-family: "source-han-serif-japanese", serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(38 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-profileArea__name {
    font-size: 2.2rem;
  }
}

.sec-profileArea__subName {
  font-family: "Crimson Text", serif;
  font-size: calc(28 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.015em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-profileArea__subName {
    font-size: 1.4rem;
  }
}

.sec-staffCredit {
  font-family: "Crimson Text", serif;
  font-size: calc(24 *(100vw / 750));
  line-height: 1.9166666667;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-staffCredit {
    font-size: 1.3rem;
    line-height: 1.8461538462;
  }
}

.celford_231109__btn a {
  font-family: "Crimson Text", serif;
  font-size: calc(22 *(100vw / 750));
  line-height: 1.5454545455;
  letter-spacing: 0.002em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .celford_231109__btn a {
    font-size: 1.1rem;
    line-height: 1.3090909091;
    letter-spacing: 0.025em;
  }
}

/*---------- font ----------*/
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
//////////////////////////////////////////////////////////////////////////////////////////////
*/
/*---------- image-size ----------*/
.firstviewArea__img {
  width: 100%;
}

.firstviewArea__movie {
  width: 100%;
}

.model-movie {
  width: calc(570 *(100vw / 750));
}

.model-image101 {
  width: calc(600 *(100vw / 750));
}

.model-image102 {
  width: 100%;
}

.image-box103 {
  width: calc(620 *(100vw / 750));
}

.model-image201 {
  width: calc(600 *(100vw / 750));
}

.model-image202 {
  width: calc(600 *(100vw / 750));
}

.image-box203 {
  width: 100%;
}

.model-image301 {
  width: calc(580 *(100vw / 750));
}

.model-image302 {
  width: 100%;
}

.image-box303 {
  width: calc(640 *(100vw / 750));
}

/*---------- image-size ----------*/
/*---------- common ----------*/
.sec {
  margin-bottom: calc(184 *(100vw / 750));
}

.sec-bgWrap {
  position: relative;
  margin-bottom: calc(112 *(100vw / 750));
  z-index: 1;
}
.sec-bgWrap::after {
  display: block;
  position: absolute;
  top: 54.3%;
  left: 0;
  width: 100%;
  height: calc(750 *(100vw / 750));
  transform: translateY(-50%);
  z-index: -1;
  content: "";
}

.model-movie {
  position: relative;
  margin-inline: auto;
  z-index: 1;
}
.model-movie::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 103%;
  height: 102%;
  transform: translate(-50%, -50%);
  content: "";
  z-index: -1;
}

.sec-wrap:not(.sec-wrap01) .sec-txt {
  margin-top: calc(64 *(100vw / 750));
}

.sec-txt {
  text-align: center;
  margin-bottom: calc(64 *(100vw / 750));
  width: -moz-fit-content;
  width: fit-content;
}

.sec-ttl {
  text-align: center;
  margin-bottom: calc(12 *(100vw / 750));
}

.sec-credit {
  text-align: left;
  margin-top: calc(50 *(100vw / 750));
}
.sec-credit span {
  display: inline-block;
  margin-right: calc(19 *(100vw / 750));
  padding-bottom: 1px;
  border-bottom: 1px solid #B2B2B2;
}

/*---------- common ----------*/
.celford_231109 {
  padding-bottom: calc(30 *(100vw / 750));
  overflow-x: hidden;
}

.firstviewArea {
  padding-bottom: calc(135 *(100vw / 750));
}
.firstviewArea__img {
  margin-inline: auto;
  margin-bottom: calc(127 *(100vw / 750));
}
.firstviewArea__movie {
  position: relative;
  margin-inline: auto;
  margin-top: calc(68 *(100vw / 750));
  margin-bottom: calc(68 *(100vw / 750));
}
.firstviewArea__lead {
  text-align: center;
}
.firstviewArea .btn-sound {
  position: absolute;
  right: calc(10 *(100vw / 750));
  bottom: calc(10 *(100vw / 750));
  padding: calc(5 *(100vw / 750));
  border: solid 1px #000000;
  cursor: pointer;
}

.sec01 .model-movie01::after {
  border: solid 1px #E9DDE9;
}
.sec01 .sec-bgWrap::after {
  background-color: #F5F2F5;
}
.sec01 .sec-wrap01 .sec-txt {
  margin-left: calc(150 *(100vw / 750));
}
.sec01 .sec-wrap02 .sec-txt {
  margin-left: calc(152 *(100vw / 750));
}
.sec01 .sec-wrap02 .model-image101 {
  margin-inline: auto;
}
.sec01 .sec-wrap03 .sec-txt {
  margin-left: auto;
  margin-right: calc(133 *(100vw / 750));
}
.sec01 .sec-wrap03 .image-box103 {
  margin-inline: auto;
}

.sec02 .model-movie02::after {
  border: solid 1px #CDD3E6;
}
.sec02 .sec-bgWrap::after {
  background-color: #F1F2F5;
}
.sec02 .sec-wrap01 .sec-txt {
  margin-left: calc(88 *(100vw / 750));
}
.sec02 .sec-wrap01 .model-image201 {
  margin-left: auto;
  margin-right: calc(66 *(100vw / 750));
}
.sec02 .sec-wrap02 .sec-txt {
  margin-left: auto;
  margin-right: calc(87 *(100vw / 750));
}
.sec02 .sec-wrap03 .sec-txt {
  margin-left: calc(137 *(100vw / 750));
}
.sec02 .sec-wrap03 .sec-credit {
  margin-left: calc(60 *(100vw / 750));
}

.sec03 {
  margin-bottom: calc(180 *(100vw / 750));
}
.sec03 .model-movie03::after {
  border: solid 1px #D5D5D5;
}
.sec03 .sec-bgWrap::after {
  background-color: #F1F1F1;
}
.sec03 .sec-wrap01 .sec-txt {
  margin-left: calc(150 *(100vw / 750));
}
.sec03 .sec-wrap01 .model-image301 {
  margin-left: auto;
  margin-right: calc(73 *(100vw / 750));
}
.sec03 .sec-wrap02 .sec-txt {
  margin-left: calc(162 *(100vw / 750));
}
.sec03 .sec-wrap03 .sec-txt {
  margin-left: auto;
  margin-right: calc(67 *(100vw / 750));
}
.sec03 .sec-wrap03 .sec-credit {
  margin-left: calc(50 *(100vw / 750));
}

.sec-messageArea {
  text-align: center;
  margin-bottom: calc(212 *(100vw / 750));
}
.sec-messageArea__wrapper {
  position: relative;
  padding-top: calc(100 *(100vw / 750));
  padding-bottom: calc(76 *(100vw / 750));
  z-index: 1;
}
.sec-messageArea__wrapper::before, .sec-messageArea__wrapper::after {
  display: block;
  position: absolute;
  transform: translateX(-50%);
  width: calc(697 *(100vw / 750));
  height: 100%;
  content: "";
  box-sizing: border-box;
}
.sec-messageArea__wrapper::before {
  top: 0;
  left: 49%;
  z-index: -1;
  border: solid 1px #E3D3DE;
}
.sec-messageArea__wrapper::after {
  top: calc(10 *(100vw / 750));
  left: 50%;
  z-index: -5;
  background-color: #FAF7F9;
}
.sec-messageArea__ttl {
  margin-bottom: calc(60 *(100vw / 750));
}
.sec-messageArea__txt {
  position: relative;
}
.sec-messageArea__txt::before, .sec-messageArea__txt::after {
  display: block;
  position: absolute;
  width: calc(24 *(100vw / 750));
  height: calc(16 *(100vw / 750));
  content: "";
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
}
.sec-messageArea__txt::before {
  top: calc(-23 *(100vw / 750));
  left: calc(74 *(100vw / 750));
  background-image: url(../img/quotation-left.svg);
}
.sec-messageArea__txt::after {
  right: calc(74 *(100vw / 750));
  bottom: calc(-25 *(100vw / 750));
  background-image: url(../img/quotation-right.svg);
}

.sec-profileArea {
  text-align: center;
  margin-bottom: calc(168 *(100vw / 750));
  padding-bottom: calc(43 *(100vw / 750));
  border-top: solid 1px #333333;
  border-bottom: solid 1px #333333;
}
.sec-profileArea__name {
  display: inline-block;
  position: relative;
  margin-top: calc(-21 *(100vw / 750));
  margin-bottom: calc(41 *(100vw / 750));
  padding-inline: calc(30 *(100vw / 750));
  background-color: #fff;
  z-index: 1;
}
.sec-profileArea__subName {
  margin-bottom: calc(46 *(100vw / 750));
}

.sec-staffCredit {
  text-align: center;
  margin-bottom: calc(112 *(100vw / 750));
}

.celford_231109__btn {
  text-align: center;
}
.celford_231109__btn a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: calc(660 *(100vw / 750));
  height: calc(124 *(100vw / 750));
  margin: 0 auto;
  border: solid 1px #333333;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for desktop
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
  /*---------- image-size ----------*/
  .firstviewArea__img {
    width: 118rem;
  }
  .firstviewArea__movie {
    width: 86.4rem;
  }
  .model-movie {
    width: 37.8rem;
  }
  .model-image101 {
    width: 40rem;
  }
  .model-image102 {
    width: 56rem;
  }
  .image-box103 {
    width: 40rem;
  }
  .model-image201 {
    width: 38rem;
  }
  .model-image202 {
    width: 36rem;
  }
  .image-box203 {
    width: 47.3rem;
  }
  .model-image301 {
    width: 37rem;
  }
  .model-image302 {
    width: 50rem;
  }
  .image-box303 {
    width: 38rem;
  }
  /*---------- image-size ----------*/
  /*---------- common ----------*/
  .sec {
    margin-bottom: 19rem;
  }
  .sec-bgWrap {
    margin-bottom: 9.2rem;
  }
  .sec-bgWrap::after {
    top: 50.3%;
    height: 45rem;
  }
  .movie-box {
    position: relative;
    margin-inline: auto;
    width: -moz-fit-content;
    width: fit-content;
  }
  .model-movie {
    margin-inline: 0;
  }
  .model-movie::after {
    width: 105%;
    height: 103%;
  }
  .sec-wrap {
    display: flex;
    gap: 6rem;
    justify-content: center;
    align-items: center;
  }
  .sec-wrap:not(.sec-wrap01) .sec-txt {
    margin-top: 0;
  }
  .sec01 .sec-wrap01,
  .sec01 .sec-wrap03,
  .sec02 .sec-wrap02,
  .sec02 .sec-wrap03,
  .sec03 .sec-wrap01,
  .sec03 .sec-wrap02 {
    flex-direction: row-reverse;
  }
  .sec-txt {
    margin-bottom: 0;
  }
  .sec-ttl {
    text-align: left;
    position: absolute;
    top: 0;
    right: -7.5rem;
    margin-bottom: 0;
    writing-mode: vertical-lr;
  }
  .sec-credit {
    margin-top: 3rem;
  }
  .sec-credit span {
    margin-right: 1.2rem;
  }
  /*---------- common ----------*/
  .celford_231109 {
    padding-bottom: 4rem;
  }
  .firstviewArea {
    padding-bottom: 12.6rem;
  }
  .firstviewArea__img {
    margin-bottom: 9.2rem;
  }
  .firstviewArea__movie {
    margin-top: 7.6rem;
    margin-bottom: 7.2rem;
  }
  .firstviewArea .btn-sound {
    right: 1rem;
    bottom: 1rem;
    padding: 5px;
  }
  .sec01 .sec-wrap01 {
    align-items: flex-start;
    gap: 10rem;
    margin-bottom: 10rem;
    transform: translateX(-0.2rem);
  }
  .sec01 .sec-wrap01 .sec-txt {
    margin-top: 19.3rem;
    margin-left: 0;
  }
  .sec01 .sec-wrap02 {
    transform: translateX(13.4rem);
  }
  .sec01 .sec-wrap02 .sec-txt {
    margin-top: -20rem;
    margin-left: 0;
  }
  .sec01 .sec-wrap02 .model-image101 {
    margin-inline: 0;
  }
  .sec01 .sec-wrap03 {
    margin-top: -20rem;
    margin-left: -26.2rem;
  }
  .sec01 .sec-wrap03 .sec-txt {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -15.6rem;
  }
  .sec01 .sec-wrap03 .image-box103 {
    position: relative;
    z-index: 5;
    margin-inline: 0;
  }
  .sec02 .sec-wrap01 {
    transform: translateX(19.5rem);
  }
  .sec02 .sec-wrap01 .sec-txt {
    margin-top: -26rem;
    margin-left: 0;
  }
  .sec02 .sec-wrap01 .model-image201 {
    margin-left: 0;
    margin-right: 0;
  }
  .sec02 .sec-wrap02 {
    margin-top: -13.8rem;
    margin-left: -40rem;
    margin-bottom: 8rem;
  }
  .sec02 .sec-wrap02 .sec-txt {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -13.6rem;
  }
  .sec02 .sec-wrap02 .model-image202 {
    position: relative;
    z-index: 5;
  }
  .sec02 .sec-wrap03 {
    transform: translateX(8.8rem);
  }
  .sec02 .sec-wrap03 .sec-txt {
    margin-top: -40.5rem;
    margin-left: 0;
  }
  .sec02 .sec-wrap03 .sec-credit {
    margin-left: 0;
  }
  .sec03 {
    margin-bottom: 14rem;
  }
  .sec03 .sec-wrap01 {
    margin-bottom: 10rem;
  }
  .sec03 .sec-wrap01 .sec-txt {
    margin-left: 0;
  }
  .sec03 .sec-wrap01 .model-image301 {
    margin-left: 0;
    margin-right: 0;
  }
  .sec03 .sec-wrap02 {
    transform: translateX(-12.8rem);
  }
  .sec03 .sec-wrap02 .sec-txt {
    margin-top: -26rem;
    margin-left: 0;
  }
  .sec03 .sec-wrap03 {
    margin-top: -14rem;
    margin-right: -33rem;
  }
  .sec03 .sec-wrap03 .sec-txt {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -9.7rem;
  }
  .sec03 .sec-wrap03 .image-box303 {
    position: relative;
    z-index: 5;
  }
  .sec03 .sec-wrap03 .sec-credit {
    text-align: right;
    margin-left: 0;
  }
  .sec03 .sec-wrap03 .sec-credit span {
    margin-left: 1.2rem;
    margin-right: 0;
  }
  .sec-messageArea {
    margin-bottom: 12.2rem;
  }
  .sec-messageArea__wrapper {
    margin-inline: auto;
    padding-top: 7rem;
    padding-bottom: 7rem;
    width: 70.6rem;
  }
  .sec-messageArea__wrapper::before, .sec-messageArea__wrapper::after {
    width: 100%;
  }
  .sec-messageArea__wrapper::before {
    left: 49.2%;
  }
  .sec-messageArea__wrapper::after {
    top: 1rem;
    left: 50.5%;
  }
  .sec-messageArea__ttl {
    margin-bottom: 3.4rem;
  }
  .sec-messageArea__txt::before, .sec-messageArea__txt::after {
    width: 1.8rem;
    height: 1.2rem;
  }
  .sec-messageArea__txt::before {
    top: -2.4rem;
    left: 4.6rem;
  }
  .sec-messageArea__txt::after {
    right: 4.4rem;
    bottom: -2.7rem;
  }
  .sec-profileArea {
    margin-inline: auto;
    margin-bottom: 6.4rem;
    padding-bottom: 2.5rem;
    width: 101.5rem;
  }
  .sec-profileArea__name {
    margin-top: -2rem;
    margin-bottom: 2rem;
    padding-inline: 1.4rem;
  }
  .sec-profileArea__subName {
    margin-bottom: 2.2rem;
  }
  .sec-staffCredit {
    margin-bottom: 6.5rem;
  }
  .celford_231109__btn a {
    width: 101.6rem;
    height: 6.2rem;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for tablet
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}/*# sourceMappingURL=style.css.map */