@charset "UTF-8";
/*アニメーション
----------------------------*/
.fadeIn {
  opacity: 0;
  transition: 2s;
}

.fadeIn.is-active {
  opacity: 1;
}

.l-container {
  width: 100%;
}

body {
  overflow-x: hidden;
}

.pc-header {
  overflow: hidden;
}

.area-header {
  max-width: 100%;
}

.breadcrumbs {
  max-width: 100%;
}

.feature-snslist {
  overflow: hidden;
}

.l-footer {
  overflow: hidden;
}

.l-container #feature {
  color: #000000;
  font-family: "sawarabi-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  padding-bottom: calc(68 * (100vw / 2100));
  margin: calc(-18 * (100vw / 2100)) auto 0;
  font-feature-settings: "palt";
  display: block;
  text-align: left;
}

.l-container #feature .default-img {
  width: 100%;
  height: auto;
  display: block;
  user-select: none;
}

.l-container #feature * {
  box-sizing: border-box;
}

.l-container #feature *::after {
  box-sizing: border-box;
}

.l-container #feature *::before {
  box-sizing: border-box;
}

.l-container #feature a {
  color: inherit;
  display: block;
  text-decoration: none;
  position: relative;
  transition: 0.3s;
}

.l-container #feature a:hover {
  cursor: pointer;
  opacity: 0.7;
}

.l-container #feature .creditContainer {
  user-select: none;
  position: absolute;
  font-family: 'Times New Roman',sans-serif;
}

.l-container #feature .creditContainer.--pcRight {
  text-align: right;
  right: 0;
}

.l-container #feature .creditContainer.--pcRight .credit {
  align-items: flex-end;
}

.l-container #feature .creditContainer__num {
  font-weight: bold;
  font-size: calc(30 * (100vw / 2100));
  letter-spacing: 0.02em;
}

.l-container #feature .creditContainer .credit {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top: calc(4 * (100vw / 2100));
}

.l-container #feature .creditContainer li {
  position: relative;
  width: fit-content;
  font-size: calc(17 * (100vw / 2100));
  letter-spacing: 0.02em;
  line-height: 1.65;
  white-space: nowrap;
}

.l-container #feature .creditContainer .txt {
  color: #000000;
}

.l-container #feature .creditContainer .price {
  margin-left: calc(5 * (100vw / 2100));
}

.l-container #feature .figSlider {
  position: relative;
}

.l-container #feature .swiper-pagination-bullet {
  width: calc(8 * (100vw / 2100));
  height: calc(8 * (100vw / 2100));
  background: transparent;
  border: 1px solid #000000;
  opacity: 1;
}

.l-container #feature .swiper-pagination-bullet-active {
  background: #000000;
}

.l-container #feature .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 calc(6 * (100vw / 2100));
}

.l-container #feature .swiper-pagination-bullets, .l-container #feature .swiper-pagination-custom, .l-container #feature .swiper-pagination-fraction {
  display: flex;
  width: auto;
}

.l-container #feature .swiper-container-horizontal > .swiper-pagination-bullets, .l-container #feature .swiper-pagination-custom, .l-container #feature .swiper-pagination-fraction {
  bottom: calc(11 * (100vw / 2100));
  left: calc(4 * (100vw / 2100));
}

.l-container #feature .hero {
  background-color: #f0fce4;
}

.l-container #feature .hero__img {
  margin: calc(39 * (100vw / 2100)) auto 0;
  width: calc(1700 * (100vw / 2100));
}

.l-container #feature .main__lead {
  background-color: #f0fce4;
  font-size: calc(17 * (100vw / 2100));
  line-height: 2.5;
  letter-spacing: 0.125em;
  margin: 0 auto;
  padding-top: calc(107 * (100vw / 2100));
  text-align: center;
}

.l-container #feature .stickyBlock {
  position: sticky;
}

.l-container #feature .stickyBlock__01 {
  top: var(--sticky-block01-pos);
  z-index: 1;
  background-color: #f0fce4;
  padding-bottom: calc(244 * (100vw / 2100));
}

.l-container #feature .stickyBlock__02 {
  top: var(--sticky-block02-pos);
  z-index: 2;
  background-color: #ffffff;
  padding-bottom: calc(252 * (100vw / 2100));
}

.l-container #feature .stickyBlock__03 {
  top: var(--sticky-block03-pos);
  z-index: 3;
  background-color: #f0fce4;
  padding-bottom: calc(250 * (100vw / 2100));
}

.l-container #feature .stickyBlock__04 {
  top: var(--sticky-block04-pos);
  z-index: 4;
  background-color: #ffffff;
  padding-bottom: calc(210 * (100vw / 2100));
  margin-bottom: calc(-2 * (100vw / 2100));
}

.l-container #feature .sec {
  position: relative;
}

.l-container #feature .sec .flexWrap {
  display: flex;
}

.l-container #feature .modelBox {
  position: relative;
}

.l-container #feature .modelBox__figure {
  position: relative;
  background-color: #FFFFFF;
}

.l-container #feature .modelBox .body {
  background-color: #FFFFFF;
}

.l-container #feature .sec01 {
  padding-top: calc(167 * (100vw / 2100));
}

.l-container #feature .sec01__modelBox01 {
  margin: 0 0 0 calc(160 * (100vw / 2100));
  width: calc(760 * (100vw / 2100));
}

.l-container #feature .sec01 .flexWrap {
  margin: calc(-446 * (100vw / 2100)) 0 0 0;
  justify-content: flex-end;
}

.l-container #feature .sec01__modelBox02 {
  margin: 0 0 0 0;
  width: calc(500 * (100vw / 2100));
}

.l-container #feature .sec01__modelBox03 {
  margin: 0 0 0 calc(20 * (100vw / 2100));
  width: calc(500 * (100vw / 2100));
}

.l-container #feature .sec01__creditContainer {
  top: calc(1170 * (100vw / 2100));
}

.l-container #feature .sec02__modelBox01 {
  margin: calc(249 * (100vw / 2100)) 0 0 calc(990 * (100vw / 2100));
  width: calc(840 * (100vw / 2100));
}

.l-container #feature .sec02__modelBox02 {
  margin: calc(-430 * (100vw / 2100)) 0 0 calc(390 * (100vw / 2100));
  width: calc(480 * (100vw / 2100));
}

.l-container #feature .sec02__creditContainer {
  top: calc(1290 * (100vw / 2100));
}

.l-container #feature .sec03 {
  margin-top: calc(250 * (100vw / 2100));
}

.l-container #feature .sec03__modelBox01 {
  margin: calc(0 * (100vw / 2100)) 0 0 calc(0 * (100vw / 2100));
  width: calc(600 * (100vw / 2100));
}

.l-container #feature .sec03__modelBox02 {
  margin: calc(0 * (100vw / 2100)) 0 0 calc(20 * (100vw / 2100));
  width: calc(600 * (100vw / 2100));
}

.l-container #feature .sec03__creditContainer {
  bottom: calc(-9 * (100vw / 2100));
  left: calc(640 * (100vw / 2100));
}

.l-container #feature .sec04__modelBox01 {
  margin: calc(250 * (100vw / 2100)) 0 0 calc(1269 * (100vw / 2100));
  width: calc(700 * (100vw / 2100));
}

.l-container #feature .sec04__modelBox02 {
  margin: calc(-620 * (100vw / 2100)) 0 0 calc(590 * (100vw / 2100));
  width: calc(560 * (100vw / 2100));
}

.l-container #feature .sec04__creditContainer {
  position: relative;
  margin-top: calc(31 * (100vw / 2100));
}

.l-container #feature .sec05 {
  padding-top: calc(249 * (100vw / 2100));
}

.l-container #feature .sec05__modelBox01 {
  margin: 0 0 0 calc(790 * (100vw / 2100));
  width: calc(750 * (100vw / 2100));
}

.l-container #feature .sec05__modelBox02 {
  margin: calc(121 * (100vw / 2100)) 0 0 calc(1310 * (100vw / 2100));
  width: calc(520 * (100vw / 2100));
}

.l-container #feature .sec05__creditContainer {
  top: calc(809 * (100vw / 2100));
}

.l-container #feature .sec06 {
  width: calc(580 * (100vw / 2100));
  margin-left: calc(190 * (100vw / 2100));
}

.l-container #feature .sec06__modelBox01 {
  margin: calc(-480 * (100vw / 2100)) 0 0 0;
  width: calc(580 * (100vw / 2100));
}

.l-container #feature .sec06__modelBox02 {
  margin: calc(19 * (100vw / 2100)) 0 0 0;
  width: calc(580 * (100vw / 2100));
}

.l-container #feature .sec06__creditContainer {
  bottom: calc(-8 * (100vw / 2100));
  left: calc(620 * (100vw / 2100));
}

.l-container #feature .sec07__modelBox01 {
  margin: calc(251 * (100vw / 2100)) 0 0 calc(990 * (100vw / 2100));
  width: calc(700 * (100vw / 2100));
}

.l-container #feature .sec07__modelBox02 {
  margin: calc(-870 * (100vw / 2100)) 0 0 calc(410 * (100vw / 2100));
  width: calc(460 * (100vw / 2100));
}

.l-container #feature .sec07__creditContainer {
  bottom: calc(-188 * (100vw / 2100));
  left: calc(1730 * (100vw / 2100));
}

.l-container #feature .sec08__modelBox01 {
  margin: calc(430 * (100vw / 2100)) 0 0 calc(690 * (100vw / 2100));
  width: calc(840 * (100vw / 2100));
}

.l-container #feature .sec08__modelBox02 {
  margin: calc(-439 * (100vw / 2100)) 0 0 calc(1490 * (100vw / 2100));
  width: calc(480 * (100vw / 2100));
  z-index: 1;
}

.l-container #feature .sec08__creditContainer {
  top: calc(1290 * (100vw / 2100));
  left: calc(690 * (100vw / 2100));
}

.l-container #feature .sec09 {
  padding-top: calc(251 * (100vw / 2100));
}

.l-container #feature .sec09__modelBox01 {
  margin: calc(0 * (100vw / 2100)) 0 0 calc(959 * (100vw / 2100));
  width: calc(540 * (100vw / 2100));
}

.l-container #feature .sec09__modelBox02 {
  margin: calc(-449 * (100vw / 2100)) 0 0 calc(160 * (100vw / 2100));
  width: calc(680 * (100vw / 2100));
}

.l-container #feature .sec09__creditContainer {
  bottom: calc(-7 * (100vw / 2100));
  left: calc(720 * (100vw / 2100));
}

.l-container #feature .sec10__modelBox01 {
  margin: calc(250 * (100vw / 2100)) auto 0;
  width: calc(750 * (100vw / 2100));
}

.l-container #feature .sec10__modelBox02 {
  margin: calc(119 * (100vw / 2100)) auto 0;
  width: calc(500 * (100vw / 2100));
}

.l-container #feature .sec10__creditContainer {
  bottom: calc(-9 * (100vw / 2100));
  left: calc(540 * (100vw / 2100));
}

.l-container #feature .sec11 {
  margin-top: calc(250 * (100vw / 2100));
}

.l-container #feature .sec11__modelBox01 {
  margin: calc(0 * (100vw / 2100)) 0 0 calc(100 * (100vw / 2100));
  width: calc(580 * (100vw / 2100));
}

.l-container #feature .sec11__modelBox02 {
  margin: calc(0 * (100vw / 2100)) 0 0 calc(20 * (100vw / 2100));
  width: calc(580 * (100vw / 2100));
}

.l-container #feature .sec11__creditContainer {
  position: relative;
  margin: calc(30 * (100vw / 2100)) 0 0 calc(100 * (100vw / 2100));
}

.l-container #feature .sec12__modelBox01 {
  margin: calc(246 * (100vw / 2100)) 0 0 calc(1460 * (100vw / 2100));
  width: calc(560 * (100vw / 2100));
}

.l-container #feature .sec12__modelBox02 {
  margin: calc(-435 * (100vw / 2100)) 0 0 calc(870 * (100vw / 2100));
  width: calc(630 * (100vw / 2100));
}

.l-container #feature .sec12__creditContainer {
  top: calc(870 * (100vw / 2100));
}

.l-container #feature .sec13__modelBox01 {
  margin: calc(250 * (100vw / 2100)) 0 0 calc(325 * (100vw / 2100));
  width: calc(850 * (100vw / 2100));
}

.l-container #feature .sec13__modelBox02 {
  margin: calc(-421 * (100vw / 2100)) 0 0 calc(1295 * (100vw / 2100));
  width: calc(480 * (100vw / 2100));
}

.l-container #feature .sec13__creditContainer {
  top: calc(1305 * (100vw / 2100));
  left: calc(325 * (100vw / 2100));
}

.l-container #feature .sec14 {
  padding-top: calc(250 * (100vw / 2100));
}

.l-container #feature .sec14__modelBox01 {
  margin: calc(0 * (100vw / 2100)) 0 0 calc(140 * (100vw / 2100));
  width: calc(540 * (100vw / 2100));
}

.l-container #feature .sec14__modelBox02 {
  margin: calc(20 * (100vw / 2100)) 0 0 calc(400 * (100vw / 2100));
  width: calc(500 * (100vw / 2100));
}

.l-container #feature .sec14__modelBox03 {
  margin: calc(-1310 * (100vw / 2100)) 0 0 calc(1305 * (100vw / 2100));
  width: calc(640 * (100vw / 2100));
}

.l-container #feature .sec14__creditContainer {
  top: calc(990 * (100vw / 2100));
}

.l-container #feature .sec15__modelBox01 {
  margin: calc(600 * (100vw / 2100)) 0 0 calc(300 * (100vw / 2100));
  width: calc(700 * (100vw / 2100));
}

.l-container #feature .sec15__modelBox02 {
  margin: calc(-400 * (100vw / 2100)) 0 0 calc(960 * (100vw / 2100));
  width: calc(470 * (100vw / 2100));
}

.l-container #feature .sec15__creditContainer {
  top: calc(1081 * (100vw / 2100));
  left: calc(300 * (100vw / 2100));
}

.l-container #feature .sec16 {
  z-index: 1;
  width: calc(600 * (100vw / 2100));
  margin-left: calc(1290 * (100vw / 2100));
}

.l-container #feature .sec16__modelBox01 {
  margin: calc(251 * (100vw / 2100)) 0 0 0;
}

.l-container #feature .sec16__creditContainer {
  top: calc(930 * (100vw / 2100));
}

.l-container #feature .sec17__modelBox01 {
  margin: calc(-110 * (100vw / 2100)) 0 0 calc(240 * (100vw / 2100));
  width: calc(500 * (100vw / 2100));
}

.l-container #feature .sec17__modelBox02 {
  margin: calc(120 * (100vw / 2100)) 0 0 calc(540 * (100vw / 2100));
  width: calc(700 * (100vw / 2100));
}

.l-container #feature .sec17__creditContainer.--pcRight {
  bottom: calc(-10 * (100vw / 2100));
  right: calc(1590 * (100vw / 2100));
}

.l-container #feature .sec18 {
  margin-top: calc(250 * (100vw / 2100));
}

.l-container #feature .sec18 .flexWrap {
  justify-content: flex-end;
  margin-right: calc(100 * (100vw / 2100));
}

.l-container #feature .sec18__modelBox01 {
  margin: 0 0 0 0;
  width: calc(580 * (100vw / 2100));
}

.l-container #feature .sec18__modelBox02 {
  margin: 0 0 0 calc(20 * (100vw / 2100));
  width: calc(580 * (100vw / 2100));
}

.l-container #feature .sec18__creditContainer {
  position: relative;
  margin: calc(30 * (100vw / 2100)) calc(100 * (100vw / 2100)) 0 0;
}

.l-container #feature .sec19__modelBox01 {
  margin: calc(243 * (100vw / 2100)) 0 0 calc(625 * (100vw / 2100));
  width: calc(850 * (100vw / 2100));
}

.l-container #feature .sec19__creditContainer {
  position: relative;
  margin: calc(30 * (100vw / 2100)) 0 0 calc(625 * (100vw / 2100));
}

.l-container #feature .checkBtn {
  margin: calc(3 * (100vw / 2100)) auto 0;
  font-family: 'Times New Roman',sans-serif;
  position: relative;
  z-index: 2;
}

.l-container #feature .checkBtn a {
  color: #000;
  box-sizing: border-box;
  font-size: calc(22 * (100vw / 2100));
  letter-spacing: 0.02em;
  margin: 0 auto;
  padding-bottom: calc(15 * (100vw / 2100));
  width: fit-content;
}

.l-container #feature .checkBtn__liner {
  margin: calc(10 * (100vw / 2100)) auto 0;
  background-color: #000000;
  height: 1px;
  width: 0;
  transition: all 1s ease;
}

.l-container #feature .checkBtn__liner.is-active {
  width: calc(130 * (100vw / 2100));
}