@charset "UTF-8";
@font-face {
  font-family: "Calligraphy";
  src: url("../font/Calligraphy.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "koburinaw1";
  src: url("../font/こぶりなゴシックStdW1.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "koburinaw3";
  src: url("../font/こぶりなゴシックStdW3.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "koburinaw6";
  src: url("../font/こぶりなゴシックStdW6.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
/*アニメーション
----------------------------*/
@keyframes fadeInSimple {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sliderPagination {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
/*共通
----------------------------*/
.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: #333;
  box-sizing: border-box;
  text-align: center;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  position: relative;
  overflow-x: clip;
  background-color: #f9f5f2;
  opacity: 0;
  transition: 0.3s;
}
#feature.is_show {
  opacity: 1;
}
#feature * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
#feature a {
  width: 100%;
  height: auto;
  display: block;
  color: #333;
  transition: 0.3s;
}
#feature a:hover {
  text-decoration: none;
  opacity: 0.7;
}
#feature figure {
  background-color: #fff;
}
#feature img {
  width: 100%;
  height: auto;
  display: block;
}
#feature svg {
  width: 100%;
  height: auto;
  display: block;
}
#feature video {
  width: 100%;
  height: auto;
  display: block;
}
#feature .js_anime figure {
  opacity: 0;
  transition: opacity 1s, transform 1s;
  transform: translateY(30px);
}
#feature .js_anime .is_drawtxt01 {
  /***************************************************
  * Generated by SVG Artista on 7/28/2025, 12:24:17 PM
  * MIT license (https://opensource.org/licenses/MIT)
  * W. https://svgartista.net
  **************************************************/
}
#feature .js_anime .is_drawtxt01 .svg-elem-1 {
  stroke-dashoffset: 337.026763916px;
  stroke-dasharray: 337.026763916px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0s, fill 0.3s ease 0s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-2 {
  stroke-dashoffset: 152.2029876709px;
  stroke-dasharray: 152.2029876709px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.1s, fill 0.3s ease 0.1s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-3 {
  stroke-dashoffset: 75.4083480835px;
  stroke-dasharray: 75.4083480835px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.2s, fill 0.3s ease 0.2s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-4 {
  stroke-dashoffset: 50.9591674805px;
  stroke-dasharray: 50.9591674805px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.3s, fill 0.3s ease 0.3s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-5 {
  stroke-dashoffset: 75.2984008789px;
  stroke-dasharray: 75.2984008789px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.4s, fill 0.3s ease 0.4s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-6 {
  stroke-dashoffset: 169.7864685059px;
  stroke-dasharray: 169.7864685059px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.5s, fill 0.3s ease 0.5s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-7 {
  stroke-dashoffset: 136.0694885254px;
  stroke-dasharray: 136.0694885254px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.6s, fill 0.3s ease 0.6s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-8 {
  stroke-dashoffset: 72.5056304932px;
  stroke-dasharray: 72.5056304932px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.7s, fill 0.3s ease 0.7s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-8 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-9 {
  stroke-dashoffset: 136.0663909912px;
  stroke-dasharray: 136.0663909912px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.8s, fill 0.3s ease 0.8s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-9 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-10 {
  stroke-dashoffset: 75.2867050171px;
  stroke-dasharray: 75.2867050171px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.9s, fill 0.3s ease 0.9s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-10 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-11 {
  stroke-dashoffset: 89.6437149048px;
  stroke-dasharray: 89.6437149048px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1s, fill 0.3s ease 1s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-11 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-12 {
  stroke-dashoffset: 169.7684173584px;
  stroke-dasharray: 169.7684173584px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.1s, fill 0.3s ease 1.1s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-12 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-13 {
  stroke-dashoffset: 166.9893035889px;
  stroke-dasharray: 166.9893035889px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.2s, fill 0.3s ease 1.2s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-13 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-14 {
  stroke-dashoffset: 75.4071044922px;
  stroke-dasharray: 75.4071044922px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.3s, fill 0.3s ease 1.3s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-14 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-15 {
  stroke-dashoffset: 71.1827316284px;
  stroke-dasharray: 71.1827316284px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.4s, fill 0.3s ease 1.4s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-15 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-16 {
  stroke-dashoffset: 169.7709503174px;
  stroke-dasharray: 169.7709503174px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.5s, fill 0.3s ease 1.5s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-16 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-17 {
  stroke-dashoffset: 173.0156097412px;
  stroke-dasharray: 173.0156097412px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.6s, fill 0.3s ease 1.6s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-17 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-18 {
  stroke-dashoffset: 72.5040206909px;
  stroke-dasharray: 72.5040206909px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.7s, fill 0.3s ease 1.7s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-18 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-19 {
  stroke-dashoffset: 66.7134933472px;
  stroke-dasharray: 66.7134933472px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.8s, fill 0.3s ease 1.8s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-19 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-20 {
  stroke-dashoffset: 185.2115478516px;
  stroke-dasharray: 185.2115478516px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.9s, fill 0.3s ease 1.9s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-20 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-21 {
  stroke-dashoffset: 72.5040893555px;
  stroke-dasharray: 72.5040893555px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2s, fill 0.3s ease 2s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-21 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-22 {
  stroke-dashoffset: 75.4221115112px;
  stroke-dasharray: 75.4221115112px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.1s, fill 0.3s ease 2.1s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-22 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-23 {
  stroke-dashoffset: 71.1691360474px;
  stroke-dasharray: 71.1691360474px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.2s, fill 0.3s ease 2.2s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-23 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-24 {
  stroke-dashoffset: 72.5046081543px;
  stroke-dasharray: 72.5046081543px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.3s, fill 0.3s ease 2.3s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-24 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-25 {
  stroke-dashoffset: 173.0193481445px;
  stroke-dasharray: 173.0193481445px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.4s, fill 0.3s ease 2.4s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-25 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-26 {
  stroke-dashoffset: 169.7742156982px;
  stroke-dasharray: 169.7742156982px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.5s, fill 0.3s ease 2.5s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-26 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-27 {
  stroke-dashoffset: 15.2384338379px;
  stroke-dasharray: 15.2384338379px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.6s, fill 0.3s ease 2.6s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-27 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-28 {
  stroke-dashoffset: 71.1827392578px;
  stroke-dasharray: 71.1827392578px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.7s, fill 0.3s ease 2.7s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-28 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-29 {
  stroke-dashoffset: 160.6661071777px;
  stroke-dasharray: 160.6661071777px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.8s, fill 0.3s ease 2.8s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-29 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-30 {
  stroke-dashoffset: 72.5097427368px;
  stroke-dasharray: 72.5097427368px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.9s, fill 0.3s ease 2.9s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-30 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-31 {
  stroke-dashoffset: 111.0570068359px;
  stroke-dasharray: 111.0570068359px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3s, fill 0.3s ease 3s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-31 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-32 {
  stroke-dashoffset: 15.2393503189px;
  stroke-dasharray: 15.2393503189px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.1s, fill 0.3s ease 3.1s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-32 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-33 {
  stroke-dashoffset: 71.1610107422px;
  stroke-dasharray: 71.1610107422px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.2s, fill 0.3s ease 3.2s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-33 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-34 {
  stroke-dashoffset: 75.2820663452px;
  stroke-dasharray: 75.2820663452px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.3s, fill 0.3s ease 3.3s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-34 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-35 {
  stroke-dashoffset: 66.7252426147px;
  stroke-dasharray: 66.7252426147px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.4s, fill 0.3s ease 3.4s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-35 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-36 {
  stroke-dashoffset: 75.2823181152px;
  stroke-dasharray: 75.2823181152px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.5s, fill 0.3s ease 3.5s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-36 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-37 {
  stroke-dashoffset: 89.6535491943px;
  stroke-dasharray: 89.6535491943px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.6s, fill 0.3s ease 3.6s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-37 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-38 {
  stroke-dashoffset: 75.2822723389px;
  stroke-dasharray: 75.2822723389px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.7s, fill 0.3s ease 3.7s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-38 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt01 .svg-elem-39 {
  stroke-dashoffset: 7.502576828px;
  stroke-dasharray: 7.502576828px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.8s, fill 0.3s ease 3.8s;
}
#feature .js_anime .is_drawtxt01 svg.active .svg-elem-39 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 {
  /***************************************************
  * Generated by SVG Artista on 7/28/2025, 12:22:47 PM
  * MIT license (https://opensource.org/licenses/MIT)
  * W. https://svgartista.net
  **************************************************/
}
#feature .js_anime .is_drawtxt02 .svg-elem-1 {
  stroke-dashoffset: 396.3420410156px;
  stroke-dasharray: 396.3420410156px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0s, fill 0.3s ease 0s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-2 {
  stroke-dashoffset: 84.8795318604px;
  stroke-dasharray: 84.8795318604px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.1s, fill 0.3s ease 0.1s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-3 {
  stroke-dashoffset: 85.6890182495px;
  stroke-dasharray: 85.6890182495px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.2s, fill 0.3s ease 0.2s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-4 {
  stroke-dashoffset: 85.114616394px;
  stroke-dasharray: 85.114616394px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.3s, fill 0.3s ease 0.3s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-5 {
  stroke-dashoffset: 191.8701324463px;
  stroke-dasharray: 191.8701324463px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.4s, fill 0.3s ease 0.4s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-6 {
  stroke-dashoffset: 209.3081817627px;
  stroke-dasharray: 209.3081817627px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.5s, fill 0.3s ease 0.5s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-7 {
  stroke-dashoffset: 85.6831970215px;
  stroke-dasharray: 85.6831970215px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.6s, fill 0.3s ease 0.6s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-8 {
  stroke-dashoffset: 101.2093505859px;
  stroke-dasharray: 101.2093505859px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.7s, fill 0.3s ease 0.7s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-8 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-9 {
  stroke-dashoffset: 229.9150848389px;
  stroke-dasharray: 229.9150848389px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.8s, fill 0.3s ease 0.8s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-9 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-10 {
  stroke-dashoffset: 75.2565078735px;
  stroke-dasharray: 75.2565078735px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 0.9s, fill 0.3s ease 0.9s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-10 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-11 {
  stroke-dashoffset: 84.9245452881px;
  stroke-dasharray: 84.9245452881px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1s, fill 0.3s ease 1s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-11 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-12 {
  stroke-dashoffset: 181.5993041992px;
  stroke-dasharray: 181.5993041992px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.1s, fill 0.3s ease 1.1s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-12 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-13 {
  stroke-dashoffset: 85.6707763672px;
  stroke-dasharray: 85.6707763672px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.2s, fill 0.3s ease 1.2s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-13 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-14 {
  stroke-dashoffset: 89.7637329102px;
  stroke-dasharray: 89.7637329102px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.3s, fill 0.3s ease 1.3s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-14 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-15 {
  stroke-dashoffset: 8.212266922px;
  stroke-dasharray: 8.212266922px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.4s, fill 0.3s ease 1.4s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-15 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-16 {
  stroke-dashoffset: 8.210354805px;
  stroke-dasharray: 8.210354805px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.5s, fill 0.3s ease 1.5s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-16 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-17 {
  stroke-dashoffset: 8.2088427544px;
  stroke-dasharray: 8.2088427544px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.6s, fill 0.3s ease 1.6s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-17 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-18 {
  stroke-dashoffset: 217.2310333252px;
  stroke-dasharray: 217.2310333252px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.7s, fill 0.3s ease 1.7s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-18 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-19 {
  stroke-dashoffset: 54.8404006958px;
  stroke-dasharray: 54.8404006958px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.8s, fill 0.3s ease 1.8s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-19 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-20 {
  stroke-dashoffset: 82.715423584px;
  stroke-dasharray: 82.715423584px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 1.9s, fill 0.3s ease 1.9s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-20 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-21 {
  stroke-dashoffset: 81.0252914429px;
  stroke-dasharray: 81.0252914429px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2s, fill 0.3s ease 2s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-21 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-22 {
  stroke-dashoffset: 76.6458892822px;
  stroke-dasharray: 76.6458892822px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.1s, fill 0.3s ease 2.1s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-22 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-23 {
  stroke-dashoffset: 146.6320800781px;
  stroke-dasharray: 146.6320800781px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.2s, fill 0.3s ease 2.2s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-23 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-24 {
  stroke-dashoffset: 81.0545654297px;
  stroke-dasharray: 81.0545654297px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.3s, fill 0.3s ease 2.3s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-24 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-25 {
  stroke-dashoffset: 222.4994049072px;
  stroke-dasharray: 222.4994049072px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.4s, fill 0.3s ease 2.4s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-25 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-26 {
  stroke-dashoffset: 81.7918701172px;
  stroke-dasharray: 81.7918701172px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.5s, fill 0.3s ease 2.5s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-26 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-27 {
  stroke-dashoffset: 153.4155273438px;
  stroke-dasharray: 153.4155273438px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.6s, fill 0.3s ease 2.6s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-27 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-28 {
  stroke-dashoffset: 153.3894042969px;
  stroke-dasharray: 153.3894042969px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.7s, fill 0.3s ease 2.7s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-28 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-29 {
  stroke-dashoffset: 54.8197517395px;
  stroke-dasharray: 54.8197517395px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.8s, fill 0.3s ease 2.8s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-29 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-30 {
  stroke-dashoffset: 96.6000137329px;
  stroke-dasharray: 96.6000137329px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 2.9s, fill 0.3s ease 2.9s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-30 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-31 {
  stroke-dashoffset: 81.0640335083px;
  stroke-dasharray: 81.0640335083px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3s, fill 0.3s ease 3s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-31 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-32 {
  stroke-dashoffset: 76.6235427856px;
  stroke-dasharray: 76.6235427856px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.1s, fill 0.3s ease 3.1s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-32 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-33 {
  stroke-dashoffset: 76.6495437622px;
  stroke-dasharray: 76.6495437622px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.2s, fill 0.3s ease 3.2s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-33 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-34 {
  stroke-dashoffset: 391.5967712402px;
  stroke-dasharray: 391.5967712402px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.3s, fill 0.3s ease 3.3s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-34 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-35 {
  stroke-dashoffset: 54.7967720032px;
  stroke-dasharray: 54.7967720032px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.4s, fill 0.3s ease 3.4s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-35 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-36 {
  stroke-dashoffset: 96.5800247192px;
  stroke-dasharray: 96.5800247192px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.5s, fill 0.3s ease 3.5s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-36 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-37 {
  stroke-dashoffset: 217.2545318604px;
  stroke-dasharray: 217.2545318604px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.6s, fill 0.3s ease 3.6s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-37 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime .is_drawtxt02 .svg-elem-38 {
  stroke-dashoffset: 76.6187210083px;
  stroke-dasharray: 76.6187210083px;
  fill: transparent;
  transition: stroke-dashoffset 0.3s ease 3.7s, fill 0.3s ease 3.7s;
}
#feature .js_anime .is_drawtxt02 svg.active .svg-elem-38 {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime.is_show figure {
  opacity: 1;
  transform: translateY(0);
}
#feature .js_anime.is_show .is_drawtxt01 path {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}
#feature .js_anime.is_show .is_drawtxt02 path {
  stroke-dashoffset: 0;
  fill: rgb(206, 133, 132);
}

#feature {
  display: flex;
  /*レイアウト
  ----------------------------*/
}
#feature .leftarea {
  flex: 1;
  height: calc(100svh - 80px);
  padding-bottom: 80px;
  position: sticky;
  top: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#feature .leftarea .leftarea__ttl {
  font-family: "angie-sans", sans-serif;
  font-size: calc(39.6 * var(--vw) / 2100);
  letter-spacing: 0.03em;
}
#feature .rightarea {
  flex: 1;
  height: calc(100svh - 80px);
  padding-bottom: 80px;
  position: sticky;
  top: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#feature .rightarea .rightarea__logo {
  width: calc(295 * var(--vw) / 2100);
}
#feature .main {
  width: calc(750 * var(--vw) / 2100);
  position: relative;
  z-index: 2;
  overflow-x: clip;
}
#feature .sec {
  position: sticky;
  top: 0;
  z-index: 3;
}
#feature .sec .sec__credit {
  position: absolute;
  z-index: 10;
  pointer-events: none;
}
#feature .sec .sec__credit .credit {
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(10 * var(--vw) / 2100);
}
#feature .sec .sec__credit .credit .item {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
#feature .sec .sec__credit .credit .item:not(.is_notrelease) {
  pointer-events: auto;
}
#feature .sec .sec__credit .credit .item .link {
  flex-wrap: nowrap;
}
#feature .sec .sec__credit .credit .item .link p {
  font-family: "agenda", sans-serif;
  font-weight: 300;
  font-size: calc(19 * var(--vw) / 2100);
  line-height: calc(33 * var(--vw) / 2100);
  letter-spacing: 0.02em;
}
#feature .sec .sec__credit.sec__credit01 {
  width: 100%;
  top: calc(100% + 4 * var(--vw) / 2100);
  left: 0;
}
#feature .sec .sec__credit.sec__credit01 .credit {
  justify-content: center;
}
#feature .sec .sec__credit.sec__credit02 {
  width: 100%;
  top: calc(100% + 16 * var(--vw) / 2100);
  left: 0;
}
#feature .sec .sec__credit.sec__credit02 .credit {
  justify-content: center;
}
#feature .sec .sec__credit.sec__credit03 {
  top: calc(100% + 14 * var(--vw) / 2100);
  left: calc(28 * var(--vw) / 2100);
}
#feature .sec .sec__credit.sec__credit04 {
  width: calc(450 * var(--vw) / 2100);
  top: calc(100% + 14 * var(--vw) / 2100);
  left: 0;
}
#feature .sec .sec__credit.sec__credit04 .credit .item .link p {
  line-height: calc(25 * var(--vw) / 2100);
}
#feature .sec .sec__flex {
  display: flex;
  position: relative;
}
#feature .sec .sec__flex.is_reverse {
  flex-direction: row-reverse;
}
#feature .sec .sec__movie {
  width: calc(586 * var(--vw) / 2100);
  min-height: calc(1042 * var(--vw) / 2100);
  margin: 0 auto;
  position: relative;
}
#feature .sec .sec__movie .mutebtn {
  width: calc(114 * var(--vw) / 2100);
  height: calc(24 * var(--vw) / 2100);
  position: absolute;
  top: calc(16 * var(--vw) / 2100);
  right: calc(14 * var(--vw) / 2100);
}
#feature .sec .sec__movie .mutebtn img {
  width: auto;
  height: 100%;
  margin-left: auto;
}
#feature .sec .sec__img {
  position: relative;
}
#feature .sec .sec__img.sec__img01 {
  width: 100%;
}
#feature .sec .sec__img.sec__img02 {
  width: calc(476 * var(--vw) / 2100);
}
#feature .sec .sec__img.sec__img03 {
  width: 100%;
}
#feature .sec .sec__img.sec__img04 {
  width: calc(494 * var(--vw) / 2100);
}
#feature .sec .sec__img.sec__img05 {
  width: calc(494 * var(--vw) / 2100);
}
#feature .sec .sec__img.sec__img06 {
  width: calc(570 * var(--vw) / 2100);
}
#feature .sec .sec__img.sec__img07 {
  width: 100%;
}
#feature .sec .sec__img.sec__img08 {
  width: 100%;
}
#feature .sec .sec__img.sec__img09 {
  width: calc(326 * var(--vw) / 2100);
}
#feature .sec .sec__img.sec__img10 {
  width: calc(326 * var(--vw) / 2100);
}
#feature .sec .sec__img.sec__img11 {
  width: calc(326 * var(--vw) / 2100);
}
#feature .sec .sec__img.sec__img12 {
  width: calc(532 * var(--vw) / 2100);
}
#feature .sec .sec__img.sec__img13 {
  width: calc(450 * var(--vw) / 2100);
}
#feature .sec .sec__img.sec__img14 {
  width: calc(268 * var(--vw) / 2100);
}
#feature .sec .sec__img.sec__img15 {
  width: calc(297 * var(--vw) / 2100);
}
#feature .sec .sec__img.sec__img16 {
  width: calc(294 * var(--vw) / 2100);
}
#feature .sec .sec__img.sec__img17 {
  width: calc(422 * var(--vw) / 2100);
}
#feature .sec .sec__enttl {
  font-family: "angie-sans", sans-serif;
  font-size: calc(78 * var(--vw) / 2100);
  letter-spacing: 0.03em;
}
#feature .sec .sec__heart {
  position: relative;
}
#feature .sec .sec__heart figure {
  background-color: transparent;
}
#feature .sec .sec__heart.sec__heart01 {
  width: calc(497 * var(--vw) / 2100);
}
#feature .sec .sec__heart.sec__heart02 {
  width: calc(696 * var(--vw) / 2100);
  pointer-events: none;
}
#feature .sec .sec__ttl {
  font-family: "koburinaw3";
  font-size: calc(26.98 * var(--vw) / 2100);
  letter-spacing: 0.175em;
}
#feature .sec .sec__txt {
  font-family: "agenda", sans-serif;
  font-weight: 300;
  font-size: calc(17 * var(--vw) / 2100);
  line-height: calc(30 * var(--vw) / 2100);
  letter-spacing: 0.08em;
}
#feature .sec .sec__imgttl p {
  font-family: "agenda", sans-serif;
  font-weight: 300;
  font-size: calc(28 * var(--vw) / 2100);
  line-height: 1;
  letter-spacing: 0.065em;
  position: absolute;
}
#feature .sec .sec__imgtxt {
  position: absolute;
  pointer-events: none;
}
#feature .sec .sec__imgtxt.sec__imgtxt01 {
  width: calc(406 * var(--vw) / 2100);
}
#feature .sec .sec__imgtxt.sec__imgtxt02 {
  width: calc(512 * var(--vw) / 2100);
}
#feature .sec .sec__imgtxt.sec__imgtxt03 {
  width: calc(347 * var(--vw) / 2100);
}
#feature .sec .sec__bg {
  background-size: contain;
}
#feature .sec.sec01 {
  padding-top: calc(82 * var(--vw) / 2100);
  padding-bottom: calc(156 * var(--vw) / 2100);
}
#feature .sec.sec01::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/bg01.jpg);
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#feature .sec.sec01 .sec__img.sec__img01 {
  margin: calc(86 * var(--vw) / 2100) auto 0;
}
#feature .sec.sec01 .sec__img.sec__img02 {
  margin: calc(156 * var(--vw) / 2100) 0 0 calc(154 * var(--vw) / 2100);
}
#feature .sec.sec01 .sec__enttl {
  margin: calc(66 * var(--vw) / 2100) auto 0;
}
#feature .sec.sec01 .sec__heart.sec__heart01 {
  margin: calc(18 * var(--vw) / 2100) auto 0;
}
#feature .sec.sec01 .sec__ttl {
  margin: calc(48 * var(--vw) / 2100) auto 0;
}
#feature .sec.sec01 .sec__txt.sec__txt01 {
  width: calc(566 * var(--vw) / 2100);
  margin: calc(42 * var(--vw) / 2100) auto 0;
  text-align: justify;
}
#feature .sec.sec01 .sec__imgttl.sec__imgttl01 p:nth-child(1) {
  top: calc(-32 * var(--vw) / 2100);
  left: calc(-2 * var(--vw) / 2100);
}
#feature .sec.sec01 .sec__imgttl.sec__imgttl01 p:nth-child(2) {
  top: calc(-32 * var(--vw) / 2100);
  right: calc(-2 * var(--vw) / 2100);
}
#feature .sec.sec01 .sec__imgttl.sec__imgttl01 p:nth-child(3) {
  bottom: calc(-32 * var(--vw) / 2100);
  left: calc(-2 * var(--vw) / 2100);
}
#feature .sec.sec01 .sec__imgttl.sec__imgttl01 p:nth-child(4) {
  bottom: calc(-32 * var(--vw) / 2100);
  right: calc(-2 * var(--vw) / 2100);
}
#feature .sec.sec02 {
  margin-top: 100svh;
  padding-top: calc(82 * var(--vw) / 2100);
  padding-bottom: calc(162 * var(--vw) / 2100);
  background-color: #fffef5;
}
#feature .sec.sec02 .sec__img.sec__img03 {
  margin: 0 auto;
}
#feature .sec.sec02 .sec__img.sec__img04 {
  margin: calc(208 * var(--vw) / 2100) auto 0;
}
#feature .sec.sec02 .sec__img.sec__img05 {
  margin: calc(60 * var(--vw) / 2100) auto 0;
}
#feature .sec.sec02 .sec__imgttl.sec__imgttl02 p {
  font-size: calc(22 * var(--vw) / 2100);
}
#feature .sec.sec02 .sec__imgttl.sec__imgttl02 p:nth-child(1) {
  top: calc(-28 * var(--vw) / 2100);
  left: calc(22 * var(--vw) / 2100);
}
#feature .sec.sec02 .sec__imgttl.sec__imgttl02 p:nth-child(2) {
  top: calc(-28 * var(--vw) / 2100);
  right: calc(16 * var(--vw) / 2100);
  letter-spacing: 0.08em;
}
#feature .sec.sec02 .sec__txt.sec__txt02 {
  margin: calc(54 * var(--vw) / 2100) auto 0;
}
#feature .sec.sec03 {
  margin-top: 100svh;
  padding-bottom: calc(72 * var(--vw) / 2100);
  background-color: #fff;
}
#feature .sec.sec03 .sec__bg {
  padding-top: calc(160 * var(--vw) / 2100);
  padding-bottom: calc(140 * var(--vw) / 2100);
  background-image: url(../img/bg02.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}
#feature .sec.sec03 .sec__img.sec__img06 {
  margin-left: calc(122 * var(--vw) / 2100);
}
#feature .sec.sec03 .sec__img.sec__img08 {
  margin: calc(72 * var(--vw) / 2100) auto 0;
}
#feature .sec.sec03 .sec__img.sec__img08 .slider .slick-dots {
  display: flex;
  justify-content: center;
  gap: 0 calc(8 * var(--vw) / 2100);
  position: absolute;
  top: calc(100% + 24 * var(--vw) / 2100);
  right: calc(16 * var(--vw) / 2100);
}
#feature .sec.sec03 .sec__img.sec__img08 .slider .slick-dots li {
  width: calc(10 * var(--vw) / 2100);
  height: calc(10 * var(--vw) / 2100);
}
#feature .sec.sec03 .sec__img.sec__img08 .slider .slick-dots li button {
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  padding: 0;
  position: relative;
  transition: 0.3s;
  border: 1px solid #333;
  background-color: #fff;
}
#feature .sec.sec03 .sec__img.sec__img08 .slider .slick-dots li.slick-active button {
  background-color: #333;
}
#feature .sec.sec03 .sec__imgttl.sec__imgttl03 p {
  font-size: calc(22 * var(--vw) / 2100);
}
#feature .sec.sec03 .sec__imgttl.sec__imgttl03 p:nth-child(1) {
  top: calc(-28 * var(--vw) / 2100);
  left: calc(-2 * var(--vw) / 2100);
  letter-spacing: 0.045em;
}
#feature .sec.sec03 .sec__imgttl.sec__imgttl03 p:nth-child(2) {
  top: calc(-28 * var(--vw) / 2100);
  right: 0;
  letter-spacing: 0.02em;
}
#feature .sec.sec03 .sec__imgtxt.sec__imgtxt01 {
  bottom: calc(-18 * var(--vw) / 2100);
  right: calc(-30 * var(--vw) / 2100);
}
#feature .sec.sec03 .sec__imgtxt.sec__imgtxt02 {
  top: calc(74 * var(--vw) / 2100);
  left: calc(138 * var(--vw) / 2100);
}
#feature .sec.sec04 {
  margin-top: 100svh;
  padding-bottom: calc(130 * var(--vw) / 2100);
  background-color: #fff;
}
#feature .sec.sec04 .sec__block {
  width: 100%;
  padding-top: calc(208 * var(--vw) / 2100);
  padding-bottom: calc(156 * var(--vw) / 2100);
  background-color: #f9f5f2;
  position: relative;
}
#feature .sec.sec04 .sec__bg {
  padding-top: calc(174 * var(--vw) / 2100);
  padding-bottom: calc(210 * var(--vw) / 2100);
  background-image: url(../img/bg03.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}
#feature .sec.sec04 .sec__img.sec__img09 {
  margin: 0 auto;
}
#feature .sec.sec04 .sec__img.sec__img10 {
  margin: calc(4 * var(--vw) / 2100) auto 0;
}
#feature .sec.sec04 .sec__img.sec__img11 {
  margin: calc(4 * var(--vw) / 2100) auto 0;
}
#feature .sec.sec04 .sec__img.sec__img12 {
  margin-left: calc(160 * var(--vw) / 2100);
}
#feature .sec.sec04 .sec__img.sec__img13 {
  margin: calc(124 * var(--vw) / 2100) auto 0;
}
#feature .sec.sec04 .sec__img.sec__img14 {
  margin-top: calc(80 * var(--vw) / 2100);
}
#feature .sec.sec04 .sec__img.sec__img14 figure {
  background-color: transparent;
}
#feature .sec.sec04 .sec__img.sec__img15 {
  margin-top: calc(56 * var(--vw) / 2100);
}
#feature .sec.sec04 .sec__img.sec__img15 figure {
  background-color: transparent;
}
#feature .sec.sec04 .sec__img.sec__img16 figure {
  background-color: transparent;
}
#feature .sec.sec04 .sec__img.sec__img17 {
  margin: calc(154 * var(--vw) / 2100) 0 0 calc(170 * var(--vw) / 2100);
}
#feature .sec.sec04 .sec__img.sec__img17 figure {
  background-color: transparent;
}
#feature .sec.sec04 .sec__imgttl.sec__imgttl04 p {
  font-size: calc(22 * var(--vw) / 2100);
}
#feature .sec.sec04 .sec__imgttl.sec__imgttl04 p:nth-child(1) {
  top: calc(18 * var(--vw) / 2100);
  left: calc(24 * var(--vw) / 2100);
  letter-spacing: 0.06em;
}
#feature .sec.sec04 .sec__imgttl.sec__imgttl04 p:nth-child(2) {
  top: calc(22 * var(--vw) / 2100);
  right: calc(22 * var(--vw) / 2100);
  letter-spacing: 0.055em;
}
#feature .sec.sec04 .sec__heart.sec__heart02 {
  position: absolute;
  top: calc(368 * var(--vw) / 2100);
  left: calc(22 * var(--vw) / 2100);
  z-index: 4;
}
#feature .sec.sec04 .sec__imgtxt.sec__imgtxt03 {
  top: calc(756 * var(--vw) / 2100);
  left: calc(24 * var(--vw) / 2100);
  z-index: 4;
}
#feature .sec.sec04 .sec__txt {
  line-height: calc(28 * var(--vw) / 2100);
}
#feature .sec.sec04 .sec__txt.sec__txt03 {
  width: calc(566 * var(--vw) / 2100);
  margin: calc(96 * var(--vw) / 2100) auto 0;
  text-align: justify;
}
#feature .sec.sec04 .sec__txt.sec__txt04 {
  width: calc(566 * var(--vw) / 2100);
  margin: calc(68 * var(--vw) / 2100) auto 0;
  text-align: justify;
}
#feature .sec.sec04 .sec__slider {
  width: 100%;
  margin: calc(166 * var(--vw) / 2100) auto 0;
}/*# sourceMappingURL=style.css.map */