@charset "UTF-8";

#CE250411SS2nd {
  --color-dark: #000;
  --color-deep-gray: #333;
  --color-light-gray: #B2B2B2;
  --color-theme-pink: #E67E7E;
  --color-pale-pink: #E9CCCC;
  --color-pale-green: #EFF5F6;
  --font-title: "the-seasons", sans-serif;
  --font-guide: "sherborne-variable", sans-serif;
  --font-en: "Crimson Text", serif;
  --font-ja: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}


#CE250411SS2nd {
  width: 100%;
  margin-inline: auto;
}

.main-area .main-inner {
  max-width: 100%;
  width: 100%;
  padding-inline: 0;
}

@media screen and (max-width: 767px) {
  #CE250411SS2nd {
    --rate: 100vw / 750;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: calc(40 * (100vw /750));
    padding-block-end: calc(40 * (100vw /750));
  }

  #CE250411SS2nd .pcOnly {
    display: none !important;
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  #CE250411SS2nd {
    padding-top: min(60*(100vw / 1400), 60px);
    padding-block-end: min(60*(100vw / 1400), 60px);
  }

  #CE250411SS2nd .spOnly {
    display: none !important;
  }
}

/* --- for middle viewport --- */
/* @media screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
} */

/**
 * common
 */
.lpCelford img,
.lpCelford picture {
  display: var(--display, block);
}

.lpCelford img,
.lpCelford video,
.lpCelford svg {
  width: 100%;
  height: auto;
}

.lpCelford iframe {
  width: 100%;
  height: 100%;
}

.lpCelford a {
  display: var(--display, inline-block);
}

.lpCelford a:has(img) {
  --display: block;
  position: relative;
  z-index: 1;
}

.lpCelford {
  overflow: hidden;
}

.lpCelford * {
  font-feature-settings: "palt";
  /* font-size: var(--font-size, var(--font-size-base));
  font-family: var(--font-family, var(--font-ja)); */
  box-sizing: border-box;
}

#breadcrumb {
  margin-inline: auto;
}

.mainContents__styling-image {
  position: relative;
  z-index: 1;
}

.mainContents__styling-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 0;
}

.mainContents__product-prices {
  --font-family: var(--font-en);
  letter-spacing: 0.025em;
  line-height: 1;
  text-align: var(--text-align, left);
}

.mainContents__product-prices>* {
  border-bottom: 1px solid var(--color-light-gray);
}


/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  #breadcrumb .cateList {
    --font-size: calc(20 * (100vw /750));
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  #breadcrumb {
    max-width: 1400px;
    -webkit-padding-start: 100px;
    padding-inline-start: 100px;
  }
}

/**
 * first view
 */
.firstview {
  max-width: 1000px;
  margin-inline: auto;
  text-align: center;
}

.firstview__lead-title {
  font-family: "the-seasons", sans-serif;
  color: var(--color-theme-pink);
  letter-spacing: 0.075em;
  line-height: 1;
}

.firstview__lead-text {
  letter-spacing: 0.05em;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .firstview__lead {
    -webkit-margin-before: calc(80 * (100vw /750));
    margin-block-start: calc(80 * (100vw /750));
  }

  .firstview__lead-title {
    font-size: calc(44 * (100vw /750));
  }

  .firstview__lead-text {
    -webkit-margin-before: calc(46 * (100vw /750));
    margin-block-start: calc(46 * (100vw /750));
    font-size: calc(24 * (100vw /750));
    line-height: 2.2;
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .firstview__lead {
    -webkit-margin-before: min(60 * (100vw/1400), 60px);
    margin-block-start: min(60 * (100vw/1400), 60px);
  }

  .firstview__lead-title {
    font-size: min(24 * (100vw/1400), 24px);
  }

  .firstview__lead-text {
    -webkit-margin-before: min(20 * (100vw/1400), 20px);
    margin-block-start: min(20 * (100vw/1400), 20px);
    font-size: min(12 * (100vw/1400), 12px);
    line-height: 2.4;
  }
}

/**
 * sales start guide
 */
.salesStart-guide {
  font-family: "sherborne-variable", sans-serif;
  position: relative;
  text-align: center;
  font-variation-settings: "opsz"12, "wght"550;
  letter-spacing: 0.075em;
  line-height: 1;
}

.salesStart-guide>span {
  position: relative;
  background-color: #fff;
  z-index: 1;
}

.salesStart-guide::before,
.salesStart-guide::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  margin: auto;
  background-color: var(--color-deep-gray);
  z-index: 0;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .salesStart-guide {
    margin-top: calc(156 * (100vw /750));
    font-size: calc(30 * (100vw /750));
  }

  .salesStart-guide::before {
    top: calc(-80* (100vw /750));
  }

  .salesStart-guide::after {
    top: calc(75* (100vw /750));
  }

  .salesStart-guide .weekday {
    font-size: calc(24 * (100vw /750));
  }
}

@media screen and (min-width: 768px) {
  .salesStart-guide {
    margin-top: min(73*(100vw / 1400), 73px);
    font-size: min(20*(100vw / 1400), 20px);
    letter-spacing: 0.05em;
  }

  .salesStart-guide::before {
    top: max(-60*(100vw / 1400), -60px);
  }

  .salesStart-guide::after {
    top: min(40 * (100vw/1400), 40px);
  }

  .salesStart-guide .weekday {
    font-size: min(15 * (100vw/1400), 15px)
  }
}


/**
 * main contents
 */

















/* ▽_____________ common ______________▽ */
.sec__content-item {
  position: relative;
}

.credit__wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: calc(50*(100vw / 750));
  gap: 0 calc(24*(100vw / 750));
}

.credit__wrap::after {
  content: "";
  width: 100%;
}

.credit__wrap::before {
  content: '';
  order: 2;
  width: 100%;
}

.credit__wrap li {
  font-size: calc(24* (100vw / 750));
  font-family: "Crimson Text", serif;
  letter-spacing: 0.025em;
  white-space: nowrap;
  line-height: 2.04;
}

.credit__wrap li a {
  position: relative;
}

.credit__wrap li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(38*(100vw / 750));
  width: 100%;
  height: calc(2* (100vw /750));
  background: #b2b2b2;
}

@media screen and (min-width: 768px) {
  .credit__wrap {
    margin-top: min(18 * (100vw/1400), 18px);
    gap: 0 min(16 * (100vw/1400), 16px);
  }

  .credit__wrap li {
    font-size: min(13 * (100vw/1400), 13px);
    line-height: 2.24;
  }

  .credit__wrap li a::before {
    top: min(22 * (100vw/1400), 22px);
    height: min(1 * (100vw/1400), 1px);
  }
}



/* ===============================================
* slick *
=============================================== */

#CE250411SS2nd .slick-dots li {
  width: calc(12 *(100vw / 750));
  height: calc(12 *(100vw / 750));
  margin: 0 0 0 calc(17* (100vw /750));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}

#CE250411SS2nd .slick-dots li button {
  width: calc(12 *(100vw / 750));
  height: calc(12 *(100vw / 750));
  border-radius: 50%;
  padding: 0;
  background-color: rgba(255, 255, 255, 0);
  border: #fff calc(2* (100vw /750)) solid;
}

#CE250411SS2nd .slick-dots li.slick-active button {
  background-color: rgba(255, 255, 255, 1);
}

#CE250411SS2nd .slick-dots li button:before {
  content: none !important;
}

#CE250411SS2nd .slick-dots {
  position: absolute;
  width: fit-content;
  right: calc(15*(100vw / 750));
  bottom: calc(15*(100vw / 750));
}

#CE250411SS2nd .slick-arrow {
  display: none !important;
}

#CE250411SS2nd .slick-prev:before,
#CE250411SS2nd .slick-next:before {
  display: none;
}

#CE250411SS2nd .slick-dotted.slick-slider {
  margin-bottom: 0;
}

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

  #CE250411SS2nd .slick-dots li {
    width: min(8 * (100vw/1400), 8px);
    height: min(8 * (100vw/1400), 8px);
    margin: 0 0 0 min(8 * (100vw/1400), 8px);
  }

  #CE250411SS2nd .slick-dots li button {
    width: min(8 * (100vw/1400), 8px);
    height: min(8 * (100vw/1400), 8px);
    border: #fff min(1 * (100vw/1400), 1px) solid;
  }

  #CE250411SS2nd .slick-dots {
    right: min(10 * (100vw/1400), 10px);
    bottom: min(10 * (100vw/1400), 10px);
  }
}

/* △_____________ common ______________△ */



/* ===============================================
* sec *
=============================================== */


.sec,
.sec__content-wrap {
  position: relative;
}

.sec__content-wrap::before,
.sec__content-wrap::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

.sec__content-item::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.model__img {
  position: relative;
}

.model__img::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .model__img {
    background: #fff;
  }
}


/* ===============================================
* sec1 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec1 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(480* (100vw /750));
    margin-top: calc(170*(100vw / 750));
    margin-left: calc(90* (100vw /750));
    z-index: 2;
  }

  .sec1 .sec__content-wrap--1 .sec__content-item--2 {
    width: calc(590* (100vw /750));
    margin: calc(-45* (100vw /750)) 0 0 auto;
  }

  .sec1 .sec__content-wrap--2 .sec__content-item--1 {
    width: calc(750* (100vw /750));
    margin: calc(50 * (100vw /750)) 0 0 0;
  }

  .sec1 .sec__content-wrap--3 .sec__content-item--1 {
    width: calc(560* (100vw /750));
    margin: calc(53*(100vw / 750)) auto 0;
  }

  .sec1 .sec__content-wrap--3 .sec__content-item--1 .model__img {
    width: calc(510* (100vw /750));
    margin: 0 auto 0;
  }
}

@media screen and (min-width: 768px) {
  .sec1 .sec__content-wrap--1 {
    display: flex;
    margin-top: min(120 * (100vw/1400), 120px);
    justify-content: center;
    gap: min(80 * (100vw/1400), 80px);
    flex-direction: row-reverse;
  }

  .sec1 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(280 * (100vw/1400), 280px);
  }

  .sec1 .sec__content-wrap--1 .sec__content-item--2 {
    width: min(370 * (100vw/1400), 370px);
    margin-top: min(80 * (100vw/1400), 80px);
  }

  .sec1 .sec__content-wrap--2 .sec__content-item--1 {
    width: min(820 * (100vw/1400), 820px);
    margin: min(50 * (100vw/1400), 50px) auto 0;
  }

  .sec1 .sec__content-wrap--3 .sec__content-item--1 {
    width: min(310 * (100vw/1400), 310px);
    margin: min(50 * (100vw/1400), 50px) auto 0;
  }

  .sec1 .sec__content-wrap--3 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }
}



/* ===============================================
* sec2 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec2 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(690* (100vw /750));
    margin: calc(210*(100vw / 750)) 0 0 auto;
  }

  .sec2 .sec__content-wrap--1 .sec__content-item--1::before {
    width: calc(360* (100vw /750));
    height: calc(600* (100vw /750));
    top: calc(-60*(100vw / 750));
    left: calc(-60*(100vw / 750));
    background: #D7DAF0;
  }

  .sec2 .sec__content-wrap--1 .credit__wrap {
    width: calc(500*(100vw / 750));
    margin-left: calc(68* (100vw /750));
  }

  .sec2 .sec__content-wrap--2 .sec__content-item--1 {
    width: calc(750* (100vw /750));
    margin: calc(152*(100vw / 750)) 0 0 0;
  }

  .sec2 .sec__content-wrap--2 .sec__content-item--2 .model__img {
    width: calc(560* (100vw /750));
    margin: calc(30* (100vw /750)) auto 0;
  }

  .sec2 .sec__content-wrap--2 .sec__content-item--2 .credit__wrap li:nth-of-type(n+6) {
    order: 1;
  }

  .sec2 .sec__content-wrap--3 {
    width: calc(390* (100vw /750));
    margin: calc(151* (100vw /750)) 0 0 auto;
  }

  .sec2 .sec__content-wrap--3 .credit__wrap {
    justify-content: flex-start;
    margin-top: calc(15* (100vw /750));
  }
}

@media screen and (min-width: 768px) {
  .sec2 {
    width: min(1050 * (100vw/1400), 1050px);
    margin: min(173*(100vw / 1400), 173px) auto 0;
  }

  .sec2 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(490 * (100vw/1400), 490px);
  }

  .sec2 .sec__content-wrap--1 .sec__content-item--1::before {
    width: min(330 * (100vw/1400), 330px);
    height: min(560 * (100vw/1400), 560px);
    top: max(-40 * (100vw/1400), -40px);
    left: max(-40 * (100vw/1400), -40px);
    background: #D7DAF0;
  }

  .sec2 .sec__content-wrap--1 .credit__wrap {
    justify-content: flex-start;
  }

  .sec2 .sec__content-wrap--1 .credit__wrap li:nth-of-type(n+2) {
    order: 1;
  }

  .sec2 .sec__content-wrap--2 .sec__content-item--1 {
    width: min(550 * (100vw/1400), 550px);
    margin: min(195*(100vw / 1400), 195px) auto 0;
    left: max(-5 * (100vw/1400), -5px);
  }

  .sec2 .sec__content-wrap--2 .sec__content-item--1 .credit__wrap {
    flex-direction: column;
    position: absolute;
    top: min(601*(100vw / 1400), 601px);
    right: max(-167*(100vw / 1400), -167px);
    gap: min(1*(100vw / 1400), 1px) min(16*(100vw / 1400), 16px);
  }

  .sec2 .sec__content-wrap--2 .sec__content-item--2 {
    width: min(340*(100vw / 1400), 340px);
    position: absolute;
    top: max(-277*(100vw / 1400), -277px);
    right: min(40*(100vw / 1400), -40px);
    z-index: 2;
  }

  .sec2 .sec__content-wrap--3 .sec__content-item--1 {
    width: min(220 * (100vw/1400), 220px);
    margin-top: min(80 * (100vw/1400), 80px);
  }

  .sec2 .sec__content-wrap--3 .sec__content-item--1 .credit__wrap {
    justify-content: flex-start;
  }
}

/* ===============================================
* sec3 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec3 .sec__content-wrap--1 {
    width: calc(660* (100vw /750));
    margin: calc(150*(100vw / 750)) auto 0;
  }

  .sec3 .sec__content-wrap--1 .sec__content-item--1::before {
    background: url(../img/sp/bg01.jpg) center/contain no-repeat;
    width: calc(420* (100vw /750));
    height: calc(820* (100vw /750));
    top: calc(630*(100vw / 750));
    right: calc(-48*(100vw / 750));
  }

  .sec3 .sec__content-wrap--2 .sec__content-item--1 {
    width: calc(440* (100vw /750));
    margin: calc(50*(100vw / 750)) 0 0 0;
    z-index: 2;
  }

  .sec3 .sec__content-wrap--2 .sec__content-item--2 .model__img {
    width: calc(570* (100vw /750));
    margin: calc(-50*(100vw / 750)) auto 0;
  }

  .sec3 .sec__content-wrap--2 .credit__wrap {
    width: calc(620*(100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 768px) {
  .sec3 {
    width: min(930 * (100vw/1400), 930px);
    margin: min(152*(100vw / 1400), 152px) auto 0;
  }

  .sec3 .sec__content-wrap--1 {
    width: min(440 * (100vw/1400), 440px);
  }

  .sec3 .sec__content-wrap--2 .sec__content-item--1 {
    width: min(300 * (100vw/1400), 300px);
    position: absolute;
    top: max(-207*(100vw / 1400), -207px);
    right: max(-9*(100vw / 1400), -9px);
  }

  .sec3 .sec__content-wrap--2 .sec__content-item--2 {
    width: min(430 * (100vw/1400), 430px);
    margin: min(120*(100vw / 1400), 120px) 0 0 min(130*(100vw / 1400), 130px);
  }

  .sec3 .sec__content-wrap--2 .sec__content-item--2 .credit__wrap {
    flex-direction: column;
    position: absolute;
    top: min(485*(100vw / 1400), 485px);
    right: max(-168*(100vw / 1400), -168px);
    gap: min(1*(100vw / 1400), 1px) min(16*(100vw / 1400), 16px);
  }

}

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

  .sec3 .sec__content-wrap--1 .sec__content-item--1::before {
    background: url(../img/bg01.jpg) center/contain no-repeat;
    width: min(870 * (100vw/1400), 870px);
    height: min(600 * (100vw/1400), 600px);
    top: min(305 * (100vw/1400), 305px);
    left: min(295 * (100vw/1400), 295px);
  }
}

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

  .sec3 .sec__content-wrap--1 .sec__content-item--1::before {
    background: url(../img/bg01.jpg) center/cover no-repeat;
    width: 65vw;
    height: min(600 * (100vw/1400), 600px);
    top: min(305 * (100vw/1400), 305px);
    left: min(295 * (100vw/1400), 295px);
  }
}

/* ===============================================
* sec4 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec4 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(750* (100vw /750));
    margin: calc(170*(100vw / 750)) 0 0 0;
  }

  .sec4 .sec__content-wrap--1 .sec__content-item--2 {
    width: calc(540* (100vw /750));
    margin: calc(30*(100vw / 750)) auto 0;
  }

  .sec4 .sec__content-wrap--1 .sec__content-item--2 .credit__wrap {
    width: calc(530* (100vw /750));
    margin-inline: auto;
  }
}

@media screen and (min-width: 768px) {
  .sec4 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(500 * (100vw/1400), 500px);
    margin: min(180* (100vw/1400), 180px) auto 0;
  }

  .sec4 .sec__content-wrap--1 .sec__content-item--2 {
    width: min(360 * (100vw/1400), 360px);
    margin: min(40* (100vw/1400), 40px) auto 0;
  }
}

/* ===============================================
* sec5 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec5 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(700* (100vw /750));
    margin: calc(173*(100vw / 750)) 0 0 auto;
  }

  .sec5 .sec__content-wrap--1 .sec__content-item--1::before {
    background: url(../img/deco/sp/deco01.png) center/contain no-repeat;
    width: calc(342* (100vw /750));
    height: calc(467* (100vw /750));
    top: calc(-60*(100vw / 750));
    left: calc(-88*(100vw / 750));
    z-index: 2;
  }

  .sec5 .sec__content-wrap--2 .sec__content-item--1 {
    width: calc(640* (100vw /750));
    margin: calc(30*(100vw / 750)) 0 0 0;
  }

  .sec5 .sec__content-wrap--2 .sec__content-item--1::before {
    background: url(../img/deco/sp/deco02.png) center/contain no-repeat;
    width: calc(380* (100vw /750));
    height: calc(482* (100vw /750));
    top: calc(-45*(100vw / 750));
    right: calc(-168*(100vw / 750));
    z-index: 2;
  }

  .sec5 .sec__content-wrap--2 .sec__content-item--2 {
    width: calc(610* (100vw /750));
    margin: calc(30*(100vw / 750)) calc(30* (100vw /750)) 0 auto;
  }

  .sec5 .sec__content-wrap--2 .sec__content-item--2::before {
    background: url(../img/deco/sp/deco03.png) center/contain no-repeat;
    width: calc(260* (100vw /750));
    height: calc(385* (100vw /750));
    top: calc(450*(100vw / 750));
    left: calc(-118*(100vw / 750));
    z-index: 2;
  }

  .sec5 .sec__content-wrap--2 .sec__content-item--2 .credit__wrap {
    justify-content: flex-end;
    width: calc(550* (100vw /750));
    margin-left: auto;
  }
}

@media screen and (min-width: 768px) {
  .sec5 {
    width: min(1400 * (100vw/1400), 1400px);
    margin: min(195 * (100vw/1400), 195px) auto 0;
  }

  .sec5 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(990 * (100vw/1400), 990px);
    margin-left: auto;
  }

  .sec5 .sec__content-wrap--1 .sec__content-item--1::before {
    background: url(../img/deco/deco01.png ) center/contain no-repeat;
    width: min(317 * (100vw/1400), 317px);
    height: min(305 * (100vw/1400), 305px);
    top: max(-81*(100vw / 1400), -81px);
    left: max(-162*(100vw / 1400), -162px);
    z-index: 2;
  }

  .sec5 .sec__content-wrap--2 {
    display: flex;
    margin-top: min(100 * (100vw/1400), 100px);
    justify-content: center;
    gap: min(180* (100vw/1400), 180px);
  }

  .sec5 .sec__content-wrap--2 .sec__content-item--1 {
    width: min(440 * (100vw/1400), 440px);
  }

  .sec5 .sec__content-wrap--2 .sec__content-item--1::before {
    background: url(../img/deco/deco03.png) center / contain no-repeat;
    width: min(184*(100vw / 1400), 184px);
    height: min(226*(100vw / 1400), 226px);
    top: min(526*(100vw / 1400), 526px);
    left: max(-82*(100vw / 1400), -82px);
    z-index: 2;
  }

  .sec5 .sec__content-wrap--2 .sec__content-item--2 {
    width: min(360 * (100vw/1400), 360px);
    margin-top: min(180 * (100vw/1400), 180px);
  }

  .sec5 .sec__content-wrap--2 .sec__content-item--2::before {
    background: url(../img/deco/deco02.png) center / contain no-repeat;
    width: min(207*(100vw / 1400), 207px);
    height: min(265*(100vw / 1400), 265px);
    top: max(-114*(100vw / 1400), -114px);
    right: max(-65*(100vw / 1400), -65px);
    z-index: 2;
  }

  .sec5 .sec__content-wrap--2 .sec__content-item--2 .credit__wrap {
    justify-content: flex-end;
  }

  .sec5 .sec__content-wrap--2 .sec__content-item--2 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }
}


/* ===============================================
* sec6 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec6 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(490* (100vw /750));
    margin: calc(152*(100vw / 750)) 0 0 0;
  }

  .sec6 .sec__content-wrap--1 .sec__content-item--2 {
    width: calc(720* (100vw /750));
    margin: calc(30*(100vw / 750)) 0 0 auto;
  }

  .sec6 .sec__content-wrap--1 .sec__content-item--2 .credit__wrap {
    justify-content: flex-start;
  }

  .sec6 .sec__content-wrap--1 .sec__content-item--2 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .sec6 .sec__content-wrap--1 {
    display: flex;
    justify-content: center;
    gap: min(40 * (100vw/1400), 40px);
    margin-top: min(133 * (100vw/1400), 133px);
  }

  .sec6 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(360 * (100vw/1400), 360px);
  }

  .sec6 .sec__content-wrap--1 .sec__content-item--2 {
    width: min(400 * (100vw/1400), 400px);
    margin-top: min(240 * (100vw/1400), 240px);
  }

  .sec6 .sec__content-wrap--1 .sec__content-item--2 .credit__wrap {
    flex-direction: column;
    position: absolute;
    top: min(440*(100vw / 1400), 440px);
    left: max(-123*(100vw / 1400), -123px);
    gap: min(1*(100vw / 1400), 1px) min(16*(100vw / 1400), 16px);
    align-items: flex-end;
  }
}

/* ===============================================
* sec7 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec7 .sec__content-wrap--1 {
    width: calc(640*(100vw / 750));
    margin: calc(152*(100vw / 750)) auto 0;
    z-index: 2;
  }

  .sec7 .sec__content-wrap--2 .sec__content-item--1 {
    width: calc(750* (100vw /750));
    margin: calc(-60*(100vw / 750)) 0 0 auto;
  }

  .sec7 .sec__content-wrap--2 .sec__content-item--1 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .sec7 {
    display: flex;
    justify-content: center;
    gap: min(220 * (100vw/1400), 220px);
    margin-top: min(180 * (100vw/1400), 180px);
    flex-direction: row-reverse;
  }

  .sec7 .sec__content-wrap--1 {
    width: min(420 * (100vw/1400), 420px);
  }

  .sec7 .sec__content-wrap--2 {
    width: min(620 * (100vw/1400), 620px);
    margin-top: min(160 * (100vw/1400), 160px);
  }

  .sec7 .sec__content-wrap--2 .credit__wrap {
    flex-direction: column;
    position: absolute;
    top: min(800*(100vw / 1400), 800px);
    right: max(-164*(100vw / 1400), -164px);
    gap: min(1*(100vw / 1400), 1px) min(16*(100vw / 1400), 16px);
  }
}

/* ===============================================
* sec8 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec8 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(520*(100vw / 750));
    margin: calc(192*(100vw / 750)) 0 0 calc(50* (100vw /750));
    z-index: 2;
  }

  .sec8 .sec__content-wrap--1 .sec__content-item--1::before {
    width: calc(180* (100vw /750));
    height: calc(540* (100vw /750));
    background: #E1EFF7;
    top: calc(-50*(100vw / 750));
    left: calc(-50*(100vw / 750));
  }

  .sec8 .sec__content-wrap--1 .sec__content-item--2 {
    width: calc(700*(100vw / 750));
    margin: calc(30*(100vw / 750)) 0 0 0;
  }

  .sec8 .sec__content-wrap--1 .sec__content-item--2::before {
    width: calc(420* (100vw /750));
    height: calc(680* (100vw /750));
    background: #E1EFF7;
    top: calc(420*(100vw / 750));
    right: calc(-50*(100vw / 750));
  }

  .sec8 .sec__content-wrap--1 .sec__content-item--2 .credit__wrap {
    justify-content: flex-end;
    margin-top: calc(97*(100vw / 750));
  }

  .sec8 .sec__content-wrap--1 .sec__content-item--2 .credit__wrap li:nth-of-type(n+4) {
    order: 1;
  }

}

@media screen and (min-width: 768px) {
  .sec8 .sec__content-wrap--1 {
    display: flex;
    justify-content: center;
    gap: min(200 * (100vw/1400), 200px);
    margin-top: min(220 * (100vw/1400), 220px);
    flex-direction: row-reverse;
  }

  .sec8 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(500 * (100vw/1400), 500px);
    margin-top: min(100 * (100vw/1400), 100px);
  }

  .sec8 .sec__content-wrap--1 .sec__content-item--1::before {
    background: #E1EFF7;
    width: min(420 * (100vw/1400), 420px);
    height: min(680 * (100vw/1400), 680px);
    bottom: max(-40 * (100vw/1400), -40px);
    right: max(-40 * (100vw/1400), -40px);
  }

  .sec8 .sec__content-wrap--1 .sec__content-item--2 {
    width: min(300 * (100vw/1400), 300px);
  }

  .sec8 .sec__content-wrap--1 .sec__content-item--2::before {
    background: #E1EFF7;
    width: min(180 * (100vw/1400), 180px);
    height: min(400 * (100vw/1400), 400px);
    top: max(-40 * (100vw/1400), -40px);
    left: max(-40 * (100vw/1400), -40px);
  }

  .sec8 .sec__content-wrap--1 .sec__content-item--2 .credit__wrap {
    justify-content: flex-start;
  }

  .sec8 .sec__content-wrap--1 .sec__content-item--2 .credit__wrap li:nth-of-type(n+5) {
    order: 1;
  }
}

/* ===============================================
* sec9 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec9 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(750*(100vw / 750));
    margin: calc(152*(100vw / 750)) 0 0 0;
  }

  .sec9 .sec__content-wrap--1 .sec__content-item--2 {
    width: calc(600*(100vw / 750));
    margin: calc(30*(100vw / 750)) auto 0;
  }

  .sec9 .sec__content-wrap--1 .sec__content-item--2 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .sec9 .sec__content-wrap--1 {
    display: flex;
    margin-top: min(200 * (100vw/1400), 200px);
    justify-content: center;
    gap: min(40 * (100vw/1400), 40px);
  }

  .sec9 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(470 * (100vw/1400), 470px);
  }

  .sec9 .sec__content-wrap--1 .sec__content-item--2 {
    width: min(420 * (100vw/1400), 420px);
    margin-top: min(40 * (100vw/1400), 40px);
  }

  .sec9 .sec__content-wrap--1 .sec__content-item--2 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }
}

/* ===============================================
* sec10 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec10 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(680*(100vw / 750));
    margin: calc(152*(100vw / 750)) 0 0 auto;
  }

  .sec10 .sec__content-wrap--1 .sec__content-item--2 {
    width: calc(480*(100vw / 750));
    margin: calc(30*(100vw / 750)) 0 0 0;
  }

  .sec10 .sec__content-wrap--2 .sec__content-item--1 .model__img {
    width: calc(460*(100vw / 750));
    margin: calc(30*(100vw / 750)) auto 0;
  }

  .sec10 .sec__content-wrap--2 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }

  .sec10 .sec__content-wrap--2 .credit__wrap li:nth-of-type(n+5) {
    order: 2;
  }
}

@media screen and (min-width: 768px) {
  .sec10 {
    display: flex;
    margin-top: min(160 * (100vw/1400), 160px);
    justify-content: center;
    gap: min(140 * (100vw/1400), 140px);
  }

  .sec10 .sec__content-wrap--1 {
    display: flex;
    flex-direction: column-reverse;
    gap: min(50 * (100vw/1400), 50px);
    width: min(420 * (100vw/1400), 420px);
  }

  .sec10 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(280 * (100vw/1400), 280px);
    margin-left: auto;
  }

  .sec10 .sec__content-wrap--1 .sec__content-item--2 {
    width: min(320 * (100vw/1400), 320px);
  }

  .sec10 .sec__content-wrap--2 {
    width: min(460 * (100vw/1400), 460px);
    margin: min(100 * (100vw/1400), 100px) 0 0 0;
  }

  .sec10 .sec__content-wrap--2 .credit__wrap {
    justify-content: flex-start;
  }

  .sec10 .sec__content-wrap--2 .credit__wrap li:nth-of-type(n+4) {
    order: 1;
  }

}

/* ===============================================
* sec11 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec11 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(750*(100vw / 750));
    margin: calc(154*(100vw / 750)) 0 0 0;
  }

  .sec11 .sec__content-wrap--1 .sec__content-item--2 {
    width: calc(690*(100vw / 750));
    margin: calc(30*(100vw / 750)) auto 0;
  }

  .sec11 .sec__content-wrap--1 .sec__content-item--2 .model__img {
    width: calc(555*(100vw / 750));
    margin: calc(30*(100vw / 750)) 0 0 auto;
  }

  .sec11 .sec__content-wrap--1 .credit__wrap {
    justify-content: flex-end;
  }

  .sec11 .sec__content-wrap--1 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }

  .sec11 .sec__content-wrap--2 .sec__content-item--1 {
    width: calc(360*(100vw / 750));
    margin: calc(152*(100vw / 750)) 0 0 calc(60*(100vw / 750));
  }

  .sec11 .sec__content-wrap--2 .credit__wrap {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 768px) {
  .sec11 .sec__content-wrap--1 {
    display: flex;
    justify-content: center;
    gap: min(100 * (100vw/1400), 100px);
    margin-top: min(160 * (100vw/1400), 160px);
  }

  .sec11 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(440 * (100vw/1400), 440px);
    margin-top: min(160 * (100vw/1400), 160px);
  }

  .sec11 .sec__content-wrap--1 .sec__content-item--2 {
    width: min(410 * (100vw/1400), 410px);
  }

  .sec11 .sec__content-wrap--1 .credit__wrap {
    justify-content: flex-start;
  }

  .sec11 .sec__content-wrap--1 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }

  .sec11 .sec__content-wrap--2 {
    width: min(1080 * (100vw/1400), 1080px);
    margin: min(45*(100vw / 1400), 45px) auto 0;
  }

  .sec11 .sec__content-wrap--2 .sec__content-item--1 {
    width: min(200 * (100vw/1400), 200px);
    margin-left: auto;
  }

  .sec11 .sec__content-wrap--2 .credit__wrap {
    justify-content: flex-start;
  }

}

/* ===============================================
* sec12 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec12 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(630*(100vw / 750));
    margin: calc(150*(100vw / 750)) auto 0;
  }

  .sec12 .sec__content-wrap--1 .sec__content-item--2 {
    width: calc(670*(100vw / 750));
    margin: calc(140*(100vw / 750)) 0 0 auto;
  }

  .sec12 .sec__content-wrap--1 .sec__content-item--2::before {
    background: url(../img/bg02.jpg) center/contain no-repeat;
    width: calc(550* (100vw /750));
    height: calc(820* (100vw /750));
    top: calc(-80*(100vw / 750));
    left: calc(-83*(100vw / 750));
  }

  .sec12 .sec__content-wrap--1 .sec__content-item--3 {
    width: calc(660*(100vw / 750));
    margin: calc(60*(100vw / 750)) 0 0 0;
  }

  .sec12 .sec__content-wrap--1 .credit__wrap {
    margin-left: calc(61*(100vw / 750));
    justify-content: flex-start;
  }

  .sec12 .sec__content-wrap--1 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .sec12 .sec__content-wrap--1 {
    display: grid;
    width: min(1080 * (100vw/1400), 1080px);
    grid-template-rows: min(240*(100vw / 1400), 240px) min(675*(100vw / 1400), 675px) auto;
    grid-template-columns: min(356*(100vw / 1400), 356px) min(315*(100vw / 1400), 315px) auto;
    margin: max(-7 * (100vw/1400), -7px) auto 0;
  }

  .sec12 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(370 * (100vw/1400), 370px);
    grid-area: 3 / 2 / 3 / 5;
  }

  .sec12 .sec__content-wrap--1 .sec__content-item--2 {
    width: min(410 * (100vw/1400), 410px);
    grid-area: 2 / 3 / 4 / 3;
  }

  .sec12 .sec__content-wrap--1 .sec__content-item--2::before {
    background: url(../img/bg02.jpg) center/contain no-repeat;
    width: min(410 * (100vw/1400), 410px);
    height: min(615 * (100vw/1400), 615px);
    top: max(-60 * (100vw/1400), -60px);
    left: max(-60 * (100vw/1400), -60px);
  }

  .sec12 .sec__content-wrap--1 .sec__content-item--3 {
    width: min(430 * (100vw/1400), 430px);
    grid-area: 1/1/2/2;
  }

  .sec12 .sec__content-wrap--1 .sec__content-item--3 .credit__wrap {
    justify-content: flex-start;
  }

  .sec12 .sec__content-wrap--1 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }

  .sec12 .sec__content-wrap--1 .credit__wrap li:nth-of-type(n+5) {
    order: 2;
  }
}

/* ===============================================
* sec13 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec13 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(690*(100vw / 750));
    margin: calc(150*(100vw / 750)) 0 0 auto;
  }

  .sec13 .sec__content-wrap--1 .sec__content-item--1 .credit__wrap {
    justify-content: flex-start;
    width: calc(500* (100vw /750));
  }

  .sec13 .sec__content-wrap--2 .sec__content-item--1 {
    width: calc(750*(100vw / 750));
    margin: calc(150*(100vw / 750)) auto 0;
  }

  .sec13 .sec__content-wrap--2 .sec__content-item--2 {
    width: calc(600*(100vw / 750));
    margin: calc(30*(100vw / 750)) auto 0;
  }

  .sec13 .sec__content-wrap--2 .sec__content-item--2::before {
    background: #F3D6E2;
    width: calc(360* (100vw /750));
    height: calc(600* (100vw /750));
    top: calc(360*(100vw / 750));
    left: calc(-75*(100vw / 750));
  }

  .sec13 .sec__content-wrap--2 .sec__content-item--2 .credit__wrap {
    margin: calc(113*(100vw / 750)) auto 0;
  }
}

@media screen and (min-width: 768px) {
  .sec13 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(490 * (100vw/1400), 490px);
    margin: min(180 * (100vw/1400), 180px) auto 0;
  }

  .sec13 .sec__content-wrap--1 .sec__content-item--1 .credit__wrap li:nth-of-type(n+2) {
    order: 2;
  }

  .sec13 .sec__content-wrap--2 {
    display: flex;
    justify-content: center;
    gap: min(300 * (100vw/1400), 300px);
    margin-top: min(134 * (100vw/1400), 134px);
    padding-left: min(40 * (100vw/1400), 40px);
  }

  .sec13 .sec__content-wrap--2 .sec__content-item--1 {
    width: min(390 * (100vw/1400), 390px);
    margin-top: min(180 * (100vw/1400), 180px);
  }

  .sec13 .sec__content-wrap--2 .sec__content-item--1::before {
    width: min(280 * (100vw/1400), 280px);
    height: min(440 * (100vw/1400), 440px);
    bottom: max(-40 * (100vw/1400), -40px);
    left: max(-40 * (100vw/1400), -40px);
    background: #F3D6E2;
  }

  .sec13 .sec__content-wrap--2 .sec__content-item--2 {
    width: min(410 * (100vw/1400), 410px);
  }

  .sec13 .sec__content-wrap--2 .credit__wrap {
    justify-content: flex-start;
  }

  .sec13 .sec__content-wrap--2 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }

  .sec13 .sec__content-wrap--2 .credit__wrap li:nth-of-type(n+5) {
    order: 2;
  }
}

/* ===============================================
* sec14 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec14 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(750*(100vw / 750));
    margin: calc(153*(100vw / 750)) 0 0 0;
  }

  .sec14 .sec__content-wrap--1 .sec__content-item--1 .credit__wrap li:nth-of-type(n+4) {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .sec14 {
    width: min(1280 * (100vw/1400), 1280px);
    margin: min(180 * (100vw/1400), 180px) auto 0;
  }

  .sec14 .sec__content-wrap--1 {
    display: flex;
    justify-content: flex-end;
    gap: min(40 * (100vw/1400), 40px);
  }

  .sec14 .sec__content-wrap--1 .credit__wrap {
    justify-content: flex-start;
  }

  .sec14 .sec__content-wrap--1 .sec__content-item--1,
  .sec14 .sec__content-wrap--1 .sec__content-item--2 {
    width: min(410 * (100vw/1400), 410px);
  }
}

/* ===============================================
* sec15 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec15 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(600*(100vw / 750));
    margin: calc(156*(100vw / 750)) calc(33* (100vw /750)) 0 auto;
  }

  .sec15 .sec__content-wrap--1 .sec__content-item--1::before {
    background: url(../img/deco/sp/deco04.png) center/contain no-repeat;
    width: calc(386* (100vw /750));
    height: calc(473* (100vw /750));
    top: calc(-121*(100vw / 750));
    left: calc(-200*(100vw / 750));
    z-index: 2;
  }

  .sec15 .sec__content-wrap--1 .sec__content-item--2 {
    width: calc(680*(100vw / 750));
    margin: calc(30*(100vw / 750)) auto 0;
  }

  .sec15 .sec__content-wrap--1 .sec__content-item--2::before {
    background: url(../img/deco/sp/deco05.png) center/contain no-repeat;
    width: calc(1014* (100vw /750));
    height: calc(1064* (100vw /750));
    top: calc(-35*(100vw / 750));
    left: calc(-174*(100vw / 750));
    z-index: 2;
  }

  .sec15 .sec__content-wrap--1 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .sec15 .sec__content-wrap--1 {
    display: flex;
    margin-top: min(175 * (100vw/1400), 175px);
    justify-content: center;
    gap: min(80 * (100vw/1400), 80px);
  }

  .sec15 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(380 * (100vw/1400), 380px);
  }

  .sec15 .sec__content-wrap--1 .sec__content-item--1::before {
    background: url(../img/deco/deco04.png) center/contain no-repeat;
    width: min(231 * (100vw/1400), 231px);
    height: min(301 * (100vw/1400), 301px);
    top: max(-139 * (100vw/1400), -139px);
    left: max(-131 * (100vw/1400), -131px);
    z-index: 2;
  }

  .sec15 .sec__content-wrap--1 .credit__wrap {
    justify-content: flex-start;
  }

  .sec15 .sec__content-wrap--1 .credit__wrap li:nth-of-type(n+3) {
    order: 1;
  }

  .sec15 .sec__content-wrap--1 .sec__content-item--2 {
    width: min(520 * (100vw/1400), 520px);
    margin-top: min(300 * (100vw/1400), 300px);
  }

  .sec15 .sec__content-wrap--1 .sec__content-item--2::before {
    background: url(../img/deco/deco05.png) center/contain no-repeat;
    width: min(722 * (100vw/1400), 722px);
    height: min(920 * (100vw/1400), 920px);
    top: max(-87 * (100vw/1400), -87px);
    left: max(-98 * (100vw/1400), -98px);
    z-index: 2;
  }

}

/* ===============================================
* sec16 *
=============================================== */

@media screen and (max-width: 767px) {

  .sec16 .sec__content-wrap--1::before {
    background: #EBF6F6;
    width: calc(750* (100vw /750));
    height: calc(1217* (100vw /750));
    top: calc(471*(100vw / 750));
    left: 0;
  }

  .sec16 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(630*(100vw / 750));
    margin: calc(156*(100vw / 750)) auto 0;
  }

  .sec16 .sec__content-wrap--1 .sec__content-item--2 .model__img {
    width: calc(530*(100vw / 750));
    margin: calc(30*(100vw / 750)) 0 0 0;
  }

  .sec16 .sec__content-wrap--1 .credit__wrap {
    justify-content: flex-start;
    margin-left: calc(60*(100vw / 750));
  }

  .sec16 .sec__content-wrap--2 .sec__content-item--1 {
    width: calc(690*(100vw / 750));
    margin: calc(198*(100vw / 750)) 0 0 0;
  }

  .sec16 .sec__content-wrap--2 .sec__content-item--1::before {
    background: url(../img/bg03.jpg) center/contain no-repeat;
    width: calc(400* (100vw /750));
    height: calc(800* (100vw /750));
    top: calc(-49*(100vw / 750));
    right: calc(-59*(100vw / 750));
  }

  .sec16 .sec__content-wrap--2 .sec__content-item--1 .credit__wrap {
    justify-content: flex-end;
    width: calc(500* (100vw /750));
    margin-left: auto;
  }
}

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

  .sec16 .sec__content-wrap--1 {
    display: flex;
    justify-content: center;
    margin-top: min(180 * (100vw/1400), 180px);
    gap: min(280 * (100vw/1400), 280px);
  }

  .sec16 .sec__content-wrap--1::before {
    width: 100vw;
    height: min(420 * (100vw/1400), 420px);
    top: min(140 * (100vw/1400), 140px);
    left: 50%;
    transform: translateX(-50%);
    background: #EBF6F6;
  }

  .sec16 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(350 * (100vw/1400), 350px);
    margin-top: min(280 * (100vw/1400), 280px);
  }

  .sec16 .sec__content-wrap--1 .sec__content-item--2 {
    width: min(460 * (100vw/1400), 460px);
  }

  .sec16 .sec__content-wrap--1 .sec__content-item--2 .credit__wrap {
    justify-content: flex-start;
  }

  .sec16 .sec__content-wrap--1 .sec__content-item--2 .credit__wrap li:nth-of-type(n+4) {
    order: 1;
  }

  .sec16 .sec__content-wrap--2 {
    width: min(450 * (100vw/1400), 450px);
    margin: min(200 * (100vw/1400), 200px) auto 0;
  }

  .sec16 .sec__content-wrap--2::before {
    background: url(../img/bg03.jpg ) center/contain no-repeat;
    width: min(240 * (100vw/1400), 240px);
    height: min(480 * (100vw/1400), 480px);
    top: max(-50 * (100vw/1400), -50px);
    right: max(-50 * (100vw/1400), -50px);
  }

  .sec16 .sec__content-wrap--2 .credit__wrap li:nth-of-type(n+2) {
    order: 1;
  }

}

/* ===============================================
* sec17 *
=============================================== */

@media screen and (max-width: 767px) {
  .sec17 .sec__content-wrap--1 .sec__content-item--1 {
    width: calc(560*(100vw / 750));
    margin: calc(154*(100vw / 750)) auto 0;
  }

  .sec17 .sec__content-wrap--1 .sec__content-item--2 {
    width: calc(750*(100vw / 750));
    margin: calc(28*(100vw / 750)) auto 0;
  }
}

@media screen and (min-width: 768px) {
  .sec17 .sec__content-wrap--1 {
    display: flex;
    justify-content: center;
    margin-top: min(173 * (100vw/1400), 173px);
    gap: min(160 * (100vw/1400), 160px);
  }

  .sec17 .sec__content-wrap--1 .sec__content-item--1 {
    width: min(400 * (100vw/1400), 400px);
  }

  .sec17 .sec__content-wrap--1 .sec__content-item--2 {
    width: min(430 * (100vw/1400), 430px);
    margin-top: min(280 * (100vw/1400), 280px);
  }

  .sec17 .sec__content-wrap--1 .credit__wrap {
    justify-content: flex-start;
  }
}

/**
 * lp footer
 */

.lpFooter__staff-credit {
  font-family: "Crimson Text", serif;
  letter-spacing: 0.025em;
  white-space: nowrap;
  letter-spacing: 0.015em;
}

.lpFooter__staff-credit dt,
.lpFooter__staff-credit dd {
  text-align: center;
}

.lpFooter__button {
  --display: block;
  position: relative;
  margin-inline: auto;
  font-family: "Crimson Text", serif;
  letter-spacing: 0.025em;
  background-color: #C1DBEE;
  letter-spacing: 0.025em;
  text-align: center;
  color: #fff;
}

.lpFooter__button::after {
  content: "";
  width: calc(100% - var(--button-border-gap) * 2);
  height: calc(100% - var(--button-border-gap) * 2);
  border: 1px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}


/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lpFooter {
    margin-block-start: calc(165*(100vw / 750));
  }

  .lpFooter__staff-credit {
    font-size: calc(24 * (100vw /750));
    line-height: 1.6666666667;
  }

  .lpFooter__button {
    width: calc(660 * (100vw /750));
    -webkit-margin-before: calc(56 * (100vw /750));
    margin-block-start: calc(56 * (100vw /750));
    padding-block: calc(27 * (100vw /750));
    font-size: calc(22 * (100vw /750));
    line-height: 1.5454545455;
    letter-spacing: 0.01em;
  }

  .lpFooter__button::after {
    --button-border-gap: calc(7 * (100vw /750));
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lpFooter {
    margin-top: min(157 * (100vw/1400), 157px);
  }

  .lpFooter__staff-credit {
    font-size: min(12 * (100vw/1400), 12px);
    line-height: 1.6666666667;
  }

  .lpFooter__button {
    width: min(600 * (100vw/1400), 600px);
    margin-top: min(37 * (100vw/1400), 37px);
    padding-block: min(14 * (100vw/1400), 14px);
    font-size: min(11 * (100vw/1400), 11px);
    line-height: 1.5454545455;
  }

  .lpFooter__button::after {
    --button-border-gap: min(3 * (100vw/1400), 3px);
  }
}

/**
 * anchor link
 */
.lpCelford .lpCelford__anchor {
  position: fixed;
  z-index: 10;
  transition: all 1s;
  visibility: hidden;
  opacity: 0;
}

.lpCelford .lpCelford__anchor.is-show {
  visibility: visible;
  opacity: 1;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lpCelford__anchor {
    right: calc(10 * (100vw /750));
    bottom: calc(30 * (100vw /750));
    width: calc(220 * (100vw /750));
    height: calc(220 * (100vw /750));
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lpCelford__anchor {
    right: min(120 * (100vw/1400), 120px);
    bottom: min(120 * (100vw/1400), 120px);
    width: min(130 * (100vw/1400), 130px);
    height: min(130 * (100vw/1400), 130px);
  }
}

/**
 * animation
 */
.firstview__visual {
  opacity: 0;
  -webkit-animation: fade-in 1.5s ease-in forwards;
  animation: fade-in 1.5s ease-in forwards;
}

@-webkit-keyframes progress {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes progress {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.js-animation-trigger:not(.slow) {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.2s, transform 1.2s;
}

.js-animation-trigger.is-show {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.js-animation-trigger.slow {
  opacity: 0;
  transition: all 1.8s ease;
}

.js-animation-trigger.is-show.slow {
  opacity: 1;
}

.js-animation-trigger.bg *::before,
.js-animation-trigger.bg::before {
  opacity: 0;
  transition: all 1.2s ease 0.3s;
}

.js-animation-trigger.bg.is-show *::before,
.js-animation-trigger.bg.is-show::before {
  opacity: 1;
}