@charset "UTF-8";
:root {
  --vw: (100vw / 1400) * var(--ratio);
  --ratio: calc(var(--pc-width) / 750);
  --pc-width: 426;
}

/*共通
----------------------------*/
html {
  scroll-behavior: smooth;
}

.l-container {
  width: 100%;
}

.l-header {
  padding: 0;
  position: relative;
  z-index: 999;
  background-color: #fff;
  overflow-x: clip;
}

.l-footer {
  padding: 0;
  position: relative;
  z-index: 999;
  background-color: #fff;
  overflow-x: clip;
}

.pc-footer {
  margin: 0;
}

#feature {
  width: 100%;
  margin: 0 auto;
  color: #000;
  background-color: #d6e1e5;
  box-sizing: border-box;
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  position: relative;
  overflow: clip;
}
#feature * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
#feature a {
  width: 100%;
  height: auto;
  display: block;
  color: #000;
  text-decoration: none;
}
#feature a:hover {
  opacity: 1;
}
#feature img, #feature svg {
  width: 100%;
  height: auto;
  display: block;
}
#feature .inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

/*Wrap 右側に共通コンテンツ
----------------------------*/
#feature .contentsWrap {
  display: flex;
  width: 100vw;
  position: relative;
  background-color: #d6e1e5;
}
#feature .leftWrap {
  position: sticky;
  top: 80px;
  height: calc(100vh - 80px);
  width: 50vw;
  pointer-events: none;
}
#feature .leftWrap .leftWrap__inner {
  pointer-events: none;
}
#feature .leftWrap .leftBox {
  position: absolute;
  opacity: 0;
  transition: all 1s 0.3s ease;
  transform: translateY(30px);
  pointer-events: none;
  z-index: 1;
}
#feature .leftWrap .leftBox.is-active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  z-index: 10;
}
#feature .leftWrap .hero {
  width: 50vw;
  height: calc(100vh - 80px);
  pointer-events: none;
}
#feature .leftWrap .hero .hero__img figure img {
  width: 100%;
  height: calc(100vh - 80px);
  -o-object-position: top;
     object-position: top;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 700/787;
}
#feature .leftWrap .pc-effect {
  width: 50vw;
  height: calc(100vh - 80px);
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
#feature .leftWrap .pc-effect figure {
  width: 29.7857142857vw;
}
#feature .mainWrap {
  position: relative;
  width: 50vw;
}
#feature .mainWrap .inner {
  overflow: clip;
  margin: 0 auto;
}

/*アニメーション 
----------------------------*/
#feature .fadeIn {
  opacity: 0;
  transition: all 1s 0.3s ease;
  transform: translateY(30px);
}
#feature .fadeIn.is-show {
  transform: translateY(0);
  opacity: 1;
}
#feature .fade {
  opacity: 0;
  transition: all 1s 0.5s ease;
}
#feature .fade.is-show {
  opacity: 1;
}
#feature .bear {
  opacity: 0;
  transition: opacity 1s 0.5s ease;
  animation: bear 1s step-end 1s infinite;
}
#feature .bear.is-show {
  opacity: 1;
}
@keyframes bear {
  0% {
    rotate: 3deg;
  }
  50% {
    rotate: -3deg;
  }
}
#feature .js-typing path {
  opacity: 0;
  transform: opacity 0.5s ease 1s;
  pointer-events: none;
}
#feature .js-typing.is-show path {
  opacity: 1;
}

/* loading, movieまわり
----------------------------*/
#feature .loading {
  background-color: #d5e0e4;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: clip;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  pointer-events: none;
  /* ▼ ここを追加（0.7秒かけてふわっと消す） */
  transition: opacity 0.7s ease;
}
#feature .loading-inner {
  transition: opacity 0.3s ease;
}
#feature .mainWrap.loaded .loading {
  opacity: 0;
}
#feature .loading-txt01 {
  width: calc(500 * var(--vw));
  margin: calc(60 * var(--vw)) auto 0;
}
#feature .loading-img {
  width: calc(259 * var(--vw));
  margin: calc(-40 * var(--vw)) auto 0;
}
#feature .loading-txt02 {
  width: calc(410 * var(--vw));
  margin: calc(20 * var(--vw)) auto 0;
}
#feature .circle-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d5e0e4;
  z-index: 1;
  transition: opacity 0.5s ease;
  opacity: 1;
}
#feature .mainWrap.loaded .circle-bg.fade-out {
  opacity: 0;
  pointer-events: none;
}
#feature .movie {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(100vh - 80px);
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: circle(0% at center);
  transition: clip-path 3s cubic-bezier(0.65, 0, 0.35, 1) 0.2s;
}
#feature .movie .sec__inner {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
#feature .movie .movie-cont {
  width: 23.9285714286vw;
  max-width: 360px;
  height: 100%;
  margin: 0 auto;
}
#feature .movie video {
  width: 100%;
  height: auto;
  vertical-align: top;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
#feature .mainWrap.loaded .movie {
  clip-path: circle(150% at center);
}
#feature .movie-btn {
  width: calc(63 * var(--vw));
  height: calc(63 * var(--vw));
  position: absolute;
  right: calc(30 * var(--vw));
  bottom: calc(30 * var(--vw));
  z-index: 5;
  background: no-repeat url(../img/sound-on.png) 0 0/contain;
}
#feature .movie-btn.off {
  right: calc(30 * var(--vw));
  bottom: calc(30 * var(--vw));
  background: no-repeat url(../img/sound-off.png) 0 0/contain;
}

/*メインビジュアル（.hero)
----------------------------*/
#feature .hero .hero__img {
  position: relative;
  width: 100%;
}
#feature .hero .hero__img-logo {
  width: calc(563 * (100vw / 1400));
  position: absolute;
  top: calc(110 * var(--vw));
  left: 51%;
  transform: translateX(-50%);
  z-index: 10;
  max-width: 563px;
}
#feature .hero .hero__img-txt {
  width: calc(474 * (100vw / 1400));
  position: absolute;
  bottom: 0;
  left: 53%;
  transform: translateX(-50%);
  z-index: 10;
  max-width: 474px;
}

/*.sec
----------------------------*/
#feature .sec {
  position: relative;
  z-index: 10;
}
#feature .sec .sec__img, #feature .sec .sec__box {
  position: relative;
}
#feature .sec .sec__txt {
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 600;
}
#feature .sec .sec__deco {
  position: absolute;
  z-index: -1;
}
#feature .sec .sec__inner {
  position: relative;
  width: 30.4285714286vw;
  max-width: 700px;
  margin: 0 auto;
}
#feature .sec01 {
  position: sticky;
  top: calc(-120 * var(--vw));
  z-index: 1;
  background-color: #9cc2cf;
  color: #fff;
  padding: calc(250 * var(--vw)) 0 calc(100 * var(--vw));
  border-radius: calc(30 * var(--vw)) calc(30 * var(--vw)) 0 0;
}
#feature .sec01 .sec__ttl .icon {
  display: block;
  width: calc(280 * var(--vw));
  margin: 0 auto;
}
#feature .sec01 .sec__ttl .jp {
  display: block;
  width: calc(460 * var(--vw));
  margin: calc(56 * var(--vw)) auto 0;
}
#feature .sec01 .sec__ttl .en {
  display: block;
  width: calc(451 * var(--vw));
  margin: calc(40 * var(--vw)) auto 0;
}
#feature .sec01 .sec__txt {
  font-size: calc(30 * var(--vw));
  line-height: 2.1;
  letter-spacing: 0.12em;
  text-align: center;
}
#feature .sec01 .sec__txt:nth-of-type(1) {
  margin: calc(90 * var(--vw)) auto 0;
}
#feature .sec01 .sec__txt:nth-of-type(2) {
  margin: calc(60 * var(--vw)) auto 0;
}
#feature .sec01 .sec__txt:nth-of-type(3) {
  margin: calc(64 * var(--vw)) auto 0;
}
#feature .sec02 {
  position: sticky;
  top: calc(-600 * var(--vw));
  z-index: 2;
  background-color: #d5e0e4;
  color: #d5e0e4;
  padding: calc(85 * var(--vw)) 0 calc(200 * var(--vw));
  border-radius: calc(30 * var(--vw)) calc(30 * var(--vw)) 0 0;
}
#feature .sec02 .sec__ttl .jp {
  display: block;
  width: calc(580 * var(--vw));
  margin: calc(40 * var(--vw)) auto 0;
}
#feature .sec02 .sec__ttl .en {
  display: block;
  width: calc(503 * var(--vw));
  margin: calc(40 * var(--vw)) auto 0;
}
#feature .sec02 .sec__txt {
  width: calc(591 * var(--vw));
  text-align: center;
  font-size: calc(29 * var(--vw));
  line-height: 1.897;
  letter-spacing: 0.1em;
  color: #79afbc;
  padding: calc(60 * var(--vw)) 0 calc(110 * var(--vw));
  margin: 0 auto;
}
#feature .sec02 #animation-section {
  position: sticky !important;
  top: calc(150 * var(--vw)) !important;
}
#feature .sec02 .step-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#feature .sec02 .step-container {
  position: relative;
}
#feature .sec02 #top-img-container {
  background: url(../img/step-arch.png) no-repeat;
  background-size: 100%;
  width: calc(592 * var(--vw));
  height: calc(188 * var(--vw));
}
#feature .sec02 #top-img-container .top-img01 {
  position: absolute;
  width: calc(126 * var(--vw));
  top: calc(200 * var(--vw));
  left: calc(-58 * var(--vw));
  opacity: 1;
}
#feature .sec02 #top-img-container .top-img02 {
  position: absolute;
  width: calc(140 * var(--vw));
  top: calc(-50 * var(--vw));
  left: calc(230 * var(--vw));
  opacity: 0;
}
#feature .sec02 #top-img-container .top-img03 {
  position: absolute;
  width: calc(137 * var(--vw));
  top: calc(200 * var(--vw));
  right: calc(-62 * var(--vw));
  opacity: 0;
}
#feature .sec02 #bottom-img-container {
  display: flex;
  justify-content: center;
  margin-top: calc(-120 * var(--vw));
}
#feature .sec02 #bottom-img-container .bottom-img01 {
  position: absolute;
  width: calc(474 * var(--vw));
  opacity: 1;
}
#feature .sec02 #bottom-img-container .bottom-img02 {
  position: absolute;
  width: calc(474 * var(--vw));
  opacity: 0;
}
#feature .sec02 #bottom-img-container .bottom-img03 {
  position: absolute;
  width: calc(474 * var(--vw));
  opacity: 0;
}
#feature .sec03 {
  background-color: #9cc2cf;
  color: #fff;
  z-index: 3;
  padding: calc(80 * var(--vw)) 0 calc(500 * var(--vw));
  border-radius: calc(30 * var(--vw)) calc(30 * var(--vw)) 0 0;
}
#feature .sec03 .sec__ttl .jp {
  display: block;
  width: calc(587 * var(--vw));
  margin: calc(40 * var(--vw)) auto 0;
}
#feature .sec03 .sec__ttl .en {
  display: block;
  width: calc(562 * var(--vw));
  margin: calc(40 * var(--vw)) auto 0;
}
#feature .sec03 .effect-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(0 * var(--vw));
  margin: calc(124 * var(--vw)) auto 0;
}
#feature .sec03 .effect-list li {
  width: calc(302 * var(--vw));
}
#feature .sec03 .deco01 {
  width: calc(98 * var(--vw));
  top: calc(190 * var(--vw));
  left: calc(32 * var(--vw));
}
#feature .sec03 .deco02 {
  width: calc(30 * var(--vw));
  top: calc(256 * var(--vw));
  right: calc(34 * var(--vw));
}
#feature .sec03 .deco03 {
  width: calc(47 * var(--vw));
  top: calc(534 * var(--vw));
  right: calc(32 * var(--vw));
}
#feature .sec03 .deco04 {
  width: calc(52 * var(--vw));
  top: calc(836 * var(--vw));
  left: calc(50 * var(--vw));
}
#feature .sec03 .deco05 {
  width: calc(316 * var(--vw));
  bottom: calc(-252 * var(--vw));
  right: calc(48 * var(--vw));
}
#feature .sec03 .deco06 {
  width: calc(292 * var(--vw));
  bottom: calc(-374 * var(--vw));
  left: calc(80 * var(--vw));
}
#feature .sec04 {
  position: sticky;
  top: 0;
  background-color: #fff;
  color: #9cc2cf;
  z-index: 4;
  padding: calc(140 * var(--vw)) 0 calc(220 * var(--vw));
}
#feature .sec04 .sec__txt {
  font-size: calc(30 * var(--vw));
  line-height: 2.2;
  letter-spacing: 0.08em;
  text-align: center;
}
#feature .sec04 .sec__txt p:nth-of-type(2) {
  margin-top: calc(68 * var(--vw));
}
#feature .sec04 .sec__txt p:nth-of-type(3) {
  margin-top: calc(65 * var(--vw));
}
#feature .sec05 {
  position: sticky;
  top: 0;
  z-index: 5;
  /* 
     0% 〜 50%（上半分）：完全透明（transparent）
     50% 〜 75% ：透明から #d5e0e4 へグラデーション
     75% 〜 100%：完全な #d5e0e4（ベタ塗り）
  */
  background: linear-gradient(
    to bottom, 
    transparent 0%, 
    transparent 50%, 
    #d5e0e4 75%, 
    #d5e0e4 100%
  ), url(../img/sec05_bg-pc.png) no-repeat;
  background-size: 100%;
  background-position: top center;
  color: #79afbc;
  padding: calc(106 * var(--vw)) 0 calc(1500 * var(--vw));
}
#feature .sec05 .sec__ttl {
  position: relative;
  height: calc(130 * var(--vw));
  display: flex;
  align-items: center;
}
#feature .sec05 .sec__ttl .en {
  width: 30.7142857143vw;
  position: absolute;
  top: calc(-175 * var(--vw));
  left: 51%;
  transform: translateX(-50%);
}
#feature .sec05 .sec__ttl .jp {
  text-align: center;
  font-size: calc(40 * var(--vw));
  line-height: 1.625;
  letter-spacing: 0.1em;
  margin: 0 auto;
  display: block;
  font-weight: 600;
}
#feature .sec05 .sec__slide .slick-dots {
  position: absolute;
  margin: 0;
  bottom: calc(15 * var(--vw));
  left: 50%;
  transform: translateX(-50%);
  display: flex !important;
  justify-content: end;
  gap: calc(14 * var(--vw));
  width: auto;
  height: auto;
}
#feature .sec05 .sec__slide .slick-dots li {
  width: calc(18.5 * var(--vw));
  height: calc(18.5 * var(--vw));
}
#feature .sec05 .sec__slide .slick-dots li button {
  width: calc(18.5 * var(--vw));
  height: calc(18.5 * var(--vw));
  border: 1px solid #fff;
  background: none;
  border-radius: 50%;
  cursor: pointer;
}
#feature .sec05 .sec__slide .slick-dots li button::before, #feature .sec05 .sec__slide .slick-dots li button::after {
  content: none;
}
#feature .sec05 .sec__slide .slick-dots li.slick-active button {
  background: #fff;
}
#feature .sec05 .box01 {
  margin: calc(40 * var(--vw)) auto 0;
}
#feature .sec05 .box01 .img01 {
  width: calc(750 * var(--vw));
  margin: 0 auto;
}
#feature .sec05 .box01 .txt01 {
  margin: calc(60 * var(--vw)) auto 0 calc(44 * var(--vw));
}
#feature .sec05 .box01 .txt01 h4 {
  font-size: calc(38 * var(--vw));
  line-height: 1.316;
  letter-spacing: 0.14em;
  margin-bottom: calc(16 * var(--vw));
}
#feature .sec05 .box01 .txt01 p {
  font-size: calc(28 * var(--vw));
  line-height: 1.786;
  letter-spacing: 0.09em;
}
#feature .sec05 .box01 .deco01 {
  width: calc(254 * var(--vw));
  bottom: calc(214 * var(--vw));
  right: calc(-16 * var(--vw));
  z-index: 10;
}
#feature .sec05 .box02 {
  margin: calc(170 * var(--vw)) auto 0;
}
#feature .sec05 .box02 .img02 {
  width: calc(750 * var(--vw));
  margin: 0 auto;
}
#feature .sec05 .box02 .img03 {
  width: calc(750 * var(--vw));
  margin: 0 auto;
}
#feature .sec05 .box02 .txt02 {
  margin: calc(34 * var(--vw)) auto 0 calc(44 * var(--vw));
}
#feature .sec05 .box02 .txt02 p {
  font-size: calc(34 * var(--vw));
  line-height: 1.441;
  letter-spacing: 0.05em;
}
#feature .sec05 .box02 .deco02 {
  width: calc(254 * var(--vw));
  top: calc(840 * var(--vw));
  left: calc(3 * var(--vw));
  z-index: 10;
}
#feature .sec05 .box03 {
  position: relative;
  margin: calc(182 * var(--vw)) auto 0;
}
#feature .sec05 .box03 .js-typing {
  width: calc(136 * var(--vw));
  position: absolute;
  top: calc(16 * var(--vw));
  left: calc(20 * var(--vw));
  z-index: 10;
}
#feature .sec05 .box03 .img04 {
  width: calc(657 * var(--vw));
  margin: 0 calc(20 * var(--vw)) 0 auto;
}
#feature .sec05 .txt03 {
  margin: calc(184 * var(--vw)) auto 0 calc(44 * var(--vw));
}
#feature .sec05 .txt03 p {
  font-size: calc(28 * var(--vw));
  line-height: 1.786;
  letter-spacing: 0.12em;
}
#feature .sec06 {
  position: sticky;
  top: 0;
  z-index: 6;
  /* rgba(255, 255, 255, 0) を rgba(213, 224, 228, 0) に変更し、ベース色に #d5e0e4 を指定 */
  background: linear-gradient(rgba(213, 224, 228, 0), rgb(244, 219, 219)), url(../img/sec06_bg-pc.png) no-repeat #d5e0e4;
  background-size: 100%;
  background-position: top center;
  color: #fff;
  padding: calc(70 * var(--vw)) 0 calc(900 * var(--vw));
}
#feature .sec06 .sec__ttl {
  position: relative;
  height: calc(134 * var(--vw));
  display: flex;
  align-items: center;
}
#feature .sec06 .sec__ttl .en {
  width: 38.5vw;
  position: absolute;
  top: calc(-146 * var(--vw));
  left: 50%;
  transform: translateX(-50%);
}
#feature .sec06 .sec__ttl .jp {
  text-align: center;
  font-size: calc(40 * var(--vw));
  line-height: 1.625;
  letter-spacing: 0.1em;
  margin: 0 auto;
  display: block;
  font-weight: 600;
}
#feature .sec06 .box01 {
  margin: calc(20 * var(--vw)) auto 0;
}
#feature .sec06 .box01 .img01 {
  width: calc(750 * var(--vw));
  margin: 0 auto;
}
#feature .sec06 .box01 .img02 {
  width: calc(750 * var(--vw));
  margin: 0 auto;
}
#feature .sec06 .box01 .txt01 {
  margin: calc(35 * var(--vw)) auto 0 calc(44 * var(--vw));
}
#feature .sec06 .box01 .txt01 h4 {
  font-size: calc(38 * var(--vw));
  line-height: 1.316;
  letter-spacing: 0.14em;
  margin-bottom: calc(32 * var(--vw));
}
#feature .sec06 .box01 .txt01 p {
  font-size: calc(28 * var(--vw));
  line-height: 1.786;
  letter-spacing: 0.12em;
}
#feature .sec06 .box01 .deco01 {
  width: calc(290 * var(--vw));
  top: calc(848 * var(--vw));
  right: calc(3 * var(--vw));
  z-index: 10;
}
#feature .sec07 {
  position: sticky;
  top: 0;
  z-index: 7;
  background: linear-gradient(rgba(255, 255, 255, 0), rgb(214, 225, 229)), url(../img/sec07_bg-pc.png) no-repeat;
  background-size: 100%;
  background-position: top center;
  color: #fff;
  padding: calc(120 * var(--vw)) 0 0;
}
#feature .sec07 .sec__ttl {
  position: relative;
  height: calc(150 * var(--vw));
  display: flex;
  align-items: center;
}
#feature .sec07 .sec__ttl .en {
  width: 30.5vw;
  position: absolute;
  top: calc(-176 * var(--vw));
  left: 50%;
  transform: translateX(-50%);
}
#feature .sec07 .sec__ttl .jp {
  text-align: center;
  font-size: calc(40 * var(--vw));
  line-height: 1.475;
  letter-spacing: 0.1em;
  margin: 0 auto;
  display: block;
  font-weight: 600;
}
#feature .sec07 .box01 {
  margin: calc(40 * var(--vw)) auto 0;
}
#feature .sec07 .box01 .img01 {
  width: calc(750 * var(--vw));
  margin: 0 auto;
}
#feature .sec07 .box01 .txt01 {
  margin: calc(40 * var(--vw)) auto 0 calc(44 * var(--vw));
}
#feature .sec07 .box01 .txt01 h4 {
  font-size: calc(38 * var(--vw));
  line-height: 1.316;
  letter-spacing: 0.14em;
  margin-bottom: calc(32 * var(--vw));
}
#feature .sec07 .box01 .txt01 p {
  font-size: calc(28 * var(--vw));
  line-height: 1.786;
  letter-spacing: 0.12em;
}
#feature .sec07 .box01 .deco01 {
  width: calc(274 * var(--vw));
  top: calc(-42 * var(--vw));
  left: calc(-10 * var(--vw));
  z-index: 10;
}
#feature .sec07 .box02 {
  position: relative;
  margin: calc(172 * var(--vw)) auto 0;
}
#feature .sec07 .box02 .deco02 {
  width: calc(270 * var(--vw));
  top: calc(548 * var(--vw));
  right: calc(-20 * var(--vw));
  z-index: 10;
}
#feature .sec07 .box02 .js-typing {
  width: calc(190 * var(--vw));
  position: absolute;
  top: calc(7 * var(--vw));
  left: calc(10 * var(--vw));
  z-index: 10;
}
#feature .sec07 .box02 .img02 {
  width: calc(750 * var(--vw));
  margin: 0 auto;
}
#feature .sec07 .txt02 {
  margin: calc(168 * var(--vw)) auto 0 calc(44 * var(--vw));
}
#feature .sec07 .txt02 p {
  font-size: calc(28 * var(--vw));
  line-height: 1.786;
  letter-spacing: 0.12em;
}
#feature .sec07 .box03 {
  margin: calc(110 * var(--vw)) auto 0;
}
#feature .sec07 .box03 .img03 {
  width: calc(750 * var(--vw));
  margin: 0 auto;
}
#feature .sec08 {
  background-color: #fff;
  padding: calc(65 * var(--vw)) 0 calc(120 * var(--vw));
}
#feature .sec08 .box01 {
  margin: calc(60 * var(--vw)) auto 0;
}
#feature .sec08 .box01 .txt01 {
  width: calc(527 * var(--vw));
  margin: 0 auto;
}
#feature .sec08 .box01 .img02 {
  width: calc(432 * var(--vw));
  margin: calc(-120 * var(--vw)) auto 0;
}
#feature .sec08 .box01 .txt02 {
  width: calc(362 * var(--vw));
  margin: calc(52 * var(--vw)) auto 0;
}
#feature .sec08 .sec__all .sec__all-btn {
  width: calc(519 * var(--vw));
  margin: calc(150 * var(--vw)) auto 0;
}

/* せり上がりタイミングの遅延 */
#feature .sec02-delay,
#feature .sec03-delay,
#feature .sec07-delay,
#feature .sec08-delay {
  height: 800px;
}

#feature .sec06-delay,
#feature .sec07-delay {
  height: 400px;
}


#feature .sec04::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -300px;
  width: 100%;
  height: 300px;
  background-color: #fff;
  z-index: -1;
  pointer-events: none;
}
/*1400px以上 
----------------------------*//*# sourceMappingURL=style.css.map */