@charset "UTF-8";
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ 共通設定 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.main-area .main-inner {
  max-width: initial;
  width: initial;
  padding: 0;
}
.styling_240307 {
  width: 100%;
  overflow: hidden;
  font-feature-settings: "palt";
}
.styling_240307 img {
  display: block;
  width: 100%;
  height: auto;
}
.styling_240307 a:hover {
  opacity: 0.6!important;
}
.styling_240307 section {
  position: relative;
  z-index: 2;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .styling_240307 .pcOnly {display: none !important;}
  .main-area.lp {
    margin-bottom: 10px;
  }
  .styling_240307 {
    border-bottom: 1px solid #808080;
  }
}
@media (min-width: 768px) {
  .styling_240307 .spOnly {display: none !important;}
}

@media only screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ 共通設定 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ contents ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.styling_240307 {
  --bgcolor-lime: #EFFFC2;
  --bgcolor-pink: #FFC5C2;
  --bgcolor-beige: #f9f7f2;
  --bgcolor-sax: #B9D7ED;
  --bgcolor-red: #F7301C;
  --bgcolor-white: #F9F5EF;
  --bgcolor-purple: #A53A85;
  --bgcolor-black: #000;
  --color-white: #fff;
  --color-beige: #F9F7F2;
  --font-ja: "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif!important;
  --font-en: "acumin-pro", sans-serif;
  --delay: 0;
  --duration: 800ms;
  --iterations: 1;
}
.styling_240307 .fontJa {font-family: var(--font-ja);}
.styling_240307 .fontEn {font-family: var(--font-en);}
.styling_240307 .bgWhite {background-color: var(--color-white);}
.styling_240307 .bgBlack {background-color: var(--bgcolor-black);}
.styling_240307 .bgBeige {background-color: var(--bgcolor-beige);}
.styling_240307 .colorLime .styling__contents__title.isActive::after {background-color: var(--bgcolor-lime);}
.styling_240307 .colorPink .styling__contents__title.isActive::after {background-color: var(--bgcolor-pink);}
.styling_240307 .colorBeige .styling__contents__title.isActive::after {background-color: var(--bgcolor-beige);}
.styling_240307 .colorSax .styling__contents__title.isActive::after {background-color: var(--bgcolor-sax);}
.styling_240307 .colorRed .styling__contents__title.isActive::after {background-color: var(--bgcolor-red);}
.styling_240307 .colorWhite .styling__contents__title.isActive::after {background-color: var(--bgcolor-white);}
.styling_240307 .colorPurple .styling__contents__title.isActive::after {background-color: var(--bgcolor-purple);}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ contents ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡ ▼ firstview ▼ ≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.styling_240307 .firstview {
  width: 140rem;
  margin-inline: auto;
  text-align: center;
}
.styling_240307 .firstview__title__main {
  position: absolute;
  width: 45.2rem;
  top: 14rem;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 20;
}
.styling_240307 .firstview__image {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 87.6rem;
  margin-inline: auto;
  padding: 1rem;
  border: 0.2rem solid var(--bgcolor-black);
}
.styling_240307 .firstview__lead {
  margin-top: 5.2rem;
  font-size: 1.4rem;
  line-height: 2.1428571429;
  letter-spacing: 0.12em;
  font-weight: 300;
}.styling_240307 .firstview img {
  width: 100.1%;
}
@media (max-width: 767px) {
  .styling_240307 .firstview {
    width: calc(750*100vw/750);
  }
  .styling_240307 .firstview__title__main {
    width: calc(281*100vw/750);
    top: calc(562*100vw/750);
    right: calc(17*100vw/750);
    left: initial;
    transform: initial;
  }
  .styling_240307 .firstview__image {
    grid-template-columns: repeat(3, 1fr);
    width: calc(750*100vw/750);
    padding: calc(14*100vw/750);
    border: 1.5px solid var(--bgcolor-black);
  }
  .styling_240307 .firstview__lead {
    margin-top: calc(70*100vw/750);
    font-size: calc(22*100vw/750);
    line-height: 2;
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡ ▲ firstview ▲ ≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/

/*------------------------------------
≡≡≡≡≡≡≡≡≡ ▼ common setting ▼ ≡≡≡≡≡≡≡≡≡
------------------------------------*/
.styling_240307 .common__inner {
  width: 140rem;
  margin-inline: auto;
}
.styling_240307 .common__title {
  width: 29.5rem;
  margin-inline: auto;
}
.styling_240307 .common__title__lead {
  display: block;
  margin-top: 2.1rem;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.1428571429;
  letter-spacing: 0.075em;
}
.styling_240307 .common__price {
  display: block;
  margin-top: 2.2rem;
  font-size: 1.4rem;
  line-height: 1.8571428571;
  letter-spacing: 0.05em;
  text-align: center;
}
@media (max-width: 767px) {
  .styling_240307 .common__inner {
    width: calc(750*100vw/750);
  }
  .styling_240307 .common__title {
    width: calc(440*100vw/750);
  }
  .styling_240307 .common__title__lead {
    margin-top: calc(43*100vw/750);;
    font-size: 1.4rem;
    font-size: calc(22*100vw/750);;
    line-height: 2;
    letter-spacing: 0.12em;
  }
  .styling_240307 .common__price {
    margin-top: calc(25*100vw/750);
    font-size: calc(22*100vw/750);
    line-height: 1.8181818182;
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡ ▲ common setting ▲ ≡≡≡≡≡≡≡≡≡
------------------------------------*/

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ design ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.styling_240307 .design {
  width: 53.6rem;
  margin: 8.8rem auto 0;
}
.styling_240307 .design__image {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 2.5rem;
  padding: 0.8rem;
}
@media (max-width: 767px) {
  .styling_240307 .design {
    width: calc(640*100vw/750);;
    margin-top: calc(142*100vw/750);
  }
  .styling_240307 .design__image {
    margin-top: calc(31*100vw/750);
    padding: calc(6*100vw/750);
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ design ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ styling ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.styling_240307 .styling {
  margin-top: 13.8rem;
}
.styling_240307 .styling__contents {
  position: relative;
  z-index: 2;
  margin-top: 10rem;
}
.styling_240307 .styling__contents__inner {
  position: relative;
  width: 102rem;
  margin-inline: auto;
}
.styling_240307 .styling__contents__title {
  position: absolute;
  width: fit-content;
  height: 21rem;
  overflow: hidden;
}
.styling_240307 .styling__contents:nth-of-type(odd) .styling__contents__title {
  left: 0;
}
.styling_240307 .styling__contents:nth-of-type(even) .styling__contents__title {
  right: 0;
}
.styling_240307 .styling__contents__title--sub {
  position: relative;
  z-index: 10;
  font-size: 2.5rem;
  font-weight: 300;
  margin-top: 3.9rem;
  display: block;
  width: fit-content;
}
.styling_240307 .styling__contents:nth-of-type(odd) .styling__contents__title--sub {
  margin-left: 2rem;
}
.styling_240307 .styling__contents:nth-of-type(even) .styling__contents__title--sub {
  margin-right: 2rem;
  margin-left: auto;
}
.styling_240307 .styling__contents__title--main {
  font-size: 5.2rem;
  font-weight: bold;
  margin-top: 0.9rem;
  display: block;
}
.styling_240307 .styling__contents:nth-of-type(odd) .styling__contents__title--main {
  margin-left: 6rem;
  padding-left: 5rem;
}
.styling_240307 .styling__contents:nth-of-type(even) .styling__contents__title--main {
  margin-right: 6rem;
  padding-right: 5rem;
}
.styling_240307 .styling__contents__title__image {
  position: relative;
  width: 29rem;
  margin-top: 4.5rem;
  opacity: 0;
}
.styling_240307 .styling__contents__title__color {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateX(29rem);
  opacity: 0;
}
.styling_240307 .styling__contents__image {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 10;
}
@media (max-width: 767px) {
  .styling_240307 .styling {
    margin-top: calc(158*100vw/750);
  }
  .styling_240307 .styling__contents {
    margin-top: calc(0*100vw/750);;
  }
  .styling_240307 .styling__contents__inner {
    width: calc(750*100vw/750);;
  }
  .styling_240307 .styling__contents__title {
    height: calc(380*100vw/750);;
  }
  .styling_240307 .styling__contents:nth-of-type(odd) .styling__contents__title {
    left: calc(20*100vw/750);;
  }
  .styling_240307 .styling__contents:nth-of-type(even) .styling__contents__title {
    right: calc(20*100vw/750);;
  }
  .styling_240307 .styling__contents__title--sub {
    margin-top: calc(50*100vw/750);;
    font-size: calc(38*100vw/750);;
  }
  .styling_240307 .styling__contents:nth-of-type(odd) .styling__contents__title--sub {
    margin-left: calc(27*100vw/750);
  }
  .styling_240307 .styling__contents:nth-of-type(even) .styling__contents__title--sub {
    margin-right: calc(25*100vw/750);
    margin-top: calc(46*100vw/750);
  }
  .styling_240307 .styling__contents__title--main {
    margin-top: calc(13*100vw/750);
    font-size: calc(70*100vw/750);;
  }
  .styling_240307 .styling__contents:nth-of-type(odd) .styling__contents__title--main {
    margin-left: calc(90*100vw/750);
    padding-left: calc(60*100vw/750);
  }
  .styling_240307 .styling__contents:nth-of-type(even) .styling__contents__title--main {
    margin-right: calc(88*100vw/750);
    padding-right: calc(63*100vw/750);
  }
  .styling_240307 .styling__contents__title__color {
    transform: translateX(29rem);
  }
  .styling_240307 .styling__contents__image {
    flex-direction: column;
  }
}

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ type01 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */
.styling_240307 .type01 {
  margin-top: 16.9rem;
}
.styling_240307 .type01 .styling__contents__title {
  top: -14.9rem;
}
.styling_240307 .type01 .styling__contents__image {
  column-gap: 0.8rem;
  width: 78.8rem;
  margin: 10rem auto 0;
}
.styling .type01 .common__image--slider {
  width: 39rem;
}
@media (max-width: 767px) {
  .styling_240307 .type01 {
    margin-top: calc(264*100vw/750);
  }
  .styling_240307 .type01 .styling__contents__title {
    top: calc(-215*100vw/750);
  }
  .styling_240307 .type01 .styling__contents__image {
    column-gap: 0;
    row-gap: calc(6*100vw/750);;
    width: calc(550*100vw/750);;
    margin-top: calc(0*100vw/750);;
    margin-right: 0;
  }
  .styling .type01 .common__image--slider {
    width: calc(550*100vw/750);;
  }
}
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ type01 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ type02 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */
.styling_240307 .type02 .styling__contents__title {
  top: 4.9rem;
}
.styling_240307 .type02 .styling__contents__image {
  column-gap: 7rem;
  width: 81rem;
  margin-left: 9.4rem;
}
.styling_240307 .type02 .styling__image0202 {
  margin-top: 19.8rem;
}
.styling_240307 .type02 .common__image--slider {
  width: 37rem;
}
@media (max-width: 767px) {
  .styling_240307 .type02 {
    margin-top: calc(313*100vw/750);;
  }
  .styling_240307 .type02 .styling__contents__title {
    top: calc(-212*100vw/750);;
  }
  .styling_240307 .type02 .styling__contents__image {
    width: calc(750*100vw/750);;
    margin-inline: auto;
    column-gap: 0;
    row-gap: calc(40*100vw/750);;
  }
  .styling_240307 .type02 .styling__image0201 {
    width: calc(430*100vw/750);;
    margin-left: calc(20*100vw/750);;
  }
  .styling_240307 .type02 .styling__image0202 {
    width: calc(560*100vw/750);;
    margin-top: 0;
    margin-left: calc(170*100vw/750);;
  }
  .styling_240307 .type02 .common__image--slider {
    width: calc(560*100vw/750);;
  }
}
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ type02 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ type03 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */
.styling_240307 .type03 {
  margin-top: 9.97rem;
}
.styling_240307 .type03 .styling__contents__title {
  top: -0.2rem;
}
.styling_240307 .type03 .styling__contents__image {
  width: 74.8rem;
  margin-left: 21.6rem;
  column-gap: 0.8rem;
  flex-direction: row-reverse;
}
.styling_240307 .type03 .styling__image0302 {
  margin-top: 14.8rem;
}
.styling_240307 .type03 .common__image--slider {
  width: 37rem;
}
@media (max-width: 767px) {
  .styling_240307 .type03 {
    margin-top: calc(313*100vw/750);;
  }
  .styling_240307 .type03 .styling__contents__title {
    top: calc(-214*100vw/750);
  }
  .styling_240307 .type03 .styling__contents__image {
    width: calc(750*100vw/750);;
    margin-inline: auto;
    column-gap: 0.8rem;
    column-gap: calc(0*100vw/750);;
    row-gap: calc(40*100vw/750);;
    flex-direction: column;
  }
  .styling_240307 .type03 .styling__image0301 {
    width: calc(520*100vw/750);;
    margin-left: auto;
  }
  .styling_240307 .type03 .styling__image0302 {
    width: calc(570*100vw/750);;
    margin-top: 0;
    margin-left: calc(40*100vw/750);
  }
  .styling_240307 .type03 .common__image--slider {
    width: calc(520*100vw/750);;
  }
}
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ type03 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ type04 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */
.styling_240307 .type04 {
  margin-top: 24.77rem;
}
.styling_240307 .type04 .styling__contents__title {
  top: -14.9rem;
}
.styling_240307 .type04 .styling__contents__image {
  width: 78.8rem;
  margin-inline: auto;
  column-gap: 0.8rem;
}
@media (max-width: 767px) {
  .styling_240307 .type04 {
    margin-top: calc(312.7*100vw/750);;
  }
  .styling_240307 .type04 .styling__contents__title {
    top: calc(-216*100vw/750);
  }
  .styling_240307 .type04 .styling__contents__image {
    width: calc(590*100vw/750);;
    margin-left: calc(40*100vw/750);;
    column-gap: 0;
    row-gap: calc(6*100vw/750);;
  }
}
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ type04 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ type05 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */
.styling_240307 .type05 .styling__contents__title {
  top: -0.2rem;
}
.styling_240307 .type05 .styling__contents__image {
  width: 79rem;
  margin-left: 11.6rem;
  column-gap: 7rem;
  flex-direction: row-reverse;
}
.styling_240307 .type05 .styling__image0502 {
  margin-top: 14.8rem;
}
.styling_240307 .type05 .common__image--slider {
  width: 35rem;
}
@media (max-width: 767px) {
  .styling_240307 .type05 {
    margin-top: calc(311*100vw/750);
  }
  .styling_240307 .type05 .styling__contents__title {
    top: calc(-214*100vw/750);
  }
  .styling_240307 .type05 .styling__contents__image {
    width: calc(670*100vw/750);;
    margin-inline: auto;
    column-gap: 0;
    row-gap: calc(40*100vw/750);;
    flex-direction: column;
  }
  .styling_240307 .type05 .styling__image0501 {
    width: calc(420*100vw/750);;
    margin-left: calc(250*100vw/750);;
  }
  .styling_240307 .type05 .styling__image0502 {
    width: calc(580*100vw/750);;
    margin-top: calc(0*100vw/750);;
  }
  .styling_240307 .type05 .common__image--slider {
    width: calc(420*100vw/750);;
  }
}
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ type05 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ type06 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */
.styling_240307 .type06 {
  margin-top: 9.97rem;
}
.styling_240307 .type06 .styling__contents__title {
  top: 4.8rem;
}
.styling_240307 .type06 .styling__contents__image {
  width: 76.8rem;
  margin-left: 3rem;
  column-gap: 0.8rem;
}
.styling_240307 .type06 .styling__image0601 {
  width: 37rem;
}
.styling_240307 .type06 .styling__image0602 {
  width: 39rem;
  margin-top: 19.8rem;
}
.styling_240307 .type06 .common__image--slider {
  width: 37rem;
}
@media (max-width: 767px) {
  .styling_240307 .type06 {
    margin-top: calc(313*100vw/750);;
  }
  .styling_240307 .type06 .styling__contents__title {
    top: 4.8rem;
    top: calc(-214*100vw/750);
  }
  .styling_240307 .type06 .styling__contents__image {
    width: calc(670*100vw/750);;
    margin-inline: auto;
    column-gap: 0;
    row-gap: calc(6*100vw/750);;
  }
  .styling_240307 .type06 .styling__image0601 {
    width: calc(560*100vw/750);;
  }
  .styling_240307 .type06 .styling__image0602 {
    width: calc(510*100vw/750);;
    margin-top: 0;
    margin-left: auto;
  }
  .styling_240307 .type06 .common__image--slider {
    width: calc(560*100vw/750);;
  }
}
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ type06 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ type07 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */
.styling_240307 .type07 {
  margin-top: 24.8rem;
}
.styling_240307 .type07 .styling__contents__title {
  top: -14.9rem;
}
.styling_240307 .type07 .styling__contents__image {
  width: 78.8rem;
  margin-inline: auto;
  column-gap: 0.8rem;
}
@media (max-width: 767px) {
  .styling_240307 .type07 {
    margin-top: calc(313*100vw/750);;
  }
  .styling_240307 .type07 .styling__contents__title {
    top: calc(-214*100vw/750);
  }
  .styling_240307 .type07 .styling__contents__image {
    width: calc(550*100vw/750);;
    margin-left: calc(160*100vw/750);;
    column-gap: 0;
    row-gap: calc(10*100vw/750);;
    flex-direction: column-reverse;
  }
}
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ type07 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡ */

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ styling ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ revival ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.styling_240307 .revival {
  margin-top: 10rem;
  padding-block: 9.8rem 9.92rem;
}
.styling_240307 .revival__wrapper {
  display: flex;
  justify-content: space-between;
}
.styling_240307 .revival__wrapper01 {
  width: 85rem;
  margin: 2.5rem auto 0;
}
.styling_240307 .revival__wrapper02 {
  width: 77rem;
  margin-top: 10rem;
  margin-left: 19rem;
  flex-direction: row-reverse;
}
.styling_240307 .revival__image01 {
  width: 45rem;
}
.styling_240307 .revival__image02 {
  width: 37rem;
  margin-top: 5.33rem;
}
.styling_240307 .revival__image03 {
  width: 41rem;
}
.styling_240307 .revival__image04 {
  width: 33rem;
  margin-top: 20rem;
}
.styling_240307 .revival .common__image--slider {
  width: 33rem;
}
@media (max-width: 767px) {
  .styling_240307 .revival {
    margin-top: calc(160*100vw/750);
    padding-block: calc(157*100vw/750);
  }
  .styling_240307 .revival__wrapper {
    flex-direction: column;
  }
  .styling_240307 .revival__wrapper01 {
    width: calc(670*100vw/750);;
    margin-top: calc(33*100vw/750);
    row-gap: calc(40*100vw/750);;
  }
  .styling_240307 .revival__wrapper02 {
    width: calc(670*100vw/750);;
    margin-top: calc(99.7*100vw/750);;
    margin-inline: auto;
    flex-direction: column;
    row-gap: calc(40*100vw/750);;
  }
  .styling_240307 .revival__image01 {
    width: calc(670*100vw/750);;
  }
  .styling_240307 .revival__image02 {
    width: calc(540*100vw/750);;
    margin-top: calc(0*100vw/750);;
    margin-inline: auto;
  }
  .styling_240307 .revival__image03 {
    width: calc(600*100vw/750);;
    margin-left: auto;
  }
  .styling_240307 .revival__image04 {
    width: calc(510*100vw/750);;
    margin-top: 0;
  }
  .styling_240307 .revival .common__image--slider {
    width: calc(510*100vw/750);;
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ revival ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ endview ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.styling_240307 .endview {
  margin-top: 10rem;
}
.styling_240307 .endview__price {
  margin-top: 2.5rem;
}
.styling_240307 .endview__image {
  width: 69rem;
  margin: 2.5rem auto 0;
}
.styling_240307 .all_item_btn {
  width: 46rem;
  height: 7rem;
  color: var(--color-white);
  background-color: var(--bgcolor-black);
  margin: 13rem auto 2.3rem;
}
.styling_240307 .all_item_btn a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 2rem;
  letter-spacing: 0.01em;
  font-weight: 600;
  left: -1.1rem;
  top: 50%;
  transform: translateY(-50%);
}
.styling_240307 .all_item_btn a::after {
  display: block;
  content: "";
  position: absolute;
  height: calc(1rem/2 * 1.7320508076);
  width: 1rem;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background-color: var(--color-white);
  transform: rotate(90deg);
  right: 11.8rem;
  top: 3rem;
}
@media (max-width: 767px) {
  .styling_240307 .endview {
    margin-top: calc(162*100vw/750);
  }
  .styling_240307 .endview__price {
    margin-top: calc(29*100vw/750);
  }
  .styling_240307 .endview__image {
    width: calc(710*100vw/750);;
    margin-top: calc(33*100vw/750);
  }
  .styling_240307 .all_item_btn {
    width: calc(480*100vw/750);
    height: calc(80*100vw/750);
    margin-block: calc(130*100vw/750) calc(132*100vw/750);
  }
  .styling_240307 .all_item_btn a {
    font-size: 2rem;
    font-size: calc(24*100vw/750);;
    letter-spacing: 0em;
    left: calc(-20*100vw/750);;
  }
  .styling_240307 .all_item_btn a::after {
    display: block;
    content: "";
    position: absolute;
    height: calc(2.5rem/2 * 1.7320508076);
    width: 3.5rem;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    transform: rotate(90deg);
    right: calc(104 * (100vw/750));
    top: calc(36 * (100vw/750));
    letter-spacing: 0.04em;
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ endview ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ animation ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.styling_240307 .jsFade {
  opacity: 0;
  transition: opacity 0.5s, transform 0.5s;
  transform: translateY(50px);
}
.styling_240307 .jsFade.isActive {
  opacity: 1;
  transform: translateY(0px);
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ animation ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/



.styling_240307 .styling__contents__title.isActive::after {
  position: absolute;
  content: "";
  top: 0rem;
  /* width: 100%; */
  /* width: 31.2rem; */
  width: 66.2rem;
  height: 100%;
  pointer-events: none;
  animation-duration: 1100ms;
}
.styling_240307 .reveal-text {
  --animation-delay: var(--delay, 0);
  --animation-duration: var(--duration, 800ms);
  --animation-iterations: var(--iterations, 1);
  position: relative;
  white-space: nowrap;
  cursor: default;
  visibility: hidden;
  opacity: 0;
  background-color: var(--color-white);
}
.styling_240307 .reveal-text > span {
  position: absolute;
  content: "";
  width: 3.2rem;
  height: 0.3rem;
  background-color: var(--bgcolor-black);
  top: 4.4rem;
  z-index: -1;
  transform: translateX(5rem);
}
@media (max-width: 767px) {
  .styling_240307 .styling__contents__title.isActive::after {
    width: calc(822*100vw/750);;
  }
  .styling_240307 .reveal-text > span {
    width: calc(43*100vw/750);;
    height: 3px;
    top: calc(60*100vw/750);
    transform: translateX(5rem);
  }
  .styling_240307 .styling__contents:nth-of-type(odd) .styling__contents__title .reveal-text > span {
    left: calc(-27*100vw/750);;
  }
  .styling_240307 .styling__contents:nth-of-type(even) .styling__contents__title .reveal-text > span {
    right: calc(27*100vw/750);;
  }
}
.styling_240307 .styling__contents:nth-of-type(even) .styling__contents__title .reveal-text > span {
  right: 5rem;
}
.styling_240307 .styling__contents:nth-of-type(odd) .styling__contents__title .reveal-text > span {
  left: -5rem;
}
.styling_240307 .styling__contents:nth-of-type(even) .styling__contents__title::before {
  right: 6rem;
}
.styling_240307 .styling__contents:nth-of-type(odd) .styling__contents__title::before {
  left: 6rem;
}
.styling_240307 .isActive .reveal-text {
  visibility: visible;
  opacity: 1;
  text-overflow: clip;
  animation-duration: 1000ms;
  animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}
.styling_240307 .reveal-text,
.styling_240307 .styling__contents__title::after {
  animation-iteration-count: var(--iterations, 1);
  animation-duration: 500ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}
.styling_240307 .styling__contents__title.isActive::after {
  /* animation-timing-function: cubic-bezier(0.96, 0.06, 0.45, 1.01); */
  /* animation-timing-function: cubic-bezier(0.69, 0.01, 0.29, 0.99); */
  animation-timing-function: cubic-bezier(0.75, -0.01, 0.22, 0.99);
}
.styling_240307 .reveal-text {
  animation-iteration-count: var(--iterations, 1);
  animation-duration: var(--duration, 800ms);
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}

.styling_240307 .styling__contents:nth-of-type(even) .isActive .reveal-text {
  animation-name: clip-textLeft;
  animation-delay: 0.5s;
  animation-duration: 350ms;
}
.styling_240307 .styling__contents:nth-of-type(odd) .isActive .reveal-text {
  animation-name: clip-textRight;
  animation-delay: 0.5s;
  animation-duration: 350ms;
}
.styling_240307 .styling__contents:nth-of-type(even) .styling__contents__title.isActive::after {
  animation-name: leftShowAnimation;
  right: 0;
}
.styling_240307 .styling__contents:nth-of-type(odd) .styling__contents__title.isActive::after {
  animation-name: rightShowAnimation;
  left: 0;
}
/* テキスト表示のためのアニメーション */
@keyframes clip-textLeft {
  from {
    clip-path: inset(0 100% 0 0);
  }

  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes clip-textRight {
  from {
    clip-path: inset(0 0 0 100%);
  }

  to {
    clip-path: inset(0 0 0 0);
  }
}
/* テキスト表示のためのアニメーション */

/* 背景表示のためのアニメーション */
@keyframes rightShowAnimation {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }

  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }

  0%, 20% {
    transform: translateX(0rem);
  }

  20%, 100% {
    transform: translateX(-63.4rem);
  }
}

@keyframes leftShowAnimation {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }

  0% {
    right: 100%;
  }
  100% {
    right: 0;
  }

  0%, 20% {
    transform: translateX(0rem);
  }
  20%, 100% {
    transform: translateX(63.4rem);
  }
}
/* 背景表示のためのアニメーション */

@media (max-width: 767px) {
  /* 背景表示のためのアニメーション */
  @keyframes rightShowAnimation {
    0% {
      opacity: 0;
    }
    1% {
      opacity: 1;
    }
  
    0% {
      left: 100%;
    }
    100% {
      left: 0;
    }
  
    0%, 20% {
      transform-origin: 0% 50%;
      transform: translateX(0rem);
    }
  
    20%, 100% {
      /* transform: translateX(calc(-372*100vw/750)); */
      transform: translateX(calc(-782*100vw/750)); 
    }
  }
  
  @keyframes leftShowAnimation {
    0% {
      opacity: 0;
    }
    1% {
      opacity: 1;
    }
  
    0% {
      right: 100%;
    }
    100% {
      right: 0;
    }
  
    0%, 20% {
      transform: translateX(0rem);
    }
    20%, 100% {
      transform: translateX(calc(782*100vw/750));
    }
  }
  /* 背景表示のためのアニメーション */

}