@charset "UTF-8";
.l-container {
  margin: calc(-9 * (100vw / var(--base-value))) auto 0;
  width: 100%;
}

:root {
  --base-value: 1400;
}

html {
  font-size: calc(1 * (100vw / var(--base-value)));
}

@-moz-document url-prefix() {}.l-container {
  width: 100%;
}

.l-header,
.l-footer {
  overflow: hidden;
}

.l-footer {
  padding-top: 0;
  position: relative;
  z-index: 2;
}

.pc-footer {
  margin-top: 0;
}

.feature {
  padding-top: calc(20 * (100vw / var(--base-value)));
  padding-bottom: calc(140 * (100vw / var(--base-value)));
  margin: 0 auto;
  font-feature-settings: "palt";
  width: 100% !important;
  display: block;
  overflow: visible;
  color: #000;
}

.feature a.is-disabled {
  pointer-events: none !important;
}

.feature > .inner {
  margin: auto;
}

.feature .ranking-list {
  padding: calc(23 * (100vw / var(--base-value))) 0 calc(100 * (100vw / var(--base-value)));
  margin: 0 auto 0;
  position: relative;
  left: calc(8 * (100vw / var(--base-value)));
  z-index: 2;
}

.feature .ranking-list > ul {
  width: calc(770 * (100vw / var(--base-value)));
  margin: 0 auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * (100vw / var(--base-value))) calc(10 * (100vw / var(--base-value)));
}

.feature .ranking-list > ul > li {
  width: calc(146 * (100vw / var(--base-value)));
  margin: 0;
}

.feature .ranking-list .m-item-image {
  margin: 0 0 calc(9 * (100vw / var(--base-value)));
}

.feature .ranking-list .m-item-image img {
  width: 100%;
}

.feature .ranking-list .m-item-icon {
  display: none !important;
}

.feature .ranking-list .m-item-brand {
  font-size: calc(17 * (100vw / var(--base-value)));
}

.feature .ranking-list .m-item-category {
  display: none;
}

.feature .ranking-list .m-item-name {
  display: none;
}

.feature .ranking-list .m-item-price {
  font-size: calc(17 * (100vw / var(--base-value)));
}

.feature .default-img {
  width: 100%;
  height: auto;
  display: block;
}

.feature .default-video {
  width: 101%;
  height: 101%;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.feature * {
  box-sizing: border-box;
}

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

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

.feature a {
  display: block;
  text-decoration: none;
  position: relative;
}

.feature ._forSP,
.feature .forSP {
  display: none !important;
}

.feature .flex-row-reverse {
  flex-direction: row-reverse;
}

.feature .headding-txt01 {
  width: calc(595 * (100vw / var(--base-value)));
  margin: calc(14 * (100vw / var(--base-value))) auto 0;
}

.feature .headding-txt02 {
  width: calc(330 * (100vw / var(--base-value)));
  margin: calc(60 * (100vw / var(--base-value))) auto 0;
}

.feature .staff-txt {
  width: calc(495 * (100vw / var(--base-value)));
  margin: calc(28 * (100vw / var(--base-value))) auto 0;
}

.feature .default-fig > .figBody .default-img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

.feature .default-fig > .figBody > .nolink,
.feature .default-fig > .figBody > .link {
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
}

.feature .default-fig > .figBody > .link:hover {
  opacity: .7;
}

.feature .default-fig > .figBody > .nolink::before, .feature .default-fig > .figBody > .nolink::after {
  content: '';
  display: block;
  width: 20px;
  height: 1px;
  position: absolute;
  background: #000;
  top: 20px;
  right: 10px;
  z-index: 2;
}

.feature .default-fig > .figBody > .nolink::after {
  transform: rotate(-90deg);
}

.feature .default-fig > .figBody {
  width: 100%;
  height: auto;
  /*  height: 100%; */
  display: block;
  overflow: hidden;
  position: relative;
}

.feature .default-fig > .figBody > .tabIcon {
  padding-bottom: calc(5 * (100vw / var(--base-value)));
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(181 * (100vw / var(--base-value)));
  height: calc(181 * (100vw / var(--base-value)));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  white-space: nowrap;
  font-family: "acumin-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff546;
  font-size: calc(58 * (100vw / var(--base-value)));
  border: 1px solid #fff546;
  border-radius: 50% 0 50% 50%;
  pointer-events: none;
}

.feature .default-fig > .figBody > .figTxt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
  white-space: nowrap;
  font-family: "acumin-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #fff546;
  font-size: calc(30 * (100vw / var(--base-value)));
  letter-spacing: 0.055em;
}

.feature .default-fig > .figBody > .figTxt.-bold {
  top: calc(34 * (100vw / var(--base-value)));
  line-height: 1.18;
  font-size: calc(55 * (100vw / var(--base-value)));
  font-family: "new-atten", sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #fff546;
  letter-spacing: 0.01em;
  overflow: hidden;
}

.feature .default-fig > .figBody > .figTxt.-bold > span {
  display: block;
}

.feature .default-fig > .figBody::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.feature .default-fig {
  display: block;
  margin: 0;
  position: relative;
}

.feature .default-img {
  display: block;
  max-width: none;
  height: auto;
}

.feature .feature-check-btn > a {
  width: 300px;
  margin: 115px auto 0;
  height: 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #000;
  font-size: 22px;
  position: relative;
  letter-spacing: 0.02em;
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
}

.feature .feature-brand-box > .innerWrap {
  text-align: center;
}

.feature .feature-brand-box > .innerWrap > .headingTxt {
  font-size: calc(16 * (100vw / var(--base-value)));
  font-weight: bold;
  text-align: center;
  color: #757575;
}

.feature .feature-brand-box > .innerWrap > .logoFig {
  margin-top: calc(15 * (100vw / var(--base-value)));
  max-height: calc(90 * (100vw / var(--base-value)));
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

.feature .feature-brand-box > .innerWrap > .logoFig.is-open {
  height: auto;
  max-height: calc(197 * (100vw / var(--base-value)));
}

.feature .feature-brand-box > .innerWrap > .logoFig img {
  width: calc(460 * (100vw / var(--base-value)));
  height: calc(197 * (100vw / var(--base-value)));
}

.feature .feature-brand-box > .innerWrap > button {
  display: inline-flex;
  padding: 0 calc(13 * (100vw / var(--base-value))) 0 0;
  margin: calc(36 * (100vw / var(--base-value))) auto 0;
  background: none;
  border: 0;
  color: #757575;
  font-weight: bold;
  font-size: calc(13 * (100vw / var(--base-value)));
  position: relative;
}

.feature .feature-brand-box > .innerWrap > button::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #757575;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(-1 * (100vw / var(--base-value)));
}

.feature .feature-brand-box > .innerWrap > button::after {
  content: '';
  display: block;
  border-top: 8px solid #757575;
  border-right: 4.5px solid transparent;
  border-left: 4.5px solid transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.feature .feature-brand-box > .innerWrap .logoFig ~ button.openBtn {
  display: inline-flex;
}

.feature .feature-brand-box > .innerWrap .logoFig ~ button.closeBtn {
  display: none;
}

.feature .feature-brand-box > .innerWrap .logoFig.is-open ~ button.openBtn {
  display: none;
}

.feature .feature-brand-box > .innerWrap .logoFig.is-open ~ button.closeBtn {
  display: inline-flex;
}

.feature .swiper {
  position: relative;
}

.feature .swiper-slide-active {
  z-index: 2;
}

.feature .swiper-pagination {
  display: flex;
  gap: calc(8 * (100vw / var(--base-value))) calc(12 * (100vw / var(--base-value)));
  position: absolute;
  bottom: calc(14 * (100vw / var(--base-value)));
  left: calc(18 * (100vw / var(--base-value)));
}

.feature .swiper-pagination-bullet {
  width: calc(8 * (100vw / var(--base-value)));
  height: calc(8 * (100vw / var(--base-value)));
  border: calc(1 * (100vw / var(--base-value))) solid #222;
  background: none;
  opacity: 1;
  margin: 0;
}

.feature .swiper-pagination-bullet-active {
  background: #222;
}

.toggleBtn {
  background: #000;
  width: 100px;
  height: 100px;
}

.toggleBtn.is-active {
  background: red;
}

.feature .credit-list {
  width: 100%;
  padding: 0;
  margin: calc(24 * (100vw / var(--base-value))) auto 0;
  display: block;
  position: relative;
  z-index: 2;
}

.feature .credit-list .credit > .item > .link > .txt > .price {
  margin: 0 0 0 3px;
  letter-spacing: 0.01em;
}

.feature .credit-list .credit > .item > .tax,
.feature .credit-list .credit > .item > .link {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.05em;
  white-space: nowrap;
  color: #000;
  position: relative;
  font-family: "pragmatica", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(14 * (100vw / var(--base-value)));
  cursor: pointer;
}

.feature .credit-list .credit > .item > .tax > .txt,
.feature .credit-list .credit > .item > .link > .txt {
  margin-right: 2px;
}

.feature .credit-list .credit > .item > .tax .subTxt01,
.feature .credit-list .credit > .item > .link .subTxt01 {
  font-size: 10px;
}

.feature .credit-list .credit > .item > .tax .subTxt02,
.feature .credit-list .credit > .item > .link .subTxt02 {
  font-size: 10px;
}

.feature .credit-list .credit > .item > .tax:hover,
.feature .credit-list .credit > .item > .link:hover {
  opacity: .6;
}

.feature .credit-list .credit > .item > .tax .brand,
.feature .credit-list .credit > .item > .link .brand {
  margin-left: 4px;
}

.feature .credit-list .credit > .item {
  margin: 0;
  line-height: 1.3;
  text-align: left;
  position: relative;
}

.feature .credit-list .credit {
  width: 100%;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: calc(8 * (100vw / var(--base-value))) calc(12 * (100vw / var(--base-value)));
}

.feature .default-fig {
  width: 100%;
  margin: 0 auto 0;
  position: relative;
}

.feature .default-fig > .figBody {
  z-index: 2;
}

.feature .default-fig > .figLogo {
  position: absolute;
  z-index: 3;
  pointer-events: none;
}

.feature .default-fig > .figTxt {
  position: absolute;
  z-index: 3;
  pointer-events: none;
}

.feature-type-box__inner {
  width: calc(655 * (100vw / var(--base-value)));
  max-width: 655px;
  margin: 79px auto 0;
}

.feature-type-box__heading {
  text-align: center;
}

.feature-type-box__heading > span {
  position: relative;
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 26px;
  letter-spacing: 0.045em;
  position: relative;
}

.feature-type-box__heading > span::before, .feature-type-box__heading > span::after {
  content: '';
  width: 18px;
  height: 1px;
  position: absolute;
  background: #000;
  top: 50%;
  left: -5px;
  transform: translate(-100%, -50%) translateY(2px);
}

.feature-type-box__heading > span::after {
  left: auto;
  right: -1px;
  transform: translate(100%, -50%) translateY(2px);
}

.feature-type-box__heading > span > span {
  font-size: 27px;
}

.feature-type-box__list {
  margin: 32px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: calc(73 * (100vw / var(--base-value))) calc(80 * (100vw / var(--base-value)));
}

.feature-type-box__item {
  width: calc(280 * (100vw / var(--base-value)));
  max-width: 280px;
}

.feature-type-box__item figure {
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
}

.feature-type-box__item figure .genreIcon {
  width: calc(136 * (100vw / var(--base-value)));
  max-width: 136px;
  position: absolute;
}

.feature-type-box__item figure .genreIcon.-icon01 {
  width: calc(138 * (100vw / var(--base-value)));
  max-width: 138px;
  top: calc(6 * (100vw / var(--base-value)));
  left: calc(-37 * (100vw / var(--base-value)));
}

.feature-type-box__item figure .genreIcon.-icon02 {
  bottom: calc(48 * (100vw / var(--base-value)));
  right: calc(-54 * (100vw / var(--base-value)));
}

.feature-type-box__item figure .genreIcon.-icon03 {
  bottom: calc(49 * (100vw / var(--base-value)));
  right: calc(-40 * (100vw / var(--base-value)));
}

.feature-type-box__item figure .genreIcon.-icon04 {
  top: calc(37 * (100vw / var(--base-value)));
  right: calc(-26 * (100vw / var(--base-value)));
}

.feature-type-box__item figure img {
  width: 100%;
  height: auto;
}

.feature-type-box__item dl {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 13px;
  text-align: right;
  font-family: "yu-gothic-pr6n", "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.feature-type-box__item dl dt {
  font-weight: bold;
  font-size: 27px;
  margin: 0 0 0 auto;
}

.feature-type-box__item dl .staffInfo {
  margin: 10px 0 0 auto;
  letter-spacing: 0.05em;
}

.feature-type-box__item dl .instaID {
  padding-left: 18px;
  margin: 8px 0 0 auto;
  letter-spacing: 0.01em;
  position: relative;
  color: #000;
  transition: 0.3s ease-in-out;
}

.feature-type-box__item dl .instaID a {
  color: #000;
}

.feature-type-box__item dl .instaID:hover {
  opacity: .6;
}

.feature-type-box__item dl .instaID::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: url(../img/icon_insta.png) center center/contain no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateY(2px);
  left: 0;
}

.feature-type-box__item dl .staffTxt {
  margin-top: 32px;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 2;
  text-align: left;
  text-align: justify;
}

.feature-type-box__item:nth-of-type(1) dl .staffTxt {
  letter-spacing: 0.05em;
}

.feature-type-box__item:nth-of-type(3) dl .staffTxt {
  margin-top: 28px;
}

.feature-item-box {
  width: 100%;
  overflow: hidden;
}

.feature-item-box__inner {
  margin: 125px auto 0;
}

.feature-item-box__heading {
  text-align: center;
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
}

.feature-item-box__heading > span {
  display: inline-block;
  letter-spacing: 0.029em;
  position: relative;
  line-height: 1;
}

.feature-item-box__heading > span .mainTxt {
  padding: 0 13px 0 0;
  display: inline-block;
}

.feature-item-box__heading > span .mainTxt > span {
  margin-bottom: 11px;
  display: inline-block;
  font-size: 28px;
  letter-spacing: 0.1em;
}

.feature-item-box__heading > span .subTxt {
  display: block;
  line-height: 1;
  text-align: center;
  font-size: 13px;
  font-family: "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  font-weight: bold;
  letter-spacing: 0.18em;
  padding: 0 12px 0 0;
  margin: 13px 0 0;
}

.feature-item-box__heading .iconNum {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -26px;
  left: -48px;
  font-size: 24px;
}

.feature-item-box__heading .iconNum img {
  width: 100%;
  height: auto;
}

.feature-item-box__txt {
  margin: 15px auto 0;
  text-align: center;
  font-family: "yu-gothic-pr6n", "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 2;
}

.feature-item-box__slider {
  width: 100%;
  margin: 37px auto 0;
  overflow: visible;
  max-width: 1200px;
}

.feature-item-box__slider .slick-slide {
  margin: 0 5px;
}

.feature-item-box__slider .slick-list {
  overflow: visible;
}

.feature-item-box__slider .swiper {
  width: 100%;
  margin: 0 auto 0;
  overflow: visible;
}

.feature-item-box__slider .swiper-wrapper {
  transition-timing-function: linear;
}

.feature-item-box__slider .swiper-slide {
  width: calc(390 * (100vw / var(--base-value))) !important;
  height: calc(546 * (100vw / var(--base-value))) !important;
}

.feature-item-box__slider .swiper-slide img {
  width: auto;
  height: 100%;
  object-fit: cover;
}

.feature__leadTxt {
  margin: 110px auto 0;
  font-family: "yu-gothic-pr6n", "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.045em;
}

.feature .credit-list {
  width: calc(370 * (100vw / var(--base-value)));
  max-width: 370px;
}

.feature .credit-list.-credit01 {
  max-width: 100%;
}

.feature .credit-list.-credit01 .credit > .item:nth-of-type(1), .feature .credit-list.-credit01 .credit > .item:nth-of-type(3) {
  margin-left: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit01 .credit > .item:nth-of-type(2), .feature .credit-list.-credit01 .credit > .item:nth-of-type(4) {
  margin-right: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit06 {
  width: calc(280 * (100vw / var(--base-value)));
  max-width: 280px;
}

.feature .credit-list.-credit06 .credit {
  padding: 0;
}

.feature .credit-list.-credit07 {
  max-width: 100%;
}

.feature .credit-list.-credit07 .credit > .item:nth-of-type(1) {
  margin-left: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit07 .credit > .item:nth-of-type(2) {
  margin-right: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit10 {
  max-width: 100%;
}

.feature .credit-list.-credit10 .credit > .item:nth-of-type(1) {
  margin-left: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit10 .credit > .item:nth-of-type(2) {
  margin-right: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit11 {
  max-width: 100%;
}

.feature .credit-list.-credit11 .credit > .item:nth-of-type(1) {
  margin-left: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit11 .credit > .item:nth-of-type(2) {
  margin-right: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit14 {
  width: calc(395 * (100vw / var(--base-value)));
  max-width: 395px;
}

.feature .credit-list.-credit14 .credit {
  padding: 0;
}

.feature .credit-list.-credit14 .credit > .item:nth-of-type(1) {
  margin-left: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit14 .credit > .item:nth-of-type(2) {
  margin-right: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit16 {
  max-width: 100%;
}

.feature .credit-list.-credit16 .credit > .item:nth-of-type(1) {
  margin-left: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit16 .credit > .item:nth-of-type(2) {
  margin-right: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit18 {
  width: calc(285 * (100vw / var(--base-value)));
  max-width: 285px;
}

.feature .credit-list.-credit19 {
  max-width: 100%;
}

.feature .credit-list.-credit19 .credit > .item:nth-of-type(1) {
  margin: 0 calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit20 .credit > .item:nth-of-type(1) {
  margin: 0 calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit21 {
  width: calc(350 * (100vw / var(--base-value)));
  max-width: 350px;
}

.feature .credit-list.-credit22 {
  width: 100%;
  max-width: 100%;
}

.feature .credit-list.-credit22 .credit {
  padding: 0;
}

.feature .credit-list.-credit22 .credit > .item:nth-of-type(1) {
  margin-left: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit22 .credit > .item:nth-of-type(2) {
  margin-right: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit23 {
  width: calc(355 * (100vw / var(--base-value)));
  max-width: 355px;
}

.feature .credit-list.-credit24 {
  max-width: 100%;
}

.feature .credit-list.-credit24 .credit {
  padding: 0;
}

.feature .credit-list.-credit24 .credit > .item:nth-of-type(1) {
  margin-left: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit24 .credit > .item:nth-of-type(2) {
  margin-right: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit24 .credit > .item:nth-of-type(3) {
  margin-left: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit24 .credit > .item:nth-of-type(4) {
  margin-right: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit25 {
  width: calc(285 * (100vw / var(--base-value)));
  max-width: 285px;
}

.feature .credit-list.-credit26 {
  width: calc(355 * (100vw / var(--base-value)));
  max-width: 355px;
}

.feature .credit-list.-credit27 {
  width: calc(355 * (100vw / var(--base-value)));
  max-width: 355px;
}

.feature .credit-list.-credit28 {
  width: calc(300 * (100vw / var(--base-value)));
  max-width: 300px;
}

.feature .credit-list.-credit29 {
  max-width: 100%;
}

.feature .credit-list.-credit29 .credit {
  padding: 0;
}

.feature .credit-list.-credit30 {
  max-width: 100%;
}

.feature .credit-list.-credit30 .credit {
  padding: 0;
}

.feature .credit-list.-credit30 .credit > .item:nth-of-type(1) {
  margin-left: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit30 .credit > .item:nth-of-type(2) {
  margin-right: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit31 {
  max-width: 100%;
}

.feature .credit-list.-credit31 .credit {
  padding: 0;
}

.feature .credit-list.-credit31 .credit > .item:nth-of-type(3) {
  margin-left: calc(75 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit31 .credit > .item:nth-of-type(4) {
  margin-right: calc(75 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit32 {
  max-width: 100%;
}

.feature .credit-list.-credit32 .credit {
  padding: 0;
}

.feature .credit-list.-credit32 .credit > .item:nth-of-type(1) {
  margin-left: calc(50 * (100vw / var(--base-value)));
}

.feature .credit-list.-credit32 .credit > .item:nth-of-type(2) {
  margin-right: calc(50 * (100vw / var(--base-value)));
}

.feature-img-wrap-txt {
  margin-top: calc(63 * (100vw / var(--base-value)));
  font-family: "acumin-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #fff546;
  font-size: calc(34 * (100vw / var(--base-value)));
  position: relative;
  z-index: 2;
  text-align: center;
}

.feature-img-wrap {
  width: calc(860 * (100vw / var(--base-value)));
  margin: 0 auto 0;
  position: relative;
}

.feature-img-wrap.-w100 {
  width: 100%;
}

.feature-img-wrap.-w100::before {
  content: '';
  display: block;
  width: 100%;
  min-width: 1400px;
  height: calc(100% - 320px);
  position: absolute;
  background: red;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.feature-img-wrap.-w100.-bg01::before {
  background: url(../img/bg01.jpg) center center/cover no-repeat;
}

.feature-img-wrap.-w100.-bg02::before {
  background: url(../img/bg02.jpg) center center/cover no-repeat;
}

.feature .hero-box {
  width: 100%;
}

.feature .hero-box__heading {
  width: calc(459 * (100vw / var(--base-value)));
  max-width: 459px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateY(calc(-9 * (100vw / var(--base-value))));
  z-index: 10;
  height: calc(103 * (100vw / var(--base-value)));
  display: flex;
  flex-direction: column;
}

.feature .hero-box__heading > .mainTxt {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(48 * (100vw / var(--base-value)));
  color: #000;
  position: absolute;
  top: 0;
  left: -26px;
  width: calc(416 * (100vw / var(--base-value)));
  max-width: 416px;
  height: calc(66 * (100vw / var(--base-value)));
  max-height: 66px;
  transform: rotate(-3deg);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  letter-spacing: 0.06em;
  z-index: 1;
}

.feature .hero-box__heading > .subTxt {
  margin: auto 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(22 * (100vw / var(--base-value)));
  width: calc(355 * (100vw / var(--base-value)));
  max-width: 355px;
  height: calc(40 * (100vw / var(--base-value)));
  max-height: 40px;
  transform: rotate(1deg);
  color: #000;
  letter-spacing: 0.055em;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
  line-height: 1;
  z-index: 2;
}

.feature .hero-box__inner {
  width: calc(1167 * (100vw / var(--base-value)));
  max-width: 1167px;
  height: calc(645 * (100vw / var(--base-value)));
  max-height: 645px;
  margin: 0 auto 0;
  justify-content: center;
  position: relative;
}

.hero-box__img {
  position: absolute;
}

.hero-box__img img {
  width: 100%;
  height: auto;
}

.hero-box__img.-img01 {
  width: calc(220 * (100vw / var(--base-value)));
  max-width: 220px;
  top: calc(17 * (100vw / var(--base-value)));
  left: calc(161 * (100vw / var(--base-value)));
  z-index: 3;
}

.hero-box__img.-img02 {
  width: calc(250 * (100vw / var(--base-value)));
  max-width: 250px;
  top: 0;
  left: calc(350 * (100vw / var(--base-value)));
  z-index: 8;
}

.hero-box__img.-img03 {
  width: calc(220 * (100vw / var(--base-value)));
  max-width: 220px;
  top: calc(37 * (100vw / var(--base-value)));
  left: calc(571 * (100vw / var(--base-value)));
  z-index: 1;
}

.hero-box__img.-img04 {
  width: calc(250 * (100vw / var(--base-value)));
  max-width: 250px;
  top: calc(11 * (100vw / var(--base-value)));
  right: calc(141 * (100vw / var(--base-value)));
  z-index: 7;
}

.hero-box__img.-img05 {
  width: calc(250 * (100vw / var(--base-value)));
  max-width: 250px;
  bottom: 0;
  left: calc(126 * (100vw / var(--base-value)));
  z-index: 2;
}

.hero-box__img.-img06 {
  width: calc(230 * (100vw / var(--base-value)));
  max-width: 230px;
  left: calc(346 * (100vw / var(--base-value)));
  bottom: calc(-20 * (100vw / var(--base-value)));
  z-index: 1;
}

.hero-box__img.-img07 {
  width: calc(250 * (100vw / var(--base-value)));
  max-width: 250px;
  left: calc(551 * (100vw / var(--base-value)));
  bottom: calc(-35 * (100vw / var(--base-value)));
  z-index: 6;
}

.hero-box__img.-img08 {
  width: calc(220 * (100vw / var(--base-value)));
  max-width: 220px;
  bottom: calc(5 * (100vw / var(--base-value)));
  right: calc(161 * (100vw / var(--base-value)));
  z-index: 8;
}

.feature__btn {
  width: calc(354 * (100vw / var(--base-value)));
  margin: calc(140 * (100vw / var(--base-value))) auto 0;
}

.feature__btnLink {
  width: 100%;
  height: calc(56 * (100vw / var(--base-value)));
  display: flex !important;
  justify-content: center;
  align-items: center;
  border: 1rem solid #000;
  font-size: calc(24 * (100vw / var(--base-value)));
  transition: 0.3;
  letter-spacing: 0.05em;
  color: #000;
}

.feature__staff {
  margin: calc(78 * (100vw / var(--base-value))) auto 0;
  text-align: center;
  font-size: calc(22 * (100vw / var(--base-value)));
  line-height: 2.19;
  letter-spacing: 0.1em;
}

.feature__staff dd {
  margin: 0;
}

.feature-staff-area {
  margin: calc(138 * (100vw / var(--base-value))) auto 0;
  font-family: "ivypresto-headline", serif;
  font-weight: 100;
  font-style: normal;
  color: #000;
  text-align: center;
}

.feature-staff-area > p {
  margin: 0 auto 0;
  font-size: calc(11 * (100vw / var(--base-value)));
  letter-spacing: 0.06em;
  line-height: 3.14;
}

.feature-section > .innerWrap {
  width: calc(920 * (100vw / var(--base-value)));
  margin: calc(91 * (100vw / var(--base-value))) auto 0;
}

.feature-section + .feature-section {
  border-top: 1px solid #333;
  margin: calc(96 * (100vw / var(--base-value))) auto 0;
}

.feature-section + .feature-section > .innerWrap {
  margin-top: calc(98 * (100vw / var(--base-value)));
}

.feature-section--header {
  font-family: "thonglor-soi-4-nr", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
}

.feature-section--header > .mainTxt {
  margin-top: calc(5 * (100vw / var(--base-value)));
  display: block;
  font-size: calc(36 * (100vw / var(--base-value)));
  letter-spacing: 0.05em;
}

.feature-section--header > .subTxt {
  display: block;
  font-size: calc(16 * (100vw / var(--base-value)));
  letter-spacing: 0.05em;
}

.feature-section--header .priceTxt {
  display: block;
  margin-top: calc(5 * (100vw / var(--base-value)));
  text-align: center;
}

.feature-section--header .priceTxt a {
  display: inline-block;
  font-family: "thonglor-soi-4-nr", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  font-size: calc(20 * (100vw / var(--base-value)));
  letter-spacing: 0.05em;
  color: #000;
}

.feature-section--header .priceTxt a > span {
  display: inline-block;
  font-size: calc(12 * (100vw / var(--base-value)));
  margin-left: calc(0 * (100vw / var(--base-value)));
}

.feature-section--imgWrap {
  width: 720px;
  display: flex;
  margin: calc(56 * (100vw / var(--base-value))) auto 0;
}

.feature-section--imgWrap02 {
  width: 720px;
  display: flex;
  justify-content: center;
  gap: 0 calc(30 * (100vw / var(--base-value)));
  margin: calc(60 * (100vw / var(--base-value))) auto 0;
}

.feature-section--imgWrap02 > .default-fig {
  width: calc(180 * (100vw / var(--base-value)));
  margin: 0;
}

.default-fig-txt {
  margin: calc(20 * (100vw / var(--base-value))) auto 0;
  font-size: calc(16 * (100vw / var(--base-value)));
  text-align: center;
  font-family: "thonglor-soi-4-nr", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.05em;
}

.main-container {
  position: relative;
  z-index: 2;
  background: #F9ECE5;
}

.main-container > .innerWrap {
  width: calc(1400 * (100vw / var(--base-value)));
  margin: calc(82 * (100vw / var(--base-value))) auto 0;
}

.main-container > .innerWrap > .d-txt {
  margin: calc(90 * (100vw / var(--base-value))) auto 0;
  text-align: center;
  font-size: calc(14 * (100vw / var(--base-value)));
  letter-spacing: 0.15em;
  line-height: 2.35;
}

.feature-section--link-btn-box-notes {
  margin-top: calc(17 * (100vw / var(--base-value)));
  font-size: calc(11 * (100vw / var(--base-value)));
  letter-spacing: 0.05em;
  font-family: "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  font-weight: 500;
  text-align: center;
}

.feature-section--link-btn-box {
  display: flex;
  width: calc(290 * (100vw / var(--base-value)));
  height: calc(290 * (100vw / var(--base-value)));
  margin: calc(141 * (100vw / var(--base-value))) auto 0;
  border-radius: 50%;
  border: calc(1 * (100vw / var(--base-value))) solid #EAC4C1;
  position: relative;
}

.feature-section--link-btn-box::before {
  content: '';
  display: block;
  width: calc(90 * (100vw / var(--base-value)));
  height: calc(100 * (100vw / var(--base-value)));
  background: url(../img/img_try01.png) center center/contain no-repeat;
  z-index: 2;
  top: calc(-17 * (100vw / var(--base-value)));
  right: calc(-27 * (100vw / var(--base-value)));
  position: absolute;
}

.feature-section--link-btn-box::after {
  content: '';
  display: block;
  width: calc(100 * (100vw / var(--base-value)));
  height: calc(100 * (100vw / var(--base-value)));
  background: url(../img/img_try02.png) center center/contain no-repeat;
  z-index: 2;
  bottom: 0;
  left: calc(-57 * (100vw / var(--base-value)));
  position: absolute;
}

.feature-section--link-btn-box > .innerWrap {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: calc(18 * (100vw / var(--base-value))) 0 0;
  width: calc(280 * (100vw / var(--base-value)));
  height: calc(280 * (100vw / var(--base-value)));
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FBF3F2;
  z-index: 1;
}

.feature-section--link-btn-box > .innerWrap > * {
  position: relative;
  z-index: 2;
}

.feature-section--link-btn-box > .innerWrap > .mainTxt {
  font-family: "thonglor-soi-4-nr", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(32 * (100vw / var(--base-value)));
  letter-spacing: 0.05em;
}

.feature-section--link-btn-box > .innerWrap .feature-section--link-btn a {
  padding: 0 calc(26 * (100vw / var(--base-value))) calc(8 * (100vw / var(--base-value)));
  margin-top: calc(6 * (100vw / var(--base-value)));
  font-size: calc(26 * (100vw / var(--base-value)));
  letter-spacing: 0.06em;
  font-family: "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  font-weight: 500;
  position: relative;
}

.feature-section--link-btn-box > .innerWrap .feature-section--link-btn a > .borderParts {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.feature-section--link-btn-box > .innerWrap .feature-section--link-btn a > .borderParts::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: -100%;
  transition: 0.3s;
  animation: 3s ease-in-out infinite borderAnime;
}

.feature-section--link-btn-box > .innerWrap .feature-section--link-btn a::after {
  content: '';
  display: block;
  width: calc(20 * (100vw / var(--base-value)));
  height: 1px;
  position: absolute;
  bottom: 6px;
  right: 0;
  transform: rotate(35deg);
  background: #000;
}

.feature-section-about--heading {
  font-size: calc(20 * (100vw / var(--base-value)));
  font-family: "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  font-weight: 500;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 2;
}

.feature-section-about {
  margin: calc(100 * (100vw / var(--base-value))) auto 0;
  text-align: center;
}

.feature-section-about > .innerWrap {
  padding: calc(56 * (100vw / var(--base-value))) 0 calc(56 * (100vw / var(--base-value)));
  margin: 0 auto 0;
  max-width: 1200px;
  position: relative;
}

.feature-section-about > .innerWrap::before, .feature-section-about > .innerWrap::after {
  content: '';
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #FBF3F2;
}

.feature-section-about > .innerWrap::after {
  right: auto;
  left: 0;
}

.feature-section-about > .innerWrap > .mainTxt {
  margin-top: calc(28 * (100vw / var(--base-value)));
  font-size: calc(13 * (100vw / var(--base-value)));
  letter-spacing: 0.05em;
  font-family: "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  font-weight: 500;
  line-height: 2.2;
  position: relative;
  z-index: 2;
}

.feature-section-about > .innerWrap > .notesTxtBox {
  margin-top: calc(28 * (100vw / var(--base-value)));
  font-size: calc(13 * (100vw / var(--base-value)));
  letter-spacing: 0.05em;
  font-family: "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  font-weight: 500;
  position: relative;
  z-index: 2;
}

.feature-section-about > .innerWrap > .notesTxtBox p {
  margin-top: calc(10 * (100vw / var(--base-value)));
}

.feature-section-about > .innerWrap > .notesTxtBox p a {
  display: inline-block;
  text-decoration: underline;
  color: #000;
}

.f-modal-close-button-wrap {
  width: 100%;
  max-width: 657px;
  position: fixed;
  left: 50%;
  top: 48px;
  transform: translateX(-50%);
}

.f-modal-close-button {
  position: absolute;
  top: 0;
  right: -40px;
  width: 55px;
  height: 55px;
}

.f-modal-close-button::before, .f-modal-close-button::after {
  content: '';
  display: block;
  background: #000;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.f-modal-close-button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.open .f-modal {
  width: 100vw;
  pointer-events: auto;
  opacity: 1;
  z-index: 200;
}

.f-modal-list-section {
  margin-bottom: calc(134 * (100vw / var(--base-value)));
}

.f-modal-list-section:last-of-type {
  margin-bottom: 0;
}

.f-modal-list-section__item {
  position: relative;
}

.f-modal-list-section__item ~ .f-modal-list-section__item {
  margin-top: calc(96 * (100vw / var(--base-value)));
}

.f-modal-list-section__slider {
  position: relative;
}

.f-modal-list-section__heading {
  margin-bottom: calc(45 * (100vw / var(--base-value)));
  text-align: center;
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(36 * (100vw / var(--base-value)));
}

.f-modal-list-section__heading > span {
  letter-spacing: 0.029em;
  position: relative;
  line-height: 1;
  display: inline-block;
}

.f-modal-list-section__heading > span .mainTxt {
  display: inline-block;
}

.f-modal-list-section__heading > span .subTxt {
  display: block;
  line-height: 1;
  text-align: center;
  font-size: calc(13 * (100vw / var(--base-value)));
  font-family: "游ゴシック体", "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  font-weight: bold;
  letter-spacing: 0.18em;
  margin: calc(5 * (100vw / var(--base-value))) 0 0;
}

.f-modal-list-section__heading .iconNum {
  display: block;
  width: calc(40 * (100vw / var(--base-value)));
  height: calc(40 * (100vw / var(--base-value)));
  max-width: 40px;
  max-height: 40px;
  position: absolute;
  top: calc(-26 * (100vw / var(--base-value)));
  left: calc(-44 * (100vw / var(--base-value)));
}

.f-modal-list-section__heading .iconNum img {
  width: 100%;
  height: auto;
}

.slick-arrow {
  top: 50%;
  width: 23.5px;
  height: 51px;
  overflow: visible;
  text-indent: 150vw;
  position: absolute;
  padding: 0;
  border: 0;
  margin: 0;
  background: none;
  z-index: 2;
}

.slick-arrow::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../img/icon_arrow.png) center center/contain no-repeat;
  width: 23.5px;
  height: 51px;
}

.slick-arrow.slick-prev {
  transform: translate(-100%, -50%);
  left: -20px;
}

.slick-arrow.slick-prev::before {
  transform: translate(-50%, -50%) scale(-1, 1);
}

.slick-arrow.slick-next {
  right: -20px;
  transform: translate(100%, -50%);
}

.f-modal-list {
  width: calc(440 * (100vw / var(--base-value)));
  max-width: 440px;
  padding-top: 135px;
  padding-bottom: 100px;
  margin: 0 auto 0;
}

.f-modal {
  display: flex;
  overflow-x: hidden;
  overflow-y: scroll;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  background: white;
  position: fixed;
  z-index: -10;
  transition: 0.3s;
  inset: 0;
}

.feature-item-box.-item01 .feature-item-box__heading .iconNum {
  top: -34px;
}

.feature-item-box.-item01 .feature-item-box__inner {
  margin: 131px auto 0;
}

.feature-item-box.-item01 .feature-item-box__slider {
  margin: 35px auto 0;
}

.feature-item-box.-item02 .feature-item-box__heading .iconNum {
  top: -33px;
  left: -45px;
}

.feature-item-box.-item02 .feature-item-box__inner {
  margin: 133px auto 0;
}

.feature-item-box.-item02 .feature-item-box__txt {
  margin: 12px auto 0;
}

.feature-item-box.-item02 .feature-item-box__heading > span .subTxt {
  margin: 10px auto 0;
}

.feature-item-box.-item03 .feature-item-box__heading .iconNum {
  top: -33px;
  left: -45px;
}

.feature-item-box.-item03 .feature-item-box__inner {
  margin: 134px auto 0;
}

.feature-item-box.-item03 .feature-item-box__txt {
  margin: 12px auto 0;
}

.feature-item-box.-item04 .feature-item-box__heading .iconNum {
  top: -33px;
  left: -45px;
}

.feature-item-box.-item04 .feature-item-box__inner {
  margin: 133px auto 0;
}

.feature-item-box.-item04 .feature-item-box__txt {
  margin: 10px auto 0;
}

.feature-item-box.-item05 .feature-item-box__heading .iconNum {
  top: -30px;
  left: -14px;
}

.feature-item-box.-item05 .feature-item-box__inner {
  margin: 125px auto 0;
}

.feature-item-box.-item06 .feature-item-box__heading .iconNum {
  top: -34px;
  left: -47px;
}

.feature-item-box.-item06 .feature-item-box__inner {
  margin: 133px auto 0;
}

.feature-item-box.-item06 .feature-item-box__heading > span .subTxt {
  margin: 18px auto 0;
}

.feature-item-box.-item07 .feature-item-box__heading .iconNum {
  top: -34px;
  left: -47px;
}

.feature-item-box.-item07 .feature-item-box__inner {
  margin: 133px auto 0;
}

.feature-item-box.-item07 .feature-item-box__heading > span .subTxt {
  margin: 18px auto 0;
}

.feature-item-box.-item07 .feature-item-box__slider {
  margin-top: 35px;
}

.feature-item-box.-item08 .feature-item-box__heading .iconNum {
  top: -34px;
  left: -47px;
}

.feature-item-box.-item08 .feature-item-box__inner {
  margin: 133px auto 0;
}

.feature-item-box.-item08 .feature-item-box__heading > span .subTxt {
  margin: 18px auto 0;
}

.feature-item-box.-item08 .feature-item-box__txt {
  margin: 12px auto 0;
}

.f-modal-list-section.section01 .f-modal-list-section__heading {
  margin-bottom: calc(32 * (100vw / var(--base-value)));
}

.f-modal-list-section.section01 .f-modal-list-section__heading .iconNum {
  top: calc(-34 * (100vw / var(--base-value)));
  left: calc(-47 * (100vw / var(--base-value)));
}

.f-modal-list-section.section01 .f-modal-list-section__heading > span .subTxt {
  margin-top: calc(13 * (100vw / var(--base-value)));
}

.f-modal-list-section.section02 .f-modal-list-section__heading {
  margin-bottom: calc(35 * (100vw / var(--base-value)));
}

.f-modal-list-section.section02 .f-modal-list-section__heading .iconNum {
  top: calc(-33 * (100vw / var(--base-value)));
  left: calc(-44 * (100vw / var(--base-value)));
}

.f-modal-list-section.section02 .f-modal-list-section__heading > span .subTxt {
  margin-top: calc(11 * (100vw / var(--base-value)));
}

.f-modal-list-section.section03 .f-modal-list-section__heading {
  margin-bottom: calc(33 * (100vw / var(--base-value)));
}

.f-modal-list-section.section03 .f-modal-list-section__heading .iconNum {
  top: calc(-33 * (100vw / var(--base-value)));
}

.f-modal-list-section.section03 .f-modal-list-section__heading > span .subTxt {
  margin-top: calc(13 * (100vw / var(--base-value)));
}

.f-modal-list-section.section04 .f-modal-list-section__heading {
  margin-bottom: calc(35 * (100vw / var(--base-value)));
}

.f-modal-list-section.section04 .f-modal-list-section__heading .iconNum {
  top: calc(-34 * (100vw / var(--base-value)));
}

.f-modal-list-section.section04 .f-modal-list-section__heading > span .subTxt {
  margin-top: calc(9 * (100vw / var(--base-value)));
}

.f-modal-list-section.section05 .f-modal-list-section__heading {
  margin-bottom: calc(35 * (100vw / var(--base-value)));
}

.f-modal-list-section.section05 .f-modal-list-section__heading > span .mainTxt {
  line-height: 1.3;
}

.f-modal-list-section.section05 .f-modal-list-section__heading > span .mainTxt > span {
  font-size: calc(28 * (100vw / var(--base-value)));
  letter-spacing: 0.1em;
}

.f-modal-list-section.section05 .f-modal-list-section__heading .iconNum {
  top: calc(-25 * (100vw / var(--base-value)));
  left: calc(-14 * (100vw / var(--base-value)));
}

.f-modal-list-section.section05 .f-modal-list-section__heading > span .subTxt {
  margin-top: calc(8 * (100vw / var(--base-value)));
}

.f-modal-list-section.section06 .f-modal-list-section__heading .iconNum {
  top: calc(-35 * (100vw / var(--base-value)));
  left: calc(-50 * (100vw / var(--base-value)));
}

.f-modal-list-section.section06 .f-modal-list-section__heading {
  margin-bottom: calc(33 * (100vw / var(--base-value)));
}

.f-modal-list-section.section06 .f-modal-list-section__heading > span .mainTxt {
  padding: 0;
  white-space: nowrap;
}

.f-modal-list-section.section06 .f-modal-list-section__heading > span .subTxt {
  margin-top: calc(18 * (100vw / var(--base-value)));
}

.f-modal-list-section.section07 .f-modal-list-section__heading .iconNum {
  top: calc(-34 * (100vw / var(--base-value)));
  left: calc(-46 * (100vw / var(--base-value)));
}

.f-modal-list-section.section07 .f-modal-list-section__heading {
  margin-bottom: calc(35 * (100vw / var(--base-value)));
}

.f-modal-list-section.section07 .f-modal-list-section__heading > span .subTxt {
  margin-top: calc(18 * (100vw / var(--base-value)));
}

.f-modal-list-section.section08 .f-modal-list-section__heading .iconNum {
  top: calc(-34 * (100vw / var(--base-value)));
  left: calc(-45 * (100vw / var(--base-value)));
}

.f-modal-list-section.section08 .f-modal-list-section__heading {
  margin-bottom: calc(35 * (100vw / var(--base-value)));
}

.f-modal-list-section.section08 .f-modal-list-section__heading > span .subTxt {
  margin-top: calc(18 * (100vw / var(--base-value)));
}

@keyframes widthUp01 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes simplefade01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade01 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade02 {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fade03 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes fadeBlur {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);
  }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: blur(30px) brightness(1.1);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: blur(0) brightness(1);
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}

@keyframes border01 {
  0% {
    width: 0;
  }
  100% {
    width: 100vw;
  }
}

@keyframes borderAnime {
  0% {
    left: -100%;
  }
  30% {
    left: 0%;
  }
  60% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}

@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.js-anime.-visible {
  overflow: hidden;
  opacity: 0;
  transition: 0.3s ease-in-out 0.6s;
}

.js-anime.-visible::before, .js-anime.-visible::after {
  content: '';
  display: block;
  width: calc(100% + 5px);
  height: 50%;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 4;
  transition: 0s ease-in-out 0.5s;
  opacity: 1;
}

.js-anime.-visible::after {
  top: auto;
  bottom: 0;
  transition: 0s ease-in-out 0.75s;
}

.js-anime.-visible.is-active {
  opacity: 1;
}

.js-anime.-visible.is-active::before, .js-anime.-visible.is-active::after {
  opacity: 0;
}

.js-anime.-visible.-delay01 {
  transition: 0.3s ease-in-out 0.85s;
}

.js-anime.-visible.-delay01::before, .js-anime.-visible.-delay01::after {
  transition: 0s ease-in-out 0.75s;
}

.js-anime.-visible.-delay01.is-active::after {
  transition: 0s ease-in-out 1s;
}

.js-anime.-visible.-delay02 {
  transition: 0.3s ease-in-out 1.35s;
}

.js-anime.-visible.-delay02::before, .js-anime.-visible.-delay02::after {
  transition: 0s ease-in-out 1.25s;
}

.js-anime.-visible.-delay02.is-active::after {
  transition: 0s ease-in-out 1.5s;
}

.js-anime.-fade-hero .hero-box__heading > .mainTxt,
.js-anime.-fade-hero .hero-box__heading > .subTxt,
.js-anime.-fade-hero .hero-box__img {
  opacity: 0;
}

.js-anime.-fade-hero.is-active .hero-box__img,
.js-anime.-fade-hero.is-active .hero-box__heading > .mainTxt,
.js-anime.-fade-hero.is-active .hero-box__heading > .subTxt {
  animation: 0.3s ease-out 0.3s forwards simplefade01;
}

.js-anime.-fade-hero.is-active .hero-box__img.-img06 {
  animation-delay: 0.3s;
}

.js-anime.-fade-hero.is-active .hero-box__img.-img03 {
  animation-delay: 0.5s;
}

.js-anime.-fade-hero.is-active .hero-box__img.-img07 {
  animation-delay: 0.7s;
}

.js-anime.-fade-hero.is-active .hero-box__img.-img05 {
  animation-delay: 0.9s;
}

.js-anime.-fade-hero.is-active .hero-box__img.-img04 {
  animation-delay: 1.1s;
}

.js-anime.-fade-hero.is-active .hero-box__img.-img01 {
  animation-delay: 1.3s;
}

.js-anime.-fade-hero.is-active .hero-box__img.-img08 {
  animation-delay: 1.5s;
}

.js-anime.-fade-hero.is-active .hero-box__img.-img02 {
  animation-delay: 1.7s;
}

.js-anime.-fade-hero.is-active .hero-box__heading > .mainTxt {
  animation-delay: 1.9s;
}

.js-anime.-fade-hero.is-active .hero-box__heading > .subTxt {
  animation-delay: 2.1s;
}

.js-anime.-fade01 {
  opacity: 0;
  transition: 0.5s ease-in-out 1s;
}

.js-anime.-fade01.is-active {
  opacity: 1;
}

.js-anime.-blur {
  opacity: 0;
}

.js-anime.-blur.is-active {
  animation: 0.95s ease-out 0.3s forwards fadeBlur;
}

.js-anime.-txtFade02 {
  transform: translateY(100%);
}

.js-anime.-txtFade02.is-active {
  animation: 0.7s ease-in-out 1s forwards fade03;
}

.js-anime.-txtFade02.-delay01.is-active {
  animation: 0.7s ease-in-out 1.4s forwards fade03;
}

.js-anime.-txtFade02.-delay02.is-active {
  animation: 0.7s ease-in-out 1.9s forwards fade03;
}

.js-anime.-fade03 {
  opacity: 0;
  transform: translateX(-50px);
}

.js-anime.-fade03.is-active {
  animation: 0.7s ease-in-out 0.3s forwards fade03;
}

.js-anime.-item-fade > * {
  opacity: 0;
  transform: translateY(50px);
  z-index: 2;
}

.js-anime.-item-fade.is-active > * {
  animation: 0.7s ease-in-out 0.3s forwards fade02;
}

.js-anime.-item-fade.is-active > *:nth-of-type(2) {
  animation-delay: 0.4s;
}

.js-anime.-item-fade.is-active > *:nth-of-type(3) {
  animation-delay: 0.5s;
}

.js-anime.-item-fade.is-active > *:nth-of-type(4) {
  animation-delay: 0.6s;
}

.js-anime.-item-fade.is-active > *:nth-of-type(5) {
  animation-delay: 0.7s;
}

.js-anime.-item-fade.is-active > *:nth-of-type(6) {
  animation-delay: 0.8s;
}

.js-anime.-item-fade.is-active > *:nth-of-type(7) {
  animation-delay: 0.9s;
}

.js-anime.-item-fade.is-active > *:nth-of-type(8) {
  animation-delay: 1s;
}

.js-anime.-item-fade.is-active > *:nth-of-type(9) {
  animation-delay: 1.1s;
}

.js-anime.-item-fade.is-active > *:nth-of-type(10) {
  animation-delay: 1.2s;
}

.js-anime.-item-fade.is-active > *:nth-of-type(11) {
  animation-delay: 1.3s;
}

.js-anime.-item-fade.is-active > *:nth-of-type(12) {
  animation-delay: 1.4s;
}

.js-anime.-border::before {
  width: 0;
}

.js-anime.-border.is-active::before {
  animation: 1s ease-in-out 1s forwards border01;
}

@media (min-width: 1401px) {
  .feature .credit-list {
    margin: 24px auto 0;
  }
  .feature .credit-list .credit > .item > .tax,
  .feature .credit-list .credit > .item > .link {
    font-size: 14px;
  }
  .feature .credit-list .credit {
    gap: 8px 12px;
  }
  .feature-type-box__list {
    gap: 73px 80px;
  }
  .feature-type-box__item figure .genreIcon.-icon01 {
    top: 6px;
    left: -37px;
  }
  .feature-type-box__item figure .genreIcon.-icon02 {
    bottom: 48px;
    right: -54px;
  }
  .feature-type-box__item figure .genreIcon.-icon03 {
    bottom: 49px;
    right: -40px;
  }
  .feature-type-box__item figure .genreIcon.-icon04 {
    top: 37px;
    right: -26px;
  }
  .feature-item-box__slider {
    /* max-width: 1400px;
    overflow: visible; */
  }
  .feature-item-box__slider .swiper-slide {
    width: 390px !important;
    height: 546px !important;
  }
  .feature .credit-list.-credit01 .credit > .item:nth-of-type(1), .feature .credit-list.-credit01 .credit > .item:nth-of-type(3) {
    margin-left: 50px;
  }
  .feature .credit-list.-credit01 .credit > .item:nth-of-type(2), .feature .credit-list.-credit01 .credit > .item:nth-of-type(4) {
    margin-right: 50px;
  }
  .feature .credit-list.-credit07 .credit > .item:nth-of-type(1) {
    margin-left: 50px;
  }
  .feature .credit-list.-credit07 .credit > .item:nth-of-type(2) {
    margin-right: 50px;
  }
  .feature .credit-list.-credit10 .credit > .item:nth-of-type(1) {
    margin-left: 50px;
  }
  .feature .credit-list.-credit10 .credit > .item:nth-of-type(2) {
    margin-right: 50px;
  }
  .feature .credit-list.-credit11 .credit > .item:nth-of-type(1) {
    margin-left: 50px;
  }
  .feature .credit-list.-credit11 .credit > .item:nth-of-type(2) {
    margin-right: 50px;
  }
  .feature .credit-list.-credit14 .credit > .item:nth-of-type(1) {
    margin-left: 50px;
  }
  .feature .credit-list.-credit14 .credit > .item:nth-of-type(2) {
    margin-right: 50px;
  }
  .feature .credit-list.-credit16 .credit > .item:nth-of-type(1) {
    margin-left: 50px;
  }
  .feature .credit-list.-credit16 .credit > .item:nth-of-type(2) {
    margin-right: 50px;
  }
  .feature .credit-list.-credit19 .credit > .item:nth-of-type(1) {
    margin: 0 50px;
  }
  .feature .credit-list.-credit20 .credit > .item:nth-of-type(1) {
    margin: 0 50px;
  }
  .feature .credit-list.-credit22 .credit > .item:nth-of-type(1) {
    margin-left: 50px;
  }
  .feature .credit-list.-credit22 .credit > .item:nth-of-type(2) {
    margin-right: 50px;
  }
  .feature .credit-list.-credit24 .credit > .item:nth-of-type(1) {
    margin-left: 50px;
  }
  .feature .credit-list.-credit24 .credit > .item:nth-of-type(2) {
    margin-right: 50px;
  }
  .feature .credit-list.-credit24 .credit > .item:nth-of-type(3) {
    margin-left: 50px;
  }
  .feature .credit-list.-credit24 .credit > .item:nth-of-type(4) {
    margin-right: 50px;
  }
  .feature .credit-list.-credit30 .credit > .item:nth-of-type(1) {
    margin-left: 50px;
  }
  .feature .credit-list.-credit30 .credit > .item:nth-of-type(2) {
    margin-right: 50px;
  }
  .feature .credit-list.-credit31 .credit > .item:nth-of-type(3) {
    margin-left: 75px;
  }
  .feature .credit-list.-credit31 .credit > .item:nth-of-type(4) {
    margin-right: 75px;
  }
  .feature .credit-list.-credit32 .credit > .item:nth-of-type(1) {
    margin-left: 50px;
  }
  .feature .credit-list.-credit32 .credit > .item:nth-of-type(2) {
    margin-right: 50px;
  }
  .feature .hero-box__heading {
    height: 103px;
    transform: translate(-50%, -50%) translateY(-9px);
  }
  .feature .hero-box__heading > .mainTxt {
    font-size: 48px;
  }
  .feature .hero-box__heading > .subTxt {
    font-size: 22px;
  }
  .hero-box__img.-img01 {
    top: 17px;
    left: 161px;
  }
  .hero-box__img.-img02 {
    top: 0;
    left: 350px;
  }
  .hero-box__img.-img03 {
    top: 37px;
    left: 571px;
  }
  .hero-box__img.-img04 {
    top: 11px;
    right: 141px;
  }
  .hero-box__img.-img05 {
    bottom: 0;
    left: 126px;
  }
  .hero-box__img.-img06 {
    left: 346px;
    bottom: -20px;
  }
  .hero-box__img.-img07 {
    left: 551px;
    bottom: -35px;
  }
  .hero-box__img.-img08 {
    bottom: 5px;
    right: 161px;
  }
  .f-modal-list-section {
    margin-bottom: 134px;
  }
  .f-modal-list-section__item ~ .f-modal-list-section__item {
    margin-top: 96px;
  }
  .f-modal-list-section__heading {
    margin-bottom: 45px;
    font-size: 36px;
  }
  .f-modal-list-section__heading > span .subTxt {
    font-size: 13px;
    margin: 5px 0 0;
  }
  .f-modal-list-section__heading .iconNum {
    top: -26px;
    left: -44px;
  }
  .f-modal-list-section.section01 .f-modal-list-section__heading .iconNum {
    top: -34px;
    left: -47px;
  }
  .f-modal-list-section.section01 .f-modal-list-section__heading > span .subTxt {
    margin-top: 13px;
  }
  .f-modal-list-section.section02 .f-modal-list-section__heading {
    margin-bottom: 35px;
  }
  .f-modal-list-section.section02 .f-modal-list-section__heading .iconNum {
    top: -33px;
    left: -44px;
  }
  .f-modal-list-section.section02 .f-modal-list-section__heading > span .subTxt {
    margin-top: 11px;
  }
  .f-modal-list-section.section03 .f-modal-list-section__heading {
    margin-bottom: 33px;
  }
  .f-modal-list-section.section03 .f-modal-list-section__heading .iconNum {
    top: -33px;
  }
  .f-modal-list-section.section03 .f-modal-list-section__heading > span .subTxt {
    margin-top: 13px;
  }
  .f-modal-list-section.section04 .f-modal-list-section__heading {
    margin-bottom: 35px;
  }
  .f-modal-list-section.section04 .f-modal-list-section__heading .iconNum {
    top: -34px;
  }
  .f-modal-list-section.section04 .f-modal-list-section__heading > span .subTxt {
    margin-top: 9px;
  }
  .f-modal-list-section.section05 .f-modal-list-section__heading {
    margin-bottom: 35px;
  }
  .f-modal-list-section.section05 .f-modal-list-section__heading > span .mainTxt > span {
    font-size: 28px;
  }
  .f-modal-list-section.section05 .f-modal-list-section__heading .iconNum {
    top: -25px;
    left: -14px;
  }
  .f-modal-list-section.section05 .f-modal-list-section__heading > span .subTxt {
    margin-top: 8px;
  }
  .f-modal-list-section.section06 .f-modal-list-section__heading .iconNum {
    top: -35px;
    left: -50px;
  }
  .f-modal-list-section.section06 .f-modal-list-section__heading {
    margin-bottom: 33px;
  }
  .f-modal-list-section.section06 .f-modal-list-section__heading > span .subTxt {
    margin-top: 18px;
  }
  .f-modal-list-section.section07 .f-modal-list-section__heading .iconNum {
    top: -34px;
    left: -46px;
  }
  .f-modal-list-section.section07 .f-modal-list-section__heading {
    margin-bottom: 35px;
  }
  .f-modal-list-section.section07 .f-modal-list-section__heading > span .subTxt {
    margin-top: 18px;
  }
  .f-modal-list-section.section08 .f-modal-list-section__heading .iconNum {
    top: -34px;
    left: -45px;
  }
  .f-modal-list-section.section08 .f-modal-list-section__heading {
    margin-bottom: 35px;
  }
  .f-modal-list-section.section08 .f-modal-list-section__heading > span .subTxt {
    margin-top: 18px;
  }
}