@charset "UTF-8";
/* media query
------------------------------------------ */
/* display
------------------------------------------ */
.is-show-pc {
  display: block;
}
@media (max-width: 767px) {
  .is-show-pc {
    display: none;
  }
}

.is-show-sp {
  display: none;
}
@media (max-width: 767px) {
  .is-show-sp {
    display: block;
  }
}

/* function
------------------------------------------ */
.CE260403swim {
  /* 可変設定
  ------------------------------------------ */
  /*デザインの値*/
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 460; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(
    var(--variable) * var(--ratio)
  ); /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/
  /* PC画面幅 1400px以上 固定 */
  /* PC画面幅 768～1400px 可変 */
  /* SP画面幅 767px以下 可変 */

  --font-ja: 'hiragino-kaku-gothic-pron', sans-serif;
  --font-crimson: 'Crimson Text', sans-serif;
  font-style: normal;
  --fw-w3: 300;
  --fw-w6: 600;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  /* color
  ------------------------------------------ */
  --color-skyblue: #e7f6f7;
  --color-black: #212121;
  --color-white: #ffffff;
  --color-gray: #7c7c7c;
  --color-darkgray: #494949;
  /* mixin
  ------------------------------------------ */
  /* reset
  ------------------------------------------ */
  /* 共通
  ------------------------------------------ */
  /* animation
  ------------------------------------------ */
  /* LP style
  ------------------------------------------ */
  /* movie
  ------------------------------------------ */
  /* mv
  ------------------------------------------ */
  /* hero
  ------------------------------------------ */
  /* product
  ------------------------------------------ */
  /* all
  ------------------------------------------ */
  /* staff
  ------------------------------------------ */
}
@media (min-width: 1401px) {
  .CE260403swim {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .CE260403swim {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}
@media (max-width: 767px) {
  .CE260403swim {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}
.CE260403swim img {
  width: 100%;
  height: auto;
}
.CE260403swim * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.CE260403swim .js-fade-in {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  opacity: 0;
}
.CE260403swim .js-fade-in.is-active {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: filter 1.5s ease 0s, opacity 1s ease 0s, transform 1s ease 0s, -webkit-filter 1.5s ease 0s, -webkit-transform 1s ease 0s;
  opacity: 1;
}
.CE260403swim .js-fade-up {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  opacity: 0;
  -webkit-transform: translateY(4rem);
          transform: translateY(4rem);
}
.CE260403swim .js-fade-up.is-active {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: filter 1.5s ease 0s, opacity 1s ease 0s, transform 1s ease 0s, -webkit-filter 1.5s ease 0s, -webkit-transform 1s ease 0s;
  opacity: 1;
}
.CE260403swim .js-fade-up.is-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.CE260403swim .js-fade-to-right {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  opacity: 0;
  -webkit-transform: translateX(-4rem);
          transform: translateX(-4rem);
}
.CE260403swim .js-fade-to-right.is-active {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: filter 1.5s ease 0s, opacity 1s ease 0s, transform 1s ease 0s, -webkit-filter 1.5s ease 0s, -webkit-transform 1s ease 0s;
  opacity: 1;
}
.CE260403swim .js-fade-to-right.is-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.CE260403swim .js-fade-to-left {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  opacity: 0;
  -webkit-transform: translateX(4rem);
          transform: translateX(4rem);
}
.CE260403swim .js-fade-to-left.is-active {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: filter 1.5s ease 0s, opacity 1s ease 0s, transform 1s ease 0s, -webkit-filter 1.5s ease 0s, -webkit-transform 1s ease 0s;
  opacity: 1;
}
.CE260403swim .js-fade-to-left.is-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.CE260403swim .js-ttl img {
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.CE260403swim .js-ttl.is-active img {
  clip-path: inset(0 0 0 0);
}

/*******************************
lpMainWrap
*******************************/
.CE260403swim .lpMainWrap{
  display: block;
  width: calc(750 * var(--formula));
  overflow: clip;
  background-color: var(--color-white);
}

.CE260403swim .lp-cont{
  width: 100%;
  background-color: var(--color-skyblue);
  padding-bottom: calc(100 * var(--formula));
}
/* mv ********/
.CE260403swim .mvBlock{
  width: 100%;
  position: relative;
}
.CE260403swim .mvBlock .mvBlockInner{
  display: block;
  width: 100%;
}

.CE260403swim .mvBlock .mv-title{
  pointer-events: none;
}

.CE260403swim .mvBlock .mv-title01{
  position: absolute;
  top: 42.1vw;
  left: 0.2vw;
  width: 59.5vw;
}

.CE260403swim .mvBlock .mv-title02{
  position: absolute;
  left: 4.26667vw;
  bottom: 5.6vw;
  width: 58.66667vw;
}

/* main ************/
.CE260403swim .lpMain{
  display: block;
  width: 100%;
}


.CE260403swim .movie {
  width: 100%;
}
.CE260403swim .movie video {
  width: 100%;
  height: 100%;
}
.CE260403swim .movie-cont {
  position: relative;
  width: calc(675 * var(--formula));
  margin: 0 auto;
  padding-top: calc(126 * var(--formula));
}
.CE260403swim .movie-sound {
  width: 100%;
  height: auto;
  cursor: pointer;
  z-index: 1;
}
.CE260403swim .movie-sound-on {
  display: block;
  position: absolute;
  right: calc(20 * var(--formula));
  bottom: calc(20 * var(--formula));
  cursor: pointer;
  width: calc(60 * var(--formula));
  z-index: 1;
}
.CE260403swim .movie-sound-off {
  position: absolute;
  right: calc(20 * var(--formula));
  bottom: calc(20 * var(--formula));
  cursor: pointer;
  width: calc(72 * var(--formula));
  display: none;
  z-index: 1;
}

.CE260403swim .hero {
  position: relative;
  padding-top: calc(106 * var(--formula));
  background-color: var(--color-skyblue);
}
.CE260403swim .hero-txt {
  font-family: var(--font-ja);
  font-weight: var(--fw-w3);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.06em;
  color: var(--color-black);
  text-align: center;
}
.CE260403swim .hero-date {
  width: calc(310 * var(--formula));
  position: absolute;
  top: calc(562 * var(--formula));
  right: calc(20 * var(--formula));
}

.CE260403swim .product-inner {
  width: calc(750 * var(--formula));
  margin: 0 auto;
}
.CE260403swim .product01 {
  padding: calc(180 * var(--formula)) 0 calc(0 * var(--formula));
}
.CE260403swim .product01-ttl {
  width: calc(517 * var(--formula));
  margin: calc(82 * var(--formula)) auto 0;
}
.CE260403swim .product01-txt {
  width: calc(655 * var(--formula));
  margin: calc(50 * var(--formula)) auto 0 calc(65 * var(--formula));
}
.CE260403swim .product01-photo-01 {
  width: calc(670 * var(--formula));
  margin: 0 auto 0 0;
}
.CE260403swim .product01-photo-02 {
  width: calc(620 * var(--formula));
  margin: calc(82 * var(--formula)) auto 0 calc(100 * var(--formula));
}
.CE260403swim .product01-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: calc(20 * var(--formula));
  padding-right: calc(30 * var(--formula));
}
.CE260403swim .product01-price a {
  display: inline-block;
  position: relative;
  font-family: var(--font-crimson);
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  color: var(--color-gray);
}
.CE260403swim .product01-price a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-gray);
  position: absolute;
  bottom: calc(13 * var(--formula));
  left: calc(0 * var(--formula));
}
.CE260403swim .product01-price span {
  display: inline-block;
  position: relative;
  font-family: var(--font-crimson);
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  color: var(--color-gray);
}
.CE260403swim .product01-price span::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-gray);
  position: absolute;
  bottom: calc(13 * var(--formula));
  left: calc(0 * var(--formula));
}
.CE260403swim .product01-price-01 {
  margin-top: calc(36 * var(--formula));
}

.CE260403swim .product02 {
  padding: calc(204 * var(--formula)) 0 0;
}
.CE260403swim .product02-ttl {
  width: calc(521 * var(--formula));
  margin: calc(82 * var(--formula)) auto 0 calc(188 * var(--formula));
}
.CE260403swim .product02-txt {
  width: calc(162 * var(--formula));
  margin: calc(50 * var(--formula)) auto 0;
}
.CE260403swim .product02-photo-01 {
  width: calc(640 * var(--formula));
  margin: 0 auto 0 0;
}
.CE260403swim .product02-photo-02 {
  width: calc(750 * var(--formula));
  margin: calc(80 * var(--formula)) auto 0;
}
.CE260403swim .product02-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: calc(20 * var(--formula));
}
.CE260403swim .product02-price a {
  display: inline-block;
  position: relative;
  font-family: var(--font-crimson);
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  color: var(--color-gray);
}
.CE260403swim .product02-price a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-gray);
  position: absolute;
  bottom: calc(13 * var(--formula));
  left: calc(0 * var(--formula));
}
.CE260403swim .product02-price-01 {
  margin-top: calc(36 * var(--formula));
}

.CE260403swim .product03 {
  padding: calc(206 * var(--formula)) 0 0;
  position: relative;
  z-index: 1;
}
.CE260403swim .product03-bg {
  width: 100%;
  display: block;
  position: absolute;
  top: calc(428 * var(--formula));
  left: 0;
  z-index: -1;
}
.CE260403swim .product03-photo-01 {
  width: calc(580 * var(--formula));
  margin: 0 auto;
}
.CE260403swim .product03-photo-02 {
  width: calc(580 * var(--formula));
  margin: calc(40 * var(--formula)) auto 0;
}
.CE260403swim .product03-ttl {
  width: calc(579 * var(--formula));
  margin: calc(82 * var(--formula)) auto 0;
}
.CE260403swim .product03-txt {
  width: calc(344 * var(--formula));
  margin: calc(50 * var(--formula)) auto 0;
}
.CE260403swim .product03-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: calc(20 * var(--formula));
}
.CE260403swim .product03-price a {
  display: inline-block;
  position: relative;
  font-family: var(--font-crimson);
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  color: var(--color-gray);
}
.CE260403swim .product03-price a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-gray);
  position: absolute;
  bottom: calc(13 * var(--formula));
  left: calc(0 * var(--formula));
}
.CE260403swim .product03-price-01 {
  margin-top: calc(36 * var(--formula));
}

.CE260403swim .product04 {
  padding: calc(206 * var(--formula)) 0 0;
}
.CE260403swim .product04-ttl {
  width: calc(595 * var(--formula));
  margin: calc(82 * var(--formula)) auto 0 calc(45 * var(--formula));
}
.CE260403swim .product04-photo-01 {
  width: calc(660 * var(--formula));
  margin: 0 auto 0 calc(45 * var(--formula));
}
.CE260403swim .product04-photo-02 {
  width: calc(510 * var(--formula));
  margin: calc(80 * var(--formula)) auto 0 calc(210 * var(--formula));
}
.CE260403swim .product04-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: calc(20 * var(--formula));
  padding-right: calc(30 * var(--formula));
}
.CE260403swim .product04-price a {
  display: inline-block;
  position: relative;
  font-family: var(--font-crimson);
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  color: var(--color-gray);
}
.CE260403swim .product04-price a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-gray);
  position: absolute;
  bottom: calc(13 * var(--formula));
  left: calc(0 * var(--formula));
}
.CE260403swim .product04-price-01 {
  margin-top: calc(40 * var(--formula));
}

.CE260403swim .product05 {
  padding: calc(205 * var(--formula)) 0 0;
}
.CE260403swim .product05-ttl {
  width: calc(532 * var(--formula));
  margin: calc(82 * var(--formula)) auto 0 calc(182 * var(--formula));
}
.CE260403swim .product05-txt {
  width: calc(646 * var(--formula));
  margin: calc(50 * var(--formula)) auto 0 calc(32 * var(--formula));
}
.CE260403swim .product05-photo-01 {
  width: calc(660 * var(--formula));
  margin: 0 auto 0 calc(90 * var(--formula));
}
.CE260403swim .product05-photo-02 {
  width: calc(620 * var(--formula));
  margin: calc(82 * var(--formula)) auto 0 0;
}
.CE260403swim .product05-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: calc(20 * var(--formula));
  padding-left: calc(30 * var(--formula));
}
.CE260403swim .product05-price a {
  display: inline-block;
  position: relative;
  font-family: var(--font-crimson);
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  color: var(--color-gray);
}
.CE260403swim .product05-price a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-gray);
  position: absolute;
  bottom: calc(13 * var(--formula));
  left: calc(0 * var(--formula));
}
.CE260403swim .product05-price-01 {
  margin-top: calc(37 * var(--formula));
}

.CE260403swim .product06 {
  padding: calc(208 * var(--formula)) 0 0;
}
.CE260403swim .product06-ttl {
  width: calc(577 * var(--formula));
  margin: calc(80 * var(--formula)) auto 0 calc(84 * var(--formula));
}
.CE260403swim .product06-txt {
  width: calc(143 * var(--formula));
  margin: calc(50 * var(--formula)) auto 0 calc(577 * var(--formula));
}
.CE260403swim .product06-photo-01 {
  width: calc(750 * var(--formula));
  margin: 0 auto;
}
.CE260403swim .product06-photo-02 {
  width: calc(600 * var(--formula));
  margin: calc(82 * var(--formula)) auto 0 calc(120 * var(--formula));
}
.CE260403swim .product06-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: calc(20 * var(--formula));
  padding-right: calc(30 * var(--formula));
}
.CE260403swim .product06-price a {
  display: inline-block;
  position: relative;
  font-family: var(--font-crimson);
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  color: var(--color-gray);
}
.CE260403swim .product06-price a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-gray);
  position: absolute;
  bottom: calc(13 * var(--formula));
  left: calc(0 * var(--formula));
}
.CE260403swim .product06-price-01 {
  margin-top: calc(36 * var(--formula));
}

.CE260403swim .product07 {
  padding: calc(208 * var(--formula)) 0 0;
}
.CE260403swim .product07-photo-01 {
  width: calc(510 * var(--formula));
  margin: 0 auto 0 calc(40 * var(--formula));
}
.CE260403swim .product07-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: calc(20 * var(--formula));
  padding-left: calc(40 * var(--formula));
}
.CE260403swim .product07-price a {
  display: inline-block;
  position: relative;
  font-family: var(--font-crimson);
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  color: var(--color-gray);
}
.CE260403swim .product07-price a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-gray);
  position: absolute;
  bottom: calc(13 * var(--formula));
  left: calc(0 * var(--formula));
}
.CE260403swim .product07-price-01 {
  margin-top: calc(37 * var(--formula));
}

.CE260403swim .product08 {
  padding: calc(206 * var(--formula)) 0 0;
  position: relative;
  z-index: 1;
}
.CE260403swim .product08-bg {
  width: 100%;
  display: block;
  position: absolute;
  top: calc(434 * var(--formula));
  left: 0;
  z-index: -1;
}
.CE260403swim .product08-photo-01 {
  width: calc(660 * var(--formula));
  margin: 0 auto 0 calc(90 * var(--formula));
}
.CE260403swim .product08-photo-02 {
  width: calc(630 * var(--formula));
  margin: calc(40 * var(--formula)) auto 0 0;
}
.CE260403swim .product08-ttl {
  width: calc(478 * var(--formula));
  margin: calc(80 * var(--formula)) auto 0 calc(30 * var(--formula));
}
.CE260403swim .product08-txt {
  width: calc(344 * var(--formula));
  margin: calc(50 * var(--formula)) auto 0 calc(30 * var(--formula));
}
.CE260403swim .product08-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: calc(20 * var(--formula));
  padding-left: calc(30 * var(--formula));
}
.CE260403swim .product08-price a {
  display: inline-block;
  position: relative;
  font-family: var(--font-crimson);
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  color: var(--color-gray);
}
.CE260403swim .product08-price a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-gray);
  position: absolute;
  bottom: calc(13 * var(--formula));
  left: calc(0 * var(--formula));
}
.CE260403swim .product08-price-01 {
  margin-top: calc(40 * var(--formula));
}

.CE260403swim .product09 {
  padding: calc(206 * var(--formula)) 0 0;
}
.CE260403swim .product09-ttl {
  width: calc(612 * var(--formula));
  margin: calc(80 * var(--formula)) auto 0 calc(68 * var(--formula));
}
.CE260403swim .product09-txt {
  width: calc(583 * var(--formula));
  margin: calc(50 * var(--formula)) auto 0;
}
.CE260403swim .product09-photo-01 {
  width: calc(700 * var(--formula));
  margin: 0 auto 0 0;
}
.CE260403swim .product09-photo-02 {
  width: calc(590 * var(--formula));
  margin: calc(82 * var(--formula)) auto 0;
}
.CE260403swim .product09-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: calc(20 * var(--formula));
}
.CE260403swim .product09-price a {
  display: inline-block;
  position: relative;
  font-family: var(--font-crimson);
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  color: var(--color-gray);
}
.CE260403swim .product09-price a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-gray);
  position: absolute;
  bottom: calc(13 * var(--formula));
  left: calc(0 * var(--formula));
}
.CE260403swim .product09-price-01 {
  margin-top: calc(36 * var(--formula));
}

/*******************************
CELFORD FUNCTION & VARIATION
*******************************/
.CE260403swim .lp-section--variation {
  width: calc(750 * var(--formula));
  padding-block: calc(182 * var(--formula)) calc(44 * var(--formula));
  border-bottom: 1px solid var(--color-darkgray);
  margin: 0 auto;
}

.CE260403swim .lp-section--variation .lp-section__inner {
  width: 100%;
  margin: 0 auto;
}

/* 見出し：左右にラインを引くデザイン */
.CE260403swim .lp-section--variation .lp-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-crimson);
  font-weight: var(--fw-regular);
  font-size: calc(32 * var(--formula));
  letter-spacing: 0.03em;
  color: var(--color-darkgray);
}

.CE260403swim .lp-section--variation .lp-heading::before,
.CE260403swim .lp-section--variation .lp-heading::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: var(--color-darkgray);
}

.CE260403swim .lp-section--variation .lp-heading::before {
  margin-right: calc(15 * var(--formula));
}

.CE260403swim .lp-section--variation .lp-heading::after {
  margin-left: calc(15 * var(--formula));
}

/* リスト部分のレイアウト */
.CE260403swim .lp-section--variation .lp-variation-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(20 * var(--formula)) calc(40 * var(--formula));
  list-style: none;
  padding: 0;
  width: calc(500 * var(--formula));
  margin: calc(32 * var(--formula)) auto 0;
}

.CE260403swim .lp-section--variation .lp-variation-item {
  display: flex;
  align-items: center;
}

.CE260403swim .lp-section--variation .variation-item01 {
  width: calc(203 * var(--formula));
}
.CE260403swim .lp-section--variation .variation-item02 {
  width: calc(202 * var(--formula));
}
.CE260403swim .lp-section--variation .variation-item03 {
  width: calc(226 * var(--formula));
}

.CE260403swim .lp-section--variation .lp-variation-item img {
  height: auto;
  max-width: 100%;
  display: block;
}

.CE260403swim .all {
  position: relative;
  background-color: var(--color-skyblue);
  padding: calc(48 * var(--formula)) 0 0;
}
.CE260403swim .all-link {
  display: block;
  width: calc(560 * var(--formula));
  margin: 0 auto;
}
.CE260403swim .staff {
  width: calc(500 * var(--formula));
  margin: calc(162 * var(--formula)) auto 0;
}
.CE260403swim .staff-txt {
  font-family: var(--font-crimson);
  font-weight: var(--fw-regular);
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: calc(24 * var(--formula));
  line-height: 1.6666666667;
  letter-spacing: 0.015em;
  font-feature-settings: "palt";
  color: var(--color-black);
  text-align: center;
}

@media screen and (min-width:768px){

  .CE260403swim .lpMainWrap{
    display: flex;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    margin: 0 auto;
  }

  .CE260403swim .lp-cont{
    width: 50%;
    overflow: clip;
  }
  
  /* mv ********/
  .CE260403swim .mvBlock{
    width: 50%;
    position: relative;
    overflow: clip;
  }
    
  .CE260403swim .mvBlock .mvBlockInner{
    position: sticky;
    height: calc(100dvh - var(--header-height));
    left: 0;
    top: var(--header-height, 0);
    overflow: hidden;
  }
  
  .CE260403swim .mvBlock .mvBlockInner .mv-img {
    display: block;
    width: 100%;
    height: calc(100dvh - var(--header-height));
  }
  .CE260403swim .mvBlock .mvBlockInner .mv-img img{
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: top center;
  }
  
  .CE260403swim .mvBlock .mvBlockInner .mv-title01 {
    left: min(8px, calc(8 * 100vw / 1400));
    top: 36%;
    width: 28vw;
  }
  .CE260403swim .mvBlock .mvBlockInner .mv-title02 {
    left: min(38px, calc(38 * 100vw / 1400));
    bottom: min(40px, calc(40 * 100vw / 1400));
    width: 21.85714vw;
  }

  .CE260403swim .hero {
    padding-top: calc(97 * var(--formula));
  }
  .CE260403swim .movie-cont {
    padding-top: calc(136 * var(--formula));
  }
  .CE260403swim .product-inner {
    width: calc(460 * var(--formula_pc));
    margin: 0 auto;
  }

  .CE260403swim .product03-bg {
    width: 50vw;
    object-fit: cover;
  }
  .CE260403swim .product03-bg img {
    height: min(821.866756px, calc(821.866756 * 100vw / 1400));
  }
  .CE260403swim .product08-bg {
    width: 50vw;
    object-fit: cover;
  }
  .CE260403swim .product08-bg img {
    height: min(932.266768px, calc(932.266768 * 100vw / 1400));
  }

}