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

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

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

/*---------- animation ----------*/
/*---------- font ----------*/
.celford_230509 {
  color: #000000;
}

.firstviewArea__subTtl {
  font-family: "Crimson Text", serif;
  color: #2c4e60;
  font-size: calc(32 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.03em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .firstviewArea__subTtl {
    font-size: 1.8rem;
  }
}

.firstviewArea__ttl {
  font-family: "minion-pro", serif;
  font-weight: 500;
  font-style: normal;
  color: #2c4e60;
  font-size: calc(60 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.08em;
  font-feature-settings: normal;
}
@media screen and (min-width: 768px) {
  .firstviewArea__ttl {
    font-size: 4.4rem;
  }
}

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

.sec-ttl {
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  font-style: normal;
  color: #335e7a;
  font-size: calc(48 *(100vw / 750));
  line-height: 1.35;
  letter-spacing: 0.15em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .sec-ttl {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}

.firstviewArea__lead,
.sec-txt,
.sec-txtArea__txt,
.aboutArea__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-txt,
  .sec-txtArea__txt,
  .aboutArea__txt {
    font-size: 1.3rem;
    line-height: 2.1538461538;
  }
}

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

.aboutArea__ttl {
  font-family: "minion-pro", serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(44 *(100vw / 750));
  line-height: 1;
  letter-spacing: 0.04em;
  font-feature-settings: normal;
}
@media screen and (min-width: 768px) {
  .aboutArea__ttl {
    font-size: 2.4rem;
    letter-spacing: 0.08em;
  }
}

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

.aboutArea__itemSize {
  font-family: "Crimson Text", serif;
  font-size: calc(26 *(100vw / 750));
  line-height: 1.8;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  color: #666;
}
@media screen and (min-width: 768px) {
  .aboutArea__itemSize {
    font-size: 1.3rem;
    line-height: 1.6923076923;
  }
}

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

.sec-credit span {
  font-family: "Crimson Text", serif;
  font-size: calc(26 *(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;
  }
}

.celford_230509__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_230509__btn a {
    font-size: 1.1rem;
    line-height: 1.5454545455;
  }
}

/*---------- font ----------*/
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
//////////////////////////////////////////////////////////////////////////////////////////////
*/
/*---------- image-size ----------*/
.firstviewArea__movie {
    width: 100.1vw;
}

.sec-movie,
.sec-image401 {
    width: 100.1vw;
}

.sec-image102 {
  width: calc(700 *(100vw / 750));
}

.sec-image103 {
  width: calc(560 *(100vw / 750));
}

.sec-image104 {
  width: 100%;
}

.sec-image105 {
  width: calc(700 *(100vw / 750));
}

.sec-image106 {
  width: calc(700 *(100vw / 750));
}

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

.sec-image203 {
  width: calc(700 *(100vw / 750));
}

.sec-image204 {
  width: calc(560 *(100vw / 750));
}

.sec-image302 {
  width: calc(700 *(100vw / 750));
}

.sec-image303 {
  width: calc(448 *(100vw / 750));
}

.sec-image304 {
  width: calc(700 *(100vw / 750));
}

.sec-image305 {
  width: calc(700 *(100vw / 750));
}

.sec-image402 {
  width: calc(690 *(100vw / 750));
}

.aboutArea__iconWrap--icon {
  width: calc(40 *(100vw / 750));
}

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

.sec__introArea {
  text-align: center;
  position: relative;
  margin-bottom: calc(240 *(100vw / 750));
  padding-top: calc(94 *(100vw / 750));
  padding-bottom: calc(95 *(100vw / 750));
  background-color: #f3f6f7;
}
.sec__introArea .sec-ttlArea {
  margin-bottom: calc(58 *(100vw / 750));
}
.sec__introArea .sec-num {
  position: absolute;
  top: calc(-35 *(100vw / 750));
  left: 50%;
  transform: translateX(-50%);
}
.sec__introArea .sec-movie,
.sec__introArea .sec-image401 {
  margin: 0 auto;
  margin-bottom: calc(47 *(100vw / 750));
}

.sec__wrap {
  text-align: center;
  position: relative;
}
.sec__wrap .sec-txtArea__ttl {
  position: absolute;
  top: calc(-100 *(100vw / 750));
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.sec__wrap .sec-txtArea__txt {
  margin-top: calc(46 *(100vw / 750));
}

.sec01__wrap01,
.sec01__wrap03,
.sec02__wrap01,
.sec03__wrap02,
.sec03__wrap03 {
  margin-bottom: calc(233 *(100vw / 750));
}

.sec01__wrap02,
.sec01__wrap04,
.sec02__wrap02,
.sec03__wrap01 {
  margin-bottom: calc(53 *(100vw / 750));
}

.sec-image {
  margin: 0 auto;
}

.sec-credit {
  text-align: center;
}
.sec-credit span {
  display: inline-block;
  padding-bottom: 1px;
  border-bottom: 1px solid #b1b1b1;
}

/*---------- common ----------*/
.celford_230509 {
  padding-top: calc(60 *(100vw / 750));
  padding-bottom: calc(150 *(100vw / 750));
  overflow: hidden;
}

.firstviewArea {
  text-align: center;
  padding-bottom: calc(125 *(100vw / 750));
}
.firstviewArea__subTtl {
  position: relative;
  margin-bottom: calc(67 *(100vw / 750));
}
.firstviewArea__subTtl::after {
  display: block;
  position: absolute;
  left: 50%;
  bottom: calc(-38 *(100vw / 750));
  transform: translateX(-50%);
  width: calc(60 *(100vw / 750));
  height: 1px;
  background-color: #2c4e60;
  content: "";
}
.firstviewArea__ttl {
  margin-bottom: calc(60 *(100vw / 750));
}
.firstviewArea__movie {
  margin-bottom: calc(127 *(100vw / 750));
}

.main-contentArea__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(142 *(100vw / 750));
}
.main-contentArea__ttl::before, .main-contentArea__ttl::after {
  display: block;
  width: calc(70 *(100vw / 750));
  height: 1px;
  background-color: #335e7a;
  content: "";
}
.main-contentArea__ttl::before {
  margin-right: calc(35 *(100vw / 750));
}
.main-contentArea__ttl::after {
  margin-left: calc(35 *(100vw / 750));
}

.sec01 .sec-num {
  width: calc(115 *(100vw / 750));
}

.sec02 .sec-num {
  width: calc(123 *(100vw / 750));
}

.sec03 .sec-num {
  width: calc(121 *(100vw / 750));
}

.sec04 {
  margin-bottom: calc(150 *(100vw / 750));
}
.sec04__introArea {
  margin-bottom: calc(147 *(100vw / 750));
}
.sec04 .sec-num {
  width: calc(125 *(100vw / 750));
}
.sec04 .sec-ttlArea {
  margin-bottom: calc(44 *(100vw / 750));
}
.sec04 .sec-image401 {
  position: relative;
  margin-bottom: calc(62 *(100vw / 750));
  z-index: 15;
}
.sec04 .sec-colorName {
  position: absolute;
  top: calc(-191 *(100vw / 750));
  right: calc(146 *(100vw / 750));
  width: calc(79 *(100vw / 750));
  transform: rotate(-90deg);
  z-index: -1;
}
.sec04 .sec-txt:nth-of-type(1) {
  margin-bottom: calc(108 *(100vw / 750));
}
.sec04 .aboutArea {
  text-align: center;
}
.sec04 .aboutArea__ttl {
  margin-bottom: calc(62 *(100vw / 750));
}
.sec04 .aboutArea__txt {
  margin-bottom: calc(73 *(100vw / 750));
}
.sec04 .aboutArea .sec-image402 {
  margin: 0 auto;
  margin-bottom: calc(65 *(100vw / 750));
}
.sec04 .aboutArea__itemName {
  margin-bottom: calc(20 *(100vw / 750));
}
.sec04 .aboutArea__itemSize {
  margin-bottom: calc(28 *(100vw / 750));
}
.sec04 .aboutArea__iconWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(10 *(100vw / 750));
  margin-bottom: calc(40 *(100vw / 750));
}
.sec04 .aboutArea .sec-credit {
  text-align: center;
}
.sec04 .aboutArea .sec-credit span {
  display: inline-block;
  padding-bottom: 1px;
  border-bottom: solid 1px #b1b1b1;
}

.celford_230509__btn {
  text-align: center;
}
.celford_230509__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%;
  }
  /*---------- image-size ----------*/
  .firstviewArea__movie {
    width: 95rem;
  }
  .sec-movie {
    width: 86rem;
  }
  .sec-image102 {
    width: 50rem;
  }
  .sec-image103 {
    width: 32rem;
  }
  .sec-image104 {
    width: 50rem;
  }
  .sec-image105 {
    width: 50rem;
  }
  .sec-image106 {
    width: 50rem;
  }
  .sec-image202 {
    width: 32rem;
  }
  .sec-image203 {
    width: 32rem;
  }
  .sec-image204 {
    width: 50rem;
  }
  .sec-image302 {
    width: 50rem;
  }
  .sec-image303 {
    width: 32rem;
  }
  .sec-image304 {
    width: 50rem;
  }
  .sec-image305 {
    width: 50rem;
  }
  .sec-image401 {
    width: 58rem;
  }
  .sec-image402 {
    width: 60rem;
  }
  .aboutArea__iconWrap--icon {
    width: 2rem;
  }
  /*---------- image-size ----------*/
  /*---------- common ----------*/
  .sec {
    margin-bottom: 17rem;
  }
  .sec__introArea {
    margin-bottom: 12rem;
    padding-top: 8.1rem;
    padding-bottom: 5.4rem;
  }
  .sec__introArea .sec-ttlArea {
    margin-bottom: 5.5rem;
  }
  .sec__introArea .sec-num {
    top: -2.6rem;
  }
  .sec__introArea .sec-movie,
  .sec__introArea .sec-image401 {
    margin-bottom: 3.2rem;
  }
  .sec-image {
    margin: 0;
  }
  .sec__wrap .sec-txtArea__ttl {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 3.2rem;
    transform: translateX(0);
  }
  .sec__wrap .sec-txtArea__ttl::after {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2rem;
    width: 100%;
    height: 1px;
    background-color: #000000;
    content: "";
  }
  .sec__wrap .sec-txtArea__txt {
    margin-top: 0;
  }
  .sec01__wrap01,
  .sec01__wrap04,
  .sec02__wrap01,
  .sec03__wrap01,
  .sec03__wrap03,
  .sec01__wrap02,
  .sec02__wrap02,
  .sec03__wrap02,
  .sec03__wrap04 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sec01__wrap01,
  .sec01__wrap04,
  .sec02__wrap01,
  .sec03__wrap01,
  .sec03__wrap03 {
    text-align: left;
  }
  .sec01__wrap01 .sec-txtArea__ttl,
  .sec01__wrap01 .sec-txtArea__txt,
  .sec01__wrap04 .sec-txtArea__ttl,
  .sec01__wrap04 .sec-txtArea__txt,
  .sec02__wrap01 .sec-txtArea__ttl,
  .sec02__wrap01 .sec-txtArea__txt,
  .sec03__wrap01 .sec-txtArea__ttl,
  .sec03__wrap01 .sec-txtArea__txt,
  .sec03__wrap03 .sec-txtArea__ttl,
  .sec03__wrap03 .sec-txtArea__txt {
    padding-left: 6rem;
  }
  .sec01__wrap02,
  .sec02__wrap02,
  .sec03__wrap02,
  .sec03__wrap04 {
    text-align: left;
    flex-direction: row-reverse;
  }
  .sec01__wrap02 .sec-txtArea__ttl,
  .sec01__wrap02 .sec-txtArea__txt,
  .sec02__wrap02 .sec-txtArea__ttl,
  .sec02__wrap02 .sec-txtArea__txt,
  .sec03__wrap02 .sec-txtArea__ttl,
  .sec03__wrap02 .sec-txtArea__txt,
  .sec03__wrap04 .sec-txtArea__ttl,
  .sec03__wrap04 .sec-txtArea__txt {
    padding-right: 6.6rem;
  }
  .sec01__wrap01,
  .sec02__wrap01,
  .sec03__wrap02 {
    margin-bottom: 8rem;
  }
  .sec01__wrap02,
  .sec02__wrap02,
  .sec03__wrap01,
  .sec03__wrap03 {
    margin-bottom: 3rem;
  }
  .sec01__wrap04 {
    margin-bottom: 4rem;
  }
  .sec01__wrap03 {
    margin-bottom: 8rem;
  }
  .sec-image104,
  .sec-image106,
  .sec-image204,
  .sec-image402 {
    margin-left: auto;
    margin-right: auto;
  }
  /*---------- common ----------*/
  .celford_230509 {
    padding-top: 3rem;
    padding-bottom: 12rem;
  }
  .firstviewArea {
    padding-bottom: 9.6rem;
  }
  .firstviewArea__movieArea {
    background-color: #d5e0e8;
    margin-bottom: 9.2rem;
  }
  .firstviewArea__wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
    padding-top: 4rem;
    padding-bottom: 2.4rem;
    width: -moz-fit-content;
    width: fit-content;
  }
  .firstviewArea__wrap::after {
    display: block;
    position: absolute;
    top: 0;
    left: -3rem;
    width: 1px;
    height: 100%;
    background-color: #2c4e60;
    content: "";
  }
  .firstviewArea__subTtl {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: -3.8rem;
    bottom: 0;
    writing-mode: vertical-rl;
    white-space: nowrap;
    z-index: 10;
    margin-bottom: 0;
    order: 1;
  }
  .firstviewArea__subTtl::before, .firstviewArea__subTtl::after {
    display: block;
    content: "";
    margin-right: -2px;
    width: 1px;
    height: 100%;
    flex-grow: 1;
    background-color: #2c4e60;
  }
  .firstviewArea__subTtl::before {
    margin-bottom: 1.4rem;
    height: 5%;
  }
  .firstviewArea__subTtl::after {
    position: static;
    margin-top: 1.4rem;
    transform: translateX(0);
  }
  .firstviewArea__ttl {
    margin-bottom: 0;
    order: 3;
  }
  .firstviewArea__movie {
    margin: 0 auto;
    margin-bottom: 2.3rem;
    order: 2;
  }
  .main-contentArea__ttl {
    margin-bottom: 10rem;
  }
  .main-contentArea__ttl::before, .main-contentArea__ttl::after {
    width: 18rem;
  }
  .main-contentArea__ttl::before {
    margin-right: 3.2rem;
  }
  .main-contentArea__ttl::after {
    margin-left: 3.2rem;
  }
  .sec01 .sec-num {
    width: 9rem;
  }
  .sec01 .sec01__wrap01 .sec-txtArea {
    margin-top: 0.3rem;
  }
  .sec01 .sec01__wrap02 .sec-txtArea {
    margin-top: 2.2rem;
  }
  .sec01 .sec-image104 {
    margin-bottom: 3.1rem;
  }
  .sec01 .sec01__wrap04 {
    transform: translateX(-2.2rem);
  }
  .sec01 .sec-image106 {
    transform: translateX(9.5rem);
  }
  .sec02 .sec-num {
    width: 9.6rem;
  }
  .sec02 .sec02__wrap01 .sec-txtArea {
    margin-top: -1.5rem;
  }
  .sec02 .sec02__wrap02 {
    transform: translateX(0.8rem);
  }
  .sec02 .sec02__wrap02 .sec-txtArea {
    margin-top: -2rem;
  }
  .sec02 .sec-image204 {
    transform: translateX(-12.3rem);
  }
  .sec03 .sec-num {
    width: 9.4rem;
  }
  .sec03 .sec03__wrap01 {
    transform: translateX(1.6rem);
  }
  .sec03 .sec03__wrap01 .sec-txtArea {
    margin-top: 1rem;
  }
  .sec03 .sec03__wrap02 {
    text-align: center;
    transform: translateX(1.3rem);
  }
  .sec03 .sec03__wrap02 .sec-txtArea__txt {
    padding-right: 9rem;
  }
  .sec03 .sec03__wrap03 {
    transform: translateX(-4.3rem);
  }
  .sec03 .sec03__wrap03 .sec-txtArea {
    margin-top: -0.8rem;
  }
  .sec03 .sec03__wrap04 {
    transform: translateX(5.6rem);
  }
  .sec03 .sec03__wrap04 .sec-txtArea {
    margin-top: 2rem;
  }
  .sec04 {
    margin-bottom: 12rem;
  }
  .sec04__introArea {
    margin-bottom: 12rem;
  }
  .sec04 .sec-num {
    width: 9.6rem;
  }
  .sec04 .sec-ttlArea {
    margin-bottom: 4.6rem;
  }
  .sec04 .sec-image401 {
    margin-bottom: 3.2rem;
  }
  .sec04 .sec-colorName {
    top: 0;
    right: -6rem;
    width: 8rem;
    transform: rotate(0);
  }
  .sec04 .sec-txt:nth-of-type(1) {
    margin-bottom: 3.4rem;
  }
  .sec04 .aboutArea__ttl {
    margin-bottom: 2.8rem;
  }
  .sec04 .aboutArea__txt {
    margin-bottom: 3.6rem;
  }
  .sec04 .aboutArea .sec-image402 {
    margin-bottom: 4rem;
  }
  .sec04 .aboutArea__itemName {
    margin-bottom: 2rem;
  }
  .sec04 .aboutArea__itemSize {
    margin-bottom: 2rem;
  }
  .sec04 .aboutArea__iconWrap {
    gap: 0.5rem;
    margin-bottom: 2.5rem;
  }
  .celford_230509__btn a {
    width: 100rem;
    height: 6.2rem;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for tablet
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}/*# sourceMappingURL=style.css.map */