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

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

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

.outlineArea__btnArea--arrow {
  animation: arrow-animation 1.2s ease infinite;
}

@keyframes arrow-animation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
.follow-ttl {
  opacity: 0;
  transition-duration: 0.8s;
}
.follow-ttl .active {
  color: #000;
}

.follow-ttl.active {
  opacity: 1;
}

.outlineArea-follow {
  bottom: -100px;
  transition-duration: 0.7s;
}

.outlineArea-follow.active {
  bottom: -1px;
}

.celford_231020 .slide-dots {
  display: flex;
  justify-content: left;
  gap: calc(22 *(100vw / 750));
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: calc(31 *(100vw / 750));
}
.celford_231020 .slide-dots li {
  width: calc(70 *(100vw / 750));
  height: calc(4 *(100vw / 750));
}
.celford_231020 .slide-dots li button {
  position: relative;
  padding: 0;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  border: none;
  background-color: #b2b2b2;
}
.celford_231020 .slide-dots li button::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  content: "";
}
.celford_231020 .slide-dots li.slick-active button::after {
  background-color: #000000;
  animation: progress 3.9s linear forwards;
}
@media screen and (min-width: 768px) {
  .celford_231020 .slide-dots {
    gap: 1rem;
    margin-top: 1.4rem;
  }
  .celford_231020 .slide-dots li {
    width: 3.5rem;
    height: 0.2rem;
  }
}

@keyframes progress {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
/*---------- animation ----------*/
/*---------- font ----------*/
.celford_231020 {
  color: #000000;
}

.firstviewArea__lead,
.sec-txt,
.messageArea__lead,
.messageArea__intro {
  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-txt,
  .messageArea__lead,
  .messageArea__intro {
    font-size: 1.3rem;
    line-height: 2.2;
  }
}

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

.sec-lead span {
  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: 1;
  letter-spacing: 0.075em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-lead span {
    font-size: 1.7rem;
  }
}

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

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

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

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

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

/*---------- font ----------*/
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
//////////////////////////////////////////////////////////////////////////////////////////////
*/
html {
  scroll-behavior: smooth;
}

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

.model-movie-firstview{
  width: 100%;
}

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

.model-image101{
  width: 100%;
}
.model-image102{
  width: calc(540 *(100vw / 750));
}
.model-image103{
  width: calc(700 *(100vw / 750));
}
.model-image104{
  width: calc(450 *(100vw / 750));
}
.model-image105{
  width: 100%;
}

.model-image201{
  width: calc(420 *(100vw / 750));
}
.model-image202{
  width: calc(660 *(100vw / 750));
}
.js-fade-img203{
  width: calc(690 *(100vw / 750));
}
.js-fade-img204{
  width: calc(600 *(100vw / 750));
}
.model-image205{
  width: calc(690 *(100vw / 750));
}

.model-image301{
  width: 100%;
}
.model-image302{
  width: calc(640 *(100vw / 750));
}
.model-image304{
  width: calc(594 *(100vw / 750));
}
.model-image305{
  width: 100%;
}

.model-image401{
  width: calc(690 *(100vw / 750));
}
.model-image402{
  width: calc(690 *(100vw / 750));
}
.model-image403{
  width: calc(690 *(100vw / 750));
}
.model-image404{
  width: calc(560 *(100vw / 750));
}
.image-wrap406{
  width: calc(630 *(100vw / 750));
}

.js-fade-img501{
  width: calc(690 *(100vw / 750));
}
.model-image503{
  width: 100%;
}

/*---------- image-size ----------*/
/*---------- svg ----------*/
svg {
  stroke: #000;
  stroke-width: 0.3;
}

/*---------- svg ----------*/
/*---------- common ----------*/
.outlineArea {
  background-color: #EEEFED;
}
.outlineArea__btnArea {
  display: flex;
  justify-content: center;
}

.sec {
  padding-top: calc(224 *(100vw / 750));
}

.sec-color{
  margin-top: calc(139 *(100vw / 750));
}

.sec-lead {
  margin: 0 auto;
  margin-bottom: calc(73 *(100vw / 750));
  width: -moz-fit-content;
  width: fit-content;
}
.sec-lead span {
  display: inline-block;
}
.sec-lead span:nth-of-type(2) {
  margin-top: calc(42 *(100vw / 750));
}

.sec-txtArea {
  margin-bottom: calc(132 *(100vw / 750));
}

.sec-txtArea + .sec-color{
  margin-top: 0;
}

.sec-ttl {
  margin: 0 auto;
  margin-bottom: calc(58 *(100vw / 750));
}

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

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

.js-fade-img + .sec-credit {
  margin-top: calc(56 *(100vw / 750));
}

/*---------- common ----------*/
.celford_231020 {
  padding-bottom: calc(40 *(100vw / 750));
  overflow: hidden;
}

.firstviewArea {
  padding-bottom: calc(140 *(100vw / 750));
}
.firstviewArea__img {
  margin-bottom: calc(127 *(100vw / 750));
}
.firstviewArea__lead {
  text-align: center;
  margin-bottom: calc(128 *(100vw / 750));
}
.firstviewArea .model-movie-firstview {
  margin: 0 auto;
}

.outlineArea-fix {
  padding-top: calc(46 *(100vw / 750));
  padding-bottom: calc(37 *(100vw / 750));
}
.outlineArea-fix__btnArea {
  flex-wrap: wrap;
  column-gap: calc(74 *(100vw / 750));
  row-gap: calc(70 *(100vw / 750));
}
.outlineArea-fix__btnArea--btn:nth-of-type(1) {
  width: calc(196.6 *(100vw / 750));
}
.outlineArea-fix__btnArea--btn:nth-of-type(2) {
  width: calc(253 *(100vw / 750));
}
.outlineArea-fix__btnArea--btn:nth-of-type(3) {
  width: calc(191.7 *(100vw / 750));
}
.outlineArea-fix__btnArea--btn:nth-of-type(4) {
  width: calc(146 *(100vw / 750));
}
.outlineArea-fix__btnArea--btn:nth-of-type(5) {
  width: calc(156.3 *(100vw / 750));
}
.outlineArea-fix__btnArea--arrow {
  margin: 0 auto;
  margin-top: calc(24 *(100vw / 750));
  width: calc(28 *(100vw / 750));
}

.outlineArea-follow {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 50;
  padding-top: calc(19 *(100vw / 750));
  padding-bottom: calc(13 *(100vw / 750));
}
.outlineArea-follow__btnArea {
  justify-content: center;
  gap: calc(26 *(100vw / 750));
}
.outlineArea-follow__btnArea--btn {
  position: relative;
}
.outlineArea-follow__btnArea--btn::after {
  display: block;
  position: absolute;
  top: calc(-8 *(100vw / 750));
  right: calc(-13 *(100vw / 750));
  width: 1px;
  height: calc(94 *(100vw / 750));
  content: "";
  background-color: #666666;
  z-index: 10;
  pointer-events: none;
}
.outlineArea-follow__btnArea--btn:nth-of-type(1) {
  width: calc(118 *(100vw / 750));
}
.outlineArea-follow__btnArea--btn:nth-of-type(2) {
  width: calc(151.8 *(100vw / 750));
}
.outlineArea-follow__btnArea--btn:nth-of-type(3) {
  width: calc(115 *(100vw / 750));
}
.outlineArea-follow__btnArea--btn:nth-of-type(4) {
  width: calc(87.6 *(100vw / 750));
}
.outlineArea-follow__btnArea--btn:nth-of-type(5) {
  width: calc(115 *(100vw / 750));
}
.outlineArea-follow__btnArea--btn:nth-of-type(5)::after {
  display: none;
}

.main-contentArea {
  position: relative;
}
.main-contentArea__wrapper {
  position: relative;
}

.follow-ttlArea {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  z-index: 15;
  pointer-events: none;
}
.follow-ttlArea .follow-ttl {
  position: absolute;
  top: 50%;
  right: calc(5 *(100vw / 750));
  transform: translateY(-50%);
  writing-mode: vertical-rl;
  white-space: nowrap;
}

.sec01 {
  padding-top: calc(143 *(100vw / 750));
}
.sec01 .sec-ttl{
  width: calc(354.0352 *(100vw / 750));
}
.sec01 .model-image101{
  margin-bottom: calc(70 *(100vw / 750));
}
.sec01 .model-image102{
  margin-inline: auto;
}
.sec01 .js-color01 .sec-lead{
  margin-inline: auto;
}
.sec01 .js-color01 .sec-lead span:nth-of-type(2){
  margin-left: calc(120 *(100vw / 750));
}
.sec01 .js-color01 .sec-credit{
  text-align: center;
}
.sec01 .js-color02 .sec-lead{
  margin-left: calc(80 *(100vw / 750));
}
.sec01 .js-color02 .sec-lead span:nth-of-type(2){
  margin-left: calc(80 *(100vw / 750));
}
.sec01 .js-color02 .sec-credit{
  width: calc(700 *(100vw / 750));
  text-align: right;
}
.sec01 .js-color03 .sec-lead{
  margin-left: calc(119 *(100vw / 750));
}
.sec01 .js-color03 .sec-lead span:nth-of-type(2){
  margin-left: calc(201 *(100vw / 750));
}
.sec01 .js-color03 .sec-credit{
  text-align: center;
}
.sec01 .model-image104{
  margin-inline: auto;
}
.sec01 .js-color03 .sec-wrap01{
  margin-bottom: calc(60 *(100vw / 750));
}

.sec02 .sec-ttl{
  width: calc(455.4434 *(100vw / 750));
}
.sec02 .model-image201{
  margin-left: auto;
  margin-left: calc(240 *(100vw / 750));
  margin-bottom: calc(70 *(100vw / 750));
}
.sec02 .js-color04 .sec-lead{
  margin-left: calc(135 *(100vw / 750));
}
.sec02 .js-color04 .sec-lead span:nth-of-type(2){
  margin-left: calc(200 *(100vw / 750));
}
.sec02 .js-color04 .sec-credit{
  margin-left: calc(50 *(100vw / 750));
}
.sec02 .js-fade-img203{
  margin-inline: auto;
}
.sec02 .js-color05 .sec-lead{
  margin-left: calc(96 *(100vw / 750));
}
.sec02 .js-color05 .sec-lead span:nth-of-type(2){
  margin-left: calc(80 *(100vw / 750));
}
.sec02 .js-color05 .sec-credit{
  margin-inline: auto;
  width: calc(690 *(100vw / 750));
}
.sec02 .js-fade-img204{
  margin-left: auto;
  margin-right: calc(60 *(100vw / 750));
  margin-bottom: calc(104 *(100vw / 750));
}
.sec02 .js-fade-img204 .slide-dots{
  justify-content: flex-end;
}
.sec02 .model-image205{
  margin-bottom: calc(70 *(100vw / 750));
}
.sec02 .image-wrap206{
  margin-left: auto;
  width: calc(594 *(100vw / 750));
}
.sec02 .js-color06 .sec-lead{
  margin-left: calc(160 *(100vw / 750));
}
.sec02 .js-color06 .sec-lead span:nth-of-type(2){
  margin-left: calc(280 *(100vw / 750));
}
.sec02 .js-color06 .sec-credit{
  margin-inline: auto;
  width: calc(690 *(100vw / 750));
}

.sec03 .sec-ttl{
  width: calc(654.5771 *(100vw / 750));
}
.sec03 .model-image301{
  margin-bottom: calc(70 *(100vw / 750));
}
.sec03 .model-image302,
.sec03 .model-image303{
  margin-inline: auto;
}
.sec03 .model-image302{
  margin-bottom: calc(70 *(100vw / 750));
}
.sec03 .js-color07 .sec-lead{
  margin-left: calc(106 *(100vw / 750));
}
.sec03 .js-color07 .sec-lead span:nth-of-type(2){
  margin-left: calc(200 *(100vw / 750));
}
.sec03 .js-color07 .sec-credit{
  text-align: center;
}
.sec03 .model-image304{
  margin-inline: auto;
  margin-bottom: calc(70 *(100vw / 750));
}
.sec03 .js-color08 .sec-lead{
  margin-left: calc(80 *(100vw / 750));
}
.sec03 .js-color08 .sec-lead span:nth-of-type(2){
  margin-left: calc(80 *(100vw / 750));
}
.sec03 .js-color08 .sec-credit{
  text-align: center;
}
.sec03 .sec-flexWrap302{
  margin-bottom: calc(102 *(100vw / 750));
}
.sec03 .sec-comment{
  text-align: center;
  position: relative;
  margin-inline: auto;
  padding-top: calc(48 *(100vw / 750));
  padding-bottom: calc(46 *(100vw / 750));
  width: calc(580 *(100vw / 750));
}
.sec03 .sec-comment::before,
.sec03 .sec-comment::after{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
}
.sec03 .sec-comment::before{
  top: calc(-5 *(100vw / 750));
  left: calc(-5 *(100vw / 750));
  background-color: #FDF9F8;
  box-sizing: border-box;
  z-index: -1;
}
.sec03 .sec-comment::after{
  bottom: calc(-5 *(100vw / 750));
  right: calc(-5 *(100vw / 750));
  border: solid 1px #DEC0BA;
  box-sizing: border-box;
  z-index: 1;
}

.sec04 .sec-ttl{
  width: calc(405.1025 *(100vw / 750));
}
.sec04 .model-image401{
  margin-bottom: calc(70 *(100vw / 750));
}
.sec04 .model-image403{
  margin-bottom: calc(70 *(100vw / 750));
}
.sec04 .model-image404{
  margin-left: auto;
  margin-right: calc(60 *(100vw / 750));
  margin-bottom: calc(70 *(100vw / 750));
}
.sec04 .image-wrap406{
  margin-inline: auto;
  width: calc(630 *(100vw / 750));
}
.sec04 .js-color10 .sec-credit{
  margin-left: calc(50 *(100vw / 750));
}
.sec04 .js-color09 .sec-lead{
  margin-left: calc(70 *(100vw / 750));
}
.sec04 .js-color09 .sec-lead span:nth-of-type(2){
  margin-left: calc(160 *(100vw / 750));
}
.sec04 .js-color09 .sec-credit{
  text-align: right;
  width: calc(690 *(100vw / 750));
}
.sec04 .js-color10 .sec-lead{
  margin-left: calc(117 *(100vw / 750));
}
.sec04 .js-color10 .sec-lead span:nth-of-type(2){
  margin-left: calc(160 *(100vw / 750));
}
.sec04 .js-color11 .sec-lead{
  margin-left: auto;
  margin-right: calc(60 *(100vw / 750));
}
.sec04 .js-color11 .sec-lead span:nth-of-type(2){
  margin-left: calc(200 *(100vw / 750));
}

.sec05 .sec-ttl{
  width: calc(504.3408 *(100vw / 750));
}
.sec05{
  margin-bottom: calc(110 *(100vw / 750));
}
.sec05 .js-fade-img501{
  margin-bottom: calc(104 *(100vw / 750));
}
.sec05 .js-fade-img501 .slide-dots{
  margin-left: calc(50 *(100vw / 750));
}
.sec05 .js-color12 .sec-wrap02{
  margin-left: calc(50 *(100vw / 750));
  width: calc(594 *(100vw / 750));
}
.sec05 .js-color12 .sec-lead{
  margin-left: calc(66 *(100vw / 750));
}
.sec05 .js-color12 .sec-lead span:nth-of-type(2){
  margin-left: calc(360 *(100vw / 750));
}
.sec05 .js-color13 .sec-lead{
  margin-left: calc(49 *(100vw / 750));
}
.sec05 .js-color13 .sec-lead span:nth-of-type(2){
  margin-left: calc(80 *(100vw / 750));
}
.sec05 .js-color13 .sec-credit{
  text-align: center;
}


.staff-credit {
  text-align: center;
  margin-bottom: calc(111 *(100vw / 750));
}

.celford_231020__btn {
  text-align: center;
}
.celford_231020__btn a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: calc(630 *(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%;
    scroll-behavior: auto;
  }
  /*---------- image-size ----------*/
  .firstviewArea__img{
    width: 132rem;
  }

  .model-movie-firstview {
    width: 80rem;
    height: 45rem;
  }
  
  .model-movie{
    width: 32.4rem;
  }
  
  .model-image101{
    width: 64rem;
  }
  .model-image102{
    width: 36rem;
  }
  .model-image103{
    width: 52rem;
  }
  .model-image104{
    width: 29rem;
  }
  .model-image105{
    width: 48rem;
  }
  
  .model-image201{
    width: 28rem;
  }
  .model-image202{
    width: 46rem;
  }
  .js-fade-img203{
    width: 47rem;
  }
  .js-fade-img204{
    width: 40rem;
  }
  .model-image205{
    width: 48rem;
  }
  
  .model-image301{
    width: 48rem;
  }
  .model-image302{
    width: 40rem;
  }
  .model-image304{
    width: 34rem;
  }
  .model-image305{
    width: 51rem;
  }
  
  .model-image401{
    width: 60rem;
  }
  .model-image402{
    width: 44rem;
  }
  .model-image403{
    width: 46rem;
  }
  .model-image404{
    width: 35rem;
  }
  .image-wrap406{
    width: 40rem;
  }
  
  .js-fade-img501{
    width: 42rem;
  }
  .model-image503{
    width: 44rem;
  }
  
  /*---------- image-size ----------*/
  /*---------- common ----------*/
  .sec {
    margin-bottom: 9.25rem;
    padding-top: 9rem;
  }
  .sec-flexWrap {
    display: flex;
    justify-content: center;
  }
  .sec-color{
    margin-top: 12rem;
  }  
  .sec-lead {
    margin-inline: 0;
    margin-bottom: 0;
  }
  .sec-lead span:nth-of-type(2) {
    margin-top: 2.3rem;
  }
  .sec-txtArea {
    margin-bottom: 5.4rem;
  }
  .sec-ttl {
    margin-bottom: 5.3rem;
  }
  .sec-txt {
    margin-bottom: 0;
  }
  .iconArea {
    gap: 1rem;
  }
  .iconArea__icon {
    width: 2rem;
  }
  .sec-credit {
    margin-top: 1.5rem;
  }
  .sec-credit span {
    margin-top: 1.5rem;
  }
  .js-fade-img + .sec-credit {
    margin-top: 3.2rem;
  }
  /*---------- common ----------*/
  .outlineArea img,
  .outlineArea picture{
    image-rendering: -webkit-optimize-contrast;
  }
    
  .celford_231020 {
    padding-bottom: 3.8rem;
    overflow: hidden;
  }
  .celford_231020 * {
    min-width: 0;
    min-height: 0;
  }
  .firstviewArea {
    padding-bottom: 12rem;
  }
  .firstviewArea__img {
    margin: 0 auto;
    margin-bottom: 11.3rem;
  }
  .firstviewArea__lead {
    margin-bottom: 11.4rem;
  }
  .outlineArea-fix {
    padding-top: 2.4rem;
    padding-bottom: 1.6rem;
  }
  .outlineArea-fix__btnArea {
    flex-wrap: nowrap;
    gap: 8.9rem;
  }
  .outlineArea-fix__btnArea--btn:nth-of-type(1) {
    width: 13.1rem;
  }
  .outlineArea-fix__btnArea--btn:nth-of-type(2) {
    width: 16.9rem;
  }
  .outlineArea-fix__btnArea--btn:nth-of-type(3) {
    width: 12.8rem;
  }
  .outlineArea-fix__btnArea--btn:nth-of-type(4) {
    width: 9.7rem;
  }
  .outlineArea-fix__btnArea--btn:nth-of-type(5) {
    width: 10.4rem;
  }

  .outlineArea-fix__btnArea--arrow {
    margin-top: 1.7rem;
    width: 1.4rem;
  }
  .outlineArea-fix__btnArea--btn:nth-of-type(4) .outlineArea-fix__btnArea--arrow{
    margin-top: 1.3rem;
  }
  .outlineArea-fix__btnArea--btn:nth-of-type(5) .outlineArea-fix__btnArea--arrow{
    margin-top: 1.3rem;
  }
  .outlineArea-follow {
    padding-top: 1.2rem;
    padding-bottom: 1.3rem;
  }
  .outlineArea-follow__btnArea {
    gap: 8.3rem;
  }
  .outlineArea-follow__btnArea--btn::after {
    top: -0.4rem;
    right: -4.4rem;
    height: 4.6rem;
  }
  .outlineArea-follow__btnArea--btn:nth-of-type(1) {
    width: 18.3rem;
  }
  .outlineArea-follow__btnArea--btn:nth-of-type(2) {
    width: 20.6rem;
  }
  .outlineArea-follow__btnArea--btn:nth-of-type(3) {
    width: 17rem;
  }
  .outlineArea-follow__btnArea--btn:nth-of-type(4) {
    width: 10.5rem;
  }
  .outlineArea-follow__btnArea--btn:nth-of-type(5) {
    width: 13rem;
  }
  .main-contentArea__wrapper {
    margin: 0 auto;
    max-width: 140rem;
    width: 100%;
  }
  .follow-ttlArea {
    margin: 0 auto;
    max-width: 140rem;
    width: 100%;
  }
  .follow-ttlArea .follow-ttl {
    right: 1rem;
  }


  .sec01 {
    padding-top: 12.6rem;
  }
  .sec01 .sec-ttl{
    width: 46.99526rem;
  }
  .sec01 .sec-flexWrap101{
    gap: 5rem;
  }
  .sec01 .sec-wrap01{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .sec01 .model-image101{
    margin-bottom: 0;
    order: 2;
  }
  .sec01 .model-image102{
    margin-inline: 0;
  }
  .sec01 .js-color01 .sec-lead{
    margin-inline: 0;
    margin-bottom: 9.8rem;
    order: 1;
  }
  .sec01 .js-color01 .sec-lead span:nth-of-type(2){
    margin-left: 10rem;
  }
  .sec01 .js-color01 .sec-credit{
    text-align: right;
  }
  .sec01 .js-color01 .sec-wrap01{
    margin-top: 20.3rem;
    width: 64rem;
  }
  .sec01 .js-color01 .sec-wrap02{
    width: 36rem;
  }
  
  .sec01 .sec-flexWrap102{
    align-items: center;
    gap: 5rem;
  }
  .sec01 .js-color02 .sec-lead{
    margin-top: -12.8rem;
    margin-left: 0;
    white-space: nowrap;
  }
  .sec01 .js-color02 .sec-lead span:nth-of-type(2){
    margin-left: 8rem;
  }
  .sec01 .js-color02 .sec-credit{
    width: auto;
  }
  .sec01 .js-color02 .sec-wrap{
    width: 52rem;
  }

  .sec01 .sec-flexWrap103{
    flex-direction: row-reverse;
    gap: 8rem;
  }
  .sec01 .sec-wrap01{
    margin-top: 16rem;
  }
  .sec01 .js-color03 .sec-lead{
    margin-left: 0;
    margin-bottom: 18rem;
  }
  .sec01 .js-color03 .sec-lead span:nth-of-type(2){
    margin-left: 10rem;
  }
  .sec01 .js-color03 .sec-credit{
    text-align: left;
  }
  .sec01 .model-image104{
    margin-inline: 0;
  }
  .sec01 .js-color03 .sec-wrap01{
    margin-bottom: 0;
  }
  
  .sec02 .sec-ttl{
    width: 53.1rem;
  }
  .sec02 .sec-flexWrap201{
    gap: 5rem;
  }
  .sec02 .model-image201{
    margin-left: 0;
    margin-bottom: 0;
  }
  .sec02 .js-color05 .sec-wrap02{
    margin-top: 10rem;
  }
  .sec02 .js-color04 .sec-wrap02{
    margin-top: 10.4rem;
  }
  .sec02 .js-color04 .sec-lead{
    margin-left: auto;
    margin-bottom: 7.4rem;
    transform: translateX(5rem);
  }
  .sec02 .js-color04 .sec-lead span:nth-of-type(2){
    margin-left: 12rem;
  }
  .sec02 .js-color04 .sec-credit{
    margin-left: 0;
  }

  .sec02 .sec-flexWrap202{
    flex-direction: row-reverse;
    align-items: center;
    gap: 5rem;
  }
  .sec02 .js-fade-img203{
    margin-inline: 0;
  }
  .sec02 .js-color05 .sec-lead{
    margin-top: -11rem;
    margin-left: 0;
  }
  .sec02 .js-color05 .sec-lead span:nth-of-type(2){
    margin-left: 6rem;
  }
  .sec02 .js-color05 .sec-credit{
    margin-inline: 0;
    width: auto;
  }

  .sec02 .sec-flexWrap203{
    flex-direction: row-reverse;
    gap: 8rem;
  }
  .sec02 .js-color06 .sec-wrap02{
    margin-top: 15.8rem;
  }
  .sec02 .js-fade-img204{
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 17.5rem;
  }
  .sec02 .model-image205{
    margin-bottom: 0;
  }
  .sec02 .image-wrap206{
    margin-left: 12.8rem;
    width: auto;
  }
  .sec02 .js-color06 .sec-lead{
    margin-inline: auto;
    margin-bottom: 16.2rem;
  }
  .sec02 .js-color06 .sec-lead span:nth-of-type(2){
    margin-left: 16rem;
  }
  .sec02 .js-color06 .sec-credit{
    margin-inline: 0;
    width: auto;
  }
  
  .sec03 .sec-ttl{
    width: 43.68931rem;
  }
  .sec03 .sec-flexWrap301{
    flex-direction: row-reverse;
    gap: 12rem;
  }
  .sec03 .model-image301{
    margin-bottom: 6rem;
  }
  .sec03 .model-image302,
  .sec03 .model-image303{
    margin-inline: 0;
  }
  .sec03 .model-image302{
    margin-bottom: 0;
  }
  .sec03 .js-color07 .sec-lead{
    margin-left: 2rem;
    margin-bottom: 16.6rem;
  }
  .sec03 .js-color07 .sec-lead span:nth-of-type(2){
    margin-left: 10rem;
  }
  .sec03 .js-color07 .sec-credit{
    text-align: right;
  }
  .sec03 .js-color07 .image-wrap302{
    margin-left: 19.4rem;
  }
  .sec03 .js-color07 .sec-wrap02{
    margin-top: 32rem;
  }

  .sec03 .model-image304{
    margin-inline: 0;
    margin-bottom: 0;
    order: 2;
  }
  .sec03 .js-color08 .sec-lead{
    margin-left: 1.2rem;
    margin-bottom: 14.6rem;
    order: 1;
  }
  .sec03 .js-color08 .sec-lead span:nth-of-type(2){
    margin-left: 4rem;
  }
  .sec03 .js-color08 .sec-credit{
    text-align: right;
  }
  .sec03 .sec-flexWrap302{
    gap: 10rem;
    margin-bottom: 12.2rem;
  }
  .sec03 .js-color08 .sec-wrap01{
    display: flex;
    flex-direction: column;
    margin-top: 30rem;
  }
  .sec03 .sec-comment{
    padding-top: 5.6rem;
    padding-bottom: 5.4rem;
    width: 52.5rem;
  }
  .sec03 .sec-comment::before{
    top: -.25rem;
    left: -.25rem;
  }
  .sec03 .sec-comment::after{
    bottom: -.25rem;
    right: -.25rem;
  }
  
  .sec04 .sec-ttl{
    width: 27.00674rem;
  }
  .sec04 .sec-flexWrap401{
    gap: 5rem;
  }
  .sec04 .js-color09 .sec-wrap02{
    margin-top: 8rem;
  }
  .sec04 .model-image401{
    margin-bottom: 0;
  }
  .sec04 .js-color09 .sec-lead{
    margin-left: 9rem;
    margin-bottom: 9.4rem;
  }
  .sec04 .js-color09 .sec-lead span:nth-of-type(2){
    margin-left: 6rem;
  }
  .sec04 .js-color09 .sec-credit{
    text-align: left;
    width: auto;
  }

  .sec04 .js-color10{
    margin-top: 16.5rem;
  }
  .sec04 .js-color10 .sec-flexWrap402{
    flex-direction: row-reverse;
    gap: 8rem;
  }
  .sec04 .js-color10 .sec-wrap01{
    margin-top: 15rem;
    width: 35rem;
  }
  .sec04 .model-image403{
    margin-left: auto;
    margin-bottom: 16rem;
  }
  .sec04 .model-image404{
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .sec04 .model-image405{
    margin-left: auto;
    margin-right: 22.8rem;
  }
  .sec04 .js-color10 .sec-credit{
    text-align: right;
    margin-left: 0;
  }
  .sec04 .js-color10 .sec-lead{
    margin-left: 5rem;
    margin-bottom: 20.7rem;
  }
  .sec04 .js-color10 .sec-lead span:nth-of-type(2){
    margin-left: 8rem;
  }
  
  .sec04 .js-color11 .sec-flexWrap403{
    align-items: center;
    gap: 5rem;
  }
  .sec04 .image-wrap406{
    margin-inline: 0;
    width: 40rem;
  }
  .sec04 .js-color11 .sec-lead{
    margin-top: -2rem;
    margin-left: 0;
    margin-right: 0;
  }
  .sec04 .js-color11 .sec-lead span:nth-of-type(2){
    margin-left: 8rem;
  }
  .sec04 .js-color11 .sec-credit{
    text-align: right;
  }
  
  .sec05 .sec-ttl{
    width: 33.6rem;
  }
  .sec05{
    margin-bottom: 8.4rem;
  }
  .sec05 .sec-flexWrap501{
    flex-direction: row-reverse;
    gap: 8rem;
  }
  .sec05 .js-color12 .sec-wrap01{
    display: flex;
    flex-direction: column;
    margin-top: 6.8rem;
  }
  .sec05 .js-fade-img501{
    margin-bottom: 0;
  }
  .sec05 .js-color12 .image-wrap501{
    order: 2;
  }
  .sec05 .js-fade-img501 .slide-dots{
    justify-content: flex-end;
    margin-left: 0;
  }
  .sec05 .js-color12 .sec-wrap02{
    margin-left: 0;
    width: auto;
  }
  .sec05 .js-color12 .sec-lead{
    margin-left: 5.7rem;
    margin-bottom: 5.6rem;
    order: 1;
  }
  .sec05 .js-color12 .sec-lead span:nth-of-type(2){
    margin-left: 20rem;
  }
  .sec05 .js-color12 .sec-credit{
    text-align: right;
  }
  .sec05 .js-color13 .sec-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 3rem;
    transform: translateX(11.7rem);
  }
  .sec05 .js-color13 .sec-lead{
    margin-inline: auto;
    margin-bottom: 5rem;
  }
  .sec05 .js-color13 .sec-lead span:nth-of-type(2){
    margin-left: 4rem;
  }
  .sec05 .js-color13 .sec-credit{
    text-align: left;
  }


  .staff-credit {
    margin-bottom: 5.4rem;
  }
  .staff-credit .pc-only {
    display: inline-block;
  }
  .celford_231020__btn a {
    width: 101.5rem;
    height: 6.2rem;
  }
}/*# sourceMappingURL=style.css.map */