@charset "UTF-8";
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ 共通設定 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.celford_240301 {
  --color-black: #000000;
  --color-white: #ffffff;
  --color_titlelink: #D9D9E3;
  --color-title01: #eee2d0;
  --color-title02: #cecedb;
  --color-title03: #ebd7d0;
  --color-title04: #e5e5e5;
  --color-bglink: #f6f4eb;
  --color-bg01: #f8f4ec;
  --color-bg02: #f3f3f6;
  --color-bg03: #f5f0ee;
  --color-bg04: #f1f1f1;
  --color-border: #B2B2B2;
  --font-en01: "adobe-garamond-pro", serif;
  --font-en02: "Crimson Text", serif;
  --font-ja01: "fot-tsukumin-pr6n", sans-serif;
  --font-ja02: "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  width: 100%;
  overflow: hidden;
  font-feature-settings: "palt";
}
.celford_240301 img {
  width: 100%;
  height: auto;
}
.celford_240301 section,
.celford_240301 section > div {
  position: relative;
  z-index: 2;
  margin-inline: auto;
}
.celford_240301 section > div {
  width: 140rem;
}
@media (max-width: 767px) {
  .celford_240301 .pcOnly {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .celford_240301 .spOnly {
    display: none !important;
  }
}
@media only screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw!important;
  }
}
.celford_240301 .bgWhite {background-color: var(--color-white);}
.celford_240301 .fontEn01 {font-family: var(--font-en01); font-weight: 400;}
.celford_240301 .fontEn02 {font-family: var(--font-en02); font-weight: 400;}
.celford_240301 .fontJa01 {font-family: var(--font-ja01); font-weight: 500;}
.celford_240301 .fontJa02 {font-family: var(--font-ja02); font-weight: 400;}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ 共通設定 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/

/*---------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ firstview ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
---------------------------------------*/
.celford_240301 .firstview {
  width: 120rem;
  margin-inline: auto;
  text-align: center;
}
.celford_240301 .firstview__image {
  width: 100%;
  margin-inline: auto;
}
.celford_240301 .firstview__title {
  margin-top: 11.1rem;
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
.celford_240301 .firstview__lead {
  margin-top: 3.5rem;
  font-size: 1.3rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .celford_240301 .firstview {
    width: calc(750*100vw/750);;
  }
  .celford_240301 .firstview__title {
    margin-top: calc(122*100vw/750);;
    font-size: calc(36*100vw/750);;
  }
  .celford_240301 .firstview__lead {
    margin-top: calc(22*100vw/750);;
    font-size: calc(24*100vw/750);;
  }
}
/*---------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ firstview ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
---------------------------------------*/

/*-----------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ information ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
-----------------------------------------*/
.celford_240301 .information {
  margin-top: 10rem;
}
.celford_240301 .information__title {
  position: relative;
  z-index: 2;
  pointer-events: none;
  color: var(--color_titlelink);
  text-align: center;
  font-size: 4.6rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.celford_240301 .information__image {
  width: 41rem;
  margin: -2.8rem auto 0;
}
.celford_240301 .information__text {
  position: absolute;
  left: 32.7rem;
  width: 76.4rem;
  z-index: 3;
  pointer-events: none;
  top: 4.9rem;
}
@media (max-width: 767px) {
  .celford_240301 .information {
    margin-top: calc(105*100vw/750);;
  }
  .celford_240301 .information__title {
    font-size: calc(70*100vw/750);;
    line-height: 1.8;
  }
  .celford_240301 .information__image {
    width: calc(600*100vw/750);;
    margin-top: calc(-50*100vw/750);
  }
  .celford_240301 .information__text {
    width: calc(712*100vw/750);
    top: calc(131*100vw/750);
    left: calc(23*100vw/750);
  }
}
/*-----------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ information ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
-----------------------------------------*/

/*----------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ link ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
----------------------------------*/
.celford_240301 .link {
  margin-top: 12rem;
  padding-top: 2.4rem;
  height: 11.4rem;
  background-color: var(--color-bglink);
}
.celford_240301 .link__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 79.4rem;
  margin-inline: auto;
}
.celford_240301 .link__list__item {
  position: relative;
  height: 9rem;
  border-right: 0.1rem solid var(--color-black);
}
.celford_240301 .link__list__item:last-of-type {
  border-right: 0px;
}
.celford_240301 .link__list__item::before {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: 10;
  background-image: url(../img/SVG/link_arrow.svg);
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.7rem;
  width: 2.5rem;
  height: 0.9rem;
}
.celford_240301 .link__list__item > a {
  height: 100%;
}
.celford_240301 .link__list__item__text {
  text-align: center;
}
.celford_240301 .link__list__item__text > span {
  display: block;
}
.celford_240301 .link__list__item__text--en {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.celford_240301 .link__list__item__text--ja {
  margin-top: -0.3rem;
  font-size: 2.2rem;
  line-height: 1.3818181818;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .celford_240301 .link {
    margin-top: calc(180*100vw/750);
    padding-top: calc(52*100vw/750);
    height: calc(462*100vw/750);
  }
  .celford_240301 .link__list {
    grid-template-columns: repeat(2, 1fr);
    width: calc(750*100vw/750);;
    row-gap: calc(100*100vw/750);
  }
  .celford_240301 .link__list__item {
    height: calc(132*100vw/750);;
    border-right: 1px solid var(--color-black);
  }
  .celford_240301 .link__list__item:nth-child(even) {
    border-right: 0px;
  }
  .celford_240301 .link__list__item::before {
    width: calc(45*100vw/750);;
    height: calc(15*100vw/750);;
  }
  .celford_240301 .link__list__item__text--en {
    font-size: calc(30*100vw/750);;
    line-height: 1;
  }
  .celford_240301 .link__list__item__text--ja {
    margin-top: calc(7*100vw/750);
    font-size: calc(40*100vw/750);;
    line-height: 1.3825;
  }
}
/*----------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ link ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
----------------------------------*/

/*------------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ common model ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------------*/
.celford_240301 .model__common__title {
  font-size: 1.7rem;
  line-height: 2;
  letter-spacing: 0.075em;
}
.celford_240301 .model__common__lead {
  margin-top: 1.7rem;
  font-size: 1.3rem;
  line-height: 2.2;
  letter-spacing: 0.025em;
}
.celford_240301 .model__contents__title {
  position: absolute;
  z-index: 2;
}
.celford_240301 .model__contents__title__inner {
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.celford_240301 .model__contents__title--en {
  position: relative;
  font-size: 5rem;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
}
.celford_240301 .model__contents__title--ja {
  position: relative;
  z-index: 10;
  font-size: 3.6rem;
  line-height: 1.3833333333;
  letter-spacing: 0.05em;
}
.celford_240301 .model__contents__title--border {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 0.3rem;
  height: 0.1rem;
  background-color: var(--color-black);
  pointer-events: none;
  opacity: 0;
}
.celford_240301 .model__contents__credit {
  margin-top: 2.8rem;
  font-size: 1.3rem;
  line-height: 1.2;
  letter-spacing: 0.025em;
}
.celford_240301 .model__contents__credit__item {
  display: inline-block;
  border-bottom: 0.1rem solid var(--color-border);
  margin-left: 1rem;
}

.celford_240301 .model__description {
  position: relative;
  z-index: 2;
  display: flex;
  column-gap: 8rem;
}
.celford_240301 .model__description::before {
  position: absolute;
  content: "";
  display: block;
  width: 100vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: -1;
}
.celford_240301 .model__description::after {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
  pointer-events: none;
  width: 18.2rem;
  height: 7.95rem;
}
.celford_240301 .model__description__text {
  width: 28rem;
}
.celford_240301 .model__description__text__lead {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .celford_240301 .model__common__title {
    font-size: calc(34*100vw/750);;
    white-space: nowrap;
  }
  .celford_240301 .model__common__lead {
    margin-top: calc(39*100vw/750);;
    font-size: calc(24*100vw/750);;
    letter-spacing: 0.05em;
    text-align: justify;
  }
  .celford_240301 .model__contents__title {
    position: static;
  }
  .celford_240301 .model__contents__title--en {
    font-size: calc(80*100vw/750);;
  }
  .celford_240301 .model__contents__title--ja {
    font-size: calc(60*100vw/750);;
  }
  .celford_240301 .model__contents__title--border {
    margin-top: calc(3*100vw/750);;
    height: 1px;
  }
  .celford_240301 .model__contents__credit {
    margin-top: calc(50*100vw/750);;
    font-size: calc(24*100vw/750);;
    line-height: 1.03;
  }
  .celford_240301 .model__contents__credit__item {
    border-bottom: 1px solid var(--color-border);
    margin-left: calc(15*100vw/750);;
  }
  
  .celford_240301 .model__description {
    display: block;
  }
  .celford_240301 .model__description::after {
    width: calc(364*100vw/750);;
    height: calc(160*100vw/750);;
  }
  .celford_240301 .model__description__text {
    width: calc(650*100vw/750);
    margin-left: calc(60*100vw/750);;
  }
  .celford_240301 .model__description__text__lead {
    margin-top: calc(30*100vw/750);
  }
}
/*------------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ common model ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------------*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ type01 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.celford_240301 .type01 {
  padding-top: 12rem;
}
.celford_240301 .type01 .model__contents {
  display: flex;
  justify-content: space-between;
  width: 88.7rem;
  margin-inline: auto;
}
.celford_240301 .type01 .model__contents__title {
  top: 1rem;
  right: 25.6rem;
}
.celford_240301 .type01 .model__contents__title--ja {
  margin-left: 24rem;
}
.celford_240301 .type01 .model__contents__title--en {
  top: 3rem;
  left: 28.6rem;
  color: var(--color-title01);
}
.celford_240301 .type01 .model__contents__title--border {
  width: 51.7rem;
}
.celford_240301 .type01 .model__contents__wrap:last-of-type {
  margin-top: 23.4rem;
}
.celford_240301 .type01 .model__contents__image0101 {
  width: 40rem;
}
.celford_240301 .type01 .model__contents__image0102 {
  width: 44rem;
}
.celford_240301 .type01 .model__contents__text {
  width: 30rem;
  margin-top: 7.1rem;
  margin-left: 5rem;
}
.celford_240301 .type01 .model__contents__credit {
  text-align: right;
}
.celford_240301 .type01 .model__description {
  margin-top: 12rem;
}
.celford_240301 .type01 .model__description::before {
  height: 26.7rem;
  background-color: var(--color-bg01);
}
.celford_240301 .type01 .model__description::after {
  background-image: url(../img/SVG/item__image__point01.svg);
  left: 23.95rem;
  top: 7rem;
}
.celford_240301 .type01 .model__description__image {
  width: 32rem;
  margin-left: 48.1rem;
}
.celford_240301 .type01 .model__description__text {
  margin-top: 15.8rem;
}
@media (max-width: 767px) {
  .celford_240301 .type01 {
    padding-top: calc(130*100vw/750);;
  }
  .celford_240301 .type01 .model__contents {
    display: block;
    width: calc(750*100vw/750);;
  }
  .celford_240301 .type01 .model__contents__title {
    top: calc(10*100vw/750);;
    right: calc(10*100vw/750);;
  }
  .celford_240301 .type01 .model__contents__title--ja {
    margin-left: calc(450*100vw/750);
  }
  .celford_240301 .type01 .model__contents__title--en {
    top: calc(54*100vw/750);
    left: calc(522*100vw/750);
  }
  .celford_240301 .type01 .model__contents__title--border {
    width: calc(715*100vw/750);;
  }
  .celford_240301 .type01 .model__contents__wrap:last-of-type {
    margin-top: calc(0*100vw/750);;
  }
  .celford_240301 .type01 .model__contents__image0101 {
    width: calc(680*100vw/750);;
    margin-top: calc(60*100vw/750);
    margin-inline: auto;
  }
  .celford_240301 .type01 .model__contents__image0102 {
    width: calc(750*100vw/750);;
    margin-top: calc(70*100vw/750);
  }
  .celford_240301 .type01 .model__contents__text {
    width: calc(620*100vw/750);;
    margin-top: calc(61*100vw/750);;
    margin-inline: auto;
  }
  .celford_240301 .type01 .model__contents__credit {
    margin-right: calc(65.8*100vw/750);;
  }
  .celford_240301 .type01 .model__description {
    margin-top: calc(100*100vw/750);
  }
  .celford_240301 .type01 .model__description::before {
    height: calc(724*100vw/750);;
    top: calc(865*100vw/750);
  }
  .celford_240301 .type01 .model__description::after {
    background-image: url(../img/sp/SVG/item__image__point01.svg);
    top: calc(634*100vw/750);
    left: calc(60*100vw/750);
  }
  .celford_240301 .type01 .model__description__image {
    width: calc(480*100vw/750);;
    margin-left: calc(210*100vw/750);;
  }
  .celford_240301 .type01 .model__description__text {
    width: calc(630*100vw/750);
    margin-top: calc(137*100vw/750);
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ type01 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ type02 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.celford_240301 .type02 {
  padding-top: 18rem;
}
.celford_240301 .type02 .model__contents {
  display: grid;
  grid-template-rows: 51.1rem;
  width: 85.4rem;
  margin-left: 32.15rem;
}
.celford_240301 .type02 .model__contents__title {
  top: -0.6rem;
  left: 27.2rem;
}
.celford_240301 .type02 .model__contents__title--ja {
  margin-left: 5rem;
}
.celford_240301 .type02 .model__contents__title--en {
  top: 3rem;
  left: -0.2rem;
  color: var(--color-title02);
}
.celford_240301 .type02 .model__contents__title--border {
  width: 48.4rem;
}
.celford_240301 .type02 .model__contents__wrap:first-of-type {
  grid-row: 1;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.celford_240301 .type02 .model__contents__wrap:last-of-type {
  grid-row: 2;
  display: flex;
  align-items: flex-end;
  column-gap: 2rem;
}
.celford_240301 .type02 .model__contents__image0201 {
  width: 45rem;
}
.celford_240301 .type02 .model__contents__image0202 {
  position: relative;
  z-index: 2;
  width: 45rem;
}
.celford_240301 .type02 .model__contents__text {
  width: 32rem;
  margin-top: 18.9rem;
}
.celford_240301 .type02 .model__contents__credit__item {
  display: block;
  margin-top: 1.3rem;
}
.celford_240301 .type02 .model__description {
  margin-top: 14rem;
}
.celford_240301 .type02 .model__description::before {
  height: 30.7rem;
  background-color: var(--color-bg02);
}
.celford_240301 .type02 .model__description::after {
  background-image: url(../img/SVG/item__image__point02.svg);
  top: 6.5rem;
  right: 30.85rem;
}
.celford_240301 .type02 .model__description__image {
  width: 34rem;
  margin-left: 35rem;
}
.celford_240301 .type02 .model__description__text {
  margin-top: 17.2rem;
}
@media (max-width: 767px) {
  .celford_240301 .type02 {
    padding-top: calc(193*100vw/750);
  }
  .celford_240301 .type02 .model__contents {
    display: block;
    width: calc(750*100vw/750);;
    margin-inline: auto;
  }
  .celford_240301 .type02 .model__contents__title {
    top: calc(10*100vw/750);;
    left: calc(10*100vw/750);;
  }
  .celford_240301 .type02 .model__contents__title--ja {
    margin-left: calc(114*100vw/750);
  }
  .celford_240301 .type02 .model__contents__title--en {
    top: calc(54*100vw/750);
    left: calc(35*100vw/750);
  }
  .celford_240301 .type02 .model__contents__title--border {
    width: calc(715*100vw/750);;
    margin-left: auto;
  }
  .celford_240301 .type02 .model__contents__wrap:first-of-type {
    display: block;
  }
  .celford_240301 .type02 .model__contents__wrap:last-of-type {
    display: block;
  }
  .celford_240301 .type02 .model__contents__image0201 {
    width: calc(750*100vw/750);;
    margin-top: calc(60*100vw/750);
  }
  .celford_240301 .type02 .model__contents__image0202 {
    width: calc(620*100vw/750);;
    margin-top: calc(70*100vw/750);
    margin-inline: auto;
  }
  .celford_240301 .type02 .model__contents__text {
    width: calc(620*100vw/750);;
    margin-top: calc(61*100vw/750);;
    margin-inline: auto;
  }
  .celford_240301 .type02 .model__contents__credit {
    margin-left: calc(57*100vw/750);
  }
  .celford_240301 .type02 .model__contents__credit__item {
    display: inline-block;
    margin-top: calc(0*100vw/750);;
  }
  .celford_240301 .type02 .model__description {
    margin-top: calc(293*100vw/750);
  }
  .celford_240301 .type02 .model__description::before {
    height: calc(474*100vw/750);;
    top: calc(924*100vw/750);
  }
  .celford_240301 .type02 .model__description::after {
    background-image: url(../img/sp/SVG/item__image__point02.svg);
    top: calc(-145*100vw/750);
    right: calc(60*100vw/750);
  }
  .celford_240301 .type02 .model__description__image {
    width: calc(510*100vw/750);;
    margin-left: calc(65*100vw/750);;
  }
  .celford_240301 .type02 .model__description__text {
    margin-top: calc(64*100vw/750);
    margin-left: calc(66*100vw/750)
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ type02 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ type03 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.celford_240301 .type03 {
  padding-top: 18rem;
}
.celford_240301 .type03 .model__contents {
  display: flex;
  justify-content: space-between;
  width: 103rem;
  margin-inline: auto;
}
.celford_240301 .type03 .model__contents__title {
  top: 0.8rem;
  right: 18.5rem;
}
.celford_240301 .type03 .model__contents__title--ja {
  margin-left: 29.5rem;
}
.celford_240301 .type03 .model__contents__title--en {
  top: 3rem;
  left: 37.4rem;
  color: var(--color-title03);
}
.celford_240301 .type03 .model__contents__title--border {
  width: 60.95rem;
}
.celford_240301 .type03 .model__contents__wrap:last-of-type {
  margin-top: 23.9rem;
}
.celford_240301 .type03 .model__contents__image0301 {
  width: 45rem;
}
.celford_240301 .type03 .model__contents__image0302 {
  width: 48rem;
}
.celford_240301 .type03 .model__contents__text {
  width: 36rem;
  margin-top: 6.1rem;
  margin-left: 4.5rem;
}
.celford_240301 .type03 .model__contents__credit {
  text-align: right;
}

.celford_240301 .type03 .model__description {
  margin-top: 12rem;
  flex-direction: row-reverse;
}
.celford_240301 .type03 .model__description::before {
  background-color: var(--color-bg03);
  height: 27.7rem;
}
.celford_240301 .type03 .model__description::after {
  background-image: url(../img/SVG/item__image__point03.svg);
  top: 8rem;
  left: 27.95rem;
}
.celford_240301 .type03 .model__description__image {
  width: 34rem;
  margin-right: 32.5rem;
}
.celford_240301 .type03 .model__description__text {
  width: 33rem;
  margin-top: 18.8rem;
}
@media (max-width: 767px) {
  .celford_240301 .type03 {
    padding-top: calc(208*100vw/750);
  }
  .celford_240301 .type03 .model__contents {
    display: block;
    width: calc(750*100vw/750);;
  }
  .celford_240301 .type03 .model__contents__title {
    top: calc(10*100vw/750);;
    right: calc(10*100vw/750);;
  }
  .celford_240301 .type03 .model__contents__title--ja {
    margin-left: calc(385*100vw/750);
  }
  .celford_240301 .type03 .model__contents__title--en {
    top: calc(53*100vw/750);
    left: calc(508*100vw/750);
  }
  .celford_240301 .type03 .model__contents__title--border {
    width: calc(715*100vw/750);;
  }
  .celford_240301 .type03 .model__contents__wrap:last-of-type {
    margin-top: calc(70*100vw/750);
  }
  .celford_240301 .type03 .model__contents__image0301 {
    width: calc(680*100vw/750);;
    margin-top: calc(60*100vw/750);
    margin-left: auto;
  }
  .celford_240301 .type03 .model__contents__image0302 {
    width: calc(750*100vw/750);;
  }
  .celford_240301 .type03 .model__contents__text {
    width: calc(610*100vw/750);;
    margin-top: calc(61*100vw/750);;
    margin-inline: auto;
  }
  .celford_240301 .type03 .model__contents__credit {
    margin-right: calc(60*100vw/750);
  }
  
  .celford_240301 .type03 .model__description {
    margin-top: calc(245*100vw/750);
  }
  .celford_240301 .type03 .model__description::before {
    height: calc(1054*100vw/750);;
    top: calc(605*100vw/750);
  }
  .celford_240301 .type03 .model__description::after {
    background-image: url(../img/sp/SVG/item__image__point03.svg);
    top: calc(-147*100vw/750);
    left: calc(71*100vw/750);
  }
  .celford_240301 .type03 .model__description__image {
    width: calc(500*100vw/750);;
    margin-right: 0;
    margin-left: calc(190*100vw/750);;
  }
  .celford_240301 .type03 .model__description__text {
    width: calc(620*100vw/750);
    margin-top: calc(62*100vw/750);
    margin-left: calc(70*100vw/750);
  }
}

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ type03 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ type04 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.celford_240301 .type04 {
  padding-top: 18rem;
  margin-bottom: 19rem;
}
.celford_240301 .type04 .model__contents {
  display: grid;
  width: 69.425rem;
  margin-left: 60.74rem;
  grid-template: 61.4rem / 25.425rem;
}
.celford_240301 .type04 .model__contents__title {
  top: 6.2rem;
  left: 24rem;
}
.celford_240301 .type04 .model__contents__title--ja {
  margin-left: 4.8rem;
}
.celford_240301 .type04 .model__contents__title--en {
  top: 3rem;
  left: -0.4rem;
  color: var(--color-title04);
}
.celford_240301 .type04 .model__contents__title--border {
  width: 39.9rem;
}
.celford_240301 .type04 .model__contents__wrap:first-of-type {
  grid-column: 1;
  grid-row: 1;
}
.celford_240301 .type04 .model__contents__wrap:last-of-type {
  grid-column: 2;
  grid-row: 2;
}
.celford_240301 .type04 .model__contents__image0401 {
  width: 43rem;
}
.celford_240301 .type04 .model__contents__image0402 {
  position: relative;
  z-index: 2;
  width: 44rem;
}
.celford_240301 .type04 .model__contents__text {
  position: absolute;
  width: 35rem;
  top: 25.7rem;
  left: 28.7rem;
  z-index: 20;
}
.celford_240301 .type04 .model__contents__credit {
  text-align: right;
  margin-top: 3rem;
}
.celford_240301 .type04 .model__description {
  display: block;
  margin-top: 18.1rem;
}
.celford_240301 .type04 .model__description::before {
  background-color: var(--color-bg04);
  height: 27.7rem;
  top: 7.7rem;
}
.celford_240301 .type04 .model__description::after {
  background-image: url(../img/SVG/item__image__point04.svg);
  left: 22.95rem;
  top: -9.8rem;
}
.celford_240301 .type04 .model__description__image {
  position: absolute;
  top: -49.7rem;
  left: 47.1rem;
  width: 33rem;
}
.celford_240301 .type04 .model__description__text {
  width: 33rem;
  margin-left: 47.13rem;
  padding-top: 2.9rem;
}
@media (max-width: 767px) {
  .celford_240301 .type04 {
    padding-top: calc(195*100vw/750);
    margin-bottom: calc(256*100vw/750);
  }
  .celford_240301 .type04 .model__contents {
    display: block;
    width: 69.425rem;
    width: calc(750*100vw/750);;
    margin-inline: auto;
  }
  .celford_240301 .type04 .model__contents__title {
    top: calc(10*100vw/750);;
    left: calc(10*100vw/750);;
  }
  .celford_240301 .type04 .model__contents__title--ja {
    margin-left: calc(115*100vw/750);
  }
  .celford_240301 .type04 .model__contents__title--en {
    top: calc(55*100vw/750);
    left: calc(35*100vw/750);
  }
  .celford_240301 .type04 .model__contents__title--border {
    width: calc(715*100vw/750);;
    margin-left: auto;
  }
  .celford_240301 .type04 .model__contents__image0401 {
    width: calc(750*100vw/750);;
    margin-top: calc(60*100vw/750);
  }
  .celford_240301 .type04 .model__contents__image0402 {
    width: calc(680*100vw/750);;
    margin-top: calc(70*100vw/750);
    margin-left: calc(35*100vw/750)
  }
  .celford_240301 .type04 .model__contents__text {
    position: static;
    width: calc(650*100vw/750);
    margin-left: calc(50*100vw/750);
    margin-top: calc(61*100vw/750);
  }
  .celford_240301 .type04 .model__contents__credit {
    text-align: left;
    margin-top: calc(50*100vw/750);
    margin-left: calc(25*100vw/750);
  }
  .celford_240301 .type04 .model__description {
    margin-top: calc(100*100vw/750);
  }
  .celford_240301 .type04 .model__description::before {
    height: calc(474*100vw/750);;
    top: calc(905*100vw/750);
  }
  .celford_240301 .type04 .model__description::after {
    background-image: url(../img/sp/SVG/item__image__point04.svg);
    top: calc(555*100vw/750);
    left: calc(353*100vw/750);
  }
  .celford_240301 .type04 .model__description__image {
    position: static;
    width: calc(500*100vw/750);;
    margin-left: calc(35*100vw/750);
  }
  .celford_240301 .type04 .model__description__text {
    width: calc(650*100vw/750);;
    margin-left: calc(35*100vw/750);;
    padding-top: calc(0*100vw/750);;
    margin-top: calc(61*100vw/750);
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ type04 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ animation ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.celford_240301 .jsFade {
  opacity: 0;
  transition-duration: 1.2s;
}
.celford_240301 .jsFade.isActive {
  opacity: 1;
}

.celford_240301 .model:nth-of-type(odd) .isActive .model__contents__title--border {
  animation: borderLeftAnimation 1s ease forwards;
}
.celford_240301 .model:nth-of-type(even) .isActive .model__contents__title--border {
  animation: borderRightAnimation 1s ease forwards;
}
@media (max-width: 767px) {
  .celford_240301 .model:nth-of-type(odd) .isActive .model__contents__title--border {
    animation: borderRightAnimation 1s ease forwards;
  }
  .celford_240301 .model:nth-of-type(even) .isActive .model__contents__title--border {
    animation: borderLeftAnimation 1s ease forwards;
  }
}
@keyframes borderLeftAnimation {
  0% {
    transform: translateX(-100%);
    opacity: 0;
}
  100% {
      transform: translateX(0);
      opacity: 1;
  }
}
@keyframes borderRightAnimation {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
      transform: translateX(0);
      opacity: 1;
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ animation ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/