@charset "UTF-8";
/*アニメーション
----------------------------*/
.fadeIn {
  opacity: 0;
  transition: ease-in, opacity 2500ms, -webkit-transform 1000ms;
}

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

.popIn {
  opacity: 0;
}

.popIn.is-active {
  animation-name: fadeUpAnime;
  animation-duration: 0.1s;
  animation-fill-mode: forwards;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
  }
  to {
    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: #323232;
  background-color: #fffad1;
  font-family: "yu-gothic-pr6n", sans-serif;
  font-weight: 400;
  padding-bottom: calc(55 * (100vw / 1400));
  margin: calc(-23 * (100vw / 1400)) auto calc(-90 * (100vw / 1400));
  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;
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
}

.l-container #feature .creditContainer.pink {
  color: #f092b1;
}

.l-container #feature .creditContainer.blue {
  color: #00a0e9;
}

.l-container #feature .creditContainer.red {
  color: #e72d34;
}

.l-container #feature .creditContainer.creditContainer__category .credit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.l-container #feature .creditContainer.creditContainer__category .credit li {
  display: flex;
}

.l-container #feature .creditContainer.creditContainer__category .credit li .price {
  margin-right: calc(14 * (100vw / 1400));
}

.l-container #feature .creditContainer.creditContainer__category .credit li .price:before {
  content: '/';
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(3 * (100vw / 1400));
  margin: auto;
}

.l-container #feature .creditContainer.creditContainer__category .credit li:first-child {
  margin-right: calc(3 * (100vw / 1400));
}

.l-container #feature .creditContainer.creditContainer__category .credit li:last-child .price {
  margin-right: 0;
}

.l-container #feature .creditContainer.creditContainer__category .credit li:last-child .price:before {
  content: none;
}

.l-container #feature .creditContainer.creditContainer__category .credit__category {
  letter-spacing: 0.02em;
}

.l-container #feature .creditContainer.right .credit {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.l-container #feature .creditContainer.right .credit li {
  display: flex;
}

.l-container #feature .creditContainer li {
  position: relative;
  width: fit-content;
  font-size: calc(12 * (100vw / 1400));
  letter-spacing: 0.03em;
  line-height: 1.75;
}

.l-container #feature .creditContainer .price {
  margin-left: calc(3 * (100vw / 1400));
  letter-spacing: 0;
}

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

.l-container #feature .swiper-wrapper {
  transition-timing-function: linear;
}

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

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

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

.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: 0;
  left: inherit;
  right: calc(-7 * (100vw / 1400));
}

.l-container #feature .hero {
  padding-top: calc(106 * (100vw / 1400));
}

.l-container #feature .hero__imgWrap {
  width: calc(1730 * (100vw / 1400)) !important;
}

.l-container #feature .hero__img01 a {
  width: calc(350 * (100vw / 1400)) !important;
}

.l-container #feature .hero__img02 {
  position: relative;
  z-index: 1;
}

.l-container #feature .hero__img02:before {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../img/illust_02.png);
  position: absolute;
  top: calc(60 * (100vw / 1400));
  left: calc(34 * (100vw / 1400));
  width: calc(152 * (100vw / 1400));
  height: calc(155 * (100vw / 1400));
  z-index: 1;
  pointer-events: none;
}

.l-container #feature .hero__img02 a {
  width: calc(280 * (100vw / 1400)) !important;
  margin: calc(199 * (100vw / 1400)) 0 0 calc(44 * (100vw / 1400));
}

.l-container #feature .hero__img03 a {
  width: calc(310 * (100vw / 1400)) !important;
  margin: calc(99 * (100vw / 1400)) 0 0 calc(18 * (100vw / 1400));
}

.l-container #feature .hero__img04 a {
  width: calc(280 * (100vw / 1400)) !important;
  margin: calc(40 * (100vw / 1400)) 0 0 calc(22 * (100vw / 1400));
}

.l-container #feature .hero__img05 {
  position: relative;
  z-index: 1;
}

.l-container #feature .hero__img05:before {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../img/illust_01.png);
  position: absolute;
  top: calc(352 * (100vw / 1400));
  left: calc(220 * (100vw / 1400));
  width: calc(255 * (100vw / 1400));
  height: calc(266 * (100vw / 1400));
  z-index: 1;
  pointer-events: none;
}

.l-container #feature .hero__img05 a {
  width: calc(310 * (100vw / 1400)) !important;
  margin: calc(100 * (100vw / 1400)) 0 0 calc(-3 * (100vw / 1400));
}

.l-container #feature .lead {
  margin-top: calc(102 * (100vw / 1400));
}

.l-container #feature .lead__title {
  margin: 0 auto;
  width: calc(270 * (100vw / 1400));
}

.l-container #feature .lead__logo {
  margin: calc(37 * (100vw / 1400)) auto 0;
  width: calc(255 * (100vw / 1400));
}

.l-container #feature .lead__text {
  font-family: 游ゴシック体, 游ゴシック Medium, Yu Gothic Medium, Yu Gothic, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-weight: bold;
  font-size: calc(16 * (100vw / 1400));
  letter-spacing: 0.02em;
  line-height: 2;
  text-align: center;
  margin-top: calc(52 * (100vw / 1400));
}

.l-container #feature .lead__text p:not(:first-child) {
  margin-top: calc(32 * (100vw / 1400));
}

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

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

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

.l-container #feature .section .modelBox__flex {
  display: flex;
  justify-content: center;
}

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

.l-container #feature .section01 .modelBox01 {
  width: calc(480 * (100vw / 1400));
  margin: calc(115 * (100vw / 1400)) auto 0;
}

.l-container #feature .section01__creditContainer {
  margin: calc(16 * (100vw / 1400)) auto 0;
}

.l-container #feature .section02__title {
  position: absolute;
  width: calc(126 * (100vw / 1400));
  top: calc(-31 * (100vw / 1400));
  left: calc(242 * (100vw / 1400));
  z-index: 2;
  pointer-events: none;
}

.l-container #feature .section02__illust {
  position: absolute;
  width: calc(199 * (100vw / 1400));
  top: calc(496 * (100vw / 1400));
  left: calc(205 * (100vw / 1400));
  z-index: 2;
  pointer-events: none;
}

.l-container #feature .section02__text {
  position: absolute;
  width: calc(829 * (100vw / 1400));
  top: calc(773 * (100vw / 1400));
  left: calc(241 * (100vw / 1400));
}

.l-container #feature .section02 .modelBox01 {
  width: calc(420 * (100vw / 1400));
  margin: calc(116 * (100vw / 1400)) 0 0 calc(290 * (100vw / 1400));
}

.l-container #feature .section02 .modelBox02 {
  width: calc(320 * (100vw / 1400));
  margin: calc(-230 * (100vw / 1400)) 0 0 calc(790 * (100vw / 1400));
}

.l-container #feature .section02 .modelBox03 {
  width: calc(260 * (100vw / 1400));
  margin: calc(-190 * (100vw / 1400)) 0 0 calc(510 * (100vw / 1400));
}

.l-container #feature .section02__creditContainer {
  margin: calc(16 * (100vw / 1400)) auto 0;
}

.l-container #feature .section03__title {
  position: absolute;
  width: calc(164 * (100vw / 1400));
  top: calc(-27 * (100vw / 1400));
  left: calc(455 * (100vw / 1400));
  z-index: 2;
  pointer-events: none;
}

.l-container #feature .section03__illust {
  position: absolute;
  width: calc(248 * (100vw / 1400));
  top: calc(862 * (100vw / 1400));
  left: calc(720 * (100vw / 1400));
  z-index: 1;
  pointer-events: none;
}

.l-container #feature .section03 .modelBox01 {
  width: calc(420 * (100vw / 1400));
  margin: calc(144 * (100vw / 1400)) auto 0;
}

.l-container #feature .section03 .modelBox02 {
  width: calc(350 * (100vw / 1400));
  margin: calc(60 * (100vw / 1400)) 0 0 calc(425 * (100vw / 1400));
}

.l-container #feature .section03__creditContainer {
  margin: calc(15 * (100vw / 1400)) auto 0;
}

.l-container #feature .section04__title {
  position: absolute;
  width: calc(280 * (100vw / 1400));
  top: calc(-219 * (100vw / 1400));
  left: calc(574 * (100vw / 1400));
  z-index: 2;
}

.l-container #feature .section04__illust {
  position: absolute;
  width: calc(197 * (100vw / 1400));
  top: calc(-158 * (100vw / 1400));
  left: calc(613 * (100vw / 1400));
  z-index: 2;
  pointer-events: none;
}

.l-container #feature .section04 .modelBox01 {
  width: calc(430 * (100vw / 1400));
  margin: calc(334 * (100vw / 1400)) auto 0;
}

.l-container #feature .section04 .modelBox02 {
  width: calc(740 * (100vw / 1400));
  margin: calc(41 * (100vw / 1400)) auto 0;
}

.l-container #feature .section04 .modelBox02 .modelBox__figure {
  background-color: inherit;
}

.l-container #feature .section04 .modelBox02 .swiper-container {
  height: calc(468 * (100vw / 1400));
}

.l-container #feature .section04 .modelBox02 .swiper-slide {
  background-color: inherit;
  display: flex;
  justify-content: center;
}

.l-container #feature .section04 .modelBox02 a {
  width: calc(300 * (100vw / 1400));
}

.l-container #feature .section04__creditContainer {
  margin: calc(-3 * (100vw / 1400)) auto 0;
}

.l-container #feature .section05__text {
  position: absolute;
  width: calc(296.5 * (100vw / 1400));
  top: calc(41 * (100vw / 1400));
  left: calc(656 * (100vw / 1400));
}

.l-container #feature .section05__title {
  position: absolute;
  width: calc(170 * (100vw / 1400));
  top: calc(664 * (100vw / 1400));
  left: calc(615 * (100vw / 1400));
  z-index: 2;
  pointer-events: none;
}

.l-container #feature .section05 .modelBox01 {
  margin: calc(119 * (100vw / 1400)) 0 0 calc(372 * (100vw / 1400));
  width: calc(540 * (100vw / 1400));
  height: calc(624 * (100vw / 1400));
}

.l-container #feature .section05 .modelBox01 .modelBox__figure {
  background-color: inherit;
}

.l-container #feature .section05 .modelBox01 .modelBox__figure:nth-child(1) {
  position: relative;
  width: calc(390 * (100vw / 1400));
  z-index: 1;
  animation-delay: 0.4s;
}

.l-container #feature .section05 .modelBox01 .modelBox__figure:nth-child(2) {
  position: absolute;
  top: calc(142 * (100vw / 1400));
  left: calc(156 * (100vw / 1400));
  width: calc(309 * (100vw / 1400));
  z-index: 2;
  animation-delay: 0.8s;
}

.l-container #feature .section05 .modelBox01 .modelBox__figure:nth-child(3) {
  position: absolute;
  top: calc(226 * (100vw / 1400));
  left: calc(274 * (100vw / 1400));
  width: calc(266 * (100vw / 1400));
  z-index: 3;
  animation-delay: 1.2s;
}

.l-container #feature .section05 .modelBox02 {
  width: calc(450 * (100vw / 1400));
  margin: calc(60 * (100vw / 1400)) auto 0;
}

.l-container #feature .section05 .modelBox03 {
  width: calc(280 * (100vw / 1400));
  margin: calc(147 * (100vw / 1400)) auto 0;
}

.l-container #feature .section05__creditContainer01 {
  margin: calc(16 * (100vw / 1400)) auto 0;
  width: calc(390 * (100vw / 1400));
}

.l-container #feature .section05__creditContainer02 {
  display: flex;
  justify-content: center;
  margin: calc(15 * (100vw / 1400)) auto 0;
}

.l-container #feature .section06__text {
  position: absolute;
  width: calc(398 * (100vw / 1400));
  top: calc(229 * (100vw / 1400));
  left: calc(496 * (100vw / 1400));
  z-index: 2;
  pointer-events: none;
}

.l-container #feature .section06__illust {
  position: absolute;
  width: calc(239 * (100vw / 1400));
  top: calc(155 * (100vw / 1400));
  left: calc(934 * (100vw / 1400));
  z-index: 2;
  pointer-events: none;
}

.l-container #feature .section06 .modelBox01 {
  width: calc(400 * (100vw / 1400));
  margin: calc(146 * (100vw / 1400)) 0 0 calc(310 * (100vw / 1400));
}

.l-container #feature .section06 .modelBox02 {
  width: calc(340 * (100vw / 1400));
  margin: calc(-320 * (100vw / 1400)) 0 0 calc(750 * (100vw / 1400));
}

.l-container #feature .section06 .modelBox03 {
  width: calc(260 * (100vw / 1400));
  margin: calc(-190 * (100vw / 1400)) 0 0 calc(510 * (100vw / 1400));
}

.l-container #feature .section06__creditContainer {
  margin: calc(16 * (100vw / 1400)) auto 0;
}

.l-container #feature .section07__illust01 {
  margin: calc(80 * (100vw / 1400)) auto 0;
  width: calc(179 * (100vw / 1400));
}

.l-container #feature .section07__illust02 {
  position: absolute;
  top: calc(-105 * (100vw / 1400));
  left: calc(160 * (100vw / 1400));
  width: calc(251 * (100vw / 1400));
  z-index: 2;
  pointer-events: none;
}

.l-container #feature .section07__illust03 {
  position: absolute;
  top: calc(-281 * (100vw / 1400));
  left: calc(-29 * (100vw / 1400));
  width: calc(272 * (100vw / 1400));
  z-index: 2;
  pointer-events: none;
}

.l-container #feature .section07__title {
  width: calc(276 * (100vw / 1400));
  margin: calc(-37 * (100vw / 1400)) auto 0;
}

.l-container #feature .section07__logo {
  width: calc(167.5 * (100vw / 1400));
  margin: calc(19 * (100vw / 1400)) auto 0;
}

.l-container #feature .section07 .modelBox01 {
  margin-top: calc(120 * (100vw / 1400));
  width: calc(240 * (100vw / 1400));
}

.l-container #feature .section07 .modelBox02 {
  margin-top: calc(120 * (100vw / 1400));
  width: calc(240 * (100vw / 1400));
}

.l-container #feature .section07 .modelBox03 {
  width: calc(240 * (100vw / 1400));
}

.l-container #feature .section07 .modelBox04 {
  width: calc(240 * (100vw / 1400));
}

.l-container #feature .section07 .modelBox05 {
  margin: calc(167 * (100vw / 1400)) 0 0 calc(695 * (100vw / 1400));
  width: calc(370 * (100vw / 1400));
}

.l-container #feature .section07 .modelBox06 {
  margin: calc(-305 * (100vw / 1400)) 0 0 calc(335 * (100vw / 1400));
  width: calc(300 * (100vw / 1400));
}

.l-container #feature .section07__creditContainer01 {
  position: absolute;
  top: calc(577 * (100vw / 1400));
  right: 0;
}

.l-container #feature .section07__creditContainer02 {
  margin: calc(16 * (100vw / 1400)) auto 0;
}

.l-container #feature .section08__text {
  position: absolute;
  width: calc(284 * (100vw / 1400));
  top: calc(-21 * (100vw / 1400));
  left: calc(795 * (100vw / 1400));
}

.l-container #feature .section08 .modelBox01 {
  margin: calc(19 * (100vw / 1400)) 0 0 calc(528 * (100vw / 1400));
  width: calc(344 * (100vw / 1400));
  height: calc(467 * (100vw / 1400));
}

.l-container #feature .section08 .modelBox01 .modelBox__figure {
  background-color: inherit;
}

.l-container #feature .section08 .modelBox01 .modelBox__figure:nth-child(1) {
  position: relative;
  width: calc(264 * (100vw / 1400));
  z-index: 1;
  animation-delay: 0.4s;
}

.l-container #feature .section08 .modelBox01 .modelBox__figure:nth-child(2) {
  position: absolute;
  top: calc(58 * (100vw / 1400));
  left: calc(37 * (100vw / 1400));
  width: calc(307 * (100vw / 1400));
  z-index: 2;
  animation-delay: 0.8s;
}

.l-container #feature .section08__creditContainer {
  margin: calc(17 * (100vw / 1400)) auto 0;
}

.l-container #feature .section08__creditContainer .credit {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.l-container #feature .checkBtn {
  margin: calc(76 * (100vw / 1400)) auto 0;
}

.l-container #feature .checkBtn a {
  margin: 0 auto;
  padding-bottom: calc(19 * (100vw / 1400));
  width: calc(360 * (100vw / 1400));
  border-bottom: 1px solid #009e41;
}

.l-container #feature .copy {
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-size: calc(12 * (100vw / 1400));
  letter-spacing: 0.025em;
  line-height: 1.75;
  text-align: center;
  margin-top: calc(97 * (100vw / 1400));
}